/* Тёмная тема */

body {
    background: #1a1a1a;
    color: #ededed;}

.header, .services-block-cont {
    background: #1a1a1a;}

.ticket-message {
    background-color: #303030;}

.portfolio-links a, .header-menu a, .client-name, .pagination-wrap a, .pagination-wrap span, .fil_list a {
    color: #ffffff;}

.portfolio-links {
    border-bottom: 1px solid #232323;}

.btn, .ui-button {
    color: #ffffff;
    border: 2px solid #a4a4a4;}

.dropdown-menu {
       background-color: #262626;}

.dropdown-menu > li > a {
    color: #bdbdbd;}

.dropdown-menu li {
    border-bottom: 3px solid #2e2e2e;}

.services-block {
    background: #161616;}

.block-title, .service-name a {
    color: #c3c3c3;}

.slider {
    /* background: #212121 url(../img/slider-bg.png) no-repeat center; */}

.slider-inner {
    background: #1a1a1a url(../img/Layers.png) no-repeat center;}

.service-wrap p a:hover, .service-desc a:hover, .service-wrap:hover .service-desc a, .dle_theme_dark .messenger-modal h3, .messenger-modal h3 {
    color: #fff;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 20px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #232323;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #232323;}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #716e6e;}

.feedbacks-block, .portfolio-block-works, .portfolio-block-vn {
    background: none;}

.feedbacks-slider .carousel-control.right, .feedbacks-slider .carousel-control.left {
    color: #ffffff;
    margin-top: 150px;}

.portfolio-slider i {
    margin-top: 120px;
    color: #ffffff;
    font-size: 30px;}

.cookie-consent-banner {
    background: #1b1b1b!important;}

.work-item-title a {
    position: relative;
    color: #b8b8b8;}

thead .admin-order, .fil_list a.active {
    background: #2c2c2c;}

.billing-table tr {
    border-bottom: 1px solid #323232;}

.table-hover > tbody > tr:hover {
    background-color: #252525;}

.status_2 {
    background: #393939;}

.ticketblok {
    background-color: #282828;}

select, textarea, input[type="text"], input[type="password"], input[type="file"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {

    background: #1e1e1e!important;
    border: 1px solid #343434!important;}

.form-control {
    
    color: #dddddd;
    background-color: #1e1e1e;
   height: 50px;
    border: 1px solid #343434;}

hr {
    border-top: 1px solid #2c2c2c!important;}

.billing-table tr {
    border-bottom: 1px solid #2c2c2c!important;}

.btn, .ui-button {
    color: #ffffff;
    border: 2px solid #a4a4a4;
    background: padding-box;}

.header-logo a {
    background: url(https://fixp.ru/templates/fixp2017/img/logo_w.svg) no-repeat center;
    width: 160px;
    height: 27px;
    display: block;
    background-size: cover;}

.quote, blockquote {
    border-left: 2px solid #ff0000;}

.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote {
    background: #272727;
    border: 1px solid #444444;
        margin: 20px 0;}

.modal-content {
    background-color: #1e1e1e;
    border: 1px solid rgba(0, 0, 0, .2);}

.modal-header {
    border-bottom: 1px solid #2e2e2e;}

.modal-footer {
    border-top: 1px solid #2e2e2e;}

.cookie-settings-btn {
font-family: Arial;
    color: #ffffff!important;
    border: 1px solid #ffffff!important;}

.cookie-accept-all, .cookie-confirm-btn {
    color: #000000!important;
    background-color: #ffffff!important;}

.pushy {
        background: #000000 !important;
        width: 200px;}

#options .billing-pay-step {
        padding: 20px 0px 0px 0px;
    margin: 20px 40px 0px 0px;
    padding: 20px;
    /* background: #f9f9f9; */
    border-radius: 2px;
    border: 1px solid #343434;}

.messenger-links-block {
    margin: 20px 40px 0 0;
    padding: 20px;
    border-radius: 2px;
    border: 1px solid #343434;}

.messenger-links-title {
    margin-top: 0;}

.messenger-links-desc {
    color: #888;
    font-size: 13px;}

.messenger-card {
    margin-bottom: 15px;
    padding: 15px;
    background: #1e1e1e !important;
    border-radius: 2px;
    border: 1px solid #343434;}

.messenger-card:last-child {
    margin-bottom: 0;}

.messenger-card-inner {
    display: flex;
    align-items: center;
    gap: 12px;}

.messenger-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;}

.messenger-avatar-tg, .messenger-btn-tg, .messenger-modal-btn.tg {
    background: #2AABEE;}

.messenger-avatar-max, .messenger-btn-max, .messenger-modal-btn.max {
    background: #6C5CE7;}

.messenger-card-info {
    flex: 1;}

.messenger-status {
    margin: 3px 0 0 0;}

.messenger-status-linked {
    color: #27ae60;}

.messenger-status-unlinked {
    color: #e67e22;}

.messenger-btn {
    display: inline-block;
    padding: 8px 16px;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    white-space: nowrap;}

.messenger-btn:hover {
    opacity: 0.9;
    color: #fff;
    text-decoration: none;}

.messenger-auth-required {
    padding: 15px;
    color: #888;
    text-align: center;}

.messenger-status-blocked {
    color: #e74c3c;}

.messenger-btn-unlink {
    background: transparent !important;
    color: #888 !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    border: 1px solid #444 !important;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;}

.messenger-btn-unlink:hover {
    background: #e74c3c !important;
    color: #fff !important;
    border-color: #e74c3c !important;}

/* ============ МОДАЛЬНОЕ ОКНО МЕССЕНДЖЕРОВ ============ */

.messenger-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;}

.messenger-modal {
    background: #fff;
    border-radius: 16px;
    padding: 30px 25px 25px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    position: relative;}

.messenger-modal-close {
    position: absolute;
    top: 12px;
    right: 16px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #999;
    padding: 0;
    line-height: 1;}

.messenger-modal h3 {
    margin: 0 0 12px;
    font-size: 20px;
    color: #333;}

.messenger-modal p {
    font-size: 14px;
    color: #666;
    margin: 0 0 20px;
    line-height: 1.5;}

.messenger-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;}

.messenger-modal-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: #fff !important;
    transition: opacity 0.2s;}

.messenger-modal-btn:hover {
    opacity: 0.9;
    color: #fff !important;
    text-decoration: none;}

.messenger-modal-later {
    background: none;
    border: none;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    padding: 8px;
    margin-top: 5px;
    width: 100%;}

.messenger-modal-status {
    padding: 12px;
    border-radius: 8px;
    font-size: 14px;
    background: #e8f5e9;
    color: #27ae60;}

.dle_theme_dark .messenger-modal {
    background: #1e1e1e;
    border: 1px solid #343434;}

.dle_theme_dark .messenger-modal p, .messenger-modal p {
    color: #aaa;}

.dle_theme_dark .messenger-modal-later, .messenger-modal-later {
    color: #666;}

.dle_theme_dark .messenger-modal-status, .messenger-modal-status {
    background: #1b3a1b;
    color: #4caf84;}

@media (prefers-color-scheme: dark) {
    .messenger-modal {
        background: #1e1e1e;
        border: 1px solid #343434;}

}

.st_lable_red {
        color: #f00;
    padding: 5px 10px;
    border-radius: 3px;}

.inv_pay {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    border: 2px solid #333333;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #ffffff;
    border: 2px solid #a4a4a4;
    background: padding-box;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 21px;
    padding-right: 21px;
    font-size: 13px;}

.inv_pay:hover {
    color: #ffffff;
    border-color: #ff0000;
    background: #ff0000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
        text-decoration: none;}

.itogsum {
        background: #2c2c2c;
    font-weight: 600;}

/*88888888888888888888888888888888888888*/
a {
    color: #f94f4f;}

a:hover, a:focus {
    color: #ffa8a8;
    text-decoration: underline;}