:root {
    --bg-1: rgb(245, 230, 192);
    /* --cor-1: #e97c00; */
    --cor-1: #22abc2;
    --cor-2: #003D32;
    --cor-3: #005142;
    --cor-4: #006bff;
    --cor-5: #6dff94;
    --cor-6: #22abc2;
    --width-sm: 540px;
    --width-md: 720px;
    --width-lg: 960px;
    --width-xl: 1140px;
    --deg-1: 60deg;
}

* {
    margin: 0;
    padding: 0;
}



html,
body {
    /* max-width: 100% !important; */
    height: 100%;
    /* background-color: red; */
    font-family: 'Open Sans', sans-serif;
}

.drax {
    display: none !important;
    visibility: hidden !important;
}

.mobile {
    display: none;
}

.card {
    background-color: transparent;
    border-style: none;
}
.form-check-input:checked {
    background-color: var(--cor-6);
    border-color: var(--cor-6);
}

.form-control[readonly] {
    background-color: transparent;
    opacity: 1;
}

.preloader {
    position: fixed;
    background: #ccca;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: flex;
    flex-direction: column;
}

.preloader img {
    width: 50px;
    height: 50px;
    margin: auto;
}

.box-alert {
    position: fixed;
    z-index: 999999999;
    top: 10px;
    right: 10px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    /* background-color: var(--cor-1); */
    border-radius: 3px;
    filter: invert(59%) sepia(51%) saturate(649%) hue-rotate(141deg) brightness(87%) contrast(90%);
}

.carousel-indicators li {
    background-color: #22abc2cc;
}

.carousel-indicators .active {
    background-color: var(--cor-1);
}

.btn {
    border-radius: 3px;
    height: 45px;
}

.box-ibp {
    display: flex;
    width: 100%;
}

.box-ibp button {
    min-width: 70px !important;
    max-width: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    border-radius: 3px;
    border: solid 2px  -webkit-linear-gradient(var(--deg-1), var(--cor-4), var(--cor-5));
    background: -webkit-linear-gradient(var(--deg-1), var(--cor-4), var(--cor-5));
    margin-left: 3px;
}

.box-ibp button img {
    margin: -4px auto auto;
    filter: invert(100%) sepia(100%) saturate(28%) hue-rotate(103deg) brightness(108%) contrast(107%);
    width: 28px;
    height: 28px;

}

.box-ibp button img:hover {
    filter: invert(18%) sepia(25%) saturate(2160%) hue-rotate(128deg) brightness(95%) contrast(103%);
}

.box-ibp button i {
    margin: auto;
    font-size: 27px;
    color: #fff;
}

.box-ibp button i:hover {
    color: #003D32;
}

.box-ibp button:active {
    transform: scale(.9);
}

.box-ibp select {
    border: 2px solid #ededed;
    height: 70px;
    width: 100%;
    padding: 0px 30px;
}

.form-control:focus {
    border-color: var(--cor-1) !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #22abc299 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #22abc299 !important;
}

.form-inner-area select:focus {
    border-color: var(--cor-1) !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #22abc299 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #22abc299 !important;

}
.multisteps-form__progress .last{
    margin-right: 0;
}
.box-payment{
    background-color: #fff;
    padding: 20px;
    border-radius: 3px;
    border: solid 1px #ddd;
}
.box-payment .header-pay {
    /* text-align: center; */
    font-weight: bold;
}
.box-payment .body-pay {
    /* text-align: center; */
    border-radius: 3px;
    padding-top: 20px;
    border-top:solid 1px #ddd;
    vertical-align: middle;
    /* height: 50px; */
    margin-top: 20px;
}
.box-payment .body-pay .icon-cart-payment {
    color: var(--cor-1);
}
.btn-secondary{
    background-color: #ccc;
    border-color: #ddd;
}
.btn-warning{
    background: -webkit-linear-gradient(var(--deg-1), var(--cor-4), var(--cor-5));
    color: #fff;
    border-color: #fff;
}
.btn-warning:hover{
    background: -webkit-linear-gradient(var(--deg-1), var(--cor-4), var(--cor-5));
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    color: white;
    border: -webkit-linear-gradient(var(--deg-1), var(--cor-4), var(--cor-5));
}


/*versão*/
.div-version{
    position: fixed;
    bottom: 10px;
    right: 92%;
    z-index: 99;
}
.span-version{
    font-size: 15px;
    font-weight: bold;
    /* color: silver; */
    color: white;
    cursor: pointer;
}

/*swal*/
.swal2-confirm{
    border:-webkit-linear-gradient(45deg, var(--cor-4), var(--cor-5))!important;
    background: -webkit-linear-gradient(45deg, var(--cor-4), var(--cor-5))!important;
}

/*menu suspenso - inicio*/
.sps-div-suspenso{
    position: fixed;
    right: 0;
    padding-top: 12px;
    padding-right: 15px;
    z-index: 99999;
}
.sps-div-icon-faq{
    float: left;
    width: 60px;
    text-align: center;
}
.sps-div-icon-sug{
    float: left;
    width: 70px;
    text-align: center;
}
.sps-div-icon-nov{
    float: left;
    width: 80px;
    text-align: center;
}
.sps-span-icon{
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}
.sps-span-icon-new{
    position: fixed;
    right: 25px;
    color: var(--cor-1);
    padding-top: 5px;
}
.sps-icon{
    font-size: 25px;
    /* color: #e97c00; */
    background: -webkit-linear-gradient(var(--deg-1), var(--cor-4), var(--cor-5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 100%;
}
.sps-div-label{
    background: -webkit-linear-gradient(var(--deg-1), var(--cor-4), var(--cor-5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 100%;
    font-size: 11px;
}
.sps-div-label:hover{
    text-decoration: underline;
}


.sps-pop-content{
    width: 650px;
    /* border: 3px solid #e97c00 !important; */
    /* border-radius: 1.3rem !important; */
}
.sps-pop-header{
    text-align: center;
}
.sps-pop-footer{
    width: 100%;
    text-align: center;
}
.sps-pop-h4{
    width: 100%;
}
.sps-pop-button{
    font-size: 12px;
    height: 30px;
}
.sps-div-favoritar{
    width: 100%;
    padding-bottom: 8px;
}
.sps-span-disponivel{
    font-size: 10px;
    padding-left: 15px;
}
.sps-span-favoritar{
    font-size: 25px;
    cursor: pointer;
    padding: 0px 4px 0px 4px;
    background: -webkit-linear-gradient(var(--deg-1), var(--cor-4), var(--cor-5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* .btn-link{
    background: -webkit-linear-gradient(var(--deg-1), var(--cor-4), var(--cor-5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */

.btn-link{
    color: var(--cor-1);
}
/*menu suspenso - fim*/


.info-homolog{
    position: fixed;
    right: 40%;
    opacity: 0.3;
    font-size: 25px;
    font-weight: 600;
}


@media screen and (max-width: 1440px) {
    .sps-desktop{
        position: fixed;
        padding-left: unset;
    }
}

@media screen and (max-width: 1199px) {
    .sps-mobile{
        position: unset;
        padding-left: 40%;
    }
    .sps-mobile-new{
        padding-left: 40%;
        position: absolute;
        right: 41%;
    }
}

@media screen and (max-width: 576px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .sps-mobile{
        position: unset;
        padding-left: 30%;
    }

    .sps-mobile-new{
        padding-left: 40%;
        position: absolute;
        right: 28%;
    }
}