body {
margin: 0;
padding: 0;
}
a{
color: #6b6b6b;
}
a:hover {
color: #202020;
}
.banner-img{
border-bottom-left-radius: calc(0.5rem - 1px);
border-bottom-right-radius: calc(0.5rem - 1px);
}
.pagto-VISA-svg{
background-image: url('data:image/svg+xml,');
width: 40px;
height: 30px;
display: inline-block;
}
.pagto-CARTAO-svg {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2240px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2040%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2240%22%20height%3D%2230%22%20rx%3D%224%22%20fill%3D%22%230074D9%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2210%22%20width%3D%2234%22%20height%3D%224%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2220%22%20width%3D%2210%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2220%22%20width%3D%228%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2220%22%20width%3D%228%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
width: 40px;
height: 30px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}
.pagto-CIELO_CHECKOUT-svg {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2240px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2040%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2240%22%20height%3D%2230%22%20rx%3D%224%22%20fill%3D%22%230074D9%22%2F%3E%3Ctext%20x%3D%224%22%20y%3D%2220%22%20font-family%3D%22Arial%2C%20sans-serif%22%20font-size%3D%2210%22%20fill%3D%22white%22%20font-weight%3D%22bold%22%3ECIELO%3C%2Ftext%3E%3C%2Fsvg%3E');
width: 40px;
height: 30px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}
.pagto-MASTER-svg{
background-image: url('data:image/svg+xml,');
width: 40px;
height: 30px;
display: inline-block;
}
.pagto-ELO-svg{
background-image: url('data:image/svg+xml, ');
width: 40px;
height: 30px;
display: inline-block;
}
.pagto-AMEX-svg{
background-image: url('data:image/svg+xml, ');
width: 40px;
height: 30px;
display: inline-block;
}
.pagto-HIPER-svg{
background-image: url('data:image/svg+xml,');
width: 40px;
height: 30px;
display: inline-block;
}
.pagto-PIX-svg{
background-image: url('data:image/svg+xml, ');
width: 40px;
height: 30px;
display: inline-block;
}
.pagto-PICPAY-svg{
background-image: url('data:image/svg+xml,');
width: 40px;
height: 30px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: 85%;
border: 0.7px solid #a9b3c7;
border-radius: 2px;
}
.pagto-BOLETO-svg{
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
width: 40px;
height: 30px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: 140%;
border: 0.7px solid #a9b3c7;
border-radius: 1px;
}
.svg-visa{
background-image: url('data:image/svg+xml,');
}
.svg-master{
background-image: url('data:image/svg+xml,');
}
.svg-jcb{
background-image: url('data:image/svg+xml,');
}
.svg-discover{
background-image: url('data:image/svg+xml,');
}
.svg-cartao-default{
background: #fff url('data:image/svg+xml,');
}
.modal {
/* background-color: hsla(0,0%,100%,.6); */
backdrop-filter: blur(0.4rem);
}
.modal-dialog {
margin-top: 20vh;
max-height: 75vh;
}
.modal-backdrop {
background-color: #cfcfcf;
}
.modal-backdrop.show {
opacity: .8;
}
.style_rotate_load_back{
z-index: 20200;
background-color: #ffffff;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.style_rotate_load{
width: 45px !important;
height: 45px !important;
margin-left: calc(50% - 29px);
}
@keyframes styles_rotateSpinner__3AGuj {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
.style_rotate_load svg>circle {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-animation:styles_rotateSpinner__3AGuj 1.2s linear infinite;
animation:styles_rotateSpinner__3AGuj 1.2s linear infinite
}
.style_rotate_load svg>circle:last-of-type {
-webkit-animation:styles_rotateSpinner__3AGuj .5s linear infinite;
animation:styles_rotateSpinner__3AGuj .5Ss linear infinite
}
.img_cover {
margin: 0 auto;
background-size: 110% auto !important;
background-position: center top !important;
overflow: hidden;
text-align: center;
filter: blur(0) !important;
}
.img_cover::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(12px) !important;
z-index: -1;
}
.icon-hover-primary:hover {
border-color: #3b71ca !important;
background-color: white !important;
}
.icon-hover-primary:hover i {
color: #3b71ca !important;
}
.icon-hover-danger:hover {
border-color: #dc4c64 !important;
background-color: white !important;
}
.icon-hover-danger:hover i {
color: #dc4c64 !important;
}
.h5, h5 {
font-size: 1.20rem;
}
select.form-control{
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.numero-cartao{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-repeat: no-repeat;
background-position-x: 97%;
background-position-y: center;
}
.numero-cartao-cvv{
background: #fff url('data:image/svg+xml,');
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-repeat: no-repeat;
background-position-x: 97%;
background-position-y: center;
}
form .required:after {
color: #F00;
content: '*';
display: inline;
}
.balao-informacao {
position: relative;
display: inline-block;
margin-top: 15px;
}
.balao-conteudo {
background-color: #ffeecc;
padding: 10px;
border-radius: 8px;
font-size: 14px;
line-height: 1.5;
color: #333;
/* border: 1px solid #e0e0e0; */
}
.seta-balao {
position: absolute;
top: -10px;
left: 10%;
transform: translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #ffeecc transparent;
}
.placeholder-active::placeholder {
color: #dddddd;
}
.balao {
position: relative; width: 100%; padding: 10px; background-color: #ffeecc; border: 1px solid #ccc; border-radius: 5px;
font-size: 14px; line-height: 1.5; text-align: left;
}
.balao:after {
content: "";
position: absolute; top: -12px; left: 45px; margin-left: -10px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #ffeecc;
}
.balao2 {
position: relative; width: 100%; padding: 10px; background-color: #f3f3f3; border: 1px solid #cccccc7d; border-radius: 5px;
font-size: 14px; line-height: 1.5; text-align: left;
}
.balao2:after {
content: "";
position: absolute; top: -12px; left: 45px; margin-left: -10px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #f3f3f3;
}
@media only screen and (max-width:768px) {
.banner-img{
border-radius: 0px !important;
}
.banner-box{
padding: 0px !important;
}
}
@media (max-width: 576px) {
#modal-dialog{
width: 100% !important;
}
}
.btn-success-custom{background-color:var(--cor-padrao);color:var(--cor-padrao-text)}
.btn-success-custom:hover{background-color:var(--cor-padrao)!important;color:var(--cor-padrao-text)!important}
.btn-outline-primary-custom{color:var(--cor-padrao)!important;border:1px solid var(--cor-padrao)!important}
.btn-outline-primary-custom:hover{color:var(--cor-padrao);border-color:var(--cor-padrao)}
.bg-primary{background-color:var(--cor-padrao)!important}
.btn-light-custom{border:1px solid #727272!important}
.form-check-input:checked{border-color:var(--cor-padrao)}
.form-check-input[type=radio]:checked:after{border-color:var(--cor-padrao);background-color:var(--cor-padrao)}
.navbar{position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,0.7);transition:background-color .3s ease-in-out;z-index:1000}
.navbar-brand{margin-right:auto}
.nav-link{color:white}
.nav-link.active{color:#f0a500}
.navbar-brand img{max-height:40px}