/* latin-ext */

@font-face {

  font-family: 'Lato';

  font-style: normal;

  font-weight: 400;

  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/lato1.woff2) format('woff2');

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Lato';

  font-style: normal;

  font-weight: 400;

  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/lato2.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

.pointer{

	cursor:pointer;

}



.ComingSoon{

	color: red;

    font-size: 8px;

    vertical-align: super;

    font-weight: bold;

}

.red {

color:red;

}



.loader{

	width:60px;

}



ul.dropdown-menu li

{

border:1px solid white;

}



ul.dropdown-menu

{

padding-top:0px;

padding-bottom:0px;

border:1px solid #929eaa;

}



 .bubble {

     color: white;

    background-color: #<?php echo $c6;?>;

    border-radius: 20px;

    padding: 4px;

 }



.topBack{

box-shadow: -2px -2px 8px #888888;

margin-top:100px;

}

.custom-select > div > div {

   max-height: 320px !important;

}

.action_filter_result .modal-body table.table.table-striped {

    margin-top: 15px;

}

.loginTitle{

color:#000;

margin-top:20px;

}

.action_filters_holder .vmid {

    min-height: 43px;

    vertical-align: bottom;

}



#accordion .panel-default .panel-heading:hover { opacity: 0.6;}

#accordion .panel-default>.panel-heading { background: #e2dede; cursor: pointer;}

#accordion .panel-default { border-color: #4493cf;}

#accordion .panel-heading .panel-title span.pull-right.btn {

    min-width: 130px;

}

.martop2{

color:#000;

margin-top:20px;

}

.well > ul.nav.nav-list ul.nav.nav-list.tree * {

    font-weight: 400;

}

.logout{

color:#b72121;

}



.logo{

height:120px;

max-width:100% !important;

}



a:hover {

text-decoration:none;

}



.vmid{

	padding-top:5px;

padding-bottom:5px;

font-weight:bold;

}



.testtrunk1{

font-weight:bold;

display:inline-block;

vertical-align:15px;

margin-right:10px;

}



.testtrunk2{

display:inline-block;

}



.redSmall

{

color:red;

font-size:10px;

}



.alert{

margin-top:20px !important;

}



a.btn {

margin-top:2px;

margin-bottom:2px;

}



.forgotPassword {

cursor: pointer;

margin-top:13px;

font-size:13px;

}



.modalforgot{

padding-top:15px;

padding-bottom:5px;

}





 .highlight_invalid_field:focus {

    border-color: #f59aa3;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(245, 154, 163,.6);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(245, 154, 163,.6);

}





.highlight_valid_field:focus {

  border-color: #94f78b;

	outline: 0;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(148, 247, 139,.6);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(148, 247, 139,.6);

}



.add-user-main .form-group, 
.customer_discount .form-group, 
.add-admin-panel .form-group, 
.update_admin_form .form-group, 
.orders-panel .form-group, 
.add-builder-main .form-group,
.add-job .form-group,
.update-job .form-group{

    display: flex;

    flex-direction: column;

    width: 100%;

    margin: 0;

    margin-bottom: 10px;

}

.panel-body.update-job {
    padding: 0;
}

.update_admin_form .form-group label{

    margin-left:0;

    margin-right:0;

}



/* .add_user_email_mob_sec, .add_user_phone_fax_sec, .add_user_state_pcode_sec, .add_user_dis_sec, #orders_tabs .double-fieds {

    display: flex;

    flex-direction: row;

} */



.add_user_dis_sec .input-group {

    padding: 0 15px;

}



.add_user_dis_sec .input-group input {

    padding: 6px;

}



.add-user-main .input-group-addon, .customer_discount .input-group-addon {

    padding: 6px 8px;

}



#password_message{

    padding-left: 15px;

    padding-right: 15px;

}



.update_user_form label {

    margin: 0;

    padding-left: 0;

    padding-right: 0;

}



.update_user_form .double-fieds .form-group {

    width: 100%;

}



.update_user_form .double-fieds .form-group:first-child {

    padding-right: 15px;

}



#search_result{

    position : relative;

}



#search_result ul.list-unstyled {

    border: 1px solid #ccc;

    border-top: none;

    border-radius: 0 0 5px 5px;

    background: #f8f8f8;

    position: absolute;

    width: 100%;

    z-index: 99999;

}



#search_result ul.list-unstyled li {

    padding: 5px 10px;

    border-bottom: 1px solid #ccc;

    cursor : pointer;

}



.btn_main_sec .alert.alert-danger {

    margin: 0!important;

}



.btn_main_sec button#add_user {

    float: right;

    margin-top: 5px;

}



.add-admin-panel .col-sm-12.input-group, .update_admin_form .col-sm-12.input-group {

    padding-left: 15px;

    padding-right: 15px;

}



.checkbox-sec label {

	display: flex;

	grid-gap: 10px;

}



.delivery_req_content.active {

	display: block;

}



.delivery_req_content.inactive {

	display: none;

}

.delivery_req_content {
	margin-top: 20px;
}



#orders_tabs table th {

    text-align: center!important;

    text-transform: capitalize!important;

}



#orders_tabs .table-bordered {

    border: 1px solid #000!important;

}



#orders_tabs .table-bordered>tbody>tr>td, #orders_tabs .table-bordered>thead>tr>th{

    border: 1px solid #000!important;

    color: #000!important;

    text-align: center!important;

}



#orders_tabs .table-bordered>tbody>tr>td:focus-visible {

    outline: unset!important;

}



#orders_tabs .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

    width: 145px;

}



.add_row{

	margin: 10px 0;
	display: flex;
	width: 100%;
	justify-content: center;

}

div#appliance_cutout.active .cutout_sec {
	display: flex;
	justify-content: space-between;
	max-width: 500px;
	margin: 0 auto;
}

.cutout_inner img {
	width: 100%;
	max-width: 200px;
}

#appliance_cutout h3 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: underline;
}

#appliance_cutout span.sub-title {
	text-align: center;
	display: inherit;
	font-size: 20px;
	margin-bottom: 20px;
}

.cutout_inner {
	display: flex;
	flex-direction: column;
	text-align: center;
	grid-gap: 5px;
	font-size: 20px;
	font-weight: 700;
}

#tbl_appliance_cutout {
	margin-top: 50px;
}

#orders_tabs .panel-default {
	border: 0;
}

#orders_tabs .panel-default>.panel-heading {
	padding: 0;
	background-color: transparent!important;
	border: none!important;
}

#orders_tabs .panel-body {
	border: 1px solid #ddd;
	border-top: 0;
}

.tab-pane th.left img, .tab-pane th.right img, .tab-pane th.top img, .tab-pane th.bottom img {
	width: 30px;
}

.tab-pane .btn, .save_order {
	background-color: #c00000;
	border-color: #c00000;
	color: #fff;
}

.save_order:hover{
	color: #fff!important;
}

.tab-pane .btn:hover, .save_order:hover {
	background-color: #4a4a4a;
	border-color: #4a4a4a;
}

.add_bank{
	background-color: #f7f70221;
	height: 100%;
	min-height: 238px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 15px;
	max-width: 224px;
	margin-top: 0;
}

.nex_prev_sec {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

#orders_tabs .panel-default .panel-heading .nav>li>a:hover{
	background-color: #FAFAFA;
}

.orders-panel .btn-group.bootstrap-select {
	width: 100%!important;
}

#order_overview .nex_prev_sec {
	justify-content: flex-end;
}

#drawers .table thead tr:first-child th {
	font-weight: 600!important;
}

.table-responsive::-webkit-scrollbar{
	height: 10px;
}

.add_bank .add-drawer-bank{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 224px;
	flex: 1;
	height: 238px!important;
	justify-content: center;
	grid-gap: 10px;
	cursor: pointer;
}

.add_bank .add-drawer-bank:hover {
	color: #c00000!important;
}

#drawers th {
	padding: 7px!important;
}

/* New CSS */
#uFormData .input-group .form-control {
    z-index: unset!important;
}

.builder_dropdown .input-group {
    z-index: 999;
}

#display_builders,
#display_clients{
	border: 1px solid #ccc;
	border-bottom: none;
	background: #F8F8F8;
}

#display_builders ul li,
#display_clients ul li{
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.double-fieds {
    display: flex;
    flex-direction: row;
}

#mains-aside,
#appliance-aside{
    width:100%;
    margin: 20px 0;
}

#mains-aside section,
#appliance-aside section{
    border: 1px solid #ccc;
}

.mains-sec > div,
.appliance-sec > div{
    padding: 0 3px;
    height: 100px;
    margin-top: -0.8em;
    
}

#mains-aside .box-title,
#appliance-aside .box-title{
    background: white none repeat scroll 0 0;
    display: inline-block;
    padding: 0 2px;
    margin-left: 2em;
}

#jobFormData .attachments_radio_main {
    display: flex;
    grid-gap: 20px;
}

#jobFormData .upload-file,
#jobFormData .enter-url-sec{
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: flex-end;
}

#jobFormData .upload-file label,
#jobFormData .enter-url-sec label{
    padding: 0 10px;
    cursor: pointer;
}

#jobFormData .upload-file input,
#jobFormData .enter-url-sec input{
    width: calc(100% - 112px);
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
    cursor:pointer;
}

#jobFormData .enter-url-sec input {
    cursor: auto!important;
}

#jobFormData .file_upoad_desc span {
    min-width: 102px;
}

#jobFormData .file-upload-sec.upload-file label {
    margin-right: 20px;
}

#jobFormData .file_upoad_desc {
    display: flex;
    grid-gap: 10px;
    align-items: flex-end;
}

#jobFormData .file_upoad_desc input{
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
}

#jobFormData .upload-file input::placeholder{
    float:right;
    padding-right: 15px;
    position: relative;
    top: 10px;
}

.tab_Sec_start {
    margin-top: 50px;
}

#jobFormData .tab-content {
	border: 1px solid #ddd;
	border-top: 0;
}

#jobFormData .tab-pane#attachmenttab {
    padding: 15px;
}

#jobFormData .tab-pane#attachmenttab > .form-group {
    padding: 10px;
    border: 1px solid #ddd;
}

#attachmenttab #add_attachment_sec {
    background-color: #035096;
    border-color: #035096;
    margin-top: 15px;
}

#attachmenttab .close_drawer{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#attachmenttab .close_drawer .fa{
	font-size: 20px;
	color:red
}

#jobFormData #attachment_list{
    margin-top:20px;
}

#jobFormData #attachment_list img {
    width: 100px;
    object-fit: contain;
    object-position: left;
}

#jobs_result .table-responsive .sorting_1 a {
    color: #353535!important;
}

.attachmen_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span.max_file_upload {
    text-align: center;
    margin-top: 10px;
}

@media(min-width:1024px){

    .customer_discount{

        margin-top : 110px;

    }



    .update_cust_Sec{

        margin-top : 265px!important;

    }



    .back_all_user_btn {

        margin-top: 23px!important;

    }

}