@media (max-width: 767px) {
    article .widget-body-toolbar .form-group > .input-group.custom-size {
        width: 80px !important;
    }

    .LIST_VIEW .tour_wrap {
        max-width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .LIST_VIEW .tour_wrap {
        max-width: 180px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .LIST_VIEW .tour_wrap {
        max-width: 200px !important;
    }
}

@media (min-width: 1200px) {
    article .widget-body-toolbar .form-group > .input-group.custom-size {
        width: 160px !important;
    }
}

.bigBox {
    width: 455px;
}

html {
    background: #eee;
}

.padding-5 {
    padding: 5px;
}

header h1 {
    padding: 0.4em 1.1em;
    color: white;
    font-weight: normal;
    font-size: 24px;
}

.container-fluid {
    padding: 0 15px;
}

.table-responsive {
    overflow-x: visible !important;
    overflow-y: visible !important;
}

table.computers em {
    color: #aaa;
}

table.computers .introduced, table.computers .discontinued {
    width: 10%;
    min-width: 100px;
}

.onoffswitch-label IMMOWELT {
    margin-bottom:0px;
}
th a, span.input-group-addon a {
    color: #000000;
}

table.computers .company_name {
    width: 30%;
    min-width: 300px;
}

table.computers .header a {

}

#actions {
    position: relative;
}

#actions #add {
    position: absolute;
    right: 0;
    top: 0;
}

.equal_height {
    display: table;
}

.equal_height > div {
    display: table-cell;
    width: 100%;
    float: none;
    vertical-align: middle;
}

.small-pad {
    padding: 4px 6px !important;
}

.med-pad {
    padding: 8px 10px !important;
}

.central-pad {
    padding: 10px;
}

.large-pad {
    padding: 12px 14px;
}

.small-top-pad {
    padding-top: 6px;
}

.small-bottom-pad {
    padding-bottom: 6px;
}

.small-top-mar {
    margin-top: 6px;
}

.small-bottom-mar {
    margin-bottom: 6px;
}

.med-top-mar {
    margin-top: 10px;
}

.med-bottom-mar {
    margin-bottom: 10px;
}

.large-top-mar {
    margin-top: 14px;
}

.large-bottom-mar {
    margin-bottom: 14px;
}

.med-mar {
    margin: 10px;
}

.large-mar {
    margin: 14px;
}

.small-mar {
    margin: 6px;
}

.med-mar {
    margin: 10px;
}

.large-mar {
    margin: 14px;
}

.table-striped span.label, .table-striped button.btn, .table-striped a.btn {
    margin: 2px 0px;
    display: inline-block;
    padding: 3px 5px;
}

.table-striped label.checkbox i {
    left: 7px;
}


/* The buttons for Contacts admin page 
.contact, .service {
    margin-left: 32px;
}

.addContact, .addService {
    margin-left: 32px;
}
*/
.contact:first-child > .danger, .service:first-child > .danger {
    display: none;
}

.immonet-service, .immowelt-service, .is24-service {
    display: none;
}

.show {
    display: block;
}

.portalsUrl_template, .animatedLogo_template, .garage_template, .note_template, .contractAttach_template, .room_template, .balconie_template, .panorama_template, .corner_template, .contact_video_template, .contact_post_template, .phone_template, .contact_template, .logo_template, .service_template, .service_selector_template, .ignoreImage_template {
    display: none;
}

.hide_template {
    display: none !important;
}

/* Adding arrow up or down when sorting asc or desc */
th.headerSortUp:after {
    font-family: 'FontAwesome';
    content: "  \f077";
}

th.headerSortDown:after {
    font-family: 'FontAwesome';
    content: "  \f078";
}

/* Boxes user for highlight parts of code */
.bs-callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eeeeee;
}

h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

p:last-child {
    margin-bottom: 0;
}

.bs-callout-danger {
    background-color: #fdf7f7;
    border-color: #eed3d7;
}

.bs-callout-danger h4 {
    color: #b94a48;
}

.bs-callout-warning {
    background-color: #faf8f0;
    border-color: #faebcc;
}

.bs-callout-warning h4 {

    color: #c09853;
}

.bs-callout-info {
    background-color: #f4f8fa;
    border-color: #bce8f1;
}

.bs-callout-info h4 {
    color: #3a87ad;
}

.addStatus label, .addUser label, .addVideo label, .addPanorama label {
    display: inline;
}

/* Datatables selector */
div.widget-body-toolbar div.dataTables_filter {
    position: absolute;
    top: 2px;
    left: 13px;
}

div.dataTables_select_box {
    position: absolute;
    left: 197px;
    top: 2px
}

.row-padding {
    margin-left: 13px !important;
}

.one-row-padding {
    padding-left: 6px;
}

.no-padding-left {
    padding-left: 0px;
    padding-bottom: 5px;
}

td > .label, td a > .label {
    font-size: 12px;
}

.modal-content {
    border-radius: 6px;
}

@media (min-width: 1280px) {
    .modal-xlg {
        width: 1200px;
    }
}

/* Extended Fuelux wizard */
.fuelux .label-important, .fuelux .badge-important {
    background-color: #b94a48;
}

.fuelux .label-important[href], .fuelux .badge-important[href] {
    background-color: #953b39;
}

.fuelux .label-warning, .fuelux .badge-warning {
    background-color: #f89406;
}

.fuelux .label-warning[href], .fuelux .badge-warning[href] {
    background-color: #c67605;
}

.fuelux .label-success, .fuelux .badge-success {
    background-color: #468847;
}

.fuelux .label-success[href], .fuelux .badge-success[href] {
    background-color: #356635;
}

.fuelux .label-info, .fuelux .badge-info {
    background-color: #3a87ad;
}

.fuelux .label-info[href], .fuelux .badge-info[href] {
    background-color: #2d6987;
}

.fuelux .label-inverse, .fuelux .badge-inverse {
    background-color: #333333;
}

.fuelux .label-inverse[href], .fuelux .badge-inverse[href] {
    background-color: #1a1a1a;
}

legend {
    clear: both;
}

.description_item p {
    padding-bottom: 7px;
}

.font-md-2 {
    font-size: 110% !important;
}

.clip_preview {
    background-image: url(../images/bg_clip_preview.png);
    background-repeat: no-repeat;
    background-position: center;
}

.center_align {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle !important;
}

/* START IMAGES FOR PORTALS */
.portals {
    margin: 0px;
    padding: 0px;
    height: 24px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.portals.immobilienscout24 {
    background: transparent url(../images/immo.png) 50% 0% no-repeat;

}

.portals.immobilienscout24.black {
    background: transparent url(../images/immo.png) 50% 100% no-repeat !important;
}
.portals.enhancement {
    background: transparent url(../images/esoft.png) 50% 0% no-repeat;

}
.portals.enhancement.black {
    background: transparent url(../images/esoft.png) 50% 100% no-repeat !important;
}
.portals.propstack {
    background: transparent url(../images/propstack.png) 50% 0% no-repeat;

}

.portals.propstack.black {
    background: transparent url(../images/propstack.png) 50% 100% no-repeat !important;
}

.portals.ivd24immobilien {
    background: transparent url(../images/ivd24immobilien.png) 50% 0% no-repeat;

}

.portals.ivd24immobilien.black {
    background: transparent url(../images/ivd24immobilien.png) 50% 100% no-repeat !important;
}

.portals.facebook {
    background: transparent url(../images/facebook.png) 50% 0% no-repeat;

}

.portals.facebook.black {
    background: transparent url(../images/facebook.png) 50% 100% no-repeat !important;
}

.portals.google_plus {
    background: transparent url(../images/google_plus.png) 50% 0% no-repeat;

}

.portals.google_plus.black {
    background: transparent url(../images/google_plus.png) 50% 100% no-repeat !important;
}

.portals.ebay_classifieds {
    background: transparent url(../images/ebay.png) 50% 0% no-repeat;

}

.portals.ebay_classifieds.black {
    background: transparent url(../images/ebay.png) 50% 100% no-repeat !important;
}

.portals.landing {
    background: transparent url(../images/landing_buttons.png) 50% 0% no-repeat;
    background-size: 50px;
}

.portals.onoffice {
    background: transparent url(../images/onoffice.png) 50% 0% no-repeat;
    background-size: 50px;
}

a.landing.notClicable {
    pointer-events: none;
}

.portals.landing.black {
    background: transparent url(../images/landing_buttons.png) 50% 100% no-repeat;
    background-size: 50px;
    pointer-events: none;
}

.portals.onoffice.black {
    background: transparent url(../images/onoffice.png) 50% 100% no-repeat;
    background-size: 50px;
    pointer-events: none;
}

.portals.immonet {
    background: transparent url(../images/immonet.png) 50% 0% no-repeat;
}

.portals.immonet.black {
    background: transparent url(../images/immonet.png) 50% 100% no-repeat;
}

.portals.immowelt {
    background: transparent url(../images/immowelt.png) 50% 0% no-repeat;
}

.portals.immowelt.black {
    background: transparent url(../images/immowelt.png) 50% 100% no-repeat !important;
}

.portals.autoscout24 {
    background: transparent url(../images/autoscout.png) 50% 100% no-repeat;
}

.portals.autoscout24.black {
    background: transparent url(../images/autoscout.png) 50% 100% no-repeat !important;
}

.portals.youtube {
    background: transparent url(../images/youtube-logo.png) 50% 0% no-repeat;

}

.portals.youtube.black {
    background: transparent url(../images/youtube-logo.png) 50% 100% no-repeat !important;
}

.portals.psa {
    background: transparent url(../images/psa_logo.png) 50% 0% no-repeat;
}

.portals.psa.black {
    background: transparent url(../images/psa_logo.png) 50% 100% no-repeat !important;
}

.portals.drysdale.landing {
    background: transparent url(../images/tour_landing.png) 50% 0% no-repeat;
    background-size: 50px;
}

.portals.drysdale {
    background: transparent url(../images/video_buttons.png) 50% 0% no-repeat;
    background-size: 59px;
}

.portals.drysdale.black {
    background: transparent url(../images/video_buttons.png) 50% 100% no-repeat;
    background-size: 59px;
}

.portals.rets {
    background: transparent url(../images/video_buttons_branded.png) 50% 0% no-repeat;
    background-size: 59px;
}

.portals.rets.black {
    background: transparent url(../images/video_buttons_branded.png) 50% 100% no-repeat;
    background-size: 59px;
}

.portals.svv {
    background: transparent url(../images/video_buttons_branded.png) 50% 0% no-repeat;
    background-size: 59px;
}

.portals.svv.black {
    background: transparent url(../images/video_buttons_branded.png) 50% 100% no-repeat;
    background-size: 59px;
}

.portals.lh {
    background: transparent url(../images/video_buttons_branded.png) 50% 0% no-repeat;
    background-size: 59px;
}

.portals.lh.black {
    background: transparent url(../images/video_buttons_branded.png) 50% 100% no-repeat;
    background-size: 59px;
}

.portals.rapb {
    background: transparent url(../images/video_buttons_branded.png) 50% 0% no-repeat;
    background-size: 59px;
}

.portals.rapb.black {
    background: transparent url(../images/video_buttons_branded.png) 50% 100% no-repeat;
    background-size: 59px;
}

.portals.paar {
    background: transparent url(../images/video_buttons_branded.png) 50% 0% no-repeat;
    background-size: 59px;
}

.portals.paar.black {
    background: transparent url(../images/video_buttons_branded.png) 50% 100% no-repeat;
    background-size: 59px;
}

.portals.rmls {
    background: transparent url(../images/video_buttons_branded.png) 50% 0% no-repeat;
    background-size: 59px;
}

.portals.rmls.black {
    background: transparent url(../images/video_buttons_branded.png) 50% 100% no-repeat;
    background-size: 59px;
}

.portals.miami {
    background: transparent url(../images/video_buttons_branded.png) 50% 0% no-repeat;
    background-size: 59px;
}

.portals.miami.black {
    background: transparent url(../images/video_buttons_branded.png) 50% 100% no-repeat;
    background-size: 59px;
}

.portals.stellar {
    background: transparent url(../images/video_buttons_branded.png) 50% 0% no-repeat;
    background-size: 59px;
}

.portals.stellar.black {
    background: transparent url(../images/video_buttons_branded.png) 50% 100% no-repeat;
    background-size: 59px;
}

.portals.hicentral {
    background: transparent url(../images/video_buttons_branded.png) 50% 0% no-repeat;
    background-size: 59px;
}

.portals.hicentral.black {
    background: transparent url(../images/video_buttons_branded.png) 50% 100% no-repeat;
    background-size: 59px;
}

.portals.mls {
    background: transparent url(../images/video_buttons_unbranded.png) 50% 0% no-repeat;
    background-size: 59px;
}

.portals.mls.black {
    background: transparent url(../images/video_buttons_unbranded.png) 50% 100% no-repeat;
    background-size: 59px;
}

.portals.mobile {
    background: transparent url(../images/mobile.png) 50% 0% no-repeat;
}

.portals.mobile.black {
    background: transparent url(../images/mobile.png) 50% 100% no-repeat !important;
}

.portals.immobilienmarkt {
    background: transparent url(../images/immobilienmarkt.png) 50% 0% no-repeat;
}

.portals.immobilienmarkt.black {
    background: transparent url(../images/immobilienmarkt.png) 50% 100% no-repeat !important;
}

.portals.ebay_classifieds {
    background: transparent url(../images/ebay.png) 50% 0% no-repeat;
}

.portals.ebay_classifieds.black {
    background: transparent url(../images/ebay.png) 50% 100% no-repeat !important;
}

.portals.sparkassen {
    background: transparent url(../images/sparkasse.png) 50% 0% no-repeat;
}

.portals.sparkassen.black {
    background: transparent url(../images/sparkasse.png) 50% 100% no-repeat;
}

.portals.flowfact {
    background: transparent url(../images/flowfact.png) 50% 0% no-repeat;
}

.portals.flowfact.black {
    background: transparent url(../images/flowfact.png) 50% 100% no-repeat;
}

.portals.jll {
    background: transparent url(../images/jll.png) 50% 0% no-repeat;
}

.portals.jll.black {
    background: transparent url(../images/jll.png) 50% 100% no-repeat;
}

.portals.jll_investment {
    background: transparent url(../images/jll.png) 50% 0% no-repeat;
}

.portals.jll_investment.black {
    background: transparent url(../images/jll.png) 50% 100% no-repeat;
}


/* END IMAGES FOR PORTALS */

div.dt-bottom-row {
    overflow: visible;
}

/* START login styles */
.video_image_container .tablet {
    position: absolute;
    top: 8px;
    left: 10px;
    margin-top: -30px;
    padding-right: 18px;
}

.video_image_container {
    padding-right: 36px;
}

.input_pad_group {
    padding-right: 25px;
}

.input_browse_label_text {
    padding-left: 10px !important;
}

#lock-page .input_pad_group {
    padding-right: 0px;
}

.video_image_container .video_wrapper {
    max-width: 640px;
    width: 97%;
    margin: 0 auto;
    margin-left: 20px;
    padding-bottom: 50px;
}

/* END login styles */
.table-bordered.border {
    border: 1px solid #ddd !important;
}

/* Fancy icon on the right side of an input form */
form .icon-append {
    color: #A2A2A2;
    right: 5px;
    padding-left: 3px;
    border-left-width: 1px;
    position: absolute;
    top: 5px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    z-index: 10;
    border-left-style: solid;
    border-color: #BDBDBD;
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
    z-index: 500;
}

/* tooltip effect for placeholders in a input form START */

form .input-group .tooltip {
    position: absolute;
    z-index: 99999;
    left: -9999px;
    padding: 2px 8px 3px;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    opacity: 0;
    transition: margin .3s, opacity .3s;
    -o-transition: margin .3s, opacity .3s;
    -ms-transition: margin .3s, opacity .3s;
    -moz-transition: margin .3s, opacity .3s;
    -webkit-transition: margin .3s, opacity .3s;
}

form .input-group .tooltip:after {
    content: '';
    position: absolute;
}

form .input-group input:focus + .tooltip, form .input-group textarea:focus + .tooltip {
    opacity: 1;
}

form .input-group .tooltip-top-right {
    bottom: 100%;
    margin-bottom: 15px;
}

form .input-group .tooltip-top-right:after {
    top: 100%;
    right: 11px;
    border-top: 4px solid rgba(0, 0, 0, .9);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

form .input-group input:focus + .tooltip-top-right, form .input-group .textarea textarea:focus + .tooltip-top-right {
    right: 0;
    left: auto;
    margin-bottom: 5px;
}

form .input-group .tooltip-top-left {
    bottom: 100%;
    margin-bottom: 15px;
}

form .input-group .tooltip-top-left:after {
    top: 100%;
    left: 11px;
    border-top: 4px solid rgba(0, 0, 0, .9);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

form .input-group input:focus + .tooltip-top-left, form .input-group textarea:focus + .tooltip-top-left {
    right: auto;
    left: 0;
    margin-bottom: 5px;
}

form .input-group .tooltip-right {
    top: 4px;
    white-space: nowrap;
    margin-left: 15px;
}

form .input-group .tooltip-right:after {
    top: 6px;
    right: 100%;
    border-top: 4px solid transparent;
    border-right: 4px solid rgba(0, 0, 0, .9);
    border-bottom: 4px solid transparent;
}

form .input-group input:focus + .tooltip-right, form .input-group textarea:focus + .tooltip-right {
    left: 100%;
    margin-left: 5px;
}

form .input-group .tooltip-left {
    top: 4px;
    white-space: nowrap;
    margin-right: 15px;
}

form .input-group .tooltip-left:after {
    top: 6px;
    left: 100%;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid rgba(0, 0, 0, .9);
}

form .input-group .input input:focus + .tooltip-left, form .input-group textarea:focus + .tooltip-left {
    right: 100%;
    left: auto;
    margin-right: 5px;
}

form .input-group .tooltip-bottom-right {
    top: 100%;
    margin-top: 15px;
}

form .input-group .tooltip-bottom-right:after {
    bottom: 100%;
    right: 11px;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(0, 0, 0, .9);
    border-left: 4px solid transparent;
}

form .input-group input:focus + .tooltip-bottom-right, form .input-group textarea:focus + .tooltip-bottom-right {
    right: 0;
    left: auto;
    margin-top: 5px;
}

form .input-group .tooltip-bottom-left {
    top: 100%;
    margin-top: 15px;
}

form .input-group .tooltip-bottom-left:after {
    bottom: 100%;
    left: 11px;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(0, 0, 0, .9);
    border-left: 4px solid transparent;
}

form .input-group input:focus + .tooltip-bottom-left, form .input-group textarea:focus + .tooltip-bottom-left {
    right: auto;
    left: 0;
    margin-top: 5px;
}

/* tooltip effect for placeholders in a input form END */
#main {
    padding-bottom: 0px;
}

legend small {
    color: #999;
}

.margin_login {
    margin-top: -20px;
    margin-bottom: 30px;
}

/* .select2-container-multi .select2-choices { */
/*   position: relative; */
/* } */
/* .select2-container-multi .select2-choices:after { */
/*   content: ' '; */
/*   display: block; */
/*   position: absolute; */
/*   top: 0; */
/*   right: 0; */
/*   bottom: 0; */
/*   width: 24px; */
/*   background: url("../images/select2.png") 0 1px no-repeat; */
/* } */
/* .select2-container-multi.select2-dropdown-open .select2-choices:after { */
/*   background-position: -18px 1px; */
/* } */
.login-info a span {
    max-width: 185px;
    text-transform: none;
}

.quotes_footer {
    height: 160px;
    padding: 0px 13px;
    background: #f4f4f4
}

.imageItemsBox {
    margin-bottom: 10px;
    margin-right: -3px;
    padding: 5px 0px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: -4px;
    padding: 6px 6px;
    border-style: hidden;
}

a.btn-danger {
    color: #fff !important;
}

ul[id^="sortable_"] {
    list-style-type: none;
}

ul[id^="sortable_"] li {
    cursor: move;
}

.ui-state-highlight-images {
    background: #b09b5b;
    border: 2px dashed #3a3633;
    height: 205px;
    margin: 0 6px 6px 0;
    width: 160px;
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 0px;
}

.btn-remove-file {
    position: relative;
    overflow: hidden;
}

.btn-remove-file input[type=button] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

/* Better style for input file elements: http://codepen.io/claviska/pen/vAgmd */
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

input[readonly] {
    background-color: white !important;
    cursor: text !important;
}

/* START Override Wizard */
.fuelux .wizard ul li {
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    padding: 0 0px 0 20px;
}

.fuelux .wizard ul li .chevron {
    top: -2px;
}

.fuelux .wizard .actions {
    line-height: 40px;
}

.fuelux .wizard ul li .badge {
    margin-right: 4px;
}

/* END Override Wizard */
.table-cursor tr.hover {
    cursor: pointer;
}

body:not(.smart-style-6) #header {
    background: none repeat scroll 0% 0% #0089CC !important;
}

body.smart-style-6 .login-info {
    padding-bottom: 2px;
    background-color: #F5F4F4;
    border-right: 1px #E2E2E2 solid;
    height: auto;
}

body.smart-style-6 .login-info > span {
    height: auto;
}

body.smart-style-6 .login-info ul a.dropdown-toggle {
    color: #4C4C4C;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

body.smart-style-6 .login-info ul a i.fa-angle-down {
    position: absolute;
    right: 4px;
}

#extr-page-header-space > :first-child {
    font-weight: 700;
    color: white;
}

.client-form header {
    background: none repeat scroll 0% 0% #007daf !important;
    color: white;
    font-weight: 700;
}

.client-form button {
    height: 31px;
    margin: 10px 0px 0px 5px;
    padding: 0px 22px;
    font: 500 15px/29px "Open Sans", Helvetica, Arial, sans-serif;
    cursor: pointer;
}

.lockscreen .logo {
    padding: 3px 0px;
}

.smart-style-2 .login-info a span {
    max-width: 160px;
    font-size: 13px !important;
}

.smart-style-2 #header, .smart-style-2 .page-footer, .smart-style-2 .superbox-show {
    background-color: #0089cc
}

.smart-style-2 #ribbon {
    background: #f7f7f7;
}

.smart-accordion-default.panel-group .panel-title a {
    padding: 6px 10px;
}

h4.panel-title {
    font-weight: 500;
}

h1 {
    letter-spacing: -0.5px;
}

.smart-style-2 #hide-menu a > i, .smart-style-2 .btn-header > :first-child > a, .smart-style-2 .header-dropdown-list a.dropdown-toggle, .smart-style-2 .header-search > button {
    color: #E2E3E7 !important;
}

.bg-color-item-selected, .bg-color-item-selected > td, .bg-color-hover, .bg-color-hover > td {
    background-color: #FCFFDB !important;
}

.air-top-right-CLIPNOW {
    top: 18px;
    right: 0px;
}

.air-top-right-IMMOVIEWER {
    top: 35px;
    right: 0px;
}

.air-top-right-DOCUSKETCH {
    top: inherit;
    right: 0px;
}

.img-logo-CLIPNOW {
    width: 50%;
}

.img-logo-IMMOVIEWER, .img-logo-DOCUSKETCH {
    width: 40%;
}

.nav-tabs li.incomplete a, .nav-tabs li.incomplete:not(.active) a {
    color: red !important;
}

nav ul li.active > a:before {
    color: rgba(197, 197, 197, 1);
}

/** Override .onoffswitch-inner:after **/
span.onoffswitch-inner.onoff-error:after {
    color: red !important;
    font-weight: 700;
}

div.description_item.smart-form a, div.description_item.smart-form a a:focus, div.description_item.smart-form a a:hover {
    text-decoration: none;
}

ul#sparks li.sparks-info {
    text-align: center;
}

ul#sparks li.sparks-info h5 {
    float: none;
}

/** MENUS on the top **/
header#header div.btn-header.main {
    position: relative;
}

header#header div.btn-header.main > *:first-child > a {
    font-weight: 500;
    margin: 9px 0 0;
    font-size: 16px;
}

header#header div.btn-header.main.active > *:first-child > a {
    font-weight: 700;
    color: white !important;
}

header#header b.badge {
    font-size: 10px;
    display: block;
    position: absolute;
    top: 6px;
    left: -20px
}

.margin_top_panorama {
    margin-top: 30px;

}

form div.panorama .margin_top > * {
    margin-top: 30px;
}

.dropzone.dz-clickable .dz-message * {
    margin-top: 0px;
}

.dropzone .dz-default.dz-message .text-center {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

.help-block {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0px;
}

.error-block {
    margin-top: 5px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0px;
    color: #b94a48;
}

ul hr {
    margin: 3px 0 3px 0;
}

#showPano.parent {
    position: relative;
    overflow: hidden;
}

#showPano .child {
    position: absolute;
    top: 0px;
    background: rgba(255, 255, 255, .6);
    height: 100%;
    z-index: 2002;
    overflow: visible;
}

#showPano li h4 {
    font-family: 'Droid Sans', sans-serif;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding-top: 5px;
}

#showPano li {
    text-align: center;
    opacity: 0.8;
    margin: 8px;
}

#showPano li:hover {
    opacity: 1;

}

#showPano ul {
    list-style-type: none;
    pading: 0px;
}

#showPano ul li:after {
    content: "";
    display: block;
    height: 1px;
    width: 80%;
    margin: 10px 10px 20px 10px;
    background: grey;
}

#showPano .circular {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    width: 75px;
    height: 75px;
}

body:not(.smart-style-6) input[placeholder] {
    width: 100% !important;
}

.select2-hidden-accessible {
    display: none !important;
}

.SmallBox {
    top: 97px
}

.terms_conditions h7 {
    font-size: 13px;
}

.col-center {
    margin: 0 auto;
}

.bootstrap-dialog.type-primary .close {
    color: black;
}

.login-info > span {
    height: 30px;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

.inactiveButton {
    pointer-events: none;
    cursor: not-allowed;
}

.dd {
    max-width: inherit;
}

.dd3-content:hover {
    color: inherit;
    background: #fff;
}

.dd3-content {
    font-size: inherit;
}

.dd3-handle:before {
    content: '\f0b2';
}

.dd3-handle {
    height: 35px;
}

.jarviswidget.no-well header {
    display: block;
}

.dropdow_tour_wizard {
    width: 200px;
    display: inline-block;
    position: relative;
    border-left: 1px solid rgba(0, 0, 0, .09);
    cursor: pointer;
    text-align: center;
    font-size: 13px;
}

#step2 legend {
    display: table;
}

#step2 legend h3, #step2 legend div.dropdow_tour_wizard {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

#step2 legend h3 {
    padding-right: 5px;
}

.dropzone {
    min-height: 100px;
    padding: 0px 10px;
}

.dropzone.big {
    min-height: 250px;
}

.table-responsive table .open > .dropdown-menu {
    -webkit-animation-name: fadeIn;
    margin: 0 0 30px 0;
}

.dropzone .progress {
    margin-top: 5px;
    margin-bottom: 0px;
}

.jarviswidget .widget-body {
    min-height: 80px;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.left-panel__content {
    height: 100%;
    position: relative;
}

.imogent-logo {
    width: 25px;
    border-radius: 50%;
    margin-left: -3px;
    margin-right: 8px;
}

.left_menu_disabled #left-panel {
    left: -220px;
}

.left_menu_disabled #main {
    width: 100% !important;
    margin-left: 0;
}

.left_menu_disabled.fixed-ribbon #ribbon {
    left: 0;
}

.left_menu_disabled.fixed-ribbon #content {
    padding-top: 0px;
}

.ui-datepicker {
    z-index: 9999 !important;
}

/** IO SLIDER CHANGE IN STYLES **/
.irs-from, .irs-to {
    background: rgb(49, 113, 176) !important;
}

.irs-line {
    background: transparent;
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

.logo-immoviewer, .logo-docusketch {
    margin-top: 2px !important;
}

.pagination li a {
    z-index: 2;
}

#logo img {
    width: 110px !important;
}

.small_calendar .fc-event {
    border-left: none !important;
    padding-left: 0px;
}

.small_calendar .fc-event i.fa-times {
    cursor: pointer;
}

.list-group-item a.black {
    color: #444444;
    font-weight: 600;
}

.list-group-item a.black:hover {
    color: black;

}

header .switch {
    margin: 6px 15px 0px 0px;
    border-radius: 5px;
    background-color: #005884;
    padding: 0px 10px 5px 0px;
}

header .switch:hover {
    border-color: white !important;
}

header .switch a {
    margin-top: 2px !important;
}

header .switch a:hover, .smart-style-2 .btn-header > :first-child > a:hover {
    font-weight: 600 !important;
    color: white !important;
}

header .switch a span.text:hover, header .switch a.active span.text {
    font-weight: 600;
    color: white;
}

header .switch a.active i {
    color: white !important;
}

#indexItem .well .item_description {
    padding-right: 120px;
}

#indexItem .icons-content {
    padding-bottom: 5px;
    padding-left: 15px;
}

#indexItem .item_description .item-status-information {
    margin: 10px 0;
}

#indexItem .GRID_VIEW .integrate_buttons, #indexRealestates .integrate_buttons {
    position: absolute;
    top: 10px;
    right: 10px;
}

#indexItem .LIST_VIEW {
    position: relative;
}

#indexItem .edit-and-delete a, #indexItem .live-and-share a, #indexItem .edit-and-delete button,
#indexItem .live-and-share button, #indexItem .purchaseButtonGroup a, #indexItem .orderHomestagingGroup a {
    padding: 3px 6px !important;
}

#indexItem .edit-and-delete a:hover {
    background-color: black !important;
}

.edit-and-delete .btn:first-child:before {
    content: "";
    position: absolute;
    left: 1px;
    bottom: 0;
    height: 14px;
    width: 100%;
    border-right: 2px solid #adadad;
    margin-bottom: 5px;
}

.live-and-share > .btn:first-child:before, .purchaseButtonGroup > .btn:first-child:before {
    content: "";
    position: absolute;
    left: 1px;
    bottom: 0;
    height: 14px;
    width: 100%;
    border-right: 2px solid white;
    margin-bottom: 5px;
}

#indexItem .start_tour {
    padding: 3px 6px !important;
    margin-bottom: 5px !important;
}

#indexItem .expose-title {
    font-weight: 500 !important;
    font-size: 16px !important;
    padding-top: 5px !important;
    position: relative;
}

#indexItem .GRID_VIEW .expose-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#indexItem .GRID_VIEW .expose-title:hover {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}


#indexItem .integrate_buttons > div, #indexRealestates .integrate_buttons > div {
    padding-bottom: 8px;
}

#indexItem .integrate_buttons label.onoffswitch-label.IMMOBILIENSCOUT24, #indexRealestates .integrate_buttons label.onoffswitch-label.IMMOBILIENSCOUT24 {
    margin-bottom: -2px !important;
}

#viewItems .integrate_buttons {
    margin: 15px 0;
}

.well .checkbox_box {
    display: none;
}

.inner_row.highlight {
    background-color: #FFFB9A;
}

#viewItems .well .checkbox_box, #indexItem .well .checkbox_box {
    display: block;
    position: absolute;
    left: 13px;
    top: 10px;
    z-index: 1;
}

div.row.inner_row {
    position: relative;
    padding: 20px 0px 15px 0px;
    margin: 0px;
}

div.row.inner_row:hover {
    background-color: #EBF3F6 !important;
}

header .switch.pull-right .btn-header a {
    height: 30px !important;
    line-height: 24px !important;
    width: 100% !important;
}

header .switch.pull-right .btn-header a.text {
    display: inline;
}

button.showWallMeasurementsFloorPlanModal {
    border: none;
    background-color: white;
    padding-left: 4px;
}

button.showWallMeasurementsFloorPlanModal:hover {
    background-color: #007daf;
    color: white;
}

button.addExternalModal {
    display: none;
}

#indexItem button.addExternalModal {
    display: inline-block;
}

button.addPSAJobModal {
    display: none;
}

#indexItem button.addPSAJobModal {
    display: inline-block;
}

.intl-tel-input {
    width: 100%;
}

.modal {
    z-index: 1010;
}

.modal-backdrop {
    bottom: 0;
    z-index: 905;
}

.input-group-btn.browse {
    vertical-align: top;
}

#ribbon #support {
    margin-top: 8px;
    padding: 6px;
    font-size: 12px;
    background-color: #007daf;
}

#ribbon #day-limit-orders {
    margin-top: 8px;
    margin-right: 8px;
    padding: 6px;
    font-size: 12px;
    background-color: #FF8F4F;
}

ul.left-dropdown-list {
    list-style: none;
    position: relative;
    margin: 0;
    padding-right: 0px;
    padding-left: 0px;
}

.smart-style-2 .login-info ul a {
    font-size: 12px !important;
}

.smart-style-2 .login-info ul li.active a {
    color: white;
    font-weight: 700;
}

.smart-style-2 .login-info, .smart-style-2 .login-info span {
    padding-bottom: 0px;
}

.bigBox .buttons_right {
    width: 350px;
    position: absolute;
    bottom: 0;
    right: 15px;
}

#left-panel > nav {
    width: 100%;
}

body:not(.smart-style-6) .dataTables_filter > label > input[type=search] {
    margin-left: 10px;
}

div.divMessageBox {
    overflow: auto;
}

.popover {
    max-width: 350px;
}

.icon-container-vertical {
    padding: 4px;
    display: inline-block;
    text-align: center;
    border: transparent;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
}

.icon-container-vertical:hover {
    background: rgba(33, 150, 243, .1);
    color: #2196f3;
}

.icon-container-vertical .my-text {
    display: block;
}

.icon-container-vertical i {
    vertical-align: middle;
}

.expose-info > .row {
    margin: 20px 0
}

input.onoffswitch-checkbox.active {
    display: none !important;
}

#notes-container .note {
    font-size: 13px;
    color: #333;
}

label.select_all_table {
    margin-left: 6px;
    margin-right: 6px;
}

label.big-check input[type=checkbox].checkbox + span:before, label.onlyMe input[type=checkbox].checkbox + span:before, label.select_all_table input[type=checkbox].checkbox + span:before, label.select_all_table input[type=radio].radiobox + span:before {
    background-color: #FFFFFF;
    padding: 2.5px;
}

.bigBox .bigboxicon {
    top: inherit;
    bottom: -4px;
}

#history .lifecycle .label {
    font-size: 100%;
}

#history .lifecycle {
    margin-bottom: 10px;
}

#formFields ul {
    border: 1px solid #eee;
    list-style-type: none;
    margin: 0;
    padding: 15px;
    float: left;
    width: 100%;
}

#formFields ul li {
    padding: 10px;
    margin-bottom: 6px;
}

#formFields div h4 {
    padding-bottom: 10px;
    font-weight: 500;
    margin-top: -5px;
}

span.label.publicity {
    margin-left: -5px;
}
.onoffswitch-label.IMMOWELT {
    margin-bottom:-3px;
}
/* Until they dont fix the beta version */
.fixed-navigation nav > ul {
    width: 111.5%;
}

.fixed-navigation nav {
    padding-bottom: 150px;
}

body.smart-style-6 span.input-group-addon {
    border: none;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px #CCCCCC solid;
}

body.smart-style-6 #logo-group > span#logo:before {
    content: none !important;
}

body.smart-style-6 #logo img {
    display: block;
    height: 98%;
    width: auto !important;
    margin: auto;

}

body.smart-style-6 .fieldset[disabled] .form-control, body.smart-style-6 .form-control[disabled], body.smart-style-6 .form-control[readonly], body.smart-style-6 .smart-form .select select, body.smart-style-6 .smart-form .textarea textarea {
    border-bottom: 1px solid #E0E0E0;
}

body.smart-style-6 .smart-form .checkbox input:checked + i, body.smart-style-6 .smart-form .radio input:checked + i, body.smart-style-6 .smart-form .toggle input:checked + i {
    border-color: #BDBDBD;
}
.modal-header{
	background-color:  #267ABD;
}

body.smart-style-6 .txt-color-magenta, body.smart-style-6 nav ul li.active > a:before {
    color: #2196F3 !important;
}

body.smart-style-6 #left-panel > nav > ul > li.active {
    background-color: ghostwhite;
}

body:not(.menu-on-top).desktop-detected {
    min-height: auto !important;
}

body.smart-style-6 #content {
    margin-top: 0px;
}

/* CHECK THOSE STYLES AGAIN when new release  > 1.8 */
body.smart-style-6 #content > div > .row {
    margin-bottom: 15px;
}

.styled_border {
    border: none;
    border-bottom: 1px #CCCCCC solid;
}

#advanced_search .ajax-dropdown {
    top: inherit;
    width: auto;
    height: auto;

}

#advanced_search .ajax-dropdown #myTabContent1 {
    color: #333;

}

#advanced_search .ajax-dropdown .widget-body .tab-content {
    padding: 0px 25px !important;
}

#advanced_search .ajax-dropdown .widget-body {
    padding-bottom: 0px;
}

#advanced_search .ajax-dropdown .jarviswidget {
    margin-bottom: 0px;
}

#advanced_search .select_type {
    border-bottom: 1px #CCCCCC solid;
    padding: 5px;
    margin: 10px 0px;
}

#advanced_search .select_type span.label {
    background-color: #3171B0 !important;
}


#advanced_search .select_type a {
    color: #999999;
}

#advanced_search .select_type a > i {
    color: green;
}

#advanced_search .select_type label {
    margin-right: 10px;
}

body.smart-style-6 .login-info {
    background: transparent;
}

#irs-active-slider {

}

.MessageBoxMiddle {
    left: 5%;
    width: 90%;
}

#header .btn-header a:hover {
    cursor: pointer !important;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

/* finish CHECK THOSE STYLES AGAIN when new release  > 1.8 */


/* select2 4.0 (until the smartadmin gets the update) */
.select2-search input, .select2-search {
    min-height: inherit;
}

.select2-selection--multiple .select2-search.select2-search--inline {
    position: absolute;
    top: 3px;
}

.select2-selection--multiple .select2-search:before {
    content: '';
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #2196F3 !important;
    border: 1px solid #2a6395;
    color: white;
    border-radius: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-family: FontAwesome;
    margin: 0px;
    padding: 0px 5px;
    color: #2196F3;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background: #214e75;
}

.select2-selection__choice__remove:after {
    color: #fff;
    content: "\f057";
    margin-left: -12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0px;
    padding-right: 6px;
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    border-radius: 0px;
    border: 1px solid #ccc;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection--single {
    border: 1px solid #5D98CC;
}

.select2-selection.select2-selection--single, select2.select2-container.select2-container--default {
    min-height: 32px;
}

.select2-close-mask {
    z-index: 2099;
}

.select2-dropdown {
    z-index: 3051;
}

#indexCompany .table > tbody > tr > td, #indexCompany .table > thead > tr > th {
    padding: 8px;
}

#indexCompany table .details-control.active:before {
    content: "\f056";
    color: #a90329;
}

.appears_on_click span.division {
    margin: 0px 8px 0px 6px;
    border-left: 2px groove #A0A0A0;
}

.modal-content {
    color: #000;
}

#indexCompany table tbody a.company_name {
    width: 100%;
    display: inline-block;
}

#indexCompany table tbody tr.customer_column td:first-child {
    width: 28px;
    height: 25px;
    border-right: 1px solid #DDDDDD;
}

/* add missing language flags (in smartadmin we only have them by country, not language) */
.flag.flag-en {
    background-position: -144px -154px
}

.flag.flag-nl {
    background-position: -48px -11px
}

.row.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row.row-eq-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.row.row-eq-height > [class*='col-'].flex-row {
    display: flex;
    flex-direction: row;
}

.LIST_VIEW .tour_wrap {
    max-width: 250px;
    float: left;
    padding: 0;

}

.LIST_VIEW .integrate_buttons {
    flex-grow: 3;

}

.LIST_VIEW .integrate_buttons_video {
    text-align: center;
    height: 100%;
    display: table-cell;
}

.LIST_VIEW .vcenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.LIST_VIEW .buttons-group {
    width: 100%;
    padding: 5px;
}

.LIST_VIEW .highlight-icons {
    padding: 8px;
}

.LIST_VIEW .list-box-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-right: -13px;
    margin-left: 0px;
    margin-bottom: 13px !important;
}

#indexItem #widget-grid {
    padding-left: 25px;
}


#widget-grid > div > div.row.row-eq-height > div:nth-child(1) > div > div > div.col-xs-3.vcenter > div > div.btn-group.btn-group-justified.live-and-share > a
.highlight-icons div.:nth-child(1) a {
    padding-bottom: 15px;
}

.btn-header a > span {
    font-size: 15px;
}

#add-new-tour-wrapper .smart-form .toggle, #edit-tour-wrapper .smart-form .toggle {
    font-size: 13px !important;
    color: #666 !important;
}

.divMessageBox .MsgTitle {
    padding-bottom: 10px;
    display: inline-block;
}

.divMessageBox .MessageBoxButtonSection {
    margin-top: 20px;
}

.warning-message {
    color: #3a87ad;
}


.copy-tour label[class="input-name"], #deleteAgentModal label[class="input-name"] {
    width: 100%;
    font-weight: bold;
}

.copy-tour label[class="input-name"] *, #deleteAgentModal label[class="input-name"] * {
    font-weight: normal;
}

.copy-tour .select2-selection.select2-selection--single,
#edit-tour-wrapper .select2-selection.select2-selection--single,
#deleteAgentModal .select2-selection.select2-selection--single {
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

.copy-tour .select2-selection.select2-selection:focus,
#edit-tour-wrapper .select2-selection.select2-selection:focus,
#deleteAgentModal .select2-selection.select2-selection:focus {
    border-color: #66afe9;
}

.copy-tour .keepData .toggle {
    padding: 0 0 0 100px;
    font-size: 13px !important;
    color: #666 !important;
}

.copy-tour .keepData .toggle i {
    left: 15px;
    width: 75px;
}

.copy-tour .smart-form .toggle input:checked + i:before {
    right: 63px;
}

.copy-tour .smart-form .toggle i:after {
    right: 6px;
}

#add-new-tour-box .help-block, .copy-tour .help-block {
    display: none;
}

.help-block.show {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0px;
}

.copy-tour .has-error .help-block, #edit-mandatory-fields-wrapper .has-error .help-block {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 10px;
}

.ignore_click {
    cursor: not-allowed;
}

.triangle-top-right {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 80px 80px 0;
    border-color: transparent #404040 transparent transparent;
}

.icon-top-right {
    position: absolute;
    top: 6px;
    right: 6px;
}

.btn-header a > span.new-notifications-number {
    background-color: red;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    left: -13px;
    line-height: 19px;
    position: relative;
    top: -10px;
    width: 18px;
}

#updates-notifications-popover {
    left: auto !important;
    right: 36px !important;
    width: 500px;
}

#updates-notifications-popover .arrow {
    left: auto !important;
    right: 16px !important;
}

#updates-notifications-popover.new .arrow {
    left: auto !important;
    right: 36px !important;
}

#updates-notifications-popover .popover-content .footer {
    border-top: 2px solid #ebebeb;
    margin: 0 -15px;
    padding: 6px 10px;
}

#updates-notifications-popover .popover-title {
    background-color: #fff;
}

#updates-notifications-popover .popover-content {
    padding-top: 0px;
    padding-bottom: 0px;
}

#updates-notifications-popover .posts-block .post-item {
    border: 1px solid #ebebeb;
    margin: 0px -15px;
    padding: 10px;
}

#updates-notifications-popover .posts-block .post-item.unread {
    background-color: #def7ff;
}

#updates-notifications-popover .new.posts-wrapper a, #updates-notifications-popover .old.posts-wrapper a {
    color: #007daf;
    display: block;
    font-size: 13pt;
    font-weight: bold;
}

.title-row {
    background-color: #f7f7f7;
    color: #6d6d6d;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 0px;
    text-transform: uppercase;
}

.date-search .icon-append {
    color: #A2A2A2;
    right: 5px;
    padding-left: 3px;
    border-left-width: 1px;
    position: absolute;
    top: 5px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    z-index: 10;
    border-left-style: solid;
    border-color: #BDBDBD;
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
    z-index: 500;
}

.collapse-search-criteria {
    max-width: 800px;
}

.item-search-buttons {
    padding-top: 20px;
    padding-left: 8px;
    padding-bottom: 10px;
}

.item-btn-search, .item-btn-clear {
    margin-left: 5px;
    margin-right: 5px;
}

@media (max-width: 767px) {
    #updates-notifications-popover {
        right: 10px !important;
        width: 300px;
    }

    #updates-notifications-popover .arrow {
        right: 35px !important;
    }
}

.modal.orderFloorplanOpenModal .modal-content {
    background: transparent !important;
    border: none;
    box-shadow: none !important;
}

.general-iframe {
    position: absolute;
}

.general-iframe.shown {
    height: 100vh;
    z-index: 10;
}

#deleteAgentModal .well {
    padding: 5px;
}

.agent-virtual-tours-list .agent-virtual-tours-list__entry:not(:last-child) {
    border-bottom: 1px solid #aaa;
}

.agent-tours-config {
    margin-top: 5px;
}

.await-esx-review-status-bg {
    background: #138B8B;
}

.orderSketchModal {
    width: 800px;
    margin: 0 auto;
}

.orderEstimateModal {
    width: 800px;
    margin: 0 auto;
}

.show-grid > :is(.col-xs-3, .col-xs-1, .col-xs-2, .col-xs-4, .col-xs-5 .col-xs-6 .col-xs-offset-3) {
    border: 1px solid rgba(86, 61, 124, .2);
}

details[open] iframe {
    width: 70%;
    height: 700px;
    width: 600px;
}

.textPopupNews {
    white-space: pre-wrap;
}

.textPopupNews > p {
    margin: 0 0 0 0;
}

.textPopupNews > h1, h2, h3, h4, h5, h6 {
    margin: 0 0 0 0;
}

.news-button:hover {
    background-color: #EFF5FE;
}
.imageFrontView{
    color: transparent;
    width: 0;
    height: 0;
    overflow: hidden;
}
.imageFrontViewRemove{
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.plain-text-link,
.plain-text-link:visited {
    color: black !important;
    text-decoration: none !important;
    cursor: pointer;
    margin: 10px;
}

.plain-text-link:hover,
.plain-text-link:active {
    text-decoration: none !important;
    color: black !important;
}

.popup-create-onoffice-tour {
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0 40px 40px 0;
    display: flex;
    left: calc(25% + 272px);
    top: calc(30% + 10px); /* top + padding */
    height: 43vh;
}

.block-1-create-onoffice-tour {
    object-fit: cover;
    height: 50vh;
    border-radius: 20px;
    height: auto;
    box-sizing: border-box;
    left: 25%;
    top: 30%;
    width:  320px;
    background-color: #fff;
}
.block-2-create-onoffice-tour {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 40px;
}


.block-2-create-onoffice-tour .text-block {
    margin-bottom: 40px;
}
.unique-heading-create-onoffice-tour {
    margin-bottom: 25px;
    word-wrap: break-word;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}


.line-with-text-create-onoffice-tour{
    width: 100%;
}

.button-container-create-onoffice-tour {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}

.button-create-onoffice-tour {
  padding: 10px 20px;
  background-color: #4CAF50;
  color: #fff;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.rounded-link {
    margin-bottom: auto;
    display: inline-block;
    padding: 10px 30px;
    background-color: #1e7bcd;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    cursor: pointer;
    z-index:2000;
}
.rounded-link-none {
    display: inline-block;
    padding: 10px 30px;
    color: #020202;
    text-decoration: underline;
    border-radius: 5px;
    cursor: pointer;
}

#createTourEstateModal {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}

#createTourEstateModalElements{
    font-size: 14px;
    text-align: left;
}
.onofficePopUpFoother{
    padding: 1rem;
    background-color: #f0f0f0;
    border-radius: 15px;
}

.onoffice-wrapper {
    display: flex;
    align-items: center;
    width: 70vw;
}

.links-wrapper {
    display: flex;
}

@media (max-width: 900px) {
    .popup-create-onoffice-tour {
        flex-direction: column;
    }

    .block-1-create-onoffice-tour {
        width: auto;
        min-height: auto;
        max-height: 300px;
        max-width: 100%;
    }

    .onofficePopUpFoother {
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }

    .button-container-create-onoffice-tour {
        display: flex;
    justify-content: center;
    }

    .line-with-text-create-onoffice-tour {
        width: 100%;
        text-align: center;
    }

    .block-2-create-onoffice-tour {
        max-width: max-content;
    }


    .onoffice-wrapper {
        flex-direction: column;
    }
    .popup-create-onoffice-tour {
        border-radius: 0 0 40px 40px;
    }



}





.onoffice-overlay {
    width: 100%;
    height: 100%;
    background-color: transparent;
}


.onoffice-wrapper {
    width: 60vw;
    min-height: 50vh;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.block-1-create-onoffice-tour {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-2-create-onoffice-tour {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 2rem 2rem 2rem 2rem;
    width: 100%;
    max-height: 95%;
    border-radius: 0px 30px 30px 0px;
    background-color: #fff;
    margin-left: -5px;
    margin-bottom: 2%;
    margin-top: 2%;
    z-index: 100;
}
.block-1-deactivate-account {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 2rem 2rem 2rem 2rem;
    width: 50%;
    border-radius: 30px 30px 30px 30px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}
.popup-deactivate-account {
    position: static;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    left: 30%;
    top: 15%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: center;
}
.popup-create-onoffice-tour {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    left: 30%;
    top: 15%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: center;
}


.onoffice-video-wrapper {
    border-radius: 2rem;
    overflow: hidden;
    width: 30%;
    z-index: 200;
    /* background-color: rgb(255, 255, 255); */
    max-height: 450px;
}

.unique-heading-create-onoffice-tour {
    word-wrap: break-word;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.onofficePopUpFoother {
    background-color: #f0f0f0;
    border-radius: 15px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#createTourEstateModalElements {
    font-size: 14px;
}

.button-container-create-onoffice-tour {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.line-with-text-create-onoffice-tour {
    width: 50%;
    text-align: left;
}

.line-with-text-create-onoffice-tour-buttons-new {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 1rem;
    width: 50%;
}

.rounded-link {
    margin-bottom: auto;
    display: inline-block;
    padding: 8px 15px;
    background-color: #1e7bcd;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    cursor: pointer;
    z-index: 2000;
}

.rounded-link-none {
    display: inline-block;
    color: #020202;
    text-decoration: underline;
    border-radius: 5px;
    cursor: pointer;
}

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

    .onoffice-video-wrapper {
        border-radius: 2rem 2rem 0rem 0rem;
        overflow: hidden;
        width: 100%;
        z-index: 200;
        background-color: rgb(255, 255, 255);
        min-height: 25vh;
        max-height: 30vh;
    }

    .popup-create-onoffice-tour {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
    }

    .block-2-create-onoffice-tour {
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        padding: 2rem 2rem 2rem 2rem;
        width: 100%;
        height: 100%;
        border-radius: 0px 0px 30px 30px;
        background-color: #fff;
        margin-left: 0px;
        margin-bottom: auto;
        margin-top: auto;
        z-index: 100;
    }

    .button-container-create-onoffice-tour {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        align-items: start;
        flex-direction: column;
        align-content: center;
    }

    .line-with-text-create-onoffice-tour {
        width: 100%;
    }

    .line-with-text-create-onoffice-tour-buttons-new {
        width: 100%;
    }

    .onoffice-wrapper {
        width: 85vw;
        min-height: 50vh;
        margin-top: 5vh;
        margin-left: auto;
        margin-right: auto;
    }

    .line-with-text-create-onoffice-tour-buttons-new {
        padding-top: 1rem;
    }

    .onofficePopUpFoother {
        background-color: #f0f0f0;
        border-radius: 15px;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
}


.onoffice-video {
    height: 100% !important;
}

#createTourEstateModal.fade {
    display: none;
}
.loading {
    background-color: gray !important; /* Изменяем цвет на серый */
    pointer-events: none; /* Блокируем клики */
    position: relative;
}

.spinner {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 16px; /* Размер индикатора */
    height: 16px; /* Размер индикатора */
    animation: spin 1s linear infinite; /* Добавляем анимацию для индикатора */
    display: inline-block; /* Позволяет индикатору располагаться рядом с текстом */
    margin-right: 5px; /* Отступ между индикатором и текстом */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}