/* Configurações das fontes */
@font-face {
    font-family: "Roboto-Bold";
    src: url('../fonts/Roboto-Bold.ttf') format("truetype"); 
}
@font-face {
    font-family: "Roboto-BoldItalic";
    src: url('../fonts/Roboto-BoldItalic.ttf') format("truetype"); 
}

@font-face {
    font-family: "Roboto-Italic";
    src: url('../fonts/Roboto-Italic.ttf') format("truetype"); 
}
@font-face {
    font-family: "Roboto-Light";
    src: url('../fonts/Roboto-Light.ttf') format("truetype"); 
}
@font-face {
    font-family: "Roboto-LightItalic";
    src: url('../fonts/Roboto-LightItalic.ttf') format("truetype"); 
}
@font-face {
    font-family: "Roboto-Medium";
    src: url('../fonts/Roboto-Medium.ttf') format("truetype"); 
}
@font-face {
    font-family: "Roboto-MediumItalic";
    src: url('../fonts/Roboto-MediumItalic.ttf') format("truetype"); 
}
@font-face {
    font-family: "Roboto-Regular";
    src: url('../fonts/Roboto-Regular.ttf') format("truetype"); 
}
@font-face {
    font-family: "Roboto-Thin";
    src: url('../fonts/Roboto-Thin.ttf') format("truetype"); 
}
@font-face {
    font-family: "Roboto-ThinItalic";
    src: url('../fonts/Roboto-ThinItalic.ttf') format("truetype"); 
}

/* FONTES MANGUEIRA */
@font-face {
    font-family: "Mangueira-Thin";
    src: url('../fonts/Mangueira-Thin.otf') format("truetype"); 
}
@font-face {
    font-family: "Mangueira-SemiBold";
    src: url('../fonts/Mangueira-SemiBold.otf') format("truetype"); 
}
@font-face {
    font-family: "Mangueira-Regular";
    src: url('../fonts/Mangueira-Regular.otf') format("truetype"); 
}
@font-face {
    font-family: "Mangueira-Medium";
    src: url('../fonts/Mangueira-Medium.otf') format("truetype"); 
}
@font-face {
    font-family: "Mangueira-Light";
    src: url('../fonts/Mangueira-Light.otf') format("truetype"); 
}
@font-face {
    font-family: "Mangueira-Heavy";
    src: url('../fonts/Mangueira-Heavy.otf') format("truetype"); 
}
@font-face {
    font-family: "Mangueira-Bold";
    src: url('../fonts/Mangueira-Bold.otf') format("truetype"); 
}
@font-face {
    font-family: "Mangueira-ExtraLight";
    src: url('../fonts/Mangueira-ExtraLight.otf') format("truetype"); 
}

@font-face {
    font-family: "Mangueira-Black";
    src: url('../fonts/Mangueira-Black.ttf') format("truetype"); 
}

/* PIRES CONFIG */

:root{

    --gradlogin: linear-gradient( 180deg , rgba(85,157,211,1) 37%, rgba(0,15,255,1) 100%);
    --lineargrad:  linear-gradient(180deg, rgba(85,157,211,1) 15%, rgba(0,15,255,1) 100%);
    --blueultra: #000FFF;
    --colorbtn:   #fff;
    --colorgreen: #00FF00;
    --ultracinza: #404758;
    --ultracinzaclaro: #A6A6A6;
    --azulpastel: #79b2e9;
    --statusAgendado: #00FFFF;
    --statusPendente: #ffd60a;
    --statusAprovado: lime;
    --statusReprovado: #ba181b;
    --textProd: #8790a5;
    --azulBoleto: #2650A1;
    --bgPag: #F0F0F0;
    
}

.flex-align{display: flex; align-items: center;}
* { padding: 0; list-style: none !important; }
.nopadding{padding: 0 !important;}
.mt-15{margin-top: 15px !important;}
.mt-30{margin-top: 30px !important;}
.mt-50{margin-top: 50px !important;}
.mt-70{margin-top: 70px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-70{margin-bottom: 70px !important}

.topPage{padding: 30px 0;}
.topPage h4{color: #000; font-family: var(--serratMedium); font-size: 30px;}
.topPage ol > li > a{font-family: var(--serratMedium); color: #000;}

.page-buttons{padding: 27px 0;}

body {font-size: 12px !important; min-height: 100vh; background-color: #F0F0F0 !important; font-family: "Roboto-Regular";} 
.contentdoc{min-height: 100vh;}
.maintitle{color: #000; font-size: 42px; font-weight: 5;}
.subtitle{color: #000;
    font-size: 15px;
    font-weight: 700;}

/* BOTÃO GRADIENTE */
.ultrabtngrad{width: 100%;background:  var(--lineargrad) !important;color: #fff;border: none !important; font-family: "Mangueira-Medium";}
.ultrabtngrad{display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;white-space: nowrap;padding: 6px 12px;font-size: 18px;line-height: 1.42857143;border-radius: 10px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ultrabtngrad:focus{outline: none !important; color: #fff !important;}
.ultrabtngrad:hover{color: #fff !important;}
.ultrabtngrad:active{outline: 0;-webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);}

.portalBtnGray{
    -webkit-box-shadow: 6px 7px 15px 3px rgba(166,166,166,0.29); 
box-shadow: 6px 7px 15px 3px rgba(166,166,166,0.29);
    width: 100%;background:  var(--ultracinzaclaro) !important;color: #fff;border: none !important; font-family: "Mangueira-Medium";}
.portalBtnGray{display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;white-space: nowrap;padding: 6px 12px;font-size: 18px;line-height: 1.42857143;border-radius: 10px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.portalBtnGray:focus{outline: none !important; color: #fff !important;}
.portalBtnGray:hover{color: #fff !important;}
.portalBtnGray:active{outline: 0;-webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);}

/* TELA DE LOGIN */
.box-login{text-align: center;     padding: 0px 36px 41px;background: #fff;width: 50%;margin: 0 auto;border-radius: 21px;border: 3px solid #FFF;-webkit-box-shadow: 0px 0px 30px -20px rgb(0 0 0 / 75%);-moz-box-shadow: 0px 0px 30px -20px rgba(0,0,0,0.75);box-shadow: 0px 0px 30px -20px rgb(0 0 0 / 75%);}
.box-login h1{text-align: center;color: var(--blueultra);margin-top: 34px;font-weight: 600; font-family: "Mangueira-Medium";}
.box-login p{    text-align: center;color: var(--blueultra);font-family: "Roboto-Regular";font-size: 21px;}
.box-login .box-links{display: flex; justify-content: space-around;}
.ultrabtnlogin{width: 100%;background: var(--blueultra) !important;color: var(--colorgreen);border: none !important;font-family: 'Mangueira-Medium';}
.ultrabtnlogin{display: inline-block;margin-bottom: 10px;font-weight: 400;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;white-space: nowrap;padding: 4px 0;font-size: 27px;line-height: 1.42857143;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ultrabtnlogin:focus{outline: none !important; color: var(--colorgreen) !important;}
.ultrabtnlogin:hover{color: var(--colorgreen) !important;}
.ultrabtnlogin:active{outline: 0;-webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);}
.login-title{    font-family: "Mangueira-Bold"; font-size: 119px;color: var(--blueultra);}
.box-login input{    font-family: "Roboto-Light";width: 100%;padding: 4px 12px;margin: 7px 0;color: var(--ultracinza);border-radius: 5px;border: 2px solid var(--blueultra);font-size: 23px;}
.box-login input:focus{border: 2px solid var(--blueultra); outline: none !important;}
.box-login a{color: #404758;font-weight: 700;font-size: 15px; font-family: "Roboto-Regular";}
#loginultra img{margin: 0 auto; margin-top: 30px;}
.back-login{background: var(--gradlogin);}
@media (max-width: 768px){
    .box-login {
        width: 100%;
    }
    .login-title{font-size: 40px;}
}

.infologin{position: absolute;z-index: 2; font-family: "Roboto-Bold"; left: -2%;}
.infologin svg, .infologin path{fill: var(--blueultra); width: 32px;margin-right: 10px;}
.infologin img{width: 32px;}

/* CHEKEDS LOGIN */
.box-login ul li > label.form-check-label{text-align: center;color: var(--blueultra);font-family: "Roboto-Regular";font-size: 12px;}


@media (max-width: 992px){.infologin{display: none;}}

.drop-endereco{left: -163px !important;top: 19px !important;border: 3px solid #ededed;padding: 5px 8px !important;border-radius: 13px !important;-webkit-box-shadow: -2px 2px 8px -1px rgb(0 0 0 / 30%);min-width: 359px !important;-moz-box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.3);box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 75%);}
.drop-table{left: -84px !important;top: 19px !important;border: 3px solid #ededed;padding: 5px 8px !important;border-radius: 13px !important;-webkit-box-shadow: -2px 2px 8px -1px rgba(0,0,0,0.3);min-width: 184px !important;-moz-box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.3);box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.75);}
.drop-table p, .drop-endereco p{color: #a741e3;padding: 5px;font-size: 17px;font-family: "Mangueira-Medium";}
.drop-table p>strong, .drop-endereco p>strong{font-family: "Montserrat-Bold";}
.drop-table::before,.drop-endereco::before{content: '';background: #fff;width: 20px;height: 20px;position: absolute;left: 44%;top: -8px;transform: rotate(45deg);z-index: -1;border-radius: 5px;}

@media (max-width: 425px){
    .drop-endereco::before{content: '';background: #fff;width: 20px;height: 20px;position: absolute;left: 61%;top: -8px;transform: rotate( 45deg );z-index: -1;border-radius: 5px;}
    .drop-endereco{left: 0 !important; min-width: 100% !important; top: 0 !important; position: relative !important;}
}


/* ESTILIZAÇÃO LOADER */
#ultraloader{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #ffffff2e;transition: all .5s ease-in-out;z-index: 1052;}
#ultraloader img{position: absolute;left: 42%;top: 35%;}

.cls-1-footer{
    fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.8px;
}

/* Estilização MEnu */

.menu-desktop{display: block;} .menu-mobile{display: none;}
header{background:#F0F0F0; padding: 12px;}
header img{width: 100%;}
#navdesk nav{margin: 0; font-family: "Roboto-Bold";}
#navdesk{background: #fff; display: flex; align-items: center; border-radius: 12px;}
.headercontato{display: flex; align-items: center; justify-content: flex-end;}
.headercontato p{color: var(--blueultra); font-size: 24px; font-family: "Roboto-Bold";}
#ultranav{color: var(--blueultra); font-weight: bold; font-size: 17px;}
#ultranav:hover,#ultranav:focus{text-decoration: none;}
#ultranav span{    color: #000; font-size: 70%; position: relative; bottom: 7px;}
div[aria-labelledby="ultranav"] .dropdown-item{color: #fff;margin: 10px 0;border-bottom: 2px solid #fff;padding: 5px 0px;display: flex; align-items: center;}

div[aria-labelledby="ultranav"]{padding: 15px 15px;max-width: 260px;min-width: 196px;background: var(--gradlogin);border: none !important;-webkit-box-shadow: 7px -6px 32px -18px rgb(0 0 0 / 75%);-moz-box-shadow: 7px -6px 32px -18px rgba(0,0,0,0.75);box-shadow: 7px -6px 32px -18px rgb(0 0 0 / 75%);border-radius: 4px;}

div[aria-labelledby="ultranav"] .dropdown-item svg, div[aria-labelledby="ultranav"] .dropdown-item path{ width: 21px;display: inline;margin-right: 7px;position: relative;top: -4px;}

div[aria-labelledby="ultranav"] .dropdown-item:not(div[aria-labelledby="ultranav"] > a.active) svg, div[aria-labelledby="ultranav"] .dropdown-item:not(div[aria-labelledby="ultranav"] > a.active) path{fill: #fff;}
div[aria-labelledby="ultranav"] > a.active svg, div[aria-labelledby="ultranav"] > a.active path{fill: var(--statusAgendado);}
div[aria-labelledby="ultranav"] > a.active{position: relative;}
div[aria-labelledby="ultranav"] > a.active::after{position: absolute;content: "";width: 5px;height: 26px;left: -14px;top: -1px;background: var(--statusAgendado);border-radius: 11px;}


div[aria-labelledby="ultranav"]::before {border-bottom: 18px solid rgba(0, 0, 0, 0.2);border-left: 18px solid rgba(0, 0, 0, 0);border-right: 17px solid rgba(0, 0, 0, 0);content: "";display: inline-block;left: 55%;position: absolute;top: -11px;}
div[aria-labelledby="ultranav"]::after {border-bottom: 17px solid #559dd3;border-left: 18px solid rgba(0, 0, 0, 0);border-right: 18px solid rgba(0, 0, 0, 0);content: "";display: inline-block;left: 55%;position: absolute;top: -10px;}



@media (max-width: 991px){

    .navbar-nav .open .dropdown-menu {
        position: absolute !important;
    }

}

@media (min-width: 768px){
    .navbar-collapse.collapse {display: block!important;height: auto!important;padding-bottom: 0;overflow: visible!important;}
    .navbar-collapse {width: auto;border-top: 0;box-shadow: none;}
}

@media (max-width: 768px){
    .menu-desktop{display: none;}
    .menu-mobile{display: block;}
    .agendamento{margin-top: 70px;}
}

/* MENU MOBILE */
.mobile-header{
    display: flex;
    align-items: center;
    background: #fff;
    padding: 15px 0;
}
.mobile-header svg,.mobile-header path{width: 32px; fill: #000FFF; cursor: pointer;}
.mobile-header ul{margin: 0;}



div[aria-labelledby="dropdownmobilecliente"] .dropdown-item{display: block;color: #fff;margin: 10px 0;border-bottom: 2px solid #fff;padding: 5px 0px;}
div[aria-labelledby="dropdownmobilecliente"]{padding: 15px 15px;background: var(--gradlogin);border: none !important;-webkit-box-shadow: 7px -6px 32px -18px rgb(0 0 0 / 75%);-moz-box-shadow: 7px -6px 32px -18px rgba(0,0,0,0.75);box-shadow: 7px -6px 32px -18px rgb(0 0 0 / 75%);border-radius: 4px;top: 107%;left: -80px;width: 100%;}
div[aria-labelledby="dropdownmobilecliente"] svg, div[aria-labelledby="dropdownmobilecliente"] path{fill: #fff; width: 22px; margin-right: 12px;}

div[aria-labelledby="dropdownmobilecliente"] .dropdown-item:not(div[aria-labelledby="dropdownmobilecliente"] > a.active) svg, div[aria-labelledby="dropdownmobilecliente"] .dropdown-item:not(div[aria-labelledby="dropdownmobilecliente"] > a.active) path{fill: #fff;}
div[aria-labelledby="dropdownmobilecliente"] > a.active svg, div[aria-labelledby="dropdownmobilecliente"] > a.active path{fill: var(--statusAgendado);}
div[aria-labelledby="dropdownmobilecliente"] > a.active{position: relative;}
div[aria-labelledby="dropdownmobilecliente"] > a.active::after{position: absolute;content: "";width: 5px;height: 26px;left: -14px;top: -1px;background: var(--statusAgendado);border-radius: 11px;}


div[aria-labelledby="dropdownmobilecliente"]::before {border-bottom: 18px solid rgba(0, 0, 0, 0.2);border-left: 18px solid rgba(0, 0, 0, 0);border-right: 17px solid rgba(0, 0, 0, 0);content: "";display: inline-block;left: 55%;position: absolute;top: -11px;}
div[aria-labelledby="dropdownmobilecliente"]::after {border-bottom: 17px solid #559dd3;border-left: 18px solid rgba(0, 0, 0, 0);border-right: 18px solid rgba(0, 0, 0, 0);content: "";display: inline-block;left: 55%;position: absolute;top: -10px;}



div[aria-labelledby="dropdownmobilecliente"]::before {border-bottom: 18px solid rgba(216, 155, 155, 0.2);border-left: 18px solid rgba(0, 0, 0, 0);border-right: 17px solid rgba(0, 0, 0, 0);content: "";display: inline-block;left: 52%;position: absolute;top: -11px;}

div[aria-labelledby="dropdownmobilecliente"]::after {border-bottom: 17px solid #559dd3;border-left: 18px solid rgba(0, 0, 0, 0);border-right: 18px solid rgba(0, 0, 0, 0);content: "";display: inline-block;left: 52%;position: absolute;top: -10px;}

div[aria-labelledby="dropdownmobileatend"] .dropdown-item{display: block;color: #fff;margin: 10px 0;border-bottom: 2px solid #fff;padding: 5px 0px;}
div[aria-labelledby="dropdownmobileatend"]{padding: 15px 15px;background: var(--gradlogin);border: none !important;-webkit-box-shadow: 7px -6px 32px -18px rgb(0 0 0 / 75%);-moz-box-shadow: 7px -6px 32px -18px rgba(0,0,0,0.75);box-shadow: 7px -6px 32px -18px rgb(0 0 0 / 75%);border-radius: 4px;top: 107%;left: -128px;width: 100%;}
div[aria-labelledby="dropdownmobileatend"] svg, div[aria-labelledby="dropdownmobileatend"] path{fill: #fff; width: 22px; margin-right: 12px;}





div[aria-labelledby="dropdownmobileatend"]::before {border-bottom: 18px solid rgba(0, 0, 0, 0.2);border-left: 18px solid rgba(0, 0, 0, 0);border-right: 17px solid rgba(0, 0, 0, 0);content: "";display: inline-block;left: 78%;position: absolute;top: -11px;}

div[aria-labelledby="dropdownmobileatend"]::after {border-bottom: 17px solid #559dd3;border-left: 18px solid rgba(0, 0, 0, 0);border-right: 18px solid rgba(0, 0, 0, 0);content: "";display: inline-block;left: 78%;position: absolute;top: -10px;}



/* Estilização SVGS */
.svgnav, .svgnav path{width: 16px; fill: var(--blueultra); position: relative; bottom: 4px;}
.headercontato svg{width: 24px; fill: var(--blueultra); margin-right: 17px;}

/* TELA HOME */
img.bghome{margin: 70px 0 70px 0px; width: 100%;}

.ultraPanel{font-family: var(--serratRegular);border: none;background: #fff;border-radius: 15px;padding: 15px 20px;font-size: 1.3em;-webkit-box-shadow: 2px 1px 20px -10px rgb(0 0 0 / 75%);-moz-box-shadow: 2px 1px 20px -10px rgb(0 0 0 / 75%);box-shadow: 2px 1px 20px -10px rgb(0 0 0 / 75%);/* max-height: 345px; */overflow: auto;}
.ultraPanel p{color: #000; font-family: "Mangueira-Medium";}
/* TELA DE PAGAMENTO */

.ultraPanelPagamento{
    font-family: var(--serratRegular);
    border: none;
    background: #fff;
    border-radius: 12px;
    padding: 23px 29px;
    font-size: 1.3em;
    -webkit-box-shadow: 2px 1px 20px -10px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px 1px 20px -10px rgb(0 0 0 / 75%);
    box-shadow: 2px 1px 20px -10px rgb(0 0 0 / 75%);
    /* max-height: 345px; */
    overflow: auto;
    width: 90%;
    margin-bottom: 52px;
    cursor: pointer;
}
.ultraPanelPagamento p{color: #000;
    text-align: center;
    font-family: "Mangueira-Medium";}
.flex-pag{display: flex;justify-content: center;flex-wrap: wrap;}
.flex-pag > div{width: 20%;}
.svgCreditCardBoleto, .svgCreditCardBoleto path{width: 100%;height: 84px; /*fill: var(--ultracinza);*/ fill: var(--blueultra);}
.svgPagamentoElo,.svgPagamentoElo path{width: 100%; fill: var(--azulBoleto);}

.icon-bandeira{
    opacity: 0.3;
}





@media (max-width: 768px) {.ultraPanelPagamento{padding: 10px 12px !important;} .flex-pag > div{width: 25%;} .panel-dados-pagamento{width: 95% !important;}}
@media (max-width: 425px) {.flex-pag > div{width: 50%;}}

.panel-dados-pagamento{
    background: #F0F0F0;
    /* padding: 12px 70px; */
    padding: 12px 53px 33px 48px;   
    -webkit-box-shadow: -2px 1px 20px -5px rgb(0 0 0 / 75%);
    -moz-box-shadow: -2px 1px 20px -5px rgba(0,0,0,0.75);
    box-shadow: -2px 1px 20px -5px rgb(0 0 0 / 75%);
    /* width: 50%; */
    width: 40%;
    margin: 0 auto;
    border-radius: 12px;
    margin-bottom: 70px;
}
.dados-cartao{display: flex; align-items: center;}
.dados-cartao >div{margin-left: 10px;}

.panel-dados-pagamento ul>li{

    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: -2px 1px 20px -5px rgb(0 0 0 / 75%);
    -moz-box-shadow: -2px 1px 20px -5px rgba(0,0,0,0.75);
    box-shadow: -2px 1px 20px -5px rgb(0 0 0 / 75%);

}

/* ESTILIZAÇÃO STEPS CHECKOUT */

.stepscheckout {display: -ms-flexbox;display: flex;-ms-flex-direction: row;flex-direction: row;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;list-style: none;margin: 0;width: 100%;box-sizing: border-box;margin: 0px 0 57px 0;}
.stepscheckout li{position: relative;width: 40px;height: 40px;border: 1px solid #ddd;border-radius: 16px;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;box-sizing: border-box;}
.stepscheckout li.active{border: 2px solid var(--blueultra);}
.stepscheckout svg, .stepscheckout path{fill: #8790A5;width: 32px;}
.stepscheckout li.complete, .stepscheckout li.is--active {border: 3px solid var(--blueultra);}
.stepscheckout li:not(:last-child):after{content: "";position: absolute;top: 50%;right: 0;width: 45px;height: 1px;background: #c4c4c4;}
.stepscheckout li:not(:last-child).complete:after, .stepscheckout li:not(:last-child).is--active::after {height: 3px;background: var(--blueultra);}
.stepscheckout li:not(:last-child):after {width: 122px;height: 2px;transform: translateX(calc(100% + 3px));-moz-transform: translateX(calc(100% + 3px));-o-transform: translateX(calc(100% + 3px));-webkit-transform: translateX(-webkit-calc(100% + 3px));}
.stepscheckout li:not(:last-child):after {content: "";position: absolute;top: 50%;right: 0;width: 45px;height: 1px;background: #c4c4c4;}
.stepscheckout li {position: relative;width: 70px;height: 70px;border: 3px solid #8790A5;border-radius: 9px;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;box-sizing: border-box;}
.stepscheckout li:not(:first-child) {margin-left: 127px;}
.stepscheckout ul li:not(:last-child).active:after{transform: translateX(calc(100% + 5px));-moz-transform: translateX(calc(100% + 5px));-o-transform: translateX(calc(100% + 5px));-webkit-transform: translateX(-webkit-calc(97% + 5px));}
.stepscheckout li:not(:last-child):after {width: 128px;height: 2px;transform: translateX(calc(100% + 3px));-moz-transform: translateX(calc(100% + 3px));-o-transform: translateX(calc(100% + 3px));-webkit-transform: translateX(-webkit-calc(100% + 3px));}
@media only screen and (max-width: 1080px){
    .stepscheckout li:not(:last-child):after {width: 29px;transform: translateX(calc(100% + 2px));-moz-transform: translateX(calc(100% + 2px));-o-transform: translateX(calc(100% + 2px));-webkit-transform: translateX(-webkit-calc(100% + 2px));}

}

@media only screen and (min-width: 100px) and (max-width: 1080px){
    .stepscheckout li:not(:first-child) {margin-left: 26px;}
}

@media only screen and (min-width: 100px) and (max-width: 768px){
    .stepscheckout li {
        height: 43px;
    }
}


.stepscheckout li.is--active:after {background: linear-gradient(45deg,var(--blueultra) 50%,#ddd 0);}

.stepscheckout li.complete svg,.stepscheckout li.complete path,.stepscheckout li.is--active svg path {fill: var(--blueultra);}
.stependp{    position: absolute;top: 68px;color: #000;font-size: 15px;font-weight: 700; font-family: "Mangueira-Bold";}

footer{height: auto; background-color: var(--blueultra);padding: 17px 0 0;}
footer p{font-size: 12px; color: #fff;}
footer svg, footer path{fill: #fff; width: 32px;}




/* AREA CLIENTE */
.ultratable{border: 2px solid #eee;max-height: 67vh; overflow: scroll; overflow-x: hidden;-webkit-box-shadow: 7px -6px 32px -18px rgb(0 0 0 / 75%);-moz-box-shadow: 7px -6px 32px -18px rgba(0,0,0,0.75);box-shadow: 7px -6px 32px -18px rgb(0 0 0 / 75%);border-radius: 4px;padding: 0 3.06pt;}
.ultratable::-webkit-scrollbar,.contentfaq::-webkit-scrollbar, .orderdone::-webkit-scrollbar {-webkit-appearance: none;width: 4.85pt;height: 10px;}
.ultratable::-webkit-scrollbar-thumb,.contentfaq::-webkit-scrollbar-thumb, .orderdone::-webkit-scrollbar-thumb {border-radius: 8px;background: #00FFFF;-webkit-box-shadow: 0 0 1px rgb(255 255 255 / 50%);}

.ultratable > .table tbody>tr{
    color: #8790A5;
}

.ultratable > .table tbody>tr>th,.ultratable > .table tbody>tr>td{
    padding: 8.63pt 16.68pt !important;
    border-top: 2px solid #8790A5;
}


.ultratable > .table thead>tr{ color: #000;}
.ultratable > .table thead>tr>th{border-bottom: 2px solid #000 !important;padding: 7.63pt 16.68pt;font-size: 7.87pt;}

.svgtableultra, .svgtableultra path{width: 24px; display: grid; position: relative; left: 35px; top: -6px;;}
p.statustable{display: table-cell; text-align: center; vertical-align: middle; font-size: 11px; position: relative; left: 17px; width: 59px;}

.ultratable .area_cli_cancela{background: #8790A5;border: none !important;width: 71px;color: #fff;font-weight: bold;border-radius: 7px;padding: 2px 0;font-size: 12px;}
.ultratable .area_cli_reverte{background: var(--azulpastel);border: none !important;width: 71px;color: #fff;font-weight: bold;border-radius: 7px;padding: 2px 0;font-size: 12px;}

.contentfaq{font-family: 'Mangueira-Regular';border: 2px solid #eee;max-height: 80vh;overflow: scroll;overflow-x: hidden;-webkit-box-shadow: 7px -6px 32px -18px rgb(0 0 0 / 75%);-moz-box-shadow: 7px -6px 32px -18px rgba(0,0,0,0.75);box-shadow: 7px -6px 32px -18px rgb(0 0 0 / 75%);border-radius: 4px;padding: 0 27.06pt;overflow-x: overlay;}

.contentfaq h5{color: #000;font-size: 20px; font-family: "Mangueira-Heavy";}

.contentfaq p{color: var(--ultracinza); font-size: 13px;}
.contentfaq p>span{color: var(--colorgreen);font-size: 15px;font-weight: 600;}

.cls-1-pedidos-aprovado{fill:var(--statusAprovado);}
.cls-2-pedidos-aprovado{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px;}

.cls-1-pedidos-pendente{fill: var(--statusPendente);}
.cls-1-pedidos-agendado{fill: var(--statusAgendado);}
.cls-1-pedidos-aberto{fill: var(--azulpastel);}

.cls-1-pedidos-reprovado{fill: var(--statusReprovado);}
.loadinfoorder{cursor: pointer;}

/* FORMS DEPRECARE */
.form-cliente[disabled],.form-cliente2[disabled]{cursor: not-allowed;}
input.form-cliente,select.form-cliente {width: 100%;height: 37px;padding: 5px 12px;background-color: #fff;border-radius: 7px !important;color: var(--ultracinza);border: none !important;margin-bottom: 7px;-webkit-box-shadow: -2px 1px 20px -5px rgb(0 0 0 / 75%);-moz-box-shadow: -2px 1px 20px -5px rgba(0,0,0,0.75);box-shadow: -2px 1px 20px -5px rgb(0 0 0 / 75%);}
input.form-cliente:focus,select.form-cliente:focus{outline: 0;}
input.form-cliente[disabled], .form-cliente[readonly], fieldset[disabled] .form-cliente,select.form-cliente[disabled] {background-color: #eee;opacity: 1;}


label.form-cliente{color: var(--ultracinza); font-size: 11px;}
 label.form-cliente > small{ color: var(--statusReprovado); font-family: "Roboto-Regular";}

input.form-cliente2{background-image: url(../img/inputpencil.ico);background-repeat: no-repeat;background-size: 18px;background-position-y: 8px;background-position-x: 98%;}
input.form-cliente2 {width: 100%;height: 37px;padding: 5px 12px;background-color: #fff;border-radius: 7px !important;color: var(--ultracinza);border: none !important;margin-bottom: 7px;-webkit-box-shadow: -2px 1px 20px -5px rgb(0 0 0 / 75%);-moz-box-shadow: -2px 1px 20px -5px rgba(0,0,0,0.75);box-shadow: -2px 1px 20px -5px rgb(0 0 0 / 75%);}
input.form-cliente2:focus{outline: 0;}
input.form-cliente2[disabled], .form-cliente2[readonly], fieldset[disabled] .form-cliente2 {background-color: #eee;opacity: 1;}
input.form-cliente2#cs_cielo, #cs_cielo_deb {width: 90%;}
input.form-cliente2#validade1, #validade1_deb {width: 90%;}
input.form-cliente2#validade2, #validade2_deb{width: 90%;}


label.form-cliente2{color: var(--ultracinza); font-size: 11px;}




/* TELA DE CONFIRMAÇÃO */

.orderdone{
    width: 82%;
    margin-inline: auto;
}
.orderdone > h4{
    background: var(--ultracinzaclaro);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 10px;
    font-size: 20px;
    padding: 12px 0px;
    font-family:  "Mangueira-Medium";
}

.orderdone > h4 svg,.orderdone > h4 path{fill: #fff; width: 34px; height:  34px; margin-right: 10px;}
.orderdone .box-vale{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;width: 100%;background: transparent;}
.orderdone .box-vale > div{text-align: center;margin: 18px 1%;background: transparent;-webkit-box-shadow: 2px 1px 20px -10px rgb(0 0 0 / 75%);-moz-box-shadow: 2px 1px 20px -10px rgb(0 0 0 / 75%);box-shadow: 2px 1px 20px -10px rgb(0 0 0 / 75%);border-radius: 9px;flex: 0 0 23%;padding: 4px 0;}
.orderdone .box-vale > div > h4{font-size: 24px; color: #000;font-family: "Mangueira-Medium";}
.orderdone .box-vale > div > hr{background: var(--ultracinzaclaro);width: 90%;position: relative;bottom: 2px;margin: 13px auto;height: 3px;border-radius: 12px;border: none;}
.orderdone .box-vale > div > p{font-size: 30px;color: var(--ultracinzaclaro);font-family: "Mangueira-Medium";}
.orderdone > ul{}
.orderdone > ul > li{
    color: var(--ultracinzaclaro);
    font-size: 14px;
}
/* Dado cadastrais */

.formlici{
    border:3px solid #ededed;border-radius: 20px;padding: 20px;
    background: #fff;
}


/* ESTILIZAÇÃO ENDEREÇO */

.box-addres{ margin: 20px 0px; cursor: pointer;border: 3px solid #ededed; border-radius: 13px; min-height: 170px; background: #fff; }
.box-addres p.card-title{background: #fff; color: var(--ultracinza); text-transform: uppercase; font-size: 15px; font-weight: 500; padding: 8px;border-radius: 13px 13px 0 0;}

.box-addres p > svg, .box-addres p > svg{width: 20px; fill: var(--ultracinza);margin-right: 14px;}


.box-addres p > b{font-size: 500;}
.box-addres:hover{}
.box-active{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; font-weight: 700; }
.end-content{padding-left: 15px; padding-right: 34px;}
.end-content button{outline: none !important;margin-bottom: 15px;margin-right: 17px;}
.end-content p,span{text-transform: uppercase;color: var(--ultracinza);     font-family: 'Roboto-Regular';}
.end-content strong{font-family: "Roboto-Bold";}
.checkspecial{content: "Selecionar";background: var(--ultracinza);color: #fff; position: relative;top: 10px;right: 22px;padding: 2px 22px;border-radius: 4px;transition: all 0.3s ease;}
.box-active .checkspecial{content: "Selecionado";color: var(--colorgreen);font-weight: 700; background: var(--blueultra);}

@media (max-width: 768px){
    .box-addres p > b > img{display: none;}
    .orderdone{width: 100%;}
    .orderdone .box-vale > div {flex: 0 0 48%;}
}



@media (max-width: 320px){
    .box-addres p.card-title {font-size: 9px !important;font-weight: 400 !important;padding: 12px !important;}
    .stependp{display: none;}
    .orderdone h4 svg, .orderdone h4 path {margin-right: 0; margin-left: 6%;}
}

/* REGRA EXIBIÇÃO MENU */
.back-login .menu-desktop,.back-login footer,.back-login .menu-mobile{display: none !important;}

/* PÁGINA DE PRODUTOS */
/* PRODUTO LICITACAO */
/* #select_produtos{
    margin: 0 0 70px 0;
} */
.lici_produto{
    -webkit-box-shadow: 6px 9px 32px -9px rgb(0 0 0 / 75%);
    -moz-box-shadow: 6px 9px 32px -9px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 32px -9px rgb(0 0 0 / 75%);
    padding: 44px;
    cursor: pointer;
    transition: all .7s ease-in-out;
    background: #fff;
    border-radius: 14px;
    width: 87%;
    margin: 0 auto;
}

.lici_produto .imagem-produto{margin-bottom: 27px;}
.lici_produto p{font-family: "Roboto-Regular"; color: var(--ultracinza);}
.lici_produto img{width: 200px; margin: 0 auto;}
.lici_produto .nome-produto{font-size: 20px;text-align: center;}
.nome-produto p{font-size: 37px;}
.infoestoque{margin-top: 20px;position: relative;}
.infoestoque input{width: 40%;-webkit-box-shadow: 0px -1px 26px -6px rgb(0 0 0 / 42%);-moz-box-shadow: 0px -1px 26px -6px rgba(0,0,0,0.42);box-shadow: 0px -1px 26px -6px rgb(0 0 0 / 42%);padding: 2px 0;border: none;color: var(--blueultra);text-align: center;font-size: 27px;font-weight: bold;border-radius: 10px;}
.infoestoque input:focus{outline: none !important;}
.btn-quantidade[id="mais"]{ position: absolute;left: 65%;top: 13px;border: none;color: var(--blueultra);background: transparent;}
.btn-quantidade[id="menos"]{position: absolute;background: transparent;border: none;top: 11px;left: 31%;color: var(--blueultra);}
.btn-quantidade svg, .btn-quantidade path{     width: 17px; fill: var(--blueultra);}

.boxagendamento{display: flex;}
.agendamento{
    box-shadow: 6px 9px 32px -9px rgb(0 0 0 / 75%);
    padding: 17% 16px 62%;
    transition: all .7s ease-in-out;
    height: 86%;
    border-radius: 12px;
}
.agendamento svg, .agendamento path{
    fill: #fff;
    width: 29px;
    position: relative;
    right: 13%;
}
.agendamento button{font-family: "Roboto-Medium";width: 100%;background: var(--lineargrad);margin: 15px 0 0 0;border: none;padding: 8px;border-radius: 9px;color: #fff;font-size: 19px;display: flex;justify-content: center;}
.agendamento button:active{background: var(--blueultra);}
.agendamento button:hover,.agendamento button:focus{color:  #fff; outline: none !important;}
.agendamento h5{color: var(--blueultra);font-family: 'Mangueira-Medium';font-size: 20px;}

.modalultra{font-family: "Mangueira-Regular";}
.modalultra svg{width: 21px;}
.modalultra .modal-title{color: #000; font-family: "Mangueira-Bold"; font-size: 22px;}
.modalultra .modal-header, .modalultra .modal-footer{border: none !important;}
.modalultra button[class="close"]{position: relative;bottom: 17px;}
.modalultra .modal-footer{text-align: left;}
.modalultra .btnconfirm{width: 50%;background: #0088f8;border-radius: 12px !important;color: #fff;}
.modalultra .btnconfirm:focus{outline: none !important;}

.modalultra .modal-lg{width:  90% !important;}

/* CHECKBOX DATA */
.checkcontainer {
    position: relative;
    cursor: pointer;
    font-size: 19px;
    z-index: 1;
    margin-left: 15px;
    color: #000;
    width: 100%;
    text-align: center;
    height: 31px;
    border-radius: 12px;

}

.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.checkcontainer:hover input ~ .radiobtn {
    background-color: #cccccc4f;
}

.radiobtn {
    position: absolute;
    top: 0;
    width: 100%;
    height: 30px;
    left: 0;
    z-index: -1;
    background-color: #eeeeee3d;
    border-radius: 12px;
    -webkit-box-shadow: -1px 1px 5px 1px rgba(201, 195, 195, 0.75);
-moz-box-shadow: -1px 1px 5px 1px rgba(201, 195, 195, 0.75);
box-shadow: -1px 1px 5px 1px rgba(201, 195, 195, 0.75);

}

.checkcontainer input:checked ~ .radiobtn{
    background-color: #a6a6a6a8;
    color: #fff;
}

.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}
.checkcontainer input:checked ~ .radiobtn:after {
    display: block;
}

.checkcontainer .radiobtn:after {
}





.checkcontainerhorarios {
    position: relative;
    cursor: pointer;
    font-size: 19px;
    z-index: 1;
    margin-left: 15px;
    color: #000;
    width: 100%;
    text-align: center;
    height: 31px;
    border-radius: 12px;

}

.checkcontainerhorarios input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.checkcontainerhorarios:hover input ~ .radiobtnhorarios {
    background-color: #cccccc4f;
}

.radiobtnhorarios {
    position: absolute;
    top: 0;
    width: 100%;
    height: 30px;
    left: 0;
    z-index: -1;
    background-color: #eeeeee3d;
    border-radius: 12px;
    -webkit-box-shadow: -1px 1px 5px 1px rgba(201, 195, 195, 0.75);
-moz-box-shadow: -1px 1px 5px 1px rgba(201, 195, 195, 0.75);
box-shadow: -1px 1px 5px 1px rgba(201, 195, 195, 0.75);

}

.checkcontainerhorarios input:checked ~ .radiobtnhorarios{
    background-color: #a6a6a6a8;
    color: #fff;
}

.radiobtnhorarios:after {
    content: "";
    position: absolute;
    display: none;
}
.checkcontainerhorarios input:checked ~ .radiobtnhorarios:after {
    display: block;
}

.checkcontainerhorarios .radiobtnhorarios:after {
}


/* TELA DE PEDIDOS */
.detalhes_pedidos{}
.pedidos_produtos{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-grow: 2;
    text-align: center;
}
.pedidos_produtos section{
    width: 33.33%;    
}

.pedidos_produtos img {
    width: 77px;
    margin: 0 auto;
}
.detalhes_pedidos h5{
    color: var(--blueultra);
    font-family: 'Mangueira-Medium';
    text-align: center;
    font-size: 27px;
    margin-bottom: 30px;
}
.pedidos_produtos .nome-produto p{margin: 0; font-size: 17px; text-align: center; font-family: 'Mangueira-Bold'; color: var(--blueultra);}
.pedidos_produtos span{font-size: 17px;}

.detalhes_pedidos .infopedidos{}
.detalhes_pedidos .infopedidos h2{ font-family: "Mangueira-SemiBold"; font-size: 17px;}
.detalhes_pedidos .infopedidos p{font-family: 'Mangueira-Medium';font-size: 17px;}
#exportarrelatorio{display: none;}

#regras_senha{color: var(--statusReprovado); font-family: "Mangueira-Medium";}