/*  Form Element */
.csrf-screen {position:fixed; top:0; left:0; right:0; bottom:0; z-index:999; background:transparent;}
select {border:0px; background:transparent;}
.form-control {  color: #555;  border: 1px solid #eee;  font-size: 1rem;  padding: 10px 15px; background:#f9f9f9;}
.form-box-light  .form-control {  border: 1px solid #ebebeb;  font-size: 15px;}
.select-box {  display: block;    width: 100%;    font-weight: 400;    line-height: 1.5;    background-color: #fff;    background-clip: padding-box;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border-radius: 0.375rem;    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;      color: #555;  border: 1px solid #eee;  font-size: 1rem;  padding: 10px 15px;}
.form-control:focus {  border-color: #eee;  box-shadow: 0 0 0 0;}
.form-control[readonly] {    background-color: #f6f8fa;    opacity: 1;}
.input-group-text { border: 1px solid #ebebeb;  background-color: #f2f5f8;  font-size: 14px;}
.input-group-text select {border-radius:0px .375rem .375rem 0px}
.input-group-text .btn-select {border-radius:0px .375rem .375rem 0px}
.input-group-text .btn-light {border-radius:0px .375rem .375rem 0px}
.form-group { margin-bottom:1rem;}
.form-box {  border-bottom: 1px solid #f5f5f5;  margin-bottom: 0px !important;  padding: 10px !important;  border-top: 1px solid #fff;  background: transparent linear-gradient(to bottom, #fff 0%, #fcfcfc 100%) repeat scroll 0% 0%;}
.form-box  .form-control {  color: #555;  border: 1px solid #d7d2d2;  font-size: 1rem;  padding: 10px 15px;}
.form-box  .form-control:focus {  border-color: #eee;  box-shadow: 0 0 0 0;}
.form-box  .input-group-text {    border: 1px solid #d7d2d2;    background-color: #f2f5f8;    font-size: 14px;}
.form-box-light {  border-bottom: 1px solid #f5f5f5;  margin-bottom: 0px !important;  padding: 10px !important;  border-top: 1px solid #fff;  background: transparent linear-gradient(to bottom, #fff 0%, #fcfcfc 100%) repeat scroll 0% 0%;}
.form-box-light:last-child {border-bottom:0px;}
.form-box-light .input-group-lg > .input-group-text {    border: 1px solid #ebebeb;    background-color: #f2f5f8;    font-size: 14px;    min-width:55px;}
.form-switch .form-check-input {   width: 40px;    height: 20px;    cursor:pointer;}
.form-switch .form-check-input-lg {    width: 60px;    height: 25px;    cursor:pointer;}
.form-switch .form-check-input:focus {  box-shadow: 0 0 0 0;  transition: all .2s ease-in-out;  border:1px solid #bdcad7;}
.form-check-input {   background-color: #cbd8e5;    border-color: #bdcad7;    transition: all .2s ease-in-out;    border:1px solid #bdcad7;}
.form-check-input:checked {  background-color: var(--emlakkobi-green);  border-color: #12b088;    transition: all .2s ease-in-out;}
.form-check-inline input {cursor:pointer;}
.form-check label {cursor:pointer;}
.form-check label:hover {font-weight:bold;}
.btn .form-check label:hover {font-weight:normal;}
.btn .form-check {margin-left:3px;}
.btn .form-check-input {cursor:pointer;}
.btn .form-check {min-height:0px;}
.input-group-text .btn-transparent {height:100%; background:#f2f5f8; border:0px; display:flex; align-items:center;}
.table .form-check {min-height:15px;}
.form-check-input:focus {    border-color: none;    outline: 0;    box-shadow: none;}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {color: unset;}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {box-shadow:unset;}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus { box-shadow: unset;}
input[type="file"]::-webkit-file-upload-button {border: 1px solid #0d916c;    color: #fff;    background-color: #11b287;    background-repeat: repeat-x;    background-image: -moz-linear-gradient(top,#11b287,#0e9d77);    background-image: -ms-linear-gradient(top,#11b287,#0e9d77);    background-image: -webkit-gradient(linear,11b287 top,left bottom,color-stop(0%,#0e9d77),color-stop(100%,#0e9d77));    background-image: -webkit-linear-gradient(top,#11b287,#0e9d77);    background-image: -o-linear-gradient(top,#11b287,#0e9d77);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e9d77',endColorstr='#11b287',GradientType=0);    text-shadow: none;    border-radius: 0.375rem;}
input[type="file"]:hover::-webkit-file-upload-button{background: #13c695!important;    border: 1px solid #11b287;}
input[type="file"]::-ms-browse {border: 1px solid #0d916c;    color: #fff;    background-color: #11b287;    background-repeat: repeat-x;    background-image: -moz-linear-gradient(top,#11b287,#0e9d77);    background-image: -ms-linear-gradient(top,#11b287,#0e9d77);    background-image: -webkit-gradient(linear,11b287 top,left bottom,color-stop(0%,#0e9d77),color-stop(100%,#0e9d77));    background-image: -webkit-linear-gradient(top,#11b287,#0e9d77);    background-image: -o-linear-gradient(top,#11b287,#0e9d77);    background-image: linear-gradient(top,#11b287,#0e9d77);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e9d77',endColorstr='#11b287',GradientType=0);    text-shadow: none;    border-radius: 0.375rem;}
input[type="file"]:hover::-ms-browse{background: #13c695!important;    border: 1px solid #11b287;}
.dropdown-menu {    --bs-dropdown-min-width: 11rem;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width:100%; }
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {	outline:0!important;}
.bootstrap-select .dropdown-item.active, .dropdown-item:active {	color:#fff;	background:#4d7496;}
.bootstrap-select .dropdown-menu li a {	font-size:14px;	border-bottom:1px solid #f1f1f1;	padding:6px 10px;}
.bootstrap-select .dropdown-menu li:last-child a {border-bottom:0px}
.bs-searchbox input {height:35px; background:#f9f9f9;}
.bs-searchbox input:focus {height:35px; background:#f9f9f9;}
.bootstrap-select .dropdown-menu {	    border-radius: 0px 0px 10px 10px;        border-top: 1px solid #d7d2d2;}
.bootstrap-select .no-results {padding: 7px 7px;    background: #f5f5f5;    margin: 0 10px;    white-space: nowrap;    font-size: 14px;    border-radius: 6px;    border: 1px solid #d7d2d2;}
.bs-searchbox {    padding: 4px 8px 10px 8px;}
.is-invalid~.radio-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.radio-feedback, .was-validated :invalid~.invalid-tooltip {
    display: inline;
}

input.multi-process {width:15px; height:15px;}
input.multi-process:hover {cursor:pointer;}

.form-control.is-invalid, .was-validated .form-control:invalid {    background-color: #fff1f1;}
.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select select:invalid+.dropdown-toggle {  border-color: #b94a48;	background: #fff1f1;}
.form-control.is-valid, .was-validated .form-control:valid {background-color: #f1f1f1;}
.input-success, .input-success:focus, .input-success:active {background:#ecffe6; background-color:#ecffe6!important;}
.input-alert, .input-alert:focus, .input-alert:active {background:#ffecec; background-color:#ffecec!important; }
.was-validated .whatsapp-phone:valid {background-image:none!important; }
.was-validated .gsm-phone:valid {background-image:none!important; }
.was-validated .office-phone:valid {background-image:none!important; }
.modal-title {background:#f9f9f9; color:var(--emlakkobi-blue); padding:10px 15px; border-bottom:1px solid #f1f1f1; border-radius:10px 10px 0px 0px; font-size:18px;}
.modal-button {background:#f9f9f9;  padding:10px 15px; border-top:1px solid #f1f1f1; border-radius:0px 0px 10px 10px;}

.edit-group > .input-group {display:none}
.edit-group:hover > a {display:none}
.edit-group:hover > .form-control {background:#f9f9f9; border: 1px solid #ebebeb;}
.edit-group:hover > .input-group {display:flex;}
.white-box-icon {width: 100px;    height: 100px;    border: 3px solid #f5f5f5;    border-radius: 50%;    background: #fff;    display: flex;    align-items: center;    justify-content: center;    margin: -60px auto 20px auto}
.white-box-icon-min {width: 60px;    height: 60px;    border: 1px solid #f5f5f5;    border-radius: 50%;    background: #fff;    display: flex;    align-items: center;    justify-content: center;    margin: -45px auto 20px auto}

.filter-box .form-control {height:35px;}
.filter-box .btn-select {height:35px; padding:7px 10px;}

@media (min-width: 1600px) {
.col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
}
}
@media(max-width:1366px) {
	.input-group { flex-wrap:unset;}
}
/* Accordion */
.accordion-disable-animation .collapsing {
-webkit-transition: none;
transition: none;
}

/* Editor */
.note-dropdown-item h1,.note-dropdown-item h2,.note-dropdown-item h3,
.note-dropdown-item h4,.note-dropdown-item h5,.note-dropdown-item h6 { font-size:14px;}
.note-editable blockquote{font-size: 14px;  margin:20px auto;   font-style:italic;  color: #555555;  padding:1.2em 30px 1.2em 75px;  border-left:8px solid grey ;  line-height:1.6;  position: relative;  background:#EDEDED;}
.note-editable blockquote::before{  font-family:Arial;  content: "\201C";  color:#78C0A8;  font-size:4em;  position: absolute;  left: 10px;  top:-10px;}
.note-editable blockquote::after{  content: '';}
.note-editable pre {  font-size: 14px;  border: 1px solid grey;  border-left: 8px solid grey;  border-radius: 5px;  padding: 14px;}
.nav-tabs {
    --bs-nav-tabs-border-color: #f5f5f5;
  }
.note-editable h1, .note-editable h2, .note-editable h3, .note-editable h4, .note-editable h5, .note-editable h6 {
	font-size:20px;
	font-weight:bold;
}
 .editor-lang-nav button {padding:15px 7px; margin-top:10px;}


/* Map */

.map-box {height:400px; background:#f9f9f9; border-radius:6px; padding:10px; border:1px solid #f1f1f1; position:relative;}
.map-view-check img {width:100%; height:110px; object-fit:cover; border-radius:6px; border:1px solid #f1f1f1;}

/* Phone Editor */
.iti__flag-container {
  min-width:55px;
}
.iti__selected-flag {
  padding: 0 6px 0 12px;
}


/* Property */
.category-select-nav > li:first-child > span {border-top:0px;border-radius:10px 10px 0px 0px; }
.category-select-nav > li:last-child > span {border-bottom:0px; border-radius:0px 0px 10px 10px;}
.category-select-nav > li > span {position: relative; display: block; padding: 10px 15px;cursor:pointer; color:#333;border-bottom:1px solid #eeeeee; border-top:1px solid #fff; }
.category-select-nav > li > span:hover {background:#fcfcfc; font-weight:bold;}
.category-select-nav > li > span span:after {float:right;content:"\f105"; font-family:"Font Awesome 5 Free"; font-weight:900; }
.category-select-nav > li > span.active {color:#fff; font-weight:bold; border-bottom:1px solid #486077; border-top:1px solid #486077;background:#55708c; }
.category-select-nav > li > span.active span:after {float:right; content:"\f00c"; font-family:"Font Awesome 5 Free"; font-weight:900; }
.category-select-nav > li > span.active:hover {color:#fff; background:#55708c; }



/* Helper */
.overflow-x {overflow-x:auto;}
@media (max-width:1200px) {
  .m-mb-3 {margin-bottom:1rem;}
  .mobile-overflow-x {overflow-x:auto;}
}
@media(min-width:2000px) {
	.col-2k-4 {width:30%;}
}
.width-20 {width:20px;}
.width-30 {width:30px;}
.width-75 {width:75px;}
.width-80 {width:80px;}
.width-100 {width:100px;}
.width-150 {width:150px;}
.width-175 {width:175px;}
.width-200 {width:200px;}
.width-225 {width:225px;}
.width-250 {width:250px;}
.width-275 {width:275px;}
.width-300 {width:300px;}
.width-350 {width:350px;}
.width-400 {width:400px;}