/* 
    DOC : 26-Mar-2024
    Author     : omkar1109@rtac.in
*/
:root{
    --yellow:#FFED00;
    --black:#000000;
    --blue:#07547A;
    --blue-grad:transparent linear-gradient(89deg, #13175B 0%, #07547A 100%) 0% 0% no-repeat padding-box;
    --green:#21d315;
}
*{
    box-sizing: border-box;
}
html, body{
    width: 100%;
    height: 100%;
    font-family: Source Sans Pro;
}
#LoginCard{
    font-family: inter;
    position: absolute;
    top: 15%;
    left: 60%;
    right: 10%;
    height: auto;
    width: 25%;
    opacity: 1;
}
#loginDiv{
    height: 100vh;
    width: 100vw;
}
#loginBgImage{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;

}
#loginTitle{
    font-size: 1.8125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.1875rem;
    backdrop-filter:blur(4px);
}

#TitleText{
    position: absolute;
    top: 23%;
    left: 10%;
}
#TitleText h3{
    color: white;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.1875rem;

}

#TitleText h3:nth-child(4){
    font-size: 2.4125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.1875rem;
    padding: 10px;
    opacity: 1;
    color: white;
    background-color: var(--blue);
}

#loginForm input{
    border-radius: 4px;
}
#loginButton{
    width: 100%;
    background-color: var(--blue);
    color: white;
    font-weight: 600;
    font-size: 16px;
}
#LoginCard hr{
    margin-top: 0;
    width: 27%;
    border: 2px solid var(--blue);
    border-radius: 20%;
    opacity: 1 !important;
}
nav span{
    border-radius: 50%;
    border: 2px solid white;
    height: auto;
    width: auto;
    margin-right: 1.5rem;
    text-align: center;
    color: white !important;
    font-weight: 500;
}
#adminMenuBar, #supportMenuBar, #locationMenuBar{
    background: var(--blue-grad);
    color: white;

}
#adminMenuBar .navbar-brand, #supportMenuBar .navbar-brand{
    color: white;
}
#adminMenuBar li a, #supportMenuBar li a{
    color: white;
    font-weight: 500;
}
#adminMenuBar .navbar-brand, #supportMenuBar .navbar-brand{
    font-weight: 650;
}
#supportMenuBar .dropdown-menu a{
    color: var(--blue);
}
/*#supportMenuBar .dropdown-menu .dropdown-item:hover{
    background: var(--blue);
}*/
.navbar-nav .nav-link.active{
    text-decoration: underline;
    background-color: #294FD6;
}
.navbar-nav .nav-link{
    padding-top: 1em;
    padding-bottom: 1em;
}
td img{
    height: 1.8em;
    padding: 0.2rem;
}
.dt-search {
    display:none;
}
.dt-column-order {
    display : none;
}
table.dataTable th.dt-type-numeric, table.dataTable td.dt-type-numeric{
    text-align: left;
}
input, textarea, select{
    box-shadow: none !important;
}

.modal-body .row label.col-4{
    text-align: right;
}
.searchIcon{
    position: absolute;
    top: 50%;
    left: 5px; 
    transform: translateY(-50%);
        width: 20px; 
        height: 20px; 
    z-index: 1;
}
.searchInput{

    border: 1px solid var(--Gray-300, #D0D5DD);
    background: var(--White, #FFF);
    padding-bottom: 0px;
    padding-left: 2px;
    box-shadow: 0px 1px 1px 0px rgba(16, 24, 40, 0.05);
}

.reportPosition{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25%;
}
i.fa-solid, i.fa-regular, i.fa-brands{
    font-size:20px; 
    padding:4px;
}
.modal small{
    color: crimson;
    font-size: 1em;
}
#userProfileModal label{
    text-align: left;
}
/*
#navbarcollapseAdmin{
    background: var(--blue-grad);
}*/

@media only screen and (max-width: 990px) {
    #navbarcollapseAdmin{
        background: var(--blue-grad);
    }
    nav span{
        margin-left: 40px !important;
    }
}