@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

html
{
	margin-top: 0 !important;
    font-size: 16px;
}
body
{
	background-color:#FAFAFA;
    font-size: 16px !important;
    font-family:  'Inter', sans-serif !important;
}
.container
{
	width: 100% !important;
	max-width: 1230px;
	margin:0 auto;
  padding-top: 0;
}
@media print { .pagebreak { page-break-before: always; } /* page-break-after works, as well */ }
.edittable_input{border:none;background:transparent; cursor: pointer; text-align: right;}
.border_css{background: #FFFFFF;background-color: #FFFFFF;
border: 1px solid #E6EBF0 !important;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);width:90px;
    padding:0px 3px;border-radius: 8px;
height:38px; outline: 0;  cursor: auto;}
.icon_css{cursor: pointer;}
.cust_det{line-height: 1.4;
   font-size:12px !important; color: rgba(51, 51, 51, 0.85) !important; font-weight: 400 !important;}
.example_page{float: right;}
a.rem_vehi{
    line-height:27px;
    text-align: right;
    font-size: 13px;
    color: red;
    text-decoration: none;
    width: 100%;
    display: block;
}
a.rem_vehi:hover{color: red; text-decoration: none;}
.rem_part_icon{position: absolute;
  cursor: pointer;
    bottom: 0px;
    right: -4px;}
  .grip_part_icon{position: absolute;
  cursor: pointer;
    bottom: 6px;
    left: -4px;}  
/* Chrome, Safari, Edge, Opera */
input.num_arr_css::-webkit-outer-spin-button,
input.num_arr_css::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.num_arr_css[type=number] {
  -moz-appearance: textfield;
}
#sign_in .sign_in_wrapper
{
position: absolute;
width: 100%;
max-width: 400px;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #FFFFFF;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}

#sign_in .width-235px{width: 235px;}
#sign_in .padding_top_40px{padding-top:58.9px;}
#sign_in .padding_bottom_40px{padding-bottom:40px;}
#sign_in .padding_top_bottom-80px{padding-top:110px; padding-bottom:122.4px;}
#sign_in .text_wrapper{width: 240px;height:auto; margin:0 auto;}
#sign_in .text_box{ height:50px; width:100%; background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
outline: 0;
text-align: center;

}
#sign_in .text_box::placeholder{color: #959DA6; font-size: 16px; font-weight: 400;}
#sign_in .point_none {opacity: 0.4;
    pointer-events: none;}
#sign_in .cust_btn{width: 100%; margin:0 auto; text-align: center; margin-top: 20px;}
#sign_in .cust_btn button{width: 120px;
height:50px;border-radius: 8px; border:none; outline: 0; background-color: #237FDB; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
 color: #FFFFFF;
    font-size: 16px; font-weight:500;}
#sign_in .forget_pass{text-align: center;}
#sign_in .forget_pass span{color: #237FDB; cursor: pointer;font-weight: normal;
font-size: 14px}
#sign_in .toltip_wrapper{width: 290px; margin: 0 auto; border:1px solid #E6EBF0; border-radius: 4px; padding: 30px;}

#sign_in .tooltip_cust {
  position: relative;
  display: inline-block;
  color: #237FDB;
  cursor: pointer;
  }

#sign_in .tooltip_cust .tooltiptext {
  visibility: hidden;
  width: 290px;
  background-color: #FFF;
  color: #237FDB;
  text-align: center;
  border: 1px solid #E6EBF0;
  border-radius: 10px;
  padding: 20px;
  position: absolute;
  z-index: 1;
  bottom: 155%;
  left: 50%;
  margin-left: -145px;
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
#sign_in .tooltip_cust .tooltiptext .col1{color:#505e73; cursor:auto;    font-weight: 400;
    font-size: 16px; }
#sign_in .tooltip_cust .tooltiptext .col2{color:#237FDB; margin-top: 19px;    font-weight: 500;
    font-size: 16px;}
#sign_in .tooltip_cust .tooltiptext .col2 a{text-decoration: none; color: inherit;}
#sign_in .tooltip_cust .tooltiptext::after {
  content: '';
  position: absolute;
  top: 94%;
  left: 0;
  right: 0;
  margin-left: -10px;
  margin: 0 auto;
  border-width: 7.5px;
  height: 15px;
  width: 15px;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
  background: #FFF !important;
  border-top: 1px solid #E6EBF0;
  border-left: 1px solid #E6EBF0;
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

/*#sign_in .tooltip_cust:active .tooltiptext {
  visibility: visible;
  opacity: 1;
}*/

#sign_in .tooltip_cust .tooltiptext.tooltiptext_toggle {
  visibility: visible;
  opacity: 1;
}

/* Modal css start here */

#company_info_modal .modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  #company_info_modal .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

#company_info_modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-backdrop
{
	    background: rgba(35, 127, 219, 0.4);
}

@media (min-width: 768px)
{
#company_info_modal .modal-dialog {
    width: 100%;
max-width: 510px;
height: auto;
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin: 30px auto;
}
}
#company_info_modal .modal-content{padding:35px;border: 1px solid #E6EBF0; border-radius:10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);}
#company_info_modal .modal-content p {    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    font-weight: 500;
    color: #505E73;}
#company_info_modal .text_box{ height:50px; padding-left: 15px; padding-right: 15px; width:100%; max-width: 306px; background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
outline: 0;
margin-bottom: 10px;
color:#505E73;
}
#company_info_modal .modal-header,#company_info_modal .modal-footer{border:none;}
#company_info_modal .modal-footer{padding-top: 5px !important;}
#company_info_modal .cust_btn{width: 100%; margin:0 auto; text-align: center;}
#company_info_modal .cust_btn button{width: 120px;
height:50px;border-radius: 8px; border:none; outline: 0; background: #237FDB;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);color: #FFF; font-weight: 500;}


/* Unsaved Modal css start here */

#unsaved_modal .modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  #unsaved_modal .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

#unsaved_modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

@media (min-width: 768px)
{
#unsaved_modal .modal-dialog {
    width: 100%;
max-width: 510px;
height: auto;
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin: 30px auto;
}
}
#unsaved_modal .modal-content{padding:25px 25px 5px 25px;border: 1px solid #E6EBF0; border-radius:10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);}
#unsaved_modal .modal-content p {    line-height: 20px;    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    font-weight: 500;
    color: #505E73;}

#unsaved_modal .modal-header,#unsaved_modal .modal-footer{border:none;}
#unsaved_modal .modal-footer{margin-top:40px; padding-bottom: 0; padding-left: 0; padding-right: 0;}
#unsaved_modal .go_bak{background: no-repeat;
    outline: 0;
    padding:0;
    margin-top:10px;
    font-weight: 500;
    color: #808080;
    font-size: 16px;
    float: left;}
    #unsaved_modal .go_bak:active{box-shadow: none;}
#unsaved_modal .cust_btn{width: 181px !important;
height:50px;border-radius: 8px; border:none; outline: 0; background-color: #FF453A
; color: #FFFFFF; font-weight:500;background: rgba(255, 69, 58, 0.8);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 8px;}


/* Email Modal css start here */

#email_modal .modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  #email_modal .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

#email_modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-backdrop
{
	    background: rgba(35, 127, 219, 0.4);
}

@media (min-width: 768px)
{
#email_modal .modal-dialog {
    width: 100%;
max-width: 500px;
height: auto;
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin: 30px auto;
}
}
#email_modal .modal-content{    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 10px;}

#email_modal .modal-content p {text-align: left; margin-bottom: 0; color: #FFF;    font-weight: 500;}

#email_modal .modal-body{padding:20px 20px 10px 20px;}
#email_modal table tr{
color: #505E73;
font-weight: 400;}
#email_modal table tr td:nth-child(1){font-weight:500;}
#email_modal .text_box{ height:50px; padding-left: 10px; padding-right: 10px; width:100%;  background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
outline: 0;
margin-bottom: 10px;
color: #505E73;

}
#email_modal .text_box::placeholder{color: #959DA6;}
#email_modal .text_area{ padding-top: 10px; padding-left: 10px; padding-right: 10px; width:100%;  background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
outline: 0;
margin-bottom: 10px;

}
#email_modal .text_area::placeholder{color: #959DA6;}
#email_modal .modal-header{background-color: #369FF5}
#email_modal .modal-header,#email_modal .modal-footer{border:none;border-radius: 10px 10px 0px 0px;}
#email_modal .modal-footer{padding-top:15px; padding-bottom:20px;text-align: right; border-top: 1px solid #e5e5e5;border-radius:0 !important;}
#email_modal .go_bak{background: no-repeat;
    outline: 0;font-weight: 500;
    color: #808080;
    font-size: 16px;}
    #email_modal .go_bak:active{box-shadow: none;}
#email_modal .cust_btn{width: 100px;
height:50px;border-radius: 8px; border:none; outline: 0; background-color: #237FDB
; color: #FFF; font-weight: 400;}


/* Email Modal Multi css start here */

#email_modal_multi .modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  #email_modal_multi .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

#email_modal_multi .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-backdrop
{
      background: rgba(35, 127, 219, 0.4);
}

@media (min-width: 768px)
{
#email_modal_multi .modal-dialog {
    width: 100%;
max-width: 500px;
height: auto;
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin: 30px auto;
}
}
#email_modal_multi .modal-content{    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 10px;}

#email_modal_multi .modal-content p {text-align: left; margin-bottom: 0; color: #FFF;}

#email_modal_multi .modal-body{padding:20px 20px 10px 20px;}
#email_modal_multi .text_box{ height:50px; padding-left: 10px; padding-right: 10px; width:100%;  background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
outline: 0;
margin-bottom: 10px;

}
#email_modal_multi .text_box::placeholder{color: #959DA6;}
#email_modal_multi .text_area{ padding-top: 10px; padding-left: 10px; padding-right: 10px; width:100%;  background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
outline: 0;
margin-bottom: 10px;

}
#email_modal_multi .text_area::placeholder{color: #959DA6;}
#email_modal_multi .modal-header,#email_modal_multi .modal-footer{border:none;border-radius: 10px 10px 0px 0px;}
#email_modal_multi .modal-header { background-color: #369FF5;}
#email_modal_multi .modal-footer{padding-top:15px; padding-bottom:20px;text-align: right; border-top: 1px solid #e5e5e5;border-radius:0 !important;}

#email_modal_multi .go_bak{background: no-repeat;
    outline: 0;font-weight: 500;
    color: #808080;
    font-size: 16px;}
    #email_modal_multi .go_bak:active{box-shadow: none;}
#email_modal_multi .cust_btn{width: 100px;
height:50px;border-radius: 8px; border:none; outline: 0; background-color: #237FDB
; color: #FFF; font-weight: 400;}

.point_none {
    opacity: 0.4;
    pointer-events: none;
}


/* Statement Preview Modal css start here */


#state_preview_modal .modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  #state_preview_modal .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

#state_preview_modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-backdrop
{
	    background: rgba(35, 127, 219, 0.4);
}

@media (min-width: 768px)
{
#state_preview_modal .modal-dialog {
width: 100%;
max-width: 941px;
height: auto;
background: #FFFFFF;
border-radius: 10px;
margin: 30px auto;
}
}
#state_preview_modal .modal-content{    
	padding: 0;
    margin: 0;
    border: 0;
    border: 1px solid #E6EBF0;
box-shadow: 0px 2px 4px rgba(35, 127, 219, 0.1);
border-radius: 10px;

}

#state_preview_modal .modal-content p {text-align: left; margin-bottom: 0; padding-top:10px; font-size: 10px; color: #000;}

#state_preview_modal .modal-body{padding:0px 15px;}
#state_preview_modal .text_box{ height:45px; padding-left: 10px; padding-right: 10px; width:100%;  background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
outline: 0;
margin-bottom: 10px;

}
#state_preview_modal .text_area{ padding-left: 10px; padding-right: 10px; width:100%;  background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
outline: 0;
margin-bottom: 10px;

}
 #state_preview_modal .at_print{display: none;}
@media print {
  #state_preview_modal .at_print{display: block;}
  #state_preview_modal .no_print{display: none;}

}
#state_preview_modal .modal-header,#state_preview_modal .modal-footer{padding:25px;border:none;border-radius: 10px 10px 0px 0px;}
#state_preview_modal .modal-footer{padding-top: 0px; padding-bottom: 30px;}
#state_preview_modal .go_bak{background: no-repeat;
    outline: 0;
    margin-top: 8.5px;
    font-weight: 500;
    color: #808080;
    font-size: 16px;}
    #state_preview_modal .go_bak:active{box-shadow: none;}
#state_preview_modal .cust_btn{width: 50px;
    height: 50px;border-radius: 8px; border:none; outline: 0; background-color: #237FDB
; color: #FFF; padding: 10px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
#state_preview_modal .table tbody tr:hover{
  background-color: #F7FAFC;
}
#state_preview_modal .table th{font-weight: 500;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: rgba(51, 51, 51, 0.5);
padding-left: 4px;
padding-right: 4px;

}
#state_preview_modal .table td div {
    height:100%;display: table-header-group;
}
#state_preview_modal .table td{font-weight: 500;
font-style: normal;
font-weight: 500;
font-size: 14px;
color:rgba(51, 51, 51, 0.85);
vertical-align: middle;
padding-top: 0;
padding-bottom: 0;
padding-left: 4px;
padding-right: 4px;
display:table-cell;
height:37px;
}
#state_preview_modal .table td.col_diff{font-weight:700;padding-top:30px;padding-bottom:50px;}
#state_preview_modal .table td .b_name,#state_preview_modal .table td .c_name{color: rgba(51, 51, 51, 0.85);
    font-weight: 500;
    font-size: 14px;}
#state_preview_modal .table>thead>tr>th{border-bottom: 2px solid #5CADFF;}
#state_preview_modal .table.table>tbody>tr.total>td{border-bottom: none;}
@media(max-width: 767px)
{
	#state_preview_modal .go_bak{margin-top: 20px;}
	#state_preview_modal .cust_btn{margin-top: 10px;}
	#state_preview_modal .modal-dialog {
  display: block;

}
#state_preview_modal .modal-content p { text-align: center; }
/*#state_preview_modal .table td{padding: 15px 4px;}*/
}
.hide_prev_print{display: none;}
.ed_p#add_invoice .flo_print_clear{display:none;}
@media print {
  #state_preview_modal button{
    display: none;
  }
}

@media print {
  #create_invoice{
    display: none;
  }

#add_invoice .col-sm-3{width:140px !important; text-align: left !important; padding-left: 0px !important; padding-right: 0px !important;}
#add_invoice .col-sm-3.pd{width:80px !important; text-align: right !important;}
#add_invoice .col-md-7{width:450px !important;}
#add_invoice .col-md-2{width:124px !important;}
#add_invoice .col-md-1{width:70px !important;}

#add_invoice .col-md-8{width:340px !important;}
#add_invoice .col-md-4{width:230px !important;}


#add_invoice .col-sm-6{line-height:0px !important;}
#add_invoice .col-sm-6 p:nth-child(2){line-height:20px !important;}
#add_invoice .col-md-7.col-sm-6 p{line-height:20px !important;}
#add_invoice .col-md-2.col-sm-6 p{line-height:20px !important;}
#add_invoice .col-md-1.col-sm-6 p{line-height:20px !important;}
#add_invoice .col-md-8.col-sm-6 p{line-height:20px !important;}
#add_invoice .col-md-4.col-sm-6 p{line-height:10px !important;}

#add_invoice .col-sm-6 p#street,
#add_invoice .col-sm-6 p#phone,
#add_invoice .col-sm-6 p#city,
#add_invoice .col-sm-6 p#plate,
#add_invoice .col-sm-6 p#vin,
#add_invoice .col-sm-6 p#octometer

{line-height:12px !important; margin-top:2px;}

#add_invoice p.subtotal:nth-child(1){line-height:25px !important;}
#add_invoice p.subtotal:nth-child(2){line-height:15px !important;}
#add_invoice .txt_h{margin-top: 0 !important;}

.hide_prev_print{display: block;}

.ed_p#add_invoice .col-md-7{padding-left: 0px !important; padding-right: 0px !important;width:235px !important;}
.ed_p#add_invoice .col-xs-12.hide_prev_print{padding-left: 0px !important; padding-right: 0px !important;}
.ed_p#add_invoice .col-md-2{padding-left: 0px !important; padding-right: 0px !important;width:124px !important;}
.ed_p#add_invoice .col-md-8.col-sm-6{width:335px !important; padding-left: 10px !important; padding-right: 0px !important;}
.ed_p#add_invoice .col-md-8.col-sm-6 p{padding-left:0px !important; padding-right: 0px !important;}

.ed_p#add_invoice .col-md-4.col-sm-6{padding-left: 0px !important; padding-right: 0px !important;}
.ed_p#add_invoice .widthprint{width:220px !important;}
.ed_p#add_invoice .widthprint2{width:49 !important;}

.ed_p#add_invoice .flo_print{float: left !important; padding-right: 0 !important;}
.ed_p#add_invoice .flo_print_clear{display:block !important; clear: both !important;}
.ed_p#add_invoice .p-width{width: 220px !important; margin-top: -10px !important;}
.ed_p#add_invoice .marg_l_pr{margin-left: 15px !important;}
.ed_p#add_invoice .marg_r_pr{margin-right:8px !important;}
.ed_p#add_invoice .marg_r_p99{margin-top:0px !important;}
.ed_p#add_invoice .marg_l_pr2{margin-right:-10px !important;}
.ed_p#add_invoice .marg_r_pr2{margin-left:10px !important;}
}



/* Customer Listing */

#cust_list .list_wrapper
{
margin: 0 auto;
margin-top: 30px;
width: 100%;
max-width: 1200px;
height: auto;
background: #FFFFFF;
border-radius: 10px;

}
@media(max-width: 991px)
{
  #cust_list .list_wrapper
{
  padding-left:20px;
    padding-right: 20px;
}
}
@media(max-width: 767px)
{
  #cust_list .list_wrapper
{
  padding-left:10px;
    padding-right: 10px;
}
}
#cust_list .height-55px{height: 55px;background: #FFFFFF;
    border: 1px solid #E6EBF0;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 4px;}
#cust_list .padding_top_bottom-25px{padding-top:19px; padding-bottom:19px;}
#cust_list .padding_top_bottom-table{padding-top:10px; padding-bottom:19px;}
#cust_list .text_cust_align{text-align: right;}
#cust_list .text_wrapper{width: 280px;height:auto;}
#cust_list .text_box{ height:50px; width:100%; background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
outline: 0;
padding-left: 40px;
padding-right: 10px;
font-size: 16px;
font-weight: 400;
color: #505E73;
}
#cust_list .cust_btn{width: 155px; margin-top:3.9px;
height:50px;border:none; outline: 0;background: #237FDB;
box-shadow: 0px 3px 4px rgba(35, 127, 219, 0.15);
border-radius: 8px; color: #FFF; font-size: 16px; font-weight: 500;    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    float: left;
    margin-left: 4.5px;}
#cust_list .cust_btn2{background-color:transparent; color: rgba(51, 51, 51, 0.7);margin-left:13.5px; box-shadow: none;}
#cust_list .cust_btn3{width: 200px;
display: flex;
align-items: center;
justify-content: center;
align-self: flex-end;
float: right; 
background: #237FDB;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 8px;}
#cust_list .glyphicon{padding-right: 10px;}
#cust_list .toltip_wrapper{width: 290px; margin: 0 auto; border:1px solid #E6EBF0; border-radius: 4px; padding: 30px;}

#cust_list .tooltip_cust {
  position: relative;
display: content;
color: #237FDB;
cursor: pointer;
width: 280px;
  }

#cust_list .tooltip_cust .tooltiptext {
visibility: hidden;
background-color: #FFF;
color: #237FDB;
text-align: left;
border: 1px solid #E6EBF0;
border-radius: 10px;
padding: 20px 0px 20px;
position: absolute;
z-index: 1;
width: 174px;
height: 98px;
right: 0;
top: 0;
font-size: 16px;
font-weight: 500;
margin-top: -21.5px;
opacity: 0;
transition: opacity 0.3s;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
#cust_list .tooltip_cust .tooltiptext .col1{color: #237FDB;
padding: 0 20px 20px;
background-color: #fff;
line-height: 19px; }
#cust_list .tooltip_cust .tooltiptext .col2{color: rgba(255, 69, 58, 0.8);
margin-top: 0;
padding: 0px 20px;
background-color: #fff;
line-height: 19px;}
#cust_list .tooltip_cust .tooltiptext .col1 a,#cust_list .tooltip_cust .tooltiptext .col2 a{text-decoration: none; color: inherit;}
#cust_list .tooltip_cust .tooltiptext::after {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
z-index: -1;
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -10px;
margin-left: -8.66px;
border-width: 10px;
height: 20px;
width: 20px;
border-style: solid;
border-color: transparent transparent transparent transparent;
background: #FFF !important;
border-left: 1px solid #E6EBF0;
border-bottom: 1px solid #E6EBF0;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(45deg);
border-radius: 4px;
}

#cust_list .tooltip_cust .tooltiptext.tooltiptext_toggle {
  visibility: visible;
  opacity: 1;
}
#cust_list .button_wrapper{width: 335px;
	margin:0 auto;
height: 60px;
background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
border-radius: 10px;}
@media(max-width: 767px)
{
#cust_list .center-block-mobile{margin-right: auto; margin-left: auto;}
#cust_list .text_cust_center{text-align: center;}
#cust_list .text-center-mob{text-align: center;margin-top: 10px;}
#cust_list .padding_top_bottom-25px{padding-top:10px; padding-bottom:10px;}
#cust_list .cust_btn{font-size: 15px;}

}

/* enable absolute positioning */
#cust_list .inner-addon { 
    position: relative; 
}

/* style icon */
#cust_list .inner-addon img {
  position: absolute;
  padding: 13px 10px;
  pointer-events: none;
}

/* align icon */
#cust_list .left-addon .glyphicon  { left:  0px;}
#cust_list .right-addon .glyphicon { right: 0px;}

/* add padding  */
#cust_list .left-addon input  { padding-left:45px; }
#cust_list .right-addon input { padding-right: 30px; }
#cust_list .left-addon input::placeholder{color: #959DA6;}
#cust_list .table tbody tr:hover{
  background-color: #F7FAFC !important;
  cursor: pointer;
}
#cust_list .table th{font-weight:500;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 17px;
color: rgba(51, 51, 51, 0.5);

}
#cust_list .table td div {
    height:100%;display: table-header-group;
}
#cust_list .table td{font-weight: 500;
font-style: normal;
font-weight: 500;
font-size: 14px;
color: rgba(51, 51, 51, 0.5);
vertical-align: middle;
padding-top: 0;
padding-bottom: 0;
display:table-cell;
    height:46px;
}
#cust_list .table td.col_diff{color: rgba(51, 51, 51, 0.85) !important;}
#cust_list .table td .b_name,#cust_list .table td .c_name{color: rgba(51, 51, 51, 0.85);
    font-weight: 500;
    font-size: 14px;}
#cust_list .table>thead>tr>th{border-bottom: 2px solid #5CADFF;}




/* Invoice Listing */

#invoice_list .list_wrapper
{
margin: 0 auto;
margin-top: 30px;
width: 100%;
max-width: 1200px;
height: auto;
background: #FFFFFF;
}
@media(max-width: 991px)
{
  #invoice_list .list_wrapper
{
  padding-left:20px;
    padding-right: 20px;
}
}
@media(max-width: 767px)
{
  #invoice_list .list_wrapper
{
  padding-left:10px;
    padding-right: 10px;
}
}
#invoice_list .height-55px{height: 55px;background: #FFFFFF;
    border: 1px solid #E6EBF0;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 4px;}
    #invoice_list .padding_left-5px{padding-left:5px;}
    #invoice_list .padding_right-5px{padding-right:5px;}
#invoice_list .padding_top_bottom-25px{padding-top:19px; padding-bottom:19px;}
#invoice_list .padding_top_bottom-table {
    padding-top: 10px;
    padding-bottom: 19px;
}
#invoice_list .text_cust_align{text-align: right;}
#invoice_list .point_none {opacity: 0.4;
    pointer-events: none;}
#invoice_list .text_wrapper{width: 280px;height:auto; margin:0 auto;}
#invoice_list .text_box{ height:50px; width:100%; background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
outline: 0;
padding-left: 30px;
padding-right: 10px;
}
#invoice_list .cust_btn{width: 155px; margin-top:3.9px;
height:50px; border:none; outline: 0; color: #FFF; font-size: 16px; font-weight: 500;display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    float: left;
        margin-left: 9.5px;background: #237FDB;
box-shadow: 0px 3px 4px rgba(35, 127, 219, 0.15);
border-radius: 8px;}
#invoice_list .cust_btn2{background-color:transparent; color: rgba(51, 51, 51, 0.7); box-shadow: none;}
#invoice_list .cust_btn3{    width: 131px;margin-top: 3.4px;margin-left:4px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    float: right;
background: #237FDB;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 8px;

}
#invoice_list .glyphicon{padding-right: 10px;}
#invoice_list .toltip_wrapper{width: 290px; margin: 0 auto; border:1px solid #E6EBF0; border-radius: 4px; padding: 30px;}

#invoice_list .tooltip_cust {
position: relative;
display: content;
color: #237FDB;
cursor: pointer;
width: 280px;
  }

#invoice_list .tooltip_cust .tooltiptext {
visibility: hidden;
background-color: #FFF;
color: #237FDB;
text-align: left;
border: 1px solid #E6EBF0;
border-radius: 10px;
padding: 20px 0px 20px;
position: absolute;
z-index: 1;
width: 174px;
height: 98px;
right: 0;
top: 0;
font-size: 16px;
font-weight: 500;
margin-top: -21.5px;
opacity: 0;
transition: opacity 0.3s;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
#invoice_list .tooltip_cust .tooltiptext .col1{color: #237FDB;
padding: 0 20px 20px;
background-color: #fff;
line-height: 19px;}
#invoice_list .tooltip_cust .tooltiptext .col2{color: rgba(255, 69, 58, 0.8);
margin-top: 0;
padding: 0px 20px;
background-color: #fff;
line-height: 19px;}
#invoice_list .tooltip_cust .tooltiptext .col1 a,#cust_list .tooltip_cust .tooltiptext .col2 a{text-decoration: none; color: inherit;}
#invoice_list .tooltip_cust .tooltiptext::after {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
z-index: -1;
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -10px;
margin-left: -8.66px;
border-width: 10px;
height: 20px;
width: 20px;
border-style: solid;
border-color: transparent transparent transparent transparent;
background: #FFF !important;
border-left: 1px solid #E6EBF0;
border-bottom: 1px solid #E6EBF0;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(45deg);
border-radius: 4px;
}

#invoice_list .tooltip_cust .tooltiptext.tooltiptext_toggle {
  visibility: visible;
  opacity: 1;
}
#invoice_list .button_wrapper{width: 335px;
  margin:0 auto;
height: 60px;
background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
border-radius: 10px;}
@media(max-width: 767px)
{
	#invoice_list .text_cust_center{text-align: center;}
#invoice_list .text-center-mob{text-align: center;margin-top: 10px;}
#invoice_list .padding_top_bottom-25px{padding-top:10px; padding-bottom:10px;}
#invoice_list .cust_btn{font-size: 15px;}

}

#invoice_list .inner-addon { 
    position: relative; 
}

/* style icon */
#invoice_list .inner-addon img {
  position: absolute;
  padding: 13px 10px;
  pointer-events: none;
}

/* style icon */
#invoice_list .inner-addon .glyphicon {
  position: absolute;
  padding: 12px 10px;
  pointer-events: none;
}

/* align icon */
#invoice_list .left-addon .glyphicon  { left:  0px;}
#invoice_list .right-addon .glyphicon { right: 0px;}

/* add padding  */
#invoice_list .left-addon input  { padding-left:45px; }
#invoice_list .right-addon input { padding-right: 30px; }
#invoice_list .left-addon input::placeholder{color: #959DA6;}
#invoice_list .left-addon input#start_date,#invoice_list .left-addon input#end_date { padding-left:  10px; width: 174px; }
#invoice_list .table tbody tr:hover{
  background-color: #F7FAFC !important;
  cursor: pointer;
}
#invoice_list .table th{font-weight:500;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 17px;
color: rgba(51, 51, 51, 0.5);

}
#invoice_list .table td div {
    height:100%;display: table-header-group;
}
#invoice_list .table td{font-weight:500;
font-style: normal;
font-weight: 500;
font-size: 14px;
color: rgba(51, 51, 51, 0.6);
vertical-align: middle;
padding-top: 0;
padding-bottom: 0;
display:table-cell;
    height:46px;
}
#invoice_list .table td.col_diff{color: rgba(51, 51, 51, 0.85) !important;}
#invoice_list .table td .b_name,#invoice_list .table td .c_name{color: rgba(51, 51, 51, 0.85);
    font-weight: 500;
    font-size: 14px;}
#invoice_list .table>thead>tr>th{border-bottom: 2px solid #5CADFF;}
#invoice_list .dropdown {
  display: inline-block;
}
#invoice_list label{line-height: 0;}
#invoice_list label::before {
    background-image: url(../images/unchecked.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
#invoice_list :checked + label::before {
    background-image: url(../images/checked.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

#invoice_list label:before {
  content: url("../images/unchecked.svg");
  position: absolute;
  z-index: 100;
}
#invoice_list :checked + label:before {
  content: url("../images/checked.svg");
}
#invoice_list input[type=checkbox] {
  display: none;
}
/*pure cosmetics:*/
#invoice_list img.check-img {
  width: 20px;
  height: 20px;
}



/*#invoice_list input[type="checkbox"]{width:19px;
height:19px;
background: #FFFFFF;
box-sizing: border-box;
border-radius: 4px;
margin:0;
}*/

#invoice_list .dropdown-menu li:first-child {
padding-top: 5px;
border-radius: 10px;
}
#invoice_list .dropdown-menu li {
background-color: #fff;
}
.dropdown.open ul.dropdown-menu:after {
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
z-index: -1;
content: "";
position: absolute;
top: 0;
left: 50%;
margin-top: -7px;
margin-left: -10px;
border-width: 10px;
height: 20px;
width: 20px;
border-style: solid;
border-color: transparent transparent transparent transparent;
background: #FFF !important;
border-left: 1px solid #E6EBF0;
border-bottom: 1px solid #E6EBF0;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(45deg);
border-radius: 4px;
}
#invoice_list .dropdown-menu {
top: Calc(100% + 10px);
padding: 0px 0;
border: 1px solid rgba(230, 235, 240, 1);
border-radius: 10px;

}
#invoice_list .dropdown-menu li:last-child {
border-radius: 10px;
}
#invoice_list .dropdown-menu {
 /* left: 50%;
  right: auto;
   text-align: left;
  transform: translate(-50%, 0);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border:none;*/
  
}

#invoice_list .dropdown-menu a{font-weight: 500;
font-size: 16px;
line-height: 19px;
padding-bottom: 15px;
color: rgba(35, 127, 219, 1);
}
#invoice_list .dropdown-menu a:hover{background-color: transparent;}
#invoice_list .dropdown-menu a.pt10{padding-top: 10px;
}
#invoice_list .dropdown-menu a.last_elem{color: rgba(255, 69, 58, 0.8);
}


/* Customer Add */

#add_customer .list_wrapper
{
margin: 0 auto;
margin-top: 30px;
width: 100%;
max-width: 1074px;
height: auto;
background: #FFFFFF;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding-left:50px;
padding-right:50px;
padding-bottom:50px;
}
@media(max-width: 991px)
{
  #add_customer .list_wrapper
{
  padding-left:20px;
    padding-right: 20px;
}
}
@media(max-width: 767px)
{
  #add_customer .list_wrapper
{
  padding-left:10px;
    padding-right: 10px;
}
}
#add_customer .padd_l_r_10px{padding-left: 10px; padding-right: 10px;}
#add_customer .req_level{position: absolute;
    right: 30px;
    top: 16px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 69, 58, 0.8);}
#add_customer .point_none {opacity: 0.4;
    pointer-events: none;}
#add_customer .padding_top_bottom-25px{padding-top:25px; padding-bottom:25px;}
#add_customer .text_cust_align{text-align: right;}
#add_customer .text_wrapper{width: 240px;height:auto; margin:0 auto;}
#add_customer .text_box{ height:50px; width:100%; background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
outline: 0;
padding-left:10px;
padding-right: 10px;
color: #505E73 !important;
font-weight: 400;

}
/* Chrome, Safari, Edge, Opera */
#add_customer input::-webkit-outer-spin-button,
#add_customer input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#add_customer input[type=number] {
  -moz-appearance: textfield;
}
#add_customer h2{font-weight: 400;
font-style: normal;
font-size: 34px;
line-height: 48px;
margin:0;
color: #505E73;}

@media(max-width: 767px)
{
  #add_customer h2{font-size: 25px; text-align: center;}
  #add_customer .text-center-mob{text-align: center;}
  #add_customer .text_box{margin-bottom: 10px;}
}

#add_customer .go_bak{
  background: none;
  background-color: none;
  outline: 0; 
  margin-top: 2px;
  margin-right: 15px;
  font-weight : 500;
  color: #808080;
  font-weight: 500;
  font-size: 16px; }
  #add_customer .go_bak:active{box-shadow: none;}
#add_customer .cust_btn{width: 120px;
height:50px;border-radius: 8px; border:none; outline: 0; background-color: #237FDB
; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);color: #FFF; font-weight: 500;    padding: 10px;}
#add_customer .border{border: 1px solid #E6EBF0;
box-sizing: border-box;
border-radius: 10px;}
#add_customer .blue_bg{background: #369FF5;
border-radius: 10px 10px 0px 0px; height: 40px; width: 100.189%;}
#add_customer .cust_info{font-weight: 400;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 40px;
text-transform: uppercase;
color: #FFFFFF;}
#add_customer .padding-top10px{padding-top: 10px;}
#add_customer .padding-bottom10px{padding-bottom: 10px;}
#add_customer .padding-top30px{padding-top: 30px;}
#add_customer .padding-bottom20px{padding-bottom: 20px;}
#add_customer .padding-lr-0px{padding-left:10px;padding-right:10px;}
#add_customer input::placeholder{color: #959DA6;font-weight: 400;}
#only_add_customer select { color: #505E73 !important;}
#only_add_customer option:not(:first-of-type) {
  color: #505E73;
font-weight: 400;
}
#add_customer select{
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  background: url(../images/year_icon.svg) no-repeat center right 15px #F7FAFC !important;
    }
#add_customer .padding-bottom30px{padding-bottom:30px;}
#add_customer .np{padding:0; }
#add_customer .padd_r_7px{padding-right: 7px;}
#add_customer .margin-top20px{margin-top: 20px;}
#add_customer .margin-top10px{margin-top:10px;}
#add_customer .bt{border-top: 1px solid #F0F0F0;}
#add_customer .cust_btn_add{width: 190px;
height:36px;border-radius: 8px; border:none; outline: 0; background-color: #237FDB
; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); color: #FFF; font-weight: 500;padding: 5px;}
@media(max-width: 767px)
{
#add_customer .padding-top0px{padding-top: 0px;}
#add_customer .padding-bottom0px{padding-bottom: 0px;}
#add_customer .padd_r_7px{padding-right: 0px;}
}


/* Customer Add */

#add_invoice .list_wrapper
{

width: 100%;
max-width: 1200px;
height: auto;
margin: 0 auto;
margin-top: 30px;
background: #FFFFFF;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
#add_invoice input[type=number] {
 text-align: right;
 width: 49px;
}
#add_invoice .list_wrapper.extr_css{border: none; box-shadow: none; max-width: 595px; margin:0  auto; margin-bottom: 10px;}
#create_invoice .list_wrapper{width: 100%;
max-width: 670px;
height: auto;
margin: 0 auto;
margin-top: 20px; margin-bottom: 20px;}
#create_invoice .go_bak{background: no-repeat;
    outline: 0; margin-top:2px;    font-weight: 500;
    color: #808080;
    font-size: 16px;}
    #create_invoice .go_bak:active{box-shadow: none;}
#create_invoice .cust_btn{width: 120px;
height:50px;border-radius: 8px; border:none; outline: 0; background-color: #237FDB
; color: #FFF; font-weight : 400;    padding: 10px;}
@media(max-width: 991px)
{
  #add_invoice .list_wrapper
{
  padding-left:20px;
    padding-right: 20px;
}
}
@media(max-width: 767px)
{
  #add_invoice .list_wrapper
{
  padding-left:10px;
    padding-right: 10px;
}
}
#add_invoice .inner_wrapper
{
  max-width: 670px; margin: 0 auto;
}
#add_invoice .no_bg{background-color: transparent !important;
    pointer-events: none;
    opacity: 0.5;
    box-shadow: none !important;
}
#add_invoice .p_l_5px{    padding-left: 0;
    padding-top: 3px;
}
#add_invoice .p_l_r_odom{padding-left: 30px;
    padding-top: 3px;
    padding-right: 0;
}

#add_invoice p {margin-bottom: 0; padding-top:7px; font-size:8px; color: #000;}
#add_invoice p#phone,#add_invoice p#street,#add_invoice p#city,#add_invoice p#plate,#add_invoice p#vin,#add_invoice p#octometer {padding-top: 2px;}
#add_invoice p.in_no{color:#237FDB; font-weight: 500;}
#add_invoice p.iss_date_nume{color: #000000;line-height:10px;}
#add_invoice p.in_no_num{font-weight: 700;
font-size: 14px;
line-height:12px;
color: #000000;}
.dis_none1{display: none;}
.dis_none2{display: none;}
#add_invoice p.subtotal{font-weight: 400;
font-style: normal;
padding-top: 0px;
font-size: 10px;
line-height:17px;
color: #000000; text-align: right;    padding-right: 5px;}
#add_invoice p.hst_desc{font-weight: 400;
font-weight: 400;
font-size: 8px;
line-height:11.2px;
color: rgba(0, 0, 0, 0.6); text-align: left;}
#add_invoice p.sign{font-weight: 400;
font-style: normal;
font-weight: bold;
font-size: 8px;
line-height:17px;
color: #237FDB;padding-top:4px;}
#add_invoice .point_none {
    opacity: 0.4;
    pointer-events: none;
}
#add_invoice .border_wrap{padding:10px;border: 1px solid #E6EBF0;
box-sizing: border-box;
border-radius: 10px; width: 48.5%;}
#add_invoice .hide_ic{visibility:hidden;}
#add_invoice .box_h_adds{min-height: 84px;}
#add_invoice .box_h_edds{min-height:84px;}
#add_invoice .cart-row .col-md-2{padding-right: 5px;}

#add_invoice .border-height{border-bottom: 2px solid #5CADFF;}
#add_invoice .border-height-1{border-bottom: 1px solid #5CADFF;}
#add_invoice .padding_top_bottom-25px{padding-top:20px; padding-bottom:20px;}
#add_invoice .padding_top_bottom-10px{padding-top:10px; padding-bottom:10px;}
#add_invoice .text_cust_align{text-align: right;}
#add_invoice .text_wrapper{width: 240px;height:auto; margin:0 auto;}
#add_invoice .text_box{ height:32px; width:100%; background: #F7FAFC;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius:10px;
outline: 0;
padding-left:10px;
padding-right: 10px;
font-weight: 500;
color: #505E73;
font-size: 10px;
}
#add_invoice .text_box::placeholder{color: #959DA6;}
#add_invoice select{
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  background: url(../images/year_icon.svg) no-repeat center right 15px #F7FAFC !important;
    }
#add_invoice .txt_h{margin-top: 10px;     height: 24px;
    margin-top: 10px;
    font-size: 10px;border-radius: 4px;padding-left: 5px;
    padding-right: 5px;}
#add_invoice .bord_bottom{border-bottom: 1px solid #F0F0F0;padding-bottom: 10px;}
#add_invoice h2{font-weight: 400;
font-style: normal;
font-size: 30px;
line-height: 48px;
margin:0;
color: #505E73;}

@media(max-width: 767px)
{
  #add_invoice h2{font-size: 25px; text-align: center;}
  #add_invoice .text-center-mob{text-align: center;}
  #add_invoice .text_box{margin-bottom: 10px;}
}

#add_invoice .go_bak{background: no-repeat;
    outline: 0;margin-top:4px;
    margin-right: 25px;
    font-weight: 500;
    color: #808080;
    font-size: 16px;}
    #add_invoice .go_bak:active{box-shadow: none;}
#add_invoice .cust_btn{width: 120px;
height:50px;border-radius: 8px; border:none; outline: 0; background-color: #237FDB
; color: #FFF; font-weight: 400;    padding: 10px;}
#add_invoice .cust_btn_add_p{width: 100%;
  font-size: 8px;
height:30px;border-radius: 6px; outline: 0; background: #F7FAFC;
    border: 1px dashed #237FDB;
    box-sizing: border-box;
     color:#237FDB; font-weight:400;padding:7px 10px;}
#add_invoice .border{border: 1px solid #E6EBF0;
box-sizing: border-box;
border-radius: 10px;}
#add_invoice #append_container,#add_invoice #append_container2{padding-left:5px;
    padding-right:5px;}
#add_invoice .cart-row div:nth-child(1) {padding-left: 3px;}
#add_invoice .padding-top10px{padding-top: 10px;}
#add_invoice .padding-bottom10px{padding-bottom: 10px;}
#add_invoice .padding-top30px{padding-top: 30px;}
#add_invoice .padding-bottom30px{padding-bottom:30px;}
#add_invoice .np{padding:0; }
#add_invoice .padd_r_7px{padding-right: 7px;}
#add_invoice .margin-top20px{margin-top: 20px;}
#add_invoice .bt{border-top: 1px solid #F0F0F0;}
#add_invoice .cust_btn_add{width: 170px;
height:35px;border-radius: 8px; border:none; outline: 0; background-color: #237FDB
; color: #FFF; font-weight:400;padding: 5px;}
@media print {
  #add_invoice .no_print{
    display: none;
  }
}
@media(max-width: 767px)
{
#add_invoice .padding-top0px{padding-top: 0px;}
#add_invoice .padding-bottom0px{padding-bottom: 0px;}
#add_invoice .padd_r_7px{padding-right: 0px;}
}



     .action_td{visibility: hidden !important;}
     .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
     {
      border-top: none;
      border-bottom: 1px solid #f0f0f0;
     }
     .page_container{border-top:2px solid #5CADFF; max-width:1200px; margin:0 auto;margin-top: 30px;
    width: 100%;
    bottom: 0;}

    .total_container{position:absolute; max-width:1200px; margin:0 auto;margin-top: 30px;
    width: 100%;
    bottom: 85.4px;}

    .total_container table{margin-bottom:0;}

#invoice_list .total_container .table tbody tr:hover{pointer-events: none !important; background-color: transparent !important;}
.total_container table td{height:auto !important; font-weight: 700 !important; padding-top:8px !important; padding-bottom: 0px !important;border-bottom:none !important;}
.total_container table tr:nth-child(2) td{ padding-top:5px !important; padding-bottom:3px !important;}
.total_container table td span.hst_text_bott{padding-right: 47px;font-weight:500 !important;font-size: 16px;}
.total_container table td span.bott_paid,.total_container table td span.bott_total,.total_container table td span.bott_hst_total{font-weight:700 !important;font-size: 16px;}
.total_container table tr:nth-child(2) td:nth-child(4){font-weight:500 !important;color: rgba(51, 51, 51, 0.85) !important;}
@media(max-width: 1250px)
{
  .page_container{position: relative;
}
}
.date_wrapper{height: 50px;
    width: 100%;
    background: #F7FAFC;
    border: 1px solid #E6EBF0;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    outline: 0;
    display: flex;
    cursor: pointer;
}
.date_wrapper .text_box_input{border:none; font-size: 15px !important; 
  background-color: transparent;
  color: #505E73;
  font-weight: 400;
  cursor: pointer;
   outline: 0; padding-left:0 !important; width:160px !important;}
.date_wrapper .text_box_input::placeholder{color: #505E73 !important;}
.icon_div{width: 15%; float: left;}
.date_input{width: 85%; float:left; padding-left: 10px;}
.date_input span{font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #505E73;
font-weight: 500;
}


.page_container{margin-bottom: 40px;}
  .page_container .footer_right{float:left;font-size: 12px;line-height: 15px;color:#237FDB;margin-top:15px;}
  .page_container .page_wrapp{float: right; width:auto; height: 30px;position: relative;}
  .page_container ul.pagination{margin-top: 5px;}
  .page_container .cust_page_no{float: left;}
  .page_container .page_up_downs{float: right;margin-left:5px;}
  .page_container .up_img{display:block;margin-top:1.7px;}
  .page_container .down_img{display:block;margin-top:3px;}
  .page_container .pagination>li>a, .page_container .pagination>li>span {background-color: #237FDB;
    color: #FFF;}

.page_container .pagination>.disabled>a,
 .page_container .pagination>.disabled>a:focus,
  .page_container .pagination>.disabled>a:hover,
   .page_container .pagination>.disabled>span,
    .page_container .pagination>.disabled>span:focus,
     .page_container .pagination>.disabled>span:hover {  
     background-color: #237FDB;
    color: #FFF;
    border-color:#237FDB !important;
     } 
  .page_container #slider_container{visibility: hidden;    bottom: 0;
    left: 50%;
    margin-left: -17px;
    margin-bottom:37px;
    position: absolute;}
    .page_container #slider_container a{text-decoration: none !important; color:rgba(0, 0, 0, 0.3);font-weight: 500;}
    .page_container li.disabled{opacity:1; pointer-events: none;}
    .page_container #slider_container a.disable{color: #999;
    opacity: 0.5;
    pointer-events: none;}
    .page_container #slider_container a.enable{color: #237FDB; }
    .page_container #slider_container span.current_page{color:#999;}
    .page_container #slider_container{width:44px; line-height:28px; font-size: 16px; text-align:center; background: #FFFFFF;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;}
.page_container .paging_slider{position: relative;}
.page_container .paging_slider div{line-height:30px; color:  #237FDB;}
.page_container .paging_slider div:nth-child(1){padding-bottom: 4px;}

.page_container .paging_slider:after {
    content:'';
    position: absolute;
    top: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-width: 7.5px;
    height: 12px;
    width: 12px;
    border-style: solid;
    border-color: transparent transparent transparent transparent;
    background: #FFF !important;
    border-top: 1px solid #E6EBF0;
    border-left: 1px solid #E6EBF0;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);

}

.page_container a.page-link{font-size: 12px !important; padding:5.5px 9.4px 4.8px !important;cursor: pointer;border-color:#237FDB !important; min-height: 29.53px; max-height: 29.53px;}
.page_container .pagination>li>a:focus, .page_container .pagination>li>a:hover, 
.page_container .pagination>li>span:focus, .page_container .pagination>li>span:hover{color:#FFF !important;background-color: #237FDB !important;}
.page_container .paging_toggle
 {
    visibility: visible !important;
}

.rec_page{  
    float: right;
    margin-right: 20px;
    margin-top: 5px;
background-color: #237FDB;
    color: #FFF;
    font-size: 12px;
    padding: 6.5px 9.4px 6.2px !important;
    border-radius: 4px;
    cursor: pointer;
  }


  .rec_page #slider_container2{visibility: hidden;    bottom: 0;
    left: 50%;
    margin-left: -22px;
    margin-bottom:32px;
    position: absolute;}

.rec_page .paging_toggle2
 {
    visibility: visible !important;
}
    .rec_page #slider_container2 a{text-decoration: none !important; color:rgba(0, 0, 0, 0.3);font-weight: 500;}
    .rec_page li.disabled{opacity:1; pointer-events: none;}
    .rec_page #slider_container2 a.disable{color: #999;
    opacity: 0.5;
    pointer-events: none;}
    .rec_page #slider_container2 a.enable{color: #237FDB; }
    .rec_page #slider_container2 span.current_page{color:#999;}
    .rec_page #slider_container2{width:44px; font-size: 16px; text-align:center; background: #FFFFFF;
border: 1px solid #E6EBF0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;}
.rec_page .paging_slider{position: relative; padding-bottom: 10px;}
.rec_page .paging_slider div{line-height:20px; padding-top: 10px; padding-bottom:0px; color: #999;}
.rec_page .paging_slider div:nth-child(1){padding-bottom:0;}

.rec_page .current_page.rc.diff_rec_col{ color:  #237FDB;pointer-events: none;}
.rec_page .paging_slider:after {
    content:'';
    position: absolute;
    top: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-width: 7.5px;
    height: 12px;
    width: 12px;
    border-style: solid;
    border-color: transparent transparent transparent transparent;
    background: #FFF !important;
    border-top: 1px solid #E6EBF0;
    border-left: 1px solid #E6EBF0;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);

}


.num_of_recs{
display: inline;
    float: right;
    font-size: 13px;
    padding: 10px;
    font-weight: 500;
    color: rgba(51, 51, 51, 0.5);

  }


  .ajax_loader_div{
    display: none;
    width: 100px;
    height: inherit;
    position: absolute;
    right: 0px;
    top: 0;
    background-color: #FFF;}
    .disp_none_impo{
      display: none !important;
    }
    
    @media print {
    #state_preview {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        overflow: visible!important;
    }
    #state_preview thead{display: contents;}
}