/*.site-navbar .navbar-container {
margin-left: 300px;
}*/
.pad1{width: 560px !important; height: 130px !important;}
.page{max-width:1600px}
.page-content{padding-top: 60px;}
/*http://projects.designextensions.com/#/tasks/11991618*/
/*.page-header{padding-top: 60px;}*/
/*http://projects.designextensions.com/#/tasks/11992194*/
.img-custom-width{max-width:76px;max-height:76px;padding:0; margin-right:3px;float:left;}

/*http://projects.designextensions.com/#/tasks/12129978 B*/
/*Start code for resize the image https://projects.designextensions.com/#/tasks/16488232 28-05-2020 @@@ */
.img-200{
    /*width: 200px !important;
    height: auto !important;*/
    max-width: 76px !important;
    max-height: 76px !important;
    object-fit: cover;
}
/*http://projects.designextensions.com/#/tasks/12129978 B*/

/*http://projects.designextensions.com/#/tasks/12416855 B [start]*/
.index-logo{
    display: flex;
}
.right-logo{
    padding-left: 75px;
}
/*http://projects.designextensions.com/#/tasks/12416855 B [end]*/



/*http://projects.designextensions.com/#/tasks/12027371  Date-18-05-2018 [start]*/
.label-custom-padding { padding-top: 19px; }
/*http://projects.designextensions.com/#/tasks/12027371  Date-18-05-2018 [end]*/

.page-header +.add_p .page-content {
padding-top: 0;
}
.app-calendar .page { max-width: 1600px !important;}
.site-menubar {
padding-left: calc((100% - 1600px) / 2 + 30px) !important;
padding-right: calc((100% - 1600px) / 2 + 30px) !important;
}
.site-navbar {
padding-left: calc((100% - 1600px) / 2 + 10px) !important;
padding-right: calc((100% - 1600px) / 2 + 30px) !important;
}
.site-menu-sub .site-menu-item > a {
width: 226px !important;
}

.text-custom-btn{ text-align: center;}
.text-custom-pagination{ text-align: center; margin-top: 15px; }
.text-custom-pagination .pagination{ float: none !important;}
textarea { resize: none !important;}
.mt-20 { margin-top:20px;}
.ml-none { margin-left:0;}
a.ml-none { margin-left:0 !important;}
.page-login-v2 .page-login-main .brand-img {    max-width: 100px;}
.page-login-v2 .page-brand-info .brand-img { max-width: 300px;}
.btn-1 { background-color:#599241; border-color:#599241;   }
.btn-1:hover, .btn-1:focus, .btn-1:active { background-color:#4F8039; border-color:#4F8039;   }
.or-divider { display:block; background-image:url(../images/or-divider.png); background-repeat:repeat-x; background-position:left center; text-align:center; margin:20px 0;}
.or-circle { width:40px; height:40px; background-color:#fff; display:inline-block; line-height:40px; color:#ccc; border-radius:50%; font-weight:500; }
.video-thumbnail { display:block; margin:20px 0 0 0;} 
.video-thumbnail a { display:inline-block;  width:135px; text-align:center; color:#333; background-color:#fff; border-radius:5px; padding:25px 5px; margin-right:10px; border:1px solid #3f51b5;text-decoration: underline;}
.video-thumbnail a img { max-width:150px;  }
.divider-1 { display:block; background-image:url(../images/or-divider.png); background-repeat:repeat-x; height:1px; margin:50px 0;}
.mb-none {margin-bottom:0;}
/*http://projects.designextensions.com/#/tasks/12027371  Date-17-05-2018 [start]*/
.page-content.container-fluid.wrapper-1 { max-width:100%;}
/*http://projects.designextensions.com/#/tasks/12027371  Date-17-05-2018 [end]*/
.help-icon { position:absolute; top:5px; right:-5px;}
.add-parts .tooltip { min-width:200px;}
.ml-20 { margin-left:20px;}
.a1 { display:inline-block; margin:2px 0 0 0;}
.form-1 label { font-weight:500; display:inline-block; line-height:15px;}
.form-1 .form-group { margin-bottom:10px;}
.setting-column label { text-align:left !important; display:block;} 
.mt-10 { margin-top:10px;}
.form-1 .panel-body { padding:15px 30px;}
.collapse-box-1 { padding:10px 0; background-color:#F7F7FB; border-radius:5px; margin-bottom:10px; position:relative;  } 
.level-opt { display:inline-block; margin-right:10px; text-align:left;  }
.video-channel { display:block; margin:15px 0 0 0; margin-left: 10px; }
.video-channel a { color:#599244; font-size:18px; font-weight:500;}
.view-more-1 .fa-plus-circle { font-size:22px; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-3px; }
.view-more-1 .fa-minus-circle {
font-size: 22px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-top: -3px;
}
a.view-more-1 { text-decoration:none;}
a.view-more-1:hover { text-decoration:none; color:#7280CD; }
.icon-close-1 { color:#333; float:right; position:absolute; top:0px; font-size:15px;  right:70px;}
.close-icon-less.icon-close-1 { color:#333; float:right; position:absolute; top:-20px; font-size:15px; right:25px;}
.icon-close-1:hover { color:#F44336;}
.icon-close-5 { color:#333; float:right; position:absolute; top:0px; font-size:15px;  right:0px;}
.close-icon-less.icon-close-5 { color:#333; float:right; position:absolute; top:-20px; font-size:15px; right:25px;}
.icon-close-5:hover { color:#F44336;}
.icon-close-6 { color:#333; float:right; position:absolute; top:0px; font-size:15px;  right:30px;}
.close-icon-less.icon-close-6 { color:#333; float:right; position:absolute; top:-20px; font-size:15px; right:25px;}
.icon-close-6:hover { color:#F44336;}
.icon-close-7 { color:#333; float:right; position:absolute; top:-10px; font-size:15px;  right:0px;}
.close-icon-less.icon-close-7 { color:#333; float:right; position:absolute; top:-20px; font-size:15px; right:25px;}
.icon-close-7:hover { color:#F44336;}
.view-more-2 .fa-plus-circle, .view-more-2 i { font-size:16px; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-5px; }
a.view-more-2 { text-decoration:none;margin-top: 15px;}
a.view-more-2:hover { text-decoration:none; color:#7280CD; }
.text-front-label [class^="col-"] { padding-top:5px;}
.page-copyright .social .icon{ color:#fff !important; }
.label-1 { font-weight:500; }
.label-2 { font-weight:500; }
.quality-label { text-align:center;}
.data-1 { margin-top:5px;}
.icon-close-2 { color:#333; float:right; position:absolute; top:5px; font-size:15px; right:25px;}
.icon-close-2:hover { color:#F44336;}
.input-1 { padding-right:30px;}
.company-logo-box { position:relative; display:inline-block; }
.icon-close-3 { color:#333; float:right; position:absolute; top:-7px; font-size:15px; right:-20px;}
.icon-close-3:hover { color:#F44336;}
.icon-close-4 { color:#333; float:right; position:absolute; bottom:10px; font-size:15px; right:-10px;}
.icon-close-4:hover { color:#F44336;}
.relative { position:relative; }
.min-max { text-align:center; }
.left-fixed-bar {    float: left;    width: 100%;}
.right-scrollable-bar {    float: left;    width: 100%;}
.fixed-col {    background-color: #f9fafb;    border-left: 1px solid #d7d7d7;    color: #4a4a4a;    float: left;    font-size: 14px;    width: 100%;    padding-left:15px !important;}
.table-style {    border-bottom: 1px solid #d7d7d7;    border-right: 1px solid #d7d7d7;    padding: 10px 5px 0px 5px;    text-align: left;}
.company-column {    border-top: 1px solid #d7d7d7;    text-align: center;}
.side-col {    background-color: #fff;    float: left;    width: 25%;   padding-left:20px; padding-right:20px;}
.offer-left { padding-right:0 !important;}
.offer-right { padding-left:0 !important;}
.offer-main { border-top: 1px solid #d7d7d7; margin:30px 0; }
.label-3 { display: block; line-height:15px; font-weight:500; padding:10px 0 0 0 ;}
.offer-right input { margin-bottom:0 !important;}
.side-col  [class^="col-"] { padding-left:10px !important; padding-right:10px !important;}
/*http://projects.designextensions.com/tasks/11989141*/
/*.form-horizontal h4 { word-break:break-all; }*/
select.form-control option { border-right:1px solid #ddd;}
.pending { color:orange; font-size:22px;}
.approved { color:green; font-size:22px;}
.vmiddle { vertical-align:middle !important;}
.a2 { text-decoration:none !important;}
.table-1 .time-from-now { font-weight:500;}
.head-1 { display:block; font-weight:500; font-size:36px; color:#6BB361; line-height:30px; margin:40px 0 0 0; }
.bg-gray { background-color:#fafafa; }
.table-1 tr td { border:0 !important;}
.table-divider-1 td { height:1px !important; max-height:1px !important; line-height:1px; background-color:#ccc; padding-top:0 !important; padding-bottom:0 !important; }
.form-managed-file .form-file { float:left; margin-right:10px;}
.list-1 { display:block; margin:0; padding:0; list-style-type:none;}
.list-1 li { display:block; margin:0 0 5px 0; padding:0; list-style-type:none;}
.form-2 label  { font-weight:300 !important; }
.form-2 .checkbox-custom label { font-weight:400 !important;}
.form-2 [class^="col-"]  { padding-left:30px; padding-right:30px;}
.form-2 { margin-bottom:0px; border-bottom:1px solid #ddd; padding-bottom:20px; }
.shadow-none { box-shadow:none !important; margin-bottom:0 !important;}
.calendar-1 { padding:0 20px !important;}
#map-2 {  float:left;}
.technician-name { color: #4caf50; font-weight:400; }
.qus-text  { color: #2196f3; font-weight:400; }
.sort-date{cursor: pointer;}
.sort-alpha{cursor: pointer;}
.sort-numeric{cursor: pointer;}
.cs.sorting_asc{ background-image: url(../images/up-arrow.png); background-repeat: no-repeat; background-position: center left 90%;}
.cs.sorting_desc{ background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-position: center left 90%;}
.ui-autocomplete {
max-height: 150px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
/* add padding to account for vertical scrollbar */
padding-right: 20px;
}
.ui-helper-hidden-accessible { display:none; }
.clear { clear:both; }
.right-dropdown { left:auto; right:0 !important;  }
.table-2 td { padding-right:10px; padding-bottom:10px;}
.social-facebook { height:38px; border-radius:38px;}
.site-action {display:none; }
.tab-navigation .nav-tabs > li > a { height:70px; background-color:#EEEEEE; line-height:70px; color:#616161; padding:0 20px; 
border-right:0 !important; margin-right:0 !important; border-radius:0;    }
.tab-navigation .nav-tabs > li.active > a { background-color:#3F51B5; color:#fff; }
.step-text { color:#3F51B5; }
.gray-box-1 { padding:10px; background-color:#fff; margin-bottom:20px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}
.heating-box-1 {  background-image:url(../images/icon-summer.png); background-repeat: no-repeat; background-position:right 10px top 10px; }
.cooling-box-1 { background-image:url(../images/icon-cooling.png); background-repeat: no-repeat; background-position:right 10px top 10px;}
.table-2-wrapper .table-2 td  { border:0 !important; }
.gray-box-1 .table-2 td   { line-height:16px;}
.alert-primary { background-color:#e7ecff;}
.two-circle { max-width:70%; display:inline-block; margin:0 auto;}
.ml-0{ margin-left: 0px !important;}
.checkbox-custom.checkbox-primary.ml-0{ margin-left: 0px !important;}
.custom-table.table td > .checkbox-custom:only-child { text-align: center !important;}
/*.list_1 .control-label.label-2.upper-label{ display: block;}*/
.list_1 .control-label.label-2.upper-label{ display: block;}
.control-label.label-2.upper-label{ display: none;}
.checkbox-4 { padding-top:0px !important;}
#list-special-parts-section .first-row-coloum-name:first-child  .label-2.upper-label{ display: block;}
#list-special-parts-section .first-row-coloum-name .label-2.upper-label{ display: none;}
#list-special-parts-section .first-row-coloum-name.margin-box{ margin-bottom: 10px;}
#list-included-services .first-row-coloum-name:first-child  .label-1.upper-label { display: block;}
#list-crd-section .first-row-coloum-name:first-child .label-1.upper-label { display: block;}
#list-upgrades-section .first-row-coloum-name:first-child .label-1.upper-label { display: block;}
#list-upgrades-section .label-1.upper-label{ display: none;  }
#list-included-services .label-1.upper-label{ display: none;  }
#list-crd-section .label-1.upper-label{ display: none;  }
.input-place{background-color: #f3f4f5; border-radius: 5px;  margin-left: 250px; max-width: 200px;  padding: 10px;  }
.date-pick{   float: left; min-width: 40px; margin-right: 10px; width:auto;}
.input-place input{ margin-top: 2px;}
.input-place button{ margin-top: 12px;    width: 100%;}
.func-1{ background-color: #36459b; background-color: #36459b; border-radius: 0;    padding: 10px;}
.dashboard .widget, .dashboard .panel {
height: auto !important;
}
.filter-max { max-width: 80%;}
.select-1 { width: auto; display: inline-block; vertical-align: top; }
.panel-actions.custom-filter-row.full-width-filter { transform: none; position: static; margin-top: 10px; margin-left: 16px; margin-right: 30px; top: auto; clear: both;  }
.links-top .btn { margin-bottom: 10px; }
#cke_pricebook-footer{ width: 100% !important;}
.ui-multiselect.ui-helper-clearfix.ui-widget { max-width: 100% !important; overflow: hidden;}
.calender-dash .fc-center {  margin-left: -160px !important;    margin-top: 10px !important;  }
#piechartcompanies{ width: auto !important;  max-width: 100%;}
#piechartQualitySelected{ width: auto !important;  max-width: 100%; margin-left: 15px; 
margin-right: 15px;} 
.custom-chk{ display: inline-block;}
.inner-padding-gray{ padding-right: 15px; display: block;} 
.btn-bottom{ margin-bottom: 15px;}
#quickstatsoptions_period_1,#quickstatsoptions_period_financial{ margin-bottom: 5px !important;} 
.form-horizontal .control-label.p-0 {padding-top: 0px;}
#intercom-container .intercom-launcher{ right:5px !important; bottom:40px !important; }
ul.site-menu-sub { padding: 0px 0 !important;}
.site-menu-item > a {    line-height: 35px;}
.checkbox-custom label { cursor:default !important; }
.form-horizontal .control-label.label-2 { padding-top: 0px; }
.btn.btn-default.waves-effect.waves-light{ background-color: transparent; border-color: #3f51b5 !important;
color: #3f51b5;
}
.btn.btn-default.waves-effect.waves-light:hover,.btn.btn-default.waves-effect.waves-light:focus{ background-color: #3f51b5; border-color: #3f51b5 !important;
color: #fff;
}
#main-panel{ min-height: 550px;}
#mainPicker {margin-left: 230px; margin-top: 37px;}
.site-menu .site-menu-item .site-menu-sub.sub-height{max-height: 350px; overflow:scroll;}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5); 
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.form-horizontal .checkbox-custom{ padding-top: 0px !important;}
#exampleAccount .checkbox-custom{padding-left: 35px;}
/*.site-navbar .navbar-container {margin-left: 290px;}*/
.form-horizontal .checkbox-custom {min-height: 20px;}
.text-custom-btn .btn{ margin:3px;}
.resend-btn br{ display: none;}
.help-url{ background-image: url(../images/http_img.jpg); background-repeat: no-repeat; background-position: 5px center; } 
input.form-control.help-url[type="text"]{ padding-left: 45px !important;}
.seprator_line{border-bottom: 1px solid #CCC; margin-right: 1px;
padding-bottom: 20px;}

/*http://projects.designextensions.com/#/tasks/11991618*/
b, strong {
    font-weight: 600;
}
/*http://projects.designextensions.com/#/tasks/11991618*/

/*http://projects.designextensions.com/#/tasks/11989141*/
.form-horizontal .col-lg-2.col-md-2.col-sm-5 h4{
	word-wrap: normal;  
}
/*http://projects.designextensions.com/#/tasks/11989141*/

/*http://projects.designextensions.com/#/tasks/12065161  Date-17-05-2018 [start]*/
.alert.alert-info.info_text{
	margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 0px;
}
.custom-panel{
top: 79%;
}
/*http://projects.designextensions.com/#/tasks/12065161  Date-17-05-2018 [end]*/

/*http://projects.designextensions.com/#/tasks/11852311 Date-05-06-2018 [start]*/
.topaddres {
    font-family: 'Helvetica';
    width: 347px;
    line-height: 20px;
    font-size: 15px;
    float: right;
    padding: 10px 0 0 34px;
    font-size: 18px;
}
.topaddres a{
    color: #333333; text-decoration: none;
}
.topaddres a:hover {
    color: #686868;
    background-color: inherit;
}
.expertair_logo {
    padding: 0 5px 0 5px;
    float: left;
    border-right: 1px solid #f4f4f4;
}
.topaddres + td h2{    font: 23px/27px Helvetica, Arial, sans-serif;}
.table-mb10{ margin-bottom: 10px;}
/*http://projects.designextensions.com/#/tasks/11852311 Date-05-06-2018 [end]*/

/*http://projects.designextensions.com/#tasks/12459355 B [start]*/
.page-active > a:first-child{
    background-color: #4caf50 !important;
    border: 1px solid #4caf50 !important;
    color: #fff !important;
}
.page-active > a:hover:first-child{
    background-color: #4caf50 !important;
    border: 1px solid #4caf50 !important;
    color: #fff !important;
}
.page-active span{
 color: #fff !important;
}
.header-btn a{width: 100%; text-decoration: none;}
.header-btn a span{display: block;}
.bottom-text{text-align: center !important;font-size:16px; font-weight: bold; letter-spacing: 1px;}
.right-icon{padding-left: 10px; float: right;}
.upper-text{color: #28478a; font-weight: bold;font-size: 17px;}
.header-btn .btn-success{background-color: #fff; border: 1px solid #fff;}
.header-btn .upper-btn:hover,.upper-btn:active,.upper-btn:focus{background-color: #fff !important; border: 1px solid #fff !important;}
.font-icon{color: #979797; font-size: 40px;}
.bottom-btn{background-color: #2b2b2b !important; border: 1px solid #2b2b2b !important;}
.bottom-btn:hover,.bottom-btn:active,.bottom-btn:focus{background-color: #2b2b2b !important; border: 1px solid #2b2b2b !important;}
.upper-btn{/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 5px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 5px; }
  .bottom-btn{/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 5px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 5px; }
  .Profile-section{
    padding-bottom: 5px !important;
  }

.commercial-unit-small {
    width: 65px;
    margin-left: -12px;
}
.commercial-unit {
    width: 142px;
}
  @-moz-document url-prefix() {
.bottom-text {
 display: inline-flex !important;
  }
}







/*-----, 26-07-18, task# 12457132, code by bhushan*/
/*.custom-header-logo{
            padding: 20px 20px;
}*/
.custom-nav{
    height: 117px;
}
.custom-nav .navbar-brand-logo {
    height: 60px !important;
}
.right-header {
    width: 275px;
    height: 46px;
    border-radius: 5px;
    background-color: #ffffff;
    padding-top: 10px;
    color: #36459b;
    font-weight: bold;
    font-size: 16px;
    float: right;
    margin-top: 8px;
}
.right-header::before {
    content: " ";
    background-image: url('../images/lead_landing_page_whatsapp_icon.png') !important;
    width: 39px;
    float: left;
    height: 36px;
    background-repeat: no-repeat;
    margin-left: 15px;
    margin-top: -4px;
}
.main-hdr{
    padding: 26px 0px;
    /*background-color: #36459b;*/
    position: fixed;
    width: 100%;
    z-index: 1;

}
.main-hdr .navbar-brand-logo {
    /*width: 365px;
    height: auto;*/
    height: 65px;
    width: 100%;
    display: block;
}
.main-hdr .navbar-brand {
    padding: 5px 20px;
    font-weight: 500;
}
.middle-section-form {
    padding-top: 117px !important;
}
.deler-page-title{
    color: #707070;
    font-size: 30px;
    font-weight: bold;
}
.deler-first-p{
    line-height: 27px;
    color: #707070;
    font-size: 20px;
}
.deler-second-p{
    line-height: 20px;
    color: #707070;
    font-size: 16px;
    margin-bottom:30px;
}
.deler-btn, .deler-btn:hover, .deler-btn:active, .deler-btn:focus {
    width: 242px;
    height: 46px;
    border-radius: 5px;
    background-color: #5bbec6 !important;
    border: 1px solid #5bbec6 !important;
    font-size: 16px;
    letter-spacing: 0.8px;
    font-weight: bold;	
}
#lead_form_container input{
    border: 1px solid #707070 !important;
}
form.deler-form .page-content{
    padding-top: 40px;
}
form.deler-form .panel{
    background-color: #fff;
    box-shadow: none;
}
.deler-footer{
    background-color: #ccc;
    color: #4a4a4a;
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0px;
}
.deler-footer .site-footer-legal{
    float: none;
    text-align: center;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.8px;
}
.img-position{
    position: fixed;
    bottom: 1px;
    width: 1300px;

}
.img-position img{
    float: right

}
.deler-form .form-control {
    height: 45px !important;
}
.deler-form input[type="text"].form-control {
    padding: 12px !important;
}
.deler-form .page-content.container-fluid.wrapper-1{padding-left: 0px;}
.proposal-price-text .mobile-bottom-gap .row .col-sm-2,.proposal-price-text .col-sm-10 .mobile-bottom-gap .col-sm-2 {
    width: 196px;
}
.proposal-price-text .col-sm-10 .mobile-bottom-gap .col-sm-2 {
    width: 196px;
}



@media (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
    .img-position {
        bottom: 35px !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .custom-left-part {
        width: 50% !important;
    }
}
@media (max-width:2000px) {
    .img-position {
        position: fixed;
        bottom: 35px;
        width: 500px; 
        right: 0;
    }
    .img-position img {
        float: right;
        padding-right: 250px;
    }	

}
@media (max-width:1366px) {
    .img-position {
        position: fixed;
        bottom: 1px;
        width: 500px; 
        right: 0;
    }
    .img-position img {
        float: right;
        padding-right: 0px !important;
    }	
	.index-logo{
		padding-left: 30px !important;
	}
}

@media (max-width:1440px) {
    .img-position {
        position: fixed;
        bottom: 35px;
        width: 500px; 
        right: 0;
    }
    .img-position img {
        float: right;
        padding-right: 115px !important;
    }	
    .bottom-text{font-size: 13px;}.upper-text{font-size: 14px;
}
}
@media (max-width:1280px) {
    .bottom-text{font-size: 12px;}.upper-text{font-size: 13px;}
}

/*http://projects.designextensions.com/#tasks/12459355 B [end]*/
@media (max-width:1300px) {.video-thumbnail a {width: 225px; margin-bottom:10px; padding:10px;}.video-thumbnail a br{ display:none;}
.calender-dash .fc-center { margin-top: 50px !important;}
}
@media (max-width:1200px) {
.panel-actions.custom-filter-row.full-width-filter [class^="col-"] { margin-bottom: 10px; }
.panel-actions.custom-filter-row.full-width-filter .btn2 { margin-left: 0;}
.page-login-v2 .page-brand-info { margin: 220px 0 0;}
.custom-pagination { margin-bottom: 10px;}
/*.video-3, .video-4 { display:none !important;}*/
.level-opt { margin-right:0;} 
.page-content.container-fluid.wrapper-1 { max-width:100%;}
.form-1 .panel-body { padding: 15px;}
.collapse-box-1 { padding-left:20px; padding-right:20px;}
/*.label-head-1 [class^="col-"] { padding-left:2px; padding-right:2px;}
*/
.quality-label { text-align:left; margin-top:10px;}
.form-2 [class^="col-"]  { padding-left:15px; padding-right:15px;}
.app-calendar .page { max-width:inherit !important ;}
.chart-1 .form-group  { margin-bottom:10px;}
.tab-navigation .nav-tabs > li { width:16.60%; }
.tab-navigation .nav-tabs > li > a { line-height: normal; padding-top:8px; padding-left:10px; padding-right:10px; }
#video-1 { max-width:100%;}
/*http://projects.designextensions.com/#tasks/12459355 B [start]*/
.bottom-text{font-size: 15px;}
/*http://projects.designextensions.com/#tasks/12459355 B [end]*/
}
@media (max-width:1024px) {
.page-login-v2 .page-brand-info > p{ color: inherit !important;line-height: 24px;font-size: 19px !important;
opacity: 1!important; }
.icon-close-5 {top: 0;}
.icon-close-6 { top: 0;right: 0px; bottom: 0px;}
::-webkit-scrollbar{
-webkit-appearance: none;
width: 3px;
height: 3px;
}
/*http://projects.designextensions.com/#tasks/12459355 B [start]*/
.bottom-text{font-size: 16px;}
.upper-text {
    font-size: 17px;
}
/*-----, 26-07-18, task# 12457132, code by bhushan*/
    .img-position {
        position: fixed;
        bottom: 35px;
        width: 500px; 
        right: 0;
    }
    .img-position img {
        float: right;
        padding-right: 0px !important;
    }	
/*-----, 26-07-18, task# 12457132, code by bhushan*/
/*http://projects.designextensions.com/#tasks/12459355 B [end]*/
}
@media (max-width:1023px) {
.calender-dash .fc-toolbar .fc-right { top: 0px !important;}
.calender-dash .fc-toolbar { margin-bottom: 15px;}
.site-footer{ height: auto;}
#main-panel { min-height: 1000px;}
.a3 {display: block;}
}
@media (max-width:980px){.video-thumbnail a{display: block;}
}
@media (max-width:979px) {
/*.video-2 { display:none !important;}*/
.fc-toolbar .fc-right {    top: 0 !important;}
.fc-toolbar .fc-center { float: left; margin: 0 0 0 12%; padding: 5px 0 0 0; }
.panel-actions.custom-filter-row.filter-max { position: static; max-width: 100%; margin-right: 20px; margin-top: 20px;}
.panel-actions.custom-filter-row.filter-max [class^="col-"] { padding-right: 2px; padding-right: 2px;}
.page-login-v2 .page-brand-info .brand-img {    max-width: 250px;}
.page-login-v2 .page-brand-info > p { display: block; opacity: 0.6;  color: #fff;     max-width: 250px !important; text-align:center; font-size:16px !important; } 
.video-channel, .video-thumbnail { max-width:250px !important; }
.video-channel span  { display:block;  }
#map-1 { height: 550px !important;}
#map-2 {height: 450px !important; float:left;}
.site-footer { height:auto ;}
.heating-box-1 { background-size:23px 32px;}
.cooling-box-1 { background-size:26px 30px;}
.gray-box-1 select.form-control, .gray-box-1 input.form-control  { min-width: 80px;}
.proposal-desc { display: block; word-wrap: break-word;}
.calender-dash .fc-center { margin-left: 0 !important; margin-top: 50px !important;}
.calender-dash .fc-button.fc-month-button, .calender-dash .fc-button.fc-agendaWeek-button, .calender-dash .fc-button.fc-agendaDay-button {
padding: 8px 3px !important;
}
#main-panel {
min-height: 780px;
}
	.index-logo {
    padding-left: 0px !important;
}

}
@media (max-width:767px) {
.fc-toolbar .fc-center { position: absolute; left: 0; width: 100%; margin: 0; text-align: center; top: 50px; }
.fc-toolbar .fc-center h2 { display: block !important; text-align: center; width: 100%;  }
#pop-up-search-box-form [class^="col-"] { margin-bottom: 10px;}
.panel-actions.custom-filter-row.filter-max { max-width: 100%; margin-right: 20px; margin-top: 0px;}
.panel-actions.custom-filter-row.filter-max [class^="col-"] { padding-right: 15px; padding-right: 15px;}
.custom-pagination .btn { margin-bottom: 10px; }
.text-custom-btn select.form-control { margin-bottom: 10px;}
.custom-filter-row [class^="col-"] { margin-bottom:10px;}
.mt-20-mobile { margin-top:20px;}
.page-login-v2 .page-login-main .brand-img {  max-width: 100%;}
.page-content.container-fluid { max-width:100%;} 
.mobile-bottom-gap [class^="col-"]  { margin-bottom:20px;}
.mobile-bottom-gap [class^="col-"]:last-child  { margin-bottom:0px;}
.mobile-bottom-gap-2 [class^="col-"]  { margin-bottom:10px;}
.mobile-bottom-gap-2 [class^="col-"]:last-child  { margin-bottom:0px;}
.help-icon { right: -2px; }
.video-channel { margin-top:0;text-align: center;margin: 0px auto;}
.page-login-v2 .page-login-main .brand { margin-bottom: 30px; text-align:center;} 
.page-login-v2 .page-login-main .brand-img {  max-width: 250px;}
.video-channel { max-width:100%; }
.page-content, .page-header { padding-left:10px; padding-right:10px; }
#map-1 { height: 450px !important;}
.video-thumbnail{margin: 10px auto;}
.export-table td, .export-table th { white-space: normal !important; }
.right-scrollable-bar { display:block; overflow:auto; }
.inner-scroll { width:570px;}
.chart-1 .form-group, .form-inline-2 .form-group  { display:inline-block !important; margin-right:20px;  width: 100%; }
.stats .panel-body, .panel-footer, .panel-title,  .stats  .padding-horizontal-30 {  padding-left: 15px !important; padding-right: 15px !important;}
.chart-1 .form-group .form-control { margin-bottom:0px; width: 100%;}
.page-login-main .visible-xs  p { text-align:center; }
.tab-navigation .nav-tabs > li { width:100%; }
.tab-navigation .nav-tabs > li a { width:100%; height:auto; padding-bottom:10px; }
.large-button { margin-top:10px; text-align:left !important;}
.two-circle { max-width:100%; margin:0 auto;}
.control-label.label-2.upper-label{ display: block;}
#list-special-parts-section .first-row-coloum-name .label-2.upper-label{ display: block;}
#list-included-services .label-1.upper-label{ display: block;  }
#list-crd-section .label-1.upper-label{ display: block;  }
#list-upgrades-section .label-1.upper-label{ display: block;  }
.input-place{ margin-left: 0px; }
.input-place input{ float: left;}
.date-pick{   float: left; min-width: 40px; display: block; margin-right: 5px;width: 100%;}
.date-box{display: block;margin-top: 25px;}
.fc-toolbar{ margin-bottom: 60px !important;}
.calender-dash .fc-center {  margin-top: 0 !important;}
.btn-top{ margin-top: 20px;}
/*.checkbox-custom {float: left;}*/
.video-thumbnail a { width: auto; margin-bottom: 10px; padding: 10px; margin-top: 5px;}
#main-panel {  min-height: 400px;}
#mainPicker {margin-left: 15px;margin-top: 10px;}
.navbar-toggle {padding: 22px 0px;margin-left: 5px;}
#intercom-container .intercom-launcher {right: 10px !important;bottom: 115px !important;}
.text-front-label [class^="col-"] {vertical-align: top;padding-top: 0px !important;margin-top: 0px;}
.icon-close-5 {top: auto;}
.icon-close-6 { top: auto;right: 0px; bottom: 0px;}
.collapse-box-1 {padding-left: 15px;padding-right: 15px;}
.radio-custom label {margin-right: 10px;}


.form-1 .form-group { margin-bottom:10px; margin:0px;}

/*http://projects.designextensions.com/#tasks/12459355 B [start]*/
.header-btn{width: 90%; margin: 0 auto;}
.header-btn div{margin-bottom: 10px;}

/*-----, 26-07-18, task# 12457132, code by bhushan*/

    .right-header {
        float: none;
        margin: 0 auto;
        margin-top: 70px;
}
    .main-hdr {
        padding: 20px 0px;
        background-color: #36459b;
    }	
    .main-hdr .navbar-brand-logo {
        width: 315px;
    }	

    .img-position{
        position: relative;
        bottom: 70px;
        right: 0px;
        width: 100%;
    }
    .img-position img{
        float: none;	
        width: 100%;	
    }
/*-----, 26-07-18, task# 12457132, code by bhushan*/



.page-content .page-brand-info{
        width: 100%;
}
.index-logo{

        flex-direction: column;
}
.brand.right-logo{
        z-index: 999;
        margin: 0 auto !important;
        padding-left: 0px;
        float: left;
}
.page-login-main a img.img-responsive { 
       padding-top: 60px;
    float: left;
    margin: 0 auto;
}
.responsive-bottom-btn{
    padding-left: 60px;
}
.responsive-middle-button{
    display: flex;
}
.announcements{
        display: flex;
    margin: 0 auto !important;
    width: 90% !important;
}
.announcements .has-error{
        z-index: 999;
}
.hide-device{
    display: none;
}
.page-dark.layout-full .brand {
    margin-bottom: 0px;
}
.announcements-md{
     padding-top: 80px !important;
}
.announcements.visible-xs.announcements-md{
    margin-bottom: -60px !important;
}
.announcements.visible-xs{
    margin-bottom: -60px !important;
}
.col-xs-6.col-sm-6.responsive-bottom-btn a{float: right;}

.home-page-button{
    width: 100%;
    padding-top: 2px;
}
.w-100{
    width: 100%;
    padding-top: 10px;
}

}
/*http://projects.designextensions.com/#tasks/12459355 B [end]*/


@media (max-width:479px) {
.multi-buttons .btn { margin-bottom:10px;}
#map-1 { height: 300px !important;}
.media-1 .media-body { display:block; width:100%;}
.head-1 { margin:20px 0 20px 0; }
.x-mobile-ml-0 { margin-left:0 !important;}
.icon-close-4 {right: 0px;}
.fc-button.fc-month-button, .fc-button.fc-agendaWeek-button, .fc-button.fc-agendaDay-button { padding: 8px 3px !important;} 
.navbar-brand { padding: 22px 0px;}
.resend-btn br{ display: block;}
.mce-container, .mce-container-body {
    display: block;
    overflow: scroll;
    padding-bottom: 5px !important;
}
    .mce-flow-layout-item.mce-last {
    clear: both;
    float: left;
    margin-bottom: 3px;
    margin-right: 2px;
    padding-bottom: 8px;
}
.mce-listbox button{ width: 97px !important; }

}
    /*http://projects.designextensions.com/#/tasks/12416855 B [start]*/
@media (min-width: 768px) and (max-width: 1280px) {
.index-logo{
    flex-direction: column;
}
.right-logo{
    padding-left: 0px;
}
	.page-login-v2 .page-login-main {
    padding: 150px 26px 180px !important;
}
	.page-login-main a img.img-responsive{
		    width: 400px !important;
	}	
}
/*http://projects.designextensions.com/#/tasks/12416855 B [end]*/
.relative_position{
display: inline-block;
    margin-bottom: 18px;
    
    position: relative !important;}
.relative_link{left: 46px;
    margin-bottom: 40px;
    position: absolute;
    top: 35px;}
/* http://projects.designextensions.com/#tasks/11228836 ~~~~~ (Move up the worker image) */
.img-position {
    position: fixed;
    bottom: 60px;
    width: 500px;
    right: 0;
}
/* End http://projects.designextensions.com/#tasks/11228836 ~~~~~ (Move up the worker image) */



/* New Edit page */

@font-face {
font-family: 'HelveticaNeue';
src: url('../fonts/HelveticaNeue/HelveticaNeue.eot'); /* IE9 Compat Modes */
src: url('../fonts/HelveticaNeue/HelveticaNeue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/HelveticaNeue/HelveticaNeue.woff') format('woff'), /* Modern Browsers */
     url('../fonts/HelveticaNeue/HelveticaNeue.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/HelveticaNeue/HelveticaNeue.svg#HelveticaNeue') format('svg') /* Legacy iOS */
}

@font-face {
font-family: 'HelveticaNeue-Medium';
src: url('../fonts/HelveticaNeue/HelveticaNeue-Medium.eot'); /* IE9 Compat Modes */
src: url('../fonts/HelveticaNeue/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/HelveticaNeue/HelveticaNeue-Medium.woff') format('woff'), /* Modern Browsers */
     url('../fonts/HelveticaNeue/HelveticaNeue-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/HelveticaNeue/HelveticaNeue-Medium.svg#HelveticaNeue') format('svg') /* Legacy iOS */
}
@font-face {
font-family: 'HelveticaNeue-Bold';
src: url('../fonts/HelveticaNeue/HelveticaNeue-Bold.eot'); /* IE9 Compat Modes */
src: url('../fonts/HelveticaNeue/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/HelveticaNeue/HelveticaNeue-Bold.woff') format('woff'), /* Modern Browsers */
     url('../fonts/HelveticaNeue/HelveticaNeue-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/HelveticaNeue/HelveticaNeue-Bold.svg#HelveticaNeue') format('svg') /* Legacy iOS */
}

.page.newdgnedithead {font-family: 'HelveticaNeue';font-size: 16px;margin-top: 30px;margin-bottom: 30px;}
.newdgnedithead .page-header {padding: 0px 30px 25px 30px;}
.page.newdgnedithead .form-1 label {line-height: 16px;}
.newdgnedithead .page-title{font-family: 'HelveticaNeue'; font-size: 30px; display: inline-block; width: 39%; text-align: left;color: #fff;}
.newdgnedithead .page-header .breadcrumb{font-family: 'HelveticaNeue-Medium'; font-size: 15px; display: inline-block; width: 60%; text-align: right; color: rgba(255,255,255,0.6);font-weight: normal;}
.newdgnedithead .page-header .breadcrumb li.active, .newdgnedithead .page-header .breadcrumb li a, .newdgnedithead .page-header .breadcrumb>li+li:before{color: rgba(255,255,255,0.6); text-decoration: none; text-transform: uppercase;letter-spacing: 1px;}
.newdgnedit .panel, .newdgnedit .panel .collapse-box-1 {background-color: #fff;border-radius: 0;}
.newdgnedit .form-horizontal .control-label{font-family: 'HelveticaNeue-Medium'; color: #292929; font-size: 18px;text-align: left; line-height: 23px;font-weight: normal;}
.newdgnedit h4, .newdgnedit h4 strong{color: #2130A5; font-family: 'HelveticaNeue-Bold'; font-size: 22px; text-transform: capitalize;margin-bottom: 0;line-height: 36px;font-weight: normal;}
/*.newdgnedit input[type="text"].form-control {border-radius: 0; border-color: #707070 !important;}*/
.newdgnedit .two-col .setting-column {padding-top: 10px;}
.newdgnedit.form-1 .form-group{margin-bottom: 20px;}
.mb-0, .newdgnedit.form-1 .form-group.mb-0{margin-bottom: 0;}
.mt-40{margin-top: 40px;}
.pt-7 {padding-top: 7px;}
.newdgnedit .add-quality-label {display: inline-block;margin: 0 0px 0 10px;}
.newdgnedit h4.add-quality-label {margin-right: 25px; margin-left: 0;}
.newdgnedit.form-1 .add-quality-label .form-group{margin-bottom: 0;}
#number_of_units_id{margin-bottom: 0;}
#number_of_units_id .add-quality-label {display: inline-block;margin: 0 15px 0 0;line-height: 14px;}
#number_of_units_id div.add-quality-label {margin-left: 15px;position: relative;
top: 3px;}
.newdgnedit .view-more-2 i {font-size: 22px;display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: 0;}
.newdgnedit #number_of_units_id div.add-quality-label .view-more-2 i {position: relative;top: 5px;}
/*#number_of_units_id .add-quality-label .view-more-2 i {font-size: 13px;display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: 0;border: 1px solid;border-radius: 50%;width: 22px;height: 22px;line-height: 21px;padding-left: 5px; color: #707070;position: relative;
top: 5px;}*/
.newdgnedit a.view-more-1 {background-color: #3949ab;color: #fff;padding: 5px 35px;font-family: 'HelveticaNeue-Medium';font-size: 17px; min-width: 205px;}
.newdgnedit a.view-more-1 i {font-size: 25px;vertical-align: middle;margin-right: 5px;margin-top: -3px;margin-left: 5px;}
.newdgnedit a.view-details-1{background: #d3d3d3;width: 100%;display: block;padding: 2px 5px;color: #292929;text-decoration: none;margin-top: 10px;font-family: 'HelveticaNeue-Medium'; font-size: 16px; line-height: 22px;font-weight: normal;}
.newdgnedit a.view-details-1 i{float: right; line-height: 22px;}
.newdgnedit .proposal-desc{font-family: 'HelveticaNeue'; font-size: 14px;line-height: 20px;background-color: #f0f0f0;padding: 10px 5px;word-break: break-word;}
.newdgnedit .proposal-price-text {background-color: #818181;padding: 0 0 7px 0;}
.newdgnedit .form-horizontal .proposal-price-text .control-label{color: #fff;font-family: 'HelveticaNeue'; font-size: 17px; line-height: 30px;}
.newdgnedit .form-horizontal .proposal-price-text .mobile-bottom-gap{color: #fff;font-family: 'HelveticaNeue-Medium'; font-size: 20px; padding-top:7px; line-height: 30px;}
.icon-close-5, .icon-close-7{display: none;}
#Outside_Equipment-more label.col-sm-2.control-label, #Electrical_Panel-more label.col-sm-2.control-label, #Blower_DW_Accessories-more label.col-sm-2.control-label{margin-bottom: 20px;}
h4#oetitle {max-width: 250px;}
div#proposal-photo .col-sm-3 {min-height: 250px;max-height: 250px;margin: 10px 0;}
/*Pro-206 */
div#proposal-photo .col-sm-3 a img {width: 94%;height: 250px;object-fit: none;}
div#proposal-doc .col-sm-3{margin: 10px 0;}
.newdgnedit div#past-proposal-hardcopies {max-height: 150px;overflow: auto;}
.newdgnedit a.view-more-2 {text-decoration: none; margin-top: 15px; position: relative; top: -4px;}
.relatedparts .mobile-bottom-gap .control-label p{margin: 0;line-height: 20px;}
/* New Edit page Responsive */
@media (min-width:1366px) {
    .newdgnedit .unitone>div>div {width: 19.4% !important;}
    .unitone>div>div:last-of-type {width: 16.66666667% !important;}
    .newdgnedit .commercial-unit {width: 16%;}
    .newdgnedit .commercial-unit-small {width: 5.5%;margin-left: -25px;}
    .proposal-price-text .mobile-bottom-gap .row .col-sm-2, .proposal-price-text .col-sm-10 .mobile-bottom-gap .col-sm-2{width: 20%;}
}
@media (max-width:1250px) {
.newdgnedit #commercial_section-more input[type="text"].form-control, .newdgnedit #commercial_section-more select.form-control{margin-top:10px;}
.newdgnedit .commercial-unit-small{margin-left: -30px;}
.newdgnedit .add-quality-label{margin: 0;}
}
@media (max-width:1200px) {
#proposal-final-selling-price.form-group, #proposal-final-net-investment.form-group, #proposal-termsandconditions.form-group {padding: 0 15px; }
}
@media (max-width:1023px) {
.newdgnedithead .page-title{width: 100%;}
.newdgnedithead .page-header .breadcrumb{width: 100%;text-align: left; margin-top: 5px;}
.newdgnedithead select.form-control {padding-right: 12px;background-position: 48px center; padding-left: 3px;}
}
@media (max-width:991px) {
	.newdgnedit .add-quality-label{margin: 0 0 0 10px;}
}
@media (max-width:767px) {
.newdgnedit a.view-more-1.pull-right {float: left !important;margin: 10px 0;}
.newdgnedit .commercial-unit-small {margin-left: 0;}
#proposal-final-selling-price.form-group, #proposal-final-net-investment.form-group, #proposal-termsandconditions.form-group {padding: 0; }
.newdgnedithead select.form-control {padding-right: 30px;background-position: center right;padding-left: 13px;}
.newdgnedithead .commercial-unit {width: 100%;}
.newdgnedithead .col-sm-12.mobile-bottom-gap{padding-left: 0px; padding-right: 0px;}
.newdgnedit .add-quality-label {margin: 0 10px 0 0;}
.newdgnedit .unitone>div>div {width: 100% !important;}
}
/*Start http://projects.designextensions.com/#/tasks/13738286 ~~~~~ (Model css)*/
.send_mass_email .form_fields p {
    font-size: 16px;
    margin: 0 0 5px 0;
    text-transform: capitalize;
    color: #333;
}
.send_mass_email .form_fields {
    margin: 15px 0;
}
.send_mass_email .form_fields input[type="text"] {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
}
div#send_mass_email .modal-dialog {
    width: 1200px;
    max-width: 100%;
    overflow-x: auto;
}
.send_mass_email .form_fields a#submit_button_send_mass_email {
    text-decoration: none;
}
#send_mass_email .modal-header {
    padding: 15px 20px 0px 15px;
}
#send_mass_email .modal-body {
    padding: 0px 20px 20px 20px;
}
#send_mass_email .email_sentresponse h2.error_response {
    font-size: 26px;
    color: #b12424;
    text-align: center;
    padding: 10px;
    text-transform: capitalize;
    font-weight: 600;
    display: none;
}
#send_mass_email .email_sentresponse h2.success_response {
    font-size: 26px;
    color: #b12424;
    text-align: center;
    padding: 10px;
    text-transform: capitalize;
    color: #419441;
    font-weight: 600;
    display: none;
}
body .overlay-bg{
    z-index: 9999;
}
button#mass_email_popup_button.disable {
    opacity: 0.6;
    cursor: not-allowed;
}
/*End http://projects.designextensions.com/#/tasks/13738286 ~~~~~ (Model css)*/

/* Start http://projects.designextensions.com/#tasks/13937607 ~~~~~ (Appointment css)*/
#proposalselected #appt_proposal_id,#ticketselected #appt_ticket_id{
    padding-right: 30px;
    background: #fff;
    -webkit-appearance: none;
    padding: 6px 13px;
    width: 100%;
}
/* End http://projects.designextensions.com/#tasks/13937607 ~~~~~ (Appointment css)*/

/* A@@@ code started for this task https://projects.designextensions.com/#/tasks/15666617 */
.showAlertBox{
    margin-left: 97px; 
    margin-right: 90px;
}
#send_mass_email .email_sentresponse h2.error_response_one {
      font-size: 26px;
      color: #b12424;
      text-align: center;
      padding: 10px;
      text-transform: capitalize;
      font-weight: 600;
      display: none;
}
@media only screen and (max-width: 900px) {
    .showAlertBox{
      margin-left: 23px; 
      margin-right: 23px;
    }
}
/* A@@@ code ended for this task https://projects.designextensions.com/#/tasks/15666617 */

@media (max-width: 767px) {
    .page-login-main{ position: relative !important; margin-top: 20px; }
    .page-login-main a img.img-responsive{padding-top: 0px;}
    .page-login-v2 .page-login-main{ width: auto !important; margin-left: -10px; margin-right:-10px;position: relative !important; }

    .page-content{ padding-bottom: 0px; }
    .page-dark.layout-full .brand {    margin-bottom: 30px;    text-align: center;    margin-left: -10px;}
    .announcements{ width: 95% !important; margin-left: 0px !important; }
    .brand-img .proposeAndCloseImage {
        display: block !important;
        margin-bottom: 38px !important;
    }
    
  
}

#quickstatsoptions_ticket_financial {
    margin-bottom: 15px !important;
}

#quickstatsoptions_ticket_jobcosting {
    margin-bottom: 15px !important;
}


.logoimage{
    max-width: 100%;
}
.tabelwidthheaer{
    width: 48% !important;
}


@media screen and (min-width: 767px) and (max-width: 1366px) and (orientation: landscape) {
  .tabelwidthheaer{
    width:85% !important;
   }  
}

@media screen and (min-width: 767px) and (max-width: 1366px) and (orientation: portrait) {
  .tabelwidthheaer{
    width:65% !important;
   }  
}

@media (max-width: 1024px) {
    
    .logoimage{
    /*width: 120px !important; */
   }
  .tabelwidthheaer{
    width:88% !important;
   }
}


/* 23-03-2023 CSS for units page */
/* ESS-897 */
.unique_form_filter {
    display: block;
    margin-left: 16px;
    display: flex;
}
.unique_form_filter div {
   /*  max-width: 200px; */
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 16px;
    width: 100%;
}
.unique_form_filter .form_input_feilds button.btn.btn-primary.btn2.btn4 {
    margin-left: 0;
}
.filter_btn_group {
    overflow: hidden;
    margin: 0 45px;
    display: flex;
}
.filter_btn_group .head-btns {
    display: inline-block;
    min-width: 250px;
    margin-right: 16px;
}
.filter_btn_group .head-btns .btn.btn-block.btn-primary {
    margin-left: 0;
}
.filter-text-custom-btn {
    margin: 0 auto;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.filter-text-custom-btn > * {
    margin-right: 16px!important;
    display: inline-block!important;
    margin-bottom: 16px!important;
}


.filter-text-custom-btn-left {
    margin: 0 auto;
    text-align: center;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.filter-text-custom-btn-left > * {
    margin-right: 16px!important;
    display: inline-block!important;
    margin-bottom: 16px!important;
}
.pr-16 {
    padding-right: 16px !important;
}
.rm-padding {
    padding: 0;
}
.unique_form_filter input[type=submit],.unique_form_filter button[type=submit]{
    width: 53px;
}
/* .units .unique_form_filter div{
    width: 160px;
} */
/* ESS-897 */

.text-custom-btn .btn:not(:last-child) {
    margin: 0 12px 0 0px;
}
.text-custom-btn .btn {
    margin: 0;
}
.waves-effect:not(:last-child) {
    margin: 0 12px 0 0;
}

#register-banner-div{
    line-height:1.2;
    padding-top: 7px;
    margin-top: 5px;
 }
 
 .register-alert-primary{
    display: flex;
    background-color: lab(59 41.03 87.18);
    border: 0px;
    color: #fff;
    height: 40px;
    padding-top: 7px;
    justify-content: space-between;
    max-width: 80%;
    height: 50px;
    padding-top: 7px;
    justify-content: space-between;
    max-width: 100%;
    margin-top: 5px;
 }
 .navbar-inverse .navbar-toolbar>li>a span i {
    margin-left: 8px;
}
 .register-alert-warning{
    display:flex;
    background-color: #ffc107;
    border:0px;
    color:#000;
    height: 40px;
    padding-top: 7px; 
    justify-content: space-between;
    max-width: 80%;
    margin: auto;
 }
 .register-alert-success{
    display:flex;
    background-color: #53a152;
    border:0px;
    color:#fff;
    height: 40px;
    padding-top: 7px; 
    justify-content: space-between;
    max-width: 80%;
    margin: auto;
 }
 .register-alert-danger{
    display:flex;
    background-color: #d54e23;
    border:0px;
    color:#fff;
    height: 40px;
    padding-top: 7px; 
    justify-content: space-between;
    max-width: 80%;
    margin: auto;
 }
 .register-alert-btn{
    margin-top: 6px;
    color: #3f51b5;
    float: right;
 }
/* banner css ipad */
@media screen and (max-width:1200px) {
    .register-alert-primary {
        max-width: 100%;
    }
    #register-div-content {
        font-size: 12px;
        margin-top: 3px;
    }
    .navbar-inverse .navbar-toolbar>li>a {
        color: #fff;
        font-size: 12px;
        padding: 10px 8px;
    }
    .navbar-inverse .navbar-toolbar>li>a {
        color: #fff;
        font-size: 12px;
    }
    .navbar-avatar .avatar {
        width: 22px;
        margin-top: 4px;
    }
    .help_link {
        margin-right: 35px;
        margin-top: 20px;
    }
    
}
@media screen and (max-width:991px) {
    .site-navbar .navbar-container {
        margin-left: 160px!important
    }
    .site-navbar .navbar-header .navbar-brand-logo {
        height: auto;
        width: 100%;
        margin-top: 9px;
    }
    #register-div-content {
        font-size: 12px;
        padding: 0 0 0 5px;
        margin-top: -8px; 
    }
    .sign-up-primary{
          margin-top: 2px !important;
    }
    #register-div-btn {
        padding: 0 8px;
    }
    .register-alert-primary{
        max-width: 100% !important;
    }
    .register-alert-warning{
        max-width: 100% !important;
    }
    .register-alert-success{
        max-width: 100% !important;
    }
    .register-alert-danger{
        max-width: 100% !important;
    }
}

@media screen and (max-width: 1180px) { 
    .site-navbar .navbar-container {
        margin-left: 160px!important
    }
    .site-navbar .navbar-header .navbar-brand-logo {
        height: auto;
        width: 100%;
        margin-top: 9px;
    }
    #register-div-content {
        font-size: 10.5px;        
        padding-right: 0px !important;
        padding-left: 0px !important;
        font-weight: bold;
     }
     .register-alert-btn{
        padding: 0px;
     }
    .sign-up-primary{
          margin-top: 2px !important;
    }
    #register-div-btn {
        padding-left:0px;
        padding-right: 0px;
    }
    .register-alert-primary{
        max-width: 100% !important;
    }
    .register-alert-warning{
        max-width: 100% !important;
    }
    .register-alert-success{
        max-width: 100% !important;
    }
    .register-alert-danger{
        max-width: 100% !important;
    }
}

@media screen and (max-width:767px) {
    .register-alert-primary{
        max-width: 100% !important;
    }
    .register-alert-warning{
        max-width: 100% !important;
    }
    .register-alert-success{
        max-width: 100% !important;
    }
    .register-alert-danger{
        max-width: 100% !important;
    }
    #register-banner-div{
        height:60px;
    }
    #register-div-content{
    font-size: 12px;
    margin-top: -8px;    
    }
    .site-navbar-small .site-navbar {
        height: auto;
        min-height: 60px;
    }
    .navbar-toggle-left {
        float: right;
        margin-right: 14px;
        margin-left: 15px;
    }
    .navbar-toggle.collapsed {
        display: none;
    }
    .navbar-brand-center {
        position: relative;
        left: 0;
        transform: inherit;
    }
    .site-navbar .navbar-header .navbar-brand-logo {
        height: auto;
        width: 100%;
        margin-top: 1px;
        max-width: 200px;
    }
    .site-navbar.navbar-inverse .navbar-container {
        background-color: #fff;
        margin-left: 0!important;
    }
    #site-navbar-collapse {
        display: block;
        border-bottom: 2px solid #3f51b5;
    }
    .new-dashboard-design-wrapper {
        margin-top: 110px;
    }
    .site-menubar ul {
        margin-top: 125px;
    }
 }
/* banner css ipad */

.unregistered {
    background-color: #EA6211;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 2px 8px;
    text-decoration: none !important;
    text-transform: uppercase;

}

.register-approved {
    background-color: #53a152;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 2px 8px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.register-need-attention {
    background-color: #d54e23;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 2px 8px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.register-btn {
    color: #36459B;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    border: 1px solid #36459B;
    border-radius: 5px;
    text-decoration: none !important;
    padding: 8px 12px;

}
.d-flex-td{
    display: flex;
    align-items: center;
}
.d-flex-td p{
    margin-right: 15px;
}
.d-none {
    display: none; 
}
table.table-bg tr th {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
    color: #4A4A4A !important;
    font-size: 16px !important;
    text-transform: uppercase;
}
table.table-bg {
    margin-bottom: 0;
}
table.table-bg tr td {
    color: #4A4A4A !important;
    font-size: 16px !important;
    padding-top: 20px;
    padding-bottom: 20px;
}
table.table-bg tr td a {
    text-decoration: none;
}
/* .reg-page.pagination > li > a {
    color: #fff;
} */
.panel.panel-bg{
    background-color: #FFFFFF;
}
.register-title {
    color: #4A4A4A;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 32px;
}

.page-content.customer-list-1.reg-px {
    padding: 30px 60px
}
.panel-title.reg-panel-title {
    font-size: 24px;
    color: #4A4A4A;
    padding: 28px 0 0 24px;
}
.page-title.reg-panel-title {
    font-size: 24px;
    color: #4A4A4A;
}
body.text-templates, body.edit-text-templates {
    background-color: #F5F5F5;
}
.reg-title-link {
    color: #1E5ACB;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize; 
}
.table-enabled-btn {
    background-color: #3E9C40;
    color: #FFFFFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; 
    border-radius: 18px;
    padding: 0px 13px;
    text-transform: uppercase;

}
.table-disabled-btn {
    background-color: #7B7B7B;
    color: #FFFFFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; 
    border-radius: 18px;
    padding: 0px 13px;
    text-transform: uppercase;
}
.table-enabled-btn:hover {
    color: #ffffff;
}
.table-disabled-btn:hover {
    color: #ffffff;
}
.panel-body.reg-panel-body {
    padding-bottom: 0;
}

.edit-temp .panel {
    background-color: #FFFFFF;
    border-radius: 4px;
}
.edit-temp .page-header {
    padding: 32px 0 0 24px ;
}
.page.edit-temp {
    background-color: transparent;
    border: 0;
}
.page.edit-temp label {
    color: #4A4A4A;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.page.edit-temp label.max-char {
    color: #7B7B7B;
    font-size: 14px;
    font-weight: 400;
}

.page.edit-temp select{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    background-color: #F5F5F5;
    height: 40px;
    border: 1px solid #D8D8D8 !important;
    max-width: 50%;
    color: #4A4A4A !important;
}
.page.edit-temp .page-content {
    padding: 0;
}

.app-calendar .page.page.edit-temp {
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100% !important;
    padding: 10px 60px;
}
.page.page.edit-temp .panel-body .row{
margin-right: 9px;
margin-left: 9px;
}
.page.page.edit-temp .panel-body {
    padding: 30px 15px;
}
.page.page.edit-temp button.tgl-switch {
    background-color: #c5c5c5;
    border: 1px solid #c5c5c5;
    width: 55px;
    height: 24px;
    border-radius: 15px;
    position: relative;
    outline: none;
}
.page.page.edit-temp span.tgl-slider {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    left: 5px;
    top: 3px;
    transition: all 0.3s;
    background-image: url(../images/padlock-unlock.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center center;
}
.page.page.edit-temp button.tgl-switch.active .tgl-slider {
    left: 34px;
    background-image: url(../images/padlock.png);
}
.page.page.edit-temp .tgl-switch.active {
    background-color: #6bbc78;
    border-color: #6bbc78;
}
.page.page.edit-temp .d-flex {
    display: flex;
    align-items: center;
}
.page.page.edit-temp .enabled-text {
    color: #4A4A4A;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 181.818% */
    text-transform: uppercase;
    margin-left: 10px;
}

.d-flex {
    display: flex;
}
.header-alert-text {
    padding: 2px 0 0 0;
    margin-bottom: 0;
}
.col-custom-rt {
    display: flex;
}
.col-custom-lft {
    margin-right: 10px;
}
.dismiss-btn {
    padding-right: 0;
}
.dismiss-button {
    margin-top: 6px;
    color: #3f51b5;
    float: right;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #3f51b5;
    border-radius: 6px;
    padding: 5px 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    
}
.header-alert-bg {
    background-color: #ed6600;
    border-radius: 4px;
    padding: 12px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    .header-alert-text {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
    }
}
.ps-0 {
    padding-left: 0;
}

@media (max-width: 991px) {
    .app-calendar .page.page.edit-temp {
        padding: 10px 15px;
    }
    .page.edit-temp select{
        max-width: 100%;
    }
   
    .col-custom-lft {
        max-width: 60%;
    }
    .col-custom-rt {
        max-width: 40%;
    }
}

@media (min-width: 992px) {
    .col-custom-lft {
        max-width: 65%;
    }
    .col-custom-rt {
        max-width: 35%;
    }
}
@media (max-width: 1024px) and (min-width: 992px){
    .header-alert-text {
        padding: 5px 5px 5px 5px;
        margin-bottom: 0;
        font-weight:500;
        font-size: 11px;
    }
    .dismiss-btn {
        padding-right: 5px !important;
    }
}
@media (max-width: 991px) {
    .col-custom-lft {
        max-width: 55%;
    }
    .col-custom-rt {
        max-width: 45%;
    }
    .header-alert-text {
        padding: 1px 0 5px 3px;
        margin-bottom: 0;
        margin-right: 10px;
    }
    .dismiss-btn {
        padding-right: 5px !important;
    }
    .col-custom-lft {
        background-color: #ed6600;
    }
}
@media (max-width: 767px) {
    .col-custom-lft {
        max-width: 100%;
        width: 100%;
    }
    .col-custom-rt {
        max-width: 100%;
        width: 100%;
        justify-content: flex-end;
    }
    .d-flex {
        flex-direction: column;
    }
    .header-alert-text {
        padding: 2px 0 5px 5px;
        
    }
}
/* mm  9 sep*/
.hide_service_det_price{
   visibility: hidden; 
}
.hide_service_det_margin{
   visibility: hidden;
}