html, body, .page-header { max-width: 100%; overflow-x: hidden; }

html .page-header, body .page-header, .page-header .page-header { font-family: "Noto Serif", serif; }

.carousel-caption { background-color: rgba(0, 0, 0, 0.6) !important; border-radius: 15px; }

.card { box-shadow: 2px 2px 10px 2px #DAE2EA; background-color: rgba(255, 255, 255, 0.2); }

.card .card-header, .card .card-footer { background-color: #21548A !important; }

.card .card-body { background-color: rgba(255, 255, 255, 0.5) !important; color: #002233; }

.card .card-title { color: #dddddd !important; font-family: "Noto Serif", serif; }

.card .card-subtitle { color: #DAE2EA !important; font-family: "Abel", sans-serif; }

.card .card-text { color: #002233 !important; font-family: "Roboto Slab", serif; }

.card .btn-card { background-color: #20507A !important; color: #EAEDFF !important; font-family: "Abel", sans-serif; }

.modal { background-color: rgba(0, 0, 0, 0.5); }

.modal .modal-title { font-family: "Noto Serif", serif; }

.modal .modal-header, .modal .modal-footer { color: #EAEDFF; background: #21548A !important; }

.form-control { background-color: rgba(255, 255, 255, 0.4) !important; }

.form-control:focus { background-color: rgba(255, 255, 255, 0.6) !important; }

.table { color: #20507A !important; }

.table thead tr { font-family: "Noto Serif", serif !important; color: #dddddd !important; background: #21548A; }

.table tbody tr { background-color: rgba(255, 255, 255, 0.5); font-family: "Roboto Slab", serif !important; }

.table th { color: #dddddd !important; text-shadow: 1px 1px 2px #21548A !important; }

.table td, .table td strong { color: #21548A !important; }

.dropdown-menu { border: 1px solid #21548A !important; background-color: #20507A !important; }

.dropdown-menu .dropdown-item { color: rgba(255, 255, 255, 0.6); }

.dropdown-menu .dropdown-item:hover { color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 1px #bbbbbb !important; background-color: #dddddd !important; color: #20507A !important; }

.dropdown-menu .dropdown-divider { color: #bbbbbb !important; }

.toast { color: #dde !important; }

.toast .toast-header { background-color: #20507A !important; font-family: "Noto Serif", serif !important; }

.toast .toast-body { background-color: #21548A !important; font-family: "Roboto Slab", serif !important; }

.form-check-input { border: 1px solid #20507A !important; }

form label { font-family: "Noto Serif", serif !important; color: #21548A !important; font-size: 0.8rem !important; }

form .requiredField { font-family: "Noto Serif", serif !important; color: #20507A !important; text-shadow: 1px 1px 2px #21548A !important; font-size: 0.9rem !important; }

.form-control { border: 1px solid main !important; color: #21548A !important; }

.logo-font { color: #dddddd !important; text-shadow: 1px 1px 1px #bbbbbb !important; font-family: 'Codystar', cursive; margin-top: 25px !important; }

nav.navbar { background-color: #20507A !important; box-shadow: 1px 0px 1px 1px #21548A !important; }

nav .navbar-brand { color: #eee !important; text-shadow: 1px 1px 1px #bbbbbb !important; font-family: 'Codystar', cursive; }

nav .navbar-brand:hover { color: #fff !important; text-shadow: 1px 1px 1px #DAE2EA !important; }

nav .nav-link { color: #EAEDFF !important; }

nav .nav-link:hover { color: #dddddd !important; text-shadow: 1px 1px 1px #bbbbbb !important; font-family: 'Codystar', cursive; }

nav .nav-tabs { padding: 5px; border-bottom: 2px solid #bbbbbb; }

nav .nav-tabs .nav-item { background-color: #20507A; box-shadow: 1px 1px 2px 1px #21548A; }

nav .nav-tabs .nav-item.active { background-color: #21548A; box-shadow: 1px 1px 2px 1px #20507A; color: #dddddd; }

.header-gradient { margin-top: 10px; padding-left: 10px; padding-right: 10px; }

.badge { background-color: #20507A !important; color: #dddddd !important; }

.text-success { color: #dddddd !important; text-shadow: 1px 1px 1px #21548A !important; outline: none; }

.text-primary { color: #20507A !important; text-shadow: 1px 1px 1px #bbbbbb !important; }

.fas, .far { font-size: 14px !important; }

.big-fas { font-size: 1.2em !important; }

.btn { margin: 2px; }

.btn.btn-sm { color: #20507A; }

.btn-transparent { color: #21548A !important; }

.btn-link { color: #21548A !important; }

.btn-success { background-color: #dddddd !important; box-shadow: 1px 1px 2px 1px #bbbbbb !important; color: #21548A !important; font-family: "Noto Serif", serif !important; }

.btn-success:hover { background-color: #dddddd !important; color: #20507A !important; }

.btn-big { height: 90px; }

.btn-big:hover { border: 1px solid #dddddd !important; color: #dddddd !important; box-shadow: 3px 3px 5px 2px #bbbbbb !important; }

.btn-primary { background-color: #20507A !important; box-shadow: 1px 1px 2px 1px #bbbbbb !important; color: #EAEDFF !important; font-family: "Noto Serif", serif !important; text-shadow: 0px 1px 0px #bbbbbb !important; border: 2px solid #bbbbbb !important; }

.btn-primary:hover { border: 2px solid #dddddd !important; box-shadow: 2px 2px 3px 1px #bbbbbb !important; }

.btn-danger { background-color: #d65a4f !important; box-shadow: 1px 1px 2px 1px #974d46 !important; color: #EAEDFF !important; font-family: "Noto Serif", serif !important; text-shadow: 0px 1px 0px #DAE2EA !important; }

.btn-danger:hover { border-bottom: 1px solid #dddddd !important; box-shadow: 2px 2px 3px 1px #974d46 !important; }

.btn-warning { background-color: #dddddd !important; box-shadow: 1px 1px 2px 1px #bbbbbb !important; color: #E3C22D !important; font-family: "Noto Serif", serif !important; border: 1px solid #bbbbbb; text-shadow: 0px 1px 0px #bbbbbb; }

.swiper-container { width: 600px; height: 300px; }

small, .nav-link, h4, h5 { font-family: "Roboto Slab", serif !important; }

h1, h2, h3 { font-family: "Noto Serif", serif !important; }

.wrapper-label { font-family: "Noto Serif", serif !important; color: #20507A !important; text-align: left !important; text-shadow: 1px 1px 1px #21548A !important; margin-top: 30px !important; margin-bottom: 0 !important; }

.requisicao-wrapper, .novo-wrapper, .outros-wrapper, .relatorio-wrapper { background-color: rgba(0, 0, 255, 0.1); border-radius: 10px; margin-right: 10px; margin-left: 10px; padding: 15px; }

.divider { height: 2px; border-bottom: 1px solid #21548A; width: 70%; }

.collapse .card.card-body, .collapsing .card.card-body, .collapsed .card.card-body { border-radius: 20px; }

.collapse-label { font-size: 1.3rem; color: #dddddd; text-shadow: 1px 1px 1px #bbbbbb; }

.btn-relatorio { background-color: #20507A; color: #EEE; border-radius: 15px; box-shadow: inset 1px 1px 2px 1px #21548A; }

.three { height: 100%; width: 100%; }

.loginabsolute { height: 100%; width: 100%; position: absolute; z-index: 3; padding: 15px; }