@charset "utf-8";

/*
------------------------------------------------------------
Project Name : EI;
------------------------------------------------------------
*/


/* General 
--------------------------------------------------------------------------------------------------------*/
.validation_error .error, label.error {
    color: red !important;
    font-size: 11px;
    line-height: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    text-align: left;

}

.warning-msg p{
    color: red;
    font-size: 11px !important;
    line-height: normal;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 4px;
    width: 100%;
    text-align: left;
}

#agreement-error{position:absolute;bottom:-26px;left:35px;color:#ff0000;}
.alert {
    background: none repeat scroll 0 0 #FFEDBB;
    border: 1px solid #F2D083;
    color: #72612B;
    padding:8px 32px 8px 15px;
    position:relative;
    margin-top: 0px;
}
.alert h6 {
    margin: 0;
}
.alert .close {
    color: #72612B;
    line-height: 20px;
    opacity: 0.8;
    position: absolute;
    right:21px;
    top:5px; border:0; background:0; cursor:pointer;
}
.alert.widget {
    margin-bottom: 30px;
}
.alert-success .close, .alert-danger .close, .alert-error .close, .alert-info .close {
    color: #FFFFFF;
}
.alert-success {
    background: none repeat scroll 0 0 #75C386;
    color: #FFFFFF;
}
.alert-danger, .alert-error {
    background: none repeat scroll 0 0 #DC6868;
    color: #FFFFFF;
}
.alert-info {
    background: none repeat scroll 0 0 #6FBBD4;
    color: #FFFFFF;
}
.alert-block {
    padding-bottom: 8px;
    padding-top: 12px;
}
.alert-block > p, .alert-block > ul {
    margin-bottom: 0;
}
.alert-block p + p {
    margin-top: 5px;
}
.alert-success, .alert-danger, .alert-error, .alert-info {
    border: medium none;
}

.alert{
    margin: 25px 25px 0px;
}

.alert2 .alert{
    margin: 0px 0px 0px;
}

.page-size{ float:right; border-left:1px solid #e4e4e4; padding-left:10px; *padding:3px 0 4px 10px;}
.items-info{ float:right; margin-right:10px; line-height:15px; line-height:13px\0/; padding-top:7px;}

.prev a{ padding:6px 5px !important;}
.next a{ padding:6px 5px !important;}
.first a{ padding:6px 5px !important;}
.last a{ padding:6px 5px !important;}

.warning-msg p{margin: 0; padding: 0;}

.asterisk {color: #F36A5A; font-size: 16px;}
.sorting{display: inline-block}
.no-records{padding:0 25px 20px;}
.red{background:#d9534f;}


@media(max-width:767px){
    .alert{margin:25px 15px 0;}
}
@media(max-width:767px){
    .alert2 .alert{margin:0px 0px 0px;}
}
.footer-inner-links{padding-right: 75px;}
@media(max-width:568px){
    .footer-inner-links{padding-right: 0px;}
}
textarea.fulltextara{
    height: auto !important;
}
/*
.modal-body {
    height: 550px;
    overflow-y: scroll;
}*/

#messages_modal_body .modal-body, #sent_messages_modal_body .modal-body{
    height: 300px;
    overflow-y: scroll;
}

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

.breadcrumb {
    background-color: unset;
    border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0px;
}

.img_content{ min-height: 200px;}
.btn-col button.reset{margin-right:3px;}
.evo-palette, .evo-palette-ie {
    border-collapse: separate;
    border-spacing: 3px 0!important;
}

.default_add_link { 
    color: #0054a5;
    cursor: pointer;    
}

.default_remove_link { 
    color: #d9534f;
    cursor: pointer;    
}

.layouts li {
    background: #2c3f51 none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 10px;
    transform: none;
    padding: 12px 25px;
}
.layouts li a{
    /*padding:10px 18px 10px 0px;*/
    font-size:13px;
    color:#fff;
    display: inline-block;
    width:80%;
}
.layouts li:hover{color:#fff; background: #f48f45 none repeat scroll 0 0;}
.layouts .sub-menu-opened{color:#fff; background: #0054A5 none repeat scroll 0 0;}


.layouts .mark-complete-icon{
    float:right;
    width:20px;
    height:20px;   
}
.modal-footer .btn-secondary{ min-width:100px;}
.action-col{min-width: 100px;}
@media (max-width:1290px){
    .panel-content .form-group{margin-bottom:15px;}
}
@media (max-width:360px){
    button.default_settings{margin-top:10px;}
}
@media (max-width:507px){
    button#new_inpection,button#continue_inpection_button{margin-top:10px;}
}
.property-layout-img img {
    width: auto;
    margin: 0 auto;
}
.msg-form-box{margin-bottom: 10px;}
.property_image{width:150px !important; height: auto;}
.square_droparea img{border-radius: 0px !important;}
.image_scale img{/*width: auto;*/object-fit: contain;}
.auto_drop_area span{border-radius: 0px !important;}
.auto_drop_area img{width:99px !important; height:99px !important; border-radius:0px !important; max-width: 100% !important; object-fit: cover;}

/*-----------------toogle-button custom css-------------------------*/
.toggle_group .btn-primary{background: #2196F3 none repeat scroll 0 0 !important; border: none;  margin-top: 0px !important; padding: 6px !important; text-transform: none;}
.toggle_group .btn-primary::before {background: none;}
.toggle-group > .btn{background: #fff none repeat scroll 0 0; margin-bottom: 0 !important;font-weight: 800;}
.toggle-off.btn{padding-left:24px; background: #ccc none repeat scroll 0 0 !important; bottom: -4px;}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0;color: white !important; font-weight: bold;}
.toggle-off{position:absolute;top:0;bottom:-4px;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:40px;border-width:0 1px}
.toggle_group > .btn-default:nth-child(1) {background-color: #e6e6e6; border-color: #adadad;}
.pad-10{padding: 10px !important;}
.edit-inspection-order .viewdata-column{padding: 10px 0 10px 185px;}
.no-border{border: 0px !important;}
.ordering{display: inline-block;float: right;margin: 0px 5px;cursor: pointer;}
li.padding-rht{padding-right: 10px; }
.mar-bottom-5{margin-bottom: 5px !important;}
.txt-center{text-align: center;}
.currency-span{float: right;width: 15px;display: block;position: absolute;text-align: right;padding-right: 2px;vertical-align: middle;line-height: 40px;font-size: 15px;}
.form-control.currency-input{/*width: 95%;*/float: right;}
.completed-inspection-bar{background: #4da4f0; color: #FFF;}
.completed-inspection-bar a{color: #FFFFFF; font-weight: bold;}

.tooltip > .tooltip-inner { background-color:rgba(32, 141, 234,1)!important; border-color: rgba(32, 141, 234,1)!important; }
.tooltip.in{opacity:1!important;}

.up-arrow{float: right;bottom: 42px;right: 20px;padding: 11px 15px;border-radius: 23px;z-index: 50; background:rgb(32, 141, 234); position:fixed;dispaly:none;display:none;}
.up-arrow a{color: #fff;}
.help-notes{color: rgba(32, 141, 234,0.8);font-size: 18px;}
.form-control.currency-input{float: right;}
.inspector-network-file{float: left;display: block;vertical-align: middle;line-height: 40px;}
.inspector-network-file .first-div{padding: 0px;}

.order-form-acc.open-close.smk_accordion .accordion_in .acc_head .acc_icon_expand, .property-layout.open-close.smk_accordion .accordion_in .acc_head .acc_icon_expand { display: block; width: 15px; height: 15px; position: absolute; right:25px; top:16px; background: url(../images/arrow-left-direction.svg) no-repeat 0 0;  }
.order-form-acc.open-close.smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand, .property-layout.open-close.smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand{ background: url(../images/arrow-down-direction.svg) 0 0  no-repeat; width: 15px; height: 15px;}
.order-form-acc.open-close.smk_accordion .accordion_in .acc_head.no-arrow .acc_icon_expand, .property-layout.open-close.smk_accordion .accordion_in .acc_head.no-arrow .acc_icon_expand { display: block; width: 15px; height: 15px; position: absolute; right:25px; top:16px; background:none;  }
.order-form-acc.open-close.smk_accordion .accordion_in.acc_active .acc_head.no-arrow .acc_icon_expand, .property-layout.open-close.smk_accordion .accordion_in.acc_active .acc_head.no-arrow .acc_icon_expand{ background: none; width: 15px; height: 15px;}
.help-btn{float: right;width: 15px;cursor: help;margin-left:5px;}
.request-detail-page .viewdata-column span p{padding:0px;}
.border-right-dashed{border-right: 1px dashed #ccc;}
.border-left-dashed{border-left: 1px dashed #ccc;}
.overme{word-wrap: break-word; margin-bottom: 0px}
.pad-0{padding: 0px;}

.note-cls{ font-size: 15px; line-height: 19px; color: #020c17; margin: 0;}
.warranty_expiration_event .fc-time{display : none;}
.img-setting{position: absolute; bottom:2px;left: 40%;}
.img-setting a {float:left; padding: 3px 5px; border-radius: 5px; margin-right: 5px; border:1px solid #cacfd3;}
.page-title .breadcrumb-wrapper {
    display: inline-block;
}
.page-title .help-notes {
    float: right;
}
#g-recaptcha-response-error {font-size: 12px;}
.login-block .info-block {
    margin-bottom: 10px;
}
.assets-images{
    background: #fcfcfc;border: 1px solid #cacfd3;margin: 15px;
}
.assets-images a {
    font-size: 15px;
}
.assets-images span {
    margin-left: 15%;
}
.assets-images a i{
    color: #2c3e50;
}
.assets-images a img{
    height: 115px; margin: 25px auto; padding: 10px; opacity: 1;
}
.contact-block .dropdown-toggle {padding: 0px !important;}
.contact-block .radio span{left: 0px;}
.contact-block .radio label{padding-left: 30px;}
.contact-block-inner{width: 100%;}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.advertice-block {
    background: #f7fbff;
    padding: 25px 15px;
    border-left: 1px solid #dddddd;
}
ul.text li:before {
    content: ">>";
    font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
    font-size: 13px;
    color: #b5e853;
    margin-left: -37px;
    margin-right: 21px;
    line-height: 16px;
}

/* .sTree2 li{
    color: #FFFFFF;
} */

/* Clearfix */

.cf:before, .cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

.cf {
    zoom:1;
}
/* #sTree2, #sTreePlus { padding:0; } */

#sTree2 li, #sTreePlus li, ul#sortableListsBase li {
    padding-left:50px;
    margin:5px; 
    border:1px solid #3f3f3f;
    background-color:#3f3f3f;
}

/* .c1 { color:#b5e853; }
.c2 { color:#63c0f5; }
.c3 { color: #f77720; }
.c4 { color: #888; }
.c5 { color: #666667; }
.c6 { color: #888; }

.bgC1, .gray { background-color:#ccc; }
.bgC2, .yellow { background-color:#ff8; }
.bgC3, .red { background-color:#ff9999; }
.bgC4, .blue { background-color:#aaaaff;}
.bgC5, .green { background-color:#99ff99; }
.bgC6, .gree2 { background-color:#bbffbb; }
.bgC7, .brown { background-color:#c26b2b; } */

.pT20 { padding-top:20px; }

.pV10 { padding-top:10px; padding-bottom:10px; }

.pR { position: relative; }

.t10 { top: 10px; }

.dN { display:none; }

.zI1000 { z-index:1000; }

.small1 { font-size:0.8em; }
.small2 { font-size:0.7em; }
.small3 { font-size:0.6em; }

.tAR { text-align:right; }

.clear { clear:both; }

img.descPicture {
    display:block;
    width:100%;
    margin:0 7px 30px 0;
    float:left;
    cursor:pointer; /*transition: all 0.5s ease;*/
}

img.descPicture.descPictureClose { width:150px; }

#sTree2, #sTreePlus { margin:10px auto; }

/* 29012019 */
.card-wrap #sTree2, #sortableListsBase {
    background: #e8e8e8;
}
#sTree2 > li, #sortableListsBase > li {
    padding: 5px 5px 5px 50px;
}
.card-wrap #sTree2 li {
    position: relative;
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    border-radius: 3px;
}
#sTree2 li div {
    background: #f9f9f9;
    padding: 7px;
    border-radius: 3px;
    margin: 1px;
    color: #000;
    position: relative;
    padding-right: 40px;
}/* 
#sTree2 li a {
    position: absolute;
    right: 15px;
    transform: translate(-50%);
}
#sTree2 li a i:before {
    color: #000;
} */
#sTree2 {
    overflow: hidden; 
}
#sTree2 li ul {
    border: 3px solid #e8e8e8;
    margin-top: 8px;
    border-radius: 3px;
}
#sortableListsHint {
    /*background: #cecece !important;*/
}
#sortableListsPlaceholder {
    /*background: #918e8e !important;*/
    color: #fff !important;
}

.sortableListsCurrent{
    padding: 15px;
    color: #FFFFFF !important;
}

#sortableListsBase > li{
    border-color: #f2f2f2 !important;
    background-color: #f2f2f2 !important;
    border-radius: 3px;   
}
#sortableListsBase li div {
    background: #f9f9f9;
    padding: 7px;
    border-radius: 3px;
    margin: 1px;
    color: #000;
}
#sortableListsBase li a {
    position: absolute;
    right: 15px;
    transform: translate(-50%);
}
#sortableListsBase li a i:before {
    color: #000;
}
#sortableListsBase li ul {
    border: 3px solid #e8e8e8;
    margin-top: 8px;
    border-radius: 3px;
}
#sortableListsBase li ul li{
    border-color: #f2f2f2 !important;
    background-color: #f2f2f2 !important;
}

/* 11022019 */
#sTree2 li a.clickable {
    position: absolute;
    right: 5px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    top: 50%;
    z-index: 1;
    background: url(../images/plus-black-icon.svg) no-repeat center;
    background-size: 12px 12px;
}
#sTree2 li a.clickable.edit_question {
    background: url(../images/edit-icon-black.svg) no-repeat center;
    background-size: 14px 14px;
}

#sTree2 li a.clickable.girg_chart {
    background: url(../images/workflow-template-black.svg) no-repeat center;
    background-size: 14px 14px;
}


#sTree2 li a.clickable.copy_image {
    background: url(../images/copy-document-black.svg) no-repeat center;
    background-size: 14px 14px;
}


#sTree2 li div span i {
    border: 1px solid #000000;
    padding: 5px;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    font-size: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #000000;
}

/* 28022019 */
.question div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#sTree2 li div p {
    padding-bottom: 0;
}
#sTree2 li div p span {
    display: inline-block;
}
.custom-select {
    padding: 0 20px 0 0 !important;
    flex: 0 0 20%;
}
.inspection_table  th, .inspection_table  td{
    text-align: center;
}
.address-block{font-size:15px;color:#2c3e50;}
.address-block h4{padding-bottom:0px;font-size:24px;line-height:28px;}
.address-block span{display:block;padding-bottom:10px;}
.address-block em{display:inline-block;width:19px;height:15px;margin-right:5px;}
.address-block em img{display:block;}
.address-block a{color:#2c3e50;display:inline-block;}
.address-block a:hover,.address-block a:focus{text-decoration:underline;color: #0054a5;}
.is_required_link {color:#fff;}
.text-elliosis {text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden;}
.percentage-span{position: absolute;display: block;transform: translate(0, -50%);top: 50%;pointer-events: none;width: 25px;text-align: left;font-style: normal;right: 5px;}
.rcaptcha-err p{text-align: center;}
.email2{ display: none;}
.pd{padding:2px;}
.vendor-header-cls{padding:0 0 20px;}
.map-pop-up{
    width:auto;
    max-height:250px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top:10px;
}
.title-div{
    width: 250px;
    padding: 2px 8px;
    height: 23px;
    display: block;
    margin: 2px 2px;
    margin-right: 26px;
    border-radius: 3px;

}
.fc-scroller > .fc-day-grid { position: unset !important; }

/* multiselect dropdown with checkbox (Added by sweety (7 August 2019)) */
.multiselect_checkbox .normal_select{
    text-align: left;
    background-color: #FFF;
    padding: 8px 10px 7px;
    line-height: 1.428571429;
    height: 40px;
    background: #fcfcfc;
}
.multiselect_checkbox .caret {
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    height: 0; 
    margin-left: 2px; 
    position: absolute;
    right: 7px;
    top: 46%;
    vertical-align: middle;
    width: 0;
}
.multiselect_checkbox .dropdown-menu {
    z-index: 90;
    background: #fcfcfc;
}
.multiselect_checkbox .dropdown-backdrop{z-index: 1;}
.multiselect_checkbox .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background-image: none; background-color: #FFF;}
.multiselect_checkbox .multiselect-container{width: 100%;}
.multiselect_checkbox .multiselect-container>li>a>label{color: #555555 !important;}
.multiselect_checkbox .dropdown-menu>li>a {white-space: normal;}
.multiselect_checkbox .btn-group.open .dropdown-toggle {box-shadow: none !important;}

#sTree2 li a.clickable.add_notes {
    background: url(../images/exclamation-mark.svg) no-repeat center;
    background-size: 14px 14px;
}

#sTree2 li a.clickable.add_images {
    background: url(../images/add-image.svg) no-repeat center;
    background-size: 14px 14px;
}
.picture_header a i {margin-right:10px;}
.picture_header a {
    text-align: center !important;
    width: 100%;
    display: block;
    padding: 9px 15px;
    border: 3px solid #000;
}
.picture_header a:hover, .picture_header a:focus {border-color: #0054A5;}
.picture_header {padding: 8px 0px !imporatnt;}
.btn-login {
    background: #fff;
    padding: 5px 24px;
    font-size: 1.6rem;
    text-orientation: initial;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.62), 0 3px 1px -2px rgba(0, 0, 0, 0.69), 0 1px 5px 0 rgba(0, 0, 0, 0.65);
}
.sent-template-header{
    color: white !important;
    padding-bottom: 0px !important;
}
.template_url{
    border: 1px solid #ccc;
    width: 95%;
    padding: 5px;
    border-radius: 3px;
}
.copytext{
    font-size: 18px !important;
    padding-top: 7px !important;
}
pixie-editor .tool-panel-container .apply-button, pixie-editor .tool-panel-container .cancel-button { width: 77px !important; }
pixie-editor resize-drawer .input-container {
    display: inline-block  !important;
    width: auto  !important;
}

@media (max-width: 1199px){
    .layouts li{ padding: 12px 15px; }
    .layouts li a{ width: 76%; word-break: break-word; }
}

.hide_question_div .ui-stoggle.on {
    background: #a3d67a !important;
}
.hide_question_div .ui-stoggle--label-on .ui-stoggle--label-text {
    background: #a3d67a !important;
}
.hide_question_div .ui-stoggle.off {
    background: #e55a4b !important;
}
.italic-text {
    font-style: italic;
}