.set-zindex-4 {
    z-index: 4;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: rgb(170, 170, 170, 0.7);
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: rgb(68, 68, 68);
}

.overflow-hide {
    overflow: hidden !important;
}

#preview-mail{
    width: 100vw !important;
    height: 100vh !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

#preview-mail .modal-xl {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    margin: 0px !important
}

#preview-mail .modal-xl .modal-content{
    height: 100vh;
    max-height: 100vh !important;
    border-radius: 0px;
}

#preview-mail .modal-header{
    border-radius: 0px !important;
}

@media (min-width: 1200px){
    #preview-mail .modal-dialog.modal-xl {
        width: 100vw !important;
        max-width: 100vw !important;
    }
}

.waiting-loader{
    width: 30px;
    height: 30px;
    animation: waiting-load 0.7s linear infinite;
    margin-top: 20%;
}

.waiting-loader img{
  width: 100%;
}

.d-inline {
    display: inline;
}

#changeMyPassword .modal-content, #showMyProfile .modal-content {
    border-radius: 15px !important;
}

.backdrop-change-password {
    position: fixed;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    justify-items: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.6);
    z-index: 10001;
    display: none;
    top: 0;
    left: 0;
}

.backdrop-change-password svg{
    width: 30px;
    height: 30px;
    animation: waiting-load 0.7s linear infinite;
    opacity: 0.5;
}

.is-show-backdrop {
    display: flex;
}

#imageBodyArticle {
    width: 100%;
    overflow: hidden;
}

#imageBodyArticle img{
    max-width: 100%;
}

.article-image-waiting-loader {
    width: 100%;
    height: 200px;
    background: #f1f1f1;
}

.article-text-waiting-loader {
    width: 100%;
    height: 300px;
}

.article-text-waiting-loader .waiting-loader, .article-image-waiting-loader .waiting-loader{
    margin-top: 0px !important;
}


@keyframes waiting-load {
  100%{
    transform: rotate(360deg);
  }
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>");
}

.btn-selectpicker {
    border: 1px solid #E4E6EF;
}

.is_popular_deals_property.isActive i,
.is_propertycat_sort_orders.isActive i,
.is_roomcat_sort_orders.isActive i,
.is_vip_sort_orders.isActive i,
.is_hotel_sort_orders.isActive i,
.is_offer_sort_orders.isActive i{
    color: #3699FF !important;
}

.is_hotel_sort_orders.isActivePopular i,
.is_popular_deals_property.isActiveHotel i{
    color: #F00 !important;
}

#popular-deals-sortable .list-group-item:hover, #popular-deals-sortable .list-group-item:active,
#properties-vip-sortable .list-group-item:hover, #properties-vip-sortable .list-group-item:active,
#property-offers-sortable .list-group-item:hover, #property-offers-sortable .list-group-item:active {
    background: #eee;
    cursor: move;
}

#popular-deals-sortable .list-group-item:nth-child(n+7){
    background-color: #f69a9a;
    color: #fff;
}

.ghost {
    opacity: .5;
    background: #eee;
}

.new-popular, .new-vip, .new-offer {
	transform-origin: 50% 0;
	animation: append-animate .3s linear;
}

.remove-popular, .remove-vip, .remove-offer {
	transform-origin: 50% 0;
	animation: remove-animate .4s linear;
}

.popular-deals-backdrop,
.sort-orders-backdrop {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    display: none;
}

.font-weight-bold{
    font-weight: bold !important;
}

@keyframes append-animate {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes remove-animate {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}