.usersOverviewBox,
.catalogOverviewBox,
.newsOverviewBox {
}

.usersOverviewBox { width: 100%; margin: 0 0 30px; background: #fff; }
.usersOverviewBox .tittle { margin-bottom: 22px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.usersOverviewBox .tittle strong { font-size: 12px; color: #2c2c2b; font-weight: 400; position: relative; display: inline-block; cursor: pointer; }
.usersOverviewBox .tittle aside { padding: 0 5px; position: relative; }
.usersOverviewBox li { margin: 0 -5px 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(44,44,45,0.5); position: relative; z-index: 1; }
.usersOverviewBox li .btn { margin: 0; }
.usersOverviewBox li a { text-decoration: none; }
.usersOverviewBox li a img { display: inline-block; }
.usersOverviewBox li aside { padding: 0 5px; }
.usersOverviewBox li aside span { padding: 0; font-size: 14px; }
.usersOverviewBox li aside:nth-child(1) { width: 6%; }
.usersOverviewBox li aside:nth-child(2) { width: 89%; }
.usersOverviewBox li aside:nth-child(3) { width: 5%; }
.usersOverviewBox li aside.last { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.usersOverviewBox li aside.last a:hover { opacity: 0.6; }
.usersOverviewBox .mid { -webkit-overflow-scrolling: touch; position: relative; overflow: auto; /*min-height: 614px;*/ }
.usersOverviewBox ul { overflow: hidden; position: relative; margin-bottom: 0; padding: 35px 30px 30px; }

.catalogOverviewBox { width: 100%; margin: 0 0 30px; background: #fff; }
.catalogOverviewBox .tittle { margin-bottom: 22px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.catalogOverviewBox .tittle strong { font-size: 12px; color: #2c2c2b; font-weight: 400; position: relative; display: inline-block; }
.catalogOverviewBox .tittle strong.active-desc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/up-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.catalogOverviewBox .tittle strong.active-asc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/down-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.catalogOverviewBox .tittle aside { padding: 0 5px; position:relative; }
.catalogOverviewBox li { margin: 0 -5px 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(44,44,45,0.5); position: relative; z-index: 1;}
.catalogOverviewBox li .btn { margin: 0; }
.catalogOverviewBox li a { text-decoration: none; }
.catalogOverviewBox li a img { display: inline-block; }
.catalogOverviewBox li aside { padding: 0 5px; }
.catalogOverviewBox li aside span { padding: 0; font-size: 14px; }
.catalogOverviewBox li aside:nth-child(1) { width: 6%; }
.catalogOverviewBox li aside:nth-child(2) { width: 49%; }
.catalogOverviewBox li aside:nth-child(3) { width: 19%; }
.catalogOverviewBox li aside:nth-child(4) { width: 19%; }
.catalogOverviewBox li aside:nth-child(5) { width: 7%; }
.catalogOverviewBox li aside.last { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: center; gap: 5px;}
.catalogOverviewBox li aside.last a:hover { opacity: 0.6; }
.catalogOverviewBox .mid { -webkit-overflow-scrolling: touch; position: relative; overflow: auto; /* min-height: 614px; */ }
.catalogOverviewBox ul { overflow: hidden; position: relative; margin-bottom: 0; padding: 35px 30px 30px; }

.newsOverviewBox { width: 100%; margin: 0 0 30px; background: #fff; }
.newsOverviewBox .tittle { margin-bottom: 22px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.newsOverviewBox .tittle strong { font-size: 12px; color: #2c2c2b; font-weight: 400; position: relative; display: inline-block; }
.newsOverviewBox .tittle strong.active-desc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/up-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.newsOverviewBox .tittle strong.active-asc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/down-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.newsOverviewBox .tittle aside { padding: 0 5px; }
.newsOverviewBox li { margin: 0 -5px 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(44,44,45,0.5); position: relative; z-index: 1; }
.newsOverviewBox li .btn { margin: 0; }
.newsOverviewBox li a { text-decoration: none; }
.newsOverviewBox li a img { display: inline-block; }
.newsOverviewBox li aside { padding: 0 5px; position:relative; }
.newsOverviewBox li aside span { padding: 0; font-size: 14px; }
.newsOverviewBox li aside:nth-child(1) { width: 6%; }
.newsOverviewBox li aside:nth-child(2) { width: 12%; }
.newsOverviewBox li aside:nth-child(3) { width: 8%; } 
.newsOverviewBox li aside:nth-child(4) { width: 48%; }
.newsOverviewBox li aside:nth-child(5) { width: 19%; }
.newsOverviewBox li aside:nth-child(6) { width: 7%; }
.newsOverviewBox li aside.last { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.newsOverviewBox li aside.last a:hover { opacity: 0.6; }
.newsOverviewBox .mid { -webkit-overflow-scrolling: touch; position: relative; overflow: auto; /* min-height: 614px; */ }
.newsOverviewBox ul { overflow: hidden; position: relative; margin-bottom: 0; padding: 35px 30px 30px; }

.reservationOverviewBox { width: 100%; margin: 0 0 30px; background: #fff; }
.reservationOverviewBox .tittle { margin-bottom: 22px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.reservationOverviewBox .tittle strong { font-size: 12px; color: #2c2c2b; font-weight: 400; position: relative; display: inline-block; }
.reservationOverviewBox .tittle strong.active-desc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/up-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.reservationOverviewBox .tittle strong.active-asc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/down-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.reservationOverviewBox .tittle aside { padding: 0 5px; position:relative; }
.reservationOverviewBox li aside.last { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.reservationOverviewBox li aside.last a:hover { opacity: 0.6; }
.reservationOverviewBox .mid { -webkit-overflow-scrolling: touch; position: relative; overflow: auto; /* min-height: 614px; */ }
.reservationOverviewBox ul { overflow: hidden; position: relative; margin-bottom: 0; padding: 35px 30px 30px; }

.reservationOverviewBox li { margin: 0 -5px 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(44,44,45,0.5); position: relative; z-index: 5}
.reservationOverviewBox li .btn { margin: 0; }
.reservationOverviewBox li a { text-decoration: none; }
.reservationOverviewBox li a img { display: inline-block; }
.reservationOverviewBox li aside { padding: 0 5px; }
.reservationOverviewBox li aside span { padding: 0; font-size: 14px; }
.reservationOverviewBox li aside:nth-child(1) { width: 6%; }
.reservationOverviewBox li aside:nth-child(2) { width: 12%; }
.reservationOverviewBox li aside:nth-child(3) { width: 15%; }
.reservationOverviewBox li aside:nth-child(4) { width: 14%; }
.reservationOverviewBox li aside:nth-child(5) { width: 14%; }
.reservationOverviewBox li aside:nth-child(6) { width: 20%; }
.reservationOverviewBox li aside:nth-child(7) { width: 13%; }
.reservationOverviewBox li aside:nth-child(8) { width: 5%; }

.redirectsOverviewBox { width: 100%; margin: 0 0 30px; background: #fff; }
.redirectsOverviewBox .tittle { margin-bottom: 22px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.redirectsOverviewBox .tittle strong { font-size: 12px; color: #2c2c2b; font-weight: 400; position: relative; display: inline-block; }
.redirectsOverviewBox .tittle strong.active-desc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/up-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.redirectsOverviewBox .tittle strong.active-asc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/down-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.redirectsOverviewBox .tittle aside { padding: 0 5px; position:relative; }
.redirectsOverviewBox li aside.last { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.redirectsOverviewBox li aside.last a:hover { opacity: 0.6; }
.redirectsOverviewBox .mid { -webkit-overflow-scrolling: touch; position: relative; overflow: auto; /* min-height: 614px; */ }
.redirectsOverviewBox ul { overflow: hidden; position: relative; margin-bottom: 0; padding: 35px 30px 30px; }

.redirectsOverviewBox li { margin: 0 -5px 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(44,44,45,0.5); position: relative; z-index: 5}
.redirectsOverviewBox li .btn { margin: 0; }
.redirectsOverviewBox li a { text-decoration: none; }
.redirectsOverviewBox li a img { display: inline-block; }
.redirectsOverviewBox li aside { padding: 0 5px; }
.redirectsOverviewBox li aside span { padding: 0; font-size: 14px; }
.redirectsOverviewBox li aside:nth-child(1) { width: 42.5%; }
.redirectsOverviewBox li aside:nth-child(2) { width: 42.5%; }
.redirectsOverviewBox li aside:nth-child(3) { width: 10%; }
.redirectsOverviewBox li aside:nth-child(4) { width: 5%; }

.reservationOverviewBox { width: 100%; margin: 0 0 30px; background: #fff; }
.reservationOverviewBox .tittle { margin-bottom: 22px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.reservationOverviewBox .tittle strong { font-size: 12px; color: #2c2c2b; font-weight: 400; position: relative; display: inline-block; }
.reservationOverviewBox .tittle strong.active-desc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/up-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.reservationOverviewBox .tittle strong.active-asc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/down-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.reservationOverviewBox .tittle aside { padding: 0 5px; position:relative; }
.reservationOverviewBox li aside.last { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.reservationOverviewBox li aside.last a:hover { opacity: 0.6; }
.reservationOverviewBox .mid { -webkit-overflow-scrolling: touch; position: relative; overflow: auto; /* min-height: 614px; */ }
.reservationOverviewBox ul { overflow: hidden; position: relative; margin-bottom: 0; padding: 35px 30px 30px; }

.reservationOverviewBox li { margin: 0 -5px 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(44,44,45,0.5); position: relative; z-index: 5}
.reservationOverviewBox li .btn { margin: 0; }
.reservationOverviewBox li a { text-decoration: none; }
.reservationOverviewBox li a img { display: inline-block; }
.reservationOverviewBox li aside { padding: 0 5px; }
.reservationOverviewBox li aside span { padding: 0; font-size: 14px; }
.reservationOverviewBox li aside:nth-child(1) { width: 6%; }
.reservationOverviewBox li aside:nth-child(2) { width: 12%; }
.reservationOverviewBox li aside:nth-child(3) { width: 15%; }
.reservationOverviewBox li aside:nth-child(4) { width: 14%; }
.reservationOverviewBox li aside:nth-child(5) { width: 14%; }
.reservationOverviewBox li aside:nth-child(6) { width: 20%; }
.reservationOverviewBox li aside:nth-child(7) { width: 13%; }
.reservationOverviewBox li aside:nth-child(8) { width: 5%; }

.quotationOverviewBox { width: 100%; margin: 0 0 30px; background: #fff; }
.quotationOverviewBox .tittle { margin-bottom: 22px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.quotationOverviewBox .tittle strong { font-size: 12px; color: #2c2c2b; font-weight: 400; position: relative; display: inline-block; }
.quotationOverviewBox .tittle strong.active-desc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/up-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.quotationOverviewBox .tittle strong.active-asc:after { content: ''; display: block; width: 15px; height: 6px; background: url("../img/down-arrow.png") center no-repeat; position: absolute; right: -20px; top: 6px; }
.quotationOverviewBox .tittle aside { padding: 0 5px; position:relative; }
.quotationOverviewBox li aside.last { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.quotationOverviewBox li aside.last a:hover { opacity: 0.6; }
.quotationOverviewBox .mid { -webkit-overflow-scrolling: touch; position: relative; overflow: auto; /* min-height: 614px; */ }
.quotationOverviewBox ul { overflow: hidden; position: relative; margin-bottom: 0; padding: 35px 30px 30px; }

.quotationOverviewBox li { margin: 0 -5px 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(44,44,45,0.5); position: relative; z-index: 5}
.quotationOverviewBox li .btn { margin: 0; }
.quotationOverviewBox li a { text-decoration: none; }
.quotationOverviewBox li a img { display: inline-block; }
.quotationOverviewBox li aside { padding: 0 5px; }
.quotationOverviewBox li aside span { padding: 0; font-size: 14px; }
.quotationOverviewBox li aside:nth-child(1) { width: 30%; }
.quotationOverviewBox li aside:nth-child(2) { width: 30%; }
.quotationOverviewBox li aside:nth-child(3) { width: 35%; }
.quotationOverviewBox li aside:nth-child(4) { width: 5%; }


li.tittle aside.active-desc:before,
li.tittle aside.active-asc:before,
li.tittle aside.last:before {
    content: " ";
    position: absolute;
    top: -58px;
    background: #f8f8f8;
    height: 100vh;    
	width: 100%;
    left: -10px;
    background: url(/backend/content/img/bg.jpg);
    opacity: 0.4;
}

li.tittle aside.last:before {
	width: 150px;
}

.ql-editor{
    min-height:200px;
}

select[name=subcategory]:has(> option[val=""]) { display:none; }

select[name=subcategory].empty {
	display:none;
}

.ql-toolbar.ql-snow,
.ql-container.ql-snow {
	border-color: #dadada !important;
}

.ql-toolbar.ql-snow {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	position: sticky;
    z-index: 1;
    top: 220px;
    background: #ffff;
}

.ql-container.ql-snow {
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

.attachments > li:first-child .up {
	display:none;
}

.attachments > li:last-child .down {
	display:none;
}

.field-container.textareas:empty {
	display:none;
}

.form-control.form-select-sm {
    display: inline-block;
    width: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    height: auto;
    margin-bottom: 0px;
    text-indent: 0;
}

.lang button:focus, .lang button:hover {text-decoration: none;}

.lang button:after {    position: relative;top: 1px;}

.select2 .select2-selection {    border-color: #dadada!important; border-radius: 0.25rem!important; padding: 0.375rem 0.75rem; color: rgba(44,44,43, 0.8)!important}

.select2 .select2-search__field {margin: 0!important;font-family: inherit!important;}

.select2 .select2-selection__choice {border-color: #dadada!important;margin: 0!important;margin-right:  0.375rem!important;background-color: #ebe9e9!important;margin-bottom: 5px!important;}
.select2 .select2-selection__choice__remove {border-color: #dadada!important;} 
 
.select2-container .select2-selection--single {height: auto!important;padding: 6px 0.75rem!important;}

.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: inherit!important;padding:0!important;}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered {color: rgba(44,44,43, 0.8)!important}


.select2-container--default .select2-selection--multiple {padding-bottom: 0!important;    background: #fff url(/backend/content/img/select-arrow.png) right 0px no-repeat;}
.select2-container--default .select2-selection--single {background: #fff url(/backend/content/img/select-arrow.png) right 0px no-repeat;}

.select2-container--default .select2-selection--single .select2-selection__arrow {display: none;}
.select2-container--default .select2-selection--single .select2-selection__clear {position: relative!important;
    font-size: 24px!important;
    font-weight: normal!important;
    color: #b0aeaf!important;
    left: -4px!important;
top: -8px;}

.select2-dropdown {border-color: #dadada!important;}

.select2-container--default .select2-search--dropdown .select2-search__field {border-color: #dadada!important;border-radius:.25rem!important}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #ebe9e9!important;color:inherit!important;}
.select2-container--default .select2-selection--multiple .select2-selection__clear {display: none!important;}

@media only screen and (max-width: 767px) { 
    .lang { position: absolute!important; right: 0!important; top: 92px!important;}

	.lang button {height: 44px; border-radius: 0; background-color: #2eafbd;     opacity: 1;}
    .lang button:after {border-top: 0.3em solid #fff;}
}