@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/irsans-b.eot);
    src: url(../fonts/irsans-b.eot?#iefix) format("embedded-opentype"), url(../fonts/irsans-b.woff) format("woff"), url(../fonts/irsans-b.ttf) format("truetype");
}

@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/irsans-m.eot);
    src: url(../fonts/irsans-m.eot?#iefix) format("embedded-opentype"), url(../fonts/irsans-m.woff) format("woff"), url(../fonts/irsans-m.ttf) format("truetype");
}

@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/irsans.eot);
    src: url(../fonts/irsans.eot?#iefix) format("embedded-opentype"), url(../fonts/irsans.woff) format("woff"), url(../fonts/irsans.ttf) format("truetype");
}

@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/irsans-l.eot);
    src: url(../fonts/irsans-l.eot?#iefix) format("embedded-opentype"), url(../fonts/irsans-l.woff) format("woff"), url(../fonts/irsans-l.ttf) format("truetype");
}

@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/irsans-u.eot);
    src: url(../fonts/irsans-u.eot?#iefix) format("embedded-opentype"), url(../fonts/irsans-u.woff) format("woff"), url(../fonts/irsans-u.ttf) format("truetype");
}

* {
    font-family: irsans;
}

/* --- meta boxes imdb --- */
.search_title_imdb {
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.search_title_imdb input {
    padding: 5px;
    margin-top: 5px;
    width: calc(100% - 120px);
}

.search_title_imdb button {
    display: inline-block;
    margin-top: 10px !important;
}

.status_progress {
    margin-top: 10px;
    display: none;
}

.status_progress p {
    line-height: 20px !important;
    margin: 0 !important;
}

.result_list {
    width: 100%;
}

.result_list ul li {
    padding: 7px 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    color: #333;
}

.result_list ul li span {
    color: #0073aa;
    transition-property: border, background, color;
    transition-duration: .05s;
    transition-timing-function: ease-in-out;
    cursor: pointer;
}

.result_list ul li:last-child {
    border-bottom: 0;
}

.inputs_data_imdb {
    width: 100%;
    margin-top: 30px;
    display: none;
}

.inner_inputs {
    display: inline-block;
    width: 100%;
}

.inputs_data_imdb.active {
    display: block;
}

.inputs_data_imdb .item {
    float: right;
    position: relative;
    width: 49%;
    margin-bottom: 10px;
}

.upload_btn_open {
    position: absolute;
    bottom: 13px;
    left: 10px;
    text-align: right;
    color: #2271b1;
    cursor: pointer;
}

.upload_btn_open:hover {
    text-decoration: underline;
}

.inputs_data_imdb .item:nth-child(even) {
    float: left;
}

.inputs_data_imdb .item label,
.inputs_data_imdb .full_item label {
    width: 100%;
    font-weight: 600;
}

.inputs_data_imdb .full_item {
    float: right;
    width: 100%;
    margin-bottom: 10px;
}

.inputs_data_imdb input[type="text"],
.inputs_data_imdb textarea {
    width: 100%;
    padding: 7px;
    margin-top: 5px;
}

.form_item_checkbox {
    float: right;
    width: 100%;
    margin-bottom: 15px
}

.form_item_checkbox .filed {
    float: left;
    width: auto
}

.switch {
    position: relative;
    width: 48px;
    height: 25px;
    float: left;
    margin: 2px 5px 0 7px !important
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #555;
    -webkit-transition: .4s;
    transition: .4s
}

.slider::before {
    position: absolute;
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s
}

.form_item_checkbox input,
.form_item_checkbox input:focus {
    box-shadow: none !important;
}

.form_item_checkbox input {
    display: none;
}

input:checked+.slider {
    background-color: #78b21f;

}

.form_item_selectbox {
    width: 100%;
    float: right;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.form_item_selectbox label {
    line-height: 30px
}

.filed>input:focus+.slider {
    box-shadow: 0 0 1px #78b21f
}

input:checked+.slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px)
}

.slider.round {
    border-radius: 50px
}

.slider.round:before {
    border-radius: 50%
}

.slider:before {
    content: ""
}

.repeatable_fields {
    width: 100%;
    margin-top: 20px;
}

.repeatable_fields table {
    width: 100%;
}

.repeatable_fields .button {
    min-height: 43px;
    margin-top: 5px;
}

.repeatable_fields .button .dashicons {
    line-height: 43px !important;
}

.clone_tr {
    display: none;
}

.inner_inputs .form_item_checkbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding-left: 10px
}

.inner_inputs .form_item_checkbox>.border {
    border-bottom: 1px solid #C3C4C7;
    flex: 1;
}

.inner_inputs .form_item_checkbox>.filed {
    background: #fff;
    padding-right: 5px;
}

#bgmata_metabox .side-item {
    width: 100%;
    display: block;
    position: relative;
}

#bgmata_metabox .side-item input {
    width: 100%;
    margin-bottom: 5px;
    padding: 3px 10px;
}

.widget_select_genre {
    display: none !important;
}

.widget_select_genre.active {
    display: block !important;
}

.select-megamenu-pic {
    position: relative;
    width: 100%;
    display: block;
    float: right;
}

.select-megamenu-pic input {
    direction: rtl;
}

.select-megamenu-pic .upload_btn_open {
    bottom: 6px;
}

/* --------------- */

/* ------ admin settings ------- */
.main-settings-panel-section,
.main-settings-panel-section * {
    box-sizing: border-box;
}

.main-settings-panel-section>.head-panel-settings {
    background-color: #23282d;
    width: 100%;
    display: block;
}

.main-settings-panel-section>.head-panel-settings>.top-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 15px;
    align-items: center;
}

.main-settings-panel-section>.head-panel-settings>.top-info>.main-title {
    display: inline-flex;
    align-items: center;
}

.main-settings-panel-section>.head-panel-settings>.top-info>.main-title>h1 {
    font-size: 20px;
    color: #fff;
    font-family: 'irsans';
    font-weight: 600;
}

.main-settings-panel-section>.head-panel-settings>.top-info>.main-title>.version {
    padding: 10px 20px;
    margin-right: 15px;
    background: linear-gradient(150deg, #5c6bc0, #42a5f5);
    border-radius: 30px;
    color: #fff;
    font-weight: 500;
    font-size: 17px;
}

.main-settings-panel-section>.head-panel-settings>.top-info>.copyright {
    background-color: #343c44;
    color: #fff;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
}

.main-settings-panel-section>.head-panel-settings>.top-info>.copyright:hover {
    background: linear-gradient(150deg, #ffab00, #ff9800);
    -webkit-box-shadow: 0 5px 25px #ffab00;
    -moz-box-shadow: 0 5px 25px #ffab00;
    box-shadow: 0 5px 25px #ffab00;
}

.main-settings-panel-section>.head-panel-settings>.bottom-info {
    background-color: #343c44;
    background: linear-gradient(to right, rgb(52, 60, 68, 0), rgb(52, 60, 68, 0.3), rgb(52, 60, 68, 0.6), rgb(52, 60, 68, 0.9));
    padding: 12px 20px;
    color: #fff;
    font-weight: 300;
}

.main-settings-panel-section>.head-panel-settings>.bottom-info>p {
    margin: 0;
}

.main-settings-panel-section>.panel-settings-body {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.main-settings-panel-section>.panel-settings-body>.right-sidebar {
    width: 300px;
    display: inline-block;
    background-color: #23282d;
    min-height: 80vh;
}

.main-settings-panel-section>.panel-settings-body>.right-sidebar>.list-menu {
    margin: 0;
    width: 100%;
    display: block;
}

.main-settings-panel-section>.panel-settings-body>.right-sidebar>.list-menu>li {
    margin: 0;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-weight: 500;
    padding: 16px 18px;
    font-size: 13px;
    cursor: pointer;
}

.main-settings-panel-section>.panel-settings-body>.right-sidebar>.list-menu>li.active {
    background: linear-gradient(150deg, #00bbb8, #008edd);
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body {
    width: calc(100% - 310px);
    background-color: #23282d;
    margin-top: 10px;
    display: inline-block;
    position: relative;
    padding-bottom: 85px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.headline-title {
    width: 100%;
    display: flex;
    padding: 15px 20px;
    background-color: #343c44;
    background: linear-gradient(to right, rgb(52, 60, 68, 0), rgb(52, 60, 68, 0.3), rgb(52, 60, 68, 0.6), rgb(52, 60, 68, 0.9));
    color: #fff;
    align-items: center;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.headline-title .on-icon {
    background-color: #2fa44f;
    width: 8px;
    height: 8px;
    position: relative;
    border-radius: 50%;
    margin: 0 10px;
}

@-webkit-keyframes sonarWave {
    from {
        opacity: .75
    }

    to {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

@keyframes sonarWave {
    from {
        opacity: .75
    }

    to {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.headline-title .on-icon::before {
    content: "";
    background-color: #00bfa5;
    right: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    position: absolute;
    border-radius: 50%;
    -webkit-animation: sonarWave 2s linear infinite;
    animation: sonarWave 2s linear infinite;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info {
    width: 100%;
    display: block;
    padding: 25px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box {
    width: 100%;
    display: block;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box.none {
    display: none;
}

.yc-settings-page .custom-notice {
    margin-bottom: 15px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .notif-item {
    width: 100%;
    display: block;
    background-color: #aae392;
    color: #3c763d;
    padding: 15px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 15px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box:last-child {
    border-bottom: 0;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box>.title {
    width: 300px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box>.title .ycd-tooltip {
    position: relative;
    background-color: #4799ea;
    font-size: 11px;
    cursor: pointer;
    display: inline-flex;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box>.title .ycd-tooltip p {
    position: absolute;
    bottom: 8px;
    background-color: #2271b1;
    font-weight: 300;
    font-size: 11px;
    width: 300px;
    padding: 8px;
    border-radius: 15px;
    overflow: hidden;
    line-height: 23px;
    visibility: hidden;
    opacity: 0;
    transition: .3s all;
    -webkit-transition: .3s all;
    cursor: default;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box>.title .ycd-tooltip:hover p {
    bottom: 20px;
    visibility: visible;
    opacity: 1;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-upload>.upload-box-info {
    display: inline-flex;
    justify-content: space-between;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-upload>.upload-box-info>input {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    width: calc(100% - 180px);
    font-size: 13px;
    font-weight: 300;
    padding: 6px 10px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-upload>.upload-box-info>span {
    text-align: center;
    color: #fff;
    padding: 6px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
    white-space: nowrap;
    transition: .3s background-color;
    -webkit-transition: .3s background-color;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-upload>.upload-box-info>span.modual-selectfile {
    background-color: #2196f3;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-upload>.upload-box-info>span.modual-selectfile:hover {
    background-color: #1282db;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-upload>.upload-box-info>span.delete-file {
    background-color: #ef5350;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-upload>.upload-box-info>span.delete-file:hover {
    background-color: #cf3e3b;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-input>.input-box-info,
.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-checkbox>.check-box-info,
.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-upload>.upload-box-info,
.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-color>.input-box-info {
    width: calc(100% - 310px);
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-input>.input-box-info input {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    padding: 6px 10px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-input>.input-box-info .excerpt,
.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-checkbox>.check-box-info .excerpt {
    display: block;
    width: 100%;
    margin: 10px 0 0;
    color: #c5c5c5;
    font-size: 12px;
    font-weight: 300;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-input>.input-box-info .select-box {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    font-size: 13px;
    font-weight: 300;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-input>.input-box-info .select-box::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 18px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgb(255 255 255);
    pointer-events: none;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-input>.input-box-info .select-box select {
    background: unset;
    border: unset;
    color: #fff;
    padding: 6px 10px;
    outline: 0;
    cursor: pointer;
    min-width: 100px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-input>.input-box-info .select-box select option {
    background-color: #555;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-checkbox>.check-box-info .checkbox-radio {
    width: 80px;
    height: 30px;
    background: #333;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgb(0 0 0 / 50%), 0px 1px 0px rgb(255 255 255 / 20%);
    display: inline-block;
    cursor: pointer;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-checkbox>.check-box-info .checkbox-radio input[type="checkbox"] {
    display: none;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-checkbox>.check-box-info .checkbox-radio>.check-slider {
    display: block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 6px;
    z-index: 1;
    left: 4px;
    background: #fcfff4;
    border-radius: 50%;
    transition: all 0.4s ease;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%);
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-checkbox>.check-box-info .checkbox-radio>.check-slider::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 6px;
    left: 6px;
    background: #333;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgb(0 0 0), 0px 1px 0px rgb(255 255 255 / 90%);
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-checkbox>.check-box-info .checkbox-radio::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 14px;
    height: 2px;
    width: 52px;
    background: #111;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgb(0 0 0 / 50%), 0px 1px 0px rgb(255 255 255 / 20%);
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-checkbox>.check-box-info .checkbox-radio>input:checked~.check-slider {
    left: 54px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-checkbox>.check-box-info .checkbox-radio>input:checked~.check-slider::before {
    background-color: #27ae60;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-input>.input-box-info textarea {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    width: 100%;
    font-size: 13px;
    line-height: 25px;
    font-weight: 300;
    padding: 6px 10px;
    height: 100px;
    min-height: 100px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.multiple-input {
    flex-wrap: wrap;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.multiple-input .box-multiple {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    border-radius: 5px;
    padding: 20px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.multiple-input .box-multiple .item-type {
    display: inline-flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.multiple-input .box-multiple .item-type label {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    margin-left: 10px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.multiple-input .box-multiple .item-type input[type="checkbox"] {
    display: inline-block;
    margin-top: 1px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.panel-form-btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    bottom: 0;
    right: 0;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.panel-form-btns button {
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0 4px rgb(0 0 0 / 30%);
    cursor: pointer;
    font-size: 12px;
    border: 0;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.panel-form-btns button.remove-data {
    background: linear-gradient(180deg, #f44336, #e57373);
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.panel-form-btns button.save-data {
    background: linear-gradient(180deg, #43a047, #66bb6a);
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.panel-form-btns button:hover {
    transform: translateY(2px);
    box-shadow: unset;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.title {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
    cursor: default;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.add-item {
    cursor: pointer;
    color: #fff;
    background-color: #42A5F5;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 400;
    margin-right: 20px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list {
    width: 100%;
    display: block;
    margin: 20px 0 0;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item {
    margin: 0;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 7px;
    border: 1px solid #151822;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item.example-item {
    display: none;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.head-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background-color: #151822;
    align-items: center;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.head-item>.title {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.head-item>.manage-btns>samp {
    padding: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    cursor: pointer;
    font-size: 18px;
    margin: 0 1px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.head-item>.manage-btns>samp.delete {
    background-color: #ef5350;
    color: #fff;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.head-item>.manage-btns>samp.edit {
    background-color: #e0e0e0;
    color: #3c434a;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item {
    background-color: #242835;
    padding: 15px 15px 0;
    width: 100%;
    display: none;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box {
    width: calc(50% - 10px);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box>.info-title {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    width: 100px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.text-input>input {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    width: calc(100% - 110px);
    display: inline-block;
    outline: 0;
    font-size: 13px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.upload-input>.upload-box-info {
    width: calc(100% - 110px);
    display: inline-flex;
    justify-content: space-between;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.upload-input>.upload-box-info>input {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    display: inline-block;
    outline: 0;
    width: calc(100% - 180px);
    font-size: 13px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.upload-input>.upload-box-info>span {
    text-align: center;
    color: #fff;
    padding: 6px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
    white-space: nowrap;
    transition: .3s background-color;
    -webkit-transition: .3s background-color;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.upload-input>.upload-box-info>span.delete-file {
    background-color: #ef5350;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.upload-input>.upload-box-info>span.modual-selectfile {
    background-color: #2196f3;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.checkbox-input>.check-box-info {
    width: calc(100% - 110px);
    display: inline-block;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.checkbox-input>.check-box-info>.checkbox-radio {
    width: 55px;
    height: 25px;
    background: rgba(255, 255, 255, 0.2);
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgb(0 0 0 / 50%), 0px 1px 0px rgb(255 255 255 / 20%);
    display: inline-block;
    cursor: pointer;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.checkbox-input>.check-box-info>.checkbox-radio>input {
    display: none;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.checkbox-input>.check-box-info>.checkbox-radio>.check-slider {
    display: block;
    width: 17px;
    height: 17px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    z-index: 1;
    left: 4px;
    background: #fcfff4;
    border-radius: 50%;
    transition: all 0.4s ease;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%);
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.checkbox-input>.check-box-info>.checkbox-radio>.check-slider::before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 5px;
    left: 4px;
    background: #333;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgb(0 0 0), 0px 1px 0px rgb(255 255 255 / 90%);
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.checkbox-input>.check-box-info>.checkbox-radio>input:checked~.check-slider {
    left: 34px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.checkbox-input>.check-box-info>.checkbox-radio>input:checked~.check-slider::before {
    background-color: #27ae60;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.checkbox-input>.check-box-info>.checkbox-radio::after {
    content: '';
    position: absolute;
    top: 13px;
    left: 9px;
    height: 2px;
    width: 38px;
    background: #111;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgb(0 0 0 / 50%), 0px 1px 0px rgb(255 255 255 / 20%);
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.textarea-input>textarea {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    width: calc(100% - 110px);
    display: inline-block;
    outline: 0;
    resize: vertical;
    min-width: calc(100% - 110px);
    max-width: calc(100% - 110px);
    min-height: 50px;
    font-size: 13px;
    padding: 7px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.colorpicker-input {
    position: relative;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.colorpicker-input input[type="text"] {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    width: calc(100% - 110px);
    display: inline-block;
    outline: 0;
    font-size: 13px;
    text-align: left;
    padding-left: 60px;
    direction: ltr;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.colorpicker-input img {
    display: none;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.colorpicker-input input[type="color"] {
    position: absolute;
    left: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-color>.input-box-info {
    position: relative;
    display: flex;
    align-items: center;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-color>.input-box-info img {
    display: none;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-color>.input-box-info input[type="text"] {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    padding: 6px 10px;
    direction: ltr;
    text-align: left;
    padding-left: 60px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-color>.input-box-info img {
    display: none;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-color>.input-box-info input[type="color"] {
    position: absolute;
    left: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.select-input select {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    width: calc(100% - 110px);
    display: inline-block;
    outline: 0;
    font-size: 13px;
    max-width: unset;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.select-input select option {
    color: #000;
}

.form-field.custom_yc_metafield .input {
    position: relative;
}

.form-field.custom_yc_metafield .input .upload_btn_open {
    bottom: 6px;
    left: 35px;
}

.wrap>h2 {
    font-family: 'irsans' !important;
    font-weight: 500 !important;
    font-size: 21px !important;
    display: inline-block;
}

.requests-page .req-form-body {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.requests-page .req-form-body input,
.requests-page .req-form-body select {
    width: 100%;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 3px;
    font-size: 11px;
}

.requests-page .req-form-body .btn {
    background-color: #ff9800;
    box-shadow: 0 0 0 2px #ff980040;
    border: 0;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    transition: .3s box-shadow;
    -webkit-transition: .3s box-shadow;
}

.requests-page .req-form-body .btn:hover {
    box-shadow: 0 0 0 2px #ff98007d;
}

.requests-page .status-txt {
    font-size: 13px;
    font-weight: 400;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 5px;
}

.requests-page .status-txt.confirmed {
    background-color: #E8F5E9;
    color: #4CAF50;
}

.requests-page .status-txt.notvalid {
    background-color: #ffebee;
    color: #f44336;
}

.requests-page .status-txt.progress {
    background-color: #FFF3E0;
    color: #FB8C00;
}

.requests-page .status-txt.declined {
    background-color: #FCE4EC;
    color: #E91E63;
}

.requests-page .status-txt.bin {
    background-color: #E0E0E0;
    color: #757575;
}

.custom-notice {
    background: #fff;
    border: 1px solid #c3c4c7;
    border-right-width: 4px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
    display: flex;
    align-items: center;
    padding: 10px 15px;
    position: relative;
}

.custom-notice>.content {
    margin: 0;
    font-weight: 500;
    color: #222;
}

.custom-notice.notice-success {
    border-right-color: #00a32a;
}

.custom-notice.notice-error {
    border-right-color: #d63638;
}

.transactions-page td .status {
    font-weight: 400;
    font-size: 13px;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 5px;
}

.transactions-page td .status.success {
    background-color: #4caf5014;
    color: #4CAF50;
}

.transactions-page td .status.failed {
    background-color: #e91e630f;
    color: #E91E63;
}

.transactions-page td .status.pending {
    background-color: #ff980012;
    color: #FF9800;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background-color: #2f363c;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme:last-child {
    margin-bottom: 0;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme>.title {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
    width: 150px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme_items {
    display: inline-flex;
    direction: ltr;
    width: calc(100% - 160px);
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme_items .item_theme {
    margin-right: 12px;
    display: inline-block;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme_items .item_t {
    display: block;
    border: 2px solid rgba(255, 255, 255, 0.1);
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    transition: .3s border-color;
    -webkit-transition: .3s border-color;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme_items .item_t.active {
    border-color: #ff9800;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme_items .item_t:last-child {
    margin-right: 0;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme_items .item_t img {
    width: 100%;
    height: 100%;
    display: block;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme_items .item_theme .tit {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 4px;
    font-weight: 500;
    font-size: 13px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme-options {
    width: 100%;
    display: block;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme-options .option_sec {
    display: none;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme-options .option_sec.block {
    display: block;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme-options .headline-title {
    width: 100%;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 15px;
    padding-top: 15px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme-options .headline-title .title {
    font-size: 13px;
    font-weight: 500;
    color: #ff9800;
    display: inline-block;
    border-bottom: 1px solid #ff9800;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme-options .box {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme-options .box .headline {
    width: 100%;
    display: flex;
    align-items: center;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme-options .box .headline .title {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}

.main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .select-theme .theme-options .box .headline .add-item {
    cursor: pointer;
    color: #fff;
    background-color: #42A5F5;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 400;
    margin-right: 20px;
}

.sect-box .select-theme .theme-options .box.list-box .items {
    width: 100%;
    display: block;
}

.sect-box .select-theme .theme-options .box.list-box .items .item {
    margin: 0;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 7px;
    border: 1px solid #151822;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .head-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background-color: #151822;
    align-items: center;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .head-item .title {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .head-item .manage-btns samp {
    padding: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    cursor: pointer;
    font-size: 18px;
    margin: 0 1px;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .head-item .manage-btns samp.delete {
    background-color: #ef5350;
    color: #fff;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .head-item .manage-btns samp.edit {
    background-color: #e0e0e0;
    color: #3c434a;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .inner-item {
    background-color: #242835;
    padding: 15px 15px 0;
    width: 100%;
    display: none;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .inner-item>.content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .inner-item .input-t {
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .inner-item .input-t>.info {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
    width: 100px;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .inner-item .input-t.text-t input,
.sect-box .select-theme .theme-options .box.list-box .items .item .inner-item .input-t.select-t select {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    width: calc(100% - 110px);
    padding: 5px 10px;
    font-size: 12px;
    box-shadow: unset;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .inner-item .input-t.select-t select {
    max-width: unset;
}

.sect-box .select-theme .theme-options .box.list-box .items .item .inner-item .input-t.select-t select option {
    background-color: #50535d;
    color: #fff;
}

.sect-box .select-theme .theme-options .box.list-box .items .item.example-item {
    display: none;
}

@media only screen and (max-width: 1400px) {
    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.upload-input>.upload-box-info {
        flex-wrap: wrap;
    }

    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.upload-input>.upload-box-info>input {
        width: 100%;
    }

    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box.upload-input>.upload-box-info>span {
        width: calc(50% - 3px);
        margin-top: 6px;
    }
}

@media only screen and (max-width: 1200px) {
    .main-settings-panel-section>.panel-settings-body>.right-sidebar {
        width: 210px;
    }

    .main-settings-panel-section>.panel-settings-body>.main-panel-body {
        width: calc(100% - 220px);
    }
}

@media only screen and (max-width: 1100px) {
    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box {
        flex-wrap: wrap;
    }

    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box>.title {
        width: 100%;
        margin-bottom: 12px;
    }

    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-input>.input-box-info,
    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-checkbox>.check-box-info,
    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box.input-upload>.upload-box-info {
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info {
        padding: 10px;
    }
}

@media only screen and (max-width: 600px) {
    .main-settings-panel-section>.head-panel-settings>.top-info>.main-title>h1 {
        font-size: 14px;
    }

    .main-settings-panel-section>.head-panel-settings>.top-info>.main-title>.version {
        padding: 3px 12px;
        margin-right: 5px;
        font-size: 11px;
    }

    .main-settings-panel-section>.head-panel-settings>.top-info>.copyright {
        padding: 5px 10px;
        font-size: 10px;
    }

    .main-settings-panel-section>.panel-settings-body {
        flex-wrap: wrap;
    }

    .main-settings-panel-section>.panel-settings-body>.main-panel-body,
    .main-settings-panel-section>.panel-settings-body>.right-sidebar {
        width: 100%;
        margin-top: 10px;
    }

    .main-settings-panel-section>.panel-settings-body>.right-sidebar {
        order: 1;
    }

    .main-settings-panel-section>.head-panel-settings>.bottom-info>p,
    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.headline-title,
    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box .data-box>.title {
        font-size: 11px;
    }
}

@media only screen and (max-width: 900px) {
    .main-settings-panel-section>.panel-settings-body>.main-panel-body>.sec-body-info .sect-box>.input-listitem>.listitem-list>.list-item>.inner-item>.main-content>.input-box {
        width: 100%;
        margin-bottom: 12px;
    }
}

/* ---------------- */

/* -------- imdb settings --------- */
.form-table {
    border-collapse: separate;
    border-spacing: 0;
}

.flexbox_bl {
    display: flex;
}

.flexbox_bl input {
    margin-left: 5px;
}

.settingsHolder,
.settingsHolder *,
.settingsHolder *:before,
.settingsHolder *:after {
    box-sizing: border-box;
}

.update-item .navar {
    width: 500px;
    margin-right: 10px;
    float: right;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    overflow: hidden;
    margin-top: 5px;
    transition: .6s all;
}

.update-item .box-info {
    width: 100%;
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.update-item .box-info>.title {
    font-weight: 600;
    font-size: 14px;
    margin-left: 15px;
}

.update-item .box-info>.list {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 20px;
}

.update-item .box-info>.list .item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 7px;
    font-size: 11px;
}

.update-item .box-info>.list .item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.update-item .navar div {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    height: 20px;
    background-color: #c2185b;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    transition: .6s all;
}

.select_box select {
    float: right;
    width: calc(25% - 5px);
    margin-left: 5px;
}

.select_box input {
    float: right;
    width: 25%;
    cursor: pointer;
}

.select_box .update-item .navar {
    float: right;
    margin-right: 0;
    width: 100%;
    margin-top: 10px;
}

.select_box td {
    width: 500px;
    float: right;
}

.result_currentmovies,
.result_awards {
    opacity: 0;
    float: right;
    width: 100%;
    margin-right: 10px;
    background: #ffccbc;
    display: flex;
    justify-content: center;
    padding: 5px 0;
    border-radius: 4px;
}

.result_currentmovies span,
.result_awards span {
    float: right;
}

.result_awards.success {
    background-color: #4CAF50;
    color: #fff;
}

.access_options {
    width: 100%;
    float: right;
}

.access_options .access_options_table {
    float: right;
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
    text-align: center;
}

.access_options .access_options_table thead tr {
    background-color: #ffeeba;
}

.access_options .access_options_table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e5e5e5;
    padding: .75rem;
}

.access_options .access_options_table tbody td {
    background-color: #fcfcfc;
}

.access_options .access_options_table thead th,
.access_options .access_options_table tbody td {
    border: 1px solid #dee2e6;
    padding: .75rem
}

.update-item .desc {
    float: right;
    width: 100%;
    margin: 20px 0 0;
    display: flex;
    align-items: center;
}

.update-item .desc .last-update {
    margin-right: 15px;
    font-size: 12px;
    font-weight: 500;
    color: #999;
}

/* -------------------------------- */

/* ---------- yascode metaboxes -------- */
.yascode-metaboxes,
.yascode-metaboxes * {
    box-sizing: border-box;
}

.yascode-metaboxes .metaboxes-body>.section-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px;
}

.yascode-metaboxes .metaboxes-body>.section-list.none {
    display: none;
}

.yascode-metaboxes {
    width: 100%;
    display: block;
}

.yascode-metaboxes>.head-metabox-tabs .nav-tab {
    cursor: pointer;
}

.yascode-metaboxes>.head-metabox-tabs .nav-tab-active {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.yascode-metaboxes .section-list .listitem-option {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0;
    direction: ltr;
    width: 100%;
}

.yascode-metaboxes .section-list .listitem-option .add-new-item {
    background: #2e4053;
    color: #fff;
    border: 0;
    padding: 7px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item {
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    background-color: #f2f2f2;
    width: 100%;
    display: block;
    margin-bottom: 12px;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.headline {
    width: 100%;
    display: flex;
    direction: rtl;
    justify-content: space-between;
    padding: 12px 0px;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.headline>.input-item {
    width: 100%;
    display: inline-block;
    margin: 0 2px;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.headline>.input-item>label {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 6px;
    font-size: 10px;
    font-weight: 500;
    color: #222;
    cursor: default;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.headline>.input-item>input[type="text"] {
    width: 100%;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.headline>.input-item>select {
    width: 100%;
    max-width: unset;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    font-size: 10px;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.headline>.input-item .operations {
    display: flex;
    width: 100%;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.headline>.input-item .operations>.btn {
    width: 100%;
    margin: 0 2px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    border-radius: 5px;
    padding: 7px 0;
    white-space: nowrap;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.headline>.input-item .operations>.btn.open {
    background: #333;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.headline>.input-item .operations>.btn.delete {
    background: #ce3434;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.headline>.input-item .operations>.btn.move {
    cursor: move;
    background: #6e4ff6;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body {
    width: 100%;
    display: block;
    background-color: #fff;
    padding: 12px;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items {
    width: 100%;
    display: block;
    direction: rtl;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .add-new-inner-item {
    background: #cdcdcd;
    color: #333;
    border: 0;
    padding: 7px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items>.inner-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
    background-color: #333333;
    padding: 15px 5px 25px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items>.inner-item.example-item,
.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item.example-item {
    display: none;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items>.inner-item .input-box {
    width: 100%;
    display: inline-block;
    margin: 0 5px;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items>.inner-item .input-box.operations {
    width: 25%;
    display: inline-flex;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items>.inner-item .input-box.operations>span {
    width: 100%;
    height: 100%;
    margin: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    padding: 7px 0;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items>.inner-item .input-box.operations>span.delete {
    background: #ce3434;
    cursor: pointer;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items>.inner-item .input-box.operations>span.mover {
    cursor: move;
    background: #6e4ff6;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items>.inner-item .input-box>label {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    cursor: default;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items>.inner-item .input-box>input[type="text"] {
    width: 100%;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 11px;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items>.inner-item .input-box>select {
    width: 100%;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    max-width: unset;
    min-width: unset;
    font-size: 11px;
}

.yascode-metaboxes .section-list .listitem-option>.real-items-list>.item>.inner-body .inner-items>.inner-item .input-box>select option {
    color: #000;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box {
    width: 100%;
    margin: 0 5px 10px;
    display: inline-block;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box>label {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box>.desc {
    display: inline-block;
    color: #888;
    font-weight: 300;
    font-size: 11px;
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.progress>.progress-info {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 7px;
    align-items: center;
    flex-wrap: wrap;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.progress>.progress-info .btn-progress {
    color: #2271b1;
    border: 1px solid #2271b1;
    background: #f6f7f7;
    border-radius: 3px;
    padding: 5px 10px;
    cursor: pointer;
    text-align: center;
    width: 72px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.progress>.progress-info .navar {
    width: calc(100% - 85px);
    height: 30px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    overflow: hidden;
    transition: .6s all;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.progress>.progress-info .navar .inner-navar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    height: 100%;
    background-color: #c2185b;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    transition: .6s all;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.progress>.progress-info .result-navar {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 10px;
    text-align: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.progress>.progress-info .result-navar.success {
    color: #4caf50;
    font-weight: 600;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.progress>.progress-info .result-navar .rs {
    margin-right: 10px;
    background-color: #ffebee;
    padding: 2px 10px;
    border-radius: 30px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.progress>.progress-info .result-navar .rs span {
    color: #ff1744;
}

.yascode-metaboxes .metaboxes-body>.section-list .get-actors-field {
    width: 100%;
    display: block;
}

.yascode-metaboxes .metaboxes-body>.section-list .get-actors-field.none {
    display: none;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.input>input {
    width: 100%;
    display: block;
    padding: 3px 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 5px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.checkbox {
    display: inline-flex;
    justify-content: space-between;
    margin: 0 0 25px;
    padding: 25px 15px;
    align-items: center;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.checkbox>label {
    display: inline-block;
    width: unset;
    margin: 0;
}

.yascode-metaboxes .notification-line {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

.yascode-metaboxes .notification-line::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #9100001c;
}

.yascode-metaboxes .notification-line span {
    background-color: #fff;
    position: relative;
    padding: 0 10px 0 20px;
    font-weight: 600;
    font-size: 14px;
    color: #910000;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.checkbox>.seprator {
    flex: 1;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin: 0 15px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.checkbox>input {
    display: none;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.checkbox>.checkbox-slider {
    width: 40px;
    height: 25px;
    border: 2px solid #cbcbcb;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    position: relative;
    transition: .3s all;
    -webkit-transition: .3s all;
    cursor: pointer;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.checkbox>.checkbox-slider::before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 2px;
    background-color: #cbcbcb;
    border-radius: 50%;
    transition: .3s all;
    -webkit-transition: .3s all;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.checkbox>input[type="checkbox"]:checked~.checkbox-slider {
    background-color: #4CAF50;
    border-color: #4CAF50;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.checkbox>input[type="checkbox"]:checked~.checkbox-slider::before {
    transform: translate(15px, 0);
    background-color: #fff;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.textarea>textarea {
    width: 100%;
    display: block;
    padding: 3px 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    min-width: 100%;
    max-width: 100%;
    resize: vertical;
    min-height: 70px;
    margin-top: 5px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.upload {
    position: relative;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.upload>input[type="text"] {
    width: 100%;
    display: block;
    padding: 3px 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 5px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.upload>.upload-btn {
    text-decoration: underline;
    position: absolute;
    bottom: 7px;
    left: 10px;
    text-align: right;
    color: #2271b1;
    cursor: pointer;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.import-imdb-text,
.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.import-imdb-checkbox {
    margin: 10px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.import-imdb-text .input input {
    width: calc(100% - 120px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
    font-size: 12px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.import-imdb-text .input {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.import-imdb-text .status_progress {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.import-imdb-text .status_progress.none {
    display: none;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.import-imdb-text .status_progress img {
    width: 35px;
    margin-left: 10px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.import-imdb-text .input button {
    width: 110px;
    display: inline-block;
    padding: 2px 0;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.import-imdb-text input::placeholder {
    color: #999;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.multiple-select .multiple-checkbox {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.multiple-select .multiple-checkbox .check-item {
    display: inline-flex;
    align-items: center;
    margin: 0 20px;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.multiple-select .multiple-checkbox .check-item label {
    display: inline-block;
    font-weight: 400;
}

.yascode-metaboxes .metaboxes-body>.section-list .metafield-box.multiple-select .multiple-checkbox .check-item input {
    display: inline-block;
    margin-right: 10px;
    margin-top: 0;
}

/* ------------------------------------- */
.tablenav-pages .page-numbers:hover {
    background-color: #e9e9e9;
}

.tablenav-pages .page-numbers {
    color: #2271b1;
    border-color: #2271b1;
    background: #f6f7f7;
    text-decoration: none;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 2px 10px;
}

.tablenav-pages .page-numbers.current {
    color: #a7aaad !important;
    border-color: #dcdcde !important;
    background: #f6f7f7 !important;
    box-shadow: none !important;
    cursor: default;
    transform: none !important;
}

/* ----- subscriptions ------ */
.editplan-page form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.editplan-page form>.input {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.editplan-page form>.input label {
    width: 200px;
    display: inline-block;
}

.editplan-page form>.input>input[type="text"] {
    width: calc(100% - 202px);
    display: inline-block;
}

.editplan-page form>.input .desc {
    width: 100%;
    display: block;
    color: #999;
    font-size: 11px;
    margin: 15px 202px 0 0;
}

.editplan-page form>.input.btn {
    margin-top: 15px;
    margin-bottom: 0;
}

.editplan-page form>.input.btn>select {
    margin-left: 10px;
    width: unset;
}

.editplan-page form>.input>textarea {
    width: calc(100% - 202px);
    min-width: calc(100% - 202px);
    display: inline-block;
    resize: vertical;
    height: 100px;
    min-height: 100px;
}

.editplan-page form>.input.find-user {
    position: relative;
}

.editplan-page form>.input.find-user .result {
    position: absolute;
    width: calc(100% - 202px);
    right: 201px;
    top: 100%;
    background-color: #626262;
    margin: 0;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 0 0 10px 10px;
}

.editplan-page form>.input.find-user .result .item {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    display: block;
    padding: 10px;
    box-sizing: border-box;
}

.editplan-page form>.input.find-user .result .item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.editplan-page form>.input.find-user .result .item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.editplan-page form>.input.find-user .result .desc-result {
    font-size: 11px;
    font-weight: 300;
    width: 100%;
    display: block;
}

.editplan-page form>.input.find-user .result.none,
.editplan-page form>.input.find-user .result .desc-result.none {
    display: none
}

.editplan-page form>.input>select {
    width: calc(100% - 202px);
    display: inline-block;
    max-width: unset;
}

/* tickets */
.tickets-page td .status {
    font-size: 12px;
    padding: 5px;
    display: inline-block;
    border-radius: 4px;
}

.tickets-page td .change-status-box {
    display: inline-flex;
    align-items: center;
}

.tickets-page td .change-status-box select {
    display: inline-blockblock;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 3px;
    font-size: 11px;
    margin-left: 5px;
}

.tickets-page td .change-status-box .btn {
    background-color: #ff9800;
    box-shadow: 0 0 0 2px #ff980040;
    border: 0;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    transition: .3s box-shadow;
    -webkit-transition: .3s box-shadow;
    margin-top: -4px;
}

.tickets-page td .change-status-box .btn:hover {
    box-shadow: 0 0 0 2px #ff980094;
}

.tickets-page td .status.pending,
.main-show-ticket>.right-side>.content-box>.info-list>li>span.status.pending {
    background-color: rgb(251 203 101 / 30%);
    color: #d19921;
}

.tickets-page td .status.closed,
.main-show-ticket>.right-side>.content-box>.info-list>li>span.status.closed {
    background-color: rgba(253, 131, 117, .08);
    color: #fd8375;
}

.tickets-page td .status.progress,
.main-show-ticket>.right-side>.content-box>.info-list>li>span.status.progress {
    background-color: #0668e138;
    color: #0668e1;
}

.tickets-page td .status.answered,
.main-show-ticket>.right-side>.content-box>.info-list>li>span.status.answered {
    background-color: rgb(142 213 87 / 20%);
    color: #76c937;
}

.tickets-page td .status.admin,
.main-show-ticket>.right-side>.content-box>.info-list>li>span.status.admin {
    background-color: #bd27d321;
    color: #bd27d3c9;
}

.main-show-ticket,
.main-show-ticket * {
    box-sizing: border-box;
}

.main-show-ticket {
    width: 100%;
    display: flex;
    margin-top: 25px;
    justify-content: space-between;
}

.main-show-ticket>.right-side {
    width: 350px;
    display: inline-block;
}

.main-show-ticket>.right-side>.content-box {
    width: 100%;
    display: block;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: hsl(0deg 0% 75% / 35%) 0 0 10px;
    position: sticky;
    top: 50px;
}

.main-show-ticket>.right-side>.content-box>.title {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #55a1ff;
}

.main-show-ticket>.right-side>.content-box>.info-list {
    margin: 0;
    width: 100%;
    display: block;
    margin-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 15px;
}

.main-show-ticket>.right-side>.content-box>.info-list>li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 5px;
}

.main-show-ticket>.right-side>.content-box>.info-list>li>span {
    font-size: 11px;
}

.main-show-ticket>.right-side>.content-box>.info-list>li>span:first-child {
    font-weight: 600;
}

.main-show-ticket>.right-side>.content-box>.info-list>li>span.status {
    color: #fff;
    padding: 3px 5px;
}

.main-show-ticket>.main-ticket-body {
    width: calc(100% - 370px);
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: hsl(0deg 0% 75% / 35%) 0 0 10px;
}

.main-show-ticket>.main-ticket-body>.ticket-list {
    width: 100%;
    margin: 0;
    display: block;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item.author {
    direction: ltr;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.profile-content {
    width: 100px;
    display: inline-block;
    text-align: center;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.profile-content>figure {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    border: 1px solid #55a1ff;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.profile-content>figure>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.profile-content>.name {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.profile-content>.name>a {
    color: #55a1ff;
    text-decoration: none;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.profile-content>.name>a:hover {
    text-decoration: underline;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.ticket-content {
    width: calc(100% - 200px);
    background-image: linear-gradient(0deg, #0668e1b3, #0668e170);
    box-shadow: 0 2px 0 #0668e14d;
    -webkit-box-shadow: #0668e14d 0 2px 0;
    border-radius: 5px;
    padding: 20px;
    display: block;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.ticket-content>.content-p {
    width: 100%;
    display: block;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.ticket-content>.content-p>p {
    margin: 0;
    width: 100%;
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 27px;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.ticket-content>.time {
    display: inline-block;
    color: #fff;
    font-weight: 300;
    font-size: 11px;
    margin-top: 15px;
    direction: rtl;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item.author>.ticket-content {
    background-color: #f4f5f8;
    background-image: unset;
    box-shadow: 0 2px 0 #e8ebef;
    -webkit-box-shadow: #e8ebef 0 2px 0;
}

.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item.author>.ticket-content>.time,
.main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item.author>.ticket-content>.content-p>p {
    color: #53565d;
}

.main-show-ticket>.main-ticket-body>.textarea {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin-top: 50px;
    position: relative;
}

.main-show-ticket>.main-ticket-body>.textarea>.textarea-input {
    width: calc(100% - 160px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    display: block;
}

.main-show-ticket>.main-ticket-body>.textarea>.textarea-input>textarea {
    width: 100%;
    resize: vertical;
    min-width: 100%;
    max-width: 100%;
    padding: 20px;
    border: none;
    display: block;
    min-height: 100px;
}

.main-show-ticket>.main-ticket-body>.textarea>.textarea-input>label {
    position: absolute;
    left: 10px;
    top: 10px;
}

.main-show-ticket>.main-ticket-body>.textarea>.btns {
    width: 150px;
    display: inline-block;
}

.main-show-ticket>.main-ticket-body>.textarea>.btns>select {
    width: 100%;
    border: 1px solid #55a1ff;
    background-color: unset;
    color: #55a1ff;
    outline: 0;
}

.main-show-ticket>.main-ticket-body>.textarea>.btns>.send-ticket-reply {
    border: 1px solid #55a1ff;
    background: none;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    color: #55a1ff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    padding: 10px 0;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    margin-top: 10px;
}

.main-show-ticket>.main-ticket-body>.textarea>.btns>.send-ticket-reply:hover {
    background-color: #55a1ff;
    color: #fff;
}

@media only screen and (max-width: 1100px) {
    .main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.ticket-content {
        width: calc(100% - 100px);
    }
}

@media only screen and (max-width: 1000px) {
    .main-show-ticket>.right-side {
        width: 250px;
    }

    .main-show-ticket>.main-ticket-body {
        width: calc(100% - 270px);
    }
}

@media only screen and (max-width: 800px) {
    .main-show-ticket {
        flex-wrap: wrap;
    }

    .main-show-ticket>.right-side {
        width: 100%;
        margin-bottom: 15px;
    }

    .main-show-ticket>.main-ticket-body {
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.profile-content {
        width: 50px;
    }

    .main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.profile-content>figure {
        width: 40px;
        height: 40px;
    }

    .main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.ticket-content {
        width: calc(100% - 50px);
        padding: 12px;
    }

    .main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.ticket-content>.content-p>p {
        font-size: 11px;
        line-height: 22px;
    }

    .main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.ticket-content>.time {
        font-size: 9px;
    }

    .main-show-ticket>.main-ticket-body>.ticket-list>.ticket-item>.profile-content>.name>a {
        font-size: 11px;
    }

    .main-show-ticket>.main-ticket-body>.textarea>.textarea-input {
        width: 100%;
        margin-bottom: 12px;
    }

    .main-show-ticket>.main-ticket-body>.textarea>.textarea-input>textarea {
        padding: 10px;
        font-size: 12px;
    }

    .main-show-ticket>.main-ticket-body>.textarea>.btns {
        width: 100%;
    }

    .main-show-ticket>.main-ticket-body>.textarea>.btns>select {
        font-size: 12px;
    }

    .main-show-ticket>.main-ticket-body>.textarea>.btns>.send-ticket-reply {
        padding: 8px 0;
        font-size: 11px;
    }

    .main-show-ticket>.main-ticket-body>.textarea>.btns>.send-ticket-reply i {
        font-size: 16px;
    }
}