@font-face {
    font-family: 'OpenSans';
    src: url('font-family/OpenSans/OpenSans.eot') format('embedded-opentype'),  
    url('font-family/OpenSans/OpenSans.woff') format('woff'), 
    url('font-family/OpenSans/OpenSans.ttf')  format('truetype'), 
    url('font-family/OpenSans/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
  font-family: 'OpenSans-Light';
  src: url('font-family/OpenSans-Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  
  url('font-family/OpenSans-Light/OpenSans-Light.woff') format('woff'), 
  url('font-family/OpenSans-Light/OpenSans-Light.ttf')  format('truetype'), 
  url('font-family/OpenSans-Light/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


* {margin:0; padding:0;}
:focus{outline: none;}
*,*:before,*:after{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust: 100%;-webkit-font-smoothing: subpixel-antialiased; /*-webkit-appearance: none; appearance:none;-moz-appearance:none;*/}
img{max-width: 100%;}
body{font-family: 'Arial'; color:#000;}
ul, ul li{list-style: none;}
a, button, input{transition: 0.5s ease; -webkit-transition: 0.5s ease;}
.fl{float:left;}
.fl-wh{float:left; width: 100%;}
.selectlabel{border: 3px solid #868686;display: inline-block;text-transform: uppercase; height: 42px; min-width:170px; position: relative; cursor: pointer;}
.select-text{display: inline-block;padding-left: 50px;padding-right: 20px;padding-top: 10px;}
select{background: #ffffff;border: 3px solid #868686;font-size: 15px;letter-spacing: 1px;padding: 7px 7px 8px 40px;position: relative;}
.options{background: #c1cbd7;left: 0;position: absolute;top: 40px;width: 100%;z-index: 1;}
.options ul li{ background: url("../images/options-bg.png") no-repeat scroll 15px 9px;font-size: 14px;font-weight: bold;margin: 3px;padding: 8px 10px 8px 57px;}
.options ul li.selected{background: #fff url("../images/options-bg.png") no-repeat scroll 15px 9px;}
.panels{background: rgba(0, 0, 0, 0) url("../images/options-bg.png") no-repeat scroll 4px 11px;display: inline-block;height: 29px;width: 40px;}
.panels + .select-text {display: inline-block;padding-left: 0;padding-right: 20px;padding-top: 10px;vertical-align: top;}
.options ul {padding: 7px 0;}
.pop-up{margin: 0 auto; max-width: 1400px;}
.pop-up-inner{/*background: bisque;*/ padding: 10px; position: relative; overflow: hidden;}
.drawing-tool{display: inline-block; vertical-align: middle;  max-width: 70px;}
.pop-up-top-content h1{display: inline-block;vertical-align: middle;font-family: arial;font-size: 40px; font-weight:normal;padding-left: 30px;text-transform: capitalize;vertical-align: middle;}
.pop-up-mid-content .map-detail{background: #c1cbd7;padding: 3px;position: relative; z-index: 99999;}
.pop-up-mid-content .map-detail > span{display: inline-block;font-size: 16px;padding: 9px 0 0 30px;position: relative; width:31%;}
.pop-up-mid-content .map-detail > span:before{border-bottom: 13px solid rgba(0, 0, 0, 0);border-left: 13px solid #000000;border-top: 13px solid rgba(0, 0, 0, 0);content: "";left:10px;position: absolute;top: 8px;}
button, input[type="button"]{border:0; border-radius: 4px; padding: 10px 30px;  font-size: 15px;  letter-spacing: 1px;background: #f9564f; color:#fff; text-transform: capitalize; cursor: pointer; transition: .3s ease;  -webkit-transition: .3s ease;}
button:hover, input[type="button"]:hover{opacity: .9}
.pull-right{float:right;}
.pull-left{float:left;}
button.org-btn{background: #f9564f; text-transform: uppercase;}
button.yel-btn, input[type="button"].yel-btn{background: #fb9900;}
button.wh-btn{background: #fff; box-shadow: 0 0 2px #ccc; color:#bcbcbc;}
.pop-up-top-content {padding: 0 0 20px;}
.address-detail{display: table;padding: 10px 10px 10px 20px;width: 100%;   clear: both;}
.address{display: table-cell;vertical-align: bottom;width: 40%;}
.btn-set{display: table-cell; text-align: center;vertical-align: bottom;width: 80%;}
.address span{text-transform: uppercase; font-weight: bold; font-size: 16px;}
address{font-size: 17px;font-style: normal;line-height: 22px;}
.btn-set .wh-btn, .btn-set .org-btn{padding:  10px 40px}
.map-image{position: relative;}
.map-image .area{background: #dcdcdc ;text-align: center;border: 3px solid #757774;padding: 6px 20px;position: absolute;right: 0;top: 0;}
.area span{text-transform: uppercase; color:#7d7d7d; font-size: 14px; display: block;}
.area span.unit{ color: #000000;display: inline-block;font-size: 20px;}
.area span.area-num{ color:#c40000; font-size: 19px; font-weight: bold; padding-top: 5px;}
.map-detail:after, .mounting-planes ul li:after{clear: both;content: "";display: table;height: 0;line-height: 0;overflow: hidden;}
.mounting-planes{background: #e7e7e7;border: 3px solid #858583;height: 462px;padding:15px;width:255px ;z-index: 9999; overflow-y: auto; overflow-x: hidden;}
.ui-tabs {padding: 0;}
.mounting-planes > span.head-txt{color: #7b7b7b;display: inline-block;font-size: 15px;font-weight: bold;padding:15px 0 0px;}
.mounting-planes ul{padding-top: 10px;}
.mounting-planes ul li{list-style: none; padding-bottom: 20px; color:#808080;}
.mounting-planes ul li.no-record{font-weight: normal;font-size: 13px;}
.num-panels{color: #000000;display: inline-block;font-weight: bold;padding-top: 5px;vertical-align: top;}
.num-panels > span{position: relative; font-size: 17px;}
/*.num-panels> span:before{background: #000000;border-radius: 100%;color: #ffffff;content: "1";font-size: 12px;margin-right: 7px;padding: 2px 6px;text-align: center;vertical-align: top;}*/
.num-panels span.dev-s-pgcount{background: #000000;border-radius: 100%;color: #ffffff;font-size: 12px;margin-right: 7px;padding: 2px 6px;text-align: center;vertical-align: top;}
.mounting-planes .ui-widget-content{border: none; background: transparent; padding: 0;  padding-top:0px;}
.mounting-planes .ui-widget-header {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 0; border: none; margin: 0; padding: 0;}
.main-mountain{min-height: 500px;}
.del{background: rgba(0, 0, 0, 0) url("../images/delete.png") no-repeat;display: inline-block;float: right;height: 26px;width: 35px; cursor: pointer;}
.del:hover { opacity: 0.7;}
.panel-mid{margin-left: -3px; margin-right: -3px;}
.panel-mid > div{float:left; width:60%;  padding: 0 3px;}
.panel-mid > div:last-child{width:40%;}
.panel-mid .dist{color:#0754ae; font-size: 15px; padding-bottom: 4px; display: block;}
.panel-mid input{background: #ffffff;border: 0 none;border-radius: 5px;box-shadow: 0 0 2px #cccccc;color: #444444;display: inline-block;padding: 10px 6px;text-transform: capitalize;width: 100%; font-size: 13px !important;}
.panel-mid > div:last-child input{border-radius:0; color:#a8a8a8;}
.dist-yr{color:#7b7b7b; font-size: 15px; display: block; padding-bottom: 4px;}
.panel-top {padding-bottom: 10px;}
.input-qty {position: relative;}
.input-qty .inc:after{border-bottom: 5px solid #000000;border-left: 3px solid rgba(0, 0, 0, 0);border-right: 3px solid rgba(0, 0, 0, 0);content: "";position: absolute;right: 8px;top: 14px;}
.input-qty .dec:after{border-left: 3px solid rgba(0, 0, 0, 0);border-right: 3px solid rgba(0, 0, 0, 0);border-top: 5px solid #000000;bottom: 11px;content: "";position: absolute;right: 8px;}
.modal-dialog {width: 60%;}
.gmap {border: 1px solid #000;width: 100%; }
.overlay1{width: 100%; position: absolute; top: 0; left: 0; pointer-events: none;}
.overlay1 img{opacity: 0.5;}
/*Map Navigation Css Start*/
#map_nav{display: inline-block; width:50%; padding: 0 5px;}
.select-option {float: right;  height: 40px;}
#map_nav li{display: inline-block; float: none;}
#map_nav li a{color: #44556a; display: block; padding: 10px 20px; font-size: 15px; text-decoration: none;}
#map_nav li a:hover, #map_nav li a:focus{ background-color: #627791; text-decoration: none; color: #fff;}
/********zoom btn style*********/
/*.pop-up-mid-content > div {background: #999dac url("../images/bg-img.png") repeat scroll 0 0;}*/
.zoom-btn {left: 10px; position: absolute; top: 10px;z-index: 9999;}
.zoom-btn a{ background: #41affa; border: 1px solid #ffffff; border-radius: 3px; cursor: pointer; display: inline-block; vertical-align: middle; height: 30px; margin: 3px 0 0; padding: 0px; width: 30px;}
.zoom-btn a img {  padding: 4px;}
.zoom-btn a:hover, .zoom-btn a.active, .zoom-btn a:focus{background: #545253;}
.custome-select select { border-width: 3px; height: 42px; overflow: hidden; padding: 0; text-transform: uppercase;width: 220px;}
.select-open{background: #ffffff; border: 3px solid #868686; position: absolute;right:-3px; top: 35px; width: 218px; z-index: 999; display: none;}
.custome-select{position: relative; margin: 0 2px; vertical-align: top; display: inline-block;}
.panel:after, .facet:after {border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 8px solid #000000; content: "";pointer-events: none; position: absolute; right: 7px; top: 17px;}
.custome-select option { padding: 0 10px;}
/*.add-panel:hover, .add-facet:hover, .edit-panel:hover{background: #f9564f; box-shadow: 0 0 0 #efe2e0 inset, 0 2px 0 #990000; -moz-box-shadow: 0 0 0 #efe2e0 inset, 0 2px 0 #990000; -o-box-shadow: 0 0 0 #efe2e0 inset, 0 2px 0 #990000; -webkit-box-shadow: 0 0 0 #efe2e0 inset, 0 2px 0 #990000;}*/
.reset-product{display: inline-block; margin: 0 0 6px; padding:3px 5px; background: #f3625b; box-shadow: 0 1px 1px #ededed, 0 2px 0 #bf5353 inset; -moz-box-shadow: 0 1px 1px #ededed, 0 2px 0 #bf5353 inset; -o-box-shadow: 0 1px 1px #ededed, 0 2px 0 #bf5353 inset; /*width: 48%;*/   font-size: 15px !important;}
.add-product {display: inline-block; margin: 0 0 6px; padding:3px 5px; background: #f3625b; box-shadow: 0 1px 1px #ededed, 0 2px 0 #bf5353 inset; -moz-box-shadow: 0 1px 1px #ededed, 0 2px 0 #bf5353 inset; -o-box-shadow: 0 1px 1px #ededed, 0 2px 0 #bf5353 inset; /*width: 48%;*/   font-size: 15px !important;}
.add-product::after { background: url("../images/plus.png") no-repeat 3px; background-size:  12px auto; border: 1px solid #ffffff; border-radius: 100%; content: ""; display: inline-block; height: 20px; margin-left: 5px; text-align: center;vertical-align: middle; width: 20px;}
.add-product.edit-panel::after, .add-product.dev-edit-panel:after  {background: url("../images/edit-icon.png") no-repeat scroll 3px center / 12px auto;}
.add-product.dev-create-panel:after{background: url("../images/panel-icon.png") no-repeat scroll 3px center / 12px auto;}
.add-product.dev-remove-panel:after{background: url("../images/close-icon.png") no-repeat scroll  4px 4px / 10px auto;}
.panel_box {background: #c1cbd7; text-align: left;}
.panel_box > li { font-size: 14px;font-weight: bold; background: url("../images/options-bg.png") no-repeat  15px 9px;}
.panel_box > li.selected {background: #ffffff url("../images/options-bg.png") no-repeat  15px 9px;}
.position { width: 194px;}
.position .panel_box > li { background-image: none;}
.mounting-planes, .map-show {float: left; vertical-align: top;}
.map-show { width:100%;  background: #999dac url("../images/bg-img.png");}
.map-detail .select-option div:nth-child(2){width:252px;}
.ui-selectmenu-menu .ui-selectmenu-menu .ui-menu{}
.ui-selectmenu-menu .ui-widget-content{border: 3px solid #868686; padding-bottom:0px;}
.mounting-planes .ui-tabs-nav{margin-bottom:15px; border-bottom: 1px solid #cccccc;}
/*panel*/
.tbpanel-icn{ margin-left:3px; width: 100%; float: left;}
#tabs{margin-bottom: 10px;}
.tbpanel-icn2{margin-top:16px;}
/***Ram Style****/
.unselectable {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.ui-tabs .ui-tabs-nav li{ float: none; display: inline-block; width:48%; text-align: center; margin: 0;   background: transparent;}
#tabs p { font-size: 15px;}
.ui-tabs-panel > span {color: #7b7b7b;  font-size: 14px; font-weight: bold;}
.ui-corner-top {border-radius: 0;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { display: inline-block; float: none;  padding:7px 29px; border-radius: 5px 5px 0 0; text-align: center;}
.ui-selectmenu-open { z-index: 999999;}
.ui-icon.ui-icon-triangle-1-s, .ui-icon.ui-icon-script {display: none;}
.ui-selectmenu-button span.ui-selectmenu-text {padding: 5px 5px 5px 40px;}
.ui-selectmenu-button {border-radius: 0; background: #fff; border: none; color: #333333;font-size: 16px; font-weight: normal; height: 36px; width: 100% !important;}
.dev-p-opt.selectlabel::before {background: #eeeeee url("../images/select-bg.png") no-repeat scroll center center; content: ""; height: 100%; left: 0; padding: 10px; pointer-events: none; position: absolute; top: 0; width: 30px; z-index: 1;}
.ui-menu-icons .ui-menu-item{ background: #c1cbd7; border: medium none; color: #000000; margin: 0;}
.ui-menu .ui-menu-item{ background:#c1cbd7; color: #000000;}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active{margin:0;}
.ui-menu-item.ui-state-focus {background: #fff; color: #000000; border: none;}
.ui-menu.ui-widget { border-radius: 0;}
.ui-tabs .ui-tabs-nav li { border: none;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {background: #c1cbd7; color: #000000; margin: 0; text-decoration: none; box-shadow: 0 1px 0 #a1abb7; text-transform: capitalize;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {background: #ffffff none repeat scroll 0 0; border-bottom: 0 solid #c1cbd7; box-shadow: 0 0px 0 #a1abb7;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {border-bottom:0px solid #d1d1d1; margin: 0; padding: 0;}
.show-grid { display: inline-block; text-align: right;  width: 30%;}
.modal-layer{position: absolute; background: rgba(255,255,255,0.5); width: 100%; height: 100%; z-index: 99999; top: 0; left: 0;}
.map-navigator{width: 340px; height: 340px; background: url(../images/map_nav_bg.png) rgba(0, 0, 0, 0.25) center center no-repeat; border-radius: 50%; position: absolute; top: 25px; left: 25px; font-family: arial; z-index: 99999;}
.map-navigator .navigator{position: absolute; top:25px; left:27px; z-index: 1;}
.map-navigator .navigate-deg{padding: 11px 0; text-align: center; width: 42px; height: 42px; position: absolute; top:44%; left:44%; z-index: 2; border-radius: 50%; background: #fff;}
.map-navigator .navigate-btn{ display:block; text-align: center;  position: absolute; top: 26%; left:122px; width: 100px; z-index: 2; color: #fff;}
.map-navigator .navigate-btn button{ display: inline-block; background: #acbf2c; color: #fff; text-decoration: none; padding: 3px 10px; font-size: 12px; text-transform: uppercase;}
.map-navigator .navigate-btn button:hover{ background: #92a321;}
#devFaceRotator .ui-rotatable-handle{ position: absolute; left: 122px; top: 3px; width: 40px; height:40px; border-radius: 20px;}
/*button.done-panel{background-color: #41affa;}*/

/*****Ram CSS*****/
#devPanDiv{display:none; position: absolute; top:0; left:0; z-index: 101; width:100%;height:100%;}
.reset > a { padding: 5px;}
/*button.done-panel { background-color: #5ac890;  box-shadow: 0 1px 1px #ededed, 0 2px 0 #139340 inset; -moz-box-shadow: 0 1px 1px #ededed, 0 2px 0 #139340 inset; -webkit-box-shadow: 0 1px 1px #ededed, 0 2px 0 #139340 inset;}*/
button.done-panel:hover { background: #5ac890; box-shadow: 0 0 0 #139340 inset, 0 2px 0 #139340; -moz-box-shadow: 0 0 0 #139340 inset, 0 2px 0 #139340; -webkit-box-shadow: 0 0 0 #139340 inset, 0 2px 0 #139340;}
button.done-panel:after{background-image: url(../images/done-btn.png);}
.dev-panel.dev-text { color: #333333; font-size: 17px; font-weight: bold; padding: 0 5px;}
.dev-capture-map {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: -moz-use-text-color -moz-use-text-color #c1cbd7;border-image: none;border-style: none none solid;border-width: medium medium 1px;color: #000000;font-size: 18px;margin-bottom: 10px; padding: 5px 15px;display: block;cursor: pointer;}
.dev-address-search {border: none; margin: 10px 0; padding: 6px; resize: none;  width: 100%;   font-family: "arial"; font-size: 13px;   color: #7d7d7d;}
.dev-capture-map ~ .address { font-size: 20px;}
.btn-primary.dev-search-address {background: #f7655e; border:none; border-radius: 5px; box-shadow: 0 1px 1px #ededed, 0 2px 0 #bf5353 inset; -moz-box-shadow: 0 1px 1px #ededed, 0 2px 0 #bf5353 inset; -webkit-box-shadow: 0 1px 1px #ededed, 0 2px 0 #bf5353 inset; -o-box-shadow: 0 1px 1px #ededed, 0 2px 0 #bf5353 inset; color: #ffffff; cursor: pointer; font-size: 17px; padding: 5px 15px;}
.btn-primary.dev-search-address:hover {background: #f9564f; box-shadow: 0 0 0 #efe2e0 inset, 0 2px 0 #990000; -webkit-box-shadow: 0 0 0 #efe2e0 inset, 0 2px 0 #990000; -moz-box-shadow: 0 0 0 #efe2e0 inset, 0 2px 0 #990000; -o-box-shadow: 0 0 0 #efe2e0 inset, 0 2px 0 #990000;}
/***UI Rotatable***/
.ui-rotatable-handle {height: 16px; width: 16px;cursor: pointer;background-image: url(rotate.png);background-size: 100%;left: 2px;bottom: 2px;}
.cpature1 {position: relative;}
.capture-loader { left: 36px; position: absolute; top: 2px;}
.add-product.dev-remove-panel.add-panel {font-size: 14px !important; padding: 3.5px 0;}
.fl-wh {float: left; width: 100%;}
.event-disable{pointer-events: none;}

/*Jquery Buttons*/
.group-btn .ui-button{margin-right: 0;}
.group-btn .ui-buttonset .ui-button{margin-right:0;}
.panel-icons.icon-psdeleteall:before, .panel-icons.icon-psdelete:before, .panel-icons.icon-frotate:before{width:0px;}
.group-btn .ui-state-default, 
.group-btn .ui-widget-content .ui-state-default, 
.group-btn .ui-widget-header .ui-state-default{background-color: #647487; border-radius: 0; padding:6px 16px; border: 0; border-right:0px solid #647487; position: relative;}
.group-btn .ui-state-hover,
.group-btn .ui-widget-content .ui-state-hover, 
.group-btn .ui-widget-header .ui-state-hover, 
.group-btn .ui-state-focus, 
.group-btn .ui-widget-content .ui-state-focus, 
.group-btn .ui-widget-header .ui-state-focus{border: 0; border-right:0px solid #647487; color: #fff;font-weight: normal;}
.group-btn .ui-state-active,
.group-btn .ui-widget-content .ui-state-active, 
.group-btn .ui-widget-header .ui-state-active{border: 0; border-right:0px solid #647487; color: #fff; background-color:#3e4d5f; box-shadow:0 2px 0 #425060, 0 3px 0 #8496ab inset;}
.group-btn .ffround{border-radius: 5px 0 0 5px;}
.group-btn .flround{border-radius: 0 5px 5px 0; border-left: 0px solid #444;}
.ui-button-text-only .ui-button-text{padding:0px;}
.panel-icons{background-image:url("../images/pnl-icon.png") !important; background-repeat:  no-repeat !important; background-position:  10px 9px; box-shadow:0 2px 0 #08182b; position:relative;}
.panel-icons:before{background: #3a4a5d none repeat scroll 0 0; content: ""; height: 36px; position: absolute; right:0px;  top: 0;  width: 1px;  z-index: 1;}
.panel-icons.icon-pdone:before{background: #2b6a4a; content: ""; height: 36px; position: absolute; right:0px;  top: 0;  width: 1px;  z-index: 1;}
.panel-icons.icon-fcreate{background-position:10px 10px;}
.panel-icons.icon-fedit{background-position:12px -69px;}
.panel-icons.icon-frotate{background-position:10px -30px;}
.panel-icons.icon-pcreate{background-position:11px -111px;}
.panel-icons.icon-pedit{background-position:11px -150px;}
.panel-icons.icon-pmove{background-position:11px -188px;}
.panel-icons.icon-pdone{background-position:10px -223px; background-color: #5ac890;  box-shadow:0px 2px 0px #139340;}
.panel-icons.icon-pgridadd{background-position:12px -364px;}
.panel-icons.icon-psobsadd{background-position:11px -435px;}
.panel-icons.icon-port-land{background-position:11px -513px;}
.panel-icons.icon-psgridadd{background-position:10px -398px;}
.panel-icons.icon-pscopy{background-position:11px -583px;}
.panel-icons.icon-psdelete{background-position:10px -330px; background-color: #f9564f; box-shadow:0 2px 0 #ac0000;}
.panel-icons.icon-psdeleteall{background-position:11px -471px; background-color: #f9564f;  box-shadow:0 2px 0 #ac0000;}
.panel-icons.icon-psdeleteall:hover, .panel-icons.icon-psdelete:hover{background-color:#d2322d; box-shadow:0 2px 0 #d2322d, 0 3px 0 #f9564f inset;}
.panel-icons:hover{background-color:#3e4d5f; box-shadow:0 2px 0 #425060, 0 3px 0 #8496ab inset;}
.panel-icons.icon-pdone:hover{background-color:#219e5e; box-shadow:0 2px 0 #219e5e, 0 3px 0 #68dca1 inset;}
table.proposaltable {font-family: verdana,arial,sans-serif;font-size:7px;color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse; margin-top:10px;;
    position: relative;}
table.proposaltable th{padding:7px 5px 7px 5px;border-width: 1px;border-style: solid;border-color: #666666;font-size:7px;min-width: 140px;background-color: #dedede;text-align:left;width:155px;}
table.proposaltable td{font-size: 7px; padding: 0px 5px 0px 0px;border-width: 1px;border-style: solid;border-color: #666666;width: 60px;background-color: #ffffff;text-align:right;}
table.proposaltable tr:first-child td{text-align:center;}
table.proposaltable tr:nth-child(7) td{border-bottom: 2px solid #666666;}
table.proposaltable tr:nth-child(9){border-bottom: 2px solid #666666;}

table.proposaltable1 {font-family: verdana,arial,sans-serif;font-size:7px;color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse; margin-top:10px;;
    position: relative; }
table.proposaltable1 th{padding:7px 5px 7px 5px;border-width: 1px;border-style: solid;border-color: #666666;font-size:7px;min-width: 140px;background-color: #dedede;text-align:left;width:155px;}
table.proposaltable1 td{font-size: 7px; padding: 0px 5px 0px 0px;border-width: 1px;border-style: solid;border-color: #666666;width: 60px;background-color: #ffffff;text-align:right;}
table.proposaltable1 tr:first-child td{text-align:center;}
table.proposaltable1 tr:nth-child(7) td{border-bottom: 2px solid #666666;}
table.proposaltable1 tr:nth-child(9){border-bottom: 2px solid #666666;}

table.proposaltable3 {font-family: verdana,arial,sans-serif;font-size:7px;color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse; margin-top:10px;;
    position: relative; }
table.proposaltable3 th{padding:7px 5px 7px 5px;border-width: 1px;border-style: solid;border-color: #666666;font-size:7px;min-width: 140px;background-color: #dedede;text-align:left;width:155px;}
table.proposaltable3 td{font-size: 7px; padding: 0px 5px 0px 0px;border-width: 1px;border-style: solid;border-color: #666666;width: 60px;background-color: #ffffff;text-align:right;}
table.proposaltable3 tr:first-child td{text-align:center;}
table.proposaltable3 tr:nth-child(7) td{border-bottom: 2px solid #666666;}
table.proposaltable3 tr:nth-child(9){border-bottom: 2px solid #666666;}
#myDynamicTable{margin-bottom: 10px !important;}

table.proposaltable4 {font-family: verdana,arial,sans-serif;font-size:7px;color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse; margin-top:10px;;
    position: relative; }
table.proposaltable4 th{padding:7px 5px 7px 5px;border-width: 1px;border-style: solid;border-color: #666666;font-size:7px;min-width: 140px;background-color: #dedede;text-align:left;width:155px;}
table.proposaltable4 td{font-size: 7px; padding: 0px 5px 0px 0px;border-width: 1px;border-style: solid;border-color: #666666;width: 60px;background-color: #ffffff;text-align:right;}
table.proposaltable4 tr:first-child td{text-align:center;}
table.proposaltable4 tr:nth-child(7) td{border-bottom: 2px solid #666666;}
table.proposaltable4 tr:nth-child(9){border-bottom: 2px solid #666666;}
#myDynamicTable1{margin-bottom: 10px !important;}

table.MtrngTbl {font-family: verdana,arial,sans-serif;font-size:12px;color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse; margin-top:10px;}
table.MtrngTbl td {padding: 0px 5px 0px 0px;border-width: 1px;border-style: solid;border-color: #666666;background-color: #ffffff;text-align:center;}

table.MtrngTbl tr td:nth-child(odd){width:80%;}
table.MtrngTbl tr td:nth-child(even){width:20%;}
/* .cus-adjusttable-title{margin-bottom: -22px !important} */

#logindiv{background-color: lightyellow;border: 24px solid beige;padding: 25px;width:100%;}
.logininput{border-radius: 2px;border: 1px solid #CCC;padding: 10px;color: #333;font-size: 14px;}
.endalign{text-align: end;}
.padten{padding:10px;}
.centercontent{text-align: center;padding-top: 10%;margin: 0 auto;width: 50%;height: 50%;}
#backgroundproposal{
    position:absolute;
    z-index:0;
    background:white;
    display:block;
    min-height:50%; 
    min-width:50%;
    color:yellow;
}
.pdfadjust10{
  height: 796px !important;
}
#bg-textprpsl
{
    color:#e7e7e7;
    font-size:120px;
    transform:rotate(300deg);
    -webkit-transform:rotate(300deg);
    background-attachment: fixed;
}
#prpslwrapper{background-image: url("../images/rse/rswatermark.png");
background-repeat: no-repeat;
background-position: 50% 40%;
background-attachment: fixed;}
#page_links
 {
  font-family: arial, verdana;
  font-size: 12px;
  padding: 6px;
  margin: 3px;
  background-color: #2a6497;
  text-decoration: none;
  color: white;
 }
 #page_a_link
 {
  font-family: arial, verdana;
  font-size: 12px;
  color: #296092;
  background-color: #cccccc;
  padding: 6px;
  margin: 3px;
  text-decoration: none;
  font-weight: bold;
 }
select.location-icon option {
background-repeat:no-repeat;
padding: 2px 0px 10px 20px;
}
/*#page-container{
	float:left;
	width:650px;
	height:600px;
	margin-left:315px;
}
.eachpage-structure{
	float:left;
    width: 650px;
    height: 840px;
}
.eachpage-container{
	float:left;
    width: 650px;
    height: 720px;
}*/
@page{    
    size: 820px 1191px;   
    margin:0px;   
  }
.pdfbg1{
	background-image: url(../images/rse/bgrs.png);
}
.pdfbg2{
	background-image: url(../images/rse/bg2.png);
}
.pdfbg3{
	background-image: url(../images/rse/bgrs3.png);
}
.pdfbg4{
	background-image: url(../images/rse/bgrs4.png);
}
.t{
	float:left;
}
table.tax-chart-table{
	font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 200px;
}
table.tax-chart-table td, th {
    text-align: left;
    padding: 2px;
    font-size: 12px;
    line-height: 16px;
}

table.tax-chart-table tr:nth-child(even) {
    background-color: #dddddd !important;
}
table.tblpg6 td {
    border-bottom: 1px solid #818284;
    border-collapse:collapse;
    font-size:12px;
    font-family: arial, sans-serif;
    padding:3px;
    color: #6C6D76;
}
table.tblpg6{
	border-bottom: 1px solid #818284;
	font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 342px;
    font-size:12px;
}
/*table.tblpg6 > tbody > tr:last-child > td {
  border: none !important;
}*/
table.tblpg7  td {
    border: 2px solid white;
    border-collapse:collapse;
    font-size:14px;
    line-height: 22px;
    padding: 4px

}
table.tblpg7  {
    border: 2px solid white;
    border-collapse:collapse;
    width:100%;
    
}
.capbox {
	background-color: #92D433;
	border: #B3E272 0px solid;
	border-width: 0px 12px 0px 0px;
	display: inline-block;
	*display: inline; zoom: 1; /* FOR IE7-8 */
	padding: 8px 40px 8px 8px;
	}

.capbox-inner {
	font: bold 11px arial, sans-serif;
	color: #000000;
	background-color: #DBF3BA;
	margin: 5px auto 0px auto;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaDiv {
	font: bold 17px verdana, arial, sans-serif;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }
.progress-label{
	float:left;
}
/*#myProgress {
  width: 100%;
  background-color: #ddd;
}*/
.pdf4mngFtr{
  margin: 40px 2% 25px !important;
}
.pdf1autograph{
  height:28px !important;
}
.pdf2footer{
  height: 475px !important;
}
.marginLeftZero{
  margin-left: 0px !important;
}
#progressbar {
  width: 10%;
  background-color: #4CAF50;
  text-align: center;
  line-height: 22px;
  color: white;
}
.progress-label {
    float: left;
    margin-left:0;
    margin-top: 5px;
    font-weight: bold;
    width: 100%;
    text-align: center
    /*text-shadow: 1px 1px 0 #fff;*/
}
#progressbar1 {
  width: 10%;
  background-color: #4CAF50;
  text-align: center;
  line-height: 22px;
  color: white;
}
.progress-label1 {
    float: left;
    margin-left: 36%;
    margin-top: 5px;
    font-weight: bold;
    /*text-shadow: 1px 1px 0 #fff;*/
}

.ui-progressbar-value{
	margin:0px !important;
}
.ui-progressbar1-value{
	margin:0px !important;
}
  .p10 li:before {
    margin-left: -15px;
}
.ppareport{
	line-height: 60px !important;
}
.map-image1::-webkit-scrollbar {
    /*width: 10px;
    background-color: #47b036;*/
}
#button-step3 ul li:before {
    top: 11px;
}


input[type="radio"] {
    position: relative;
    top: 1px;
}
select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
}
.customul ul li{
    list-style-type: square;
    list-style: square !important;
    }
    .pf12-commisioning div{
        font-size: 16px !important;margin-top: -111px !important;
    }
    .pf12-construction div{
        font-size: 16px !important;margin-top: -111px !important;
    }
    .pf12-layout div{font-size: 16px !important;margin-top: -111px !important;}
    
    .pf12-permitting div {font-size: 16px !important; margin-top: -111px !important;}

    html,body{height: 100%;}

 body .container-fluid,.container-fluid .container, .container-fluid .container > .row{height: 100%;}

 .container > .row .pop-up{height: 100%;}

 .pop-up-div{height: 88.6%;}

 /*.pop-up-div .cus-col-9, #page-2-settings{height: 100%;}*/

 .google-map-canvas, .overlay1{ height: 66vh !important;}
 /*.cus-gray-color{height: 80%;}*/
 /* .overlay1 img {
    height: 73vh;
    margin-top:0px !important; 
} */

.cus-overlay1-img {
    background: url(../images/map-ellipse.svg) no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    opacity: .5;
    width: 100%;
}

 #page-2-settings .gray-color.min-height{height: 66vh;}
 .gray-color.min-height.f15 {
    height: 66vh;
}
.map-image{
    height: 66vh;
}
div.pftable {
    position: relative;
    /*left: -80px;*/
    width: 1120px !important;
}

/****New pdf**7 aug**/
div#page-container{	float: inherit !important;margin: 0px auto !important; display: inline;}  
.eachpage-structure, .eachpage-structure1 {margin: 20px !important; border: 1px solid darkgrey !important; box-shadow: 1px 1px 3px 1px #333 !important;}
#pf1, #pf2, #pf4, #pf10, #pf7, #pf13, #pfappendix, #pf5, #pf12, #pf6, #pf9, #pf8, .pftable, #pflast{
    width: 819px !important; height: 1020px !important; margin: 20px auto !important; float: inherit !important;}
#pf3{
    width: 819px !important; height: 1160px !important; margin: 20px auto !important; float: inherit !important;}
#pf1s .pc.pc1.w0.h0 { width: 95% !important;}
#pf1s .prepared-for{  margin-bottom: 286px !important;}
#pf10 .title-area, #pf7 .title-area, #pf5 .title-area, #pf12 .title-area, 
#pf6 .title-area, #pf9 .title-area, #pf8 .title-area, .pftable .title-area{ font-size: 50px !important; height: 56px !important;  line-height: 50px !important;}
#pf10 .sub-title-area{font-size: 16px !important;}
#pf10 .pf10-box-title { font-size: 20px !important;   line-height: 1.2;  font-weight: bold;}
#pf10 .pf10-box-text{ font-size: 13px !important;  word-spacing: 2px;}
#pf10 .customul{font-size: 14px !important}
#pf10 .last-para{margin-top: 40px !important}		
#pf10 .pf10-box-text.cus-mar-bot{margin-top: 30px !important}
#pf10 .right-section.middle-section{ width: 30% !important; margin-left: 12px !important; margin-right: 12px !important;} 
#pf7 .top-text{font-size: 14px !important; height: 80px !important; color: #6C6D70;}
#pf7 .top-text span{font-size: 14px !important; }
#pf7 .font-normal{font-size: 14px !important}
#pf7 .box-design{height: 196px !important;}
#pf13 .consider-text{ font-size: 16px !important;  line-height: 20px !important;  font-weight: 600 !important;}
#pf13 .send-them{font-size: 17px !important;}
#pfappendix .pfappendix-body{height: 100% !important;}
#pfappendix .pfappendix-body .wrapperpdf{ height: 95% !important; }
#pfappendix .pf-t-appendix-title{ margin-bottom: 44% !important;}
#pf5 .title-area{height: 96px !important;}
#pf12 .pf12-permitting div, #pf12 .pf12-layout div, #pf12 .pf12-construction div, #pf12 .pf12-commisioning div{font-size: 15px !important;}
#pf12 .pf12-layout img{margin-left: -22px !important} 
#pf12 .pf12-layout div{margin-left: -6px;}
#pf12 .pf12-construction img{margin-left: -39px !important} 
#pf12 .pf12-construction div{ margin-left: -20px;}
#pf12 .pf12-commisioning img{ margin-left: -54px !important;}
#pf12 .pf12-commisioning div{ margin-left: -32px !important}
#pf12 .pf12-contentbox.pf12-permitting-top{ margin-top: 50px !important;}
#pf12 .pf12-contentbox{ padding: 10px 0px 20px !important;}
.pf6-sub-text{ font-size: 16px !important; font-family: 'OpenSans-Light';}
#pf6 .bateman-dairy{ font-size: 22px !important;}
#pf6 .pf6-right-text{margin-top: 8px !important}
#pf6 .title-page6{height: 34px !important; font-size: 22px !important;}
#pflast .t.body{height: 100% !important}
#pf9 .pf9-textbody div strong {  font-size: 14px !important;}
#pf9 .pf9-textbody div { font-size: 13px !important;}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: #D9D9D9;}
.table>thead>tr>th, .table>tbody>tr>th, 
.table>tfoot>tr>th, .table>thead>tr>td, 
.table>tbody>tr>td, .table>tfoot>tr>td { padding: 4px;   border: none;  border-bottom: 1px solid #000;}
table tbody tr:first-child {   border-top: 1px solid #000;}
table.proposaltable th, table.proposaltable1 th, table.proposaltable3 th, table.proposaltable4 th { background: transparent;font-size: 7px !important;}
table.proposaltable th, table.proposaltable1 th, table.proposaltable3 th, table.proposaltable4 th
table.proposaltable td, table.proposaltable1 td, table.proposaltable3 td, table.proposaltable4 td{font-size: 7px !important;}
.pftable .adjusttable .t{font-size: 30px !important}
#pflast .pflast-text {  margin-bottom: 184px !important; font-size: 24px !important;}
/*#pflast .pflast-footer{ font-size: 24px !important;}*/
#pflast .footer-title{ font-size: 24px !important;}
#pflast .pflast-footer div { font-size: 16px;}
#pflast .pflast-cus-height{height: 38% !important}
#pf6 .t.title-area {  margin-bottom: 10px !important;}
#pf2 .our-profile-title{font-size: 22px  !important;}
#pf3 .t.detail-info div { margin-bottom: 8px !important;}
#pf3 .detail-info .pf3-footer{margin-bottom: 0 !important;margin-top: 140px! important;}
#pf4 .tx-lease{font-size: 22px !important;  width: 120px !important;}
#pf4 .tx-lease-sub{font-size: 16px !important; line-height: 26px !important; margin-top: 4px !important}
#pf4 .cumulative-fashflows{font-size: 22px !important;  width: 255px !important;}
#pf4 .cumulative-fashflows-sub{font-size: 16px !important; line-height: 26px !important; margin-top: 4px !important;}
#pf5 .chartwrap2 {  margin: 15px 18px !important;}
#pf5 .chartwrap1 { width: 82% !important; }
#pf5 .tablewrap { width: 36% !important;}
#pf5 table.tax-chart-table tr:nth-child(odd) { background-color: #D9D9D9!important;}
.pftable table tbody tr:nth-child(odd){ background-color: #D9D9D9!important;}
.pftable table tbody tr th,.pftable table tbody tr td {background: transparent;}
/*.pftable table tbody tr {border-top: 1px solid #000;}
.pftable table tbody tr:last-child {border-bottom: 1px solid #000;}
.pftable table tbody tr td, .pftable table {border: none;}*/
#pf5 table.tax-chart-table tr:nth-child(even) { background-color: transparent !important;}
#pf5 table.tax-chart-table td,#pf5 table.tax-chart-table th { padding: 2px 4px;}
#pf5 table.tax-chart-table tr td:last-child {text-align: right;  padding-right: 6px;  padding-left: 2px;}
#pf5 table.tax-chart-table { margin-top: 30px; }
.pftable .pftable-header-right.t {width: 32% !important;}
.pftable table tbody tr:first-child th, .pftable table tbody tr:first-child td { color: #000; text-align: right;}
.pftable .adjusttable { margin-bottom: 36px; }
#pflast .pflast-footer div { font-size: 16px; }

/*#pf1s .pc.pc1 .title-area strong{font-size: 40px !important;  line-height: 50px !important;}*/

/*#pf1s .pc.pc1 .prepared strong{font-size: 15px !important}*/

/*#pf1s .pc.pc1 .title-area div {
    width: auto !important;
    padding-right: 6px !important;
    height: 60px !important;
}
*/
/*.solar-simple {
    font-size: 16px !important;
    margin-bottom: 0px !important;
}*/

/********/

form #proposal input[type="button"] {
    border-radius: 2px;
    padding: 12.5px 30px; 
}


@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;
    }
}

@media screen and (max-width: 1100px){
    #steps-info > li > span.step1.active:first-child {
        background-position: -54px -46px;
    }
    #steps-info > li > span.step4:first-child {
        background-position: -820px -1px;
    }
    #steps-info > li > span.step3:first-child {
        background-position: -568px -1px;
    }
    #steps-info > li > span.step2:first-child {
        background-position: -310px -1px;
    }
    #steps-info > li > span.step1.actived:first-child {
        background-position: -54px -91px;
    }
    #steps-info > li > span.step2.active:first-child {
        background-position: -310px -46px;
    }

}
@media screen and (max-width: 1024px){
    #steps-info > li > span.step1.active:first-child {
        background-position: -60px -46px;
    }
    #steps-info > li > span.step2:first-child {
        background-position: -316px -1px;
    }
    #steps-info > li > span.step3:first-child {
        background-position: -574px -1px;
    }
    #steps-info > li > span.step4:first-child {
        background-position: -832px -1px;
    }
    #steps-info > li > span.step5:first-child {
        background-position: -1088px -1px;
    }
    #steps-info > li > span.step2.active:first-child {
        background-position: -320px -46px;
    }
    #steps-info > li > span.step1.actived:first-child {
        background-position: -62px -91px;
    }
    /***Second step***/
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -66px -91px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -328px -91px ;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -582px -46px;
    }
    #devNxtBtn {
        background-position: 93% 11px;
    }
    #button-step3 ul li button { font-size: 14px; }

    .green-color p,.gray-color.min-height > p{font-size: 17px;}
}
@media screen and (max-width: 930px){
    #steps-info > li > span.step5:first-child {
        background-position: -1098px -1px;
    }
    #steps-info > li > span.step4:first-child {
        background-position: -842px -1px;
    }
    #steps-info > li > span.step3:first-child {
        background-position: -583px -1px ;
    }
    #steps-info > li > span.step2:first-child {
        background-position: -326px -1px;
    }
    #steps-info > li > span.step1.active:first-child {
        background-position: -68px -46px;
    }
    #steps-info > li > span.step2.active:first-child {
        background-position: -324px -46px;
    }
    #steps-info > li > span.step1.actived:first-child {
        background-position: -68px -91px;
    }
    #button-step3 ul li button { font-size: 13px; }
    #reset-highligh{
        padding: 10px;
    }
}
@media screen and (max-width: 900px){
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -76px -91px; }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -330px -91px;  }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -594px -46px;
    }
}


@media screen and (max-width: 850px){
    #steps-info > li > span.step1.active:first-child {
        background-position: -76px -46px;
    }
    #steps-info > li > span.step2:first-child {
        background-position: -334px -1px;
    }
    #steps-info > li > span.step3:first-child {
        background-position: -592px -1px;
    }
    #steps-info > li > span.step4:first-child {
        background-position: -850px -1px;
    }
    #steps-info > li > span.step5:first-child {
        background-position: -1106px -1px;
    }
    #steps-info > li > span.step1.actived:first-child {
        background-position: -74px -91px;
    }
    #steps-info > li > span.step2.active:first-child {
        background-position: -332px -46px;
    }
    .cus-panel-sidebar .gray-color.f15 {
        padding: 15px 8px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -334px -91px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -594px -46px;
    }
    #steps-info > li > span.step4.aifno:first-child {
        background-position: -856px -1px;
    }
}

@media screen and (max-width: 767px){
    #steps-info > li > span.step1.active:first-child {
        background-position: -62px -46px;
    }
    #steps-info > li > span.step1.actived:first-child {
        background-position: -62px -91px;
    }
    #steps-info > li > span.step2:first-child {
        background-position: -318px -1px;
    }
    #steps-info > li > span.step3:first-child {
        background-position: -582px -1px;
    }
    #steps-info > li > span.step4:first-child {
        background-position: -836px -1px;
    }
    #steps-info > li > span.step5:first-child {
        background-position: -1094px -1px;
    }
    #steps-info > li > span.step2.active:first-child {
        background-position: -320px -46px;
    }
    /***Second step***/
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -66px -91px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -328px -91px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -582px -46px;
    }
    #steps-info > li > span.step4.aifno:first-child {
        background-position: -840px -1px;
    }
    .cus-panel-sidebar .green-color {
        min-height: 52px !important;
    }
    .cus-panel-sidebar .gray-color.min-height.f15 p{min-height: auto !important;}

    .cus-panel-sidebar .gray-color.f15{min-height: auto !important; height: auto !important;}
    .cus-panel-sidebar #button-step3{min-height: auto !important;}

    .cus-panel-sidebar #button-step3 > #reset-highligh{ position: relative; bottom: 0;}
    .green-color p {
        margin-bottom: 0px;
        font-size: 15px;
        text-align: left;
        line-height: 1.42;
    }
    div#page-2-settings {
        padding: 0;
        margin: 10px 0px;
    }
    #devNxtBtn {
        background: url(../images/rse/icons/forward-icon.png) no-repeat scroll 94% 11px #00af34;
    }
 .cus-panel-sidebar{margin-top: 20px}
 #page-2-settings .gray-color.min-height { height: auto; min-height: auto !important;}
 .mounting-planes.cus-mounting-planes {  height: auto !important;   margin: 10px 0px !important;}
 ul#devFacetDetail{    padding-bottom: 0;}
 form .proposal-layout{ left: 0; top: 0px; right: 0;bottom: 0px; }
}
@media screen and (max-width: 668px){
    /***Second step***/
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -80px -91px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -334px -91px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -594px -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;
    }
}
@media screen and (max-width: 660px){
    #steps-info > li > span.step1.active:first-child {
        background-position: -76px -46px;
    }
    #steps-info > li > span.step2:first-child {
        background-position: -328px -1px;
    }
    #steps-info > li > span.step3:first-child {
        background-position: -586px -1px;
    }
    #steps-info > li > span.step4:first-child {
        background-position: -840px -1px;
    }
    #steps-info > li > span.step5:first-child {
        background-position: -1104px -1px;
    }
}
@media screen and (max-width: 600px){
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -342px -91px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -602px -46px;
    }
    #steps-info > li > span.step4.aifno:first-child {
        background-position: -860px -1px;
    }
    #steps-info > li > span.step5.aifno:first-child {
        background-position: -1116px -1px;
    } 
}
@media screen and (max-width: 580px){
    #steps-info > li > span.step1.actived:first-child {
        background-position: -82px -91px;
    }
    #steps-info > li > span.step2.active:first-child {
        background-position: -344px -46px;
    }
    
    #steps-info > li > span.step4:first-child {
        background-position: -860px -1px;
    }
    #steps-info > li > span.step5:first-child {
        background-position: -1114px -1px;
    }
    .cus-panel-button.button-set .back {     
        clear: both;
        display: block;
    }   
    
    .cus-panel-button.button-set .video {
        margin-top: 20px !important;
        float: left !important;
        margin-left: 0;
    }
    .container-fluid .container{padding: 0;}
}
@media screen and (max-width: 500px){
    #steps-info > li > span.step.step-text {
        display: none;
    } 
    #steps-info > li > span{background-size: 730px;     height: 24px !important;}
    #steps-info > li > span.step1.actived:first-child {
        background-position: -36px -52px;
    }
    #steps-info > li > span.step2.active:first-child {
        background-position: -182px -27px;
    }
    #steps-info > li > span.step3:first-child {
        background-position: -324px -2px;
    }
    #steps-info > li > span.step4:first-child {
        background-position: -474px -2px;
    }
    #steps-info > li > span.step5:first-child {
        background-position: -620px -2px;
    }
    .button-set .back {   background-position: 10% 10px;    width: 99.8%;    }
    .saved-model .modal-dialog {  width: 400px !important;  }
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -40px -51px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -182px -26px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -324px -1px;
    }
    #steps-info > li > span.step4.aifno:first-child {
        background-position: -470px -1px;
    }
    #steps-info > li > span.step5.aifno:first-child {
        background-position: -614px -1px;
    }
    .pop-up-inner{padding: 10px 0px;}
    #panelDiv .wrap-map .col-xs-12 {
        padding: 0px;
    }

    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -182px -51px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -324px -26px;
    }
    .pop-up-top-content .button-right{
        padding-right: 5px;
    }
    .pop-up-top-content .button-right  button.org-btn.reset-product {
        padding-right: 0px !important;
    }
    .cus-panel-button.button-set .back, .cus-panel-button.button-set .video {
        width: 100%;
    }
    #steps-info > li > span.step3.aifno.actived:first-child {
        background-position: -322px -51px;
    }
    #steps-info > li > span.step4.aifno.active:first-child {
        background-position: -468px -26px;
    }
    #steps-info > li > span.step4.aifno.active:first-child {
        background-position: -468px -26px;
    }
    form .proposal-layout .wrapper{margin-top: 0;  height: 80vh;}
    .proposal-layout .button-set a.back {    margin-top: 8px !important;    }
}

@media screen and (max-width: 440px){
   
    #steps-info > li > span.step1.actived:first-child {
        background-position: -42px -52px; }
    #steps-info > li > span.step2.active:first-child {
        background-position: -197px -27px;  }
    #steps-info > li > span.step3:first-child {
        background-position: -330px -2px; }
    #steps-info > li > span.step4:first-child {
        background-position: -478px -2px;  }
    #steps-info > li > span.step5:first-child {
        background-position: -626px -2px;   }
    .container-fluid .container{padding: 0px;}
    .saved-model .modal-dialog {  width: 360px !important;  }
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -38px -51px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -184px -51px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -326px -1px;
    }
    #steps-info > li > span.step5.aifno:first-child {
        background-position: -618px -1px;
    }  
      
}
@media screen and (max-width: 380px){
    .saved-model .modal-dialog {  width: 320px !important;  }  
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -188px -26px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -332px -1px;
    }
    #steps-info > li > span.step4.aifno:first-child {
        background-position: -478px -1px;
    }
    #steps-info > li > span.step5.aifno:first-child {
        background-position: -624px -1px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -188px -51px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -332px -26px;
    }
    #steps-info > li > span.step3.aifno.actived:first-child {
        background-position: -332px -51px;
    }
    #steps-info > li > span.step4.aifno.active:first-child {
        background-position: -478px -26px;
    }
   
}
@media screen and (max-width: 360px){
    /* .cus-overlay1-img {   background-size: 530px 400px;  } */
    .saved-model .modal-dialog{width: 280px !important;}

    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -45px -51px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -190px -51px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -336px -26px;
    }
    #steps-info > li > span.step4.aifno:first-child {
        background-position: -480px -1px;
    }
    #steps-info > li > span.step5.aifno:first-child {
        background-position:-626px -1px;
    }
    #steps-info > li > span.step4.aifno.active:first-child {
        background-position: -482px -26px;
    }
}
@media screen and (max-width: 330px){
    #steps-info > li > span.step1.aifno.actived:first-child {
        background-position: -49px -51px;
    }
    #steps-info > li > span.step2.aifno.actived:first-child {
        background-position: -195px -51px;
    }
    #steps-info > li > span.step3.aifno.active:first-child {
        background-position: -340px -26px;
    }
    #steps-info > li > span.step4.aifno:first-child {
        background-position: -484px -1px;
    }
    #steps-info > li > span.step5.aifno:first-child {
        background-position: -631px -1px;
    }
    #steps-info > li > span.step3.aifno.actived:first-child {
        background-position: -338px -51px;
    }
}
::-webkit-scrollbar {
    width: 1em;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}