/* Minification failed. Returning unminified contents.
(13347,9): run-time error CSS1035: Expected colon, found '{'
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
hr.linha-espaco-simples {
margin-bottom: 0 !important;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/* button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} */
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
/* outline-offset: -2px;*/
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
/*!
* Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
/******
* Itau Saude
* Versao : 1.0.1
*
* 100 Thin (Hairline)
* 200 Extra Light (Ultra Light, Ultra Fino)
* 300 Light (Fino)
* 400 Normal
* 500 Medium (Médio)
* 600 Semi Bold (Demi Bold, Semi Negrito)
* 700 Bold (Negrito)
* 800 Extra Bold (Ultra Bold, Super Negrito)
* 900 Black (Heavy)
*
* (https://transfonter.org/)
********/
@font-face {
font-family: 'Itau Display';
src: url('../fonts/ItauDisplay-Bold.woff2') format('woff2'), url('../fonts/ItauDisplay-Bold.woff') format('woff'), url('../fonts/ItauDisplay-Bold.ttf') format('ttf');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Itau Display';
src: url('../fonts/ItauDisplay-XBold.woff2') format('woff2'), url('../fonts/ItauDisplay-XBold.woff') format('woff'), url('../fonts/ItauDisplay-XBold.ttf') format('ttf');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Itau Display';
src: url('../fonts/ItauDisplay-Light.woff2') format('woff2'), url('../fonts/ItauDisplay-Light.woff') format('woff'), url('../fonts/ItauDisplay-Light.ttf') format('ttf');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Itau Display';
src: url('../fonts/ItauDisplay-Medium.woff2') format('woff2'), url('../fonts/ItauDisplay-Medium.woff') format('woff'), url('../fonts/ItauDisplay-Medium.ttf') format('ttf');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Itau Display';
src: url('../fonts/ItauDisplay-Regular.woff2') format('woff2'), url('../fonts/ItauDisplay-Regular.woff') format('woff'), url('../fonts/ItauDisplay-Regular.ttf') format('ttf');
font-weight: normal;
font-style: normal;
}
/******
* Alto-contraste
* Versao : 1.1
* Descricao : Acessibilidade em alto-contrates seguindo a recomendacao WCAG 2.1 (https://www.w3.org/TR/WCAG/)
******/
/*--------------------------------------------------------------
# Todos os fundos sejam pretos
--------------------------------------------------------------*/
.contraste,
.contraste nav,
.contraste div,
.contraste li,
.contraste ol,
.contraste header,
.contraste footer,
.contraste section,
.contraste main,
.contraste aside,
.contraste article {
background-color: black !important;
color: white !important;
}
/*--------------------------------------------------------------
# Todos os textos sejam brancos
--------------------------------------------------------------*/
.contraste h1,
.contraste h2,
.contraste h3,
.contraste h4,
.contraste h5,
.contraste h6,
.contraste p,
.contraste label,
.contraste strong,
.contraste em,
.contraste cite,
.contraste q,
.contraste i,
.contraste b,
.contraste u,
.contraste span {
color: white !important;
}
/*--------------------------------------------------------------
# Todos os links e opcoes de acao sejam amarelos
--------------------------------------------------------------*/
.contrast a {
color: white !important;
/* color: yellow !important; */
}
/* .contraste button,
.contraste input[type=button],
.contraste input[type=reset],
.contraste input[type=submit] {
background: black !important;
color: yellow !important;
border: none !important;
} */
/*--------------------------------------------------------------
# Imagens em preto e branco ou em tons de cinza
--------------------------------------------------------------*/
/* .contraste img.contraste-forcar-cinza {
filter: grayscale(100%) contrast(120%);
} */
/* .contraste img.contraste-forcar-branco {
filter: brightness(0) invert(1);
} */
/*--------------------------------------------------------------
# Campos de Formularios devem ter fundo preto, borda solida branca e cor branca
--------------------------------------------------------------*/
.contraste input[type=text],
.contraste input[type=password],
.contraste input[type=url],
.contraste input[type=search],
.contraste input[type=email],
.contraste input[type=tel],
.contraste input[type=date],
.contraste input[type=month],
.contraste input[type=week],
.contraste input[type=datetime],
.contraste input[type=datetime-local],
.contraste textarea,
.contraste input[type=number] {
background: black !important;
border: 1px solid white !important;
color: white !important;
}
.contraste .faixa-superior,
.contraste .faixa-superior div,
.contraste .faixa-superior span {
background-color: #FF6200 !important;
color: #000 !important;
}
.contraste .tamanho-fonte-menu span {
border: 1px solid #000;
}
.contraste .navigation-menu a {
color: #fff !important;
}
.contraste .rede-emergencia {
background-color: #FF6200 !important;
}
.contraste .hero-miolo,
.contraste .hero-miolo div,
.contraste .hero-miolo input,
.contraste .carrossel,
.contraste .carrossel div,
.contraste .carrossel input {
background-color: transparent !important;
}
.contraste .hero-miolo input {
border: none !important;
}
.contraste .darkish_blue {
color: #168ed0 !important;
}
.contraste .bck-darkish_blue {
background-color: #168ed0 !important;
}
.contraste hr.darkish_blue {
border: 1px solid #168ed0 !important;
}
.contraste .selecao {
color: #168ed0 !important;
border: 1px solid #168ed0 !important;
}
.contraste .box-input input:read-only {
border: 1px solid #168ed0 !important;
}
.contraste .botao-branco-transparente:hover {
border: 1px solid #168ed0 !important;
background-color: #168ed0 !important;
}
.contraste .rodape {
background-color: #168ed0 !important;
}
.contraste .botao-laranja-transparente:hover .botao-laranja-transparente-texto,
.contraste .botao-azul-transparente .botao-azul-transparente-texto,
.contraste .botao-sublinhado,
.contraste .lista-com-lixeira-card-texto,
.contraste .link-azul,
.contraste .menu-decricao-titulo,
.contraste .hero-pagina-linha-1,
.contraste .hero-pagina-linha-2,
.contraste .hero-titulo-pagina-linha-1,
.contraste .hero-titulo-pagina-linha-2,
.contraste .chamada-titulo,
.contraste .acesso-rapido-lista-item a,
.contraste .notificacao-limpar,
.contraste .resultado-da-busca-resumo-titulo,
.contraste .resultado-da-busca-resumo-usuario,
.contraste .resultado-da-busca-card-favoritar,
.contraste .linha-do-tempo-card-descricao .linha-do-tempo-card-descricao-titulo,
.contraste .formulario-reembolso a.reembolso-responsabilidade {
color: #168ed0 !important;
}
.contraste .botao-laranja-com-imagem-imagem,
.contraste .botao-laranja-com-imagem-texto,
.contraste .botao-laranja-texto,
.contraste .rodape div.fale-conosco {
background-color: #FF6200 !important;
}
.contraste .menu-login-entrada-opcoes li a {
color: #fff;
}
.contraste .rodape div,
.contraste .rodape ul,
.contraste .rodape li,
.contraste .botao-vazado-laranja,
.contraste .botao-vazado-laranja-centralizado,
.contraste .botao-vazado-laranja-sem-imagem,
.contraste .botao-vazado-branco,
.contraste .botao-branco-transparente,
.contraste .botao-laranja-transparente,
.contraste .botao-azul-transparente,
.contraste .botao-sublinhado,
.contraste .botao-vazado-laranja div,
.contraste .botao-vazado-laranja-centralizado div,
.contraste .botao-vazado-laranja-sem-imagem div,
.contraste .botao-vazado-branco div,
.contraste .botao-branco-transparente div,
.contraste .botao-laranja-transparente div,
.contraste .botao-azul-transparente div,
.contraste .botao-sublinhado div,
.contraste .busca-vazado-branco,
.contraste .busca-vazado-branco input {
background-color: transparent !important;
}
.contraste .botao-vazado-laranja,
.contraste .botao-vazado-laranja-centralizado,
.contraste .botao-vazado-laranja-sem-imagem {
border: 1px solid #fff;
}
.contraste .busca input[type=text] {
border: none !important;
}
.contraste .area-login-entrada-input {
border: none;
}
.contraste .area-login-entrada-input-mobile {
border: none;
}
/******
* Itau Saude
* Versao : 1.0.1
*
* Cores:
* darkish_blue : #000066
* water_blue : #168ed0
* pumpkin : #FF6200
* black : #252220
* brownish_grey : #73706e
* brown_grey : #a7a7a7
* very_light_pink : #d8d8d8
* very_light_pink_two : #e5e5e5
* very_light_pink_three : #eae9e9
* very_light_pink_four : #faf8f7
* white : #ffffff
*
* Font-types:
* ItauDisplay
* Myriad Pro
* Arial
*
* Produzido:
* Por : Ana Couto (http://www.anacouto.com.br)
* Em 2020-Jan
******/
/*--------------------------------------------------------------
# Basico
--------------------------------------------------------------*/
html {
font-family: 'Itau Display', 'Myriad Pro', Arial;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font-size: 16px;
color: #252220;
}
img {
max-width: 100%;
}
h1 {
font-size: 2.5rem;
font-weight: 900;
margin: 0;
padding: 0;
}
/* @media only screen and (max-width:992px) { */
@media only screen and (max-width:1200px) {
h1 {
font-size: 1.25rem;
}
}
h3 {
font-size: 1.75rem;
font-weight: 900;
line-height: 2rem;
margin: 0;
padding: 0;
}
/* @media only screen and (max-width:992px) { */
@media only screen and (max-width:1200px) {
h3 {
font-size: 1rem;
}
}
h4 {
font-size: 1.125rem;
font-weight: 900;
line-height: 1.125rem;
margin: 0;
padding: 0;
}
/* @media only screen and (max-width:992px) { */
@media only screen and (max-width:1200px) {
h4 {
font-size: 1rem;
}
}
h5 {
font-size: 1rem;
font-weight: bold;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
a,
p,
ul,
li,
button,
input,
select,
textarea {
outline: none !important;
}
a {
text-decoration: none;
}
hr {
border-color: #a7a7a7;
border-top: 0;
margin-bottom: 50px;
}
*:focus,
:focus {
outline: none !important;
box-shadow: none;
border-color: transparent;
}
.direita {
text-align: right;
}
.esquerda {
text-align: left;
}
.centro {
text-align: center;
}
.negrito {
font-weight: bold;
}
.italico {
font-style: italic;
}
.escondido {
display: none;
}
.aparece {
display: block;
}
.relativo {
position: relative;
}
.body-travado {
overflow: hidden;
}
@media only screen and (max-width:1200px) {
.container {
max-width: 100%;
}
}
/*--------------------------------------------------------------
# Cores
--------------------------------------------------------------*/
.darkish_blue {
color: #000066;
}
.water_blue {
color: #168ed0;
}
.pumpkin {
color: #FF6200;
}
.black {
color: #252220;
}
.brownish_grey {
color: #73706e;
}
.brown_grey {
color: #a7a7a7 !important;
}
.very_light_pink {
color: #d8d8d8;
}
.very_light_pink_two {
color: #e5e5e5;
}
.very_light_pink_three {
color: #eae9e9;
}
.very_light_pink_four {
color: #faf8f7;
}
.white {
color: #ffffff;
}
.bck-darkish_blue {
color: #fff;
background-color: #000066;
}
.bck-water_blue {
color: #fff;
background-color: #168ed0;
}
.bck-pumpkin {
color: #fff;
background-color: #FF6200;
}
.bck-black {
color: #fff;
background-color: #252220;
}
.bck-brownish_grey {
background-color: #73706e;
}
.bck-brown_grey {
background-color: #a7a7a7;
}
.bck-very_light_pink {
background-color: #d8d8d8;
}
.bck-very_light_pink_two {
background-color: #e5e5e5;
}
.bck-very_light_pink_three {
background-color: #eae9e9;
}
.bck-very_light_pink_four {
background-color: #faf8f7;
}
.bck-white {
background-color: #ffffff;
}
hr.darkish_blue {
border: 1px solid #000066;
}
hr.water_blue {
border: 1px solid #168ed0;
}
hr.pumpkin {
border: 1px solid #FF6200;
}
hr.black {
border: 1px solid #252220;
}
hr.brownish_grey {
border: 1px solid #73706e;
}
hr.brown_grey {
border: 1px solid #a7a7a7;
}
hr.very_light_pink {
border: 1px solid #d8d8d8;
}
hr.very_light_pink_two {
border: 1px solid #e5e5e5;
}
hr.very_light_pink_three {
border: 1px solid #eae9e9;
}
hr.very_light_pink_four {
border: 1px solid #faf8f7;
}
hr.white {
border: 1px solid #ffffff;
}
/*--------------------------------------------------------------
# Elementos
--------------------------------------------------------------*/
.modal {
width: 100%;
height: 100%;
position: fixed;
display: none;
top: 0;
left: 0;
overflow: auto;
background-color: rgba(0,0,0,0.8);
z-index: 300;
}
.modal-confirmacao div {
display: block;
}
.modal-miolo {
width: auto;
max-width: 80%;
height: auto;
min-height: 10rem;
/* max-height: 95%; */
max-height: 80%;
position: absolute;
top: 50%;
left: 50%;
/* transform: translateY(-40%); */
transform: translate(-50%,-50%);
padding: 4rem;
background-color: #fff;
border-radius: 8px;
/* overflow: auto; */
/* overflow-x: hidden; */
/* overflow-y: auto; */
display: block;
}
.modal-admin .modal-miolo {
padding: 4rem 0;
}
@media only screen and (max-width:1200px) {
.modal-miolo {
padding: 4rem 2rem;
}
}
.modal-miolo-60 {
width: 60%;
left: 20%;
}
.modal-miolo-50 {
width: auto;
max-width: 30%;
height: auto;
min-height: 10rem;
/* max-height: 95%; */
max-height: 80%;
position: absolute;
top: 50%;
left: 50%;
/* transform: translateY(-40%); */
transform: translate(-50%,-50%);
padding: 2rem;
background-color: #fff;
border-radius: 8px;
/* overflow: auto; */
/* overflow-x: hidden; */
/* overflow-y: auto; */
display: block;
}
.modal-abrir {
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.modal-miolo {
width: 100%;
max-width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
overflow: auto;
}
.modal-miolo-50 {
width: 100%;
max-width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
overflow: auto;
}
}
.modal-miolo .modal-fechar {
position: absolute;
top: -4rem;
right: 0;
cursor: pointer;
z-index: 2000;
}
.modal-miolo-50 .modal-fechar-50 {
position: absolute;
top: -4rem;
right: 0;
cursor: pointer;
z-index: 2000;
}
@media only screen and (max-width:1200px) {
.modal-miolo .modal-fechar {
top: 1rem;
right: 1rem;
}
.modal-miolo-50 .modal-fechar-50 {
top: 1rem;
right: 1rem;
}
}
.modal-miolo-conteudo {
width: 100%;
width: 100vw;
max-width: 100%;
/* height: 100%; */
height: auto;
max-height: 60vh;
overflow-y: auto;
overflow-x: hidden;
}
.selecao2 {
display: inline-block;
width: 6rem;
margin-left: 0.5rem;
font-size: 0.6875rem;
color: #636466;
vertical-align: middle;
background: #fff url('../content/img/chevron.svg') no-repeat right 0.75rem center;
background-size: 8px 10px;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: middle;
}
.select3,
.selecao {
display: block;
width: 100%;
height: auto;
min-height: 3.4375rem;
font-size: 1.125rem;
color: #000066;
padding-left: 1.375rem;
background: #f6f6f6 url('../content/img/chevron.svg') no-repeat right 0.75rem center;
background-size: 8px 10px;
border: 1px solid #000066;
border-radius: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 3.4375rem;
}
.selecao option {
font-size: 0.9rem;
}
.selecao3 {
display: block;
width: 100%;
height: auto;
min-height: 3.4375rem;
font-size: 1.125rem;
padding-left: 1.375rem;
background: #f6f6f6 url('../content/img/chevron.svg') no-repeat right 0.75rem center;
background-size: 8px 10px;
border: 1px solid #a7a7a7 !important;
border-radius: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 3.4375rem;
}
.selecao3-resultado {
display: none;
width: 100%;
height: auto;
min-height: 3.4375rem;
font-size: 1.125rem;
padding-left: 1.375rem;
background-size: 8px 10px;
border: 1px solid #000066;
border-top: 0;
border-radius: 0 0 8px 8px;
margin-top: -34px;
background-color: #fff;
line-height: 1rem;
}
.grudado {
position: sticky;
position: -webkit-sticky;
width: 100%;
max-width: 100%;
height: auto;
top: 0;
}
/* input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder, */
input::placeholder {
color: #A7A7A7;
/* color: #CC0000; */
opacity: 1;
}
.box-input {
margin-bottom: 5px;
position: relative;
}
.box-input-azul {
margin-bottom: 5px;
position: relative;
color: #000066;
}
.box-input label {
display: block;
font-size: 1rem;
font-weight: 300;
line-height: 1.75;
position: relative;
}
.box-input .field-validation-error {
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
.box-input-passos {
margin: 0;
padding: 0;
}
.box-input-passos label {
font-weight: 400;
font-size: 1.25rem;
margin: 0;
padding: 0;
line-height: 2rem;
}
.box-input-qtd {
margin-bottom: 5px;
position: relative;
}
.box-input-qtd input[type="text"] {
width: 100%;
height: 3.4375rem;
background-color: #fff;
border: 0px;
border-bottom: 1px solid #a7a7a7;
padding-left: 0.8rem;
line-height: 3.4375rem;
}
@media only screen and (max-width:1200px) {
.box-input-passos label {
font-size: 1rem;
}
}
.box-input-obs {
margin-top: -1rem;
/* margin-bottom: 1rem; */
color: #73706e;
font-size: 1rem;
font-weight: 100;
text-align: right;
}
@media only screen and (max-width:1200px) {
.box-input-obs {
margin-top: 1rem;
text-align: left;
}
}
.box-input-obs .mais-escuro {
color: #73706e;
font-weight: normal;
}
.box-input-obs-laranja {
margin-top: -1.5rem;
/* margin-bottom: 1rem; */
color: #FF6200;
font-size: 1rem;
font-weight: 100;
text-align: right;
}
.box-input-obs-laranja .mais-escuro {
font-weight: bold;
}
@media only screen and (max-width:1200px) {
.box-input-obs-laranja {
margin-top: 1rem;
margin-bottom: 1rem;
text-align: left;
}
}
.box-input input[type="text"],
.box-input input[type="date"],
.box-input input[type="email"],
.box-input input[type="password"],
.box-input textarea {
width: 100%;
height: 3.4375rem;
background-color: #fff;
border: 1px solid #a7a7a7;
border-radius: 8px;
padding-left: 0.8rem;
line-height: 3.4375rem;
}
.box-input input.input-de-linha {
height: auto;
border: none;
border-bottom: 1px solid #a7a7a7;
border-radius: 0;
line-height: normal;
color: #FF6200;
}
.box-input input.box-selecionado {
border-color: #000066;
background-color: #f6f6f6;
color: #000066;
}
.box-input input.box-a-preencher {
border-color: #d8d8d8;
background-color: #f6f6f6;
color: #d8d8d8;
}
.box-input input:read-only {
background-color: #f6f6f6;
border: 1px solid #000066;
}
.box-input textarea {
height: 7.625rem;
padding-top: 0.5rem;
resize: none;
}
.box-input-checar-radio {
display: inline-block;
position: relative;
margin-bottom: 1rem;
margin-right: 3rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.box-input-checar-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.box-input-texto {
display: inline-block;
padding-left: 25px;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.75;
line-height: 20px;
}
@media only screen and (max-width:1200px) {
.box-input-texto {
width: 100%;
height: 16px;
margin-left: 35px;
margin-top: 4px;
margin-bottom: 10px;
display: block;
position: relative;
}
.box-input-checar-radio .box-input-texto {
margin-left: 5px;
}
.box-input-texto .box-qualificacao-texto {
font-size: 0.75rem;
line-height: 1;
}
}
.box-input-radio {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #979797;
border-radius: 50%;
}
.box-input-checar-radio:hover input ~ .box-input-radio {
background-color: #168ed0;
}
.box-input-radio:after {
content: "";
position: absolute;
display: none;
}
.box-input-checar-radio input:checked ~ .box-input-radio:after {
display: block;
}
.box-input-checar-radio .box-input-radio:after {
top: 2px;
left: 2px;
width: 14px;
height: 14px;
border-radius: 50%;
background: #168ed0;
}
.box-input-checar-checkbox {
/* display: block; */
position: relative;
margin-bottom: 1rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.box-input-checar-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.box-input-texto {
display: inline-block;
padding-left: 25px;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.75;
line-height: 20px;
}
@media only screen and (max-width:1200px) {
.box-input-texto {
vertical-align: top;
}
}
@media only screen and (max-width:1200px) {
.endereco-salvar .box-input-texto {
padding-left: 0;
margin-left: 22px;
}
}
.box-input-checkbox {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #73706e;
}
.box-input-checkbox:after {
content: "";
position: absolute;
display: none;
}
.box-input-checar-checkbox input:checked ~ .box-input-checkbox:after {
display: block;
}
.box-input-checar-checkbox .box-input-checkbox:after {
content: url('../content/img/tique_preto.svg');
top: 50%;
left: 50%;
/* transform: translate(-50%,-50%) scale(1.5); */
transform: translate(-50%,-60%) scale(1.5);
}
.box-input-switch {
position: absolute;
right: 0;
top: 2px;
display: inline-block;
width: 2.5625rem;
height: 1.25rem;
}
.box-input-switch input {
opacity: 0;
width: 0;
height: 0;
}
.box-input-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 10px;
border: 2px solid #D1D3D4;
background-color: #fff;
-webkit-transition: .4s;
transition: .4s;
}
/* @media only screen and (max-width:992px) { */
@media only screen and (max-width:1200px) {
.box-input-switch {
display: block;
position: relative;
margin-top: 0.5rem;
margin-left: auto;
margin-right: auto;
}
}
.box-input-slider:before {
position: absolute;
content: "";
height: 14px;
width: 14px;
left: 2px;
bottom: 1px;
border-radius: 50%;
background-color: #D1D3D4;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .box-input-slider {
border: 2px solid #FF6200;
}
input:checked + .box-input-slider:before {
background-color: #FF6200;
}
input:checked + .box-input-slider:before {
-webkit-transform: translateX(19px);
-ms-transform: translateX(19px);
transform: translateX(19px);
}
.box-input-range {
width: 100%;
max-width: 100%;
height: 2rem;
position: relative;
}
.box-input-range input[type=range] {
width: 100%;
max-width: 100%;
height: 10px;
position: absolute;
top: 0;
left: 0;
}
.box-input-range .range-labels {
width: 100%;
height: 1px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 14px;
left: 0;
}
.box-input-range .range-labels::after {
content: '';
width: 5px;
height: 5px;
border-radius: 4px;
display: block;
position: absolute;
top: -2px;
right: 0;
background-color: #FF6200;
}
.box-input-range .range-labels li {
height: 5px;
float: left;
margin: 0;
padding: 0;
position: relative;
}
.box-input-range .range-labels li::before {
content: '';
width: 5px;
height: 5px;
border-radius: 4px;
display: block;
position: absolute;
top: -2px;
left: 0;
background-color: #FF6200;
}
.range-itens5 {
width: 24.75%;
}
@media only screen and (max-width:1200px) {
.range-itens5 {
width: 24%;
}
}
input[type=range] {
height: 16px;
-webkit-appearance: none;
margin: 10px 0;
width: 100%;
background-color: transparent;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 1px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #000000;
background: #FF6200;
border-radius: 0px;
border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 0px 0px 0px #000031;
border: 0px solid #00001E;
height: 10px;
width: 10px;
border-radius: 5px;
background: #FF6200;
cursor: pointer;
-webkit-appearance: none;
margin-top: -4.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #FF6200;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 1px;
cursor: pointer;
animation-duration: 0.2s;
animate: 0.2s;
box-shadow: 0px 0px 0px #000000;
background: #FF6200;
border-radius: 0px;
border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
box-shadow: 0px 0px 0px #000031;
border: 0px solid #00001E;
height: 10px;
width: 10px;
border-radius: 5px;
background: #FF6200;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 1px;
cursor: pointer;
animation-duration: 0.2s;
animate: 0.2s;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #FF6200;
border: 0px solid #010101;
border-radius: 0px;
box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
background: #FF6200;
border: 0px solid #010101;
border-radius: 0px;
box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
margin-top: 1px;
box-shadow: 0px 0px 0px #000031;
border: 0px solid #00001E;
height: 10px;
width: 10px;
border-radius: 5px;
background: #FF6200;
cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
background: #FF6200;
}
input[type=range]:focus::-ms-fill-upper {
background: #FF6200;
}
.box-input .senha-icone-olho {
width: auto;
height: 25px;
position: absolute;
right: 1rem;
bottom: 15px;
cursor: pointer;
}
.box-input .senha-icone-olho-fechado {
width: auto;
height: 25px;
position: absolute;
right: 1rem;
bottom: 15px;
cursor: pointer;
display: none;
}
.senha-checagem {
width: 100%;
max-width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
padding-left: 20px;
border-bottom: 1px solid #d8d8d8;
font-size: 18px;
color: #d8d8d8;
}
.senha-checagem-checado {
position: relative;
color: #168ed0;
}
.senha-checagem-checado::before {
content: url('data:image/svg+xml; utf8, ');
position: absolute;
left: -20px;
}
.box-input .obs {
color: #a7a7a7;
font-size: 1rem;
}
.libera-box-flutuante {
color: #FF6200;
position: relative;
}
.box-flutuante {
width: calc(100% - 4rem);
max-width: 100%;
height: auto;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
padding: 0 1rem;
margin-top: -1.5rem;
margin-left: 0.5rem;
background-color: #fff;
border-radius: 0 0 5px 5px;
position: absolute;
z-index: 100;
display: none;
}
.box-flutuante-linha {
width: 100%;
max-width: 100%;
height: 53px;
color: #FF6200;
font-size: 1.125rem;
font-weight: bold;
border-bottom: 1px solid #a7a7a7;
line-height: 53px;
}
.box-flutuante-linha:last-child {
border-bottom: none;
}
.botao-vazado-laranja {
width: 260px;
height: 50px;
line-height: 50px;
display: inline-block;
position: relative;
border: 1px solid #FF6200;
border-radius: 6px;
background-color: #fff;
color: #FF6200;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.botao-vazado-laranja {
max-width: 100%;
}
}
.botao-vazado-laranja:hover {
background-color: #FF6200;
color: #fff;
}
.botao-vazado-laranja:hover .botao-vazado-laranja-texto {
color: #fff;
}
.botao-vazado-laranja img {
vertical-align: middle;
margin-right: 8px;
}
.botao-vazado-laranja:hover .botao-vazado-laranja-imagem img,
button.botao-vazado-laranja:hover img,
a.botao-vazado-laranja:hover img {
display: none;
}
.botao-vazado-laranja:hover .botao-vazado-laranja-imagem img.botao-vazado-laranja-imagem-hover {
display: block;
}
a.botao-vazado-laranja:hover img.botao-vazado-laranja-imagem-hover,
button.botao-vazado-laranja:hover img.botao-vazado-laranja-imagem-hover {
display: inline-block;
}
.botao-vazado-laranja .botao-vazado-laranja-imagem {
width: 4.375rem;
height: 3.75rem;
line-height: 3.75rem;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.botao-vazado-laranja .botao-vazado-laranja-imagem img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.botao-vazado-laranja .botao-vazado-laranja-imagem-hover {
display: none;
}
.botao-vazado-laranja .botao-vazado-laranja-texto {
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 4.375rem;
font-weight: bold;
transform: translateY(-50%);
color: #FF6200;
}
.botao-vazado-laranja-centralizado {
width: 260px;
height: 50px;
display: inline-block;
position: relative;
border: 1px solid #FF6200;
border-radius: 6px;
color: #FF6200;
text-align: center;
line-height: 50px;
background-color: #fff;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.botao-vazado-laranja-centralizado {
max-width: 100%;
display: block !important;
margin-left: auto;
margin-right: auto;
}
}
.botao-vazado-laranja-centralizado:hover {
background-color: #FF6200;
color: #fff;
}
.botao-vazado-laranja-centralizado:hover .botao-vazado-laranja-centralizado-texto {
color: #fff;
}
.botao-vazado-laranja-centralizado:hover .botao-vazado-laranja-centralizado-texto img {
display: none;
}
.botao-vazado-laranja-centralizado:hover .botao-vazado-laranja-centralizado-texto img.botao-vazado-laranja-centralizado-imagem-hover {
display: inline-block;
}
.botao-vazado-laranja-centralizado .botao-vazado-laranja-centralizado-texto img {
vertical-align: bottom;
margin-right: 1rem;
}
.botao-vazado-laranja-centralizado .botao-vazado-laranja-centralizado-imagem-hover {
display: none;
}
.botao-vazado-laranja-centralizado .botao-vazado-laranja-centralizado-texto {
width: 100%;
height: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
font-weight: bold;
color: #FF6200;
}
.botao-vazado-laranja-sem-imagem {
width: 260px;
height: 50px;
line-height: 50px;
min-height: 3rem;
display: inline-block;
position: relative;
border: 1px solid #FF6200;
border-radius: 6px;
color: #FF6200;
cursor: pointer;
vertical-align: middle;
}
@media only screen and (max-width:1200px) {
.botao-vazado-laranja-sem-imagem {
max-width: 100%;
}
}
.botao-vazado-laranja-sem-imagem:hover {
background-color: #FF6200;
color: #fff;
}
.botao-vazado-laranja-sem-imagem:hover .botao-vazado-laranja-sem-imagem-texto {
color: #fff;
}
.botao-vazado-laranja-sem-imagem .botao-vazado-laranja-sem-imagem-texto {
width: 100%;
max-width: 100%;
height: auto;
position: absolute;
top: 50%;
text-align: center;
font-weight: bold;
transform: translateY(-50%);
color: #FF6200;
text-align: center;
}
.botao-vazado-branco {
width: 260px;
height: 50px;
line-height: 50px;
display: inline-block;
position: relative;
border: 1px solid #fff;
border-radius: 6px;
color: #fff;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.botao-vazado-branco {
max-width: 100%;
}
}
.botao-vazado-branco:hover {
background-color: #FF6200;
color: #fff;
}
.botao-vazado-branco:hover .botao-vazado-branco-texto {
color: #fff;
}
.botao-vazado-branco:hover .botao-vazado-branco-imagem img {
display: none;
}
.botao-vazado-branco:hover .botao-vazado-branco-imagem img.botao-vazado-branco-imagem-hover {
display: block;
}
.botao-vazado-branco .botao-vazado-branco-imagem {
width: 4.375rem;
height: 3.75rem;
line-height: 3.75rem;
position: absolute;
top: 0;
left: 0;
}
.botao-vazado-branco .botao-vazado-branco-imagem img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.botao-vazado-branco .botao-vazado-branco-imagem-hover {
display: none;
}
.botao-vazado-branco .botao-vazado-branco-texto {
width: auto;
height: auto;
margin-left: 4.375rem;
padding-right: 1rem;
font-weight: bold;
line-height: 50px;
color: #fff;
}
.botao-laranja {
width: 260px;
height: 50px;
display: inline-block;
position: relative;
border: 1px solid #FF6200;
border-radius: 6px;
background-color: #FF6200;
vertical-align: top;
color: #fff;
text-align: center;
line-height: 50px;
text-decoration: none;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.botao-laranja {
max-width: 100%;
margin-bottom: 16px;
}
}
.botao-laranja .botao-laranja-texto {
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-decoration: none;
color: #fff;
white-space: nowrap;
}
.botao-laranja:hover {
border: 1px solid #FF6200;
background-color: #fff;
color: #FF6200;
}
.botao-laranja:hover .botao-laranja-texto {
color: #FF6200;
}
.botao-laranja .botao-laranja-imagem-hover {
display: none;
}
.botao-laranja:hover img {
display: none;
}
.botao-laranja:hover img.botao-laranja-imagem-hover {
display: block;
}
.botao-laranja-com-imagem {
width: 260px;
height: 50px;
line-height: 50px;
display: inline-block;
position: relative;
border-radius: 6px;
color: #fff;
background-color: #FF6200;
cursor: pointer;
line-height: 50px;
text-decoration: none;
}
.botao-laranja-com-imagem img {
width: auto;
max-height: 30px;
}
@media only screen and (max-width:1200px) {
.botao-laranja-com-imagem {
max-width: 100%;
}
}
.botao-laranja-com-imagem:hover {
border: 1px solid #FF6200;
background-color: #fff;
color: #FF6200;
}
.botao-laranja-com-imagem:hover .botao-laranja-com-imagem-texto {
color: #FF6200;
}
a.botao-laranja-com-imagem:hover .botao-laranja-com-imagem-imagem,
.botao-laranja-com-imagem:hover .botao-laranja-com-imagem-imagem img {
display: none;
}
.botao-laranja-com-imagem:hover .botao-laranja-com-imagem-imagem img.botao-laranja-com-imagem-imagem-hover {
display: block;
}
a.botao-laranja-com-imagem:hover .botao-laranja-com-imagem-imagem-hover {
display: inline-block;
}
.botao-laranja-com-imagem .botao-laranja-com-imagem-imagem {
width: 4.375rem;
height: 50px;
line-height: 50px;
position: absolute;
top: 0;
left: 0;
}
a.botao-laranja-com-imagem .botao-laranja-com-imagem-imagem,
a.botao-laranja-com-imagem .botao-laranja-com-imagem-imagem-hover {
width: auto;
height: 30px;
position: relative;
vertical-align: middle;
top: auto;
left: auto;
margin-right: 8px;
}
.botao-laranja-com-imagem .botao-laranja-com-imagem-imagem img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.botao-laranja-com-imagem .botao-laranja-com-imagem-imagem-hover {
display: none;
}
.botao-laranja-com-imagem .botao-laranja-com-imagem-texto {
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 4.375rem;
font-weight: bold;
transform: translateY(-50%);
color: #fff;
}
.botao-cinza-sem-imagem {
width: 260px;
height: 50px;
display: inline-block;
position: relative;
border-radius: 6px;
border: 0;
vertical-align: top;
color: #fff;
text-align: center;
line-height: 50px;
text-decoration: none;
background-color: #d8d8d8;
}
@media only screen and (max-width:1200px) {
.botao-cinza-sem-imagem {
max-width: 100%;
}
}
.botao-cinza-sem-imagem:hover {
background-color: #FF6200;
}
.botao-cinza-sem-imagem.sem-hover:hover {
background-color: #d8d8d8;
}
.botao-cinza-sem-imagem .botao-cinza-sem-imagem-texto {
width: auto;
height: auto;
color: #fff;
text-align: center;
line-height: 50px;
}
.botao-branco-transparente {
width: 260px;
height: 50px;
display: inline-block;
position: relative;
border: 1px solid #fff;
border-radius: 6px;
background-color: transparent;
vertical-align: top;
color: #fff;
text-align: center;
line-height: 50px;
text-decoration: none;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.botao-branco-transparente {
max-width: 100%;
}
}
.botao-branco-transparente .botao-branco-transparente-texto {
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-decoration: none;
color: #fff;
white-space: nowrap;
}
.botao-branco-transparente:hover {
border: 1px solid #000066;
background-color: #000066;
color: #fff;
}
.botao-branco-transparente:hover .botao-branco-transparente-texto {
color: #fff;
}
.botao-laranja-transparente {
width: auto;
height: 50px;
display: inline-block;
position: relative;
color: #FF6200;
border: none;
background-color: transparent;
vertical-align: top;
text-align: center;
line-height: 50px;
text-decoration: none;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.botao-laranja-transparente {
max-width: 100%;
}
}
.botao-laranja-transparente .botao-laranja-transparente-texto {
width: auto;
height: auto;
text-decoration: none;
color: #FF6200;
white-space: nowrap;
}
.botao-laranja-transparente:hover .botao-laranja-transparente-texto {
color: #000066;
}
.botao-azul-transparente {
width: auto;
height: 50px;
display: inline-block;
position: relative;
color: #000066;
vertical-align: top;
text-align: center;
line-height: 50px;
text-decoration: none;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.botao-azul-transparente {
max-width: 100%;
}
}
.botao-azul-transparente .botao-azul-transparente-texto {
width: auto;
height: auto;
text-decoration: none;
color: #000066;
white-space: nowrap;
line-height: 50px;
}
.botao-azul-transparente:hover .botao-azul-transparente-texto {
color: #FF6200;
}
.botao-azul {
height: 30px;
display: inline-block;
vertical-align: top;
margin-right: 1rem;
color: #000066;
line-height: 30px;
text-decoration: none;
text-align: center;
cursor: pointer;
}
.botao-azul:hover {
text-decoration: underline;
}
.botao-sublinhado-area {
width: 100%;
max-width: 100%;
height: auto;
min-height: 3.75rem;
margin-bottom: 2rem;
position: relative;
cursor: pointer;
}
.botao-sublinhado-area::before {
content: '';
width: 100%;
max-width: 100%;
height: 1px;
background-color: #252220;
position: absolute;
bottom: 0;
}
@media only screen and (max-width:1200px) {
.botao-sublinhado-area {
width: calc(100% + 30px);
max-width: none;
height: 40px;
line-height: 40px;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 0;
}
}
.botao-sublinhado {
width: 100%;
max-width: 100%;
height: auto;
min-height: 3.75rem;
display: block;
text-align: center;
text-decoration: none;
line-height: 3.75rem;
color: #000066;
font-weight: bold;
font-size: 1.125rem;
}
@media only screen and (max-width:1200px) {
.botao-sublinhado {
height: 40px;
line-height: 40px;
}
}
.botao-sublinhado:hover {
color: #FF6200;
}
.botao-sublinhado-ativo {
color: #FF6200;
border-bottom: 5px solid #FF6200;
}
.botao-selecao-chevron {
width: auto;
height: 3rem;
margin-bottom: 1.5rem;
line-height: 3rem;
color: #FF6200;
position: relative;
cursor: pointer;
}
.botao-selecao-chevron::after {
content: url('../content/img/chevron_laranja.svg');
width: 1rem;
margin-left: 1rem;
cursor: pointer;
position: absolute;
top: 56%;
transform: translateY(-50%);
}
@media only screen and (max-width:1200px) {
.botao-selecao-chevron::after {
margin-left: 0.2rem;
}
}
.botao-selecao-chevron.botao-selecao-chevron-clicado::after {
content: url('../content/img/chevron_laranja_up.svg');
}
.botao-selecao-chevron-cinza {
width: auto;
color: #73706e;
position: relative;
cursor: pointer;
font-weight: 100;
}
.botao-selecao-chevron-cinza::after {
content: url('../content/img/chevron_cinza.svg');
width: 1rem;
margin-left: 1rem;
cursor: pointer;
}
.botao-selecao-chevron-cinza.botao-selecao-chevron-cinza-clicado::after {
content: url('../content/img/chevron_cinza_up.svg');
}
.botao-selecao-chevron-branco {
width: auto;
color: #fff;
position: relative;
cursor: pointer;
font-weight: 100;
}
.botao-selecao-chevron-branco::after {
content: url('../content/img/chevron_branco.svg');
width: 1rem;
margin-left: 1rem;
cursor: pointer;
}
.botao-selecao-chevron-branco.botao-selecao-chevron-branco-clicado::after {
content: url('../content/img/chevron_branco_up.svg');
}
.botao-mais-baixo {
height: 2.1875rem;
min-height: 0;
line-height: 2.1875rem;
}
.botao-mais-alto {
height: 5rem;
min-height: 0;
line-height: 5rem;
}
@media only screen and (max-width:1200px) {
.botao-mais-alto {
height: 64px;
line-height: 64px;
}
}
.botao-mais-curto {
width: 12.5rem;
}
.botao-90 {
width: 90px;
height: 40px;
line-height: 40px;
}
.botao-200 {
width: 200px;
height: 40px;
line-height: 40px;
}
.botao-240 {
width: 240px;
}
.botao-367 {
width: 367px;
height: 70px;
line-height: 70px;
}
.botao-100 {
width: 100%;
height: 70px;
line-height: 70px;
}
.botao-100a {
width: 100%;
max-width: 400px;
height: 70px;
line-height: 70px;
}
.botao-admin {
width: 128px;
height: 30px;
line-height: 30px;
}
.botao-admin ~ .botao-admin {
margin-left: 1rem;
}
.botao-admin .darkish_blue {
text-decoration: none;
}
.botao-admin .darkish_blue:hover {
text-decoration: underline;
}
.botao-pdf {
width: auto;
height: 1rem;
margin-left: 0.5rem;
vertical-align: middle;
}
.obrigatorio-fixo {
position: absolute;
top: 10px;
left: 1rem;
}
.busca-vazado-branco {
width: 100%;
max-width: 100%;
height: 55px;
position: relative;
border: 1px solid #fff;
border-radius: 8px;
}
.busca-vazado-branco img {
width: 17px;
height: auto;
position: absolute;
top: 50%;
left: 1rem;
transform: translateY(-50%);
}
.busca-vazado-branco input {
width: calc(100% - 64px);
height: 55px;
margin-left: 3rem;
background-color: transparent;
border: none;
line-height: 55px;
color: #fff;
font-size: 1.1rem;
font-weight: 100;
}
.busca-vazado-branco input::placeholder {
color: #fff;
opacity: 1;
}
.lista-lateral-box {
width: 100%;
max-width: 100%;
height: 3.875rem;
display: block;
border-top: 1px solid #d8d8d8;
position: relative;
color: #252220;
line-height: 3.875rem;
cursor: pointer;
}
.lista-lateral-box::after {
content: url('../content/img/seta_direita_preto.svg');
width: 5px;
height: auto;
display: block;
position: absolute;
top: 0;
right: 5px;
color: #252220;
}
.lista-lateral-box.lista-lateral-box-sem-flecha::after {
content: '';
}
.lista-lateral-box:hover {
padding-left: 1.25rem;
border-left: 5px solid #FF6200;
color: #FF6200;
}
.lista-lateral-box.lista-lateral-box-sem-flecha:hover {
padding-left: 0;
border-left: none;
color: #FF6200;
}
.lista-lateral-box:hover::after {
content: url('../content/img/seta_direita_laranja.svg');
}
.lista-lateral-box.lista-lateral-box-sem-flecha:hover::after {
content: '';
}
@media only screen and (max-width:1200px) {
.perguntas-frequentes-area.lista-lateral-box {
width: 90%;
}
}
.lista-lateral-box-sem-seta {
width: 100%;
max-width: 100%;
height: 3.875rem;
display: block;
border-top: 1px solid #d8d8d8;
padding-left: 1.25rem;
padding-right: 1.25rem;
border-left: 5px solid #fff;
position: relative;
color: #a7a7a7;
line-height: 3.875rem;
text-decoration: none;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.lista-lateral-box-sem-seta {
line-height: normal;
}
.lista-lateral-box-sem-seta-miolo {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
}
.lista-lateral-box-sem-seta img {
vertical-align: middle;
margin-right: 0.5rem;
}
.lista-lateral-box-sem-seta-imagem-hover {
display: none;
}
.lista-lateral-box-sem-seta:hover {
border-left: 5px solid #FF6200;
color: #FF6200;
}
.lista-lateral-box-sem-seta:hover img {
display: none;
}
.lista-lateral-box-sem-seta:hover img.lista-lateral-box-sem-seta-imagem-hover {
display: inline-block;
}
.lista-box-geral {
border-bottom: 1px solid #d8d8d8;
margin-bottom: 2rem;
}
.lista-lateral-box-sem-seta-limpar {
width: 100%;
max-width: 100%;
height: 3.875rem;
display: block;
border-top: 1px solid #d8d8d8;
padding-left: 1.25rem;
padding-right: 1.25rem;
border-left: 5px solid #fff;
position: relative;
color: #FF6200;
line-height: 3.875rem;
text-decoration: none;
cursor: pointer;
}
.lista-lateral-box-sem-seta-limpar:hover {
/* padding-left: 1.25rem; */
border-left: 5px solid #FF6200;
color: #FF6200;
}
.lista-box {
width: 100%;
max-width: 100%;
height: 5rem;
display: block;
border-top: 1px solid #d8d8d8;
position: relative;
color: #252220;
font-size: 1.25rem;
line-height: 5rem;
cursor: pointer;
}
.lista-box::after {
content: url('../content/img/chevron_cinza.svg');
width: 5px;
height: auto;
display: block;
position: absolute;
top: 0;
right: 5px;
color: #252220;
}
.lista-box.lista-box-clicado {
height: auto;
padding-left: 1.25rem;
border-left: 5px solid #FF6200;
color: #FF6200;
}
.lista-box.lista-box-clicado::after {
content: url('../content/img/chevron_cinza_up.svg');
}
.lista-box .lista-box-titulo {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #252220;
font-size: 1.25rem;
line-height: normal;
cursor: pointer;
}
.lista-box.lista-box-clicado .lista-box-titulo {
line-height: 5rem;
position: relative;
top: auto;
transform: none;
}
.lista-box:hover {
padding-left: 1.25rem;
border-left: 5px solid #FF6200;
color: #FF6200;
}
.lista-box .lista-box-lista {
padding-bottom: 2rem;
display: none;
}
.lista-box .lista-box-lista,
.lista-box .lista-box-lista a {
color: #FF6200;
font-size: 1rem;
font-weight: normal;
line-height: 1.5rem;
}
.lista-box.lista-box-clicado .lista-box-lista {
display: block;
}
@media only screen and (max-width:1200px) {
.lista-box .lista-box-lista {
padding-top: 2rem;
}
}
.lista-com-lixeira {
width: 100%;
max-width: 100%;
height: auto;
}
.lista-com-lixeira-card {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 1rem;
}
.lista-com-lixeira-card-texto {
color: #000066;
font-size: 0.875rem;
font-weight: 100;
}
.lista-com-lixeira-card-lixeira {
margin-left: 1.875rem;
color: #FF6200;
font-size: 0.875rem;
font-weight: 100;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.lista-com-lixeira-card-lixeira {
display: block;
margin-left: 0;
}
}
.lista-com-lixeira-card-lixeira:hover {
text-decoration: underline;
}
.lista-com-lixeira-card-lixeira img {
vertical-align: middle;
}
.para-remocao {
position: relative;
}
.para-remocao::after {
content: url('../content/img/icone_lixeira_com_txt2.svg');
width: 1rem;
position: absolute;
right: -1.3rem;
top: 2.2rem;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.para-remocao {
width: calc(100% - 1rem);
}
}
.link-azul {
color: #000066;
font-size: 1rem;
font-weight: normal;
margin: 0 1rem;
text-decoration: none;
}
.link-azul:hover {
text-decoration: underline;
}
.box-laranja {
width: 100%;
max-width: 100%;
height: 50px;
border: 1px solid #FF6200;
border-radius: 8px;
margin-bottom: 1.5rem;
line-height: 50px;
padding: 0 1rem;
}
.menor {
font-size: 0.7rem;
}
/*--------------------------------------------------------------
# Cabeco
--------------------------------------------------------------*/
.faixa-superior {
width: 100%;
max-width: 100%;
height: 40px;
background-color: #FF6200;
line-height: 40px;
position: fixed;
top: 0;
left: 0;
color: #fff;
font-weight: 300;
font-size: 0.875rem;
z-index: 200;
}
.nav-acess {
cursor: pointer;
}
.contraste-botao {
cursor: pointer;
}
.contraste-botao img {
width: 11px;
vertical-align: middle;
}
.alto-contraste {
cursor: pointer;
}
.tamanho-fonte-menu {
margin-left: 1rem;
}
.tamanho-fonte-menu span {
margin-left: 0.5rem;
border: 1px solid #fff;
border-radius: 2px;
padding: 0.1rem 1.8rem;
font-weight: 400;
cursor: pointer;
}
.tamanho-fonte-menu .bigger {
font-weight: 600;
}
.faixa-menu {
width: 100%;
max-width: 100%;
top: 40px;
left: 0;
background-color: #fff;
border-bottom: 0.5px solid #d8d8d8;
position: fixed;
z-index: 100;
}
.faixa-menu-marca {
height: 105px;
padding-top: 28px;
}
/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.menu-busca {
width: 100%;
max-width: 100%;
height: 1.3rem;
position: relative;
}
.cortina-menu {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255,255,255,0.5);
z-index: 50;
display: none;
}
.navigation-menu-list {
width: auto;
height: auto;
list-style: none;
margin: 0;
position: relative;
}
.navigation-menu-list-item {
float: left;
position: relative;
white-space: nowrap;
margin-right: 1.5rem;
}
.navigation-menu-list-item:last-child {
margin-right: 0;
}
.navigation-menu-list-item-link {
text-decoration: none;
color: #000066;
font-weight: bold;
font-size: 1.125rem;
position: relative;
}
.navigation-menu-list-item-link-ativo,
.navigation-menu-list-item-link:hover {
color: #FF6200;
}
.navigation-menu-list-item-link-ativo::after,
.navigation-menu-list-item-link:hover::after {
content: '';
width: 100%;
max-width: 100%;
position: absolute;
bottom: -44px;
left: 0;
border-bottom: 6px solid #FF6200;
}
.dropdown-menu {
width: 100%;
max-width: 100%;
height: auto;
background-color: #faf8f7;
position: fixed;
top: 146px;
left: 0;
padding: 2rem 0;
border-bottom: 2px solid #a7a7a7;
display: none;
white-space: normal;
}
.menu-decricao-titulo {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 0.6875rem;
color: #000066;
font-size: 1.5rem;
font-weight: bold;
}
.menu-decricao-texto {
width: 100%;
max-width: 100%;
height: auto;
color: #252220;
font-size: 1rem;
font-weight: 300;
}
.menu-secao-titulo {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 1.125rem;
color: #FF6200;
font-size: 1.125rem;
font-weight: bold;
}
.menu-secao-lista {
width: auto;
height: auto;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.menu-secao-lista-item a {
text-decoration: none;
color: #252220;
font-size: 400;
font-size: 1rem;
line-height: 1.875rem;
}
.menu-secao-lista-item a:hover {
color: #FF6200;
}
.menu-secao-lista-item a:hover::after {
content: ' >';
width: auto;
height: auto;
color: #FF6200;
}
.busca {
width: auto;
height: auto;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
transition: width 2s;
-moz-transition: width 2s;
-webkit-transition: width 2s;
-o-transition: width 2s;
text-align: right;
}
.busca input {
width: 0;
height: auto;
vertical-align: top;
margin-left: 0.5rem;
border: none;
}
.area-login {
width: 100%;
max-width: 100%;
height: 105px;
position: relative;
border-left: 1px solid #a7a7a7;
padding-top: 1.9rem;
}
/*.area-login-mobile {
display: flex;
margin-top: -5px;
margin-bottom: 0px;
background-color: white;
width: 100%;
max-width: 100%;
height: 105px;
position: relative;
border-left: 1px solid #a7a7a7;
padding-top: 0.5rem;
padding: 5px;
}
*/
.usuario-on {
width: 100%;
max-width: 100%;
height: 105px;
position: relative;
}
.usuario-on img {
width: auto;
height: 21px;
margin-top: 42px;
cursor: pointer;
}
.usuario-on img:first-child {
border-left: 1px solid #a7a7a7;
margin-right: 0.5rem;
}
.senha-cinza,
.usuario-off {
width: 50px;
height: 2.75rem;
display: inline-block;
position: relative;
vertical-align: top;
margin-bottom: 2px;
}
.senha-cinza {
background-color: #d8d8d8;
border-radius: 5px;
cursor: pointer;
border: none;
outline: none;
}
.senha-cinza img,
.usuario-off img {
width: 1rem;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
.usuario-nome, .usuario-senha {
display: block;
width: 90%;
/*margin-bottom: 8px;*/
height: 45px;
font-size: 16px;
border: 1px solid #ccc;
background-color: #fff;
padding: 0 10px;
border-radius: 4px;
}
.area-login-entrada-manter-conectado-mobile {
display: flex;
align-items: center;
width: 100%;
margin-top: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.area-login-entrada-manter-conectado-mobile input[type="checkbox"] {
margin-right: 5px;
flex-shrink: 0;
}
.usuario-notificao {
margin-left: 1rem;
padding-left: 1rem;
}
@media only screen and (max-width:1200px) {
.usuario-notificao {
margin-left: 0;
margin-right: 1rem;
}
}
.ususario-dados {
float: right;
}
.area-login-entrada {
width: 244px;
height: 100%;
display: inline-block;
margin-right: 0.5rem;
vertical-align: top;
position: relative;
}
.area-login-entrada-opcoes {
width: 100%;
max-width: 100%;
height: 21px;
position: absolute;
top: -24px;
}
.login-entrada-opcoes-menu {
width: auto;
height: auto;
background-color: #fff;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
position: absolute;
z-index: 10;
display: none;
}
.login-entrada-opcoes-menu-mobile {
min-width: 11rem;
height: auto;
right: 0;
top: 0;
}
.login-entrada-opcoes-menu-mobile .menu-login-entrada-opcoes {
padding-left: 1rem;
padding-right: 0.5rem;
}
.login-entrada-opcoes-menu-mobile .menu-login-entrada-opcoes a {
font-size: 0.70rem;
}
.col-6.direita {
position: relative;
}
.login-entrada-opcoes-menu-mobile .meus-dados-flutuante-card {
padding: 1rem 2.5rem;
}
.login-entrada-opcoes-menu-mobile .meus-dados-flutuante-card .meus-dados-flutuante-card-imagem {
top: 8px;
right: 3px;
}
.menu-login-entrada-opcoes {
width: auto;
min-width: 280px;
height: auto;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.menu-login-entrada-opcoes li {
padding: 1rem 2rem 1rem 1rem;
border-bottom: 1px solid #a7a7a7;
position: relative;
}
.menu-login-entrada-opcoes li::after {
content: url('../content/img/seta_direita_preto.svg');
width: 5px;
height: auto;
display: block;
position: absolute;
top: 50%;
right: 1rem;
color: #252220;
transform: translateY(-50%);
}
.menu-login-entrada-opcoes li:hover::after {
content: url('../content/img/seta_direita_laranja.svg');
}
.menu-login-entrada-opcoes li a {
color: #73706e;
font-weight: 100;
text-decoration: none;
white-space: nowrap;
}
.menu-login-entrada-opcoes li a:hover {
color: #FF6200;
text-decoration: none;
}
.menu-login-entrada-opcoes li:hover {
border-left: 4px solid #FF6200;
}
.login-entrada-opcoes-lembrar-dados {
width: 100%;
max-width: 100%;
height: 53px;
padding: 0 1rem;
line-height: 53px;
color: #73706e;
font-weight: 100;
}
.login-entrada-opcoes-lembrar-dados .box-input-checkbox::after {
transform: translate(-50%,-50%) scale(1.5);
}
.area-login-entrada-input {
width: 100%;
max-width: 100%;
height: 2.75rem;
border: 1px solid #a7a7a7;
background-color: #faf8f7;
border-radius: 5px;
}
.area-login-entrada-input input {
width: 35%;
height: 2rem;
display: inline-block;
vertical-align: middle;
margin: 0.375rem 0 0 0;
padding: 0 0.5rem;
border: none;
background-color: transparent;
position: relative;
line-height: 2rem;
}
.area-login-entrada-input input:first-child {
width: 60%;
border-right: 1px solid #a7a7a7;
}
/*.senha-e-checkbox-flex-group {
display: flex;
align-items: center;
width: 110%;
margin-bottom: 8px;
}*/
.senha-e-checkbox-flex-group .campo-senha {
flex-grow: 1;
margin-right: 10px;
}
.campo-usuario {
width: 100%;
}
.area-login-entrada-manter-conectado {
width: 100%;
max-width: 100%;
height: auto;
position: absolute;
bottom: 8px;
font-weight: 300;
font-size: 0.75rem;
color: #73706e;
}
/*.area-login-entrada-manter-conectado-mobile {
display: flex;
white-space: nowrap;
width: 100%;
max-width: 100%;
height: auto;
position: absolute;
bottom: 8px;
font-weight: 300;
font-size: 0.75rem;
color: #73706e;
gap: 3px;
flex-shrink: 0;
}*/
/*--------------------------------------------------------------
# Rodape
--------------------------------------------------------------*/
.rodape {
width: 100%;
max-width: 100%;
height: auto;
padding: 4rem 0 0 0;
background-color: #000066;
position: relative;
color: #fff;
font-size: 1rem;
}
@media only screen and (max-width:1200px) {
.rodape {
padding: 2rem 0 0 0;
}
}
.rodape .container.relativo {
position: unset;
}
.fale-conosco {
width: 9.5rem;
height: 2.5rem;
position: fixed;
top: 0;
right: 40px;
padding: 0;
background-color: #FF6200;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
line-height: 2.5rem;
text-align: center;
cursor: pointer;
z-index: 50;
}
.fale-conosco img {
vertical-align: middle;
margin-right: 0.5rem;
}
@media only screen and (max-width:1200px) {
.fale-conosco {
width: 39px;
height: 39px;
top: auto;
bottom: 40px;
line-height: 39px;
}
.fale-conosco img {
margin-right: 0;
position: absolute;
top: 8px;
left: 8px;
vertical-align: auto;
}
}
.menu-rodape,
.menu-rodape ul,
.menu-rodape li {
width: auto;
height: auto;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.menu-rodape a {
text-decoration: none;
color: #fff;
}
li.menu-rodape-nivel1 {
width: 122px;
min-height: 6rem;
float: left;
padding-bottom: 1.625rem;
margin-right: 76px;
font-size: 18px;
font-weight: 700;
}
.menu-rodape-logado li.menu-rodape-nivel1 {
min-height: 14.5rem;
}
li.menu-rodape-nivel1 ul {
margin-top: 1.625rem;
}
li.menu-rodape-nivel2,
li.menu-rodape-nivel2 a {
margin-bottom: 0.75rem;
font-size: 1rem;
color: rgba(255,255,255,0.7);
font-weight: normal;
}
li.menu-rodape-nivel2 a:hover {
text-decoration: underline;
}
.rodape-telefone {
margin-bottom: 2rem;
padding: 0 0 2rem 0;
border-bottom: 1px solid rgba(216,216,216,0.2);
color: rgba(255,255,255,0.7);
}
@media only screen and (max-width:1200px) {
.rodape-telefone {
padding-top: 1rem;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
}
.rodape-telefone-central {
display: block;
margin-bottom: 1rem;
color: #fff;
}
@media only screen and (max-width:1200px) {
.rodape-telefone-central {
display: block;
margin-bottom: 0.5rem;
font-size: 0.75rem;
}
}
.rodape-telefone-telefone {
display: block;
margin-bottom: 0.5rem;
}
.rodape-telefone-telefone-descricao {
margin-left: 0.5rem;
font-size: 0.625rem;
font-weight: normal;
}
.rodape-logo-ans {
width: 100%;
max-width: 100%;
}
@media only screen and (max-width:1200px) {
.rodape-logo-ans {
text-align: right;
}
}
.rodape-logo-ans img {
max-width: 12.4rem;
}
@media only screen and (max-width:1200px) {
.rodape-logo-ans img {
width: 100%;
}
}
.rodape-numero-ans {
width: 100%;
max-width: 100%;
height: auto;
margin-top: 0.625rem;
padding: 0.4375rem 0;
}
@media only screen and (max-width:1200px) {
.rodape-numero-ans {
text-align: right;
}
}
.rodape-numero-ans img {
max-width: 12.4rem;
}
@media only screen and (max-width:1200px) {
.rodape-numero-ans img {
width: 100%;
}
}
.rodape-direitos {
margin-top: 2rem;
padding: 2rem 0;
border-top: 1px solid rgba(216,216,216,0.2);
}
@media only screen and (max-width:1200px) {
.rodape-direitos {
margin-top: 1rem;
}
}
.rodape-direitos-reservados {
font-size: 1rem;
font-weight: 700;
}
.rodape-direitos-endereco {
font-size: 0.75rem;
color: rgba(255,255,255,0.7);
text-align: right;
}
@media only screen and (max-width:1200px) {
.rodape-direitos-endereco {
margin-top: 10px;
text-align: left;
}
}
/*Ajuste para inclusão de links*/
.sem-sublinhado {
text-decoration: none;
}
.sem-efeitoLink {
text-decoration: none;
color: white;
}
/*--------------------------------------------------------------
# Rodape admin
--------------------------------------------------------------*/
.rodape-admin {
width: 100%;
max-width: 100%;
height: auto;
min-height: 112px;
padding: 2rem 0 0 0;
position: fixed;
background-color: #fff;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
bottom: 0;
left: 0;
z-index: 299;
}
.admin-autor img {
margin-left: 1rem;
}
@media only screen and (max-width:1200px) {
.rodape-admin .centro {
text-align: left;
}
}
/*--------------------------------------------------------------
# Rede de Emergencia
--------------------------------------------------------------*/
.rede-emergencia {
width: 14rem;
height: auto;
background-color: #FF6200;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
position: fixed;
left: -6rem;
top: 55%;
padding: 0.5rem 1rem;
border-radius: 0 0 5px 5px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
line-height: 1.5rem;
color: #fff;
}
.rede-emergencia a {
color: #fff;
text-decoration: none;
}
.rede-emergencia img {
width: 1.5rem;
margin-right: 0.5rem;
vertical-align: bottom;
}
@media only screen and (max-width:1200px) {
.rede-emergencia {
left: 50%;
top: 49px;
transform: translateX(-50%);
}
}
/*--------------------------------------------------------------
# Aceitar cookie
--------------------------------------------------------------*/
.cookie-area {
width: 100%;
max-width: 100%;
display: block;
position: fixed;
bottom: 0;
left: 0;
background-color: #000000;
color: #fff;
z-index: 9000;
}
.cookie-texto {
display: inline-block;
vertical-align: middle;
}
.cookie-texto a {
color: #F49C00;
text-decoration: none;
}
.cookie-botao {
vertical-align: middle;
text-align: center;
}
/*--------------------------------------------------------------
# Paginas
--------------------------------------------------------------*/
.faixa-titulo {
margin-top: 145px;
}
@media only screen and (max-width:1200px) {
.faixa-titulo {
margin-top: 50px;
}
}
.conteudo-cabeco {
width: 100%;
max-width: 100%;
height: 10.625rem;
background-color: #eae9e9;
padding-top: 3.5rem;
position: relative;
}
.conteudo-cabeco-laranja {
background-color: #FF6200;
color: #fff;
}
.conteudo-cabeco-laranja h1.darkish_blue {
color: #fff;
}
@media only screen and (max-width:1200px) {
.conteudo-cabeco {
height: auto;
min-height: 109px;
padding-top: 43px;
}
.conteudo-cabeco h1 {
font-weight: 900;
padding-left: 1rem;
}
.conteudo-cabeco h5 {
padding-left: 1rem;
margin-bottom: 10px;
font-size: 0.625rem;
}
}
.conteudo-cabeco h5 img {
height: 0.7rem;
margin-left: 0.3rem;
margin-right: 0.3rem;
}
@media only screen and (max-width:1200px) {
.conteudo-cabeco h5 img {
height: 0.4rem;
}
}
.conteudo-cabeco h5 img:first-child {
margin-left: 0;
}
.conteudo-cabeco-obs {
width: 45%;
height: auto;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
line-height: normal;
}
@media only screen and (max-width:1200px) {
.conteudo-cabeco-obs {
width: 100%;
max-width: 100%;
position: relative;
top: auto;
right: auto;
transform: none;
margin-top: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
border-top: 1px solid #d8d8d8;
}
}
.conteudo-cabeco-obs img {
width: auto;
height: auto;
max-height: 1.5625rem;
vertical-align: middle;
}
.conteudo-cabeco-obs .botao-laranja-com-imagem {
vertical-align: middle;
}
.conteudo-cabeco-obs .botao-laranja-com-imagem img {
width: 1.5rem;
max-height: none;
}
@media (max-width: 1200px) {
.faixa-superior-mobile .container .row > .col-4 {
position: relative;
margin-right: 30px;
}
.faixa-superior-mobile {
padding-top: 10px;
padding-bottom: 10px;
}
.faixa-superior-mobile .row {
display: flex;
align-items: center; /* NOVO: Garante que a logo e os ícones fiquem centralizados verticalmente */
}
.area-login-mobile {
position: absolute;
right: -50px;
top: 50px;
width: 150px;
z-index: 1000;
background-color: #fff;
box-shadow: 0 10px 14px rgba(0, 0, 0, 0.1);
/*padding: 15px;*/
box-sizing: border-box;
display: flex;
align-items: flex-start;
}
.area-login-mobile .area-login-entrada {
flex-grow: 1;
padding: 15px;
}
nav.menu-mobile {
padding-top: 20px;
height: 150vh;
overflow-y: auto;
}
.area-login-mobile .senha-cinza {
flex-shrink: 0;
width: 45px;
height: 45px;
/*margin-left: 5px;*/
padding: 15px 15px 0 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
/*border-radius: 4px;*/
cursor: pointer;
}
}
.area-login-mobile .senha-cinza img {
width: 80%;
height: 80%;
}
@media only screen and (max-width:1200px) {
.conteudo-cabeco-obs-so-imagem {
margin-top: 0;
border-top: none;
text-align: left;
}
.conteudo-cabeco-obs-so-imagem .icone-infos {
float: right;
margin-top: 14px;
}
}
.miolo {
width: 100%;
max-width: 100%;
height: auto;
padding-bottom: 100px;
}
@media only screen and (max-width:1200px) {
.miolo {
padding-bottom: 40px;
}
}
.icone-infos {
margin-right: 1rem;
cursor: pointer;
}
/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.container-hero-imagem {
width: 100%;
max-width: 100%;
height: fit-content;
display: flex;
justify-content: center;
}
.hero-imagem-baixe-app {
width: 100%;
max-width: 1440px;
height: 500px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
@media only screen and (max-width:1200px) {
.hero-imagem-baixe-app {
height: 420px;
}
}
@media only screen and (max-width:1200px) {
.baixe-app.hero-imagem-baixe-app {
height: 340px;
}
}
.hero-imagem {
width: 100%;
max-width: 100%;
height: 500px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
@media only screen and (max-width:1200px) {
.hero-imagem {
height: 420px;
}
}
@media only screen and (max-width:1200px) {
.baixe-app.hero-imagem {
height: 340px;
}
}
.hero-miolo {
height: 100%;
position: relative;
}
@media only screen and (max-width:1200px) {
.hero-miolo {
height: 190px;
}
.hero-margin-top .hero-miolo {
height: 233px;
padding-top: 43px;
}
.hero-pagina-branco .hero-miolo {
background-color: #000066;
}
.baixe-app .hero-miolo {
height: 100%;
background-color: transparent;
}
}
.hero-imagem-para-centro {
background-position: center center;
}
.hero-imagem-para-esquerda {
background-position: right center;
}
.hero-imagem-para-direita {
background-position: left center;
}
@media only screen and (max-width:1200px) {
.hero-imagem-para-centro {
background-position: center bottom;
}
.hero-imagem-para-esquerda {
background-position: right bottom;
}
.hero-imagem-para-direita {
background-position: 0;
}
}
.baixe-app img {
height: 40px;
}
@media only screen and (max-width:1200px) {
.baixe-app.hero-imagem-para-direita {
background-position: center center;
}
}
.services-line{
width: 100%;
}
.service-link {
display: flex;
flex-direction: column;
gap: 9px;
font-size: 20px;
font-weight: 700;
color: #000066;
}
.service-link span {
font-size: 16px;
font-weight: normal;
color: #252220;
}
.box-fundo-laranja {
width: 100%;
max-width: 100%;
min-height: 500px;
background-color: #FF6200;
position: relative;
margin-bottom: 50px;
color: #fff;
font-size: 20px;
line-height: 30px;
}
.box-fundo-laranja-esquerda {
width: 50%;
min-height: 500px;
position: absolute;
top: 0;
left: 0;
}
.hero-pagina {
position: absolute;
top: 50%;
right: 6rem;
transform: translateY(-50%);
}
.baixe-app .hero-pagina {
width: 44%;
}
.hero-imagem-para-centro .hero-pagina {
left: 36.75rem;
}
@media only screen and (max-width:1200px) {
.baixe-app .hero-pagina {
width: 50%;
left: 1rem;
}
}
.hero-pagina-linha-1 {
color: #000066;
font-weight: 700;
font-size: 40px;
line-height: 4.25rem;
}
@media only screen and (max-width:1200px) {
.hero-pagina-linha-1 {
font-size: 1.375rem;
line-height: 1.5625rem;
}
.baixe-app .hero-pagina-linha-1 {
font-weight: bold;
}
}
.hero-pagina-linha-2 {
color: #000066;
font-weight: 900;
font-size: 2.25rem;
line-height: 4.25rem;
}
@media only screen and (max-width:1200px) {
.hero-pagina-linha-2 {
font-size: 1.375rem;
line-height: 1.5625rem;
}
}
.hero-pagina-linha-3 {
margin-top: 2.25rem;
margin-bottom: 2.25rem;
color: #252220;
font-weight: 400;
font-size: 1rem;
line-height: 26px;
}
@media only screen and (max-width:1200px) {
.baixe-app .hero-pagina-linha-3 {
width: auto;
margin-top: 20px;
font-size: 0.875rem;
}
}
.hero-titulo-pagina {
position: absolute;
top: 50%;
left: 7.75rem;
transform: translateY(-50%);
}
@media only screen and (max-width:1200px) {
.hero-titulo-pagina {
max-width: 100%;
left: 2rem;
text-align: center;
}
}
.hero-titulo-pagina-linha-1 {
color: #000066;
font-weight: 300;
font-size: 3.75rem;
line-height: 4.25rem;
}
.hero-titulo-pagina-linha-2 {
color: #000066;
font-weight: 900;
font-size: 3.75rem;
line-height: 4.25rem;
}
.hero-titulo-pagina-linha-3 {
margin-top: 2.25rem;
color: #252220;
font-weight: 400;
font-size: 1.25rem;
}
@media only screen and (max-width:1200px) {
.hero-titulo-pagina-linha-1 {
width: 90%;
text-align: left;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1.375rem;
font-size: 1.875rem;
line-height: 1.5625rem;
}
.hero-titulo-pagina-linha-2 {
width: 90%;
text-align: left;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1.875rem;
line-height: 1.5625rem;
}
.hero-titulo-pagina-linha-3 {
width: 90%;
margin-top: 10px;
padding-left: 1rem;
padding-right: 1rem;
text-align: left;
font-size: 0.875rem;
}
}
.hero-titulo-pagina-branco {
left: 2.75rem;
}
@media only screen and (max-width:1200px) {
.hero-titulo-pagina-branco {
width: calc(100% - 32px);
max-width: 100%;
left: 1rem;
}
}
.hero-titulo-pagina-branco .hero-titulo-pagina-linha-1 {
color: #fff;
font-size: 2.5rem;
line-height: 3rem;
margin-bottom: 0.5rem;
}
.hero-titulo-pagina-branco .hero-titulo-pagina-linha-2 {
color: #fff;
font-size: 2.5rem;
line-height: 3rem;
margin-bottom: 2rem;
}
.hero-titulo-pagina-branco .hero-titulo-pagina-linha-3 {
color: #fff;
}
@media only screen and (max-width:1200px) {
.hero-titulo-pagina-branco .hero-titulo-pagina-linha-1,
.hero-titulo-pagina-branco .hero-titulo-pagina-linha-2 {
font-size: 1.375rem;
line-height: 1rem;
}
}
/*--------------------------------------------------------------
# Chamadas
--------------------------------------------------------------*/
.chamadas {
width: 100%;
max-width: 100%;
height: auto;
position: relative;
padding: 3.75rem 0;
}
@media only screen and (max-width:1200px) {
.chamadas {
padding-top: 44px;
padding-bottom: 20px;
}
}
.chamada-titulo {
margin-bottom: 1.6875rem;
display: block;
color: #000066;
font-weight: 900;
font-size: 1.25rem;
text-decoration: none;
}
.chamada-titulo:hover {
text-decoration: underline;
}
.chamada-titulo img {
vertical-align: middle;
margin-right: 1rem;
}
@media only screen and (max-width:1200px) {
.chamada-titulo img {
height: 22px;
vertical-align: text-bottom;
}
}
@media only screen and (max-width:1200px) {
.chamada-titulo {
margin-bottom: 10px;
font-size: 1rem;
}
}
.chamada-texto {
color: #252220;
font-weight: 400;
font-size: 1rem;
line-height: 1.375rem;
}
@media only screen and (max-width:1200px) {
.chamada-texto {
font-size: 0.875rem;
}
}
.chamadas-documentos {
padding-top: 1.75rem;
}
@media only screen and (max-width:1200px) {
.chamadas-documentos {
padding-top: 0;
}
}
.chamadas-documentos .chamada-titulo {
margin-top: 2rem;
}
@media only screen and (max-width:1200px) {
.chamadas-documentos .chamada-titulo {
margin-top: 2rem;
margin-bottom: 0;
font-size: 1rem;
}
.chamadas-documentos .chamada-texto {
font-size: 0.875rem;
}
}
/*--------------------------------------------------------------
# Carrossel
--------------------------------------------------------------*/
.carrossel-base {
width: 100%;
max-width: 100%;
height: 507px;
position: relative;
}
.carrossel {
width: 100%;
max-width: 100%;
height: 507px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
@media only screen and (max-width:1200px) {
.carrossel {
height: 250px;
}
}
.carrossel-miolo {
height: 100%;
position: relative;
}
.carrossel-pagina {
width: 30rem;
position: absolute;
top: 50%;
right: 1.75rem;
transform: translateY(-50%);
}
@media only screen and (max-width:1200px) {
.carrossel-pagina {
width: calc(100% - 20px);
max-width: 100%;
right: auto;
}
}
.carrossel-pagina-linha-1 {
color: #fff;
font-weight: 300;
font-size: 3.75rem;
line-height: 4.25rem;
}
@media only screen and (max-width:1200px) {
.carrossel-pagina-linha-1 {
font-size: 1.625rem;
line-height: 1.75rem;
}
}
.carrossel-pagina-linha-2 {
color: #fff;
font-weight: 900;
font-size: 3.75rem;
line-height: 4.25rem;
}
@media only screen and (max-width:1200px) {
.carrossel-pagina-linha-2 {
font-size: 1.625rem;
line-height: 1.75rem;
}
}
.carrossel-pagina-linha-3 {
margin-bottom: 2.25rem;
margin-top: 2.25rem;
color: #fff;
font-weight: 400;
font-size: 1.25rem;
}
@media only screen and (max-width:1200px) {
.carrossel-pagina-linha-3 {
margin-bottom: 1rem;
margin-top: 1rem;
font-size: 0.875rem;
}
}
.carrossel-esquerda {
width: 10px;
height: 507px;
position: absolute;
top: 0;
left: 60px;
cursor: pointer;
z-index: 10;
}
.carrossel-esquerda img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
@media only screen and (max-width:1200px) {
.carrossel-esquerda {
display: none;
}
}
.carrossel-direita {
width: 10px;
height: 507px;
position: absolute;
top: 0;
right: 60px;
cursor: pointer;
}
.carrossel-direita img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
@media only screen and (max-width:1200px) {
.carrossel-direita {
display: none;
}
}
.carrossel-nav {
width: 100%;
max-width: 100%;
height: 2rem;
margin-top: 1rem;
margin-bottom: 6rem;
text-align: center;
}
.carrossel-nav img {
width: 9px;
height: auto;
margin-right: 0.625rem;
}
@media only screen and (max-width:1200px) {
.carrossel-nav {
margin-top: 10px;
margin-bottom: 20px;
}
}
.carrossel-nav-dot {
width: 9px;
height: 9px;
display: inline-block;
border: 1px solid #168ED0;
border-radius: 4.5px;
}
.tns-nav-active {
background-color: #168ED0;
}
/*--------------------------------------------------------------
# Acesso rapido
--------------------------------------------------------------*/
@media only screen and (max-width:1200px) {
.acesso-rapido-perguntas {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 30px;
}
}
.acesso-rapido-lista {
width: 100%;
max-width: 100%;
height: auto;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
@media only screen and (max-width:1200px) {
.acesso-rapido-lista {
display: none;
margin-bottom: 32px;
}
}
.acesso-rapido-lista-item a {
width: 100%;
max-width: 100%;
text-decoration: none;
display: block;
margin-bottom: 0.625rem;
color: #000066;
font-size: 400;
font-size: 1rem;
white-space: normal;
}
.acesso-rapido h3 {
margin-bottom: 2rem;
}
@media only screen and (max-width:1200px) {
.acesso-rapido h3 {
margin-bottom: 20px;
font-size: 24px;
}
}
.acesso-rapido h4 {
margin-bottom: 1rem;
}
@media only screen and (max-width:1200px) {
.acesso-rapido h4 {
width: 100%;
max-width: 100%;
height: 64px;
margin-bottom: 0;
border-top: 1px solid #e5e5e5;
line-height: 64px;
cursor: pointer;
}
.acesso-rapido h4:last-child {
border-bottom: 1px solid #e5e5e5;
}
.acesso-rapido h4::after {
content: url('../content/img/chevron_cinza.svg');
width: 1rem;
cursor: pointer;
position: absolute;
right: 1rem;
top: 0;
}
}
.acesso-rapido h4.acesso-rapido-clicado::after {
content: url('../content/img/chevron_cinza_up.svg');
}
.acesso-rapido-lista-item a:hover {
text-decoration: underline;
}
.acesso-rapido .botao-vazado-laranja {
margin: 0.25rem 0.5rem 0.25rem 0;
}
@media only screen and (max-width:1200px) {
.acesso-rapido-fale {
margin-bottom: 2rem;
}
}
@media only screen and (max-width:1200px) {
.acesso-rapido .botao-vazado-laranja {
width: 100%;
max-width: 100%;
}
}
/*--------------------------------------------------------------
# Notificacoes
--------------------------------------------------------------*/
.notificacao {
width: 24.875rem;
height: auto;
max-height: 410px;
overflow-y: auto;
position: absolute;
top: -23px;
right: 0;
padding: 1.8125rem;
background-color: #fff;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
z-index: 400;
display: none;
}
.notificacao::after {
content: '';
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff;
position: absolute;
top: -15px;
left: 84%;
}
@media only screen and (max-width:1200px) {
.notificacao {
width: 90%;
top: 0;
right: 5%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.notificacao::after {
border: none;
}
}
.notificacao-card {
width: 100%;
max-width: 100%;
height: auto;
border-top: 1px solid #a7a7a7;
padding: 20px 0;
position: relative;
}
.notificacao-card-texto {
width: 16.75rem;
height: auto;
display: inline-block;
vertical-align: middle;
}
@media only screen and (max-width:1200px) {
.notificacao-card-texto {
width: 100%;
max-width: 100%;
}
}
.notificacao-card-texto-titulo {
font-size: 1.125rem;
font-weight: 400;
color: #252220;
}
.notificacao-card-texto-descricao {
font-size: 0.875rem;
font-weight: 400;
color: #a7a7a7;
}
.notificacao-card-imagem {
width: 4.325rem;
height: auto;
display: inline-block;
vertical-align: middle;
}
.notificacao-limpar {
text-decoration: none;
font-weight: bold;
font-size: 0.875rem;
color: #000066;
}
/*--------------------------------------------------------------
# Meus dados
--------------------------------------------------------------*/
.meus-dados-flutuante {
width: 12.5rem;
height: auto;
position: fixed;
top: 7.5rem;
padding: 1rem 1.625rem;
background-color: #fff;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
z-index: 400;
display: none;
}
@media only screen and (max-width:1200px) {
.meus-dados-flutuante {
top: 3.5rem;
}
}
.meus-dados-flutuante::after {
content: '';
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff;
position: absolute;
top: -15px;
left: 84%;
}
.meus-dados-flutuante-card {
width: 100%;
max-width: 100%;
height: auto;
border-top: 1px solid #a7a7a7;
padding: 20px 0;
position: relative;
}
.meus-dados-flutuante-card:first-child {
border-top: none;
}
.meus-dados-flutuante-card-texto {
width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
}
.meus-dados-flutuante-card-texto a {
font-size: 16px;
color: #252220;
text-decoration: none;
}
.meus-dados-flutuante-card-imagem {
width: auto;
height: auto;
position: absolute;
top: 19px;
right: 0;
}
/*--------------------------------------------------------------
# Formulario
--------------------------------------------------------------*/
.formulario {
padding-top: 3rem;
}
@media only screen and (max-width:1200px) {
.formulario {
padding-top: 30px;
}
}
.area-botoes {
padding-top: 50px;
}
@media only screen and (max-width:1200px) {
.area-botoes {
padding-top: 30px;
}
.area-botoes .centro {
text-align: left;
}
.area-botoes-esquerda .centro {
text-align: left;
}
.area-botoes-esquerda .botao-vazado-laranja-centralizado,
.area-botoes-esquerda .botao-laranja {
margin-bottom: 1rem;
}
}
.area-botoes .distancia-meio {
margin: 0 0.5rem;
}
.area-botoes-2 {
padding-top: 50px;
}
.busca-passo {
font-weight: bold;
font-size: 1.25rem;
line-height: 2rem;
}
@media only screen and (max-width:1200px) {
.busca-passo {
font-size: 1rem;
}
}
@media only screen and (max-width:1200px) {
.limpar-campos {
text-align: left;
}
}
@media only screen and (max-width:1200px) {
.formulario-login .box-input-checar-checkbox .box-input-texto {
text-align: left;
padding-left: 0;
}
}
.valor-resultado {
font-size: 1.4rem;
}
/*--------------------------------------------------------------
# Busca emergencia
--------------------------------------------------------------*/
.escolha-endereco-obs {
margin-top: 0.8rem;
margin-bottom: 0.5rem;
font-size: 1rem;
font-weight: 100;
color: #252220;
}
.escolha-endereco-card {
width: 100%;
max-width: 100%;
height: auto;
position: relative;
border: 1px solid #a7a7a7;
border-radius: 8px;
background-color: #fff;
padding: 1rem;
}
.escolha-endereco-novo-card-selecionado {
border: 1px solid #000066;
}
.escolha-endereco-card-titulo {
margin-left: 0.5rem;
font-size: 1.125rem;
font-weight: bold;
color: #000066;
}
.escolha-endereco-endereco {
width: 100%;
max-width: 100%;
height: auto;
padding-left: 33px;
font-size: 1.125rem;
font-weight: normal;
color: #a7a7a7;
}
.escolha-endereco-endereco p {
margin: 0;
padding: 0;
}
.escolha-endereco-card-vertodos {
width: auto;
height: auto;
position: absolute;
bottom: 1rem;
right: 2.5rem;
font-size: 1rem;
color: #000066;
cursor: pointer;
}
.escolha-endereco-card-vertodos a {
position: relative;
}
@media only screen and (max-width:1200px) {
.escolha-endereco-card-vertodos {
width: auto;
bottom: auto;
right: auto;
margin-top: 1rem;
position: relative;
text-align: center;
}
}
.escolha-endereco-card-vertodos a::after {
content: url('../content/img/chevron.svg');
width: 1rem;
cursor: pointer;
position: absolute;
right: -1.5rem;
top: 50%;
transform: translateY(-50%);
}
.escolha-endereco-card-vertodos.escolha-endereco-card-vertodos-clicado a::after {
content: url('../content/img/chevron_up.svg');
}
.escolha-endereco-todos {
width: 100%;
max-width: 100%;
height: auto;
padding-right: 15px;
padding-left: 15px;
position: absolute;
top: 0;
left: 0;
z-index: 20;
display: none;
}
.escolha-endereco-todos-background {
width: 100%;
max-width: 100%;
height: auto;
background-color: #fff;
-webkit-box-shadow: 0px 0px 20px 0px #4c1e2430;
-moz-box-shadow: 0px 0px 20px 0px #4c1e2430;
box-shadow: 0px 0px 20px 0px #4c1e2430;
}
.escolha-endereco-list {
width: 100%;
max-width: 100%;
height: auto;
position: relative;
border-bottom: 1px solid #a7a7a7;
background-color: #fff;
padding: 1rem;
}
.escolha-endereco-novo-card {
margin-top: 21px;
}
/*--------------------------------------------------------------
# Resultado da busca
--------------------------------------------------------------*/
.escolha-endereco-obs {
font-size: 1rem;
font-weight: 100;
}
.resultado-da-busca {
width: 100%;
max-width: 100%;
height: auto;
margin-top: 3rem;
margin-bottom: 3rem;
}
.resultado-da-busca-card-selecao-categoria.botao-selecao-chevron {
line-height: normal;
}
.resultado-da-busca-resumo {
width: 100%;
max-width: 100%;
height: auto;
}
.resultado-da-busca-resumo-especialidade {
font-size: 1rem;
color: #000066;
font-weight: bold;
}
.resultado-da-busca-resumo-titulo {
font-weight: bold;
font-size: 1.875rem;
color: #000066;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-resumo-titulo {
font-size: 1.5rem;
}
}
.resultado-da-busca-resumo-usuario {
font-weight: normal;
font-size: 0.875rem;
color: #000066;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-resumo-usuario span {
height: 1px;
}
}
.resultado-da-busca-filtro {
position: relative;
}
.resultado-da-busca-filtro-ordenar {
width: auto;
height: auto;
position: absolute;
top: 3.59375rem;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
background-color: #fff;
display: none;
white-space: nowrap;
z-index: 200;
}
.resultado-da-busca-filtro-filtrar {
width: 100%;
max-width: 100%;
height: auto;
position: absolute;
top: 3.625rem;
padding: 1.375rem 2.375rem;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
background-color: #fff;
display: none;
z-index: 200;
}
.resultado-da-busca-filtro-bairro .box-input input {
border: 0;
}
.resultado-da-busca-filtro-ordem.botao-selecao-chevron,
.resultado-da-busca-filtro-filtro.botao-selecao-chevron {
margin-bottom: 0;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-filtro-ordem.botao-selecao-chevron,
.resultado-da-busca-filtro-filtro.botao-selecao-chevron {
margin-bottom: -1.5rem;
}
}
.resultado-da-busca-filtro-filtrar-distancia-minimo {
text-align: right;
font-weight: bold;
color: #FF6200;
}
.resultado-da-busca-filtro-filtrar-distancia-maximo {
text-align: left;
font-weight: bold;
color: #FF6200;
}
.resultado-da-busca-filtro-filtrar-qualificacoes {
width: 100%;
max-width: 100%;
height: auto;
margin-top: 2rem;
}
.resultado-da-busca-filtro-filtrar-qualificacoes-titulo {
margin-bottom: 1rem;
}
.box-qualificacao {
width: 20px;
height: 20px;
display: inline-block;
border-radius: 3px;
margin-left: 0.2rem;
margin-right: 0.5rem;
margin-bottom: 0.8rem;
background-color: #168ed0;
color: #fff;
font-weight: bold;
font-size: 1rem;
line-height: 20px;
text-align: center;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-filtro-filtrar-qualificacoes .box-input-texto {
vertical-align: middle;
padding-left: 0;
}
.box-qualificacao {
/* margin-bottom: 0.8rem; */
margin-bottom: 0;
left: 0;
/* top: 50%; */
/* transform: translateY(-50%); */
}
.box-qualificacao-texto {
width: calc(100% - 32px);
position: absolute;
left: 32px;
top: 50%;
transform: translateY(-50%);
}
.box-qualificacao-detalhe {
position: absolute
}
}
.box-qualificacao-texto {
width: calc(90% - 35px);
display: inline-block;
vertical-align: middle;
}
.resultado-da-busca-lista-com-mapa {
margin-top: -3.5rem;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-lista-com-mapa {
margin-top: -0.5rem;
}
}
.resultado-da-busca-lista {
margin-top: -6.5rem;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-lista {
margin-top: -2rem;
}
}
.alteracoes-na-rede .resultado-da-busca-lista {
margin-top: 0;
margin-bottom: 30px;
}
.resultado-da-busca-lista-com-mapa .resultado-da-busca-lista {
margin-top: 0;
border-bottom: 1px solid #a7a7a7;
}
.resultado-da-busca-lista-com-mapa .resultado-da-busca-lista {
width: 100%;
max-width: 100%;
height: 840px;
overflow-y: auto;
}
.resultado-da-busca-lista-com-mapa-bairro {
position: relative;
top: -3.5rem;
padding-bottom: 1rem;
border-bottom: 1px solid #a7a7a7;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-lista-com-mapa-bairro {
top: 0;
}
}
.resultado-da-busca-sem-resultado .resultado-da-busca-resumo {
margin-bottom: 3rem;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-sem-resultado .resultado-da-busca-resumo {
margin-bottom: 1rem;
}
}
.resultado-da-busca-sem-resultado .area-botoes-2,
.resultado-da-busca-lista .area-botoes-2 {
border-top: 1px solid #a7a7a7;
}
.resultado-da-busca-sem-resultado .area-botoes,
.resultado-da-busca-lista .area-botoes {
border-top: 1px solid #a7a7a7;
}
.resultado-dos-favoritos .resultado-da-busca-filtro {
margin-top: -4rem;
}
@media only screen and (max-width:1200px) {
.resultado-dos-favoritos .resultado-da-busca-filtro {
margin-top: -1rem;
margin-bottom: 0;
}
}
.resultado-dos-favoritos .resultado-da-busca-lista {
margin-top: 0;
}
.resultado-da-busca-cards {
width: 100%;
max-width: 100%;
height: 800px;
overflow-x: scroll;
}
.resultado-da-busca-card {
width: 100%;
max-width: 100%;
padding: 2.875rem 0;
border-top: 1px solid #a7a7a7;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card {
padding: 2rem 0 1rem;
}
}
.resultado-da-busca-card:last-child {
border-bottom: 1px solid #a7a7a7;
}
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card {
padding-right: 2rem;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card {
padding-right: 0;
}
}
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card:last-child {
border-bottom: 1px solid #a7a7a7;
}
.resultado-da-busca-card .box-qualificacao {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 1.375rem;
}
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card-bairro {
padding-left: 0;
padding-right: 0;
}
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card:hover,
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card .resultado-da-busca-card-ativo {
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
}
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card-bairro:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.resultado-da-busca-card:first-child {
border-top: none;
}
.resultado-dos-favoritos .resultado-da-busca-card:first-child {
border-top: 1px solid #a7a7a7;
}
.resultado-da-busca-card-bairro {
padding-bottom: 1.1875rem;
font-size: 0.875rem;
color: #252220;
font-weight: normal;
letter-spacing: 1.31px;
text-transform: uppercase;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-bairro {
padding-bottom: 0.5rem;
}
}
.resultado-da-busca-card-nome {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 0.625rem;
font-weight: bold;
color: #252220;
font-size: 1.25rem;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-nome {
font-size: 1.125rem;
}
}
.resultado-da-busca-card-detalhes {
margin-left: 1.25rem;
font-weight: bold;
font-size: 1rem;
color: #FF6200;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-detalhes {
margin-top: 0.5rem;
margin-left: 0;
display: block;
font-size: 0.875rem;
text-decoration: none;
}
}
.resultado-da-busca-card-crm {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 1.75rem;
color: #73706e;
font-size: 1rem;
font-weight: normal;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-crm {
font-size: 0.625rem;
margin-bottom: 0.75rem;
}
}
.botoes-fav-chegar-compar {
margin-top: 1.875rem;
}
.resultado-da-busca-card-ver-relatorio,
.resultado-da-busca-card-favoritar,
.resultado-da-busca-card-telefone,
.resultado-da-busca-card-local,
.resultado-da-busca-card-compartilhar {
width: 100%;
max-width: 100%;
height: auto;
display: block;
margin-bottom: 1rem;
font-weight: bold;
font-size: 1rem;
text-align: right;
text-decoration: none;
}
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card-ver-relatorio,
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card-favoritar,
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card-telefone,
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card-local,
.resultado-da-busca-lista-com-mapa .resultado-da-busca-card-compartilhar {
width: auto;
display: inline-block;
margin-top: 1rem;
margin-right: 1rem;
margin-bottom: 0;
}
.ficha-prestador-dados-gerais .resultado-da-busca-card-ver-relatorio,
.ficha-prestador-dados-gerais .resultado-da-busca-card-favoritar,
.ficha-prestador-dados-gerais .resultado-da-busca-card-telefone,
.ficha-prestador-dados-gerais .resultado-da-busca-card-local,
.ficha-prestador-dados-gerais .resultado-da-busca-card-compartilhar,
.resultado-da-busca-lista-com-mapa .ficha-prestador-dados-gerais .resultado-da-busca-card-ver-relatorio,
.resultado-da-busca-lista-com-mapa .ficha-prestador-dados-gerais .resultado-da-busca-card-favoritar,
.resultado-da-busca-lista-com-mapa .ficha-prestador-dados-gerais .resultado-da-busca-card-telefone,
.resultado-da-busca-lista-com-mapa .ficha-prestador-dados-gerais .resultado-da-busca-card-local,
.resultado-da-busca-lista-com-mapa .ficha-prestador-dados-gerais .resultado-da-busca-card-compartilhar {
display: block;
}
.resultado-da-busca-card-compartilhar-compartilhar {
width: auto;
height: auto;
position: absolute;
top: auto;
right: 0;
box-shadow: 0px 2px 10px #4c0000;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
background-color: #fff;
display: none;
white-space: nowrap;
z-index: 200;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-compartilhar-compartilhar {
width: auto;
height: auto;
position: absolute;
top: auto;
bottom: 0;
right: 1rem;
box-shadow: 0px 2px 10px #4c0000;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
background-color: #fff;
display: none;
white-space: nowrap;
z-index: 200;
}
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-ver-relatorio,
.resultado-da-busca-card-favoritar {
width: auto;
display: inline-block;
margin-top: 1rem;
margin-right: 1rem;
text-align: left;
font-weight: normal;
font-size: 0.75rem;
}
.resultado-da-busca-card-telefone,
.resultado-da-busca-card-local,
.resultado-da-busca-card-compartilhar {
width: auto;
display: inline-block;
font-weight: normal;
font-size: 0.75rem;
}
.resultado-da-busca-card-telefone {
margin-right: 0.3rem;
}
.resultado-da-busca-card-compartilhar {
margin-right: 0.3rem;
}
}
.resultado-da-busca-card-ver-relatorio img,
.resultado-da-busca-card-favoritar img,
.resultado-da-busca-card-telefone img,
.resultado-da-busca-card-local img,
.resultado-da-busca-card-compartilhar img {
vertical-align: middle;
}
.resultado-da-busca-card-ver-relatorio {
color: #FF6200;
}
.resultado-da-busca-card-favoritar {
color: #000066;
}
.resultado-da-busca-card-ver-relatorio img,
.resultado-da-busca-card-favoritar img {
vertical-align: text-bottom;
}
.resultado-da-busca-card-telefone,
.resultado-da-busca-card-local,
.resultado-da-busca-card-compartilhar {
color: #FF6200;
}
.resultado-da-busca-card-ver-relatorio:hover,
.resultado-da-busca-card-favoritar:hover,
.resultado-da-busca-card-telefone:hover,
.resultado-da-busca-card-local:hover,
.resultado-da-busca-card-compartilhar:hover {
text-decoration: underline;
}
.resultado-da-busca-card-ver-relatorio img,
.resultado-da-busca-card-favoritar img,
.resultado-da-busca-card-telefone img,
.resultado-da-busca-card-local img,
.resultado-da-busca-card-compartilhar img {
margin-right: 0.1rem;
}
.resultado-da-busca-card-endereco1,
.resultado-da-busca-card-endereco2,
.resultado-da-busca-card-endereco3 {
width: 100%;
max-width: 100%;
height: auto;
color: #252220;
font-weight: normal;
font-size: 1.125rem;
line-height: 1.625rem;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-endereco1,
.resultado-da-busca-card-endereco2,
.resultado-da-busca-card-endereco3 {
font-size: 0.875rem;
line-height: 1.125rem;
}
}
#detalhes-prestador {
width: 80%;
}
.ficha-prestador {
width: 100%;
max-width: 100%;
height: auto;
}
.ficha-prestador ~ .ficha-prestador {
margin-top: 30px;
}
.ficha-prestador-dados-gerais {
width: 100%;
max-width: 100%;
height: auto;
}
.ficha-prestador-dados-especializacoes {
width: 100%;
max-width: 100%;
height: auto;
border-top: 1px solid #a7a7a7;
border-bottom: 1px solid #a7a7a7;
padding: 3.125rem 0;
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}
@media only screen and (max-width:1200px) {
.ficha-prestador-dados-especializacoes {
padding: 1rem 0;
margin-top: 1rem;
margin-bottom: 1em;
}
}
.ficha-prestador-dados-especializacoes-titulo,
.ficha-prestador-dados-qualificacoes-titulo {
margin-bottom: 0.625rem;
font-weight: bold;
font-size: 1.25rem;
}
@media only screen and (max-width:1200px) {
.ficha-prestador-dados-especializacoes-titulo,
.ficha-prestador-dados-qualificacoes-titulo {
font-size: 1.125rem;
}
}
.ficha-prestador-dados-especializacoes-lista {
display: inline-block;
font-weight: normal;
font-size: 1.125rem;
color: #252220;
}
@media only screen and (max-width:1200px) {
.ficha-prestador-dados-especializacoes-lista {
font-size: 0.875rem;
}
}
.ficha-prestador-dados-especializacoes-lista a {
color: #252220;
}
.ficha-prestador-dados-especializacoes-lista a:hover {
color: #FF6200;
}
.ficha-prestador-dados-qualificacoes {
width: 100%;
max-width: 100%;
height: auto;
}
@media only screen and (max-width:1200px) {
.ficha-prestador-dados-qualificacoes {
font-size: 0.75rem;
}
}
.ficha-prestador-dados-qualificacao {
min-height: 33px;
position: relative;
}
.ficha-prestador-dados-qualificacoes .box-qualificacao {
width: 35px;
height: 35px;
font-size: 1.25rem;
line-height: 35px;
}
@media only screen and (max-width:1200px) {
.ficha-prestador-dados-qualificacoes .lista-qualificacao {
min-height: 34px;
position: relative;
}
.ficha-prestador-dados-qualificacoes .lista-qualificacao-texto {
position: absolute;
top: 32%;
transform: translateY(-50%);
}
.ficha-prestador-dados-qualificacoes .box-qualificacao {
width: 20px;
height: 20px;
font-size: 0.875rem;
line-height: 20px;
}
}
.resultado-da-busca-resumo-titulo-sem-resultado {
width: 100%;
max-width: 100%;
margin-top: 2rem;
margin-bottom: 2rem;
color: #FF6200;
font-weight: 900;
font-size: 1.875rem;
vertical-align: middle;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-resumo-titulo-sem-resultado {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.25rem;
font-weight: bold;
}
}
.resultado-da-busca-resumo-titulo-sem-resultado img {
margin-right: 30px;
vertical-align: initial;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-resumo-titulo-sem-resultado img {
display: block;
margin-bottom: 1rem;
}
}
.resultado-da-busca-resumo-orientacao-sem-resultado {
color: #252220;
font-weight: normal;
font-size: 1.25rem;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-resumo-orientacao-sem-resultado {
font-size: 1rem;
}
.resultado-da-busca-resumo-orientacao-sem-resultado li {
margin-bottom: 1rem;
}
}
.resultado-da-busca-resumo-orientacao-sem-resultado ul {
color: #73706e;
font-weight: normal;
font-size: 1.125rem;
line-height: 2rem;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-resumo-orientacao-sem-resultado ul {
font-size: 0.875rem;
line-height: 1.125rem;
}
}
.resultado-da-busca-mapa {
width: 100%;
max-width: 100%;
height: 100%;
background-size: cover;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-mapa {
height: 265px;
}
}
.resultado-da-busca-card-favoritos-acao {
width: 100%;
max-width: 100%;
height: 100%;
position: relative;
}
.resultado-da-busca-card-favoritos-acao .resultado-da-busca-card-favoritar {
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-favoritos-acao .resultado-da-busca-card-favoritar {
display: block;
position: relative;
top: auto;
left: auto;
}
}
.resultado-da-busca-card-favoritos-acao .resultado-da-busca-card-local {
position: absolute;
bottom: 2rem;
left: 0;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-favoritos-acao .resultado-da-busca-card-local {
position: relative;
bottom: auto;
left: auto;
}
}
.resultado-da-busca-card-favoritos-acao .resultado-da-busca-card-compartilhar {
position: absolute;
bottom: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-favoritos-acao .resultado-da-busca-card-compartilhar {
position: relative;
bottom: auto;
left: auto;
}
}
.resultado-da-busca-legenda {
width: 100%;
max-width: 100%;
height: auto;
margin-top: 2rem;
font-size: 0.625rem;
font-weight: normal;
display: none;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-legenda {
display: block;
}
}
.resultado-da-busca-legenda h2 {
font-size: 1rem;
color: #168ed0;
font-weight: bold;
line-height: 1.25rem;
margin-bottom: 1rem;
}
.resultado-da-busca-legenda .box-qualificacao {
font-size: 0.875rem;
}
/*FINANCEIRO*/
.financeiro-pagina-capitulo {
padding-top: 43px;
}
.rfinanceiro-pagina-capitulo {
padding-top: 50px;
}
.resultado-da-busca-cesareo .resultado-da-busca-resumo {
margin-bottom: 125px;
border-bottom: 1px solid #a7a7a7;
padding-bottom: 20px;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-cesareo .resultado-da-busca-resumo {
margin-bottom: 32px;
padding-bottom: 14px;
}
}
/*--------------------------------------------------------------
# Favoritos
--------------------------------------------------------------*/
.resultado-dos-favoritos .resultado-da-busca-resumo {
padding-top: 2.75rem;
}
@media only screen and (max-width:1200px) {
.resultado-dos-favoritos .resultado-da-busca-resumo {
padding-top: 0;
}
}
.resultado-da-busca-filtro-imprimir {
width: auto;
height: 3rem;
display: block;
line-height: 3rem;
color: #FF6200;
text-decoration: none;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-filtro-imprimir {
height: auto;
line-height: normal;
}
}
.resultado-da-busca-filtro-imprimir img {
width: 19px;
margin-right: 0.5rem;
vertical-align: middle;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-selecao-categoria {
font-size: 0.75rem;
}
.resultado-da-busca-card-selecao-categoria.botao-selecao-chevron {
height: auto;
}
}
.resultado-da-busca-card-selecao-categoria-menu {
width: auto;
height: auto;
position: absolute;
background-color: #fff;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
display: none;
z-index: 100;
}
.resultado-da-busca-card-selecao-categoria.botao-selecao-chevron {
margin-bottom: 0;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-selecao-categoria-menu {
width: 9rem;
top: -9px;
left: 7rem;
}
.resultado-da-busca-card-selecao-categoria-menu .lista-lateral-box-sem-seta {
font-size: 0.75rem;
}
}
.resultado-da-busca-card-selecao-categoria-selecionada {
font-size: 0.75rem;
color: #FF6200;
}
@media only screen and (max-width:1200px) {
.resultado-da-busca-card-selecao-categoria-selecionada {
width: 100%;
position: absolute;
top: 0;
left: 7rem;
}
}
.resultado-da-busca-card-selecao-categoria-selecionada img {
vertical-align: text-bottom;
}
.favoritos-desfavoritar .pergunta-modal {
color: #FF6200;
font-size: 1.875rem;
font-weight: 900;
}
.favoritos-desfavoritar .pergunta-modal .pergunta-modal-imagem,
.favoritos-desfavoritar .pergunta-modal .pergunta-modal-texto {
width: auto;
height: auto;
display: inline-block;
vertical-align: top;
}
.favoritos-desfavoritar .pergunta-modal .pergunta-modal-imagem {
width: 40px;
}
.favoritos-desfavoritar .pergunta-modal .pergunta-modal-imagem img {
vertical-align: bottom;
}
.favoritos-desfavoritar .pergunta-modal .pergunta-modal-texto {
width: calc(100% - 50px);
}
.favoritos-desfavoritar .resposta-modal {
width: 100%;
max-width: 100%;
height: auto;
margin-top: 2.6875rem;
text-align: center;
}
.favoritos-desfavoritar .resposta-modal div:first-child {
margin-right: 1.625rem;
}
/*--------------------------------------------------------------
# Autorizacao
--------------------------------------------------------------*/
.formulario-autorizacao {
border-bottom: 1px solid #a7a7a7;
padding-bottom: 2rem;
margin-bottom: 2rem;
}
@media only screen and (max-width:1200px) {
.formulario-autorizacao {
padding-bottom: 0;
margin-bottom: 0;
}
}
.formulario-autorizacao h2 {
font-weight: 900;
font-size: 1.875rem;
}
@media only screen and (max-width:1200px) {
.formulario-autorizacao h2 {
font-size: 1.5rem;
}
}
.formulario-autorizacao h2 .maior {
font-size: 2.125rem;
}
@media only screen and (max-width:1200px) {
.formulario-autorizacao h2 .maior {
font-weight: bold;
display: block;
}
}
#fileuploader,
#fileuploader1 {
height: auto;
border: 0;
}
#fileuploader:hover,
#fileuploader1:hover {
background-color: #fff;
color: #FF6200;
}
#fileuploader span,
#fileuploader1 span {
display: none;
}
.ajax-upload-dragdrop {
max-width: 100%;
height: 100%;
border: 0;
padding: 0;
height: 70px;
line-height: 70px;
position: relative;
border: 1px solid #FF6200;
border-radius: 6px;
color: #FF6200;
text-align: center;
background-color: #fff;
cursor: pointer;
}
@media only screen and (max-width: 1200px) {
.ajax-upload-dragdrop {
max-width: 100%;
display: block !important;
margin-left: auto;
margin-right: auto;
}
}
.ajax-upload-dragdrop span {
display: none;
}
.ajax-upload-dragdrop img {
vertical-align: middle;
}
.ajax-file-upload {
width: 100%;
max-width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 1px;
line-height: 1px;
}
.ajax-file-upload:hover {
background: transparent;
background-color: #FF6200;
color: #fff;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ajax-file-upload::after {
content: url('../content/img/icone_inserir_ou_arrastar2.svg');
width: 100%;
max-width: 100%;
display: block;
margin-top: 18px;
font-size: 14px;
line-height: normal;
text-align: center;
font-weight: normal;
color: #FF6200;
}
@media only screen and (max-width:1200px) {
.ajax-file-upload::after {
content: url('../content/img/icone_inserir2.svg');
}
}
.ajax-file-upload:hover::after {
content: url('../content/img/icone_inserir_ou_arrastar_branco2.svg');
color: #fff;
}
@media only screen and (max-width:1200px) {
.ajax-file-upload:hover::after {
content: url('../content/img/icone_inserir_branco2.svg');
}
}
.ajax-file-upload-container {
text-align: left;
}
.ajax-file-upload-statusbar {
border: 0;
width: 100%;
margin: 0;
-moz-border-radius: none;
-webkit-border-radius: none;
border-radius: none;
padding: 0;
}
.ajax-file-upload-filename {
width: auto;
max-width: 240px;
height: 16px;
margin: 0;
overflow: hidden;
display: inline-block;
color: #000066;
font-size: 0.875rem;
font-weight: 100;
}
.ajax-file-upload-progress {
display: none;
width: 0;
height: 0;
overflow: hidden;
float: left;
}
.ajax-file-upload-green,
.ajax-file-upload-red {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
display: inline-block;
color: #fff;
font-family: 'Itau Display';
font-size: 1px;
font-weight: normal;
padding: 0;
text-decoration: none;
text-shadow: none;
cursor: pointer;
vertical-align: top;
margin: 0;
position: relative;
}
.ajax-file-upload-red::after {
content: url('../content/img/icone_lixeira_com_txt2.svg');
}
.ajax-file-upload-error {
line-height: normal;
margin-top: 8px;
}
.ajax-file-upload-error b {
width: 341px;
overflow: hidden;
display: inline-block;
height: 16px;
}
.ajax-file-upload-progress {
display: none;
width: 0;
height: 0;
overflow: hidden;
float: left;
}
.ajax-file-upload-green,
.ajax-file-upload-red {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
display: inline-block;
color: #fff;
font-family: 'Itau Display';
font-size: 1px;
font-weight: normal;
padding: 0;
text-decoration: none;
text-shadow: none;
cursor: pointer;
vertical-align: top;
margin: 0;
position: relative;
}
.ajax-file-upload-red::after {
content: url('../content/img/icone_lixeira_com_txt2.svg');
}
.protocolo-card {
width: 100%;
max-width: 100%;
height: 100%;
position: relative;
padding: 2rem;
-webkit-box-shadow: 0px 0px 20px 0px #4c1e2430;
-moz-box-shadow: 0px 0px 20px 0px #4c1e2430;
box-shadow: 0px 0px 20px 0px #4c1e2430;
}
.protocolo-card-linha1 {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 1rem;
}
@media only screen and (max-width:1200px) {
.protocolo-card-linha1 {
text-align: center;
}
}
.protocolo-card-linha1-imagem {
width: 40px;
height: 55px;
display: inline-block;
vertical-align: bottom;
position: relative;
}
@media only screen and (max-width:1200px) {
.protocolo-card-linha1-imagem {
height: 38px;
}
}
.protocolo-card-linha1-imagem img {
width: 30px;
height: auto;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.protocolo-card-linha1-texto {
width: calc(100% - 50px);
height: auto;
display: inline-block;
color: #FF6200;
font-size: 3rem;
}
@media only screen and (max-width:1200px) {
.protocolo-card-linha1-texto {
width: auto;
font-size: 1.2rem;
}
}
.protocolo-card-linha1-texto a {
color: #FF6200;
text-decoration: none;
font-size: 0.825rem;
font-weight: bold;
position: relative;
}
.protocolo-card-linha1-texto a::after {
content: url('../content/img/seta_direita_laranja.svg');
width: 5px;
height: auto;
display: block;
position: absolute;
top: 50%;
right: -1rem;
transform: translateY(-35%);
}
.protocolo-card-linha1-texto a:hover {
text-decoration: underline;
}
.protocolo-card-linha2 {
width: 100%;
max-width: 100%;
height: auto;
}
@media only screen and (max-width:1200px) {
.protocolo-card-linha2 {
text-align: center;
}
}
.protocolo-card-linha2-imagem {
width: 40px;
display: inline-block;
vertical-align: bottom;
position: relative;
}
.protocolo-card-linha2-texto {
width: calc(100% - 50px);
height: auto;
display: inline-block;
color: #252220;
font-size: 1.25rem;
}
.protocolo-card-linha2-texto-azul {
width: calc(100% - 50px);
height: auto;
display: inline-block;
color: #000066;
font-weight: bold;
font-size: 1.125rem;
line-height: 2.5rem;
}
.protocolo-card-linha2-texto-semformatacao {
width: calc(100% - 50px);
height: auto;
display: inline-block;
}
@media only screen and (max-width:1200px) {
.protocolo-card-linha2-texto {
font-size: 0.875rem;
}
}
.formulario-autorizacao p {
font-size: 1rem;
color: #252220;
line-height: 1.5rem;
}
@media only screen and (max-width:1200px) {
.formulario-autorizacao p {
font-size: 0.875rem;
}
}
/*--------------------------------------------------------------
# Consulta autorizacoes
--------------------------------------------------------------*/
.consulta-autorizacoes {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 3rem;
}
.consulta-autorizacoes-filtro {
width: 100%;
max-width: 100%;
height: auto;
margin-top: 2rem;
position: relative;
}
.consulta-autorizacoes-filtro-titulo {
margin-top: -48px;
margin-bottom: 20px;
color: #252220;
font-size: 0.875rem;
font-weight: normal;
text-transform: uppercase;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-filtro-titulo {
margin-top: 0;
}
}
.consulta-autorizacoes-filtro-pesquisa {
width: 100%;
max-width: 100%;
height: 44px;
border: 1px solid #FF6200;
border-radius: 4px;
position: relative;
}
.consulta-autorizacoes-filtro-pesquisa img {
width: 1rem;
height: auto;
position: absolute;
top: 14px;
left: 1rem;
}
.consulta-autorizacoes-filtro-pesquisa input {
width: calc(100% - 32px);
height: 44px;
margin-left: 3rem;
border: none;
background-color: transparent;
line-height: 44px;
color: #FF6200;
}
.consulta-autorizacoes-filtro-pesquisa input::placeholder {
color: #FF6200;
opacity: 1;
}
.consulta-autorizacoes-filtro .resultado-da-busca-filtro-ordem {
margin-bottom: 0;
}
.consulta-autorizacoes-filtro .resultado-da-busca-filtro-ordem-2 {
margin-right: 2rem;
}
.consulta-autorizacoes-filtro .resultado-da-busca-filtro-ordenar {
width: 13rem;
top: 2.59375rem;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-filtro .resultado-da-busca-filtro-ordenar {
width: 10rem;
white-space: normal;
}
.consulta-autorizacoes-filtro .resultado-da-busca-filtro-ordenar-esquerda {
right: auto;
}
.consulta-autorizacoes-filtro .resultado-da-busca-filtro-ordenar-direita {
right: 1rem;
}
}
.consulta-autorizacoes-lista {
width: 100%;
max-width: 100%;
height: auto;
border-bottom: 1px solid #a7a7a7;
margin-bottom: 40px;
}
.exclusao-faturas-card {
width: 100%;
max-width: 100%;
height: auto;
padding: 2rem 0;
border-bottom: 1px solid #a7a7a7;
}
.consulta-autorizacoes-card {
width: 100%;
max-width: 100%;
height: auto;
padding: 2rem 0 2rem 15px;
border-top: 1px solid #a7a7a7;
position: relative;
overflow: hidden;
}
.consulta-autorizacoes-card-emanalise::before {
content: '';
width: 5px;
height: 199px;
background-color: #168ed0;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-emanalise::before {
content: '';
height: 100%;
}
}
.consulta-autorizacoes-card-pendente::before {
content: '';
width: 5px;
height: 199px;
background-color: #FF6200;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-pendente::before {
content: '';
height: 100%;
}
}
.consulta-autorizacoes-card-finalizado::before {
content: '';
width: 5px;
height: 199px;
background-color: #a7a7a7;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-finalizado::before {
content: '';
height: 100%;
}
}
.consulta-autorizacoes-card-negada::before {
content: '';
width: 5px;
height: 199px;
background-color: #ec0000;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-negada::before {
content: '';
height: 100%;
}
}
.consulta-autorizacoes-card-autorizada::before {
content: '';
width: 5px;
height: 199px;
background-color: #16d045;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-autorizada::before {
content: '';
height: 100%;
}
}
.consulta-autorizacoes-card-autorizada-parcialmente::before {
content: '';
width: 5px;
height: 199px;
background-color: #16d045;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-autorizada-parcialmente::before {
content: '';
height: 100%;
}
}
.consulta-reembolso-card-cancelado::before {
content: '';
width: 5px;
height: 166px;
background-color: #a7a7a7;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-reembolso-card-cancelado::before {
content: '';
height: 100%;
}
}
.consulta-reembolso-card-devolvido::before {
content: '';
width: 5px;
height: 166px;
background-color: #ec0000;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-reembolso-card-devolvido::before {
content: '';
height: 100%;
}
}
.consulta-reembolso-card-faturado::before {
content: '';
width: 5px;
height: 166px;
background-color: #16d045;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-reembolso-card-faturado::before {
content: '';
height: 100%;
}
}
.consulta-reembolso-card-emanalise::before {
content: '';
width: 5px;
height: 166px;
background-color: #168ed0;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-reembolso-card-emanalise::before {
content: '';
height: 100%;
}
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-protocolo-necessarios::after {
background-color: transparent !important;
}
}
.consulta-reembolso-card-aguardandopagamento::before {
content: '';
width: 5px;
height: 166px;
background-color: #168ed0;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-reembolso-card-aguardandopagamento::before {
content: '';
height: 100%;
}
}
.consulta-reembolso-card-pendente::before {
content: '';
width: 5px;
height: 166px;
background-color: #FF6200;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-reembolso-card-pendente::before {
content: '';
height: 100%;
}
}
.consulta-autorizacoes-card-negada-naosei {
border-left: 5px solid #d8d8d8;
}
.consulta-autorizacoes-card-data {
width: 100%;
max-width: 100%;
height: auto;
color: #73706e;
font-size: 0.875rem;
}
.consulta-autorizacoes-card-linha {
width: 100%;
max-width: 100%;
height: auto;
position: relative;
}
.consulta-autorizacoes-card-valor,
.consulta-autorizacoes-card-protocolo {
width: 100%;
max-width: 100%;
height: 1.75rem;
display: inline-block;
vertical-align: top;
color: #252220;
font-weight: bold;
font-size: 1.25rem;
line-height: 1.75rem;
position: relative;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-valor,
.consulta-autorizacoes-card-protocolo {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 20px;
font-size: 1rem;
line-height: normal;
}
}
.consulta-autorizacoes-card-vencimento {
width: 100%;
max-width: 100%;
height: 1.75rem;
display: inline-block;
vertical-align: top;
color: #252220;
font-size: 1.25rem;
line-height: 1.75rem;
position: relative;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-vencimento {
font-size: 1rem;
line-height: normal;
}
}
.consulta-autorizacoes-card-protocolo-necessarios {
width: 100%;
max-width: 100%;
height: auto;
display: none;
position: relative;
margin-top: 32px;
padding-top: 1rem;
color: #73706e;
font-size: 1rem;
font-weight: normal;
line-height: 1.25rem;
display: block;
}
.consulta-autorizacoes-card-protocolo-necessarios::after {
content: '';
width: calc(100% + 50px);
height: 1px;
background-color: #a7a7a7;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-protocolo-necessarios {
margin-top: 0;
padding-top: 0;
font-size: 1rem;
line-height: normal;
}
}
.consulta-autorizacoes-titulo-menor {
width: 100%;
max-width: 100%;
color: #73706e;
font-weight: normal;
font-size: 14px;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-titulo-menor {
margin-bottom: 0;
}
}
.consulta-autorizacoes-card-status {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
color: #252220;
font-weight: bold;
font-size: 1.25rem;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-status {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
font-size: 1rem;
line-height: normal;
}
}
.consulta-autorizacoes-card-status-pago {
color: #168ed0;
}
.consulta-autorizacoes-card-status-emanalise {
color: #d8d8d8;
}
.consulta-autorizacoes-card-status-expirado {
color: #ff0606;
}
.consulta-autorizacoes-card-status .consulta-autorizacoes-card-status-status {
font-weight: normal;
}
.consulta-autorizacoes-card-linha-tempo {
width: 100%;
max-width: 100%;
height: auto;
display: inline-block;
vertical-align: top;
position: relative;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-linha-tempo {
width: 100%;
max-width: 100%;
font-size: 1rem;
line-height: normal;
}
}
.consulta-autorizacoes-card-linha-tempo-acoes {
width: 100%;
max-width: 100%;
height: auto;
text-align: right;
}
.consulta-autorizacoes-card-linha-tempo-acoes-card {
display: inline-block;
margin-left: 1.5rem;
color: #FF6200;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-linha-tempo-acoes-card {
margin-left: 0;
margin-bottom: 1rem;
}
.consulta-autorizacoes-card-linha-tempo-acoes-card ~ .consulta-autorizacoes-card-linha-tempo-acoes-card {
margin-right: 1rem;
}
}
.consulta-autorizacoes-card-linha-tempo-acoes-card img {
margin-right: 10px;
vertical-align: middle;
}
.consulta-autorizacoes-card-linha-tempo-titulo {
width: 160px;
color: #252220;
font-weight: bold;
font-size: 1.25rem;
position: relative;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-linha-tempo-titulo {
font-size: 1rem;
line-height: normal;
}
}
.consulta-autorizacoes-card-linha-tempo-titulo::after {
content: url('../content/img/chevron_cinza.svg');
width: 1rem;
cursor: pointer;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.consulta-autorizacoes-card-linha-tempo-titulo.consulta-autorizacoes-card-linha-tempo-titulo-clicado::after {
content: url('../content/img/chevron_cinza_up.svg');
}
.consulta-autorizacoes-card-linha-tempo-do-tempo {
width: 100%;
max-width: 100%;
height: auto;
display: none;
position: relative;
margin-top: 37px;
padding-top: 1rem;
border-top: 1px solid #a7a7a7;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-card-linha-tempo-do-tempo {
font-size: 1rem;
line-height: normal;
}
}
.linha-do-tempo-card {
width: 100%;
max-width: 100%;
height: auto;
position: relative;
}
.linha-do-tempo-card.linha-do-tempo-card-icone-confere::before {
content: url('../content/img/tique_laranja.svg');
width: 1rem;
position: absolute;
left: 0;
top: 0;
}
.linha-do-tempo-card.linha-do-tempo-card-icone-inicio::before {
content: url('../content/img/icone_circulo.svg');
width: 1rem;
position: absolute;
left: 0;
top: 0;
}
.linha-do-tempo-card.linha-do-tempo-card-icone-erro::before {
content: url('../content/img/icone_xis.svg');
width: 1rem;
position: absolute;
left: 0;
top: 0;
}
.linha-do-tempo-card-situacao {
width: 100%;
max-width: 100%;
height: auto;
padding-left: 2em;
position: relative;
margin-top: 1.25rem;
}
@media only screen and (max-width:1200px) {
.linha-do-tempo-card-situacao {
font-size: 1rem;
line-height: normal;
}
}
.linha-do-tempo-card-situacao-situacao {
color: #FF6200;
font-size: 1.125rem;
font-weight: bold;
}
.linha-do-tempo-card-situacao-data {
position: absolute;
top: 0;
right: 0;
color: #73706e;
font-size: 0.875rem;
}
@media only screen and (max-width:1200px) {
.linha-do-tempo-card-situacao-data {
position: relative;
}
}
.linha-do-tempo-card-descricao {
width: calc(100% - 46px);
height: auto;
min-height: 9.5rem;
box-shadow: 0px 3px 10px rgba(76,30,36,0.3);
padding: 1rem;
margin-left: 2.25rem;
margin-top: 1.25rem;
position: relative;
}
@media only screen and (max-width:1200px) {
.linha-do-tempo-card-descricao {
font-size: 1rem;
line-height: normal;
}
}
.linha-do-tempo-card-descricao::before {
content: '';
width: 1rem;
height: 100%;
border-left: 1px solid #a7a7a7;
position: absolute;
top: 0;
left: -1.75rem;
}
.linha-do-tempo-card-icone-inicio .linha-do-tempo-card-descricao::before {
border: none;
}
.linha-do-tempo-card-descricao-conteudo {
width: 100%;
max-width: 100%;
height: auto;
left: 1rem;
}
.linha-do-tempo-card-descricao-texto-leiamais {
cursor: pointer;
color: #000066;
font-weight: bold;
}
.linha-do-tempo-card-descricao-texto-leiamais:hover {
text-decoration: underline;
}
.linha-do-tempo-card-descricao-texto-escondido {
display: none;
}
@media only screen and (max-width:1200px) {
.linha-do-tempo-card-descricao-conteudo {
position: relative;
top: auto;
left: auto;
transform: none;
}
}
.linha-do-tempo-card-descricao .linha-do-tempo-card-descricao-titulo {
color: #000066;
font-weight: bold;
font-size: 1.125rem;
line-height: 1.5rem;
}
@media only screen and (max-width:1200px) {
.linha-do-tempo-card-descricao .linha-do-tempo-card-descricao-titulo {
font-size: 0.85rem;
line-height: normal;
}
}
.linha-do-tempo-card-descricao .linha-do-tempo-card-descricao-texto {
padding-right: 0.7rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #252220;
font-weight: 100;
font-size: 1rem;
line-height: 1.5rem;
}
@media only screen and (max-width:1200px) {
.linha-do-tempo-card-descricao .linha-do-tempo-card-descricao-texto {
font-size: 0.85rem;
line-height: normal;
}
}
.linha-do-tempo-card-descricao .linha-do-tempo-card-descricao-erro {
color: #FF6200;
font-weight: bold;
font-size: 1.125rem;
line-height: 1.5rem;
}
@media only screen and (max-width:1200px) {
.linha-do-tempo-card-descricao .linha-do-tempo-card-descricao-erro {
font-size: 0.85rem;
line-height: normal;
}
}
.consulta-autorizacoes-lista-intertitulo {
margin-top: 62px;
margin-bottom: 20px;
letter-spacing: 1.31px;
}
@media only screen and (max-width:1200px) {
.consulta-autorizacoes-lista-intertitulo {
margin-top: 2rem;
}
}
.consulta-reeembolso-visualiza h2 {
font-size: 20px;
font-weight: bold;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #a7a7a7;
}
.imagem-visualizar-documentos {
height: 19px;
}
@media only screen and (max-width:1200px) {
.imagem-visualizar-documentos {
width: 19px;
height: auto;
}
}
/*--------------------------------------------------------------
# Segunda Via
--------------------------------------------------------------*/
.segunda-via .consulta-autorizacoes-card-protocolo {
width: 13rem;
text-align: left;
right: 5.5rem;
}
@media only screen and (max-width:1200px) {
.segunda-via .consulta-autorizacoes-filtro .resultado-da-busca-filtro-ordenar-largo {
right: 0;
}
}
.segunda-via .consulta-autorizacoes-filtro .resultado-da-busca-filtro-ordenar-estreito {
width: 8rem;
text-align: left;
}
@media only screen and (max-width:1200px) {
.segunda-via .consulta-autorizacoes-filtro .resultado-da-busca-filtro-ordenar-largo {
right: 0;
}
}
.segunda-via .consulta-autorizacoes-filtro .resultado-da-busca-filtro-ordenar-estreito {
width: 8rem;
text-align: left;
}
.segunda-via-lista {
width: 100%;
max-width: 100%;
height: auto;
border-bottom: 1px solid #a7a7a7;
}
.segunda-via-card {
width: 100%;
max-width: 100%;
min-height: 7.5rem;
padding: 0;
border-top: 1px solid #a7a7a7;
position: relative;
}
.segunda-via-card-check {
width: 100%;
max-width: 100%;
height: 7.5rem;
position: relative;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-check {
height: 3.5rem;
}
}
.segunda-via-card-check label {
height: auto;
position: absolute;
top: calc(50% - 10px);
transform: translateY(-50%);
}
.segunda-via-card-valor-titulo,
.segunda-via-card-competencia-titulo,
.segunda-via-card-vencimento-titulo,
.segunda-via-card-status-titulo {
width: 100%;
max-width: 100%;
height: auto;
position: absolute;
top: 5px;
left: 15px;
font-size: 0.875rem;
color: #73706e;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-status {
padding-top: 1rem;
}
.segunda-via-card-valor-titulo,
.segunda-via-card-competencia-titulo,
.segunda-via-card-vencimento-titulo,
.segunda-via-card-status-titulo {
width: auto;
font-size: 0.75rem;
}
}
.segunda-via-card-valor,
.segunda-via-card-competencia,
.segunda-via-card-vencimento,
.segunda-via-card-status-status {
width: 100%;
max-width: 100%;
height: 7.5rem;
position: relative;
line-height: 7.5rem;
font-weight: bold;
font-size: 1.25rem;
color: #252220;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-valor,
.segunda-via-card-competencia,
.segunda-via-card-vencimento,
.segunda-via-card-status-status {
height: 3.5rem;
line-height: 3.5rem;
font-size: 1.125rem;
}
.segunda-via-card-status-status {
line-height: normal;
}
span.segunda-via-card-status-status {
height: 3.5rem;
line-height: normal;
position: relative;
display: inline-block;
top: auto;
transform: none;
}
}
div.segunda-via-card-status {
width: 100%;
max-width: 100%;
height: 162px;
position: relative;
}
@media only screen and (max-width:1200px) {
div.segunda-via-card-status {
height: auto;
}
}
span.segunda-via-card-status-status {
height: auto;
display: block;
top: 48px;
line-height: normal;
}
.segunda-via-card-gerar-codigo-barras {
width: 100%;
max-width: 100%;
height: 7.5rem;
position: relative;
padding-right: 1rem;
line-height: 7.5rem;
text-align: right;
font-weight: bold;
font-size: 1rem;
color: #000066;
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-gerar-codigo-barras {
height: 3.5rem;
line-height: 3.5rem;
text-align: left;
font-size: 0.75rem;
}
}
.segunda-via-card-gerar-codigo-barras img {
height: 1.2rem;
margin-right: 0.5rem;
vertical-align: middle;
}
.segunda-via-card-enviar-codigo-barras {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
text-align: right;
}
.segunda-via-card-enviar-codigo-barras a {
margin-right: 8px;
margin-left: 8px;
color: #FF6200;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-enviar-codigo-barras a {
width: calc(50% - 30px);
display: inline-block;
}
}
.segunda-via-card-enviar-codigo-barras a img {
vertical-align: middle;
}
.segunda-via-card-copia-codigo-barras {
width: 100%;
max-width: 100%;
height: 7.5rem;
position: relative;
padding-right: 1rem;
line-height: 7.5rem;
text-align: right;
font-weight: bold;
font-size: 1rem;
color: #000066;
display: none;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-copia-codigo-barras {
height: 3.5rem;
line-height: 3.5rem;
text-align: left;
}
}
.segunda-via-card-copia-codigo-barras img {
height: 1.2rem;
margin-right: 0.5rem;
vertical-align: middle;
}
.segunda-via-card-codigo-barras {
width: 100%;
max-width: 100%;
height: 7.5rem;
position: relative;
background-color: #e5e5e5;
display: none;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-codigo-barras {
width: calc(100% + 30px);
max-width: none;
height: auto;
margin-left: -15px;
margin-right: -15px;
padding: 0 15px 1rem 15px;
}
}
.segunda-via-card-codigo-barras-fechar {
position: absolute;
top: 5px;
left: 5px;
cursor: pointer;
z-index: 10;
}
.segunda-via-card-codigo-barras-explicacao {
width: 100%;
max-width: 100%;
height: 7.5rem;
position: relative;
}
.segunda-via-card-codigo-barras-explicacao-texto {
width: 100%;
max-width: 100%;
height: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-left: 1rem;
font-size: 1rem;
line-height: 1.375rem;
color: #252220;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-codigo-barras-explicacao-texto {
font-size: 0.75rem;
line-height: 1rem;
}
}
.segunda-via-card-codigo-barras-codigo {
width: 100%;
max-width: 100%;
height: 7.5rem;
position: relative;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-codigo-barras-codigo {
height: auto;
}
}
.segunda-via-card-codigo-barras-codigo-numerico {
width: auto;
height: auto;
position: absolute;
top: 0.8rem;
right: 1.5rem;
font-size: 1.125rem;
color: #252220;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-codigo-barras-codigo-numerico {
position: relative;
top: auto;
right: auto;
font-size: 1rem;
line-height: 1rem;
}
}
.segunda-via-card-codigo-barras-codigo-barra {
width: 32rem;
height: auto;
position: absolute;
bottom: 0.8rem;
right: 1rem;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-codigo-barras-codigo-barra {
width: 100%;
max-width: 100%;
position: relative;
bottom: auto;
right: auto;
margin: 1rem 0;
}
}
.segunda-via-card-total-a-pagar {
width: 100%;
max-width: 100%;
height: 11rem;
position: relative;
background-color: #e5e5e5;
display: none;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-total-a-pagar {
width: calc(100% + 30px);
height: auto;
max-width: none;
margin-left: -15px;
margin-right: -15px;
padding-left: 1rem;
padding-right: 1rem;
}
}
.segunda-via-card-total-a-pagar .segunda-via-card {
min-height: 0;
border-bottom: 1px solid #a7a7a7;
}
.segunda-via-card-total-pagar {
width: 100%;
max-width: 100%;
height: 3.5rem;
position: relative;
line-height: 3.5rem;
font-size: 0.875rem;
color: #252220;
text-transform: uppercase;
}
.segunda-via-card-total-a-pagar .segunda-via-card-valor,
.segunda-via-card-total-a-pagar .segunda-via-card-gerar-codigo-barras {
height: 3.5rem;
line-height: 3.5rem;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-total-a-pagar .segunda-via-card-gerar-codigo-barras {
border-top: 1px solid #a7a7a7;
}
}
.segunda-via-card-codigo-barras-aberta {
display: block;
}
.segunda-via-card-status-pago {
color: #168ed0;
}
.segunda-via-card-status-aguardando {
color: #d8d8d8;
}
.segunda-via-card-status-expirado {
color: #FF6200;
}
.segunda-via-card-reemitir-boleto {
margin-top: 40px;
}
@media only screen and (max-width:1200px) {
.segunda-via-card-reemitir-boleto {
margin-top: 0;
text-align: center;
}
}
.botoes-confirmar {
text-align: center;
}
@media only screen and (max-width:1200px) {
.botoes-confirmar button {
margin-right: auto;
margin-left: auto;
}
.botao-vazado-laranja-centralizado {
margin-left: 0;
}
}
.calculo-participantes {
width: 100%;
height: 3.4375rem;
background-color: #fff;
border-bottom: 1px solid #a7a7a7;
border-radius: 0;
padding-left: 0;
font-size: 1.15rem;
line-height: 3.4375rem;
}
@media only screen and (max-width:1200px) {
.calculo-participantes {
height: auto;
border-bottom: 0;
margin-top: 1rem;
font-size: 1rem;
line-height: normal;
font-weight: bold;
}
}
.adicionar-sessoes {
width: 100%;
height: 3.4375rem;
background-color: #fff;
border-bottom: 1px solid #a7a7a7;
border-radius: 0;
padding-left: 0;
font-size: 1.15rem;
line-height: 3.4375rem;
color: #969494;
margin-bottom: 15px;
}
@media only screen and (max-width:1200px) {
.adicionar-sessoes {
height: auto;
border-bottom: 0;
margin-top: 1rem;
font-size: 1rem;
line-height: normal;
font-weight: bold;
}
}
.icone-adicionar-sessoes {
margin-left: 5px;
margin-bottom: -5px;
cursor: pointer;
}
.sessao-remover {
margin-left: 5px;
margin-bottom: -20px;
cursor: pointer;
}
.sessao-adicionar {
color: #969494;
}
.sessao-adicionar img {
margin-left: 5px;
margin-bottom: -5px;
cursor: pointer;
}
/*--------------------------------------------------------------
# Reembolso
--------------------------------------------------------------*/
.reembolso-aceite {
margin-top: 3rem;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #a7a7a7;
}
@media only screen and (max-width:1200px) {
.reembolso-aceite {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}
.reembolso-aceite:last-child {
margin-bottom: -6px;
padding-bottom: 0;
border-bottom: 0;
}
.reembolso-aceite h2 {
font-size: 1.875rem;
color: #000066;
}
@media only screen and (max-width:1200px) {
.reembolso-aceite h2 {
font-size: 1.25rem;
}
}
.reembolso-aceite p {
font-size: 1rem;
line-height: 1.625rem;
margin-bottom: 3rem;
}
.reembolso-aceite p ~ ol {
margin-top: -2.5rem;
}
.reembolso-aceite ol {
font-size: 1rem;
line-height: 1.625rem;
margin-bottom: 3rem;
}
.reembolso-aceite li {
margin-bottom: 1rem;
}
@media only screen and (max-width:1200px) {
.reembolso-aceite p {
font-size: 0.875rem;
line-height: 1.25rem;
margin-bottom: 1.5rem;
}
.reembolso-aceite p ~ ol {
margin-top: -0.8rem;
}
.reembolso-aceite ol {
font-size: 0.875rem;
line-height: 1.25rem;
margin-bottom: 1.5rem;
}
.reembolso-aceite li {
font-size: 0.875rem;
}
}
.reembolso-aceite-blur h2,
.reembolso-aceite-blur p,
.reembolso-aceite-blur .box-input-texto {
color: #d8d8d8;
}
.reembolso-aceite-blur label {
cursor: default;
}
.reembolso-aceite-blur .box-input-checkbox {
border-color: #d8d8d8;
}
.reembolso-aceite-blur .botao-laranja {
background-color: #d8d8d8;
border-color: #d8d8d8;
cursor: auto;
}
.reembolso-aceite-blur .botao-laranja:hover {
border-color: #d8d8d8;
background-color: #d8d8d8;
color: #fff;
}
.reembolso-aceite-blur .botao-laranja:hover .botao-laranja-texto {
color: #fff;
}
.reembolso-aceite-checkbox {
position: absolute;
left: 15px;
top: 12px;
}
@media only screen and (max-width:1200px) {
.reembolso-aceite-checkbox {
position: relative;
left: auto;
top: auto;
margin-bottom: 2rem;
text-align: left;
}
.reembolso-aceite .centro {
text-align: left;
}
}
@media only screen and (max-width:1200px) {
.reembolso-aceite .botao-laranja {
width: 190px;
/*height: 35px;*/
}
}
.justificado {
text-align: justify;
}
@media only screen and (max-width:1200px) {
.area-botoes-reembolso .obrigatorio {
margin-bottom: 1rem;
}
}
.area-botoes-reembolso .botao-vazado-laranja-centralizado {
margin: 0 1rem 0 0;
vertical-align: middle;
}
.area-botoes-reembolso .botao-laranja {
margin: 0 1rem 0 0;
vertical-align: middle;
}
.area-botoes-reembolso .botao-cinza-sem-imagem {
margin: 0;
vertical-align: middle;
}
@media only screen and (max-width:1200px) {
.area-botoes-reembolso .botao-240 {
margin-bottom: 1rem;
}
.area-botoes-esquerda .botao-vazado-laranja-centralizado,
.area-botoes-esquerda .botao-laranja {
margin-bottom: 1rem;
}
}
.reembolso-intro {
color: #252220;
font-size: 1.125rem;
font-weight: 100;
line-height: 1.625rem;
}
.formulario-reembolso a.reembolso-responsabilidade {
display: block;
margin-bottom: 1.625rem;
color: #000066;
font-weight: 900;
font-size: 1.125rem;
text-decoration: none;
}
@media only screen and (max-width:1200px) {
.formulario-reembolso a.reembolso-responsabilidade {
margin-bottom: 0;
}
}
.formulario-reembolso a.reembolso-responsabilidade:hover {
text-decoration: underline;
}
.formulario-reembolso p.reembolso-responsabilidade {
color: #252220;
font-weight: normal;
font-size: 1rem;
line-height: normal;
padding-bottom: 0;
margin-bottom: 0;
}
.reembolso-box {
width: 100%;
max-width: 100%;
height: auto;
position: relative;
border: 1px solid #000066;
border-radius: 8px;
background-color: #fff;
padding: 1rem;
margin-bottom: 50px;
}
@media only screen and (max-width:1200px) {
.reembolso-box {
margin-bottom: 30px;
}
}
.reembolso-box-tipo {
font-weight: bold;
font-size: 1.125rem;
color: #000066;
padding-bottom: 1.25rem;
border-bottom: 1px solid #a7a7a7;
margin-bottom: 1.875rem;
}
.formulario-reembolso-protocolo {
border-bottom: 1px solid #a7a7a7;
padding-bottom: 2rem;
margin-bottom: 2rem;
}
.formulario-reembolso h2 {
font-weight: 900;
font-size: 1.875rem;
}
.formulario-reembolso h2 .maior {
font-size: 2.125rem;
}
.formulario-reembolso p {
font-size: 1rem;
color: #252220;
line-height: 1.5rem;
}
.formulario-reembolso hr {
border-color: #a7a7a7;
border-top: 0;
margin-bottom: 50px;
}
@media only screen and (max-width:1200px) {
.formulario-reembolso hr {
margin-bottom: 30px;
}
}
.formulario-reembolso .limpar-campos {
text-align: right;
}
@media only screen and (max-width:1200px) {
.formulario-reembolso .limpar-campos {
text-align: left;
}
.formulario-reembolso .excluir-campos {
text-align: right;
}
}
.limpar-campos-mesma-linha {
position: absolute;
bottom: 0;
right: 0;
}
@media only screen and (max-width:1200px) {
.limpar-campos-mesma-linha {
position: relative;
bottom: auto;
right: auto;
}
}
/*--------------------------------------------------------------
# Alteracoes na rede
--------------------------------------------------------------*/
.box-input input[name=cnpj_ou_crm] {
margin-bottom: 0.5rem;
}
/*--------------------------------------------------------------
# Fale Conosco (pagina)
--------------------------------------------------------------*/
.fale-conosco-pagina {
width: 100%;
max-width: 100%;
height: auto;
padding-top: 2rem;
}
.fale-conosco-box {
width: 100%;
max-width: 100%;
height: auto;
padding: 2.25rem 0;
border-bottom: 1px solid #e5e5e5;
}
.fale-conosco-box:last-child {
border-bottom: none;
}
.fale-conosco-box h2 {
margin: 0;
font-size: 1.75rem;
font-weight: 900;
color: #252220;
}
.fale-conosco-box p {
margin: 0;
font-size: 1rem;
line-height: 1.5rem;
color: #252220;
}
.fale-conosco-box .botao-laranja {
margin-top: 2rem;
}
.fale-conosco-telefones {
width: 100%;
max-width: 100%;
height: auto;
}
.fale-conosco-telefones-texto {
margin-top: 2rem;
margin-bottom: 0.5rem;
font-size: 1.125rem;
font-weight: 100;
color: #252220;
}
.fale-conosco-telefones-telefone {
font-size: 2rem;
color: #003390;
}
.fale-conosco-telefones-email {
font-size: 1.25rem;
}
@media only screen and (max-width:1200px) {
.fale-conosco-telefones-email {
font-size: 0.6rem;
}
}
.fale-conosco-telefones-email a {
color: #FF6200;
text-decoration: none;
}
.fale-conosco-telefones-email a:hover {
text-decoration: underline;
}
.fale-conosco-telefones-correio {
font-size: 1.25rem;
line-height: 1.625rem;
color: #003390;
}
.perguntas-frequentes {
width: 100%;
max-width: 100%;
height: auto;
background-color: #eae9e9;
padding-top: 10px;
padding-bottom: 100px;
}
.perguntas-frequentes h2 {
padding-top: 2.625rem;
padding-bottom: 1.625rem;
font-size: 2rem;
font-weight: 900;
}
.perguntas-frequentes-area-clicado.lista-lateral-box:hover {
padding-left: 0;
border-left: none;
color: #252220;
}
.perguntas-frequentes-area-clicado.lista-lateral-box:after {
content: url('../content/img/chevron_up.svg');
}
.perguntas-frequentes-pergunta-clicado.lista-lateral-box:after {
content: url('../content/img/chevron_up.svg');
}
.perguntas-frequentes-area {
height: 4.625rem;
line-height: 4.625rem;
}
.perguntas-frequentes-area:last-child {
border-bottom: 1px solid #d8d8d8;
}
.perguntas-frequentes-area-texto {
height: 4.625rem;
font-size: 1.5rem;
line-height: 4.625rem;
}
.perguntas-frequentes-pergunta {
width: auto;
height: 4.625rem;
margin-left: 6.125rem;
border-top: 1px solid #d8d8d8;
line-height: 4.625rem;
display: none;
}
@media only screen and (max-width:1200px) {
.perguntas-frequentes-pergunta {
height: auto;
min-height: 4.625rem;
margin-left: 1.125rem;
overflow: hidden;
}
}
.perguntas-frequentes-pergunta:last-child {
border-bottom: none;
}
.perguntas-frequentes-pergunta-clicado.lista-lateral-box:hover {
padding-left: 0;
border-left: none;
color: #252220;
}
.perguntas-frequentes-pergunta-texto {
width: 100%;
max-width: 100%;
height: 4.625rem;
position: relative;
font-size: 1.25rem;
line-height: normal;
}
.perguntas-frequentes-pergunta-texto-miolo {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width:1200px) {
.perguntas-frequentes-pergunta-texto {
height: auto;
min-height: 4.625rem;
}
.perguntas-frequentes-pergunta-texto-miolo {
width: 90%;
position: relative;
left: auto;
top: auto;
transform: none;
padding: 16px 0;
}
}
.perguntas-frequentes-resposta {
width: auto;
line-height: 3.875rem;
display: none;
}
.perguntas-frequentes-resposta-texto {
width: auto;
padding-bottom: 1rem;
line-height: 1.5;
}
.perguntas-frequentes-resposta-texto a {
color: #FF6200;
text-decoration: underline;
}
.perguntas-frequentes-maisperguntas {
margin-top: 2rem;
height: 4.625rem;
font-size: 1.25rem;
line-height: 4.625rem;
text-align: center;
cursor: pointer;
}
.perguntas-frequentes-maisperguntas a {
text-decoration: none;
color: #252220;
}
.perguntas-frequentes-maisperguntas a:hover {
text-decoration: underline;
}
.chat-titulo {
font-size: 1.75rem;
font-weight: 900;
color: #FF6200;
}
.chat-obs {
margin-top: 1.3125rem;
font-size: 0.875rem;
line-height: 1.25rem;
color: #FF6200;
}
.chat-descricao {
margin-top: 1.3125rem;
font-size: 1rem;
line-height: 1.5rem;
color: #252220;
}
.chat-tipo {
margin-top: 1rem;
text-align: center;
}
/*--------------------------------------------------------------
# Meus Dados (pagina)
--------------------------------------------------------------*/
.meus-dados-pagina {
width: 100%;
max-width: 100%;
height: auto;
margin-top: 2rem;
}
.meus-dados-pagina h2 {
font-size: 1.75rem;
font-weight: 900;
color: #252220;
}
@media only screen and (max-width:1200px) {
.meus-dados-pagina h2 {
font-size: 1.25rem;
}
}
.meus-dados-box {
width: 100%;
max-width: 100%;
margin-bottom: 2rem;
font-size: 1.25rem;
color: #252220;
line-height: 1.5rem;
}
.meus-dados-box-nome-personlizado {
font-size: 29px;
}
@media only screen and (max-width:1200px) {
.meus-dados-box {
margin-bottom: 20px;
font-size: 0.875rem;
}
}
.meus-dados-box p {
margin: 0;
padding: 0;
}
.meus-dados-box img {
vertical-align: middle;
margin-left: 10px;
}
.meus-dados-enderecos-card {
width: 100%;
max-width: 100%;
height: auto;
position: relative;
}
.meus-dados-enderecos-card-titulo {
font-size: 1rem;
font-weight: 900;
color: #000066;
}
.meus-dados-enderecos-card-remover {
float: right;
vertical-align: middle;
text-align: right;
font-size: 0.875rem;
font-weight: bold;
color: #FF6200;
}
.meus-dados-enderecos-card-remover img {
vertical-align: middle;
margin-right: 0.5rem;
}
.meus-dados-enderecos-card-box {
width: 100%;
max-width: 100%;
height: auto;
margin-top: 0.5rem;
margin-bottom: 30px;
padding: 1.5rem;
border: 1px solid #a7a7a7;
border-radius: 8px;
font-size: 1.25rem;
line-height: 1.625rem;
color: #252220;
}
@media only screen and (max-width:1200px) {
.meus-dados-enderecos-card-box {
font-size: 0.875rem;
}
}
.meus-dados-enderecos-card-box p {
margin: 0;
padding: 0;
}
.meus-dados-familia-tipo {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 0.5rem;
font-size: 1rem;
font-weight: 900;
color: #000066;
}
@media only screen and (max-width:1200px) {
.meus-dados-familia-tipo {
font-size: 0.875rem;
}
}
.meus-dados-familia-nome {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 0.5rem;
font-size: 1.25rem;
font-weight: bold;
color: #252220;
}
@media only screen and (max-width:1200px) {
.meus-dados-familia-nome {
font-size: 1.125rem;
}
}
.meus-dados-familia-codigo {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 2rem;
font-size: 1rem;
font-weight: normal;
color: #73706e;
}
.meus-dados-familia-obs {
font-size: 0.75rem;
color: #FF6200;
}
.meus-dados-familia-carteirinha {
text-align: right;
font-size: 1rem;
font-weight: bold;
color: #000066;
}
@media only screen and (max-width:1200px) {
.meus-dados-familia-carteirinha {
margin-top: 1rem;
text-align: center;
}
.meus-dados-familia-carteirinha-lista {
margin-top: 1rem;
text-align: center;
}
}
.meus-dados-familia-carteirinha-lista {
text-align: left;
font-size: 1rem;
font-weight: bold;
color: #000066;
}
.meus-dados-familia-carteirinha-lista img {
vertical-align: middle;
}
.meus-dados-familia-carteirinha img {
vertical-align: middle;
}
.meus-dados-familia-remover {
text-align: right;
font-size: 0.875rem;
font-weight: bold;
color: #FF6200;
}
@media only screen and (max-width:1200px) {
.meus-dados-familia-remover {
margin-top: 1rem;
text-align: center;
}
}
.meus-dados-familia-remover img {
vertical-align: middle;
}
.meus-dados-familia-divisao {
margin-top: 20px;
margin-bottom: 30px;
}
.meus-dados-base-tabela {
overflow-x: auto;
}
.meus-dados-tabela {
width: 100%;
max-width: 100%;
height: auto;
margin-top: 30px;
margin-bottom: 30px;
border-collapse: collapse;
}
@media only screen and (max-width:1200px) {
.meus-dados-tabela {
width: 90%;
}
}
.meus-dados-tabela td {
width: auto;
height: 70px;
padding-left: 10px;
padding-right: 10px;
position: relative;
border: 0.5px solid #a7a7a7;
color: #73706e;
}
.meus-dados-tabela td.darkish_blue {
color: #000066;
font-weight: bold;
}
.meus-dados-tabela td button {
margin-left: 1rem;
vertical-align: middle;
}
.meus-dados-imprimir-cancelamento {
position: absolute;
top: 0;
right: 0;
}
.breadcrum-voltar {
height: auto;
display: inline-block;
margin-left: 1rem;
margin-bottom: 1rem;
color: #FF6200;
text-decoration: none;
font-size: 0.825rem;
font-weight: bold;
position: relative;
}
@media only screen and (max-width:1200px) {
.breadcrum-voltar {
font-size: 0.625rem;
}
}
.breadcrum-voltar::before {
content: url('data:image/svg+xml; utf8, ');
width: 5px;
height: auto;
display: block;
position: absolute;
top: 0;
left: -1rem;
}
.breadcrum-voltar:hover {
text-decoration: underline;
}
#ver-carteirinha {
background-color: #eae9e9;
}
#ver-carteirinha .modal-miolo-conteudo {
width: 100% !important;
}
.carteirinha-base {
width: 835px;
padding-bottom: 5px;
}
@media only screen and (max-width:1200px) {
.carteirinha-base .resultado-da-busca-filtro-ordenar {
top: 1.594rem;
}
.carteirinha-base .lista-lateral-box-sem-seta {
line-height: 3.875rem;
}
}
.carteirinha-pra-girar {
width: 480px;
width: 482px;
height: 310px;
height: 312px;
transform-style: preserve-3d;
position: relative;
border: 1px solid #C0C0C0;
border-radius: 15px;
}
@media only screen and (max-width:1200px) {
.carteirinha-pra-girar {
width: 290px;
width: 292px;
height: 187px;
height: 189px;
}
}
.carteirinha-pra-imprimir {
width: 960px;
height: 310px;
position: relative;
}
@media only screen and (max-width:1200px) {
.carteirinha-pra-imprimir {
width: 960px;
height: 310px;
}
}
.carteirinha-frente,
.carteirinha-verso {
width: 480px;
height: 310px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: visible;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
transition: 0.5s ease-out;
background-color: #fff;
position: absolute;
border-radius: 15px;
}
@media only screen and (max-width:1200px) {
.carteirinha-frente,
.carteirinha-verso {
width: 290px;
height: 187px;
}
}
.carteirinha-frente {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
transform: rotateY(180deg);
}
.carteirinha-pra-girar.applyflip .carteirinha-frente {
-webkit-backface-visibility: visible;
backface-visibility: visible;
backface-visibility: visible;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-o-backface-visibility: visible;
-ms-backface-visibility: visible;
transform: rotateY(0);
}
.carteirinha-pra-girar.applyflip .carteirinha-verso {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
transform: rotateY(180deg);
}
.carteirinha-pra-imprimir .carteirinha-frente {
position: absolute;
top: 0;
left: 480px;
-webkit-backface-visibility: visible;
backface-visibility: visible;
transform: none;
}
.carteirinha-faixa-logo-texto {
width: auto;
height: 15.16129032%; /* 47 / 310 = 0,1516129032 */
position: absolute;
top: 7.096774194%; /* 22 / 310 = 0,07096774194 */
left: 7.916666667%; /* 38 / 480 = 0,07916666667 */
}
.carteirinha-faixa-logo-logo {
width: auto;
height: 15.16129032%; /* 47 / 310 = 0,1516129032 */
height: 9.161%; /* 47 / 310 = 0,1516129032 */
position: absolute;
top: 7.096774194%; /* 22 / 310 = 0,07096774194 */
top: 11.096774194%; /* 22 / 310 = 0,07096774194 */
right: 9.375%; /* 45 / 480 = 0,09375 */
right: 4.375%;
}
.carteirinha-faixa-azul-claro {
width: 62.08333333%; /* 298 / 480 = 0,6208333333 */
height: 61.61290323%; /* 191 / 310 = 0,6161290323 */
position: absolute;
top: 0;
left: 0;
}
.carteirinha-faixa-azul-escuro {
width: 26.66666667%; /* 128 / 480 = 0,2666666667 */
height: 19.67741935%; /* 61 / 310 = 0,1967741935 */
position: absolute;
bottom: 0;
right: 0;
}
.carteirinha-faixa-laranja {
width: 60.20833333%; /* 289 / 480 = 0,6020833333 */
height: 19.67741935%; /* 61 / 310 = 0,1967741935 */
position: absolute;
bottom: 0;
left: 0;
}
.carteirinha-faixa-ans {
width: 20.625%; /* 99 / 480 = 0,20625 */
height: 6.129032258%; /* 19 / 310 = 0,06129032258 */
position: absolute;
bottom: 5.161290323%; /* 16 / 310 = 0,05161290323 */
right: 2.083333333%; /* 10 / 480 = 0,02083333333 */
}
.carteirinha-nome-frente {
width: calc(100% - 84px);
/* height: auto; */
height: 48px;
position: absolute;
/* top: 70%; */ /* 217 / 310 = 0,7 */
top: 63%;
left: 8.75%; /* 42 / 480 = 0,0875 */
font-size: 1rem;
text-transform: uppercase;
color: #231f20;
font-weight: 300;
text-align: left;
}
.carteirinha-nome-frente-miolo {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
@media only screen and (max-width:1200px) {
.carteirinha-nome-frente {
/* width: 82,5%; */
height: 37px;
top: 61%;
font-size: 11px;
}
}
.carteirinha-verso-titulo {
font-size: 12px;
color: #000066;
font-weight: 300;
}
@media only screen and (max-width:1200px) {
.carteirinha-verso-titulo {
font-size: 8px;
}
}
.carteirinha-verso-dado {
font-size: 13px;
color: #000000;
font-weight: bold;
}
@media only screen and (max-width:1200px) {
.carteirinha-verso-dado {
font-size: 8px;
}
}
.carteirinha-verso-titulo-numero {
width: auto;
height: auto;
position: absolute;
top: 42.25806452%; /* 131 / 310 = 0,4225806452 */
left: 7.916666667%; /* 38 / 480 = 0,07916666667 */
}
.carteirinha-verso-titulo-plano {
width: auto;
height: auto;
position: absolute;
top: 42.25806452%; /* 131 / 310 = 0,4225806452 */
left: 46.25%; /* 222 / 480 = 0,4625 */
left: 42.25%; /* 222 / 480 = 0,4625 */
}
.carteirinha-verso-titulo-acomodacao {
width: auto;
height: auto;
position: absolute;
top: 42.25806452%; /* 131 / 310 = 0,4225806452 */
left: 71.45833333%; /* 343 / 480 = 0,7145833333 */
}
.carteirinha-verso-dado-numero {
width: auto;
height: auto;
position: absolute;
top: 47.74193548%; /* 148 / 310 = 0,4774193548 */
left: 7.916666667%; /* 38 / 480 = 0,07916666667 */
}
.carteirinha-verso-dado-plano {
width: auto;
height: auto;
position: absolute;
top: 47.74193548%; /* 148 / 310 = 0,4774193548 */
left: 46.25%; /* 222 / 480 = 0,4625 */
left: 42.25%; /* 222 / 480 = 0,4625 */
}
.carteirinha-verso-dado-acomodacao {
width: auto;
height: auto;
position: absolute;
top: 47.74193548%; /* 148 / 310 = 0,4774193548 */
left: 71.45833333%; /* 343 / 480 = 0,7145833333 */
}
.carteirinha-verso-titulo-validade {
width: auto;
height: auto;
position: absolute;
top: 62.90322581%; /* 195 / 310 = 0,6290322581 */
left: 7.916666667%; /* 38 / 480 = 0,07916666667 */
}
.carteirinha-verso-titulo-adicional {
width: auto;
height: auto;
position: absolute;
top: 62.90322581%; /* 195 / 310 = 0,6290322581 */
left: 22.375%; /* 117 / 480 = 0,24375 */
}
.carteirinha-verso-dado-validade {
width: auto;
height: auto;
position: absolute;
top: 68.70967742%; /* 213 / 310 = 0,6870967742 */
left: 7.916666667%; /* 38 / 480 = 0,07916666667 */
}
.carteirinha-verso-dado-adicional {
width: auto;
height: auto;
position: absolute;
top: 68.70967742%; /* 213 / 310 = 0,6870967742 */
left: 22.375%; /* 117 / 480 = 0,24375 */
}
.carteirinha-verso-contato {
width: 64.51612903%; /* 200 / 310 = 0,6451612903 */
height: auto;
position: absolute;
top: 62.90322581%; /* 195 / 310 = 0,6290322581 */
left: 59.58333333%; /* 286 / 480 = 0,5958333333 */
left: 56.58333333%; /* 286 / 480 = 0,5958333333 */
font-size: 10px;
font-weight: 300;
color: #000066;
text-align: left;
}
@media only screen and (max-width:1200px) {
.carteirinha-verso-contato {
font-size: 6px;
}
}
.carteirinha-verso-contato div {
margin-bottom: 2.580645161%; /* 8 / 310 = 0,02580645161 */
}
.carteirinha-verso-url {
width: auto;
height: auto;
position: absolute;
bottom: 7.096774194%; /* 22 / 310 = 0,07096774194 */
left: 7.916666667%; /* 38 / 480 = 0,07916666667 */
font-weight: 300;
font-size: 14px;
color: #FF6200;
}
@media only screen and (max-width:1200px) {
.carteirinha-verso-url {
font-size: 10px;
}
}
.carteirinha-verso-tel {
width: auto;
height: auto;
position: absolute;
bottom: 7.096774194%; /* 22 / 310 = 0,07096774194 */
right: 8.75%; /* 42 / 480 = 0,0875 */
font-size: 14px;
font-weight: 300;
color: #000066;
right: auto;
left: 56.58333333%; /* 286 / 480 = 0,5958333333 */
font-size: 10px;
font-weight: 300;
color: #000066;
text-align: left;
}
@media only screen and (max-width:1200px) {
.carteirinha-verso-tel {
font-size: 10px;
}
}
.carteirinha-botoes {
margin-top: 1rem;
text-align: center;
}
@media only screen and (max-width:1200px) {
.carteirinha-botoes {
text-align: left;
}
.carteirinha-botoes .botao-laranja-com-imagem {
text-align: center;
}
}
.carteirinha-acao {
display: block;
margin-bottom: 8px;
font-size: 1rem;
font-weight: 500;
color: #FF6200;
text-decoration: none;
}
@media only screen and (max-width:1200px) {
.carteirinha-acao {
display: inline-block;
margin-right: 1rem;
}
}
.carteirinha-acao img {
vertical-align: middle;
margin-right: 8px;
}
.carteirinha-impressao {
width: 960px;
height: 310px;
transform-style: preserve-3d;
position: relative;
}
.carteirinha-impressao .carteirinha-frente {
left: 480px;
}
.componente-cadastral {
width: 100%;
max-width: 100%;
height: auto;
padding: 76px 0;
background-color: #eae9e9;
}
.componente-cadastral h2 {
margin: 0 0 34px 0;
padding: 0;
font-size: 1.75rem;
font-weight: 900;
color: #252220;
}
.permissao-lgpd h2 {
padding: 0;
font-size: 1.75rem;
font-weight: 900;
color: #252220;
}
.permissao-lgpd .meus-dados-enderecos-card-titulo {
margin-bottom: 9px;
}
.lgpd-abrir-dados {
width: 130px;
height: 100%;
position: absolute;
top: 0;
right: 40px;
}
@media only screen and (max-width:1200px) {
.lgpd-abrir-dados {
width: 100%;
max-width: 100%;
height: auto;
position: relative;
top: auto;
right: auto;
}
}
.lgpd-abrir-miolo {
width: 100%;
max-width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-weight: bold;
font-size: 16px;
color: #FF6200;
}
@media only screen and (max-width:1200px) {
.lgpd-abrir-miolo {
position: relative;
top: auto;
left: auto;
transform: none;
}
.lgpd-abrir-miolo .box-input-switch {
display: inline-block;
}
}
@media only screen and (max-width:1200px) {
.componente-cadastral h2 {
margin-bottom: 0;
font-size: 1.25rem;
}
}
.componente-cadastral-box {
width: 100%;
max-width: 100%;
height: auto;
padding: 1rem;
background-color: #fff;
-webkit-box-shadow: 0px 0px 20px 0px #4c1e2430;
-moz-box-shadow: 0px 0px 20px 0px #4c1e2430;
box-shadow: 0px 0px 20px 0px #4c1e2430;
border-radius: 8px;
}
@media only screen and (max-width:1200px) {
.componente-cadastral-box {
margin-top: 1rem;
margin-bottom: 40px;
}
}
.componente-cadastral-box-titulo {
margin-bottom: 14px;
font-size: 1.125rem;
font-weight: bold;
color: #000066;
}
.componente-cadastral-box-descricao {
font-size: 1rem;
font-weight: 100;
color: #252220;
line-height: 1.5rem;
}
/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/
.faixa-superior-mobile {
width: 100%;
max-width: 100%;
height: 50px;
padding-top: 3px;
background-color: #fff;
border-bottom: 1px solid #eae9e9;
position: fixed;
top: 0;
left: 0;
z-index: 200;
/*height: 150px;*/
body{
padding-top: 70px;
}
}
.mobile-marca-itausaude {
width: auto;
height: 30px;
margin: 6px 0 6px 0;
}
.mobile-marca-itau {
width: auto;
height: 30px;
margin-top: 6px;
}
.mobile-usuario {
width: auto;
height: 20px;
margin: 13px 1rem 0 0;
}
.mobile-menu {
width: auto;
height: 1rem;
margin: 17px 0 0 0;
margin-right: 10px;
cursor: pointer;
}
.faixa-menu-mobile {
width: 100%;
max-width: 100%;
height: 100%;
background-color: #fff;
overflow-y: auto;
position: fixed;
z-index: 50;
display: none;
}
.faixa-menu-mobile .busca {
width: 100%;
max-width: 100%;
height: 84px;
position: relative;
border-bottom: 1px solid #eae9e9;
padding: 0 1rem;
text-align: left;
line-height: 84px;
}
.faixa-menu-mobile .busca img {
vertical-align: middle;
}
.faixa-menu-mobile .busca input {
width: auto;
max-width: 100%;
height: 84px;
background-color: transparent;
line-height: 84px;
}
.navigation-menu-list-mobile {
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.navigation-menu-list-mobile li {
width: auto;
min-height: 64px;
list-style: none;
margin: 0;
position: relative;
border-bottom: 1px solid #eae9e9;
line-height: 64px;
}
.navigation-menu-list-mobile a {
padding-left: 14px;
text-decoration: none;
}
.navigation-menu-list0-item a {
width: 100%;
max-width: 100%;
display: block;
position: relative;
color: #000066;
font-weight: bold;
font-size: 1.125rem;
}
.navigation-menu-list0-item a.navigation-tem-submenu::after {
content: url('../content/img/chevron.svg');
width: 1rem;
height: auto;
position: absolute;
right: 1rem;
}
.navigation-menu-list0-item a.navigation-tem-submenu-clicado::after {
content: url('../content/img/chevron_up.svg');
}
.navigation-menu-list0-item ul li a.navigation-tem-submenu::after {
content: url('../content/img/mais.svg');
}
.navigation-menu-list0-item ul li a.navigation-tem-submenu-clicado::after {
content: url('../content/img/menos.svg');
}
.navigation-menu-list0-item ul {
display: none;
}
.navigation-menu-list0-item ul li:last-child {
border-bottom: none;
}
.navigation-menu-list0-item ul li a {
color: #FF6200;
}
.navigation-menu-list0-item ul li ul li.navigation-menu-list1-item {
margin-left: -37px;
line-height: normal;
position: relative;
}
.navigation-menu-list0-item ul li ul li.navigation-menu-list1-item a {
color: #252220;
font-weight: normal;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.menu-mobile-rodape {
width: 100%;
max-width: 100%;
height: 50px;
background-color: #FF6200;
color: #fff;
line-height: 50px;
}
/*--------------------------------------------------------------
# Bem estar
--------------------------------------------------------------*/
.bem-estar-topo {
width: 100%;
max-width: 100%;
/* height: 737px; */
height: auto;
background-color: #168ed0;
color: #fff;
position: re;
}
.bem-estar-chamada-card {
width: 100%;
max-width: 100%;
height: auto;
padding: 2.5rem 0;
}
@media only screen and (max-width:1200px) {
.bem-estar-chamada-card {
margin: 2rem 0 0 0;
padding-bottom: 1rem;
}
}
.bem-estar-chamada-card-titulo {
position: relative;
}
@media only screen and (max-width:1200px) {
.bem-estar-chamada-card-titulo {
margin: 1rem 0 0 0;
}
}
.bem-estar-chamada-card-titulo-linha1 {
font-size: 2.5rem;
color: #fff;
}
.bem-estar-chamada-card-titulo-linha2 {
font-size: 2.5rem;
font-weight: 900;
color: #fff;
}
@media only screen and (max-width:1200px) {
.bem-estar-chamada-card-titulo-linha1,
.bem-estar-chamada-card-titulo-linha2 {
font-size: 1.25rem;
display: inline-block;
}
.bem-estar-chamada-card-titulo-linha2 {
margin-left: 1rem;
}
}
.bem-estar-chamada-card-compartilhar {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
@media only screen and (max-width:1200px) {
.bem-estar-chamada-card-compartilhar {
top: auto;
transform: none;
bottom: -1.5rem;
}
}
.bem-estar-chamada-card-compartilhar img {
vertical-align: middle;
margin-right: 0.5rem;
}
.bem-estar-chamada-card-compartilhar-texto:hover {
text-decoration: underline;
}
@media only screen and (max-width:1200px) {
.bem-estar-chamada-card-compartilhar-texto {
display: none;
}
}
.bem-estar-chamada-card-infos {
font-size: 1.125rem;
color: #fff;
}
@media only screen and (max-width:1200px) {
.bem-estar-chamada-card-infos {
margin-bottom: 10px;
}
}
.bem-estar-chamada-card-data {
display: none;
}
@media only screen and (max-width:1200px) {
.bem-estar-chamada-card-data {
display: block;
}
}
.bem-estar-topo .bem-estar-chamada-card-data {
display: inline-block;
padding-right: 1rem;
margin-right: 1rem;
margin-top: 1rem;
border-right: 1px solid #fff;
}
@media only screen and (max-width:1200px) {
.bem-estar-chamada-card-data {
display: inline-block;
font-size: 0.625rem;
padding-right: 1rem;
margin-right: 1rem;
border-right: 1px solid #fff;
}
}
@media only screen and (max-width:1200px) {
.bem-estar-topo .bem-estar-chamada-card-data {
margin-top: 0;
}
}
.bem-estar-chamada-card-autor {
display: none;
}
.bem-estar-topo .bem-estar-chamada-card-autor {
display: inline-block;
}
@media only screen and (max-width:1200px) {
.bem-estar-chamada-card-autor {
display: inline-block;
font-size: 0.625rem;
}
}
.bem-estar-chamada-card-resumo {
font-size: 1.125rem;
}
@media only screen and (max-width:1200px) {
.bem-estar-chamada-card-resumo {
padding-top: 18px;
border-top: 1px solid #fff;
font-size: 0.875rem;
}
}
.bem-estar-busca-mobile {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.bem-estar-busca-mobile .bem-estar-pesquisar {
width: 100%;
max-width: 100%;
height: auto;
}
.bem-estar-busca-mobile .busca-vazado-branco,
.bem-estar-busca-mobile input {
height: 35px;
font-size: 0.75rem;
}
.bem-estar-busca {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #fff;
}
.bem-estar-busca-destaque {
font-size: 0.875rem;
color: #fff;
font-weight: normal;
letter-spacing: 1.31px;
text-transform: uppercase;
}
.bem-estar-busca .bem-estar-pesquisar {
width: 100%;
max-width: 100%;
height: auto;
}
.bem-estar-filtro {
width: 100%;
max-width: 100%;
height: auto;
}
@media only screen and (max-width:1200px) {
.bem-estar-filtro {
text-align: right;
}
}
.bem-estar-filtro-filtrar {
width: auto;
height: auto;
position: absolute;
top: 2rem;
padding: 0;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
background-color: #fff;
display: none;
z-index: 200;
}
.bem-estar-principal-foto {
width: 100%;
max-width: 100%;
height: 480px;
padding: 10px 10px 0 10px;
background: #fff;
border-radius: 20px 20px 0 0;
}
@media only screen and (max-width:1200px) {
.bem-estar-principal-foto {
height: 270px;
}
}
.bem-estar-principal-foto-miolo {
width: 100%;
max-width: 100%;
height: 480px;
background-size: cover;
background-position: top center;
border-radius: 20px 20px 0 0;
}
@media only screen and (max-width:1200px) {
.bem-estar-principal-foto-miolo {
height: 260px;
}
}
.bem-estar-corpo {
width: 100%;
max-width: 100%;
height: auto;
padding-bottom: 6rem;
}
.bem-estar-imagem-destaque {
width: 100%;
max-width: 100%;
height: 500px;
background-size: cover;
background-position: top center;
}
@media only screen and (max-width:1200px) {
.bem-estar-imagem-destaque {
height: 190px;
}
}
.bem-estar-materia01-card {
width: 100%;
max-width: 100%;
height: 100%;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
background-color: #fff;
border-radius: 20px;
position: relative;
}
.bem-estar-materia01a-card {
width: auto;
height: auto;
box-shadow: 0px 4px 10px rgba(76,0,0,0.3);
background-color: #fff;
border-radius: 5px;
position: relative;
margin: 1rem auto;
padding: 5px 1rem;
display: inline-block;
}
.bem-estar-materia01a-card img {
vertical-align: middle;
}
.bem-estar-materia01-card-imagem {
width: 100%;
max-width: 100%;
height: 270px;
background-size: cover;
background-position: top center;
border-radius: 20px 20px 0 0;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia01-card-imagem {
height: 122px;
}
}
.bem-estar-materia01-card-corpo {
width: calc(100% - 20px);
margin-left: 10px;
margin-bottom: 2rem;
padding: 1rem;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
background-color: #fff;
border-radius: 0 0 20px 20px;
}
.bem-estar-materia-card-chapeu {
width: auto;
height: auto;
color: #000066;
font-size: 0.875rem;
}
.bem-estar-materia01-card-secao {
width: auto;
height: auto;
display: inline-block;
font-weight: bold;
line-height: 10px;
font-size: 0.75rem;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia01-card-secao {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
}
.bem-estar-materia01-card-secao img {
width: auto;
height: 30px;
margin-left: 0.5rem;
margin-right: 0.5rem;
vertical-align: bottom;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia01-card-secao img {
height: 20px;
margin-right: 0.5rem;
}
}
.bem-estar-materia01-card-data {
width: auto;
height: auto;
display: inline-block;
margin-left: 1rem;
padding-left: 1rem;
border-left: 1px solid #000066;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia01-card-data {
display: none;
}
}
.bem-estar-materia-card-titulo {
margin: 1rem 0;
color: #000066;
font-size: 1.375rem;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia-card-titulo {
margin: 0.5rem 0;
font-size: 0.875rem;
}
}
.bem-estar-materia-card-resumo {
margin-top: 1rem;
font-weight: 100;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia-card-resumo {
display: none;
}
}
.bem-estar-materia02-card {
width: 70%;
height: 100%;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
background-color: #fff;
border-radius: 20px;
margin: 0 auto;
padding: 16px;
text-align: center;
color: #003390;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia02-card {
width: 100%;
max-width: 100%;
}
}
.bem-estar-materia02-card-imagem {
width: 100%;
max-width: 100%;
height: 200px;
background-size: cover;
background-position: top center;
border-radius: 20px 20px 0 0;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia02-card-imagem {
height: 122px;
}
}
.bem-estar-materia02-card-data {
display: none;
}
.bem-estar-materia03-card {
width: 100%;
max-width: 100%;
height: 350px;
box-shadow: 0px 8px 10px rgba(76,0,0,0.3);
background-color: #fff;
border-radius: 20px;
position: relative;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia02-destaque {
height: 170px;
position: relative;
}
.bem-estar-materia03-card {
height: 170px;
}
}
.bem-estar-materia03-card-imagem {
width: 50%;
height: 350px;
background-size: cover;
background-position: top center;
border-radius: 20px 0 0 20px;
display: inline-block;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia02-destaque .bem-estar-materia02-card-imagem {
width: 50%;
height: 170px;
background-size: cover;
background-position: top center;
border-radius: 20px 0 0 20px;
display: inline-block;
}
.bem-estar-materia03-card-imagem {
height: 170px;
}
}
.bem-estar-materia-card-texto {
width: 100%;
max-width: 100%;
height: auto;
padding: 1rem 2rem 1.5rem 2rem;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia-card-texto {
padding: 1rem 0.9rem;
}
}
.bem-estar-materia03-card-texto {
width: 50%;
height: auto;
padding: 1rem 2rem 1.5rem 2rem;
position: absolute;
right: 0;
top: 3rem;
}
@media only screen and (max-width:1200px) {
.bem-estar-materia02-destaque .bem-estar-materia-card-texto {
width: 50%;
height: auto;
padding: 1rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.bem-estar-materia03-card-texto {
padding: 1rem;
}
}
.bem-estar-secao {
width: 100%;
max-width: 100%;
height: auto;
margin: 3rem 0 2rem 0;
padding-bottom: 1rem;
border-bottom: 1px solid #a7a7a7;
position: relative;
color: #252220;
font-size: 0.875rem;
text-transform: uppercase;
}
.bem-estar-secao img {
width: auto;
height: 40px;
margin-right: 1rem;
vertical-align: bottom;
}
.bem-estar-ver-todas {
width: auto;
height: auto;
display: inline-block;
color: #FF6200;
font-weight: bold;
font-size: 1rem;
position: absolute;
bottom: 1rem;
right: 0;
text-transform: none;
cursor: pointer;
}
.bem-estar-ver-todas::before {
content: url('../content/img/mais.svg');
width: 20px;
height: 20px;
position: absolute;
left: -1.5rem;
}
.bem-estar-ver-todas:hover {
text-decoration: underline;
}
.bem-estar-corpo-noticia {
margin-bottom: 3rem;
padding-top: 2rem;
font-size: 1.125rem;
line-height: 30px;
}
@media only screen and (max-width:1200px) {
.bem-estar-corpo-noticia {
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}
.bem-estar-corpo-veja-mais-noticia {
margin-bottom: 0;
}
@media only screen and (max-width:1200px) {
.bem-estar-corpo-veja-mais-noticia {
margin-top: 20px;
}
.bem-estar-corpo-veja-mais-noticia .bem-estar-materia02-card {
height: 170px;
position: relative;
}
.bem-estar-corpo-veja-mais-noticia .bem-estar-materia02-card-imagem {
width: 50%;
height: 170px;
background-size: cover;
background-position: top center;
border-radius: 20px 0 0 20px;
display: inline-block;
}
.bem-estar-corpo-veja-mais-noticia .bem-estar-materia-card-texto {
width: 50%;
height: auto;
padding: 1rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
}
.bem-estar-chamada-card-compartilhar-redes {
width: auto;
height: auto;
background-color: #fff;
padding: 0.3rem;
position: absolute;
top: 73px;
right: 0;
display: none;
}
.bem-estar-chamada-card-compartilhar-redes::after {
content: '';
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff;
position: absolute;
top: -15px;
left: 50px;
}
.bem-estar-chamada-card-compartilhar-redes-icone {
width: 34px;
height: 34px;
display: inline-block;
vertical-align: middle;
margin-right: 0.3rem;
background-color: #FF6200;
border-radius: 17px;
cursor: pointer;
}
.bem-estar-chamada-card-compartilhar-redes-icone img {
width: 20px;
height: 20px;
margin-left: 7px;
margin-top: 7px;
}
.bem-estar-foto-direita {
width: auto;
height: auto;
max-height: 280px;
float: right;
margin-right: -100px;
margin-left: 2rem;
}
.bem-estar-foto-esquerda {
width: auto;
height: auto;
max-height: 280px;
float: left;
margin-left: -100px;
margin-right: 2rem;
}
@media only screen and (max-width:1200px) {
.bem-estar-foto-esquerda,
.bem-estar-foto-direita {
width: 100%;
max-width: 100%;
height: auto;
max-height: none;
float: none;
margin-right: 0;
margin-left: 0;
}
}
/*--------------------------------------------------------------
# Admin
--------------------------------------------------------------*/
.admin-titulo {
width: 100%;
max-width: 100%;
height: auto;
padding-bottom: 4rem;
border-bottom: 1px solid #a7a7a7;
}
.modal-admin .admin-titulo {
padding-left: 4rem;
padding-right: 4rem;
}
@media only screen and (max-width:1200px) {
.admin-titulo {
padding-bottom: 1rem;
}
.modal-admin .admin-titulo {
padding-left: 1rem;
padding-right: 1rem;
}
}
.admin-titulo-linha1 {
color: #73706e;
}
.admin-titulo-linha2 {
color: #000066;
font-size: 2.5rem;
font-weight: bold;
}
@media only screen and (max-width:1200px) {
.admin-titulo-linha2 {
font-size: 1.625rem;
}
}
.admin-titulo-linha2 img {
width: auto;
height: 2.5rem;
}
.admin-campos {
width: 100%;
max-width: 100%;
height: auto;
max-height: 450px;
overflow-y: auto;
overflow-x: hidden;
}
.admin-bem-estar-card {
width: 100%;
max-width: 100%;
height: auto;
min-height: 97px;
padding: 1rem 0 0 0;
}
.admin-bem-estar-card .row {
padding-bottom: 1rem;
border-bottom: 1px solid #a7a7a7;
}
.modal-miolo .admin-bem-estar-card {
padding-left: 4rem;
padding-right: 4rem;
}
@media only screen and (max-width:1200px) {
.modal-miolo .admin-bem-estar-card {
padding-left: 1rem;
padding-right: 1rem;
}
}
.admin-bem-estar-card-ativo {
background-color: #eae9e9;
}
.admin-bem-estar-card-arraste {
width: 33px;
height: 100%;
display: inline-block;
padding-top: 18px;
}
.admin-bem-estar-card-arraste img {
width: 17px;
height: auto;
}
.admin-bem-estar-card-texto {
width: calc(100% - 38px);
height: 100%;
display: inline-block;
vertical-align: top;
}
.admin-bem-estar-card-destaque {
color: #000066;
font-size: 0.75rem;
font-weight: bold;
}
.admin-bem-estar-card-titulo {
margin: 0.5rem 0;
color: #252220;
font-weight: bold;
font-size: 1.125rem;
}
.admin-bem-estar-card-data {
color: #252220;
font-size: 0.75rem;
}
.admin-bem-estar-card-excluir-mobile {
display: none;
}
@media only screen and (max-width:1200px) {
.admin-bem-estar-card-excluir-mobile {
display: block;
position: absolute;
top: 0;
right: 2rem;
}
}
.admin-bem-estar-card-acao img {
vertical-align: super;
margin-left: 1rem;
}
.admin-bem-estar-adicionar {
margin-top: 18px;
margin-bottom: 1rem;
color: #FF6200;
font-weight: bold;
}
.admin-bem-estar-adicionar img {
width: 26px;
height: auto;
margin-right: 1rem;
vertical-align: middle;
}
.admin-campos-bem-estar {
margin-top: 3rem;
}
@media only screen and (max-width:1200px) {
.admin-campos-bem-estar {
margin-top: 2rem;
}
.admin-campos-bem-estar .box-input input[type="text"],
.admin-campos-bem-estar .box-input input[type="date"],
.admin-campos-bem-estar .box-input input[type="email"],
.admin-campos-bem-estar .box-input input[type="password"],
.admin-campos-bem-estar .box-input textarea {
margin-bottom: 0;
}
}
.admin-bem-estar-banner-card {
width: 100%;
max-width: 100%;
height: auto;
min-height: 97px;
padding: 2rem 0 1rem 0;
border-bottom: 1px solid #a7a7a7;
}
.admin-bem-estar-banner-card-arraste {
width: 33px;
height: 100%;
display: inline-block;
vertical-align: top;
}
.admin-bem-estar-banner-card-arraste img {
width: 17px;
height: auto;
}
.admin-bem-estar-banner-card-texto {
width: calc(100% - 38px);
height: 100%;
display: inline-block;
vertical-align: top;
}
.admin-bem-estar-banner-card-destaque {
color: #252220;
font-size: 1.125rem;
font-weight: bold;
}
.admin-bem-estar-banner-card-data {
color: #252220;
font-size: 0.75rem;
}
@media only screen and (max-width:1200px) {
.admin-bem-estar-banner-card-data {
margin-bottom: 1rem;
}
}
.admin-bem-estar-banner-card-excluir-mobile {
display: none;
}
@media only screen and (max-width:1200px) {
.admin-bem-estar-banner-card-excluir-mobile {
display: block;
position: absolute;
top: 0;
right: 2rem;
}
}
.admin-bem-estar-banner-card-acao {
width: 100%;
max-width: 100%;
text-align: right;
}
@media only screen and (max-width:1200px) {
.admin-bem-estar-banner-card-acao {
text-align: left;
}
}
.admin-bem-estar-banner-card-acao img {
vertical-align: super;
margin-left: 1rem;
}
.admin-bem-estar-banner-card .admin-bem-estar-adicionar {
margin-top: 6px;
}
.admin-filtros-titulo {
margin-right: 30px;
}
.admin-filtros .box-input-checar-radio {
margin-bottom: 0;
margin-right: 30px;
}
@media only screen and (max-width:1200px) {
.admin-filtros label {
margin-top: 0.5rem;
}
.admin-excluir {
margin-top: 2rem;
}
}
.admin-botoes-publicar {
text-align: right;
}
@media only screen and (max-width:1200px) {
.admin-botoes-publicar {
text-align: left;
}
}
.admin-documento-card {
width: 100%;
max-width: 100%;
height: auto;
min-height: 97px;
padding: 1.4rem 0 1rem 0;
border-bottom: 1px solid #a7a7a7;
}
.admin-documento-card-arraste {
width: 33px;
height: 100%;
display: inline-block;
vertical-align: top;
}
.admin-documento-card-arraste img {
width: 17px;
height: auto;
}
.admin-documento-card-texto {
width: calc(100% - 38px);
height: 100%;
display: inline-block;
vertical-align: top;
}
.admin-documento-card-nome {
padding-top: 4px;
margin-bottom: -4px;
color: #252220;
font-size: 1.125rem;
font-weight: bold;
}
.admin-documento-card-nome input.input-de-linha {
padding-left: 0;
color: #FF6200;
margin-bottom: 10px;
}
.admin-documento-card-nome-sem-edicao {
border-bottom: 1px solid #a7a7a7;
margin-bottom: 6px;
}
.admin-documento-card-data {
color: #252220;
font-size: 0.75rem;
}
@media only screen and (max-width:1200px) {
.admin-documento-card-data {
margin-bottom: 1rem;
}
}
.admin-documento-card-excluir-mobile {
display: none;
}
@media only screen and (max-width:1200px) {
.admin-documento-card-excluir-mobile {
display: block;
position: absolute;
top: -12px;
right: 2rem;
}
}
.admin-documento-card-editar {
width: 100%;
max-width: 100%;
height: auto;
padding-top: 5px;
font-size: 1rem;
}
@media only screen and (max-width:1200px) {
.admin-documento-card-editar {
position: absolute;
top: 0;
right: 30px;
padding-top: 0;
text-align: right;
font-size: 0.875rem;
z-index: 100;
}
}
.admin-documento-card-editar a {
text-decoration: none;
}
.admin-documento-card-editar a:hover {
text-decoration: underline;
}
.admin-documento-card-acao {
display: inline-block;
height: 30px;
text-align: right;
vertical-align: middle;
color: #168ed0;
font-size: 1rem;
}
.admin-documento-card-acao img {
vertical-align: super;
margin-left: 1rem;
}
.admin-documento-card-acao .negrito {
padding-left: 1rem;
}
.admin-obs-imagens {
color: #FF6200;
font-size: 0.675rem;
}
@media only screen and (max-width:1200px) {
.admin-obs-imagens {
padding-top: 1rem;
}
}
.icone-limpar-campo, .icone-limpar-campo-cid {
border: 1px solid transparent;
background-color: transparent;
display: inline-block;
vertical-align: middle;
outline: 0;
cursor: pointer;
}
.icone-limpar-campo:after, .icone-limpar-campo-cid:after {
content: url('../content/img/icone_menu_fechar.svg');
display: block;
width: 25px;
height: 25px;
position: absolute;
z-index: 1;
right: 25px;
top: 17px;
padding: 2px;
cursor: pointer;
}
.inputPrestador {
background-color: #deebf7 !important;
}
.inputDesabilitado {
background-color: #f6f6f6 !important;
}
.consulta-calculo-previo-card-cancelado::before {
content: '';
width: 5px;
height: 166px;
background-color: #a7a7a7;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-calculo-previo-card-cancelado::before {
content: '';
height: 100%;
}
}
.consulta-calculo-previo-card-devolvido::before {
content: '';
width: 5px;
height: 166px;
background-color: #ec0000;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-calculo-previo-card-devolvido::before {
content: '';
height: 100%;
}
}
.consulta-calculo-previo-card-concluido::before {
content: '';
width: 5px;
height: 166px;
background-color: #16d045;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-calculo-previo-card-concluido::before {
content: '';
height: 100%;
}
}
.consulta-calculo-previo-card-emanalise::before {
content: '';
width: 5px;
height: 166px;
background-color: #168ed0;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-calculo-previo-card-emanalise::before {
content: '';
height: 100%;
}
}
.consulta-calculo-previo-card-pendente::before {
content: '';
width: 5px;
height: 166px;
background-color: #FF6200;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width:1200px) {
.consulta-calculo-previo-card-pendente::before {
content: '';
height: 100%;
}
}
@media only screen and (max-width:1200px) {
.detalhes-historico .botao-laranja {
margin-top: 40px;
}
}
.detalhes-coberturas {
overflow: hidden;
}
#ver-historico {
min-width: 75%;
}
.overflow {
z-index: inherit !important;
overflow: visible !important;
}
.link-imprimir {
content: url('../content/img/icone_download.svg');
margin-right: 10px;
}
.loading {
width: 100%;
max-width: 100%;
height: 100%;
z-index: 1000;
top: 0;
left: 0;
position: fixed;
background: rgba(255,255,255,0.8);
}
.loading img {
width: auto;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: fixed;
display: block;
}
.input-icone-calendario {
background-image: url('../content/img/icone_calendario_laranja.svg');
background-repeat: no-repeat;
background-position: center right 10px;
}
.input-icone-editar {
background-image: url('../content/img/editar.svg');
background-repeat: no-repeat;
background-position: center right 10px;
}
.texto-modal-lgpd {
overflow-x: visible !important;
}
#tooltip {
text-align: center;
color: #fff;
background: #111;
position: absolute;
z-index: 100;
padding: 15px;
}
#tooltip:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #111;
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
#tooltip.top:after {
border-top-color: transparent;
border-bottom: 10px solid #111;
top: -20px;
bottom: auto;
}
#tooltip.left:after {
left: 10px;
margin: 0;
}
#tooltip.right:after {
right: 10px;
left: auto;
margin: 0;
}
.pedidoMedicoCodigoDoenca, .nomeMedicoPedido {
text-transform: uppercase;
}
.inputCid {
background-color: #deebf7 !important;
}
.backGroundDisabled {
background-color: #deebf7 !important;
}
.box-input-texto-destaque {
padding: 10px;
border: solid 1px #eae9e9;
background-color: #eae9e9;
border-radius: 8px;
}
.input-texto-destaque {
display: block;
padding-left: 25px;
font-size: 1.1rem;
font-weight: 500;
line-height: 20px;
}
.btn-login-icon {
background: none;
border: none;
padding: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s;
}
.btn-login-icon:hover {
opacity: 0.7; /* Efeito visual ao passar o mouse */
}
.btn-login-icon img {
width: 25px; /* Ajuste o tamanho conforme necessário */
height: auto;
}
.instrucao-login {
font-size: 1.3em;
color: #003366;
line-height: 1.6;
margin-bottom: 50px;
padding: 0 15px;
}
.instrucao-login strong {
font-weight: 700;
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
display: inline-block
}
.resp-sharing-button__link {
text-decoration: none;
color: #fff;
margin: 0.5em
}
.resp-sharing-button {
border-radius: 5px;
transition: 25ms ease-out;
padding: 0.5em 0.75em;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}
.resp-sharing-button__icon svg {
width: 1em;
height: 1em;
margin-right: 0.4em;
vertical-align: top
}
.resp-sharing-button--small svg {
margin: 0;
vertical-align: middle
}
/* Non solid icons get a stroke */
.resp-sharing-button__icon {
stroke: #fff;
fill: none
}
/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
fill: #fff;
stroke: none
}
.resp-sharing-button--twitter {
background-color: #55acee
}
.resp-sharing-button--twitter:hover {
background-color: #2795e9
}
.resp-sharing-button--pinterest {
background-color: #bd081c
}
.resp-sharing-button--pinterest:hover {
background-color: #8c0615
}
.resp-sharing-button--facebook {
background-color: #3b5998
}
.resp-sharing-button--facebook:hover {
background-color: #2d4373
}
.resp-sharing-button--tumblr {
background-color: #35465C
}
.resp-sharing-button--tumblr:hover {
background-color: #222d3c
}
.resp-sharing-button--reddit {
background-color: #5f99cf
}
.resp-sharing-button--reddit:hover {
background-color: #3a80c1
}
.resp-sharing-button--google {
background-color: #dd4b39
}
.resp-sharing-button--google:hover {
background-color: #c23321
}
.resp-sharing-button--linkedin {
background-color: #0077b5
}
.resp-sharing-button--linkedin:hover {
background-color: #046293
}
.resp-sharing-button--email {
background-color: #777
}
.resp-sharing-button--email:hover {
background-color: #5e5e5e
}
.resp-sharing-button--xing {
background-color: #1a7576
}
.resp-sharing-button--xing:hover {
background-color: #114c4c
}
.resp-sharing-button--whatsapp {
background-color: #25D366
}
.resp-sharing-button--whatsapp:hover {
background-color: #1da851
}
.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {
background-color: #FB6200
}
.resp-sharing-button--vk {
background-color: #507299
}
.resp-sharing-button--vk:hover {
background-color: #43648c
}
.resp-sharing-button--email {
background-color: #777777;
border-color: #777777;
}
.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
background-color: #5e5e5e;
border-color: #5e5e5e;
}
.resp-sharing-button--whatsapp {
background-color: #25D366;
border-color: #25D366;
}
.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
background-color: #1DA851;
border-color: #1DA851;
}
.autocomplete {
/*the container must be positioned relative:*/
position: relative;
display: inline-block;
}
.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
/*when hovering an item:*/
background-color: #e9e9e9;
}
.autocomplete-active {
/*when navigating through the items using the arrow keys:*/
background-color: DodgerBlue !important;
color: #ffffff;
}