@media (max-width: 1304px){
    #dtSelect{
        margin: auto !important;
    }
}
@media (max-width: 900px) and (min-width:450px){
    .total-cell{
        margin: 5px 1% 0px 1%; 
    }
    .summary-num{
        /* margin: 10px 0px 0px 0px !important; */
        margin: 0px 0px 1px 0px !important;
    }
    .total-label{
        float:left; 
        /* margin: -11px 10px 0px 10px !important; */
        margin: 11px 8px 0px 15px !important;
        white-space: nowrap;
    }
    .total-link{
        float:left; 
        /* margin: 15px 10px 0px 15px !important; */
        margin: 13px 8px 0px 15px !important;
        white-space: nowrap;
    }
  
    #dashboardDtSelect{
        float: left;
        margin: auto !important;
    }
}

@media (max-width: 900px) and (min-width:600px){
    #almChrtWrap{
        width:45% !important;
        min-height: 200px;
        min-width:400px;
        float: left;
        /* margin-left: 20%; */
    }
    #callsChrtWrap{
        width:45% !important;
        min-height: 200px;
        min-width:400px;
        float: right;
        /* margin-left: 20%; */
    }
    #callsWoChrtWrap{
        width:45% !important;
        min-width:400px;
        float:left;        
        /* margin-left: 20%; */
    }
}

@media (max-width: 600px) and (min-width:450px){
    #almChrtWrap, #woChrtWrap, #callAvgChrtWrap, #callsChrtWrap, #noWoChrtWrap, #alarmCallsChrtWrap, #callsWoChrtWrap, #alarmWoChrtWrap{
        width: 97% !important;
        max-width: 537px !important;
    }
    .stacked-chart{
        margin-top: 40px !important;
    }

}

@media (max-width: 450px){
    .main_tbl_btn_div {
        width: 250px;
        float: right;
        margin-right: 50px;
    }
    .alarm_tbl_btn_div{
        width: 500px;
        float: right;
    }
    .alarm_tbl{
        margin-top: 80px !important;
    }
    .alarm_tbl_btn_div > #csvBtn{
        margin: 5px 0px 10px 0px !important;
    }
    .alarm_tbl_btn_div > #csvBtn > .card-detail-csv{
        margin-left: 0px !important;
    }
    .alarm_tbl_btn_div > #woBtn{
        margin: 5px 10px 10px 0px !important;
    }
    /* #router{
        margin-top: 80px !important;
    } */
    .rprt-cont{
        margin-top: -40px  !important;
    }
    .val_head{
        margin: 5% 10% 5% 15%;
    }
    .lbld_data_cont{
        min-height: 30px;
    }
    .processing{
        width: 80% !important;
        /* margin-right:25% !important; */
        margin: 5% 25% 40% 10% !important;
    }

    .card-detail-csv{
        margin-left: 80% !important;
    }

    
    .raw-tbl-cont>div.tblDiv>table.simple-table-expand{
        overflow-y: scroll;
        max-height: 900px;
    }
    .intrvl-tbl-cont>div.tblDiv>table.simple-table-expand{
        overflow-y: scroll;
    }

    #logRegMsg{
        height:20%
    }
    #topbar{
       padding-top: 5px;
    }
    #menu_toggle{
        margin-left:12%;
    }
    .lrinput{
        margin: auto;
        margin-bottom: 5px;
        width: 80%;
    }
    .logreg{
        margin-top: 20%;
        width: 70% !important;
    }

    #logBtn, #regBtn{
        width: 60%;
        text-align: center;
    }
    .forg-pass{
        width: 50% !important;
        margin: 5px 20% 5px 25% !important;
        text-align: center;
    }
    .resetBtn{
        width: 90% !important;
        text-align: center;
    }
    .reset-msg{
        text-align: center;
        margin-right:10%;
    }
    .total-cell{
        height: 15% !important;
        /* line-height: normal; */
        margin: 1% 7% 2% 7%; 
    }
    .summary-num{
        margin: 1% 0px 0px 2% !important;
    }
    .total-label{
        float:left; 
        margin: 6px 10px 0px 0px !important;
    }
    .total-link{
        float:left; 
        margin: 15px 10px 0px 15px !important;
    }
    #siteHeading{
        top: 80px;
        margin-right: 15px;
        height: 140px;
        /* bottom: 20px; */
        position: fixed;
        background: hsl(0, 0%, 100%);
        padding: 5px 0px !important;
        width: 100%;
        z-index: 9;
        margin-left: -15px !important;
        /* word-wrap:normal; */
        overflow-wrap: break-word;
    }
    .csv-btn{
        margin-right: 0px !important;
    }
    .btn-bar-csv{
        float: right;
        margin-top:15px !important;
    }
    #btns_nav{
        margin-top: 83%;
    }
    .site-data-cont{
        margin-top: -40px;
    }
    #headLine{
        width: 300%;
        float: right;
        margin: 5px -60px 10px 0px;
    }
    .rprt-select{
        min-width:50%;
        max-height:20%;
        margin: 5% 15% 5% 35% !important;
    }
    /* #label{
        float:left
    }
    .rprt-select-menu{
        float:right
    } */
    .interval_select_cont{
        /* width:120% !important;
        margin-left: -15%; */
        /* margin-right: 5%; */
    }
    .alarmSearch{
        width:150px
    }
    #searchBar{
        margin-left: 10%;
        margin-right: 10%;

    }
    #time_int{
        margin-right: 10%;
        margin-bottom: 4%;
    }
    #time_int::after{
        content: "\a";
        white-space: pre;
    }
    #end_dt_label, #end_dt_label_mobile_cust{
        margin-left: 2% !important;
        margin-right: 1%;
    }
    #end_dt{
        width: 50%;
        float:left;
    }
    #int_label{
        margin-left: 12% !important;
        margin-top: 1%;
    }
    .sdp-btn{
        margin: 3% 20% 1% 20%;
        width: 50%
    }
    #sdLabel{
        margin-right: 10%;
    }
    #csvBtn{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    #woBtn{
        margin-bottom: 20px;
        margin-right: 5px !important;
    }
    .rprt_nav_title{
        margin: 0% 20% 0% 20%
    }
    .rprt_nav_cont{
        margin: 0% 20% 0% 20%
    }
    #logout{
        margin-right: 5%;
    }
    .dwld_rprt_btn{
        margin-left:20%;
    }
    .feedback-cont{
        margin: auto;
        top: 0;
        right: 10%;
        bottom: 0;
        left: 0;
     }
     #file_upload_popup{
        left: 0 !important; 
        width: 90% !important;
        height: 230px !important;
        min-width: 300px !important;
        max-width: 400px !important;
     }
     #file_cancel_btn{
        float:left !important; 
        margin-right : 5px; 
     }
     #file_upload_btn{
        float:left !important; 
     }
     #fileDescription{
        margin-top: 0px !important;
     }
     .log-nav-text{
        margin: auto !important;
     }
     #almChrtWrap{
        /* min-height: 400px;
        max-width: 300px!important;
        min-width: 300px!important; */
        float: left;
        margin-left: 1%;
    }
    #callsChrtWrap{
        /* max-width: 300px!important;
        min-width: 300px!important;
        min-height: 400px;
        float: left; */
        margin-left: 1%;
        margin-top: 50px;
    }
    #dashboardDtSelect{
        float: left;
        margin: auto !important;
    }
    #dashboardDtSelect>.w3-cell-row>.datetime-pickers{
        float: left;
        margin: auto !important;
    }
    .dash-dt-csv>#csvBtn{
        margin-right: 65%!important;
        margin-left: 10%!important;
    }
    .loading-popup{
        position: fixed;
        padding-bottom:5px;
        width: 47%;
        height: 50px;
        background: hsl(0, 0%, 100%);
        margin: 50% 25% 30% 25% !important;
        z-index: 10;
     }
     
     .stacked-chart-title{
        text-align: center;
        height:30px;
        max-height:30px;
        margin-bottom: 4px;
    }
    .horizontal-chart-title{
        text-align: center;
        margin-bottom: 4px;
    }
    .horizontal-chart{
        min-height: 450px;
        max-height: 500px;
        float:left !important;
        min-width: 300px !important;
        max-width: 300px !important;
        margin-top: 70px;
    }
    /* .stacked-chart{
        min-height: 540px !important;
        max-height: 540px !important;
        float:left !important;
        min-width: 320px !important;
        max-width: 320px !important; */
        /* margin-top: 70px!important; */
    /* } */
    .disclaimer-chart{
        margin-bottom: 35px;
    }
}
/* .mobile-intrvl-select{
    width:120% !important;
    margin-left:-7%
} */