*, html , body{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: sans-serif;
}

html, body{
    overflow: hidden;
    max-width: 100%;
    height: 100%;
}

a{
    text-decoration: none;
    color: inherit;
}

.red{
    color: #ffcc00;
}

.red-bg{
    background-color: #ffcc00;
}

.grey{
    color: #999999;
}

.grey-bg{
    background-color: #999999;
}

.white{
    color: white;
}

.white-bg{
    background-color: white;
}

.red-button{
    background-color: #ffcc00;
    color: white;
    border: 0;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 3px;
}

.generic-white-field{
    width: 100%;
    height: 35px;
    padding: 5px;
    border: none;
    border-radius: 5px;
    background-color: white !important;
}

.clear{
    clear: both;
}

.display-none{
    display: none;
}

ul{
    list-style-type: none;
}

.intl-phone{
    padding-left: 75px !important;
}

.mb-15{
    margin-bottom: 15px;
}

.swal-button{
    background-color: #ffcc00 !important;
}

#element-for-copy{
    width: 0px !important;
    height: 0px !important;
    display: none;
}

.sleek-notification{
    position: fixed;
    top: 105px;
    background-color: #1e1e1e;
    z-index: 1100;
    max-width: 80%;
    color: #ebebeb;
    padding: 14px 20px;
    border-radius: 3px;
    font-size: 14px;
     display: none; 
    left: 50%;
    margin-left: -150px;
    width: 300px;
    text-align: center;
}

/*-------------- toggle checkbox ---------------*/

.toggle-checkbox {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 15px;
}

.toggle-checkbox input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-checkbox .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff0;
    border: 2px solid grey;
    -webkit-transition: .4s;
    transition: .4s;
    /*left: -3px;*/
}

.toggle-checkbox .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: -3px;
    bottom: 4px;
    background-color: #c5c5c5;
    -webkit-transition: .4s;
    transition: .4s;
    top: -5px;
}


.toggle-checkbox .grey.slider:before{
    background-color: #8c8c8c;
}

.toggle-checkbox input:checked + .slider {
    background-color: #ffffff00;
    border: 2px solid grey;
}

.toggle-checkbox input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.toggle-checkbox input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
    background-color: #e9212e;
}

.toggle-checkbox input:checked + .grey.slider:before {
    background-color: #c5c5c5;
}

.toggle-checkbox input:checked + .green.slider:before {
    background-color: #00c50d;
}

.toggle-checkbox .slider.round {
    border-radius: 34px;
}

.toggle-checkbox .slider.round:before {
    border-radius: 50%;
}
   
 /*-----------------------------------------------------*/

header{
    height: 50px;
    background-color: #231f20;
}

header .logo{
    float: left;
}

header .logo img{
    display: block;
}

header .right-section{
    float: right;
    margin-top: 8px;
    margin-right: 20px;
    width: 381px;
}

header .right-section > div{
    display: inline-block;
    margin-left: 0px;
    vertical-align: middle;
    position: relative;
}

header .right-section .login-text{
    float: right;
}

header .right-section .hamburger{
    font-size: 20px;
    display: none;
}

header .right-section .add-property-button .add-property-panel{
    position: absolute;
    background-color: #232122;
    border: 2px solid #403f3f;
    z-index: 9;
    color: white;
    width: 150px;
    top: 38px;
    font-size: 14px;
    display: none;
}

header .right-section .add-property-button .add-property-panel .single{
    padding: 10px;
}

header .right-section .add-property-button .add-property-panel .single:hover{
    background-color: #4a4a4a;
}

header .right-section .login-text .login-panel{
    position: absolute;
    background-color: #232122;
    z-index: 9;
    color: white;
    width: 401px;
    top: 81px;
    font-size: 15px;
    right: -19px;
    display: none;
    padding: 30px 35px 20px 35px;
}

header .right-section .login-text .login-panel .upper{
    padding-bottom: 25px;
}

header .right-section .login-text .login-panel .upper .email,
header .right-section .login-text .login-panel .upper .password,
header .right-section .login-text .login-panel .upper .forget-password,
header .right-section .login-text .login-panel .upper .submit{
    margin-bottom: 10px;
}

header .right-section .login-text .login-panel .upper .forget-password{
    text-align: right;
}

header .right-section .login-text .login-panel .upper .submit input{
    width: 100%;
    border-radius: 3px;
    font-size: 16px;
}

header .right-section .login-text .login-panel .upper .seperator{
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

header .right-section .login-text .login-panel .upper .seperator .line{
    height: 1px;
}

header .right-section .login-text .login-panel .upper .seperator .text{
    top: 8px;
    position: absolute;
    padding: 0px 10px;
    background-color: #232122;
    margin-left: 80px;
}

header .right-section .login-text .login-panel .upper .social-media-login{
    height: 30px;
    margin: 15px 0px 8px 0px;
}

header .right-section .login-text .login-panel .upper .social-media-login .facebook-login{
    float: left;
}

header .right-section .login-text .login-panel .upper .social-media-login button{
    height: 35px;
    border: 0px;
    color: white;
    padding: 0px 10px;
    border-radius: 3px;
    cursor: pointer;
}

header .right-section .login-text .login-panel .upper .social-media-login .facebook-login button{
    background-color: #3b5998;
}

header .right-section .login-text .login-panel .upper .social-media-login .google-plus-login{
    float: right;
}

header .right-section .login-text .login-panel .upper .social-media-login .google-plus-login button{
    background-color: #CC3333;
}

header .right-section .login-text .login-panel .upper .social-media-login .fa{
    font-size: 16px;
}

header .right-section .login-text .login-panel .lower .signup-link{
    padding: 10px;
    background-color: #389ae5;
    font-weight: bold;
    text-align: center;
}

header .right-section .logged-in .logged-in-panel{
    position: absolute;
    background-color: #232122;
    border: 2px solid #403f3f;
    z-index: 9;
    color: white;
    width: 150px;
    top: 25px;
    font-size: 14px;
    display: none;
    right: 0px;
}

header .right-section .logged-in .logged-in-panel .single{
    padding: 10px;
}

header .right-section .logged-in .logged-in-panel .single:hover{
    background-color: #4a4a4a;
}

.content{
    min-height: calc(100vh - 50px);
    position: relative;
}

.content .options{
    position: absolute;
    max-width: 108px;
    width: 100%;
    top: 1px;
    right: 0;
    z-index: 1;
    font-size: 0;
}

.content .options > div{
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.content .options .search-box{
/*    width: 275px;
    height: 45px;*/
}

.map-search-field{
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    padding: 5px 5px 5px 40px;
    border: 0;
    font-size: 15px;
    width: 292px;
    height: 45px;
    right: 110px !important;
    top: 1px !important;
    left: auto !important;
    border-radius: 5px;
    border: 1px solid #c5c4c4;
    background-image: url("../img/search-icon.png");
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: 12px 9px;
    position: absolute;
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
}

.map-search-field.hideable{
    top: 0px !important;
}

#htmls{
    display: none !important;
}

.content .options .favorites-button{
    width: 53px;
    height: 45px;
    background-color: #f8f8f8;
    color: #888888;
    font-size: 25px;
    padding: 10px 15px 10px 14px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #c5c4c4;
    margin-right: 2px;
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
    z-index: 1;
}

.content .search-clear-button{
    color: #676767;
    position: absolute;
    top: 15px;
    left: -27px;
    font-size: 20px;
    cursor: pointer;
    display: none;
}

.content .search-clear-button img{
    width: 18px;
}

.current-location-button{
    padding: 5px 5px 1px 5px;
    position: absolute;
    left: 25px;
    z-index: 1;
    background-color: #161616;
    bottom: 189px;
    cursor: pointer;
    border-radius: 3px;
}

.current-location-button.right{
    left: initial;
    right: 23px;
}

.map-settings-button{
    padding: 6px 7px 2px 8px;
    position: absolute;
    left: 25px;
    z-index: 1;
    background-color: #161616;
    bottom: 250px;
    cursor: pointer;
    border-radius: 3px;
}

.map-settings-button.right{
    left: initial;
    right: 23px;
}

.map-settings-panel{
    height: 290px;
    position: fixed;
    bottom: -300px;
    z-index: 9;
    background-color: #231f20;
    width: 360px;
    padding: 10px;
    left: 90px;
    color: #757575;
    transition: 0.1s linear bottom;
    overflow: auto;
}

.map-settings-panel.right{
    left: initial;
    right: 105px;
}

.map-settings-panel.show{
    bottom: 0px;
}

.map-settings-panel .inner{
    position: relative;
}

.map-settings-panel .close{
    position: absolute;
    right: 0;
    top: 0px;
    cursor: pointer;
}

.map-settings-panel .heading{
    color: white;
}

.map-settings-panel .settings::-webkit-scrollbar {
  width: 0px;
}

.map-settings-panel .settings::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
.map-settings-panel .settings::-webkit-scrollbar-thumb {
  background: #888; 
}

.map-settings-panel .settings::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.map-settings-panel .settings .single-setting{
    width: 25%;
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 3px;
    position: relative;
}

.map-settings-panel .settings .single-setting img{
    display: block;
}

.map-settings-panel .settings .single-setting .overlay{
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.map-settings-panel .settings .single-setting:hover{
    background-color: black; 
}

.map-settings-panel .settings .single-setting .overlay:hover{
    background-color: #0a0a0aa1;
}

.map-settings-panel .settings .single-setting .name{
    position: absolute;
    bottom: 3px;
    color: white;
    background-color: #0a0a0aa3;
    width: 94%;
    padding-top: 3px;
    font-size: 11px;
}

.map-zoom-button{
    position: absolute;
    left: 26px;
    z-index: 1;
    background-color: #161616;
    cursor: pointer;
    font-size: 22px;
    color: #666666;
    border-radius: 3px;
}

.map-zoom-button.right{
    left: initial;
    right: 23px;
}

.map-zoom-button.zoom-in{
    padding: 8px 11px 6px 12px;
    bottom: 127px;
}

.map-zoom-button.zoom-out{
    padding: 8px 11px 6px 12px;
    bottom: 86px;
}



.content .options .favorites-button{
}

.content #map{
    width: 100%;
    height: calc(100vh - 50px);
}

.main-side-panel.filter-panel{
    z-index: 5 !important;
}

.main-side-panel.filter-panel .side-panel-wrapper{
    background-color: #fbfbfb;
    height: 100%;
}

.filter-panel .upper-head{
    height: auto;
    background-color: #fbfbfb;
    font-size: 14px;
    font-weight: bold;
    color: #3f3f3f;
}

.filter-panel .upper-head .right{
    float: right;
}

.filter-panel .upper-head .top{
    display: flex;
}

.filter-panel .upper-head .single-checkbox{
    flex: auto;
}

.filter-panel .upper-head .single-checkbox:nth-of-type(2){
    text-align: center;
}

.filter-panel .upper-head .single-checkbox:nth-of-type(3){
    text-align: right;
}

.filter-panel .upper-head .single-checkbox .title{
    vertical-align: middle;
}

.filter-panel .upper-head .top{
    padding: 15px 12px 12px 12px;
}

.filter-panel .upper-head .bottom{
    padding: 15px 12px 12px 12px;
    border-top: 1px solid grey;
}


.filter-panel .upper-head .single-checkbox .title span,
.filter-panel .upper-head .single-checkbox .title img{
    vertical-align: middle;
}

.filter-panel .upper-head .single-checkbox .title span{
    margin-right: 5px;
}

.filter-panel .upper-head .single-checkbox > span,
.filter-panel .upper-head .single-checkbox > label{
    vertical-align: middle;
}

.filter-panel .head img{
    width: 16px;
    margin-right: 9px;
}

.filter-panel .head{
    height: 45px;
    background-color: #e2e2e2;
    padding: 12px;
    font-weight: bold;
    color: #282828;
    border-top: 1px solid grey;
    text-transform: uppercase;
    font-size: 14px;
}

.filter-panel .head > *{
    vertical-align: middle;
}

.filter-panel .head > span{
}

.filter-panel .head > label{
    float: right;
}

.filter-panel .head .heading span,
.filter-panel .head .heading img{
    vertical-align: middle;
}

.filter-panel .head .heading span {
    margin-right: 8px;
}

.filter-panel .common-area .single-checkbox{
    float: left;
    width: 50%;
    font-size: 12px;
    padding: 12px 12px;
}

.filter-panel .common-area .single-checkbox > label{
    float: right;
}

.filter-panel .common-area.fields{
    padding: 12px 12px 20px 12px;
}

.filter-panel .common-area.fields .single-field{
    width: 31%;
    float: left;
}

.filter-panel .common-area.fields .single-field:nth-of-type(2){
    margin: 0px 3%;
}

.filter-panel .common-area.fields .single-field .filters-info-popup{
    position: absolute;
    background-color: #e6e6e6;
    z-index: 9;
    color: #000000;
    bottom: 17px;
    font-size: 12px;
    right: 0px;
    border: 1px solid #403f3f;
    padding: 10px;
    font-weight: normal;
    border-radius: 5px;
    display: none;
}

.filter-panel .common-area.fields .field input,
.filter-panel .common-area.fields .field select{
    height: 35px;
    border: 1px solid #868686;
    background-color: #ffffff;
    color: grey;
    padding: 2px 5px;
    width: 100%;
}

.filter-panel .common-area.fields .label{
    font-size: 12px;
    color: #525252;
    /*font-weight: bold;*/
    position: relative;
    margin-bottom: 2px;
}

.filter-panel .common-area.fields .label i{
    color: #e9212e;
}

.filter-panel .common-area.fields .label i:hover + div{
    display: block;
}

.filter-panel .common-area.features .single-field{
    width: 50%;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 5px !important;
}

.filter-panel .common-area.features .single-field .field,
.filter-panel .common-area.features .single-field .label{
    display: inline-block;
    vertical-align: middle;
}

.filter-panel .common-area.features .single-field .field input{
    width: auto;
    height: auto;
/*    position: relative;
    z-index: -9999;*/
}

/*.filter-panel .common-area.features .single-field .field span{
    width: 20px;
    height: 20px;
    display: block;
    background: url("link_to_image");
}*/

.filter-panel .single-button{
    width: 50%;
    float: left;
}

.filter-panel .single-button button{
    border: 0px;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    padding: 0px;
    height: 42px;
    color: white;
    cursor: pointer;
    border-radius: 0px;
}

.filter-panel .single-button .black-button{
    background-color: black;
}

.content .main-side-panel{
    width: 431px;
    position: fixed;
    right: -430px;
    top: 97px;
    cursor: auto;
    font-size: 14px;
    color: #525252;
    overflow: auto;
    overflow-x: hidden;
    transition: 0s linear all;
    z-index: 2;
    padding-left: 33px;
    bottom: 0px;
}

.content .main-side-panel.left{
}

.content .main-side-panel.creation,
.content .main-side-panel.edit{
    display: none;
}

/* width */
.content .main-side-panel::-webkit-scrollbar,
.content .main-side-panel .side-panel-wrapper::-webkit-scrollbar {
  width: 0px;
}

/* Track */
.content .main-side-panel::-webkit-scrollbar-track,
.content .main-side-panel .side-panel-wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.content .main-side-panel::-webkit-scrollbar-thumb,
.content .main-side-panel .side-panel-wrapper::-webkit-scrollbar-thumb {
  background: #8e8e8e52; 
  border-radius: 10px;
}

/* Handle on hover */
.content .main-side-panel::-webkit-scrollbar-thumb:hover,
.content .main-side-panel .side-panel-wrapper::-webkit-scrollbar-thumb:hover {
  background: #8e8e8e52;  
}

.content .main-side-panel.creation select,
.content .main-side-panel.edit select{
    float: right;
    padding: 3px;
    border: 0px;
    border-radius: 5px;
    color: black;
}

.content .main-side-panel.creation .select-property-type-section,
.content .main-side-panel.edit .select-property-type-section{
    padding: 15px;
    position: relative;
}

.content .main-side-panel.creation .location-section,
.content .main-side-panel.edit .location-section{
    padding: 15px;
    background-color: #222222;
}

.content .main-side-panel.creation .location-section .label,
.content .main-side-panel.edit .location-section .label{
    color: white;
}

.content .main-side-panel.creation .location-section .society-value,
.content .main-side-panel.edit .location-section .society-value{
    margin: 8px 0px;
    font-size: 25px;
    color: #ffcc00;
}

.content .main-side-panel.creation .location-section .value,
.content .main-side-panel.edit .location-section .value{
    color: grey;
}

.content .main-side-panel.creation .basic-info-section,
.content .main-side-panel.edit .basic-info-section{
    padding: 15px;
}

.content .main-side-panel.creation .basic-info-section .name .label,
.content .main-side-panel.creation .basic-info-section .name .field,
.content .main-side-panel.creation .basic-info-section .domain .label,
.content .main-side-panel.creation .basic-info-section .domain .field,
.content .main-side-panel.edit .basic-info-section .name .label,
.content .main-side-panel.edit .basic-info-section .name .field,
.content .main-side-panel.edit .basic-info-section .domain .label,
.content .main-side-panel.edit .basic-info-section .domain .field{
    float: left;
}

.content .main-side-panel.creation .basic-info-section .name .label,
.content .main-side-panel.creation .basic-info-section .domain .label,
.content .main-side-panel.edit .basic-info-section .name .label,
.content .main-side-panel.edit .basic-info-section .domain .label{
    width: 38%;
}

.content .main-side-panel.creation .basic-info-section .name .field,
.content .main-side-panel.creation .basic-info-section .domain .field,
.content .main-side-panel.edit .basic-info-section .name .field,
.content .main-side-panel.edit .basic-info-section .domain .field{
    width: 62%;
}

.content .main-side-panel.creation .basic-info-section .name .field input,
.content .main-side-panel.edit .basic-info-section .name .field input{
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 0px;
}

.content .main-side-panel.creation .basic-info-section .name,
.content .main-side-panel.edit .basic-info-section .name{
    margin-bottom: 5px;
}

.content .main-side-panel.creation .basic-info-section .name .label,
.content .main-side-panel.edit .basic-info-section .name .label{
    margin-top: 5px;
}

.content .main-side-panel.creation .basic-info-section .domain,
.content .main-side-panel.edit .basic-info-section .domain{
    margin-bottom: 15px;
    font-size: 90%;
}

.content .main-side-panel.creation .basic-info-section .domain .field,
.content .main-side-panel.edit .basic-info-section .domain .field{
    
}

.content .main-side-panel.creation .basic-info-section .description .label,
.content .main-side-panel.edit .basic-info-section .description .label{
    margin-bottom: 5px;
}

.content .main-side-panel.creation .basic-info-section .description .field textarea,
.content .main-side-panel.edit .basic-info-section .description .field textarea{
    width: 100%;
    height: 50px;
    border: 0px;
    border-radius: 5px;
    resize: none;
    padding: 5px;
}

.content .main-side-panel.creation .basic-info-section .submit,
.content .main-side-panel.edit .basic-info-section .submit{
    margin-top: 10px;
    text-align: right;
}

.content .main-side-panel.creation .basic-info-section .submit button,
.content .main-side-panel.edit .basic-info-section .submit button{
    border-radius: 5px;
}

.content .main-side-panel.creation .draw-boundaries-section .header,
.content .main-side-panel.edit .draw-boundaries-section .header{
    background-color: #6089b5;
    padding: 15px;
    color: white;
}

.content .main-side-panel.creation .draw-boundaries-section .body,
.content .main-side-panel.edit .draw-boundaries-section .body{
    padding: 15px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .label,
.content .main-side-panel.edit .draw-boundaries-section .body .label{
    position: relative;
}

.content .main-side-panel.creation .draw-boundaries-section .body .label .tick,
.content .main-side-panel.edit .draw-boundaries-section .body .label .tick{
    position: absolute;
    right: 0px;
    top: 0px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .label .tick.completed,
.content .main-side-panel.edit .draw-boundaries-section .body .label .tick.completed{
    color: #ffcc00;
}

.content .main-side-panel.creation .draw-boundaries-section .body .skip-society-boundary,
.content .main-side-panel.edit .draw-boundaries-section .body .skip-society-boundary{
    margin-top: 21px;
    padding-left: 20px;
    margin-bottom: 11px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .skip-society-boundary .skip-boundary,
.content .main-side-panel.edit .draw-boundaries-section .body .skip-society-boundary .skip-boundary{
    background-color: #ffcc00;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ffcc00;
    cursor: pointer;
    color: white;
}

.content .main-side-panel.creation .draw-boundaries-section .body .field,
.content .main-side-panel.edit .draw-boundaries-section .body .field{
    position: relative;
    margin-top: 10px;
    padding-left: 20px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .field .input button,
.content .main-side-panel.edit .draw-boundaries-section .body .field .input button{
    background-color: #ffcc00;
    border: 0px;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #ffcc00;
}

.content .main-side-panel.creation .draw-boundaries-section .body .field .delete-autocad-file,
.content .main-side-panel.edit .draw-boundaries-section .body .field .delete-autocad-file{
    position: absolute;
    top: 3px;
    right: 0px;
    cursor: pointer;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-society-boundaries-container,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-society-boundaries-container{
    margin-top: 15px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #b9b9b9;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list{
    padding-left: 20px;
    margin: 10px 0px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase{
    position: relative;
    margin-bottom: 6px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase > div,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase > div{
    display: inline-block;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase .serial,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase .serial{
    color: black;
    margin-right: 10px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase .edit-delete,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase .edit-delete{
    position: absolute;
    right: 0;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase .edit-delete .edit-phase,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase .edit-delete .edit-phase{
    color: #00800094;
    cursor: pointer;
    margin-right: 5px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase .edit-delete .delete-phase,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .phases-list .single-phase .edit-delete .delete-phase{
    color: #f73e3ed6;
    cursor: pointer;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .add-phase-box input,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .add-phase-box input{
    padding: 5px;
    border-radius: 5px;
    border: 0px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .add-phase-box button,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .add-phase-box button{
    background-color: #ffcc00;
    border: 0px;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .add-phase-box button:disabled,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .add-phase-box button:disabled{
    background-color: #ef7779;
    cursor: not-allowed;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .add-phase-box .text,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .add-phase-box .text{
    font-size: 90%;
    margin-top: 3px;
    color: #8a8a8a;
}


.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .actions,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .actions{
    margin-top: 10px;
    padding-left: 20px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .actions .add-phase,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .actions .add-phase{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-phases-boundaries-container .actions .skip-phase,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-phases-boundaries-container .actions .skip-phase{
    background-color: #9d9d9d;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #9d9d9d;
    cursor: pointer;
    color: white;
}

/*--------------------------------------------------------------------------------------------------*/

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #b9b9b9;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list{
    padding-left: 20px;
    margin: 10px 0px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block{
    position: relative;
    margin-bottom: 6px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block > div,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block > div{
    display: inline-block;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block .serial,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block .serial{
    color: black;
    margin-right: 10px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block .edit-delete,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block .edit-delete{
    position: absolute;
    right: 0;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block .edit-delete .edit-block,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block .edit-delete .edit-block{
    color: #00800094;
    cursor: pointer;
    margin-right: 5px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block .edit-delete .delete-block,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .blocks-list .single-block .edit-delete .delete-block{
    color: #f73e3ed6;
    cursor: pointer;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .add-block-box input,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .add-block-box input{
    padding: 5px;
    border-radius: 5px;
    border: 0px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .add-block-box select,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .add-block-box select{
    float: none;
    color: grey;
    margin-left: 5px;
    margin-right: 5px;
    padding: 4px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .add-block-box button,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .add-block-box button{
    background-color: #ffcc00;
    border: 0px;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .add-block-box button:disabled,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .add-block-box button:disabled{
    background-color: #ef7779;
    cursor: not-allowed;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .add-block-box .text,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .add-block-box .text{
    font-size: 90%;
    margin-top: 3px;
    color: #8a8a8a;
}


.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .actions,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .actions{
    margin-top: 10px;
    padding-left: 20px;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .actions .add-block,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .actions .add-block{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
}

.content .main-side-panel.creation .draw-boundaries-section .body .draw-blocks-boundaries-container .actions .done-block,
.content .main-side-panel.edit .draw-boundaries-section .body .draw-blocks-boundaries-container .actions .done-block{
    background-color: #ffcc00;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ffcc00;
    cursor: pointer;
    color: white;
}

.content .main-side-panel.creation .drawing-tools-section,
.content .main-side-panel.edit .drawing-tools-section{
    background-color: #222222;
    padding: 15px;
}

.content .main-side-panel.creation .drawing-tools-section .drawing-tools,
.content .main-side-panel.creation .drawing-tools-section .saving-tools,
.content .main-side-panel.edit .drawing-tools-section .drawing-tools,
.content .main-side-panel.edit .drawing-tools-section .saving-tools{
    width: 50%;
    float: left;
    position: relative;
}

.content .main-side-panel.creation .drawing-tools-section .label,
.content .main-side-panel.edit .drawing-tools-section .label{
    color: #ffcc00;
}

.content .main-side-panel.creation .drawing-tools-section .tools,
.content .main-side-panel.edit .drawing-tools-section .tools{
    margin-top: 6px;
}

.content .main-side-panel.creation .drawing-tools-section .tools .single-tool,
.content .main-side-panel.edit .drawing-tools-section .tools .single-tool{
    float: left;
    background-color: #383737;
    margin-right: 5px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
}

.content .main-side-panel.creation .drawing-tools-section .tools .single-tool:hover,
.content .main-side-panel.creation .drawing-tools-section .tools .single-tool.selected,
.content .main-side-panel.edit .drawing-tools-section .tools .single-tool:hover,
.content .main-side-panel.edit .drawing-tools-section .tools .single-tool.selected{
    background-color: #ffcc00;
}

.content .main-side-panel.creation .drawing-tools-section .tools .single-tool img,
.content .main-side-panel.edit .drawing-tools-section .tools .single-tool img{
    vertical-align: -webkit-baseline-middle;
    margin: auto;
}

.content .main-side-panel.creation .drawing-tools-section .tools .single-tool .single-tool-tooltip,
.content .main-side-panel.edit .drawing-tools-section .tools .single-tool .single-tool-tooltip{
    position: absolute;
    background-color: #ffffff;
    z-index: 9;
    color: #ffcc00;
    font-size: 12px;
    left: -15px;
    border: 1px solid #403f3f;
    padding: 10px;
    border-radius: 5px;
    display: none; 
    min-width: 100px;
    font-weight: bold;
    bottom: 31px;
}

.content .main-side-panel.creation .drawing-tools-section .tools .single-tool img:hover + div,
.content .main-side-panel.edit .drawing-tools-section .tools .single-tool img:hover + div{
    display: block;
}

.content .main-side-panel.creation .drawing-tools-section .saving-tools .saving-tool-tooltip,
.content .main-side-panel.edit .drawing-tools-section .saving-tools .saving-tool-tooltip{
    position: absolute;
    background-color: #ffffff;
    z-index: 9;
    color: #ffcc00;
    bottom: 17px;
    font-size: 12px;
    left: 44px;
    border: 1px solid #403f3f;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
    display: none;
}

.content .main-side-panel.creation .drawing-tools-section .saving-tools .label,
.content .main-side-panel.edit .drawing-tools-section .saving-tools .label{
    position: relative;
}

.content .main-side-panel.creation .drawing-tools-section .saving-tools .label i:hover + div,
.content .main-side-panel.edit .drawing-tools-section .saving-tools .label i:hover + div{
    display: block;
}

.content .main-side-panel.creation .administration-section .header,
.content .main-side-panel.edit .administration-section .header{
    background-color: #6089b5;
    padding: 15px;
    color: white;
}

.content .main-side-panel.creation .administration-section .body,
.content .main-side-panel.edit .administration-section .body{
    position: relative;
    padding: 15px;
}

.content .main-side-panel.creation .administration-section .body .label span,
.content .main-side-panel.edit .administration-section .body .label span{
    position: relative;
}

.content .main-side-panel.creation .administration-section .body .label span div,
.content .main-side-panel.edit .administration-section .body .label span div{
    position: absolute;
    background-color: #ffffff;
    z-index: 9;
    color: #ffcc00;
    bottom: 17px;
    font-size: 12px;
    left: 0px;
    border: 1px solid #403f3f;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
    display: none;
    min-width: 124px;
}

.content .main-side-panel.creation .administration-section .body .label span i,
.content .main-side-panel.edit .administration-section .body .label span i{
    color: #ffcc00;
}

.content .main-side-panel.creation .administration-section .body .label span i:hover + div,
.content .main-side-panel.edit .administration-section .body .label span i:hover + div{
    display: block;
} 

.content .main-side-panel.creation .administration-section .body .add-manager-button,
.content .main-side-panel.edit .administration-section .body .add-manager-button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 15px;
}

.content .main-side-panel.creation .administration-section .managers-list,
.content .main-side-panel.edit .administration-section .managers-list{
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.content .main-side-panel.creation .administration-section .managers-list .single-manager,
.content .main-side-panel.edit .administration-section .managers-list .single-manager{
    position: relative;
    margin-bottom: 6px;
}

.content .main-side-panel.creation .administration-section .managers-list .single-manager > div,
.content .main-side-panel.edit .administration-section .managers-list .single-manager > div{
    display: inline-block;
}

.content .main-side-panel.creation .administration-section .managers-list .single-manager .edit-delete,
.content .main-side-panel.edit .administration-section .managers-list .single-manager .edit-delete{
    float: right;
}

.content .main-side-panel.creation .administration-section .managers-list .single-manager .edit-delete .delete-manager,
.content .main-side-panel.edit .administration-section .managers-list .single-manager .edit-delete .delete-manager{
    color: #f73e3ed6;
}

.content .main-side-panel.creation .administration-section .actions,
.content .main-side-panel.edit .administration-section .actions{
    margin-top: 10px;
    padding-left: 20px;
}

.content .main-side-panel.creation .administration-section .actions .done-manager,
.content .main-side-panel.edit .administration-section .actions .done-manager{
    background-color: #ffcc00;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ffcc00;
    cursor: pointer;
    color: white;
}

.content .main-side-panel.creation .administration-section .add-manager-box,
.content .main-side-panel.edit .administration-section .add-manager-box{
    margin-top: 18px;
}

.content .main-side-panel.creation .administration-section .add-manager-box .field input,
.content .main-side-panel.edit .administration-section .add-manager-box .field input{
    padding: 5px;
    border-radius: 5px;
    border: 0px;
}

.content .main-side-panel.creation .administration-section .add-manager-box .field button,
.content .main-side-panel.edit .administration-section .add-manager-box .field button{
    background-color: #ffcc00;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    color: white;
    border: 0px;
}

.content .main-side-panel.creation .administration-section .add-manager-box .field .text,
.content .main-side-panel.edit .administration-section .add-manager-box .field .text{
    font-size: 90%;
    margin-top: 3px;
    color: #8a8a8a;
}

/*//////////////////////////////////////////////////////////*/

.content .main-side-panel.creation .dealers-section .header,
.content .main-side-panel.edit .dealers-section .header{
    background-color: #6089b5;
    padding: 15px;
    color: white;
}

.content .main-side-panel.creation .dealers-section .body,
.content .main-side-panel.edit .dealers-section .body{
    position: relative;
    padding: 15px;
}

.content .main-side-panel.creation .dealers-section .body .label span,
.content .main-side-panel.edit .dealers-section .body .label span{
    position: relative;
}

.content .main-side-panel.creation .dealers-section .body .label span div,
.content .main-side-panel.edit .dealers-section .body .label span div{
    position: absolute;
    background-color: #ffffff;
    z-index: 9;
    color: #ffcc00;
    bottom: 17px;
    font-size: 12px;
    left: 0px;
    border: 1px solid #403f3f;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
    display: none;
    min-width: 124px;
}

.content .main-side-panel.creation .dealers-section .body .label span i,
.content .main-side-panel.edit .dealers-section .body .label span i{
    color: #ffcc00;
}

.content .main-side-panel.creation .dealers-section .body .label span i:hover + div,
.content .main-side-panel.edit .dealers-section .body .label span i:hover + div{
    display: block;
} 

.content .main-side-panel.creation .dealers-section .body .add-dealer-button,
.content .main-side-panel.edit .dealers-section .body .add-dealer-button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 15px;
}

.content .main-side-panel.creation .dealers-section .dealers-list,
.content .main-side-panel.edit .dealers-section .dealers-list{
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.content .main-side-panel.creation .dealers-section .dealers-list .single-dealer,
.content .main-side-panel.edit .dealers-section .dealers-list .single-dealer{
    position: relative;
    margin-bottom: 6px;
}

.content .main-side-panel.creation .dealers-section .dealers-list .single-dealer > div,
.content .main-side-panel.edit .dealers-section .dealers-list .single-dealer > div{
    display: inline-block;
}

.content .main-side-panel.creation .dealers-section .dealers-list .single-dealer .edit-delete,
.content .main-side-panel.edit .dealers-section .dealers-list .single-dealer .edit-delete{
    float: right;
}

.content .main-side-panel.creation .dealers-section .dealers-list .single-dealer .edit-delete .delete-dealer,
.content .main-side-panel.edit .dealers-section .dealers-list .single-dealer .edit-delete .delete-dealer{
    color: #f73e3ed6;
}

.content .main-side-panel.creation .dealers-section .actions .done-dealer,
.content .main-side-panel.edit .dealers-section .actions .done-dealer{
    background-color: #ffcc00;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ffcc00;
    cursor: pointer;
    color: white;
}

.content .main-side-panel.creation .dealers-section .add-dealer-box,
.content .main-side-panel.edit .dealers-section .add-dealer-box{
    margin-top: 18px;
}

.content .main-side-panel.creation .dealers-section .add-dealer-box .field input,
.content .main-side-panel.edit .dealers-section .add-dealer-box .field input{
    padding: 5px;
    border-radius: 5px;
    border: 0px;
}

.content .main-side-panel.creation .dealers-section .add-dealer-box .field button,
.content .main-side-panel.edit .dealers-section .add-dealer-box .field button{
    background-color: #ffcc00;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    color: white;
    border: 0px;
}

.content .main-side-panel.creation .dealers-section .add-dealer-box .field .text,
.content .main-side-panel.edit .dealers-section .add-dealer-box .field .text{
    font-size: 90%;
    margin-top: 3px;
    color: #8a8a8a;
}

.content .main-side-panel.creation .media-section .header,
.content .main-side-panel.edit .media-section .header{
    background-color: #6089b5;
    padding: 15px;
    color: white;
}

.content .main-side-panel.creation .media-section .body,
.content .main-side-panel.edit .media-section .body{
    position: relative;
    padding: 15px;
}

.content .main-side-panel.creation .media-section .logo-box .left,
.content .main-side-panel.creation .media-section .logo-box .right,
.content .main-side-panel.edit .media-section .logo-box .left,
.content .main-side-panel.edit .media-section .logo-box .right{
    display: inline-block;
    vertical-align: middle;
}

.content .main-side-panel.creation .media-section .logo-box .right,
.content .main-side-panel.edit .media-section .logo-box .right{
    padding-left: 20px;
    font-size: 16px;
}

.content .main-side-panel.creation .media-section .logo-box .right .title,
.content .main-side-panel.edit .media-section .logo-box .right .title{
    color: #444343;
    margin-bottom: 2px;
}

.content .main-side-panel.creation .media-section .logo-box .right .text,
.content .main-side-panel.edit .media-section .logo-box .right .text{
    color: #6b6b6b;
    font-size: 95%;
    margin-bottom: 15px;
}

.content .main-side-panel.creation .media-section .logo-box .right .society-logo-upload-link,
.content .main-side-panel.edit .media-section .logo-box .right .society-logo-upload-link{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
}

.content .main-side-panel.creation .media-section .images-box,
.content .main-side-panel.edit .media-section .images-box{
    margin-top: 20px;
    border-top: 1px solid #bdbdbd;
    padding-top: 20px;
}

.content .main-side-panel.creation .media-section .images-box .heading,
.content .main-side-panel.edit .media-section .images-box .heading{
    position: relative;
    color: #444343;
    font-size: 16px;
}

.content .main-side-panel.creation .media-section .images-box .heading button,
.content .main-side-panel.edit .media-section .images-box .heading button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 0px;
}

.content .main-side-panel.creation .media-section .images-box .society-images-list,
.content .main-side-panel.edit .media-section .images-box .society-images-list{
    margin-top: 20px;
}

.content .main-side-panel.creation .media-section .images-box .society-images-list .single-society-image,
.content .main-side-panel.edit .media-section .images-box .society-images-list .single-society-image{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
}

.content .main-side-panel.creation .media-section .images-box .society-images-list .single-society-image .delete-society-image,
.content .main-side-panel.edit .media-section .images-box .society-images-list .single-society-image .delete-society-image{
    position: absolute;
    top: 2px;
    right: 6px;
    cursor: pointer;
    color: #f73e3ed6;
}

.content .main-side-panel.creation .media-section .images-box .society-images-list .single-society-image img,
.content .main-side-panel.edit .media-section .images-box .society-images-list .single-society-image img{
    display: block;
}

.content .main-side-panel.creation .media-section .videos-box,
.content .main-side-panel.edit .media-section .videos-box{
    margin-top: 20px;
    border-top: 1px solid #bdbdbd;
    padding-top: 20px;
}

.content .main-side-panel.creation .media-section .videos-box .heading,
.content .main-side-panel.edit .media-section .videos-box .heading{
    position: relative;
    color: #444343;
    font-size: 16px;
}

.content .main-side-panel.creation .media-section .videos-box .heading button,
.content .main-side-panel.edit .media-section .videos-box .heading button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 0px;
}

.content .main-side-panel.creation .media-section .videos-box .society-videos-list,
.content .main-side-panel.edit .media-section .videos-box .society-videos-list{
    margin-top: 20px;
}

.content .main-side-panel.creation .media-section .videos-box .society-videos-list .single-society-video,
.content .main-side-panel.edit .media-section .videos-box .society-videos-list .single-society-video{
    position: relative;
    margin-bottom: 6px;
    width: 100%;
    height: 15px;
    overflow: hidden;
    padding-right: 20px;
}

.content .main-side-panel.creation .media-section .videos-box .society-videos-list .single-society-video > div,
.content .main-side-panel.edit .media-section .videos-box .society-videos-list .single-society-video > div{
    display: inline-block;
}

.content .main-side-panel.creation .media-section .videos-box .society-videos-list .single-society-video i,
.content .main-side-panel.edit .media-section .videos-box .society-videos-list .single-society-video i{
    position: absolute;
    top: 0px;
    right: 0px;
    color: #f73e3ed6;
    cursor: pointer;
}

.content .main-side-panel.creation .media-section .actions .done-media ,
.content .main-side-panel.edit .media-section .actions .done-media {
    background-color: #ffcc00;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ffcc00;
    cursor: pointer;
    color: white;
}

.content .main-side-panel.creation .social-links-section .header,
.content .main-side-panel.edit .social-links-section .header{
    background-color: #6089b5;
    padding: 15px;
    color: white;
}

.content .main-side-panel.creation .social-links-section .body,
.content .main-side-panel.edit .social-links-section .body{
    position: relative;
    padding: 15px;
}

.content .main-side-panel.creation .social-links-section .heading,
.content .main-side-panel.edit .social-links-section .heading{
    position: relative;
    color: #444343;
    font-size: 16px;
}

.content .main-side-panel.creation .social-links-section .heading button,
.content .main-side-panel.edit .social-links-section .heading button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 0px;
}

.content .main-side-panel.creation .social-links-section .social-links-list,
.content .main-side-panel.edit .social-links-section .social-links-list{
    margin-top: 20px;
}

.content .main-side-panel.creation .social-links-section .social-links-list .single-social-link,
.content .main-side-panel.edit .social-links-section .social-links-list .single-social-link{
    margin-bottom: 6px;
    position: relative;
}

.content .main-side-panel.creation .social-links-section .social-links-list .single-social-link .delete-social-link,
.content .main-side-panel.edit .social-links-section .social-links-list .single-social-link .delete-social-link{
    position: absolute;
    top: 0px;
    right: 0px;
    color: #f73e3ed6;
    cursor: pointer;
}

.content .main-side-panel.creation .submit-section,
.content .main-side-panel.edit .submit-section{
    background-color: #222222;
    text-align: right;
}

.content .main-side-panel.creation .submit-section button,
.content .main-side-panel.edit .submit-section button{
    background-color: #ffcc00;
    border: 0px;
    color: white;
    height: 40px;
    width: 130px;
    cursor: pointer;
    font-size: 15px;
}

.popup-overlay{
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000a8;
    display: none;
    z-index: 999;
}

.popup-overlay.show{
    display: block;
}

.popup-overlay .popup{
    background-color: white;
    min-height: 100px;
    width: 90%;
    max-width: 400px;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-height: 70%;
    overflow: auto;
}

/* width */
.popup-overlay .popup::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.popup-overlay .popup::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
.popup-overlay .popup::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.popup-overlay .popup::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.popup-overlay .popup .header{
    background-color: #efefef;
    position: relative;
    font-size: 14px;
    padding: 10px;
}

.popup-overlay .popup .header i{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    font-size: 19px;
}

.popup-overlay .popup .popup-body{
    padding: 30px;
}

.popup-overlay .popup .popup-body .single-field{
    margin-bottom: 10px;
}

.popup-overlay .popup .popup-body .single-field .label{
    float: left;
    width: 35%;
    min-height: 1px;
    font-size: 13px;
}

.popup-overlay .popup .popup-body .single-field .label .sub-label{
    color: #9e9e9e;
    font-size: 11px;
    margin-top: 6px;
    display: inline-block;
}

.popup-overlay .popup .popup-body .single-field .field{
    float: left;
    width: 65%;
}

.popup-overlay .popup .popup-body input[type=text],
.popup-overlay .popup .popup-body input[type=email],
.popup-overlay .popup .popup-body input[type=password],
.popup-overlay .popup .popup-body input[type=tel],
.popup-overlay .popup .popup-body input[type=number],
.popup-overlay .popup .popup-body textarea,
.popup-overlay .popup .popup-body select{
    width: 100%;
    height: 30px;
    border: 1px solid #b5b3b3;
    border-radius: 5px;
    padding: 8px 8px;
    color: #808080b5;
}

.popup-overlay .popup .popup-body input[type=file]{
    max-width: 100%;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.popup-overlay .popup .popup-body textarea{
    height: 80px;
    resize: none;
}

.popup-overlay .popup .popup-body select{
    padding: 0px 8px;
}

.popup-overlay .popup .popup-body input[type=text]::placeholder,
.popup-overlay .popup .popup-body input[type=email]::placeholder,
.popup-overlay .popup .popup-body input[type=password]::placeholder,
.popup-overlay .popup .popup-body input[type=tel]::placeholder,
.popup-overlay .popup .popup-body input[type=number]::placeholder,
.popup-overlay .popup .popup-body textarea::placeholder{
    color: #808080b5;
}

.popup-overlay .popup .popup-body .single-field:last-child .field{
    text-align: right;
    margin-top: 10px;
}

.content .main-side-panel.creation .selection-section,
.content .main-side-panel.edit .selection-section{
    padding: 15px;
    border-top: 1px solid #b9b9b9;
}

.content .main-side-panel.creation .selection-section .single-selection-dropdown,
.content .main-side-panel.edit .selection-section .single-selection-dropdown{
    float: left;
    width: 33%;
    padding: 0px 2px;
}

.content .main-side-panel.creation .selection-section .single-selection-dropdown select,
.content .main-side-panel.edit .selection-section .single-selection-dropdown select{
    float: none;
    width: 100%;
    color: grey;
}

/*.content .main-side-panel > .section{
    padding: 15px;
}*/

.content .main-side-panel.creation .property-number-section,
.content .main-side-panel.edit .property-number-section{
    background-color: #222222;
    padding: 15px;
}

.content .main-side-panel.creation .property-number-section .upper .left,
.content .main-side-panel.creation .property-number-section .upper .right,
.content .main-side-panel.edit .property-number-section .upper .left,
.content .main-side-panel.edit .property-number-section .upper .right{
    float: left;
    width: 50%;
    min-height: 1px;
}

.content .main-side-panel.creation .property-number-section .upper .left .plot-no,
.content .main-side-panel.edit .property-number-section .upper .left .plot-no{
    border: 0px;
    width: 100px;
    background-color: #4e4e4e;
    padding: 6px 8px;
    border-radius: 5px;
    color: grey;
    margin-right: 8px;
}

.content .main-side-panel.creation .property-number-section .upper .left span,
.content .main-side-panel.edit .property-number-section .upper .left span{
    position: relative;
}

.content .main-side-panel.creation .property-number-section .upper .left span i,
.content .main-side-panel.edit .property-number-section .upper .left span i{
    color: #ffcc00;
}

.content .main-side-panel.creation .property-number-section .upper .left span .tooltip,
.content .main-side-panel.edit .property-number-section .upper .left span .tooltip{
    position: absolute;
    background-color: #ffffff;
    z-index: 9;
    color: #ffcc00;
    bottom: 17px;
    font-size: 12px;
    left: -46px;
    border: 1px solid #403f3f;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
    display: none;
    min-width: 124px;
}

.content .main-side-panel.creation .property-number-section .upper .left span i:hover + div,
.content .main-side-panel.edit .property-number-section .upper .left span i:hover + div{
    display: block;
} 

.content .main-side-panel.creation .property-number-section .upper .right,
.content .main-side-panel.edit .property-number-section .upper .right{
    text-align: right;
    margin-top: 3px;
}

.content .main-side-panel.creation .property-number-section .upper .right span,
.content .main-side-panel.edit .property-number-section .upper .right span{
    margin-right: 5px
}

.content .main-side-panel.creation .property-number-section .lower,
.content .main-side-panel.edit .property-number-section .lower{
    margin-top: 8px;
    color: #a9a7a7;
}

.content .main-side-panel.creation .property-number-section .upper .building-name,
.content .main-side-panel.edit .property-number-section .upper .building-name{
    border: 0px;
    background-color: #4e4e4e;
    padding: 6px 8px;
    border-radius: 5px;
    color: grey;
    margin-right: 8px;
    resize: none;
    width: 100%;
    margin: 4px 0px;
}

.content .main-side-panel.creation .property-number-section .lower .property-address,
.content .main-side-panel.edit .property-number-section .lower .property-address{
    border: 0px;
    background-color: #4e4e4e;
    padding: 6px 8px;
    border-radius: 5px;
    color: grey;
    margin-right: 8px;
    resize: none;
    width: 100%;
    margin: 4px 0px;
}

.content .main-side-panel.creation .property-type-section,
.content .main-side-panel.edit .property-type-section{
    padding: 15px;
}

.content .main-side-panel.creation .property-type-section .main-label,
.content .main-side-panel.edit .property-type-section .main-label{
    float: left;
    margin-top: 5px;
}

.content .main-side-panel.creation .fds-section,
.content .main-side-panel.edit .fds-section{
    background-color: #ffffff;
    padding: 15px;
}

.content .main-side-panel.creation .fds-section .single-part,
.content .main-side-panel.edit .fds-section .single-part{
    float: left;
    width: 33%;
    padding: 0px 6px;
    border-right: 1px solid #d8d8d8;
}

.content .main-side-panel.creation .fds-section .single-part:nth-child(3),
.content .main-side-panel.edit .fds-section .single-part:nth-child(3){
    border: none;
}

.content .main-side-panel.creation .fds-section .single-part .field,
.content .main-side-panel.edit .fds-section .single-part .field{
    margin-top: 5px;
}

.content .main-side-panel.creation .fds-section .single-part .field input,
.content .main-side-panel.edit .fds-section .single-part .field input{
    width: 100%;
    border: 0px;
    background-color: #e5e5e5;
    color: grey;
    padding: 5px 5px;
    border-radius: 5px;
}

.content .main-side-panel.creation .features-section,
.content .main-side-panel.edit .features-section{
    background-color: #ededed;
    padding: 15px;
}

.content .main-side-panel.creation .features-section .main-label,
.content .main-side-panel.creation .features-section .features-checkboxes,
.content .main-side-panel.edit .features-section .main-label,
.content .main-side-panel.edit .features-section .features-checkboxes{
    float: left;
}

.content .main-side-panel.creation .features-section .main-label,
.content .main-side-panel.edit .features-section .main-label{
    width: 30%;
}

.content .main-side-panel.creation .features-section .features-checkboxes,
.content .main-side-panel.edit .features-section .features-checkboxes{
    width: 70%;
}

.content .main-side-panel.creation .features-section .single-feature,
.content .main-side-panel.edit .features-section .single-feature{
    width: 50%;
    float: left;
    margin-bottom: 5px;
}

.content .main-side-panel.creation .features-section .single-feature input[type=checkbox],
.content .main-side-panel.edit .features-section .single-feature input[type=checkbox]{
    margin-right: 5px;
}

.content .main-side-panel.creation .est-price-section,
.content .main-side-panel.edit .est-price-section{
    background-color: #ededed;
    border-top: 1px solid #b9b9b9;
    padding: 15px;
}

.content .main-side-panel.creation .est-price-section .main-label,
.content .main-side-panel.creation .est-price-section .price-fields,
.content .main-side-panel.edit .est-price-section .main-label,
.content .main-side-panel.edit .est-price-section .price-fields{
    float: left;
}

.content .main-side-panel.creation .est-price-section .main-label,
.content .main-side-panel.edit .est-price-section .main-label{
    width: 40%;
}

.content .main-side-panel.creation .est-price-section .price-fields,
.content .main-side-panel.edit .est-price-section .price-fields{
    width: 60%;
}

.content .main-side-panel.creation .est-price-section .price-fields input[type=text],
.content .main-side-panel.edit .est-price-section .price-fields input[type=text]{
    width: 100px;
    padding: 4px;
    border: 0px;
    border-radius: 5px;
    margin-right: 5px;
}

.content .main-side-panel.creation .est-price-section .price-fields .fields,
.content .main-side-panel.edit .est-price-section .price-fields .fields{
    text-align: right;
}

.content .main-side-panel.creation .est-price-section .price-fields select,
.content .main-side-panel.edit .est-price-section .price-fields select{
    float: none;
    width: 65px;
    color: grey;
}

.content .main-side-panel.creation .est-price-section .done-basic-box,
.content .main-side-panel.edit .est-price-section .done-basic-box{
    text-align: right;
    margin-top: 15px;
}

.content .main-side-panel.creation .est-price-section .done-basic-box button,
.content .main-side-panel.edit .est-price-section .done-basic-box button{
    padding: 8px 15px;
    border-radius: 5px;
}

.content .main-side-panel.creation .dealers-done-basic-box,
.content .main-side-panel.edit .dealers-done-basic-box{
    text-align: right;
    padding: 0px 15px 15px 15px;
    background-color: #ededed;
}

.content .main-side-panel.creation .dealers-done-basic-box button,
.content .main-side-panel.edit .dealers-done-basic-box button{
    padding: 8px 15px;
    border-radius: 5px;
}

.content .main-side-panel.creation .owners-section .header,
.content .main-side-panel.edit .owners-section .header{
    background-color: #6089b5;
    padding: 15px;
    color: white;
}

.content .main-side-panel.creation .owners-section .body,
.content .main-side-panel.edit .owners-section .body{
    padding: 15px;
    position: relative;
}

.content .main-side-panel.creation .owners-section .body .add-owner-button,
.content .main-side-panel.edit .owners-section .body .add-owner-button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 15px;
}

.content .main-side-panel.creation .owners-section .owners-list,
.content .main-side-panel.edit .owners-section .owners-list{
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.content .main-side-panel.creation .owners-section .owners-list .single-owner,
.content .main-side-panel.edit .owners-section .owners-list .single-owner{
    position: relative;
    margin-bottom: 6px;
}

.content .main-side-panel.creation .owners-section .owners-list .single-owner > div,
.content .main-side-panel.edit .owners-section .owners-list .single-owner > div{
    display: inline-block;
}

.content .main-side-panel.creation .owners-section .owners-list .single-owner .edit-delete,
.content .main-side-panel.edit .owners-section .owners-list .single-owner .edit-delete{
    float: right;
}

.content .main-side-panel.creation .owners-section .owners-list .single-owner .edit-delete .delete-owner,
.content .main-side-panel.edit .owners-section .owners-list .single-owner .edit-delete .delete-owner{
    color: #f73e3ed6;
}

.main-side-panel.show-details{
    /*display: none;*/
    
}

.main-side-panel.show-details.show{
    right: 1px;
}

.main-side-panel.show-details.show{
    display: block;
    z-index: 99;
}

.mobile-menu{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000000f2;
    z-index: 100;
    display: none;
}

.mobile-menu .center-middle{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
    max-width: 380px;
    margin: auto;
}

.mobile-menu .close-mobile-menu{
    color: #e8f0fe;
    font-size: 25px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.mobile-menu .login-panel .upper .password, 
.mobile-menu .login-panel .upper .submit{
    margin-bottom: 20px;
}

.mobile-menu .login-panel .upper .forget-password{
    text-align: right;
}

.mobile-menu .login-panel .upper .submit input{
    width: 100%;
    border-radius: 3px;
    font-size: 16px;
}

.mobile-menu .login-panel .upper .seperator {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

.mobile-menu .login-panel .upper .seperator .line {
    height: 1px;
}

.mobile-menu .login-panel .upper .seperator .text {
    top: 8px;
    position: absolute;
    padding: 0px 10px;
    background-color: #232122;
    margin-left: 80px;
}

.mobile-menu .login-panel .upper .social-media-login {
    margin: 15px 0px 30px 0px;
}

.mobile-menu .login-panel .upper .social-media-login .facebook-login {
    float: left;
}

.mobile-menu .login-panel .upper .social-media-login .google-plus-login {
    float: right;
}

.mobile-menu .login-panel .upper .social-media-login button {
    height: 30px;
    border: 0px;
    color: white;
    padding: 0px 10px;
    border-radius: 3px;
    cursor: pointer;
}

.mobile-menu .login-panel .upper .social-media-login .facebook-login button {
    background-color: #3b5998;
}

.mobile-menu .login-panel .upper .social-media-login .google-plus-login button {
    background-color: #CC3333;
}

.mobile-menu .login-panel .lower .signup-link {
    padding: 10px;
    background-color: #389ae5;
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
}

.mobile-menu .add-property-button{
    text-align: center;
}

.mobile-menu .logged-in-panel{
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
}

.content .main-side-panel.creation .owners-section .done-owners,
.content .main-side-panel.edit .owners-section .done-owners{
    padding: 0px 15px 15px 15px;
    text-align: right;
}

.content .main-side-panel.creation .owners-section .done-owners button,
.content .main-side-panel.edit .owners-section .done-owners button{
    border-radius: 5px;
}

/*//----------------------------------*/

.content .main-side-panel.creation .media-section .images-box .images-list,
.content .main-side-panel.edit .media-section .images-box .images-list{
    margin-top: 20px;
}

.content .main-side-panel.creation .media-section .images-box .images-list .single-image,
.content .main-side-panel.edit .media-section .images-box .images-list .single-image{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
}

.content .main-side-panel.creation .media-section .images-box .images-list .single-image .delete-image,
.content .main-side-panel.edit .media-section .images-box .images-list .single-image .delete-image{
    position: absolute;
    top: 2px;
    right: 6px;
    cursor: pointer;
    color: #f73e3ed6;
}

.content .main-side-panel.creation .media-section .images-box .images-list .single-image img,
.content .main-side-panel.edit .media-section .images-box .images-list .single-image img{
    display: block;
}

/*// ---------------------------*/

.content .main-side-panel.creation .media-section .videos-box .videos-list,
.content .main-side-panel.edit .media-section .videos-box .videos-list{
    margin-top: 20px;
}

.content .main-side-panel.creation .media-section .videos-box .videos-list .single-video,
.content .main-side-panel.edit .media-section .videos-box .videos-list .single-video{
    position: relative;
    margin-bottom: 6px;
    width: 100%;
    height: 15px;
    overflow: hidden;
    padding-right: 20px;
}

.content .main-side-panel.creation .media-section .videos-box .videos-list .single-video > div,
.content .main-side-panel.edit .media-section .videos-box .videos-list .single-video > div{
    display: inline-block;
}

.content .main-side-panel.creation .media-section .videos-box .videos-list .single-video i,
.content .main-side-panel.edit .media-section .videos-box .videos-list .single-video i{
    position: absolute;
    top: 0px;
    right: 0px;
    color: #f73e3ed6;
    cursor: pointer;
}

.content .main-side-panel.creation .select-building,
.content .main-side-panel.edit .select-building{
    padding: 15px;
    border-top: 1px solid #cccccc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.content .main-side-panel.creation .select-rent-sold,
.content .main-side-panel.edit .select-rent-sold{
    padding: 15px;
    border-top: 1px solid #cccccc;
    padding-bottom: 20px;
    background-color: #ededed;
}

.content .main-side-panel.plot-details .childproperties .left{
    float: none;
}

.content .main-side-panel.plot-details .childproperties ul li{
    padding: 10px;
    border-bottom: 1px solid #80808040;
    cursor: pointer;
}

.main-side-panel.show-details .propFooter {
   
}

.main-side-panel.show-details .propType .right,
.main-side-panel.show-details .titleSection .right{
    /*padding-right: 20px;*/
}

.content.temp-registration{
    background-color: black;
}

.popup-overlay.temp-registration{
    background-color: transparent;
}

.popup-overlay .domain-already-exist{
    color: #ffcc00;
    font-size: 11px;
    display: none;
}

.popup-overlay .show-domain{
    display: none;
}

.popup-overlay .domain-like-text,
.popup-overlay .domain-like-value{
    font-size: 11px;
    color: gray;
}

.popup-overlay .domain-like-value span{
    font-weight: bold;
}

.popup-overlay.update-dealer .preview-logo{
    margin-top: 20px;
    height: 60px !important;
}

.popup-overlay p.info{
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #909090;
}

.main-side-panel .sidebar-navigation{
    width: 100%;
    height: 38px;
    background-color: #3c3c3c;
    position: relative;
}

.main-side-panel .sidebar-navigation .go-back{
    position: absolute;
    font-size: 22px;
    top: 8px;
    color: #9a9a9a;
    left: 7px;
    cursor: pointer;
}

.main-side-panel .propContactInfo .items{
    padding: 8px;
}

.main-side-panel.dealers-member{
    padding: 15px 15px;
    display: none;
}

.main-side-panel.dealers-member.show{
    /*display: block;*/
}

.main-side-panel.dealers-member .heading{
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 30px;
}

.main-side-panel.dealers-member .single-member{
    position: relative;
    margin-bottom: 5px;
}

.main-side-panel.dealers-member .single-member.not-activated{
    color: #a2a2a2;
}

.main-side-panel.dealers-member .single-member .actions{
    position: absolute;
    right: 0;
    top: 0;
    color: #ffcc00bd;
    cursor: pointer;
}

.main-side-panel.dealers-member .single-field{
    position: relative;
    margin-bottom: 5px;
}

.main-side-panel.dealers-member .single-field span{
    display: inline-block;
    width: 50%;
    float: left;
    min-height: 1px;
}

.main-side-panel.dealers-member .single-field input[type=text],
.main-side-panel.dealers-member .single-field input[type=email],
.main-side-panel.dealers-member .single-field input[type=number]{
    width: 100%;
    padding: 5px;
    border: 0px;
    color: grey;
}

.main-side-panel.dealers-member .single-field input[type=submit]{
    padding: 8px 12px;
    margin-top: 5px;
    border-radius: 3px;
}

.main-side-panel.dealers-member .single-field .field{
    text-align: right;
}

/*.main-side-panel.profile{
    padding: 15px;
}

.main-side-panel.profile h4{
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.main-side-panel.profile .single-field{
    margin-bottom: 10px;
}

.main-side-panel.profile .single-field .label{
    float: left;
    width: 50%;
}

.main-side-panel.profile .single-field .field{
    float: left;
    width: 50%;
}

.main-side-panel.profile .single-field .field input[type=text],
.main-side-panel.profile .single-field .field input[type=password],
.main-side-panel.profile .single-field .field input[type=email],
.main-side-panel.profile .single-field .field textarea{
    width: 100%;
    border: 0px;
    padding: 5px;
    border-radius: 5px;
}

.main-side-panel.profile .single-field .field textarea{
    height: 80px;
    resize: none;
}

.main-side-panel.profile .single-field .preview-logo{
    width: 250px !important;
    display: block;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    height: auto !important;
}

.main-side-panel.profile h4.extra-links{
    margin-top: 45px;
}

.main-side-panel.profile .links .single a{
    margin-bottom: 10px;
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
}*/

.main-side-panel .navigation{
    position: relative;
    height: 20px;
}

.main-side-panel .navigation .close-side-panel{
    position: absolute;
    right: 0;
    cursor: pointer;
}

.tooltip-content{
    width: 180px;
    z-index: 9999;
    padding: 10px;
}

.tooltip-content .left,
.tooltip-content .right{
    float: left;
}

.tooltip-content .left{
    margin-right: 10px;
}

.tooltip-content .right{
    max-width: 220px;
}

.tooltip-content .right .top{
    font-weight: bold;
    margin-bottom: 3px;
}

.tooltip-content .right .bottom{
    
}

.tooltip-content.cluster{
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.tooltip-content.cluster .single-property{
    margin-bottom: 5px;
    cursor: pointer;
    background-color: #f1f1f1;
    font-size: 14px;
    padding: 3px;
}

.content .main-side-panel.creation .select-property-type-section .selected, 
.content .main-side-panel.edit .select-property-type-section .selected{
    float: right;
    font-weight: bold;
    cursor: pointer;
}

/*.content .main-side-panel.creation .select-property-type-section .custom-select, 
.content .main-side-panel.edit .select-property-type-section .custom-select{
    position: absolute;
    top: 40px;
    right: 15px;
    background-color: #3c3c3c;
    width: 366px;
    color: #b5b5b5;
    padding: 8px;
    display: none;
    z-index: 9;
}*/

.content .main-side-panel.creation .select-property-type-section .property-types-list .single-option, 
.content .main-side-panel.edit .select-property-type-section .property-types-list .single-option{
    float: left;
    width: 25%;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    margin-top: 10px;
}

.content .main-side-panel.creation .select-property-type-section .property-types-list .single-option:hover, 
.content .main-side-panel.creation .select-property-type-section .property-types-list .single-option.selected, 
.content .main-side-panel.edit .select-property-type-section .property-types-list .single-option:hover,
.content .main-side-panel.edit .select-property-type-section .property-types-list .single-option.selected{
    color: white;
    background-color: grey;
}

.content .main-side-panel.creation .select-property-type-section .property-types-list .single-option i, 
.content .main-side-panel.edit .select-property-type-section .property-types-list .single-option i{
    font-size: 35px;
}

.content .main-side-panel.creation .select-property-type-section .property-types-list .single-option .text, 
.content .main-side-panel.edit .select-property-type-section .property-types-list .single-option .text{
    font-weight: bold;
    height: 25px;
    overflow: hidden;
    font-size: 11px;
    margin-top: 5px;
}

.content .main-side-panel.dealer-details .logo{
    
}

.content .main-side-panel.dealer-details .logo img{
    display: block;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.content .main-side-panel.dealer-details .propDesc span:first-of-type{
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 5px;
    display: block;
}

.content .main-side-panel.dealer-details .propDesc .pairs{
    padding: 10px;
}

.content .main-side-panel.dealer-details .single-pair{
    padding: 10px;
}

.content .main-side-panel.dealer-details .single-pair .left{
    font-weight: bold;
}

.content .main-side-panel.dealer-details .propLinks .left{
    font-weight: bold;
}

.content .main-side-panel.dealer-details .rating .right{
    max-width: 200px;
}

.content .main-side-panel.dealer-details .rating .right img{
    width: 50px;
    vertical-align: middle;
    margin-left: 8px;
    margin-bottom: 5px;
}

.content .main-side-panel.dealer-details .navigation{
    padding: 10px;
    height: 40px;
}

.content .main-side-panel.dealer-details .navigation .close-side-panel{
    top: 10px;
    right: 10px;
}

.main-side-panel.show-details .propLinks .item .social i{
/*    color: #ffcc00 !important;*/
}

.main-side-panel.show-details .members .inner{
    padding: 10px;
}

.main-side-panel.show-details .members .inner .item{
    margin-bottom: 10px;
}

.main-side-panel.show-details .members .inner .item .left{
    font-weight: bold;
}

.main-side-panel.dealer-details .navigation .edit-profile{
    color: grey;
    left: 12px;
    cursor: pointer;
    font-weight: bold;
}

.content .main-side-panel.dealer-details .propRealEstateAgent .agentCont .left{
    font-weight: bold;
}

.content .main-side-panel.dealer-details .account-settings .fields{
    padding: 10px;
}

.content .main-side-panel.dealer-details .account-settings .fields .single-field{
    margin-bottom: 10px;
    font-weight: bold;
}

.content .main-side-panel.dealer-details .account-settings .fields .single-field .label,
.content .main-side-panel.dealer-details .account-settings .fields .single-field .field{
    float: left;
    width: 50%;
}

.content .main-side-panel.dealer-details .fa-pencil{
    color: #f3f3f3;
    cursor: pointer;
    margin-left: 5px;
    background-color: green;
    padding: 4px;
    border-radius: 3px;
    font-size: 12px;
}

.content .main-side-panel.dealer-details .account-settings .fields .single-field.password-single-field .field{
    cursor: pointer;
}

.content .main-side-panel.dealer-details .account-settings .edit-profit-margin .fa{
    color: green;
    background-color: inherit;
    font-size: initial;
    margin-left: 0px;
}

.content .main-side-panel.dealer-details input[type=text].edit-profile-field,
.content .main-side-panel.dealer-details textarea.edit-profile-field{
    width: 100%;
    border: 0px;
    background-color: white;
    border: 1px solid grey;
    padding: 2px;
    border-radius: 5px;
    color: grey;
}

.content .main-side-panel.dealer-details textarea.edit-profile-field{
    height: 100px;
}

.content .main-side-panel.dealer-details .propLinks .add-social-link-icon,
.content .main-side-panel.dealer-details .propRealEstateAgent .add-member-icon{
    float: right;
    margin-right: 1px;
    cursor: pointer;
}

.content .main-side-panel.dealer-details .account-settings .fields .leads-link .label,
.content .main-side-panel.dealer-details .account-settings .fields .update-location-link .label{
    cursor: pointer;
}

.popup-overlay.edit-social-links .delete-social-link{
    margin-top: 18px;
    display: block;
    font-weight: bold;
    color: #131313;
}

.content .main-side-panel .draw-boundaries-section .header span.current-location{
    float: right;
    cursor: pointer;
}

/*.popup-overlay.add-favorite-group{
    display: block;
}*/

.popup-overlay.add-favorite-group .popup-body{
    padding: 0px;
}

.popup-overlay.add-favorite-group .title{
    font-size: 14px;
    margin-bottom: 7px;
    font-weight: bold;
    color: #3c3c3c;
}

.popup-overlay.add-favorite-group .create-group,
.popup-overlay.add-favorite-group .current-plot-info{
    padding: 15px 10px;
    border-bottom: 1px solid #dedede;
}

.popup-overlay.add-favorite-group .create-group .field-button .field{
    display: inline-block;
    width: calc(100% - 80px);
}

.popup-overlay.add-favorite-group .create-group .field-button .button{
    display: inline-block;
}

.popup-overlay.add-favorite-group .create-group .field-button .button input{
    padding: 7px 15px;
    border-radius: 5px;
}

.popup-overlay.add-favorite-group .current-plot-info .tags-notification{
    position: relative;
}

.popup-overlay.add-favorite-group .current-plot-info .tags{
    font-size: 13px;
    color: grey;
    cursor: pointer;
    padding-right: 25px;
}

.popup-overlay.add-favorite-group .current-plot-info .notification{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: grey;
}

.popup-overlay.add-favorite-group .current-plot-info .notification.selected,
.popup-overlay.add-favorite-group .current-plot-info .notification:hover{
    color: #ffcc00;
}

.popup-overlay.add-favorite-group .previous-folders .single-folder{
    padding: 15px 10px;
    border-bottom: 1px solid #dedede;
    cursor: pointer;
}

.popup-overlay.add-favorite-group .previous-folders .single-folder:last-of-type{
    border: none;
}

.popup-overlay.add-favorite-group .previous-folders .single-folder:hover{
    background-color: #eaeaea;
}

.popup-overlay.add-favorite-group .previous-folders .single-folder .part{
    float: left;
}

.popup-overlay.add-favorite-group .previous-folders .single-folder .part.left{
    margin-right: 6px;
}

.popup-overlay.add-favorite-group .previous-folders .single-folder .title{
    margin-bottom: 1px;
}

.popup-overlay.add-favorite-group .previous-folders .single-folder .no-of-properties{
    font-size: 13px;
    color: grey;
}

.main-side-panel.bookmarks{
    min-height: auto;
    color: white;
}

.main-side-panel.bookmarks .close-popup{
    position: relative;
}

.main-side-panel.bookmarks .close-popup i{
    position: absolute;
    left: -30px;
    background-color: #000000;
    padding: 7px;
    cursor: pointer;
    border-top: 2px solid #ffcc00;
    color: #525252;
    font-size: 20px
}

.main-side-panel.bookmarks .header{
    padding: 10px;
    background-color: black;
}

.main-side-panel.bookmarks .header .left{
    font-weight: bold;
}

.main-side-panel.bookmarks .header .right{
    color: #ffcc00;
    cursor: pointer;
    font-size: 13px;
}

.main-side-panel.bookmarks .search-section{
    padding: 10px;
}

.main-side-panel.bookmarks .search-section .bookmark-search-field{
    padding: 6px;
    background-color: #101010;
    border: 1px solid #8a8a8a;
    color: white;
    min-width: 215px;
}

.main-side-panel.bookmarks .search-section .bookmark-search-botton{
    padding: 8px 15px;
    margin-left: 2px;
}

.main-side-panel.bookmarks .bookmarks-section{
    border-top: 1px solid grey;
    color: #dcdcdc;
}

.main-side-panel.bookmarks .bookmarks-section .single-folder{
    border-bottom: 2px solid #1f1f1f;
}

.main-side-panel.bookmarks .bookmarks-section .folder{
    background-color: #383838e3;
    padding: 10px;
}

.main-side-panel.bookmarks .bookmarks-section .folder .left{
    font-size: 18px;
}

.main-side-panel.bookmarks .bookmarks-section .folder .center{
    float: left;
    margin-left: 10px;
    max-width: 280px;
    cursor: pointer;
}

.main-side-panel.bookmarks .bookmarks-section .folder .center .title{
    font-weight: bold;
    margin-bottom: 5px;
}

.main-side-panel.bookmarks .bookmarks-section .folder .center .title input[type=text]{
    padding: 5px;
    font-size: 12px;
    border-radius: 5px;
    border: 0px;
}

.main-side-panel.bookmarks .bookmarks-section .folder .center .no-of-properties{
    color: grey;
}

.main-side-panel.bookmarks .bookmarks-section .fa:hover{
    color: #ffcc00;
    cursor: pointer;
}


.main-side-panel.bookmarks .bookmarks-section .single-favorite{
    padding: 10px;
}

.main-side-panel.bookmarks .bookmarks-section .single-favorite .center{
    float: left;
    margin-left: 10px;
    max-width: 280px;
}

.main-side-panel.bookmarks .bookmarks-section .single-favorite .center .title{
    font-weight: bold;
    margin-bottom: 5px;
}

.main-side-panel.bookmarks .bookmarks-section .single-favorite .center .tags{
    color: grey;
}

.main-side-panel.bookmarks .bookmarks-section .single-favorite .right .notification.selected{
    color: #ffcc00;
}

.main-side-panel.bookmarks .bookmarks-section .single-favorite .amsify-suggestags-input{
    padding: 5px;
}

/*----------------------------------------------------------------------------------*/
/*----------------- new property uploading sidepanel start -------------------------*/
/*----------------------------------------------------------------------------------*/



.main-side-panel.show{
    right: 1px;
}

.main-side-panel .close-popup{
    position: relative
}

.main-side-panel .close-popup .fa-times{
    position: absolute;
    left: -21px;
    background-color: #000000de;
    padding: 5px;
    cursor: pointer;
}

.main-side-panel.property-form{
    background-color: transparent;
    min-height: auto;
}

.main-side-panel.property-form .chunk.hide{
    display: none;
}

.main-side-panel.property-form .chunk{
    /*margin-bottom: 3px;*/
}

.main-side-panel.property-form .chunk-header{
    background-color: #1a1a1a;
    color: white;
    border-top: 3px solid #ffcc00;
}

.main-side-panel.property-form .chunk:nth-of-type(1) .chunk-header{
    border-top: none;
}

.main-side-panel.property-form .chunk-header .left{
    float: left;
    padding: 10px 10px 10px 10px;
}

.main-side-panel.property-form .chunk-header .left .info-popup-container{
    position: relative;
    color: grey;
    cursor: pointer;
}

.main-side-panel.property-form .chunk-header .left .info-popup-container .info-popup{
    position: absolute;
    background-color: #e6e6e6;
    z-index: 9;
    color: #000000;
    font-size: 12px;
    border: 1px solid #403f3f;
    padding: 10px;
    font-weight: normal;
    border-radius: 5px;
    display: none;
    left: 15px;
    top: -9px;
    width: 96px;
}

.main-side-panel.property-form .chunk-header .left .info-popup-container i:hover + div{
    display: block;
}

.main-side-panel.property-form .chunk-header .right{
    background-color: #383838;
    float: right;
    font-size: 24px;
    padding: 4px 8px;
}

.main-side-panel.property-form .property-type-selection{
    background-color: white;
}

.main-side-panel.property-form .property-type-selection .main-types{
    padding-top: 20px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.main-side-panel.property-form .property-type-selection .single-main-type{
    float: left;
    width: 33.33%;
    cursor: pointer;
    font-weight: bold;
    padding: 0px 5px;
    text-align: center;
    height: 42px;
    position: relative;
}

.main-side-panel.property-form .property-type-selection .single-main-type:nth-of-type(1){
    color: #fbbc04;
}

.main-side-panel.property-form .property-type-selection .single-main-type:nth-of-type(2){
    color: #00a100;
}

.main-side-panel.property-form .property-type-selection .single-main-type:nth-of-type(3){
    color: #0077d7;
}

.main-side-panel.property-form .property-type-selection .single-main-type.selected .bottom-line{
    border-top: 4px solid;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    position: absolute;
    bottom: 0px;
    left: 5px;
    right: 5px;
}

.main-side-panel.property-form .property-type-selection .single-main-type span{
    vertical-align: middle;
}

.main-side-panel.property-form .property-type-selection .single-main-type .name{
    margin-left: 7px; 
}

.main-side-panel.property-form .property-type-selection .single-main-type .icon img{
    width: 22px;
}

.main-side-panel.property-form .property-type-selection .sub-types{
    padding: 20px 15px;
}

.main-side-panel.property-form .property-type-selection .sub-types .single-sub-type-container{
    display: none;
}

.main-side-panel.property-form .property-type-selection .sub-types .single-sub-type-container.selected{
    display: block;
}

.main-side-panel.property-form .property-type-selection .sub-types .single-sub-type{
    color: black;
    background-color: #ffffff;
    display: inline-block;
    padding: 10px 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 23px;
    border: 1px solid gainsboro;
    cursor: pointer;
    -webkit-box-shadow: 3px 4px 3px -2px rgb(173, 173, 173);
    -moz-box-shadow: 3px 4px 3px -2px rgb(173, 173, 173);
    box-shadow: 3px 4px 3px -2px rgb(173, 173, 173);
}

.main-side-panel.property-form .property-type-selection .sub-types .single-sub-type:hover,
.main-side-panel.property-form .property-type-selection .sub-types .single-sub-type.selected{
    background-color: #363636;
    color: white;
    border-color: #363636;
}

.main-side-panel.property-form .address-section{
    background-color: #e6e6e6;
    padding: 15px;
}

.main-side-panel.property-form .address-section .address-label{
    font-size: 16px;
    margin-bottom: 10px;
}

.main-side-panel.property-form .address-section .address-field input[type=text],
.main-side-panel.property-form .address-section .address-field textarea{
    width: 100%;
    height: 60px;
    resize: none;
    border-radius: 5px;
    background-color: #c9c9c9;
    border: 0px;
    color: black;
    padding: 4px;
    margin-bottom: 15px;
}

.main-side-panel.property-form .address-section .address-field input[type=text]{
    height: 30px;
}

.main-side-panel.property-form .address-section .availability-section{
    color: #525252;
    font-weight: bold;
}

.main-side-panel.property-form .address-section .availability-section label{
    margin-right: 30px;
}

.main-side-panel.property-form .property-details{
    background-color: #ededed;
}

.main-side-panel.property-form .address-section .fds-section{
    background-color: #ffffff;
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 20px;
}

.main-side-panel.property-form .address-section .fds-section .single-part{
    float: left;
    width: 50%;
    padding: 0px 6px;
    /*border-right: 1px solid #d8d8d8;*/
}

.main-side-panel.property-form .address-section .fds-section .single-part:nth-child(1){
    border-right: 1px solid #d8d8d8;
}

.main-side-panel.property-form .address-section .fds-section .single-part:nth-child(-n+2){
    margin-bottom: 10px;
}

.main-side-panel.property-form .address-section .fds-section .single-part .label{
    min-height: 16px;
}

.main-side-panel.property-form .address-section .fds-section .single-part .field{
    margin-top: 5px;
}

.main-side-panel.property-form .address-section .fds-section .single-part .field input{
    width: 100%;
    border: 0px;
    background-color: #e5e5e5;
    color: black;
    padding: 5px 5px;
    border-radius: 5px;
}

.main-side-panel.property-form .address-section .fds-section .single-part .field select{
    width: 100%;
    border: 0px;
    background-color: #e5e5e5;
    color: grey;
    padding: 5px 5px;
    border-radius: 5px;
}

.main-side-panel.property-form .address-section .fds-section .single-part .field .plot-size-unit{
    width: auto;
}

.main-side-panel.property-form .address-section .features-section{
    padding: 15px;
}

.main-side-panel.property-form .address-section .features-section .main-label,
.main-side-panel.property-form .address-section .features-section .features-checkboxes{
    float: left;
}

.main-side-panel.property-form .address-section .features-section .main-label{
    width: 30%;
}

.main-side-panel.property-form .address-section .features-section .features-checkboxes{
    width: 70%;
}

.main-side-panel.property-form .address-section .features-section .single-feature{
    width: 50%;
    float: left;
    margin-bottom: 5px;
}

.main-side-panel.property-form .address-section .features-section .single-feature input{
    margin-right: 5px;
}

.main-side-panel.property-form .property-details .price-header{
    background-color: #b9b9b9;
    color: white;
    padding: 10px 10px;
}

.main-side-panel.property-form .property-details .est-price-section{
    border-top: 1px solid #b9b9b9;
    padding: 15px;
}

.main-side-panel.property-form .property-details .est-price-section .main-label{
    width: 40%;
    float: left;
}

.main-side-panel.property-form .property-details .est-price-section .price-fields{
    width: 60%;
    float: left;
}

.main-side-panel.property-form .property-details .est-price-section .price-fields .fields{
    text-align: right;
}

.main-side-panel.property-form .property-details .est-price-section .price-fields .fields input[type=text]{
    width: 100px;
    padding: 4px;
    border: 0px;
    border-radius: 5px;
    margin-right: 5px;
}

.main-side-panel.property-form .property-details .est-price-section .price-fields .fields select{
    float: none;
    width: 65px;
    color: grey;
    padding: 3px;
    border: 0px;
    border-radius: 5px;
}

.main-side-panel.property-form .property-details .est-price-section .price-fields .fields .info-text{
    text-align: right;
    font-size: 78%;
    margin-top: 5px;
    color: #8e8e8e;
}

.main-side-panel.property-form .next-chunk{
    text-align: right;
}

.main-side-panel.property-form .next-chunk input{
    background-color: #ffcc00;
    border: 0px;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
    margin-top: 15px;
    cursor: pointer;
}

.main-side-panel.property-form .tools-section{
    background-color: #ffffff;
    padding: 15px;
}

.main-side-panel.property-form .tools-section .drawing-tools,
.main-side-panel.property-form .tools-section .saving-tools{
    width: 50%;
    float: left;
    position: relative;
}

.main-side-panel.property-form .tools-section .label{
    color: #000000;
    font-size: 12px;
    padding-right: 20px;
    margin-bottom: 13px;
}

.main-side-panel.property-form .tools-section .tools{
    margin-top: 6px;
}

.main-side-panel.property-form .tools-section .tools .single-tool{
    float: left;
    margin-right: 5px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.main-side-panel.property-form .tools-section .tools .single-tool img{
    vertical-align: -webkit-baseline-middle;
    margin: auto;
}

.main-side-panel.property-form .tools-section .tools .single-tool.polygon img{
    width: 133px;
}

.main-side-panel.property-form .tools-section .tools .single-tool.unlock img{
    width: 133px;
}

.main-side-panel.property-form .tools-section .saving-tool-tooltip{
    position: absolute;
    background-color: #ffffff;
    z-index: 9;
    color: #ffcc00;
    bottom: 17px;
    font-size: 12px;
    left: 44px;
    border: 1px solid #403f3f;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
    display: none;
}

.main-side-panel.property-form .tools-section .saving-tools label i:hover + div{
    display: block;
}

.main-side-panel.property-form .tools-section .tools .single-tool .single-tool-tooltip{
    position: absolute;
    background-color: #ffffff;
    z-index: 9;
    color: #ffcc00;
    font-size: 12px;
    left: -15px;
    border: 1px solid #403f3f;
    padding: 10px;
    border-radius: 5px;
    display: none;
    min-width: 100px;
    font-weight: bold;
    bottom: 40px;
}

.main-side-panel.property-form .tools-section .tools .single-tool img:hover + div{
    display: block;
}

.main-side-panel.property-form .tools-section .tools .single-tool.polygon .single-tool-tooltip{
    left: 16px;
}

.main-side-panel.property-form .tools-section .or-line{
    margin: 30px 0px;
    border-top: 1px solid;
    position: relative;
}

.main-side-panel.property-form .tools-section .or-line .text{
    position: absolute;
    top: -8px;
    background-color: #222222;
    padding: 0px 15px;
    margin-left: 42%;
}

.main-side-panel.property-form .tools-section .selecting-tool .lower-text{
    display: none;
}

.main-side-panel.property-form .tools-section .drawing-tools.hide, 
.main-side-panel.property-form .tools-section .saving-tools.hide,
.main-side-panel.property-form .tools-section .selecting-tool.hide{
    display: none;
}

.main-side-panel.property-form .ownership-details{
    background-color: #ededed;
    padding: 15px;
    position: relative;
}

.main-side-panel.property-form .ownership-details .add-owner-button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 15px;
}

.main-side-panel.property-form .ownership-details .owners-list{
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.main-side-panel.property-form .ownership-details .owners-list .single-owner{
    position: relative;
    margin-bottom: 6px;
}

.main-side-panel.property-form .ownership-details .owners-list .single-owner > div{
    display: inline-block;
}

.main-side-panel.property-form .ownership-details .owners-list .single-owner .edit-delete{
    float: right;
}

.main-side-panel.property-form .ownership-details .owners-list .single-owner .edit-delete .delete-owner{
    color: #f73e3ed6;
    cursor: pointer;
}

.main-side-panel.property-form .invite-dealers{
    background-color: #ededed;
}

.main-side-panel.property-form .invite-dealers .white-heading{
    padding: 10px 15px;
    background-color: white;
    color: black;
    border-bottom: 1px solid #bdbdbd;
}

.main-side-panel.property-form .invite-dealers .recommended-dealers-list .single-dealer{
    border-bottom: 1px solid white;
    padding: 9px 110px 9px 15px;
    position: relative;
    background-color: #ededed;
}

.main-side-panel.property-form .invite-dealers .recommended-dealers-list .single-dealer:last-of-type{
    border: none;
}

.main-side-panel.property-form .invite-dealers .recommended-dealers-list .single-dealer > span,
.main-side-panel.property-form .invite-dealers .recommended-dealers-list .single-dealer > div{
    vertical-align: middle;
}

.main-side-panel.property-form .invite-dealers .recommended-dealers-list .single-dealer .title{
    cursor: pointer;
}

.main-side-panel.property-form .invite-dealers .recommended-dealers-list .single-dealer .premium-dealer{
    background-color: #ffcc00;
    color: white;
    padding: 1px 5px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
}

.main-side-panel.property-form .invite-dealers .recommended-dealers-list .single-dealer .dealer-rating{
    display: inline;
    position: absolute;
    right: 15px;
    top: 4px;
}

.main-side-panel.property-form .invite-dealers .search-dealer{
    position: relative;
}

.main-side-panel.property-form .invite-dealers .search-dealer input{
    padding: 9px 15px;
    background-color: white;
    width: 100%;
    border: 0px;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

.main-side-panel.property-form .invite-dealers .searched-dealers-list{
    position: absolute;
    top: 36px;
    background-color: white;
    left: 10px;
    z-index: 1;
    width: 70%;
    -webkit-box-shadow: 2px 1px 16px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 1px 16px -2px rgba(0,0,0,0.75);
    box-shadow: 2px 1px 16px -2px;
    max-height: 175px;
    overflow: auto;
}

.main-side-panel.property-form .invite-dealers .searched-dealers-list::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.main-side-panel.property-form .invite-dealers .searched-dealers-list::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.main-side-panel.property-form .invite-dealers .searched-dealers-list .single-dealer{
    background-color: #ededed;
    border-bottom: 1px solid grey;
    cursor: pointer;
    padding: 5px 15px;
}

.main-side-panel.property-form .invite-dealers .selected{
    padding: 20px 15px;
}

.main-side-panel.property-form .invite-dealers .selected .selected-dealers-list{
    height: 60px;
    border-radius: 2px;
    background-color: white;
    padding: 5px;
}

.main-side-panel.property-form .invite-dealers .selected .selected-dealers-list .single-dealer{
    background-color: #3d949c2e;
    display: inline-block;
    padding: 3px 19px 3px 3px;
    border-radius: 4px;
    position: relative;
    margin-right: 3px;
    margin-bottom: 3px;
}

.main-side-panel.property-form .invite-dealers .selected .selected-dealers-list .single-dealer .remove-dealer{
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    color: grey;
}

.main-side-panel.property-form .invite-dealers .selected .invite-button{
    text-align: right;
    padding-top: 10px;
}

.main-side-panel.property-form .invite-dealers .selected .invite-button button{
    background-color: #ffcc00;
    border: 0px;
    color: white;
    padding: 8px 15px;
    border-radius: 3px;
    cursor: pointer;
}

.main-side-panel.property-form .media-section{
    background-color: #ededed;
    padding: 10px;
}

.main-side-panel.property-form .media-section .images-box .heading,
.main-side-panel.property-form .media-section .images-3d-box .heading,
.main-side-panel.property-form .media-section .videos-box .heading{
    position: relative;
    color: #444343;
    font-size: 16px;
}

.main-side-panel.property-form .media-section .images-box .heading button,
.main-side-panel.property-form .media-section .images-3d-box .heading button,
.main-side-panel.property-form .media-section .videos-box .heading button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

.main-side-panel.property-form .media-section .dd-images-container{
    margin-top: 12px;
}

.main-side-panel.property-form .media-section .images-box .images-list{
    margin-top: 20px;
}

.main-side-panel.property-form .media-section .images-box .images-list .single-image{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
}

.main-side-panel.property-form .media-section .images-box .images-list .single-image img{
    display: block;
}

.main-side-panel.property-form .media-section .images-box .images-list .single-image .delete-image{
    position: absolute;
    top: 2px;
    right: 6px;
    cursor: pointer;
    color: #f73e3ed6;
}

.main-side-panel.property-form .media-section .images-3d-box,
.main-side-panel.property-form .media-section .videos-box{
    margin-top: 20px;
    border-top: 1px solid #bdbdbd;
    padding-top: 20px;
}

.main-side-panel.property-form .media-section .images-3d-box .images-3d-list,
.main-side-panel.property-form .media-section .videos-box  .videos-list{
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.main-side-panel.property-form .media-section .images-3d-box .images-3d-list .single-image-3d,
.main-side-panel.property-form .media-section .videos-box  .videos-list .single-video{
    position: relative;
    margin-bottom: 6px;
}

.main-side-panel.property-form .media-section .images-3d-box .images-3d-list .single-image-3d > div,
.main-side-panel.property-form .media-section .videos-box  .videos-list .single-video > div{
    display: inline-block;
}

.main-side-panel.property-form .media-section .images-3d-box .images-3d-list .single-image-3d .delete-image-3d,
.main-side-panel.property-form .media-section .videos-box  .videos-list .single-video .delete-video{
    float: right;
    color: #f73e3ed6;
    cursor: pointer;
}

.main-side-panel.property-form .social-links-section{
    background-color: #ededed;
    padding: 10px;
}

.main-side-panel.property-form .social-links-section .heading{
    position: relative;
    color: #444343;
    font-size: 16px;
}

.main-side-panel.property-form .social-links-section .heading .add-social-link{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

.main-side-panel.property-form .social-links-section .social-links-list{
    margin-top: 20px;
}

.main-side-panel.property-form .social-links-section .social-links-list .single-social-link{
    margin-bottom: 6px;
    position: relative;
}

.main-side-panel.property-form .social-links-section .social-links-list .single-social-link .delete-social-link{
    position: absolute;
    top: 0px;
    right: 0px;
    color: #f73e3ed6;
    cursor: pointer;
}





.main-side-panel.property-form .submit-section{
    background: black;
    text-align: right;
}

.main-side-panel.property-form .submit-section button{
    background-color: #ffcc00;
    color: white;
    border: 0;
    padding: 12px 15px;
    cursor: pointer;
}

.main-side-panel.block-details .donut-chart{
    width: 100%;
    height: 300px;
    background-color: #dbe4ed;
}
.main-side-panel.block-details .donut-chart #block-donut-chart{
    width: 100%;
    height: 100%;
}

.canvasjs-chart-credit{
    display: none;
}


/*----------------------------------------------------------------------------------*/
/*----------------- new property uploading sidepanel end ---------------------------*/
/*----------------------------------------------------------------------------------*/


.main-side-panel.profile.eu .header{
    background: #3c3c3c;
    color: white;
    margin: 0;
    padding: 10px;
    font-size: 17px;
}

.main-side-panel.profile.eu .profile-section .body{
    padding: 10px;
}

.main-side-panel.profile.eu .profile-section .body .single-pair{
    margin-bottom: 10px;
}

.main-side-panel.profile.eu .profile-section .body .single-pair .left{
    font-weight: bold;
}

.main-side-panel.profile.eu .profile-section .body .single-pair .right .fa-pencil{
    color: green;
    cursor: pointer;
    margin-left: 6px;
}

.main-side-panel.profile.eu .profile-section .body .single-pair input[type=text].edit-profile-field,
.main-side-panel.profile.eu .profile-section .body .single-pair textarea.edit-profile-field{
    width: 100%;
    border: 0px;
    background-color: white;
    border: 1px solid grey;
    padding: 2px;
    border-radius: 5px;
    color: grey;
}

.main-side-panel.profile.eu .profile-section .change-password-link{
    font-weight: bold;
    cursor: pointer;
    font-size: 90%;
}

.main-side-panel.profile.eu .properties-section .show-only-my-properties{
    cursor: pointer;
    text-decoration: underline;
}

.main-side-panel.profile.eu .properties-section .body{
    padding: 10px;
}

.main-side-panel.profile.eu .properties-section .single-property{
    background-color: #f3f3f3;
    cursor: pointer;
    padding: 10px;
    /*border-bottom: 1px solid #d0d0d0;*/
    padding-right: 45px;
    position: relative;
    margin-bottom: 5px;
    border-radius: 3px;
}

.main-side-panel.profile.eu .properties-section .single-property:last-of-type{
    margin-bottom: 0px;
}

.main-side-panel.profile.eu .properties-section .single-property .actions{
    position: absolute;
    top: 8px;
    right: 10px;
}

.main-side-panel.profile.eu .properties-section .single-property .actions .edit-property{
    color: #f3f3f3;
    background-color: green;
    padding: 4px;
    border-radius: 3px;
    font-size: 12px;
}

.main-side-panel.profile.eu .properties-section .single-property .actions .delete-property{
    color: #f3f3f3;
    background-color: #e9212e;
    padding: 4px;
    border-radius: 3px;
    font-size: 12px;
}

.main-side-panel.profile.eu .links-section .body{
    padding: 10px;
}

.main-side-panel.profile.eu .links-section .body .single-link{
    font-weight: bold;
    margin-bottom: 10px;
}

.popup-overlay.share-property .single-field:nth-child(2) .label{
    margin-top: 9px;
}

.popup-overlay.share-property .links-list .share-link{
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    border: 2px solid;
    border-radius: 200px;
    margin-bottom: 8px;
}

.popup-overlay.share-property .links-list .share-link:hover{
    box-shadow: -1px 2px 22px -4px rgba(0,0,0,0.73);
    -webkit-box-shadow: -1px 2px 22px -4px rgba(0,0,0,0.73);
    -moz-box-shadow: -1px 2px 22px -4px rgba(0,0,0,0.73);
}

.popup-overlay.share-property .links-list .share-link.whatsapp{
    color: #075E54;
    padding: 2px 5px 3px 7px;
    font-size: 21px;
}

.popup-overlay.share-property .links-list .share-link.facebook{
    color: #3b5998;
    padding: 5px 10px 3px 10px;
}

.popup-overlay.share-property .links-list .share-link.twitter{
    color: #1da1f2;
    padding: 6px 6px 4px 8px;
}

.popup-overlay.share-property .links-list .share-link.linkedin{
    color: #0e76a8;
    padding: 5px 8px 5px 8px;
}

.popup-overlay.share-property .links-list .share-link.copy-property-link{
    color: purple;
    padding: 5px 7.5px 5px 7.5px;
}

.gm-style-iw + div {display: none;}

.main-side-panel.property-form .basic-info-section{
    background-color: white;
    padding: 15px;
}

.main-side-panel.property-form .basic-info-section .name{
    margin-bottom: 5px;
}

.main-side-panel.property-form .basic-info-section .name .label,
.main-side-panel.property-form .basic-info-section .domain .label{
    float: left;
    width: 38%;
}

.main-side-panel.property-form .basic-info-section .name .label{
    margin-top: 5px;
}

.main-side-panel.property-form .basic-info-section .name .field,
.main-side-panel.property-form .basic-info-section .domain .field{
    float: left;
    width: 62%;
}

.main-side-panel.property-form .basic-info-section .name .field input{
    width: 100%;
    border: 0px;
    background-color: #e5e5e5;
    color: grey;
    padding: 5px 5px;
    border-radius: 5px;
}

.main-side-panel.property-form .basic-info-section .description .label{
    margin-bottom: 5px;
}

.main-side-panel.property-form .basic-info-section .description .field textarea{
    width: 100%;
    border: 0px;
    background-color: #e5e5e5;
    color: grey;
    padding: 5px 5px;
    border-radius: 5px;
    resize: none;
    height: 60px;
}

.main-side-panel.property-form .basic-info-section .domain{
    margin-bottom: 15px;
    font-size: 90%;
}

.main-side-panel.property-form .tools-section.society{
    padding: 0px;
}

.main-side-panel.property-form .tools-section.society .upper-parts-section{
    background-color: white;
    padding: 15px;
    color: #525252;
}

.main-side-panel.property-form .tools-section.society .below-tools-section{
    padding: 15px;
}

.main-side-panel.property-form .tools-section.society .autocad-file-container{
    margin-bottom: 15px;
}

.main-side-panel.property-form .tools-section.society .autocad-file-container .label{
    position: relative;
    color: #525252;
}

.main-side-panel.property-form .tools-section.society .autocad-file-container .label .tick{
    position: absolute;
    right: 0px;
    top: 0px;
}

.main-side-panel.property-form .tools-section.society .autocad-file-container .label .tick.completed{
    color: #ffcc00;
}

.main-side-panel.property-form .tools-section.society .draw-society-boundaries-container,
.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container,
.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container{
    margin-bottom: 15px;
}

.main-side-panel.property-form .tools-section.society .draw-society-boundaries-container .label{
    position: relative;
    color: #525252;
}

.main-side-panel.property-form .tools-section.society .draw-society-boundaries-container .label .tick{
    position: absolute;
    right: 0px;
    top: 0px;
}

.main-side-panel.property-form .tools-section.society .draw-society-boundaries-container .label .tick.completed{
    color: #ffcc00;
}

.main-side-panel.property-form .tools-section.society .upper-parts-section .skip-society-boundary{
    text-align: right;
    margin-top: 10px;
}

.main-side-panel.property-form .tools-section.society .upper-parts-section .skip-society-boundary .skip-boundary{
    background-color: #ffcc00;
    color: white;
    padding: 8px 12px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .label{
    position: relative;
    color: #525252;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .label .tick{
    position: absolute;
    right: 0px;
    top: 0px;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .label .tick.completed{
    color: #ffcc00;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .phases-list{
    padding-left: 20px;
    margin: 10px 0px;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .phases-list .single-phase{
    position: relative;
    margin-bottom: 6px;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .phases-list .single-phase > div{
    display: inline-block;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .phases-list .single-phase .serial{
    color: black;
    margin-right: 10px;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .phases-list .single-phase .edit-delete{
    position: absolute;
    right: 0;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .phases-list .single-phase .edit-delete .edit-phase{
    color: #00800094;
    cursor: pointer;
    margin-right: 5px;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .phases-list .single-phase .edit-delete .delete-phase{
    color: #f73e3ed6;
    cursor: pointer;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .add-phase-box.hide{
    display: none;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .add-phase-box .field{
    position: relative;
    margin-top: 10px;
    padding-left: 20px;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .add-phase-box .field input{
    border: 0px;
    background-color: #e5e5e5;
    color: grey;
    padding: 5px 5px;
    border-radius: 5px;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .add-phase-box button{    
    border: 0px;
    background-color: #ffcc00;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    color: white;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .add-phase-box button:disabled{
    background-color: #ef7779;
    cursor: not-allowed;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .add-phase-box .text{
    font-size: 90%;
    margin-top: 3px;
    color: #8a8a8a;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .add-new-phase{
    text-align: right;
    margin: 10px 0px 0px 0px;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .add-new-phase button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .actions{
    margin-top: 10px;
    padding-left: 20px;
}

.main-side-panel.property-form .tools-section.society .draw-phases-boundaries-container .actions button{
    background-color: #ffcc00;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #9d9d9d;
    cursor: pointer;
    color: white;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .label{
    position: relative;
    color: #525252;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .label .tick{
    position: absolute;
    right: 0px;
    top: 0px;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .label .tick.completed{
    color: #ffcc00;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .add-block-box.hide{
    display: none;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .add-block-box .field{
    position: relative;
    margin-top: 10px;
    padding-left: 20px;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .add-block-box .field input{
    border: 0px;
    background-color: #e5e5e5;
    color: grey;
    padding: 5px 5px;
    border-radius: 5px;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .add-block-box .field select{
    border: 0px;
    background-color: #e5e5e5;
    color: grey;
    padding: 5px 5px;
    border-radius: 5px;
    float: none;
    margin-left: 5px;
    margin-right: 5px;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .add-block-box button{
    border: 0px;
    background-color: #ffcc00;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .add-block-box button:disabled{
    background-color: #ef7779;
    cursor: not-allowed;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .add-block-box .text{
    font-size: 90%;
    margin-top: 3px;
    color: #8a8a8a;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .add-new-block{
    text-align: right;
    margin: 10px 0px 0px 0px;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .add-new-block button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .actions{
    margin-top: 10px;
    padding-left: 20px;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .actions button{
    background-color: #ffcc00;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #9d9d9d;
    cursor: pointer;
    color: white;
}

/* -------------------------- */

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .blocks-list{
    padding-left: 20px;
    margin: 10px 0px;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .blocks-list .single-block{
    position: relative;
    margin-bottom: 6px;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .blocks-list .single-block > div{
    display: inline-block;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .blocks-list .single-block .serial{
    color: black;
    margin-right: 10px;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .blocks-list .single-block .edit-delete{
    position: absolute;
    right: 0;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .blocks-list .single-block .edit-delete .edit-block{
    color: #00800094;
    cursor: pointer;
    margin-right: 5px;
}

.main-side-panel.property-form .tools-section.society .draw-blocks-boundaries-container .blocks-list .single-block .edit-delete .delete-block{
    color: #f73e3ed6;
    cursor: pointer;
}

/* -------------------------- */

.main-side-panel.property-form .administration-section{
    padding: 15px;
    position: relative;
    background-color: #ededed;
}

.main-side-panel.property-form .administration-section .label span{
    position: relative;
}

.main-side-panel.property-form .administration-section .label span i{
    color: #ffcc00;
}

.main-side-panel.property-form .administration-section .label span div{
    position: absolute;
    background-color: #ffffff;
    z-index: 9;
    color: #ffcc00;
    bottom: 17px;
    font-size: 12px;
    left: 0px;
    border: 1px solid #403f3f;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
    display: none;
    min-width: 124px;
}

.main-side-panel.property-form .administration-section .label span i:hover + div{
    display: block;
}

.main-side-panel.property-form .administration-section .add-manager-button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 15px;
}

.main-side-panel.property-form .administration-section .managers-list{
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.main-side-panel.property-form .administration-section .managers-list .single-manager{
    position: relative;
    margin-bottom: 6px;
}

.main-side-panel.property-form .administration-section .managers-list .single-manager > div{
    display: inline-block;
}

.main-side-panel.property-form .administration-section .managers-list .single-manager .edit-delete{
    float: right;
}

.main-side-panel.property-form .administration-section .managers-list .single-manager .edit-delete .delete-manager{
    color: #f73e3ed6;
}

.main-side-panel.property-form .administration-section .managers-list .single-manager .edit-delete .block-manager{
    color: #f73e3ed6;
    margin-right: 5px;
    cursor: pointer;
}

.main-side-panel.property-form .administration-section .managers-list .single-manager .edit-delete .unblock-manager{
    color: #00800094;
    margin-right: 5px;
    cursor: pointer;
}

.main-side-panel.property-form .dealers-section{
    padding: 15px;
    position: relative;
    background-color: #ededed;
}

.main-side-panel.property-form .dealers-section .label span{
    position: relative;
}

.main-side-panel.property-form .dealers-section .label span i{
    color: #ffcc00;
}

.main-side-panel.property-form .dealers-section .label span div{
    position: absolute;
    background-color: #ffffff;
    z-index: 9;
    color: #ffcc00;
    bottom: 17px;
    font-size: 12px;
    left: 0px;
    border: 1px solid #403f3f;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
    display: none;
    min-width: 124px;
}

.main-side-panel.property-form .dealers-section .label span i:hover + div{
    display: block;
}

.main-side-panel.property-form .dealers-section .add-dealer-button{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 15px;
}

.main-side-panel.property-form .dealers-section .dealers-list{
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.main-side-panel.property-form .dealers-section .dealers-list .single-dealer{
    position: relative;
    margin-bottom: 6px;
}

.main-side-panel.property-form .dealers-section .dealers-list .single-dealer > div{
    display: inline-block;
}

.main-side-panel.property-form .dealers-section .dealers-list .single-dealer .edit-delete{
    float: right;
}

.main-side-panel.property-form .dealers-section .dealers-list .single-dealer .edit-delete .delete-dealer{
    color: #f73e3ed6;
}

.main-side-panel.property-form .media-section .logo-box{
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.main-side-panel.property-form .media-section .logo-box .left,
.main-side-panel.property-form .media-section .logo-box .right{
    display: inline-block;
    vertical-align: middle;
}

.main-side-panel.property-form .media-section .logo-box .left{
    width: 140px;
}

.main-side-panel.property-form .media-section .logo-box .left img{
    height: auto !important;
}

.main-side-panel.property-form .media-section .logo-box .right{
    padding-left: 20px;
    font-size: 16px;
}

.main-side-panel.property-form .media-section .logo-box .right .title{
    color: #444343;
    margin-bottom: 2px;
}

.main-side-panel.property-form .media-section .logo-box .right .text{
    color: #6b6b6b;
    font-size: 95%;
    margin-bottom: 15px;
}

.main-side-panel.property-form .media-section .logo-box .right .society-logo-upload-link{
    padding: 5px 10px;
    color: #ffcc00;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
}

.main-side-panel.notifications .heading{
    padding: 15px 10px;
    font-size: 20px;
    font-weight: bold;
}

.main-side-panel.notifications .notifications-list{
    border-top: 2px solid #d6d6d6;
}

.main-side-panel.notifications .notifications-list .single-notification{
    font-size: 15px;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px;
    cursor: pointer;
}

.main-side-panel.notifications .notifications-list .single-notification.non-viewed{
    background-color: #2cff006e;
}

.ui-widget.ui-widget-content{
    z-index: 999;
}

.main-side-panel.dealer-details .my-properties .properties{
    overflow: auto;
    height: 200px;
    padding: 10px;
}

.main-side-panel.dealer-details .my-properties .single-property{
    padding: 8px 10px;
    background-color: #f3f3f3;
    margin-bottom: 5px;
    border-radius: 3px;
}

.main-side-panel.dealer-details .my-properties .single-property:last-of-type{
    margin-bottom: 0px;
}

.main-side-panel.dealer-details .my-properties .single-property .fa-trash{
    color: #f3f3f3;
    cursor: pointer;
    margin-left: 5px;
    background-color: #e9212e;
    padding: 4px;
    border-radius: 3px;
    font-size: 12px;
}

.main-side-panel.show-details .propRealEstateAgent .fa-trash{
    color: #dbe4ed;
    cursor: pointer;
    margin-right: 5px;
    background-color: #e9212e;
    padding: 4px;
    border-radius: 3px;
    font-size: 12px;
}

.main-side-panel.show-details .propRealEstateAgent .block-member{
    color: #dbe4ed;
    cursor: pointer;
    margin-right: 5px;
    background-color: #e9212e;
    padding: 4px;
    border-radius: 3px;
    font-size: 12px;
}

.main-side-panel.show-details .propRealEstateAgent .unblock-member{
    color: #dbe4ed;
    cursor: pointer;
    margin-right: 5px;
    background-color: green;
    padding: 4px;
    border-radius: 3px;
    font-size: 12px;
}

.popup-overlay.add-enduser .dealer-signup-link,
.popup-overlay.verify-otp-popup .dealer-signup-link{
    font-size: 16px;
    margin-bottom: 25px;
}

.popup-overlay.add-enduser .dealer-signup-link span{
    cursor: pointer;
    color: #ffcc00;
    font-weight: bold;
    font-size: 15px;
}

.popup-overlay.no-location-access{
    top: 0px;
}

.main-side-panel.property-form .address-section .selection-dropdowns{
    padding: 10px 0px;
}

.main-side-panel.property-form .address-section .selection-dropdowns .single-selection-dropdown{
    float: left;
    width: 33%;
    padding: 0px 2px;
}

.main-side-panel.property-form .address-section .selection-dropdowns .single-selection-dropdown select{
    float: none;
    width: 100%;
    color: grey;
    padding: 7px 3px;
    border: 0px;
    border-radius: 5px;
    background-color: #c9c9c9;
}

.popup-overlay.update-bulk-price .type-list .single-type{
    width: 50%;
    float: left;
    padding: 7px 5px;
}

.popup-overlay.update-bulk-price .type-list .single-type .upper{
    color: grey;
    font-size: 14px;
    margin-bottom: 3px;
}

.main-side-panel.dealer-details .invited-properties .properties{
    padding: 10px;
    height: 200px;
    overflow: auto;
}

.main-side-panel.dealer-details .invited-properties .single-invited-property{
    padding: 8px 10px;
    background-color: #f3f3f3;
    margin-bottom: 5px;
}

.main-side-panel.dealer-details .invited-properties .single-invited-property:last-of-type{
    margin-bottom: 0px;
}

.main-side-panel.dealer-details .invited-properties .single-invited-property .accept-invited-property{
    color: #f3f3f3;
    cursor: pointer;
    background-color: green;
    padding: 4px;
    border-radius: 3px;
    font-size: 12px;
}

.main-side-panel.dealer-details .invited-properties .single-invited-property .delete-invited-property{
    color: #f3f3f3;
    cursor: pointer;
    margin-left: 5px;
    background-color: #e9212e;
    padding: 4px;
    border-radius: 3px;
    font-size: 12px;
}

.login-panel .upper .social-media-login .logo{
    text-align: center;
    margin-bottom: 45px;
    width: 100%;
}

.login-panel .upper .social-media-login .facebook-login,
.login-panel .upper .social-media-login .google-plus-login{
    float: none !important;
}

.login-panel .upper .social-media-login .facebook-login button,
.login-panel .upper .social-media-login .google-plus-login button{
    width: 100%;
    height: 35px;
    font-size: 15px;
}

.login-panel .upper .social-media-login .facebook-login button i,
.login-panel .upper .social-media-login .google-plus-login button i{
    float: left;
    font-size: 19px;
    margin-left: 10px;
}

.login-panel .upper .social-media-login .facebook-login{
    margin-bottom: 15px;
}

.login-panel .upper .or-text{
    color: white;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.login-panel .upper .email input{
    border-radius: 3px 3px 0px 0px;
}

.login-panel .upper .password input{
    border-radius: 0px 0px 3px 3px;
}

.mobile-menu .login-panel .lower .signup-link{
    background-color: transparent !important;
    border-top: 1px #989898 solid;
    padding-top: 35px !important;
    margin-top: 20px !important;
    color: #cecece;
    font-weight: normal;
}

.login-panel .upper .social-media-login{
    height: auto !important;
    margin: 30px 0px 20px 0px !important;
}

header .right-section .login-text .login-panel .upper .email{
    margin-bottom: 0px !important;
    border-bottom: 1px #c7c7c7 solid;
}

header .right-section .login-text .login-panel .lower .signup-link{
    background-color: transparent !important;
    border-top: 1px solid white;
    font-weight: normal;
    padding-top: 30px;
    padding-bottom: 20px;
    color: #e8e8e8;
}

.login-text .login-panel .lower .signup-link span{
    font-weight: bold !important;
}

header .right-section .login-text .login-panel .upper .forget-password a{
    cursor: pointer;
}

.login-panel .upper .logo img{
    display: inline-block;
}

header .right-section .login-text .login-panel .upper .submit{
    margin-top: 15px;
    margin-bottom: 20px;
}

.mobile-menu .login-panel .upper .submit{
    margin-top: 15px;
}

.mobile-menu .login-panel .upper{
    padding-bottom: 25px;
}

.gmnoprint .gm-style-mtc div,
.gmnoprint .gm-style-mtc div:hover{
    background-color: rgba(0, 0, 0, 0.9) !important;
    color: #4b4b4b !important;
}

.gm-style .gm-style-mtc div{
    background-color: #181818 !important;
    color: #666666 !important;
    font-size: 15px !important;
    margin-left: 20px !important;
}

#map .gmnoprint{
/*    left: 20px !important;
    top: -35px !important;*/
}

header .right-section .logged-in{
    float: right;
    /*margin-top: 10px;*/
}

header .right-section .logged-in .name{
    padding: 10px 0px 10px 12px;
    display: inline-block;
    cursor: pointer;
}

.main-side-panel.property-form .draw-society-boundaries-container .edit-society-boundary{
    position: absolute;
    top: 0px;
    right: 16px;
    color: #00800094;
    cursor: pointer;
}

.main-side-panel.property-form-return{
    height: auto;
    min-height: initial;
    border: 0;
    width: auto;
    font-size: 19px;
    padding: 7px 7px 4px 7px;
    cursor: pointer;
    right: -30px;
    background-color: black;
}

.main-side-panel.property-form-return.show{
    right: 0px;
}

.main-side-panel.profile-return{
    height: auto;
    min-height: initial;
    border: 0;
    width: auto;
    font-size: 19px;
    padding: 5px 5px 2px 5px;
    cursor: pointer;
    right: -30px;
    background-color: black;
}

.main-side-panel.profile-return.show{
    right: 0px;
}

.main-side-panel.property-form-return.left,
.main-side-panel.profile-return.left{
    left: -47px;
    right: initial;
    top: 51px;
    height: auto;
    max-height: initial;
    min-height: initial;
    padding: 7px 7px 4px 7px;
    bottom: auto;
}

.main-side-panel.profile-return.show.left,
.main-side-panel.profile-return.show.left{
    left: 0px;
}

.main-side-panel .close-main-side-panel{
    position: fixed;
    height: 0px;
}

.main-side-panel .close-main-side-panel i{
    position: absolute;
    left: -31px;
    background-color: black;
    font-size: 21px;
    top: 0px;
    padding: 7.2px;
    cursor: pointer;
    border-top: 2px solid #ffcc00;
}

.close-side-panel-new{
    position: relative;
    height: 0px;
}

.close-side-panel-new i{
    position: absolute;
    left: -31px;
    background-color: black;
    font-size: 21px;
    top: 0px;
    padding: 7.2px;
    cursor: pointer;
    border-top: 2px solid #ffcc00;
}

.main-side-panel .side-panel-wrapper{
    border-top: 2px solid #ffcc00;
    overflow: auto;
}

.main-side-panel.show-details .side-panel-wrapper{
    background-color: white;
    scrollbar-width: none;
    height: 100%;
}

.main-side-panel.notifications .side-panel-wrapper{
    background-color: white;
}

.main-side-panel.bookmarks .side-panel-wrapper{
    background-color: #000000de !important;
}

.main-side-panel.show-details .propRealEstateAgent{
    background-color: white;
}

.main-side-panel.dealer-details .side-panel-wrapper{
    background-color: white;
}

.zero-margin{
    margin: 0px !important;
}

.hide-main-side-panel,
.hide-main-side-panel-profile,
.hide-main-side-panel-property,
.hide-property-listview-panel{
    position: fixed;
    height: 0px;
}

.hide-main-side-panel i,
.hide-main-side-panel-profile i,
.hide-main-side-panel-property i,
.hide-property-listview-panel i,
.show-property-listview-panel i{
    position: absolute;
    left: -31px;
    background-color: black;
    font-size: 18px;
    top: 38px;
    padding: 8px 10px 8px 8px;
    cursor: pointer;
}

.outer-lock-boundaries{
    position: absolute;
    top: 47px;
    right: 365px;
    background-color: #161616;
    color: #4b4b4b;
    font-size: 26px;
    padding: 5px 10px 4px 10px;
    cursor: pointer;
    display: none;
}

.outer-lock-boundaries.show{
    display: block;
}

/* -------------- new css for left side side panel start ------------------ */

.main-side-panel.left{
    left: -431px;
    padding-left: 0px;
    padding-right: 33px;
    top: 51px;
}

.main-side-panel.left.show{
    left: 0px;
}

.main-side-panel.left .close-main-side-panel,
.main-side-panel.left .hide-main-side-panel,
.main-side-panel.left .hide-main-side-panel-property,
.main-side-panel.left .hide-property-listview-panel,
.main-side-panel.left .hide-main-side-panel-profile{
    width: 398px;
}

.main-side-panel.left .close-main-side-panel i,
.main-side-panel.left .hide-main-side-panel i,
.main-side-panel.left .hide-main-side-panel-property i,
.main-side-panel.left .hide-property-listview-panel i,
.main-side-panel.left .hide-main-side-panel-profile i{
    right: -31px;
    left: initial;
}

.main-side-panel.left .hide-property-listview-panel,
.main-side-panel.left .show-property-listview-panel{
    width: 100%;
    position: relative;
}

.main-side-panel.left .hide-property-listview-panel i,
.main-side-panel.left .show-property-listview-panel i{
    top: 0px;
    border-top: 2px solid #ffcc00;
    right: -31px;
    background-color: black;
}

.new-marking-tool-wrapper{
    position: fixed;
    top: 15%;
    left: 45%;
    background-color: #161616;
    padding: 10px;
    color: white;
    z-index: 1;
    display: none;
}

.new-marking-tool-wrapper.show{
    display: block;
}

.new-marking-tool-wrapper > div{
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    background-color: #2c2c2c;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.new-marking-tool-wrapper > div.hide{
    display: none;
}

.new-marking-tool-wrapper .mark-area,
.new-marking-tool-wrapper .drop-pin{
    width: 125px;
    height: 46px;
    margin-right: 10px;
}

.new-marking-tool-wrapper .restore,
.new-marking-tool-wrapper .save{
    width: 46px;
    height: 46px;
}

.new-marking-tool-wrapper .mark-area{
    background-image: url("../img/public/MARK-AREA.png");
}

.new-marking-tool-wrapper .mark-area:hover{
    background-image: url("../img/public/MARK-AREA-Hover.png");
}

.new-marking-tool-wrapper .drop-pin{
    background-image: url("../img/public/DROP-A-PIN.png");
}

.new-marking-tool-wrapper .drop-pin:hover{
    background-image: url("../img/public/DROP-A-PIN-Hover.png");
}

.new-marking-tool-wrapper .restore{
    background-image: url("../img/public/Reset.png");
    margin-right: 10px;
}

.new-marking-tool-wrapper .restore:hover{
    background-image: url("../img/public/Reset-Hover.png");
}

.new-marking-tool-wrapper .save{
    background-image: url("../img/public/Save.png");
}

.new-marking-tool-wrapper .save:hover{
    background-image: url("../img/public/Save-Hover.png");
}

.owl-carousel .owl-dots{
    margin-top: 0px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.owl-carousel .owl-dots .owl-dot span{
    width: 8px !important;
    height: 8px !important;
    margin: 4px 3px !important;
    background: #ffffff !important;
}

.owl-carousel .owl-dots .owl-dot.active span{
    background: #fb4d5d !important;
}

#map .gm-style .gm-svpc{
    background-color: rgb(22, 22, 22) !important;
    border-radius: 3px !important;
    left: -13px !important;
}

.main-side-panel.plot-details .description-section{
    padding: 15px;
    background-color: #ededed;
}

.main-side-panel.properties-list{
    width: 50%;
    max-width: 700px;
}

.main-side-panel.properties-list{
    display: none !important;
}

.main-side-panel.properties-list.minimize{
    width: 33px;
}

.main-side-panel.properties-list .side-panel-wrapper{
    background-color: #eaeaea;
    padding: 10px 5px;
    min-height: 200px !important;
}

.main-side-panel.properties-list.minimize .side-panel-wrapper{
    padding: 0px;
}

.main-side-panel.properties-list .single-property{
    float: left;
    width: calc(34% - 15px);
    margin: 0px 5px;
    margin-bottom: 12px;
    min-height: 223px;
    max-height: 223px;
    overflow: hidden;
    background-color: white;
    border-radius: 3px;
    -webkit-box-shadow: 3px 4px 11px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 4px 11px -8px rgba(0,0,0,0.75);
    box-shadow: 3px 4px 11px -8px rgba(0,0,0,0.75);
}



.main-side-panel.properties-list .single-property .slides{
    width: 100%;
    height: 100px;
}

.main-side-panel.properties-list .single-property .slides .single-slide{
    background-size: cover;
    height: 100%;
    width: 100%;
}

.main-side-panel.properties-list .single-property .bottom-section{
    padding: 10px 10px;
}

.main-side-panel.properties-list .single-property .title{
    font-weight: bold;
    margin-top: 10px;
    max-height: 34px;
    line-height: 17px;
    overflow: hidden;
    cursor: pointer;
}

.main-side-panel.properties-list .single-property .price,
.main-side-panel.properties-list .single-property .property-type,
.main-side-panel.properties-list .single-property .property-size{
    margin-top: 5px;
    font-size: 90%;
}

.main-side-panel.properties-list .single-property i.label{
    color: grey;
    margin-right: 0px;
}

.main-side-panel.properties-list .single-property i.value{
    
}

.imgSlider .owl-carousel li.item.pin-image img{
    width: auto;
    margin: auto;
}

/* -------------- new css for left side side panel end -------------------- */

/* -------------- new design css for plot details start ------------------- */ 

.main-side-panel.plot-details.new.left{
/*    max-width: 720px;
    width: 100%;*/
}

.main-side-panel.plot-details.new.left .part.basic-info{
    padding: 10px 65px 10px 10px;
    position: relative;
}

.main-side-panel.plot-details.new.left .part.basic-info .upper{
    color: black;
    font-size: 18px;
    text-transform: uppercase;
}

.main-side-panel.plot-details.new.left .part.basic-info .upper .size{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
}

.main-side-panel.plot-details.new.left .part.basic-info .title{
    margin: 7px 0px;
    color: black;
    font-size: 15px;
}

.main-side-panel.plot-details.new.left .part.basic-info .title .location-icon{
    font-size: 20px;
    margin-right: 7px;
}

.main-side-panel.plot-details.new.left .part.basic-info .bottom{
    font-size: 15px;
    margin-top: 5px;
}

.main-side-panel.plot-details.new.left .part.basic-info .bottom .availability-icon{
    margin-right: 7px;
}

.main-side-panel.plot-details.new.left .part.basic-info .bottom .available{
    color: #00a100;
}

.main-side-panel.plot-details.new.left .part.basic-info .icon{
    position: absolute;
    width: 70px;
    top: -6px;
    right: 0px;
}

.main-side-panel.plot-details.new.left .part.slider-part{
    min-height: 300px;
    /*background-color: black;*/
}

.main-side-panel.plot-details.new.left .part.slider-part .item img{
    margin: auto;
/*    max-width: 100%;
    width: auto !important;*/
}

.main-side-panel.plot-details.new.left .part.slider-part .item.pin-image img{
    width: initial !important;
}

.main-side-panel.plot-details.new.left .part.title{
    background-color: #252525;
    color: white;
    padding: 8px 10px;
}

.main-side-panel.plot-details.new.left .part.price{
    background-color: #222222;;
    padding: 10px;
    position: relative;
    text-align: center;
    min-height: 51px;
}

.main-side-panel.plot-details.new.left .part.price .ask-for-price{
    background-color: #00a100;
    color: white;
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    left: 15px;
    top: 9px;
}

.main-side-panel.plot-details.new.left .part.price .ask-for-price:hover{
    background-color: #00a100;
}

.main-side-panel.plot-details.new.left .part.price .amount-wrapper{
    color: white;
    font-size: 12px;
    position: absolute;
    left: 10px;
    top: 13px;
}
.main-side-panel.plot-details.new.left .part.price .amount-wrapper .amount{
    font-size: 23px;
}

.main-side-panel.plot-details.new.left .part.price .currency-dropdown{
    color: white;
    background-color: #151515;
    border-radius: 3px;
    padding: 4px 6px;
    margin-top: 3px;
}

.main-side-panel.plot-details.new.left .part.price .contact-seller{
    background-color: #00a100;
    color: white;
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 9px;
}

.main-side-panel.plot-details.new.left .part.circles{
    color: white;
    padding: 20px 10px;
    border-bottom: 1px solid #cecece;
}

.main-side-panel.plot-details.new.left .part.circles .single-circle{
    width: 25%;
    float: left;
    text-align: center;
    cursor: pointer;
}

.main-side-panel.plot-details.new.left .part.circles .single-circle .circle{
    background-color: #1a73e9;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: auto;
    margin-bottom: 6px;
}

.main-side-panel.plot-details.new.left .part.circles .single-circle .circle .fa,
.main-side-panel.plot-details.new.left .part.circles .single-circle .circle .fas{
    margin-top: 13px;
}

.main-side-panel.plot-details.new.left .part.circles .single-circle .circle img{
    width: 20px;
    height: 20px;
    margin-top: 9px;
}

.main-side-panel.plot-details.new.left .part.circles .single-circle .text{
    font-size: 12px;
    color: #1a73e9;
    letter-spacing: 0.5px;
}

.main-side-panel.plot-details.new.left .part.description{
    padding: 15px;
    background-color: white;
    font-size: 13px;
    color: black;
}

.main-side-panel.plot-details.new.left .part.description .heading{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;
}

.main-side-panel.plot-details.new.left .part.description .text{
    line-height: 18px;
}

.main-side-panel.plot-details.new.left .part.rows{
    background-color: white;
    font-size: 12px;
    color: grey;
}

.main-side-panel.plot-details.new.left .part.rows .single-row{
    position: relative;
    padding: 20px 10px;
    border-top: 1px solid #d6d6d6;
    min-height: 35px;
}

.main-side-panel.plot-details.new.left .part.rows .single-row.report,
.main-side-panel.plot-details.new.left .part.rows .single-row.claim{
    cursor: pointer;
}

.main-side-panel.plot-details.new.left .part.rows .single-row:last-of-type{
    border-bottom: 1px solid #d6d6d6;
}

.main-side-panel.plot-details.new.left .part.rows .single-row .icon{
    left: 27px;
    font-size: 18px;
    float: left;
    width: 40px;
    text-align: center;
    color: #009cd8;
}

.main-side-panel.plot-details.new.left .part.rows .single-row.address .icon img{
    width: 12px;
    margin-top: -6px;
}

.main-side-panel.plot-details.new.left .part.rows .single-row.report .icon img{
    width: 16px;
    margin-left: 3px;
}

.main-side-panel.plot-details.new.left .part.rows .single-row.claim .icon img{
    width: 16px;
    margin-top: -5px;
}

.main-side-panel.plot-details.new.left .part.rows .features .single-feature{
    margin-right: 10px;
}

.main-side-panel.plot-details.new.left .part.fds{
    background-color: white;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.main-side-panel.plot-details.new.left .part.fds .heading{
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #282828;
    border-bottom: 1px solid #cecece;
}

.main-side-panel.plot-details.new.left .part.fds .row{
    display: flex; 
    flex: 1; 
    align-items: center;
    background-color: #dedede;
}

.main-side-panel.plot-details.new.left .part.fds .s{
    width: calc(33.33% - 1.33px);
    float: left;
    color: black;
    padding: 12px;
    font-size: 12px;
    text-align: center;
}

.main-side-panel.plot-details.new.left .part.fds .s:nth-of-type(2){
    border: 2px solid white;
    border-top: none;
    border-bottom: none;
}

.main-side-panel.plot-details.new.left .part.fds .s .label{
    color: #666666;
}

.main-side-panel.plot-details.new.left .part.fds .s .text{
    font-weight: bold;
}

.main-side-panel.plot-details.new.left .part.features{
    padding: 25px 15px;
}

.main-side-panel.plot-details.new.left .part.features .heading{
    font-size: 15px;
    font-weight: bold;
    color: #282828;
    margin-right: 15px;
    display: block;
    margin-bottom: 10px;
}

.main-side-panel.plot-details.new.left .part.features .single-feature{
    padding: 5px 10px;
    background-color: #202020;
    border-radius: 5px;
    margin-right: 10px;
    color: white;
    font-size: 12px;
}

.main-side-panel.plot-details.new.left .part.authorization{
    padding: 15px;
}

.main-side-panel.plot-details.new.left .part.authorization > span{
    vertical-align: middle;
}

.main-side-panel.plot-details.new.left .part.authorization > span.icon{
    color: #4285f4;
    font-size: 19px;
    margin-left: 3px;
    margin-right: 14px;
}

.main-side-panel.plot-details.new.left .part.authorization > span.text{
    font-weight: bold;
    font-size: 12px;
    color: black;
    margin-right: 100px;
}

.main-side-panel.plot-details.new.left .part.authorization > span.logo{
}

.main-side-panel.plot-details.new.left .part.authorization > span.logo img{
    width: 160px;
}

.main-side-panel.plot-details.new.left .part.contact-details{
    background-color: white;
    -webkit-box-shadow: inset 0px 0px 24px -14px rgba(0,0,0,0.66);
    -moz-box-shadow: inset 0px 0px 24px -14px rgba(0,0,0,0.66);
    box-shadow: inset 0px 0px 24px -14px rgba(0,0,0,0.66);
}

.main-side-panel.plot-details.new.left .part.contact-details .single-detail{
    border-top: 1px solid #d6d6d6;
    padding: 15px 20px;
}

.main-side-panel.plot-details.new.left .part.contact-details .single-detail .s{
    float: left;
}

.main-side-panel.plot-details.new.left .part.contact-details .single-detail .icon{
    width: 5%;
    color: #4285f4;
}

.main-side-panel.plot-details.new.left .part.contact-details .single-detail .number{
    width: 40%;
}

.main-side-panel.plot-details.new.left .part.contact-details .single-detail .name{
    width: 55%;
}

.main-side-panel.plot-details.new.left .part.nearby-properties {
    background-color: white;
    padding: 20px 10px;
    border-top: 3px solid #8e8e8e;
}

.main-side-panel.plot-details.new.left .part.nearby-properties > .heading{
    font-size: 24px;
    margin-bottom: 20px;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property{
    float: left;
    width: 33.33%;
    padding: 0px 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .inner{
    border: 1px solid #d6d3d3;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .image{
    position: relative;
    height: 150px;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .image img{
    display: block;
    height: 100%;
    width: 100%;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .image.pin{
    background-color: whitesmoke;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .image.pin > img{
    width: auto; 
    margin: auto;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .icon{
    position: absolute;
    width: 35px;
    bottom: 0px;
    right: 0px;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .info{
/*    background-color: #252525;
    color: white;
    padding: 10px 5px;*/
    background-color: #e6e6e6;
    color: #0c0c0c;
    padding: 10px 5px;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .info .upper{
    text-transform: uppercase;
    height: 17px;
    overflow: hidden;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .info .upper .size{
    font-weight: bold;
    font-size: 13px;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .info .upper .type{
    font-size: 11px;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .info .price{
    color: #00a100;
    font-weight: bold;
    font-size: 15px;
    margin: 3px 0px 5px 0px;
    height: 17px;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .info .address{
    font-size: 11px;
    height: 12px;
    overflow: hidden;
}

.main-side-panel.show-details .imgSlider{
    min-height: 300px;
    background-color: black;
}

.main-side-panel.plot-details.new.left{
    max-width: 719px;
    width: 100%;
    left: -720px;
}

.main-side-panel.plot-details.new.left.show{
    left: 0px;
    scrollbar-width: none;
}

.main-side-panel.plot-details.new.left .close-main-side-panel,
.main-side-panel.plot-details.new.left .hide-main-side-panel-property{
    width: calc(100% - 2px);
    position: absolute;
    text-align: right;
}

.main-side-panel.plot-details.new.left .close-main-side-panel i,
.main-side-panel.plot-details.new.left .hide-main-side-panel-property i{
    position: relative;
    top: 0px;
    right: initial;
}

.main-side-panel.plot-details.new.left .hide-main-side-panel-property i{
    top: 38px;
}

/* ------------------- sweet alert popup css start ------------------------ */

.swal-overlay{
    background-color: rgba(0, 0, 0, 0.7);
}

.swal-footer{
    border-top: 1px solid #d4d4d4;
    margin-top: 30px;
    padding: 0px;
}

.swal-footer .swal-button-container{
    margin: 0px;
    display: block;
}

.swal-footer .swal-button-container .swal-button{
    width: 100%;
    padding: 0px;
    padding: 12px;
    background-color: transparent !important;
    color: #4a4a4a;
    border-radius: 0px;
    text-align: center;
}

.main-side-panel.leads .side-panel-wrapper{
    background-color: white;
}

.main-side-panel.leads .side-panel-wrapper .heading{
    padding: 15px 10px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 8px;
}

/*.main-side-panel.leads .side-panel-wrapper .leads-list{
    
    padding: 5px;
}

.main-side-panel.leads .side-panel-wrapper .leads-list table{
    width: 100%;
    text-align: left;
    font-size: 12px;
    border-top: 2px solid #d6d6d6 !important;
}

.main-side-panel.leads .side-panel-wrapper .leads-list table,
.main-side-panel.leads .side-panel-wrapper .leads-list table tr th,
.main-side-panel.leads .side-panel-wrapper .leads-list table tr td{
    border: 1px solid #eaeaea;
    border-collapse: collapse;
}

.main-side-panel.leads .side-panel-wrapper .leads-list table tr th,
.main-side-panel.leads .side-panel-wrapper .leads-list table tr td{
    padding: 5px;
}

.main-side-panel.leads .side-panel-wrapper .leads-list table .single-lead.closed{
    color: #929292;
    background-color: #e0e0e0;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .price{
    text-align: center;
    line-height: 19px;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .price .checkbox span,
.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .price .checkbox input{
    vertical-align: middle;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .price .checkbox label{
    font-size: 10px;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead select,
.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead input[type=number]{
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #a9a9a9;
    width: 100px;
    font-size: 12px;
    text-align: center;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead.closed select,
.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead.closed input[type=number]{
    background-color: #e0e0e0;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .action{
    text-align: center;
    text-transform: capitalize;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .action .close-lead{
    cursor: pointer;
    color: #5ebbbf;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .action .delete-lead{
    cursor: pointer;
    color: #5ebbbf;
}*/

.main-side-panel.leads .side-panel-wrapper .leads-list{
    padding: 10px;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead{
    background-color: #eaeaea;
    border-radius: 3px;
    margin-bottom: 10px;
    border: 1px solid #e0dfdf;
    padding: 10px;
    -webkit-box-shadow: 2px 3px 9px -5px rgba(148, 148, 148, 0.75);
    -moz-box-shadow: 2px 3px 9px -5px rgba(148, 148, 148, 0.75);
    box-shadow: 2px 3px 9px -5px rgba(148, 148, 148, 0.75);
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead.closed{
    background-color: #bdbdbd;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .title{
    position: relative;
    font-size: 17px;
    text-transform: capitalize;
    padding-right: 40px;
    margin-bottom: 5px;
    cursor: pointer;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .title .closed-text{
    display: none;
    font-weight: bold;
    font-size: 12px;
    color: #ffcc00;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead.closed .title .closed-text{
    display: inline-block;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .title .icon{
    position: absolute;
    width: 30px;
    top: -12px;
    right: -8px;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .details{
    font-size: 12px;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .text,
.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .bottom-text{
    margin-bottom: 2px;
    padding-right: 40px;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .buttons{
    margin-top: 8px;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .buttons > span{
    padding: 3px 10px;
    color: white;
    background-color: #039ae1;
    margin-right: 10px;
    border-radius: 3px;
    cursor: pointer;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead.closed .buttons .action,
.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead.closed .buttons .close-lead{
    display: none;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .buttons .delete-lead{
    background-color: #ffcc00;
}

.main-side-panel.leads .side-panel-wrapper .leads-list .single-lead .timeago{
    margin-top: 7px;
    font-size: 12px;
    color: grey;
    text-align: right;
}

.pac-container:after{
    content:none !important;
}


/* -------------------- sweet alert popup css end ------------------------- */

/* -------------- new design css for plot details end --------------------- */ 

/* ------------------ toogle button new design start ---------------------- */

.filter-panel .common-area{
    background: white;
}

.filter-panel .toggle-checkbox .slider.round{
    background-color: #3a3a3a;
    border: 2px solid #3a3a3a;
    height: 20px;
}

.filter-panel .toggle-checkbox .slider.round:before{
    height: 16px;
    width: 16px;
    top: 0px;
    left: 0px;
}

.filter-panel .toggle-checkbox input:checked + .slider.round:before{
    left: -1px;
}

.filter-panel .toggle-checkbox input + .grey.slider:before{
    background-color: #c1c1c1;
}

.filter-panel .toggle-checkbox input:checked + .grey.slider:before{
    background-color: #ffffff;
}

.filter-panel .toggle-checkbox .slider.round.green{
    background-color: #3a3a3a;
    border: 2px solid #3a3a3a;
}

.toggle-checkbox .slider.green:before{
    background-color: #a29f9f;
}

.filter-panel .toggle-checkbox .red-circle.slider{
    background-color: white;
}

.filter-panel .toggle-checkbox input:checked + .red-circle.slider:before {
    background-color: white;
    border: 2px solid #e9212e;
    width: 12px;
    height: 12px;
}

.filter-panel .toggle-checkbox .black-circle.slider:before{
    background-color: #c5c5c5;
    border: 2px solid #c5c5c5;
    width: 12px;
    height: 12px;
}

.filter-panel .toggle-checkbox input:checked + .black-circle.slider:before {
    background-color: #a1a1a1;
    border: 2px solid #161616;
}

.filter-panel .toggle-checkbox input:checked + .green.slider:before {
    background-color: #4cb448;
}

.filter-panel .toggle-checkbox input:checked + .blue.slider:before {
    background-color: #52b5e7;
}

.filter-panel .toggle-checkbox input:checked + .purple.slider:before {
    background-color: #fbbc04;
}

.filter-panel .toggle-checkbox input:checked + .white.slider:before {
    background-color: #ffffff;
}

.filter-panel .common-area.homes{
    border-left: 10px solid #4cb448;
}

.filter-panel .common-area.commercials{
    border-left: 10px solid #459ae0;
}

.filter-panel .common-area.plots{
    border-left: 10px solid #fbbc04;
}

.filter-panel .common-area .beds{
    padding: 12px;
    padding-bottom: 20px;
}

.filter-panel .common-area .beds .title{
    font-weight: bold;
    margin-bottom: 5px;
}

.filter-panel .common-area .beds .values{
    background-color: #2b2b2b;
    border-radius: 5px;
    display: flex;
    color: #018b47;
    font-size: 12px;
    overflow: hidden;
}

.filter-panel .common-area .beds .values span{
    height: 40px;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.filter-panel .common-area .beds .values span:hover,
.filter-panel .common-area .beds .values span.selected{
    color: white;
    background-color: #018b47;
}

/*.forget-password-form .or-seperator{*/
.or-seperator{
    text-align: center;
    font-size: 14px;
    color: #b9b9b9;
    margin-top: 10px;
    margin-bottom: 10px;
}

.main-side-panel.show-details .my-properties .left,
.main-side-panel.show-details .invited-properties .left{
    width: calc(100% - 46px);
    cursor: pointer;
}

/* ------------------ toogle button new design end ------------------------ */

.gm-ui-hover-effect {
    display: none !important;
}

.gm-style-iw {
   padding: 0px !important;
}

.gm-style-iw .gm-style-iw-d{
   overflow: hidden !important;
}

.price-tooltip-content{
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
    border: 2px solid #ffffff;
    border-radius: 8px;
    cursor: pointer;
}

/*.gm-style .gm-style-iw-t.tooltip-bg-green::after{
    background: linear-gradient(45deg,#00ad00 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%) !important;
}
.gm-style .gm-style-iw-t.tooltip-bg-blue::after{
    background: linear-gradient(45deg,#0077d7 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%) !important;
}
.gm-style .gm-style-iw-t.tooltip-bg-purple::after{
    background: linear-gradient(45deg,#933699 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%) !important;
}
.gm-style .gm-style-iw-t.tooltip-bg-black::after{
    background: linear-gradient(45deg,#000000 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%) !important;
}*/

.gm-style .gm-style-iw-t::after{
    height: 8px !important;
    width: 8px !important;
    /*background: linear-gradient(45deg,#ffffff 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%) !important;*/
}

.popup-overlay.add-favorite-group .select-group-text{
    text-transform: capitalize;
    font-size: 14px;
    padding: 10px 10px;
    font-weight: bold;
    color: #3c3c3c;
    border-bottom: 1px solid #dedede;
    text-align: center;
}

.direction-tooltip-content{
    border-radius: 9px;
}

.direction-tooltip-content > span{
    display: inline-block;
    vertical-align: middle;
}

.direction-tooltip-content .icon .link{
    background-color: #3b8bdb;
    padding: 12px 13px;
    overflow: hidden;
    color: white;
    font-size: 15px;
}

.direction-tooltip-content .text{
    padding: 4px 12px 4px 8px;
}

.direction-tooltip-content .duration{
    font-size: 12px;
}

.direction-tooltip-content .distance{
    font-weight: bold;
    font-size: 14px;
}



#whatapp-link-html{
    width: 0px;
    height: 0px;
    display: none;
}

.content .options .filter-button{
    width: 52px;
    height: 45px;
    background-color: #f8f8f8;
    color: #adadad;
    font-size: 25px;
    padding: 10px 7px 10px 13px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #c5c4c4;
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
    z-index: 1;
}

.content .options .filter-button img{
    width: 25px;
}

.popup-overlay.update-phonenumber .update-phone{
    padding-left: 78px !important;
}

.main-side-panel.property-form .property-details .est-price-section .price-in-words{
    font-size: 13px;
    margin-top: 10px;
    font-weight: bold;
}

.searched-addresses{
    position: fixed;
    top: 98px;
    right: 111px;
    z-index: 100;
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);
    background-color: #f8f8f8;
    color: #777575;
    width: 289px;
    max-height: 200px;
    overflow: auto;
    display: none;
}

.searched-addresses::-webkit-scrollbar {
    width: 5px;
}

.searched-addresses::-webkit-scrollbar-track {
    background: #d9d9d9; 
}
 
.searched-addresses::-webkit-scrollbar-thumb {
    background: #8f8f8f; 
    border-radius: 10px;
}

.searched-addresses .list .item{
    height: 32px;
    overflow: hidden;
    border-bottom: 1px solid #d9d8d8;
    font-size: 13px;
    cursor: pointer;
    padding: 7px 5px;
    line-height: 20px;
}

.searched-addresses .list .item:last-of-type{
    border-bottom: none;
}

.searched-addresses .list .item i{
    font-size: 14px;
    margin-right: 4px;
}

.content{
    position: absolute;
    top: 50px;
    width: 100%;
}

.main-side-panel.property-form .address-section .beds{
    background-color: #2b2b2b;
    border-radius: 5px;
    display: flex;
    color: #018b47;
    font-size: 12px;
    overflow: hidden;
    margin-bottom: 30px;
}

.main-side-panel.property-form .address-section .beds span{
    height: 40px;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.main-side-panel.property-form .address-section .beds span.selected{
    color: white;
    background-color: #018b47;
}

.main-side-panel.property-form .address-section .availability-section .buy-label .slider{
    background-color: #2b2b2b;
    border: 2px solid #2b2b2b;
    height: 20px;
}

.main-side-panel.property-form .address-section .availability-section .buy-label .slider:before{
    height: 16px;
    width: 16px;
    left: 0px;
    top: 0px;
}

.main-side-panel.property-form .address-section .availability-section .buy-label input:checked + .slider:before{
    left: -1px
}

.main-side-panel.property-form .address-section .availability-section .buy-label input:checked + .slider:before{
    background-color: #ea2326;
}

.main-side-panel.property-form .address-section .availability-section .rent-label .slider{
    background-color: #e6e6e6;
    border: 2px solid #424242;
    height: 20px;
}

.main-side-panel.property-form .address-section .availability-section .rent-label .slider:before{
    height: 16px;
    width: 16px;
    left: 0px;
    top: 0px;
}

.main-side-panel.property-form .address-section .availability-section .rent-label input:checked + .slider:before{
    left: -1px
}

.main-side-panel.property-form .address-section .availability-section .rent-label input:checked + .slider:before{
    background-color: #e6e6e6;
    border: 2px solid #ea2326;
    width: 12px;
    height: 12px;
}

.map-settings-button,
.current-location-button,
.map-zoom-button{
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0px !important;
    right: 60px !important;
}

.map-settings-button img{
    margin-top: 10px;
    width: 18px;
}

.current-location-button img{
    width: 12px;
    margin-top: 13px;
}

.map-zoom-button.zoom-in img{
    width: 13px;
    margin-top: 12px;
}

.map-zoom-button.zoom-out img{
    width: 13px;
    margin-top: 18px;
}

#map .gm-style .gm-svpc{
    left: -50px !important;
}

.map-zoom-button.zoom-in{
    border-bottom: 1px solid grey;
    border-radius: 3px 3px 0px 0px;
}

.map-zoom-button.zoom-out{
    bottom: 87px;
    border-radius: 0px 0px 3px 3px;
}

.main-side-panel.filter-panel .side-panel-wrapper{
    position: relative;
}

.main-side-panel.filter-panel .side-panel-wrapper .inner-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
}


@media only screen and (max-width: 1120px) {
    .main-side-panel.plot-details.new.left{
        top: 97px;
    }
}

@media only screen and (max-width: 1000px) {
    .main-side-panel.properties-list .single-property{
        width: calc(50% - 10px);
    }
}

@media only screen and (max-width: 676px) {
    .mobile-menu.show{
        display: block;
    }
    header .right-section{
        width: auto
    }
    
    header .right-section .add-property-button{
        margin-right: 15px;
    }
    
    .map-settings-panel{
        left: 75px;
        width: calc(100% - 75px);
    }
    
    .map-settings-panel.right{
        left: initial;
        right: 75px;
    }
    
    .map-settings-panel .settings .single-setting .name{
        width: 95%;
    }
    
    html, body{
        height: 100%;
        min-height: initial;
    }
    
    .content{
        height: calc(100% - 50px);
        min-height: initial;
    }
    
    .content #map{
        height: 100%;
    }
    
    .content .main-side-panel{
    }
    
    .main-side-panel.show-details .jcarousel-wrapper,
    .main-side-panel.show-details .jcarousel li{
        width: 357px !important;
    }
    
    .main-side-panel.show-details .jcarousel li img{
        width: 357px !important;
    }
    
    .outer-lock-boundaries{
        left: 1px;
        right: initial;
    }
    
    .content .main-side-panel.left{
        top: 97px;
    }
    
    .content .main-side-panel.property-form-return.left,
    .content .main-side-panel.profile-return.left{
        left: -47px;
        top: 97px;
        height: auto;
        max-height: initial;
        min-height: initial;
        padding: 7px 7px 4px 7px;
    }
    
    .content .main-side-panel.property-form-return.left.show,
    .content .main-side-panel.profile-return.left.show{
        left: 0px;
    }

    .new-marking-tool-wrapper{
        top: 18%;
        left: 16%;
    }
    
    .new-marking-tool-wrapper .mark-area, 
    .new-marking-tool-wrapper .drop-pin{
        width: 100px;
        height: 37px;
    }
    
    .new-marking-tool-wrapper .restore, 
    .new-marking-tool-wrapper .save{
        width: 37px;
        height: 37px;
    }
    
    .map-search-field{
        width: calc(100% - 110px);
        right: 108px !important;
    }
    
    .main-side-panel.properties-list .single-property{
        width: calc(100% - 10px);
        max-height: initial;
    }
    
    .main-side-panel.properties-list .single-property .slides{
        height: 165px;
    }
    
    .main-side-panel.plot-details.new.left .part.fds .row{
        display: block; 
    }
    
    .main-side-panel.plot-details.new.left .part.fds .s{
        width: 100%;
        margin-top: 1px;
        font-size: 12px;
    }
    
    .main-side-panel.plot-details.new.left .part.fds .s:nth-of-type(2){
        border-left: 0px;
        border-right: 0px;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    }
    
    .content .options{
        max-width: 107px;
    }
    
    .content .options .favorites-button{
        margin-right: 1px;
    }
    
    .searched-addresses{
        width: calc(100% - 112px);
        right: 108px !important;
    }
    
    .map-settings-button, .current-location-button, .map-zoom-button{
        right: 25px !important;
    }
    
    #map .gm-style .gm-svpc {
        left: -15px !important;
    }
    
    .hide-on-mobile{
        display: none !important;
    }
    
}

@media only screen and (max-width: 500px) {
    header .right-section .login-text{
        display: none;
    }
    
    header .right-section .hamburger{
        margin-top: 7px;
    }
    
    
    
    header .right-section .hamburger{
        display: inline-block;
        margin-left: 6px;
    }
    
    .hide-on-mobile{
        display: none !important;
    }
    
    .content .options{
        max-width: 100%;
    }
    
    .content .options .favorites-button{
        position: absolute;
        right: 52px;
        margin-right: 2px;
    }
    
    .content .options .current-location-button {
        position: absolute;
        left: 5px;
        width: 50px;
        padding: 6px 8px;
    }
    
    .content .options .filter-button{
        position: absolute;
        right: 1px;
    }
    
    .content .search-clear-button{
        right: 121px;
        left: auto;
        top: 12px;
    }
    
    /*for low res mobiles*/
    
    .content .main-side-panel{
        width: 390px;
    }
    
    .main-side-panel.show-details .propAttributes .attrCont{
        width: 33.33% !important;
        float: left;
    }
    
    .content .main-side-panel.profile-return,
    .content .main-side-panel.property-form-return{
        width: auto;
    }
    
    .main-side-panel.property-form .property-type-selection .single-main-type .icon img{
        width: 24px;
    }
    
    .main-side-panel.property-form .property-type-selection .single-main-type .name{
        font-size: 12px;
    }
    
    .main-side-panel.left .close-main-side-panel i,
    .main-side-panel.left .hide-main-side-panel i,
    .main-side-panel.left .hide-main-side-panel-property i,
    .main-side-panel.left .hide-main-side-panel-profile i {
        right: 10px;
    }
    
    .main-side-panel.left .hide-property-listview-panel i{
        right: -31px;
    }
    
    .main-side-panel.properties-list{
        width: 350px;
    }
    
    .main-side-panel.plot-details.new.left .part.nearby-properties .single-property{
        width: 50%;
    }
    
    .main-side-panel.plot-details.new.left .part.slider-part{
        min-height: 210px;
    }
    
    .main-side-panel.plot-details.new.left .part.price .amount-wrapper{
        font-size: 10px;
        display: inline-block;
        margin-top: 3px;
    }
    
    .main-side-panel.plot-details.new.left .part.price .amount-wrapper .amount{
        font-size: 17px;
    }
    
    .main-side-panel.plot-details.new.left .part.price .currency-dropdown{
        font-size: 10px;
    }
    
    .main-side-panel.plot-details.new.left .part.price .contact-seller{
        padding: 6px 15px;
    }
    
    .main-side-panel.plot-details.new.left .part.price{
        min-height: 48px;
    }
    
    .filter-panel .upper-head .single-checkbox .title{
        font-size: 11px;
    }
    
    .content .main-side-panel{
    }
    
}

@media only screen and (max-width: 400px) {
    
    header{
        height: 40px;
    }
    
    header .logo img{
        height: 40px !important;
    }
    
    header .right-section .add-property-button{
        margin-right: 0px;
    }
    
    header .right-section .add-property-button button{
        padding: 6px 10px;
        margin-top: 5px;
    }
    
    header .right-section .hamburger{
        margin-left: 25px;
    }
    
    header .right-section .logged-in .name{
        padding: 10px 0px 10px 34px;
    }
    
    header .right-section{
        margin-top: 2px;
    }
    
    .map-search-field{
        height: 40px;
        background-position: 12px 7px;
    }
    
    .content .options .favorites-button{
        height: 40px;
        padding: 6px 13px;
    }
    
    .content .options .filter-button{
        height: 40px;
        padding: 7px 13px;
    }
    
    .content .search-clear-button{
        top: 11px;
    }
    
    .content .search-clear-button img{
        width: 20px;
    }
    
    .content{
        height: calc(100% - 40px);
        top: 40px;
    }
    
    .main-side-panel{
        top: 83px !important;
    }
    
    .map-settings-panel .settings .single-setting .name{
        font-size: 9px;
    }
    
    .main-side-panel.plot-details.new.left .part.basic-info .upper{
        font-size: 14px;
    }
    
    .main-side-panel.plot-details.new.left .part.basic-info .upper .size{
        font-size: 20px;
    }
    
    .main-side-panel.plot-details.new.left .part.price .amount-wrapper{
        font-size: 10px;
    }
    
    .main-side-panel.plot-details.new.left .part.price .amount-wrapper .amount{
        font-size: 17px;
    }
    
    .main-side-panel.plot-details.new.left .part.price .currency-dropdown {
        font-size: 9px;
        padding: 3px 3px;
    }
    
    .main-side-panel.plot-details.new.left .part.price .contact-seller {
        padding: 5px 10px;
    }
    
    .main-side-panel.plot-details.new.left .part.price {
        min-height: 45px;
    }
    
    .popup-overlay.share-property .links-list .share-link{
        font-size: 14px;
    }
    
    .popup-overlay.share-property .links-list .share-link.whatsapp{
        padding: 2px 4px 2px 5px;
        font-size: 18px;
    }

    .popup-overlay.share-property .links-list .share-link.facebook{
        padding: 5px 9px 4px 8px;
    }
    
    .searched-addresses{
        top: 83px;
    }
    
}

@media only screen and (max-width: 376px) {
    .content .main-side-panel.left {
    }
    
    .main-side-panel.plot-details.new.left .part.nearby-properties .single-property{
        width: 100%;
    }
    
    .main-side-panel.plot-details.new.left .part.nearby-properties .single-property .image{
        height: auto;
    }
    
    .main-side-panel.plot-details.new.left .part.nearby-properties .single-property .image.pin > img{
        width: 100%;
        max-width: 100%;
    }
    
}


.map-search-field{
    background-image: none;
    padding: 5px 5px 5px 15px;
}

.login-panel .upper .logo img{
    width: 250px;
}

.red-button{
    color: black;
}

.main-side-panel.plot-details.new.left .part.basic-info .icon{
    width: 40px;
    top: 20px;
    right: 15px;	
}

.main-side-panel.plot-details.new.left .part.slider-part .item.pin-image img {
    width: 90px !important;
    height: auto;
    margin-top: 80px;
}

.main-side-panel.plot-details.new.left .part.nearby-properties .single-property .icon{
    width: 25px;
    bottom: 5px;
    right: 5px;
}

.map-settings-panel{
    padding: 0px;
}

.map-settings-panel .heading {
    background-color: #ffcc00;
    padding: 8px;
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.map-settings-panel .settings {
    padding: 12px;
    height: 258px;
    overflow: auto;
}

.map-settings-panel .close {
    position: absolute;
    right: 8px;
    top: 7px;
    cursor: pointer;
    color: #505050;
}