/* ================================================ */
/* =========== © 2010 - 2024 ArtProfits =========== */
/* ================ Andrey Mironov ================ */

html, body {color: #F2E3B3; background: #2D3540;}
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.text-cinzel {font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal;}
.text-roboto {font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-variation-settings: "wdth" 100;}
.text-lexury {color: #F2E3B3 !important;}

h1, .h1 {font-size: 28px; text-decoration: none; font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; color: #F2E3B3 !important;}
h2, .h2 {font-size: 24px; text-decoration: none; font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; color: #F2E3B3 !important;}
h3, .h3 {font-size: 22px; text-decoration: none; font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; color: #F2E3B3 !important;}
h4, .h4 {font-size: 20px; text-decoration: none; font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; color: #F2E3B3;}
h5, .h5 {font-size: 18px; text-decoration: none; font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; color: #F2E3B3 !important;}
h6, .h6 {font-size: 16px; text-decoration: none; font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; color: #F2E3B3 !important;}

.bg-body-patern {background-image: url(../images/patern.png); background-repeat: repeat;}

a {color:#adff2f; outline: none; text-decoration: none;}
a:hover {color:#8acc26;}
.color-red {color: #db704d;}
.color-green {color: #009933;}

::selection {background: #79b321; color: #ffffff;}

.mejs-container {max-width: 100% !important;}
iframe, video {max-width: 100% !important;}
.instagram-media, .twitter-tweet {display: inline-block !important;}
.mass_comments_action select {background: #f6f6f6; padding: 5px; font-size: 14px; border: 1px solid #cecece; height: 34px; margin-right:5px;}
.selectmass input {float: right; margin-left: 6px;}
.mass_comments_action {text-align: right; margin-bottom: 10px;}

/* ============= тонировка пример ============= */
#color-auto {background-image: url(../images/tint/colorimg-0.png); background-repeat: no-repeat; width: 650px; height: 585px;}
#side-window {background-image: url(../images/tint/sideimg-0.png);background-repeat: no-repeat; width: 650px; height: 585px;}
#back-window {background-image: url(../images/tint/backimg-0.png); background-repeat: no-repeat; width: 650px; height: 585px;}
#loadingimg {background-image: url(../images/tint/loading.gif); background-repeat: no-repeat; width: 192px; height: 102px; position:absolute; left: 50%; top: 50%;}

/* ========== header menu ==========*/
.header-bg {background: url(../images/header-bg.jpg) repeat scroll top center #adb5bd; background-size: cover; border-bottom: 1px solid #f2e3b3;}
.header-top-list {background-color: rgba(34, 34, 34, 0.65); color: #f7eed1; border-bottom: 1px solid #f2e3b3;}
.header-top-list a {color: #fafafa;}

.footer {background-color: #1b2026; border-width: 1px 0px 0px 0px; border-image: linear-gradient(to right, #f2e3b3 0%, #8c592b 50%, #f2e3b3 100%) 1; border-style: solid;}


/* ========== navbar menu ==========*/
.navbar {padding: 0 1rem;}
.nav-link {padding: 0.25rem; color: #f2e3b3;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: #f2e3b3;}

.nav-item-reled a, .nav-item-reled a:hover, .nav-item-reled a:active {color: #f2e3b3;}
.nav-item-reled::after {content: ""; display: block; width: 0px; height: 1px; background: #f2e3b3; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.nav-item-reled:hover::after {width: 100%;}
.dropdown-item, .dropdown-menu {background-color: #382411; color: #f2e3b3;}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {color: #f2e3b3; text-decoration: none; background-color: #54351a;}

/* ============ выподающее меню при наведении ============ */
.dropdown-menu li {position: relative;}
.dropdown-menu .submenu {display: none; position: absolute; left:100%; top:-9px;}
.dropdown-menu .submenu-left {right:100%; left:auto;}
.dropdown-menu > li:hover {background-color: #54351a;}
.dropdown-menu > li:hover > .submenu {display: block;}

/* ============= Логин ============= */
.nav-link-login {padding: 0rem !important;}
.nav-link-login span {font-size: .9rem; color: #adff2f;}
.bg-loginmodal {background-color: #6c7279; color: #f2e3b3; border: 1px solid #f2e3b3;}

/* ============= Флажки и переключатели ============= */
.form-check-input[type="checkbox"] {width: 1.2em; height: 1.2em; border-color: #f2e3b3; background-color: #a3a7a8; border-radius: 2px; margin-right: 5px;}
.form-check-input:checked[type="checkbox"] {background-color: #ca8000; border-color: #e99a27;}
.form-check-input[type="radio"] {width: 1.2em; height: 1.2em; border-color: #e8e9e9; background-color: #a3a7a8; margin-right: 5px; border-radius: 50px;}
.form-check-input:checked[type="radio"] {background-color: #ca8000; border-color: #e99a27;}

/* ============= формы отправки ============= */
.form-control {background-color: #575d66; border-color: #91886b; color: #adff2f;}
.form-control:focus {background-color: #575d66; border-color: #f2e3b3 !important; color: #adff2f; box-shadow: 0px 0px 10px 3px rgba(242, 227, 179, 0.5);}
.form-floating > label {color: #babdbe;}
.form-select {background-color: #575d66; border-color: #91886b; color: #adff2f;}
.form-select:focus {border-color: #f2e3b3 !important; box-shadow: 0px 0px 10px 3px rgba(242, 227, 179, 0.5);}

/* ============= Bootstrap customs ============= */
.alert-warning {color: hsl(45.1, 100%, 70.8%); background-color: hsl(45.6, 96.2%, 10.2%); border-color: hsl(45.1, 94.9%, 30.8%);}
.border-bottom {border-bottom: 1px dotted #f2e3b3 !important;}
.border-lexury {border: 1px dotted #91886b !important;}

/* ============= карточка ============= */
.card {background-color: #424953; color: #F2E3B3; border-width: 1px; border-style: solid; border-image: linear-gradient(135deg, #8c592b, #f2e3b3, #8c592b) 1;}
.card-header {border-bottom: 1px dotted #a99f7d;}
.card-footer {border-top: 1px dotted #a99f7d;}
.card-img {border-radius: 0;}

/* ============= таблица статистики ============= */
.dark-mode-table {width: 100%; border-collapse: collapse; color: #f2e3b3;}
.dark-mode-table thead th {padding: 12px 15px; background-color: #2d3540; border-bottom: 2px solid #424953; text-align: left; font-size: 0.9rem; font-weight: 600; color: #f2e3b3;}
.dark-mode-table tbody td {padding: 12px 15px; border-bottom: 1px solid #575d66;}
.dark-mode-table tbody tr:hover {background-color: #2d3540;}
.dark-mode-table tbody tr:last-child td {border-bottom: none;}

/* ============= цитата на главной ============= */
.text-light-luxury {color: #91886b;}
.gradient-luxury {background-image: linear-gradient(135deg, #8c592b, #f2e3b3, #8c592b); /* Ваш градиент */
  -webkit-background-clip: text; /* Для Safari */
  background-clip: text;
  color: transparent; /* Делает сам цвет текста прозрачным */}

/* ============= button ============= */
.btn-luxury {background: #8c592b; background: linear-gradient(135deg, #8c592b, #f2e3b3, #8c592b, #dacca1); background-size: 150% auto; transition: .5s; color: #2a1b0d; border: 1px solid #704722; min-width: 150px;}
.btn-luxury a {color: #ffffff !important; display: block !important;}
.btn-luxury a:hover {color: #2a1b0d !important;}
.btn-luxury:hover {background-position: 100% 0; border: 1px solid #704722; color: #2a1b0d;}
.btn-luxury:active {background-position: 50% 0; border: 1px solid #704722; color: #2a1b0d;}
.btn-luxury:first-child:active {border: 1px solid #704722; color: #462d16;}
.btn-shadow:hover {box-shadow: 0 2px 8px rgba(242, 227, 179, 0.45);}

.bbcodes, .dlevotebutton {background: #8c592b; background: linear-gradient(135deg, #8c592b, #f2e3b3, #8c592b, #dacca1); background-size: 150% auto; transition: .5s; color: #2a1b0d; border: 1px solid #704722; min-width: 100px;}
.bbcodes:hover, .dlevotebutton:hover {background-position: 100% 0; border: 1px solid #704722; color: #2a1b0d;}
.bbcodes:active, .dlevotebutton:active {background-position: 50% 0; border: 1px solid #704722;}

.btn-outline-pm {color: #f2e3b3; border-left: 2px solid #f2e3b3;}
.btn-outline-pm a, .btn-outline-pm a:hover {color: #adff2f !important; font-size: 0.95rem; display: block !important; border-left: 2px solid #adff2f;}
.btn-outline-pm:hover {border-left: 2px solid #adff2f; color: #adff2f !important; background-color: #575d66 !important;}
.btn-outline-pm:active {border-left: 2px solid #adff2f; color: #adff2f !important; background-color: #575d66 !important;}

/* ============= комментарии ============= */
.comments {background-color: #575d66; border: 1px solid #6c7279;}
#dle-comments-list {margin-top: 20px;}

/* ============= static ============= */
.story-img img {padding: 10px;}

/* ============= личный кабинет ============= */
.card-user-bg {background-color: #1b2026; background-image: url(../images/patern.png); background-repeat: repeat;}
.card-user-bg p {line-height: 0.1rem;}
.card-body-user {font-size: 1rem;}
.card-body-user label {font-size: .95rem; font-weight: 550;}
.card-user-text {font-weight: 600;}
.card-user > .nav-pills .nav-link {border-radius: 0rem; color: #adff2f; padding: 10px;}
.card-user > .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {color: #f2e3b3; background-color: rgba(255, 214, 79, 0); border-bottom: 3px solid #8c592b;}

/* ============= навигация по страницам ============= */
.navigation {color: #fafafa;}
.navigation a:active,
.navigation a:visited,
.navigation a:link {color: #fafafa; padding: 8px 14px; border: 1px solid #b8cdea; background-color: #4574b6;}
.navigation a:hover {color: #fafafa; border: 1px solid #80cbfd; background-color: #0097fa;}
.navigation span {color: #fafafa; padding: 8px 14px; border: 1px solid #b8cdea; background-color: #719ad5; cursor: not-allowed;}
.nav_ext {color: #fafafa; border: 1px solid rgba(255, 255, 255, 0.15); background-color: #3f4756; cursor: not-allowed;}

/* ============= Кнопки Атачмента ============= */
.attachment a, .attachment a:active, .attachment a:visited, .attachment a:link {text-decoration: none;} 
.attachment a:hover {text-decoration: none; color: #ffffff !important;}

/* ================= диалоговые окна на сайте ===================== */
.ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50);}
.ui-widget-content {background-color: #fafafa; color: #555555 !important;}
.ui-corner-all input {background-color: #fafafa; border: 1px solid #cccccc; color: #555555; border-radius: 3px;}
.ui-corner-all input:focus {outline: none;}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {content: ""; display: table; border-collapse: collapse;}
.ui-helper-clearfix:after {clear: both;}
.ui-dialog {position: fixed; top: 0; left: 0; background-color: #fafafa; border: 1px solid #848a97; border-radius: 0; outline: 0; overflow: hidden; -webkit-box-shadow: 0 10px 20px -4px rgba(0, 0, 0, 0.4); box-shadow: 0 10px 20px -4px rgba(0, 0, 0, 0.4);}
.ui-dialog-titlebar {position: relative; padding: 0.5rem 0.8rem; background-color: #328bc8;}
.ui-dialog-title {float: left; color: #fafafa; font-weight: 600; overflow: hidden; text-overflow: ellipsis;}
.ui-dialog-titlebar button {visibility: hidden;}
.ui-dialog-titlebar-close:before { font-family: "artprofit"; font-style: normal; font-weight: normal; content: "\e9a0"; visibility: visible; color: #fafafa; font-size: 20px; position: absolute; top: 6px; right: 12px;}
.ui-dialog-titlebar-close:hover {opacity: 0.75;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.ui-dialog-content {position: relative; font-size: 0.9rem; border: 0; padding: 20px; overflow: auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.ui-dialog-content select {background: #fafafa; border: 1px solid #cccccc; color: #555555;}
.ui-dialog-buttonpane {text-align: left; padding: 2px 10px; background: #328bc8;}
.ui-dialog-buttonpane .ui-dialog-buttonset {float: right; outline: none;}
.ui-dialog-buttonset button {font-size: 0.85rem; border: 0 none; vertical-align: middle; cursor: pointer; border-radius: 3px; outline: none; padding: 5px 15px; text-decoration: none !important; text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5); margin: 0.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-sizing: border-box; -webkit-transition: all ease 0.1s; transition: all ease 0.1s;}
.ui-dialog-buttonset button:first-child {background-color: #c48c3a; color: #ffffff !important;}
.ui-dialog-buttonset button:first-child:hover {background-color: #976410;}
.ui-dialog-buttonset button:nth-child(2) {background-color: #66968b; color: #ffffff !important;}
.ui-dialog-buttonset button:nth-child(2):hover {background-color: #417166;}
.ui-dialog-buttonset button:last-child {background-color: #729900; color: #ffffff !important;}
.ui-dialog-buttonset button:last-child:hover {background-color: #4a7300;}
.ui-dialog-buttonset button.ui-button-delete {background-color: #f44336; color: #ffffff !important;}
.ui-dialog-buttonset button.ui-button-delete:hover {background-color: #db3a2f;}
.ui-state-error {border: 1px solid #f44336 !important;}
.ui-front {z-index: 1000;}
.ui-button-icon-only {overflow: hidden; text-indent: -9999px;}
.ui-autocomplete { position: absolute; cursor: default; }
.ui-menu {list-style:none; padding: 2px; margin: 0; float: left; background: #fff 50% bottom repeat-x; border: 1px solid #dedede;	color: #353535;}
.ui-menu .ui-menu {margin-top: -3px;}
.ui-menu .ui-menu-item {margin:0; padding:.2em .4em; cursor: pointer; width: 100%;}

.file-box {width: 95%; max-width: 437px; border: 1px solid #b3b3b3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #f5f5f5; padding: 10px; margin-top: 10px;}
.qq-uploader {position: relative; width: 100%;}
.qq-upload-button {display: inline-block; padding: 4px 10px 4px 10px; margin-top: 5px; font: bold 11px/1.5em Verdana; color: #000000; border: 1px solid #cacaca; cursor: pointer;}
.qq-upload-drop-area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; max-width: 437px; background: #ff9797; text-align: center;}
.qq-upload-drop-area span {display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; font-size: 16px;}
.qq-upload-drop-area-active {background: #ff7171;}
.uploadedfile {float: left !important; width: 115px; height: 130px; margin: 10px 5px 5px 5px; border: 1px solid #b3b3b3; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); text-align: center; background: #ffffff;}
.uploadedfile .uploadimage {margin-top: 5px; width: 115px; height: 90px; display: flex; align-items: center; justify-content: center; cursor: move; cursor: -webkit-grabbing;}
.uploadedfile .info {text-align: left; white-space: nowrap; margin: 0px 5px 0px 5px; overflow: hidden;}
.sortable-ghost {opacity: 0.4;}
.progress {overflow: hidden; margin-top: 10px; margin-bottom: 10px; background-color: whitesmoke; height: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; background: #eee; -webkit-box-shadow: 0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;}
.progress .progress-bar {float: left; width: 0%; font-size: 12px; line-height: 20px; color: white; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; height: 8px;}
.progress-bar span {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0;}
.progress-blue {background-image: -webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0)); background-image: -webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%); background-image: -moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%); background-image: linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat: repeat-x; border: 1px solid #55aeee;}
.findrelated {background-color: #fff3cd; color: #664d03; position: relative; padding: 1rem; margin-bottom: 1rem; border-color: transparent; border: 1px solid #ffecb5;}

/* ============= прогресбар голосования и личные сообщения ============= */
.vote {margin-bottom: 5px;}
.voteprogress,
.pollprogress,
.pm_progress_bar {vertical-align: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.5rem; overflow: hidden; font-size: 1rem; text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5); border-radius: 0.375rem; margin-bottom: 10px; background-color: #615b48;}
.voteprogress span,
.pollprogress span,
.pm_progress_bar span {display: flex; flex-direction: column; justify-content: center; color: #ffffff; text-align: center; white-space: nowrap; background-color: #73a839; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; animation: 1s linear infinite progress-bar-stripes; animation-direction: reverse;}
.voteprogress .vote1,
.pollprogress .poll1 {background-color: #0d6efd; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.voteprogress .vote2,
.pollprogress .poll2 {background-color: #73a839; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.voteprogress .vote3,
.pollprogress .poll3 {background-color: #dd5600; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.voteprogress .vote4,
.pollprogress .poll4 {background-color: #c71c22; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.voteprogress .vote5,
.pollprogress .poll5 {background-color: #993dbc; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.pollallvotes {text-align: center; margin-top: 10px;}


/*---------- Форма быстрого ответа на комментарий ----------*/
#dlefastreplycomments {padding: 0 4% 10px 4%;}
#dle-comments-list > .comments-tree-list > li .comments-tree-list > li #dlefastreplycomments {padding: 0 0 10px 0;}
#dlefastreplycomments .wseditor {margin-bottom: 10px;}
.bb-editor textarea {background-color: #6c7279; color: #f2e3b3;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    padding: 7px; border: 1px solid #f2e3b3; width: 100%; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	margin-top: -1px;
	outline: none;
}
.bb-editor textarea:focus{border-color: #d7d7d7 !important;}
.commentsreplyname {padding: 2px; border: 1px solid #bcc0c2; width: 200px; background: #fff;}

/* =========== © 2010 - 2023 ArtProfits =========== */
/* ================ Andrey Mironov ================ */

/*--- Загрузчик AJAX ---*/
#loading-layer {display: block !important; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; white-space: nowrap;}
#loading-layer::after {content:''; display:block; position:absolute; left: 50%; top: 50%; height:100px; width:100px; margin:0px auto; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-left:4px solid rgba(0,174,239,.15); border-right:4px solid rgba(0,174,239,.15); border-bottom:4px solid rgba(0,174,239,.15); border-top:4px solid rgba(0,174,239,.8); border-radius:100%;}
@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}}
@-moz-keyframes rotation {from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);}}
@-o-keyframes rotation {from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);}}
@keyframes rotation {from {transform: rotate(0deg);} to {transform: rotate(359deg);}}

/* ================ дополнительные поля ================ */
.xfieldsrow {padding-top:5px; clear: both;}
.xfieldscolleft {float: left; width: 30%;}
.xfieldscolright {float: left; width: 70%;}

.xfieldimagegallery {margin: 0; padding: 0; list-style: none; clear: both;}
.xfieldimagegallery li {list-style: none; margin: 0; padding: 0;}
.xfieldimagegallery li img {float: left; margin: 8px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.176); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.176); width: 160px; height: auto; padding: 1px;}
.xfieldimagegallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4)}

/* ================ Ввод дополнительный полей в добавлении новости ================ */
.xfields {display: block;}

.xfields input {width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #ffffff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
.xfields input:focus {color: #212529; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);}
.xfields textarea {width: 100%; height: 100px; margin-top: 5px;}

/* ================ Настройка подсказки для доп. полей ================ */
.xfieldsnote {color: #838383; font-size: .9em;}

/* ================ Дополнительные поля профиля пользователей ================ */
.xprofile input {display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; margin-bottom: .5rem !important;}
.xprofile input:focus {color: #495057; background-color: #fff; border-color: #a1d6f4; outline: 0;  -webkit-box-shadow: 0 0 0 .075rem rgba(13, 110, 253, .075); box-shadow: 0 0 0 .075rem rgba(13, 110, 253, .075);}
.xprofile select {color: #000000; border: 1px solid #8a8989; background-color: #ffffff;}
.xprofile textarea {height: 70px;margin: 0px 1px 0px 0px;padding: 0px;}
.xfields_table td {vertical-align: middle;}

/* ================ Цитаты, Спойлеры, Код  ================ */
.scriptcode, .text_spoiler {padding: 10px 15px; margin: 0 10px; border: 1px solid #75b798;}
.title_quote {padding: 5px; margin: 0 10px; font-weight: bold; background-color: hsla(4, 76%, 49%, 0.5);}
.blockquote-footer {color: #79725a;}
.quote, blockquote {padding: 10px 0 10px 50px; margin: 0 10px; border-left: 2px solid #f2e3b3; position: relative;}
.quote:before, blockquote:before {color: #f2e3b3; position: absolute; left: 0; top: 5%; font-family: artprofit; content: "\e99f"; font-size: 22px; margin: 5px;}
.title_spoiler {padding: 5px; margin: 0 10px; font-weight: bold; background-color: #e9ecef;}
.text_spoiler {padding: 10px 15px; margin: 0 10px; border: 1px solid #ced4da;}
.title_spoiler img {vertical-align: middle; margin: -1px 0 0 !important;}
.scriptcode {color: #4c6d0f; text-align: left; font-family: "Courier New";}
.title_spoiler {font-weight: normal;}
.text_spoiler {border-top: 0; text-align: justify;}
.hide { background-color: #f0f0f0; padding: 10px 15px; color: #4c6d0f; margin: 0 0 1em 0 }
.hide a { text-decoration: underline; } .hide a:hover { text-decoration: none }

/* ================ Выпадающее меню кнопки редактировать ================ */
#dropmenudiv {min-width: 140px; width: auto !important; background-color: #ffffff; font-size: 15px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); margin-bottom: 2px; padding: 5px 0; opacity: 0.98 !important;}
#dropmenudiv a {display: block; text-decoration: none; color: #292929; padding: 5px; margin: 5px;}
#dropmenudiv a:hover {color: #ffffff; background-color: #8540f5; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),0 7px 10px -5px #8540f5; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}

/* ================ Поля быстрого редактирования публикаций на сайте ================ */
.quick-edit-text {padding: .4em; width: 350px;}
.quick-edit-textarea {height: 250px; box-sizing: border-box; padding: 2px; border: 1px solid #d7d7d7; width: 100%; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}

/* ================ Подсветка кода в теге [code] ================ */
pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; }
pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { padding: 0; margin: 0; border:none; box-shadow: none; background-color: inherit; color: #93a1a1; font-style: italic; }
pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title { color: #859900; }
pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor { color: #2aa198; }
pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator,
pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id { color: #268bd2; }
pre .tag .title, pre .rules .property, pre .django .tag .keyword { font-weight: bold;font-size: 1.08em !important;  }
pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title,
pre .parent, pre .haskell .label { color: #b58900; }
pre .preprocessor, pre .pi, pre .shebang, pre .symbol,
pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata { color: #cb4b16; }
pre .deletion { color: #dc322f; }
pre .tex .formula { background: #eee8d5; }
pre .comment:hover {background-color: inherit;box-shadow: none;}

/* ================================================ */
/* Owl Carousel v2.3.4 */
/* Copyright 2013-2018 David Deutsch */
/* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
/* animate.css - https://animate.style/  * Version - 4.1.1 */
/* ================================================ */
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; backface-visibility: hidden; -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.owl-carousel .owl-item img {display: block; width: 100%;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {background: none; color: inherit; border: none; padding: 0 !important; font: inherit;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0; display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
/* No Js */
.no-js .owl-carousel {display: block;}
/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {animation-name: fadeOut;}
@keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}}
/* Owl Carousel - Auto Height Plugin */
.owl-height {transition: height 500ms ease-in-out;}
/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {max-height: 0;}
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;}


.owl-theme .owl-nav {margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-nav [class*='owl-'] {color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px;}
.owl-theme .owl-nav [class*='owl-']:hover {background: #869791; color: #FFF; text-decoration: none;}
.owl-theme .owl-nav .disabled {opacity: 0.5; cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;}
.owl-theme .owl-dots {text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1;}
.owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; backface-visibility: visible; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #869791;}

@-webkit-keyframes fadeInUp {0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInUp {0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeOut {0%{opacity:1}to{opacity:0}}
@keyframes fadeOut {0%{opacity:1}to{opacity:0}}
.fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut}

.wseditor {border-top: 5px solid #cca380;}
.dlecomments-editor .tox .tox-toolbar__primary,  .dlefastedit-editor .tox .tox-toolbar__primary {border-top: 0; box-shadow: none;}

/* ================================================ */
/* =========== © 2010 - 2023 ArtProfits =========== */
/* =================== svg fonts ================== */
/* ==================== v.4.3 ===================== */
/* ================================================ */
@font-face {font-family: 'artprofit'; src: url('../fonts/artprofit.ttf?uvfvco') format('truetype'), url('../fonts/artprofit.woff?uvfvco') format('woff'), url('../fonts/artprofit.svg?uvfvco#artprofit') format('svg'); font-weight: normal; font-style: normal; font-display: block;}

.ar {/* use !important to prevent issues with browser extensions that change fonts */ font-family: 'artprofit' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    
.ar {display:inline-block;font:normal normal normal 14px/1 artprofit;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .ar-sm{font-size:.8em;} .ar-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%;} .ar-2x{font-size:2em;}.ar-3x{font-size:3em;} .ar-4x{font-size:4em;} .ar-5x{font-size:5em;}
    
.ar-home:before {content: "\e900";} .ar-setting:before {content: "\e901";} .ar-setting-fill:before {content: "\e902";} .ar-settings:before {content: "\e903";} .ar-settings-fill:before {content: "\e904";} .ar-key:before {content: "\e905";} .ar-key-fill:before {content: "\e906";} .ar-add-key:before {content: "\e907";} .ar-add-key-fill:before {content: "\e908";} .ar-address-book:before {content: "\e909";} .ar-address-book-fill:before {content: "\e90a";} .ar-calendar:before {content: "\e90b";} .ar-calendar-fill:before {content: "\e90c";} .ar-calendar-off:before {content: "\e90d";} .ar-calendar-off-fill:before {content: "\e90e";} .ar-content:before {content: "\e90f";} .ar-web-design:before {content: "\e910";} .ar-web-design-fill:before {content: "\e911";} .ar-edit-property:before {content: "\e912";} .ar-edit-property-fill:before {content: "\e913";} .ar-renew-subscription:before {content: "\e914";} .ar-renew-subscription-fill:before {content: "\e915";} .ar-contact-card:before {content: "\e916";} .ar-contact-card-fill:before {content: "\e917";} .ar-exclamation-circle:before {content: "\e918";} .ar-exclamation-circle-fill:before {content: "\e919";} .ar-info-circle:before {content: "\e91a";} .ar-info-circle-fill:before {content: "\e91b";} .ar-dash-circle:before {content: "\e91c";} .ar-dash-circle-fill:before {content: "\e91d";} .ar-plus-circle:before {content: "\e91e";} .ar-plus-circle-fill:before {content: "\e91f";} .ar-user-circle:before {content: "\e920";} .ar-user-circle-fill:before {content: "\e921";} .ar-user:before {content: "\e922";} .ar-user-fill:before {content: "\e923";} .ar-user-valid:before {content: "\e924";} .ar-user-valid-fill:before {content: "\e925";} .ar-user-add:before {content: "\e926";} .ar-user-add-fill:before {content: "\e927";} .ar-user-group:before {content: "\e928";} .ar-user-group-fill:before {content: "\e929";} .ar-user-update:before {content: "\e92a";} .ar-user-update-fill:before {content: "\e92b";} .ar-user-update-circle:before {content: "\e92c";} .ar-user-update-circle-fill:before {content: "\e92d";} .ar-user-unfriend-fill:before {content: "\e92e";} .ar-reading:before {content: "\e92f";} .ar-reading-fill:before {content: "\e930";} .ar-user-manual:before {content: "\e931";} .ar-user-manual-fill:before {content: "\e932";} .ar-cloud:before {content: "\e933";} .ar-cloud-fill:before {content: "\e934";} .ar-download-cloud:before {content: "\e935";} .ar-download-cloud-fill:before {content: "\e936";} .ar-inbox:before {content: "\e937";} .ar-inbox-fill:before {content: "\e938";} .ar-message:before {content: "\e939";} .ar-message-fill:before {content: "\e93a";} .ar-message-reply:before {content: "\e93b";} .ar-message-send:before {content: "\e93c";} .ar-add-message:before {content: "\e93d";} .ar-add-message-fill:before {content: "\e93e";} .ar-message-open:before {content: "\e93f";} .ar-message-open-fill:before {content: "\e940";} .ar-group-message:before {content: "\e941";} .ar-group-message-fill:before {content: "\e942";} .ar-contact:before {content: "\e943";} .ar-phone:before {content: "\e944";} .ar-phone-fill:before {content: "\e945";} .ar-callback:before {content: "\e946";} .ar-callback-fill:before {content: "\e947";} .ar-comments:before {content: "\e948";} .ar-comments-fill:before {content: "\e949";} .ar-comment-oval:before {content: "\e94a";} .ar-comment-oval-fill:before {content: "\e94b";} .ar-security-checked:before {content: "\e94c";} .ar-security-checked-fill:before {content: "\e94d";} .ar-send:before {content: "\e94e";} .ar-send-fill:before {content: "\e94f";} .ar-pin:before {content: "\e950";} .ar-pin-fill:before {content: "\e951";} .ar-bell:before {content: "\e952";} .ar-bell-fill:before {content: "\e953";} .ar-print:before {content: "\e954";} .ar-print-fill:before {content: "\e955";} .ar-error:before {content: "\e956";} .ar-error-fill:before {content: "\e957";} .ar-combo-chart:before {content: "\e958";} .ar-combo-chart-fill:before {content: "\e959";} .ar-rss:before {content: "\e95a";} .ar-rss-fill:before {content: "\e95b";} .ar-like-on:before {content: "\e95c";} .ar-like-off:before {content: "\e95d";} .ar-eye:before {content: "\e95e";} .ar-eye-hide:before {content: "\e95f";} .ar-star:before {content: "\e960";} .ar-star-rat:before {content: "\e961";} .ar-star-fill:before {content: "\e962";} .ar-stack-photos:before {content: "\e963";} .ar-stack-photos-fill:before {content: "\e964";} .ar-tags:before {content: "\e965";} .ar-tags-fill:before {content: "\e966";} .ar-visit:before {content: "\e967";} .ar-visit-fill:before {content: "\e968";} .ar-worldwide:before {content: "\e969";} .ar-worldwide-fill:before {content: "\e96a";} .ar-worldwide-location:before {content: "\e96b";} .ar-worldwide-location-fill:before {content: "\e96c";} .ar-worldwide-domain:before {content: "\e96d";} .ar-worldwide-domain-fill:before {content: "\e96e";} .ar-hashtag:before {content: "\e96f";} .ar-hashtag-fill:before {content: "\e970";} .ar-bug:before {content: "\e971";} .ar-bug-fill:before {content: "\e972";} .ar-spam:before {content: "\e973";} .ar-spam-fill:before {content: "\e974";} .ar-search:before {content: "\e975";} .ar-search-fill:before {content: "\e976";} .ar-map:before {content: "\e977";} .ar-map-fill:before {content: "\e978";} .ar-facebook-circle:before {content: "\e979";} .ar-facebook:before {content: "\e97a";} .ar-vk-circle:before {content: "\e97b";} .ar-vk:before {content: "\e97c";} .ar-informacia:before {content: "\e97d";} .ar-clock:before {content: "\e97e";} .ar-info:before {content: "\e97f";}.ar-clock-circle:before {content: "\e980";} .ar-quotes:before {content: "\e981";} .ar-reply:before {content: "\e982";} .ar-trash:before {content: "\e983";} .ar-checked:before {content: "\e984";} .ar-checked-box:before {content: "\e985";} .ar-pencil-square:before {content: "\e986";} .ar-vote:before {content: "\e987";} .ar-mail-at:before {content: "\e988";} .ar-question:before {content: "\e989";} .ar-question-answer:before {content: "\e98a";} .ar-off:before {content: "\e98b";} .ar-number:before {content: "\e98c";} .ar-bookmark:before {content: "\e98d";} .ar-bookmark-plus:before {content: "\e98e";} .ar-bookmark-minus:before {content: "\e98f";} .ar-bookmarks:before {content: "\e990";} .ar-mark:before {content: "\e991";} .ar-mark-plus:before {content: "\e992";} .ar-mark-minus:before {content: "\e993";} .ar-link:before {content: "\e994";} .ar-check-in:before {content: "\e995";} .ar-earth:before {content: "\e996";} .ar-compass:before {content: "\e997";} .ar-handshake:before {content: "\e998";} .ar-volume-up:before {content: "\e999";} .ar-sun:before {content: "\e99a";} .ar-moon:before {content: "\e99b";} .ar-circle-half:before {content: "\e99c";} .ar-chevron-double-left:before {content: "\e99d";} .ar-chevron-double-right:before {content: "\e99e";} .ar-quote:before {content: "\e99f";} .ar-x-lg:before {content: "\e9a0";} .ar-flash:before {content: "\e9a1";} .ar-update:before {content: "\e9a2";} .ar-dots-menu:before {content: "\e9a3";} .ar-briefcase:before {content: "\e9a4";} .ar-briefcase-fill:before {content: "\e9a5";} .ar-car:before {content: "\e9a6";}

/*==========  13.3 - 14.0   ==========*/
.emoji {border: none; vertical-align: middle; width: 22px; height: 22px;}
.emoji_box {width:100%; max-width: 390px;}
.emoji_category {padding:7px; clear:both;}
.emoji_list {margin-top:5px; margin-bottom:5px; width:100%; font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size:2em;}
.emoji_symbol {float:left; margin-bottom: 10px; width:12.5%; text-align:center;}
.emoji_symbol a,  .emoji_symbol a:hover {cursor: pointer; text-decoration:none;}
.native-emoji {font-size: 1.3em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';}

/*==========  14.2 - 14.3  ==========*/
.hljs-comment, .hljs-quote {color: #a0a1a7; font-style: italic;}
.hljs-doctag, .hljs-keyword, .hljs-formula {color: #a626a4;}
.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {color: #e45649;}
.hljs-literal {color: #0184bb;}
.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {color: #50a14f;}
.hljs-built_in, .hljs-class .hljs-title {color: #c18401;}
.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {color: #986801;}
.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {color: #4078f2;}
.hljs-emphasis {font-style: italic;}
.hljs-strong {font-weight: bold;}
.hljs-link {text-decoration: underline;}

/*========== 15.0 - 15.1 ==========*/
figure {margin: 0;}
figure.align-left {float: left;}
figure.align-right {float: right;}
figure.image.align-center {display: table; margin-left: auto; margin-right: auto;}
figure.image figcaption {padding: 1rem; background-color: #fafafa; font-size: .8rem; caption-side: bottom; word-break: break-word; text-align: center;}
figure.image.align-center figcaption {display: table-caption;}

/*========== 15.2 - 15.3 ==========*/
.comments-image-gallery {margin: 0; padding: 0; list-style: none; clear: both;}
.comments-image-gallery li {list-style: none; margin: 0; padding: 0;}
.comments-image-gallery li img {float: left; margin-right: 5px; border: 5px solid #fff; width: 100px; height: 100px; transition: box-shadow 0.5s ease;}
.comments-image-gallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4);}
.mce-toc {border: 1px solid #dbdada; margin: 0 0 .7rem 0;}
.mce-toc h2 {margin: 4px;}
.mce-toc ul {padding-left: 20px; list-style: none; margin-top: 0; margin-bottom: 0; margin-block-start: 1em; margin-block-end: 1em;}
.mce-toc ul ul {padding-left: 20px; margin-block-start: 0; margin-block-end: 0;}
.mce-toc li {list-style-type: none;}

/*========== 15.3 - 16.0 ==========*/
.image-bordered {border: 1px solid #ddd;}
.image-shadows {box-shadow: rgba(9,30,66,0.25) 0px 4px 8px -2px, rgba(9,30,66,0.08) 0px 0px 0px 1px;}
.image-padded {padding: 0.5rem;}
.comments-user-profile {font-weight: bold; cursor: pointer; color: #3394e6;}

/*========== 16.1 - 17.0 ==========*/
.dle-popup-mediaupload .tabs a {color:#000;}
.dle-popup-mediaupload .tabs a.current,.dle-popup-mediaupload .tabs a.current:hover {color:#428BCA; background-color:#fff; border:1px solid #ddd; border-top-color:#be5046; border-bottom-color:transparent;}
.dle-popup-mediaupload .tabs a:hover {background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent;}
.title_spoiler svg {vertical-align: middle; margin-top: -4px; margin-right: 7px; height: 16px; width: 16px;}
.mce-accordion summary {cursor: pointer;}

/*========== 17.0 - 17.1 ==========*/
.DLEPush {z-index: 2001; position: fixed; right: 20px; top: 20px;}
@keyframes DLEPush-show {0% {transform: translateY(100%); opacity: 0;} 100% {transform: translateY(0); opacity: 1;}}
.DLEPush-notification.wrapper {animation-name: DLEPush-show; animation-duration: 1s; position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; color: #333; margin-bottom: 10px; width: 100%; max-width: 400px; box-shadow: 0 10px 15px rgb(0 0 0 / 20%); background-color: #fff; border-radius: 10px;}
.DLEPush-notification .DLEPush-icon {grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; color: #fff; width: 45px; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center;}
.DLEPush-notification .DLEPush-icon svg {scale: .8;}
.DLEPush-notification .DLEPush-header {font-weight: 500; grid-column: 2; grid-row: 1; font-size: 1rem; margin-left: 1rem; margin-top: .5rem;}
.DLEPush-notification .DLEPush-header:empty {margin-top: 0;}
.DLEPush-notification .DLEPush-message {grid-column: 2; grid-row: 2; font-size: .875rem; margin: 1rem;}
.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {list-style-type: none; padding-left: 0;}
.DLEPush-notification .DLEPush-close {position: absolute; top: 8px; right: 10px; font-weight: 300; background: none; border: 0; font-size: 1.15rem; cursor: pointer; line-height: 1; padding: 0; color: inherit; outline: 0; opacity: 0.75;}
@media only screen and (min-width: 601px) {.DLEPush-notification.wrapper {min-width: 400px;}}
.DLEPush-notification .DLEPush-close:hover {opacity: 1;}
.DLEPush-notification.wrapper.push-success {background-color: #e0f2f1;}
.DLEPush-notification.wrapper.push-success .DLEPush-icon {background-color: #00897b;}
.DLEPush-notification.wrapper.push-warning {background-color: #FFF3E0;}
.DLEPush-notification.wrapper.push-warning .DLEPush-icon {background-color: #FF9800;}
.DLEPush-notification.wrapper.push-error {background-color: #FBE9E7;}
.DLEPush-notification.wrapper.push-error .DLEPush-icon {background-color: #FF5722;}
input[type="text"].comments_author_field {width: 100%; margin-bottom: 10px;}

/*========== 17.3 - 18.0 ==========*/
.pm th {text-align: left; font-weight: 500; white-space: nowrap;}
.pm th.pm_checkbox {text-align: center;}
.pm_list.pm_subj, .pm_list.pm_icon, .pm_list.pm_last_user {cursor: pointer;}
.pm_list.pm_icon svg {width: 1.4rem; height: 1.4rem; vertical-align: middle; margin: 5px;}
.pm_list.pm_icon.pm-unread-image {color: #3394e6;}
.pm td.pm_list.pm_icon, .userstop td, th.pm_head.pm_icon {border-bottom: none;}
.pm_list.pm_icon.pm-reply-image {color: #087e02c4;}
.pm_list.pm_icon.pm-read-image {color: #afafaf;}
.pm_list .pm_last_message, .pm_list .pm_last_date, .pm_list .pm_with_user {color: #64748b;	font-size: .8rem;}
.pm tbody > tr:hover {background-color: #e2e8f099;}
.pm_navigation {margin-top: 1rem;}
.pm_navigation .navigation {display: inline-block; color: #333333; background-color: #f5f5f5; border-radius: 0.188rem; padding: .4rem;}
.pm_navigation .navigation a, .pm_navigation .navigation span {padding: 0.5rem; min-width: 2.25rem;}
.pm_navigation .navigation span {background-color: #4581d0; color: #ffffff;}
.pm_navigation .navigation a {text-decoration: none; color: #000000;}
.pm_navigation .navigation a:hover {background-color: #e2e8f0;}

/*========== 18.0 - 18.1 ==========*/
.quote_link {float: right;}
.quote_link svg {color: #6c838e; vertical-align: middle;}

/*========== 18.1 - 19.0 ==========*/
.clipboard-copy-link svg {color: #6c838e; vertical-align: middle; margin-top: -3px;}