/**
* Custom Css for backend 
*
* @package Mavix Marketing
*/
#mavix-marketing-img-container li {
    padding: 3px;
}
#mavix-marketing-img-container .mavix-marketing-radio-img-selected {
    border: 3px solid #dd3333;
}

/**
* Custom Css for backend 
*
* Repeater Text 
* 
*/
.customize-control-repeater-text .repeater-text-fields .set {
    margin-bottom: 5px;
    padding-right: 15px;
    position: relative;
}

.customize-control-repeater-text .repeater-text-fields input {
    margin-bottom: 5px!important;
}

.customize-control-repeater-text .btn-remove-field {
    color: red;
    position: absolute;
    right: -7px;
    top: 3px;
}

.customize-control-repeater-text .btn-remove-field span {
    text-decoration: none;
}

.customize-control-repeater-text .btn-remove-field:active,
.customize-control-repeater-text .btn-remove-field:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input[type="range"] {
    width: 100%;
    background-color: #033b62;
    -webkit-appearance: none;
    height: 3px;
    border-radius: 5px;
    outline: none;
}

.customize-control-radio-image #mavix-marketing-img-container {
    display: flex;
    align-items: center;
}

.customize-control-title {
    margin-bottom: 10px;
}

#icons-list-wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 3000000;
    background-color: rgb(0 0 0 / 80%);
}

#icons-list-wrapper.active {
    display: block !important;
}

#icons-list-wrapper .icons-list {
    background-color: #fff;
    padding: 30px 30px 0;
    max-width: 1000px;
    width: 90%;
    height: 70%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    z-index: 1;
}

#icons-list-wrapper .icons-list li {
    width: 89px;
    height: 89px;
    line-height: 110px;
    text-align: center;
    background: #f0f0f1;
    cursor: pointer;
    margin: 10px;
    box-shadow: inset 0 0 15px rgb(0 0 0 / 10%), inset 0 0 0 1px rgb(0 0 0 / 5%);
}

#icons-list-wrapper .icons-list ul {
    display: flex;
    flex-wrap: wrap;
}

#icons-list-wrapper .icons-list li.active {
    box-shadow: inset 0 0 2px 3px #fff, inset 0 0 0 7px #4f94d4;
    outline: 2px solid transparent;
    outline-offset: -6px;
}

#icons-list-wrapper .icons-list i {
    font-size: 38px;
}

#icons-list-wrapper .save-icon,
#icons-list-wrapper .close-button {
    font-size: 14px;
    line-height: 28px;
    padding: 5px 20px;
    display: inline-block;
    background: #2271b1;
    border-color: #2271b1;
    color: #fff;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    margin-left: 10px;
}
#icons-list-wrapper .close-button {
    background: #e91e63;
    border-color: #e91e63;
}

#icons-list-wrapper .save-icon:hover,
#icons-list-wrapper .save-icon:focus {
    background: #135e96;
    border-color: #135e96;
    color: #fff;
}

#icons-list-wrapper .close-button:hover,
#icons-list-wrapper .close-button:focus {
    background: #da0950;
    border-color: #da0950;
    color: #fff;
}

#icons-list-wrapper .action-buttons {
    position: sticky;
    bottom: -1px;
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
}

.control-section .accordion-section-title, 
.customize-pane-child .accordion-section-title {
    padding: 12px 10px 12px 15px;
}

input[type=color], 
input[type=date], 
input[type=datetime-local], 
input[type=datetime], 
input[type=email], 
input[type=month], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=time], 
input[type=url], 
input[type=week], 
select {
    height: 40px;
    padding: 15px;
}

textarea {
    padding: 15px;
}