html {
    height: 100% !important;
}
.img-fluid {
    max-width: inherit !important;
    width: 150px !important;
    height: 150px !important;
    background-color: #042554;
    background-image: url('/images/img_default.jpg');
    background-position: center;
    background-size: cover;
}
.rounded-circle {
    background-color: #042554;
    border-radius: 5px !important;
}
#loading {
    position: absolute;
    width: 100%;
    height:100%;
    left: 0;
    top: 0;
    align-items: center;
    background-color: #000;
    z-index: 999;
    opacity: 0.3;
}
.loading-icon {
    position:absolute;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    border-left:2px solid #767676;
    border-radius:25px;
    width:25px;
    height:25px;
    margin:0 auto;
    position:absolute;
    left:50%;
    margin-left:-20px;
    top:50%;
    margin-top:-20px;
    z-index:4;
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}
.desktop {
    display: block; /* inline, inline-block */
}
.mobile {
    display: none;
}

.file-img{
    margin-left: 190px;
}
@media(max-width: 480px) {
    .file-img{
        margin-left: auto;
    }
}
.picker__input {
    background-color: #FFF !important;
}
.form-wizard .nav-wizard li .nav-link:after {
    top: calc(50% - 8.5px) !important;
}
.picker__input.picker__input--active {
    border-color: #b2d1d1 !important;
}
/* .form-wizard .nav-wizard li .nav-link.inactive.done:after {
    background: #f1f1f1 !important;
} */
.sw-theme-default>.nav .nav-link.done {
    color: #042554 !important;
    cursor: pointer;
}
.sw-theme-default>.nav .nav-link.done {
    color: #042554 !important;
    cursor: pointer;
}
.sw-theme-default>.nav .nav-link.active {
    color: #3d4465 !important;
    cursor: pointer;
}
.card-title {
    text-transform: inherit !important;
}
.is-error {
    display: none;
}
.btn-clear {
    background: transparent;
    border: none;
    color: #7e7e7e;
}
.btn-clear:hover {
    color: #ff6102;
}
#letterAvatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: var(--primary);
    border-radius: .5rem;
    font-size:2em;
    color: #fff;
}

.black-white {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
  }

.field-error-input .form-control {
    border: 0.5px solid rgb(244, 120, 120);
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF4847' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF4847' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.field-error-label {
    font-size: small;
    color: red;
    margin-left: 4px;
    margin-top: 6px;
}

.select-ubi {
    border-color: aliceblue;
    font-size: 0.875rem;
}
.icon-thanks {
    width: 80px;
    height: 80px;
    border: 4px solid #ff6102;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 40px;
    text-align: center;
    padding-top: 7px;
}

.card-body > .card-body{padding: 0 !important;}

body.loja-planos{font-family: "Montserrat", serif;}
h1, h2, h3, h4, h5, h6 {color:#6c0878;}
#plans .flip-box{color:#6c0878;}
#plans .plan-name,
#plans .plan-period{margin-bottom: 0; font-size: 1.75rem}
#plans .plan-desc{color: #555;}
#plans .currency{font-size: 1.5rem; font-weight: 600;}
#plans .flip-box-front .plan-price{font-weight:bold; font-size: 2.2rem}
#plans .flip-box-rear .plan-price{margin-bottom: 0;font-weight:600; font-size: 3.5rem}
#plans strong{font-weight: 600;}
#finder{background-color: #eee;}
.reason-item{position: relative;}
.reason-item>div:after{content:''; position: absolute; top: 0; right: 100%; bottom: 0; left: 0; z-index: -1; background: var(--primary); opacity: .5; transition: all .5s ease;}
.reason-item>div:hover:after{right: 0;}
.flip-box { position: relative; height: 370px; width: 100%; perspective: 1000px; }
.flip-box-front, .flip-box-rear { position: absolute; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #fff; border-radius: 1rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); transform-style: preserve-3d; transition: all .5s ease; backface-visibility: hidden; }
.flip-box-card { width: 100%; height: 100%; transform-style: preserve-3d; transition: all 1s ease }
.flip-box-content { transform-style: preserve-3d; transform: translateZ(0.1px) }
.flip-box-z { transform: translateZ(50px) scale(0.85); }
.animate-flip-up .flip-box-mobile:checked ~ .flip-box-card, .animate-flip-up:hover .flip-box-card, .animate-flip-up .flip-box-rear { transform: rotateX(180deg) }
.animate-flip-down .flip-box-mobile:checked ~ .flip-box-card, .animate-flip-down:hover .flip-box-card, .animate-flip-down .flip-box-rear { transform: rotateX(-180deg) }
.animate-flip-left .flip-box-mobile:checked ~ .flip-box-card, .animate-flip-left:hover .flip-box-card, .animate-flip-left .flip-box-rear { transform: rotateY(-180deg) }
.animate-flip-right .flip-box-mobile:checked ~ .flip-box-card, .animate-flip-right:hover .flip-box-card, .animate-flip-right .flip-box-rear { transform: rotateY(180deg) }
@media screen and (max-width: 1080px) and (pointer: coarse) {
    .animate-flip-up .flip-box-mobile ~ .flip-box-card, .animate-flip-down .flip-box-mobile ~ .flip-box-card { transform: rotateX(0) }
    .animate-flip-left .flip-box-mobile ~ .flip-box-card, .animate-flip-right .flip-box-mobile ~ .flip-box-card { transform: rotateY(0) }
}