/* =======================================
    CONFIGURAÇÕES GLOBAIS PARA AS OPÇÔES
   ======================================*/
/* Título das Opções GERAIS com Erros */
.option-title.required-option{
    color: #e13d3d;
}
.required-option label{
    border-color: #e13d3d !important;
}
.required-option label span.option-itens-list-pricing{
    background: #e13d3d !important;
}
.option-title.required-option::before {
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: red;
    content: '';
}
/* Título das Opções GERAIS */
.options-names{
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 7px;
    border-bottom: 1px solid #e5e5e5;
    color: #232323;
    font-size: 20px;
    font-weight: 500;
}
.options-names::before {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 208px;
    height: 2px;
    background-color: var(--custom-btn-links);
    content: '';
}
.options-names.errors-opts::before{
    background-color: #e13d3d;
}
/* Título das Opções GERAIS com descritivo */
.description-title{
    font-weight: 500;
    position: relative;
    top: -1px;
    left: 7px;
}
/* Título das Opções */
.option-title{
    color: #464646;
    position: relative;
    padding-bottom: 4px;
    font-weight: 600;
}
/* Esconde Itens desnecessários */
.option-itens-list input{
    display: none;
}
.adjust-subtitle{
    word-break: break-word;
    padding: 3px;
    height: 45px;
    max-height: 45px;
}
.scroll-container{
    overflow: hidden;
}
.adjust-subtitle-animated{
    text-align: center;
    padding: 3px;
    height: 39px;
    max-height: 39px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;

    /* animation properties */
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);

    -moz-animation: my-animation 10s linear infinite alternate;
    -webkit-animation: my-animation 10s linear infinite alternate;
    animation: my-animation 10s linear infinite alternate;
}
/* for Firefox */
@-moz-keyframes my-animation {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(-100%); }
}
/* for Chrome */
@-webkit-keyframes my-animation {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(-100%); }
}
@keyframes my-animation {
    0% {
        transform: translate3d(25%, 0, 0);
    }
    100% {
        transform: translate3d(-75%, 0, 0);
    }
}

/* CONTAINERS E COLUNAS */
.col-opt {
    display: block;
    float:left;
    margin: 0 0 2% 1%;
}
.selection-sizer {
    width: 23.26%; max-width: 23.26%;
}
@media (min-width: 991px) and (max-width: 1199px) {
    .selection-sizer{
        width: 32.26%; max-width: 32.26%;
    }
}
@media (max-width: 768px) {
    .selection-sizer{
        width: 32.26%; max-width: 32.26%;
    }
}

/*=============================
     RADIOBUTTON & CHECKBOX
==============================*/
.option-itens-list-pricing{
    background: var(--custom-hotline-text);
    width: 100%;
    text-align: center;
    color: white;
    border-radius: 0 0 5px 5px;
}
.center-img-icon{
    margin: 0 auto;
    top: 4px;
    position: relative;
}
.option-itens-list label{
    position: relative;
    text-align: center;
    display: block;
    cursor: pointer;
    border: 2px solid #b1abab;
    border-radius: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.option-itens-list label:hover{
    border-color: var(--custom-admin-primary-color-hovered);
}
.option-itens-list input:checked + label{
    border: 2px solid #1db95e;
    box-shadow: rgb(23 133 69 / 49%) 1.95px 1.95px 2.6px;
}
.option-itens-list > input:checked + label > span.option-itens-list-pricing{
    background: #15974b;
}
.option-itens-list input:checked + label:after{
    content: "\2713";
    font-size: 26px;
    color: white;
    width: 30px;
    height: 30px;
    line-height: 29px;
    border-radius: 100%;
    border: 2px solid #0b5e15;
    background-color: #15974b;
    position: absolute;
    top: -5px;
    right: -4px;
}
.checkbox, .radio {
    position: relative;
    display: inline;
    margin-top: 10px;
    margin-bottom: 10px;
}
.figure-img-options {
    margin-bottom: 0.1rem;
}
.images-options {
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
}

/*=============================
        SELECT OPTION
==============================*/
.miniatura-select-option{
    width: 23px;
    height: 23px;
    max-width: 23px;
    max-height: 23px;
    margin-left: 5px;
    border-radius: 5px;
    position: relative;
    top: -1px;
}
.opacity-0{
    opacity: 0;
}