/**
 *  @author Mustapha Cheraim
 *
 *  @copyright 2020 Graphique Alliance
 *
 *  @license Copyright (c) 2020 Graphique Alliance. All rights reserved.
 */

#customize-modal .chili-editor-menu-mobile {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: transparent !important;
}

#customize-modal .chili-editor-menu-mobile .tab-mobile, #customize-modal .chili-editor-menu-mobile .mobile-menu-panel {
    position: fixed;
    z-index: 2;
    display: none;
    width: calc(100% - 40px);
    height: calc(100vh - 52%);
    border-radius: 13px !important;
    top: calc(100vh - 75%);
    left: 20px;
}

#customize-modal .chili-editor-menu-mobile .mobile-menu-panel {
    background-color: #283039;
}

#customize-modal .chili-editor-menu-mobile .show-menu-mobile, #customize-modal .chili-editor-menu-mobile .edit-frame-mobile {
    position: fixed;
    z-index: 1;
    right: 45px;
    bottom: 17%;
    font-size: 40px;
    color: #000;
    inline-size: 47px;
    border-radius: 45px;
    border: 1px solid;
    width: 42px;
    height: 42px;
    background-color: #fff;
}

#customize-modal .chili-editor-menu-mobile .edit-frame-mobile {
    left: 45px;
    display: none;
}

#customize-modal .chili-editor-menu-mobile .close-block-mobile {
    width: 100%;
    padding: 7px 7px 0 0;
    height: 48px;
    user-select: none;
}

#customize-modal .chili-editor-menu-mobile .close-block-mobile button {
    float: right;
    /* font-size: 30px; */
    color: #000;
    /* inline-size: 32px; */
    border-radius: 42px;
    border: none;
    width: 38px;
    height: 38px;
    background-color: #fff;
}

#customize-modal .chili-editor-menu-mobile .close-block-mobile button {
    margin-left: 5px;
}

#customize-modal .chili-editor-menu-mobile .close-block-mobile button.move-panel-mobile {
    float: left;
    width: auto;
    border-radius: 10px;
}

#customize-modal .tab-mobile .tablinks-mobile {
    background-color: #0d1318;
    padding: 26px;
    width: 30%;
    border: none;
    outline: none;
    font-size: 11px;
    border-radius: 5px;
    margin: 1%;
    color: white;
}

#customize-modal .tab-mobile .tablinks-mobile svg * {
    fill: white;
}

#customize-modal .tab-mobile {
    background-color: #283039;
}

#customize-modal .tab-mobile .nav-buttons {
    height: 95%;
    margin: auto;
    width: 95%;
    padding-top: 15px;
}

/* Extra small devices (phones, 600px and down) */

/* @media only screen and (max-width: 600px) {} */

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (max-width: 992px) {
    #customize-modal .tabcontent .group-controls {
        padding: 4px 13px 4px 14px;
    }
    #customize-modal .editor-controls-top .col-xs-1 {
        width: 18%;
        padding: 0;
    }
    #customize-modal .editor-controls-top .col-xs-1:nth-child(1) {
        width: 10%;
        margin-left: 15px;
    }
    #customize-modal .editor-controls-top .col-xs-1:nth-child(4) {
        width: 10%;
    }
    /*     #customize-modal .editor-controls-top .zoom-slider .banner-controls {
        display: inline-block;
    }
    #customize-modal .editor-controls-top .zoom-slider #zoom-block {
        display: none !important;
    } */
    #customize-modal .editor-controls-top .zoom-slider {
        display: inline-flex;
        padding: 0;
    }
    #customize-modal .chili-editor-menu {
        display: none;
    }
    #customize-modal .chili-editor-menu-mobile {
        display: block;
    }
    #customize-modal .tabcontent {
        padding: 12px;
        width: calc(100%);
        height: calc(100vh - 124%);
        display: none;
        float: left;
        user-select: none;
    }
    #customize-modal #biblio, #customize-modal #myImages {
        height: calc(100vh - 270px) !important;
    }
    #customize-modal .tabcontent.active {
        overflow-y: scroll;
        overflow-x: hidden;
    }
    #customize-modal .slider-block .slider .dragger {
        /* position: absolute;
        top: 50%;
        cursor: pointer; */
        margin-top: -10px;
        margin-left: -10px;
        width: 22px;
        height: 22px;
        /* border-radius: 20px; */
    }
    #customize-modal .editor-number-input {
        margin: 13px 0px;
        float: left !important;
    }
    #customize-modal .editor-number-input input {
        padding: 12px 30px 12px 3px;
        font-size: 13px;
        height: 40px;
        width: 140px;
    }
    #customize-modal .editor-number-input .input-spins a.spin-up:after {
        border-width: 9px;
        top: -3px;
        right: -11px;
    }
    #customize-modal .editor-number-input .input-spins a.spin-down:after {
        top: 26px;
        right: -11px;
        border: 9px solid transparent;
        border-color: #fff transparent transparent transparent;
    }
    #customize-modal .select-selected {
        height: 37px;
        line-height: 18px;
    }
    #customize-modal .select-selected:after {
        top: 15px;
    }
    #customize-modal .select-items div {
        padding: 13px 3px;
    }
    #customize-modal .color-panel-block .result-color {
        width: 37px;
        height: 37px;
    }
    #customize-modal .color-panel-block .color-panel-action {
        width: 37px;
        height: 37px;
    }
    #customize-modal .color-panel-block input {
        padding: 9px 0px;
        margin: -9px 17px;
        float: right;
    }
    #customize-modal .color-panel-block [class*=col-md] label {
        width: 100%;
        margin: 14px 1px;
    }
    #customize-modal .existing-images .img-add-overlay:hover {
        opacity: 0;
    }
    #customize-modal #block-img-preview .image-preview .image-preview-overlay:hover {
        opacity: 0;
    }
}