body, html{
    font-family: 'inter', sans-serif;
    /* height:100%; */
    /* background-color: #F8F8FF; */
    /* background-color: #fff6f7; */
    /* background-color: #ffffff; */
    /* background-color: #e6ffe6; */
    overflow-x: visible;

}

@media only screen and (max-width:950px){
    .login-container {
        padding-left:30px;
        padding-right:30px;
        /* margin-top:130px; */
    }
    .img-toggle {
        display:none;
    }
    .collapseButton{
        display:block;
    }
}
 
@media only screen and (min-width:950px){
    .login-container {
        padding-left:150px;
        padding-right:150px;
        margin-top:30px;
    }

    .collapseButton{
        display:none;
    }
}

.sidebar {
    position: fixed;
    top: 0;
    /* background-color:rgb(204, 230, 231); */
    /* rtl:raw:
    right: 0;
    */
    bottom: 0;
    /* rtl:remove */
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 60px 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.171);
}

.navcolor{
    background-color:rgb(204, 230, 231);
    height:70px;
}

.menu-item-color{
    background-color:rgb(204, 230, 231);
    color:rgba(0, 0, 0, 0.637);
}

.lgn{
    background-color:#006450;
    border-color: #006450;
    color:white;
}
.lgn:hover{
    background-color:#008369;
    border-color: #008369;
    color:white;
    
}

a {
    text-decoration: none;
    color: rgb(34, 145, 250);
}

.appcolor{
    background-color: #e6ffe6;
    color:black;
}
/* a:hover{
    color:#ff6b81;
} */

thead{
    position:sticky;
    top:0;
}


::-webkit-scrollbar{
    width:10px;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px rgb(204, 230, 231); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb{
    background-color: rgb(204, 230, 231);
    border-radius:10px;
}

::-webkit-scrollbar:horizontal {
    height: 10px; /* Set the height of the horizontal scrollbar */
}

.error-msg{
    font-size: 16px;
}