a.underline{
    text-decoration:underline;
}

h2>small{
    font-weight:normal;
}

.print_only{
    display: none !important;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

video{
    width:100%;
}

.table-title {
    margin-bottom: 8px;
    padding: 8px 0;
    color: #A3A2A2;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid #DBDBDB;
}

.center{
    text-align:center;
}

.grey{
    color:#A3A2A2;
}

/*main*/
#wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    height: 100vh;
}

.modal-opened #wrapper{
    -webkit-overflow-scrolling: touch;
}

#main {
    padding-top: 72px;
    flex: 1 0 auto;
    overflow: hidden;
}

#main.not_hidden{
    overflow:initial;
}

#main.overflow{
    overflow:initial;
}


/*footer*/
#footer {
    padding: 50px 0;
    background: #f6f6f6;
    margin: auto;
}

#footer .socials {
    float: right;
    margin-right: -2px;
}

.socials {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}

.socials li {
    display: inline-block;
    vertical-align: top;
    padding: 0 13px;
    position: relative;
}

.socials li + li:before {
    content: '';
    width: 2px;
    height: 22px;
    position: absolute;
    top: 0;
    left: -4px;
    background: #979797;
}

.socials a {
    display: block;
    height: 22px;
}

.socials a:hover {
    opacity: 0.8;
}

.socials img {
    width: auto;
    height: 100%;
    vertical-align: top;
}

.footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    float: left;
}

.footer-links li:first-child{
    padding-left:0;
}

.footer-links li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 22px;
    /* font-family: 'sf_ui_displayregular'; */
    color: #7f7e7e;
    position: relative;
    padding: 0 12px;
}

.footer-links li + li:before {
    content: '';
    background: #7f7e7e;
    width: 1px;
    height: 12px;
    position: absolute;
    left: -1px;
    top: 50%;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}

.footer-links .first-in-row:before {
    display: none;
}

.footer-links a {
    color: #7f7e7e;
}

.footer-links a:hover {
    color: #979797;
}

/*modals*/
.modal {
    max-width: 520px;
    width: 100%;
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    padding: 0 10px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    z-index: 16000002;
    color: #444444;
    text-align: center;
    max-height: calc(100% - 30px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, left .5s, transform .5s;
    -o-transition: opacity .3s, left .5s, transform .5s;
    transition: opacity .3s, left .5s, transform .5s;
}

.modal.medium{
    max-width:700px;
}

.modal.bigger{
    max-width: 1000px;
}

.modal.w1200{
    max-width: 1200px;
}

.modal.almost_fullscreen{
    max-width: calc(100% - 20px);
    width: fit-content;
}

.modal.full_width{
    max-width: calc(100% - 20px);
}

.modal.w1200 .scroll-holder, 
.modal.full_width .scroll-holder, 
.modal.almost_fullscreen .scroll-holder{
    max-height: calc(100vh - 30px);
    padding: 15px;
}

.modal .ag_grid{
    font-weight: normal;
}

.editor-container{
    width:100%;
    /*height: 500px;*/
}

.overflow_container{
    position:relative;
}

.collapse_dynamic{
    transition: max-height 0.2s;
}

.collapse_dynamic.collapsed{
    overflow:hidden;
}

.collapse_dynamic.collapsed .editor-container{
    overflow: hidden;
    max-height: inherit;
    margin-top: -1px;
}

.ql-container.ql-disabled .ql-editor{
    padding-left:0;
    padding-right:0;
    
}

.form-control.ql-container.ql-disabled .ql-editor{
    padding-left: 15px;
    padding-right: 15px;
    background-color: #e6e6e6;
}

.collapse_dynamic.collapsed:after{
    content: "";
    position:absolute;
    bottom: 0;
    left:0;
    right:0;
    height: 100px;
    box-shadow: inset 0px -80px 40px -20px rgba(255,255,255,1);
}


.modal.full_width .scroll-holder.fixed_height,
.modal.almost_fullscreen .scroll-holder.fixed_height{
    height:calc(100vh - 30px);
}

.modal.to-left {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.modal.to-right {
    left: 150%;
}

.modal.in {
    opacity: 1;
    visibility: visible;
    z-index: 16000003;
}

body>.jcf-select-drop{
   z-index: 16000003;
}

.modal .scroll-holder {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    padding: 48px 70px 56px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}

.modal .scroll-holder.thin{
    padding: 30px 40px 30px;
}

.modal .scroll-holder .load_content{
    position:relative;
}

.modal .scroll-holder h3 small{
    font-weight:normal;
}

/*.modal .calculcations_table_holder:after{
    position:absolute;
    content:"";
    height: 1px;
    right:-15px;
    width:15px;
}*/

.brokers_list_checkbox{
        max-height: calc(100vh - 420px);
        overflow-y: auto;
}

.calculcations_table_holder{
    /* width: fit-content; */
    position: relative;
    max-height: calc(100vh - 200px);
    overflow: auto;
}

.calculcations_table_holder table.proforma{
    border-collapse:separate;
}

.calculcations_table_holder thead th{
    position:sticky;
    background-color: white;
    top: -1px;
    z-index: 1;
}

.calculcations_table_holder tbody tr>th:first-child{
    position:sticky;
    left: 0;
    background-color: white;
}

.modal .scroll-holder.overflow-initial{
    overflow-y: initial;
}

.modal p {
    margin-bottom: 20px;
}

.modal p.smaller{
    font-size:14px;
    line-height: initial;
}

.modal a {
    text-decoration: underline;
    /* display: inline-block; */
    vertical-align: top;
}

.modal a.btn{
    color: #444444;
    text-decoration:none;
}

.modal a:hover {
    text-decoration: none;
}

.modal h2 {
    font-size: 36px;
    line-height: 42px;
    font-weight: 500;
    margin: 0 0 42px;
    color: #444444;
    text-align: center;
}


.modal h2.smaller{
    font-size:25px;
    line-height:1.3;
    margin-bottom:20px;
}

.input-icon .form-control {
    padding-left: 50px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance:none;
}

.input-holder {
    margin-bottom: 12px;
    position: relative;
    text-align:left;
}

.input-holder.valdiate-seletize{
    display:flex;
    flex-direction:column;
}

.input-holder.valdiate-seletize label.error{
    order:3;
}

.input-holder .selectize-control{
    margin-bottom:0;
    /* height: 45px; */
}

select.error + label.error + .selectize-control .selectize-input{
        border-color: red;
}

.inline-datepicker .picker, .inline-datepicker .picker__holder{
    position:relative;
}


.inline-datepicker .picker .picker__holder{
    max-height: 0;
    transition: max-height .15s ease-out;
}

.inline-datepicker .picker.picker--opened .picker__holder{
    max-height: 300px;
    overflow: hidden;
}

.select-holder{
    text-align:left;
    position: relative;
    margin-bottom: 12px;
}

.select-holder.with_validation{
    display:grid;
}

.select-holder.with_validation label.error{
    order:3;
}

.select-holder .selectize-input{
    border-radius:4px;
}

.selectize-dropdown,
.selectize-control{
    text-align: left;
}

.selectize-dropdown .optgroup-header{
    font-weight:bold;
}

.selectize-dropdown .optgroup .option{
    padding-left:30px;
}

.ag-theme-balham .selectize-control .selectize-input{
    border:0;
    padding: 4px 10px;
}

.selectize-control .selectize-input{
    box-shadow:none;
    border: solid 1px #979797;
    text-align: left;
    padding: 12px 16px;
}

.selectize-control .selectize-input.focus{
    box-shadow:none;
}

.selectize-control .selectize-input input{
    color: #303030;
    font-family: inherit;
    font-size: 16px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

body .selectize-control.single .selectize-input.dropdown-active:after,
body .selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
    width: 6px;
    height: 6px;
    border: solid;
    border-radius: 2px;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

body .selectize-control.single .selectize-input.dropdown-active:after{
    margin-top: -4px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -2px;
}


.selectize-h42 .selectize-input{
    padding-top: 10px;
    padding-bottom: 11px;
}

.input-icon .selectize-input{
    padding-left:50px;
}

.form_loader{
    position:absolute;
    top:0;
    bottom:0;
    background-color: rgba(255, 255, 255, 0.9);
    font-size:18px;
    left: 0;
    right: 0;
    padding-top: 100px;
    padding-left: 50px;
    padding-right: 50px;
    z-index:2;
}

form.relative .form_loader img{
    position:absolute;
    bottom: 3px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}


.input-holder.center{
    text-align:center;
}

.input-holder.checkboxes .checkbox{
    margin-right:10px;
}

.input-holder.checkboxes .checkbox:last-child{
    margin-right:0;
}

.input-holder.side-by-side{
    display:flex;
}

.property_commission_block .email{
        font-weight: lighter;
    color: #969696;
    font-size: 14px;
}

.property_commission_block .name{
    color: black;
    font-size: 16px;
    font-weight: 400;
    line-height:20px;
}

.property_commission_block .input-holder.side-by-side>.block{
    width: 80%;
}

.property_commission_block .input-holder.side-by-side>*{
    width:auto;
}

.input-holder.side-by-side>*{
    width:50%;
    margin-top:auto;
    margin-bottom:auto;
}

.input-icon .ico {
    max-width: 18px;
    position: absolute;
    top: 12px;
    left: 15px;
    z-index: 2;
}

.input-icon .ico .text_icon{
    font-weight:bold;
    font-size:16px;
    line-height: 20px;
}

.input-icon .ico img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.expire_link_disclaimer a,
.expire_link_disclaimer{
    color:#979797;
    font-size: small;
    transition: 0.3s;
}

.expire_link_disclaimer a{
    cursor:pointer;
}

.editor-container_description .ql-editor{
    height: fit-content;
    background: white;
    min-height: 250px;
}

.quill_editor {
    max-height:1200px;
    overflow:auto
}

.ql-container.editor-container_short_description .ql-editor{
    height: fit-content;
    background: white;
    min-height: 50px;
}

.ql-container.editor-container_medium_description .ql-editor{
    height: fit-content;
    background: white;
    min-height: 100px;
}

.ql-container.editor-container_medium_description {
    height: fit-content;
    background: white;
    min-height: 100px;
    padding: 0;
}

.form-control {
    height: 44px;
    width: 100%;
    border-radius: 4px;
    border: solid 1px #979797;
    background: #fff;
    padding: 13px 16px;
    font: 14px/16px "Muli", sans-serif;
    color: #444444;
}

.form-control .selectize-input{
    border-radius: 4px;
}

textarea.form-control{
    height:100px;
    resize: none;
}

input:disabled:hover,
textarea:disabled,
input:disabled{
    background-color: #e6e6e6;
}

.minicolors-theme-default .minicolors-input{
    width: 100%;
    height: 44px;
    padding-left: 40px;
}

.minicolors-theme-default.minicolors{
    width:100%;
}

.minicolors-theme-default .minicolors-swatch{

top: 9px;

left: 10px;

width: 25px;

height: 25px;
}

img.organization_logo{
    width:100%;
    margin-bottom: 15px;
}

input[type=color].form-control{
    padding:5px 16px;
}

.input-holder .input_mask{
    position:relative;
}

.input-holder .input_mask .form-control{
    padding-right: 40px;
}

.input-holder .input_mask .mask{
    position:absolute;
    top:0;
    right:0;
    font-size:14px;
    width: 40px;
    text-align:center;
    line-height: 44px;
}


.form-control.error {
    border-color: red;
}

label.error {
    font-size: 12px;
    line-height: 17px;
    color: red;
    vertical-align: top;
}

::-moz-placeholder {
    color: #a2a2a2;
    opacity: 1;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #a2a2a2;
    font-style: italic;
}

::-webkit-input-placeholder {
    color: #a2a2a2;
    font-style: italic;
}

/*checkbox*/
.radio-holder,
.checkbox-holder {
    position: relative;
    padding: 13px 0 0;
    text-align: left;
}

.checkbox_list .checkbox-holder{
    padding-top: 5px;
}

.show_hide_sold_holder{
    padding-top:0;
    margin-bottom:15px;
    margin-top:-10px;
}

.account-form .checkbox-holder input[type="checkbox"]:not(:checked),
.account-form .checkbox-holder input[type="checkbox"]:checked{
    position:absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.checkbox-holder input[type="checkbox"]:not(:checked) + label.error{
    display:none;
}

.radio-holder input[type="radio"]:not(:checked):not(.ag-input-field-input),
.radio-holder input[type="radio"]:checked:not(.ag-input-field-input),
input[type="checkbox"]:not(:checked):not(.ag-input-field-input),
input[type="checkbox"]:checked:not(.ag-input-field-input) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.dropdown-filter-content input[type="checkbox"]{
    position: initial !important;
    visibility:visible !important;
    opacity:1 !important;
}

.account-form input[type="checkbox"]:not(:checked),
.account-form input[type="checkbox"]:checked{
    position:initial;
    visibility:visible;
    opacity: 1;
}

.account-form-grid input[type="checkbox"]:not(:checked),
.account-form-grid input[type="checkbox"]:checked{
    opacity: 0 !important;
}

.radio-holder input[type="radio"]:not(:checked) + label,
.radio-holder input[type="radio"]:checked + label,
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    line-height: 22px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
}

input[type="checkbox"]:not(:checked):disabled + label,
input[type="checkbox"]:checked:disabled + label{
    cursor: default;
}


input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    border: solid 1px #979797;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="checkbox"]:not(:checked) + label.small_checkbox:before,
input[type="checkbox"]:checked + label.small_checkbox:before{
    width: 16px;
    height: 16px;
}

.radio-holder input[type="radio"]:not(:checked) + label:before,
.radio-holder input[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    border: solid 1px #979797;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.radio-holder.error input[type="radio"] + label:before{
    border-color:red;
}

input[type="checkbox"].error:not(:checked) + label:before{
    border-color:red;
}

input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 16px;
    transition: all .2s;
}

input[type="checkbox"]:not(:checked) + label.small_checkbox:after,
input[type="checkbox"]:checked + label.small_checkbox:after {
    font-size:12px;
    line-height:16px;
    left:4px;
}

.radio-holder input[type="radio"]:not(:checked) + label:after,
.radio-holder input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 14px;
    transition: all .2s;
    width: 12px;
    height: 12px;
    border-radius:7px;
}

input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.radio-holder input[type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

.radio-holder input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

input[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

input[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

input[type="checkbox"]:disabled + label {
    color: #aaa;
}

.submit-holder {
    margin: 33px 0;
}

.btn-white{
    background-color:white;
    border: 1px solid #979797;
    color: #444444 !important;
}

.btn-white.disabled{
    opacity:0.5;
    cursor:default;
}

.btn.btn-google{
    background-image:url('images/g_logo.svg');
    background-repeat:no-repeat;
    background-size: 24px;
    background-position: 8px;
    max-width: initial;
}

.btn.btn-ms{
    background-image:url('images/microsoft_logo.svg');
    background-repeat:no-repeat;
    background-size: 24px;
    background-position: 8px;
    max-width: initial;
}

.btn.grey_text{
    color: #979797;
}

.btn-back,
.btn-submit {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    font: 16px/22px "Muli", sans-serif;
    border: 0;
    color: #444444;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin: 0;
    cursor: pointer;
}

.btn-back{
    background:none;
    padding:0;
    height:auto;
    text-decoration:underline;
}

.action_bar .btn.btn-disabled:hover,
.btn-disabled,
.btn-disabled:hover,
.sidebar .btn.disabled:hover,
.sidebar .btn.disabled,
.btn-submit.disabled:hover,
.btn-submit.disabled{
    background-color:#e6e6e6;
    cursor:default;
    color: #444444 !important;
    border-color:#e6e6e6;
}

.btn-fill{
    color: #333333;
}

.btn-small{

min-width: auto;

padding-left: 15px;

padding-right: 15px;

padding-top: 5px;

padding-bottom: 5px;

font-size: 14px;
}

.btn-h30{padding-top: 3px;padding-bottom: 3px;min-width: 110px;}

.btn-h26{

min-width: 133px;

padding-top: 1px;

padding-bottom: 1px;

font-size: 14px;
}

.btn-h42{
    padding-top: 9px;
    padding-bottom: 9px;
}

.btn-icon{
    width:20px;
    display:inline-block;
    height: 22px;
    background-repeat:no-repeat;
    background-position:center;
    vertical-align: top;
    margin-left: 6px;
}

.modal a.no_color_link,
.modal a.print,
.modal a.show_hide_details{
    text-decoration:none;
    color:#444444;
}

.modal a.show_hide_details:before{
    content:'+ ';
}

.modal a.show_hide_details.visible:before{
    content:'- ';
}

.modal .throbbing .btn-submit,
.modal .throbbing .btn-submit:hover,
.modal .throbbing .btn-submit:focus {
    cursor: default;
    background: transparent;
    border: 1px solid #fff;
}

.btn-submit:hover {
    border-color: #fff;
}

.btn-expert-view {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #fff;
    background: #393939;
    border-radius: 0 0 4px 4px;
    display: inline-block;
    vertical-align: top;
    min-width: 112px;
    border: 1px solid transparent;
    padding: 3px 5px;
}

.btn-expert-view.white{
    background-color:white;
    border: 1px solid #979797;
    color:#444444;
}

.btn-expert-view:hover {
    background: transparent;
    color: #393939;
}

.btn-expert-view:hover:after {
    border-color: #393939;
}

.btn-expert-view.white:after{
    border-color: #444444;
}

.btn-expert-view:after {
    content: '';
    width: 5px;
    height: 5px;
    border: solid #fff;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    vertical-align: top;
    margin: 3px 0 0 6px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.account-form .expert-view-content{
    text-align: left;
    border-bottom: 1px solid #d8d8d8;
}

.expert-view.show .btn-expert-view:after{
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: 7px;
}

.account-form .expert-view{
    text-align:center;
}

.account-form .expert-view-content{
    max-height:0;
    overflow:hidden;
    transition:0.5s;
}

.account-form .expert-view.show .expert-view-content{
    max-height: 160px;
}

.title {
    margin: 0;
    border-bottom: solid 2px #fff;
    padding: 0 0 10px;
}

h3.title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    margin-bottom: 21px;
}

h3.title.with_subtitle{

padding-bottom: 5px;
}

h3.title .smaller{

font-weight: normal;
}

h3.title .grey{

color: #767676;
}

h3.title.bigger{
    font-size:18px;
    line-height:18px;
}

h3.title>small{
    font-weight:normal;
}

.two-cols {
    margin: 0 -6px;
    font-size: 0;
    line-height: 0;
}

.two-cols .col {
    padding: 0 6px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.equal_cols{
    display:flex;
}

.equal_cols>div{
    flex-grow:1;
}

/*note*/
.note {
    position: relative;
    padding-left: 41px;
    margin-bottom: 30px;
}

.note .info-ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 20px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 18px;
}

.note .info-ico:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 0;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 18px;
    left: 0;
}

.accordion {
    margin: 0;
    padding: 0;
    list-style: none;
}

.accordion .opener {
    color: #444444;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    position: relative;
    padding-left: 22px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 17px;
}

.accordion .opener:before,
.accordion .opener:after {
    content: '';
    height: 2px;
    width: 10px;
    border-radius: 999px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.accordion .opener:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.accordion .item-open .opener:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.accordion .slide-accordion {
    padding-bottom: 15px;
}

.accordion .slide-accordion>small{
    padding-left:5px;
}

.accordion .slide-accordion table{
    width:100%;
}

/*select*/
.select-holder.reorder{
    display:flex;
    flex-direction:column;
}

.select-holder.reorder .jcf-select{
    order:1;
}

.select-holder.reorder select.error +.error{
    order:2;
    /* margin-top: -10px; */
}

.select-group {
    margin: 36px 0 13px;
}

select.invalid + .jcf-select{
    border-color:red;
}

select.error +.error+.jcf-select{
    border-color:red !important;
    order: 1;
}

.select-holder .jcf-select{
    margin-bottom:0px;
}

.jcf-select.jcf-compact-multiple,
.jcf-select {
    width: 100%;
    height: 44px;
    border-radius: 2px;
    border: solid 1px #979797;
    max-width: none;
}

table .jcf-select{
    margin-bottom:0;
} 

.jcf-select.jcf-select-form-control{
    border-radius: 4px;
}

.jcf-select.jcf-select-auto-width{
    width:auto;
}

.input-holder .selectize-input,
.select-group .jcf-select,
.select-holder .jcf-select,
.input-holder .jcf-select{
    border-radius:4px;
}

select.error+.jcf-select{
    border-color: red !important;
}

.jcf-select .jcf-select-text {
    padding: 13px 16px;
    font: 500 14px/16px "Muli", sans-serif;
    color: #444444;
    margin: 0 40px 0 0;
    text-align: left;
    padding-right: 0;
}

.input-icon .jcf-select .jcf-select-text{
    padding-left:50px;
}

.jcf-select .jcf-select-opener {
    width: 40px;
    background: transparent;
}

.jcf-select.jcf-compact-multiple.jcf-drop-active .jcf-select-opener:before,
.jcf-select.jcf-drop-active .jcf-select-opener:before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -2px;
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before,
.jcf-select .jcf-select-opener:before {
    content: '';
    width: 6px;
    height: 6px;
    border: solid #fff;
    border-radius: 2px;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -3px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 0;
}

.jcf-select-drop .jcf-select-drop-content {
    border-color: #979797;
}

.jcf-focus, .jcf-focus * {
    border-color: #979797 !important;
}

.jcf-select-drop .jcf-hover, .jcf-list-box .jcf-selected {
    color: #fff;
}

.jcf-list .jcf-option{
    color:#333333;
}

.jcf-list .jcf-option.jcf-option-grey:not(.jcf-hover){
    color:#979797;
}


.jcf-list .jcf-option.jcf-option-beta{
    position:relative;
}

.jcf-list .jcf-option.jcf-option-beta::after{
    content:"BETA";
    position: absolute;
    right: -32px;
    color: white;
    font-weight:bold;
    background-color: black;
    transform: rotate(45deg);
    width: 80px;
    text-align:center;
    font-size: 10px;
    padding-right: 3px;
    opacity: 0.7;
}

.modal .close,
.close-modal {
    position: absolute;
    top: 1px;
    right: 10px;
    width: 30px;
    height: 30px;
    font-size: 0;
    line-height: 0;
    background: #fff;
    z-index: 5;
    border-radius: 4px;
}

a.back-modal{
    position: absolute;
    top: 2px;
    right: 46px;
    z-index: 5;
    color: #444444;
    text-decoration: none;
}

.modal .close:before,
.modal .close:after,
.close-modal:before,
.close-modal:after {
    content: '';
    height: 2px;
    position: absolute;
    top: 50%;
    margin: -1px;
    left: 5px;
    right: 5px;
    z-index: 10;
}

.modal .close:after,
.close-modal:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.modal .close:before,
.close-modal:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.modal-opened {
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
}

body.modal-opened #hubspot-messages-iframe-container{
    z-index:16000000;
}

.modal-fader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 16000002;
    background: #444444;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

body.modal-opened .modal-fader {
    visibility: visible;
    opacity: .3;
    transform: translateZ(0);
}

/*throbber*/
.throbber-area {
    padding: 0 0 15px;
    text-align: center;
    opacity: 0;
    display: none;
}

.throbbing + .throbber-area {
    opacity: 1;
    display: block;
}

table + .throbber-area{
    margin-top:15px;
}

/*tabs*/

.tabnav {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}


.tabnav.smaller{
    margin-left:15px;
    margin-right:15px;
}

.tabnav li {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    flex-grow: 1;
    padding: 0;
    cursor: pointer;
}

.tabnav.smaller li{
    line-height: 20px;
}

.tabnav.smaller li a{
    padding-top: 3px;
    padding-bottom: 3px;
}

.tabnav.multi-line{
    flex-wrap:wrap;
    margin-left:1px;
    margin-right:0px;
    border-bottom: 1px solid #e3e3e3;
}

.detail-tabs .tabnav.multi-line li{
    width:auto;
    min-width: 17%;
}

.detail-tabs .tabnav.multi-line li a{
    margin-bottom:-1px;
    border-left-width: 1px;
    margin-left: -1px;
}



ul.files_list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.dd_vault .tabnav li{
    margin-top:-1px;
}

.tabnav li:first-child a {
    border-left-width: 1px;
}

.dd_vault .tabnav li a{
    border-left-width: 1px;
    margin-left:-1px;
}

.modal .tabnav a{
    color: #444444;
}

.tabnav a {
    border: solid #e3e3e3;
    border-width: 1px 1px 1px 0;
    display: block;
    color: #444444;
    padding: 7px 4px;
    text-decoration: none;
}

.tabnav a.multi-line{
    padding-top: 5px;
    padding-bottom: 5px;
    height: 36px;
    line-height: 12px;
}

.tabnav a.multi-line small{
    line-height:12px;
    display: inline-block;
    color: #767676;
}

.values_switch.tabnav a{
    cursor:pointer;
}

.tabnav a:hover,
.tabnav .active a {
    color: #444444;
}

.tabnav a:hover .info-ico,
.tabnav .active a .info-ico{
    color: #b9b9b9;
    background-color:white;
}

.tabnav a:hover .info-ico:hover,
.tabnav .active a .info-ico:hover{
    background-color:#e3e3e3;
}

.tabnav a .info-ico{
    vertical-align: top;
    margin-top: 4px;
}

.tabcontent {
    padding: 35px 0 30px;
}

.tabcontent .tab.with_blur,
.tabcontent.with_blur .tab{
    position:relative;
    min-height: 310px;
}

.tabcontent .tab.with_blur>*,
.tabcontent.with_blur .tab>*{
    filter: blur(5px);
}

.tabcontent .tab.with_blur>.blur_overlay,
.tabcontent.with_blur .tab>.blur_overlay{
    margin-top:-10px;
    margin-left:-10px;
    margin-right:-10px;
}

.default_form label{
    font-size:12px;
}

.default_form .two-cols,
.tabcontent .two-cols {
    margin: 0 -40px;
}

.default_form .two-cols .col,
.tabcontent .two-cols .col {
    font-size: 12px;
    line-height: 20px;
    padding: 0 40px;
}

.tabcontent .two-cols .col h2{
    margin-top:0;
}

.default_form textarea,
.default_form input[type=text]{
    border: solid 1px #979797;
    padding: 13px 16px;
    width: 100%;
    resize:none;
}

.default_form textarea{
    height: 230px;
}

.chart_container{
    margin-bottom: 0;
    margin-bottom: 30px;
}

h3.table_title,
h3.chart_title{
    font-weight:normal;
    text-align:center;
    font-size:18px;
    margin-bottom:10px;
}

h3.table_title{
    margin-bottom:18px;
}

.hchart{
    height: 300px;
}

.hchart.pie{
    height: 400px;
}

.active_legend{
    width:100%;
    text-align:center;
}

.legend_group{
    display:inline-block;
    margin:0 15px;
    line-height: 12px;
}

.legend_group .legend_controll{
    font-size:12px;
    font-weight:bold;
    cursor: pointer;
}

.legend_group .legend_controll.uniteractive{
    cursor:default;
}

.legend_group .legend_controll.inactive{
    color: #cccccc;
}


.legend_group .legend_controll .bubble{
    width:12px;
    height:12px;
    border-radius:6px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    position:relative;
}


.legend_group .legend_controll .bubble.dashed:after{
    content: "";
    position: absolute;
    background-color: white;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    border-radius: 50%;
}

.legend_group .legend_controll.inactive .bubble{
    background-color:#cccccc !important;
}

/*account-area*/
.auth_form .flash-success{
    margin-bottom:15px;
}

.flash-success{
    font-weight:bold;
    color:green;
    word-break: break-all;
}

.flash-errors.center,
.flash-success.center{
    text-align:center;
}

.flash-errors{
    font-weight:bold;
    color:red;
}

.flash-errors a{
    color: red !important;
    text-decoration:
    underline;
}

.white-area,
.account-area {
    max-width: 900px;
    margin: 30px auto;
    background: #fff;
    padding: 35px 50px;
}

.white-area{
    margin:auto;
}

.white-area.with_margin{
    margin: 30px auto;
}

.account-area.w1200{
    max-width: 1200px;
}

.account-area.w1000{
    max-width: 1000px;
}

.account-area.w900{
    max-width: 900px;
}

.white-area.w600{
    max-width:600px;
}

.account-area .back_link {
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}

.account-area h3 {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 22px;
}

.account-area .account_head{
    display:flex;
    justify-content:space-between;
    margin-bottom: 20px;
    margin-top: -5px;
}

.account-area .account_head h3{
    margin-bottom: auto;
}

.account-area .account_head>*{
    margin-top:auto;
    margin-bottom:auto;
}



.account-area .tabnav li {
    width: 33.333%;
}

.account-form .input-holder {
    margin-bottom: 14px;
    text-align: left;
}

.account-form .input-holder .jcf-select{
    margin-bottom:0;
}

.account-form label {
    margin: 0 0 5px;
    color: #969696;
    font-size: 12px;
    text-align: left;
}

.account-form label .info-ico{

margin-bottom: 3px;
}

.other_document_upload{
    display: block;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 3px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: solid 1px #979797;
    position:relative;
}

.other_document_upload.error{
    border-color:red;
}

.other_document_upload label{
        cursor: pointer;
        font-size: 16px;
        color: #444444;
        text-decoration:underline;
        word-break: break-all;
}


.other_document_upload .remove:after,
.other_document_upload .remove:before{
    content: "";
    width: 60%;
    height: 2px;
    background: #444444;
    position: absolute;
    transform: rotate(45deg);
    top: calc(50% - 1px);
    left: 0;
    right: 0;
    margin: auto;
}

.other_document_upload .remove:before{
    transform: rotate(-45deg);
}

.other_document_upload .remove{
    width:20px;
    height:20px;
    position: absolute;
    right:0;
    top:0;
    display:none;
}

.other_document_upload.has_file .remove{
    display:block;
    cursor:pointer;
}

.account-form .checkbox-holder label{
    color: #444444;
}

.account-form label.checkbox{
    margin-right:10px;
}

.brokers_list_checkbox .list label{
    display:inline-block;
}

.account-form .submit-holder {
    text-align: center;
    margin: 44px 0 0;
}

.account-form .btn-default {
    min-width: 240px;
    font-size: 17px;
    cursor: pointer;
}

.enable_to_edit.disabled_form input[type=submit]{
    display: none;
}

.enable_to_edit .enable_form_edit{
    display:none;
}

.enable_to_edit.disabled_form .enable_form_edit{
    display: initial;
    cursor: pointer;
}

.account-form .top_actions.align_left{
    justify-content: start;
    gap: 15px;
}

.account-form .top_actions{
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
}

.account-form .top_actions .jcf-select{
    margin-bottom:0;
    width: 300px;
}

.account-form .top_actions>*{
    margin-top:auto;
    margin-bottom:auto;
}

.account-form .top_actions>*>label{
    display:block;
}

.account-form .top_actions .checkbox-holder{
    padding-top:0;
}

.account-form .top_actions .checkbox-holder label{
    margin-bottom:0;
}

.request_list.loading,
.form_holder.loading,
.documents_shares_list.loading,
.users_list.loading{
    position:relative;
    min-height:32px;
}

.broker_files h3{
   margin-bottom: 5px;
}

.broker_files label.checkbox{
    margin-bottom:5px;
    display:inline-block;
}

.broker_files_holder{
    margin-bottom:15px;
}

.loader{
    background-image:url(images/ajax-loader-black.gif);
    min-width:32px;
    min-height:32px;
    background-repeat:no-repeat;
    background-position:center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255 ,255 , 255, 0.7);
}

.loading_cover {
    
    min-height:32px;
    width: 100%;
    background-repeat:
    no-repeat;
    background-position:
    center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255 ,255 , 255, 0.9);
    overflow: hidden;
}

.header_with_action{
    display:flex;
}

.header_with_action .drop_meniu{
    margin-left:15px;
}

.copy_this{
    cursor:pointer;
    text-decoration: underline;
    transition:opacity 0.2s;
    position: relative;
}

.copy_this:active{
    opacity:0.5;
}

.copy_confirmation{
    position:absolute;
    font-size:14px;
    top:100%;
    opacity: 0;
    transition:opacity 0.2s;
    background: white;
    padding: 0 5px;
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
    z-index:1;
}

.copy_confirmation.show{
    opacity:1;
}

.copy_this:before{
    content:"\f0c5";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-right: 5px;
}

.request_details_table{
    text-align:left;
    margin-bottom:15px;
    color: #444444;
    margin-left: auto;
    margin-right: auto;
}

.request_details_table td{
    padding:3px 5px;
    vertical-align: top;
}


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

    .container .properties-detail .sidebar {
        margin-top: 0;
    }

    .container .properties-detail .content {
        margin-bottom: 0;
    }

    .container .info-ico {
        width: 14px;
        height: 14px;
        line-height: 14px;
        background: #cccccc;
    }

    .sidebar .range-holder .range-row {
        margin-bottom: 14px;
    }

    .sidebar .range-holder .jcf-range .jcf-range-handle {
        width: 16px;
        height: 24px;
        top: -6px ;
    }

    .loading_cover{
        height: 100vh;
    }
}

.radio_input input[type=radio]{
    vertical-align:top;
    margin-right:5px;
}

.radio_input{
    vertical-align:top;
}

.notes-block {
    border-top: 1px solid #e3e3e3;
    margin: 30px 45px 0 0;
    font-size: 11px;
    line-height: 14px;
    color: #ababab;
    padding: 21px 0 0;
}

.notes-block p {
    margin: 0;
}

.notes-block p + p {
    margin-top: 14px;
}

/*range*/
.range-holder {
    width: 100%;
    margin-bottom: 30px;
}

.range-holder.compact-holder{
    margin-bottom:15px;;
}

.range-holder{
    position:relative;
}

.range-holder .checkbox-holder{
    padding-top:0px;
    /* padding-bottom:10px; */
}

.range-holder .checkbox-holder.smaller input[type="checkbox"]+label{
    font-size:12px;
    line-height: 18px;
    padding-left: 28px;
}

.checkbox-holder.smaller input[type="checkbox"]:not(:checked) + label:before, 
.checkbox-holder.smaller input[type="checkbox"]:checked + label:before{
        width: 18px;
    height: 18px;
}

.checkbox-holder.smaller input[type="checkbox"]:not(:checked) + label:after, 
.checkbox-holder.smaller input[type="checkbox"]:checked + label:after{
    left: 4px;
    font-size: 13px;
}

.range-holder .value_warning_text{
    position:absolute;
    font-size: 11px;
    bottom: -8px;
    right: 0;
    /* color: red; */
    display: none;
    line-height: 18px;
}

.range-holder.half_warning .value_warning_text,
.range-holder.with_m3 .value_warning_text{
    max-width:150px;
    text-align: right;
    line-height: 14px;
}

.value_warning_icon:before,
.attention_icon,
.range-holder.value_warning .value:before{
    content:"!";
    display:inline-block;
    box-sizing:border-box;
    height:16px;
    width:16px;
    border:1px solid;
    text-align:center;
    margin-right:5px;
    vertical-align:top;
    border-radius:50%;
    font-weight:bold;
    font-size:12px;
    line-height:16px;
    margin-top:1px;
}

.range-holder.value_warning .value_warning_text{
    display:block;
}

.price_warning:before {
    margin-top: 10px !important;
}
.price_warning_check{
    width: unset;
    margin-bottom: unset;
}

.market_values_warning{
    /* color:red; */
    margin-bottom:15px;
    /* margin-top:-30px; */
    font-size:12px;
    display:none;
}

/*.market_values_warning:before{
    content: '!';
    display:inline-block;
    width: 18px;
    height: 18px;
    text-align:center;
    box-sizing:border-box;
    border:1px solid;
    border-radius:50%;
    line-height: 16px;
    vertical-align:top;
    font-weight: bold;
    margin-right: 5px;
    font-size: 16px;
    margin-top: 1px;
}*/

.range-holder .range-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.range-holder .range-row.bottom_range{
    margin-top:-5px;
    margin-bottom: 0;
    padding-bottom: 7px;
}

.range-holder label {
    flex: 1;
    padding-right: 30px;
    color: #767676;
}

.range-holder .checkbox-holder input[type="checkbox"]+label{
    font-size:14px;
    font-weight: 400;
    width: 100%;
}

.select_label{
    color: #767676;
    margin-bottom:5px;
    display:inline-block;
    width: 100%;
}

.range-holder .value {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.range-holder.value_warning .value{
    /* color:red; */
}

.range-holder .jcf-range {
    width: 100%;
    margin: 0;
    vertical-align: top;
}

.range-holder .jcf-range .jcf-range-wrapper {
    border-radius: 1px;
    position: relative;
    margin: 0 8px 0 1px;
}

.range-holder .jcf-range .jcf-range-wrapper:after {
    content: '';
    height: 4px;
    width: 8px;
    right: -8px;
    top: 50%;
    margin-top: -2px;
    background: #e5e5e5;
    position: absolute;
}

.range-holder .jcf-range .jcf-range-display-wrapper {
    left: 0;
    right: 0;
    min-height: 4px;
}

.range-holder .jcf-range .jcf-range-track {
    margin: 0;
    height: 4px;
}

.range-holder .jcf-range .jcf-range-handle {
    width: 8px;
    height: 16px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #fff;
    top: -2px;
    cursor: pointer;
}

.range-holder .jcf-range .jcf-range-display {
    height: 4px;
    border-radius: 1px;
    width: 8px;
}

.range-holder .jcf-range.jcf-focus .jcf-range-handle {
    margin-top: -4px;
    margin-left: 0;
}

.range-holder .jcf-range .jcf-range-display.jcf-range-min {
    padding: 0;
    margin: 0;
}

.properties-manage {
    max-width: 1200px;
    margin: 30px auto;
    background: #fff;
    padding: 40px 20px;
    text-align: center;
}

.container.wide_conatiner .properties-manage{
   max-width: 1370px;
}

.properties-manage.slim{
    padding:10px;
    margin-bottom: 10px;
}

.table_page_header{
    display:flex;
    justify-content:space-between;
}

.back_link {
    font-weight: bold;
    padding-top: 20px;
    display: block;
    padding-bottom: 10px;
}

.btn.auto_width{
    min-width:auto;
}

.simple_pagination>*{
    display:inline-block;
    font-size:16px;
    border: 1px solid #fff;
    min-width: 30px;
    height: 30px;
    line-height: 28px;
    box-sizing: border-box;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.simple_pagination>strong{
    border-color: inherit;
}

.simple_pagination>a{
    text-decoration:underline;
}

.admin_actions .btn{
    margin-bottom:10px;
    min-width:auto;
    padding-left:15px;
    padding-right:15px;
    width: auto;
}

.admin_actions{
    text-align:left;
}

.properties-manage h2 {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 37px;
    color: #444444;
    font-weight: 400;
}

.properties-manage .table-holder {
    overflow-x: auto;
    margin: 0 auto 30px;
}

.properties-manage .table-holder.vertical_scroll{
    max-height:90vh;
}

.properties-manage .table-holder.vertical_scroll th.sticky_th{
    position:sticky;
    top: 0;
    z-index: 13;
}

.properties-manage .table-holder.with_drop_menu{
    margin-bottom: -80px;
    position: relative;
}

.properties-manage .table-holder.with_drop_menu table{
    margin-bottom: 254px;
}

.properties-manage .table-responsive {
    width: 100%;
    border-collapse: collapse;
    transform: translate3d(0, 0, 0);
    border-color: grey;
}

.properties-manage .table-responsive.with_margin{
    margin-bottom:100px;
}

.properties-manage .table-responsive td,
.properties-manage .table-responsive th {
    padding: 5px;
    border-color: gray;
}

.properties-manage .table-responsive td.organization_name{
    max-width:200px;
}

.properties-manage .table-responsive td.word-break{
    word-break: break-all;
}

.properties-manage .table-responsive th {
    color: #fff;
    border-color: gray;
}

.properties-manage .table-responsive th.action {
    color:#444444;
    text-align:left;
}

.properties-manage .table-responsive th.action a{
    color:#444444;
}

.table_select{
    border:0;
    width:100%;
    color:#444444;
}

a.highlight,
.properties-manage .table-responsive a {
    text-decoration: underline;
}

a.highlight{
    cursor:pointer;
}

.properties-manage .table-responsive th a{
    color:white;
}

.properties-manage .table-responsive a:hover {
    text-decoration: none;
}

.toggle_credit_button{
    cursor:pointer;
    margin-bottom:15px;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 10px;
}

.toggle_credit_button.btn-white{
    border: 1px solid #e3e3e3;
}

.credit_sliders{
    transition: 0.2s;
    overflow: hidden;
}

.credit_sliders.hidden{
    max-height:0!important;
    overflow:hidden;
    margin-bottom: 0;
}

.slider .tooltip{
    display:none;
}

/*tooltip*/
.tooltip_templates {
    display: none;
}

.tooltipster-base {
    padding: 0 10px;
    pointer-events: initial;
}

.tooltipster-sidetip .tooltipster-box {
    background: #fff;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box{
    margin-left:0;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box{
    margin-right:0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{
    border-bottom-color: #fff;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{
    border-right-color: #fff;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{
    border-left-color: #fff;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{margin-left: 2px;}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{margin-right: 2px;}

.tooltipster-sidetip .tooltipster-content {
    color: #767676;
    font-size: 12px;
    line-height: 16px;
}

.tooltipster-sidetip .tooltipster-content p {
    margin: 0;
}

.auth_form input[type=text],
.auth_form input[type=number],
.auth_form input[type=password],
.auth_form input[type=email]{
    height: 44px;
    width: 100%;
    border-radius: 2px;
    border: solid 1px #979797;
    background: #fff;
    padding: 13px 16px;
    font: 14px/16px "Muli", sans-serif;
    color: #444444;
}

.auth_form form p{
    text-align:left;
}

.auth_form input[type=submit]{
    height: 40px;
    border-radius: 2px;
    font: 16px/22px "Muli", sans-serif;
    border: 0;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin: 0;
    cursor: pointer;
    margin-top:20px;
    width:100%;
}

.auth_form input[type=checkbox]{
    position: initial !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.search_container{
    display:flex;
    width:100%;
    justify-content:space-between;
    margin-bottom:15px;
}

.search_container .search_field{
    flex-grow:1;
    margin-right: 5px;
    position: relative;
}

.search_container .search_field .clear_search{
    position:absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.search_container .search_field input{
    height:40px;
}

.text_container{
    background-color:white;
    padding: 40px 20px;
    margin: 30px auto;
}

.qq-upload-list li.sortable-ghost{
    opacity:0.5;
}

.qq-upload-list li{
    cursor: move;
}

.qq-upload-list li.document img.qq-thumbnail-selector{
    float:left;
}

.qq-upload-list li.document{display: inline-block;width: 100%;}

.qq-upload-list select,
.qq-upload-list input.title{
    width: 50%;
    padding: 13px 16px;
    border-radius: 3px;
    border: solid 1px #737373;
    margin-left: 10px;
    margin-bottom: 5px;
}

.qq-input-holder select,
.qq-input-holder input.title{
    width:100%;
    margin-left: 0;
}

.qq-input-holder{
    margin-right:15px;
    min-width: 150px;
}

.qq-input-holder .checkbox-holder{
    padding-top:0;
    margin-left:20px;
}

.qq-in-progress .qq-input-holder{
    display:none;
}

.qq-input-holder .qq-title{
    margin-bottom:5px;
    display:inline-block;
}

.qq-thumbnail-selector{
    vertical-align: middle;
    margin-right:15px;
}

.dd_vault{
    position:fixed;
    width:100%;
    background-color:white;
    z-index: 16000003;
    top: 0;
    bottom: 0;
}

.dd_vault iframe.document{
    border:0;
    outline:0;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height: calc(100vh - 115px);
}

.dd_vault .btn-close{
    cursor:pointer;
}

.dd_vault h3.title{
    margin-left:15px;
    margin-right:15px;
    padding-top: 19px;
    border-bottom: 0;
    margin-bottom: 10px;
    font-size: 14px;
}

.dd_vault .tabnav-holder{
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 17;
    background-color: white;
}

.dd_vault .tabcontent{
    position:absolute;
    top: 115px;
    padding: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.dd_vault .document_image{
    width:100%;
    height: calc(100vh - 53px);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: grey;
    background-position: center;
}

.flex_actions{
    display:flex;
    justify-content:space-between;
}

.document_shares .share label{
    margin-bottom:10px;
}

.url_holder{
    display:flex;
    margin-bottom: 10px;
}

.list_table .url_holder{
    margin-bottom:0;
}

.url_holder input{
    height: 40px;
}

.url_holder>*:first-child{
    flex-grow:1;
}

.document_shares .share .top{
    display:flex;
    justify-content:space-between;
}

.document_shares .share .top>*{
    margin-top:auto;
    margin-bottom:auto;
}

.url_holder .btn{
    width:auto;
    min-width: auto;
    text-decoration: none;
    color: #444444;
    margin-left: 5px;
    border-radius: 4px;
}

.link_tabs{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:30px;
    margin-top:-20px;
}

.link_tabs .btn{
    width:auto;
    min-width:initial;
    margin-left:2px;
    margin-bottom:2px;
}

.sync_tag_container{
    position:absolute;
    z-index: 5;
    right: 35px;
    top: 0;
}

.sync_tag_container .tag-list__tag{
    display:inline-block;
    color: #767676;
    font-size: 14px;
    line-height: 20px;
}

.slider.slider-horizontal .slider-track {
    height: 2px;
    background-image: none;
    margin-top: -1px;
}

.slider .slider-tick-container{
    display:none;
}

.slider-handle {
    background: white;
    border: 2px solid #fff;
}

.slider .slider-selection {
    box-shadow: none;
}

.slide-wrap .range-min-max.min{
    float:left;
    margin-left:-10px;
}

.slide-wrap .range-min-max.max{
    float:right;
    margin-right:-10px;
}

.documents_upload_status {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #E9E7E6;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    display:inline-block;
    vertical-align: middle;
}

.documents_upload_status.uploaded{
        background-color: #43962A;
}

.documents_upload_status.uploaded_unchecked{
        background-color: #f9d14d;
}

.form_with_labels .col label,
.form_with_labels .input-holder label {
    margin: 0 0 5px;
    color: #969696;
    font-size: 12px;
    text-align: left;
    line-height: initial;
}


.form_with_labels .col label .info-ico,
.form_with_labels .input-holder label .info-ico{
    vertical-align:top;
}

.form_with_labels h3{

margin: 17px 0;

font-size: 16px;

line-height: 20px;
}

.info_list{
    list-style: none;
    padding: 0;
    display: inline-block;
    margin: 0 -6px;
    width: calc(100% + 12px);
}

.info_list.auto_width{
    width:auto;
}

.info_list.auto_width li{
    width:auto;
}

.info_list li{
    font-size: 14px;
    line-height: 18px;
    padding: 0 6px 13px 6px;
    width:50%;
    float:left;
}

.info_list li.right{
    margin-left:auto;
}

.info_list li.full_width{
    width:100%;
}

.info_list .list_title{
    display: block;
    margin: 0 0 3px;
    color: #767676;
}

.info_list .list_value{
        display: block;
    color: #444444;
    font-size: 18px;
    line-height: 24px;
}

.status_tag{
    position:absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #767676;
    background-color: #e3e3e3;
    border-radius: 3px;
    padding: 1px 6px;
}

.bg-img .status_tag{
    right:initial;
    left:10px;
}

.bg-img .property_like_container{
    position:absolute;
    right:0px;
    top:0px;
    width: 48px;
    height: 40px;
    overflow: hidden;
    z-index: 2;
    padding-left: 5px;
}

.infowidnow_content .bg-img .property_like_container{
    
right: 15px;
}

.bg-img .property_like_button{
    transform: translate(0, -100%);
    z-index: 4;
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, .66));
    transition: filter .2s ease-out, transform 0.2s;
}

.bg-img .property_like_button.liked{
    transform: translate(0, 10px);
}

.bg-img .property_like_button.liked svg path{
    fill-opacity:1;
}

.bg-img .property_like_button:hover {
    filter: drop-shadow(0 0 2px black);
}

.bg-img .new_tag{
    position:absolute;
    border-radius: 3px;
    left: 10px;
    top: 10px;
    padding: 4px 5px;
}

.bg-img .new_tag.marketplace_icon{
    background-color: #e3e3e3;
}

.certified_badge_image{
    overflow: hidden;
    text-align: center;
    display: inline-block;
}
.certified_badge_image img{
    height: 20px;
    display: inline-block !important;
    margin-bottom: -5px;
    padding: 0 2.5px;
}

.certified_badge_image.marketplace_icon img{
    padding: 0px 0;
}

.certified_badge_image_text{
    display: inline-block !important;
    /* font-weight: bold; */
    overflow: hidden;
    text-align: center;
    width: 0;
    padding: 0;
    transition: ease-out 0.2s;
    line-height: 20px;
    vertical-align: top;
}

.properties-card .certified_badge_image:hover .certified_badge_image_text{
    width: 80px;
    padding: 0px 5px;
}

.properties-card:hover .bg-img .property_like_button{
    transform: translate(0, 10px);
}

#user-nav ul.children,
#main-nav ul.children{
    position: absolute;
    background-color: white;
    opacity: 0;
    width: 256px;
    transition: transform .3s, opacity .3s;
    pointer-events: none;
}

#user-nav ul.children:before,
#main-nav ul.children:before{
    content: "";
    height: 1px;
    left: 0px;
    top: 0px;
    width: 100%;
    display: block;
    background: #F3F3F3;
}

.notification_bubble{
    position:absolute;
    font-size:11px;
    height: 18px;
    width: 18px;
    text-align:center;
    border-radius:50%;
    line-height: 18px;
    right: 8px;
    top: 50%;
    margin-top: -9px;
}

.waitlist_notification_bubble{
    left: 67px;
    margin-top: -22px;
    position: relative;
}

.notifications_list_container .action{
    position:relative;
}

.notifications_list_container .action .notification_bubble{
    right:0;
}

.notifications_list_container .list{
    position:fixed;
    right:0;
    width: 360px;
    max-width: 100%;
    background-color:white;
    bottom:0;
    top: 72px;
    opacity:0;
    pointer-events:none;
    transition:opacity 0.3s, transform 0.3s;
    transform:translate(100%, 0);
    border-top: 1px solid #F3F3F3;
    padding: 10px;
}

.notifications_list_container.expanded .list{
    transform:translate(0, 0);
    opacity:1;
    pointer-events:all;
    overflow-y: auto;
}

.notifications_list_container .list .title{
    margin-bottom:5px;
}

.notifications_list_container .list .title a{
    line-height:16px;
}

.notifications_list_container .list .title h3{
    margin-bottom:0;
    margin-top:0;
    font-size:16px;
    line-height: 16px;
    font-weight: 700;
}


.notifications_list_container.expanded .list .notification{
    flex-direction:column;
}

.notifications_list_container .list .notification{
    margin-bottom:15px;
}

.notification.read .content{
    opacity:0.5;
}

a.notification .content{
    color:#444444;
}

a.notification:hover{
    box-shadow: 0px 4px 6px rgb(0 0 0 / 30%);
}


.object_notification_tag{
    display:inline-block;
    font-size: 11px;
    line-height: 16px;
    border-radius: 3px;
    padding: 1px 6px;
}

.object_notification_tag.tooltipstered{
    cursor:pointer;
}

.ag-theme-balham select{
    font-size:12px;
    height:100%;
    min-width:100%;
    padding-left: 11px;
    border:0;
    -webkit-user-select: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    width: 100%;
    background-color: transparent;
    font-family: inherit;
    text-align: left;
    margin-left: -11px;
}

.ag-theme-balham select.jcf-hidden{
    left: 0!important;
}

.ag-theme-balham .jcf-select{
    height:100%;
    border:0;
    border-radius:0;
}

.ag-theme-balham .jcf-select .jcf-select-text{
    font-size:12px;
    height:100%;
    padding-top:5px;
    padding-bottom:5px;
}

@media screen and (min-width: 1000px){
    #main-nav>ul>li>.notification_bubble{right: -18px;}
}

@media screen and (max-width: 1000px){
    #main-nav>ul>li>.notification_bubble{right: 32px;}
}

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


    .dd_vault .tabcontent{
        left:30%;
    }

    .dd_vault .tabnav-holder{
        position:absolute;
        width: calc(30%);
        bottom: 0;
        top: 52px;
        overflow-x: auto;
    }

    .vertical .tabnav li{
        width:100%;
    }

    .file_category .category_name{
        line-height:initial;
        padding-top: 5px;
        padding-bottom: 5px;
        /* margin-top: 10px; */
        font-size: 12px;
        line-height: 16px;
        font-weight: 700;
        cursor:pointer;
    }

    .file_category .category_name:after{
        content: '';
        width: 5px;
        height: 5px;
        border: solid #333333;
        border-width: 0 0 2px 2px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        display: inline-block;
        vertical-align: top;
        margin: 6px 0 0 6px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .file_category.collapsed .category_name:after{
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: 2px;
    }

    .dd_vault .tabcontent{
        top: 53px;
    }

    .dd_vault iframe.document{
        height:calc(100vh - 53px);
    }
}

@media screen and (min-width: 1400px){
    .dd_vault .tabcontent{
        left:400px;
    }

    .dd_vault .tabnav-holder{
        position:absolute;
        width: 400px;
    }

}

.offer-area .close_area,
.btn-close{
    font-size: 12px;
    line-height: 19px;
    color: #444444;
    position: absolute;
    top: 18px;
    right: 19px;
    padding-right: 36px;
}

.offer-area .close_area{
    padding-right:0;
}

.offer-area .close_area a{

}

.offer-area .close_area .spacer{
    margin-left:10px;
    margin-right:10px;
}

.offer-area .close_area .btn-close{
    position:initial;
    padding-right: 36px;
}

.btn-close:before,
.btn-close:after{
    content: '';
    width: 25px;
    height: 3px;
    border-radius: 999px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
}
.btn-close:before{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn-close:after{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.share_users_list{
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
    margin-bottom:15px;
    max-height: 300px;
    overflow: auto;
    padding: 1px;
}

.grid-wrapper {
    flex-direction: column;
    font-weight: 400;
    margin: 15px 0 0 0;
}

.grid-wrapper .highlight {
    background-color: whitesmoke;
    color: black;
}

.user_documents_list{
    margin-bottom:30px;
}

.user_document{
    display:flex;
    border: 1px solid #aeaeae;
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 15px;
    justify-content: space-between;
}

.user_document>*{
    margin-top:auto;
    margin-bottom:auto;
}

.user_document .status{
    width: 40%;
}

.user_document .red{
    color:#c50000;
}

.user_document .green{
    color:green;

}

.user_document .status_value{
    font-size: 12px;
}

.user_document .uploaded_file_name{
    font-size:12px;
    color:#969696;
    word-break: break-all;
}

.user_document .details{
    margin-right:10px;
        flex-shrink: 100;
}

.user_document .name{
    font-size: 16px;
    font-weight: 700;
    word-break:break-all;
    margin-bottom: 5px;
}

.user_document .actions label,
.user_document .actions a{
    text-decoration:underline;
    margin-right:15px;
    cursor: pointer;
    font-size: 14px;
    color: #444444;
    display: inline-block;
    margin-bottom: 5px;
}


.document_upload input[type=file]{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.document_upload .upload_status{
    display:none;
}

.document_upload.is-uploading .upload_status{
    display: initial;
}

.document_upload.is-uploading .hide_uploading{
    display:none;
}

.users_search{
    margin-top: 15px;
}

.share_users_list .user_block{
    width: 32%;
    margin-bottom:10px;
}

.share_users_list .user_block.disabled{
    opacity:0.5;
}

.share_users_list .user_block.disabled .block{
    cursor:default;
}

.share_users_list.properties .user_block{
    width:49%;
}

.inactive-share {
    color: #bbb;
}

.share_users_list .user_block input:checked ~ .block{
   border-width:2px;
   margin-left:-1px;
   margin-top:-1px;
   margin-bottom: -1px;
   margin-right: -1px;
}

.organizations_select .block,
.share_users_list .user_block .block{
    padding:10px 15px;
    text-align:left;
    border:1px solid #aeaeae;
    border-radius: 4px;
    cursor:pointer;
    word-break: break-all;
    display: block;
}

.organizations_select .block{
    display:flex;
    margin-bottom:15px;
    text-decoration: none;
    color: #444444;
    word-break: break-word;
}

.organizations_select .block .name{
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    margin-top: auto;
    margin-bottom: auto;
}

.organizations_select .block .logo{
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 30px;
}

.share_users_list .user_block .email{
    font-weight:lighter;
    color:#969696;
    font-size: 14px;
    position: relative;
}

.share_users_list .user_block .name{
    color:black;
    font-size:16px;
    font-weight:400;
}

.share_users_list .user_block small{font-size: 12px;}

.share_users_list .user_block input{
    display:none;
}

.properties_actions{
    margin-bottom:7px;
    text-align: left;
}

.properties_actions a{
    text-decoration: underline;
    margin-left:5px;
}

.actions_container{
    display:flex;
    justify-content:space-between;
}

.print_photos {
    flex-wrap: wrap;
    justify-content: space-between;
}

.print_photos>div {
    width: 49%;
    float: left;
    box-sizing: border-box;
    padding-bottom: 15px;
}

.print_photos img {
    max-width: 100%;
    page-break-inside: avoid;
}

.properties-page .map_container,
.properties-page #map{
    width:100%;
    height:450px;

}

.properties-page .map_container{
    margin-bottom: 0px;
    transition:0.5s;
    overflow: hidden;
    box-sizing: content-box;
    position: relative;
    margin-bottom: 20px;
}

.properties-page .map_container .filter_by_map{
    position:absolute;
    z-index:1;
    background-color:white;
    margin-right:auto;
    margin-left:auto;
    left:0;
    right:0;
    margin-top: 10px;
    font-family: Roboto, Arial, sans-serif;
    color: rgb(86, 86, 86);
    font-size:18px;
    padding: 0px 17px;
        height: 40px;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
        cursor:pointer;
        font-weight:400;
max-width: 288px;}

.properties-page .map_container .filter_by_map:hover{
  background: none padding-box padding-box rgb(235, 235, 235);
}

.map_container .map-toggle-container{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    position: absolute;
    left:10px;
    bottom: 40px;
    z-index: 1;
}

.properties-page .toggle-button{
    height: 40px;
    background-color:white;
    z-index: 1;
    left: 0;
    top: 0;
    padding: 8px 15px;
}

.properties-page .toggle-button-top {
    border-bottom:1px solid #e3e3e3;
    
}

.properties-page .map_toggle_container{
    width:100%;
    background-color: #f6f6f6;
    height: 24px;
    text-align: center;
    margin-bottom:20px;
    border-radius:2px;
}

.properties-page .map_toggle_container .map_toggle{
    text-align:center;
}

.properties-page .map_container.hidden{
    height:0;
}

.map_container+.map_toggle_container .btn-expert-view:after{
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: 7px;
}

.map_container.hidden+.map_toggle_container .btn-expert-view:after{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 3px;
}

#floating_compare{
    position:fixed;
    bottom: 10px;
    /* width:100%; */
    /* max-width: 677px; */
    left: 10px;
    /* right:0; */
    margin:auto;
    padding:15px;
    display:flex;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.09);
    border-radius: 5px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
}

#floating_compare .btn-black{
    margin-top:auto;
    margin-bottom:auto;
    width: 100px;
    text-align:center;
    padding-left: 0;
    padding-right: 0;
}

#floating_compare .btn-black .properties_count{display: none;}

#floating_compare .property_container{
    width: 100px;
    height: 100px;
    position: relative;
    border: 2px solid #c6c6c6;
    margin-bottom: 5px;
    background-color: white;
}

#floating_compare .property_container:before,
#floating_compare .property_container:after{
    content:"";
    width:100%;
    height:1px;
    background-color:#c6c6c6;
    position:absolute;
    transform: rotate(45deg);
    top:50%;
    left:0;
}

#floating_compare .property_container:before{
    transform: rotate(-45deg);
}

#floating_compare .property_container .property{
    width:100%;
    height:100%;
    position:relative;
    z-index:1;
    background-position: center;
    background-size: cover;
    display: block;
}

#floating_compare .property_container .property .address{
    background-color: rgba(255, 255, 255, 0.76);
    font-size:12px;
    line-height:16px;
    position:absolute;
    bottom:0;
    padding: 3px;
    box-sizing:border-box;
    width:100%;
}

.remove_button,
.sidebar_properties_list .properties-card .remove_button,
.compare_table .remove_button,
#floating_compare .remove_all,
#floating_compare .property_container .property .remove_button{
    position:absolute;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 50%;
    right: 3px;
    top: 3px;
    cursor: pointer;
}

.remove_button:before,
.remove_button:after,
.sidebar_properties_list .properties-card .remove_button:before,
.sidebar_properties_list .properties-card .remove_button:after,
.compare_table .remove_button:before,
.compare_table .remove_button:after,
#floating_compare .remove_all:before,
#floating_compare .remove_all:after,
#floating_compare .property_container .property .remove_button:before,
#floating_compare .property_container .property .remove_button:after{
    content:"";
    width: 60%;
    height:2px;
    background: #444444;
    position: absolute;
    transform: rotate(45deg);
    top: calc(50% - 1px);
    left: 0;
    right: 0;
    margin: auto;
}

.remove_button:before,
.sidebar_properties_list .properties-card .remove_button:before,
.compare_table .remove_button:before,
#floating_compare .remove_all:before,
#floating_compare .property_container .property .remove_button:before{
    transform: rotate(-45deg);
}

#floating_compare .properties{
    display:flex;
    justify-content:space-between;
    flex-direction: column;
    margin-bottom: 10px;
    overflow: hidden;
    transition:0.5s;
}

.filters_list .block{
    padding: 10px 15px;
    text-align: left;
    border: 1px solid #aeaeae;
    border-radius: 4px;
    word-break: break-all;
    display: flex;
    justify-content:space-between;
    margin-bottom:15px;
}

.filters_list .actions{
    margin-left:15px;
    white-space:nowrap;
}

.filters_list .actions a{
    cursor:pointer;
    text-decoration:underline;
    margin-right:15px;
}

.filters_list .block .name{
    color: black;
    font-size: 16px;
    font-weight: 400;
}

.filters_list .block>*{
    margin-top:auto;
    margin-bottom:auto;
}

.filters_list .block .details{
    font-weight: lighter;
    color: #969696;
    font-size: 14px;
}

.tax_implications_surround{
    background: #c2c2c2 !important;
}
.tax_implications_surround:hover{
    background: #f9d14d !important;
}
.info-ico {
    width: 12px;
    height: 12px;
    background: #e3e3e3;
    border-radius: 50%;
    text-align: center;
    font-size: 9px;
    line-height: 12px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.ag-header-cell-label .info-ico{
    margin-left:5px;
    background: #a3a3a3;
}

.info-ico.light{

background: white;

color: #333;
}

.info-ico:visited,
.info-ico:focus,
.info-ico:hover {
    color: #fff;
    outline: none;
}

#header .view_as_bar{
    background-color: #f9d14d;
    line-height: 30px;
    position:relative;
    text-align: center;
    /* color: white; */
    /* position: absolute; */
    width: calc(100% + 48px);
    margin-left: -24px;
    z-index: 1;
    margin-bottom: -15px;
}

#header .view_as_bar .action{
    /* color:white; */
    margin-left:15px;
    text-decoration:underline;
}

.hidden_modal{
    display:none;
}

.table_overflow{
    overflow-x:auto;
    /* overflow-y:hidden; */
    margin-bottom: -420px;
}


.table_overflow .rounded_table_border{
    width:fit-content;
    margin-bottom: 620px;
    min-width: 100%;
}

.rounded_table_border{
    border-radius: 2px;
    border:1px solid #e3e3e3;
    /* overflow: auto; */
}

.rounded_table_border.with_margin{
    margin-bottom:15px;
}

table.list_table{
    width:100%;
    border-collapse: collapse;
    /* border-radius: 2px; */
    /* border:1px solid #e3e3e3; */
}

table.share_commissions_table{
    text-align:left;
}

table.list_table .checkbox-holder{
    padding-top:0;
}

table.list_table.with_border{
    border:1px solid #e3e3e3;
}

table.list_table .actions a{
    margin-right:5px;
    text-decoration: underline;
    white-space:nowrap;
}

table.list_table .actions a:last-child{
    margin-right:0;
}

a.underline{
    text-decoration:underline;
}

a.disabled:hover, a.underline.disabled:hover,
a.disabled, a.underline.disabled{
    text-decoration:none;
    opacity:0.5;
    color: #444444;
    cursor: default;
}

table.list_table th{
    text-align:left;
    background: #e3e3e3;
    vertical-align: bottom;
}

table.list_table td.center,
table.list_table th.center{
    text-align:center;
}

table.list_table.small_title th{
    font-size:12px;
    line-height:initial;
    text-align:center;
}

table.list_table .order_link{
    text-decoration:underline;
}

table.list_table.secondary th{
    border-top: 1px solid #e3e3e3;
}

table.list_table th,
table.list_table td{
   padding: 5px 10px;
}

table.list_table td{
    padding:10px;
    border-top: 1px solid #e3e3e3;
}

table.list_table.tighter th,
table.list_table.tighter td{
    padding: 2px;
    font-size: 12px;
}

table.list_table th.actions,
table.list_table td.actions{
    text-align:right;
}

table.list_table td.word-break{
    word-break: break-all;
}

table.list_table:not(.sorting-in-progress) tr:hover td.expandable,
table.list_table td.expandable{
    background-color: #8c8c8c;
}

table.list_table td.expandable{
    box-shadow: inset 0px 20px 20px -20px rgba(0,0,0,0.5), inset 0px -20px 20px -20px rgba(0,0,0,0.3);
    position:relative;
}

table.list_table td.expandable:before{
    content:'';
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    position:absolute;
    top:-1px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

table.list_table td.expandable .rounded_table_border{
    margin-bottom:15px;
}

table.list_table td.expandable{
    padding-bottom:0;
}

.add_rule{
    text-decoration:underline;
    margin-bottom:10px;
    display:inline-block;
    color: white;
}

table.list_table.secondary td{
    background-color:white !important;
}

table.list_table tr:first-child td{
    border-top:0;
}

table.list_table tr.sums td{
    border-top: 1px solid #e3e3e3;
    font-weight: bold;
}

table.list_table tr.sortable-chosen td,
table.list_table tr.highlight td,
table.list_table:not(.sorting-in-progress) tr:hover td{
    background-color:#f6f6f6;
}

.past_date{
    opacity:0.7;
}

.near_future_date{
    font-weight:bold;
}

.fixed_drop_menu,
.drop_meniu{
    position: relative;
}

.drop_meniu.three_points:before{
    display:none;
}

.drop_meniu.three_points .action:after{
    display:none;
}

.fixed_drop_menu:before,
.drop_meniu:before {
    content: '';
    height: 1px;
    width: calc(100%);
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #333333;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.fixed_drop_menu:hover:before, .fixed_drop_menu.opened:before,
.drop_meniu:hover:before, .drop_meniu.opened:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.fixed_drop_menu .action,
.drop_meniu .action{
    cursor:pointer;
    padding-right: 15px;
}

.drop_meniu.three_points .action{padding: 7px 14px;}

.drop_meniu.three_points.opened .action{
    background: #F3F3F3;
    border-radius: 2px;
}

.fixed_drop_menu .action:after,
.drop_meniu .action:after {
    content: '';
    width: 6px;
    height: 6px;
    border: solid #393939;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -7px;
}

.fixed_menu_list,
.fixed_drop_menu .list,
.drop_meniu .list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    right: -6px;
    top: 25px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d9d8d8;
    width: 200px;
    display: none;
    z-index: 10;
    filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.1));
}

.fixed_menu_list{
    right: initial;
    margin-top: 5px;
    margin-left: -14px;
    width: max-content;
    top: initial;
    overflow-x: auto;
}

.fixed_menu_list.left{
    margin-left: 14px;
}

.drop_meniu.upside_down_list .list{
    top: auto;
    bottom: 25px;
}

.fixed_menu_list.with_icons,
.drop_meniu .list.with_icons{
    width:245px;
}

.drop_meniu.three_points .list{
    top: 32px;
    right: 0;
}

.fixed_menu_list li + li,
.drop_meniu .list li + li {
    border-top: 1px solid #e3e3e3;
}
.fixed_menu_list li,
.drop_meniu .list li {
    padding: 0;
    text-align: left;
}

.fixed_menu_list li>*,
.drop_meniu .list li>*{
    padding: 8px 14px;
    display: inline-block;
    width: 100%;
    color:#444444;
}

.fixed_menu_list li>*:hover,
.drop_meniu .list li>*:hover{
    background: #F3F3F3;
}

.fixed_menu_list.with_icons li>*,
.drop_meniu .list.with_icons li>*{
    position:relative;
    padding-left:42px;
}

.fixed_menu_list li .list-icon,
.drop_meniu .list.with_icons li .list-icon{
    width:42px;
    height:100%;
    position:absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.fixed_menu_list li .disabled,
.drop_meniu .list li .disabled{
    opacity:0.5;
}

.drop_meniu .dots{
    width:4px;
    height:18px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.drop_meniu .dots>div{
    width:4px;
    height:4px;
    border-radius:2px;
    background-color:#393939;
}

.drop_meniu.small{
    height: 18px;
    font-size: 12px;
    line-height: 18px;
}

/* fader */
    .fader {
        display: block;
        opacity: 0;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        cursor: pointer;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: #444444;
        pointer-events:none;
    }

    .menu-opened .fader {
        opacity: .4;
        pointer-events:
        all;
        transform: translateZ(0);
    }

@media screen and (max-width: 1500px) {
#floating_compare .properties{
    height: 0;
    margin: 0;
}

#floating_compare .btn-black .properties_count{
    display:inline-block;
}

#floating_compare .btn-black{
    font-size: 12px;
}

    #floating_compare:hover .properties{
        height:525px;
        margin-bottom:10px;
    }

    #floating_compare:hover .properties.feed{
        height:125px;
        margin-bottom:10px;
    }
}

.btn-black{
        color:white;
        background-color: #444444;
        height: 42px;
        font: 16px/22px "Muli", sans-serif;
        padding: 10px;
        border-radius: 3px;
    }


.files_input {
    width: 100%;
    text-align: center;
    font-weight: normal;
    padding: 27px 20px;
    border-radius: 2px;
    border: 2px dashed #979797;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 20px;
    background-color: transparent;
    outline: none;
    line-height: normal;
}

.files_input.has_file{
    line-height: 20px;
    padding-bottom: 20px;
}

.files_input.has_file .photo_preview {
    width: 168px;
    height: 168px;
    background-position: center;
    background-size: cover;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #7f7f7f;
    position: relative;
    display: block;
}

.files_input.big.has_file .photos_previews {
    display: flex;
    /* padding: 0 20px; */
    /* justify-content: space-between; */
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.files_input.big.has_file .photos_previews .photo_preview{
    width:30%;
    height:0;
    padding-bottom:22%;
    margin: initial;
    margin-left: 1.6%;
    margin-right: 1.6%;
    margin-bottom: 3%;
}

.files_input.has_file.logo_input .photo_preview{
    width:100%;
    background-size: contain;
    background-repeat:no-repeat;
    margin-top: 0;
}

.files_input.is-dragover {
    background-color: #F6F6F6;
    outline-offset: -5px;
    outline-width: 1px;
}

.files_input label {
    cursor: pointer;
    color: #333333;
}

.files_input label .browse{
    text-decoration:underline;
}

.files_input input[type=file] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.files_input.has_file .photo_preview .remove, .files_input.big.has_file .photo_preview .edit, .files_input.big.has_file .photo_preview .remove {
    background-color: white;
    opacity: 0.8;
    color: #131313;
    font-size: 16px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 10px;
    display: inline-block;
    line-height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center;
}

.files_input .photo_preview {
    display: none;
}

.files_input.has_file .photo_preview .progress {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: white;
    opacity: 0.8;
    -webkit-transition: width 0.2s linear;
    -moz-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    transition: width 0.2s linear;
}

.files_input.has_file .photo_preview.is-uploading .remove,
.files_input.big.has_file .photo_preview.is-uploading .edit,
.files_input.big.has_file .photo_preview.is-uploading .remove {
    display: none;
}

.close_icon{
    position:relative;
    width: 20px;
    height: 20px;
    display: block;
}

.close_icon:after,
.close_icon:before{
        content: '';
    height: 2px;
    position: absolute;
    top: 50%;
    margin: -1px;
    left: 5px;
    right: 5px;
    background: #333333;
    z-index: 10;
}

.close_icon.bigger:after,
.close_icon.bigger:before{
    left:2px;
    right:2px;
}

.click_area{
    cursor: pointer;
}
.close_icon:before{

-webkit-transform: rotate(45deg);

-ms-transform: rotate(45deg);

-o-transform: rotate(45deg);

transform: rotate(45deg);
}

.close_icon:after{
        -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sale_documents{
    margin-bottom:30px;
    text-align:left;
    max-width: 686px;
    display: inline-block;
    width: 100%;
}

.sale_documents .h_with_legend{
    position:relative;
    display: flex;
}

.sale_documents .h_with_legend .legend{
    /* position:absolute; */
    /* right:0; */
    margin-left: auto;
}

.sale_documents .h_with_legend .legend>div{
    position:relative;
    padding-left:20px;
    margin-bottom: 5px;
}

.sale_documents .btn{
    margin-bottom:5px;
}

.sale_documents_group{
}

.sale_documents_group.no_bottom_margin{
    margin-bottom:0;
}

.default_card,
.sale_document{
    position:relative;
    border: 1px solid #E7E5E4;
    padding: 10px 12px 10px 12px;
    /* margin-bottom:12px; */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
}

.sale_document{
    border-left: 8px solid #E7E5E4;
}

.sale_documents .sale_document{
    margin-bottom:15px;
}

.sale_document .rejection_comment_tooltip{
    display:none;
}

.sale_document.uploaded_rejected .rejection_comment_tooltip{
    display:inline-block;
}

.sale_document>*{
    margin-top:auto;
    margin-bottom:auto;
}

.sale_document.uploaded_unchecked .hide_after_upload,
.sale_document.uploaded .hide_after_upload{
    display:none;
}

.sale_document.uploaded{
    border-left: 8px solid #9FE18E;
}

.sale_document.uploaded_unchecked{
    border-left: 8px solid #FBDC83;
}

.sale_document.uploaded_rejected{
    border-left: 8px solid #FFBEB8;
}

.sale_document .small-text-container{
    margin-top:-5px;
}

.sale_document.no_icon{
    padding-left:0;
}

.sale_document .download_file_menu_item,
.sale_document .actions .download_file_text,
.sale_document .actions a.download_file{
    display:none;
}

.sale_document.uploaded .actions a.download_file{
    display:inline-block;
}

.sale_document.uploaded .download_file_menu_item,
.sale_document.uploaded_unchecked .download_file_menu_item,
.sale_document.uploaded_unchecked .actions .download_file_text,
.sale_document.uploaded .actions .download_file_text{
    display:block;
}

.sale_document .upload_status{
    font-size:10px;
    font-weight:normal;
    color: #393939;
    display:inline-block;
    background-color:#E7E5E4;
    padding:0 5px;
    border-radius: 2px;
    vertical-align:top;
}


.sale_document .upload_status:after{
    content:'Dokument wird benötigt';
}


.sale_document.uploaded .upload_status{
    background-color:#9FE18E;
}

.sale_document.uploaded .upload_status:after{
   content:'Dokument überprüft';
}

.sale_document.uploaded_unchecked .upload_status{
    background-color:#FBDC83;
}

.unchecked_yellow{
    color: #ff8d00;
}

.sale_document.uploaded_unchecked .upload_status:after{
    content:'Überprüfung ausstehend';
}

.sale_document.uploaded_rejected .upload_status{
    background-color: #FFBEB8;
}

.sale_document.uploaded_rejected .upload_status:after{
   content:'Dokument ist unvollständig / wird erneut benötigt';
}

.sale_document.uploaded_rejected .upload_status:before,
.sale_document.uploaded_unchecked .upload_status:before,
.sale_document.uploaded .upload_status:before{
    content:"";
    width:10px;
    height:10px;
    display:inline-block;
    background-image: url(images/confirmed_icon.svg);
    background-repeat:no-repeat;
    margin-right:5px;
    vertical-align: top;
    margin-top: 3.5px;
}

.sale_document.uploaded_unchecked .upload_status:before{
    background-image: url(images/time_icon.svg);
}

.sale_document.uploaded_rejected .upload_status:before{
    background-image: url(images/warning_icon.svg);
}


.sale_document.no_icon:before{
    display:none;
}

.sale_documents .h_with_legend .legend>div.uploaded:before,
.sale_document.uploaded:before{
    background-color:#43962A;
}

.sale_documents .h_with_legend .legend>div.uploaded_unchecked:before,
.sale_document.uploaded_unchecked:before{
    background-color: #f9d14d;
}

.sale_document .name{
    font-weight:bold;
    margin-bottom: 8px;
    line-height: 18px;
}

.sale_document .name .text{
    margin-right:4px;
}

.sale_document .name .smaller{
    font-weight:normal;
    margin-left:10px;
}

.sale_document .actions a{
    text-decoration: underline;
    margin-right: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #444444;
    display: inline-block;
    line-height: 18px;
}

.sale_document .actions a img{
    margin-left:6px;
    vertical-align:top;
    margin-top:2px;
}


@media screen and (min-width: 860px) {

    .visible-xs {
        display: none !important;
    }

    .tabnav {
        display: flex !important;
    }

    .dd_vault .tabnav{
        flex-wrap:wrap;
    }

    .dd_vault .tabnav .file_category{
        width:100%;
        margin-bottom: 10px;
    }

    .dd_vault .tabnav .category_title{
        font-size:16px;
        font-weight:bold;
        line-height:initial;
        margin-bottom: 5px;
    }

    .input-icon.icon-visible-xs .form-control {
        padding-left: 16px;
    }

    .input-icon.icon-visible-xs .ico {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    .notes-block {
        margin-right: 0;
    }
}

@media screen and (max-width: 991px) {
    .filters_list .block{
        flex-direction: column;
    }

    .filters_list .actions{
        margin-left:0;
        margin-top:10px;
        white-space: initial;
        margin-bottom:-5px;
    }

    .filters_list .actions a{
        margin-bottom:10px;
        display:inline-block;
        white-space:nowrap;
    }

    .share_users_list .user_block{
        width:49%;
    }

    .tabcontent .two-cols {
        margin-left: -15px;
        margin-right: -15px;
    }

    .tabcontent .two-cols .col {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*account-area*/
    .white-area,
    .account-area {
        padding: 25px 30px;
    }

    .account-form .submit-holder {
        margin-top: 30px;
    }
}

@supports (-webkit-overflow-scrolling: touch) {
    body.modal-opened{
        position:fixed;
    }
}

.open_main_nav{
    display:none;
}

.steps_flow{
    display:flex;
    width:100%;
    margin-bottom: 15px;
}

.steps_flow .step{
    flex-grow:1;
    text-align:center;
    padding: 10px 0;
    opacity: 0.5;
    border: 1px solid #e3e3e3;
    border-left-width: 0;
    position:relative;
    border-right-width: 0;
    padding-left: 11px;
}

.steps_flow .step .triangle-right{
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 15px solid #e3e3e3;
    position:absolute;
    top:-1px;
    right: -15px;
    z-index: 1;
}

.steps_flow .step:last-child{border-right-width: 1px;}

.steps_flow .step:last-child .triangle-right{
    display:none;
}

.steps_flow .step .triangle-right .inner-triangle {
    position: absolute;
    top: -21px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 14px solid white;
}

.steps_flow .step.active,
.steps_flow .step.filled{
    opacity:1;
    
}

.steps_flow .step.active{
    font-weight:bold;
}

.step_container.center{
    text-align:center;
}

.step_container .small_form{
    max-width:400px;
    text-align:center;
    display:inline-block;
    width:100%;
}

.show_hide_action{
    cursor:pointer;
    text-align:left;
    position:relative;
    padding-left:15px;
    border-bottom:1px solid;
    margin-bottom:15px;
    padding-bottom:5px;
    padding-top:5px;
}

.no_line>.show_hide_action{
    border-bottom:0;
}

.show_hide_action:before{
    content: '';
    width: 6px;
    height: 6px;
    border: solid #393939;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    transition: 0.5s;
}

.show_hide_container.show .show_hide_action:before{
   -webkit-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
   -o-transform: rotate(225deg);
   transform: rotate(225deg);
   margin-top: -2px;
}

@media screen and (max-width: 999px), screen and (orientation: landscape) and (max-width: 999px), screen and (orientation: portrait) and (max-width: 999px) {

.open_main_nav{
    display:block;
    padding:6px;
    width:18px;
    height:12px;
    float: left;
    box-sizing: content-box;
    margin-top: 24px;
    position: relative;
    cursor: pointer;
    margin-right: 22px;
}

.open_main_nav>div{
    width:18px;
    background: #393939;
    height:2px;
    position:absolute;
    transition:0.3s;
    opacity:1;
}

.open_main_nav>div:nth-child(1){
    top:6px;
}

.open_main_nav>div:nth-child(2){
    top:11px;
}

.open_main_nav>div:nth-child(3){
    top:16px;
}

.main_nav_opened .open_main_nav>div:nth-child(1){
    transform:rotate(45deg);
    top:11px;
}

.main_nav_opened .open_main_nav>div:nth-child(3){
    transform:rotate(-45deg);
    top:11px;
}

.main_nav_opened .open_main_nav>div:nth-child(2){
    opacity:0;
}

#header{
    padding: 0px 16px;
}

#main-nav>ul>li{
    display:block;
}

#main-nav{
    position:fixed;
    width:256px;
    top:72px;
    left: -256px;
    bottom:0;
    background: white;
    transition: left 0.3s;
    overflow: hidden;
    transform: translate(0,0);
}


#main-nav>ul:before{
    content: "";
    height: 1px;
    left: 0px;
    top: 0px;
    width: 100%;
    display: block;
    background: #F3F3F3;
}


.main_nav_opened #main-nav{
   left: 0;
}

#main-nav ul.children{
    position: fixed;
    top: 0px;
    z-index: 1;
    bottom: 0;
    left: 100%;
    transition: left 0.3s, opacity 0.3s;
    opacity: 1;
    overflow: auto;
}

#main-nav .expanded>ul.children{
    left:0;
}

#user-nav ul.children>li.mobile_title>span,
#main-nav ul.children>li.mobile_title>span{
    text-align:center;
    font-weight:bold;
}

#user-nav ul.children>li.mobile_title>span:before,
#main-nav ul.children>li.mobile_title>span:before{
    content: '';
    width: 6px;
    height: 6px;
    border: solid #393939;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -5px;
}

#main-nav ul>li>span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: solid #393939;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    left: auto;
    background: transparent;
}

#main-nav>ul>li>span:hover:before,
#main-nav ul>li>span:before{
    content: '';
    position: absolute;
    width: 4px;
    left: 0;
    top: 0;
    bottom: 0;
    height: auto;
    display:block;
    background: white;
}


table.proforma.fixed thead{
    display:block;
    overflow:auto;
    left:25px;
    right:25px;
}

table.proforma.fixed thead tr{
    display:block;
}

    .open-menu {
        display: block;
        font-size: 0;
        line-height: 0;
        width: 30px;
        height: 24px;
        padding: 0;
        float: right;
        z-index: 45;
        -webkit-transition: all .0s;
        -o-transition: all .0s;
        transition: all .0s;
        position: relative;
        margin: 8px 0 8px 15px;
    }

    .open-menu span {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 4px;
        margin-top: -2px;
        border-radius: 2px;
        background: #444444;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .open-menu span:nth-child(1) {
        margin-top: -12px;
    }

    .open-menu span:nth-child(3) {
        margin-top: 8px;
    }

    .menu-opened .open-menu span {
        margin-top: -2px;
    }

    .menu-opened .open-menu span:nth-child(1) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .menu-opened .open-menu span:nth-child(2) {
        opacity: 0;
    }

    .menu-opened .open-menu span:nth-child(3) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }




    /*end menu*/
    .loggined .account-box .user-box {
        display: none;
    }

    .user-box:before {
        display: none;
    }

    .user-box .user-name {
        float: none;
        overflow: hidden;
    }

    .user-box .user-name:after {
        right: 5px;
    }

    .user-box .user-name span {
        max-width: 100%;
        width: 100%;
    }

    .user-box .user-list {
        width: auto;
        padding-left: 0;
    }

    #main-nav .user-box .user-list a {
        padding: 4px 0 4px 32px;
    }

    #main-nav .user-box .user-list li {
        padding: 5px 0;
    }

    #main-nav .user-box .user-list li + li {
        margin-top: 0;
    }

    #main-nav .user-box .user-list {
        position: static;
        padding-left: 15px;
        border: none;
    }

    .loggined #main-nav .user-box.visible-xs {
        display: block !important;
    }

    body {
        -webkit-text-size-adjust: none;
    }



    body.menu-opened {
        overflow: hidden;
    }



    .container {
        padding: 0 10px;
    }

    /* wrapper */
    #wrapper {
        height: 100%;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        min-height: 100vh;
        margin: 0;
        padding-bottom: 0;
        position: relative;
    }

    #main {
        padding-top: 72px;
    }

    .btn {
        min-width: auto;
        max-width: 288px;
        width: 100%;
    }

    .right_actions .btn{
        max-width: initial;
        width: auto;
        flex-grow: 1;
        margin-right:5px;
    }

    .right_actions .btn:last-child{
        margin-right:0;
    }

    .right_actions{
        display:flex;
    }

    #wiki_form .btn{
        max-width:initial;
    }
}

@media screen and (max-width: 1150px){
    .heading .map_toggle{
        width: calc(50% - 30px);
        max-width: initial;
        margin-right: 15px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape), screen and (max-width: 767px) and (orientation: portrait) {

.sale_documents .h_with_legend .legend{
    position:initial;
    margin-left: 0;
}

.properties-manage .table-responsive td, .properties-manage .table-responsive th{
    padding:2px;
}

.properties-page .map_container .filter_by_map{
        top:initial;
        bottom:30px;
        left:10px;
        right:initial;
        width: auto;
    }

.map_container .map-toggle-container{
    bottom: 84px;
}

.properties-page .map_container .filter_map_markers {


    background: red;
    position:absolute;
    z-index:1;
    margin-right:auto;
    margin-left:auto;
    left:0;
    right:0;
    margin-top: 10px;
    font-family: Roboto, Arial, sans-serif;
    color: rgb(86, 86, 86);
    font-size:18px;
    padding: 0px 17px;
    height: 200px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    cursor:pointer;
    font-weight:400;
    }


    .properties-manage .table-responsive td.word-break{

word-break: initial;
    }

    .account-form .top_actions.align_left{
        gap:0;
    }
    
    .account-form .top_actions{
        flex-direction:column;
    }

    .account-form .top_actions .btn{
        width:100%;
        max-width:initial;
        margin-bottom:15px;
    }

    .account-form .top_actions .jcf-select{
        width:100%;
        margin-bottom:15px;
    }

    /*footer*/
    #footer {
        padding: 20px 0;
        text-align: center;
    }

    #footer .socials {
        margin: 0 auto 20px;
        float: none;
    }

    .footer-links {
        float: none;
    }

    .footer-links li {
        margin-bottom: 5px;
    }

    /*modals*/
    .modal .scroll-holder.thin,
    .modal .scroll-holder {
        padding: 30px 15px 20px;
    }

    .modal h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 25px;
    }

    .two-cols .col {
        width: 100%;
    }

    .input-without-icon .form-control {
        padding-left: 50px;
    }

    /*tabs*/
    .tabnav-holder {
        border: 1px solid #fff;
        border-radius: 3px;
    }

    .dd_vault .tabnav-holder{
        padding-left:0;
        padding-right:0;
        margin-left:15px;
        margin-right:15px;
    }

    .tabnav-opener {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        padding: 10px 40px 10px 10px;
        display: block;
        position: relative;
    }

    .dd_vault .files_list{
        display:initial !important;
    }

    .tabnav-opener:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 10px;
        border: solid #fff;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 10px;
        height: 10px;
        margin-top: -7px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .tabnav-opener.opened:before {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        margin-top: -2px;
    }

    .tabnav {
        display: none;
    }

    .tabnav.smaller{
        margin-left:0;
        margin-right:0;
    }

    /*account-area*/
    .white-area,
    .account-area {
        padding: 20px 15px;
    }

    .account-area .tabnav li {
        width: 100%;
    }

    .properties-manage {
        padding: 30px 10px;
    }

    .properties-manage h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 600px){
    #user-nav ul li.mobile-only{
        display:none;
    }
}

@media screen and (max-width: 600px){
#header .mobile-hide{
    display:none;
}

#user-nav>ul>li.expanded>span>.close_icon{
    opacity:1;
}

#user-nav>ul>li>span>svg{
    opacity:1;
    transition:0.3s;
}

#user-nav li.logout-item{
    bottom:0;
    left: 0;
    box-shadow: inset 0px 1px 0px #F3F3F3;
    margin-top: auto;
}

#user-nav>ul>li.expanded>span>svg{
    opacity:0;
}


#user-nav ul.children, #main-nav ul.children{
    width:100%;
}

#main-nav{
    width:100%;
    left:-100vw;
}


#user-nav>ul>li>ul.children{
    position:fixed;
    top:72px;
    right: -100vw;
    transition: 0.3s;
    bottom: 0;
    width: 100%;
    opacity: 1;
    overflow: auto;
    /* padding-bottom: 60px; */
    display: flex;
    flex-direction: column;
}

#user-nav li.expanded>ul.children{
    right:0;
}

.notifications_list_container .action>svg,
#user-nav>ul>li>span>svg{
    fill:#444444!important;
}

#user-nav>ul>li:before{
    display:none;
}

.logo{

float: none;

display: inline-block;

margin-right: 0;

vertical-align: top;
}

#header>*{
    text-align:left;
}


.notifications_list_container{
    
margin-right: 20px;
}


#user-nav>ul>li>span{
    font-size:0;
    width: 30px;
}

#user-nav>ul>li>span:after,
#user-nav>ul>li>span:before{
    display:none;
}

#user-nav>ul>li>span>svg{
    left:auto;
    right: 6px;
}


.user_document{
    flex-wrap:wrap;
    flex-direction: column;
}

.user_document .name,
.user_document .details{
    margin-bottom:15px;
}

.user_document .status{
    width:100%;
}

.user_document .status>*{
    display:inline-block;
}

    table.list_table th.mobile-hide,
table.list_table td.mobile-hide{
    display:none;
}

    .share_users_list .user_block{
        width:100%;
    }

    .share_users_list.properties .user_block{
        width:100%;
    }
}

@media screen and (max-width: 800px){
.steps_flow{
    flex-direction: column;
}

.steps_flow .step .triangle-right{
    display:none;
}

.steps_flow .step{
    
border-right-width: 1px;
    
border-left-width: 1px;
    
border-top-width: 0;
    
padding: 2px 0;
}

#floating_compare .btn-black .properties_count{
    display:initial;
}


    #floating_compare .properties.feed{
        height:125px;
        display:block;
    }

    #floating_compare .properties{
        display:none;
    }

#floating_compare .btn-black{
    margin-left:auto;
    margin-right:auto;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}

    #floating_compare{
        left:15px;
        right: auto;
        width: auto;
    }
}

body{
    opacity: 1 !important;
}

body *{
    outline:none;
}

.container.full-width .properties-manage,
.container.full-width {
    max-width: initial;
}

#main .container.slider_fullscreen{
    z-index:initial;
}

form.relative{
    position:relative;
}

.ag_grid{
    height: calc(100vh - 140px);
    margin-bottom: 15px;
    text-align: left;
}

.ag_tags .ag_tag{
    display:inline-block;
    background-color: #f3f3f3;
    margin-right: 3px;
    line-height: 18px;
    padding: 0 2px;
    border-radius: 2px;
}

.ag-theme-balham .ag-filter-filter .ag-input-field-input{
    height: 26px;
    border-radius: 5px;
    border: 1px solid #95a5a6;
}

.ag-theme-balham input[class^=ag-]:not([type]), .ag-theme-balham input[class^=ag-][type=date], .ag-theme-balham input[class^=ag-][type=datetime-local], .ag-theme-balham input[class^=ag-][type=number], .ag-theme-balham input[class^=ag-][type=tel], .ag-theme-balham input[class^=ag-][type=text], .ag-theme-balham textarea[class^=ag-] {
    padding: 2px 4px !important;
    height: auto !important;
}

.actions-button-cell {
    overflow:visible;
}

.ag-row-focus {
    z-index: 1;
}

.action-cell.ag-cell-value,
.action-cell.ag-cell {
    overflow: visible;
}

.action-cell.ag-cell .fixed_drop_menu,
.action-cell.ag-cell .drop_meniu{
    margin-top: 2px;
    line-height:20px;
}

.ag-cell-readonly{
    background-color:#e6e6e6;
}

.flex_columns{
    display:flex;
    /* justify-content:space-between; */
    flex-wrap: wrap;
}

.flex_columns.space_between{
    justify-content:space-between;
}

.flex_columns>*{
    margin-top:auto;
    margin-bottom:auto;
}

.underline_grey{
    text-decoration:underline;
}

.image_croping{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:99;
}

.image_croping .img_container{
 position:absolute;
 top:0;
 bottom: 70px;
 left:0;
 right:0;
}

.image_croping .controlls{
    position:absolute;
    bottom:0;
    width: 100%;
    text-align: center;
    height: 70px;
    padding-bottom: 15px;
    padding-top: 15px;
    background-color: rgba(0, 0, 0, 0.5);
}

.image_croping .controlls .btn{
    margin-left:15px;
    margin-right:15px;
}

.user-box .expandable_submeniu{
    display:none;
    list-style:none;
    padding-left: 32px;
    border-top: 1px solid #e3e3e3;
}

.user-box .expandable_submeniu a{
    padding-left:0;
}

.user-box .user-list li.expandable{
    padding-bottom:0;
}

.user-box .user-list li.expandable>a{
    padding-bottom: 12px;
}

.tag-list {
    list-style: none;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: -5px;
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    line-height: 16px;
}

.tag-list--details {
    margin-top: 0;
}

.tag-list__tag {
    margin-top: 5px;
    margin-left: 5px;
    background-color: rgba(0,0,0,0.05);
    border-radius: 3px;
    padding: 1px 6px;
    display: inline-block;
    font-size: 11px;
    line-height: 16px;
}

.tag-list__tag.grey_tag{
    background-color: rgba(0,0,0,0.05);
}

.tag-list__tag .info-ico{
    margin-top: 2px;
    vertical-align: top;
    background: #bbbbbb;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
  vertical-align: top;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Überschrift 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Überschrift 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Überschrift 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Überschrift 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Überschrift 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}

.ql-snow .ql-picker.ql-header{
    
width: 120px;
}

@media screen and (min-width: 1000px){
.user-box .user-list li.expandable .ico{
    bottom: 8px;
}
}

.smooth_load{
    opacity:0;
    visibility: hidden;
}

.smooth_load.loaded{
    opacity:1;
    visibility: visible;
    transition:0.5s;
}

.capcha_attribution{
    font-size: 11px;
    line-height:16px;
    color:#bdbdbd;
    text-align: center;
}

.capcha_attribution a{
    color:#bdbdbd !important;
    text-decoration:underline;
}

.grecaptcha-badge { visibility: hidden; }

.video_container .thumbnail{
    width:100%;
    padding-top:56.25%;
    background-size:cover;
    background-position:center;
    margin-bottom:5px;
    position: relative;
}

.video_container .thumbnail:after{
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: center;
    font-size: 30px;
    background-color: rgba(253, 253, 253, 0.8);
    z-index: 1;
}

.video_container{
    margin-bottom:15px;
}

.video_tutorials .video_container .thumbnail h3{
    z-index:2;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    height: 18px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
}

.video_container:last-child{
    margin-bottom:0;
}

.video_tutorials{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}

.video_tutorials .video_container{
    width:49%;
    text-decoration: none;
}

.video_tutorials .video_container h3{
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 22px;
    text-align:left;
    color: #444444;
    text-decoration: none;
}

#video-modal h2,
#video-modal{
    text-align:left;
}

#video-modal video,
#video-modal h2{
    margin-bottom:15px;
}

@media screen and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape), screen and (max-width: 767px) and (orientation: portrait) {
    .video_tutorials .video_container {
        width: 100%;
    }
}

/* Spacing */
.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ma-0 {
    margin: 0 !important;
}

.mt-1 {
    margin-top: 4px !important;
}

.mb-1 {
    margin-bottom: 4px !important;
}

.ml-1 {
    margin-left: 4px !important;
}

.mr-1 {
    margin-right: 4px !important;
}

.mx-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.my-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.ma-1 {
    margin: 4px !important;
}

.mt-n1 {
    margin-top: -4px !important;
}

.mb-n1 {
    margin-bottom: -4px !important;
}

.ml-n1 {
    margin-left: -4px !important;
}

.mr-n1 {
    margin-right: -4px !important;
}

.mx-n1 {
    margin-left: -4px !important;
    margin-right: -4px !important;
}

.my-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
}

.ma-n1 {
    margin: -4px !important;
}

.mt-2 {
    margin-top: 6px !important;
}

.mb-2 {
    margin-bottom: 6px !important;
}

.ml-2 {
    margin-left: 6px !important;
}

.mr-2 {
    margin-right: 6px !important;
}

.mx-2 {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.my-2 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.ma-2 {
    margin: 6px !important;
}

.mt-n2 {
    margin-top: -6px !important;
}

.mb-n2 {
    margin-bottom: -6px !important;
}

.ml-n2 {
    margin-left: -6px !important;
}

.mr-n2 {
    margin-right: -6px !important;
}

.mx-n2 {
    margin-left: -6px !important;
    margin-right: -6px !important;
}

.my-n2 {
    margin-top: -6px !important;
    margin-bottom: -6px !important;
}

.ma-n2 {
    margin: -6px !important;
}

.mt-3 {
    margin-top: 8px !important;
}

.mb-3 {
    margin-bottom: 8px !important;
}

.ml-3 {
    margin-left: 8px !important;
}

.mr-3 {
    margin-right: 8px !important;
}

.mx-3 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.my-3 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.ma-3 {
    margin: 8px !important;
}

.mt-n3 {
    margin-top: -8px !important;
}

.mb-n3 {
    margin-bottom: -8px !important;
}

.ml-n3 {
    margin-left: -8px !important;
}

.mr-n3 {
    margin-right: -8px !important;
}

.mx-n3 {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.my-n3 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
}

.ma-n3 {
    margin: -8px !important;
}

.mt-4 {
    margin-top: 16px !important;
}

.mb-4 {
    margin-bottom: 16px !important;
}

.ml-4 {
    margin-left: 16px !important;
}

.mr-4 {
    margin-right: 16px !important;
}

.mx-4 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.my-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.ma-4 {
    margin: 16px !important;
}

.mt-n4 {
    margin-top: -16px !important;
}

.mb-n4 {
    margin-bottom: -16px !important;
}

.ml-n4 {
    margin-left: -16px !important;
}

.mr-n4 {
    margin-right: -16px !important;
}

.mx-n4 {
    margin-left: -16px !important;
    margin-right: -16px !important;
}

.my-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
}

.ma-n4 {
    margin: -16px !important;
}

.mt-5 {
    margin-top: 20px !important;
}

.mb-5 {
    margin-bottom: 20px !important;
}

.ml-5 {
    margin-left: 20px !important;
}

.mr-5 {
    margin-right: 20px !important;
}

.mx-5 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.my-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.ma-5 {
    margin: 20px !important;
}

.mt-n5 {
    margin-top: -20px !important;
}

.mb-n5 {
    margin-bottom: -20px !important;
}

.ml-n5 {
    margin-left: -20px !important;
}

.mr-n5 {
    margin-right: -20px !important;
}

.mx-n5 {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.my-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
}

.ma-n5 {
    margin: -20px !important;
}

.mt-6 {
    margin-top: 24px !important;
}

.mb-6 {
    margin-bottom: 24px !important;
}

.ml-6 {
    margin-left: 24px !important;
}

.mr-6 {
    margin-right: 24px !important;
}

.mx-6 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}

.my-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.ma-6 {
    margin: 24px !important;
}

.mt-n6 {
    margin-top: -24px !important;
}

.mb-n6 {
    margin-bottom: -24px !important;
}

.ml-n6 {
    margin-left: -24px !important;
}

.mr-n6 {
    margin-right: -24px !important;
}

.mx-n6 {
    margin-left: -24px !important;
    margin-right: -24px !important;
}

.my-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
}

.ma-n6 {
    margin: -24px !important;
}

.mt-7 {
    margin-top: 28px !important;
}

.mb-7 {
    margin-bottom: 28px !important;
}

.ml-7 {
    margin-left: 28px !important;
}

.mr-7 {
    margin-right: 28px !important;
}

.mx-7 {
    margin-left: 28px !important;
    margin-right: 28px !important;
}

.my-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
}

.ma-7 {
    margin: 28px !important;
}

.mt-n7 {
    margin-top: -28px !important;
}

.mb-n7 {
    margin-bottom: -28px !important;
}

.ml-n7 {
    margin-left: -28px !important;
}

.mr-n7 {
    margin-right: -28px !important;
}

.mx-n7 {
    margin-left: -28px !important;
    margin-right: -28px !important;
}

.my-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
}

.ma-n7 {
    margin: -28px !important;
}

.mt-8 {
    margin-top: 32px !important;
}

.mb-8 {
    margin-bottom: 32px !important;
}

.ml-8 {
    margin-left: 32px !important;
}

.mr-8 {
    margin-right: 32px !important;
}

.mx-8 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}

.my-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

.ma-8 {
    margin: 32px !important;
}

.mt-n8 {
    margin-top: -32px !important;
}

.mb-n8 {
    margin-bottom: -32px !important;
}

.ml-n8 {
    margin-left: -32px !important;
}

.mr-n8 {
    margin-right: -32px !important;
}

.mx-n8 {
    margin-left: -32px !important;
    margin-right: -32px !important;
}

.my-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
}

.ma-n8 {
    margin: -32px !important;
}

.mt-9 {
    margin-top: 36px !important;
}

.mb-9 {
    margin-bottom: 36px !important;
}

.ml-9 {
    margin-left: 36px !important;
}

.mr-9 {
    margin-right: 36px !important;
}

.mx-9 {
    margin-left: 36px !important;
    margin-right: 36px !important;
}

.my-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
}

.ma-9 {
    margin: 36px !important;
}

.mt-n9 {
    margin-top: -36px !important;
}

.mb-n9 {
    margin-bottom: -36px !important;
}

.ml-n9 {
    margin-left: -36px !important;
}

.mr-n9 {
    margin-right: -36px !important;
}

.mx-n9 {
    margin-left: -36px !important;
    margin-right: -36px !important;
}

.my-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
}

.ma-n9 {
    margin: -36px !important;
}

.mt-10 {
    margin-top: 40px !important;
}

.mb-10 {
    margin-bottom: 40px !important;
}

.ml-10 {
    margin-left: 40px !important;
}

.mr-10 {
    margin-right: 40px !important;
}

.mx-10 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.my-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.ma-10 {
    margin: 40px !important;
}

.mt-n10 {
    margin-top: -40px !important;
}

.mb-n10 {
    margin-bottom: -40px !important;
}

.ml-n10 {
    margin-left: -40px !important;
}

.mr-n10 {
    margin-right: -40px !important;
}

.mx-n10 {
    margin-left: -40px !important;
    margin-right: -40px !important;
}

.my-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
}

.ma-n10 {
    margin: -40px !important;
}

.mt-11 {
    margin-top: 48px !important;
}

.mb-11 {
    margin-bottom: 48px !important;
}

.ml-11 {
    margin-left: 48px !important;
}

.mr-11 {
    margin-right: 48px !important;
}

.mx-11 {
    margin-left: 48px !important;
    margin-right: 48px !important;
}

.my-11 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}

.ma-11 {
    margin: 48px !important;
}

.mt-n11 {
    margin-top: -48px !important;
}

.mb-n11 {
    margin-bottom: -48px !important;
}

.ml-n11 {
    margin-left: -48px !important;
}

.mr-n11 {
    margin-right: -48px !important;
}

.mx-n11 {
    margin-left: -48px !important;
    margin-right: -48px !important;
}

.my-n11 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
}

.ma-n11 {
    margin: -48px !important;
}

.mt-12 {
    margin-top: 60px !important;
}

.mb-12 {
    margin-bottom: 60px !important;
}

.ml-12 {
    margin-left: 60px !important;
}

.mr-12 {
    margin-right: 60px !important;
}

.mx-12 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.my-12 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.ma-12 {
    margin: 60px !important;
}

.mt-n12 {
    margin-top: -60px !important;
}

.mb-n12 {
    margin-bottom: -60px !important;
}

.ml-n12 {
    margin-left: -60px !important;
}

.mr-n12 {
    margin-right: -60px !important;
}

.mx-n12 {
    margin-left: -60px !important;
    margin-right: -60px !important;
}

.my-n12 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
}

.ma-n12 {
    margin: -60px !important;
}

.mt-a {
    margin-top: auto !important;
}

.mb-a {
    margin-bottom: auto !important;
}

.ml-a {
    margin-left: auto !important;
}

.mr-a {
    margin-right: auto !important;
}

.mx-a {
    margin-left: auto !important;
    margin-right: auto !important;
}

.my-a {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.ma-a {
    margin: auto !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pa-0 {
    padding: 0 !important;
}

.pt-1 {
    padding-top: 4px !important;
}

.pb-1 {
    padding-bottom: 4px !important;
}

.pl-1 {
    padding-left: 4px !important;
}

.pr-1 {
    padding-right: 4px !important;
}

.px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.pa-1 {
    padding: 4px !important;
}

.pt-n1 {
    padding-top: -4px !important;
}

.pb-n1 {
    padding-bottom: -4px !important;
}

.pl-n1 {
    padding-left: -4px !important;
}

.pr-n1 {
    padding-right: -4px !important;
}

.px-n1 {
    padding-left: -4px !important;
    padding-right: -4px !important;
}

.py-n1 {
    padding-top: -4px !important;
    padding-bottom: -4px !important;
}

.pa-n1 {
    padding: -4px !important;
}

.pt-2 {
    padding-top: 6px !important;
}

.pb-2 {
    padding-bottom: 6px !important;
}

.pl-2 {
    padding-left: 6px !important;
}

.pr-2 {
    padding-right: 6px !important;
}

.px-2 {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.py-2 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.pa-2 {
    padding: 6px !important;
}

.pt-n2 {
    padding-top: -6px !important;
}

.pb-n2 {
    padding-bottom: -6px !important;
}

.pl-n2 {
    padding-left: -6px !important;
}

.pr-n2 {
    padding-right: -6px !important;
}

.px-n2 {
    padding-left: -6px !important;
    padding-right: -6px !important;
}

.py-n2 {
    padding-top: -6px !important;
    padding-bottom: -6px !important;
}

.pa-n2 {
    padding: -6px !important;
}

.pt-3 {
    padding-top: 8px !important;
}

.pb-3 {
    padding-bottom: 8px !important;
}

.pl-3 {
    padding-left: 8px !important;
}

.pr-3 {
    padding-right: 8px !important;
}

.px-3 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.py-3 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.pa-3 {
    padding: 8px !important;
}

.pt-n3 {
    padding-top: -8px !important;
}

.pb-n3 {
    padding-bottom: -8px !important;
}

.pl-n3 {
    padding-left: -8px !important;
}

.pr-n3 {
    padding-right: -8px !important;
}

.px-n3 {
    padding-left: -8px !important;
    padding-right: -8px !important;
}

.py-n3 {
    padding-top: -8px !important;
    padding-bottom: -8px !important;
}

.pa-n3 {
    padding: -8px !important;
}

.pt-4 {
    padding-top: 16px !important;
}

.pb-4 {
    padding-bottom: 16px !important;
}

.pl-4 {
    padding-left: 16px !important;
}

.pr-4 {
    padding-right: 16px !important;
}

.px-4 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.pa-4 {
    padding: 16px !important;
}

.pt-n4 {
    padding-top: -16px !important;
}

.pb-n4 {
    padding-bottom: -16px !important;
}

.pl-n4 {
    padding-left: -16px !important;
}

.pr-n4 {
    padding-right: -16px !important;
}

.px-n4 {
    padding-left: -16px !important;
    padding-right: -16px !important;
}

.py-n4 {
    padding-top: -16px !important;
    padding-bottom: -16px !important;
}

.pa-n4 {
    padding: -16px !important;
}

.pt-5 {
    padding-top: 20px !important;
}

.pb-5 {
    padding-bottom: 20px !important;
}

.pl-5 {
    padding-left: 20px !important;
}

.pr-5 {
    padding-right: 20px !important;
}

.px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.py-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pa-5 {
    padding: 20px !important;
}

.pt-n5 {
    padding-top: -20px !important;
}

.pb-n5 {
    padding-bottom: -20px !important;
}

.pl-n5 {
    padding-left: -20px !important;
}

.pr-n5 {
    padding-right: -20px !important;
}

.px-n5 {
    padding-left: -20px !important;
    padding-right: -20px !important;
}

.py-n5 {
    padding-top: -20px !important;
    padding-bottom: -20px !important;
}

.pa-n5 {
    padding: -20px !important;
}

.pt-6 {
    padding-top: 24px !important;
}

.pb-6 {
    padding-bottom: 24px !important;
}

.pl-6 {
    padding-left: 24px !important;
}

.pr-6 {
    padding-right: 24px !important;
}

.px-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.pa-6 {
    padding: 24px !important;
}

.pt-n6 {
    padding-top: -24px !important;
}

.pb-n6 {
    padding-bottom: -24px !important;
}

.pl-n6 {
    padding-left: -24px !important;
}

.pr-n6 {
    padding-right: -24px !important;
}

.px-n6 {
    padding-left: -24px !important;
    padding-right: -24px !important;
}

.py-n6 {
    padding-top: -24px !important;
    padding-bottom: -24px !important;
}

.pa-n6 {
    padding: -24px !important;
}

.pt-7 {
    padding-top: 28px !important;
}

.pb-7 {
    padding-bottom: 28px !important;
}

.pl-7 {
    padding-left: 28px !important;
}

.pr-7 {
    padding-right: 28px !important;
}

.px-7 {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.py-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

.pa-7 {
    padding: 28px !important;
}

.pt-n7 {
    padding-top: -28px !important;
}

.pb-n7 {
    padding-bottom: -28px !important;
}

.pl-n7 {
    padding-left: -28px !important;
}

.pr-n7 {
    padding-right: -28px !important;
}

.px-n7 {
    padding-left: -28px !important;
    padding-right: -28px !important;
}

.py-n7 {
    padding-top: -28px !important;
    padding-bottom: -28px !important;
}

.pa-n7 {
    padding: -28px !important;
}

.pt-8 {
    padding-top: 32px !important;
}

.pb-8 {
    padding-bottom: 32px !important;
}

.pl-8 {
    padding-left: 32px !important;
}

.pr-8 {
    padding-right: 32px !important;
}

.px-8 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.pa-8 {
    padding: 32px !important;
}

.pt-n8 {
    padding-top: -32px !important;
}

.pb-n8 {
    padding-bottom: -32px !important;
}

.pl-n8 {
    padding-left: -32px !important;
}

.pr-n8 {
    padding-right: -32px !important;
}

.px-n8 {
    padding-left: -32px !important;
    padding-right: -32px !important;
}

.py-n8 {
    padding-top: -32px !important;
    padding-bottom: -32px !important;
}

.pa-n8 {
    padding: -32px !important;
}

.pt-9 {
    padding-top: 36px !important;
}

.pb-9 {
    padding-bottom: 36px !important;
}

.pl-9 {
    padding-left: 36px !important;
}

.pr-9 {
    padding-right: 36px !important;
}

.px-9 {
    padding-left: 36px !important;
    padding-right: 36px !important;
}

.py-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}

.pa-9 {
    padding: 36px !important;
}

.pt-n9 {
    padding-top: -36px !important;
}

.pb-n9 {
    padding-bottom: -36px !important;
}

.pl-n9 {
    padding-left: -36px !important;
}

.pr-n9 {
    padding-right: -36px !important;
}

.px-n9 {
    padding-left: -36px !important;
    padding-right: -36px !important;
}

.py-n9 {
    padding-top: -36px !important;
    padding-bottom: -36px !important;
}

.pa-n9 {
    padding: -36px !important;
}

.pt-10 {
    padding-top: 40px !important;
}

.pb-10 {
    padding-bottom: 40px !important;
}

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

.pr-10 {
    padding-right: 40px !important;
}

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

.py-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pa-10 {
    padding: 40px !important;
}

.pt-n10 {
    padding-top: -40px !important;
}

.pb-n10 {
    padding-bottom: -40px !important;
}

.pl-n10 {
    padding-left: -40px !important;
}

.pr-n10 {
    padding-right: -40px !important;
}

.px-n10 {
    padding-left: -40px !important;
    padding-right: -40px !important;
}

.py-n10 {
    padding-top: -40px !important;
    padding-bottom: -40px !important;
}

.pa-n10 {
    padding: -40px !important;
}

.pt-11 {
    padding-top: 48px !important;
}

.pb-11 {
    padding-bottom: 48px !important;
}

.pl-11 {
    padding-left: 48px !important;
}

.pr-11 {
    padding-right: 48px !important;
}

.px-11 {
    padding-left: 48px !important;
    padding-right: 48px !important;
}

.py-11 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.pa-11 {
    padding: 48px !important;
}

.pt-n11 {
    padding-top: -48px !important;
}

.pb-n11 {
    padding-bottom: -48px !important;
}

.pl-n11 {
    padding-left: -48px !important;
}

.pr-n11 {
    padding-right: -48px !important;
}

.px-n11 {
    padding-left: -48px !important;
    padding-right: -48px !important;
}

.py-n11 {
    padding-top: -48px !important;
    padding-bottom: -48px !important;
}

.pa-n11 {
    padding: -48px !important;
}

.pt-12 {
    padding-top: 60px !important;
}

.pb-12 {
    padding-bottom: 60px !important;
}

.pl-12 {
    padding-left: 60px !important;
}

.pr-12 {
    padding-right: 60px !important;
}

.px-12 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.py-12 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.pa-12 {
    padding: 60px !important;
}

.pt-n12 {
    padding-top: -60px !important;
}

.pb-n12 {
    padding-bottom: -60px !important;
}

.pl-n12 {
    padding-left: -60px !important;
}

.pr-n12 {
    padding-right: -60px !important;
}

.px-n12 {
    padding-left: -60px !important;
    padding-right: -60px !important;
}

.py-n12 {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
}

.pa-n12 {
    padding: -60px !important;
}

/* Colors */
.primary {
    color: #f9d14d;
}

.toggle-container.open:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    border-radius: 2px;
    margin-top: -3px;
}
.toggle-container {
    position: relative;
    cursor: pointer;
    padding-left: 30px;
}

.toggle-container.small:before {
    width: 7px;
    height: 7px;
    top: 10px;
}

.toggle-container.open.small:before {
    margin-top: -6px;
}

.toggle-container:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 5px;
    width: 10px;
    height: 10px;
    border: solid #444444;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 2px;
    transition: transform 0.5s, margin 0.5s;
}

.grid-container{
    width: 100%;
    display:block;
}

.grid-container.documents_previews{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
    gap: 15px;
    margin-bottom: 25px;
}

.document_card {
    width: 100%;
    display: inline-block;
    min-width: 250px;
}


.collapsible-handle{
    margin-top: 20px;
    color: #0a0a0a;
    margin-bottom: 10px;
    cursor: pointer;
    width: 40%;
}


.rotate-collapsible{
    transform: rotate(180deg);
    transition: 0.3s;
}

.rotate-collapsible-reset{
    transform: rotate(0deg);
    transition: 0.3s;
}

.search_bar{
    font-size: 14px;
    font-weight: 500;
    background: #FFFFFF;
    border: solid 1px #979797;
    border-radius: 4px;
    height: 43px;
    min-width: 100%;
    max-width: 100%;
    min-height: 30px;
    color: #555;
    padding: 13px 16px;
}

.button-as-link {
    background: none!important;
    border: none;
    padding: 0!important;
    /*optional*/
    /*font-family: arial, sans-serif;*/
    /*input has OS specific font-family*/
    /*color: #069;*/
    text-decoration: underline;
    cursor: pointer;
    min-width: auto!important;
    width: auto!important;
}


.two-column-analytics {
    margin: 0 -6px;
    line-height: 0;
}

.two-column-analytics .col {
    display: table-cell;
}

.two-column-analytics .col .input-holder{
    width: 150px;
}

.two-column-analytics .col .input-holder label{
    width: 50px;
}

.two-column-analytics .col .input-holder input{
    height: 20px;
    padding: 8%;
    width: 100px
}

.u_link_image{
    margin-bottom: 0 !important;
    cursor: pointer !important;
    padding-left: 30px !important;
}

.u_link_inner_div{
    left: 14px;
    max-width: 15px;
    color: #9a0000;
    font-size: 14px;
}

.ag_grid_cell_left {
    display: flex!important;
    align-items: center;
}

.ag_grid_cell_right {
    display: flex!important;
    flex-direction: row-reverse;
    text-align: right!important;
    align-items: center;
}

.flashing_highlight_container {
    background-color: transparent;
    transition: background 0.2s linear;
}

.flashing_highlight_container.flashing_highlight_in {
    background-color: darkgray;
}
p.xss-message {
    border-radius: 10px;
    border: dotted 1px #555555;
    background-color: rgba(251, 220, 131, 0.10);
    padding: 15px;
    margin: 20px 0;
    width: 65%;
}

.show_password_icon{
    left: 90% !important;
    cursor: pointer;
    opacity: 0.5; /* Make the icon faded */
    transition: opacity 0.3s ease; /* Smooth transition */
}

.show_password_icon:hover {
    opacity: 1; /* Make the icon darker on hover */
}

.ag-watermark {
    display: none;
}

.kontingent_separator{
    border-bottom: 1px solid #979797;
    margin-top: 25px;
    margin-bottom: 25px;
}

.radio_fields li label, .checkbox_fields li label{
    display: inline-block  !important;
    vertical-align: middle  !important;
    cursor: pointer  !important;
    margin: 2px 0 0 4px  !important;
    /*padding: 0  !important;*/
    width: auto  !important;
    font-size: .875em  !important;
    font-weight: 700 !important;
    max-width: 85%  !important;
    white-space: normal  !important;

}

.checkbox_fields li label{
    line-height: 25px  !important;

}

.radio_fields li, .checkbox_fields li{
    /*display: inline;*/
    margin-right: 15px;
    padding: 0;
    overflow: hidden;
    position: relative;

}

.radio_fields li .radio_fields_input, .checkbox_fields li .checkbox_fields_input{
    margin-left: 1px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: middle;

}

.checkbox_fields li .checkbox_fields_input:not(:checked) + label:before{
    height: 20px;
}

.radio_fields li .radio_fields_input:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #f9d14d;
    content: '';
    display: inline-block;
    visibility: visible;
}

.ag_grid .connection-icons {
    display: inline-block;
    color: rgba(0, 0, 0, 0.54);
    margin-right: 5px;
}

/*Overrides cometchat z-index to fix fader on activating menu*/
.css-bru21c {
    z-index: 0;
}

@media screen and (max-width: 1100px) {
    .group_quick_filter_link {
        font-size: 68% !important;
    }
}

.side-by-side {
    display: flex;
    gap: 10px;
    align-items: center;
}
.side-by-side .input-holder {
    flex: 1;
}