.action-download{	
    background-color: transparent;	
    border: none;	
    font-size: xxx-large;	
    color: darkgray;	
    margin-top: -36px	
}	
.chart-download {	
    background-color: transparent;	
    border: none;	
    border-radius: 8px;	
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);	
    background: white;	
    margin-left: -66px;	
    margin-bottom: 2px;	
    width: 101px;	
    height: 42px;	
    padding: 2px 10px 2px 10px;	
    font-size: 13px;	
    font-family: 'Poppins';	
}	
.card-style{	
    height: 82px	
}	
.card-style-bargraph{
    height: 82px;	
}
.tab-syle{	
    border-radius: 10px;	
    background: #F2F2F2;	
    border: none !important;	
}	
.font-style{	
    color: black;
    font-size: 16px;	
    font-weight:400	
}	
.date-style{	
    font-size: smaller;	
    color: #646464;	
}	
.li-styleadmin {	
    width: 88px;
}
/* .li-style {	
    width: 88px;
    padding-left: 6px;	
}	 */
.alignmnt{	
    margin-left: 119px;	
}	
.nav-link{	
    color: black;	
    display: block;	
    padding: 0.5rem 1rem;	
    border: none !important
}	
.nav-link.active{	
    color: black !important;	
    font-weight: 600;
    background: #F2F2F2 !important;	
    border: none !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
.date-style{
    font-size: smaller;
    color: #646464;
}

.alignmnt{
    margin-left: 119px;
}
.dropdown-item:active {
    color: #121212;
    text-decoration: none;
    background-color: #ffffff;
}
.dropdown-item:hover {
    color: #000000 !important;
    background-color: #e2e9f5 !important
}
a:hover {
    color: #07090a;
    text-decoration: none;
}
.date-select {
    top: 137.2px;
    left: 183px;
    z-index: 75;
    display: flex;
}
.btn-alignment {
    font-size: 16px;
    border: none;
    background: transparent;
    margin-top: 10px;
}
.hidden {
    display: none;
}
.custom-btn {
    justify-content: end;
    margin-right: 157px;
}
.close-icon {
    color: gainsboro;
    right: 29px;
    position: relative;
}
.close-icon::before {
    content: "\2716";
    font-size: 14px;
    color: #cfcfcf;
    cursor: pointer;
}

a:hover.nav-item {
    color: #07090a;
    text-decoration: none;
}
.table-text1{
    color: #084B91;
    font-weight: 600 !important;
}
.table-text{
    color: #084B91;
}
.dropdown-menu.custom-drop-menu{
    background: white;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
} 
.mobileview_download{
    display: none !important;
}
.table-responsive{
    overflow-x: inherit !important;
}

@media screen and (max-width: 768px) {
    .webview_download{
        display: none !important;
    }
    .custom-btn {
        justify-content: end !important;
        margin-right: 0px !important;
    }
    .mobileview_download{
        display: flex !important;
    }
    .logo{
        width: 250px !important;
    }
    .overview-chart.barchart_responsive{
        width: fit-content !important;
    }
    .dataTables_wrapper .dataTables_length {
        position: relative !important;
        padding-bottom: 20px !important;
        text-align: center !important;
    }
    .dataTables_wrapper .dataTables_paginate {
        text-align: center !important;
        float: left !important;
    }

    .col-sm-12 .downlod {
        border-radius: 10px !important;
        width: 40px !important;
        height: 30px !important;
    }
    .overview-table .dataTables_wrapper .dataTables_filter{
        position: absolute !important;
        width: 60% !important;
        padding-top: 20px !important;
    }
    .pagination {
        display: -ms-flexbox !important;
        flex-wrap: wrap !important;
        display: flex !important;
        padding-left: 0 !important;
        list-style: none !important;
        border-radius: 0.25rem !important; 
    }

    .table-responsive{
        overflow-x: auto !important;
    }
    .chart-container {
        overflow-x: auto;
        white-space: nowrap;
        max-width: 100%;
    }
    .card-style-bargraph{	
        height: 38px !important;	
    }
    .sign-in-main-div {
        flex-direction: column !important;
        align-items: center !important; 
        }
        .sign-in-content-div {
        z-index:100 !important;
        width: 100% !important;
        }
        .login-form {
           padding-top: 30px !important;
        }
        .sign-in-image-div {
        background-image: url(/img/images/sbg.webp) !important;
        width: 100% !important;
        background-size: cover !important;
        height: 62vh !important;
        }
        .sign-in-image-div-logo h2 {
        line-height: 37px !important;
        font-size: 20px !important;
        }
        p {
        margin-top: 0 !important;
        margin-bottom: 17rem !important;
        }
        .sign-in-image-div-content {
        height: 62vh !important;
        padding: 70px 45px !important;
        }
        .login-form form button {
        margin: 0px 0px 302px 0px !important;
        padding: 6px 20px 6px 20px;
        }
        .forget-section {
       display: flex !important;
       justify-content: space-between !important;
       margin-bottom: -238px !important;
       }
       .rdc-privacy-policy {
       font-size: smaller !important;
       }
       .login-form form {
       width: 70% !important;
       margin: 0px auto !important;
       }  
       .table td {
        vertical-align: top !important;
    }  	
}

.humberger_menu{
    width: auto !important;
}