@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;
}

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

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

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

.form-field.custom_yc_metafield .input,
.form-field.term-profile-wrap .input {
    position: relative;
}

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

/* custom notice */
.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;
}

/* ---------- 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;
}

@-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
    }
}

.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;
}

/* ------ 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;
}

@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;
    }
}

/* ---------------- */
/* ----- 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;
}

.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;
}