
.btn{margin: 0px 2px;}
label{padding-top: 5px;}
#normal_table_example_filter.dataTables_filter > label{padding-top: 0px;}
.glyphicon-user{padding-right: 6px;}
.glyphicon:hover{cursor: pointer;}
.curr_symbol{color: red;
             font-size: 17px;
             padding-left: 5px;}
/* min max inputs*/
.min {
    width: 250px;
    height: 35px;
    overflow: hidden !important;
    padding: 0px !important;
    margin: 0px;
    float: left;
    position: static !important;
}

.min .modal-dialog, .min .modal-content {
    height: 100%;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
}
.min .modal-header {
    height: 100%;
    width: 100%;
    margin: 0px !important;
    padding: 3px 5px !important;
}
.display-none { display: none; }
button .glyphicon {
    font-size: 16px;
    margin: 0px 4px;
}
.min .glyphicon { font-size: 14px; }
.min .menuTab { display: none; }
button:focus { outline: none; }
.minmaxCon {
    height: 35px;
    bottom: 1px;
    left: 1px;
    position: fixed;
    right: 1px;
    z-index: 999;
}
.rqst_dtl_ttl{float:left;width:66%}
#hdr_delete_rqst{float:right}
#issue_inv_print_modal  .modal-header,#report_modal .modal-header,#order_detail_modal .modal-header,#exp_order_detail_modal .modal-header
,#exp_report_modal .modal-header,#project_field_modal .modal-header,#prjct_emp_report_modal .modal-header
,#prjct_mnth_slr_report_modal .modal-header
,#chck_rqst_print_modal .modal-header
,#bank_pay_rqst_print_modal .modal-header,
#mnth_slr_report_modal .modal-header,#multiSalModal_modal .modal-header,
#cms__request_print_modal .modal-header{
    background: #fff;
    border-radius: 5px;
}
#rspnsbl_mngr_name{float:right;}
#rqst_date{display: inline-flex;}
#emp_name_label{float:right;text-align: right;}
#report_modal,#exp_report_modal{width:100%}
#request_details{width: 98%;margin: 22px auto;}
#show_table_rslt,#show_table_exp_rslt{margin: 0px auto;
                                      width: 90%;}
#exampleModal{z-index: 9999;overflow:auto;padding-left:0px;}
#main_dialog_messaging{z-index: 9999999;}
#show_table_rslt.dataTable > tbody > tr.child span.dtr-title,#show_table_exp_rslt.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    min-width: 100px;
    font-weight: bold;
    float: left;
}
table.dataTable > tbody > tr.child ul li {
    padding: 1.7em 0;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.group > td:first-child::before{display:none;}
table#show_table_rslt > thead > tr > th,table#request_details > thead > tr > th,
table#show_table_exp_rslt > thead > tr > th{white-space: nowrap;}
.dtr-data{float:right;}
#request_detail_note{resize: vertical;}
#request_details_wrapper{margin:0px auto;width:90%;}
#print_modal{width:100%}
#save_slr_chngs,#hdr_save_chngs,#save_prjct_chngs,#print_prjct_emp_rprt,#print_prjct_mnth_slr_rprt,#reload_prjct_flds{float: right;margin-right: 3%;}
.fancybox-lock .fancybox-overlay{z-index: 9999;}
.right_label{text-align: right}
.center_label{text-align: center}
.right_span{float: right}
.bold{font-weight:bold}
span.right{float:right}
span.left{float:left}
.fr__print_data_container_div{width:90%;height: auto;}
#show_table_rslt tr td input[type=text]:focus,#show_table_exp_rslt tr td input[type=text]:focus{
    min-width:300px;   
    max-width:100%;   
}
/*#hdr_curr{display: inline-flex;}*/
#hdr_curr label{margin-right: 7px;}
/*.tab-content{height: 239px;}*/
.project_label,.project_input{padding-top: 5px;}
#project_form .tab-content > .active {
    width: 100%;
    /*overflow-y: scroll;*/
}
.earning,label.accept{color:green}
.deduction,#total_nb_rcrds,label.reject{color:red}
/*search input*/
/*#normal_table_example_filter input[type="search"] {
    display: table-cell;
    width: 100%;
    position: relative;
    z-index: 2;
    height: 43px;
    margin: 0px;
}*/
/*#normal_table_example_filter  label{display:block;white-space: normal;}
#normal_table_example_filter{text-align:left;}*/
.modal-header.earn .row .col-md-2,.modal-header.deduct .row .col-md-2{width:36%}
.modal-header.earn,.modal-header.deduct{width:50%;border-bottom: none;}
.modal-header.earn.earn{float:left}
.modal-header.deduct{float:right}
.checkbox_rprt{float:right;margin: 0px 25px 0px 0px;}
.bold_title{font-weight: bold;}
.delete_div{text-align:right;}
.delete_div .rprt_delete_btn{margin-right:30px;}
.checkbox_rprt{float:none}
table#show_table_rslt td.header_title,table#show_table_exp_rslt td.header_title{text-align: center}
table#show_table_rslt td.header_title:first-child,table#show_table_exp_rslt td.header_title:first-child{text-align: left}
table.prjct_slry_table > thead > tr {height:130px;}
table.prjct_slry_table > thead > tr > th,
table.prjct_slry_table > tbody > tr > td.earning,table.prjct_slry_table > tbody > tr > td.deduction,
table.mnth_slry_table > thead > tr > th ,table.mnth_slry_table > tbody > tr > td,table.prjct_slry_table > tbody > tr > td.last_column,table.prjct_slry_table > tfoot > tr > th,table.mnth_slry_table > tfoot > tr > th.last_column,
table#multi_slr_table > thead > tr > th ,table#multi_slr_table > tbody > tr > td,table#multi_slr_table > tfoot > tr > th.last_column{
    vertical-align: middle;
    text-align:center;
}
table#multi_slr_table > thead > tr > th.th_bottom_align{vertical-align: bottom;}
/*table#multi_slr_table thead tr {
  display: block;
  position: relative;
}
table#multi_slr_table tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 300px; 
}
table#multi_slr_table > thead > tr > th, table#multi_slr_table > tbody > tr > td, table#multi_slr_table > tfoot > tr > th.last_column {
   width: 111px;
}*/
table#multi_slr_table> tbody > tr > td.left_align,.mnth_slry_table > tbody > tr > td.left_align,table.prjct_slry_table > tbody > tr > td.left_align,table.prjct_slry_table > tfoot > tr > th.left_align,
table.prjct_slry_table > thead > tr > th.first_column,table.prjct_slry_table > tbody > tr > td.first_column{
    text-align: left;
}
.th_vertical {
    display: inline-block;
    overflow: hidden;
    width: 1.5em;
    line-height: 1.5;

}
.th_vertical span{
    display: inline-block;
    white-space: nowrap;
    font-weight: bold;
    transform: translate(0,100%) rotate(-90deg);
    transform-origin: 0 0;
}
.th_vertical span::after {
    content: '';
    float: left;
    margin-top: 100%;
}
@media screen and (max-width:800px){
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.header_title{border-top: 2px solid lightgrey;
                                                                        border-bottom: 2px solid lightgrey;}
    table.dataTable > tbody > tr.child ul li {
        padding: 0.4em 0;
        clear: left;
    }
    .fancybox_pop{display:none}
    .rqst_pop{display: block}
    .dynmc_rows__row_body > div > [class*="col-"] {padding-bottom: 2px;}
    .dynmc_rows__row_head.panel-heading{display:none}
    .dtr-data{float:none;}
    #emp_name_label {float: none;text-align: left;}
    #details_info_table .left,#details_info_table .right{float:none;}
    #details_info_table_wrapper .row{margin:0px}
    #rspnsbl_mngr_name{width: 100%;}
    #show_table_rslt,#show_table_exp_rslt{margin: 0px;width: 100%;}
    #show_table_rslt_wrapper .row,#show_table_exp_rslt_wrapper .row{margin:0px;}
    #report_modal,#exp_report_modal {width: 90%;margin:0px auto}

}

div.page{
    page-break-after: always;
    page-break-inside: avoid;
}
div.page:last-child {
    page-break-after: avoid;
}
#label_chck_all,.checkbox_rprt_main_mngr_status_all{display:none;}
@media print { html, body { height: 99%; } }
@media screen and (max-width:800px){
    .modal-header.earn .row .col-md-2,.modal-header.deduct .row .col-md-2{width:40%}
}
@media screen and (max-width:600px){
    .modal-header.earn .row .col-md-2,.modal-header.deduct .row .col-md-2{width:100%}
    #label_chck_all{padding-right:12px;}
    #label_chck_all,.checkbox_rprt_main_mngr_status_all{display:inline-block;}
}
@media screen and (max-width:380px){
    #show_table_rslt tr td input[type=text]:focus
    ,#show_table_exp_rslt tr td input[type=text]:focus{
        min-width:200px;   
        max-width:100%;   
    }
}
.table-striped > tbody > tr.group {
    background-color: #c3bbe3;
}
.letters_label{
    padding-right: 16px !important ;
    width: 154px;
}

.text-letters {width:250px !important;}
