/*--------------- User Company ---------------*/

@media screen and (max-width: 750px){
    .user_comp_cont{width: 98%}
    .user_comp_back{margin-bottom: 2px;}
/*    .user_comp_left{float: none}*/
    .user_comp_icon{display: inline-block}
/*    .user_comp_txt{display: none}*/

    .mr_l{margin-left: auto}
}

@media screen and (max-width: 600px){
    .nav_company_user{display: flex;}

    .user_comp_back{margin-bottom: 2px; float: left }
    .nav_company_user{display: inline;}

    .logout_btn{margin-top: 10px !important}
}
/*--------------- User Company End ---------------*/


/*--------------- Main Elements ---------------*/

@media screen and (max-width: 400px){
    .header_width_wrapper{width: 98% !important;}
    .user_comp_cont{width: 98% !important;}

    #content_placeholder{width: 98% !important; }
    .content_wrapper{padding: 25px 10px 30px !important;} 

    #fi_width{width: 98%}
}

@media screen and (min-width: 401px) and (max-width: 720px){
    .header_width_wrapper{width: 98% !important;}
    .user_comp_cont{width: 98% !important;}

    #content_placeholder{width: 98% !important; }
    .content_wrapper{padding: 25px 10px 30px !important;} 

    #fi_width{width: 98%}
}

@media screen and (min-width: 721px) and (max-width: 1200px){
    .header_width_wrapper{width: 98% !important;}
    .user_comp_cont{width: 98% !important;}

    #content_placeholder{width: 98% !important; }
    .content_wrapper{padding: 25px 10px 30px !important;} 

    #fi_width{width: 98%}
}

@media screen and (min-width: 1201px) and (max-width: 1500px){
    .header_width_wrapper{width: 95% !important;}
    .user_comp_cont{width: 95% !important;}

    #content_placeholder{width: 95% !important; }
    .content_wrapper{padding: 25px 20px 30px !important;} 

    #fi_width{width: 95%}
}
/*--------------- Main Elements End ---------------*/




@media screen and (max-width: 1200px){
    /*----- Data Tables -----*/

/*    .table_holder tbody {word-break: break-all; word-wrap: break-word; white-space: -o-pre-wrap; white-space: -pre-wrap; }
    .dataTable tbody {word-break: break-all; word-wrap: break-word; white-space: -o-pre-wrap; white-space: -pre-wrap; }
    #messagetable_history_main tbody{word-break: break-all; word-wrap: break-word}*/

/*    table.dataTable thead th, table.dataTable thead td{padding: 9px 16px 9px 1px !important; font-size: 11.5px;}*/
    table.dataTable tbody th, table.dataTable tbody td{padding: 8px 1px !important; font-size: 12px; line-height: 16px}

    .width_name{width: 65px; word-wrap: break-word}
    .width_created_by{width: 75px; word-wrap: break-word}

    .table_holder tbody tr td a i, .table_item_status i{padding: 4px 2px 3px; width: 23px;}
    .table_holder tbody tr td a span, .table_item_status span{padding: 1px 15px 0px; left: 27px;}
    .table_holder tbody tr td a span.push_left, .table_item_status span.push_left{padding:1px 15px; right: 27px;}
    .assg_call{width: 24px}

    .show_span{margin-left: -162px}
    .show_span2{margin-left: 0px}/*margin-left: -228px*/

    .asterisk_big0{margin-left: -2px; margin-right: -1px;}
    .asterisk_big{margin-left: -2px; margin-right: -1px;}

    .doc_td1{width: 40%}
    .doc_td2{width: 30%}
    .doc_td3{width: 15%}
    .doc_td4{width: 15%}

    /*----- Data Tables End -----*/

    .ui-tabs .ui-tabs-panel{padding: 1em 10px !important}

    button{padding: 7px 9px 6px; min-width: 110px}
/*    .back_btn{padding: 7px 8px 6px 19px}*/
    .hvr-icon-sink-away:before, .hvr-icon-sink-away:after{right: 24px}/*right 24*/

    .hvr-icon-back:before{left: 13px}
    .hvr-icon-forward:before{right: 30px}

    @-moz-document url-prefix() {
        table.dataTable thead th, table.dataTable thead td{letter-spacing: -1px;}
    }
}


@media screen and (min-width: 1201px) and (max-width: 1650px){
    /*----- Data Tables -----*/

/*    .table_holder tbody {word-break: break-all; word-wrap: break-word;}
    .dataTable tbody {word-break: break-all; word-wrap: break-word}*/

/*    table.dataTable thead th, table.dataTable thead td{padding: 9px 16px 9px 1px !important; font-size: 11.5px;}*/
    table.dataTable tbody th, table.dataTable tbody td{padding: 3px 4px !important; font-size: 12px}

    .width_name{width: 65px; word-wrap: break-word}
    .width_created_by{width: 75px; word-wrap: break-word}

    .show_span{margin-left: -170px}
    .show_span2{margin-left: -6px; /*margin-left: -236px*/}

    .doc_td1{width: 40%}
    .doc_td2{width: 30%}
    .doc_td3{width: 15%}
    .doc_td4{width: 15%}

    /*----- Data Tables End -----*/

    @-moz-document url-prefix() {
        table.dataTable thead th, table.dataTable thead td{letter-spacing: -1px;}
    }
}

@media screen and (min-width: 1501px) and (max-width: 1790px){
    .show_span{margin-left: -170px}
/*    .show_span2{margin-left: -236px}*/
}


/*--------------- Input Fields ---------------*/

@media screen and (max-width: 400px){

    select{max-width: 100%; min-width: 100%;}

    input[type="text"], 
    input[type="password"], 
    input[type="username"], 
    input[type="search"], 
    input[type="email"]{width: 100%}

    .fields_width{width: auto !important}
    .fields_width2{width: auto !important}
    .fields_left{float: none; width: 100%;}

    .field_single_left{float: none; margin-right: auto;}
    .fields-block_con{margin-bottom: 10px; margin-top: 15px;}

    .app_chbox_block_width, .app_chbox_block_width_lg{float: none}

    .addable_block{width: 100%}

    .bullet_con{width: 5px; margin-left: -5px;}
    .app_inside_block{margin: 10px;}

    .info_popup_wrapper {display: block;}

    #application_history_dialog article{padding: 0 0 35px}

    .back_btn_sm{min-width: 80px; padding: 4px;}
    .yes_btn{min-width: 95px; padding: 4px;}
    .orange_btn{min-width: 90px; padding: 4px;}

    .sign_btn{display: inline-block; margin-top: 8px}
}

@media screen and (min-width: 401px) and (max-width: 630px){
    select{max-width: 90%; min-width: 300px}

    input[type="text"], 
    input[type="password"], 
    input[type="username"], 
    input[type="search"], 
    input[type="email"]{width: 300px;}

    .fields_width{width: auto !important}
    .fields_width2{width: auto !important}
    .fields_left{float: none; width: 100%;}

    .field_single_left{float: none; margin-right: auto;}
    .fields-block_con{margin-bottom: 10px; margin-top: 15px;}

    .app_chbox_block_width, .app_chbox_block_width_lg{float: none}

    .addable_block{width: 100%;}

    .sign_btn{display: inline-block; margin-top: 8px}

    .info_popup_wrapper {display: block;}
}

/*--------------- Input Fields End ---------------*/



/*--------------- Datatables Options ---------------*/

@media screen and (max-width: 500px){
    
    .dataTables_wrapper .dataTables_filter{float: left !important; text-align: left !important}
    .dataTables_filter label input{width: 100px !important}
    .search_button{padding: 8px 30px 10px; margin-right: 0px; margin-left: 5px}

    .dataTables_length{margin-right: 30px}
    .dataTables_length label select{margin-left: 13px !important}

    .dataTables_wrapper .dataTables_paginate{text-align: left !important; float: left !important; margin-left: -7px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button{padding: 1px 4px !important}

    .dataTables_info{margin-right: 20px}

    .fair_proc_title{border-radius: 0px}
}

/*--------------- Datatables Options End ---------------*/



@media screen and (max-width: 850px){
/*    .ui-dialog{position: relative }*/
.mob_hid{display:none;}
}
@media screen and (max-width: 768px){
/*    .ui-dialog{position: relative }*/
    .logo{float:left!important;max-width: 46px!important;position: relative;top: 4px;}
    .main_title{float:left!important;}
    .main_title h1{font-size:14px}
    .main_title h2{font-size:12px}
}
@media screen and (max-width: 290px){
    .logo{float:none!important;}
    .main_title{float:none!important;}
}

/**** Menu Width for Lap top and Mid Device Desktops ***/


@media screen and (min-width: 450px) and (max-width: 1001px){
 .table_functions{position:relative;margin-top:0px!important}
/*  .fields-block_con{float:left!important;} */
  .table_holder{margin-top:0!important;}
/*  .table_functions{margin-left:-35px!important}*/

}

@media screen and (max-width: 453px){
.table_functions{position:relative;margin-top:10px!important}/*was 0 margin top */
  .fields-block_con{float:none!important;} 
  .table_holder{margin-top:0!important;}
}

@media screen and (max-width: 653px){
      .step_options_cont{width:250px;}
/*       .show_inact{margin-right: -120px !important;
margin-top: 22px;}*/
    .t_h3{padding-top: 80px !important;}
    .t_h2 {padding-top:135px!important;}
}
/* For align Company Choose*/
.chosen-container {margin:8px auto;}



@media screen and (max-width:1001px){
.table_functions{margin-left:0!important;}
.label_need_pay{margin-left:-38px;}
/*Check for margin label entries*/
 .filters_cont{margin-bottom: 10px;}
 .fields_left {clear:both;}
 
  /* test ON CHECKBOXES
    .check_by_me input[type="checkbox"] {
        display: inherit;
    } */
    /* Nominated Dbs application ALL*/
   .cl_nom .fields_left{float:none!important;}
   #pers_info{width:66%!important;}
}


/* Table test*/

.tableon_scroll{position:fixed;top:0; z-index:2;}