@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700);
@import url('fonts.css');
@import url('bootstrap.css');
@import url('animate.css');
a{outline:none !important;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;}
button{outline:none !important;}
.pull-right{float:right !important}
.btn-pink-right{margin-left:5px;}
.pull-left{float:left !important}
img{max-width:100%;height:auto}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both;}
.clear{clear:both;}
.login-bg{background:linear-gradient(180deg, rgba(20,86,132,1) 0%, rgba(68,179,227,1) 100%); font-family:'Poppins',sans-serif; min-height:100vh;}
.login-bg .login{text-align:center; padding-left:15px; padding-right:15px}
.login .login-logo{padding:40px 0 30px 0; margin:0 auto; max-width:450px;}
.login .form-width{max-width:450px; margin:0 auto;}
.login.page-regstr .form-width{max-width:840px;}
.login.thanks-regstr .form-width{max-width:840px;}
.login.thanks-regstr .login-form{padding:70px;}
.login.page-regstr .row{margin-left:0; margin-right:0}
.login.page-regstr .form-group{text-align:left;}
.login .login-form{background:#fff; padding:20px;}
.login .login-form .user-icon{color:#175c8b; border:solid 2px #175c8b; padding:5px; border-radius:50%; display:inline-block; width:60px; height:60px; text-align:center; font-size:16px; line-height:56px; box-sizing:border-box;}
.login .login-form .login-title{font-size:25px;font-weight:500;color:#27aae1;padding:20px 0 25px 0;}
.login.page-regstr .login-form .login-title{padding-top:0;}
.login .login-form form .form-tag,.forgot-pass{margin:0 0 15px 0;}
.login .login-form.forgotfrm  form .form-tag{margin:0 0 35px 0;}
.login .login-form .form-tag input,.login .login-form .form-tag input.form-control{width:100%;padding:10px 15px;border-radius: 15px; border:solid 1px #ccc;box-sizing:border-box;font-size:16px;color:#34495f;}
.login .login-form .form-tag input.form-control{width:calc(100% - 100%);}
.login .login-form .form-tag input:focus{border-color:#25c4bf;}
.login .login-form label.error{text-align:left;}
.login .login-form.forgotfrm form label.error{flex:0 0 auto;-ms-flex:0 0 auto;display:block;position:absolute;left:0;width:100%;bottom:-33px;}
.login .login-form form .forgot-pass label{float:left;color:#34495f;position:relative;}
.login .login-form form .forgot-pass .check{height:18px;width:18px;border:1px solid #ccc;position:absolute;left:0;display:inline-block;}
.login .login-form form .forgot-pass label input{margin:0 10px 0 0;}
.login .login-form form .forgot-pass a{text-decoration:none;color:#ff5b63;float:right;}
.login .login-form form .forgot-pass a:hover{color:#42aede;}
.login .login-form .form-btn.loginbtn input{width:100%;padding:10px 15px;color:#000;background:#ffd800;box-sizing:border-box;border:none;font-weight:400;font-size:16px;cursor:pointer;border-radius:40px; transition: 0.3s ease-in-out;}
.login .login-form .form-btn.loginbtn input:hover{background:#ff5b63; color: #fff;}
.login .login-form .form-btn .btn{padding:10px 15px;}
.login.page-regstr .login-form .form-btn .btn{padding:11px 20px;font-size:1.27rem;}
.login .member{background-color:#ebedee;padding:15px;color:#34495f;font-size:16px;font-weight:400;}
.login .member a{text-decoration:none;color:#2cc4cb;}
.login .member a:hover{color:#24a7a9;}
.login .copyright{font-size:13px;color:#fff;font-weight:400;padding-top:10px;}
.header#mainHeader{background:#fff;}
.datatables{font-family:'Poppins',sans-serif;background:#f1f1f1;color:#34495f;font-weight:400;position:relative}
.navbar-toggler{font-size:1.5rem;}
.datatables .header .search ul li a i{padding-right:10px;font-size:16px;}
.datatables .header .search ul li a span{font-size:13px;}
.header .icon-link ul{margin:0;padding:0;list-style:none;}
.header .icon-link ul li.top_username{padding:25px 5px 0 0;}
.header .icon-link ul li.dropdown a:after,.header .icon-link ul li.dropdown a:before{display:none}
.header .icon-link ul li.dropdown .dropdown-menu{margin:0;padding:0;border-radius:2px;box-shadow:0 3px 12px rgba(0,0,0,0.176);border:0}
.header .icon-link ul li.dropdown .dropdown-menu a{background:none;color:#6d7c85;padding:8px 15px;}
.header .icon-link ul li.dropdown .dropdown-menu .dusername{display:none}
.header .icon-link ul li.dropdown .dropdown-menu a:hover{background:#f7f8f8}
.header .icon-link ul li.dropdown .dropdown-menu a i,
.header .icon-link ul li.dropdown .dropdown-menu a svg {margin-right:10px;}
.header .collum-width{display:block;flex:1 0 auto;-ms-flex:1 0 auto;}
.header .icon-link ul li>a{color:#6d7c85;display:block;text-decoration:none;font-size:16px;font-weight:400;height:68px;padding:24px 15px 15px 15px;}
.header .icon-link ul li>a i.fa-lg{font-size:0.933em}
.header .icon-link a.icon-notification{padding:20px 20px 20px 15px;}
.header .icon-link ul li:last-child a{background:#ebedee;padding:18px 20px 15px 15px}
.header .icon-link ul li a:hover{color:#34495f;}
.header .icon-link ul li a img{height:30px;width:30px;border-radius:100%;margin-left:5px;}
.datatables .page-main .side-bar ul{margin:0;padding:0;list-style:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:150px;padding-top:68px;}
.datatables.open .page-main .side-bar ul{ position:static;}
.datatables .page-main .side-bar ul li{padding:0;background:#34495f;color:#b4bcc8;}
.datatables .page-main .side-bar ul li a{text-decoration:none;color:#b4bcc8;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;display:block;padding:12px}
.datatables .page-main .side-bar ul li a i{font-size:28px;}
.datatables .page-main .side-bar ul li a:hover{color:#fff;background:#466280;}
.datatables .page-main .side-bar ul li a .side-menu-text{display:block;margin-top:8px;font-size:13px;}
.datatables .page-main .side-bar ul li.active a{color:#1abc9c}
.datatables .page-main .side-bar{background:#34495f;min-height:100%;}
.datatables .page-main .side-bar .active{color:#1abc9c !important;background:#466280;}
.datatables .page-main .page-contant h1{font-size:26px;font-weight:400;color:#34495f;display:inline-block;}
.datatables .page-main .page-contant .page-heading{padding-top:20px;}
.breadcrumb-item + .breadcrumb-item::before{content:"\2022" !important;}
.datatables .page-main .page-contant .breadcrumb{background:none;padding:0 0 0 5px;}
.datatables .page-main .page-contant .breadcrumb li{font-size:13px;}
.datatables .page-main .page-contant .breadcrumb li a{color:#34495f;text-decoration:none;}
.datatables .page-main .page-contant .breadcrumb li a:hover{color:#17a2b8;}
.datatables .page-main .page-contant .official-site{background:#fff;padding:10px 15px 25px 15px;}
.datatables .page-main .page-contant .official-site p{font-size:14px;font-weight:400;margin-bottom:10px;color:#34495f;}
.datatables .page-main .page-contant .official-site .site-btn:hover,.more-option .site-btn:hover,.submit-btn .site-btn:hover,.heading .site-btn:hover{background:#279ba2;} 
.datatables .page-main .page-contant .data-table{background:#fff;margin-top:5px;box-shadow:0 2px 4px rgba(0,0,0,.08);float:left;width:100%}
.datatables .page-main .page-contant .data-table h3{margin:0;color:#34495f;font-size:30px;font-weight:300;padding:15px 10px 0 20px;}
.datatables .page-main .page-contant .data-table h3.heading{padding:0;text-transform:uppercase;font-size:18px;}
.datatables .page-main .page-contant .data-table .main-table{padding:0 35px 20px;margin:0;position:relative;}
.datatables .page-main .page-contant .data-table .main-table .copy-btn{line-height:16px;font-size:13px;color:#fff;font-weight:400;background:#868e96;border:solid 1px #868e96;}
.datatables .page-main .page-contant .data-table .main-table .copy-btn:hover{background:#34495f;} 
.for-searching .dataTables_wrapper .row:nth-child(1){position:absolute;top:0;left:50px;}
.page-main > .row,#mainHeader.header > .row{margin-right:0 !important;margin-left:0 !important}
.remove_fimg { background: hsl(0deg 100% 50%); color: hsl(0deg 0% 100%); position: absolute; top: 15px; right: 15px; line-height: 1; padding: 3px; cursor: pointer; }
.more-option{padding-top:25px;padding-bottom:25px;}
.more-option.back-btn a{margin:20px 0;}
.datatable-footer{background:#fff;padding:10px 15px;position: fixed;bottom: 0;right: 0;left: 0;z-index: 9999;}
.max-height-500 { max-height: 500px; overflow-y: auto; }
.max-height-500::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #fff;
}

.max-height-500::-webkit-scrollbar
{
  width: 10px;
  background-color: #fff;
}

.max-height-500::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #f2f2f2;
}

/* task - 998 */
.deliver_products {
  display: table;
}
.deliver_products span.product_item.success {
  background: #28a745;
  border: 1px solid #28a745;
  color: #fff;
}

.deliver_products span.product_item {
  display: inline-block;
  padding: 3px 5px;
  background: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin: 0 3px 3px 0;
}
/* task - 998 end */

@media only screen and (max-width:480px){
  #list_columns .drag { width: 5% }
  #list_columns ._handle { width: 90% }
}


@media only screen and (max-width:800px){
.datatable-footer {
position: unset;
}
}

.animated-tada {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}

30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}

30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* task - 1489 */
.btn-unassign { opacity: 0.5; }

.datatable-footer .copyright p{font-size:13px;margin:0;}
.datatable-footer .shopping-cart a{color:#34495f;font-size:13px;}
.datatable-footer .shopping-cart a i{padding-right:5px;}
.datatable-footer .shopping-cart a:hover{color:#6bd6db;text-decoration:none;}
div.dataTables_paginate .pagination li{margin:-1px 0 -1px -1px;border-left:1px solid #ddd;border-bottom:0;width:auto;float:none;padding:0}
div.dataTables_paginate .pagination li:first-child{border-left:0;}
div.dataTables_paginate .pagination li:first-child a{border-radius:2px 0 0 2px}
div.dataTables_paginate .pagination li:last-child a{border-radius:0px 2px 2px 0px;margin-right:-5px}
div.dataTables_paginate .pagination li a{color:#34495f;line-height:1.25;display:block;padding:9px 15px 9px;background:transparent;font-size:16px;}
div.dataTables_paginate .pagination li a:hover{color:#6bd6db;}
div.dataTables_paginate .pagination li.active a{color:#fff;background:#6bd6db}
div.dataTables_paginate{border:solid 1px #ddd;border-radius:0.25rem;margin:0;white-space:nowrap;text-align:right}
div.dataTables_paginate ul.pagination{margin:0;padding:0;white-space:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.contact-form{padding-top:10px;padding-bottom:10px;}
.form-title h1{color:#27b0b6;}
body{font-family:'Poppins',sans-serif;}
.submit-btn{border-top:1px solid rgba(0,0,0,0.1);margin:15px -30px 0;padding:25px 0 10px;}
.form{padding:20px 20px 20px;}
.header#mainHeader{position:fixed;top:0;right:0;left:0;z-index:9999;box-shadow:0 2px 4px rgba(0,0,0,.08);}
.navbar{height:68px}
.search .header-companyName{padding:1.3rem 1rem 1.2rem 0;margin:0;color:#34495f;font-size:1.150rem;font-weight:500;}
.header .search{width:50%}
.header .search .top_username{margin:7px 0 0 25px;}
.navbar-light .navbar-toggler{border:none;padding:0;cursor:pointer;}
.open .page-main > .row,.open .header .row{margin-left:15px}
.page-main .chart{margin-top:15px;}
.page-main .p-bar{padding:0 20px 5px;}
.page-main .p-bar .p-bar-text{font-size:32px;font-weight:400;color:#34495f;}
.page-main .p-bar .p-bar-text i{color:#18c5a9 !important;}
.page-main .p-bar .sub-text{color:#999;font-size:16px;}
/* task - 241 span.text-success,.review .text-success,.stati-view .text-success,.stati-detail-txt .text-success,.seller-detail .creative .text-success,.sales .text-success{color:#18c5a9 !important;} */
.p-bar-next .txt{font-weight:400;font-size:24px;margin:0;}
.progress{height:5px !important;}
.progress .progress-bar-success{background:#18c5a9 !important;}
.progress .progress-bar-warning{background:#ffc107 !important;}
.p-bar-space{margin:20px 0;}
.p-bar-space2{margin-bottom:20px;}
.dash-field .feeds a{padding:15px 20px 0;color:#aaa;font-size:14px;} 
.dash-field .feeds a:hover{color:#7c7c7c;}
.review{margin:0 20px 8px 20px;border-bottom:1px solid rgba(0,0,0,.1);}
.review:last-child{border:none;margin-bottom:0;}
.review .icon{margin:2px 10px 0 0;color:#999;}
.review .review-text{line-height:1.1;font-weight:500;margin-bottom:5px;color:#34495f;}
.review .time small{color:#999;}
.review .review-sub p{font-size:13px;margin-bottom:8px;}
.stati-space{padding-bottom:0;}
.stati-detail{padding:10px 20px;}
.stati-detail .stati-view .desk,.stati-detail .stati-view .tab,.stati-detail .stati-view .mob{padding:10px 0;font-size:16px;font-weight:400;}
.stati-detail .stati-view .desk i{padding-right:10px;}
.stati-detail .stati-view .tab i{padding-right:13px;}
.stati-detail .stati-view .mob i{padding-right:18px;}
.stati-detail-txt{padding:0 20px;}
.stati-detail-txt .total{font-weight:400;font-size:28px;}
.stati-chart{padding-top:39px;}
.review .user-img{width:40px;height:40px;display:inline-block;}
.review .user-img img{border-radius:50%;}
.seller{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1);}
.seller:last-child{border:none;}
.seller-img a img{height:100px;}
.sales h3{padding-right:0 !important;font-weight:500 !important;font-size:28px !important;}
.seller-name h5{margin-bottom:5px;}
.seller-name h5 a{font-weight:500;font-size:25px;color:#34495f;line-height:1.1;text-decoration:none;}
.seller-name h5 a:hover{color:#18c5a9;}
.seller-name p{font-size:13px;}
.seller-detail{font-size:13px;}
.seller-detail .creative,.seller-detail .calender{margin-right:24px;}
.seller-detail .calender,.seller-detail .heart,.sales .sale{color:#999;}
.best-seller{padding:0 20px;}
.payment-img img{width:60px;}
.pay-img{padding-right:14px;}
.user-img-size{width:40px;}
.user-text-size{width:90%;padding-left:15px;}
.payment-digit{font-weight:500;}
label.error{font-size:0.8rem;color:#f75a5f;padding-top:0.2rem;font-weight:400;margin-bottom:0}
.form-control.error{border-color:#f75a5f;}
label span.label-star{color:#f75a5f;}
.main-body{padding:15px 29px 25px;position:relative;min-height:550px;clear:both}
.main-body .form-group{padding-left:10px;padding-right:10px;}
.main-body .row{margin-left:-10px;margin-right:-10px;}
.search-area{padding-bottom:15px;}
.search-area.bottom-search{padding-top:25px;}
.search-area .btn + .btn{margin-left:2px;}
.search-area .col-xs-12{padding-left:7px;padding-right:7px;}
.search-area .col-xs-12 .col-xs-12{padding-left:7px;padding-right:7px;}
.search-area .row{margin-left:-7px;margin-right:-7px;}
.search-area .mainrow{margin-left:-7px;margin-right:0;display:block;}
.search-area .btn i{vertical-align:bottom}
.search-area .form-control{margin-bottom:10px;padding-top:0.28rem;padding-bottom:0.28rem;}
.search-area select.form-control{height:calc(1.85rem + 2px) !important}
table.dataTable{border-collapse:separate;clear:both;margin-bottom:6px;margin-top:6px;max-width:none;border:1px solid #e8e8e8;}
.table-estimations.dataTable{margin-bottom:25px;margin-top:25px;}
.table-estimations.dataTable:first-child{margin-bottom:0px;}
table.table-estimations th,table.table-estimations td{padding:1.05rem 1.55rem;}
table.dataTable th{border-bottom:1px solid #dddddd;border-top:0 none;font-weight:600;position:relative;background:#fff;vertical-align:middle;}
table.dataTable th .material-checkbox{display:inline-block;top:2px;}
table.dataTable tbody th{border-bottom-width:0;}
table.dataTable tbody td .material-checkbox{margin:0 auto;}
table.dataTable tbody td.table-actions{white-space:nowrap;}
table.dataTable td,table.dataTable th{border-left-width:0;}
table.dataTable td:last-child,table.dataTable th:last-child{border-right-width:0;}
table.dataTable td,table.dataTable th{box-sizing:content-box;}
table.dataTable td a{color:#34495f}
table.dataTable td a.btn{color:#fff !important}
table.dataTable td a{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;}
table.dataTable td a:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#7d8b9b;height:1px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
table.dataTable td a:hover:before,table.dataTable td a:focus:before,table.dataTable td a:active:before{right:0;}
table.dataTable td a:hover{color:#34495f}
table.dataTable td.main-black a{background:#171717 !important;}
table.dataTable td.main-black a:hover{background:#34495f !important;}
ul.tab-cstrView li.main-black a{background:#171717 !important;} /*task - 28017125*/
ul.tab-cstrView li.main-black a:hover{background:#34495f !important;} /*task - 28017125*/

/* task - 2105 */
.iconbtn-area.main-black a{background:#171717 !important;}
.iconbtn-area.main-black a:hover{background:#34495f !important;}

/*task - 1652 | task - 2105 */
table.dataTable td.main-black a{background:#34495f !important;}
table.dataTable td.main-black a:hover{background:#34495f !important;}

ul.tab-cstrView li.main-red a, .main-red a,
table.dataTable td.main-red a {background:#b21f2d !important;} 
ul.tab-cstrView li.main-red a:hover, .main-red a:hover, table.dataTable td.main-red a:hover {background:#b21f2d !important;} 
/*task - 1652 end*/

table.dataTable tbody td.table-actions .btn + .btn{margin:0 0 0 0.46rem;min-width:27px;}
table.dataTable tbody td.table-actions .btn{color:#fff;}
table.dataTable tbody td.table-actions .btn:before{display:none;}
table.dataTable tbody td.table-actions .btn .fa-recycle{ position:relative; top:0.12rem;}
table.dataTable tbody td.table-actions span.btn{cursor:default}
table.dataTable tbody td.table-actions .btn.btn-review,table.dataTable tbody td.table-actions .btn.btn-noresponse, .btn-review, .btn-noresponse{background-color:#dc3545;}
table.dataTable tbody td.table-actions .btn.btn-completed, .btn-completed{background-color:#20ac33}
table.dataTable tbody td.table-actions .btn.btn-assigned, .btn-assigned{background-color:#0079F9}
table.dataTable tbody td.table-actions .btn.btn-apointment, .btn-apointment{background-color:#007bff}
table.dataTable tbody td.table-actions .btn.btn-apointment:hover, .btn-apointment:hover{background-color:#007bff}
table.dataTable tbody td.table-actions .btn.btn-approval, .btn-approval{background-color:#009f3c}
table.dataTable tbody td.table-actions .btn.btn-approval:hover, .btn-approval:hover{background-color:#028031;}
table.dataTable tbody td.table-actions .btn.btniconla{padding:0.14rem 0.1rem 0.05rem 0.3rem;vertical-align:top;}
table.dataTable tbody td.table-actions .btn.btniconla .la{font-size:1.18rem;}
table.dataTable input[type="radio"],table.dataTable input[type="checkbox"]{margin:0;padding:0}
table.dataTable th.header a{display:block;position:relative;font-weight:600;color:#34495f;text-decoration:none;padding-right:25px}
table.dataTable th.header a:after,table.dataTable th.header a:before{position:absolute;bottom:0.2em;right:0.5rem;opacity:0.3;content:"\2191";-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;}
table.dataTable th.header a:before{right:0rem;content:"\2193"}
table.dataTable th.header.sort_asc a:after,table.dataTable th.header.sort_desc a:before,
table.dataTable th.header span.sort_asc a:after,
table.dataTable th.header span.sort_desc a:before{opacity:1}
table.dataTable td .btn-circle1, .btn-circle1{border-radius:50%;margin:0 1px;line-height:1.64;padding-left:0;padding-right:0;text-align:center;width:22px;height:22px;font-size:0.70rem;}
table.dataTable td .btn-blank{width:22px;display:inline-block;margin:0 1px;float:left;}
table.dataTable td.table-actions .btn-blank{width:34px;}
table.dataTable td .btn-black, .btn-black{background:#171717;}
table.dataTable td .btn-black:hover, .btn-black:hover,.btn-black:active,.btn-black:focus,
table.dataTable td .btn-black:active,table.dataTable td .btn-black:focus{background:#34495f;}
table.dataTable td .btn-blue{background:#007bff;}
table.dataTable td .btn-blue:hover,table.dataTable td .btn-blue:active,table.dataTable td .btn-blue:focus{background:#0069d9;}
table.dataTable td .btn-red{background:#dc3545;}
table.dataTable td .btn-red:hover,table.dataTable td .btn-red:active,table.dataTable td .btn-red:focus{background:#c82333;}
table .td-lgcon{width:250px}
table.dataTable td .btn-square{border-radius:2px;margin:0 0 0 1px;}
table.dataTable td .btn-white, .btn-white,
table.dataTable td a.btn.btn-white{border:1px solid #171717;background:none;color:#171717 !important}
table.dataTable td .btn-white:hover, .btn-white:active,.btn-white:focus,
table.dataTable td a.btn.btn-white:hover,
table.dataTable td .btn-white:active,
table.dataTable td a.btn.btn-white:active,
table.dataTable td .btn-white:focus,
table.dataTable td a.btn.btn-white:focus{background:#171717;border-color:#171717 !important;color:#fff !important}
table.dataTable td .numline-area{ float:left;width:100px;}
table.dataTable .filewithavtar{ position:relative;padding-right:10px;}
table.dataTable .filewithavtar .text-danger{/*float:left; width:calc(100% - 64px);*/}
table.dataTable .filewithavtar .fileInput {float:right;overflow:hidden;padding:0;/*position:absolute;right:-5px;top:5px;*/width:100%; min-width:130px;}
table.dataTable .filewithavtar .avatar{ width:40px;height:40px;position:static;}
table.dataTable .filewithavtar .fileInput > img{float:right;}
table.dataTable .filewithavtar .fileInput .avatar_date{display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
.frmalertBox h3{padding-left:0 !important}
.frmalertBox{margin-top:15px}
.page-contant{padding-bottom:15px;}
.page-view label{font-weight:700}
.page-view ul{margin:0;padding:0;list-style:none}
.page-view ul li{border-bottom:1px solid rgba(0,0,0,0.1);position:relative;margin:0px 0 12px 0;padding:0px 0 12px 0;float:left;width:100%}
.page-view ul li.alertNote{border:2px solid #f39c12;padding:12px 15px;background-color:#f39c12;}
.zp_dark_theme .page-view ul li.alertNote strong{color: #fff;}
.page-view ul li strong{float:left;width:40%;padding-right:10px;font-weight:600}
.page-view ul li .img-signature{border:1px solid rgba(0,0,0,0.18);}
.page-view ul li > span{width:60%;float:right}
.page-view ul li span strong{float:none !important;width:auto !important;padding-right:0 !important}
.page-view ul.list2 li strong{width:15%;}
.page-view ul.list2 li span{width:85%;}
.fileInput input[type="file"]{display:none;}
.filewithavtar .fileInput{padding:9px 0 0 65px;position:relative;}
.filewithavtar .fileInput.noAvatar{padding:0;}
.filewithavtar .avatar{position:absolute;left:0;top:0;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,0.2);object-fit:cover;}
table .table-actions .material-switch{padding:9px 0 0;}
.material-switch > input[type="checkbox"]{display:none;}
.material-switch > label{cursor:pointer;height:0px;position:relative;width:40px;}
.material-switch > label::before{background:rgb(0,0,0);box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5);border-radius:8px;content:'';height:16px;margin-top:-8px;position:absolute;opacity:0.3;transition:all 0.4s ease-in-out;width:40px;}
.material-switch > label::after{background:rgb(255,255,255);border-radius:16px;box-shadow:0px 0px 5px rgba(0,0,0,0.3);content:'';height:24px;left:-4px;margin-top:-8px;position:absolute;top:-4px;transition:all 0.3s ease-in-out;width:24px;}
.material-switch > input[type="checkbox"]:checked + label::before{background:#5cb85c;opacity:0.5;}
.material-switch > input[type="checkbox"]:checked + label::after{background:#5cb85c;left:20px;}
.material-checkbox,.material-radiobox{display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto;height:22px;margin:0;padding:0;}
table .material-checkbox,table .material-radiobox{width:22px}
table .material-checkbox.table-cutmatbox,table .material-radiobox.table-cutmatbox{height:auto;width:auto;text-align:left;margin-bottom:5px;font-size:12px;}
td.text-center .material-checkbox,td.text-center .material-radiobox{margin-left:auto;margin-right:auto;}
.material-radiobox{padding:0 0 0 30px;}
.material-checkbox input,.material-radiobox input{position:absolute;opacity:0;left:0;top:0;width:22px;height:22px;}

.material-checkbox.gmail-text,
.material-radiobox.gmail-text{height: auto;}

.checkmark,.circlemark{position:absolute;top:0;left:0;height:22px;width:22px;background-color:#fff;border:1px solid #cccccc;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;border-radius:2px}
.circlemark{border-radius:50%}
.material-checkbox:hover input ~ .checkmark,.material-radiobox:hover input ~ .circlemark{border-color:#b8b8b8;}
.material-checkbox input:checked ~ .checkmark,.material-radiobox input:checked ~ .circlemark{background-color:#2cc4cb;border-color:#29c0c7;}
.checkmark:after,.circlemark:after{content:"";position:absolute;display:none;}
.material-checkbox input:checked ~ .checkmark:after,.material-radiobox input:checked ~ .circlemark:after{display:block;}
.material-checkbox .checkmark:after,.material-radiobox .circlemark:after{left:8px;top:4px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.material-radiobox .circlemark:after{left:5px;top:5px;width:10px;height:10px;border:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(45deg);transform:rotate(0deg);background:#fff;border-radius:50%}
.signouter canvas,.signouter img{border:1px solid #ced4da !important;}
.fileInput label.error{padding:0px;margin:7px 0px 0px 20px;position:absolute;z-index:9;right:10px;}
.nav-tabs li{float:left;display:inline-block;margin:0 3px -1px 3px}
.nav-tabs li .table-actionsbtns .btn{ color:#fff; background:#2cc4cb; border:0; border-radius:0; padding-left:1.0rem; padding-right:1.0rem;}
.nav-tabs li .table-actionsbtns .btn:hover{background:#27b0b6}
.nav-tabs li .table-actionsbtns .btn.btn-success{ background:#009f3c;}
.nav-tabs li .table-actionsbtns .btn.btn-completed{background-color:#20ac33}
.nav-tabs li .table-actionsbtns .btn.btn-assigned{background-color:#0079F9}
.nav-tabs li .table-actionsbtns .btn.btn-apointment{background-color:#007bff}
.nav-tabs li .table-actionsbtns .btn.btn-apointment:hover{background-color:#007bff}
.nav-tabs li .table-actionsbtns .btn.btn-approval{background-color:#009f3c}
.nav-tabs li .table-actionsbtns .btn.btn-approval:hover{background-color:#028031;}
.nav-tabs li .table-actionsbtns .btn.btn-gray{background:#696868}
.nav-tabs li .table-actionsbtns .btn.btn-gray:hover{background:#27b0b6;}
.nav-tabs li .table-actionsbtns .btn.btn-noresponse,.nav-tabs li .table-actionsbtns .btn.btn-review{background:#dc3545}
.nav-tabs li .table-actionsbtns .btn.btn-noresponse:hover,
.nav-tabs li .table-actionsbtns .btn.btn-review:hover{background:#27b0b6;}
.nav-tabs li .table-actionsbtns .btn.btn-default{background:#f39c12;}
.nav-tabs li .table-actionsbtns .btn.btn-default:hover{background:#df8e0e;}
.nav-tabs li .table-actionsbtns .btn.btn-blue{background:#007bff;}
.nav-tabs li .table-actionsbtns{ margin-right:1px;}
.nav-tabs li:first-child{margin-left:0;}
.nav-tabs li a{color:#acacac;background:#ebebeb;font-size:14px;display:block;font-weight:500;padding:0.8rem 1.3rem;background:#ebebeb;border:1px solid #ebebeb;border-bottom:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;}
.nav-tabs.navtabs1 li a.active{padding-left:3.2rem}
.nav-tabs li a.active{background:#ffffff;color:#2cc4cb;}
.tab-content{padding:25px 0;}
.navtabs1.nav-tabs li{position:relative;margin-top:3px;margin-left:0}
.navtabs1.nav-tabs li a{min-height:27px}
.navtabs1.nav-tabs li .btn{border-radius:50%;text-align:center;width:25px;height:25px;font-size:0.8rem;padding:0.35rem;margin:0 0.250rem 0 0;vertical-align:text-bottom;position:absolute;left:20px;top:14px;z-index:1;margin:0}
.navtabs1.nav-tabs li .btn.circle-trash{top:-10px;left:auto;right:-10px;}
.navtabs1.nav-tabs .btn.btn-addEstimation{font-size:0;background-image:url(../images/plus.svg);background-position:center center;background-repeat:no-repeat;color:#fff;background-size:17px 17px;margin:13px 0 0 10px;height:30px;width:30px;border-radius:50%;}
.navtabs1.nav-tabs .btn.btn-add_newEstimation{color:#fff;margin:13px 0 10px 10px;}
.zp_dark_theme .navtabs1.nav-tabs .btn.btn-add_newEstimation{color:#fff !important;margin:13px 0 10px 10px;}
.navtabs1.nav-tabs li .tabeditfiled{border:0;float:left;margin:-26px 0 0;padding:8px;width:200px;background:#ebebeb;}
.navtabs1.nav-tabs li .tabeditfiled .tabnavitem{border:0;height:33px;padding:6px 11px;width:calc(50% + 50%);}
.estimations-listing{margin-bottom:15px;}
.estimations-listing .col-lg-3,.mediauplimg1 .col-lg-3{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;}
.estimations-listing .imgboxouter{position:relative;margin-top:15px;margin-bottom:15px;/*background:#000;*/}
.estimations-listing .imgboxouter .caption{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.3rem;font-weight:600;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.3);line-height:1.2;width:100%;padding:10px;}
.estimations-listing .imgboxouter img{width:100%;opacity:0.4;max-height:250px;height:250px;object-fit:cover;}
.estimations-listing .imgboxouter a, .estimations-listing .imgboxouter div{display: block; color: #000; font-weight: bold; padding-top: 15px; padding-bottom: 15px; font-size: 15px;white-space: normal; border: 2px solid #000;}
.mediauplimg1{width:100%}
/*.mediauplimg1 .imgboxouter{position:relative;overflow:hidden;background:#f7f7f7/*#000*/;margin-top:15px;margin-bottom:15px;}*/
.mediauplimg1 .imgboxouter{
  height: 230px;position:relative;overflow:hidden;background:#f7f7f7/*#000*/;margin-top:15px;margin-bottom:15px;border-radius: 5px;
}
.mediauplimg1 .file_preview_box > span.media_data, span.media_data {
  display: grid;
}
.font-weight-600 { font-weight: 600 !important; }
.f-size-13 { font-size: 12px !important; }
.f-size13 { font-size: 13px !important; }
/*.mediauplimg1 .imgboxouter img{width:100%;height:180px;object-fit:contain;object-position:center center;box-shadow:0 0 10px rgba(0,0,0,0.1);-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;opacity:1;}*/
.mediauplimg1 .imgboxouter .btnboxouter{position:absolute;top:-100%;-webkit-transition:top 0.3s ease-in-out;-moz-transition:top 0.3s ease-in-out;-ms-transition:top 0.3s ease-in-out;-o-transition:top 0.3s ease-in-out;transition:top 0.3s ease-in-out;z-index:1;left:50%;transform:translate(-50%,-50%)}
/*.mediauplimg1 .imgboxouter .btnboxouter .btn{margin-left:3px;margin-right:3px;}*/
.mediauplimg1 .imgboxouter:hover .btnboxouter{top:50%;}
.mediauplimg1 .imgboxouter:hover img{opacity:0.4;}
.mediauplimg1-normal.mediauplimg1 .imgboxouter:hover img{opacity:1;}
.jobitemRow .jobitem_block{position:relative;overflow:hidden;margin-right:-10px;}
.modal .jobitemRow .jobitem_block{overflow:visible}
.jobitemRow .field-measurement{padding-left:0}
.jobitemRow .field-measurement .col-xs-12{padding-right:0}
.jobitemRow .field-measurement:empty{display:none;}
.modal-footer .modalfbtn{flex:1 1 auto;-ms-flex:1 1 auto;}
.h115{height:115px}
.filter_columns {border: 3px solid #9ca2a9; padding: 5px;}
#sidebar{left:0;-webkit-box-flex:0;-ms-flex:0 150px;flex:0 150px;min-height:100%;z-index:1001;margin-top:68px;position:relative;}
.datatables.open #sidebar,.datatables.open .page-brand{left:-100%;position:absolute;}
.page-contant{-moz-box-flex:1;background-color:#f1f1f1;flex:1 1 0;padding:0 15px 35px;position:relative;transition:all .2s ease-in-out;margin-top:73px;overflow:hidden;}
.page-brand{position:relative;left:0;float:left;/*font-size:22px;*/height:100%;/*letter-spacing:1px;*/line-height:20px;overflow:hidden;padding:9px 20px;text-align:center;/*text-transform:uppercase;*/width:150px;background-color:#4c6c8b;/*color:#ffffff;*/}
.mobileClear,.mobileClear2,.mobileClear3{display:none}
#map,.map{background:#f1f1f1;}
.pagesub-title h3{display:inline-block;padding-top:20px !important;}
.pagesub-title::after{display:block;clear:both;content:"";}
.pagesub-title .pagetitle-btn{padding:15px 13px 0 10px;}
.pagesub-title .btn + .btn{margin-right:3px;}
.pagesub-title .table-actionsbtns{margin-left:2px;}
.pagesub-title .table-actionsbtns .btn.btn-success{ background:#009f3c;}
.pagesub-title .table-actionsbtns .btn.btn-completed{background-color:#20ac33}
.pagesub-title .table-actionsbtns .btn.btn-assigned{background-color:#0079F9}
.pagesub-title .table-actionsbtns .btn.btn-apointment{background-color:#007bff}
.pagesub-title .table-actionsbtns .btn.btn-apointment:hover{background-color:#007bff}
.pagesub-title .table-actionsbtns .btn.btn-approval{background-color:#009f3c}
.pagesub-title .table-actionsbtns .btn.btn-approval:hover{background-color:#028031;}
.pagesub-title .table-actionsbtns .btn.btn-gray{background:#696868}
.pagesub-title .table-actionsbtns .btn.btn-gray:hover{background:#27b0b6;}
.pagesub-title .table-actionsbtns .btn.btn-noresponse,
.pagesub-title .table-actionsbtns .btn.btn-review{background:#dc3545}
.pagesub-title .table-actionsbtns .btn.btn-noresponse:hover,
.pagesub-title .table-actionsbtns .btn.btn-review:hover{background:#27b0b6;}
.pagesub-title .table-actionsbtns .btn.btn-default{background:#f39c12;}
.pagesub-title .table-actionsbtns .btn.btn-default:hover{background:#df8e0e;}
.pagesub-title .table-actionsbtns .btn.btn-blue{background:#007bff;}
.pagetitle-btn.pagetitle-btn2 .btn + .btn{margin-left:3px;}
.smlthumbimg{margin-right:0.5rem;}
.page-thanks{background:#f1f1f1;}
.page-thanks .container-thanks{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);text-align:center;}
.page-thanks .logo{color:#2cc4cb;font-size:3rem;text-transform:uppercase;font-weight:400;margin:0;padding:0 0 2rem 0;letter-spacing:1px;line-height:0.8;}
.page-thanks .boxout{background:#fff;max-width:600px;margin:0 auto;padding:30px;box-shadow:rgba(0,0,0,0.05) 0 0px 31px;}
.page-thanks h1{color:#007bff;font-size:2rem;text-transform:uppercase;font-weight:700;padding-bottom:0.5rem}
.page-thanks p{color:#91979d;font-size:1rem;font-style:italic;line-height:normal;margin:0;padding:0}
.payment-container{background:#f5f5f5}
.payment-boxarea{max-width:680px;background-color:#ffffff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,0.08);padding:30px;margin:45px auto}
.payment-boxarea h1{font-size:1.5rem;margin:-30px -30px 25px;border-bottom:1px solid rgba(0,0,0,0.1);padding:16px 20px}
table.dataTable th.table-actions2 span{display:inline-block;vertical-align:top;width:32px;}
table.dataTable tbody td.table-actions .table-actionsbtns{display:inline-block;vertical-align:top;width:32px;}
.section-title2{padding:10px 0 13px 30px;margin:10px -30px 30px -30px;border-bottom:1px solid rgba(0,0,0,0.1)}
.cstmField{float:none;display:inline;vertical-align:top;height:26px;padding:0px;border-width:0px 0px 1px;border-style:none none solid;border-color:#c1c4c8;-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;border-radius:0px;text-align:center;width:50px;margin:-5px 0px 0px 3px;}
.estimatlistOut{background:#f3f3f3;border:1px solid #e5e5e5;position:relative;padding:30px 25px 30px 25px;margin:0 0 35px 0;}
.estimatlistOut .boxHead .catName{margin:0;padding:0;line-height:normal;color:#1abc9c;font-size:18px;}
.estimatlistOut .boxHead .btn{position:absolute;right:-15px;top:-15px;width:38px;height:38px;border-radius:50%;padding:0px;font-weight:bold;font-size:25px;line-height:1.7;background:#f39c12}
.estimatlistOut .boxHead .btn:hover{background:#df8e0e}
.estimatlistOut .boxTableOut{background:#fff;margin:20px 0 0;padding:15px 0 0 0;}
.estimatlistOut .boxTableOut table{margin:0;}
.estimatlistOut .boxTableOut table th,.estimatlistOut .boxTableOut table td{border:0;border-bottom:1px solid #e4e4e4;padding:18px 15px;vertical-align:middle;}
.estimatlistOut .boxTableOut .input-group .form-control{padding-right:0.35rem;padding-left:0.50rem;}
.estimatlistOut .boxTableOut table th{font-size:15px;color:#34495f;font-weight:500;}
.estimatlistOut .boxTableOut table th.th-item,.estimatlist-tboxOut .titlebox  th.th-item{width:130px}
.estimatlistOut .boxTableOut table th.th-measurement,.estimatlist-tboxOut .titlebox th.th-measurement{width:260px}
.estimatlistOut .boxTableOut table th.th-units,.estimatlist-tboxOut .titlebox th.th-units{width:260px}
.estimatlistOut .boxTableOut table th.th-taxable,.estimatlist-tboxOut .titlebox th.th-taxable{width:120px;}
.estimatlistOut .boxTableOut table th.th-itemPrice{width:480px;}

/* task - 2111 */
.estimatlistOut .boxTableOut table th.th-itemComm{width:200px;}
td.commission_td div.d-flex { justify-content: end; }

.estimatlist-tboxOut .titlebox th.th-itemPrice{width:180px}
.estimatlistOut .boxTableOut table th.th-action,.estimatlist-tboxOut .titlebox th.th-action{width:150px}
.estimatlistOut .boxTableOut table th.th-blankth,.estimatlist-tboxOut .titlebox th.th-blankth{width:50px;}
.estimatlistOut .boxTableOut table th.th-description,.estimatlist-tboxOut .titlebox th.th-description{width:550px}
.estimatlist-tboxOut .titlebox th.th-itemPrice.grand_total_box,.estimatlist-tboxOut .titlebox th.cart_grand_total_cell{width:380px}
.page-proposal .proposal-products .tablearea .imgbox{width:100px;}
.page-proposal .proposal-products .tablearea .th-item{width:170px;}
.page-proposal .proposal-products .tablearea .th-description{width:490px;}
.page-proposal .proposal-products .tablearea .th-measurement{width:20%;}
.page-proposal .proposal-products .tablearea .th-itemPrice{width:240px;}
.page-proposal .proposal-products .tablearea .th-action{width:40px;}
.page-proposal .estimatlistOut .boxTableOut table th.th-description,.page-proposal .estimatlist-tboxOut .titlebox th.th-description{width:430px}
.estimatlistOut .boxTableOut table .crtTitle,.estimatlist-tboxOut .titlebox .crtTitle{padding-right:10px;}
.estimatlistOut .boxTableOut table td{font-size:13px;color:#777b7e;font-weight:400;}
.estimatlistOut .boxTableOut table td .show-action-btns{width:140px;padding-bottom:5px;}
.estimatlistOut .boxTableOut table .titlebox th{background:#f6f6f6;}
.estimatlistOut .boxTableOut table .titlebox th.th-total{color:#34495f;font-size:15px;font-weight:500;}
.estimatlistOut .boxTableOut table .titlebox th.th-total strong{font-weight:500;}
.estimatlistOut .boxTableOut table .titlebox th.cart_total_cell{color:#777b7e;font-size:13px;font-weight:400}
.estimatlistOut .boxTableOut table td .delbtn{font-size:19px;color:#f39c12;}
.estimatlistOut .boxTableOut table td .delbtn:hover{color:#df8e0e}
.estimatlistOut .boxTableOut table th.th-total{padding-left:10px;padding-right:10px;}
.modal-content .priceCount strong{display:inline-block;padding:7px 5px 0 0;font-weight:600}
.modal-content .priceCount .btn{margin:-2px 0px 0px 6px;border-radius:50%;height:23px;width:23px;line-height:19px;font-size:0.79rem;}
.modal-content .priceCount .form-control{width:70%;float:left}
.modal-content .priceCount .btn.open_text{margin:5px 0 0 5px}
.estimatlist-tboxOut{background:#fff;border:1px solid #e6e6e6;margin:0 0 35px 0;}
.proposal-products .estimatlist-tboxOut{margin:0 0 20px 0;}
.estimatlist-tboxOut table,.estimatlist-tboxOut th,.estimatlist-tboxOut table td{border:0 !important;}
.estimatlist-tboxOut th{font-size:15px;color:#007bff;font-weight:500;padding:5px 20px 5px 30px;}
.estimatlist-tboxOut table{margin:0}
.invoices-btnset{padding:15px 20px 0;}
.invoices-btnset .btn-setleft label{display:inline-block;float:left;padding:6px 10px 0 0;}
.invoices-btnset .btn-setleft label.error{display:block;float:none}
.invoices-btnset .btn-setleft .form-control{width:auto;max-width:110px;float:left;border-radius:2px 0 0 2px;padding-top:0.300rem !important;padding-bottom:0.300rem !important;}
.invoices-btnset .btn-setleft .btn{float:left;border-radius:0 2px 2px 0;padding:0.64rem 0.75rem;}
.invoices-btnset .btn-setleft .btn.btn-editjob,.invoices-btnset .btn-setleft .timeFields .form-control,.invoices-btnset .btn-setleft .timeFields .btn{border-radius:2px;}
.invoices-btnset .btn-setleft .btn.btn-editjob{margin-right:10px;}
.invoices-btnset .btn-setright{padding-left:10px;}
.invoices-btnset .btn-setright .btn{padding:0.64rem 0.75rem;margin-right:0;margin-left:5px;}
.invoices-btnset .viewasign-btnset.btn-setright .btn{margin-left:0;}
.invoices-btnset .viewasign-btnset1 {margin-right:4px;}
.modal-lg2.modal-lg3 .modal-dialog{max-width:1100px;}
.jobitemRow .field-measurement .col-xs-12.last-padd{padding-left:30px;}
.table-total{vertical-align:middle;margin:0 0 0 10px;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
.customerFRM{/*max-width:680px;*/margin-left:auto;margin-right:auto;/*padding:40px;*//*border:1px solid #e6e6e6;*/margin-bottom:50px}
.customerFRM .material-radiobox{width:auto;}
.customerFRM .captcha-num{padding:5px 0 0 0;font-size:18px;letter-spacing:2px;}
.customerFRM  hr{width:100%;}
.customerFRM  form{margin-bottom:0;padding-bottom:0}
.customerFRM  #messagesuccess,.customerFRM #messagefail{width:100%;}
.customerFRM form input, .customerFRM form input:focus { background: #cecece42; height: 45px; color: #454545; }
.customerFRM form select, .customerFRM form select:focus { background: #cecece42; height: 45px !important; color: #454545;}
.customerFRM form textarea, .customerFRM form textarea:focus { background: #cecece42; color: #454545; }
.customerFRM .error{color:#F00;}
.datatables .page-main .page-contant .data-table.page-invoice{padding:70px}
.datatables .page-main .page-contant .data-table.page-invoice .pagesub-title{border-bottom:1px solid rgba(0,0,0,0.1);margin:0 0 25px;padding:0 0 25px;}
.datatables .page-main .page-contant .data-table.page-invoice .pagesub-title img{width:80px}
.datatables .page-main .page-contant .data-table.page-invoice .pagesub-title h3{font-size:30px;font-weight:300;padding:0 !important;color:#313237;}
.datatables .page-main .page-contant .data-table.page-invoice .pagesub-title h4{display:inline-block;font-size:18px;font-weight:600;line-height:1;color:#313237;padding-left:10px;}
.datatables .page-main .page-contant .data-table.page-invoice .pagesub-title h4 p{margin:0;padding:0}
.datatables .page-main .page-contant .data-table.page-invoice .invoices-btnset{padding-top:0;padding-right:0;padding-left:0}
.page-invoice .main-body{padding:0}
.page-invoice .leftvoice{width:40%;padding-right:15px;line-height:24px;color:#313237}
.page-invoice .leftvoice strong{color:#34495f;font-weight:600;}
.page-invoice .rightvoice{width:auto;padding-left:15px;}
.page-invoice .rightvoice p{font-weight:600;margin-bottom:10px;min-height:25px;padding:0 0 0 160px;position:relative;/*text-align:right;*/}
.page-invoice .rightvoice p span{position:absolute;left:0;top:0;font-weight:normal;color:#313237}
.page-invoice table{border-collapse:separate;border:0;border-botttom:1px solid #d5d5d5}
.page-invoice table td,.page-invoice table th{border:1px solid #d5d5d5;border-top:0;border-left:0;}
.page-invoice table tr td:first-child,.page-invoice table tr th:first-child{border-left:1px solid #d5d5d5}
.page-invoice table tr td:last-child,.page-invoice table tr th:last-child{border-right:1px solid #d5d5d5}
.page-invoice table th{border-top:1px solid #d5d5d5}
.page-invoice table th,.page-invoice table th strong{font-weight:600;text-transform:uppercase;font-size:16px}
.page-invoice table th h4{padding-left:0 !important}
.page-invoice .invoice-footer{background:rgba(0,0,0,0.05);margin:15px -35px 0px;padding:30px 30px 10px 35px;border-top:1px solid rgba(0,0,0,0.05);font-size:16px;line-height:27px;color:#636363}
.page-invoice .invoice-footer h3{margin:0 !important;padding:0 0 7px 0 !important}
.page-invoice .invoice-footer.invoicesfoot2{margin-left:-70px;margin-right:-70px;margin-top:25px;}
.page-invoice tr.titlebox th{background:#f3f3f3;}
.page-invoice .table-striped tbody tr:nth-of-type(2n+1){background-color:rgba(0,0,0,0.02);}
.page-invoice table .catName{border:0 !important;background:none;padding:0 0 15px 0 ;text-transform:none;}
.page-invoice .invoiceTotal{width:33.5%;float:right;}
.page-invoice .invoiceTotal table{border-collapse:separate;border:0 }
.page-invoice .invoiceTotal table th,
.page-invoice .invoiceTotal table td{border:0 !important;padding-left:1.75rem;padding-right:1.75rem;}
.page-invoice .invoiceTotal .titlebox th{background:#34495f;color:#fff;font-weight:600;padding:7px 18px}
.page-thank-proposal.page-thanks .container-thanks{position:static;transform:none}
.page-thank-proposal{background:url(../images/bg1.jpg) center center no-repeat;background-size:cover;background-attachment:fixed;padding:100px 0;}
.page-thank-proposal.page-thanks .boxout{background:none;box-shadow:none;max-width:992px;padding:0;border-bottom:10px solid #dcdcdc;}
.page-thank-proposal.page-thanks .company-name{color:#2e8fc6;font-size:45px;font-weight:600;margin-bottom:30px;}
.page-thank-proposal.page-thanks .company-name img{vertical-align:middle;width:70px;}
.page-thank-proposal.page-thanks .company-name span{margin:0 0 0 15px;}
.page-thank-proposal.page-thanks .company-name span:empty{display:none}
.page-thank-proposal.page-thanks .greenBox{background:#1fb880;padding:50px;}
.page-thank-proposal.page-thanks .greenBox img{margin-bottom:30px;}
.page-thank-proposal.page-thanks .greenBox img.companylogocls{border-radius:50%;width:120px;height:120px;object-fit:cover;}
.page-thank-proposal.page-thanks .greenBox h1{font-size:45px;color:#fff;text-transform:none;font-weight:500;margin:0;padding:0}
.page-thank-proposal.page-thanks .whiteBox{background:#fff;padding:50px}
.page-thank-proposal.page-thanks .whiteBox img{margin-bottom:40px}
.page-thank-proposal.page-thanks .whiteBox p{margin:0 0 40px 0;padding:0;font-size:16px;color:#747474;font-style:normal;font-weight:300}
.page-thank-proposal.page-thanks .whiteBox .thanks-cell,.page-proposalout .payment-boxarea .thanks-cell{text-align:center;}
.page-thank-proposal.page-thanks .whiteBox .thanks-cell span,.page-proposalout .payment-boxarea .thanks-cell span{border:1px solid #f1f1f1;font-size:18px;display:inline-block;font-weight:500;color:#2e8fc6;padding:10px 25px;line-height:normal;letter-spacing:10px;}
.page-proposalout .payment-boxarea .thanks-cell span:empty{display:none;}
#customer_widgets_model textarea.form-control,
#group_widgets_model textarea.form-control
{height:150px;}
.page-proposal .navbar{display:none;}
.page-proposal .page-contant{margin:0;padding:0;background:#fff;border-radius:6px;}
.page-proposal .data-table{margin-top:0 !important}
.page-proposal .main-body{padding:0}
.page-proposal .toparea{padding:40px 35px;}
.page-proposal .toparea .logoarea{float:left;font-size:30px;color:#ed6e00;font-weight:600;}
.page-proposal .toparea .logoarea img{width:80px;float:left;}
.page-proposal .toparea .logoarea span{float:left;padding:17px 20px}
.page-proposal .toparea .logoarea span p{margin:0;padding:0}
.page-proposal .toparea .logoarea span:empty{display:none}
.page-proposal .toparea .page-actionBtn{float:right;}
.page-proposal .toparea .page-actionBtn a{display:inline-block;margin:0 0 0 15px}
.page-proposal .customerInfo{background:#f5f5f5;}
.page-proposal .customerInfo .leftInfo,.page-proposal .customerInfo .rightInfo{width:50%;float:left;padding:25px 35px}
.page-proposal .customerInfo ul{margin:0;padding:0;list-style:none;}
.page-proposal .customerInfo ul li{margin:0;padding:0 0 10px 0;list-style:none;line-height:normal;font-size:14px;color:#656565;}
.page-proposal .customerInfo ul li span{color:#010101;display:block;font-weight:500}
.page-proposal .customerInfo ul li:last-child{padding-bottom:0}
.page-proposal .customerInfo .leftInfo{border-right:1px solid #e4e4e4;padding-right:50px;}
.page-proposal .customerInfo .rightInfo ul li{padding-left:5px;}
.page-proposal .proposal-products{padding:35px 35px 0 35px}
.page-proposal .proposal-products .pdf_footer{background:rgba(0,0,0,0.05);margin:15px -35px 0px;padding:30px 30px 10px 35px;border-top:1px solid rgba(0,0,0,0.05);font-size:16px;line-height:27px;color:#636363}
.page-proposal .proposal-products .pdf_footer h3{margin:0 !important;padding:0 0 7px 0 !important}
.page-proposal .proposal-products .proTitle1{font-size:18px;color:#4e4e4e;margin:0;padding:0 0 15px;font-weight:600;position:relative}
.page-proposal .proposal-products .proTitle1 span{float:left;padding:6px 0 0 0;}
.page-proposal .barbtn{text-align:center;border-bottom:1px solid #e6e6e6;padding:0 0 25px 0;margin:0 0 25px 0}
.page-proposal .barbtn a{background:#35495f;color:#fff;display:inline-block;line-height:normal;padding:7px 28px 10px 28px;font-size:15px;font-weight:400;border-radius:2px;margin:0 3px}
.page-proposal .barbtn a:hover{background:#ed6e00}
.page-proposal .barbtn a.btn2{background:#f80809;}
.page-proposal .barbtn a.btn2:hover{background:#e60506;}
.page-proposal .barbtn a.accept_proposal{background:#2ebf4f;}
.page-proposal .barbtn a.accept_proposal:hover{background:#28a745;}
.page-proposal .proposal-products .tablearea{border:1px solid #ebebeb;border-top:0;border-bottom:6px solid #e4e4e4;margin-bottom:35px;}
.page-proposal .proposal-products .proTitle-bar{background:#2cc4cb;color:#fff;position:relative;}
.page-proposal .proposal-products .proTitle-bar .title{font-size:16px;text-transform:uppercase;padding:8px 15px;display:inline-block;}
.page-proposal .proposal-products .table{margin-bottom:0}
.page-proposal .proposal-products .table td{vertical-align:middle;color:#767676;border-top:0;border-bottom:1px solid #ebebeb;}
.page-proposal .proposal-products .table td.imgbox{padding-right:0;}
.page-proposal .proposal-products .table td.imgbox img{width:60px}
.page-proposal .proposal-products .proinfoBox{padding:33px 15px 20px 15px;}
.page-proposal .proposal-products .leftNote{width:50%;float:left;padding-right:40px}
.page-proposal .proposal-products .rightfiles{width:50%;float:right;padding-left:40px}
.page-proposal .proposal-products h4{font-size:16px;font-weight:500;margin:0 0 20px 0;padding:0 0 12px 0;color:#2cc4cb;border-bottom:1px solid #ebebeb;}
.page-proposal .proposal-products .leftNote p{font-size:14px;color:#4e4e4e;line-height:22px;}
.page-proposal .proposal-products .leftNote p:last-child{margin-bottom:0}
.page-proposal .proposal-products .rightfiles ul{margin:0 -5px;padding:0;list-style:none}
.page-proposal .proposal-products .rightfiles ul li{float:left;margin:0;padding:0 5px 10px 5px;list-style:none;width:16.6%;}
.page-proposal .proposal-products .rightfiles ul li img{width:100%}
.page-proposal .proposal-products .rightfiles ul li:nth-child(6n+1){clear:both;}
.page-proposal .proposals-btn{margin-bottom:40px;padding-left:15px;padding-right:15px;margin-top:30px}
.table-customers1 table.dataTable th,.table-customers1 table.dataTable .noWrap{white-space:nowrap;}
.table-customers1 table.dataTable .tablebtn-groups{width:170px;float:left;}
table.dataTable .td-customerNM{padding:0 75px 0 0;position:relative;width:170px;}
table.dataTable .td-customerNM .numbtnarea{position:absolute;right:0;top:0}
table.dataTable .td-customerNM2{padding:0 25px 0 0;position:relative;}
table.dataTable .td-customerNM2 .numbtnarea{position:absolute;right:0;top:0}
.page-proposalout{position:relative;height:100%;overflow:hidden;overflow-y:auto}
.page-proposalout body{width:100%;height:100%;display:table;position:relative;overflow:hidden}
.page-proposalout .payment-boxareaout{display:table-cell;vertical-align:middle;position:relative;padding-left:15px;padding-right:15px;}
.page-proposalout .payment-boxareaout:after{background:#007bff;content:"";height:100%;left:-40%;position:absolute;top:40%;transform:rotate(20deg);width:140%;z-index:-1;}
.page-proposalout .payment-boxareaout:before{background:#007bff;content:"";height:315px;position:absolute;right:0;top:-158px;transform:rotate(52deg);width:320px;z-index:-1;}
.page-proposalout body:before{background:#007bff;content:"";height:315px;position:absolute;right:0;top:-102px;transform:rotate(-6deg);width:203px;z-index:-1;}
.page-proposalout .payment-boxarea{box-shadow:0 0 60px rgba(0,0,0,0.2);border-radius:6px;padding:40px 55px 55px 55px;}
.page-proposalout .payment-boxarea h1{font-size:30px;font-weight:300;margin:0 0 25px;padding:0 0 20px;}
.page-proposalout .payment-boxarea h1:empty{display:none;}
.page-proposalout .payment-boxarea label{font-size:16px;font-weight:400;padding-top:12px;}
.page-proposalout .payment-boxarea select.form-control{height:calc(2.25rem + 10px);font-size:1.075rem;}
.page-proposalout .frmalertBox{margin-bottom:0}
.page-proposalout textarea.form-control{height:120px}
.page-proposal .payment-boxarea{padding:0 !important;max-width:1270px;border-radius:6px}
.ticket-widget{padding:10px 20px 0 20px;text-align:center}
.ticket-widget .widgetinn{background:#747fa9;border-radius:2px;color:#fff;padding:10px;height:100%;}
.ticket-widget .widgetinn .mobile-btmarrow{ display:none}
.ticket-widget .widgetinn .form-control{border:0;margin-bottom:15px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select-arrow.svg) 96.5% center no-repeat;background-size:14px 8px;padding-right:30px;}
.ticket-widget .box-blue .widgetinn{background:#0085e0;}
.ticket-widget .box-lblue .widgetinn{background:#06c5d8;}
.ticket-widget .box-lblue-border {border :5px solid #06c5d8; background: none; color: #34495f;}
.ticket-widget .box-lblue-border h4{ color: #34495f; }
.ticket-widget .box-lblue-border ul li:after { background: #34495f; }
.ticket-widget .box-red-border {border :5px solid #fe4b69; background: none; color: #34495f;}
.ticket-widget .box-red-border h4{ color: #34495f; }
.ticket-widget .box-red-border ul li:after { background: #34495f; }
.widgetinn td.FW_report_num { border-bottom: 2px dotted hsl(211deg 29% 29%); }
.widgetinn td.FW_report_price { border-bottom: 2px solid hsl(211deg 29% 29%); }
.ticket-widget .box-red .widgetinn{background:#fe4b69;}
.ticket-widget .box-dblue .widgetinn{background:#475363;}
.ticket-widget .row{margin-right:0;margin-left:0;}
.dashboard-ticket.ticket-widget .row{margin-right:-10px;margin-left:-10px;}
.dashboard-ticket{margin-top:10px;}
.ticket-widget .row .col-xs-12{padding-left:10px;padding-right:10px;padding-bottom:20px;}
.ticket-widget ul{margin:0;padding:0;list-style:none}
.ticket-widget ul li{margin:0 0 0 -3px;padding:0;list-style:none;display:inline-block;float:none;font-size:10px;width:32.610%;line-height:normal;vertical-align:middle;position:relative;}
.dgraph-widget ul li{font-size:15px;}
.dgraph-widget .rightblue-box ul li{width:50%;}
.ticket-widget ul li:after{position:absolute;right:-1px;bottom:7px;content:'';background:#4a494980;width:1px;height:20px;}
.ticket-widget ul li:last-child:after{display:none}
/*.ticket-widget .widget-withoutsel{padding:40px 0;}*/
.ticket-widget ul li a{color:#fff;display:block;padding:7px 0;background:transparent;border-radius:0}
.ticket-widget ul li a:hover{background:rgba(0,0,0,0.1);border-radius:2px}
.ticket-widget ul li span{display:block;font-size:26px;padding:0 30px;line-height:0.9;margin:5px 0 0 0;font-weight:500}
.dgraph-widget ul li span{display:block;font-size:17px;padding:0 0px;line-height:0.9;margin:5px 0 0 0;font-weight:500}
.ticket-widget ul li:last-child span{border-right:0}
.ticket-widget h4{clear:both;color:#fff;font-size:16px;margin:0;padding:10px 0 5px 0;}
.ticket-widget h4 a{color:#fff;}
.ticket-widget h4 a{vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;}
.ticket-widget h4 a:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:-2px;background:#fff;height:2px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;width:0}
.ticket-widget h4 a:hover:before,.ticket-widget h4 a:focus:before,.ticket-widget h4 a:active:before{left:0;right:0;width:auto}
.confirm-btn{height:90%;line-height:3.5;width:100%;margin-bottom:30px;padding:25px;}
.confirm-btn.btn-warning{color: #fff;}
.confirm-btn.btn-warning .ti-settings:before{color: #fff;}
.confirm-btn span.confirm-btnIcons{background:rgba(255,255,255,0.1);-moz-transition:all .2s linear;-webkit-transition:all .2s linear;border-radius:50%;display:inline-block;font-size:34px;font-weight:300;height:80px;line-height:79px;text-align:center;width:80px;}
.confirm-btn span.btnTitle{display:block;line-height:normal;padding:20px 0 0 0;white-space:normal; color: #fff;}
.confirm-btn:hover span.confirm-btnIcons{background:rgba(255,255,255,0.2);}
.check-labletxt.material-radiobox{width:auto}
.pass-message{padding:0 10px;display:none;position:absolute;left:0;top:75%;margin:0;z-index:1;width:100%}
.pass-message .estimatlistOut{padding:15px;}
.passpopupOuter{position:relative;}
.pass-message h5{font-size:16px;margin-bottom:0;padding-bottom:0}
.pass-message p{margin-bottom:0.3rem;padding-left:15px}
.pass-message p:last-child{margin-bottom:0}
.pass-message .valid{color:#2cc4cb ;}
.pass-message .valid:before{position:relative;left:-15px;content:"\e64c";font-family:'themify';}
.pass-message .invalid{color:#dc3545;}
.pass-message .invalid:before{position:relative;left:-15px;content:"\e646";font-family:'themify';}
.switch-table-record label{float:left;margin:10px 10px 0 10px}
.estimatlistOut .boxTableOut table td.edit_mesure-box .row{margin-left:-7px;margin-right:-7px;}
.estimatlistOut .boxTableOut table td.edit_mesure-box .col-lg-4,.estimatlistOut .boxTableOut table td.edit_mesure-box .col-lg-3{padding-left:7px;padding-right:7px;}
.estimatlistOut .boxTableOut table td.edit_mesure-box .priceCount:empty{display:none;}
.estimatlistOut .boxTableOut table td.edit_mesure-box{padding-right:15px;}
.estimatlistOut .boxTableOut table td.edit_mesure-box .input-group-addon{padding-left:0.5rem;padding-right:0.5rem;}
.estimatlistOut .boxTableOut table td.edit_mesure-box.edit_mesure-box1{width:380px}
.modal-fileUpload .btn-open{position:relative;}
.modal-fileUpload .btn-open input.upload{position:absolute;width:100%;height:100%;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.modal-fileUpload .col-centered{float:none;margin:0 auto;}
.modal-fileUpload #robocrop{min-height:500px;background-color:#333;}
.modal-fileUpload #robocrop2,.modal-fileUpload #robocrop{margin:20px 0 0 0;min-height:400px;background-color:#34495f;}
.modal-fileUpload .img-preview{	border:0px solid #ddd !important;}
.edit_mesure.btn,.cancle_mesure.btn,.btn.edit_desc,.btn.cancle_desc,.edit_price.btn,.cancle_price.btn{margin-right:7px;margin-top:10px;}
.estimatlistOut .boxTableOut table td.edit_mesure-box .col-lg-4 .edit_mesure.btn,.estimatlistOut .boxTableOut table td.edit_mesure-box .col-lg-3 .cancle_mesure.btn,.estimatlistOut .boxTableOut table td.edit_mesure-box .col-lg-3 .edit_mesure.btn,.estimatlistOut .boxTableOut table td.edit_mesure-box .col-lg-4 .cancle_mesure.btn{margin-left:3px;margin-top:2px;}
.padding-right0{padding-right:0 !important}
.padding-right10{padding-right:10px !important}
.padding-right5{padding-right:5px !important}
.padding-top0{padding-top:0 !important}
.padding-top5{padding-top:5px !important}
.padding-top10{padding-top:10px !important}
.padding-bottom0{padding-bottom:0 !important}
.padding0{padding:0 !important}
.margin-top0{margin-top:0px !important}
.margin-top15{margin-top:15px !important}
.margin-top30{margin-top:30px !important}
.margin-bottom0{margin-bottom:0px !important}
.margin-bottom15{margin-bottom:15px !important}
.padding-left10{padding-left:10px !important}
.padding-left0{padding-left:0px !important}
.margin-top25{margin-top:25px !important;}
.modal-header{padding-right:60px;}
.margin-left10{margin-left:10px;}
.margin-left30{margin-left:30px;}
.margin-right5{ margin-right:5px !important}
.margin-right10{margin-right:10px !important;}
.margin-right20{margin-right:20px !important;}
.full-col{width:100%}
.border0{border:0;}
.none-radius{border-radius:0}
canvas#canvas{border:1px solid #ced4da !important}
.dash-field.selling canvas#canvas{border:0 !important}
.btn-addon .input-group-addon{padding:0;border:0 }
.btn-addon .input-group-addon .btn{border-radius:0 2px 2px 0;}
.nomheight{min-height:inherit !important}
.workerNote-Outer{margin-bottom:15px;}
.workerNote{/*border-top:1px solid #ced4da;margin:25px 0 0 0;padding:25px 0 0 0*/}
.workerNote:first-child{border-top:0;margin-top:0;padding-top:0}
.workerNote .note_date{color:#2d8ecc;font-size:13px;padding-bottom:10px;}
.workerNote .note_date span{padding:0 10px}
.workerNote textarea{height:90px;}
.workerNote .editbtnarea{padding-left:10px;display:inline-block;}
.workerNote .editbtnarea .btn{padding:0.535rem 0.65rem;margin-left:5px;}
.workerNote textarea[readonly]{background:none !important;border:0 !important;cursor:not-allowed;padding:0;font-size:0.820rem;}
.page-view ul li .fullcol{float:left;width:100%;padding-top:15px;}
.page-view ul li .fullcol:last-child span.note-desc{border-bottom:0}
.page-view ul li .fullcol span{float:left;width:100%;}
.page-view ul li span.note-date{color:#2d8ecc;font-size:13px;padding-bottom:5px;}
.page-view ul li span.note-desc{border-bottom:1px solid #ced4da;padding:0 0 10px 0;}
.morefieldBox{margin-bottom:15px;margin-top:15px}
.label-name{margin-bottom:1rem;}
.label-taxable{margin-bottom:1.5rem}
.label-percentage{margin-bottom:1rem;}
.label-removerow{margin-bottom:0.9rem;}
.ticket-widget.hometicket-left{padding-left:15px;padding-right:10px;padding-top:5px;}
.ticket-widget.hometicket-left .widgetinn{margin-bottom:20px;padding-bottom:15px;}
.hilight-field{color:#000 !important;font-weight:600}
.table-calendar{margin-bottom:0;/*border-collapse:separate;*/}
.table-calendar thead th{font-size:16px;font-weight:500;text-transform:uppercase;padding-top:15px;padding-bottom:15px;border-bottom:0;background:#f8f8f8;}
.table-calendar td{-moz-transition:all .2s linear;-webkit-transition:all .2s linear;width:14.286%;color:#8f8f8f;background:#ffffff;font-size:12px;position:relative;/*border:5px solid transparent;*/ padding:0 !important;}
.table-calendar td .formate_date{font-weight:500;display:block;padding-bottom:7px;}
/*.table-calendar td .formate_date a{font-weight:400;float:right;}*/
.table-calendar .maintdinner{min-height:180px; border:5px solid transparent; padding:0.75rem;}
.table-calendar a.calEdit{position:absolute;right:4px;top:4px;border-radius:0;color:#34495f;background:none !important;font-size:12px;padding:5px 7px 5px 7px}
.table-calendar a.calEdit:hover,
.table-calendar a.calEdit:active,
.table-calendar a.calEdit:focus{color:#06c5d8 !important;}
/*.table-calendar a.calEdit:hover,
.table-calendar td:hover a.calEdit{background:#007bff;color:#fff !important}*/
.table-calendar span.calDate{display:block;font-size:30px;font-weight:500;opacity:0.6;line-height:1.2;}
.table-calendar span.calTitle{color:#34495f}
.table-calendar td:not(.blackout_date,.booked_day):hover{background:#f5f5f5 !important;}
.table-calendar a{color:#34495f;}
.table-calendar a:hover{color:#06c5d8}
.table-calendar .note{margin:5px 0 0 0;color:#7d7d7d; font-size: 16px; font-weight: 700;text-align: center;}
.table-calendar .note:empty{display:none}
.table-calendar .total_job_div{padding:7px 0 0;color:#f39c12;font-weight:500;}
#calender_section_top ul li{float:left;display:block;width:14.286%;border-right:1px solid #fff;font-size:16px;font-weight:500;text-transform:uppercase;min-height:0;background:none;box-shadow:none;margin:0;padding:0 0 0 15px;}
#calender_section h2{background-color:#efefef;color:#444444;font-size:17px;text-align:center;line-height:40px;} 
.date_window{margin-top:20px;margin-bottom:2px;padding:5px;font-size:16px;margin-left:9px;margin-right:14px;}
.popup_event{margin-bottom:2px;padding:2px;font-size:16px;width:100%;}
.colorpicker.colorpicker-with-alpha{z-index:2147483647;}
.calender-infobar{position:relative;background:#06c5d8 ;border-radius:2px;margin-bottom:30px}
.calender-infobar .mdl-dropdown{margin:0px auto;max-width:400px;padding:15px 0;}
.calender-infobar .mdl-dropdown .col-lg-6, .calender-infobar .mdl-dropdown .col-lg-4{padding-left:7px;padding-right:7px;}
.calender-infobar .mdl-dropdown .form-control{border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select-arrow.svg) 95% center no-repeat;background-size:14px 8px;padding-right:30px;}
.calender-infobar .mdl-dropdown .form-control option{padding:2px 4px;}
.calender-infobar .leftarrow,
.calender-infobar .rightarrow,
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .leftarrow,
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .rightarrow{width:60px;text-align:center;position:absolute;height:100%;font-size:28px;left:0;top:0;line-height:70px;}
.calender-infobar .rightarrow,
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .rightarrow{right:0;left:auto}
.calender-infobar .leftarrow a,
.calender-infobar .rightarrow a,
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .leftarrow a,
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .rightarrow a{color:#ffffff;border-radius:2px 0 0 2px;display:block;float:left;height:100%;width:100%;}
.calender-infobar .rightarrow a,
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .rightarrow a{border-radius:0 2px 2px 0;}
.calender-infobar .leftarrow a:hover,
.calender-infobar .rightarrow a:hover,
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner.pastdays_class .leftarrow a:hover,
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner.pastdays_class .rightarrow a:hover{background:#c83240;color:#fff;}
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner.todays_class .leftarrow a:hover,
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner.todays_class .rightarrow a:hover{background:#22913c;color:#fff;}
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .leftarrow a:hover,
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .rightarrow a:hover{background:#06b4c5;color:#fff;}
.hilightROW td .fa-exclamation-circle{color:#ff0000}
.infoHighlight td .fa-exclamation-circle{color:#0062cc !important}
.ui-autocomplete{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;padding:4px 0;margin:0 0 10px 25px;list-style:none;background-color:#ffffff;border-color:#ccc;border-color:rgba(0,0,0,0.2);border-style:solid;border-width:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;}
.tab-cstrView.nav-tabs li a{color:#000;}
.tab-cstrView.nav-tabs li a.text-danger{color:#acacac !important;}
.tab-cstrView.nav-tabs li a.text-danger.active{color:#fff !important;}
.tab-cstrView.nav-tabs li a.active {color:#fff !important; background: #2cc4cb}
.cus-padd{padding-right:10px;}
.fullwidth{width:100%;}
.checkbox-validation{position:relative}
.checkbox-validation label.error{bottom:-17px;display:block;left:30px;position:absolute;}
.searchArea-btn{margin:-7px 3px 0 0;}
.table-breakline{ margin-top:5px;margin-bottom:5px;}
.btn-orange{background-color:#f57c02;}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active:not([disabled]):not(.disabled),.btn-orange:active{background-color:#dd7003;}
.bold-mobile{font-weight:400 !important}
.btnset-withMobile .showMobile-icon{ display:none;}
.show-mobile{ display:none !important}
.active_notes { border: 2px solid red; }
.has-alert { border-width: 2px 2px 0px 2px !important; border-color: red !important; }
.week_days_div input[type="checkbox"][id^="week_days"] {display: none;}
a:disabled,a[disabled] { cursor: not-allowed; opacity: 0.5; pointer-events: none; } /* task - 326 */
tr.inactive-user, tr.inactive-user a { color : red !important; } /* task - 329 */
.btn.noReassign { pointer-events: none; cursor: not-allowed; opacity: 0.5; display: none; } /* task - 319 */
.widget_filtered { border: 5px solid #fff; } /* task - 488 */
.week_days_div .week_day label {
border: 1px solid rgba(0,0,0,0.05);
padding: 0;
display: block;
position: relative;
/*margin: 0;*/
cursor: pointer;
background-color: white;
text-align: center;
vertical-align: middle;
border-radius: 50px;
width: 30px;
padding-top: 3px;
height: 30px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.multiaction-job { padding: 0.2em 0.3em; position: absolute; margin-left: 25px; border-radius: 50px;}
.week_days_div label::before {
background-color: white;
color: white;
content: " ";
display: block;
border-radius: 0;
border:0;
position: absolute;
top: 0;
left:auto;
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;font-size: 16px;
transition-duration: 0.4s;
transform: scale(0);
}
.job_frequency_fields {
border: 1px solid rgb(204, 204, 204);
padding: 15px;
margin-bottom: 10px;
}
.week_days_div input[type="checkbox"][id^="week_days"]:checked+label {
border-color: #007bff;
background-color: #007bff;
text-align: center;
vertical-align: middle;
color: white;
border: 1px solid;
border-radius: 50px;
width: 30px;
padding-top: 3px;
height: 30px;
}
.week_days_div input[type="checkbox"][id^="week_days"]:checked+label::before{font-family:'FontAwesome';/*transform: scale(1);*/ z-index:1;}
.week_days_div input[type="checkbox"][id^="week_days"]:checked+label img {
transform:scale(0.90);
/*box-shadow: 0 0 5px #333;
z-index: -1;*/
}

#email_attachment_model .mediabox-inn{ margin-bottom:30px;}
#email_attachment_model .mediascrollout{margin-right: -15px;
max-height: 517px;
overflow-x: hidden;
overflow-y: auto;
padding-right: 15px;
position: relative;}
#email_attachment_model input[type="checkbox"][id^="file_"] {display: none;}
#email_attachment_model label {
border: 1px solid rgba(0,0,0,0.05);
padding: 0;
display: block;
position: relative;
margin: 0;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#email_attachment_model label::before {
background-color: white;
color: white;
content: " ";
display: block;
border-radius: 0;
border:0;
position: absolute;
top: 0;
left:auto;
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;font-size: 16px;
transition-duration: 0.4s;
transform: scale(0);
}
#email_attachment_model label span{ display:block; text-align:center; padding:8px 0;}
#email_attachment_model label img {
height: 140px;
width: 100%; object-fit:cover;
transition-duration: 0.2s;
transform-origin: 50% 50%;
}
#email_attachment_model :checked+label {border-color: #2cc4cb; box-shadow:rgba(0,0,0,0.1) 0 0 15px;}
#email_attachment_model :checked+label::before{content: "\f00c";font-family:'FontAwesome';background-color:#2cc4cb;transform: scale(1); z-index:1;}
#email_attachment_model :checked+label img {
transform:scale(0.90);
/*box-shadow: 0 0 5px #333;
z-index: -1;*/
}
#email_attachment_model .tab-content{ padding-bottom:0;}

#flagged_media input[type="checkbox"][id^="file_"] {display: none;}
#flagged_media label {
border: 1px solid rgba(0,0,0,0.05);
padding: 0;
display: block;
position: relative;
margin: 0;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#flagged_media label::before {
background-color: white;
color: white;
content: " ";
display: block;
border-radius: 0;
border:0;
position: absolute;
top: 0;
left:auto;
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;font-size: 16px;
transition-duration: 0.4s;
transform: scale(0);
}
#flagged_media label span{ display:block; text-align:center; padding:8px 0;}
#flagged_media label img {
height: 140px;
width: 100%; object-fit:cover;
transition-duration: 0.2s;
transform-origin: 50% 50%;
}
#flagged_media :checked+label {border-color: #2cc4cb; box-shadow:rgba(0,0,0,0.1) 0 0 15px;}
#flagged_media :checked+label::before{content: "\f00c";font-family:'FontAwesome';background-color:#2cc4cb;transform: scale(1); z-index:1;}
#flagged_media :checked+label img {
transform:scale(0.90);
/*box-shadow: 0 0 5px #333;
z-index: -1;*/
}

/* task - 674 */
#completion_file_model .mediabox-inn{ margin-bottom:30px;}
#completion_file_model .mediascrollout{margin-right: -15px;
max-height: 517px;
overflow-x: hidden;
overflow-y: auto;
padding-right: 15px;
position: relative;}
#completion_file_model input[type="checkbox"][id^="file_"] {display: none;}
#completion_file_model label {
border: 1px solid rgba(0,0,0,0.05);
padding: 0;
display: block;
position: relative;
margin: 0;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#completion_file_model label::before {
background-color: white;
color: white;
content: " ";
display: block;
border-radius: 0;
border:0;
position: absolute;
top: 0;
left:auto;
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;font-size: 16px;
transition-duration: 0.4s;
transform: scale(0);
}
#completion_file_model label span{ display:block; text-align:center; padding:8px 0;}
#completion_file_model label img {
height: 140px;
width: 100%; object-fit:cover;
transition-duration: 0.2s;
transform-origin: 50% 50%;
}
#completion_file_model :checked+label {border-color: #2cc4cb; box-shadow:rgba(0,0,0,0.1) 0 0 15px;}
#completion_file_model :checked+label::before{content: "\f00c";font-family:'FontAwesome';background-color:#2cc4cb;transform: scale(1); z-index:1;}
#completion_file_model :checked+label img {
transform:scale(0.90);
/*box-shadow: 0 0 5px #333;
z-index: -1;*/
}
/* task - 674 end */

#sms_attachment_model .mediabox-inn{ margin-bottom:30px;}
#sms_attachment_model .mediascrollout{margin-right: -15px;
max-height: 517px;
overflow-x: hidden;
overflow-y: auto;
padding-right: 15px;
position: relative;}
#sms_attachment_model input[type="checkbox"][id^="file_"] {display: none;}
#sms_attachment_model label {
border: 1px solid rgba(0,0,0,0.05);
padding: 0;
display: block;
position: relative;
margin: 0;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#sms_attachment_model label::before {
background-color: white;
color: white;
content: " ";
display: block;
border-radius: 0;
border:0;
position: absolute;
top: 0;
left:auto;
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;font-size: 16px;
transition-duration: 0.4s;
transform: scale(0);
}
#sms_attachment_model label span{ display:block; text-align:center; padding:8px 0;}
#sms_attachment_model label img {
height: 140px;
width: 100%; object-fit:cover;
transition-duration: 0.2s;
transform-origin: 50% 50%;
}
#sms_attachment_model :checked+label {border-color: #2cc4cb; box-shadow:rgba(0,0,0,0.1) 0 0 15px;}
#sms_attachment_model :checked+label::before{content: "\f00c";font-family:'FontAwesome';background-color:#2cc4cb;transform: scale(1); z-index:1;}
#sms_attachment_model :checked+label img {
transform:scale(0.90);
/*box-shadow: 0 0 5px #333;
z-index: -1;*/
}
#sms_attachment_model .tab-content{ padding-bottom:0;}



#schedule_attachment_model .mediabox-inn{ margin-bottom:30px;}
#schedule_attachment_model .mediascrollout{margin-right: -15px;
max-height: 517px;
overflow-x: hidden;
overflow-y: auto;
padding-right: 15px;
position: relative;}
#schedule_attachment_model input[type="checkbox"][id^="file_"] {display: none;}
#schedule_attachment_model label {
border: 1px solid rgba(0,0,0,0.05);
padding: 0;
display: block;
position: relative;
margin: 0;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#schedule_attachment_model label::before {
background-color: white;
color: white;
content: " ";
display: block;
border-radius: 0;
border:0;
position: absolute;
top: 0;
left:auto;
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;font-size: 16px;
transition-duration: 0.4s;
transform: scale(0);
}
#schedule_attachment_model label span{ display:block; text-align:center; padding:8px 0;}
#schedule_attachment_model label img {
height: 140px;
width: 100%; object-fit:cover;
transition-duration: 0.2s;
transform-origin: 50% 50%;
}
#schedule_attachment_model :checked+label {border-color: #2cc4cb; box-shadow:rgba(0,0,0,0.1) 0 0 15px;}
#schedule_attachment_model :checked+label::before{content: "\f00c";font-family:'FontAwesome';background-color:#2cc4cb;transform: scale(1); z-index:1;}
#schedule_attachment_model :checked+label img {
transform:scale(0.90);
/*box-shadow: 0 0 5px #333;
z-index: -1;*/
}
#schedule_attachment_model .tab-content{ padding-bottom:0;}





.datatables .page-main .page-contant .data-table h3 .mobile-exrBtn{ display:inline-block !important; margin-left:5px; position:relative; top:-2px;}
.datatables .page-main .page-contant .data-table h3 .mobile-exrBtn .rounded-circle{width:26px; height:26px; padding:0.535rem 0 0 0;font-size:0.70rem;}
.datatables .page-main .page-contant .data-table h3 .mobile-exrBtn .btn + .btn{ margin-right:0}
/* ratings css */
.rating_star {
font-size: 25px;
}
.rating_star.checked {
color: orange;
}
/* Three column layout */
.side {
float: left;
width: 15%;
margin-top:10px;
}
.middle {
margin-top:10px;
float: left;
width: 70%;
}
/* Place text to the right */
.right {
text-align: right;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* The bar container */
.bar-container {
width: 100%;
background-color: #f1f1f1;
text-align: center;
color: white;
}
/* Individual bars */
.bar-5 {/*width: 65%;*/ height: 18px; background-color: #4CAF50;}
.bar-4 {/*width: 30%;*/ height: 18px; background-color: #2196F3;}
.bar-3 {/*width: 10%;*/ height: 18px; background-color: #00bcd4;}
.bar-2 {/*width: 4%;*/ height: 18px; background-color: #ff9800;}
.bar-1 {/*width: 15%;*/ height: 18px; background-color: #f44336;}

label.graph_color { margin-left: 20px; margin-right: 10px; padding-left: 20px; }

span.graph_color { margin-right: 8px; padding-left: 20px; }

table.FW_report td::nth-child(1) {
color: rgb(54, 162, 235) !important;
}

table.FW_report td::nth-child(2) {
color: rgb(75, 192, 192) !important;
}
.reports_dropdown {
text-align: center;
}

.zp_light_theme .accordian-effect {
background: hsl(0deg 0% 95%);
border: 1px solid hsl(0deg 0% 80%);
padding: 8px;
line-height: 1.5;
text-align: center;
}

.zp_dark_theme .accordian-effect { 
background: #2b2b2c; border: 1px solid #696969; padding: 8px; line-height: 1.5; text-align: center;
}

.job_category.imgboxouter {
  height: 100%;width: 100%;display: table;
}

.job_category.imgboxouter a.get_job_item_picker, .job_category.imgboxouter div.get_job_item_picker {
  height: 100%; line-height: 1; vertical-align: middle; display: table-cell;
}


.weekDays-selector input {
  display: none!important;
}

.weekDays-selector input + label {
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #00000047;
  height: 40px;
  width: 40px;
  margin-right: 3px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  color: #0282c9;
  font-size: 16px; font-weight: 600;
}

.weekDays-selector input:checked + label {
  background: #0282c9; border: 0;
  color: #ffffff;
}

/* task - 385 */
.table-calendar td.date_cell.blackout_date:not(.booked_day) {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='dimgrey' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='dimgrey' stroke-width='1'/></svg>");
  background-repeat:no-repeat;
  background-position:center center;
  background-size: 100% 100%, auto;
  /*  border: solid red 2px;*/
  width: 300px;
}

.table-calendar td.date_cell .time_slot_div {
  display: grid;
  border: 1px solid red;
}
.time_slot_div b {
/*  border-bottom: 1px solid red;*/
}

span.blackouts {
    border: 1px solid #ccc;
    margin: 0 5px;
    padding: 9px 15px 9px 0px;
    position: relative;
    display: inline-block;
}

span.blackouts.bg_red {
  background: #ff5757;
  border: 1px solid red !important;
  color: #fff;
}

span.blackouts.bg_red span.icon {
  border-right: 1px solid red !important;
}

span.blackouts span.icon {
    padding: 10px 15px;
    border-right: 1px solid #cccc;
    margin-right: 15px;
}

.slot_booked { opacity: 0.7; pointer-events: none; }

.ddcommon .ddChild { top: 0 !important; }

/*.table-responsive { max-height: 1000px; }*/

/* task - 2010 */
.worker_email_sms, .table-hover tbody tr.worker_email_sms:hover { background: #f39c12!important; color: #fff !important; }








/* Responsive layout - make the columns stack on top of each other instead of next to each other */

@media (min-width:481px){
  #sub_category_modal .estimations-boxsouter{row-gap: 30px}

#sub_category_modal .estimations-listing .col-lg-3,
#sub_category_modal .mediauplimg1 .col-lg-3{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;}
#sub_category_modal .estimations-listing .job_category{margin: 0;}
#sub_category_modal .estimations-listing .job_category .caption1{font-size: 13px; line-height: 1.6;}
}

@media (min-width:576px){

#sub_category_modal .estimations-listing .col-lg-3,
#sub_category_modal .mediauplimg1 .col-lg-3{flex:0 0 33.33%;-ms-flex:0 0 33.33%;max-width:33.33%;}
}

@media (min-width:992px){

#sub_category_modal .estimations-listing .col-lg-3,
#sub_category_modal .mediauplimg1 .col-lg-3{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;}
}




@media (max-width: 400px) {
.side, .middle {
width: 100%;
}
.right {
display: none;
}
}
/* ratings css end */
@media (min-width:992px){
.custom-col-3{-ms-flex:0 0 20%;flex:0 0 20%;width:20%;max-width:20%;}
.custom-col-2{-ms-flex:0 0 15.267%;flex:0 0 15.267%;width:15.267%;max-width:15.267%;}
.custom-col-4one{-ms-flex:0 0 22%;flex:0 0 22%;width:22%;max-width:22%;}
}
@media (min-width:768px){
.custom-col-3{-ms-flex:0 0 20%;flex:0 0 20%;width:20%;max-width:20%;}
.custom-col-2-small{-ms-flex:0 0 13.367%;flex:0 0 13.367%;width:13.367%;max-width:13.367%;}
.custom-col-1-small{-ms-flex:0 0 7%;flex:0 0 7%;width:7%;max-width:7%;}
.custom-col-4one{-ms-flex:0 0 23%;flex:0 0 23%;width:23%;max-width:23%;}
}
@media only screen and (max-width:1500px){
.page-customers .custom-col-3{-ms-flex:0 0 17%;flex:0 0 17%;width:17%;max-width:17%;}
.ticket-widget ul li span{padding:0 25px;}
}
@media only screen and (max-width:1400px){
.ticket-widget ul li span{padding:0 20px;}
}
@media only screen and (max-width:1260px){
.page-customers .btn{font-size:0.8rem;}
.page-customers.search-area .btn + .btn{margin-left:2px;}
.estimations-listing .col-lg-3,.mediauplimg1 .col-lg-3{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;}
}
@media only screen and (max-width:1200px){
.page-servicesProducts .btn{font-size:0.8rem;padding-left:0.45rem;padding-right:0.45rem}
.page-customers .btn{padding-left:0.45rem;padding-right:0.45rem}
.table th,.table td{padding-left:0.30rem;padding-right:0.30rem;}
.ticket-widget ul li span{padding:0 15px;}
}
@media only screen and (max-width:1105px){
.page-servicesProducts .btn{padding-left:0.35rem;padding-right:0.35rem}
.custom-col-4one{-ms-flex:0 0 30%;flex:0 0 30%;width:30%;max-width:30%;}
.page-customers .custom-col-3{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;width:33.3333%;max-width:33.3333%;}
.page-main > .row{display:block;display:-ms-block;-ms-flex-wrap:block;}
#sidebar,.page-brand{width:150px;position:absolute;left:-100%;top:0px;margin:0px;display:none}
#sidebar{margin-top:68px;}
.datatables.open #sidebar,.datatables.open .page-brand{left:0%; display:block}
.datatables.open .navbar{margin:0 0 0 150px;background:#fff}
.navbar{-webkit-transition:margin 0.2s ease-in-out;-moz-transition:margin 0.2s ease-in-out;-ms-transition:margin 0.2s ease-in-out;-o-transition:margin 0.2s ease-in-out;transition:margin 0.2s ease-in-out;margin:0}
.mobileClear3{display:block;clear:both}
.estimatlistOut .boxTableOut table td.edit_mesure-box.edit_mesure-box1{width:550px;}
.datatables.open #sidebar{position:fixed;height:100%;overflow-y:auto;padding-bottom:50px;}
.datatables.open .page-main .side-bar ul{ position:fixed;}
}
@media only screen and (max-width:999px){
.custom-col-3{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;width:33.333333%;max-width:33.333333%;}
.search-area .btn{float:none;}
.search-area .mainrow{margin-left:-10px;margin-right:-10px;}
.search-area .col-xs-12{padding-left:10px;padding-right:10px;}
.mobileClear{display:block;clear:both}
.page-contant{padding-right:15px;}
.custom-col-4one{-ms-flex:0 0 35%;flex:0 0 35%;width:35%;max-width:35%;}
.main-body{padding:5px 15px}
.submit-btn{margin-left:-15px;margin-right:-15px;}
.table th,.table td{padding-left:0.75rem;padding-right:0.75rem;}
.header .search{width:58%}
.page-proposal .proposal-products .leftNote{width:100%;padding-right:0;padding-bottom:15px;}
.page-proposal .proposal-products .rightfiles{width:100%;padding-left:0;}
.page-proposal .proposal-products .table td.imgbox{width:60px;}
.page-proposal .proposal-products .table td.imgbox img{max-width:none;}
.page-view ul.list2 li strong{width:20%;}
.page-view ul.list2 li span{width:80%;}
.estimatlistOut .boxTableOut table th,.estimatlist-tboxOut .titlebox th{white-space:nowrap}
.estimations-listing .imgboxouter img{max-height:inherit;height:140px;}
}
@media only screen and (max-width:900px){
.estimations-listing .imgboxouter .caption{font-size:1rem;}
.confirm-btn{font-size:1.05rem;}
}
@media only screen and (max-width:767px){
.main-body .nav-tabs { border:0; padding:0; margin:0 }
.main-body .nav-tabs li{ display: block;-webkit-writing-mode: vertical-lr;writing-mode: vertical-rl;writing-mode: tb-lr;transform: scale(-1, -1);white-space: nowrap; margin:0 2px 2px 0;}
.main-body .nav-tabs li:first-child{ margin-left:0}
.main-body .nav-tabs li a{ padding-left:0.6rem;padding-right:0.6rem; border:1px solid transparent;}
.main-body .nav-tabs .nav-link.active,
.main-body .nav-tabs li a.active,
.main-body .nav-tabs .nav-item.show .nav-link{border:1px solid #ddd}
.main-body .nav-tabs li span.tabeditfiled{-webkit-writing-mode: horizontal-tb;writing-mode: horizontal-tb;writing-mode: tb-lr;transform: scale(-1, -1);margin:10px -43px 0 0;width: 120px;}
.main-body .nav-tabs li span.btn{-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;writing-mode: tb-lr;transform: scale(-1, -1);left:17px; top:23px;}
.main-body .nav-tabs li a span{ display:block !important;}
}
@media only screen and (max-width:780px){
.estimatlistOut .boxTableOut table th.th-itemPrice{width:470px;}
/* task - 2111 */
.estimatlistOut .boxTableOut table th.th-itemComm{width:190px;}
.page-thank-proposal.page-thanks .company-name span{display:block;}
.page-thank-proposal.page-thanks .greenBox h1{font-size:34px;}
.page-view ul.list2 li strong{width:30%;}
.page-view ul.list2 li span{width:70%;}
.page-proposal .toparea .page-actionBtn{float:left !important;text-align:left !important;padding-top:10px;}
.morefieldBox{border-bottom:1px solid rgba(0,0,0,0.15);margin-bottom:30px;margin-top:20px;padding-bottom:10px;}
.modal-body .btn-info{margin-bottom:3px;}
}
@media only screen and (max-width:991px){
#operation table.show-mobile{ display:block !important}
.hide-mobile2{display:none !important}
.mobile_search_bar .show-mobile{ display:block !important}
.mobile_search_bar { justify-content: space-between; display: flex !important; }
}
@media only screen and (max-width:400px){
  .mobile_search_bar { justify-content: space-between; display: flex !important; }
}
.mobile_search_bar { display: none; }
@media only screen and (max-width:800px){
.mobile_search_bar { justify-content: space-between; display: flex !important; }
  .mobile-1_4{width:32%;}
/*jobs page for mobile*/
.margin-left0-mobile{ margin-left:0 !important}
.margin-left15-mobile{ margin-left:15px !important}
.show-mobile{ display:block !important}
.mobile-main-body{ padding-top:15px !important;padding-bottom:20px;}
.mobile-main-body.showsearchBar2{padding-bottom:165px;}
.hide-mobile2{display:none !important}
.mobile-main-body .ticket-widget .widgetinn .mobile-btmarrow{display:block;position:absolute;left:50%;bottom:-10px;opacity:0;width:40px;height:40px;margin-left:-20px;border-radius:4px;-ms-transform:rotate(45deg);/* IE 9 */-webkit-transform:rotate(45deg);/* Safari */transform:rotate(45deg);/* Standard syntax */}
.mobile-main-body .ticket-widget .active-widget .widgetinn .mobile-btmarrow{opacity:1;}
.mobile-main-body .ticket-widget .box-blue .widgetinn .mobile-btmarrow{background:#0085e0;}
.mobile-main-body .ticket-widget .box-lblue .widgetinn .mobile-btmarrow{background:#06c5d8;}
.mobile-main-body .ticket-widget .box-red .widgetinn .mobile-btmarrow{background:#fe4b69;}
.mobile-main-body .ticket-widget .box-dblue .widgetinn .mobile-btmarrow{background:#475363;}
.mobile-main-body .ticket-widget .widgetinn{ position:relative;}
.mobile-main-body .ticket-widget .widgetinn .widget-withoutsel{ position:relative;z-index:1}
.mobile-main-body .ticket-widget h4 a span{ display:inline-block !important;padding-right:5px;}
.mobile-main-body .ticket-widget h4{ padding-top:4px;}
.mobile-main-body .mobile-searcharea{z-index: 999;position:fixed;left:0;bottom:0;width:100%;padding:15px 15px 15px 15px;background:#fff;border-top:1px solid rgba(0,0,0,0.1);-webkit-transition:position 0.2s ease-in-out;-moz-transition:position 0.2s ease-in-out;-ms-transition:position 0.2s ease-in-out;-o-transition:position 0.2s ease-in-out;transition:position 0.2s ease-in-out;}
.mobile-main-body .mobile-searcharea.removeSticky{position:absolute;}
.mobile-main-body .mobile-searcharea i{ padding-right:5px;}
.mobile-main-body .search-area.hide-mobile2.open{ display:block !important;position:fixed;border-top:3px solid rgba(0,0,0,0.2);width:100%;background:#fff;left:0;bottom:53px;padding:15px 15px 0 15px;z-index:9;}
.mobile-main-body .search-area.hide-mobile2.removeSticky{position:absolute;}
.clear-mobile{ clear:both;}
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner.todays_class{position:relative;background:#28a745;border-radius:2px;margin-bottom:15px;} /* task - 188 */
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner.pastdays_class{position:relative;background:#dc3545;border-radius:2px;margin-bottom:15px;} /* task - 188 */
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner{position:relative;background:#06c5d8;border-radius:2px;margin-bottom:15px;}
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .record-title{ color:#fff;text-align:center;display:block;padding:20px 60px 10px 60px; min-height:60px;}
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .record-title span{ display:block;}
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .record-title input[type="text"]{text-align: center; background:none; border: 0px none; padding: 0px; color:#fff; line-height: normal; width:100%; display: inline-block;}
.mobile-main-body form.margin-top25{ margin-top:10px !important}
.mobile-main-body .col-6-mobile{width:50% !important;flex:0 0 50% !important;max-width:50% !important;-ms-flex:0 0 50% !important;}
.mobile-main-body .col-4-mobile{width:33.3333%;flex:0 0 33.3333%;max-width:33.3333%;-ms-flex:0 0 33.3333%;padding-left:5px;padding-right:5px;}
.mobile-main-body .col-4-mobile2{width:25% !important;flex:0 0 25% !important;max-width:25% !important;-ms-flex:0 0 25% !important;padding-left:5px;padding-right:5px;}
.mobile-main-body .mobile-searcharea {padding:10px 15px 10px 15px;}
/*jobs page for mobile*/
/*Estimations Actio button*/
.btnset-withMobile .showMobile-icon{display:block;font-size:50px;padding:0 0 10px;}
.btnset-withMobile{ margin-top:15px;}
.btnset-withMobile .btn-setright{ position:absolute;right:0;top:-45px;}
.btnset-withMobile{ position:relative;height:100%; display:table;}
.datatables .page-main .page-contant .data-table.page-invoice .invoices-btnset{width:100%}
.invoices-btnset .btn-setright{float:left !important;margin-left:0 !important;padding-left:0 !important;}
.invoices-btnset .btn-setright input.btn{margin-left:0;}
.btnset-withMobile .btn{width:25%;float:left;border-right:2px solid #fff;border-radius:4px;white-space:normal;height:100%;display: inline-block;}
.btnset-withMobile .btn-setright .btn{width:auto !important}
/*Estimations Actio button*/
/*.datatables .page-main .page-contant .data-table h3 .mobile-exrBtn{ display:inline-block !important; margin-left:5px; position:relative; top:-2px;}
.datatables .page-main .page-contant .data-table h3 .mobile-exrBtn .rounded-circle{width:26px; height:26px; padding:0.535rem 0 0 0;font-size:0.70rem;}*/
.datatables .page-main .page-contant .data-table h3 .mobile-jobName{font-size:14px; font-weight:400; padding-top:5px;}
.mobile-navtabs{display: table; width:100%}
.mobile-navtabs li{display: table-cell; text-align: center; float:none;}
.mobile-navtabs li a{font-size:12px !important; padding-left:0.001rem !important;padding-right:0.001rem !important;}
.mobileTabpanel .mobileTabpanel-inner{display:-webkit-box;display:-moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order7{-webkit-box-ordinal-group:7;-moz-box-ordinal-group:7;-ms-flex-order:7;-webkit-order:7;order:7;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order8{-webkit-box-ordinal-group:8;-moz-box-ordinal-group:8;-ms-flex-order:8;-webkit-order:8;order:8;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order9{-webkit-box-ordinal-group:9;-moz-box-ordinal-group:9;-ms-flex-order:9;-webkit-order:9;order:9;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order10{-webkit-box-ordinal-group:10;-moz-box-ordinal-group:10;-ms-flex-order:10;-webkit-order:10;order:10;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order11{-webkit-box-ordinal-group:11;-moz-box-ordinal-group:11;-ms-flex-order:11;-webkit-order:11;order:11;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order12{-webkit-box-ordinal-group:12;-moz-box-ordinal-group:12;-ms-flex-order:12;-webkit-order:12;order:12;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order13{-webkit-box-ordinal-group:13;-moz-box-ordinal-group:13;-ms-flex-order:13;-webkit-order:13;order:13;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order14{-webkit-box-ordinal-group:14;-moz-box-ordinal-group:14;-ms-flex-order:14;-webkit-order:14;order:14;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order15{-webkit-box-ordinal-group:15;-moz-box-ordinal-group:15;-ms-flex-order:15;-webkit-order:15;order:15;}
.mobileTabpanel .mobileTabpanel-inner li.mobile-order16{-webkit-box-ordinal-group:16;-moz-box-ordinal-group:16;-ms-flex-order:16;-webkit-order:16;order:16;}
.bold-mobile{font-weight:bold !important}
.pagesub-title .pagetitle-btn.pagetitle-btn2{ width:100%; padding-bottom:15px; padding-left:20px;}
.datatables .page-main .page-contant .data-table.page-invoice .invoices-btnset.Mobile-inv .btn{min-height: 110px; height:auto;}
.datatables .page-main .page-contant .data-table.page-invoice .invoices-btnset.Mobile-inv .btn-setright .btn{min-height:inherit}
.datatables .page-main .page-contant .data-table.page-invoice .invoices-btnset.Mobile-inv .btn + .btn,
.datatables .page-main .page-contant .data-table.page-invoice .invoices-btnset.Mobile-inv .btn{ margin:0 0 3px 0;}
.datatables .page-main .page-contant .data-table.page-invoice .invoices-btnset.Mobile-inv .btn.btn-primary{ padding-top:40px; padding-bottom:40px;}
}
@media only screen and (max-width:480px){
  .mediauplimg1 .imgboxouter .btnboxouter .btn{padding:4px; font-size: 14px}
}
@media only screen and (max-width:740px){
.page-thanks .boxout{max-width:100%;}
.page-thanks .container-thanks{padding-left:4%;padding-right:4%}
.page-invoice .leftvoice,.page-invoice .rightvoice{width:100%;padding:0}
.datatables .page-main .page-contant .data-table.page-invoice{padding:30px;}
.page-invoice .invoice-footer.invoicesfoot2{margin-left:-30px;margin-right:-30px;}
.page-invoice .invoiceTotal{width:70%;}
.header .search .top_username{margin:0 0 10px 50px;}
.datatables .page-main{padding-top:80px;}
.page-thank-proposal.page-thanks .whiteBox p br{display:none;}
.page-proposal .customerInfo .leftInfo,.page-proposal .customerInfo .rightInfo{width:100%;padding:20px 20px 10px 20px}
.page-proposal .customerInfo .rightInfo{padding-top:15px;border-left:0;border-top:1px solid #e4e4e4;}
.page-proposal .customerInfo .rightInfo ul li{padding-left:0;}
.twocol-mobile{width:50%}
.estimations-listing .imgboxouter .caption{font-size:0.8rem;word-wrap:break-word;}
.page-contant{margin-top:0}
.header .icon-link ul li>a{height:auto;}
.header .search{width:70%;}
.header .icon-link{width:30%;}
.header .icon-link ul li:last-child a{padding:10px 0;background:none;}
.header .icon-link a.icon-notification{padding-left:7px;padding-right:7px;}
.header .icon-link ul{float:right;}
.header .icon-link ul li.dropdown{padding-top:10px;padding-bottom:9px;}
.header .icon-link{padding-right:10px}
.search .header-companyName{padding-left:0.2rem;}
.material-radiobox{margin-bottom:10px;}
.twocol-mobile2{width:50%}
.custom-col-4one{-ms-flex:0 0 30%;flex:0 0 30%;width:30%;max-width:30%;}
.ticket-widget{padding-top:0}
.ticket-widget .row{margin-right:-15px;margin-left:-15px;}
.invoices-btnset .btn-setleft .btn.btn-editjob{margin-right:7px;}
.invoices-btnset .btn-setright{padding-left:5px}
.jobitemRow .jobitem_block{margin-right:-15px}
.col-sm-hidden{display:none;}
.dashboard-ticket{margin-top:10px;}
.leftblue-box{float:left;width:50%;padding-right:15px;}
.rightblue-box{float:left;width:50%;padding-left:8px;}
.table-responsive .table th,
.proposal-products .table-responsive .table td,.proposal-products .table-responsive .table th,.boxTableOut .table-responsive .table td{white-space:nowrap;}
.submit-btn{padding-top:15px}
.modal-fileUpload .btn{padding:0.600rem 0.50rem 0.600rem 0.50rem}
.modal-fileUpload .modal-header,.modal-fileUpload .modal-body{padding:15px;}
.modal-fileUpload #robocrop2,.modal-fileUpload #robocrop{margin-top:15px;}
.mobile-alignleft{text-align:left !important}
.mobilepadding-left{padding-left:17px !important;}
.modal-lg2.modal-lg3 .modal-dialog{max-width:95%;}
.estimatlistOut .boxHead .btn{width:28px;height:28px;font-size:18px;}
.mobile-landscape-pull-left{float:left !important;}
.invoices-btnset{padding-left:10px;padding-right:10px;}
.mobile-landscape-margin-bottom0{margin-bottom:0 !important}
.page-proposalout body{display:block;overflow-y:visible;overflow-x:hidden;}
.page-proposalout .payment-boxareaout{display:block;}
.page-proposalout .payment-boxareaout:after{height:auto;}
.jobitemRow .field-measurement{padding-left:15px !important;}
.jobitemRow .field-measurement .col-xs-12{padding-right:15px;}
.mediauplimg1 .imgboxouter .btnboxouter .btn{padding:8px}
.header .icon-link ul li.top_username{display:none;}
.header .icon-link ul li.dropdown .dropdown-menu .dusername{display:block;padding:10px 5px 5px 16px;line-height:1.2;border-bottom:1px solid rgba(0,0,0,0.1);font-size:14px;}
.header .icon-link ul li.dropdown .dropdown-menu a{font-size:14px;padding-top:5px;padding-bottom:5px;}
.header .icon-link ul li.top-notification{display:none;}
/*.page-contant{margin-top:50px;}*/
.pagesub-title .btn + .btn{margin-right:0;}
.pagesub-title .btn:not(.btn-circle1){font-size:0.70rem;padding:0.630rem 0.45rem 0.5500rem 0.45rem}
/*
.table-responsive.mobile-full-table{}
*/
.table-responsive.mobile-full-table .table th,
.proposal-products .table-responsive.mobile-full-table .table td,
.proposal-products .table-responsive.mobile-full-table .table th,
.boxTableOut .table-responsive.mobile-full-table .table td{white-space:inherit;}
.table-responsive.mobile-full-table .table tbody td,
.table-responsive.mobile-full-table .table tbody th{width:100% !important; display:block; float:left; background:none !important}
.table-responsive.mobile-full-table .table tbody td:empty,
/*.table-responsive.mobile-full-table .table tbody td.hide-tdmobile,*/
.table-responsive.mobile-full-table .table tbody th:empty{ display:none !important}
.table-responsive.mobile-full-table .table tbody td.text-right{ text-align:left !important;}
.table-responsive.mobile-full-table .table.table-hover tbody tr:hover{ background:none;}
}
@media only screen and (max-width:685px){
/* task - 2111 */
.estimatlistOut .boxTableOut table th.th-item,.estimatlistOut .boxTableOut table th.th-measurement,.estimatlistOut .boxTableOut table th.th-itemPrice,.estimatlistOut .boxTableOut table th.th-action, .estimatlistOut .boxTableOut table th.th-itemComm { width:auto;white-space:nowrap }
.page-proposal .proposal-products .table td{width:auto;}
.page-proposal .proposal-products{padding:15px 15px 0}
.page-proposal .proposal-products .proTitle-bar .barbtn{position:static;text-align:center}
.page-proposal .proposal-products .proTitle-bar .title{display:block;}
.page-proposal .proposal-products .pdf_footer{margin-left:-15px;margin-right:-15px;padding:25px 25px 10px}
.estimations-listing .imgboxouter img{height:100px;}
.estimations-listing .col-lg-3{padding-left:5px;padding-right:5px;}
.estimations-listing .imgboxouter{margin-top:5px;margin-bottom:5px;}
.ticket-widget ul li{width:31.533%;}
.ticket-widget{padding-left:10px;padding-right:10px;}
}
@media only screen and (max-width:575px){
.jobitemRow .field-measurement{padding-left:15px;width:90%;}
.page-invoice .invoiceTotal{width:100%;}
.payment-boxarea{margin-top:15px;margin-bottom:15px}
.page-proposal .toparea .logoarea,.page-proposal .toparea .page-actionBtn{width:100%;}
.page-proposal .toparea .page-actionBtn{padding-top:15px}
.page-proposal .toparea .logoarea span{display:block;margin:10px 0 0;padding:0;width:100%;}
.page-proposal .toparea .logoarea{border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:10px;}
.btns-robocrop2 .col-md-4.text-right{text-align:left;}
.calender-infobar .mdl-dropdown .col-lg-6{width:50%;}
.calender-infobar .mdl-dropdown{max-width:300px;}
.ticket-widget .widget-withoutsel{padding-top:0;padding-bottom:0}
}
@media only screen and (max-width:530px){
.mobileClear2{display:block;clear:both}
.custom-col-4one{-ms-flex:0 0 55%;flex:0 0 55%;width:55%;max-width:55%;}
.page-customers .custom-col-3{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:100%;}
.search-area.page-customers .btn{float:left !important;font-size:0.750rem;margin-top:3px;margin-left:3px;padding:0.535rem 0.45rem 0.360rem 0.45rem}
.page-proposal .proposal-products .rightfiles ul li{width:25%;}
.page-view ul.list2 li strong{width:100%;}
.page-view ul.list2 li span{width:100%;}
.page-proposal .toparea{padding:20px 15px;}
.page-proposal .toparea .logoarea{font-size:22px;}
/*.header .search{width:70%;}*/
/*.header .icon-link{width:25%;}*/
.search .header-companyName{font-size:0.80rem;padding-left:0;}
.mobile-main-body .mobile-searcharea a{ display:block !important;white-space:normal;font-size:0.90rem;}
.mobile-main-body .mobile-searcharea i {padding-right:0px;}
}
@media only screen and (max-width:480px){
.custom-col-3{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:100%;}
.jobitemRow .field-measurement{width:100%;}
.page-thank-proposal.page-thanks .company-name{font-size:30px;}
.page-thank-proposal.page-thanks .greenBox h1{font-size:28px;}
.page-thank-proposal.page-thanks .whiteBox,.page-thank-proposal.page-thanks .greenBox{padding-left:15px;padding-right:15px;}
.page-thank-proposal.page-thanks .greenBox{padding-top:25px;padding-bottom:25px;}
.page-thank-proposal.page-thanks .whiteBox img,
.page-thank-proposal.page-thanks .whiteBox p{margin-bottom:15px;}
.page-thank-proposal{padding-bottom:25px;padding-top:25px;}
.customerjobs-ticket.ticket-widget ul li span{padding:0 8px;font-size:20px;}
.customerjobs-ticket.ticket-widget ul li{font-size:10px;}
.form-group{margin-bottom:10px;}
.jobitemRow .field-measurement .col-xs-12{padding-right:15px;}
.modal-body{padding:15px;}
.header .icon-link ul li>a{height:auto;font-size:13px;}
.header .icon-link ul li{font-size:13px;}
.dashboard-ticket{margin-top:0}
.main-body{min-height:inherit;}
.pagesub-title .btn + .btn{margin-bottom:3px;/*margin-right:5px;*/vertical-align:top;}
.main-body{padding-left:15px;padding-right:15px;padding-top:0;}
.confirm-btn{margin-bottom:15px;}
.estimatlistOut{padding:15px;}
.estimatlistOut .boxTableOut{padding-top:0;}
.main-body .submit-btn .btn{margin-bottom:3px;}
.page-contant{padding:0 10px 10px 10px;}
.ticket-widget .row{margin-right:-10px;margin-left:-10px;}
.datatables .page-main .page-contant .data-table h3{float:left;}
.datatables .page-main .page-contant .data-table h3{font-size:18px !important;}
.pagesub-title .pagetitle-btn{padding:10px 10px 0 10px;}
.search-area.page-customers .btn{float:none !important}
.pagesub-title h3{padding-top:15px !important;}
.estimations-listing .row{margin-right:0;margin-left:0;}
.invoices-btnset2{width:100%;}
.hide-mobile{display:none !important}
.datatables.open #sidebar{margin-top:0}
.fl-mobile{float:left !important}
.leftblue-box{width:100%;padding-right:7px;}
.rightblue-box{width:100%;padding-right:7px;padding-left:0}
.mobile-1_2{width:50%}
.mobile-1_8{width:66.666667%;}
.mobile-1_4{width:33.333333%;}
.mobile-1_3{width:25%;}
.mobile-1_1{width:100%;}
.mobile-1_7{width:58.333333%;}
.mobile-1_5{width:41.666667%;}
.custom-col-4one{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:100%;}
/*.datatables .page-main{padding-top:52px;}*/
.submit-btn{margin-left:-10px;margin-right:-10px;padding-bottom:0;}
.modal-fileUpload .btn{padding:0.500rem 0.40rem 0.500rem 0.40rem;font-size:0.670rem;}
.modal-fileUpload .btn.pull-right{float:left !important;}
.mobile-margin-top0{margin-top:0 !important}
.mobile-margin-bottom0{margin-bottom:0 !important}
.pagesub-title .btn:not(.btn-circle1){padding:0.560rem 0.50rem 0.590rem 0.50rem;/*font-size:13px;*/ vertical-align:top}
.pagetitle-btn.pagetitle-btn2 .btn + .btn{margin-left:0;margin-right:2px;}
.pagesub-title .pagetitle-btn{padding-left:15px;}
.table-total{float:left !important;margin:10px 0 0 0;width:100%;}
.estimations-listing .col-lg-3,.mediauplimg1 .col-lg-3{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;}
.estimations-listing .imgboxouter img{height:170px;}
.nav-tabs li a{padding:0.6rem 1.3rem;font-size:0.7rem}
.nav-tabs li{margin-left:0}
.table-calendar .maintdinner{min-height:80px;}
.mobile-pull-left{float:left !important}
.mobile-padding-bottom0{padding-bottom:0 !important}
.mobile-margin-top15{margin-top:15px !important}
.invoices-btnset{padding:10px 11px 0 12px;}
body .wickedpicker{width:150px;}
.page-proposal .barbtn a{padding:7px 20px 7px 20px;font-size:13px;}
.jobitemRow .field-measurement .col-xs-12.last-padd{padding-left:15px}
.mobile-main-body .search-area.hide-mobile2.open{bottom:49px;}
.mobile-fullbtns{float:left !important;}
}
@media only screen and (max-width:470px){
.search .header-companyName{font-size:0.85rem;padding-top:1.6rem;padding-left:50px;padding-right:0;}
.header .search .top_username{margin:7px 0 0 25px;}
.page-contant{margin-top:0px;}
.datatables .navbar{position:absolute;left:0;top:0;}
.datatables.open #sidebar,.datatables.open .page-brand{op:69px;}
.datatables.open .page-brand{top:0;padding-top:16px;}
.datatables.open .navbar{position:fixed;top:0}
.estimatlistOut .boxTableOut table th,.estimatlistOut .boxTableOut table td{padding:15px 20px}
.twocol-mobile{width:100%}
.header .search{width:65%;}
.header .icon-link{width:30%;}
}
@media only screen and (max-width:450px){
.calender-infobar .leftarrow,.calender-infobar .rightarrow{position:static;width:30px;font-size:20px;}
.cus-padd{padding:10px 0 0 10px;}
.cus-padd2{padding-left:10px;}
.mobile-main-body .col-4-mobile2{width:50% !important;flex:0 0 50% !important;max-width:50% !important;-ms-flex:0 0 50% !important;}
.mobile-main-body .search-area.hide-mobile2{ padding-bottom:10px !important;}
.mobile-main-body .search-area .col-xs-12.mobile-1_2 { padding-left:3px;margin-top:-3px;}
.mobile-main-body.showsearchBar2{padding-bottom:276px;}
}
@media only screen and (max-width:400px){
.header .icon-link ul li>a{padding-left:3px;padding-right:3px;}
.pagesub-title .pagetitle-btn.mobileAlignbtn{ float:left !important;}
.datatables .page-main .page-contant .data-table.page-invoice .invoices-btnset.Mobile-inv .btn-setright .btn{ position:static}
}
@media only screen and (max-width:390px){
.search-area .btn{font-size:0.750rem;padding:0.535rem 0.45rem 0.480rem 0.45rem}
.page-heading .btn,.datatables .page-main .page-contant h1{float:left !important;clear:both}
.page-heading .btn{margin-top:0}
.datatables .page-main .page-contant h1{font-size:22px;}
.datatables .page-main .page-contant .data-table h3{font-size:18px;}
.main-body{min-height:inherit;}
.custom-col-4one{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:100%;}
.page-thanks .boxout{padding:15px 20px;}
.page-thank-proposal.page-thanks .company-name{font-size:24px;}
.page-thank-proposal.page-thanks .greenBox h1{font-size:24px;}
.page-thank-proposal.page-thanks .whiteBox{padding-top:30px;padding-bottom:30px;}
.page-proposal .proposal-products .rightfiles ul li{width:33.3333%;}
.customerjobs-ticket.ticket-widget .widgetinn{padding:8px}
.customerjobs-ticket.ticket-widget .row{margin-left:-5px;margin-right:-5px;}
.customerjobs-ticket.ticket-widget .row .col-lg-3{padding-left:5px;padding-right:5px;}
.customerjobs-ticket.ticket-widget .widgetinn{margin-bottom:9px;min-height:110px;}
.estimations-listing .imgboxouter .caption{font-size:0.65rem;}
.estimations-listing .imgboxouter img{height:65px;}
.estimations-listing .col-lg-3{padding-left:2px;padding-right:2px;}
.estimations-listing .imgboxouter{margin-top:2px;margin-bottom:2px;}
.estimations-listing .hvr-outline-in:before{border-width:2px;}
.estimations-listing .hvr-outline-in:hover:before,.estimations-listing .hvr-outline-in:focus:before,.estimations-listing .hvr-outline-in:active:before{top:0;right:0;bottom:0;left:0;}
.btnset-withMobile .showMobile-icon{display:block;font-size:30px;}
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .leftarrow,.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .rightarrow{width:36px;font-size:18px;line-height:64px;}
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner .record-title{padding-left:40px;padding-right:40px;}
.mobile-main-body .jobRecord-mobile .jobRecord-mobileinner{font-size:0.80rem;}
/*.mobile-main-body .mobile-searcharea a{font-size:0.60rem;}*/
}
@media only screen and (max-width:360px){
.search-area .btn{font-size:0.7rem;padding:0.515rem 0.40rem;}
.page-servicesProducts .btn{font-size:0.6rem;}
.search-area .btn + .btn{margin-left:2px;}
#sidebar,.page-brand{width:115px;}
.page-brand{font-size:18px;}
.datatables.open .navbar{margin:0 0 0 115px;}
/*.datatables .page-main .side-bar ul li a .side-menu-text{display:none;}*/
.modal-footer{display:block;text-align:center}
.modal-footer .modalfbtn{text-align:center;margin:0 0 7px 0}
.invoices-btnset .btn-setleft label{display:block;float:none;}
.invoices-btnset .btn-setleft .btn{margin-top:0;}
.page-proposalout .payment-boxarea{padding:25px;}
.ticket-widget .widgetinn{padding-left:5px;padding-right:5px}
.btnset-withMobile .btn{width:50%;margin-top:0 !important;}
.btnset-withMobile .btn{ height:auto; display:block;}
.btnset-withMobile{ display:block;}
.datatables .page-main .page-contant .data-table.page-invoice .invoices-btnset.Mobile-inv .btn{ min-height:75px}
.datatables .page-main .page-contant .data-table.page-invoice .invoices-btnset.Mobile-inv .btn.btn-primary{ padding-top:0.960rem; padding-bottom:0.990rem; min-height:55px}
}
@media only screen and (max-width:320px){
.pagesub-title .btn{padding-left:0.55rem;padding-right:0.55rem;margin-top:5px;}
.page-proposal .proposal-products .rightfiles ul li{width:50%;}
.page-proposal .proposal-products{padding:15px 15px 0;}
.twocol-mobile{width:100%}
.estimations-listing .imgboxouter .caption{font-size:0.55rem;}
.mobile-main-body .mobile-searcharea i{padding-right:0px;}
.mobile-main-body .ticket-widget h4{font-size:14px;padding:0;}
.mobile-main-body .ticket-widget h4 a span{ padding-right:0;}
.mobile-main-body .ticket-widget .widgetinn .mobile-btmarrow {bottom:-5px;width:20px;height:20px;margin-left:-10px;}
.mobile-navtabs li a{font-size:11px !important;}
}
.email_error{color:red;}
.ui-menu .ui-menu-item a{color:#96f226;border-radius:0px;border:1px solid #454545;}
/*.ui-menu .ui-menu-item a{color:#96f226;border-radius:0px;border:1px solid #454545;}*/
.pagesub-title h6{margin:0;color:#34495f;font-weight:500;padding:15px 10px 0 20px;}
.btn-gray{background:#696868;}
.red-mark{color:red;}
.has-notes{background: #2cc4cb !important; color: #fff !important;}


/*********************** Dark_Theme ***************************/
.zp_dark_theme{background:#19191a; color:#fff !important;}
.zp_dark_theme .bg-white{background: transparent !important;}
.zp_dark_theme .header#mainHeader{background:#292929;}
.zp_dark_theme .search .header-companyName{color:#fff;}
.zp_dark_theme .page-brand{background:#292929;}
.zp_dark_theme .page-main .side-bar{background:#292929;}
.zp_dark_theme .page-main .side-bar ul li{background:#292929; color:#fff;}
.zp_dark_theme .page-main .side-bar ul li a{color:#fff;}
.zp_dark_theme .page-main .side-bar .active{background:#3b3b3b; color:#fff !important;}
.zp_dark_theme .page-main .side-bar ul li.active a{color:#fff;}
.zp_dark_theme .page-main .side-bar ul li a:hover{background:#3b3b3b; color:#fff;}
.zp_dark_theme .navbar-light .navbar-toggler,
.zp_dark_theme .header .icon-link ul li>a{color:#fff;}
.zp_dark_theme .header .icon-link ul li:last-child a{background:#3b3b3b;}
.zp_dark_theme .header .icon-link ul li.dropdown .dropdown-menu a { color:#fff; }

.zp_dark_theme .ui-datepicker-title, .zp_dark_theme .ui-datepicker-calendar thead th { color: #495057 !important; }

.zp_dark_theme .box-lblue-border {border :5px solid #06c5d8; background: none; color: #fff;}
.zp_dark_theme .box-lblue-border h4{ color: #fff; }
.zp_dark_theme .box-lblue-border ul li:after { background: #fff; }
.zp_dark_theme .ticket-widget .box-red-border .widgetinn{border :5px solid #fe4b69; background: none; color: #fff;}
.zp_dark_theme .ticket-widget .box-red-border h4{ color: #fff; }
.zp_dark_theme .ticket-widget .box-red-border ul li:after { background: #fff; }
.zp_dark_theme .widgetinn td.FW_report_num { border-bottom: 2px dotted rgb(54, 162, 235); }
.zp_dark_theme .widgetinn td.FW_report_price { border-bottom: 2px solid rgb(75, 192, 192); }

.zp_dark_theme input::placeholder {color: #ffffff !important; opacity: 1; /* Firefox */}
.zp_dark_theme input::-webkit-input-placeholder {color: #ffffff !important;}
.zp_dark_theme input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ffffff !important;}
.zp_dark_theme input::-ms-input-placeholder { /* Microsoft Edge */color: #ffffff !important;}

.zp_dark_theme .modal-content{background:#19191a; color:#fff;}
.zp_dark_theme .page-contant{background:#19191a; color:#fff;}
.zp_dark_theme .popover-body, 
/*.zp_dark_theme .popover .arrow::after {background:#3b3b3b; color:#fff;}*/
.zp_dark_theme .popover { background: #3b3b3b !important; color:#fff; }
/* .zp_dark_theme .popover .arrow::before */
.zp_dark_theme .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {border-top-color :#3b3b3b; color:#fff;}
.zp_dark_theme .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {border-bottom-color :#3b3b3b; color:#fff;}
/*.zp_dark_theme .popover.bs-popover-top .arrow::before, */
.zp_dark_theme .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {border-top-color :#3b3b3b; color:#fff;}
.zp_dark_theme .page-main .page-contant .data-table{background:rgb(255 255 255 / 8%);}
.zp_dark_theme table.dataTable{border-color:rgb(255 255 255 / 8%);}
.zp_dark_theme table.dataTable th{background:none; border-bottom:none; border-color:rgb(255 255 255 / 8%);}
.zp_dark_theme table.dataTable th.header a,
.zp_dark_theme table td,
.zp_dark_theme table th,
.zp_dark_theme table td a.text-dark,
.zp_dark_theme table th a.text-dark,
.zp_dark_theme table.dataTable td a
.zp_dark_theme .text-dark, 
.zp_dark_theme .text-black {color:#fff !important;}
.zp_dark_theme .dynamic_div .bg-white { background: #292929 !important; }
.zp_dark_theme table.dataTable th.header a,
.zp_dark_theme table.dataTable th.header a:hover,
.zp_dark_theme table.dataTable td a,
.zp_dark_theme table.dataTable td a:hover {color:#fff;}
.zp_dark_theme .table-bordered td{border-color:rgb(255 255 255 / 8%);}
.zp_dark_theme .table-striped tbody tr:nth-of-type(odd) td{background:rgb(255 255 255 / 5%);}
.zp_dark_theme .page-main .page-contant .data-table h3{color:#fff;}
.zp_dark_theme div.dataTables_paginate,
.zp_dark_theme div.dataTables_paginate .pagination li{border-color:rgb(255 255 255 / 8%);}
.zp_dark_theme div.dataTables_paginate .pagination li a{color:#fff;}
.zp_dark_theme div.dataTables_paginate .pagination li a:hover{color:#6bd6db;}
.zp_dark_theme div.dataTables_paginate .pagination li.active a{/*background:rgb(255 255 255 / 20%);*/ color:#fff;}

.zp_dark_theme .tp{background-color:rgb(255 255 255 / 5%);border-color:rgb(255 255 255 / 5%);color:#fff;}
.zp_dark_theme .tp input { background-color: #ffffff00; }
.zp_dark_theme select{background-color:#ffffff0d !important;}
.zp_dark_theme .widgetinn .form-control option { color:#fff !important; }
.zp_dark_theme .widgetinn select{/*background-color:#292929 !important;*/}
.zp_dark_theme .widgetinn input {background:#292929 !important; color:#f2f2f2 !important;}
.zp_dark_theme .hilight-field{color:#bddffa !important;font-weight:600}
.zp_dark_theme textarea, .zp_dark_theme input{color:#bddffa !important;}.zp_dark_theme input.btn{color:#fff !important;}
.zp_dark_theme .nav-pills input{color:#000000 !important;}

.zp_dark_theme .btn-warning{color:inherit;}
.zp_dark_theme .btn{/*background-color:rgb(255 255 255 / 15%); color:inherit;*/}
.zp_dark_theme .btn:hover{/*background-color:rgb(255 255 255 / 20%); color:#fff;*/}
.zp_dark_theme .btn:active,
.zp_dark_theme .btn.active,
.zp_dark_theme .show > .btn.dropdown-toggle{background-color:rgb(255 255 255 / 20%) !important; border-color:transparent !important; box-shadow:none !important; color:inherit !important;}
/*.zp_dark_theme .btn-info{background-color:rgb(255 255 255 / 15%)}
.zp_dark_theme .btn-info:hover{background-color:rgb(255 255 255 / 20%)}*/

.zp_dark_theme .mobile-searcharea .col-md-12 .btn,
.zp_dark_theme .pagesub-title .btn{background-color:#2cc4cb; color:#fff;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn:hover,
.zp_dark_theme .pagesub-title .btn:hover{background-color:#27b0b6; color:#fff;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn-primary,
.zp_dark_theme .pagesub-title .btn-primary{background-color:#007bff;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn-primary:hover,
.zp_dark_theme .pagesub-title .btn-primary:hover{background-color:#0069d9;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn-success,
.zp_dark_theme .pagesub-title .btn-success{background-color:#28a745;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn-success:hover,
.zp_dark_theme .pagesub-title .btn-success:hover{background-color:#218838;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn-orange,
.zp_dark_theme .pagesub-title .btn-orange{background-color:#f57c02;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn-orange:hover,
.zp_dark_theme .pagesub-title .btn-orange:hover{background-color:#dd7003;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn-danger,
.zp_dark_theme .pagesub-title .btn-danger{background-color:#dc3545;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn-danger:hover,
.zp_dark_theme .pagesub-title .btn-danger:hover{background-color:#c82333;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn-info,
.zp_dark_theme .pagesub-title .btn-info{background-color:#dc3545;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn-info,
.zp_dark_theme .pagesub-title .btn-info{background-color:rgb(255 255 255 / 15%); color:#fff;}
.zp_dark_theme .mobile-searcharea .col-md-12 .btn-info:hover,
.zp_dark_theme .pagesub-title .btn-info:hover{background-color:rgb(255 255 255 / 20%); color:#fff;}

.zp_dark_theme .page-invoice .leftvoice,
.zp_dark_theme .page-invoice .rightvoice p span,
.zp_dark_theme .page-invoice .leftvoice strong{color:#fff;}

.datatables.zp_dark_theme .page-main .page-contant .data-table.page-invoice .pagesub-title h3{color:#fff;}
.zp_dark_theme .page-invoice .invoiceTotal .titlebox th{background-color:rgb(255 255 255 / 05%);}

.zp_dark_theme .alert-grey{background-color:rgb(255 255 255 / 05%); border-color:rgb(255 255 255 / 05%);}

.zp_dark_theme .estimatlistOut{background-color:#353536; border-color:#353536;}
.zp_dark_theme .estimatlistOut .boxTableOut table th,
.zp_dark_theme .estimatlistOut .boxTableOut table td{color:#fff;}
.zp_dark_theme .estimatlistOut .boxTableOut{background-color:rgb(255 255 255 / 05%);}
.zp_dark_theme .estimatlistOut .boxTableOut table .titlebox th{background-color:rgb(255 255 255 / 10%);}
.zp_dark_theme .estimatlistOut .boxTableOut table th,
.zp_dark_theme .estimatlistOut .boxTableOut table td{border-color:rgb(255 255 255 / 10%);}
.zp_dark_theme .table tbody + tbody{border-color:rgb(255 255 255 / 10%);}
.zp_dark_theme .estimatlist-tboxOut{background-color:rgb(255 255 255 / 05%); border-color:rgb(255 255 255 / 05%);}
.zp_dark_theme .estimatlist-tboxOut th{color:#fff;}
.zp_dark_theme .nav-tabs li .table-actionsbtns .btn{color:#fff;}
.zp_dark_theme .page-invoice table tr td:first-child,
.zp_dark_theme .page-invoice table tr th:first-child,
.zp_dark_theme .page-invoice table tr td:last-child,
.zp_dark_theme .page-invoice table tr th:last-child{border-color:rgb(255 255 255 / 05%);}

.zp_dark_theme table.dataTable td .btn-white,
.zp_dark_theme table.dataTable td a.btn.btn-white{border-color:rgb(255 255 255 / 30%); color:#fff !important;}
.zp_dark_theme table.dataTable td .btn-white:hover,
.zp_dark_theme table.dataTable td a.btn.btn-white:hover,
.zp_dark_theme table.dataTable td .btn-white:active,
.zp_dark_theme table.dataTable td a.btn.btn-white:active,
.zp_dark_theme table.dataTable td .btn-white:focus,
.zp_dark_theme table.dataTable td a.btn.btn-white:focus{border-color:rgb(255 255 255 / 20%); color:#fff !important;}

.zp_dark_theme .modal-content .form-control{border: 1px solid #ced4da;}
.zp_dark_theme .modal-content .form-control:focus{border-color: #1abc9c;}
.zp_dark_theme .form-control{background-color:rgb(255 255 255 / 5%); border-color:rgb(255 255 255 / 5%); color:#fff;}
.zp_dark_theme select.form-control { color: #fff; }
.zp_dark_theme .form-control:focus{color:#fff;background-color:rgb(255 255 255 / 5%);border-color:rgb(255 255 255 / 10%);outline:none;}
.zp_dark_theme .form-control::-webkit-input-placeholder{color: #fff;opacity:1;}
.zp_dark_theme .form-control:-ms-input-placeholder{color: #fff;opacity:1;}
.zp_dark_theme .form-control::-ms-input-placeholder{color: #fff;opacity:1;}
.zp_dark_theme .form-control::placeholder{color: #fff;opacity:1;}
.zp_dark_theme .form-control option{background-color:hsl(0deg 1% 30%) !important;color:#fff;}

.zp_dark_theme .material-checkbox input:checked ~ .checkmark,
.zp_dark_theme .material-radiobox input:checked ~ .circlemark{/*background-color:rgb(255 255 255 / 20%);*/ border-color:rgb(255 255 255 / 20%);}
.zp_dark_theme .checkmark,
.zp_dark_theme .circlemark{background-color:rgb(255 255 255 / 20%); border-color:rgb(255 255 255 / 20%);}
.zp_dark_theme .page-view ul li{border-color:rgb(255 255 255 / 5%);}
.zp_dark_theme .nav-tabs{border-color:rgb(255 255 255 / 15%);}
.zp_dark_theme .nav-tabs li a{background-color:rgb(255 255 255 / 15%); border-color:rgb(255 255 255 / 15%);}
.zp_dark_theme .tab-cstrView.nav-tabs li a{color:#fff;}
.zp_dark_theme .tab-cstrView.nav-tabs li a.text-danger{color:#ffffff47 !important;}
.zp_dark_theme .tab-cstrView.nav-tabs li a.active{/*background-color:rgb(255 255 255 / 20%);*/ color:#fff;}
.zp_dark_theme .tab-cstrView.nav-tabs li a.text-danger.active{color: #fff !important;}

.zp_dark_theme .nav-tabs .nav-link.active,
.zp_dark_theme .nav-tabs .nav-item.show .nav-link{background-color:rgb(255 255 255 / 20%); border-color:rgb(255 255 255 / 20%); color:#fff;}
.zp_dark_theme .nav-tabs .nav-link:focus,
.zp_dark_theme .nav-tabs .nav-link:hover{border-color:rgb(255 255 255 / 20%);}

.zp_dark_theme .calender-infobar{background-color:rgb(255 255 255 / 5%);}
.zp_dark_theme .calender-infobar .leftarrow a:hover,
.zp_dark_theme .calender-infobar .rightarrow a:hover,
.zp_dark_theme .mobile-main-body .jobRecord-mobile .jobRecord-mobileinner.pastdays_class .leftarrow a:hover,
.zp_dark_theme .mobile-main-body .jobRecord-mobile .jobRecord-mobileinner.pastdays_class .rightarrow a:hover{background:rgb(255 255 255 / 15%);}

.zp_dark_theme .calender-infobar .mdl-dropdown .form-control{background:rgb(255 255 255 / 5%) url(../images/select-arrow-2.svg) 95% center no-repeat;}

.zp_dark_theme .table-bordered{border-color:rgb(255 255 255 / 8%);}
.zp_dark_theme .table-calendar thead th{background:none; border-bottom:none; border-color:rgb(255 255 255 / 8%);}
.zp_dark_theme .table-calendar td:not(.blackout_date){color:#fff; background-color:rgb(255 255 255 / 5%);}
.zp_dark_theme .table-calendar td:hover{background-color:rgb(255 255 255 / 10%) !important;}
.zp_dark_theme .table-calendar a,
.zp_dark_theme .table-calendar a.calEdit{color:#fff;}
.zp_dark_theme .table-calendar a:hover,
.zp_dark_theme .table-calendar a.calEdit:hover{color:#fff !important;}
/*.zp_dark_theme .dark-boxs .btn-warning:not([disabled]):not(.disabled):active,
.zp_dark_theme .dark-boxs .btn-warning:not([disabled]):not(.disabled).active,
.zp_dark_theme .dark-boxs .show > .btn-warning.dropdown-toggle{background-color:rgb(255 255 255 / 20%); border-color:rgb(255 255 255 / 15%);}*/

.zp_dark_theme .input-group-addon{background:#ffffff21; border: unset; color: #fff !important;}
.zp_dark_theme .datatable-footer{background:#2c2c2c;}

.zp_dark_theme .ticket-widget .box-lblue .widgetinn,
.zp_dark_theme .ticket-widget .widgetinn{/*background:rgb(255 255 255 / 10%);*/}
.zp_dark_theme hr{border-color:rgb(255 255 255 / 10%);}
.zp_dark_theme canvas{background:#292929;}
.zp_dark_theme .widgetinn.bg-white{background:#292929 !important;}
.zp_dark_theme .widgetinn.bg-white .text-dark, .zp_light_theme .widgetinn.bg-white .text-black{color:#fff !important;}

.zp_light_theme .widgetinn.bg-white .text-dark{color:#6c6b6b !important;}
.zp_light_theme .widgetinn.bg-white .text-black{color:#000 !important;}
.zp_light_theme .widgetinn.bg-white select#widget_graph_filter{border: 1px solid #a3a3a3 !important;}

.zp_dark_theme .widgetinn.bg-white select#widget_graph_filter{border: 0 !important;}
.zp_dark_theme .side-box .widgetinn{/*background:rgb(255 255 255 / 10%)!important;*/}

.zp_dark_theme .media-info .mediauplimg1 .btnboxouter .btn{background:rgb(0 0 0 / 70%);}

.datatables.zp_dark_theme.open .navbar{background-color:rgb(255 255 255 / 0%);}

/* task - 1331 */
.zp_dark_theme .select2-container--default .select2-selection--single,
.zp_dark_theme .chosen-container-multi .chosen-drop { background-color: rgb(54 54 55); border: 1px solid rgb(54 54 55) !important; }
.zp_dark_theme .chosen-container-multi .chosen-choices { border: 1px solid rgb(54 54 55) !important; }
.zp_dark_theme .select2-container--default .select2-search--dropdown .select2-search__field,
.zp_dark_theme .chosen-container-multi .chosen-choices,
.zp_dark_theme .chosen-container .chosen-drop, .zp_dark_theme .chosen-container-single .chosen-single
 { background: #363637; border: 0; color: #fff; }
.zp_dark_theme .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; }
.zp_dark_theme .select2-dropdown { background-color: rgb(54 54 55); }
.zp_dark_theme .chosen-container-active .chosen-single { background: #363637; color: #fff; border: 1px solid rgb(54 54 55) !important; }
.zp_dark_theme .chosen-container-active.chosen-with-drop .chosen-single { background-color: rgb(54 54 55); }
.zp_dark_theme .editable_stock input { background-color: rgb(54 54 55); }
.zp_dark_theme .chosen-container .chosen-results { color: #fff; }
.zp_dark_theme .chosen-container-multi .chosen-drop .result-selected { color: #858585; }
.zp_dark_theme .chosen-container-multi .chosen-drop .active-result { color: #ccc; }

/* task - 316 */
.bootstrap-datetimepicker-widget { width : 200px !important; }
.bootstrap-datetimepicker-widget table td span {height: 25px !important; width: 25px !important; line-height: 25px !important;}
.bootstrap-datetimepicker-widget a[data-action] {padding: 0px !important;}
.bootstrap-datetimepicker-widget table td {height: unset !important; width: unset !important; line-height: unset !important;}

#estimation_files_preview{display:flex; flex-wrap:wrap; grid-row-gap:15px; padding:10px 0 0;}
#estimation_files_preview .file_preview_box canvas{height:auto; max-width:100%;}
/*.attached_thumb .file_preview_box { background: #f2f2f2; }*/

@media only screen and (max-width:1105px){
.zp_dark_theme .datatables.open .navbar{background:rgb(255 255 255 / 5%);}
}

@media only screen and (max-width:740px){
.zp_dark_theme .header .icon-link ul li:last-child a{background:none;}
.zp_dark_theme .header .icon-link ul li.dropdown .dropdown-menu { background: #3b3b3b; color : #a3a3a3; }
}

@media only screen and (max-width:800px){
.zp_dark_theme .mobile-main-body .mobile-searcharea { background: #19191a; }
}

@media only screen and (max-width:599px){
.header .row .collum-width .search{width: auto;}
.header .row .collum-width .icon-link{width: auto;}
.header .row .collum-width .icon-link.pr-0{width: auto;}
.header .row .collum-width .icon-link .nav .animated-tada{font-size: 11px; padding-right: 10px;}
.header .row .collum-width .icon-link .nav .animated-tada img{width: 19px; height: 19px; margin: 0;}
}

/****************** 06-03-23 ********************/
@media only screen and (max-width:1500px){
.ticket-widget.hometicket-left ul{display:flex; flex-wrap:wrap; grid-row-gap:30px;}
.ticket-widget.hometicket-left ul li{width:100% !important;}
.ticket-widget.hometicket-left ul li:after{left:0; right:0; width:100%; bottom:-15px; height:1px;}
.ticket-widget.hometicket-left .mt-3 select.form-control{max-width:calc(100% - 20px); margin:auto;}
.ticket-widget.hometicket-left .ajax_report_data,
.ticket-widget.hometicket-left .gps_report_data,
.ticket-widget.hometicket-left .sales_report_data,
.ticket-widget.hometicket-left .administrator_report_data,
.ticket-widget.hometicket-left .account_report_data{width:100%; overflow:auto;}
.ticket-widget.hometicket-left .rightblue-box .mt-3 .col-md-4{width:100%;}
.ticket-widget.hometicket-left .rightblue-box .mt-3 .col-md-8{width:100%;}
}

.new-media-view .tab-pane .mediauplimg1{padding-left: 0; padding-right: 0;}
.new-media-view .tab-pane .mediauplimg1 > .row{margin-left: 0; margin-right: 0; width: 100%; display: block;}
.new-media-view .tab-pane .mediauplimg1 > .row > .row{margin: 0 -15px;}
.f-size-12 { font-size: 12px !important; }


@media only screen and (max-width:460px){
.view-flex-wrap{flex-wrap: wrap; justify-content: flex-end; row-gap: 7px;}

a.btn_last_modified { font-size: 12px; }
}

.inventory_input {min-width: 2ch;}
.inventory_input[disabled] {border: 0;}
.zp_dark_theme .inventory_input[disabled] {background: none;}
.zp_dark_theme .inventory_input { background-color: rgb(255 255 255 / 5%); color: #fff;border-color: rgb(255 255 255 / 5%); }
a.expense_type_links { color: unset; }


/****************** Task 963 ********************
.m-tabnav{display:none;}
.mobile-main-body .mobile-searcharea{z-index:11;}
@media only screen and (max-width:767px){
.m-tabnav{display:block; padding:0 0 20px;}
.m-tabnav ul{padding:0; margin:0; display:flex; column-gap:1px;}
.m-tabnav ul li{list-style:none; padding:0; margin:0; width:100%;}
.m-tabnav ul li a{color:#466280; background:rgba(0,0,0,0.07); padding:12px 10px; display:block; text-align:center;}
.m-tabnav ul li a.m-taba-active{background:#466280; color:#fff;}

.m-tab-content:not(.m-tab-active){display:none;}
.m-tab-content.m-tab-active{display:block !important;}
.mobile-main-body .m-tab-content{padding-bottom:35px !important;}

}



/****************** Task 963 ********************/
/****************** Task 970 ********************/
.customer_avatar {
    height: 40px; width: 40px; display: inline-block; background: #ddd; text-align: center; line-height: 2; font-weight: 600; border-radius: 50%; font-size: 18px;
  }
  .msger-chat {
    flex: 1; overflow-y: auto; padding: 10px; max-height: 440px; overflow-x: hidden;
  }
  .msger-chat::-webkit-scrollbar {
    width: 6px;
  }
  .msger-chat::-webkit-scrollbar-track {
    background: #ddd;
  }
  .msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd;
  }
  .msg {
    display: flex; align-items: flex-end; margin-bottom: 10px; width: 90%;
  }
  .msg:last-of-type {
    margin: 0;
  }
  .msg-img {
    width: 50px; height: 50px; margin-right: 10px; background: #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%;
  }
  .zp_dark_theme .msg-bubble, .zp_dark_theme .customer_avatar {
    background: #19191aab;
  }
  .msg-bubble {
    max-width: 450px; padding: 15px; border-radius: 15px; background: #ececec; width: 100%;
  }
  .msg-info {
    display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;
  }
  .msg-info-name {
    margin-right: 10px; font-weight: bold;
  }
  .msg-info-time {
    font-size: 0.85em;
  }

  .msg-bubble {
    width: 100%;
  }
  .left-msg .msg-bubble {
    border-bottom-left-radius: 0;
  }
  .left-msg {
    float: left;
  }
  .right-msg {
    flex-direction: row-reverse; float: right;
  }
  .right-msg .msg-bubble {
    background: #579ffb; color: #fff; border-bottom-right-radius: 0;
  }
  .right-msg.scheduled_sms .msg-bubble {
    background: #fb8d57; color: #fff; border-bottom-right-radius: 0;
  }
  .right-msg .msg-bubble a, .zp_dark_theme .right-msg .msg-bubble a {
    text-decoration: underline; color: #fff;
  }
  .left-msg .msg-bubble a {
    text-decoration: underline; color: #34495f;
  }
  .right-msg .msg-img {
    margin: 0 0 0 10px;
  }

  .msg-bubble a {
    word-wrap: break-word;
  }

.btn-outline-dark { border: 1px solid; }
.btn-outline-dark img.w-arrow{ display:none; }
.btn-outline-dark img.b-arrow{ display:inline; }
.zp_dark_theme .btn-outline-dark { color: #b7b7b7;border: 1px solid; }
.zp_dark_theme .btn-outline-dark img.w-arrow{ display:inline; }
.zp_dark_theme .btn-outline-dark img.b-arrow{ display:none; }
.zp_dark_theme .text-dark { color: #fff !important; }
.zp_dark_theme .table th, .zp_dark_theme .table td { border-color: rgb(255 255 255 / 10%); }
.btn-outline-dark:hover {
  background: transparent; color: #343a40;
}
.zp_dark_theme .table-calendar td {
  background-color: transparent !important;
}

.zp_dark_theme .datepicker.dropdown-menu {
  background-color: currentColor !important;
}


.view-np-nav{display: flex; justify-content: space-between; border-bottom: 1px solid #ddd;}
.view-np-nav .nav-tabs{border: none;}
.view-np-nav .nav-tabs:last-child li .dropdown button.btn{background: #ebebeb; padding: 0.8rem 1.3rem !important; line-height: 1.5;}
.view-np-nav .nav-tabs:last-child li .dropdown button.btn .fa{padding: 6px 0 2px; display: block;}



/* task - 1086 */
.toggle.rounded { width: 90px !important; } 
.toggle-on.btn { padding-right: 2.5rem !important; }
.toggle-off.btn { padding-left: 2.5rem !important; }
.toggle.rounded, .toggle-on.rounded, .toggle-off.rounded { border-radius: 20rem !important; }
.toggle.rounded .toggle-handle { border-radius: 20rem; width: 25px; height:25px; right: 18px; top: 5px; }
.toggle.rounded.off .toggle-handle { border-radius: 20rem; width: 25px; height:25px; left: 18px; top: 5px; }

@media only screen and (max-width:800px){
.view-np-nav .nav-tabs.hide-mobile{display: none;}

}



.media-multiselect .ui-checkbox .radio-custom {opacity: 0; position: absolute;}

.media-multiselect .ui-checkbox .radio-custom-label {display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer;}

.media-multiselect .ui-checkbox .radio-custom-label:before {content: ''; background: #fff; border: 2px solid #ddd; display: block; vertical-align: middle; width: 22px; height: 22px; padding: 2px; margin-right: 10px; text-align: center; font-size: 12px; line-height: 15px; border-radius: 100%;}
.media-multiselect .ui-checkbox .radio-custom-label:before {content: "\f00c"; font-family: 'fontAwesome'; background: #fff; color: #2cc4cb;}

/**.media-multiselect .ui-checkbox label{order: 1}
.media-multiselect .ui-checkbox input{order: 0}*/

#media_option_modal {top: 10%;}
.media_menu {position: absolute; z-index: 999; background: #fff; top: 15%; left: 20%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 5px; width: 200px; display: none; height: 300px; overflow-y: auto;}
#media_option_modal ul, .media_menu ul {list-style: none; padding: 0; font-size: 14px; margin: 0;}
#media_option_modal ul li:last-child, .media_menu ul li:last-child {border-bottom: 0;}
#media_option_modal ul li, .media_menu ul li {padding: 10px 15px; border-bottom: 1px solid #e3e3e3; cursor: pointer;}
#media_option_modal ul li a span, .media_menu ul li a span {margin-right: 15px;}
#media_option_modal ul li a, .media_menu ul li a {color: #000;}

@media only screen and (min-width:768px) and (max-width:1550px){
#media_customer_files_preview .file_preview_box .media_menu{height:250px; left:auto; right:20%;}
#media_customer_files_preview .file_preview_box:nth-child(2) .media_menu{left:20%; right:auto;}

}

@media only screen and (min-width:100px) and (max-width:767px){
#media_customer_files_preview .file_preview_box .media_menu{left:20%; right:20%; width:200px; height:275px;}
#media_customer_files_preview .file_preview_box:nth-child(2) .media_menu{left:20%; right:auto;}
#media_customer_files_preview .file_preview_box .media_menu ul li{padding:6px 10px;}

}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px !important;
}

.select2-container .select2-selection--single { height: 33px !important; }
.select2-container--default .select2-selection--single { border-color: #ced4da !important; }

.popover.show { z-index: 99999 !important; }

/* task - 1180 */
.fsize-15 { font-size: 15px; }

/* task - 1273 */
#edit_followup_frm .form-group .bootstrap-datetimepicker-widget,
#add_followup_frm .form-group .bootstrap-datetimepicker-widget{top:auto !important; bottom:38px !important; left:15px !important; right:auto !important;}
#edit_followup_frm .form-group .bootstrap-datetimepicker-widget:before,
#add_followup_frm .form-group .bootstrap-datetimepicker-widget:before{border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #ccc; border-top-color:rgba(0, 0, 0, 0.2); bottom:-7px; left:6px; border-bottom:none; top:auto;}
#edit_followup_frm .form-group .bootstrap-datetimepicker-widget:after,
#add_followup_frm .form-group .bootstrap-datetimepicker-widget:after{border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid white; bottom:-6px; left:7px; border-bottom:none; top:auto;}

/* task - 1252 */
.disabled-btn { opacity: 0.5; pointer-events: none; }

.text-strike { text-decoration: line-through; }

/* task - 1447 */
.calendar-page .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { background: #2cc4cb; color: #fff; }


.estimations-listing .row.estimations-boxsouter .col-lg-3 .job_category{position: relative; padding: 0 0 100%; width: 100%;}
.estimations-listing .row.estimations-boxsouter .col-lg-3 .job_category a{display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.estimations-listing .row.estimations-boxsouter .col-lg-3 .job_category div{display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}

.inv-payinfo{width:100%; padding:0 35px; display:flex; justify-content:flex-end;}


@media only screen and (max-width:767px){
.page-proposal .toparea .logoarea{display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; text-align:center;}
.page-proposal .toparea .logoarea span{padding:0 0 24px; display:block; width:100%;}
.page-proposal .toparea .page-actionBtn{width:100%; display:flex; justify-content:center; align-items:center;}


}

@media only screen and (max-width:530px){
.inv-payinfo{padding:0 15px; justify-content:flex-start;}
.page-proposal .toparea .logoarea span{margin:0; font-size:24px; padding-bottom:0;}
.page-proposal footer.datatable-footer .copyright h3{font-size:24px;}
}

@media only screen and (max-width:480px){
.estimations-listing .row.two_across{display:grid; display:-ms-grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
.estimations-listing .row.three_across{display:grid; display:-ms-grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
.estimations-listing .row.four_across{display:grid; display:-ms-grid; grid-template-columns:repeat(4, 1fr); gap:10px;}
.estimations-listing .row.two_across .col-lg-3,
.estimations-listing .row.three_across .col-lg-3,
.estimations-listing .row.four_across .col-lg-3{margin:0 !important; max-width:100%; padding:0;}

.estimations-listing .row.two_across .imgboxouter,
.estimations-listing .row.three_across .imgboxouter,
.estimations-listing .row.four_across .imgboxouter{margin:0 !important;}

.estimations-listing .row.three_across .btn,
.estimations-listing .row.four_across .btn{padding:5px;}
.estimations-listing .row.two_across .caption1{display:inline-block;}
.estimations-listing .row.three_across .caption1{display:inline-block; font-size:2.5vw;}
.estimations-listing .row.four_across .caption1{display:inline-block; font-size:1.6vw;}



}


.btn-border-primary { background-color: #fff !important; color: #007bff !important; border: 1px solid; }
.line-break-btn { white-space: break-spaces !important; line-height:1.5 !important; }
.mobile-heading { font-size: 18px !important; }



.edit-imageinn{max-width:1000px; margin:auto; padding:24px;}
.edit-imageinn .page-main{width:100%; padding:0; margin:0; display:flex; flex-wrap:wrap; justify-content:flex-end;}
.edit-imageinn .page-main .canva-boxs{border:solid 1px rgba(0,0,0,0.1); width:calc(100% - 48px); /*height:calc(100vh - 48px);*/ padding:24px; display:flex; align-items:center; justify-content:center; margin-right:48px;}
.edit-imageinn .page-main .canva-boxs > canvas{cursor: crosshair; max-width: 100%; margin:auto; max-height:100%;}
.edit-imageinn .page-main .drawpad-toolbox{width:32px; position:fixed;}
.edit-imageinn .page-main .drawpad-colors{display:flex; flex-wrap:wrap; gap:16px;}
.edit-imageinn .page-main .drawpad-colors .drawpad-colorbox{width:100%; height:32px; display:block; transition:all 0.3s;}
.edit-imageinn .page-main .drawpad-colors .drawpad-colorbox.active{box-shadow:0 0 0 2px #fff inset; border:solid 1px #000;}
.edit-imageinn .page-main .drawpad-colors .drawpad-erasern,
.edit-imageinn .page-main .drawpad-colors .drawpad-savebtn{background:rgba(0,0,0,0.1); display:flex; align-items:center; justify-content:center; font-size:16px;}

.edit-imagebox .image-thumb {width: 300px; height: 200px; object-fit: cover; cursor: pointer;}
/*.edit-imagebox #draw-canvas {display: block; margin: auto; border: 1px solid #ccc; cursor: crosshair; max-width: 100%;}
.edit-imagebox .drawpad-toolbox {position: absolute; height: 100%; top: 20px; right: 20px; }
.edit-imagebox .drawpad-colorbox {height: 20px; width: 20px;}
.edit-imagebox .drawpad-colors {row-gap: 10px; display: inline-grid;}
.edit-imagebox .drawpad-colorbox.active {border: 2px solid black;}*/

.edit-imagebox #overlay {position: fixed; /*display: none;*/ /*width: 100%;*/ /*height: 100%;*/ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 999999; cursor: pointer;}
.edit-imagebox .overlay-img {position: absolute; top: 50%; left: 50%; /*font-size: 50px;*/ color: hsl(0deg 0% 100%); user-select: none; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}

#pdf_serv_category .modal-body ul.dropdown-menu li ul,
.category-filter ul.dropdown-menu li ul { list-style:none; padding: 0; max-height: unset !important}
#pdf_serv_category .modal-body ul.dropdown-menu li label,
.category-filter ul.dropdown-menu li label {position: relative; padding-left: 24px}
#pdf_serv_category .modal-body ul.dropdown-menu li label input,
.category-filter ul.dropdown-menu li label input {position: absolute; left: 0; top: 4px;}

.cust_number { font-size: 20px; font-weight: 500; }
.btn.btn-light-border { border: 1px solid #ced4da; color: #495057; background: none; }


/* AI Voice Input Button */
.pagesub-title:has(.voice-wrapper) .pagetitle-btn:not(.hide-mobile){float:left !important; padding:30px 0 16px 20px !important;}
.pagesub-title:has(.voice-wrapper) .pagetitle-btn.hide-mobile{}

.voice-wrapper{display:flex; flex-direction:column; gap:24px; margin:0; flex-wrap:wrap; align-items:start;}
.voice-wrapper .d-flex{align-items:center;}
.voice-wrapper .d-flex:first-child{gap:10px;}
.voice-wrapper .d-flex label{margin:0; font-size:20px; font-weight:600; text-transform:none; color:#2cc4cb;}
.voice-wrapper .d-flex #micButton{display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding:3px;}
.voice-wrapper .d-flex #micButton .mic-icon{padding:0; margin:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.voice-wrapper .d-flex #micButton .mic-icon i{display:block;}

.voice-wrapper .d-flex:last-child{gap:16px; width:100%; flex-direction:column; align-items:flex-start;}
.voice-wrapper .d-flex:last-child #voiceOutput{resize:none; font-size:14px; padding:12px; border-radius:0; width:100%; border:solid 1px #ccc; outline:none;}
.voice-wrapper .d-flex:last-child button.btn{font-size:14px; padding:10px 12px;}

/*#voiceOutput{flex:1; min-width:250px; padding:12px 16px; font-size:1rem; border:2px solid #ccc; border-radius:8px; outline:none;}*/
.mic-button{width:64px; height:64px; border-radius:50%; border:none; background:#f44336; cursor:pointer; display:flex; align-items:center; justify-content:center; position:relative; transition:background 0.3s ease;}
.mic-icon {width:24px; height:32px; background:white; mask-size:contain; -webkit-mask-size:contain; }
.mic-button.listening { background-color: #4caf50; animation: pulse 1.2s infinite; }

@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.6);
}
70% {
box-shadow: 0 0 0 16px rgba(76, 175, 80, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
}
}

.rainbow-btn{/*margin: 50px auto;*/ width:40px; text-align: center; position: relative; color: #ffffff; text-decoration: none; border-radius: 50%; box-sizing: border-box; display: block; z-index: 2; overflow: hidden; padding: 3px; height: 40px; }

.rainbow-btn:before { content: ""; position: absolute; top: 0; left: 0; width: 200%; height: 100%; background: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);
background-size: 50% 100% }

.rainbow-btn span { position: relative; z-index: 2; padding: 5px; font-size: 1.1rem; text-decoration: none; align-items: center; background: #fff; border-radius: 50%; display: block; justify-content: center; box-sizing: border-box; height: 100%; font-size: 20px; font-family:Verdana, Geneva, Tahoma, sans-serif; width: 100%; color: #9c27b0; }

.rainbow-btn.listening:before { animation: rainbow-btn .75s linear infinite }

@keyframes rainbow-btn {
to {
transform: translateX(-50%)
}
}
/* AI Voice Input Button end */








@media only screen and (max-width:767px){
.edit-imageinn{padding:16px;}
.edit-imageinn .page-main .canva-boxs{padding:8px; /*height:calc(100vh - 32px);*/ width:calc(100% - 32px); margin-right:32px;}
.edit-imageinn .page-main .drawpad-toolbox{width:24px;}
.edit-imageinn .page-main .drawpad-colors .drawpad-colorbox{height:24px;}
.edit-imageinn .page-main .drawpad-colors .drawpad-erasern,
.edit-imageinn .page-main .drawpad-colors .drawpad-savebtn{font-size:14px;}
.edit-imageinn .page-main .drawpad-colors{gap:8px;}

#print_pdf .modal-body > .row .col-sm-6 > .btn{padding:0 0 100% !important; position: relative;}
#print_pdf .modal-body > .row .col-sm-6 > .btn > span{position:absolute; left:0; right:0; bottom: 0; top: 0; display: flex; align-items: center; justify-content: center; padding: 5px;}

#pdf_serv_category .modal-body ul.dropdown-menu li{font-size: 14px;}
#pdf_serv_category .modal-body ul.dropdown-menu li label{margin-bottom: 0;}
#pdf_serv_category .modal-body ul.dropdown-menu li label input{top: 2px;}

.pagesub-title:has(.voice-wrapper) .pagetitle-btn{width:100%; padding-right:0;}
.voice-wrapper{width:100%; padding:0; align-items:start; gap:16px;}
.voice-wrapper .d-flex:last-child{width:100%;}
.voice-wrapper .d-flex label{font-size:16px;}
.pagesub-title:has(.voice-wrapper) .pagetitle-btn:not(.hide-mobile){padding:24px 20px 16px 20px !important;}


}




/* task - 1631 */
/* Floating record button */
#openPopup, #eopenPopup {position: fixed; bottom: 20px; right: 20px; background: #ff4b5c; color: #fff; border: none; border-radius: 50%; width: 60px; height: 60px; font-size: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 9999;}

/* Overlay */
#rec_overlay, #erec_overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 9998; }

/* Bottom sheet style popup */
#recordPopup, #erecordPopup { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: #fff;   border-radius: 20px 20px 0 0; padding: 20px; box-shadow: 0 -3px 15px rgba(0,0,0,0.2); z-index: 999999; animation: slideUp 0.3s ease; }

@keyframes slideUp {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

#recordPopup h2, #erecordPopup h2 { margin: 0 0 15px; text-align: center; }

#recordPopup .btn, #erecordPopup .btn { display: inline-block; padding: 12px 20px; border: none; border-radius: 30px; font-size: 16px; cursor: pointer; transition: 0.2s; }

#recordPopup .btn:disabled, #erecordPopup .btn:disabled { opacity: 0.5; cursor: not-allowed; }

#recordPopup .btn-start, #erecordPopup .btn-start { background: #4CAF50; color: #fff; }
#recordPopup .btn-stop, #erecordPopup .btn-stop { background: #ff4b5c; color: #fff; }
#recordPopup .btn-upload, #erecordPopup .btn-upload { background: #2196F3; color: #fff; }
#recordPopup .btn-close, #erecordPopup .btn-close { background: #ccc; color: #333; }

#recordPopup audio, #erecordPopup audio { width: 100%; margin-top: 15px; border-radius: 8px; }

@media (max-width: 600px) {
  #recordPopup, #erecordPopup {
    padding: 15px;
  }
  #recordPopup .btn, #erecordPopup .btn {
    width: 100%;
    margin: 6px 0;
  }
}

/* Blink animation */
.blink {
  animation: blink 1s step-start infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}



select { color: #82868a !important; }

.mobile-main-body .button-menu-list { max-height: 500px; overflow-y: scroll; }

#edit_followup_modal .modal-dialog { max-width: 600px !important; }

/* TASK - 1807 */
@media (max-width: 575px) {
.header .icon-link ul li>a{padding-left:8px; padding-right:8px;}
.header .icon-link ul li:last-child a{font-size: 10px;}
.search .header-companyName{font-size: 0.8rem;}
.header .row .collum-width .icon-link .nav .animated-tada{padding-right: 0;}
.header .row .collum-width .icon-link .nav .animated-tada > span{line-height:normal !important;}
.header .row .collum-width{position:relative;}
.header .row .collum-width .icon-link.pr-0{position:absolute; left:0; right:0; margin:auto; top:5px; display:flex; justify-content:center;}

}

.page-main .page-contant .estimate_task_details textarea.proposal_items_task_details[readonly]{border:1px solid #ced4da; background:rgba(233,236,239,0.5);}
.zp_dark_theme .page-main .page-contant .estimate_task_details textarea.proposal_items_task_details[readonly]{background:rgb(255 255 255 / 5%); border-color:rgb(255 255 255 / 5%);}


@media (max-width: 480px) {
.tax_div > .mobile-1_1 > .row > .mobile-1_2 label{max-width:180px; min-height:42px;}
.tax_div > .mobile-1_1 > .row > .mobile-1_2 input{max-width:80px;}
.tax_div > .mobile-1_1 > .row > .mobile-1_2:last-child{width:calc(50% - 50px);}
.tax_div > .mobile-1_2{width:auto; margin:0 0 0 -55px;}
.tax_div > .mobile-1_2 label{min-height:42px;}

.datatables .page-main .page-contant .data-table #users_form h3{float:none;}

}


@media (min-width: 768px) {
.estimatlist-tboxOut .titlebox th.th-itemPrice{width: 675px;}

}

@media (max-width: 767px) {
  .estimatlist-tboxOut .titlebox th.th-itemPrice{min-width: 210px; width:auto;}
  .estimatlist-tboxOut .titlebox th.th-itemPrice strong{min-width: 210px; white-space: normal; text-align: left;}
}

@media (max-width: 480px) {
  .estimatlist-tboxOut .titlebox th.th-itemPrice strong{max-width: 210px;}
}



.main-body.setting-fld{padding-bottom: 15px;}
.main-body.setting-fld > .form-group{margin-bottom: 0}


.scheduled_time_box .tp:has(label.error){padding-bottom: 3.5rem;}
.scheduled_time_box .tp label.error{position: absolute; bottom: 5px; line-height: 1; word-break: break-all;}

/* task - 2048 */
.alert.border-red { border: 3px solid red; }

/* task - 2043 */
input.inv-exceed { width: 100px; display: inline; }


@media (max-width: 950px){
  .scheduled_time_box .tp:has(label.error){padding-bottom: 4.2rem;}

}

@media (max-width: 767px){
  .scheduled_time_box .tp:has(label.error){padding-bottom: 2.7rem;}

}



/* task - 2070 */
#customAlert, 
#customConfirm { display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; padding:20px; border:1px solid #ccc; z-index:999999; text-align:center; }