header { padding: 10px 0; /* to add blured background * / background-color: rgba(255, 255, 255, 0.2); box-shadow: 0 15px 25px rgba(129, 124, 124, 0.1); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); /** @see https://css.glass/ */ } header div.lang_moeda-slc img { border: inherit !important; max-width: none !important; border-style: none !important; } header .h4 { font-size: 24px; } header .h5 { font-size: 20px; } header .mx-2 { /** has `font-size: 62.5%` so spacing gets decreased */ margin: 0 8px !important; } @media (min-width: 768px) { header nav.navbar { padding: 0 16px !important; } } @media (max-width: 768px) { .navbar-collapse > ul.nav.navbar-nav { background-color: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: none; border-radius: 0.3rem; } } .dropdown-menu:not(.datetimepicker) { background-color: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: none; border-radius: 0.3rem; } .dropdown-header { color: #0094da; } .dropdown-divider { border-top: 1px solid rgba(0, 0, 0, 0.125); } a.dropdown-item:hover { color: #0094da !important; } header a.nav-link { font-weight: bold !important; } div.lang_moeda-slc img { width: 30px; height: 30px; box-shadow: 0 15px 25px rgba(129, 124, 124, 0.2); object-fit: cover } div.dropdown a.dropdown-toggle, a.dropdown-item img, div.lang_moeda-slc span > img, div.lang_moeda-slc span[class ^= 'h'] { filter: drop-shadow(1px 1px 8px #fff); } div#content-wrap { padding-top: 2% !important; /** increase to 8%, if added `.fixed-top` to

*/ } div.alert > h5 { margin: 0; } div.alert.alert-danger > h5 { color: inherit !important; } /** * Form */ div#form-wrapper { background-color: var(--lc-blue-shades-70); } div.card.bg-transparent { border: 2px solid var(--lc-blue-tint-20); } label { color: #fff; } .input-group-text { background-color: #fff; border-right: 0; } .input-group > input:not(.is-invalid):not(.is-valid), .input-group > select { border-left: 0; } .input-group > input, .input-group > select { border-right: 0; } .select2-container .select2-selection__arrow { border-left: 0 !important; } /** * adicionar "*" a _form inputs "required" */ form div.required label:not(.radio):after, p.required:after { content: " * "; color: var(--lc-red); } input.form-control.is-valid ~ div.input-group-append > div.input-group-text { color: #28a745 !important; border-color: #28a745 !important; } input.form-control.is-invalid ~ div.input-group-append > div.input-group-text { color: var(--lc-red) !important; /* #dc3545 */ border-color: var(--lc-red) !important; /* #dc3545 */ } /** * override SweetAlert default config. that sets padding when popup shown */ body.swal2-shown.swal2-height-auto { padding-right: 0!important; } div.swal2-popup.swal2-modal { width: inherit; } div.swal2-popup.swal2-modal div.swal2-html-container { font-size: 15px; } .btn.btn-lg, div.swal2-actions button { font-size: 1.6rem; } /** * Contact info */ #contact-info p > i { color: var(--lc-blue-tint-50); } #contact-info a { color: var(--lc-blue-tint-20) !important; } #contact-info a:hover, #contact-info a:focus { color: var(--lc-blue-tint-50) !important; } /** * iOS Safari automatically detects phone numbers and turns them into clickable links, often adding its own blue color and underline. * Override the styling */ a[href ^= "tel:"] { color: #fff !important; text-decoration: none !important; } a.login { color: var(--lc-red); font-weight: bold; } /** * */ footer { padding: 15px 30px !important; } footer ul.footer-social li a i.fa:hover { color: var(--lc-blue); } /** * Back-to-top scroll speed * @see https://stackoverflow.com/a/57258951 */ html { scroll-behavior: smooth; } #back-to-top { display: none; position: fixed; bottom: 155px; right: 38px; background-color: var(--lc-blue-tint-20); border-color: var(--lc-blue-tint-20); }