/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
.customization_main .customization_editor_main .customization_content select {
    z-index: 2;
    position: relative;
}
.customization_main {
/*    height: 776px;*/
overflow-y: auto;
/*padding-right: 5px;*/
}
.customization_main::-webkit-scrollbar {
    width: 10px;
}
.customization_main::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
}
.customization_main::-webkit-scrollbar-thumb {
    background-color: #eef6f3;
    border-radius: 10px;
}

.customization_main .customization_editor_main {
    background: #eef6f3;
    margin-bottom: 20px;
    border: 1px solid #c9e5db;
    padding: 10px;
    border-radius: 5px;
}

.customization_content .customization_selection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #c9e5db;
    gap: 10px;
}

.woocommerce_options_panel textarea{
    float: none !important;
}

.customization_content .customization_selection .customization_select {
    width: 100%;
}
.customization_content .customization_selection .customization_select .select2-container {
    max-width: inherit;
    width: inherit !important;
}
.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--single {
    border: 1px solid #c9e5db !important;
    color: #1d2327;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid #f9bc60;
    box-shadow: 0 0 0 1px #f9bc60;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container .select2-selection--single {
    height: 40px !important;
    color: #1d2327;
}
.customization_main .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px !important;
}
.select2-results__option {
    padding: 10px;
}
.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option[data-selected=true],
.select2-results__options .select2-results__option--highlighted {
    background-color: #eef6f3 !important;
    color: #1d2327 !important;
}
.select2-selection--single,
span.select2-dropdown.select2-dropdown--below,
span.select2-container .select2-dropdown--above,
.select2-container.select2-container--open .select2-selection--single{
    box-shadow: none !important;
}
.customization_main .select2-container--default .select2-selection--single .select2-selection__rendered:hover{
    color: #444 !important;
}


.customization_content .customization_selection .customization_select .select_field {
    border: 1px solid #c9e5db;
    padding: 6px 15px;
    color: #001e1d;
    width: 95% !important;
    max-width: 500px;
    font-weight: 400;
    background: transparent;
    border-radius: 5px;
    font-size: 14px;
    line-height: 2;
    box-shadow: none;
    min-height: 30px;
    -webkit-appearance: none;
    cursor: pointer;
    vertical-align: middle;
    z-index: 2;
    position: relative;
    background: url(../images/chevron-down.svg) no-repeat center right 10px;
}
.customization_content .customization_selection .customization_select .select_field:focus {
    outline: none !important;
    box-shadow: none;
    border-color: #f9bc60;
}
.customization_content .customization_selection .remove_row{
    margin-left: 10px;
}
.customization_content .customization_selection .remove_row button.remove {
    background: #f9bc60;
    color: #001e1d;
    font-weight: 700;
    border-radius: 5px;
    padding: 11px 30px;
    border: 0;
    font-size: 16px;
    cursor: pointer;
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
}
.customization_content .customization_selection .remove_row button.remove:hover{
    background: #001e1d;
    color: #fff;
}
.customization_content .customization_selection .remove_row button.remove span,
.customization_btn_main .customization_btn span {
    margin-right: 5px;
}
.customization_main .customization_editor_main .customization_editor {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #c9e5db;
}
.customization_btn_main .customization_btn {
    background: #f9bc60 !important;
    color: #001e1d !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    padding: 11px 30px !important;
    border: 0 !important;
    font-size: 16px !important;
    cursor: pointer;
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    max-width: fit-content !important;
}
.customization_btn_main .customization_btn:hover{
    background: #001e1d !important;
    color: #fff !important;
}

.customization_main .customization_editor_main .customization_editor .wp-editor-container {
    clear: both;
    border: 1px solid #c9e5db;
}
.customization_main .customization_editor_main .customization_editor div.mce-statusbar {
    border-top: 1px solid #c9e5db;
}
.customization_main .customization_editor_main .customization_editor div.mce-toolbar-grp {
    border-bottom: 1px solid #c9e5db;
    background: #eef6f3;
}
.customization_main .customization_editor_main .customization_editor .mce-top-part::before {
    -webkit-box-shadow: 0 1px 2px #c9e5db;
    -moz-box-shadow: 0 1px 2px #c9e5db;
    box-shadow: 0 1px 2px #c9e5db;
}
.customization_main .customization_editor_main .customization_editor .wp-switch-editor {
    border: 1px solid #c9e5db;
    background: #eef6f3;
}
.customization_main .customization_editor_main .customization_editor .html-active .switch-html,
.customization_main .customization_editor_main .customization_editor .tmce-active .switch-tmce {
    background: #eef6f3;
    color: #50575e;
    border-bottom-color: #eef6f3;
}
.customization_main .customization_editor_main .customization_editor .quicktags-toolbar {
    border-bottom: 1px solid #c9e5db;
    background: #eef6f3;
}
.customization_main .customization_editor_main .customization_editor .quicktags-toolbar input{
    border-color: #c9e5db !important;
}
.customization_main .customization_editor_main .customization_editor .mce-toolbar .mce-btn-group .mce-btn:focus,
.customization_main .customization_editor_main .customization_editor .mce-toolbar .mce-btn-group .mce-btn:hover,
.customization_main .customization_editor_main .customization_editor .qt-dfw:focus,
.customization_main .customization_editor_main .customization_editor .qt-dfw:hover {
    background: #fff;
    border-color: #c9e5db;
    color: #001e1d;
    box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
    outline: 0;
}
.customization_main .customization_editor_main .customization_editor .wp-core-ui .button,
.customization_main .customization_editor_main .customization_editor .wp-core-ui .button-secondary {
    color: #001e1d;
    border-color: #c9e5db;
    background: #eef6f3;
    vertical-align: top;
    box-shadow: none !important;
}
.customization_main .customization_editor_main .customization_editor .mce-toolbar .mce-btn-group .mce-btn.mce-active,
.customization_main .customization_editor_main .customization_editor .mce-toolbar .mce-btn-group .mce-btn:active,
.customization_main .customization_editor_main .customization_editor .qt-dfw.active {
    background: #c9e5db;
    border-color: #c9e5db;
    box-shadow: none;
    color: #001e1d;
}
.mce-panel.mce-menu {
    border: 1px solid #c9e5db !important;
}
.mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview,
.mce-menu .mce-menu-item.mce-selected,
.mce-menu .mce-menu-item:focus,
.mce-menu .mce-menu-item:hover {
    background: #eef6f3 !important;
    color: #001e1d !important;
}
.mce-menu-item.mce-active.mce-menu-item-normal .mce-text, .mce-menu-item.mce-active.mce-menu-item-normal .mce-ico{
    color: #001e1d !important;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    background: #eef6f3 !important;
    border: 1px solid #c9e5db !important;
}

.customization_product_main {
    padding: 20px;
}

.select2-container .select2-results__option.optInvisible {
    display: none;
}

.customization_main .customization_selection .customization_select .woo_select_repeater .woo_call_action{
    display: none;
}

.customization_main .customization_selection .customization_select .woo_select_repeater .woo_call_action.active{
    display: block;
}
.customization_content .customization_selection .customization_condition {
    width: 100%;
}
.customization_content .customization_selection .customization_select:nth-child(3){
    max-width: 15%;
}
.customization_content .customization_selection .customization_condition .select2-container {
 max-width: 100%;
 width: inherit !important;
}
.customization_content .customization_selection .customization_condition:nth-child(2){
    max-width: 20%;
}
.customization_content .customization_selection .customization_select.woo_action_select {
    max-width: 100%;
}
.customization_content .customization_selection .customization_select input{
   border: 1px solid #c9e5db;
   padding: 6px 15px;
   color: #001e1d;
   width: 100%;
   max-width: 500px;
   font-weight: 400;
   background: transparent;
   border-radius: 5px;
}
.customization_content .customization_selection .customization_select input:focus{
    outline: none !important;
    box-shadow: none;
    border-color: #f9bc60 !important;
}
.customization_content .customization_selection.condition_selection.hide {
    display: none;
}

.custom_preview_view.hide{
    display: none;
}
#wt-panel-settings .panel-wrapper .wt-section .form-table .custom_preview_select .select2-selection__rendered {
    line-height: 37px;
}
.custom_view_main {
    margin-top: 30px; 
}

.custom_view_main .custom_preview_view img{
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

/*---------------// Responsive css //--------------*/
@media (max-width:767px) {
    .customization_content .customization_selection .remove_row button.remove {
        padding: 8px 20px;
        font-size: 14px;
    }
    .customization_btn_main .customization_btn {
        padding: 8px 20px !important;
        font-size: 14px !important;
    }
}
@media (max-width:575px) {
    .customization_main {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
    }
    .customization_content .customization_selection {
        flex-direction: column-reverse;
        align-items: end;
    }
    .customization_content .customization_selection .remove_row {
        margin: 0 0 10px;
    }
    .customization_main .customization_editor_main{
        width: 100%;
        display: block;
    }
    .wt-plugins_page_woo-all-customization #wt-panel-settings {
        padding-right: 0px;
    }
    .wt-plugins_page_woo-all-customization #wpcontent {
        padding-left: 0;
    }
    .wt-plugins_page_woo-all-customization div#wt-panel-settings .wt-submit {
        width: 100%;
    }
}