.pop-up {padding-left: 15px !important;}
.modal-dialog {margin: 0px 100px;}
.modal-body.modalpopup {
    padding: 0px !important;
}
.address-detail {padding: 10px !important;}
.yel-btn, .map-detail.map-detail-color > #btnSet {display:none;}
.pop-up {max-width:1400px;}
.col-xs-8 {width: 77.1%;float:left;}
.col-xs-4 {width: 22.9%;float:left;padding: 0 0 0 10px;}
.pop-up-top-content {
    padding:0 0 10px;
    width:100%;
    overflow: hidden;
}
.pop-up-top-content .button-right {
    padding-top: 6px;
    padding-right: 15px;
}
.pop-up-top-content .button-right > a {
    margin-left: 20px;
}
.pop-up-top-content .button-right > a > img {
    height: 38px;
}
.pop-up-mid-content .map-detail {background: transparent !important;clear:both; }
.pop-up-mid-content .col-xs-8 .map-detail,
.pop-up-mid-content .col-xs-4 .map-detail,
.pop-up-mid-content .map-detail.map-detail-color { background: #00af34 !important; height: 40px; margin-bottom: 8px; }
.pop-up-mid-content .col-xs-4 .map-detail { background: #e7e7e7 !important; height: 40px; margin-bottom: 0px; }
.pop-up-mid-content .map-detail > span {color:#fff;font-size:14px;width:46%;}
.pop-up-mid-content .map-detail > span:before {
    border-bottom: 6px solid rgba(0, 0, 0, 0) !important;
    border-left: 9px solid #fff !important;
    border-top: 6px solid rgba(0, 0, 0, 0) !important;
    top: 11px !important;
}
.select-option {height: 32px}
.show-grid {
    display: inline-block;
    text-align: right;
    width: 30%;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    padding-right: 15px;
}

.show-grid input.dev-layer {
    position: relative;
    top: 3px;
}

/** Option Setting **/
.selectlabel {
    border: 3px solid #00af34;
    display: inline-block;
    text-transform: uppercase;
    height: 35px;
    min-width: 261px;
    position: relative;
    cursor: pointer;
}
.dev-p-opt.selectlabel::before {
    background: transparent;
    content: "";
    height: 100%;
    left: 0;
    padding: 0px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0px;
    z-index: 1
}
.dev-p-opt.selectlabel::after {
    background: #00af34 url(../images/select-bg.png) no-repeat scroll 60% 60%;
    content: "";
    height: 103%;
    right: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 30px;
    z-index: 1;
    background-size: 30%;
}
.ui-selectmenu-button {
    height: 29px;
}
.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 2px 40px 2px 5px;
}

/** Popup mid content */
.pop-up-mid-content.fl-wh {
    padding-bottom: 20px;
}

/** Panel CSS **/
.map-show {
    width: 100%;
    padding: 0px !important;
}
.col-xs-9 {
    width: 75%;
    float: left;
}
.col-xs-3 {
    width: 25%;
    float: left;
}
.col-xs-2 {
    width: 16.66666667%;
    float: left;
}
.mounting-planes.cus-mounting-planes {
    background-color: transparent;
    border: 0px;
    padding: 0px 5px;
    width: 100%;
    height: auto;
}
.mounting-planes.col-xs-3 {
    width: 0px;
    height: 0px;
    padding:0;
    border:none;
}
#dev-create-panel,
#dev-panel-edit,
#dev-panel-move,
#dev-panel-done,
#icon-psdeleteall,
#dev-add-gfpanel,
#dev-add-ogpanel,
#dev-add-pipanel,
#dev-remove-panel-selected {
    background-image: url('../images/pnl-icon.png') !important;
    padding: 9px 15px;
    background-color: #00af34;
    border-radius: 0px;
    background-repeat: no-repeat;
}
#dev-add-gfpanel {background-position: 8px -398px}
#dev-add-ogpanel {background-position: 8px -435px}
#dev-add-pipanel {
    background-image: url('../images/rse/icons/pipe-icon.png') !important;
    background-position: 10px 4px;
}
#dev-create-panel {background-position: 8px -111px;}
#dev-panel-edit {background-position: 9px -150px;}
#dev-panel-move {background-position: 9px -188px;}
#dev-panel-done {background-position: 8px -223px;}
#icon-psdeleteall,
#dev-remove-panel-selected {
    background-position: 8px -330px;
    background-color: #f9564f;
}
#button-step3 {
    width: 100%;
    min-height: 360px;
    position: relative;
}
#button-step3 > button.dev-create-portrait {
    margin-top: 30px;
}
#button-step3 > #reset-highligh {
    position: absolute;
    bottom:10px;
    left: 0px;
}
#reset-highligh {
    border-radius: 0px;
    width: 100%;
}
#button-step3, #button-step4 {
    padding-left:15px;
    font-size: 15px;
}
#button-step3 ul,
#button-step3 ul > li,
#button-step4 ul,
#button-step4 ul > li {
    list-style: none;
    position: relative;
}
#button-step3 ul > li::before,
#button-step3 ul > li:before,
#button-step4 ul > li::before,
#button-step4 ul > li:before {
    content: '';
    width: 18px;
    position: absolute;
    height: 18px;
    left: -24px;
    top: 11px;
    border: 2px solid #000;
    border-radius: 30px;
    cursor: pointer;
}
#button-step3 ul > li.active,
#button-step4 ul > li.active {
    color: #00af34;
}
#button-step3 ul > li.active:before,
#button-step4 ul > li.active:before, 
#button-step3 ul > li.active:after, 
#button-step4 ul > li.active:after {
    border-color: #00af34;
}

#button-step3 ul li:after, #button-step4 ul li.active:after {
    content: '';
    width: 0;
    height: 0;
    background: #000;
    position: absolute;
    left: -18px;
    border-radius: 50%;
    top: 17px;
    border: 3px solid;
}
ul > li > button,
ul > li > button#dev-add-gfpanel,
ul > li > button#dev-add-ogpanel,
ul > li > button#dev-add-pipanel,
ul > li > button#dev-remove-panel-selected {
    background: transparent !important;
    background-image: none !important;
    color: #000 !important;
    padding: 7px 0 7px !important;
    font-weight: 600 !important;
}

.mounting-planes .ui-tabs-nav {
    border-bottom: 0px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    border-radius: 5px;
}
.group-btn .ffround,
.group-btn .flround {
    border-radius: 0;
}
.group-btn .ui-state-default {
  background-color: #00af34;
}
.panel-icons:before {
    height: 34px;
}
.panel-icons.icon-fcreate { background: url('../images/rse/icons/1.png') no-repeat scroll center #00af34 !important }
.panel-icons.icon-fcreate.icon-rect { background: url('../images/rse/icons/2.png') no-repeat scroll center #00af34 !important }
.panel-icons.icon-fcreate.icon-tri { background: url('../images/rse/icons/3.png') no-repeat scroll center #00af34 !important }
.group-btn .ui-state-active {
  box-shadow: 0 2px 0 #425060, 0 3px 0 #157532 inset
}
.panel-mid > div {
    width: 55%;
}
.del {margin-right: 10px;}
.map-navigator {
    top:80px !important;
    left: 360px !important;
}

/** Button Text **/
.btn-set .org-btn {
    padding: 10px 25px;
    font-size: 14px !important;
}
button.org-btn {
    background-color: #00af34;
}
button.org-btn.reset-product {
    background-color: #fa7c28;
    padding: 10px 12px 7px;
    box-shadow: 0 0px 0px transparent;
    /* margin-right: 20px; */
}
.address-detail {
    padding: 10px 10px 10px 10px;
}
.address span {
    font-size: 20px;
    font-weight: bold;
}
address {
    font-size: 20px;
    font-weight: 500;
    color: #474747;
}
.panel-icons.icon-psdeleteall,.panel-icons.icon-psdelete {
    background-position:11px -330px; 
    background-color: #f9564f;  
    box-shadow:0 2px 0 #ac0000;
}
.custom-radio .options {
    position: initial;
    background: transparent;
}

.fw-row .field-text,
.fw-row .field-select,
.fw-row .field-radio > .custom-radio {
    margin-bottom: 10px;
}

.fw-row .field-text label,
.fw-row .field-select label {
    display: block;
}

.fw-row .field-text input[type="text"],
.fw-row .field-select select {
    width: 100%;
    background: #ffffff;
    border: 3px solid #868686;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 7px 7px 8px 7px;
}

.fw-row .field-radio > .custom-radio .options {
    display: inline-block;
    width: auto;
}

ul#devFacetDetail {
    /* height: 590px; */
    padding-bottom: 20px;
    /* overflow: scroll; */
    margin-bottom: 15px;
}

.saved-model {
    position: fixed;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0, 0.6);
    z-index: 9999999999;
}
.saved-model.fade{
    opacity:1;
}

.saved-model .modal-dialog {
    position: relative;
    top: 30px;
    width: 400px;
    text-align: left;
    padding: 10px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 0px auto;
    z-index: 99999999999;
}

.saved-model .modal-dialog .pop-up-inner {
    padding: 0px;
}

.saved-model .modal-dialog .pop-up-top-content {
    font-weight: bold;
    background: green;
    line-height: 28px;
    padding: 10px;
    color: #ffff;
}

.saved-model button#close {
    padding: 8px 15px !important;
    font-size: 12px !important;
    float: right !important;
}

.saved-model .modal-dialog .pop-up-mid-content {
    padding: 10px;
    font-size: 12px;
}

.saved-model .modal-dialog .pop-up-mid-content.button-group {
    overflow: hidden;
}


/** UI New */
#mapBtn {
    background: url('../images/rse/icons/forward-icon.png') no-repeat scroll 182px 14px #00af34;
    font-size: 14px;text-transform: uppercase;
}
#devNxtBtn {
    background: url('../images/rse/icons/forward-icon.png') no-repeat scroll 194px 11px #00af34;
    font-size: 14px;
    padding: 13px;
    width: 100%;
    border-radius: 0px;
    line-height: 20px;
    text-decoration: none;
}
.gray-color {background-color: #efefef;}
.green-color {
    background-color: #00af34 !important;
    color: #fff;
}
.gray-color, .green-color {
    padding: 15px;
    margin-bottom: 10px;
    line-height: 26px;
}
.gray-color.min-height {
    min-height: 412px;
}
.gray-color.min-height.f15 p {
    font-size:15px !important;
}
.gray-color.min-height > p {
    font-size: 18px;
    text-align: justify;
}
.gray-color #steps-info {
    top: -7px;
    position: relative;
}
.green-color p {
    margin-bottom: 0px;
    font-size: 18px;
    text-align: justify;
}
.green-color.f15 p {font-size: 15px; }
label.green-color {
    color: #00af34;
    background-color: transparent !important;
    padding: initial;
}
.button-set button {
    width: 100%;
    border-radius: 0px;
    padding: 10px !important;
}
.button-set .back {
    background: url('../images/rse/icons/back-icon.png') no-repeat scroll 75px 10px #c21b2e;
    color: #fff;
    text-transform: uppercase;
    padding: 13px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    width: 298px;
}
.button-set .video {
    background: url('../images/rse/icons/video-icon.png') no-repeat scroll 80px 12px #ff6600;
    margin-left: 20px;
    color: #fff;
    text-transform: uppercase;
    padding: 13px;
    margin-top: 10px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    width: 298px;
}
#steps-info {height: 51px;margin-bottom: 0px;}
#steps-info > li {padding: 0px !important;}
#steps-info > li > span {
    display: block;
    text-align: center;
    font-size: 11px;
    color: #727272;
    background-image: url('../images/rse/icon-top.png');
    background-repeat: no-repeat;
}
#steps-info > li > span + span {
    background: transparent;
}

#steps-info > li > span.step1:first-child {
    background-position: -36px -1px;
    height: 48px;
}
#steps-info > li > span.step2:first-child {
    background-position: -299px -1px;
    height: 48px;
}
#steps-info > li > span.step3:first-child {
    background-position: -556px -1px;
    height: 48px;
}
#steps-info > li > span.step4:first-child {
    background-position: -811px -1px;
    height: 48px;
}
#steps-info > li > span.step5:first-child {
    background-position: -1083px -1px;
    height: 48px;
}
#steps-info > li > span.step6:first-child {
    background-position: -1119px -1px;
    height: 48px;
}

#steps-info > li > span.step1.active:first-child {
    background-position: -36px -46px;
    height: 48px;
}
#steps-info > li > span.step2.active:first-child {
    background-position: -299px -46px;
    height: 48px;
}
#steps-info > li > span.step3.active:first-child {
    background-position: -556px -46px;
    height: 48px;
}
#steps-info > li > span.step4.active:first-child {
    background-position: -811px -46px;
    height: 48px;
}
#steps-info > li > span.step5.active:first-child {
    background-position: -1083px -46px;
    height: 48px;
}
#steps-info > li > span.step6.active:first-child {
    background-position: -1119px -46px;
    height: 48px;
}

#steps-info > li > span.step1.actived:first-child {
    background-position: -36px -91px;
    height: 48px;
}
#steps-info > li > span.step2.actived:first-child {
    background-position: -299px -91px;
    height: 48px;
}
#steps-info > li > span.step3.actived:first-child {
    background-position: -556px -91px;
    height: 48px;
}
#steps-info > li > span.step4.actived:first-child {
    background-position: -811px -91px;
    height: 48px;
}
#steps-info > li > span.step5.actived:first-child {
    background-position: -1083px -91px;
    height: 48px;
}
#steps-info > li > span.step6.actived:first-child {
    background-position: -1119px -91px;
    height: 48px;
}




#steps-info > li > span.step1.aifno:first-child {
    background-position: -36px -1px;
}
#steps-info > li > span.step2.aifno:first-child {
    background-position: -299px -1px;
}
#steps-info > li > span.step3.aifno:first-child {
    background-position: -556px -1px ;
}
#steps-info > li > span.step4.aifno:first-child {
    background-position: -811px -1px;
}
#steps-info > li > span.step5.aifno:first-child {
    background-position: -1083px -1px;
}
#steps-info > li > span.step6.aifno:first-child {
    background-position: -1115px -1px;
}

#steps-info > li > span.step1.aifno.active:first-child {
    background-position: -36px -46px;
}
#steps-info > li > span.step2.aifno.active:first-child {
    background-position: -299px -46px;
}
#steps-info > li > span.step3.aifno.active:first-child {
    background-position: -556px -46px;
}
#steps-info > li > span.step4.aifno.active:first-child {
    background-position: -811px -46px;
}
#steps-info > li > span.step5.aifno.active:first-child {
    background-position: -1083px -46px;
}
#steps-info > li > span.step6.aifno.active:first-child {
    background-position: -1115px -46px;
}

#steps-info > li > span.step1.aifno.actived:first-child {
    background-position: -36px -91px;
}
#steps-info > li > span.step2.aifno.actived:first-child {
    background-position: -299px -91px;
}
#steps-info > li > span.step3.aifno.actived:first-child {
    background-position: -556px -91px;
}
#steps-info > li > span.step4.aifno.actived:first-child {
    background-position: -811px -91px;
}
#steps-info > li > span.step5.aifno.actived:first-child {
    background-position: -1083px -91px;
}
#steps-info > li > span.step6.aifno.actived:first-child {
    background-position: -1115px -91px;
}

#steps-info > li > span.step.active {
    color: #124398;
}
#steps-info > li > span.step.actived {
    color: #00af34;
}

/*#eletric_bill_wapper::before {
    content: "$";
    position: absolute;
    top: 41px;
    left: 10px;
    padding-left: 15px;
    font-size: 16px;
}*/
/*#eletric_bill {padding-left: 20px;}
*/
.proposal-layout,
#loader {
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 0px;
    top: 0px;
    z-index: 9999;
    display: none;
}

#loader {
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    padding-top: 20%;
}

.proposal-layout .button-set {
    margin: 0 auto;
    text-align: center;
}

.proposal-layout .wrapper {
    position: relative;
    margin: 20px auto;
    /*width: 800px;*/
    padding: 10px;
    border: 1px solid #868686;
    border-radius: 5px;
    background: #efefef;
    height: 85vh; /**585px**/
    max-height: 91vh; /**585px**/
    overflow: scroll;
}

.proposal-layout .wrapper .logo {text-align: center;}

.proposal-layout .wrapper .page1,
.proposal-layout .wrapper .page2,
.proposal-layout .wrapper .page3 {
    padding: 30px;
}

.proposal-layout .wrapper .page1 p,
.proposal-layout .wrapper .page2 p,
.proposal-layout .wrapper .page3 p {
    text-align: center;
    line-height: 48px;
}


.proposal-layout .wrapper .page1 p {
    font-size: 22px;
}

.proposal-layout .wrapper .page1 p:first-child {
    margin-top: 60px;
}

.proposal-layout .wrapper .page1 p#site-date {
    margin: 50px 0;
    font-size: 22px;
}

.proposal-layout .wrapper .page2 p,
.proposal-layout .wrapper .page3 p {
    text-align: left;
}

button#mapBtn.cus-map-btn {
    background-position: 94% 10px !important;
}

.green-color.f15 p {
    font-size: 15px;
    line-height: 1.42;
}

@media screen and (max-width: 1500px){
    .container {
        width: 100%;
    }
}
@media screen and (max-width: 1240px){
    #steps-info > li > span.step1.active:first-child {
        background-position: -44px -46px;
    }
    #steps-info > li > span.step2:first-child {
        background-position: -302px -1px;
    }
    #steps-info > li > span.step3:first-child {
        background-position: -560px -1px;
    }
    #steps-info > li > span.step4:first-child {
        background-position: -813px -1px;
    }
    #steps-info > li > span.step5:first-child {
        background-position: -1078px -1px;
    }
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -45px -91px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -302px -91px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -558px -46px;
    }
    #steps-info > li > span.step4.aifno:first-child {
        background-position: -820px -1px;
    }    
    .mounting-planes.cus-mounting-planes {
        width: 100%;
    }
    #steps-info > li > span.step4.aifno.active:first-child {
        background-position: -822px -46px;
    }
    

}

@media screen and (max-width: 1100px){
   
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -46px -91px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -314px -91px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -576px -46px;
    }
    #steps-info > li > span.step4.aifno:first-child {
        background-position: -834px -1px;
    }
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -58px -91px;
    }
    .green-color.f15 p { font-size: 15px;  line-height: 1.42;}

    #steps-info > li > span.step4.aifno.active:first-child {
     background-position: -836px -46px;
    }
    .mounting-planes ul li.dev_facet_detail_A .panel-top {
        display: inline-block;
    }
}
@media screen and (max-width: 1024px){
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -66px -91px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -322px -91px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -582px -46px;
    }
    #steps-info > li > span.step4.aifno:first-child {
        background-position: -842px -1px;
    }
    #steps-info > li > span.step5.aifno:first-child {
        background-position: -1098px -1px;
    }
    .cus-panel-button.button-set .back {
        width: 276px;
        background-position: 20px 10px;
    }
    .cus-panel-button.button-set .video{
        width: 276px;
        background-position: 68px 12px;
    }
    #steps-info > li > span.step4.aifno.active:first-child {
        background-position: -844px -46px;
    }
    
}
@media screen and (max-width: 930px){
   
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -74px -91px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -332px -91px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -590px -46px;
    }
    #steps-info > li > span.step4.aifno:first-child {
        background-position: -848px -1px;
    }
    #steps-info > li > span.step5.aifno:first-child {
        background-position: -1108px -1px;
    }
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -66px -91px;
    }

    #steps-info { height: 100%;  margin-bottom: 0px;  display: flex;  top: 0 !important;  }

    #steps-info > li > span{line-height: 1.42}

    .cus-panel-button.button-set .back {
        width: 206px;
        background-position: 10% 10px !important;
    }
    .cus-panel-button.button-set .video {
        width: 206px;
        background-position: 38px 12px;
    }
    #button-step3, #button-step4{ padding-left: 6px;}

    #steps-info > li > span.step3.aifno.actived:first-child {
        background-position: -590px -91px;
    }
    #steps-info > li > span.step4.aifno.active:first-child {
        background-position: -852px -46px;
    }
}

@media screen and (max-width: 850px){
 
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -82px -91px ;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -338px -91px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -596px -46px;
    }
    /* #steps-info > li > span.step4.aifno:first-child {
        background-position: -852px -1px;
    } */
    #steps-info > li > span.step5.aifno:first-child {
        background-position: -1112px -1px;
    }
    #steps-info > li > span.step3.aifno.actived:first-child {
        background-position: -596px -91px;
    }
}

@media screen and (max-width: 767px){
   

}

@media screen and (max-width: 660px){
   
}