body {
     padding: 0;
     margin: 0;
     height: 100%;
     width: 100%;
     font-family: 'Open Sans', sans-serif;
 }

 .btn-info,
 .bg-info,
 .btn-outline-info,
 .alert-info {
     background-color: #287dd0 !important;
     color: #fcfcfc !important;
 }

 .bg-navbar {
     background-color: #287dd0 !important;
     color: #fcfcfc !important;
 }

 .bg-sidebar {
     background: #287dd0 !important;
     color: #fcfcfc !important;
 }

 .bg-sidebar a {
     color: #fcfcfc !important;
 }
 
 .company-logo {
    display: inline-block;
    position: relative;
    width: 3rem;
    height: 3rem;
    text-align: center;
    border: #e7e7e7;
    /*background: #fff;*/
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    line-height: 1rem;
    max-width: 100%;
    border-radius: 10%;
 }
 .company-logo.company-logo-small {
    width: 2.5rem;
    height: 2.5rem;
 }
 .company-logo.company-logo-medium {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
 }
 .company-logo.company-logo-large {
    width: 10rem;
    min-width: 10rem;
    height: 10rem;
 }

/*
    Avatars
   ------------------------
*/
.avatar {
	display: inline-block;
	position: relative;
	width: 3rem;
	height: 3rem;
	text-align: center;
	border: #e7e7e7;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	line-height: 3rem;
	max-width: 100%;
}

.avatar.avatar-xs {
	width: 1.8rem;
	height: 1.8rem;
	line-height: 1.8rem;
}

.avatar.avatar-sm {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
}

.avatar.avatar-md {
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
}

.avatar.avatar-lg {
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
}

.avatar.avatar-xl {
	width: 7rem;
	height: 7rem;
	line-height: 7rem;
}

.avatar.avatar-xxl {
	width: 14rem;
	min-width: 14rem;
	height: 14rem;
	line-height: 14rem;
}
.avatar.avatar-big {
	width: 18rem;
	min-width: 18rem;
	height: 18rem;
	line-height: 18rem;
}

.avatar.avatar-border-white {
	border: solid 2px #fff;
}

.avatar-stacked {
	margin-left: -.5rem;
}

 .avatar-brand img {
     border-radius: 100px !important;
     width: 50px !important;
     height: 50px !important;
 }

 .avatar-brand .avatar-sidebar {
     border-radius: 100px !important;
     width: 50px !important;
     height: 50px !important;
 }
 .avatar .avatar-lg {
    border-radius: 10px !important;
    width: 100px !important;
    height: 100px !important;
}
 .logo img {
    border-radius: 10px !important;
    width: 150px !important;
    height: 150px !important;
 }
.select2{
    height:calc(3.5rem + 2px)!important;
    line-height:2!important;
}
 .form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control{padding:1rem .75rem}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}