/*VARIABLES*/
:root {
--CorFundoLogin: #ffffff;
--CorFundo: #ffffff;
--CorBorder: #c20d34;
--CorIcons: #c20d34;
--CorBotoes: #c20d34;
--CorTextoBotoes: #ffffff;
--CorBotaoSecundario: #4f4f4f;
--CorTextoBotoesSecundarios: #4f4f4f;
--CorTitulos: #c20d34;
--CorCardsV2: #ffffff;
--CorFonteInput: #616161;
--LogoLogin: url("/Content/Files/Clients/cofidis/Login/logo_login_638875878617041156.png");
--LogoNavbar: url("/Content/Files/Clients/cofidis/Navbar/logo_navbar_638875878617353653.png");
--CorTexto: #616161;
--CorBarras: #ebebeb;
--CardsLogin: #ffffff;
--CorLinks: #c20d34;
--CorNavbar: #ebebeb;
--CorHoverNavbar: #ecba04;
--CorTextoNavbar: #616161;
--CorHoverTextoNavbar: #ffffff;
--CorTituloNoticia: #c20d34;
--CorDataNoticia: #c20d34;
--CorBotoesV2: #c20d34;
--CorTextoBotoesV2: #ffffff;
--CorFonteTitulo: #c20d34;
--CorBotoesPlus: %corbotoesplus%;
--CorBotoesMinus: %corbotoesminus%;
--CorBotoesV2: #c20d34;
--CorTextoBotoesV2: #ffffff;
--CorTextoAssistencia: #c20d34;
--CorFecharCancelar: #ff2f4f;
--CorTituloAreaReservada: #c20d34;
--CorCalendario: #f79621;
--CorSucesso: #008140;
--CorHamburguerMenu: #c20d34;
}
/*****************************************************************************************************************************************************************************************/
/*OLD CSS*/
.navbar, .tab-card, .side-menu {
background-color: #4356ba;
}
.logo {
width: 200px;
}
.account-wrapper {
height: 86vh;
position: relative;
}
.article-form-account {
padding-top: 20px;
}
.account-container {
background-repeat: no-repeat;
background-position: 90% 10%;
background-size: 42rem 25rem;
border-radius: 6px;
background-color: transparent;
text-align: center;
top: 50% !important;
padding: 1rem !important;
left: 50% !important;
}
input::-webkit-input-placeholder {
color: #757575 !important;
font-size: 14px !important;
font: 400 13.3333px Arial;
}
input::-moz-placeholder {
color: #757575 !important;
font-size: 14px !important;
font: 400 13.3333px Arial;
}
input::-ms-placeholder {
color: #757575 !important;
font-size: 14px !important;
font: 400 13.3333px Arial;
}
input::placeholder {
color: #757575 !important;
font-size: 14px !important;
font: 400 13.3333px Arial;
}
.btn_form {
border: 0;
background: transparent;
cursor: pointer;
width: 30px;
height: 30px;
padding: 0;
margin-bottom: 7px;
}
button {
outline: none;
}
.btn_form img {
width: 100%;
}
form {
position: relative;
margin: auto;
text-align: center;
padding-top: 10px;
margin-bottom: 50px;
}
.btn:active {
background-image: none;
outline: 0;
}
form a {
font-size: 13.78px;
color: #373737;
text-decoration: none;
font-family: 'aaux_prolightregular';
}
.line-break {
border-top: 1px solid #ffc670;
width: 86%;
margin-bottom: 13px;
margin-top: 20px;
}
.registration {
font-family: 'aaux_proboldregular';
font-size: 17.47px;
color: #3f51b5;
text-transform: uppercase;
text-decoration: none;
}
a:hover {
background-color: transparent;
}
.advance-arrow {
width: 30px;
height: 30px;
position: relative;
top: 5px;
left: 10px;
color: #3f51b5;
}
.return-arrow {
width: 30px;
height: 30px;
position: relative;
top: 5px;
right: 15px;
color: #3f51b5;
}
.arrow-next {
color: #3f51b5;
}
.arrow-right {
background-color: #3f51b5;
}
.fa-bell, .fa-power-off {
color: #ff9b00;
}
.separator {
float: left;
width: 2px;
padding-top: 10px;
padding-bottom: 10px;
}
.profile-link {
font-family: 'aaux_prolightregular';
color: #ffffff !important;
font-size: 15px;
font-weight: bold;
}
.side-menu-content {
color: #ffffff;
text-transform: uppercase;
font-size: 15px;
font-family: 'aaux_proboldregular';
padding: 39px 28px;
word-break: break-all;
}
.side-menu {
width: 300px;
left: 0px !important;
position: absolute;
height: 100%;
background: #3f51b5;
z-index: 9;
min-height: 590px;
transition: 0.5s;
top: 0px !important;
}
.side-menu-content ul li a {
color: #ffffff;
font-size: 15px;
font-family: 'aaux_proboldregular';
text-decoration: none;
}
.side-menu-content ul {
list-style: none;
}
.side-menu-content li {
margin-bottom: 30px;
}
.tab-card {
background: #4356ba;
color: #fff;
}
.tab-card span {
font-family: 'aaux_proboldregular';
font-size: 17px;
padding-top: 20px;
display: inline-block;
font-weight: bold;
text-transform: uppercase;
}
.table-in-card {
width: 97%;
margin: auto;
margin-top: 27px;
background: #ffffff;
position: relative;
}
.table > thead:first-child > tr:first-child > th {
border-top: 0;
}
.table th {
color: #3f51b5;
font-size: 15px;
font-family: 'aaux_prolightregular';
}
.table td {
border-top: 1px solid #e0e0e0;
font-size: 15px;
color: #373737;
font-family: 'aaux_prolightregular';
}
.green {
background-color: #48ff00 !important;
width: 20px;
display: inline-block;
height: 20px;
border-radius: 50%;
}
.red {
background-color: #ff0000 !important;
width: 13px !important;
display: inline-block !important;
height: 13px !important;
border-radius: 50% !important;
vertical-align: text-bottom !important;
margin-bottom: 2px !important;
margin-left: 4px !important;
}
.plus {
right: 6px;
width: 20px;
position: absolute;
cursor: pointer;
color: #fda302;
font-size: 20px;
}
.plus-reverse {
right: 6px;
width: 20px;
position: absolute;
cursor: pointer;
color: #4356ba;
font-size: 20px;
}
.frequent-questions-box {
background: #4356ba !important;
width: 100%;
float: right;
font-size: 17px;
color: #ffffff;
font-family: 'aaux_prolightregular';
text-transform: uppercase;
position: relative;
height: 100%;
border-radius: calc(.25rem - 1px) !important;
}
.frequent-questions-box span {
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
right: 25%;
left: 18px;
margin: auto;
width: 185px;
height: 70px;
}
.frequent-questions-box strong {
font-family: 'aaux_proboldregular';
}
.frequent-questions-arrow {
width: 40px;
position: absolute;
bottom: 49px;
right: -10px;
color: #fda302;
}
.location-box {
background: #fda302;
width: 100%;
float: right;
font-size: 27px;
color: #ffffff;
font-family: 'aaux_prolightregular';
text-transform: uppercase;
position: relative;
height: 76.5%;
border-radius: calc(.25rem - 1px) !important;
}
.btn-location-holder {
text-align: right;
}
.btn-location-holder button {
background-color: #4255b9;
border: 0;
width: 100%;
height: 46px;
border-radius: 6px;
color: #eff0f7;
text-transform: uppercase;
font-weight: bold;
margin-top: 15px;
}
.providers-map {
width: 100%;
height: 435px;
border: 0;
position: relative;
}
.key-field-section {
padding-left: 0;
}
.key-field {
color: #3f51b5;
font-family: 'aaux_prolightregular';
font-size: 19px;
margin-bottom: 23px;
font-weight: bold;
float: right;
}
.policy-content {
width: 100%;
background: #ffffff;
min-height: 500px;
height: auto;
overflow: auto;
top: -12px;
position: relative;
}
.policy-sub-content {
margin: 18px;
min-height: 500px;
height: auto;
overflow: auto;
}
.policy-title {
width: 97%;
color: #3f51b5;
margin: auto;
font-family: 'aaux_prolightregular';
font-size: 15px;
text-transform: uppercase;
padding-top: 30px;
font-weight: bold;
}
.policy-content hr {
width: 98%;
}
.policy-info {
width: 100%;
height: auto;
overflow: auto;
margin-bottom: 40px;
}
.policy-info-section-1 {
width: 25%;
float: left;
margin-left: 25px;
text-transform: uppercase;
color: #373737;
font-family: 'aaux_prolightregular';
font-size: 13px;
padding: 20px;
}
.policy-info-section-2 {
width: 25%;
float: left;
margin-left: 25px;
color: #373737;
font-family: 'aaux_prolightregular';
font-size: 13px;
padding: 20px;
}
.policy-info-section-3 {
width: 15%;
float: left;
margin-left: 25px;
color: #373737;
font-family: 'aaux_prolightregular';
font-size: 13px;
padding: 20px;
background: #ededed;
border-radius: 7px;
}
.policy-info-section-1 label, .policy-info-section-2 label, .policy-info-section-3 label {
color: #3f51b5;
font-size: 15px;
font-family: 'aaux_prolightregular';
font-weight: bold;
text-transform: none;
}
.policy-sub-info {
background: #ededed;
width: 97%;
height: auto;
overflow: auto;
padding: 15px;
margin: auto;
margin-bottom: 40px;
}
.registration-detail {
border-top: 1px solid #e0e0e0;
}
.registration-detail-sub {
background: #ffffff;
width: 97%;
height: auto;
overflow: auto;
padding: 15px;
margin: auto;
border-radius: 5px;
}
.col-8 span {
color: #3f51b5;
font-size: 15px;
font-family: 'aaux_proboldregular';
line-height: 35px;
}
.select-animal-link {
background: #4356ba none no-repeat scroll right center !important;
display: block;
width: 250px;
margin: 20px auto 0;
color: #ffffff;
text-decoration: none;
outline: none !important;
font-weight: 700;
font-size: 14px;
border: none;
}
.select-animal-link:hover {
color: #fda302;
}
.select-animal-span {
cursor: pointer;
display: block;
padding: 5px;
}
.select-animal-ul {
background: #4356ba none repeat scroll 0 0;
color: #C5C0B0;
left: -50%;
padding: 5px 0px;
position: relative;
top: 2px;
width: auto;
min-width: 170px;
list-style: none;
overflow: auto;
max-height: 305px;
}
.select-animal-li {
padding: 5px;
display: block;
color: #ffffff;
text-decoration: none !important;
outline: none !important;
background-color: transparent !important;
}
.btn-validate-card {
display: block;
margin: 20px auto;
border: 1px solid #aaa;
padding: 5px 18px;
background: transparent;
outline: none;
cursor: pointer;
}
.btn-validate-insurance {
background-color: #3f51b5 !important;
color: white !important;
text-transform: uppercase;
font-family: Jost !important;
border: none;
line-height: 0;
font-size: initial;
margin: 55px auto 55px !important;
}
.mks_page_active {
background: #3f51b5 !important;
}
.mks_applypaging {
background: #fda302;
color: white;
}
.mks_option_page {
background: #92a2e3 !important;
color: white;
}
.module-slider-header {
text-align: center;
font-family: Jost;
margin-top: 10rem;
margin-bottom: 2rem;
}
.module-slider-header h1 {
text-transform: uppercase;
color: #3f51b5 !important;
font-size: 50px;
font-weight: 600;
line-height: 1em;
font-family: Comfortaa !important;
}
.module-slider-header img {
width: 120px;
height: auto;
margin-bottom: 1rem;
}
.module-slider-header p {
font-size: 18px;
padding-top: 0.5rem;
font-weight: 100;
color: #808080;
font-family: Montserrat !important;
}
.container-form {
border: 1px solid #92a2e3 !important;
padding: 2rem;
height: auto;
}
.container-form-title {
font-family: Jost;
letter-spacing: 1px;
font-weight: 100;
font-size: 17px;
margin-bottom: 1rem;
color: #5a5a5a;
text-align: start;
}
.main-section {
padding: 0 2rem 0 2rem;
border: 1px solid #e1eef5;
width: 100%;
}
.full-width {
width: 100%;
}
.section-add {
margin-top: 0;
}
.section:not(:first-of-type) {
margin-top: 2rem;
}
.select-sinistro, .option-sinistro {
background: #f3f3f4 !important;
color: #787575 !important;
}
.modal-footer > button, .modal-footer > .col-6 > .modal-confirm {
border: none;
font-family: Jost;
}
.modal-footer > a.btn-danger, .modal-footer > .col-6 > .btn-danger {
font-family: Jost;
border: none;
background: #fda302 !important;
color: white;
}
.dropzone .btn-danger {
background-color: #3f51b5 !important;
border-color: #3f51b5 !important;
}
.path-to-fill {
fill: #3f51b5 !important;
}
.fa-bell .fa-power-off {
color: #92a2e3 !important;
}
.xdsoft_current {
background: #3f51b5 !important;
box-shadow: #3f51b5 !important;
}
.xdsoft_current:hover {
background: #fda302 !important;
box-shadow: #fda302 !important;
}
.animal-data-text-color {
color: black !important;
}
.btn-validate-insurance-no-margin {
text-transform: uppercase;
font-family: Jost !important;
border: none;
line-height: 0;
font-size: initial;
}
/**********************************************************************************************************************************************************************************************/
/*WAS INLINE*/
.texto-assistencia {
font-size: 14px;
font-family: 'OpenSans';
text-align: center;
padding-top: 1.3rem;
}
textarea {
background: transparent;
color: #676a6c;
resize: none;
border: 0 none;
width: 100%;
font-size: 15px !important;
outline: none;
height: 100;
text-align: center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.error-label {
color: white;
padding: 5px;
}
.popover {
max-width: min-content !important;
}
.card-img-top {
box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .20), 0 -4px 3px -2px rgba(0, 0, 0, .2), 0 -2px 8px 0 rgba(0, 0, 0, .2);
}
.card-body {
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .20), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .2);
}
.card-img-top {
box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .20), 0 -4px 3px -2px rgba(0, 0, 0, .2), 0 -2px 8px 0 rgba(0, 0, 0, .2);
}
.card {
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .20), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .2);
}
button:disabled {
background: #CCC !important;
color: white !important;
pointer-events: none;
}
a.btn, button[type="submit"] {
padding: 1.2rem 0 1.1rem 0;
}
.dropzone {
min-height: 100px !important;
}
.form-control {
line-height: 1.7 !important;
}
.dropdown-menu {
width: 210px;
}
svg {
width: 150px;
height: 150px;
}
.select-animal-link {
margin: 35px auto 35px !important;
font-size: 13px;
height: 43.59px !important;
}
.select-animal-link:hover {
color: white !important;
}
label.error {
color: #dc3545;
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
max-width: 100%;
font-family: Jost;
}
.loading-wrapper {
width: 100vw;
height: 100vh !important;
background: rgba(31,39,50,0.90);
position: fixed;
z-index: 10000;
height: 20rem;
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-moz-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-moz-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@keyframes loading-text-opacity {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes loading-text-opacity {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes loading-text-opacity {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes loading-text-opacity {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.loading-container,
.loading {
height: 100px;
position: relative;
width: 100px;
border-radius: 100%;
}
.loading-container {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.loading {
border: 2px solid transparent;
border-color: transparent #40a8df transparent #40a8df;
-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
-moz-transform-origin: 50% 50%;
-o-animation: rotate-loading 1.5s linear 0s infinite normal;
-o-transform-origin: 50% 50%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
-webkit-transform-origin: 50% 50%;
animation: rotate-loading 1.5s linear 0s infinite normal;
transform-origin: 50% 50%;
}
.loading-container:hover .loading {
border-color: transparent white transparent white;
}
.loading-container:hover .loading,
.loading-container .loading {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#loading-text {
-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
-o-animation: loading-text-opacity 2s linear 0s infinite normal;
-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
animation: loading-text-opacity 2s linear 0s infinite normal;
color: white;
font-family: inherit !important;
font-size: 10px;
font-weight: bold;
margin-top: 45px;
opacity: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
width: 100px;
}
svg path {
width: 150px;
height: 150px;
margin-bottom: 15px;
}
.path-to-fill {
fill: green;
}
.fatura-error {
color: #dc3545;
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
max-width: 100%;
font-family: Jost;
}
.dropzone {
z-index: 1;
border: dashed 2px grey;
}
.note-dropzone-message {
display: none;
}
.card-img-top {
box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .20), 0 -4px 3px -2px rgba(0, 0, 0, .2), 0 -2px 8px 0 rgba(0, 0, 0, .2);
}
.card {
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .20), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .2);
}
button:disabled {
background: #CCC !important;
color: white !important;
pointer-events: none;
}
input {
background: #f3f3f4 !important;
font-family: jost !important;
padding: 0.675rem 0.75rem !important;
padding-left: 15px !important;
}
.select-sinistro, .option-sinistro {
color: #495057 !important;
}
a.btn, button[type="submit"] {
padding: 1.2rem 0 1.1rem 0;
}
.dropzone {
min-height: 100px !important;
}
.form-control {
line-height: 1.7 !important;
}
.dropdown-menu {
width: 210px;
}
svg {
width: 150px;
height: 150px;
}
.select-animal-link {
margin: 35px auto 35px !important;
font-size: 13px;
height: 43.59px !important;
}
.select-animal-link:hover {
color: white !important;
}
label.error {
color: #dc3545;
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
max-width: 100%;
font-family: Jost;
}
.loading-wrapper {
width: 100vw;
height: 100vh !important;
background: rgba(31,39,50,0.90);
position: fixed;
z-index: 10000;
height: 20rem;
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-moz-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-moz-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate-loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@keyframes loading-text-opacity {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes loading-text-opacity {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes loading-text-opacity {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes loading-text-opacity {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.loading-container,
.loading {
height: 100px;
position: relative;
width: 100px;
border-radius: 100%;
}
.loading-container {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.loading {
border: 2px solid transparent;
border-color: transparent #40a8df transparent #40a8df;
-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
-moz-transform-origin: 50% 50%;
-o-animation: rotate-loading 1.5s linear 0s infinite normal;
-o-transform-origin: 50% 50%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
-webkit-transform-origin: 50% 50%;
animation: rotate-loading 1.5s linear 0s infinite normal;
transform-origin: 50% 50%;
}
.loading-container:hover .loading {
border-color: transparent white transparent white;
}
.loading-container:hover .loading,
.loading-container .loading {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#loading-text {
-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
-o-animation: loading-text-opacity 2s linear 0s infinite normal;
-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
animation: loading-text-opacity 2s linear 0s infinite normal;
color: white;
font-family: inherit !important;
font-size: 10px;
font-weight: bold;
margin-top: 45px;
opacity: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
width: 100px;
}
svg path {
width: 150px;
height: 150px;
margin-bottom: 15px;
}
.path-to-fill {
fill: green;
}
.mks_table tr {
cursor: auto;
}
@font-face {
font-family: 'aaux_proboldregular';
src: url('/Fonts/ufonts_com_aaux-probold-webfont.woff') format('woff');
}
@font-face {
font-family: 'aaux_prolightregular';
src: url('/Fonts/ufonts_com_aaux-prolight-webfont.woff') format('woff');
}
@font-face {
font-family: 'Comfortaa';
src: url('/Fonts/Comfortaa-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Jost';
src: url('/Fonts/Jost-500-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'Montserrat';
src: url('/Fonts/Montserrat.woff2') format('woff2');
}
@font-face {
font-family: 'BarlowRegular';
src: url('/Fonts/Barlow-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'BarlowSemiBold';
src: url('/Fonts/Barlow-SemiBold.ttf') format('truetype');
}
.modal-header, .modal-body {
font-family: Jost;
}
.modal-body {
font-size: 17px;
}
.modal-header {
display: inline !important;
}
a.btn, button[type="submit"] {
padding: 1.2rem 0 1.1rem 0;
}
.dropdown-menu {
margin: 0 0 1rem -1px !important;
}
.alerta_notificacoes {
position: absolute;
height: 15px;
width: 15px;
background: #ff0054;
color: #fff;
font-family: 'aaux_proboldregular';
font-size: 11px;
display: inline-block;
border-radius: 50%;
top: -5px;
right: 5px;
text-align: center;
line-height: 16px;
}
.mks_table th {
font-weight: revert;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.popover {
max-width: min-content !important;
}
.card-img-top {
box-shadow: 0 0px 15px 0 rgba(0, 0, 0, .20), 0 -4px 3px -2px rgba(0, 0, 0, .2), 0 -2px 8px 0 rgba(0, 0, 0, .2);
}
.card-body {
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .20), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .2);
}
.toast-top-right {
top: 100px !important;
}
.rotate {
animation: rotation 1s linear;
}
@font-face {
font-family: 'aaux_proboldregular';
src: url('/Fonts/ufonts_com_aaux-probold-webfont.woff') format('woff');
}
@font-face {
font-family: 'aaux_prolightregular';
src: url('/Fonts/ufonts_com_aaux-prolight-webfont.woff') format('woff');
}
.btn-login:active {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
@font-face {
font-family: 'AnimaFontLight';
src: url('/Fonts/FigTree/Figtree-Light.ttf');
src: url('/Fonts/FigTree/Figtree-Light.ttf') format('embedded-opentype'), url('/Fonts/FigTree/Figtree-Light.ttf') format('woff2'), url('/Fonts/FigTree/Figtree-Light.ttf') format('woff'), url('/Fonts/FigTree/Figtree-Light.ttf') format('truetype');
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AnimaFontRegular';
src: url('/Fonts/FigTree/Figtree-Regular.ttf');
src: url('/Fonts/FigTree/Figtree-Regular.ttf') format('embedded-opentype'), url('/Fonts/FigTree/Figtree-Regular.ttf') format('woff2'), url('/Fonts/FigTree/Figtree-Regular.ttf') format('woff'), url('/Fonts/FigTree/Figtree-Regular.ttf') format('truetype');
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AnimaFontMedium';
src: url('/Fonts/FigTree/Figtree-Medium.ttf');
src: url('/Fonts/FigTree/Figtree-Medium.ttf') format('embedded-opentype'), url('/Fonts/FigTree/Figtree-Medium.ttf') format('woff2'), url('/Fonts/FigTree/Figtree-Medium.ttf') format('woff'), url('/Fonts/FigTree/Figtree-Medium.ttf') format('truetype');
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AnimaFontSemiBold';
src: url('/Fonts/FigTree/Figtree-SemiBold.ttf');
src: url('/Fonts/FigTree/Figtree-SemiBold.ttf') format('embedded-opentype'), url('/Fonts/FigTree/Figtree-SemiBold.ttf') format('woff2'), url('/Fonts/FigTree/Figtree-SemiBold.ttf') format('woff'), url('/Fonts/FigTree/Figtree-SemiBold.ttf') format('truetype');
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AnimaFontBold';
src: url('/Fonts/FigTree/Figtree-Bold.ttf');
src: url('/Fonts/FigTree/Figtree-Bold.ttf') format('embedded-opentype'), url('/Fonts/FigTree/Figtree-Bold.ttf') format('woff2'), url('/Fonts/FigTree/Figtree-Bold.ttf') format('woff'), url('/Fonts/FigTree/Figtree-Bold.ttf') format('truetype');
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AnimaFontExtraBold';
src: url('/Fonts/FigTree/Figtree-ExtraBold.ttf');
src: url('/Fonts/FigTree/Figtree-ExtraBold.ttf') format('embedded-opentype'), url('/Fonts/FigTree/Figtree-ExtraBold.ttf') format('woff2'), url('/Fonts/FigTree/Figtree-ExtraBold.ttf') format('woff'), url('/Fonts/FigTree/Figtree-ExtraBold.ttf') format('truetype');
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AnimaFontBlack';
src: url('/Fonts/FigTree/Figtree-Black.ttf');
src: url('/Fonts/FigTree/Figtree-Black.ttf') format('embedded-opentype'), url('/Fonts/FigTree/Figtree-Black.ttf') format('woff2'), url('/Fonts/FigTree/Figtree-Black.ttf') format('woff'), url('/Fonts/FigTree/Figtree-Black.ttf') format('truetype');
font-style: normal;
font-display: swap;
}
@media screen and (max-width: 506px) {
.policy-list-table, .network-uses-table, .ticket-list-table, .newsletter-table {
overflow-x: auto;
display: block;
}
}
@media screen and (max-width: 360px) {
.dados-cartao-virtual-table {
overflow-x: auto !important;
display: block !important;
}
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/**********************************************************************************************************************************************************************************************/
/*OLD CSS 2*/
.navbar, .tab-card, .side-menu {
background-color: #ffffff !important;
}
body:not(.call-to-action-body) {
background-color: #ffffff !important;
}
.logo_div {
width: 100%;
padding-bottom: 40px;
position: relative;
text-align: center;
padding-top: 40px;
}
.logo {
width: 200px;
}
.account-wrapper {
height: 100vh;
position: relative;
}
.article-form-account {
padding-top: 20px;
}
@media screen and (max-width: 990px) {
.account-container {
box-shadow: none;
}
}
.account-container {
border-radius: 6px;
padding: 1rem !important;
padding-top: 0rem !important;
left: 50% !important;
}
.login-label {
width: 100%;
color: #292924;
;
font-size: 15px !important;
position: relative;
margin-top: 25px !important;
margin-bottom: 8px;
}
@media screen and (max-width: 990px) {
.account-container {
padding: 0.2rem !important;
}
}
.title-color-apply-login {
color: var(--CorTitulos) !important;
font-size: 28px !important;
}
.logo_seguradora {
background-image: url(../../../Files/);
background-position: 100%;
height: 39px;
background-size: contain;
background-repeat: no-repeat;
}
.account-input {
width: 100%;
padding: 0.8rem 0.75rem;
font-family: 'OpenSans';
border: 1px solid #000000;
border-radius: 4px !important;
color: var(--CorFonteInput) !important;
}
.account-input:focus {
border: 1px solid black !important;
}
.account-input::-webkit-input-placeholder {
font-size: 14px !important;
font: 400 13.3333px Arial;
color: var(--CorFonteInput) !important;
}
.account-input::-moz-placeholder {
font-size: 14px !important;
font: 400 13.3333px Arial;
color: var(--CorFonteInput) !important;
}
.account-input::-ms-placeholder {
font-size: 14px !important;
font: 400 13.3333px Arial;
color: var(--CorFonteInput) !important;
}
.account-input::placeholder {
font-size: 14px !important;
font: 400 13.3333px Arial;
color: var(--CorFonteInput) !important;
}
input:not(.account-input)::-webkit-input-placeholder {
color: var(--CorFonteInput) !important;
font-size: 14px !important;
font: 400 13.3333px Arial;
}
input:not(.account-input)::-moz-placeholder {
color: var(--CorFonteInput) !important;
font-size: 14px !important;
font: 400 13.3333px Arial;
}
input:not(.account-input)::-ms-placeholder {
color: var(--CorFonteInput) !important;
font-size: 14px !important;
font: 400 13.3333px Arial;
}
input:not(.account-input)::placeholder {
color: var(--CorFonteInput) !important;
font-size: 14px !important;
font: 400 13.3333px Arial;
}
.btn_form {
border: 0;
background: transparent;
cursor: pointer;
width: 30px;
height: 30px;
padding: 0;
margin-bottom: 7px;
}
button {
outline: none;
}
.btn_form img {
width: 100%;
}
.account-container .link-login {
margin-top: 2rem;
}
form a {
font-size: 13.78px;
color: #000000 !important;
text-decoration: none;
text-transform: uppercase;
font-family: 'OpenSans';
}
.line-break {
border-top: 1px solid #000000 !important;
width: 86%;
margin-bottom: 13px;
margin-top: 20px;
}
.registration {
font-family: 'OpenSans';
font-size: 17.47px;
color: #777a83 !important;
text-transform: uppercase;
text-decoration: none;
}
a:hover {
background-color: transparent;
}
.advance-arrow {
width: 30px;
height: 30px;
position: relative;
top: 3px;
left: 10px;
color: #f4e971;
}
.advance-arrow-login {
color: #f4e971;
}
.return-arrow {
width: 30px;
height: 30px;
position: relative;
top: 5px;
right: 15px;
color: #f4e971;
}
.account-container .arrow-next {
color: #f4e971;
}
.arrow-next {
color: #000000;
}
.arrow-right {
background-color: #000000;
}
.form-group {
margin-bottom: 0.5rem !important;
}
.fa-bell, .fa-power-off {
color: #000000;
}
.fa-envelope {
color: #000000;
}
.separator {
float: left;
width: 2px;
padding-top: 10px;
padding-bottom: 10px;
}
.tab-card {
background: var(--CorCardsV2) !important;
}
.tab-card span {
font-family: 'OpenSans';
font-size: 17px;
padding-top: 20px;
display: inline-block;
font-weight: bold;
text-transform: uppercase;
}
.table-in-card {
margin: auto;
margin-top: 5px;
background: #ffffff;
position: relative;
}
.table > thead:first-child > tr:first-child > th {
border-top: 0;
}
.table th {
font-size: 15px;
font-family: 'OpenSans';
color: var(--CorTexto) !important;
}
.table td {
border-top: 1px solid #e0e0e0;
font-size: 15px;
color: var(--CorTexto) !important;
font-family: 'OpenSans';
}
.green {
background-color: #48ff00 !important;
width: 20px;
display: inline-block;
height: 20px;
border-radius: 50%;
vertical-align: text-bottom;
}
.red {
background-color: #ff0000 !important;
width: 13px !important;
display: inline-block !important;
height: 13px !important;
border-radius: 50% !important;
vertical-align: text-bottom !important;
margin-bottom: 2px !important;
margin-left: 4px !important;
}
.plus {
right: 6px;
width: 20px;
position: absolute;
cursor: pointer;
color: #000000 !important;
font-size: 20px;
}
.plus-reverse {
right: 6px;
width: 20px;
position: absolute;
cursor: pointer;
color: #000000 !important;
font-size: 20px;
}
.frequent-questions-box {
background: #ffffff !important;
width: 100%;
float: right;
font-size: 17px;
color: #ffffff;
font-family: 'OpenSans';
text-transform: uppercase;
position: relative;
height: 100%;
border-radius: calc(.25rem - 1px) !important;
}
.frequent-questions-box span {
display: inline-block;
top: 0;
bottom: 0;
right: 25%;
left: 15px;
margin: auto;
width: 185px;
}
.frequent-questions-box strong {
font-family: 'OpenSans';
}
.frequent-questions-arrow {
width: 40px;
position: absolute;
bottom: 50px;
right: -15px;
color: #000000 !important;
}
.location-box {
background: #000000 !important;
width: 100%;
float: right;
font-size: 27px;
color: #ffffff;
font-family: 'OpenSans';
text-transform: uppercase;
position: relative;
height: 76.5%;
border-radius: calc(.25rem - 1px) !important;
}
.btn-location-holder {
text-align: right;
}
.btn-location-holder button {
background-color: #4255b9;
border: 0;
width: 100%;
height: 46px;
border-radius: 6px;
color: #eff0f7;
text-transform: uppercase;
font-weight: bold;
margin-top: 15px;
}
.providers-map {
width: 100%;
height: 435px;
border: 0;
position: relative;
}
.key-field-section {
padding-left: 0;
}
.policy-content {
width: 100%;
background: #ffffff;
min-height: 500px;
height: auto;
overflow: auto;
top: -12px;
position: relative;
}
.policy-sub-content {
margin: 18px;
min-height: 500px;
height: auto;
overflow: auto;
}
.policy-title {
width: 97%;
color: #000000 !important;
margin: auto;
font-family: 'OpenSans';
font-size: 15px;
text-transform: uppercase;
padding-top: 30px;
font-weight: bold;
}
.modal-title {
color: #000000 !important;
font-size: 17px;
text-transform: uppercase;
display: block;
text-align: center !important;
}
.modal-header {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.policy-content hr {
width: 98%;
}
.btn-close-modal {
color: #000000 !important;
opacity: 1;
margin: -1.1rem -1rem -1rem auto !important;
}
.policy-info {
width: 100%;
height: auto;
overflow: auto;
margin-bottom: 40px;
}
.policy-info-section-1 {
width: 25%;
float: left;
margin-left: 25px;
text-transform: uppercase;
color: #000000 !important;
font-family: 'OpenSans';
font-size: 13px;
padding: 20px;
}
.policy-info-section-2 {
width: 25%;
float: left;
margin-left: 25px;
color: #000000 !important;
font-family: 'OpenSans';
font-size: 13px;
padding: 20px;
}
.policy-info-section-3 {
width: 15%;
float: left;
margin-left: 25px;
color: #000000 !important;
font-family: 'OpenSans';
font-size: 13px;
padding: 20px;
background: #ededed;
border-radius: 7px;
}
.policy-info-section-1 label, .policy-info-section-2 label, .policy-info-section-3 label {
color: #000000;
font-size: 15px;
font-family: 'OpenSans';
font-weight: bold;
text-transform: none;
}
.policy-sub-info {
background: #ededed;
width: 97%;
height: auto;
overflow: auto;
padding: 15px;
margin: auto;
margin-bottom: 40px;
}
.registration-detail {
border-top: 1px solid #e0e0e0;
}
.registration-detail-sub {
background: #ffffff;
width: 97%;
height: auto;
overflow: auto;
padding: 15px;
margin: auto;
border-radius: 5px;
}
.col-8 span {
color: #3f51b5;
font-size: 15px;
font-family: 'OpenSans';
line-height: 35px;
}
.select-animal-link {
background: #000000 none no-repeat scroll right center !important;
display: block;
width: 250px;
margin: 20px auto 0;
color: #ffffff !important;
text-decoration: none;
outline: none !important;
font-weight: 700;
font-size: 14px;
border: none;
}
.select-animal-link:hover {
color: #fda302;
}
.select-animal-span {
cursor: pointer;
display: block;
padding: 5px;
color: #ffffff !important;
}
.select-animal-ul {
background: #000000 none repeat scroll 0 0;
color: #C5C0B0;
left: -50%;
padding: 5px 0px;
position: relative;
top: 2px;
width: auto;
min-width: 170px;
list-style: none;
overflow: auto;
max-height: 305px;
}
.select-animal-li {
padding: 5px;
display: block;
color: #ffffff;
text-decoration: none;
outline: none !important;
text-align: center;
background-color: transparent !important;
}
.btn-validate-card {
display: block;
margin: 20px auto;
border: 1px solid #aaa;
padding: 5px 18px;
background: transparent;
outline: none;
cursor: pointer;
}
.mks_page_active {
background: #000000 !important;
}
.mks_applypaging {
background: #000000;
color: #f79621;
}
.mks_option_page {
background: #000000 !important;
color: white;
}
.module-slider-header {
text-align: center;
font-family: OpenSans;
margin-top: 10rem;
margin-bottom: 2rem;
}
.module-slider-header h1 {
text-transform: uppercase;
color: #ffffff !important;
font-size: 50px;
font-weight: 600;
line-height: 1em;
font-family: OpenSans !important;
}
.module-slider-header img {
width: 120px;
height: auto;
margin-bottom: 1rem;
}
.module-slider-header p {
font-size: 18px;
padding-top: 0.5rem;
font-weight: 100;
color: #000000 !important;
font-family: OpenSans !important;
}
.faq-description > * {
color: #000000 !important;
}
.container-form {
border: 1px solid #000000 !important;
padding: 2rem;
height: auto;
}
.container-form-title {
font-family: OpenSans;
letter-spacing: 1px;
font-weight: 100;
font-size: 17px;
margin-bottom: 1rem;
color: #000000 !important;
text-align: start;
}
.main-section {
padding: 0 2rem 0 2rem;
border: 1px solid #e1eef5;
width: 100%;
margin-bottom: 20px;
}
.full-width {
width: 100%;
}
.section-add {
margin-top: 0;
}
.section:not(:first-of-type) {
margin-top: 2rem;
}
.select-sinistro, .option-sinistro {
background: #f3f3f4 !important;
color: #000000 !important;
}
.modal-header {
background: #ffffff !important;
}
.modal-footer > button, .modal-footer > .col-6 > .modal-confirm {
border: none;
text-transform: uppercase;
line-height: 0;
font-size: 14px;
}
.modal-footer > a.btn-danger, .modal-footer > .col-6 > .btn-danger {
border: none;
text-transform: uppercase;
line-height: 0;
font-size: 14px;
}
.dropzone .btn-danger {
background-color: #000000 !important;
border-color: #000000 !important;
}
.dropzone > div > h2 {
color: #000000 !important;
}
.path-to-fill {
fill: #ffffff !important;
}
.xdsoft_current {
background: #000000 !important;
box-shadow: #000000 !important;
}
.xdsoft_current:hover {
background: #000000 !important;
box-shadow: #000000 !important;
}
.xdsoft_date:not(.account-input):hover {
background: #000000 !important;
box-shadow: #000000 !important;
}
.fa-bell .fa-power-off {
color: #000000 !important;
}
.title-color-apply {
color: #000000 !important;
}
.animal-data-text-color {
color: #000000 !important;
}
.texto-assistencia > span {
color: #000000 !important;
font-family: 'OpenSans';
font-size: 14px !important;
}
.faq-description > p, .form-control:not(.account-input) {
font-family: 'OpenSans' !important;
color: #000000 !important;
}
input::placeholder {
color: var(--CorFonteInput) !important;
font-family: 'OpenSans' !important;
letter-spacing: 0;
}
input::-webkit-input-placeholder {
color: var(--CorFonteInput) !important;
font-size: 13px !important;
font-family: 'OpenSans' !important;
letter-spacing: 0;
}
input:-ms-input-placeholder {
color: var(--CorFonteInput) !important;
font-size: 13px !important;
letter-spacing: 0;
font-family: 'OpenSans' !important;
}
input:-moz-placeholder {
color: var(--CorFonteInput) !important;
font-size: 13px !important;
letter-spacing: 0;
font-family: 'OpenSans' !important;
}
#Content::-webkit-input-placeholder {
color: var(--CorFonteInput) !important;
font-family: 'OpenSans' !important;
}
#Content:-ms-input-placeholder {
color: var(--CorFonteInput) !important;
font-family: 'OpenSans' !important;
}
#Content:-moz-placeholder {
color: var(--CorFonteInput) !important;
font-family: 'OpenSans' !important;
}
.request-support-paragraph {
color: #000000 !important;
font-family: 'OpenSans' !important;
}
.dropzone-description {
color: #000000 !important;
}
/**********************************************************************************************************************************************************************************************/
.card {
border: none !important;
background-clip: unset !important;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.07) !important;
max-width: 985px !important;
border-radius: 30px !important;
margin: auto !important;
margin-bottom: 60px !important;
border-radius: 30px !important;
}
.card-dashboard:hover {
background-color: var(--CorCardsV2) !important;
}
.card-body {
box-shadow: none !important;
padding: 50px;
padding-bottom: 10px;
}
.col-cards-dashboard {
margin-bottom: 35px;
}
.col-cards-dashboard .title-card-dashboard {
margin-top: 30px !important;
margin-bottom: 0px !important;
}
.card.card-support-detail {
margin-bottom: 40px !important;
border-color: var(--CorBorder) !important;
}
.col-cards-dashboard .card-dashboard div:first-child {
padding-top: 30px;
}
.title-color-apply-login {
font-family: 'AnimaFontExtraBold' !important;
text-align: center !important;
font-size: 28px !important;
color: var(--CorFonteTitulo) !important;
margin-bottom: 30px;
}
.account-input {
height: 60px;
border-radius: 40px !important;
border-color: var(--CorBorder) !important;
z-index: 2;
position: absolute;
font-size: 18px !important;
padding-left: 29px !important;
padding-right: 29px !important;
cursor: auto !important;
width: 100%;
max-width: 400px;
background-color: white !important;
}
.account-input:focus {
border-color: var(--CorBorder) !important;
background-color: white !important;
}
.account-input:focus-visible {
outline: none !important;
}
.login-card {
background-color: var(--CardsLogin) !important;
height: 575px !important;
border-radius: 50px !important;
padding-top: 30px;
box-shadow: none !important;
border-color: transparent !important;
max-width: 620px;
}
.login-label {
font-family: 'AnimaFontRegular' !important;
position: relative !important;
bottom: 6px;
z-index: 3;
width: fit-content !important;
margin-right: auto;
padding-left: 30px;
font-size: 15px;
color: black !important;
cursor: text !important;
}
.login-label.hide-label {
opacity: 0%;
bottom: 26px;
}
.card-header-login {
padding-left: 0px !important;
padding-right: 0px !important;
border-top-left-radius: 50px !important;
border-top-right-radius: 50px !important;
border-bottom: 0px !important;
background-color: transparent !important;
}
.card-body-login {
padding: 0px !important;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
border-bottom-left-radius: 50px !important;
border-bottom-right-radius: 50px !important;
width: 100%;
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}
.form-group-login {
display: flex;
margin-bottom: 35px !important;
justify-content: center;
max-width: 400px;
margin: auto;
height: 60px;
}
.btn-authentication {
margin-top: 0px !important;
border-radius: 35px;
background-color: var(--CorBotoesV2) !important;
font-family: 'AnimaFontBold' !important;
letter-spacing: normal !important;
height: 60px;
width: 100%;
max-width: 400px;
padding-top: 18px !important;
color: var(--CorTextoBotoesV2) !important;
}
.reset-password {
font-family: 'AnimaFontBold' !important;
text-transform: inherit !important;
letter-spacing: normal !important;
color: #f79621 !important;
text-decoration: none !important;
font-size: 15px !important;
}
.campo-obrigatorio {
font-family: 'AnimaFontRegular' !important;
letter-spacing: normal !important;
color: var(--CorTextoAssistencia) !important;
}
.div-campo-obrigatorio {
text-align: center;
margin-top: -10px;
}
.div-site-login {
width: fit-content;
float: inline-end;
padding-top: 50px;
padding-right: 15px;
padding-top: 10px !important;
}
.site-login {
font-family: 'AnimaFontSemiBold' !important;
font-size: 14px;
cursor: pointer;
}
.img-site-login {
width: 45px;
height: 40px;
padding-right: 5px;
}
.texto-assistencia {
display: inline-block;
width: fit-content;
padding-top: 50px;
padding-top: 0px !important;
vertical-align: middle;
}
.account-col {
padding-top: 40px !important;
}
body {
background-color: white !important;
}
.logo_login {
content: var(--LogoLogin) !important;
width: 350px !important;
}
.form-horizontal {
padding-top: 0px !important;
width: 100%;
}
.account-container {
margin-left: auto;
margin-right: auto;
margin-top: 30px;
max-width: 1330px;
margin-bottom: 80px;
}
.show-password {
position: relative;
z-index: 2;
right: 20px;
top: 20px;
cursor: pointer;
}
.hide-password {
position: relative;
z-index: 2;
right: 20px;
top: 20px;
cursor: pointer;
}
.register-card {
background-color: var(--CardsLogin) !important;
height: 870px !important;
border-radius: 50px !important;
padding-top: 30px;
box-shadow: none !important;
border-color: transparent !important;
max-width: 620px;
}
.card-header-register {
padding-left: 0px !important;
padding-right: 0px !important;
border-top-left-radius: 50px !important;
border-top-right-radius: 50px !important;
border-bottom: 0px !important;
background-color: transparent !important;
}
.card-body-register {
padding: 0px !important;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
border-bottom-left-radius: 50px !important;
border-bottom-right-radius: 50px !important;
width: 100%;
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}
.form-group-register {
display: flex;
margin-left: auto;
margin-right: auto;
margin-bottom: 35px !important;
justify-content: center;
max-width: 400px;
height: 60px;
}
.register-label {
font-family: 'AnimaFontRegular' !important;
position: relative !important;
top: 20px;
z-index: 3;
width: fit-content !important;
margin-right: auto;
padding-left: 30px;
font-size: 15px;
color: var(--CorFonteInput) !important;
cursor: text !important;
height: fit-content !important;
}
.register-label.hide-label {
opacity: 0%;
bottom: 26px;
}
.session-text {
font-family: 'AnimaFontSemiBold' !important;
color: var(--CorTextoAssistencia) !important;
font-size: 18px;
max-width: 400px;
margin: auto;
margin-bottom: 30px;
}
.recover-card {
background-color: var(--CardsLogin) !important;
height: 575px !important;
border-radius: 50px !important;
padding-top: 30px;
box-shadow: none !important;
border-color: transparent !important;
max-width: 620px;
}
.card-header-recover {
padding-left: 0px !important;
padding-right: 0px !important;
border-top-left-radius: 50px !important;
border-top-right-radius: 50px !important;
border-bottom: 0px !important;
background-color: transparent !important;
}
.card-body-recover {
padding: 0px !important;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
border-bottom-left-radius: 50px !important;
border-bottom-right-radius: 50px !important;
width: 100%;
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}
.form-group-recover {
display: flex;
margin-bottom: 35px !important;
justify-content: center;
max-width: 400px;
margin: auto;
height: 60px;
}
#Password {
padding-right: 92px !important;
}
#password {
padding-right: 92px !important;
}
#confirmpassword {
padding-right: 92px !important;
}
.hide-password-confirm {
position: relative;
z-index: 2;
right: 20px;
top: 20px;
cursor: pointer;
}
.show-password-confirm {
position: relative;
z-index: 2;
right: 20px;
top: 20px;
cursor: pointer;
}
.side-menu-div-logo {
padding: 35px !important;
padding-bottom: 0px !important;
}
.side-menu-logo {
width: 235px;
background-image: var(--LogoNavbar);
height: 60px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin: auto !important;
}
.side-menu-content {
color: #ffffff;
text-transform: uppercase;
font-size: 15px;
font-family: 'OpenSans';
word-break: break-all;
padding: 0px !important;
padding-top: 20px !important;
}
.side-menu {
width: 310px !important;
left: 0px !important;
position: absolute;
height: 100%;
background: #3f51b5;
z-index: 9;
min-height: 590px;
transition: 0.5s;
top: 0px !important;
background-color: #0a2a42 !important;
overflow: hidden !important;
min-width: 310px !important;
}
.side-menu-content ul li a {
color: white !important;
font-size: 13px !important;
font-family: 'AnimaFontSemiBold' !important;
text-decoration: none !important;
padding-left: 35px !important;
display: inline-block !important;
width: 100%;
height: 100%;
padding-top: 12px;
}
.side-menu-content ul {
list-style: none;
}
.side-menu-content li {
margin-bottom: 0px !important;
height: 45px !important;
padding-top: 0px !important;
}
.side-menu-content li.active {
background-color: rgba(90, 140, 181, 46) !important;
}
.side-menu-content li:hover {
background-color: rgb(21, 98, 162) !important;
}
.side-menu-content li.active a {
color: #f79621 !important;
}
.side-menu-content li:hover a {
color: #f79621 !important;
}
.profile-link {
font-family: 'AnimaFontRegular';
color: #0a2a42 !important;
font-size: 15px;
font-weight: normal !important;
}
.side-menu-lista {
padding-left: 10px !important;
cursor: pointer;
}
.navbar {
padding: 0px !important;
height: 60px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.03);
margin: 0px;
background-color: var(--CorFundo) !important;
}
.container-fluid {
padding: 0px !important;
}
.client-name-col {
padding-right: 85px;
}
.segurados-icon {
padding-right: 10px;
color: var(--CorIcons) !important;
font-size: 16px !important;
}
.card-dashboard {
width: 235px !important;
height: 220px !important;
border-radius: 30px !important;
text-align: center !important;
padding: 15px;
border: none;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.07) !important;
margin: 0px !important;
}
.card-header-dashboard {
border-top-left-radius: 20px !important;
border-top-right-radius: 20px !important;
background-color: white !important;
border: none !important;
}
.card-body-dashboard {
border-bottom-left-radius: 20px !important;
border-bottom-right-radius: 20px !important;
background-color: white !important;
border: none !important;
box-shadow: none !important;
padding: 1.25rem !important;
}
body {
height: 100%;
overflow-x: hidden !important;
background-color: #fbfbfb !important;
position: relative;
}
.title-card-dashboard {
font-family: 'AnimaFontSemiBold' !important;
font-size: 18px;
color: var(--CorTexto) !important;
}
html {
overflow-x: hidden !important;
}
.row-cards-dashboard {
align-content: center;
margin: 0px;
height: auto !important;
padding-top: 135px;
max-width: 1100px;
margin: auto;
}
.col-cards-dashboard {
text-align: -moz-center !important;
text-align: -webkit-center !important;
align-content: center;
}
.row-view {
padding-top: 60px !important;
max-width: 1100px;
margin: auto !important;
}
.color-navbar {
background-color: #0a2a42 !important;
}
.col-view {
padding: 0px;
}
.div-hamburguer {
display: none;
}
.col-sidebar {
width: 310px;
position: absolute;
height: 100%;
}
.col-navbar {
margin-left: 310px;
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden !important;
background-color: var(--CorFundo) !important;
}
.tab-card {
padding: 50px;
box-shadow: none !important;
padding-bottom: 25px;
}
.profile-title {
font-family: 'AnimaFontBold' !important;
font-size: 32px !important;
color: #0a2a42 !important;
width: fit-content;
display: inline-block;
margin: 0px;
vertical-align: middle;
padding-left: 7px;
padding-top: 5px;
}
.hr-profile {
border: 1px solid #f5f5f5;
width: 90%;
margin: auto !important;
margin-bottom: 0px !important;
}
.dados-pessoais {
font-family: 'AnimaFontBold';
font-size: 20px;
color: var(--CorTitulos) !important;
text-align: center;
background-color: var(--CorBarras) !important;
padding: 15px;
border-radius: 40px;
}
.dados-div {
height: 60px;
}
.key-field {
font-family: 'AnimaFontSemiBold' !important;
float: left !important;
font-size: 17px !important;
font-weight: normal !important;
padding-right: 5px !important;
margin-bottom: 0px !important;
color: black !important;
}
.value-field {
font-family: 'AnimaFontLight' !important;
font-size: 17px !important;
margin-bottom: 14px !important;
padding: 0px !important;
}
.col-detail-profile {
min-height: 40px;
height: auto;
}
.key-value-box {
margin-top: 18px;
margin-bottom: 50px;
}
.col-cardimg {
background-color: #afe26b;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
height: 100%;
}
.apolice-title {
font-family: 'AnimaFontBold' !important;
font-size: 32px !important;
color: #0a2a42 !important;
width: fit-content;
display: inline-block;
margin: 0px;
vertical-align: middle;
padding-left: 7px;
padding-top: 5px;
}
.hr-apolice {
border: 1px solid #f5f5f5;
width: 90%;
margin: auto !important;
}
.apolice-cards {
height: 233px;
border: 2px solid #afe26b;
border-radius: 30px;
margin-bottom: 30px;
}
.cards-apolice-row {
padding-left: 15px;
height: 100%;
}
.div-cardimg {
height: 100%;
width: fit-content;
margin: auto;
}
.cardimg {
margin-top: 80px;
}
.col-cardinfo {
padding: 26px;
padding-left: 55px;
}
.div-cardimg-mobile {
display: none;
}
.key-value-box-apolice {
margin-top: 20px;
margin-bottom: 20px;
}
.key-value-box {
margin-top: 20px;
margin-bottom: 20px;
}
.key-field-apolice {
font-family: 'AnimaFontSemiBold' !important;
float: left !important;
font-size: 17px !important;
font-weight: normal !important;
padding-right: 5px !important;
margin-bottom: 0px !important;
color: black !important;
}
.key-field-card {
font-family: 'AnimaFontSemiBold' !important;
float: left !important;
font-size: 17px !important;
font-weight: normal !important;
padding-right: 5px !important;
margin-bottom: 0px !important;
color: black !important;
}
.value-field-apolice {
font-family: 'AnimaFontLight' !important;
font-size: 17px !important;
margin-bottom: 14px !important;
}
.value-field-card {
font-family: 'AnimaFontLight' !important;
font-size: 17px !important;
margin-bottom: 14px !important;
}
.card-profile {
margin-bottom: 80px;
}
.col-detail-apolice {
min-height: 40px;
height: auto;
}
.hr-sinistro {
border: 1px solid #f5f5f5;
width: 90%;
margin: auto !important;
}
.sinistro-description {
font-family: 'AnimaFontLight' !important;
font-size: 22px;
}
#sinistro-form {
width: 100% !important;
}
.main-section {
padding: 0px !important;
border: none !important;
margin-top: 30px;
}
.select-animal-link {
margin: 0px !important;
background-color: transparent !important;
}
.dropdown {
border: 2px solid #f28b0e4d !important;
border-radius: 40px;
height: 60px !important;
padding: 8px;
cursor: pointer !important;
padding-left: 20px;
margin-bottom: 20px;
padding-right: 20px;
}
#dropdownPolicyButton {
margin: 0px !important;
width: 100%;
background-color: transparent !important;
text-align: left;
cursor: pointer !important;
position: relative;
}
#dropdownPolicyButton .arrow-dropdown-autorizacao {
position: absolute;
top: 15px;
right: 5px;
}
#dropdownCardsButton {
margin: 0px !important;
width: 100%;
background-color: transparent !important;
text-align: left;
cursor: pointer !important;
}
#dropdownCardsButton .arrow-dropdown-autorizacao {
position: absolute;
top: 15px;
right: 5px;
}
.select-animal-span {
font-family: 'AnimaFontRegular' !important;
font-size: 17px;
color: var(--CorFonteInput) !important;
font-weight: normal !important;
}
.arrow-dropdown-sinistro {
color: black;
position: relative;
left: 355px;
font-size: 15px;
bottom: 27px;
cursor: pointer;
}
.datepicker-div {
cursor: pointer;
}
.dropdown-menu {
width: 100% !important;
transform: none !important;
top: 58px !important;
}
.sinistro-form-input {
border: 2px solid #f28b0e4d !important;
border-radius: 40px;
height: 60px !important;
padding: 8px;
cursor: pointer !important;
padding-left: 20px;
}
.form-control-sinistro::placeholder {
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 17px !important;
color: var(--CorFonteInput) !important;
font-weight: normal !important;
line-height: normal !important;
}
.form-control-sinistro:not(.account-input)::placeholder {
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 17px !important;
color: var(--CorFonteInput) !important;
font-weight: normal !important;
line-height: normal !important;
}
.form-control-sinistro {
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 17px !important;
color: black !important;
font-weight: normal !important;
line-height: normal !important;
position: relative;
z-index: 2;
}
.form-control-sinistro:not(.account-input) {
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 17px !important;
color: var(--CorFonteInput) !important;
font-weight: normal !important;
line-height: normal !important;
position: relative;
z-index: 2;
padding-top: 10px;
text-align: left !important;
}
.container-form {
border: none !important;
padding: 0px !important;
}
.calendar-icon {
position: absolute;
right: 44px;
font-size: 22px;
top: 19px;
color: var(--CorBorder) !important;
z-index: 1;
}
.select-sinistro {
border: 2px solid #f28b0e4d !important;
border-radius: 40px !important;
height: 60px !important;
padding: 8px;
padding-left: 8px;
cursor: pointer !important;
padding-left: 20px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
padding-left: 31px;
}
.arrow-dropdown-sinistro-select {
color: black;
position: relative;
left: 177px;
font-size: 15px;
bottom: 58px;
cursor: pointer;
}
.arrow-dropdown-sinistro-cobertura {
bottom: 37px;
color: black;
position: relative;
left: 177px;
font-size: 15px;
cursor: pointer;
}
.form-contactos-div {
border: 2px solid #f28b0e4d !important;
border-radius: 40px;
height: 60px !important;
padding: 8px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 30px;
}
.invoice {
margin-top: 15px;
}
.btn-validate-insurance {
background-color: transparent !important;
font-family: 'AnimaFontBold' !important;
border: 2px solid #f79623 !important;
color: var(--CorTextoBotoesSecundarios) !important;
border-radius: 45px !important;
font-size: 14px !important;
margin: 0px !important;
padding: 28px 28px !important;
border-color: var(--CorBotaoSecundario) !important;
}
.btn-new-invoice {
margin-bottom: 30px !important;
margin-top: 30px !important;
}
.hide-file {
position: absolute;
left: 38px;
width: 176px;
height: 60px;
cursor: pointer;
opacity: 0.000000001%;
}
.fa-cloud-upload-alt {
color: #f79621;
font-size: 45px;
}
.anexo-texto {
font-family: 'AnimaFontRegular';
font-size: 18px;
}
.dropzone {
border-radius: 3px;
background: #fff8f0 !important;
padding: 15px;
border: dashed 2px #f79621 !important;
margin-bottom: 10px;
display: none;
}
.btn-anexo {
background-color: #f79621 !important;
outline: none !important;
border: none !important;
border-radius: 35px !important;
font-family: 'AnimaFontBold' !important;
font-size: 13px !important;
text-transform: uppercase;
}
.btn-complementar-div {
align-self: end;
margin-bottom: 10px;
}
.row-complementar {
margin-bottom: 20px;
}
.btn-submit-sinistro {
background-color: var(--CorBotoes) !important;
border-color: var(--CorBotoes) !important;
color: var(--CorTextoBotoes) !important;
margin-top: 30px !important;
}
.dropzone-description {
font-family: 'AnimaFontRegular' !important;
font-size: 16px !important;
letter-spacing: 0px;
}
.btn-complementar {
width: 100%;
}
.label-sinistro {
position: absolute;
background-color: white;
bottom: 39px;
left: 28px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
.label-sinistro-calendar {
position: absolute;
background-color: white;
bottom: 60px;
left: 47px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
.label-sinistro-select {
position: absolute;
background-color: white;
bottom: 75px;
left: 45px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
z-index: 10;
}
.label-sinistro-select.cobertura {
bottom: 75px;
}
.arrow-dropdown-sinistro-cobertura {
color: black;
position: relative;
left: 175px;
font-size: 15px;
bottom: 36px;
cursor: pointer;
}
.label-sinistro-contacto {
position: absolute;
background-color: white;
bottom: 60px;
left: 47px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
.label-sinistro-valor {
position: absolute;
background-color: white;
bottom: 70px;
left: 47px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
.hide-anexo {
position: absolute;
left: 15px;
width: 275px;
height: 60px;
cursor: pointer;
opacity: 0.000000001%;
padding: 0px !important;
}
.sinistro-title {
font-family: 'AnimaFontBold' !important;
font-size: 32px !important;
color: #0a2a42 !important;
width: fit-content;
display: inline-block;
margin: 0px;
vertical-align: middle;
padding-left: 7px;
}
.dropdown-menu {
padding: 0px;
}
.green {
background-color: #48ff00 !important;
width: 13px !important;
display: inline-block !important;
height: 13px !important;
border-radius: 50% !important;
vertical-align: text-bottom !important;
margin-bottom: 2px !important;
margin-left: 4px !important;
}
.xdsoft_datetimepicker {
border-radius: 10px !important;
background-color: #fff8f0 !important;
width: 300px !important;
margin: auto;
}
.xdsoft_datepicker {
width: 280px !important;
}
.xdsoft_label {
background-color: #fff8f0 !important;
color: black !important;
margin-left: 20px !important;
}
.xdsoft_calendar {
background: #e8e8e8b8 !important;
}
.xdsoft_current {
background-color: #f79621 !important;
box-shadow: none !important;
}
.xdsoft_time {
background-color: #f79621 !important
}
.xdsoft_datetimepicker .xdsoft_calendar {
background-color: rgba(251, 171, 80, 0.11) !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
background: white;
height: 100% !important;
text-align: center;
align-content: center;
padding: 0px !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div:hover {
background-color: #f79621 !important;
color: white !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div:hover td {
background-color: #f79621 !important;
background: #f79621 !important;
color: white !important;
}
.xdsoft_datetimepicker .xdsoft_calendar .xdsoft_current > div {
background-color: #f79621 !important;
color: white !important;
}
.xdsoft_datetimepicker .xdsoft_calendar .xdsoft_today:not(.xdsoft_current) > div {
color: black !important;
}
.xdsoft_today_button {
display: none !important;
}
.xdsoft_next {
opacity: 100% !important;
transform: scale(0.6) !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'>") !important;
}
.xdsoft_prev {
opacity: 100% !important;
transform: scale(0.6) !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'>") !important;
}
.xdsoft_calendar table {
height: 200px;
}
.xdsoft_calendar td {
height: 25px !important;
background: white !important;
}
.xdsoft_date {
padding: 0px !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover {
background: #f79621 !important;
}
.xdsoft_calendar .xdsoft_current {
background: #f79621 !important;
background-color: #f79621 !important;
}
.xdsoft_calendar .xdsoft_date:hover div {
background: none !important;
background-color: transparent !important;
}
.xdsoft_other_month div {
background-color: #fff !important;
color: #666 !important;
font-size: 12px !important;
vertical-align: middle !important;
padding: 0 !important;
border-collapse: collapse !important;
cursor: pointer !important;
height: 25px !important;
border: 0px !important;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.xdsoft_other_month {
opacity: 100% !important;
}
.xdsoft_other_month.xdsoft_disabled {
opacity: 50% !important;
}
.xdsoft_other_month.xdsoft_disabled div {
color: #666 !important;
border: 0px !important;
}
.fatura-row {
border: 2px solid #f79621;
padding: 20px;
border-radius: 15px;
margin-bottom: 30px;
border-color: var(--CorBorder) !important;
}
.fileName {
align-content: center;
height: fit-content;
font-family: 'AnimaFontRegular' !important;
font-size: 15px;
cursor: default;
display: inline-block !important;
margin-right: 15px;
line-height: 35px;
word-break: break-all;
color: var(--CorTexto) !important;
}
.fileCheck {
color: #f79621;
}
.fileRemove {
display: none;
vertical-align: middle;
}
.fileName:hover .fileCheck {
display: none;
}
.fileName:hover .fileRemove {
display: inline-block;
}
.ficheiros-complementares {
border: 2px solid #f79621;
display: none;
text-align: left;
padding: 20px;
border-radius: 15px;
margin-bottom: 0px;
border-color: var(--CorBorder) !important;
}
.fileAnexoDiv {
align-content: center;
height: fit-content;
font-family: 'AnimaFontRegular' !important;
font-size: 15px;
cursor: default;
padding-bottom: 5px;
}
.fileAnexo {
padding-right: 10px !important;
color: red;
cursor: pointer;
}
.trash-fatura {
padding-right: 5px;
color: #ED254E;
cursor: pointer;
}
.select-animal-link.btn-ocorrencia {
margin: 0px !important;
}
.btn-ocorrencia {
background-color: transparent;
border: none;
color: black !important;
height: 100%;
margin: 0px !important;
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 17px !important;
color: black !important;
font-weight: normal !important;
line-height: normal !important;
position: relative;
z-index: 2;
padding-top: 10px;
text-align: left;
padding: 0px !important;
padding-left: 10px !important;
text-align: left;
}
.btn-ocorrencia:hover {
background-color: transparent;
border: none;
}
.btn-ocorrencia:active {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
color: black !important;
}
.btn-ocorrencia:focus {
box-shadow: none !important;
}
.btn-ocorrencia::after {
display: none !important;
}
.dropdown-item-ocorrencia {
padding: 10px !important;
margin: 0px;
font-family: 'AnimaFontRegular' !important;
color: black !important;
}
.dropdown-item-ocorrencia:hover {
background-color: #fff8f0 !important
}
.btn-cobertura {
background-color: transparent;
border: none;
color: black !important;
height: 100%;
margin: 0px !important;
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 17px !important;
color: black !important;
font-weight: normal !important;
line-height: normal !important;
position: relative;
z-index: 2;
padding-top: 10px;
text-align: left;
padding: 0px !important;
padding-left: 10px !important;
}
.btn-cobertura:hover {
background-color: transparent;
border: none;
}
.btn-cobertura:active {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
color: black !important;
}
.btn-cobertura:focus {
box-shadow: none !important;
}
.btn-cobertura::after {
display: none !important;
}
.dropdown-item-cobertura {
padding: 10px !important;
margin: 0px;
font-family: 'AnimaFontRegular' !important;
color: black !important;
}
.dropdown-item-cobertura:hover {
background-color: #fff8f0 !important
}
.dropdown-item {
font-family: 'AnimaFontRegular' !important;
}
.dropdown-cobertura {
margin: 0px !important;
}
.label-sinistro-nif {
bottom: 75px !important;
}
.datepicker-div {
padding: 0px !important;
border-color: var(--CorBorder) !important;
}
#data_sinistro {
height: 100%;
padding-left: 30px !important;
padding-bottom: 10px;
}
#data_sinistro.form-control-autorizacao {
padding-left: 9px !important;
}
.remove-invoice-btn {
position: relative;
margin-left: auto;
padding: 10px;
margin-right: 5px;
margin-bottom: 20px;
background-color: transparent !important;
width: auto;
border: 2px solid red;
padding: 18px 36px !important;
border-radius: 45px;
font-size: 13px !important;
font-family: 'AnimaFontBold' !important;
margin-right: 15px;
margin-top: 20px;
margin-bottom: 0px;
}
.trash-remove-fatura {
padding-right: 5px !important;
color: red;
}
label.error {
top: 15px;
position: relative;
float: inline-start;
font-family: 'AnimaFontLight' !important;
font-weight: normal !important;
}
.label-sinistro-data {
position: absolute;
background-color: white;
bottom: 60px;
left: 47px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
.sweet-alert {
border-radius: 40px !important;
}
.sweet-alert h2 {
font-family: 'AnimaFontBold' !important;
color: #0a2a42 !important;
}
.sweet-alert p {
font-family: 'AnimaFontRegular' !important;
color: black !important;
}
.sweet-alert .confirm {
width: 150px;
border-radius: 30px;
background-color: #0a2a42 !important;
}
.btn-upload {
margin-left: auto;
}
.div-ficheiros-exames {
margin-top: 30px;
}
.div-ficheiros-relatorios {
margin-top: 30px;
}
.div-ficheiros-sinistro {
margin-top: 30px;
}
.autorizacao-description {
font-family: 'AnimaFontLight' !important;
font-size: 22px;
color: black !important;
}
.autorizacao-title {
font-family: 'AnimaFontBold' !important;
font-size: 32px !important;
color: #0a2a42 !important;
width: fit-content;
display: inline-block;
margin: 0px;
vertical-align: middle;
padding-left: 7px;
}
.hr-autorizacao {
border: 1px solid #f5f5f5;
width: 90%;
margin: auto !important;
}
.label-autorizacao {
position: absolute;
background-color: white;
bottom: 39px;
left: 28px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
.label-autorizacao-calendar {
position: absolute;
background-color: white;
bottom: 60px;
left: 47px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
.label-autorizacao-contacto {
position: absolute;
background-color: white;
bottom: 60px;
left: 47px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
.autorizacao-form-input {
border: 2px solid #f28b0e4d !important;
border-radius: 40px;
height: 60px !important;
padding: 8px;
cursor: pointer !important;
padding-left: 20px !important;
border-color: var(--CorBorder) !important;
}
.form-control-autorizacao::placeholder {
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 17px !important;
color: var(--CorFonteInput) !important;
font-weight: normal !important;
line-height: normal !important;
}
.form-control-autorizacao:not(.account-input)::placeholder {
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 17px !important;
color: var(--CorFonteInput) !important;
font-weight: normal !important;
line-height: normal !important;
}
.form-control-autorizacao {
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 17px !important;
color: var(--CorFonteInput) !important;
font-weight: normal !important;
line-height: normal !important;
position: relative;
z-index: 2;
}
.form-control-autorizacao:not(.account-input) {
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 17px !important;
color: var(--CorFonteInput) !important;
font-weight: normal !important;
line-height: normal !important;
position: relative;
z-index: 2;
padding-top: 10px;
}
.dropdown-item-procedimento {
padding: 10px !important;
margin: 0px;
font-family: 'AnimaFontRegular' !important;
color: black !important;
}
.dropdown-item-procedimento:hover {
background-color: #fff8f0 !important
}
.btn-upload-medic {
margin-bottom: 20px !important;
}
.askSupport {
font-family: 'AnimaFontBold' !important;
text-transform: uppercase;
color: var(--CorTextoBotoes) !important;
background-color: var(--CorBotoes) !important;
cursor: pointer !important;
height: 50px;
width: 145px;
border-radius: 25px;
display: block;
text-align: center;
padding-top: 14px;
margin-top: 15px;
}
.askSupport:hover {
background-color: var(--CorBotoes) !important;
color: var(--CorTextoBotoes) !important;
}
.askSupport:active {
background-color: var(--CorBotoes) !important;
color: var(--CorTextoBotoes) !important;
}
.askSupport:visited {
background-color: var(--CorBotoes) !important;
color: var(--CorTextoBotoes) !important;
}
.card-body-support {
padding-top: 20px;
}
.col-email {
margin-top: 40px;
}
.support-div {
align-content: center;
}
.hr-support {
border: 1px solid #f5f5f5;
width: 90%;
margin: auto !important;
}
.supportTH {
font-family: 'AnimaFontSemiBold' !important;
font-size: 18px !important;
border: none !important;
font-weight: normal !important;
}
.supportTR {
border: none !important;
height: 50px;
}
.supportTD {
font-family: 'AnimaFontLight' !important;
font-size: 18px !important;
border: none !important;
width: 810px !important;
}
.mks_footer li {
font-family: 'AnimaFontBold' !important;
font-size: 16px !important;
color: #f79621;
background-color: transparent !important;
padding: 0px !important;
min-width: 15px !important;
}
.supportFooter {
padding: .75rem 0px !important;
cursor: auto !important;
}
.supportFooter td {
cursor: auto !important;
border: none !important;
}
.supportFooter .mks_pagination {
cursor: pointer !important;
}
.supportFooter .mks_footer {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.msk_paging_sum {
padding-left: 10px;
position: absolute;
right: 10px;
font-size: 13px;
}
.textarea-div {
height: auto !important;
border-radius: 15px;
}
.label-textarea {
bottom: 251px;
}
textarea {
resize: none !important;
}
.btn-submit-support {
background-color: var(--CorBotoes) !important;
border-color: var(--CorBotoes) !important;
color: var(--CorTextoBotoes) !important;
}
.support-description {
font-family: 'AnimaFontLight' !important;
font-size: 22px;
color: var(--CorTexto) !important;
margin-bottom: 35px;
}
.arrow-dropdown-support {
color: var(--CorFonteInput) !important;
position: relative;
left: 355px;
font-size: 15px;
bottom: 27px;
cursor: pointer;
}
.card-email {
border: none !important;
}
.mail-box-header {
border: none !important;
padding: 15px 20px 10px 20px !important;
}
.email-header-text {
font-family: 'AnimaFontRegular' !important;
color: black;
margin-bottom: 10px !important;
}
.hr-email {
border: 1px solid #f5f5f5;
width: 95%;
margin: auto !important;
}
.mail-box {
border: none !important;
margin-bottom: 0px !important;
}
.mail-body {
border: none !important;
padding: 15px 20px 0px 20px !important;
}
.MsoNormal span {
font-family: 'AnimaFontRegular' !important;
color: black !important;
font-size: 16px !important;
}
.list-group-item {
border: 1px solid #f796215e !important;
font-family: 'AnimaFontRegular' !important;
color: black !important;
font-size: 13px !important;
border-color: var(--CorBorder) !important;
}
.list-group-item span {
font-family: 'AnimaFontRegular' !important;
color: black !important;
font-size: 13px !important;
}
#parent .col-24 h3 {
padding-left: 12px !important;
margin-bottom: 0px !important;
}
#parent .col-24 table {
margin-top: 5px !important;
}
#parent .col-24 table p {
font-family: 'AnimaFontSemiBold' !important;
font-weight: normal !important;
font-size: 16px !important;
color: black !important;
margin: 0px;
}
#parent .col-24 table b {
font-family: 'AnimaFontSemiBold' !important;
font-weight: normal !important;
font-size: 16px !important;
color: black !important;
margin: 0px;
}
.fatura-icon-email {
font-family: 'AnimaFontRegular' !important;
color: black !important;
font-size: 14px !important;
}
.btn-responder-email {
padding: 17px 40px !important;
border-radius: 35px;
margin-right: 50px;
margin-top: 1px !important;
margin-bottom: 20px;
color: var(--CorTextoBotoesSecundarios) !important;
font-family: 'AnimaFontSemiBold' !important;
margin-right: 10px !important;
vertical-align: bottom;
border-color: var(--CorBotaoSecundario) !important;
}
.card-detail {
border-radius: 0px !important;
box-shadow: none !important;
border: none !important;
border-bottom-left-radius: 30px !important;
border-bottom-right-radius: 30px !important;
margin-bottom: 0px !important;
background-color: var(--CorCardsV2) !important;
}
.card-body-detail {
border-radius: 0px !important;
box-shadow: none !important;
border: none !important;
padding: 50px;
padding-top: 10px;
padding-bottom: 0px !important;
}
.textarea-div-detail {
margin-top: 20px;
height: auto !important;
border-radius: 20px !important;
}
.label-detail {
position: absolute;
background-color: white;
top: 10px;
left: 47px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
textarea::placeholder {
font-family: 'AnimaFontRegular' !important;
color: var(--CorFonteInput) !important;
letter-spacing: normal !important;
}
.btn-enviar-email {
padding: 17px 40px !important;
border-radius: 35px;
margin-right: 50px;
margin-top: 1px !important;
margin-bottom: 20px;
color: var(--CorTextoBotoesSecundarios) !important;
font-family: 'AnimaFontSemiBold' !important;
margin-right: 10px !important;
}
.send-email-div {
margin-top: 10px;
}
#form-reply {
margin-bottom: 0px !important;
}
.btn-cancel-email {
background-color: var(--CorBotoes) !important;
padding: 15px 40px !important;
border-radius: 35px;
margin-right: 0px;
margin-top: 20px;
margin-bottom: 20px;
color: var(--CorTextoBotoes) !important;
font-family: 'AnimaFontSemiBold' !important;
text-transform: uppercase !important;
}
.form-email {
margin-bottom: 20px !important;
}
#mail-body- font .ibox + p {
display: none;
}
.col-table {
margin-top: 20px;
}
.anexar-fatura-pedido {
border: none !important;
padding-right: 0px !important;
}
.hide-file-pedido {
position: absolute;
width: 212px;
height: 60px;
cursor: pointer;
opacity: 0.000000001%;
right: 15px;
}
.pedido-row {
border: 2px solid #f79621;
padding: 20px;
border-radius: 15px;
border-color: var(--CorBorder) !important;
}
.btn-anexar-email {
padding: 24px 40px !important;
border-radius: 35px;
margin-right: 50px;
margin-top: 1px !important;
margin-bottom: 20px;
color: var(--CorTextoBotoesSecundarios) !important;
font-family: 'AnimaFontSemiBold' !important;
margin-right: 0px !important;
}
.hide-file-email {
position: absolute;
width: 208px;
height: 53px;
cursor: pointer;
opacity: 0.000000001%;
right: 15px;
}
.fa-reply {
padding-right: 5px;
}
.anexar-fatura-pedido {
height: auto !important;
}
.card-support-detail {
border: 2px solid #f79621 !important;
border-radius: 20px;
margin: 20px;
}
.mail-box-header-detail {
border-top-right-radius: 30px;
border-top-left-radius: 30px;
}
.mail-box-detail {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.mks_table_th_title {
font-weight: normal !important;
}
.col-newsdetail {
padding: 20px;
}
.title-newsdetail {
font-family: 'AnimaFontBold';
color: var(--CorTitulos) !important;
margin-bottom: 20px;
}
.description-newsdetail {
color: black !important;
font-family: 'AnimaFontRegular';
}
.table-faqs tr {
cursor: pointer;
}
.faq-description ul {
padding: 20px;
}
.faq-description span {
font-family: 'AnimaFontLight';
}
.card-info-termos {
font-family: 'AnimaFontRegular' !important;
}
.card-info-termos {
padding-bottom: 50px;
}
.modal-header-accept {
border-top-left-radius: 30px !important;
border-top-right-radius: 30px !important;
border: none;
padding-left: 30px;
background-color: var(--CorCardsV2) !important;
}
.modal-content-accept {
border-radius: 30px !important;
height: 90%;
background-color: var(--CorCardsV2) !important;
}
.modal-title-accept {
font-family: 'AnimaFontBold' !important;
}
.card-info-content {
font-family: 'AnimaFontRegular' !important;
}
.card-info-content-detail {
font-family: 'AnimaFontRegular' !important;
text-align: center;
}
.modal-footer-terms-conditions {
border: none !important;
border-bottom-left-radius: 30px !important;
border-bottom-right-radius: 30px !important;
background-color: var(--CorCardsV2) !important;
}
.modal-cancel {
background-color: #f9526c !important;
font-family: 'AnimaFontBold' !important;
letter-spacing: normal !important;
margin-right: 30px;
margin-left: 20px;
color: white !important;
border-radius: 40px;
padding-left: 25px !important;
padding-right: 25px !important;
border-color: transparent !important;
}
.modal-content-disagree {
border-radius: 30px !important;
background-color: var(--CorCardsV2) !important;
}
.modal-header-disagree {
border-top-left-radius: 30px !important;
border-top-right-radius: 30px !important;
border: none !important;
padding-left: 30px !important;
background-color: var(--CorCardsV2) !important;
}
.modal-title-disagree {
font-family: 'AnimaFontBold' !important;
}
.modal-footer-disagree {
border: none !important;
border-bottom-left-radius: 30px !important;
border-bottom-right-radius: 30px !important;
}
.modal-footer > button, .modal-footer > .col-6 > .modal-confirm {
border-radius: 40px;
padding-left: 25px !important;
padding-right: 25px !important;
background-color: transparent !important;
color: var(--CorTextoBotoesSecundarios) !important;
font-family: 'AnimaFontBold' !important;
letter-spacing: normal !important;
border: 2px solid;
border-color: var(--CorBotaoSecundario) !important;
}
.modal-footer > a.btn-danger, .modal-footer > .col-6 > .btn-danger {
background-color: var(--CorFecharCancelar) !important;
font-family: 'AnimaFontBold' !important;
letter-spacing: normal !important;
margin-right: 10px;
margin-left: 20px;
color: white !important;
border-radius: 40px;
padding: 18px 25px !important;
border-color: transparent !important;
}
.modal-footer-logout .modal-cancel {
margin-right: 0px !important;
margin-left: 10px !important;
}
.modal-footer-logout .modal-confirm {
padding: 16px 5px;
}
.card-support {
border-top-left-radius: 30px !important;
border-top-right-radius: 30px !important;
}
.card-support .tab-card {
border-top-left-radius: 30px !important;
border-top-right-radius: 30px !important;
}
#panel-list ul {
padding: 0px !important;
max-width: 49% !important;
}
#panel-list ul:last-child {
margin-left: auto;
}
.card-img-top {
border-top-left-radius: 30px !important;
border-top-right-radius: 30px !important;
}
.card-body-apolice .key-value-box-apolice {
margin-bottom: 0px !important;
}
.form-contactos-div {
margin-bottom: 20px;
}
#SupportRequest {
margin-bottom: 30px !important;
}
.card-body-newsletter {
padding-top: 0px;
}
.supfooter td {
border: none !important;
}
.card-body-uses {
padding-top: 10px !important;
}
.footernetwork td {
border: none !important;
}
.card-body-uses {
padding-left: 20px !important;
padding-right: 20px !important;
}
.network-uses-table {
border-bottom-left-radius: 30px !important;
border-bottom-right-radius: 30px !important;
}
.close-sidebar {
font-family: 'Font Awesome 6 Free' !important;
}
.anexar-fatura-pedido .col-18 {
padding-left: 0px !important;
}
.card-body-usesdetail {
padding-top: 10px;
}
.policy-info-section-1 {
margin: 0px !important;
}
.policy-info-section-1 p {
font-family: 'AnimaFontLight' !important;
color: black;
}
.policy-info-section-1 label {
font-family: 'AnimaFontRegular' !important;
margin-bottom: 0px;
}
.network-uses-details-table {
margin-top: 35px;
}
.embed-responsive {
margin-top: 20px;
}
.mail-attachment {
border: none !important;
padding: 20px;
font-size: 12px;
}
.side-menu-lista {
padding-left: 0px !important;
}
.label-textareaV2 {
position: absolute;
background-color: white;
bottom: 236px;
left: 45px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
.card-body-faqs {
padding-top: 0px;
}
.msk_paging_sum {
font-family: 'AnimaFontSemiBold' !important;
}
.mks_pagination li:hover {
color: #0a2a42 !important;
}
.mks_page_active {
color: #0a2a42 !important;
}
.mks_option_page .fa {
color: #f79621;
}
.mks_option_page .fa:hover {
color: #0a2a42;
}
#parent table th {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
#parent table td {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
#parent table tbody td {
padding-top: 5px;
}
#sinistro-form {
margin-bottom: 0px !important;
}
.btn-submit-sinistro {
margin-top: 20px !important;
}
.card-body-sinistro {
padding-bottom: 32px;
}
#sinistro-form section .main-section {
margin-bottom: 0px !important;
}
#btn-submit-previo {
margin-top: 10px !important;
}
.card-body-autorizacao {
padding-bottom: 35px !important;
}
.answer-back-container .card-body-support {
padding-bottom: 20px !important;
}
.arrow-faqs {
float: right;
transform: rotate(90deg);
}
.table-faqs td {
border-top: none !important;
border-bottom: 1px solid #cacaca !important;
padding-top: 20px;
padding-bottom: 20px;
font-weight: bold;
vertical-align: middle !important;
}
.table-faqs tr:nth-last-child(2) td {
border: none !important;
}
.table-faqs tr:first-child td {
border-top: 1px solid #cacaca !important;
}
.table-faqs tr:last-child td {
border: none !important;
}
.faq-description span {
font-family: 'AnimaFontLight' !important;
font-weight: normal !important;
}
.faq-description span {
font-family: 'AnimaFontLight' !important;
font-weight: normal !important;
}
.faq-description li {
font-family: 'AnimaFontLight' !important;
font-weight: normal !important;
color: black !important;
}
.faq-detail td {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.faq-detail a {
font-family: 'AnimaFontLight' !important;
color: blue !important;
}
.faq-detail p {
margin-bottom: 0px !important;
}
.dropdown.show {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom: none !important;
}
.dropdown.disabled.show {
border-radius: 40px !important;
border: 2px solid #f2c9974d !important;
}
.dropdown-menu.show {
border-radius: 0px;
border: 2px solid #f28b0e4d !important;
left: -1px !important;
width: 101% !important;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
border-color: var(--CorBorder) !important;
}
.dropdown-menu.show a:last-child {
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
}
.termos-header {
margin-bottom: 35px;
}
.termos-header h2 {
font-family: 'AnimaFontSemiBold' !important;
color: black;
margin-bottom: 20px;
}
.termos-header h4 {
font-family: 'AnimaFontRegular' !important;
color: black;
margin-bottom: 15px;
}
.termos-header p {
font-family: 'AnimaFontLight' !important;
color: black;
line-height: 1.9;
}
.div-termos {
margin-bottom: 40px;
}
.div-termos h3 {
font-family: 'AnimaFontSemiBold' !important;
color: black;
margin-bottom: 15px;
}
.div-termos p {
font-family: 'AnimaFontLight' !important;
color: black;
}
.termos-footer p {
font-family: 'AnimaFontLight' !important;
color: black;
}
.dropdown.show label {
bottom: 41px;
}
.card-dashboard img {
width: 60px;
}
.tab-card img {
width: 60px;
}
#tableSupport tr th {
cursor: auto !important;
}
#tableSupport {
background-color: var(--CorCardsV2) !important;
}
.btn-voltar-email {
background-color: var(--CorBotoes) !important;
border-radius: 35px;
margin-right: 80px;
color: white !important;
font-family: 'AnimaFontSemiBold' !important;
text-transform: uppercase !important;
vertical-align: bottom;
height: 50px;
width: 145px;
padding: 0px !important;
padding-top: 14px !important;
}
.btn-voltar-email.btn-voltar-geral {
margin-right: 0px !important;
}
#NetworkUsesTable tr th {
cursor: auto !important;
}
#tableNewsletter tr th {
cursor: auto !important;
}
.table-faqs p {
cursor: auto;
}
.table-faqs li {
cursor: auto;
}
.btn-preencher-sinistro {
margin-top: 15px;
}
.btn-voltar-sinistro {
margin-bottom: 60px;
}
.logo-rede {
width: 284px;
height: 214px;
object-fit: scale-down;
}
.card.card-news {
background-color: transparent;
height: auto;
max-width: 510px !important;
border: none !important;
margin: 0px !important;
margin-bottom: 25px !important;
cursor: pointer;
border-radius: 0 !important;
box-shadow: none !important;
}
.card.card-news .back-img {
background-repeat: no-repeat !important;
background-size: contain !important;
border-radius: 30px;
margin-bottom: 15px;
height: 220px !important;
background-position: center !important;
}
.card.card-news .card-title-news {
font-family: 'AnimaFontExtraBold' !important;
color: #0a2a42;
line-height: 30px !important;
font-size: 20px !important;
text-align: start;
padding-left: 0px !important;
padding-bottom: 5px;
max-width: 245px !important;
letter-spacing: normal !important;
font-weight: normal !important;
margin: 0px;
}
.card.card-news p {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
padding-left: 0px !important;
width: 40%;
line-height: 20px !important;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card.card-news a {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
width: 40%;
margin-top: -20px;
margin-left: 100px;
line-height: 20px;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card-noticia-newsletter {
background-color: transparent;
height: auto;
border: none !important;
margin: 0px !important;
margin-bottom: 20px !important;
cursor: pointer;
border-radius: 0 !important;
box-shadow: none !important;
}
.card-noticia-newsletter .back-img {
background-repeat: no-repeat !important;
background-size: contain !important;
border-radius: 30px;
margin-bottom: 5px;
height: 155px !important;
background-position: center !important;
}
.card-noticia-newsletter .card-title-news {
font-family: 'AnimaFontExtraBold' !important;
color: #0a2a42;
line-height: 25px !important;
font-size: 20px !important;
text-align: start;
padding-left: 0px !important;
padding-bottom: 10px;
max-width: 640px !important;
letter-spacing: normal !important;
font-weight: normal !important;
margin: 0px;
padding: 5px;
}
.card-noticia-newsletter p {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
padding-left: 0px !important;
width: 100%;
line-height: 20px !important;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card-noticia-newsletter a {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
width: 100%;
margin-top: -20px;
margin-left: 100px;
line-height: 20px;
letter-spacing: normal !important;
font-weight: normal !important;
}
.newsdetail-image {
margin: 20px 0px;
}
.dashboard-news-row {
padding: 0px 35px;
margin-top: 75px;
}
.newsdetail-image img {
object-fit: contain;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
.form-control:not(.account-input) {
border: none;
}
.svg-dashboard {
width: 55px;
height: auto;
vertical-align: middle;
}
.svg-dashboard .cls-2 {
fill: var(--CorIcons) !important;
}
.svg-dashboard .cls-1 {
fill: none !important;
}
#tableSupport supportTR {
cursor: pointer !important;
}
#NetworkUsesTable {
background-color: var(--CorCardsV2) !important;
}
.network-uses-details-table {
background-color: var(--CorCardsV2) !important;
}
#NetworkUsesTable tr {
cursor: pointer !important;
}
.supportTR {
cursor: pointer !important;
}
.mks_table tr {
cursor: auto;
}
.file-box {
float: left;
width: 220px;
}
.file-box .file {
border: 1px solid #e7eaec;
padding: 0;
background-color: #ffffff;
position: relative;
margin-bottom: 20px;
margin-right: 20px;
}
.file-box .file .corner {
position: absolute;
display: inline-block;
width: 0;
height: 0;
line-height: 0;
border: 0.6em solid transparent;
border-right: 0.6em solid #f1f1f1;
border-bottom: 0.6em solid #f1f1f1;
right: 0em;
bottom: 0em;
}
.file-box .file .icon {
height: 100px;
overflow: hidden;
padding: 15px 10px;
text-align: center;
}
.file-box .file .icon i {
font-size: 70px;
color: #dadada;
}
.file-box .file .file-name {
padding: 10px;
background-color: #f8f8f8;
border-top: 1px solid #e7eaec;
word-break: break-all;
}
.login-container {
background-color: var(--CorFundoLogin);
}
input {
background-color: white !important;
color: var(--CorFonteInput) !important;
}
input::placeholder {
color: var(--CorFonteInput) !important;
}
.dropdown {
border-color: var(--CorBorder) !important;
}
label:not(.login-label):not(.label-network-detail):not(.register-label) {
color: var(--CorBorder) !important;
background-color: var(--CorCardsV2) !important;
}
.form-contactos-div {
border-color: var(--CorBorder) !important;
}
.title-color-apply {
color: var(--CorTitulos) !important;
}
.fill-card {
background-color: var(--CorCardsV2) !important;
}
.dropdown-toggle::after {
display: none !important;
}
#parent table td {
text-align: left !important;
cursor: auto !important;
}
.description-newsdetail p {
color: var(--CorTexto) !important;
}
p {
color: var(--CorTexto) !important;
}
#modal-conditions-accept {
overflow-y: auto;
}
table:not(.table-relatorio) th, table:not(.table-relatorio) td {
color: var(--CorTexto) !important;
}
.label-network-detail {
color: var(--CorTexto) !important;
}
.faq-description li {
color: var(--CorTexto) !important;
}
.termos-header h2, .termos-header h4 {
color: var(--CorTitulos) !important;
}
.div-termos h3 {
color: var(--CorTitulos) !important;
}
.dropdown-item {
padding: 15px;
color: var(--CorFonteInput) !important;
background-color: white !important;
}
.dropdown-item:hover {
background-color: var(--CorBorder) !important;
}
.animal-item {
padding: 15px;
color: var(--CorFonteInput) !important;
background-color: white !important;
}
.animal-item:hover {
background-color: var(--CorBorder) !important;
}
.select-animal-li {
padding: 15px;
color: var(--CorFonteInput) !important;
background-color: white !important;
}
.select-animal-li:hover {
background-color: var(--CorBorder) !important;
}
.dropdown.disabled {
pointer-events: none !important;
border-color: #b6b6b6 !important;
}
.dropdown.disabled label:not(.login-label):not(.label-network-detail):not(.register-label) {
color: #919191 !important;
}
.dropdown.disabled span {
color: #919191 !important;
}
.dropdown.disabled i {
color: #919191 !important;
}
.dropzone-description {
color: var(--CorTexto) !important;
}
.dropdown i {
color: var(--CorBorder) !important;
}
.arrow-faq {
margin-left: auto;
margin-right: auto;
width: 40px;
height: 50px;
}
#Dribbble-Light-Preview {
fill: var(--CorTexto) !important;
}
.faq-description span {
color: var(--CorTexto) !important;
}
.faq-description p {
color: var(--CorTexto) !important;
}
.card-info-content {
color: var(--CorTexto) !important;
}
.login-label {
color: var(--CorFonteInput) !important;
}
.account-input {
color: var(--CorFonteInput) !important;
}
.profile-link {
color: var(--CorTexto) !important;
}
section.account-wrapper-section {
background-color: var(--CorFundoLogin) !important;
}
#sinistro-form button {
position: relative;
}
#sinistro-form button i {
position: absolute;
top: 15px;
right: 5px;
}
.back-img {
background-size: contain !important;
}
.logo_div {
background: var(--LogoLogin);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
text-align: left !important;
padding-left: 15px !important;
max-width: 275px;
display: inline-block;
padding-top: 0px !important;
height: 80px;
margin: auto;
}
.login-container .div-banner {
background-color: #092334;
width: 100%;
height: 72px;
position: fixed;
z-index: 1000;
bottom: 0px;
}
.login-container .div-banner .div-img-banner {
align-content: center;
}
.login-container .div-banner .div-img-banner .text-banner {
display: inline-block;
color: white !important;
text-align: center;
font-family: 'AnimaFontSemiBold' !important;
margin: 0px !important;
padding: 0px !important;
padding-right: 10px !important;
}
.login-container .div-banner .div-img-banner img {
height: 32px;
vertical-align: middle;
}
.link-new-client {
display: none;
}
@media only screen and (max-width:991px) {
.title-color-apply-login {
margin-bottom: 15px !important;
}
.card.login-card {
padding-top: 0px;
height: 475px !important;
}
.form-group-login {
margin-bottom: 25px !important;
}
.form-group-recover {
margin-bottom: 25px !important;
}
.card-body-recover {
padding-top: 15px !important;
}
.card.recover-card {
max-width: 500px !important;
padding-top: 0px;
height: 500px !important;
}
.card.register-card {
max-width: 500px !important;
padding-top: 0px;
height: 760px !important;
}
.account-wrapper-section .account-container .card .card-body.card-body-register {
padding-top: 15px !important;
}
.account-wrapper-section .account-container .card .card-body.card-body-recover {
padding-top: 15px !important;
}
.form-group-register {
margin-bottom: 25px !important;
}
}
.img-newsletter-detail {
object-fit: contain;
max-height: 200px;
}
@supports (-moz-appearance:none) {
.label-textareaV2 {
position: absolute;
background-color: white;
bottom: 234px;
left: 45px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
#newpass:-moz-autofill {
background-color: white !important;
}
}
input {
background-color: transparent !important;
color: white;
}
input:autofill {
color: white !important;
}
input:-webkit-autofill {
color: white !important;
}
.recover-input {
filter: saturate(0%) !important;
}
.reset-password {
color: var(--CorLinks) !important;
}
.side-menu {
background-color: var(--CorNavbar) !important;
}
.side-menu-content ul li a {
color: var(--CorTextoNavbar) !important;
}
.side-menu-content li:hover {
background-color: var(--CorHoverNavbar) !important;
}
.side-menu-content li:hover a {
color: var(--CorHoverTextoNavbar) !important;
}
.dashboard-news-row {
padding: 0px 15px;
margin-top: 75px;
}
html {
min-height: 100vh !important;
display: grid;
overflow-x: hidden !important;
}
.modal-footer-terms-conditions .modal-confirm {
border-radius: 40px;
padding-left: 25px !important;
padding-right: 25px !important;
border-color: #f79621 !important;
background-color: transparent !important;
color: var(--CorTextoBotoesSecundarios) !important;
font-family: 'AnimaFontBold' !important;
letter-spacing: normal !important;
border: 2px solid;
border-color: var(--CorBotaoSecundario) !important;
}
#modal-conditions-accept .modal-dialog {
margin-bottom: 30px;
display: table;
}
.logo-div-anchor {
max-width: 400px;
display: flex;
margin: auto;
}
.modal-footer-disagree.modal-footer {
justify-content: center;
}
#modal-terms-disagree .modal-cancel.btn-terms-cancel {
padding: 1rem !important;
}
.dashboard-news-row .card-news .card-title-news {
color: var(--CorTituloNoticia) !important;
}
.dashboard-news-row .card-news p {
color: var(--CorDataNoticia) !important;
}
.card-newsletter .card-body-newsletter .card-noticia-newsletter .card-title-news {
color: var(--CorTituloNoticia) !important;
}
.card-newsletter .card-body-newsletter .card-noticia-newsletter p {
color: var(--CorDataNoticia) !important;
}
.dropdown.lock {
pointer-events: none !important;
border-color: #b6b6b6 !important;
}
.dropdown.lock label:not(.login-label):not(.label-network-detail):not(.register-label) {
color: #919191 !important;
}
.dropdown.lock span {
color: #919191 !important;
}
.dropdown.lock i {
color: #919191 !important;
}
.short-banner {
position: absolute;
background-color: #092334;
height: 48px;
width: 67px;
right: 0px;
border-bottom-left-radius: 40px;
border-top-left-radius: 40px;
top: 55px;
background-color: #092334;
cursor: pointer;
text-align: center;
align-content: center;
padding-left: 3px;
transition: right 0.5s;
z-index: 1;
}
.short-banner.open {
right: 315px;
}
.short-banner img {
width: 35px;
height: 30px;
}
.col-logo-navbar {
position: relative;
}
.info-banner {
position: absolute;
background-color: #092334;
width: 315px;
height: 100%;
top: 0px;
right: -315px;
transition: right 0.5s;
padding: 40px;
text-align: center;
z-index: 1001;
}
.info-banner .col-banner-img {
margin-top: 35px;
margin-bottom: 23px;
}
.info-banner p {
font-family: AnimaFontRegular !important;
color: white !important;
font-size: 18px;
}
.info-banner a {
font-family: AnimaFontBold !important;
color: #f79621 !important;
font-size: 18px;
}
.info-banner .info-banner-img {
width: 95px;
height: 95px;
}
.info-banner .close-banner {
height: 20px;
width: 20px;
top: 20px;
position: absolute;
right: 20px;
cursor: pointer;
}
.info-banner.open {
right: 0px;
}
.col-cardimg.cardimg-inactive {
background-color: #b6b6b6;
}
.apolice-cards.apolice-inactive {
border: 2px solid #b6b6b6;
}
form#Register {
margin-bottom: 30px;
}
.link-login {
text-align: center;
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.label-danger.error-label {
background: transparent !important;
}
.card-news img {
height: 220px !important;
object-fit: contain;
border-radius: 30px;
width: 100%;
}
.flatpickr-months .flatpickr-month {
background: var(--CorCalendario);
height: 45px;
}
.flatpickr-weekdays {
background: var(--CorCalendario);
}
span.flatpickr-weekday {
background: var(--CorCalendario);
color: white;
}
.flatpickr-current-month {
padding: 0px;
}
.flatpickr-current-month input.cur-year {
background: var(--CorCalendario) !important;
color: white !important;
font-weight: bold;
padding: 0px !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
background: var(--CorCalendario);
text-align: center;
appearance: none;
font-weight: bold;
margin-right: 10px;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background: var(--CorCalendario) !important;
color: white !important;
cursor: pointer !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month:hover {
background: var(--CorCalendario) !important;
color: white !important;
cursor: pointer !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: var(--CorCalendario);
}
.flatpickr-current-month .numInputWrapper {
margin-top: 8px;
}
.numInputWrapper:hover {
background: none !important;
}
.numInputWrapper span {
opacity: 1;
border: none;
}
.numInputWrapper span:hover {
background: none !important;
}
.flatpickr-prev-month:hover svg {
fill: white !important;
}
.flatpickr-months .flatpickr-next-month:hover svg {
fill: white !important;
}
.flatpickr-day:hover {
background: var(--CorCalendario);
border-color: var(--CorCalendario);
color: white;
}
.flatpickr-day.today:hover {
background: var(--CorCalendario);
border-color: var(--CorCalendario);
color: white;
}
.flatpickr-day.today {
border-color: var(--CorCalendario);
color: black;
}
.flatpickr-day.selected {
background: var(--CorCalendario);
border-color: var(--CorCalendario);
color: white;
}
.flatpickr-day.selected:hover {
background: var(--CorCalendario);
border-color: var(--CorCalendario);
color: white;
}
.flatpickr-days {
padding-top: 5px;
padding-bottom: 5px;
}
.numInput.flatpickr-minute {
font-weight: inherit !important;
}
.numInput.flatpickr-hour {
font-weight: inherit !important;
}
.flatpickr-time-separator {
display: none;
}
.flatpickr-calendar.hasTime .flatpickr-time {
border: 1px solid var(--CorCalendario);
}
.card-noticia-newsletter img {
object-fit: contain;
border-radius: 30px;
height: 220px !important;
width: 100%;
max-width: 275px;
}
.wide-cards {
width: 100% !important;
}
.mega-icon {
fill: var(--CorIcons) !important;
}
@media only screen and (max-width: 1499px) {
.col-wide-cards {
width: 100% !important;
max-width: 100% !important;
flex: 100% !important;
}
}
@media only screen and (max-width: 539px) {
.wide-cards {
width: 235px !important;
}
}
#inviteModal .modal-content-invite {
border-radius: 40px !important;
padding: 20px;
background-color: var(--CorCardsV2) !important;
}
#inviteModal .modal-content-invite .modal-header-invite {
border-top-left-radius: 40px !important;
border-top-right-radius: 40px !important;
border: none;
}
#inviteModal .modal-header-invite .modal-title-invite {
text-align: left !important;
font-family: 'AnimaFontBold' !important;
color: var(--CorTitulos) !important;
font-size: 1.25rem !important;
text-transform: none !important;
line-height: normal;
}
#inviteModal .div-input-invite {
position: relative;
margin-bottom: 20px;
}
#inviteModal .div-input-invite label {
position: absolute;
background-color: white;
bottom: 39px;
left: 28px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
color: var(--CorBorder) !important;
background-color: var(--CorCardsV2) !important;
}
#inviteModal .div-input-invite input {
width: 100%;
border-radius: 40px;
color: var(--CorFonteInput) !important;
border: 2px solid #f28b0e4d !important;
border-color: var(--CorBorder) !important;
height: 60px !important;
padding-left: 30px !important;
font-size: 18px !important;
font-family: 'AnimaFontRegular' !important;
}
#inviteModal .div-input-invite input::placeholder {
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 16px !important;
color: var(--CorFonteInput) !important;
font-weight: normal !important;
line-height: normal !important;
}
#inviteModal .div-input-invite input:focus-visible {
outline: none !important;
}
#inviteForm {
margin: inherit !important;
}
.accord-btn-invite {
position: relative;
background-color: transparent !important;
width: 100%;
border: 2px solid #f28b0e4d !important;
border-color: var(--CorBorder) !important;
height: 60px;
border-radius: 40px;
font-size: 18px !important;
font-family: 'AnimaFontRegular' !important;
text-align: left;
padding-left: 30px;
color: var(--CorFonteInput) !important;
}
.accord-btn-invite:focus {
outline: none !important;
}
.arrow-dropdown-invite {
color: var(--CorBorder) !important;
position: relative;
left: 38%;
font-size: 20px;
top: -40px;
cursor: pointer;
}
.invite-textarea {
border: 2px solid #f28b0e4d !important;
border-color: var(--CorBorder) !important;
border-radius: 40px;
padding: 15px 30px;
text-align: left;
font-size: 18px !important;
font-family: 'AnimaFontRegular' !important;
color: var(--CorFonteInput) !important;
}
.invite-textarea::placeholder {
background-color: transparent !important;
font-family: 'AnimaFontRegular' !important;
font-size: 16px !important;
color: var(--CorFonteInput) !important;
font-weight: normal !important;
line-height: normal !important;
text-align: left;
}
.textarea-label {
top: -10px;
height: 20px;
}
.btn-open-invite {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
#collapse-invite-options {
border: 2px solid #f28b0e4d !important;
border-color: var(--CorBorder) !important;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
position: absolute;
width: 100%;
top: 58px;
background: white;
z-index: 1;
background-color: var(--CorCardsV2) !important;
}
#collapse-invite-options #dropdown-invite {
height: 500px;
overflow-y: auto;
}
#collapse-invite-options .dropdown-text {
font-size: 18px !important;
font-family: 'AnimaFontRegular' !important;
color: var(--CorFonteInput) !important;
text-align: left;
padding: 10px 30px !important;
margin: 0px !important;
cursor: pointer;
}
.div-input-invite.div-dropdown-invite {
margin-bottom: 0px !important;
}
#inviteForm .modal-footer-invite {
border: none;
}
#inviteForm .row-footer-invite .col-12:last-child {
padding-right: 60px;
}
.div-input-invite:last-child {
margin-bottom: 0px !important;
}
.mks_option_page .fa {
color: var(--CorTitulos) !important;
}
.mks_footer li {
color: var(--CorTitulos) !important;
}
.mks_footer li.mks_page_active {
color: var(--CorHoverNavbar) !important;
}
.mks_footer li:hover {
color: var(--CorHoverNavbar) !important;
}
.mks_footer li.mks_applypaging:hover i {
color: var(--CorHoverNavbar) !important;
}
.msk_paging_sum {
color: var(--CorTitulos) !important;
}
.modal-confirm {
border-radius: 40px;
padding-left: 25px !important;
padding-right: 25px !important;
border-color: var(--CorBotaoSecundario) !important;
background-color: transparent !important;
color: var(--CorTextoBotoesSecundarios) !important;
font-family: 'AnimaFontBold' !important;
letter-spacing: normal !important;
border: 2px solid;
}
label.error {
top: -15px;
padding-left: 15px;
font-size: 12px;
}
label:not(.login-label):not(.label-network-detail):not(.register-label).error {
color: red !important;
}
.error-invite.h-30 {
height: 30px;
}
#modalTermsConditions .tab-card {
padding: 20px;
}
#modalTermsConditions .modal-content {
border-radius: 40px;
}
#modalTermsConditions .modal-header {
border-top-left-radius: 40px;
border-top-right-radius: 40px;
}
#modalTermsConditions .modal-body {
padding: 50px;
padding-top: 20px;
padding-bottom: 20px;
}
#modalTermsConditions .modal-header button {
font-size: 30px;
margin-top: -4px !important;
}
.texto-assistencia span {
font-family: 'AnimaFontBold' !important;
text-transform: inherit !important;
letter-spacing: normal !important;
color: var(--CorLinks) !important;
text-decoration: none !important;
font-size: 15px !important;
}
.reset-password.create-account {
color: var(--CorLinks) !important;
text-decoration: underline !important;
font-family: 'AnimaFontRegular' !important;
}
.card.recover-card #ResetPassword {
margin-bottom: 30px;
}
.row-voltar {
margin-bottom: 30px;
}
.sinistro-title-v2 {
padding-top: 6px;
}
.pedido-btn-2 {
display: none !important;
}
.pedido-right {
float: right;
}
.key-field-card p {
margin-bottom: 0px !important;
}
.value-field-card p {
margin-bottom: 0px !important;
}
#tableSupport tbody tr td {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.mail-box.mail-box-detail .ibox .ibox-content #parent #panel-list {
margin-bottom: 20px;
}
.title-login {
font-family: 'AnimaFontExtraBold' !important;
text-align: center !important;
font-size: 28px !important;
color: var(--CorTituloAreaReservada) !important;
margin-bottom: 20px;
margin-top: 20px;
}
.back-arrow {
position: absolute;
top: 75px;
z-index: 1021;
font-size: 25px;
margin-left: 15px;
cursor: pointer;
}
.error-card {
background-color: var(--CardsLogin) !important;
height: 340px !important;
border-radius: 50px !important;
padding-top: 30px;
box-shadow: none !important;
border-color: transparent !important;
max-width: 535px;
margin: auto;
}
.return-homepage {
border-radius: 35px;
background-color: var(--CorBotoesV2) !important;
font-family: 'AnimaFontBold' !important;
letter-spacing: normal !important;
height: 60px;
color: var(--CorTextoBotoesV2) !important;
padding: 15px;
}
.error-desc {
margin-bottom: 35px;
}
.btn-modal-terms {
position: absolute;
color: white !important;
font-family: 'AnimaFontBold' !important;
letter-spacing: normal !important;
text-decoration: none !important;
font-size: 15px !important;
right: 30px;
top: 25px;
}
.div-banner.div-banner-mobile {
display: none !important;
}
.toast-top-right {
top: 20px !important;
}
.faq-description > p {
font-family: AnimaFontRegular !important;
font-weight: normal !important;
}
@media only screen and (max-width:991px) {
.title-color-apply-login {
margin-bottom: 15px !important;
}
.card.login-card {
padding-top: 0px;
height: auto !important;
min-height: 475px !important;
}
.login-card {
height: 475px !important;
}
}
@media only screen and (min-width:1100px) and (max-width: 1400px) {
.modal-content-accept {
margin-left: 150px;
}
}
@media only screen and (min-width:992px) and (max-width: 1099px) {
.modal-content-accept {
margin-left: 230px;
width: 80%;
}
.modal-content-disagree {
margin-left: 150px;
}
}
@media only screen and (min-width:915px) and (max-width: 991px) {
.modal-content-accept {
margin-left: 155px;
width: 100%;
}
.modal-content-disagree {
margin-left: 150px;
}
.card.login-card {
max-width: 500px !important;
}
.card.recover-card {
max-width: 500px !important;
}
}
@media only screen and (min-width:1220px) and (max-width: 1499px) {
.col-cards-dashboard {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.row-cards-dashboard {
width: 900px;
margin: auto;
}
.row-view {
max-width: 830px;
}
.col-navbar {
height: 100%;
overflow: auto;
}
.col-cardinfo {
padding-left: 15px;
}
.value-field-card {
margin-bottom: 10px !important;
}
.col-cardinfo {
padding: 18px;
}
.card-body-apolice {
padding-bottom: 0px;
}
.key-field-apolice {
font-size: 16px !important;
}
.value-field-apolice {
font-size: 16px !important;
}
.key-field-card {
font-size: 16px !important;
}
.value-field-card {
font-size: 16px !important;
}
.key-field {
font-size: 16px !important;
}
.value-field {
font-size: 16px !important;
}
.col-detail-apolice {
height: auto;
}
.col-detail-profile {
min-height: 37px;
height: auto;
}
.arrow-dropdown-sinistro {
left: 263px;
}
.arrow-dropdown-sinistro-select {
left: 129px;
}
.hide-anexo {
width: 217px;
}
.sinistro-title {
font-size: 30px !important;
}
.sinistro-description {
font-size: 20px !important;
line-height: normal;
margin-bottom: 20px;
}
.hide-file {
position: absolute;
left: 15px;
width: 193px;
height: 60px;
cursor: pointer;
opacity: 0.000000001%;
bottom: 0px;
}
.btn-upload {
flex: 0 0 25%;
max-width: 25%;
}
.btn-validate-insurance {
padding: 28px 18px !important;
}
#anexar-fatura {
position: absolute;
left: 11px;
width: 157px;
height: 60px;
cursor: pointer;
opacity: 0.000000001%;
bottom: 20px;
}
.hide-anexo {
left: 13px;
}
.fileName {
width: 100%;
}
.arrow-dropdown-autorizacao {
color: black;
position: relative;
left: 263px;
font-size: 15px;
bottom: 28px;
cursor: pointer;
}
.arrow-dropdown-support {
left: 275px;
}
.btn-responder-email {
padding: 17px 40px !important;
}
.anexar-fatura-pedido .col-18 {
flex: 0 0 70%;
max-width: 70%;
}
.anexar-fatura-pedido .col-6 {
flex: 0 0 30%;
max-width: 30%;
}
.btn-enviar-email {
padding: 17px 40px !important;
border-radius: 35px;
margin-right: 50px;
margin-top: 1px !important;
margin-bottom: 20px;
color: black !important;
font-family: 'AnimaFontSemiBold' !important;
margin-right: 10px !important;
}
.card-body-faqs {
padding: 25px;
padding-bottom: 0px !important;
}
.card-body-apolice .key-value-box-apolice:last-child {
margin-bottom: 0px !important;
}
#sinistro-form {
margin-bottom: 30px !important;
}
.hide-file-pedido {
position: absolute;
left: 7px !important;
width: 190px !important;
height: 60px !important;
cursor: pointer;
opacity: 0.000000001%;
bottom: 0px !important;
}
.hide-file-pedido.filesupp {
position: absolute;
left: 7px !important;
width: 190px !important;
height: 60px !important;
cursor: pointer;
opacity: 0.000000001%;
bottom: 19px !important;
}
.btn-anexar-email {
padding: 24px 40px !important;
}
.card-body-sinistro {
padding-bottom: 10px;
}
.select-apolice-link-col .dropdown {
margin-bottom: 5px;
}
.card-body-autorizacao {
padding-bottom: 0px !important;
}
.card-body-autorizacao {
padding-bottom: 5px !important;
}
.card-body-faqs {
padding-top: 0px !important;
}
@supports (-moz-appearance:none) {
.label-textareaV2 {
position: absolute;
background-color: white;
bottom: 236px;
left: 45px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
}
.logo-rede {
width: 232px;
height: 233px;
object-fit: scale-down;
}
.card.card-news {
background-color: transparent;
height: auto;
max-width: 545px !important;
border: none !important;
margin: 0px !important;
cursor: pointer;
border-radius: 0 !important;
box-shadow: none !important;
margin: auto !important;
margin-bottom: 25px !important;
}
.card.card-news .back-img {
background-repeat: no-repeat !important;
background-size: contain !important;
border-radius: 30px;
margin-bottom: 10px;
height: 220px !important;
background-position: center !important;
}
.card.card-news .card-title-news {
font-family: 'AnimaFontExtraBold' !important;
color: #0a2a42;
line-height: 30px !important;
font-size: 20px !important;
text-align: start;
padding-left: 20px !important;
padding-bottom: 5px;
max-width: 245px !important;
letter-spacing: normal !important;
font-weight: normal !important;
margin-bottom: 0px;
padding-bottom: 5px;
}
.card.card-news p {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
padding-left: 20px !important;
width: 40%;
line-height: 20px !important;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card.card-news a {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
width: 40%;
margin-top: -20px;
margin-left: 100px;
line-height: 20px;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card-noticia-newsletter {
background-color: transparent;
height: auto;
border: none !important;
margin: 0px !important;
margin-bottom: 10px !important;
cursor: pointer;
border-radius: 0 !important;
box-shadow: none !important;
}
.card-noticia-newsletter .back-img {
background-repeat: no-repeat !important;
background-size: cover !important;
border-radius: 30px;
margin-bottom: 5px;
height: 155px !important;
background-position: center !important;
}
.card-noticia-newsletter .card-title-news {
font-family: 'AnimaFontExtraBold' !important;
color: #0a2a42;
line-height: 25px !important;
font-size: 20px !important;
text-align: start;
padding-left: 0px !important;
padding-bottom: 10px;
max-width: 640px !important;
letter-spacing: normal !important;
font-weight: normal !important;
margin: 0px;
padding: 5px;
}
.card-noticia-newsletter p {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
padding-left: 0px !important;
width: 100%;
line-height: 20px !important;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card-noticia-newsletter a {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
width: 100%;
margin-top: -20px;
margin-left: 100px;
line-height: 20px;
letter-spacing: normal !important;
font-weight: normal !important;
}
#form-reply .btn-anexar-email {
padding: 24px 15px !important;
}
.col-card-news {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
}
@media only screen and (min-width:915px) and (max-width: 1219px) {
.col-cards-dashboard {
flex: 0 0 50%;
max-width: 50%;
}
.row-cards-dashboard {
margin: auto;
}
.row-view {
width: 550px;
}
.col-navbar {
height: 100%;
overflow: auto;
}
.col-detail-profile {
display: inline-table;
min-height: 35px;
height: auto;
}
.card-profile {
height: auto;
margin-bottom: 70px;
}
.value-field {
font-size: 16px !important;
}
.key-field {
font-size: 16px !important;
}
.card-body-profile {
padding-top: 30px;
}
.col-cardimg {
display: none;
}
.col-apolice {
flex: 0 0 100%;
max-width: 100%;
}
.col-cardinfo {
flex: 0 0 100%;
max-width: 100%;
padding: 30px;
padding-bottom: 10px;
}
.apolice-cards {
height: auto;
}
.cards-apolice-row {
height: auto;
}
.div-cardimg {
display: none !important;
}
.cardimg {
margin-top: 0px;
}
.col-detail-apolice {
display: inline-table;
min-height: 35px;
height: auto;
}
.card-body-apolice {
padding-bottom: 0px;
padding-top: 30px;
}
.value-field-apolice {
font-size: 16px !important;
}
.key-field-apolice {
font-size: 16px !important;
}
.value-field-card {
font-size: 16px !important;
}
.key-field-card {
font-size: 16px !important;
}
.arrow-dropdown-sinistro {
left: 263px;
}
.arrow-dropdown-sinistro-select {
left: 129px;
}
.hide-anexo {
position: absolute;
left: 14px;
width: 422px;
height: 60px;
cursor: pointer;
opacity: 0.000000001%;
}
.sinistro-title {
font-size: 30px !important;
}
.sinistro-description {
font-size: 20px !important;
line-height: normal;
margin-bottom: 20px;
}
.data-sinistro-col {
margin-bottom: 20px;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.arrow-dropdown-sinistro {
left: 350px;
}
.label-sinistro-calendar {
bottom: 40px;
}
.arrow-dropdown-sinistro-select {
left: 174px;
}
.btn-complementar-div {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.btn-new-invoice {
margin-bottom: 20px !important;
}
.hide-file {
position: absolute;
left: -78px;
width: 177px;
height: 61px;
cursor: pointer;
opacity: 0.000000001%;
bottom: 0px;
}
.btn-submit-sinistro {
background-color: #f79621 !important;
color: white !important;
}
.card-body-sinistro {
padding-top: 30px;
}
.btn-upload {
margin-bottom: 20px;
}
.label-sinistro-data {
bottom: 40px;
}
.col-8 {
flex: 0 0 100%;
max-width: 100%;
}
.remove-invoice-btn {
padding: 13px 36px !important;
}
.btn-complementar-div {
margin-bottom: 0px;
}
.fileName {
width: 100%;
}
.arrow-dropdown-autorizacao {
color: black;
position: relative;
left: 348px;
font-size: 15px;
bottom: 27px;
cursor: pointer;
}
.title-support-div {
flex: 0 0 100%;
max-width: 100%;
}
.support-div {
flex: 0 0 100%;
max-width: 100%;
margin-top: 35px;
text-align: center;
margin-bottom: 15px;
}
.support-div.sinistro-div {
flex: 0 0 100%;
max-width: 100%;
margin-top: 0px;
text-align: center;
margin-bottom: 0px;
}
#SupportRequest {
padding: 20px;
}
.card-support {
border-radius: 30px !important;
}
.card-body-support {
box-shadow: none !important;
padding: 0px;
padding-bottom: 0px;
padding-top: 20px;
}
#tableSupport .supportTH:last-child {
display: none;
}
#tableSupport .supportTD:last-child {
display: none;
}
#tableSupport {
border-bottom-left-radius: 30px !important;
border-bottom-right-radius: 30px !important;
}
.arrow-dropdown-support {
left: 410px;
}
.support-description {
font-size: 18px;
}
.btn-voltar-email {
margin-right: 22px;
}
.dados-pessoais {
font-size: 18px;
}
#panel-list ul {
margin-top: 15px;
}
#parent .col-24 table p {
font-size: 14px !important;
}
.table td {
font-size: 13px;
}
.table {
margin-top: 0px !important;
}
.anexar-fatura-pedido .col-18 {
flex: 0 0 100%;
max-width: 100%;
}
.anexar-fatura-pedido .col-6 {
flex: 0 0 100%;
max-width: 100%;
}
#panel-list ul {
width: 100% !important;
max-width: 100% !important;
padding: 0px !important;
margin: auto;
flex: 0 0 100%;
margin-bottom: 15px;
}
.col-table {
display: block;
width: 100%;
overflow-x: auto;
}
#form-reply .col-18 {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 0px;
}
#form-reply .col-6 {
flex: 0 0 100%;
max-width: 100%;
}
.dados-div {
width: 90%;
margin: auto;
}
.file-box {
width: 200px !important;
}
.send-email-div {
margin-top: 0px;
}
.card-body-apolice .key-value-box-apolice:last-child {
margin-bottom: 0px !important;
}
.card {
margin-bottom: 70px !important;
}
.dados-div {
width: 100% !important;
}
.main-section {
margin-bottom: 0px !important;
}
#sinistro-form {
margin-bottom: 25px !important;
}
.btn-new-invoice {
margin-top: 20px !important;
}
.label-autorizacao-calendar {
bottom: 40px;
}
.pedido-row {
margin-bottom: 20px;
}
#SupportRequest {
margin-bottom: 0px !important;
}
.card.card-support-detail {
margin-bottom: 15px !important;
}
.card-body-support .dados-pessoais {
width: 90%;
margin: auto;
}
.card.card-detail {
margin-bottom: 0px !important;
}
.card-body-newsletter {
padding-left: 20px !important;
padding-right: 20px !important;
}
.card-body-uses {
padding-left: 5px !important;
padding-right: 5px !important;
}
.card.card-dashboard {
margin-bottom: 0px !important;
}
#NetworkUsesTable td {
font-size: 16px !important;
}
.card-body-support {
padding-top: 10px;
}
.col-email {
margin-top: 20px;
}
.key-value-box {
margin-bottom: 10px;
}
.apolice-cards {
margin-bottom: 40px;
}
.card-body-sinistro {
padding-bottom: 15px;
}
.card-body-autorizacao {
padding-bottom: 0px !important;
}
.card-body-autorizacao {
padding-bottom: 10px !important;
}
.answer-back-container .card-body-support {
padding-bottom: 2px !important;
}
.btn-preencher-sinistro {
width: 100%;
}
.btn-voltar-sinistro {
margin-bottom: 0px;
}
.logo-rede {
width: 403px;
height: 214px;
object-fit: scale-down;
}
@supports (-moz-appearance:none) {
.label-textareaV2 {
position: absolute;
background-color: white;
bottom: 236px;
left: 45px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
}
.dashboard-news-row {
margin-top: 35px;
}
.card.card-news {
background-color: transparent;
height: auto;
max-width: 545px !important;
border: none !important;
margin: 0px !important;
cursor: pointer;
border-radius: 0 !important;
box-shadow: none !important;
margin: auto !important;
margin-bottom: 10px !important;
}
.card.card-news .back-img {
background-repeat: no-repeat !important;
background-size: contain !important;
border-radius: 30px;
margin-bottom: 10px;
height: 220px !important;
background-position: center !important;
}
.card.card-news .card-title-news {
font-family: 'AnimaFontExtraBold' !important;
color: #0a2a42;
line-height: 30px !important;
font-size: 20px !important;
text-align: start;
padding-left: 20px !important;
padding-bottom: 5px;
max-width: 245px !important;
letter-spacing: normal !important;
font-weight: normal !important;
margin-bottom: 5px;
padding-bottom: 0px;
}
.card.card-news p {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
padding-left: 20px !important;
width: 40%;
line-height: 20px !important;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card.card-news a {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
width: 40%;
margin-top: -20px;
margin-left: 100px;
line-height: 20px;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card-noticia-newsletter {
background-color: transparent;
height: auto;
border: none !important;
margin: 0px !important;
margin-bottom: 10px !important;
cursor: pointer;
border-radius: 0 !important;
box-shadow: none !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.card-noticia-newsletter .back-img {
background-repeat: no-repeat !important;
background-size: cover !important;
border-radius: 30px;
margin-bottom: 3px;
height: 155px !important;
background-position: center !important;
}
.card-noticia-newsletter .card-title-news {
font-family: 'AnimaFontExtraBold' !important;
color: #0a2a42;
line-height: 27px !important;
font-size: 20px !important;
text-align: start;
padding-left: 0px !important;
padding-bottom: 10px;
max-width: 640px !important;
letter-spacing: normal !important;
font-weight: normal !important;
margin: 0px;
padding: 5px;
}
.card-noticia-newsletter p {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
padding-left: 0px !important;
width: 100%;
line-height: 20px !important;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card-noticia-newsletter a {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
width: 100%;
margin-top: -20px;
margin-left: 100px;
line-height: 20px;
letter-spacing: normal !important;
font-weight: normal !important;
}
.col-card-news {
flex: 0 0 50%;
max-width: 50%;
}
.pedido-title-div {
width: 100% !important;
flex: 100% !important;
}
.pedido-btn-1 {
display: none !important;
}
.pedido-btn-2 {
display: inline-block !important;
float: right;
}
.pedido-right {
float: inherit;
}
.btn-voltar-especial {
width: 100%;
}
.auto-tab-card {
padding: 40px;
}
.auto-tab-card svg {
display: block;
margin: auto;
}
.btn-voltar-geral {
width: 100%;
margin-top: 20px;
}
.askSupport {
width: 100% !important;
}
.sup-div {
margin-top: 10px !important;
}
}
@media only screen and (min-width:540px) and (max-width: 914px) {
.col-cards-dashboard {
flex: 0 0 50%;
max-width: 50%;
}
.row-cards-dashboard {
width: 700px;
margin: auto;
}
.col-navbar {
height: 100%;
overflow: auto;
margin-left: 0px !important;
}
.side-menu {
width: 200px !important;
transform: translateX(-100%);
animation: closesidebar 0.5s;
z-index: 5000 !important;
}
.side-menu.open {
width: 200px !important;
transform: translateX(0%);
animation: opensidebar 0.5s;
z-index: 5000 !important;
padding-top: 20px;
}
.close-sidebar {
position: initial;
font-size: 25px;
color: white;
float: inline-end;
cursor: pointer;
padding: 15px;
}
.div-hamburguer {
display: block;
position: absolute;
left: 85px;
font-size: 25px;
top: 11px;
cursor: pointer;
color: var(--CorHamburguerMenu) !important;
}
.row-view {
max-width: 550px;
}
.col-detail-profile {
display: inline-table;
min-height: 35px;
height: auto;
}
.card-profile {
height: auto;
width: 505px;
margin-bottom: 60px;
}
.value-field {
font-size: 16px !important;
width: 100% !important;
}
.key-field {
font-size: 16px !important;
margin: 0px !important;
}
.card-body-profile {
padding: 40px;
}
.col-profile {
flex: 0 0 100%;
max-width: 100%;
}
.card-apolice {
max-width: 505px;
}
.col-cardimg {
display: none;
}
.col-cardinfo {
flex: 0 0 100%;
max-width: 100%;
padding: 20px;
padding-bottom: 0px;
}
.col-detail-apolice {
display: inline-table;
min-height: 35px;
height: auto;
}
.col-apolice {
flex: 0 0 100%;
max-width: 100%;
}
.apolice-cards {
height: auto;
margin: 0px !important;
}
.main-col-apolice {
margin-bottom: 40px;
}
.key-field-apolice {
font-size: 16px !important;
}
.value-field-apolice {
font-size: 16px !important;
}
.key-field-card {
font-size: 16px !important;
}
.value-field-card {
font-size: 16px !important;
}
.card-body-apolice {
padding: 40px;
padding-bottom: 0px;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.card-body-sinistro {
padding: 25px;
}
.card-sinistro {
width: 480px;
}
.card-img-top {
text-align: center;
}
.title-color-apply-sinistro {
font-family: 'AnimaFontBold' !important;
font-size: 30px !important;
color: #0a2a42 !important;
width: fit-content;
display: inline-block;
margin: 0px;
vertical-align: middle;
padding-left: 7px;
line-height: normal;
}
.sinistro-description {
font-family: 'AnimaFontLight' !important;
font-size: 18px;
color: black !important;
line-height: normal;
}
.arrow-dropdown-sinistro {
left: 365px;
bottom: 24px;
}
.select-animal-span {
font-size: 16px;
}
.calendar-icon {
right: 37px;
}
.arrow-dropdown-sinistro-select {
left: 106px;
}
.label-sinistro-calendar {
bottom: 40px;
}
.dados-pessoais {
font-size: 16px;
}
.btn-complementar-div {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.hide-file {
position: absolute;
left: -77px;
width: 178px;
height: 60px;
cursor: pointer;
opacity: 0.000000001%;
bottom: 0px;
}
.hide-anexo {
position: absolute;
left: 15px;
width: 431px;
height: 60px;
cursor: pointer;
opacity: 0.000000001%;
}
.btn-submit-sinistro {
background-color: #f79621 !important;
color: white !important;
}
.data-sinistro-col {
margin-bottom: 20px !important;
}
.btn-new-invoice {
margin-bottom: 25px !important;
}
.card-body-sinistro {
padding-bottom: 0px;
}
.dropzone-description {
font-size: 15px !important;
}
#sinistro-form {
margin-bottom: 25px;
}
.row-complementar {
margin-bottom: 5px;
}
.col-8 {
flex: 0 0 100%;
max-width: 100%;
}
.label-sinistro-data {
bottom: 40px;
}
.btn-upload {
margin-bottom: 20px;
}
.fileName {
width: 100%;
}
.remove-invoice-btn {
padding: 8px 15px !important;
}
.btn-complementar-div {
margin-bottom: 0px;
}
.row-complementar {
margin-bottom: 0px;
}
.title-support-div {
flex: 0 0 100%;
max-width: 100%;
}
.support-div {
flex: 0 0 100%;
max-width: 100%;
margin-top: 35px;
text-align: center;
margin-bottom: 15px;
}
.support-div.sinistro-div {
flex: 0 0 100%;
max-width: 100%;
margin-top: 0px;
text-align: center;
margin-bottom: 0px;
}
.title-color-apply-autorizacao {
font-family: 'AnimaFontBold' !important;
font-size: 30px !important;
color: #0a2a42 !important;
width: fit-content;
display: inline-block;
margin: 0px;
vertical-align: middle;
padding-left: 7px;
line-height: normal;
}
.card-autorizacao {
width: 495px;
}
.arrow-dropdown-autorizacao {
color: black;
position: relative;
left: 369px;
font-size: 15px;
bottom: 24px;
cursor: pointer;
}
.card-body-autorizacao {
box-shadow: none !important;
padding: 30px;
padding-bottom: 30px;
padding-bottom: 0px;
}
#tableSupport .supportTH:last-child {
display: none;
}
#tableSupport .supportTD:last-child {
display: none;
}
#SupportRequest {
padding: 20px;
}
.card-body-support {
box-shadow: none !important;
padding: 0px;
padding: 20px !important;
padding-top: 10px !important;
}
#tableSupport {
border-radius: 40px;
}
.supportTD {
font-size: 14px !important;
}
.arrow-dropdown-support {
left: 370px;
bottom: 25px;
}
.support-description {
line-height: normal;
font-size: 18px;
}
#panel-list ul {
margin-top: 15px;
}
.btn-voltar-email {
margin-right: 20px;
}
#parent .col-24 table p {
font-size: 14px !important;
}
.table td {
font-size: 13px;
}
.table {
margin-top: 0px !important;
}
.anexar-fatura-pedido .col-18 {
flex: 0 0 100%;
max-width: 100%;
}
.anexar-fatura-pedido .col-6 {
flex: 0 0 100%;
max-width: 100%;
}
#panel-list ul {
width: 100% !important;
max-width: 100% !important;
padding: 0px !important;
margin: auto;
flex: 0 0 100%;
margin-bottom: 15px;
}
.col-table {
display: block;
width: 100%;
padding-left: 0px !important;
}
.col-email {
padding: 0px;
margin-top: 20px;
}
#form-reply .col-18 {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 0px;
}
#form-reply .col-6 {
flex: 0 0 100%;
max-width: 100%;
}
.card-body-detail {
padding: 20px;
}
.file-box {
width: 212px !important;
}
.card-faqs {
width: 500px;
}
.card-body-faqs {
padding: 25px;
}
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.card-body-apolice .key-value-box-apolice:last-child {
margin-bottom: 0px !important;
}
.card {
margin-bottom: 50px !important;
}
.card-body-profile {
padding-bottom: 0px !important;
}
.btn-new-invoice {
margin-top: 20px !important;
}
.btn-complementar-div .main-section {
margin-top: 10px !important;
}
.dropzone-description {
margin-bottom: 10px !important;
}
.invoice .main-section {
margin-bottom: 0px;
}
.label-autorizacao-calendar {
bottom: 40px;
}
.pedido-row {
margin-bottom: 20px;
}
#SupportRequest {
margin-bottom: 0px !important;
}
.card.card-support-detail {
margin-bottom: 10px !important;
}
.card.card-detail {
margin-bottom: 10px !important;
}
.faq-description ul {
padding-top: 0px !important;
}
.card.card-dashboard {
margin-bottom: 0px !important;
}
.send-email-div {
margin-top: 0px !important;
}
.btn-complementar {
margin-bottom: 10px !important;
}
.card-body-sinistro {
padding-bottom: 20px !important;
}
.card-body-autorizacao {
padding-bottom: 25px !important;
}
.arrow-faqs {
width: 30px;
}
.card-body-faqs {
padding-bottom: 0px !important;
}
.tab-card {
padding: 25px;
}
.btn-preencher-sinistro {
width: 100%;
}
.btn-voltar-sinistro {
margin-bottom: 0px;
}
.logo-rede {
width: 403px;
height: 214px;
object-fit: scale-down;
}
@supports (-moz-appearance:none) {
.label-textareaV2 {
position: absolute;
background-color: white;
bottom: 236px;
left: 45px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
}
.card.card-news {
background-color: transparent;
height: auto;
max-width: 510px !important;
border: none !important;
margin: 0px !important;
margin-bottom: 45px !important;
cursor: pointer;
border-radius: 0 !important;
box-shadow: none !important;
margin: auto !important;
}
.card.card-news .back-img {
background-repeat: no-repeat !important;
background-size: contain !important;
border-radius: 30px;
margin-bottom: 10px;
height: 220px !important;
background-position: center !important;
}
.card.card-news .card-title-news {
font-family: 'AnimaFontExtraBold' !important;
color: #0a2a42;
line-height: 30px !important;
font-size: 20px !important;
text-align: start;
padding-left: 20px !important;
padding-bottom: 5px;
max-width: 245px !important;
letter-spacing: normal !important;
font-weight: normal !important;
margin-bottom: 0px;
padding-bottom: 5px;
}
.card.card-news p {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
padding-left: 20px !important;
width: 40%;
line-height: 20px !important;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card.card-news a {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
width: 40%;
margin-top: -20px;
margin-left: 100px;
line-height: 20px;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card-noticia-newsletter {
background-color: transparent;
height: auto;
border: none !important;
margin: 0px !important;
margin-bottom: 5px !important;
cursor: pointer;
border-radius: 0 !important;
box-shadow: none !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.card-noticia-newsletter .back-img {
background-repeat: no-repeat !important;
background-size: cover !important;
border-radius: 30px;
margin-bottom: 0px;
height: 155px !important;
background-position: center !important;
}
.card-noticia-newsletter .card-title-news {
font-family: 'AnimaFontExtraBold' !important;
color: #0a2a42;
line-height: 25px !important;
font-size: 20px !important;
text-align: start;
padding-left: 0px !important;
padding-bottom: 10px;
max-width: 640px !important;
letter-spacing: normal !important;
font-weight: normal !important;
margin: 0px;
padding: 5px;
}
.card-noticia-newsletter p {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
padding-left: 0px !important;
width: 100%;
line-height: 20px !important;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card-noticia-newsletter a {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
width: 100%;
margin-top: -20px;
margin-left: 100px;
line-height: 20px;
letter-spacing: normal !important;
font-weight: normal !important;
}
.dashboard-news-row {
margin-top: 25px;
}
.card.login-card {
max-width: 500px !important;
}
.col-card-news {
flex: 0 0 50%;
max-width: 50%;
}
.card-img-top.tab-card {
padding-left: 55px;
padding-right: 55px;
}
.card-img-top.tab-card.sinistro-tab-card {
padding-left: 25px;
padding-right: 25px;
}
.sinistro-title-v2 {
padding-top: 12px;
}
.pedido-btn-1 {
display: none !important;
}
.pedido-btn-2 {
display: inline-block !important;
float: right;
}
.voltar-suporte {
float: left;
}
.pedido-right {
float: inherit;
}
.back-arrow {
position: absolute;
top: 75px;
z-index: 1021;
font-size: 25px;
margin-left: 87px;
cursor: pointer;
}
.btn-voltar-geral {
width: 100%;
margin-top: 25px;
}
.askSupport {
width: 100% !important;
}
.sup-div {
margin-top: 10px !important;
}
.btn-modal-terms {
font-size: 12px !important;
right: 10px;
top: 27px;
}
}
@media only screen and (min-width:10px) and (max-width: 539px) {
.card {
max-width: 300px !important;
}
.col-cards-dashboard {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0px;
}
.col-sidebar {
display: none;
}
.row-cards-dashboard {
width: 900px;
margin: auto;
}
.row-view {
max-width: 530px;
padding-top: 65px;
}
.col-navbar {
width: 100%;
max-width: 100% !important;
flex: 100% !important;
height: 100%;
overflow: auto;
margin: 0px;
}
.div-hamburguer {
display: block;
position: absolute;
left: 45px;
font-size: 25px;
top: 11px;
cursor: pointer;
color: var(--CorHamburguerMenu) !important;
}
.side-menu {
width: 200px !important;
transform: translateX(-100%);
animation: closesidebar 0.5s;
z-index: 5000 !important;
}
.side-menu.open {
width: 200px !important;
transform: translateX(0%);
animation: opensidebar 0.5s;
z-index: 5000 !important;
padding-top: 20px;
}
.close-sidebar {
position: absolute;
font-size: 25px;
color: white;
float: inline-end;
cursor: pointer;
padding: 15px;
top: -10px;
right: 5px;
}
.side-menu-lista {
padding: 0px !important;
}
.side-menu-content ul li a {
padding-left: 45px !important;
}
.client-name-col {
padding-right: 50px;
}
.key-value-box {
margin-top: 0px;
margin-bottom: 10px;
}
.key-value-box-apolice {
margin-top: 0px;
margin-bottom: 10px;
}
.col-detail-profile {
display: inline-table;
min-height: 40px;
height: auto;
width: 100% !important;
}
.card-body-profile {
padding: 30px;
padding-top: 15px;
padding-bottom: 0px !important;
}
.col-profile {
flex: 0 0 100%;
max-width: 100%;
}
.tab-card {
padding: 15px;
}
.value-field {
font-size: 16px !important;
}
.key-field {
font-size: 16px !important;
}
.profile-title {
font-size: 30px !important;
}
.col-detail-apolice {
display: inline-table;
min-height: 40px;
height: auto;
width: 100% !important;
}
.col-apolice {
flex: 0 0 100%;
max-width: 100%;
}
.col-cardimg {
display: none;
}
.apolice-cards {
height: auto;
}
.main-col-apolice {
margin-bottom: 40px;
}
.col-cardinfo {
padding-left: 20px;
flex: 0 0 100%;
max-width: 100%;
padding-bottom: 0px;
}
.card-body-apolice {
padding: 30px;
padding-top: 15px;
padding-bottom: 0px;
}
.value-field-apolice {
font-size: 16px !important;
}
.key-field-apolice {
font-size: 16px !important;
}
.value-field-card {
font-size: 16px !important;
}
.key-field-card {
font-size: 16px !important;
}
.apolice-title {
font-size: 30px !important;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.card-sinistro {
width: 300px;
}
.sinistro-title {
font-size: 30px !important;
}
.card-img-top {
text-align: center;
}
.card-body-sinistro {
padding: 15px;
}
.sinistro-description {
font-family: 'AnimaFontLight' !important;
font-size: 18px;
color: black !important;
line-height: normal;
}
.select-animal-span {
font-size: 16px;
}
.arrow-dropdown-sinistro {
color: black;
position: relative;
left: 210px;
font-size: 15px;
bottom: 23px;
cursor: pointer;
}
.data-sinistro-col {
margin-bottom: 20px;
}
.label-sinistro-calendar {
bottom: 40px;
}
.calendar-icon {
right: 33px;
}
.form-control-sinistro {
margin: 0px !important;
}
.arrow-dropdown-sinistro-select {
left: 108px;
}
.hide-file {
position: absolute;
left: -116px;
width: 177px;
height: 60px;
cursor: pointer;
opacity: 0.000000001%;
bottom: 0px;
}
.btn-new-invoice {
margin-bottom: 20px !important;
}
.hide-anexo {
position: absolute;
left: 15px;
width: 270px;
height: 61px;
cursor: pointer;
opacity: 0.000000001%;
}
.dropzone-description {
font-size: 14px !important;
}
.dados-pessoais {
font-size: 17px;
}
#sinistro-form {
margin-bottom: 10px;
}
.btn-upload {
margin-bottom: 20px;
}
.label-sinistro-data {
bottom: 40px;
}
.col-8 {
flex: 0 0 100%;
max-width: 100%;
}
.card-autorizacao {
width: 300px;
}
.card-body-autorizacao {
box-shadow: none !important;
padding: 20px;
padding-bottom: 20px;
padding-bottom: 0px;
}
.autorizacao-description {
font-family: 'AnimaFontLight' !important;
font-size: 18px;
color: black !important;
line-height: normal;
}
.select-animal-span {
font-size: 15px;
padding-top: 8px;
white-space: nowrap !important;
}
.arrow-dropdown-autorizacao {
color: black;
position: relative;
left: 198px;
font-size: 15px;
bottom: 24px;
cursor: pointer;
}
#tableSupport .supportTH:last-child {
display: none;
}
#tableSupport .supportTD:last-child {
display: none;
}
#SupportRequest {
padding: 20px;
}
#panel-list li {
padding-left: 5px;
padding-right: 5px;
font-size: 12px !important;
}
.card-body-support {
padding: 10px !important;
}
.card-body-support {
box-shadow: none !important;
padding: 0px;
}
.supportFooter td {
width: 100%;
border: 0 !important;
}
.mks_pagination {
display: block !important;
margin-bottom: 60px !important;
margin: auto;
}
.card-support {
max-width: 480px;
}
#tableSupport {
border-radius: 40px;
}
.supportTD {
font-size: 14px !important;
}
.supportTR {
height: 45px;
}
.title-support-div {
flex: 0 0 100%;
max-width: 100%;
}
.support-div {
flex: 0 0 100%;
max-width: 100%;
margin-top: 35px;
text-align: center;
margin-bottom: 15px;
}
.support-div.sinistro-div {
margin-bottom: 0px;
margin-top: 5px;
}
.card-support {
max-width: 320px;
}
.arrow-dropdown-support {
left: 187px;
bottom: 24px;
}
.support-description {
line-height: normal;
font-size: 18px;
}
.col-email {
padding: 0px;
}
.mail-box-header {
border-top-left-radius: 25px !important;
border-top-right-radius: 25px !important;
padding: 0px 10px 10px 10px !important;
}
.card-email {
border-top-left-radius: 25px !important;
border-top-right-radius: 25px !important;
border-bottom-left-radius: 25px !important;
border-bottom-right-radius: 25px !important;
}
.hr-email {
width: 90%;
}
.mail-body {
padding: 15px 10px 10px 10px !important;
}
.btn-voltar-email {
margin-right: 10px;
}
#panel-list ul:last-child {
margin-top: 15px;
}
#parent .col-24 table p {
font-size: 14px !important;
}
.table td {
font-size: 13px;
}
.table {
margin-top: 0px !important;
}
.MsoNormal span {
font-size: 14px !important;
}
.mks_footer {
width: 85%;
margin: auto;
}
.anexar-fatura-pedido .col-18 {
flex: 0 0 100%;
max-width: 100%;
}
.anexar-fatura-pedido .col-6 {
flex: 0 0 100%;
max-width: 100%;
}
#panel-list ul {
width: 100% !important;
max-width: 100% !important;
padding: 0px !important;
margin: auto;
flex: 0 0 92% !important;
margin-bottom: 15px;
}
.col-table {
display: block;
width: 100%;
overflow-x: auto !important;
max-width: 90% !important;
margin: auto !important;
}
.card-support-detail {
margin: 10px;
}
.mail-box-detail {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.mail-attachment .file-box {
width: 130px;
}
.file .icon i {
font-size: 45px;
}
.file-box .icon {
height: 75px;
}
#form-reply .col-18 {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 0px;
}
#form-reply .col-6 {
flex: 0 0 100%;
max-width: 100%;
}
.card-body-detail {
padding: 10px;
}
.card-body-support {
padding-top: 10px;
}
.dados-pessoais {
font-size: 14px;
}
.dados-div {
margin-bottom: 20px;
}
.file-box {
width: 128px !important;
}
.card-body-termos {
padding: 0px;
}
.card-termos {
width: 310px;
}
.card-faqs {
width: 310px;
}
.card-body-faqs {
padding: 5px;
}
.modal-cancel {
margin-right: 0px;
margin-left: 15px;
}
.modal-title-accept {
padding-left: 15px;
}
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-footer > button, .modal-footer > .col-6 > .modal-confirm {
font-size: 11px !important;
padding: 20px 15px !important;
}
.modal-content-disagree {
max-width: 300px;
margin: auto;
}
.modal-footer-disagree {
padding-right: 0px;
padding-left: 0px;
margin: auto;
}
.modal-footer > a.btn-danger, .modal-footer > .col-6 > .btn-danger {
padding: 18px 15px !important;
}
.card-body-apolice .key-value-box-apolice:last-child {
margin-bottom: 0px !important;
}
.key-value-box-apolice .main-col-apolice {
margin-bottom: 25px;
}
.card {
margin-bottom: 40px !important;
}
.cards-apolice-row {
height: auto;
}
.card .title-color-apply {
font-size: 26px !important;
}
.main-col-apolice {
margin-bottom: 0px !important;
}
.apolice-cards {
margin-bottom: 25px !important;
}
#sinistro-form .main-section {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.btn-new-invoice {
margin-top: 0px !important;
}
#btn-submit-sinistro {
margin-top: 0px !important;
}
.dados-pessoais {
width: 100%;
margin: auto;
}
.label-autorizacao-calendar {
bottom: 40px;
}
.btn-new-medic {
margin-top: 15px !important;
}
#sinistro-form .row-complementar .main-section {
margin-top: 5px !important;
margin-bottom: 0px !important;
}
.dropzone-description {
margin-bottom: 10px !important;
}
.btn-submit-sinistro {
margin-top: 20px !important;
}
#SupportRequest {
margin-bottom: 0px !important;
}
.pedido-row {
margin-bottom: 20px;
}
.card.card-support-detail {
margin-bottom: 10px !important;
}
.card.card-detail {
margin-bottom: 10px !important;
}
.form-email {
margin-bottom: 5px !important;
}
.form-email .dados-div {
margin-bottom: 0px;
}
.form-email .dados-div .dados-pessoais {
width: 90%;
margin: auto;
}
.send-email-div {
margin-top: 15px;
}
.btn-responder-email {
margin-bottom: 15px !important;
}
.faq-description ul {
padding-top: 0px !important;
}
.card-body-newsletter {
padding: 0px !important;
}
.newsletter-table {
border-bottom-left-radius: 30px !important;
border-bottom-right-radius: 30px !important;
}
.card-body-uses {
max-width: 90%;
overflow-x: auto;
}
.card-body-uses {
padding-left: 0px !important;
padding-right: 0px !important;
}
#NetworkUsesTable td {
padding-left: 0px !important;
padding-right: 0px !important;
text-align: center !important;
}
#NetworkUsesTable tbody tr td:first-child {
padding-left: 10px !important;
}
.card-body-uses {
-ms-overflow-style: none !important;
scrollbar-width: none !important;
}
.card-body-uses::-webkit-scrollbar {
display: none !important;
}
.card-body-usesdetail {
padding: 0px;
}
.network-uses-details-table {
margin-top: 20px !important;
}
.col-table-uses {
width: 100%;
overflow-x: auto;
}
.col-table-uses {
-ms-overflow-style: none;
scrollbar-width: none;
}
.col-table-uses::-webkit-scrollbar {
display: none;
}
.col-table {
-ms-overflow-style: none;
scrollbar-width: none;
}
.col-table::-webkit-scrollbar {
display: none;
}
#NetworkUsesTable {
-ms-overflow-style: none;
scrollbar-width: none;
}
#NetworkUsesTable::-webkit-scrollbar {
display: none;
}
.msk_paging_sum {
width: inherit;
text-align: center;
padding-right: 50px;
right: 0px !important;
}
#NetworkUsesTable .msk_paging_sum {
right: 5px !important;
top: 60px;
}
.card-body-newsdetail {
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
}
.card.card-dashboard {
margin-bottom: 0px !important;
}
.col-email {
margin-top: 10px;
}
.textarea-div-detail {
margin-bottom: 15px !important;
}
.btn-cancel-email {
margin-top: 15px !important;
margin-bottom: 10px !important;
}
.key-value-box {
margin-top: 10px;
}
.key-value-box-apolice {
margin-top: 10px;
}
.main-col-apolice {
margin-top: 10px;
}
.card-body-autorizacao {
padding-bottom: 15px !important;
}
.answer-back-container .card-body-support {
padding-bottom: 10px !important;
}
.arrow-faqs {
width: 20px;
}
.card-info-termos {
padding-bottom: 25px !important;
padding-top: 25px !important;
}
.btn-preencher-sinistro {
white-space: inherit !important;
width: 100%;
}
.btn-voltar-sinistro {
margin-bottom: 0px !important;
}
.logo-rede {
width: 403px;
height: 214px;
object-fit: scale-down;
}
@supports (-moz-appearance:none) {
.label-textareaV2 {
position: absolute;
background-color: white;
bottom: 236px;
left: 45px;
font-size: 11px;
font-family: 'AnimaFontRegular' !important;
color: #f79621;
padding: 3px;
}
}
.card.card-news {
background-color: transparent;
height: auto;
max-width: 235px !important;
border: none !important;
margin: 0px !important;
margin-bottom: 45px !important;
cursor: pointer;
border-radius: 0 !important;
box-shadow: none !important;
margin: auto !important;
margin-bottom: 10px !important;
}
.card.card-news .back-img {
background-repeat: no-repeat !important;
background-size: contain !important;
border-radius: 30px;
margin-bottom: 5px;
height: 220px !important;
background-position: center !important;
}
.card.card-news .card-title-news {
font-family: 'AnimaFontExtraBold' !important;
color: #0a2a42;
line-height: 30px !important;
font-size: 20px !important;
text-align: start;
padding-left: 20px !important;
padding-bottom: 5px;
max-width: 310px !important;
letter-spacing: normal !important;
font-weight: normal !important;
margin-bottom: 0px;
padding-bottom: 5px;
}
.card.card-news p {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
padding-left: 20px !important;
width: 40%;
line-height: 20px !important;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card.card-news a {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
width: 40%;
margin-top: -20px;
margin-left: 100px;
line-height: 20px;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card-noticia-newsletter {
background-color: transparent;
height: auto;
border: none !important;
margin: 0px !important;
margin-bottom: 0px !important;
cursor: pointer;
border-radius: 0 !important;
box-shadow: none !important;
flex: 0 0 100% !important;
max-width: 100% !important;
text-align: center !important;
}
.card-noticia-newsletter .back-img {
background-repeat: no-repeat !important;
background-size: cover !important;
border-radius: 30px;
margin-bottom: 15px;
height: 155px !important;
background-position: center !important;
max-width: 255px;
margin: auto;
}
.card-noticia-newsletter .card-title-news {
font-family: 'AnimaFontExtraBold' !important;
color: #0a2a42;
line-height: 28px !important;
font-size: 20px !important;
text-align: start;
padding-left: 12px !important;
padding-bottom: 5px;
max-width: 310px !important;
letter-spacing: normal !important;
font-weight: normal !important;
margin: 0px;
padding: 5px;
}
.card-noticia-newsletter p {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
padding-left: 12px !important;
width: 100%;
line-height: 20px !important;
letter-spacing: normal !important;
font-weight: normal !important;
}
.card-noticia-newsletter a {
font-family: 'AnimaFontRegular' !important;
font-size: 13px !important;
text-align: start;
width: 100%;
margin-top: -20px;
margin-left: 100px;
line-height: 20px;
letter-spacing: normal !important;
font-weight: normal !important;
}
.dashboard-news-row {
margin-top: 30px;
}
.btn-validate-insurance-inverted {
margin: 0px !important;
}
.btn-responder-email {
margin-right: 0px !important;
}
.mail-box-header-detail {
padding-top: 20px !important;
}
.mail-attachment {
padding: 10px 15px;
}
#parent .col-24 {
margin-top: 2rem !important;
overflow-x: auto !important;
max-width: 260px !important;
margin: auto !important;
scrollbar-width: none !important;
}
.logo-div-anchor {
max-width: 275px !important;
display: flex;
margin: auto;
}
.short-banner {
display: none !important;
}
.col-new-client {
display: none;
}
.link-new-client {
display: block;
}
.title-color-apply-login {
font-size: 24px !important;
margin-bottom: 0px !important;
}
.account-wrapper-section .account-container .card .card-header {
padding-top: 25px !important;
}
.account-input {
height: 50px;
}
.form-group-login {
margin-bottom: 15px !important;
}
.btn-authentication {
height: 50px;
padding-top: 15px !important;
}
.login-label {
bottom: 10px;
}
.link-login {
margin-top: 0px !important;
margin-bottom: 12px !important;
}
.reset-password {
font-size: 14px !important;
}
.card.login-card {
height: 400px !important;
}
.login-container .div-banner .div-img-banner img {
height: 20px;
}
.login-container .div-banner .div-img-banner .text-banner {
font-size: 14px;
}
.login-container .div-banner {
height: 55px;
}
.form-group-register {
margin-bottom: 10px !important;
}
.register-label {
top: 15px;
}
.card.register-card {
max-width: 300px !important;
height: 620px !important;
}
.card.recover-card {
max-width: 300px !important;
height: 620px !important;
}
.form-group-recover {
margin-bottom: 10px !important;
}
#Register {
margin-bottom: 20px;
}
#ResetPassword {
margin-bottom: 25px;
}
.div-banner {
cursor: pointer;
}
.col-card-news {
flex: 0 0 100%;
max-width: 100%;
}
.footernetwork {
display: block;
width: 100% !important;
}
.footernetwork tr {
display: block;
width: 100% !important;
}
.footernetwork tr td {
display: block;
width: 100% !important;
}
.account-wrapper-section .account-container .card .card-body {
padding-top: 20px !important;
}
.link-new-client {
margin-top: 10px;
margin-bottom: 10px;
}
.card.login-card {
min-height: 425px;
height: auto !important;
}
.card.login-card form {
margin-bottom: 25px !important;
}
#modalTermsConditions .tab-card {
padding: 10px !important;
}
#modalTermsConditions .modal-body {
padding: 20px;
}
#modalTermsConditions .modal-header {
position: relative;
}
#modalTermsConditions .modal-header button {
position: absolute;
top: 5px;
font-size: 30px !important;
right: 30px;
}
#modalTermsConditions .modal-header .profile-title {
font-size: 24px !important;
}
#modalTermsConditions .modal-body h2 {
font-size: 26px !important;
}
#modalTermsConditions .modal-body h3 {
font-size: 22px !important;
}
#modalTermsConditions .modal-body h4 {
font-size: 20px !important;
}
#modalTermsConditions .modal-body p {
font-size: 16px !important;
}
.card.register-card .div-campo-obrigatorio {
margin-bottom: 10px;
}
.card.recover-card #ResetPassword {
margin-bottom: 25px;
}
.card.recover-card .div-campo-obrigatorio {
margin-bottom: 10px;
}
.card-img-top.tab-card {
padding-left: 45px !important;
padding-right: 45px;
}
.card-img-top.tab-card.sinistro-tab-card {
padding-left: 15px !important;
padding-right: 15px !important;
}
.row-voltar {
margin-bottom: 15px;
}
.profile-title {
padding-top: 9px;
}
.apolice-title {
padding-top: 9px;
}
.sinistro-tab-card {
padding-left: 15px !important;
}
.svg-form-sinistro {
margin: auto;
}
.pedido-btn-1 {
display: none !important;
}
.pedido-btn-2 {
display: block !important;
}
.voltar-suporte {
margin-bottom: 10px !important;
}
.pedido-right {
float: inherit;
}
.show-password {
top: 15px;
}
.btn-new-autorizacao {
margin-top: 15px !important;
margin-bottom: 5px !important;
}
.key-field p {
margin-bottom: 0px;
}
.key-field-apolice p {
margin-bottom: 0px;
}
.title-login {
font-family: 'AnimaFontExtraBold' !important;
text-align: center !important;
font-size: 24px !important;
color: var(--CorTituloAreaReservada) !important;
margin-bottom: 0px;
margin-top: 10px;
}
.back-arrow {
position: absolute;
top: 75px;
z-index: 1021;
font-size: 25px;
margin-left: 47px;
cursor: pointer;
}
.btn-voltar-geral {
width: 100%;
margin-top: 15px !important;
margin-bottom: 10px !important;
}
.sinistro-title {
margin-bottom: 15px;
}
.autorizacao-title {
margin-bottom: 15px;
}
.askSupport {
width: 100% !important;
}
.sup-div {
margin-top: 10px !important;
}
.img-newsletter-detail {
max-width: 100%;
}
.btn-modal-terms {
font-size: 12px !important;
right: 25px;
top: 9px;
width: 75px;
}
.div-banner:not(.div-banner-mobile) {
display: none !important;
}
.div-banner.div-banner-mobile {
display: block !important;
}
.img-banner-div {
width: 70%;
flex: 70%;
}
.terms-banner {
width: 30%;
flex: 30%;
}
.img-banner {
width: 85px !important;
}
.login-container .div-banner .div-img-banner .text-banner {
padding-right: 0px !important;
}
.value-field-card p {
word-break: break-word;
}
.value-field-apolice p {
word-break: break-word !important;
}
.value-field p {
word-break: break-word !important;
}
.key-field {
width: 100%;
}
.key-field-apolice {
width: 100%;
}
.key-field-card {
width: 100%;
}
.div-responder {
text-align: center !important;
padding-right: 0px !important;
}
.div-responder a {
width: 210px !important;
margin-right: 15px !important;
}
}
@media only screen and (min-width:507px) and (max-width:539px) {
#NetworkUsesTable .footernetwork {
width: 350% !important;
}
}
@keyframes opensidebar {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}
@keyframes closesidebar {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
.supportTR.notRead td {
font-weight: 800;
}
.card-support-detail .mail-box-detail div img {
max-width: 100%;
}
.card.card-support.fill-card {
overflow: hidden !important;
}