*{
    box-sizing: border-box;
}

[id^='lbl_']{
    color:#666666 !important;font-weight:bold !important;
}

.div_title{
  width:100%;
  line-height:40px;
  text-transform: capitalize;
  letter-spacing:-1px;
  font-family:'Open Sans',sans-serif;  
  font-size:30px;
  /*font-weight:300;*/
  color:#3569b7; /*666666*/
/*  color:#ff0000;*/
  padding:0px;
  margin:0px;
}
.div_businessname{
  width:100%;
  line-height:30px;
  text-transform: capitalize;  
  letter-spacing:-1px;
  font-family:'Open Sans',sans-serif;  
  font-size:22px;
  font-weight:300;
  color:#666;
/*  color:#ff0000;*/
  padding:0px;
  margin:0px;
}
.div_recordcount{
  width:100%;
  font-weight: bold;
  font-size:14px;
  color:#555;
/*  color:#ff0000;*/
  font-family:Helvetica, sans-serif;  
  padding:2px 0;
}
.div_header{
  width:100%;min-width:300px;
  padding: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 400;
  background-color:#4b8df8; 
}

.div_optionbar{
    padding:4px;
    background-color:#eeeeee;
    padding:8px;
}
.div_pagination{
    min-width:300px;
    width:100%;
    padding:10px;
    height:56px;
/*  background-color:#f26739; */
    background-color:#4b8df8;
}


div[class^='divrsp_']{  /*20211206 1405*/
     padding-top:4px;
}
div[class^='divrsp_'] span{
    font-weight:bold;color:#000080;     /*8e44ad*/  /*#af76fa*/ /*#919293*/
    padding-top:2px;
}

/*
.div_tablemaint{
  width:100%;border:1px solid #b4cef8;border-collapse:collapse;
}
.div_tr_head{
  background:#dddddd;line-height:18px;height:40px;
  text-align:left;font-size:14px;    
  font-weight:400;color:#000000;padding:4px;
}
.div_tr_text{
  background-color:#ffffff;
  padding:4px 5px;text-align:left; 
  border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;
  height:48px; padding:2px 4px 2px 4px;
}
.div_tr_text:hover{
  background-color:#f5f5f5;
}
.div_lineperpage{
  margin:0;padding-left:20px;padding-right:10px;
  font-family:'Open Sans',sans-serif;font-size:13px;font-weight:400;
  line-height:40px;color:#000;
  vertical-align:middle;text-align:right;
}
.div_pagination{
  margin:0;padding-left:10px;padding-right:10px;
  font-family:'Open Sans', sans-serif;font-size:18px;font-weight:400;
  height:56px;color:#fff;
  vertical-align:middle;  
}
*/
.div_footer{
  width:100%;min-width:300px;
  padding: 10px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5; 
  border-left:1px solid #b4cef8;
  border-right:1px solid #b4cef8;
  border-bottom:1px solid #b4cef8;
  vertical-align: middle;  
  height:58px;
  clear:both;
}

.div_smallfooter{
  width:100%;min-width:300px;
  border-bottom:1px solid #b4cef8;
  height:1px;
  clear:both;
}

.div_user{
  line-height:18px;color:#666666;
  width:100%;text-align:right;
/*padding-top:4px;*/
}

.div_mpscontainer{
    width:100%;min-width:300px;
    overflow:auto;
}
.div_mpscontent{
  float:left;width:30%;
  text-align:right;  line-height:18px;padding:12px;color:#585858;font-weight: 300;
}
.div_mpsinput{
  float:left;width:70%;
  padding:4px 8px;
}

.div_container{
  width:100%;min-width:300px;
  border-left:1px solid #b4cef8;
  border-right:1px solid #b4cef8;
/*  background-color: #ccc;*/
  overflow: auto;
}
.div_content{
  background-color:white;
  float:left;width:30%;
  text-align:right;
  line-height:18px;
  padding:12px;
/*color:#585858;*/
  color:#8E44AD;
  font-weight:bold;
/*font-weight: 300;*/
}
.div_input{
  background-color:white;
  float:left;width:70%;
  padding:4px 8px;
}

.div_dat_content{
  width:60px;
  float:left;
  font-size:12px;
  color:#595959;
  padding:10px;
  font-weight:bold;  
}
.div_dat_input{
  width:auto;
  margin-left:60px;
  margin-top:2px;
}

.basictab{width:100%;}
.basictab tr th{line-height:20px;color:#666666; background:#dddddd; padding:8px 4px;font-size:14px;}
.basictab tr td{line-height:24px;border:1px solid #dddddd;padding:4px;font-size:14px;}
.basictab .noinfo{line-height:80px;text-align:center;}
@media screen and (max-width: 480px){
  .basictab tr th{padding:6px 4px;font-size:13px;}
  .basictab tr td{font-size:13px;}
}

@media screen and (min-width: 361px) and (max-width: 520px){
  .div_title{ font-size:24px; line-height:30px; padding-bottom:2px; }   /* 8px */
  .div_businessname{font-size:18px; }
  .div_header{ font-size:16px; }
  .div_content, .div_input{ width:100%;text-align:left;}
  .div_content{ padding:8px 8px 2px 8px; }
  .div_input{   padding:0 8px 8px 8px; } /**/
  
  .div_mpscontent, .div_mpsinput{ width:100%; text-align:left; }
  .div_mpscontent{ padding:8px 8px 2px 8px; }
  .div_mpsinput{   padding:0 8px 8px 8px; } /**/
}
@media screen and (max-width: 360px){
  .div_title{ font-size:20px; line-height:22px; padding-bottom:4px;}
  .div_businessname{font-size:16px;}
  .div_header{ font-size:14px; }
  
  .div_content, .div_input{ width:100%;text-align:left;}
  .div_content{  padding:4px 4px 2px 4px; }
  .div_input{    padding:0 4px 4px 4px;}
  
  .div_mpscontent, .div_mpsinput{ width:100%;text-align:left;}
  .div_mpscontent{  padding:4px 4px 2px 4px; }
  .div_mpsinput{    padding:0 4px 4px 4px;}
}

.datlblfr, .datlblto{
    width:75px;float:left;margin-top:10px;font-size:12px;color:#595959;padding-left:10px;
}
.datfldfr, .datfldto{
    width:auto;margin-left:75px;
}
.div_container .div_input required{
    color:red;    
}
div.outer{
  position:relative;
  width:100%;height:600px;
  text-align:center;
}
div.inner{
  position:absolute;
  top:50%;left:50%;
  width:300px;height:420px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ellipsis{
  overflow: hidden;
  white-space:nowrap;
  -ms-text-overflow:ellipsis;
  text-overflow:ellipsis;
/*display:inline-block;*/
}
.grey{ 
    background-color:#555555;
}
.silver{ 
    background-color:#eeeeee;
}
.light-grey{ 
    background-color:#bbbbbb;
}
.purple{ 
    background-color:#852b99;
}
.green{ 
    background-color:#35aa47;
}
.red{ 
    background-color:#ef8476;
}
.yellow{ 
    background-color:#fccb7e;
}
.blue{ 
    background-color:#4b8df8; 
}
.black{ 
    background-color:#555555; 
}

div.radio, div.checker {
    margin-top:-2px !important;
}
/******************************************************************************/


/* TimeCode Search Popup RESPONSIVE WEB DESIGN */
#div_timecode_keyword{ width:calc(100% - 200px);float:left;padding:4px;}
#div_timecode_searchbtn{ width:200px;float:left;padding:4px;text-align:right;}
@media screen and (max-width: 640px){
  #div_timecode_keyword{width:100%;}
  #div_timecode_searchbtn{width:100%;text-align:center;}
}

/*#timecode_content{ height:400px; }*/
#timecode_dspallbtn{ width:100px; }

#searchBubble2{ width:600px; }

.modal .modal-content .modal-header{ padding-top:8px;padding-bottom:2px; }
.modal .modal-content .modal-header h3{ font-size:26px; }

.modal-dialog{ margin-left:calc(50% - 300px); }
.modal-body #approval_content #content{ height:240px;padding:8px; }
.modal-body #customer_content #content{ height:360px;padding:8px; }
.modal-body #employee_content #content{ height:360px;padding:8px; }
.modal-body #jobassignment_content #content{ height:320px;padding:8px; }
.modal-body #billingcode_content #content{ height:320px;padding:8px; }
.modal-body #timecode_content #content{ height:360px;padding:8px; }

.modal-body #leavecode_content #content{ height:360px;padding:8px; }

.modal-body #vendor_content #content{ height:360px;padding:8px; }
.modal-body #correspondence_content #content{ height:360px;padding:4px; }
.modal-body #fixedtermservice_content #content{ height:360px;padding:4px; }
.modal-footer{ margin-top:0px; }

@media screen and (min-width: 481px) and (max-width: 640px){
/*#timecode_content{ height:360px; }*/
  #timecode_searchbtn,#timecode_dspallbtn{ width:49%; }

  #searchBubble2{ width:400px; }
  
  .modal .modal-content .modal-header h3{ font-size:28px; }  
  .modal-dialog{ margin-left:calc(50% - 200px); }
  .modal-body #approval_content #content{ height:200px;padding:8px; }
  .modal-body #customer_content #content{ height:300px;padding:8px; }
  .modal-body #employee_content #content{ height:300px;padding:8px; }
  .modal-body #jobassignment_content #content{ height:236px;padding:8px; }
  .modal-body #billingcode_content #content{ height:236px;padding:8px; }
  .modal-body #timecode_content #content{ height:300px;padding:8px; }
  
  .modal-body #leavecode_content #content{ height:300px;padding:8px; }
  
  .modal-body #vendor_content #content{ height:300px;padding:8px; }
  .modal-body #correspondence_content #content{ height:300px;padding:4px; }
  .modal-body #fixedtermservice_content #content{ height:300px;padding:4px; }
}
@media screen and (max-width: 480px){
/*#timecode_content{ height:280px; }*/
  #timecode_searchbtn,#timecode_dspallbtn{ width:49%; }
  
  #searchBubble2{ width:340px; }  /*(360/2)+10=190*/    /*(340/2)+10=180*/
  
  .modal .modal-content .modal-header h3{ font-size:22px; }
  
  .modal-dialog{ margin-left:calc(50% - 180px); }
  .modal-body #approval_content #content{ height:160px;padding:6px; }
  .modal-body #customer_content #content{ height:240px;padding:6px; }
  .modal-body #employee_content #content{ height:240px;padding:6px; }
  .modal-body #jobassignment_content #content{ height:236px;padding:6px; }
  .modal-body #billingcode_content #content{ height:236px;padding:6px; }
  .modal-body #timecode_content #content{ height:240px;padding:6px; }
  
  .modal-body #leavecode_content #content{ height:240px;padding:6px; }
  
  .modal-body #vendor_content #content{ height:240px;padding:6px; }
  .modal-body #correspondence_content #content{ height:240px;padding:4px; }
  .modal-body #fixedtermservice_content #content{ height:240px;padding:4px; }
}
@media screen and (max-width: 360px){
/*#timecode_content{ height:280px; }*/
  #timecode_searchbtn,#timecode_dspallbtn{ width:49%; }
  
  #searchBubble2{ width:300px; }  /*(360/2)+10=190*/    /*(340/2)+10=180*/
  
  .modal .modal-content .modal-header h3{ font-size:20px; }
  
  .modal-dialog{ margin-left:calc(50% - 160px); }
  .modal-body #approval_content #content{ height:120px;padding:4px; }
  .modal-body #customer_content #content{ height:180px;padding:4px; }
  .modal-body #employee_content #content{ height:180px;padding:4px; }
  .modal-body #jobassignment_content #content{ height:110px;padding:4px; }
  .modal-body #billingcode_content #content{ height:110px;padding:4px; }
  .modal-body #timecode_content #content{ height:180px;padding:4px; }
  
  .modal-body #leavecode_content #content{ height:180px;padding:4px; }
  
  .modal-body #vendor_content #content{ height:180px;padding:4px; }
  .modal-body #correspondence_content #content{ height:180px;padding:4px; }
  .modal-body #fixedtermservice_content #content{ height:180px;padding:4px; }
}

.popupdialogclose{
    float:right;
    border:0;
    margin-top:4px;
    margin-right:0px;
    background-color:white;
}
.popupdialogclose i{
    font-size:22px;
    color:red;    
}

 

/* RESPONSIVE WEB DESIGN */