.menu .app-brand.demo{height:64px;margin-top:12px}
.app-brand-logo.demo svg{width:22px;height:38px}
.app-brand-text.demo{font-size:1.75rem;letter-spacing:-.5px;text-transform:lowercase}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {padding-top: 76px !important;}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {padding-top: 64px !important;}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {z-index: auto;}
.demo-blocks > * {display: block !important;}
.demo-inline-spacing > * {margin: 1rem 0.375rem 0 0 !important;}
/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {margin-top: 1rem !important;margin-bottom: 0 !important;}
.demo-vertical-spacing.demo-only-element > :first-child {margin-top: 0 !important;}
.demo-vertical-spacing-lg > * {margin-top: 1.875rem !important;margin-bottom: 0 !important;}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}
.demo-vertical-spacing-xl > * {margin-top: 5rem !important;margin-bottom: 0 !important;}
.demo-vertical-spacing-xl.demo-only-element > :first-child {margin-top: 0 !important;}
.rtl-only {display: none !important;text-align: left !important;direction: ltr !important;}
[dir='rtl'] .rtl-only {display: block !important;}
/*
* Layout demo
******************************************************************************/
.layout-demo-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}
.layout-demo-placeholder img {width: 900px;}
.layout-demo-info {text-align: center;margin-top: 1rem;}
.nice-select {width: 100% !important;}
.nice-select.open .list {width: 100% !important;}
.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:38px!important;user-select:none;-webkit-user-select:none}
.select2-container--default .select2-selection--single {background-color: #fff;border: 1px solid #d9dee3 !important;border-radius: 4px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #758496 !important;line-height: 28px;}
.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding:.3275rem .875rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:6px!important;right:1px;width:20px}
.select2-container--default.select2-container--focus .select2-selection--multiple {border: solid #d9dee3 1px !important;outline: 0;}
.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #d9dee3!important;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}
.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:37px!important;user-select:none;-webkit-user-select:none}
/* login  */
.login-form .login-box{width: auto;position:absolute;top:22%;height:auto;border:2px solid #e8edee;box-shadow:0 0 18.9px 2.1px rgb(36 38 39 / 10%)!important;padding:40px 30px 35px;border-radius:5px;text-align:center}
.login-form .form-control{padding: .675rem 0.75rem;}
.login-form .login-key{height:100px;font-size:80px;line-height:100px;background:-webkit-linear-gradient(#27ef9f,#0db8de);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.login-form .login-title{text-align:center;font-size:30px;margin-top:15px;font-weight:700;color:#152b52}
.login-form .login-form {margin-top: 25px;text-align: left;}
.login-form input[type=text]{background-color:#fff;border:1px solid #152b52;border-radius:0;font-weight:700;outline:0;margin-bottom:20px;color:#152b52}
.login-form input[type=password]{background-color:#fff;border:1px solid #152b52;border-radius:0;font-weight:700;outline:0;margin-bottom:20px;color:#152b52}
.login-form .form-group {margin-bottom: 40px;outline: 0px;}
.login-form .form-control:focus{box-shadow:0 0 18.9px 2.1px rgb(36 38 39 / 10%)!important;box-shadow:none;border:1px solid #152b52;outline:0;background-color:#fff;color:#152b52}
.login-form input:focus{outline:0;box-shadow:0 0 18.9px 2.1px rgb(36 38 39 / 10%)!important}
.login-form label { margin-bottom: 10px;}
.login-form .form-control-label{font-size:10px;color:#152b52;font-weight:700;letter-spacing:1px}
.login-form .btn-outline-primary{border-color:#0db8de;color:#0db8de;border-radius:0;font-weight:700;letter-spacing:1px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}
.login-form .btn-outline-primary:hover {background-color: #fff;right: 0px;}
.login-form .login-btm {float: left;}
.login-form .login-button{padding-right:0;text-align:right;margin-bottom:25px}
.login-form .login-text{text-align:left;padding-left:0;color:#152b52}
.login-form .btn.btn1-success {background-color: #6bbb45;border-radius: 2px !important;border-color: none;color: #fff !important;--bs-btn-border-color: none !important;--bs-btn-focus-box-shadow: 0 0 0 0.1rem #152b52 !important;}
.login-form .btn.btn1-success:hover {height: auto!important;background-color: #152b52 !important;color:#fff!important;transition: all 0.4s linear;}