/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

* {margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
        box-sizing: border-box;}
body{
background: red;
}

:root{
--bg-sky:#0ad3ef;
--bg-gray:#f0f0f5;
--bg-blue:#091650;
--bg-black:#000;
--bg-white:#ffffff;
}

.space{padding:50px 0;}
.main-header{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.fix-header {
background-color:var(--bg-blue);
}
.brand-logo img {
max-width: 150px;
background: var(--bg-sky);
padding: 12px;
}

ul.navbar{margin-bottom: 0;list-style: none;}
ul.navbar a {
display: inline-block;
padding: 15px;
text-decoration: none;
color: #0ad3ef;
font-weight: 500;
}
ul.navbar .active {
color: #fff;
}
.sidebar-navigation {
background: #fff;
padding: 25px 18px;
margin: 0;
border-radius: 9px;
-webkit-box-shadow: 0 4px 25px 0 rgba(168, 180, 208, 0.1);
        box-shadow: 0 4px 25px 0 rgba(168, 180, 208, 0.1);
}
.bg-gray{background-color: #f0f0f5;}
.media-profile .media-object {
max-width: 98px;
border-radius: 15px;
}
div#sidebar {
position: sticky;
top: 15px;
}
.input-group{display: block!important;}
.input-group>.form-control, .input-group>.form-select{width: 100%!important;}
h5.sub-title{
position: relative;
display: inline-block !important;
}

h5.sub-title:after {
content: '';
position: absolute;
background-color: #0ad3ef;
width: 100px;
height: 2px;
top: 50%;
left: 106%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.input-group select, .input-group input {
width: 100%;
height: 40px;
background:#fff;
border: 1px solid #ccc;
}
ul.select2-selection__rendered {
display: none;}
button.btn.btn-danger.remove-link.closes-btn{
position: absolute;
    right: 0;
    top: 37%;
    width: 40px;
    height: 40px;
}

.dash-btn {
background:var(--bg-blue);
display: inline-block;
padding: 8px 24px;
color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
transition: all 500ms ease 0s;
}
.dash-btn:hover {
    background: var(--bg-sky);
    transition: all 500ms ease 0s;
}
.radio input {
height: 20px;
}
.navbar-menu li.navbar-list{    padding: 9px 0 9px 0px !important;}
li.navbar-list:hover a:after {
-webkit-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
border-radius:0;
top: 0;
opacity: 1;
}
li.navbar-list a::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #091650;
left: -25px;
z-index: -1;
-webkit-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
top: 100%;
opacity: 0;
-webkit-box-shadow: 0px 10px 40px 0px rgba(24, 26.00000000000000);
        box-shadow: 0px 10px 40px 0px rgba(24, 26.00000000000000);
}
.navbar-menu {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
li.navbar-list {
position: relative;
z-index: 1;
/* overflow: hidden; */
}
.navbar-menu li.navbar-list a {
text-decoration: none;
color: #000;
}
.user-login-id {
    background-color: #091650;
    display: inline-block;
    padding: 7px 21px;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
}
.media-profile .media-object {
max-width: 100%;
border-radius: 50px;
height: 80px;
padding: 7px;
border: 1px solid #ddd;
width: 80px;
}
.media.media-team a{
color: #000;
text-decoration: none;
}


li.navbar-list:hover a {
color: #fff;
-webkit-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}

footer#footer {
    background-color: var(--bg-blue);
}
.footer-top .widget-title {
    color: #fff;
margin-bottom: 1.5rem;
}
.footer-top p, footer-top li a {
    color: #fff;
}
.copyright a {
    color: var(--bg-blue);
    font-weight: 500;
    text-decoration: none;
}
.copyright {
    color: #fff;
    background-color: var(--bg-sky);
}
ul.social-links {
    list-style: none;
}
ul.social-links i {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    padding: 7px;
    border: 1px solid #fff;
    color: var(--bg-sky);
}
ul.social-links li a {
    text-decoration: none;
}
ul.our-srvice-list a {
    color: var(--bg-sky);
    text-decoration: none;
}
ul li {
    margin-bottom: 12px;
}
ul.arrowlist{
    list-style: none;
    padding-left: 0;

}
ul.arrowlist li:before {
    content: '\F138';
    font-family: 'bootstrap-icons';
    color: #fff;
position: absolute;
left: 0;
top: 0;
}
ul.arrowlist li {
    position: relative;
    padding-left: 25px;
}

.login-page {
    background: #fff;
    padding: 50px 45px;
    border-radius: 15px;
}
.login-form input {
    width: 100%;
    height: 55px;
    padding-left: 60px;
    border-radius: 30px;
    border: 1px solid #00000047;
}
.login-form{position: relative;}
.userlogin-form .login-form .bi {
    position: absolute;
    left: 1px;
    top: 0%;
    -webkit-transform: 0;
        -ms-transform: 0;
            transform: 0;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 52px;
    height: 54px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 30px 0 0 30px;
    border-right: 1px solid #00000047;
color: var(--bg-blue);
font-size: 19px;
}
.login-page .submit_button {
    width: 100%;
    height: 52px;
    border-radius: 30px;
    background-color: var(--bg-blue);
    color: #fff;
border:none;
}
.forget-pwd a {
    text-decoration: none;
    color: #000;
}
.login-form button#togglePassword {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.login-form button#togglePassword {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 9px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45px;
    height:54px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: transparent;
    border-right: 1px solid #00000047;
}
.login-form button#togglePassword:before {
    content: '\F33E';
    font-family: 'bootstrap-icons';
    color: var(--bg-blue);
font-size: 20px;
}
.login-form input:focus-visible {
    outline: none;
}
.fs-17{font-size: 17px;}
.create-new-aacout {
    color: var(--bg-sky);
    text-decoration: none;
    /* font-size: 16px; */
}
.brand-logo {
    position: relative;
    z-index: 2;
}
.brand-logo:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 111%;
    background-color: var(--bg-sky);
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;}
    label {
    display: block!important;
}
.form-control:disabled, .form-control[readonly]{background-color:#fff!important;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
border-radius:5px!important;
}
.select2-container--default .select2-selection--multiple{
height:40px;
}
ul.navbar-menu li {
    margin-bottom: 0;
}