/*    Created on : 17/abr/2019, 10:17:16
    Author     : miguel.zenha

*/

@font-face {
    font-family: "Poppins";
    src: url("fonts/brutaPro/Ndiscover - Poppins Regular.otf") format("opentype");
}
@font-face {
    font-family: "Poppins SemiBold";
    src: url("fonts/brutaPro/Ndiscover - Poppins Semi Bold.otf") format("opentype");
}
@font-face {
    font-family: "Poppins Light";
    src: url("fonts/brutaPro/Ndiscover - Poppins Thin.otf") format("opentype");
}
@font-face {
    font-family: "Bruta Pro Condensed Regular";
    src: url("fonts/brutaPro/Ndiscover - Bruta Pro Condensed Regular.otf") format("opentype");
}
@font-face {
    font-family: "Bruta Pro Condensed SemiBold";
    src: url("fonts/brutaPro/Ndiscover - Bruta Pro Condensed Semi Bold.otf") format("opentype");
}



/* ------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------  DEFINIÇÃO DAS FONTS ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */


@font-face {
    font-family: "Poppins";
    src: url("fonts/poppins/Poppins-Light.ttf") format("truetype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
}


@font-face {
    font-family: "Poppins";
    src: url("fonts/poppins/Poppins-Regular.ttf") format("truetype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}


@font-face {
    font-family: "Poppins";
    src: url("fonts/poppins/Poppins-Medium.ttf") format("truetype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
}


@font-face {
    font-family: "Poppins";
    src: url("fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("fonts/poppins/Poppins-Bold.ttf") format("truetype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("fonts/poppins/Poppins-Bold.ttf") format("truetype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}


@font-face {
    font-family: "Poppins";
    src: url("fonts/poppins/Poppins-ExtraBold.ttf") format("truetype");
    font-display: auto;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
}



@font-face {
    font-family: "Poppins";
    src: url("fonts/brutaPro/Ndiscover - Poppins Regular.otf") format("opentype");
}


@font-face {
    font-family: "Poppins SemiBold";
    src: url("fonts/brutaPro/Ndiscover - Poppins Semi Bold.otf") format("opentype");
}
@font-face {
    font-family: "Poppins Light";
    src: url("fonts/brutaPro/Ndiscover - Poppins Thin.otf") format("opentype");
}
@font-face {
    font-family: "Bruta Pro Condensed Regular";
    src: url("fonts/brutaPro/Ndiscover - Bruta Pro Condensed Regular.otf") format("opentype");
}
@font-face {
    font-family: "Bruta Pro Condensed SemiBold";
    src: url("fonts/brutaPro/Ndiscover - Bruta Pro Condensed Semi Bold.otf") format("opentype");
}
/*
*{ margin:0;}*/



:root {
    --poppins: 'Poppins', sans-serif;
    --azul-principal-novo: #0A23F0;
    --cinza-claro: #798B91;
    --cinza-escuro-texto: #323B3E;
    --input-cor-cinza: #6E6E6E;
    --cinza-claro-texto: #7E8F95;
    --branco: #FFFFFF;
    --input-border-cinza: #DEE3EA;
    --verde-caravela: #00C800;
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 0.7; /* Firefox */
    letter-spacing: 1px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
    opacity: 0.7;
    letter-spacing: 1px;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
    opacity: 0.7;
    letter-spacing: 1px;
}

input:-internal-autofill-selected {
    background-color: transparent;
}


html {
    position: relative;
    scrollbar-width: thin;
    scrollbar-color: var(--azul-principal-novo) #efefefaa;
}

.ui-widget {
    font-family: "Poppins", Helvetica, Arial,sans-serif !important;
}
html, body {
    font-family: "Poppins", Helvetica, Arial,sans-serif !important;


}
body{
    height: 100%;
    margin: 0;
    background: transparent linear-gradient(305deg, #FFFFFF 0%, #EDEFF3 100%) 0% 0% no-repeat padding-box;
}

body * {
    font-family: var(--poppins) !important;
}

body{
    font-size: 14px;
    line-height: 19px;
    /*      background: #edeff3;  Old browsers
          background: -moz-linear-gradient(top, #ffffff 0%, #edeff3 100%);  FF3.6-15
          background: -webkit-linear-gradient(top, #ffffff 0%,#edeff3 100%);  Chrome10-25,Safari5.1-6
          background: linear-gradient(to bottom, #ffffff 0%,#edeff3 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeff3',GradientType=0 );  IE6-9
          background-size: 100% 100%;
          background-attachment: fixed;*/
}

hr {
    clear: both;
}

.banners .carousel-caption a.ui-link.white-btn, .ui-link.white-btn, .ui-button.white-btn{
    background: #FFF;
    color:#00A7D7;
    font-size:1.8rem;
    line-height: 1.8rem;
    font-family: 'Poppins';
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    position: absolute;
    right:0;
    bottom: 0;
}

.ui-button.white-btn-marketing{
    background: #FFF;
    color:#00A7D7;
    font-size:1.8rem;
    line-height: 1.8rem;
    font-family: 'Poppins';
    font-weight: bold;
    font-size: 14px;
    padding: 0.2rem 0.2rem;
    position: absolute;
}

.loginPage {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0 !important;
}

.caeName{
    font-size: 1.3rem;
    line-height: 2.9rem;
}

.loginDiv {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
}



label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.expandButton{
    background: #FFF;
    width: 13.3rem;
    position: absolute;
    top: 45%;
    padding: 3rem;
    right: -6rem;
    z-index: 2000;
    border-radius: 100%;
}
.expandButtonImage{
    background: url(../images/caais-expand.svg) no-repeat center center #FFF;
    padding-top: 100%;
    background-size: contain;
    display: block;
}
.logo{
    width:100%;
    margin-bottom: 25%;
}
/*.loginPageWrapper{ display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;}*/

.loginPageWrapper .text_image{
    position: absolute;
    top: 45%;
    margin-left: 11rem;
}

.loginPageWrapper .text_image>div{
    display: inline-block;
    padding-left: 1rem;
}
.loginPageWrapper .text_image:before{
    content: ">";
    font-family: 'Poppins';
    font-size: 4rem;
    color: #fff;
    vertical-align: 215%;
    font-weight: 600;
    top: 0;
}
.loginPageWrapper .title_text_image{
    font-size: 3.5vw;
    font-family: 'Poppins';
    font-weight: 600;
    color: #FFF;
}
.loginPageWrapper .subtitle_text_image{
    font-family: 'Poppins';
    font-size: 2.2rem;
    color: #fff;
}
.ml-0 {
    margin-left: 0px !important;
}

body .ui-breadcrumb{
    border:none;
}

h2.title{
    font: normal normal 600 2.4rem/2.5rem 'Poppins Semibold';
    color: var(--azul-principal-novo);
    text-transform: uppercase;
    font-size: 18px;
}

.prewrap{
    white-space: pre-wrap;
}

.marginTop120{
    margin-top: 12rem;
}
.marginBottom40{
    margin-bottom: 4rem;
}
.padding20{
    padding: 2rem;
}
.blueBackground,.blueBackground .ui-panelgrid .ui-panelgrid-cell{
    background-color:#eff7fb;
}
.redBackground,.redBackground .ui-panelgrid .ui-panelgrid-cell{
    background-color:#FFCDD2;
}
.greenBackground,.greenBackground .ui-panelgrid .ui-panelgrid-cell{
    background-color:#e8fcdc;
}

.bordernone .ui-panel-content{
    border:none !important;
}
.paddingnone{
    padding:0;
}
.paddingnone .ui-panelgrid .ui-panelgrid-cell{
    padding:0.4rem;
}
/* ----------------------------------------------- */
/* --------------------- HOME ---------------------*/
/* ----------------------------------------------- */

.card{
    background-color:#FFFFFF;
    margin-bottom:2.4rem;
    border-radius: 4px;
}
.cardNoShadow{
    background-color:#FFFFFF;
    margin-bottom:2.4rem;
    border-radius: 4px;
}
.card.card-narrow  {
    margin-top:25px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.21);
}
/*.card.card-narrow:hover  {margin-top:15px; margin-bottom: 3.4rem;border: 1px solid rgba(216,228,233,0.4);box-shadow: 0 30px 16px -8px rgba(21,35,40,0.18);}*/
.card.card-narrow .view {
    width:100%;
    margin-top: -28px;
    height:100px;
    float: left;
}
.card.card-narrow a.number {
    opacity: 0.6;
    color: #798B91;
    letter-spacing: 0.09px;
    text-decoration:none;
}
.card .product-name {
    font-family: 'Poppins Semibold';
    word-break: break-word;
    height: calc(1.6rem*3);
    margin-top: 1.2rem;
}
.card .product-name div{
    font-family: 'Poppins Semibold';
    font-size: 1.3rem;
    line-height: 1.6rem;
    max-height: calc(1.6rem*3);
    position: relative;
    overflow:hidden;
}
.card .product-name a{
}
.card .product-name div:before {
    content: "\02026";
    position: absolute;
    bottom: 0;
    color:#337ab7;
    right:0;
    width: 1em;
    height:1.6rem;
    margin-left: -1em;
    text-align: right;
    background: #fff;
    z-index:2;
}
.card .product-name div::after{
    content: "\02026";
    color:#FFF;
    position:relative;
    display:block;
    float:right;
    background:transparent;
    width: 1em;
    height:1.6rem;
    /*margin-top:1.6rem;*/
    z-index:3;
    text-align:right;
}

.card .product-date{
    font-family: 'Poppins';
    font-size: 1.2rem;
    line-height: 1.3rem;
    color:#999999;
    text-transform: uppercase;
}
.ui-carousel-item.ui-carousel-item-active{
    margin: 0 0.5rem;
}
.card  img{
    height: auto;
    max-width: 100%;
    margin:0 auto;
    vertical-align: middle;
    /*height: 100px;*/
    /*padding: 12px;*/
}
.card .card-body{
    padding: 0 2rem 2rem 2rem;
}
.card .card-body-no-margin{
    padding: 0;
}

.profile .card.card-info .card-body{
    padding: 1.4rem 2.4rem 4rem;
}
.card .card-title{
    color: #152328;
    text-align: center;
    line-height: 2.4rem;
}
.card.card-narrow .card-title{
    text-transform: capitalize;
    height: 110px;
}
.card.card-narrow .card-text{
    height: 16px;
}
.card .btn{
    margin:0;
    width: 100%;
}
.card.card-info .btn{
    width: auto;
    padding: 0.6rem 1rem;
}

.card .card-body .card-text{
    color: #152328;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-align: center;
}
.profileArea .card .card-body .card-text{
    text-align: left;
}
.card .card-body .card-text a{
    color: #152328;
}
.card .card-body hr{
    border-top: 1px solid #DBE1EE;
    margin: 16px 0 10px;
}

.card.card-info .card-body {
    color: #142139;
    font-size: 1.4rem;
    padding: 1rem;
}
.card.card-info .card-body h4{
    text-transform: uppercase;
    color: #78859D;
    opacity: 0.7;
    font-size:1.3rem;
}
.card.card-info .card-body h3{
    color: #152328;
    font-family: "Poppins SemiBold","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    letter-spacing: 0.11px;
    line-height: 2.5rem;
}
.card.card-info .card-body label{
    color: #78859D;
    font-weight: normal;
    padding-right: 0.8rem;
    margin: 0.6rem 0;
}
.diaplyTable {
    display: table;
}
.card.card-info .card-body label.ui-outputlabel, .diaplyTable label.ui-outputlabel{
    text-align: left;
    display: table-header-group;
    color: var(--azul-principal-novo);
    line-height: 1rem;
    letter-spacing: 0.09px;
    font-size :1.4rem;
    font-weight: normal;
    text-transform: uppercase;
}
.card.card-info .card-body label.ui-outputlabel.terms {
    display:flex;
    color: #152328;
    opacity: 0.8;
    text-transform: none;
    font-family: "Poppins","Helvetica Neue", Helvetica, Arial, sans-serif;
}
.card.card-info .card-body label.ui-outputlabel.ui-state-error, .diaplyTable label.ui-outputlabel.ui-state-error{
    color: #cd0a0a;
    background: none;
}
.card.card-info .card-body .ui-selectonemenu label.ui-selectonemenu-label{
    padding-left:1rem;
    margin: 0;
    font-size: 14px;
}
.card.card-info .card-body .ui-message-error, .diaplyTable .ui-message-error {
    margin: -12px 0 15px;
}
.card.card-info .card-body input.ui-inputfield, .diaplyTable input.ui-inputfield{
    width:100%;
    display: table-footer-group;
    border: 1px solid rgba(121,139,145,0.25);
    border-radius: 3px;
    box-shadow: none;
    opacity: 0.8;
    color: #152328;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    line-height: 1.8rem;
}
.card.card-info .card-body input[type=password] {
    font: large Verdana, sans-serif;
    letter-spacing: 2.5px;
}
.card.card-info .card-body input.ui-inputfield:focus, .diaplyTable input.ui-inputfield:focus {
    border: 1px solid #00A2C0;
    opacity:1;
    color:#444f53;
}
.card.card-info .card-body input.ui-inputfield:focus + label.ui-outputlabel, .diaplyTable input.ui-inputfield:focus + label.ui-outputlabel {
    color:#00A2C0;
}

body .ui-carousel .ui-carousel-header, body .ui-carousel .ui-carousel-footer, body .ui-carousel .ui-carousel-viewport, body .ui-carousel .ui-carousel-viewport .ui-carousel-item {
    border:none;
}
body .ui-carousel .ui-carousel-header, body .ui-carousel .ui-carousel-footer {
    background: none;
}
body .ui-carousel .ui-carousel-page-links {
    position: relative;
    top: 0;
    float: none;
    display: inline-block;
    clear: both;
    left: 50%;
}
body .ui-carousel.lastnews .ui-carousel-button.ui-carousel-prev-button, body .ui-carousel.lastnews .ui-carousel-next-button{
    display: none !important;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
    padding: 0 3rem 0 0;
}

iframe{
    border:none;
    width: 100%;
    height: 100vh;
}
.smallscroll{
    scrollbar-width: thin;
    scrollbar-color: #00A5D6 #efefefaa;
}
.iframewrap{
    background: url(../images/loading_32.gif) no-repeat center center;

}
.bayleyssvg {
    display: block;
    margin: 80px auto;
    width: 800px;
    margin-bottom: 15px;
}

.a {
    animation: logo 5s ease infinite;
}

@keyframes logo {
    0% {
        stroke-width: 1pt;
        stroke-dashoffset: 1200;
        fill-opacity: 0;
    }
    50% {
        fill-opacity: 0;
    }
    70% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
        stroke-width: 0pt;
    }
    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
        stroke-width: 0pt;
    }
}



.hero {
    background-color: white;
    position: relative;
    height: 100vh;
    overflow: hidden;
    font-family: "Montserrat", sans-serif;
}

.hero__title {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    z-index: 1;
}

.cube {
    position: absolute;
    top: 80vh;
    left: 9vw;
    width: 10px;
    height: 10px;
    border: solid 1px #0087ae;
    transform-origin: top left;
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    animation: cube 12s ease-in forwards infinite;
}
.cube:nth-child(2n) {
    border-color: #0bc9ff;
}

.hero3 {
    position: absolute;
    animation-delay: 2s;
    transform-origin: top left;
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    animation: cube 12s ease-in forwards infinite;
}

.cube:nth-child(2) {
    animation-delay: 2s;
    left: 25vw;
    top: 40vh;
}
.cube:nth-child(3) {
    animation-delay: 4s;
    left: 75vw;
    top: 50vh;
}
.cube:nth-child(4) {
    animation-delay: 6s;
    left: 90vw;
    top: 10vh;
}
.cube:nth-child(5) {
    animation-delay: 8s;
    left: 10vw;
    top: 85vh;
}
.cube:nth-child(6) {
    animation-delay: 10s;
    left: 50vw;
    top: 10vh;
}

@keyframes cube {
    from {
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        opacity: 1;
    }
    to {
        transform: scale(20) rotate(960deg) translate(-50%, -50%);
        opacity: 0;
    }
}


@keyframes hero3 {
    from {
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        opacity: 1;
    }
    to {
        transform: scale(20) rotate(960deg) translate(-50%, -50%);
        opacity: 0;
    }
}



/***BANNERS***/
.carousel {
    margin-top: 30px;
}

.banners .carousel-inner  {
    display: grid;
    /* border-radius: 6px; //box-shadow:0 25px 16px -20px rgba(21,35,40,0.39); */
}
.banners .carousel-inner > .item {
    display: block;
    border-radius: 4px;
    background-color: #FFFFFF;
    transition: 0.3s ease all;
    height: 230px; /* Mantém a proporção da imagem */
    object-fit: cover !important;
}

.custom-carousel-item {
    height: auto !important; /* Mantém a proporção da imagem */
}


.banners .carousel-inner > .item:not(.active) {
    display: none;
    transition: 0.3s ease all;
}

.banners .carousel-inner > .item >  img{
    width:fit-content;
    height:fit-content
}
.banners .carousel-inner > .item >  .bannerMask{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background: transparent;
    /*                                                background: -moz-linear-gradient(left, rgba(20,33,57,0.8) 0%, rgba(20,33,57,0) 60%);
                                                    background: -webkit-linear-gradient(left, rgba(20,33,57,0.8) 0%,rgba(20,33,57,0) 60%);
                                                    background: linear-gradient(to right, rgba(20,33,57,0.8) 0%,rgba(20,33,57,0) 60%);
                                                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc142139', endColorstr='#00142139',GradientType=1 );*/
}
.banners .carousel-caption {
    top: 0;
    left: 5%;
    text-align: left;
}
.carouselContainer.products .banners .carousel-caption {
    right: 2%;
}
.banners .carousel-caption h2{
    margin-top:0px;
    width:300px;
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.15px;
    line-height: 28px;
    text-shadow: 0 0 4px  #142139;
}
.banners .carousel-caption a, .banners .carousel-caption .captionDetail{
    display: block;
    width: 400px;
    color: #FFFFFF;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: 0.09px;
    line-height: 21px;
    text-shadow: 0 0 4px #142139;
}
.banners .closeBtnCarousel{
    background-size: 100% 100% !important;
    position: absolute;
    top: 17px;
    right: 28px;
    background: url(../images/ic_close_w_1.svg) no-repeat transparent top left;
    width:18px;
    height: 18px;
}
.carouselContainer.home{
    padding:0;
}


.carousel-caption.slide-pagina-produto {
    position: relative;
    right: 0%;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    height: 100%;
}


.carousel-caption.slide-pagina-produto h2 {
    line-height: 34px;
    max-width: 250px;
    margin: 0px !important;
}

.carousel-caption.slide-pagina-produto button {
    background: #00C800 !important;
    border: 2px solid #00C800 !important;
}

.carousel-caption.slide-pagina-produto button:hover,
.carousel-caption.slide-pagina-produto button:focus,
.carousel-caption.slide-pagina-produto button:active {
    background: #FFF !important;
    border: 2px solid #00C800 !important;
}

.slide-pagina-produto button {
    position: relative !important;
}


.slide-pagina-produto p {
    margin: 0px !important;
}

.carousel-pagina-produto {
    height: 280px !important;
}

/************* STATS ************/

.highlight .card{
    box-shadow: 0px 8px 12px #f2f2f2;
}
.highlight {
    margin-top:3rem;
}
.highlight .card-body{
    color:#000000 !important;
    font-family: 'Poppins SemiBold';
    font-size: 1rem;
    font-size: 1.2rem !important;
    text-align: center;
    padding-top:4.5rem !important;
}
.highlight .statslabel{
    display: block;
    height: 3rem;
    line-height: 1.25rem;
    margin-top:1.5rem;
}
.highlight .numbers{
    color: #00729A;
    display: block;
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
    height: 5rem;
    line-height: 2.5rem;
}
.smallNote{
    font-family: 'Poppins';
    color:#2c2c2c;
    font-size: 1.2rem;
}
.highlight .smallNote{
    display: inline-block;
    margin-bottom: 0.2rem;
}
.highlight h2{
    margin-bottom: 0;
}

.openclaims{
    background: url(../images/icon_notificacoes_sin.svg) center 1.5rem no-repeat;
    background-size: auto 3.5rem;
}
.newpolicies{
    background: url(../images/ic_apolicesretalho.png) center 1.5rem no-repeat;
    background-size: auto 3.5rem;
}
.debtless30, .debtover30{
    background: url(../images/ic_divida.png) center 1.5rem no-repeat;
    background-size: auto 3.5rem;
}
.premiusquarter{
    background: url(../images/ic_premios.png) center 1.5rem no-repeat;
    background-size: auto 3.5rem;
}
.currentpolicies{
    background: url(../images/ic_apolicesvigor.png) center 1.5rem no-repeat;
    background-size: auto 3.5rem;
}
/*********** FIM STATS **********/

/* ----------------------------------------------- */
/* ------------------- FIM HOME -------------------*/
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* ------------ MENU PRINCIPAL SIDEBAR ------------*/
/* ----------------------------------------------- */
.sidenav {
    font-family: Poppins;
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0;
    overflow: visible;
    overflow-y: auto;
    padding-top: 20px;
    padding: 0!important;
    width: 250px;
    box-shadow: 0 0 6px 0 rgba(21,35,40,0.4);
    background-color: #fff;
    transition: 0.5s;
    scrollbar-width: thin;
    scrollbar-color: grey #efefefaa;
    float: left !important;
}






.sidenav ul {
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none;
}

.sidenav li {
    position: relative;
    display: block;
}

.menuLista .menuItem {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.menuLista .menuItem:hover {
    color: #FFFFFF;
    border-left-color: #FFFFFF;
    background-color: var(--azul-principal-novo);
    opacity: 1;
}

.menuIcon {
    float: left;
    height: 20px;
    width: 20px;
    padding-right: 0px;
    margin-top: 5px;
    margin-right: 10px;
}

.sidenav .minimizar {
    bottom: 15px;
    position: fixed;
    margin-left: 220px;
    width: 15px;
    transition: margin-left .5s;
    cursor: pointer;
}

.sidenav a {
    font-family: Poppins !important;
    padding: 6px 8px 6px 8px;
    text-decoration: none;
    font-size: 14px;
    border-left: 5px solid #fff;
    border-left-width: 5px;
    border-left-style: solid;
    display: block;
    line-height: 30px;
    font-family: Poppins;
    opacity: 0.5;
    color: #000000;
    font-weight: 500;
}

.menuLista li {
    margin-top: 10px;
}

/* Style the sidenav links and the dropdown button */
.dropdown-btn {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: block;
    background: none;
    width: 100%;
    cursor: pointer;
    outline: none;
    font-family: Poppins;
    line-height: 30px;
    text-align: left;
    border: none;
}


/* Add an active class to the active dropdown button */
.active {
    color: #f1f1f1;
    border-left-color: #00a2c0 !important;
    background-color: rgba(216,228,233,0.13) !important;
    opacity: 1;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    display: none;
    padding-left: 30px;
}
.dropdown-subcontainer {
    display: none;
    padding-left: 10px;
}

.dropdown-container a {
    font-size: 12px;
    border-left: 5px solid transparent;
}

a:hover, a:active {
    color: var(--azul-principal-novo);
    /*color: #FFFFFF;*/
}
.dropdown-container a:hover, .dropdown-container a:active {
    color: #FFFFFF;
    opacity: 1;
}



/* ----------------------------------------------- */
/* ------------ MENU PRINCIPAL NAVBAR TOPO ------------*/
/* ----------------------------------------------- */


.container-navbar {
    display: flex;
    justify-content: flex-end;
}

.navbarTop {
    overflow: hidden;
    background-color: rgba(0,0,0,0);
    position: relative;
    top: 0;
    width: calc(100% - 250px);
    height: 50px;
    border-radius: 0px !important;
    z-index: 20;
}

.navbarTop .navBarTopItemLeft {
    display: block;
    float: left;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 15px;
}

.navbarTop .navBarTopItemLeft.fechar {
    height: 20px;
    margin-top: 15px;
    margin-left: 10px;
    cursor: pointer;
    content:url("../images/close.svg");
}

.navbarTop .navBarTopItemLeft.abrir {
    height: 20px;
    margin-top: 15px;
    margin-left: 10px;
    cursor: pointer;
    content:url("../images/burger.svg");
    width: 20px;
}

.navbarTop .navBarTopItemRight {
    display: block;
    float: right;
    text-decoration: none;
    vertical-align: middle;
    margin-right: 15px;
}

.navbarTop .navBarTopItemRight .avatarDetails {
    font-family: Poppins;
    color: white;
    font-size: 14px;
}

.btnLogout:hover {
    cursor: pointer;
    color: #152328;
    text-decoration: underline;
}


/* ----------------------------------------------- */
/* ---------- MENU PRINCIPAL NAVBAR BOTTOM --------*/
/* ----------------------------------------------- */

.navbarBottom {
    position: fixed; /* Set the navbar to fixed position */
    bottom: 0; /* Position the navbar at the bottom of the page */
    width: calc(100% - 220px); /* Full width */
    border-radius: 0px !important;
    margin-left: 220px;
    background-color: #00A6D6;
    overflow: hidden;
    height: 40px;
    transition: margin-left .5s;
    z-index: 10;
}

.navbarBottom .navbarBottomLeft {
    font-family: Poppins;
    font-size: 14px;
    color: white;
    line-height: 40px;
    margin-left: 10px;
    letter-spacing: 0.82px;
}

.navbarBottom .socialNetIcons {
    float: right;
    margin-right: 15px;
    display: block;
    margin-top: 12px;
}

.navbarBottom .socialNetIcons:hover {
    cursor: pointer;
}


.navbarBottom2 {
    position: absolute;
    bottom: 0px; /* Position the navbar at the bottom of the page */
    border-radius: 0px !important;
    margin-left: 290px;
    overflow: hidden;
    height: 40px;
    width: calc(100% - 290px);
    transition: margin-left .5s;
    z-index: 10;
    font-weight: 600;
    background-color: rgba(0,0,0,0);
}

.navbarBottom2 .navbarBottomLeft {
    font-family: Poppins;
    font-size: 13px;
    color: #2A2A2A;
    line-height: 40px;
    margin-left: 10px;
    letter-spacing: 0.82px;
}

.navbarBottom2 .navBarBottomItemRight {
    display: block;
    float: right;
    text-decoration: none;
    line-height: 40px;
    margin-right: 15px;
    color: #2A2A2A !important;
    font-family: Poppins;
    font-size: 13px;
}

.navbarBottom2 .navBarBottomItemRight:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* ----------------------------------------------- */
/* ------------ SCROLLBAR -------------------------*/
/* ----------------------------------------------- */

/* width */
::-webkit-scrollbar, .smallscroll::-webkit-scrollbar {
    width: 5px;
    height: 20px !important;
}

/* Track */
::-webkit-scrollbar-track, .smallscroll::-webkit-scrollbar-track  {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb, .smallscroll::-webkit-scrollbar-thumbr  {
    background: rgba(216,228,233,0.13);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover, .smallscroll::-webkit-scrollbar-thumb:hover  {
    background: #00A7D7;
}


/* ----------------------------------------------- */
/*---------------------COOKIES---------------------*/
/* ----------------------------------------------- */
.modalCookies{
    z-index: 99999!important;
    position: fixed;
    background: rgba(255,255,255,0.95);
    padding: 1.2rem 2.4rem;
    font-size: 1.4rem !important;
    bottom: 0;
    top:auto !important;
    box-shadow: 0 2px 4px 0 rgba(20,33,57,0.12)!important;
    border-top: 1px rgba(121,139, 145, 0.3) solid;
    color: #152328;
    font-family: Poppins !important;
    font-weight: 500;
    letter-spacing: 0.69px;
    line-height: 1.7rem;
    float:right;
}
.modalCookies .row, .modalQuote .row{
    margin:0;
}

.modalCookies.ui-dialog .ui-dialog-titlebar {
    display: none;
}

.modalCookies a {
    color: var(--azul-principal-novo) !important;
}

.maximizado{
    width: -moz-calc(100% - 250px) !important;
    width: -webkit-calc(100% - 250px) !important;
    width: calc(100% - 250px) !important;
    margin-left:190px !important;
}
.minimizado{
    width: -moz-calc(100% - 60px) !important;
    width: -webkit-calc(100% - 60px) !important;
    width: calc(100% - 60px) !important;
    margin-left:0px !important;
}
.ui-dialog .ui-dialog-titlebar{
    background: none;
}
.ui-confirm-dialog-message{
    font-size: 1.6rem;
}
.ui-dialog.ui-shadow{
    box-shadow: 0 0 26px 0 rgba(21,35,40,0.4);
}
.ui-dialog-title{
    font-size:16px !important;
}

.backgroundLogin{
    background-image: url(../images/login-background-new.webp);
    background-position: center center;
    height: 100%;
    background-clip: border-box;
    background-size: cover;
}


.titulo {
    font-family: 'Poppins',Arial,Helvetica,sans-serif !important;
    font-size: 12px;
    font-weight: inherit;
    color: #798B91;
    display: table-header-group;
    text-transform: uppercase;
}

body .ui-inputfield.label-style{
    width: 100%;
    display: table-footer-group;
    border: 1px solid rgba(121,139,145,0.25);
    margin-bottom: 18px;
    margin-top: 6px;
    border-radius: 3px;
    box-shadow: none;
    opacity: .8;
    color: #152328;
    font-family: 'Poppins',Arial,Helvetica,sans-serif !important;
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 10px 20px 12px;
}

.ui-inputfield {
    font-family: 'Poppins',Arial,Helvetica,sans-serif !important;
    font-size: 14px !important;
}

.btn-default {
    background-color: #2bbbad !important;
    color: #fff !important;
}
.button_login {
    width: 100% !important;
    font-family: 'Poppins' !important;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #00729A !important;
}
/* ----------------------------------------------- */
/* ------------ BREADCRUMB -------------------------*/
/* ----------------------------------------------- */

ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: transparent !important;
    padding-left: 0px;
}

ul.breadcrumb li {
    display: inline;
    font-size: 13px;
    font-family: Poppins;
    color: #0F1010;
}

ul.breadcrumb li+li:before {
    padding: 4px;
    color: #0F1010;
    opacity: 0.5;
    content: ">>";
}

ul.breadcrumb a {
    color: #0F1010;
    display: inline;
    font-size: 13px;
    font-family: Poppins;
    color: #0F1010;
}

ul.breadcrumb li a:hover {
    color: var(--azul-principal-novo);
}

.breadcrumb {
    margin-bottom: 0px !important;
}


.breadcrumb li:nth-child(2) {
    font-weight: 600;
}

.breadcrumb img {
    height: auto;
    width: 30px;
}


/* ----------------------------------------------- */
/* ------------ CONTEÚDO DA PÁGINA -------------------------*/
/* ----------------------------------------------- */


.content {
    margin-left: 250px;
    margin-top: 0px;
    padding-top: 30px;
    padding-left: 20px;
    margin-bottom: 45px;
    transition: margin-left .5s;
    min-height: calc(100vh - 105px);
    overflow-x: hidden;
}
.contentSinistros {
    margin-left: 250px;
    margin-top: 30px;
    padding-left: 30px;
    transition: margin-left .5s;
    min-height: calc(100vh - 105px);
    overflow-x: hidden;
}


.tituloPagina {
    font: normal normal 600 2.4rem/2.5rem 'Poppins';
    color: #333333;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 15px;
    font-weight: bold;
}

.subTituloPagina {
    font-size: 16px;
    margin-bottom: 15px;
}

.textoSubTituloPagina {
    font-size: 14px;
    margin-bottom: 10px;
}

.textoFimSubTituloPagina {
    font-size: 14px;
    margin-bottom: 25px;
}

.contentDescription {
    font-size: 14px;
    margin-top: 14px;
    letter-spacing: 0.6px;
    color: #505050;
    font-family: Poppins !important;
    text-align: left;
}



.icon-bar {
    width: 60px;
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0;
    padding: 0 !important;
    box-shadow: 0 0 6px 0 rgba(21,35,40,0.4);
    /*    background-color: #152328;    */
    background-color: #fff;
    transition: margin-left 0.5s;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; /* IE/Edge antigo */
    scrollbar-width: none; /* Firefox */
    padding-bottom: 30px !important;
}


.icon-bar::-webkit-scrollbar{
    width: 0;                /* Chrome/Safari/Edge */
    height: 0;
}

.icon-bar a {
    display: block;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    position: relative;
}



.icon-bar a:hover {
    background-color: var(--azul-principal-novo);
    opacity: 1;
    border-left: 3px solid #fff;
}

.icon-bar .maximizar {
    bottom: 10px;
    position: fixed;
    width: 15px;
    transition: margin-left .5s;
    cursor: pointer;
    left: 0;
    margin-left: 40px;
    display: none;
}

.iconBar_icon {
    height: 50px;
}




/* ----------------------------------------------- */
/* ------------------- ACCORDION ------------------*/
/* ----------------------------------------------- */
.center{
    text-align: center;
}
body .ui-accordion .ui-accordion-header,body .ui-accordion .ui-accordion-header,
body .ui-accordion .ui-accordion-header.ui-state-active:hover,
body .ui-accordion .ui-accordion-header.ui-state-active  {
    background: #ECECEC;
    color: var(--azul-principal-novo);
    font-family: 'Poppins';
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 3rem;
}

body .ui-accordion .ui-accordion-header.ui-state-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 70, 255, 0.2) !important;
}

body .ui-accordion .ui-accordion-header.ui-state-active:hover,
body .ui-accordion .ui-accordion-header.ui-state-active {
    margin-bottom: 0;
}
body .ui-accordion .ui-accordion-content {
    border: none!important;
    margin-bottom: 3rem;
    overflow: initial;
}
.bgGrey.ui-panelgrid .ui-panelgrid-cell {
    background-color: rgba(242,242,242,0.5);
}

.table .link{
    text-align: left;
    text-decoration: underline;
    font: normal normal normal 1.4rem 'Poppins';
    color: #0F1010;
}
.table .link .ui-icon{
    text-align: left;
    text-decoration: underline;
    font: normal normal normal 1.4rem 'Poppins';
    color: #0F1010;
}
.table .info{
    text-align: left;
    font: normal normal 300 1.4rem 'Poppins';
    letter-spacing: 0px;
    color: #8F8F8F;
}
.table .infotitle{
    text-align: left;
    font: normal normal 1.4rem 'Poppins';
    letter-spacing: 0px;
    color: #00A5D6;
}
/* ----------------------------------------------- */
/* ------------ PÁGINA DOWNLOAD RECIBOS -----------*/
/* ----------------------------------------------- */

.downloadFicheiros {
    margin-top: 35px;
}

.downloadFicheiros .searchFormLabel {
    font-size: 14px;
    font-family: Poppins;
    color: #0A23F0;
    font-weight: 600;
}

.selectDate {
    font-size: 14px;
    margin-right: 30px;
    margin-bottom: 10px;
    font-family: Poppins;
}



.downloadFicheiros .divDate {
    margin-top: 10px;
}

.ui-datepicker {
    font-size: 12px !important;
}


.ui-datepicker .ui-datepicker-header {
    background: none !important;
}

.ui-datepicker-title {
    font-family: Poppins !important;
    font-size: 13px !important;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
    color: var(--azul-principal-novo) !important;
}

body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background: var(--azul-principal-novo) !important;
    color: var(--branco) !important;
}

/*.ui-state-default .ui-icon-calendar
{
    background-image: url('../images/calendar.svg') !important;
    background-position: center center !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
}*/

body .ui-button.ui-button-icon-only .ui-icon.ui-icon-calendar {
    margin-top: -0.9rem !important;
}


body .ui-button {
    background: var(--azul-principal-novo);
    color: #ffffff;
    border: 1px solid var(--azul-principal-novo);
}


.limparPesquisa {
    background: #a8a8a8 !important;
}

.buttonDownload {
    background-image: url('../images/download.svg') !important;
    background-size: 13px !important;
    background-position: 14px 8px !important;
    background-repeat: no-repeat !important;
    padding: 3px 25px 3px 35px;
    font-family: Poppins;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    width: fit-content;
    border-radius: 24px !important;
    background-color: var(--azul-principal-novo) !important;
    font-weight: 600;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1.55px;
    outline: none !important;
    line-height: 26px;
    border: 2px solid var(--azul-principal-novo) !important;
    -webkit-transition: all 0.3s
        ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s
        ease-in-out;
}


.btnDescarregar {
    font-size: 12px !important;
    padding: 3px 10px 3px 10px;
    letter-spacing: 0.8px;
    font-family: Poppins;
    background: #00A7D7;
    text-transform: uppercase;
    color: white;
    font-weight: 500;
    margin-top: 40px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    transition: all .2s ease-in-out;
    width: fit-content;
}


.btnCancelar {
    font-size: 16px !important;
    padding: 3px 10px 3px 10px;
    letter-spacing: 0.8px;
    font-family: Poppins;
    background: #DEE4E7;
    text-transform: uppercase;
    color: white;
    font-weight: 500;
    margin-top: 40px;
    float: right;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: fit-content;
}

.cancelaFF {
    font-size: 12px !important;
    padding: 3px 10px 3px 10px !important;
    letter-spacing: 0.8px !important;
    font-family: Poppins !important;
    background: #00A7D7 !important;
    text-transform: uppercase !important;
    color: white !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition: all .2s ease-in-out;
    width: fit-content;
}

.buttonAdicionarInfo {
    background-image: url('../images/plus.svg') !important;
    background-size: 13px !important;
    background-position: 10px 8px !important;
    background-repeat: no-repeat !important;
    background-color: var(--azul-principal-novo) !important;
    border-radius: 24px;
    padding: 3px 15px 3px 30px;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    width: fit-content;
    border-color: 1px solid var(--azul-principal-novo) !important;
}

.buttonConfirmar {
    background-image: url('../images/ic_confirmar.svg') !important;
    background-size: 13px !important;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    background-color: var(--azul-principal-novo) !important;
    padding: 3px 15px 3px 25px;
    font-family: Poppins !important;
    font-size: 14px !important;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    color: white !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    width: fit-content;
    border-radius: 24px !important;
    border: 2px solid var(--azul-principal-novo) !important;
}


.buttonSeleccionaInfo {
    font-size: 12px !important;
    padding: 3px 10px 3px 10px !important;
    letter-spacing: 0.8px !important;
    font-family: Poppins !important;
    background: var(--azul-principal-novo) !important;
    text-transform: uppercase !important;
    color: white !important;
    font-weight: 500 !important;
    float: left !important;
    margin-bottom: 10px !important;
    width: fit-content;
    border-radius: 24px !important;
    border-color: var(--azul-principal-novo) !important;
    box-shadow: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.buttonSeleccionaInfo:hover {
    color: var(--azul-principal-novo) !important;
    background: rgba(0,0,0,0) !important;
}


.buttonConsultar {
    background-image: url('../images/search.svg') !important;
    background-size: 13px !important;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    padding: 3px 15px 3px 25px;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    width: fit-content;
    border-radius: 24px !important;
}


.buttonConsultarIconOnly {
    background-image: url('../images/search.svg') !important;
    background-size: 13px !important;
    background-position: 10px 8px !important;
    background-repeat: no-repeat !important;
    background-color: var(--azul-principal-novo) !important;
    border-color: var(--azul-principal-novo) !important;
    padding: 3px 3px 3px 10px;
    min-height: 30px;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
}

.buttonLimpar {
    background-image: url('../images/close_grey.svg') !important;
    background-size: 13px !important;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    background-color: #DEE4E7 !important;
    padding: 3px 15px 3px 25px;
    font-family: Poppins;
    font-size: 14px !important;
    letter-spacing: 1.55px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333333 !important;
    line-height: 26px;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    border: 2px solid #DEE4E7 !important;
    width: fit-content;
    outline: none !important;
    border-radius: 24px !important;
}

.buttonLimpar:hover {
    background-color: #fff !important;
}

.buttonAtualizar {
    background-image: url('../images/refresh.svg') !important;
    background-size: 13px !important;
    background-position: 10px 8px !important;
    background-repeat: no-repeat !important;
    background-color:#00A7D7 !important;
    padding: 3px 15px 3px 25px;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    width: fit-content;
}


.buttonRecusarBlue {
    background-image: url('../images/frotas/close.svg') !important;
    background-size: 13px !important;
    background-position: 10px 8px !important;
    background-repeat: no-repeat !important;
    background-color: #DEE4E7 !important;
    padding: 3px 15px 3px 25px;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    color: white !important;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    border-color: #B6BBBD !important;
    width: 210px;
}



.buttonSubmeter {
    background-image: url('../images/icon_submeter.svg') !important;
    background-size: 13px !important;
    background-position: 15px 12px !important;
    background-repeat: no-repeat !important;
    background-color: var(--azul-principal-novo) !important;
    padding: 3px 15px 3px 25px;
    font-family: Poppins;
    font-size: 14px !important;
    letter-spacing: 1.55px;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    width: fit-content;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-left: 30px;
}


.container-documentos-sinistro {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.buttonAddProtocolo {
    height: 29px;
    background-size: 13px !important;
    background-position: 10px 8px !important;
    background-repeat: no-repeat !important;
    background-color: var(--azul-principal-novo) !important;
    font-family: Poppins;
    font-size: 10px !important;
    letter-spacing: 0.6px;
    font-weight: 200 !important;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    width: 158px;
    margin-top: -7px !important;
    border: 1px solid var(--azul-principal-novo) !important;
}



.buttonEliminar {
    background-image: url('../images/garbage.svg') !important;
    background-size: 13px !important;
    background-position: 10px 8px !important;
    background-repeat: no-repeat !important;
    background-color: #DEE4E7 !important;
    padding: 3px 15px 3px 25px;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    color: #B6BBBD !important;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    border-color: #B6BBBD !important;
    width: fit-content;
}


.buttonEnviarEmail {
    background-image: url('../images/email_white.svg') !important;
    background-size: 13px !important;
    background-position: 15px 13px !important;
    background-repeat: no-repeat !important;
    background-color:#00A7D7 !important;
    padding: 3px 15px 3px 25px;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    border: 1px solid #00A7D7;
    border-radius: 4px;
    width: 140px !important;
}


.buttonNoIcon {
    background-size: 13px !important;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    background-color:#00A7D7 !important;
    padding: 3px 10px 3px 24px;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    width: fit-content;
}
.buttonTab{
    background-size: 13px !important;
    background-position: 5px 8px !important;
    background-repeat: no-repeat !important;
    background-color: white !important;
    padding: 3px 10px 3px 10px;
    font-size: 10px !important;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    border-radius: 7px;
    color: #0A23F0 !important;
    border: 2px solid #DEE5EC;
    font-weight: bold;
}

.buttonTab:active,
.buttonTab:focus,
.buttonTab:hover {
    background-color: #0A23F0 !important;
    color:white !important;
    text-decoration: none !important;
}



.buttons-block {
    margin-bottom: 70px;
    margin-top: 20px;
}


.downloadFicheiros .ui-messages-info {
    font-size: 13px !important;
    font-family: Poppins !important;
    margin-top: 20px;
}

.resultadosPesquisa {
    clear:both;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 50px;
}

.resultadosPesquisa .icon_text {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    color: var(--azul-principal-novo) !important;
    float: right;
    font-size: 12px !important;
    align-items: center;
}


.buttonColunas .ui-button-text {
    font-size: 12px !important;
    color: var(--azul-principal-novo) !important;
    font-weight: 600;
}

.tabelaPesquisa {
    font-family: Poppins !important;
    margin-right: 20px !important;
    font-size: 1em !important;
    overflow-x: auto !important;
}

.tabelaPesquisa tr {
    font-family: Poppins !important;
    font-size: 12px !important;
    /*    font-weight: bold;*/
}


.redCell{
    font-weight: bold;
    color:#cd0a0a;
}
.yellowCell{
    font-weight: bold;
    color: #e0a100;
}
.ui-datatable-header {
    height: 25px!important;
    background: none !important;
    color: var(--azul-principal-novo) !important;
    border-bottom: none !important;
    font-family: Poppins !important;
}

.ui-datatable-footer {
    height: 30px !important;
    color: var(--azul-principal-novo) !important;
    background: none !important;
    font-family: Poppins !important;
    font-size: 12px !important;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    white-space: normal !important;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    color: var(--azul-principal-novo) !important;
}



.tabelaPesquisa th {
    background: #F8F9FA !important;
    color: var(--azul-principal-novo) !important;
    border-top: none !important;
    font-family: Poppins !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

.ui-datatable-empty-message {
    color: #B1B1B1 !important;
    font-weight: 500 !important;
}

.ui-datatable table {
    table-layout: auto!important;
    word-wrap: break-word!important;
    overflow: auto!important;
}

.ui-datalist-item a:link, .ui-datalist-item a:visited {
    color: #0A23F0;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}
.ui-datatable thead th{
    background-color : var(--azul-principal-novo) !important;
    color: white !important;
    padding: 5px 5px !important;
    white-space: pre !important;
    text-align: left !important;
    border-right: 1px solid #EAEDF3 !important;
}


.ui-datatable-data td {
    border-right: 1px solid #EAEDF3 !important;
}

.ui-datatable-data td a {
    color: var(--azul-principal-novo) !important;
}

.navLink {
    color: #0A23F0 !important;
    font-family: Poppins;
    font-size: 13px !important;
    letter-spacing: 0.6px;
    margin-right: 30px;
    text-decoration: none;
    border-bottom: 2px solid;
    font-weight: bold;
}

.navLink:after {
    position: absolute;
    content: '';
    border-bottom: solid 2px #00A7D7 !important;
    /*transform: scaleX(0);*/
    transition: transform 250ms ease-in-out;
}

.navLink:hover {
    color: #152328 !important;
    text-decoration: none !important;
    /*transform: scaleX(1);*/
}

.buttonColunas {
    float: right !important;
    position: absolute !important;
    right: 40px !important;
    border: none!important;
    text-decoration: underline !important;
    font-family: Poppins !important;
    background: none !important;
    color: var(--azul-principal-novo) !important;
    letter-spacing: 0px;
    outline: none !important;
    box-shadow: none !important;
}

.ui-paginator {
    background: none !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ui-paginator-current {
    color: #0A23F0;
}

.ui-paginator-page.ui-state-default.ui-corner-all {
    background: none;
    color: #0A23F0;
    border-color: #0A23F0;
}
.ui-paginator-page.ui-state-default.ui-corner-all.ui-state-active {
    background: var(--azul-principal-novo) !important;
    color: white !important;
    border: 1px solid var(--azul-principal-novo) !important;
}

.ui-paginator-next {
    background: none !important;
    border-color: var(--azul-principal-novo) !important;
}

.ui-paginator-last {
    background: none !important;
    border-color: var(--azul-principal-novo) !important;
}

.ui-paginator-prev {
    background: none !important;
    border-color: var(--azul-principal-novo) !important;
}

.ui-paginator-first {
    background: none !important;
    border-color: var(--azul-principal-novo) !important;
}

.ui-paginator-rpp-options {
    background: white !important;
    border-color: var(--azul-principal-novo) !important;
    color: var(--azul-principal-novo) !important;
    font-family: Poppins !important;
}


.ui-columntoggler-items {
    font-family: Poppins !important;
    font-size: 14px !important;
}

.ui-column-title {
    font-size: 12px;
}

.red {
    background: red;
}


/* ----------------------------------------------- */
/* ------------ ADICIONAR FOLHA FÉRIAS ------------*/
/* ----------------------------------------------- */


.mt-20 {
    margin-top: 20px;
}


.ml-20 {
    margin-left: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.tab-subtitle {
    color: #0A23F0;
    font-weight: 600;
    font-family: Poppins;
}


.mt-30 {
    margin-top: 30px;
}

.mr-20 {
    margin-right: 20px;
}

.barra-title {
    background: #ECECEC;
    width: 95%;
    margin-top: 0px !important;
    border-radius: 1px;
    width: 100%;
    margin-bottom: 25px;
    line-height: 46px;
    text-align: left;
}

.barra-title .title {
    font-family: Poppins;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    color: var(--azul-principal-novo);
    line-height: 35px;
    font-weight: 600;
}

.label_campo {
    color: var(--azul-principal-novo);
    font-size: 14px;
    font-family: Poppins;
    font-weight: bold;
}

.campo_valor {
    color: #505050;
    font-size: 14px;
    font-family: Poppins;
    padding-left: 5px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pl-15 {
    padding-left: 15px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-10 {
    margin-left: 10px !important;
}

.mt-80 {
    margin-top: 80px;
}

.mt-40 {
    margin-top: 40px;
}

.campos td:not(:first-child) {
    padding-left: 80px;
}

.campos td:last-child {
    padding-left: 95px;
}

#folhasFeriasPanel .ui-fileupload {
    width: 96%;
}


.uploadDocSinistros .ui-fileupload {
    width: 96%;
}


.uploadDocumentos .ui-fileupload-buttonbar,
.uploadDocSinistros .ui-fileupload-buttonbar {
    border: 1px solid #00a7d7 !important;
    background: none !important;
    border-radius: 0 !important;
    border: none !important;
}


.uploadDocumentos .ui-fileupload-buttonbar {
    border: 1px solid #00a7d7 !important;
    border-radius: 0 !important;
}

.uploadDocSinistros .ui-fileupload-choose {
    background: rgb(0,0,0,0) !important;
    color: white !important;
    border: 1px solid white !important;
    box-shadow: none !important;
    font-family: Poppins !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.9px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    padding: 5px 10px !important;
    text-transform: uppercase;
}

.uploadDocumentos .ui-fileupload-choose {
    color: white !important;
    border: 1px solid white !important;
    box-shadow: none !important;
    font-family: Poppins !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: .9px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: -5px !important;
    padding: 5px 10px !important;
    text-transform: uppercase;
    background: #00a7d7 !important;
}

#folhasFeriasPanel .ui-fileupload-buttonbar {
    border: 1px solid #00a7d7 !important;
    background: none !important;
    border-radius: 0 !important;
    border: none !important;
}


.uploadDocSinistros .ui-fileupload-buttonbar {
    border: 1px solid #00a7d7 !important;
    background: none !important;
    border-radius: 0 !important;
    border: none !important;
}


.uploadDocumentos .ui-fileupload-buttonbar {
    border: none !important;
    background: none !important;
    border-radius: 0 !important;
}

#folhasFeriasPanel .ui-fileupload-choose {
    color: white !important;
    border: 1px solid white !important;
    box-shadow: none !important;
    font-family: Poppins !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.9px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    padding: 5px 10px !important;
    text-transform: uppercase;
    background: var(--azul-principal-novo) !important;
}


.uploadDocSinistros .ui-fileupload-choose {
    color: white !important;
    border: 1px solid white !important;
    box-shadow: none !important;
    font-family: Poppins !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.9px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    padding: 5px 10px !important;
    text-transform: uppercase;
    background: var(--azul-principal-novo) !important;
}

.ui-fileupload-choose {
    background: #00a7d7 !important;
}

.ui-icon-plusthick {
    background-image: none !important;
    content: url('../images/plus.svg') !important;
}

.ui-icon-print {
    background-image: none !important;
    content: url('../images/exportar.svg') !important;
    padding: 0px 5px 0px 5px;
}

.ui-icon-search {
    background-image: none !important;
    content: url('../images/search.svg') !important;
    padding: 0px 5px 0px 5px;
}

#folhasFeriasPanel .ui-fileupload-buttonbar .ui-button-icon-left {
    background-image: url("../images/ui-icons_ffffff_256x240.png?ln=primefaces-aristo") !important;
}


.uploadDocumentos .ui-fileupload-buttonbar .ui-button-icon-left {
    background-image: url("../images/ui-icons_ffffff_256x240.png?ln=primefaces-aristo") !important;
}

#folhasFeriasPanel .ui-fileupload-content {
    border-radius: 0px !important;
    border: none !important;
}



.uploadDocumentos .ui-fileupload-content,
.uploadDocSinistros .ui-fileupload-content {
    padding: 1rem 0.4rem;
    border-radius: 0px !important;
    border: 1px solid #00a7d7;
    display: none;
}

.uploadDocumentos .ui-fileupload-content {
    padding: 1rem 0.4rem;
    border-radius: 0px !important;
    border: none !important;
}

#folhasFeriasPanel .ui-fileupload-row {
    font-family: Poppins !important;
    font-size: 12px !important;
}

.uploadDocumentos .ui-fileupload-row,
.uploadDocumentos .ui-fileupload-row {
    font-family: Poppins !important;
    font-size: 13px !important;
}


.uploadDocSinistros .ui-fileupload-row {
    font-family: Poppins !important;
    font-size: 15px !important;
}

#folhasFeriasPanel .ui-panel-content.ui-widget-content {
    padding: 0px !important;
    border: none !important;
}
#rentalRequestPanel .ui-panel-content.ui-widget-content {
    padding: 0px !important;
    border: none !important;
}


.uploadDocumentos .ui-panel-content.ui-widget-content,
#pedidoAveriguacaoPanel .ui-panel-content.ui-widget-content,
.uploadDocSinistros .ui-panel-content.ui-widget-content {
    padding: 0px !important;
    border: none !important;
}


#folhasFeriasPanel  .ui-panel .ui-panel-content {
    padding: 0px !important;
    border: none !important;
}

.formFF {
    border: none;
}

.ui-selectonemenu-label {
    font-size: 14px !important;
    font-family: Poppins !important;
    color: #505050 !important;
}


.ui-selectonemenu-list-item {
    font-size: 12px !important;
}

.ui-selectonemenu-item {
    font-size: 12px !important;
    font-family: Poppins !important;
    color: #505050 !important;
}


.ui-trigger-calendar .ui-inputfield {
    font-size: 12px;
}

.ui-selectonemenu-item.ui-state-highlight{
    color: white !important;
    background: #00A7D7 !important;
}
/*

.ui-inputtextarea {
    font-size: 12px !important;
    font-family: Poppins !important;
    font-weight: 500 !important;
    color: #505050 !important;
    padding: 10px 10px !important;
}

.ui-inputtext {
    font-size: 12px !important;
    font-family: Poppins !important;
    color: #505050 !important;
}

.ui-confirm-dialog {
    border: none !important;
}

.ui-dialog-titlebar {
    background: #00A7D7 !important;
}

.ui-dialog-title {
    color: white !important;
    font-weight: 500 !important;
    font-family: Poppins !important;
    font-size: 12px !important;
    text-shadow: none !important;
}*/

.ui-icon-closethick {
    background-image: url"(../images/ui-icons_ffffff_256x240.png?ln=primefaces-aristo)" !important;
}

.ui-dialog-content {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
}

.ui-dialog-content .ui-icon-alert {
    content: url('../images/icon_error.svg') !important;
    margin-top: 3px;
}

.ui-confirm-dialog-message {
    color: #505050 !important;
    font-family: Poppins !important;
    font-weight: 500 !important;
    letter-spacing: 0.93px !important;
    font-size: 13px;
}

.ui-dialog-buttonpane {
    text-align: center !important;
    border: none !important;
}

.ui-confirmdialog-yes {
    margin-right: 30px !important;
}

.ui-confirmdialog-yes,
.ui-confirmdialog-no {
    float: none !important;
    font-family: Poppins !important;
    text-transform: uppercase !important;
    background: var(--azul-principal-novo) !important;
    color: white !important;
    border: none !important;
    font-weight: 500 !important;
    padding-right: 10px !important;
    padding-bottom: 3px !important;
    font-size: 13px !important;
    border-radius: 24px !important;
}

.ui-dialog .ui-dialog-footer{
    text-align: center !important;
    padding-bottom: 50px !important;
}

.cols3 {
    width: 175px;
    display: block;
}


.uppercase {
    text-transform: uppercase;
}

.subtitle {
    font-weight: normal;
    margin-top: 10px;
    font-family: Poppins;
    font-size: 13px;
}

.ui-datatable-tablewrapper {
    overflow: inherit !important;
    overflow-x: auto !important;
    text-align: left;
}

.ui-tabs.ui-tabs-nav li {
    margin: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
}

.ui-tabs-header.ui-state-default {
    background: rgba(0, 167, 215, 0.5);
    border: none;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
}

.ui-tabs-header.ui-state-default a {
    color: white;
    text-shadow: none;
    border: 2px solid #DEE5EC;
    border-radius: 8px;
}

.ui-tabs {
    padding: 0px !important;
}

.ui-tabs .ui-tabs-nav {
    background: white;
}

.ui-tabs {
    border: none;
}

.ui-tabs-header.ui-tabs-selected.ui-state-active {
    background: #00A7D7;
}

.ui-tabs-header.ui-tabs-selected.ui-state-active a {
    color: white;
    text-shadow: none;
}

.ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all {
    padding: 0px !important;
}

.ui-tabs-nav {
    padding: 0px !important;
}

.ui-tabs-header li {
    margin: 0px !important;
}

.ui-tabs-header {
    margin: 0px !important;
    border-radius: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    border-left: 0px;
    border: none;
    border-bottom: 2px solid #00a7d7 !important;
}

.ui-tabs-header a {
    font-family: Poppins !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 10px 20px 10px 20px !important;

}

.align-right {
    text-align: right !important;
}

.dadosSinistro td {
    padding-top: 10px !important;
}

.ml-30 {
    margin-left: 30px;
}

.ui-tabs-header{
    border-bottom: 3px solid #00a7d7 !important;
}

/*.ui-tabs-header a {
    border-bottom: 2px solid #00a7d7 !important;
}
*/



.adicionarDocBtn,
.submeteDocBtn {
    background: #00a7d7 !important;
    color: white !important;
    border: 1px solid white !important;
    box-shadow: none !important;
    font-family: Poppins !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.9px !important;
    text-transform: uppercase;
    padding: 5px 10px;
}

/* ------------ MEDIS ------------*/
.html{
    background-color: #fff;
}

.wac-page{
    background-color: #fff;
}

.wac-button .wac-button-filled{
    background: #00A7D7 0% 0% no-repeat padding-box;
}

.wac-page .wac-field select{
    border-radius: 5px;
}

.wac-textbox .wac-textbox-input input[type=text], .wac-page input[type=text] {
    border: 1px solid #AAAAAA;
    border-radius: 5px;
}

.wac-page .dataTable tr th {
    background-color: #0A23F0;
}

.dataTables_wrapper .paging_full_numbers .paginate_button{
    background-color: #0A23F0;
    border:none;
}

.hide-column-names-borders table thead tr {
    display: none !important;
}

.hide-column-names-borders thead th,
.hide-column-names-borders tbody,
.hide-column-names-borders tbody tr,
.hide-column-names-borders tbody td {
    border-style: none !important;
    padding: 0px !important;
}

.historico_pedidos_integracao {
    width: 50%;
    margin-top: 30px;
}

.historicoTitle {
    font-family: Poppins;
    font-size: 13px;
    color: var(--azul-principal-novo)  !important;
    font-weight: 600;
}

.historicoItem {
    font-family: Poppins;
    font-size: 13px;
    color: #798b91;
    margin-bottom: 0px !important;
}


.historicoLabel {
    font-family: Poppins;
    height: fit-content;
    font-size: 13px;
    text-align: right !important;
    letter-spacing: 0px;
    color: #0A23F0;
    opacity: 1;
    float:right;
    margin-right: 8px;
}

.historicoValue {
    font-family: Poppins;
    font-size: 13px;
    text-align: left !important;
    letter-spacing: 0px;
    color: #505050;
    opacity: 1;
}

.historicoConteudo {
    font-family: Poppins;
    font-size: 13px;
    text-align: left !important;
    letter-spacing: 0px;
    color: #505050;
    opacity: 1;
    white-space: pre-line !important;
}



.historicoItem ~.historicoItem ~.historicoItem {
    opacity: 0.8;
}
.historicoItem ~.historicoItem ~.historicoItem ~.historicoItem{
    opacity: 0.6;
}
.historicoItem ~.historicoItem ~.historicoItem ~.historicoItem ~.historicoItem{
    opacity: 0.4;
}
.historicoItem ~.historicoItem ~.historicoItem ~.historicoItem ~.historicoItem ~.historicoItem{
    opacity: 0.2;
}


#pedidoCard .ui-accordion [aria-expanded="false"] {
    text-shadow: none;
    border: none!important;
    margin-bottom: 1px !important;

}

#pedidoCard .ui-accordion [aria-expanded="true"] {
    border: none!important;
    margin-bottom: 1px !important;

}
.medis_img{
    width: 1015px;
    height: 397px;
    background: transparent url('../images/medis_produto.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

.blue {
    color: var(--azul-principal-novo) !important;
}

.certificados-iput {
    width: 250px;
    margin-left: 25px;
    display: block;
    font-size: 12px;
}


.peritagens_form searchFormLabel:not(:first-child) {
    margin-left: 30px !important;
}

.selectForm span {
    background: none !important;
}


.submissionFormInput {
    width: 250px;
    font-size: 13px;
    margin-left: 25px;
    display: block;
    font-family: Poppins;
}

.submissionFormInput span:not(.selectCobertura)  {
    background: none !important;
}

.submissionFormLabel {
    color: var(--azul-principal-novo);
    margin-left: 25px;
    font-family: Poppins;
    font-size: 13px;
}

.coberturas-box .ui-state-default {
    background: #ffffff !important;
    border-color: #0A23F0 !important;
    border: 1px solid #00a7d7 !important;
}

.table_padding {
    border-collapse: separate !important;
    border-spacing: 0 5px !important;
}

.modal_certificados {
    font-family: Poppins;
}

.modal_certificados .modal_certificados {
    padding-top: 0px !important;
}

.modal_certificados p {
    font-size: 13px !important;
}

.tipo-documento {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: #3E3F42;
}


.apolice-documento  {
    font-family: Poppins;
    font-size: 11px;
    margin-top: 25px;
    color: #9EA0A5;
}

.apolice-documento-numero {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: #3E3F42;
}

.documento_item {
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
    padding: 20px 20px;
    width: 220px;
    height: 120px;
    background: white;
    box-shadow: 0px 3px 6px #0000000A;
    border: 1px solid #EAEDF3;
}


.documento_carta_verde {
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
    padding: 20px 20px;
    width: 220px;
    height: 120px;
    background: white;
    box-shadow: 0px 3px 6px #0000000A;
    border: 1px solid #EAEDF3;
}


.documento_aviso {
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
    padding: 20px 20px;
    width: 220px;
    height: 120px;
    background: white;
    box-shadow: 0px 3px 6px #0000000A;
    border: 1px solid #EAEDF3;
}

.dados_documento {
    float: right;
    margin-left: 20px;
}

.documento_svg {
    padding: 5px 5px 0px 5px;
    content: url('../images/documento.svg') !important;
    width: 20px;
}

.download_svg {
    padding: 5px 5px 0px 5px;
    content: url('../images/download.svg') !important;
    width: 15px;
}

.highlighted_link{
    font-weight: bold;
    text-decoration: underline;
    display:inline-block;
}
.download_svg_blue::after {
    padding: 5px 5px 0px 5px;
    content: url(../images/ic_download.svg) !important;
    width: 20px;
    display: inline-block;
}


.email_svg {
    padding: 5px 5px 0px 5px;
    content: url('../images/email.svg') !important;
    width: 20px;
}

.garbage_svg {
    padding: 5px 5px 0px 5px;
    content: url('../images/garbage.svg') !important;
    width: 20px;
}

.resultados_pesquisa {
    width: 100%;
    display: inline-block;
}

.documento_item:hover {
    border: 2px solid #00a7d7;
    transition: 0.3s ease all;
    box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transform: translatey(-4px);
}

.documento_aviso:hover {
    border: 2px solid #f92420;
    transition: 0.3s ease all;
    box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transform: translatey(-4px);
}


.documento_carta_verde:hover {
    border: 2px solid #98d18c;
    transition: 0.3s ease all;
    box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transform: translatey(-4px);
}


.blockUi_docs {
    width: 80% !important;
    height: 105% !important;
}


.ui-datatable-header {
    padding: 5px 10px !important;
    height: 35px !important;
}

.ui-paginator {
    font-size: 12px !important;
}


.dadosPeritagem table tbody tr td {
    padding-bottom: 20px !important;
}

.ui-messages-info {
    font-family: Poppins;
    font-size: 13px;
    border: none;
    border-left: 2px solid #03A9F4;
    border-radius: 0px;
    background: white !important;
    display: inline-block;
    width: 90%;
}

.ui-messages-error {
    font-family: Poppins;
    font-size: 13px;
    border: none;
    border-left: 2px solid red;
    border-radius: 0px;
    background: white !important;
    display: inline-block;
    width: 90%;
}

.ui-messages-warn {
    font-family: Poppins;
    font-size: 13px;
    border: none;
    border-left: 2px solid #c09853;
    border-radius: 0px;
    background: white !important;
    width: 90%;
}

/*.ui-messages-info .ui-messages-close {
    content:url("../images/icon_cruz.svg") !important;
    padding-top: 4px;
}

.ui-messages-error .ui-messages-close {
    content:url("../images/icon_cruz.svg") !important;
    padding-top: 4px;
}

.ui-messages-warn .ui-messages-close {
    content:url("../images/icon_cruz_warn.svg") !important;
    padding-top: 4px;
}

.ui-messages-info-icon {
    background: none !important;
    content:url("../images/icon_warn.svg") !important;
}

.ui-messages-warn-icon {
    background: none !important;
    content:url("../images/icon_warn.svg") !important;
}

.ui-messages-error-icon {
    background: none !important;
    content:url("../images/icon_error.svg") !important;
}*/

/*.ui-datatable-header .ui-icon {
    background-image: none !important;
    background-size: 20px;
    content: url("../images/excel.svg");
    margin-right: 5px;
    margin-top: 3px;
}*/



.ui-blockui-content {
    left: 50% !important;
    top: 50% !important;
    border-radius: 120px;
}
.ui-blockui-content.ui-shadow {
    box-shadow: 0 5px 10px rgba(0,0,0,0.4);
}

/*.ui-messages ul {
    border-right: 1px solid #C2C2C2;
}*/

.ui-messages {
    margin-bottom: 30px !important;
    margin-top: 20px !important;
    margin-right: 35px !important;
}


#pesquisaDocumentacao .ui-blockui-content {
    left: 30% !important;
}

.downloadWindow .ui-dialog-content {
    text-align: center !important;
}

.downloadWindow .ui-dialog-content img {
    width: 120px !important;
}

.integracao .ui-datatable-header .ui-icon {
    margin-top: 0px !important;
}



.ui-dialog-buttonpane .ui-state-default .ui-icon {
    background-image: url(../images/ui-icons_ffffff_256x240.png?ln=primefaces-aristo) !important;
}

.tabela_coberturas span {
    content: none !important;
}


.selectCobertura .ui-state-active .ui-icon {
    background: transparent !important;
    background-image: url(../images/ui-icons_616161_256x240.png?ln=primefaces-aristo) !important;
    background-position: -64px -144px !important;
}

.cancelaFF:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
}




#folhasFeriasPanel .ui-blockui-content {
    left: 547.7px !important;
    top: 411.325px !important;
}


.titulo-medis {
    max-width: 800px;
    color: #2A2A2A;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: bolder;
}

.frase-medis {
    max-width: 800px;
    color: #2A2A2A;
    font-size: 13px;
    font-family: 'Poppins';
    text-align: justify;
}

.produtos-medis {

}


/*Accordion*/
body .ui-accordion .ui-accordion-header:first-child {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

/* Search Form*/
.searchFormRow {
    margin-top: 20px !important;
}

.searchFormLabel,
label.ui-outputlabel.searchFormLabel {
    margin-right: 5px ;
    font-size: 14px !important;
    font-family: Poppins !important;
    color: var(--azul-principal-novo) !important;
    text-transform: none !important;
    display: inline-block !important;
    font-weight: 600 !important;
    margin-bottom: 6px;
}

.searchFormLabelImportant {
    font-size: 14px !important;
    font-family: Poppins !important;
    color: var(--azul-principal-novo) !important;
    text-transform: capitalize !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

.searchFormInput {
    margin-right: 30px;
    width: 170px !important;
    font-size: 14px !important;
    font-family: Poppins !important;
    margin-bottom: 10px;
}
.searchFormInputWidth100 {
    margin-right: 30px;
    width: 100% !important;
    font-size: 14px !important;
    font-family: Poppins !important;
    margin-bottom: 10px;
}

.searchFormInputWidth100ConsultaClientes {
    margin-right: 30px !important;
    width: 90% !important;
    font-size: 12px !important;
    font-family: Poppins !important;
}
.searchFormInputHorizontal{
    margin-right: 30px;
    width: 170px !important;
    font-size: 14px !important;
    font-family: Poppins !important;
}

.selectDate {
    font-size: 14px;
    margin-right: 30px;
    margin-bottom: 10px;
    font-family: Poppins;
    width: 170px !important;
    display: block;
}
.selectDateHorizontal {
    font-size: 14px;
    font-family: Poppins;
    width: 100% !important;
    display: block;
}
.right{
    float: right;
}
.left{
    float: left;
}

.nopaddingleft {
    padding-left: 0px;
}
.nopaddingright {
    padding-left: 0px;
}

.pageSubtitle {
    padding-top: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #798B91;
}
.ui-datepicker-trigger{
    border:none !important;
    background-color: white !important;
    margin-left: -26px !important;
}
.ui-datepicker-trigger.ui-button {
    background:white !important;
    background-repeat: no-repeat;
    background-image: url('../images/icon_Calendario.svg') !important;
    background-repeat: no-repeat !important;
    background-size:17px !important;
    background-position-y: center !important;

}
.ui-datepicker-trigger.ui-button::selection  {
    border: none !important;
}
.ui-calendar > .ui-inputfield{
    width: 100% !important;
}

.ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar::before{
    content: none !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    font-family: var(--poppins) !important;
    opacity: 1 !important;
    border-color: white !important;
}

.ui-datepicker-trigger.ui-state-focus{
    box-shadow: none !important;
}
.ui-inputfield{
    border-radius: 8px !important;
}

.ui-chkbox-icon{
    top:20% !important;
}

.ui-selectonemenu-label{
    text-overflow:ellipsis;
}
.ui-selectonemenu{
    min-width: 80% !important;
}
.ui-selectonemenu100{
    width: 100% !important;
}
.ui-password{
    width: 100% !important;
}

ui-password > .ui-input-icon-left > i, body .ui-input-icon-right > i{
    top: 33% !important;
}
.tagNotificacoes{
    z-index: 10;
    position: sticky;
    margin-left: 24%;
    font-size: 10px;
    box-shadow:0px 3px 8px #22222233;
    border:2px white solid;
}
.ui-tag-value{
    line-height: 1;
    font-size: 10px;
}
.listaNotificacoes{
    padding: 0 4px;
    margin:0;
}

.notificacoesNaoLidas {
    list-style: none;
    color: #798b91;
    font-size: 14px;
    letter-spacing: 0.09px;
    line-height: 20px;
    margin: 15px 0 0;
    padding: 0 0 0px;
    border-bottom: 0.75px solid #BDBDBD;
}
.seeMoreNotifications{
    text-align: center;
    font-size: 16px;
    padding: 10px;
    opacity: 1;
    padding-top: 15px;
}

.seeMoreNotifications a {
    color: rgba(21, 35, 40, 0.6);
    text-transform: uppercase;
    font-weight: 600;
}

.btn-quote-matricula{
    margin-bottom: auto !important;
    top: 50%;
    padding: 0.5rem 1.0rem !important;
    font-size: 12px !important;
    background-color: white !important;
    color: #0A23F0 !important;
    border-color: #0A23F0 !important;
    letter-spacing: 1px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
}

.homePageLoadingInfo{
    display:none;
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: rgb(241, 241, 241, 0.5) !important;
}
.homePageLoadingInfo.display{
    display: block;
}
.homePageLoadingInfo.none{
    display: none !important;
}
.homePageLoadingInfo>div{
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(206.57deg, rgba(121,197,223,0.1) 0%, rgba(121,197,223,0) 100%), linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
}
.homePageLoadingInfo .loading-info{
    top: 50% !important;
    left: 50%;
    text-align: center;
    cursor: wait;
    position: absolute;
    transform: translate(-50%, -50%);
}






.ui-growl-item{
    display: flex;
    justify-content: center;
    align-items: center;
}

.customizaTab{
    min-width: 150px;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header {
    min-width: 110px;
    max-width: 165px;
}

.ui-tabs-header{
    border-bottom: none !important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header a{
    width: 100%;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    border: 2px solid #DEE5EC;
    border-radius: 8px;
    color: var(--azul-principal-novo);
}


.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active{
    background: url(../images/check_azul.svg) 0 0 / 20px 25px no-repeat !important;
    background-position: 90% 50% !important;
    padding: 0;
}

ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover{
    background: url(../images/check_none.svg) 0 0 / 20px 25px no-repeat !important;
    background-position: 90% 50% !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header{
    background: url(../images/check_none.svg) 0 0 / 20px 25px no-repeat !important;
    background-position: 90% 50% !important;
}

.priceContainer-inner{
    padding: 1rem;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(121,197,223,0) 0%, rgba(121,197,223,0.3) 100%, #79C5DF 100%);
}

.badge-price{
    border-radius: 50%;
    background-color: #84CFED;
    box-shadow: 0 1px 3px 0 rgb(21 35 40 / 30%);
    width: 100%;
    min-width: 105px;
    min-height: 105px;
}

.badge-price-inner{
    width: 100%;
    margin: auto;
    position: absolute;
    top: 30%;
    left: 0;
    text-align: center !important;
}

.price-value{
    display: block;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 2.6rem;
    color: var(--azul-principal-novo);
    text-shadow: 0 0 4px rgba(21,35,40,0.3);
    font-weight: bold;
}

.label-validade-proposta {
    color: var(--azul-principal-novo) !important;
}

.price-value-badge {
    color: #fff !important;
}

.price-fractional{
    display: block;
    font-family: 'Poppins';
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: 0.11px;
    color: #FFFFFF;
    text-shadow: 0 0 4px rgba(21,35,40,0.3);
}

.priceContainer{
    text-align: center;
    position: sticky;
    top: 20%;
    float: right;
}

.priceContainer-inner{
    padding: 1rem;
    border-radius: 50%;
    background: linear-gradient( 135deg, rgba(121,197,223,0) 0%, rgba(121,197,223,0.3) 100%, #79C5DF 100%);
}


.row .coveragenameFit{
    word-break: break-word;
    text-transform: capitalize;
}

.ui-chkbox .ui-chkbox-label{
    width: 100%;
    font-size: 1.4em;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #ced4da;
    background: none;
    color: var(--azul-principal-novo);
    opacity: inherit;
    min-width: 18px;
    min-height: 18px;
    font-size: 31px !important;
    line-height: inherit;
    font-size: 20px !important;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before{
    content: "\2713";
    font-size: 13px;
    font-weight: bolder;
}

/*body .ui-selectonemenu{
    min-width: 100% !important;
}*/

.card.card-info .card-body label.ui-outputlabel, .diaplyTable label.ui-outputlabel{
    text-align: left;
    display: table-header-group;
    color: var(--azul-principal-novo);
    line-height: 2rem;
    letter-spacing: 0.09px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}


.priceContainer-inner-atualiza {
    padding: 1rem;
    border-radius: 50%;
    background: linear-gradient(
        135deg
        ,rgba(121,197,223,0) 0,rgba(121,197,223,0.3) 100%,#79c5df 100%);
    min-width: 125px;
    min-height: 125px;
    transform: rotate(
        0deg
        );
}

#priceContainer-inner-atualiza{
    position: initial;
    border-radius: 50%;
    background-color: #84cfed;
    box-shadow: 0 1px 3px 0 rgb(21 35 40 / 30%);
    width: 100%;
    min-width: 105px;
    min-height: 105px;
}

.espacoColunas td{
    padding-right: 30px;
}

.name {
    letter-spacing: 0.11px;
    line-height: 2.4rem;
    font-weight: 600;
    font-size: 14px !important;
}

.subname {
    letter-spacing: 0.11px;
    line-height: 2.4rem;
    font-size: 12px !important;
}

.newtab > div ul li.ui-tabs-header.ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top{
    background: none !important;
    border-bottom: 2px solid #dee2e6 !important;
    border-color: var(--azul-principal-novo) !important;
}

.newtab > div ul li.ui-tabs-header.ui-state-default.ui-corner-top{
    background: none !important;
    padding: 0;
    border-bottom: 2px solid #dee2e6 !important;
}

.newtab > div ul li a {
    border: none !important;
    border-radius: 0px !important;
    font-size: 15px !important;
    font-weight: bolder !important;
}

.newtab > div ul.ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all:before {
    content: "";
    position: absolute;
    display: block;
    border-bottom: 2px solid #dee2e6;
    left: 0;
    bottom: 0;
    width: 100%;
}

.reducePadding >.ui-panelgrid .ui-panelgrid-cell {
    padding: 5px !important;
}


@media (max-width: 1495px){
    .margin36Capital2{
        margin-left: 36px;
    }
}

@media (max-width: 1475px){

    .ajustaAltura2 {
        min-height: 105px !important;
    }
    .ajustaAltura3 {
        min-height: 125px !important;
    }
}

@media (max-width: 1360px){
    .ajustaAlturaResponsabilidade2 {
        min-height: 175px !important;
    }
    .ajustaAlturaResponsabilidade {
        min-height: 115px !important;
    }
    body .ui-selectbooleancheckbox, body .ui-tristatecheckbox{
        font-size: 10px !important;
    }
}

@media (max-width: 1295px){
    .ajustaAltura2{
        min-height: 125px !important;
    }
}
@media (max-width: 1280px){
    .ajustaAltura3{
        min-height: 145px !important;
    }
}

@media (max-width: 1210px){
    .margin36Capital{
        margin-left: 36px;
    }
    .ajustaAlturaResponsabilidade{
        min-height: 155px !important;
    }
}

@media (max-width: 1140px){
    .ajustaAlturaResponsabilidade {
        min-height: 165px !important;
    }
    body .ui-selectbooleancheckbox, body .ui-tristatecheckbox{
        font-size: 10px !important;
    }
}

@media (max-width: 1105px){
    .ajustaAlturaResponsabilidade {
        min-height: 175px !important;
    }
}

@media (max-width: 1080px){
    .ajustaAltura {
        min-height: 110px !important;
    }
    .ajustaAlturaResponsabilidade {
        min-height: 175px !important;
    }
}

@media (max-width: 1240px){
    body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before{
        font-size: 13px;
    }
    body .ui-chkbox .ui-chkbox-box.ui-state-active {
        min-width: 14px;
        min-height: 14px;
    }
    body .ui-selectbooleancheckbox, body .ui-tristatecheckbox{
        font-size: 10px !important;
    }
}


.oficinasDialog{
    left: 32% !important;
    overflow-x: clip;
    width: 45% !important;
    height: auto;
    top:5% !important;
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-corner-left.ui-state-active {
    background: var(--azul-principal-novo);
    box-shadow: none !important;
    outline: none !important;
    border-color: var(--azul-principal-novo);
}

form .card-body:first-of-type {
    padding-top: 25px !important;
}

.tabheader{
    height:auto;
    border-radius: 2px;
    border-bottom: 2px solid #D5D5D5;
    text-align: center;
    display: flex;
    padding-bottom: 10px;
}
.tabSelected{
    color: var(--azul-principal-novo) !important;
    font-size: 16px !important;
    font-family: Poppins !important;
    text-transform: uppercase !important;
    border-bottom: 4px solid var(--azul-principal-novo);
    font-weight: bold;
    text-decoration: none !important;
}
.tabSelected:hover{
    text-decoration: none !important;
    transition: color 0.2s;
    color: var(--azul-principal-novo) !important;
}
.tabUnSelected:hover{
    text-decoration: none !important;
    transition: color 0.2s;
    color: var(--azul-principal-novo) !important;
}

.tabUnSelected:focus{
    text-decoration: none !important;
}
.tabUnSelected{
    color: #A8A7A7 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-family: Poppins !important;
    border-radius: 5px !important;
    text-decoration: none !important;
}

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
}
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
        padding: 0 0.5rem 0 0;
    }
}
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
        padding: 0 1rem 0 0;
    }
}
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
        padding: 0 2rem 0 0;
    }
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
    .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
        padding: 0 2rem 0 0;
    }
}

.ui-selectonemenu-filter-container > span.ui-icon.ui-icon-search {
    background-image: none !important;
    content: none !important;
    padding: 0px 5px 0px 5px;
    top: 45% !important;
}

#pedidoAveriguacaoForm .ui-fileupload-choose {
    font-size: 1rem !important;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    width: 200px;
}

#pedidoAveriguacaoForm .ui-fileupload-buttonbar{
    border:none !important;
    background: transparent;
}
#pedidoAveriguacaoForm .ui-fileupload-content{
    border: none !important;
}

#formGeral > .ui-blockui-content.ui-shadow {
    box-shadow: none !important;

}

#pedidoAveriguacaoForm\:uploadficheiroCustomizado > .ui-fileupload-buttonbar{
    padding: 5px !important;
}


.radiobuttonToHide > .ui-button.ui-widget.ui-state-default.ui-button-text-only {
    margin-right: 50px;
    border: 1px solid #ced4da;
    font-size: 14px;
    font-family: 'Poppins' !important;
    color: #798B91;
    border-radius: 5px;
    margin-bottom: 15px
}

.radiobuttonToHide > .ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-active {
    background: none;
    border-radius: 5px;
    border: 2px solid var(--azul-principal-novo);
    color: #152328;
    font-weight: bold;
}

.activeButton {
    color: #152328;
}

.readMoreCob{
    width: 85%;
    margin: auto;
    background: transparent !important;
    border-radius: 6px 6px 6px 6px!important;
}
.readMoreCob .btn {
    padding: 0.4rem 2.8rem !important;
    font-size:1.3rem;
    background: none;
    color: var(--azul-principal-novo);
    border: 1px solid var(--azul-principal-novo);
    border-radius: 15px;
    outline: none !important;
    box-shadow: none !important;
}


.readMoreCob .btn:hover {
    color: #fff;
    background: var(--azul-principal-novo);
}

.btn.btnReadMore span{
    background: url(../images/ic_select_focus.svg) no-repeat right center transparent;
    min-width: 100px;
}
.btn.btnReadLess span{
    background: url(../images/ic_select_focus_invertido.svg) no-repeat right center transparent;
    min-width: 100px;
}

.btnReadMore,
.btnReadLess {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

.btn-new-caravela{
    padding: 1rem 2rem !important;
    background: #0a23f0 !important;
    font-size: 1.25rem !important;
    text-decoration: none;
    margin-left: -0.4rem;
    display:inline-block;
}
.width30px{
    width: 30px;
}

#sinistroDetalhe\:docLst .ui-row-toggler{
    width: 30px !important;
}

#sinistroDetalhe .ui-datatable table {
    table-layout: auto !important;
    word-wrap: break-word !important;
    overflow: auto !important;
}

#sinistroDetalhe .ui-datatable thead th{
    white-space:normal !important;
}

.noOverflow{
    overflow: visible !important;
}

.ui-sticky {
    top: 50px !important;
}


/********** ANIVERSÁRIOS ********/

.birthday .card{
    box-shadow: 4px 4px 17px #0000001A;
    padding: 12px;
}
.birthday .card  img{
    height: auto;
    max-width: 100%;
    margin:0 0;
    vertical-align: middle;
    /*height: 100px;*/
    /*padding: 12px;*/
}
.tituloA {
    font: normal normal 600 26px/27px Poppins;
    color: var(--azul-principal-novo);
    text-transform: uppercase;
    font-size: 18px;
}

.noHeader.ui-datatable table thead tr {
    display: none;
}

.noHeader.ui-datatable .ui-datatable-data tr td {
    border-bottom: none;
}

.noHeader.highlight2{
    background: #F8F8FB 0% 0% no-repeat !important;
    margin-left: 0px !important;
}

@media (max-width: 975px) {
    .notifications {
        display: initial !important;
    }

    .notifications .col-sm-6 {
        width: 100% !important;
    }
}

.notifications {
    padding: 0;
    display: inline-flex;
}
.birthday {

}
.birthdayResults {
    margin-right: 20px;
    clear: both;
}
.columnBirthday{
    border-style: groove;
    border-left: 2px !important;
    border-right: 2px;

}
.birthdayResults .ui-widget{
    text-decoration: none;
    font: normal normal normal 14px/15px Poppins;
}

.birthdayResults .ui-datatable .ui-datatable-data tr{
    height : 30px;
}

.birthdayResults .ui-datatable .ui-datatable-data > tr > td {
    padding: 1px;
}

.birthday .card-body{
    color:#00729A !important;
    text-transform: capitalize;
    text-align: left ;
    line-height: 1.3rem;
    padding:0;
    height: 90%;
    overflow: hidden;
}
.birthday .row-title {
    display:flex;
    align-items:center;
}
.birthday .card-info {
    text-align: left;
    margin-left: 10px;
    letter-spacing: 0px;
    color: #00729A;
    opacity: 1 ;
    line-height: 2rem;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
}
.birthday .birhtdayIcon{
    display: block;
    height: 3rem;
    line-height: 1.25rem;
    margin-top:1.5rem;
}
.notifications .h4{
    margin-bottom: 10px;
    color: #00729A;
    font-size:24px;
    font-family: 'Poppins';
    height: 31px;
    font-weight: 600;
    opacity: 1;
}
.birthday .age{
    justify-content: end;
    font-weight: bold;
    text-transform: lowercase;
    display: flex;
    font-size: 11px;
    color: var(--azul-principal-novo);
    font-family: 'Poppins';
}
.birthday .date{
    font-variant-numeric: proportional-nums;
    text-transform: lowercase;
    display: flex;
    float: left;
    font-size: 11px;
    color: #00A5D6;
    font-family: 'Poppins';
}
.notifications .div{
    display: inline-flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-bottom: 10px;
}
.birhtdayIcon {
    float: left;
    height: 20px;
    width: 20px;
    padding-right: 0px;
    margin-top: 5px;
    margin-right: 10px;
}
.birthday .text-body{
    letter-spacing: 0px;
    font-weight: bold;
    color: #2C2C2C;
    font-size:11px;
    opacity: 1;
    float: right;
    white-space: nowrap;
    margin-right: 4px;
    font-family: 'Poppins', Helvetica, Arial, sans-serif;

}
.birthday .separator{
    width: -webkit-fill-available;
    margin-right: 2px;
    display: flex;
    background: #EAEDF3 0% 0% ;
}
.birthday .div-title{
    display: flex;
    align-items: flex-start;
}
.birthday .names{
    text-align: left;
    font-size: 12px !important;
    font-family: 'Poppins';
    letter-spacing: 0px;
    color: #152328;
    opacity: 1;
}
.birthday .highlight1{
    background-color: white;
    margin-left: 12px;
}
.birthday .highlight2{
    background: #F8F8FB 0% 0% no-repeat !important;
    margin-left: 12px;
}
.birthday .highlightAlert{
    background: #ECE04C 0% 0% no-repeat padding-box !important;
    ;
    margin-left: 10px;
    opacity: 1;
}
.birthday .tabelaPesquisaAniv {
    font-family: Poppins !important;
    margin-right: 20px !important;
    font-size: 1em !important;
    border-color: white;
    border-left: 2px !important;
    border-right: 2px;
    text-align: center !important;

}

.client .button .ui-button.ui-state-hover {
    background-color: green !important;
}

.birhtday .ui-datatable-odd{
    background: #F8F8FB 0% 0% no-repeat;
    margin-left: 10px;
}
.client .card{
    box-shadow: 4px 4px 17px #0000001a;
    padding: 12px;
}
.client .card  img{
    height: auto;
    max-width: 100%;
    margin:0 0;
    vertical-align: middle;
    /*height: 100px;*/
    /*padding: 12px;*/
}

.client .card-body{
    color:#00729A !important;
    text-transform: capitalize;
    text-align: left ;
    padding:0;
    font-size: 0.85em !important;
    height: 80%;
}
.client .text-body{
    letter-spacing: 0px;
    color: #00729A;
    opacity: 1;
    white-space: nowrap;
    font-size:12px;
    text-transform: none;
    text-align: left;
    font-family: 'Poppins';

}
.client .text-body-number{
    letter-spacing: 0px;
    color: #0A23F0;
    opacity: 1;
    white-space: nowrap;
    font-weight: bold;
    text-transform: none;
    font-size:14px;
    justify-content: right;

}

.client .ui-datatable-odd{
    background: #F8F8FB 0% 0% no-repeat;
    margin-left: 10px;
}
.client .text-alert{
    letter-spacing: 0;
    text-transform: lowercase;
    text-align: left;
    font-weight: 600;
    font-family: "Poppins";
    letter-spacing: 0px;
    color: #211414;
    opacity: 1;
    text-transform: none;

}
.client .button{
    letter-spacing: -0.34px;
    border: 1px solid #00A7D7;
    border-radius: 6px;
    opacity: 1;
    color: #0A23F0;
    background-color: transparent;
}
.client .highlight3{
    background: #F8F8FB 0% 0% no-repeat;
}

.client .tabelaPesquisaContatos{
    font-family: Poppins !important;
    margin-right: 20px !important;
    font-size: 1em !important;
    border-color: white;
    border-left: 2px !important;
    border-right: 2px;
    text-align: center !important;
    align-content: center;


}

.client .ui-datatable table {
    text-align: center !important;
}


.client .pesquisaPorTipoRow {
    display: inline-block;
    font-size: 14px;
    font-family: Poppins;
    letter-spacing: 0px;
    color: #505050;
    opacity: 1;
    font-style: normal;


}

.client .highlight2 {
    background: #F8F8FB 0% 0% no-repeat !important;
    margin-left: 10px;
}

.clientResults {
    margin-right: 20px;
    clear:both;
}

.clientResults .ui-widget{
    text-decoration: none;
    font: normal normal normal 14px/15px Poppins;
}

.clientResults .ui-datatable .ui-datatable-data tr{
    height : 30px;
}

.clientResults .ui-datatable .ui-datatable-data > tr > td {
    padding: 1px;
}

/* Search Form*/
.updateClient .searchFormRow {
    margin-top: 20px !important;
    width:100%;
}


.tituloC {
    font: normal normal 600 24px Poppins;
    color:#00A7D7;
    text-transform: capitalize;
}

.updateClient .searchFormLabel {
    margin-right: 5px;
    font-size: 20px;
    font-family: Poppins;
    font-weight: 600;
    color: #0A23F0;
}

.updateClient .searchFormInput {
    margin-right: 30px;
    width: 170px !important;
    font: normal normal 400 16px Poppins !important;
    margin-bottom: 10px;
}

.updateClient .ui-panelgrid-cell  {
    padding:0px!important;
}

.buttonEnvio {
    background-image: url('../images/icon_enviar.svg') !important;
    background-size: 13px !important;
    background-position: 15px 11px !important;
    background-repeat: no-repeat !important;
    background-color: var(--azul-principal-novo) !important;
    padding: 3px 15px 3px 25px;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    width: 210px;
    white-space: nowrap;
    border-radius: 24px !important;
    background-color: var(--azul-principal-novo) !important;
    font-weight: 600;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1.55px;
    outline: none !important;
    line-height: 26px;
    border: 2px solid var(--azul-principal-novo) !important;
}



.dataTableResults {
    margin-right: 20px;
    clear:both;
    text-transform: capitalize;
}

.marginBottom40 .highlight2{
    background: #F8F8FB 0% 0% no-repeat !important;
    margin-left: 12px;
}

.dataTableResults .ui-datatable thead th .ui-column-title{
    font-weight: 600;
    font-family: 'Poppins';
    font-size: 16px;
}

.dataTableResults .ui-widget{
    text-decoration: none;
    font: normal normal normal 14px/15px Poppins;
}

.dataTableResults .ui-datatable .ui-datatable-header{
    border: none !important ;
    justify-content: space-between;
    display: flex;
    font-family: 'Poppins' !important;
    font-size: 16px !important;
    opacity: 1;
    letter-spacing: 0px;
    color: #0A23F0 !important;
}
.dataTableResults .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {
    background-image: none !important;
}


.iconExport,
ui-icon-colunas{
    font-family: 'Poppins' !important;
    font-size: 16px !important;
    opacity: 1;
    letter-spacing: 0px;
    color: #0A23F0 !important;
}

.ui-icon-colunas {
    margin-top: -6px !important;
}

.dataTableResults .ui-datatable .ui-datatable-data > tr > td {
    padding: 4px;
    /*border: 2px solid #EAEDF3;*/
    border-right: 1px solid #EAEDF3;
    text-align: left;
    font: normal normal normal 12px Poppins;
    letter-spacing: 0px;
    color: #505050;
    opacity: 1;
}

.dataTableResults .ui-datatable thead th {
    border-width: 0 1px 1px 0;
}
.dataTableResults .ui-datatable-tablewrapper {
    overflow-x: auto !important;
}
.dataTableResults column{
    border: 2px solid #EAEDF3;
}


.retencaoDetails{
    width: 99%;


}

.retencaoDetails .columnTitle{
    background: #ECECEC;
}

.retencaoDetails .columnTitleInfo{
    background: #00729A 0% 0% no-repeat padding-box;
    opacity: 1;
    color: white !important ;
}

.info{
    background: #00729A 0% 0% no-repeat padding-box;
}
.retencaoDetails .info .ui-grid .ui-grid-row {
    background: #00729A 0% 0% no-repeat padding-box;
}

.retencaoDetails .dataTextValueInfo{
    font: normal normal bold 14px Poppins;
    letter-spacing: 1.12px;
    color: #FAFBFC;
    opacity: 1;
    margin-left: 10px;
    vertical-align: sub;
}

.columnTextLine  {
    margin-bottom: 10px;

}
.columnTextLine .ui-grid-col-4 {
    width: 100%;

}
.retencaoDetails .ui-panelgrid .ui-panelgrid-cell{
    background-color: transparent !important;
}

.retencaoDetails .dataTextValue{
    font: normal normal 500 15px/26px Poppins;
    letter-spacing: 0px;
    color: #0A23F0;
    opacity: 1;
}


.retencaoDetails .dataText{
    font: normal normal 400 16px/20px Poppins;
    letter-spacing: 0px;
    color: #0F1010;
    opacity: 1;
    margin-left: 4px;
}

.retencaoDetails
.ui-panel .ui-panel-content {
    border: none;
    color: #495057;
    padding: 0 !important;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: inline-flex;
    background: #00729A 0% 0% no-repeat padding-box;
}

.retencaoClass .tabelaPesquisa {
    font-family: Poppins !important;
    margin-right: 20px !important;
    font-size: 1em !important;
    border-color: white;
    border-left: 2px !important;
    border-right: 2px;
    text-align: center !important;

}

.details{
    width: 99%;
    margin-right: 20px;


}

.details .columnTitle{
    background: #ECECEC;
}

.details .columnTitleInfo{
    background: #00729A 0% 0% no-repeat padding-box;
    opacity: 1;
    color: white !important ;
}

.details .dataText{

    letter-spacing: 0px;
    color: #0F1010;
    opacity: 1;
    margin-left: 4px;
}

.details .dataTextPick{
    font: normal normal 400 14px Poppins;
    letter-spacing: 0px;
    color: #0F1010;
}

.details .dataTextValueInfo{
    font: normal normal 500 14px Poppins;
    letter-spacing: 1.12px;
    color: #FAFBFC;
    opacity: 1;
    margin-left: 10px;
    vertical-align: sub;
}

.details .dataTextValue{
    font: normal normal 500 15px/22px Poppins;
    letter-spacing: 0px;
    color: #0A23F0;
    opacity: 1;
    font-size: 16px;
}

.details .ui-panelgrid .ui-panelgrid-cell{
    background-color: transparent !important;
}

.ui-picklist .ui-picklist-list {

    width: auto !important;
}

.details .ui-icon-search {
    background-image: none !important;
    content: url(../images/icon_search_blue.png) !important;
    padding: 0px 5px 0px 5px;
}

.ui-icon-colunas  {
    content: url(../images/iconColunas.svg) !important;
}

.dialogProtocol  {
}
.dialogProtocol .ui-dialog-title {
    font: normal normal 600 26px/27px Poppins;
    color: var(--azul-principal-novo);
    text-transform: uppercase;
    padding: 1px !important;
}


.imagem-noticia-thumb {
    height: 200px;
    background-image: url('/images/noimage_thumb.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/* Computador 13 polegadas */
@media (min-width: 1250px) and (max-height: 750px) {

    .slide-noticias-home .ui-carousel-item {
        flex: 1 0 30% !important;
    }

}


.letter {
    color: #0F1010;
    font-weight: 400;
    font-family: 'Poppins';
    font-size: 1.1em;

}

.ui-tooltip .ui-tooltip-text {
    background: white !important;
    color: gray !important;
    ;
    border-color: white !important;
}

.ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
    border-right-color: white !important;
}

body .ui-growl {
    font-size: 12px;
    line-height: 20px;
}



.plus-minus-input {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.plus-minus-input .input-group-field {
    text-align: center;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

/*.plus-minus-input .input-group-field::-webkit-inner-spin-button,
.plus-minus-input .input-group-field ::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}*/

.plus-minus-input .input-group-button .circle {
    border-radius: 50%;
    border: none;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    background-color: white;
    flex-direction: row;
}

.itemBox {

    box-shadow: 0px 3px 6px rgba(0,0,0,0.21);
    width: 270px;
    height: 300px ;
    border-radius: 5%;
}

.itemLine {

    display: flex;
    flex-direction: row;
    width: 35%;
    margin-top: 2%;
}

.dialogCondicoesParticulares{
    width: auto;
    left: 40% !important;
    position: absolute !important;
    height: auto;
    z-index: 1010;
}


.buttonDownloadRecibos {
    background-image: url('../images/download.svg') !important;
    background-size: 11px !important;
    background-position: 14px 5px !important;
    background-repeat: no-repeat !important;
    background-color:#00A7D7 !important;
    padding: 3px 15px 3px 15px;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    border: 1px solid #00A7D7;
    border-radius: 4px;
    width: 40px;
}



.buttonTabHome{
    background-size: 13px !important;
    background-position: 5px 8px !important;
    background-repeat: no-repeat !important;
    background-color: white !important;
    padding: 3px 10px 3px 10px;
    font-size: 10px !important;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    border-radius: 7px;
    color: #0A23F0 !important;
    border: 2px solid #DEE5EC;
    font-weight: bold;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 165px !important;
}
.buttonTabHome:hover{
    background-color: #0A23F0 !important;
    color:white !important;
    text-decoration: none !important;
}


.notaLabel {
    font-family: Poppins !important;
    font-weight: 400 !important;
    color: #9EA0A5 !important;
    font-size: 12px !important;
    text-transform: none !important;
    line-height: 18px !important;
}

.notaLabelAzul {
    font-family: Poppins !important;
    font-weight: 400 !important;
    color: #0A23F0 !important;
    font-size: 12px !important;
    text-transform: none !important;
    line-height: 18px !important;
}

.notaLabelAzul label {
    margin-bottom: 0px !important;
}

.bloco-update-client .bloco-detalhes-do-cliente .ui-g:last-of-type .ui-lg-5 {
    margin-bottom: 40px;
}

.checkBoxSimulacao span.ui-chkbox-label.ui-state-disabled {
    color: #414D52 !important;
    opacity: 1;
    font-size: 15px;
    font-family: 'Poppins SemiBold';
}


.painel-filtros-tickets {
    text-align: right;
    width: 97%;
}

.painel-filtros-tickets .switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 16px;
}

.painel-filtros-tickets .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.painel-filtros-tickets .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D8E4E9;
    -webkit-transition: .4s;
    transition: .4s;
}

.painel-filtros-tickets .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 15px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.painel-filtros-tickets input:checked + .slider {
    background-color: #84CFED;
}

.painel-filtros-tickets input:focus + .slider {
    box-shadow: 0 0 1px #84CFED;
}

.painel-filtros-tickets input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
.painel-filtros-tickets .slider.round {
    border-radius: 34px;
}

.painel-filtros-tickets .slider.round:before {
    border-radius: 50%;
}


.display-block {
    display: block;
}

.display-inline-block  {
    display: inline-block;
}

.v-align-middle {
    vertical-align: middle;
}

.painel-filtros-tickets .texto-filtro {
    font-family: Poppins;
    font-size: 17px;
    padding-left: 5px;
    font-weight: 600;
}

.texto-correspondencia {
    color: #00729A;
}

.texto-comentarios {
    color: #EB8433;
}

.texto-outros {
    color: #7E7E7E;
}

.historicoTitle .ui-icon-triangle-1-s,
.historicoTitle .ui-icon-triangle-1-e {
    display: none !important;
}

.historicoTitle .imagem-arrow {
    transform: rotate(0deg);
    margin-right: 6px;
    margin-top: -4px;
}

.historicoTitle.ui-state-active .imagem-arrow {
    transition: transform 0.3s ease;
    transform: rotate(90deg);
}

.accordion-outros {
    display: none;
    opacity: 1 !important;
}

.confirm-dialog-ff {
    box-shadow: 6px 10px 20px #1421391F;
    border-radius: 14px;
    width: 650px !important;
    padding: 20px;
}

.confirm-dialog-ff .ui-dialog-titlebar {
    background: white !important;
    padding-bottom: 0px !important;
}

.confirm-dialog-ff .ui-dialog-title {
    float: none !important;
    text-align: center !important;
    font-size: 25px !important;
    color: #152328 !important;
}


.confirm-dialog-ff .ui-dialog-content {
    color: #88888C !important;
    font-weight: 300 !important;
    padding-top: 0px !important;
    padding: 0px !important;
}

.confirm-dialog-ff .ui-confirm-dialog-severity {
    display: none !important;
}

.confirm-dialog-ff .ui-dialog-buttonpane button {
    width: 120px;
    font-family: Poppins !important;
    font-weight: 600 !important;
}

.confirm-dialog-ff .ui-confirmdialog-no {
    background-color: #F5F5F5 !important;
    background: none !important;
    color: #B8B6B6 !important;
}


.confirm-dialog-ff .ui-confirmdialog-no,
.confirm-dialog-ff .ui-confirmdialog-yes {
    text-transform: none !important;
}


.confirm-dialog-ff .ui-confirmdialog-no:active,
.confirm-dialog-ff .ui-confirmdialog-no:focus,
.confirm-dialog-ff .ui-confirmdialog-yes:active,
.confirm-dialog-ff .ui-confirmdialog-yes:focus {
    outline: none !important;
}


@media (max-width: 767px) {

    .confirm-dialog-ff {
        width: auto !important;
        margin-right: 20px;
        margin-left: 20px;
    }
}

.btn-enviar-email-ff .ui-icon {
    font-size: 14px !important;
    left: 8px !important;
}

.apolice-list-detail {
    padding-left: 150px;
    margin-bottom: 20px;
    font-size: 14px !important;
    color: #78859D;
    font-weight: normal;
    border: 1px solid black;
    width: 50% ;
}

.apolice-consultar-btn {
    padding: 3px 15px 3px 25px;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    margin-left: 50px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;

}
/*CORREÇÃO TAB SINISTROS*/

#sinistroDetalhe\:dynamicContent .tabheader:first-child{
    width: 100% !important;
    display: inline-table !important;
}

.tabelaTomadores .ui-datatable thead th {
    background-color: var(--azul-principal-novo) !important;
    color: white !important;
    padding: 5px 5px !important;
    white-space: pre !important;
    font-size: 12px;
    border: 1px solid #EAEDF3;
}

.tabelaTomadores .ui-datatable .ui-datatable-data > tr > td {
    font-size: 11px;
    border-right: 1px solid #EAEDF3;
}

.infoTomadores span.ui-message-info-icon {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: 5px !important;
}


.tabelaComparativaPlanos tr.ui-widget-content.ui-datatable-even {
    background: #EDF1F7;
}

.tabelaComparativaPlanos td {
    border-bottom: none!important;
}

.tabelaComparativaPlanos .ui-selectonemenu label.ui-selectonemenu-label {
    font-size: 12px !important;
    white-space: normal;
}

.classeDanosProprios .ui-inputfield {
    width: 100%;
    font-size: 12px !important;
}

.frotas .ui-datalist-content {
    border: none !important;
}

@media (max-width: 1200px) {
    .espaçarTop {
        padding-top: 10px;
    }
}

.custom-link.bold-hover:hover {
    font-weight: bold;
    font-size: 14px;
}

.tabelaComparativaPlanos thead.ui-datatable-scrollable-theadclone {
    display: none !important;
}

.backgroundBlue input {
    background-color: #B3E5FC;
}

.tabelaComparativaPlanos thead th {
    text-transform: uppercase;
}

.tabelaComparativaPlanos td.ui-panelgrid-cell {
    background: none;
    border: none;
    padding: 0;
}

.tabelaComparativaPlanos.ui-datatable .ui-datatable-data > tr > td {
    padding: 5px 5px;
}

.tabelaComparativaPlanos label {
    margin-bottom: 0px;
}

.tabelaComparativaPlanos .ui-inplace .ui-inplace-display.ui-state-highlight {
    color: white;
    background: var(--azul-principal-novo);
    /*border-radius: 0px;*/
}

.mudaHeaderTabela thead th {
    background-color: #EDF1F7 !important;
    color: var(--azul-principal-novo) !important;
    text-transform: uppercase;
}

.mudaHeaderTabela .ui-column-title {
    font-size: 14px;
}

.column-width {
    width: 30%;
}

.infoIcon.ui-button.ui-button-icon-only .ui-icon {
    font-size: 12px !important;
    font-weight: bold;
    margin-top: -8px;
    margin-left: -8px;
}

.reduzirPadding.ui-datatable .ui-datatable-data > tr > td{
    padding: 5px 5px;
}

.tabelaComparativaPlanos .ui-inplace .ui-inplace-display {
    /*display: block !important;*/
    /*padding: 0px;*/
}

.tabelaComparativaPlanos .ui-widget-content .ui-inputfield {
    width: 100% !important;
    font-size: 12px !important;
}

.tabelaComparativaPlanos .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle:before {
    content: "\e909";
    font-family: "PrimeIcons";
    color: #0b7ad1;
    font-weight: bold;
}

.tabelaComparativaPlanos .ui-inputswitch .ui-inputswitch-handle:before {
    content: "\e90b";
    font-family: "PrimeIcons";
    color: #FD4E4E;
    font-weight: bold;
}

#consultaForm\:messagesBottom .ui-messages-warn.ui-corner-all {
    width: 100%;
}


.links-rapidos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
}


.bloco-link {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    box-shadow: 0px 7px 10px #0F4E5F38;
    border-radius: 8px;
    background: #FFFFFF80 0% 0% no-repeat padding-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 33.33%;
    height: 80px;
    padding: 20px 25px;
}


.bloco-link:hover {
    cursor: pointer;

}

.texto-link {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #0F1010;
}


.bloco-link.activo {
    background: transparent linear-gradient(264deg, #84CFED 0%, #00A7D7 100%) 0% 0% no-repeat padding-box;
}

.bloco-link.activo .texto-link {
    color: #fff;
    font-weight: bold;
}


.imagem-link .circulo {
    fill: rgba(108,204,203,0.1) !important;
}


.bloco-link.activo .imagem-link .circulo {
    fill: rgba(255,255,255,0.13) !important;
}

.imagem-link .tracos-desenho path {
    fill: #00a7d7;
}

.imagem-link svg {
    width: 50px;
}

.bloco-link.activo .imagem-link .tracos-desenho path {
    fill: #FFFFFF;
}

#sinistroDetalhe .ui-datatable thead th .ui-sortable-column-icon {
    margin-left: 0px !important;
}

.panelDeclaracao {
    border: none !important;
}

.panelDeclaracao .ui-panel-content.ui-widget-content {
    border: none !important;
}

.panelDeclaracao .ui-calendar > .ui-inputfield{
    width: 80% !important;
}

.panelDeclaracao .ui-panel-content ui-widget-content{
    padding: 0px;
}

.panelDeclaracao .ui-calendar > .ui-inputfield {
    width: 80% !important;
}

.panelTableFrotas .ui-datatable table {
    table-layout: fixed !important;
}

.bloco-input-honeypot {
    position: absolute;
    left: -9999px;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.naoSelecionado{
    background-color: #DFDEDE !important;
    color: black !important;
    border-color: #B6BBBD !important;
    border-radius: 24px;
    font-size: 12px !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
}

.btn-documentacao-automatica {
    background-color: var(--azul-principal-novo) !important;
    color: var(--branco) !important;
    border-color: var(--azul-principal-novo) !important;
    border-radius: 24px;
    font-size: 12px !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Pedidos */
.mensagem td {
    vertical-align: top !important;
}

.mensagem_label {
    margin-right: 30px;
    width: 100% !important;
    font-size: 12px !important;
    font-family: Poppins !important;
    margin-bottom: 10px;
}

.mensagem_value {
    width: 100% !important;
    font-size: 12px !important;
    font-family: Poppins !important;
    margin-bottom: 10px;
}

.ui-accordion .ui-accordion-header {
    margin-bottom: 1rem !important;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------- NOVO CSS PÁGINA DE LOGIN ---------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */

.loginPageWrapper {
    background: #fff;
}

.colum_login_image {
    background-image: url(../images/login-background-new.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.colum_login_image .title_text_image{
    font-weight: 600;
}


.bloco-form-login {
    height: 100%;
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.loginbox .titulo {
    color: #798B91;
}



/* Change the white to any color */
.loginbox input:-webkit-autofill,
.loginbox input:-webkit-autofill:hover,
.loginbox input:-webkit-autofill:focus,
.loginbox input:-webkit-autofill:active{
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: var(--input-cor-cinza) !important;
    transition: background-color 5000s ease-in-out 0s !important;
    box-shadow: none !important;
    font-weight: 500 !important;
    font-size: 14px;
}


.colum_login_image {
    align-items: flex-start;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 8%;
}

.colum_login_image .title_text_image{
    font-weight: 600;
}

.loginbox .brutaRegular14 {
    color: var(--cinza-escuro-texto);
    font-weight: 500;
}


.btn-default {
    background-color: var(--azul-principal-novo);
}


.loginbox input {
    background: var(--branco) !important;
    border: 2px solid var(--input-border-cinza);
    border-radius: 4px;
    color: var(--input-cor-cinza);
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 500 !important;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 32px;
    font-family: "Poppins", Helvetica, Arial,sans-serif !important;
}

.loginbox .ui-state-default,
.loginbox .ui-widget-content .ui-state-default,
.loginbox .ui-widget-header .ui-state-default {
    background: var(--azul-principal-novo) !important;
}



.btn-registar-login {
    margin-top: 7px;
    display: block;
    color: var(--azul-principal-novo);
    border-radius: 24px;
    box-shadow: none !important;
    outline: none !important;
    font-weight: bold !important;
    line-height: 26px;
}

.button_login {
    display: block;
    margin-top: 20px !important;
}

.buttonSubmeter,
.buttonEnviarEmail,
.buttonConsultar,
.btn-caravela-new {
    border-radius: 24px !important;
    background-color: var(--azul-principal-novo) !important;
    font-weight: 600;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1.55px;
    outline: none !important;
    line-height: 26px;
    border: 2px solid var(--azul-principal-novo) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.buttonEnviarEmail:active,
.buttonEnviarEmail:focus,
.buttonEnviarEmail:hover {
    color: var(--azul-principal-novo) !important;
    background-color: rgba(0,0,0,0) !important;
    background-image: url('../images/email_blue.svg') !important;
}

.buttonSubmeter:hover,
.buttonSubmeter:focus,
.buttonSubmeter:active {
    color: var(--azul-principal-novo) !important;
    background-color: rgba(0,0,0,0) !important;
    background-image: url('../images/icon_submeter_blue.svg') !important;
}

.buttonConsultar:active,
.buttonConsultar:hover,
.buttonConsultar:focus {
    transform: none;
    background-image: url('../images/search_blue.svg') !important;
}



.btn-caravela-new {
    width: 100% !important;
}



.buttonConsultar:hover,
.buttonConsultar:active,
.buttonConsultar:focus,
.btn-caravela-new:hover,
.btn-caravela-new:active,
.btn-caravela-new:focus {
    border: 2px solid var(--azul-principal-novo);
    background-color: var(--branco) !important;
    color: var(--azul-principal-novo) !important;
}


.buttonTab {
    border-radius: 24px !important;
    background-color: var(--branco) !important;
    font-weight: 600;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1.55px;
    outline: none !important;
    line-height: 26px;
    border: 2px solid var(--verde-caravela) !important;
    color: #152328 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.buttonTab:hover,
.buttonTab:active,
.buttonTab:focus {
    color: #fff;
    background-color: var(--verde-caravela) !important;
}


.esqueceu-password-btn {
    color: var(--cinza-claro-texto) !important;
    font-weight: 400;
    margin-top: 50px;
    display: block;
}


.bloco-direita-login {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
}


.btn-default:not([disabled]):not(.disabled).active,
.btn-default:not([disabled]):not(.disabled):active,
.show>.btn-default.dropdown-toggle {
    border: 2px solid var(--azul-principal-novo);
    background-color: var(--branco) !important;
    color: var(--azul-principal-novo) !important;
}


.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.ui-widget-content .ui-button.ui-state-default.btn-primary:hover,
.ui-widget-content .ui-button.ui-state-default.btn-primary:active,
.ui-widget-content .ui-button.ui-state-default.btn-primary:focus {
    border: 2px solid var(--azul-principal-novo);
    background-color: var(--branco) !important;
    color: var(--azul-principal-novo) !important;
}



.btnCookies {
    border-radius: 24px !important;
    background-color: var(--azul-principal-novo) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.55px !important;
    outline: none !important;
    line-height: 26px !important;
    border: 2px solid var(--azul-principal-novo) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btnCookies:hover,
.btnCookies:active,
.btnCookies:focus {
    border: 2px solid var(--azul-principal-novo) !important;
    background-color: var(--branco) !important;
    color: var(--azul-principal-novo) !important;
}


.ui-widget-content.modalCookies {
    color: #152328 !important;
}

#logo-login {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 240px;
    margin-bottom: 20px;
}

#loginContainer_body {
    display: flex;
    flex-direction: column;
    gap: 0px;
    justify-content: flex-start;
}

/* -- Tablet */
@media (min-width: 768px) and (max-width: 1024px) {

    #loginContainer_body {
        display: flex;
        flex-direction: column-reverse;
        gap: 0px;
        justify-content: flex-start;
    }

    .colum_login_image {
        align-items: center;
        display: flex;
        height: 35%;
        top: 0%;
        width: 100%!important;
    }

    #login_text {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .img_impressao {
        display: none;
    }


    .btn-caravela-new:hover,
    .btn-caravela-new:active,
    .btn-caravela-new:focus {
        border: 2px solid var(--azul-principal-novo);
        background-color: var(--branco) !important;
        color: var(--azul-principal-novo) !important;
    }


    .colum_login {
        width: 100%;
    }
}


/* -- Tablet --- */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

@media(max-width: 767px) {

    #logo-login {
        width: 200px;
    }

    .img_impressao {
        display: none;
    }

    #loginContainer_body {
        display: flex;
        flex-direction: column-reverse;
        gap: 0px;
        justify-content: flex-start;
    }

    .colum_login_image {
        align-items: center;
        display: flex;
        height: 25%;
        top: 0%;
        width: 100%!important;
    }

    .title_text_image {
        font-family: inherit;
        font-size: 30px;
        font-weight: bold;
    }

    #logo-login {
        width: 200px;
    }

    #login_text {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .btn-caravela-new:hover,
    .btn-caravela-new:active,
    .btn-caravela-new:focus {
        border: 2px solid var(--azul-principal-novo);
        background-color: var(--branco) !important;
        color: var(--azul-principal-novo) !important;
    }

    .modalCookies {
        font-size: 12px !important;
    }

    .btnCookies {
        margin-top: 15px !important;
    }
}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------- NOVO CSS PAGINA DE FORMULÁRIOS ---------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */


.overflow-hidden {
    overflow: hidden;
}


.ui-datatable-header {
    background: #fff !important;
    padding-top: 10px !important;
    font-size: 12px !important;
}


.dataTableResults .ui-datatable .ui-datatable-header {
    font-size: 15px !important;
    color: var(--azul-principal-novo) !important;
}

.dataTableResults .ui-datatable thead th .ui-column-title {
    font-size: 14px !important;
    color: #fff !important;
}


.ui-selectonemenu-item.ui-state-highlight {
    background: var(--azul-principal-novo) !important;
}


.ui-datatable thead th {
    text-align: center !important;
    background-color: var(--azul-principal-novo) !important;
    color: #fff !important;
}

.dataTableResults .ui-datatable .ui-datatable-data > tr > td a {
    font-family: Primeicons !important;
    color: var(--azul-principal-novo) !important;
}


.card-body .searchFormLabel {
    font-size: 16px !important;
}

.card-body .letter {
    font-size: 15px !important;
}

.coluna-botoes-card-recibos {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}


.bloco-botoes-emails {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}

.tabheader {
    margin-bottom: 20px;
}

.tabheader .ui-commandlink {
    padding-bottom: 8px;
}


.mt-40px {
    margin-top: 40px !important;
}


.mensagem-sem-documentacao {
    padding: 10px 15px !important;
    width: fit-content;
    font-size: 13px !important;
}


.tabela-sinistros-tabs {
    line-height: 37px;
}


.ui-paginator-rpp-options {
    color: var(--azul-principal-novo) !important;
    border-color: var(--azul-principal-novo) !important;
    font-size: 1rem !important;
}


.tabela-memoriais-sinistros td {
    text-align: left !important;
}


.ui-datatable-data > tr > td {
    font-size: 12px !important;
}


.upload-documento .ui-fileupload-choose {
    background: var(--azul-principal-novo) !important;
    border: 2px solid var(--azul-principal-novo) !important;
    box-shadow: none !important;
    color: var(--branco) !important;
    border-radius: 24px;
    font-weight: 500;
}

.upload-documento .ui-fileupload-choose:hover,
.upload-documento .ui-fileupload-choose:focus,
.upload-documento .ui-fileupload-choose:active {
    color: var(--branco) !important;
    background: var(--azul-principal-novo) !important;
    box-shadow: none !important;
}

.ui-selectonemenu-label:hover,
.ui-selectonemenu-label:active,
.ui-selectonemenu-label:focus {
    box-shadow: none !important;
}

.ui-inputtext:hover {
    border: 1px solid var(--azul-principal-novo) !important;
}

textarea:hover,
textarea:focus,
textarea:active,
.searchFormInput:hover,
.searchFormInput:focus,
.searchFormInput:active,
.ui-selectonemenu:hover {
    border: 1px solid var(--azul-principal-novo) !important;
}



span.searchFormInput:hover,
span.searchFormInput:focus,
span.searchFormInput:active {
    border: none !important;
}

.ui-trigger-calendar:hover,
.ui-trigger-calendar:focus,
.ui-trigger-calendar:active,
.hasDatepicker:hover,
.hasDatepicker:focus,
.hasDatepicker:active {
    border: none !important;
}


.ui-trigger-calendar:hover input,
.ui-trigger-calendar:focus input,
.ui-trigger-calendar:active input {
    border: 1px solid var(--azul-principal-novo) !important;
}


.ui-trigger-calendar input.ui-state-focus,
.ui-trigger-calendar:focus input.ui-state-hover {
    border: 1px solid var(--azul-principal-novo) !important;
}

body .ui-inputfield.ui-state-focus,
body .ui-selectonemenu.ui-state-focus {
    box-shadow: none !important;
    border-color: var(--azul-principal-novo) !important;
}


.ui-fileupload-choose:hover,
.ui-fileupload-choose:focus,
.ui-fileupload-choose:active {
    background: var(--branco) !important;
    color: var(--azul-principal-novo) !important;
}


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


.bloco-branco .ui-panel-content {
    background: rgba(0,0,0,0) !important;
}

.data-pretendida-peritagem {
    width: 100% !important;
    position: relative;
}


.data-pretendida-peritagem .ui-datepicker-trigger {
    position: absolute;
    right: 3px;
    top: 2px;
    background-size: 14px !important;
}

.bloco-data-sinistro-nova-peritagem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}


.bloco-data-sinistro-nova-peritagem .searchFormInput {
    position: relative;
}


.bloco-data-sinistro-nova-peritagem .ui-datepicker-trigger {
    position: absolute;
    right: 3px;
    top: 2px;
    background-size: 14px !important;
}


.nova-peritagem-bloco-dados-oficina {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.bloco-upload-documentos-nova-peritagem {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
}

body .ui-inputfield.ui-state-error {
    border-color: #f44336 !important;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: var(--azul-principal-novo);
    background: var(--azul-principal-novo);
    color: var(--branco);
    box-shadow: none !important;
}


body .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
    border-color: var(--azul-principal-novo);
    box-shadow: none !important;
}



.resultadosPesquisa .ui-datatable-header {
    font-size: 15px !important;
}


body .ui-slider .ui-slider-handle {
    border-color: var(--azul-principal-novo) !important;
}

body .ui-slider .ui-slider-range {
    background: var(--azul-principal-novo) !important;
}

.tabela-documentacao-apolice .buttonEnviarEmail,
.tabela-documentacao-apolice .buttonDownload {
    font-size: 12px !important;
}


.enviarEmailDocumentacaoApolice {
    background: var(--azul-principal-novo) !important;
    border-color: var(--azul-principal-novo) !important;
    box-shadow: none !important;
    outline: none !important;
}


.tomei-conhecimento-btn {
    float: right !important;
    font-size: 13px !important;
    background: none !important;
    color: var(--azul-principal-novo) !important;
    border-color: var(--azul-principal-novo) !important;
    box-shadow: none !important;
}


.icon-download-ff {
    display: flex;
    justify-content: center;
}


.container-pesquisa-ff {
    display: flex;
    flex-direction: column;
}

.container-btns-ff-right {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px;
    gap: 10px;
}


.mensagens-formulario-ff .ui-corner-all {
    position: relative;
}

.container-adicionar-ff {
    border: none !important;
    margin-right: 20px;
}

.container-adicionar-ff .ui-panel-content {
    background: rgba(0,0,0,0) !important;
    border-radius: 0px !important;
}


.container-adicionar-ff .campos {
    margin-left: 15px;
}

.formFF .grid,
.formFF .container-identificacao-ff {
    margin-left: 15px;
}

.container-upload-ficheiros-ff {
    margin-left: 15px;
}

.submeter-ff-em-falta {
    background: var(--azul-principal-novo) !important;
    border-radius: 24px !important;
    border-color: var(--azul-principal-novo) !important;
    box-shadow: none !important;
    outline: none !important;
}


body .ui-fileupload .ui-fileupload-content {
    background: rgba(0,0,0,0) !important;
}

.submit-ff-buttons-block {
    margin-left: 15px;
}

.extratos-detalhados a {
    color: var(--azul-principal-novo) !important;
}


body .ui-inputswitch.ui-inputswitch-checked {
    background: var(--azul-principal-novo) !important;
}

.data-inicio-seguro-simulacao input {
    border: 1px solid rgba(121, 139, 145, 0.25) !important;
}

.data-inicio-seguro-simulacao input:hover,
.data-inicio-seguro-simulacao input:active,
.data-inicio-seguro-simulacao input:focus {
    border: 1px solid var(--azul-principal-novo) !important;
}


.btn-resultados-simulacao {
    border-radius: 24px !important;
    background: var(--azul-principal-novo) !important;
    border: 2px solid var(--azul-principal-novo) !important;
}

.btn-resultados-simulacao:hover,
.btn-resultados-simulacao:active,
.btn-resultados-simulacao:focus {
    background: rgba(0,0,0,0) !important;
    border: 2px solid var(--azul-principal-novo) !important;
    color: var(--azul-principal-novo) !important;
    outline: none !important;
    box-shadow: none !important;
}


.btn-voltar-atras-simulacao {
    border: 1px solid var(--azul-principal-novo) !important;
    color: var(--azul-principal-novo) !important;
    outline: none !important;
    box-shadow: none !important;
}

.btn-avanca-emissao {
    border-radius: 24px !important;
    background: var(--azul-principal-novo) !important;
    border: 2px solid var(--azul-principal-novo) !important;
    outline: none !important;
    box-shadow: none !important;
}

.btn-avanca-emissao:hover,
.btn-avanca-emissao:active,
.btn-avanca-emissao:focus {
    background: rgba(0,0,0,0) !important;
    border: 2px solid var(--azul-principal-novo) !important;
    color: var(--azul-principal-novo) !important;
}

.btn-atualizar-simulacao {
    font-size:16px;
    margin: 0 auto !important;
    padding-left: 20px;
    padding-right: 20px;
    background: var(--azul-principal-novo) !important;
    border: 2px solid var(--azul-principal-novo);
    outline: none !important;
    box-shadow: none !important;
}

.btn-atualizar-simulacao:hover,
.btn-atualizar-simulacao:active,
.btn-atualizar-simulacao:focus {
    background: rgba(0,0,0,0) !important;
    border: 2px solid var(--azul-principal-novo) !important;
    color: var(--azul-principal-novo) !important;
}


.title-emissao-apolice {
    font-family: Poppins;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 0.9px !important;
    color: var(--azul-principal-novo);
    line-height: 35px !important;
    font-weight: 600 !important;
}

.resultsQuote .ui-tabs-nav li.ui-tabs-header {
    max-width: fit-content !important;
}

.btn-quote,
.btn-emitir {
    border-radius: 24px !important;
    background-color: var(--azul-principal-novo) !important;
    font-weight: 600;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1.55px;
    outline: none !important;
    line-height: 26px;
    border: 2px solid var(--azul-principal-novo) !important;
}



.btn-quote-without-background{
    font-size: 12px !important;
    padding: 0px 10px 0px 10px !important;
    letter-spacing: 0.8px !important;
    font-family: Poppins !important;
    background-color: #DEE4E7 !important;
    text-transform: uppercase !important;
    color: #333333 !important;
    font-weight: 500 !important;
    float: left !important;
    margin-bottom: 10px !important;
    outline: none !important;
    box-shadow: none !important;
    border: 2px solid #DEE4E7 !important;
    line-height: 26px !important;
    border-radius: 24px !important;
}

.btn-quote-without-background:hover {
    color: #333333 !important;
}

.pagina-produtos-lista-links button {
    background-color: var(--azul-principal-novo) !important;
    font-weight: 600;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1.55px;
    outline: none !important;
    padding: 0px 10px !important;
    border: 2px solid var(--azul-principal-novo) !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--branco) !important;
}

.pagina-produtos-lista-links button:hover {
    background-color: rgba(0,0,0,0) !important;
    color: var(--azul-principal-novo) !important;
}

.pagina-produtos-lista-links .ui-button-text {
    padding: 0px !important;
    line-height: 26px !important;
}


.slide-pagina-produto button {
    border-radius: 24px !important;
    background-color: var(--azul-principal-novo) !important;
    font-weight: 600;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 1.55px;
    outline: none !important;
    padding: 0px 10px !important;
    line-height: 26px !important;
    border: 2px solid var(--azul-principal-novo) !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--branco) !important;
}


.slide-pagina-produto button .ui-button-text {
    line-height: 30px !important;
}

.slide-pagina-produto button:hover {
    background-color: var(--branco) !important;
    color: var(--azul-principal-novo) !important;
}


.simulador-auto h2 {
    font-family: Poppins;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 0.9px !important;
    color: var(--azul-principal-novo);
    line-height: 35px !important;
    font-weight: 600 !important;
}



.container-via-azul a {
    color: var(--azul-principal-novo) !important;
    text-decoration: none;
}

.pagina-dados-emissao .ui-panelgrid .ui-panelgrid-cell,
.atualizacao-clientes-form .ui-panelgrid .ui-panelgrid-cell,
.detalhesClienteForm .ui-panelgrid .ui-panelgrid-cell,
.formulario-via-azul .ui-panelgrid .ui-panelgrid-cell {
    background: rgba(0,0,0,0) !important;
}


.pi {
    font-family: 'primeicons' !important;
}


.pagina-dados-emissao .ui-tabs .ui-tabs-panels {
    background: rgba(0,0,0,0) !important;
}


.title-barra-emissao {
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 0.9px !important;
    color: var(--azul-principal-novo);
    line-height: 35px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.shadowCoverages {
    margin-top: 30px !important;
    margin-left: 1rem;
    margin: auto;
    min-height: 80px;
    background-color: rgba(0,0,0,0) !important;
}


.tab-escolha-planos .ui-tabs-panels {
    background: rgba(0, 0, 0, 0) !important;
}


.buttonPesquisarDadosVeiculo {
    background-image: url('../images/search.svg') !important;
    background-size: 13px !important;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    padding: 3px 15px 3px 25px;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    margin-left: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0px;
    float: left;
    width: fit-content;
    border-radius: 12px !important;
    background-color: var(--azul-principal-novo) !important;
    border: 1px solid var(--azul-principal-novo) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: none !important;
}

.buttonPesquisarDadosVeiculo:active,
.buttonPesquisarDadosVeiculo:hover,
.buttonPesquisarDadosVeiculo:focus {
    transform: none;
    background-image: url('../images/search_blue.svg') !important;
}


body .ui-tabs .ui-tabs-nav {
    background: rgba(0,0,0,0) !important;
}


.card {
    background: rgba(0, 0, 0, 0) !important;
}


.card-body {
    box-shadow: none !important;
}


body .ui-spinner .ui-spinner-button.ui-button {
    background: var(--azul-principal-novo);
    border-color: var(--azul-principal-novo);
}

.loginbox input.ui-state-default {
    background: rgba(0,0,0,0) !important;
}


/* ------------------- SLIDE HOMEPAGE ------------------ */


.slider-home {
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    transition: opacity .3s linear;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 1px 16px rgba(21, 35, 40, 0.39);
    border-radius: 6px;
}


.slider-home.visivel {
    opacity: 1;
}

.slider-home .swiper-wrapper {
    justify-content: flex-start;
}


.slider-home .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}



.slider-home .swiper-slide {
    width: 100%;
}



.slider-home .swiper-slide {
    opacity: 0 !important;
    transition: opacity 0.8s;
}

.slider-home .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
    z-index: 2;
}



.bloco-slide-home {
    width: 100%;
    height: 35vh;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 6px;
}

.background-slide-home {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.vector-azul-slide {
    position: absolute;
    z-index: 3;
    width: 40%;
    left: 0;
    bottom: 0;
}

.conteudo-slide-home {
    z-index: 4;
    display: block;
    padding: 30px;
    width: 100%;
}


.bloco-slide-home .titulo-bloco-slide {
    letter-spacing: 0.29px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 30px;
    line-height: 43px;
    margin-bottom: 10px;
    max-width: 90%;
}


.bloco-slide-home .descricao-bloco-slide {
    letter-spacing: 0.17px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    max-width: 75%;
}

.bloco-slide-home .link-bloco-slide {
    border-radius: 25px;
    background: #00C800;
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 16px;
    line-height: 42px;
    font-weight: bold;
    text-transform: uppercase;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #00C800 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 30px;
}



.bloco-slide-home .link-bloco-slide:active,
.bloco-slide-home .link-bloco-slide:hover,
.bloco-slide-home .link-bloco-slide:focus {
    background: #FFF !important;
    color: var(--azul-principal-novo);
    border-color: var(--azul-principal-novo) !important;
}

.overlay-gradiente-slider-inicial {
    background: radial-gradient(circle at top left, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0));
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    top: 0;
    bottom: 0;
    z-index: 2;
}



/* ------------------- HOMEPAGE BLOCO PERFORMANCE ------------------ */


.h2-home {
    color: #143F47 !important;
}

.smallNote {
    margin-bottom: 15px;
}


.lista-blocos-estatisticas {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px 20px;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 20px;
}

.bloco-estatisticas-sem-link {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 15px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px #00000029;
    border-radius: 12px;
    border: 3px solid rgba(0,0,0,0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    min-height: 140px;
    flex: 1 1 calc((100% - 50px) / 3);
}


.bloco-estatisticas-sem-link:hover {
    border: 3px solid #0A23F0;
}


.bloco-estatisticas-com-link:hover {
    border: 3px solid #0A23F0;
}



.bloco-estatisticas-sem-link img {
    width: 40px;
}

.bloco-estatisticas-sem-link .conteudo-bloco-stats {
    display: flex;
    flex-direction: column;
    gap: 11px;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}

.bloco-estatisticas-sem-link .titulo-stat {
    color: #333333;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}


.bloco-estatisticas-sem-link .total-stats {
    color: #333333;
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
}


.bloco-estatisticas-com-link {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    padding: 15px 15px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px #00000029;
    border-radius: 12px;
    border: 3px solid rgba(0,0,0,0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    min-height: 100px;
    flex: 1 1 calc((100% - 50px) / 3);
}


.bloco-estatisticas-top {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.bloco-estatisticas-top .coluna-titulo {
    max-width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.bloco-estatisticas-com-link img {
    width: 40px;
}


.bloco-estatisticas-com-link .titulo-stat {
    color: #333333;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}


.bloco-estatisticas-com-link .total-stats {
    color: #333333;
    font-size: 19px;
    line-height: 19px;
    font-weight: bold;
}

.bloco-estatisticas-bottom {
    width: 100%;
    text-align: left;
}

.bloco-estatisticas-btn {
    background-image: url(../images/search.svg) !important;
    background-size: 13px !important;
    background-position: 10px center !important;
    background-repeat: no-repeat !important;
    padding: 7px 15px 7px 35px;
    width: fit-content;
    background-color: var(--verde-caravela) !important;
    color: var(--branco) !important;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    border-radius: 24px;
    border: none !important;
    outline: none !important;
    font-size: 12px;
    line-height: 1 !important;
}

.bloco-estatisticas-btn:hover,
.bloco-estatisticas-btn:focus,
.bloco-estatisticas-btn:active {
    background-color: var(--verde-caravela) !important;
    color: var(--branco) !important;
    text-decoration: none !important;
}


@media(min-width: 1024px) and (max-width: 1420px) {


    .bloco-estatisticas-sem-link {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .bloco-estatisticas-sem-link .conteudo-bloco-stats {
        justify-content: space-between;
        align-items: center;
    }

    .bloco-estatisticas-sem-link .titulo-stat {
        text-align: center;
    }

}


@media(min-width: 1024px) and (max-width: 1460px) {

    .bloco-slide-home {
        height: 30vh;
    }

    .bloco-estatisticas-top {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .bloco-estatisticas-top .coluna-titulo {
        flex-direction: column;
        max-width: 100%;
    }

    .bloco-estatisticas-com-link .titulo-stat {
        text-align: center;
    }

    .bloco-estatisticas-com-link[data-bloco="sinistros"] .titulo-stat {
        max-width: 100px;
    }


    .bloco-estatisticas-bottom {
        text-align: center;
    }

    .bloco-estatisticas-com-link {
        padding-bottom: 25px;
    }

}



/* ------------------- HOMEPAGE SLIDE NOTICIAS  ------------------ */

.link-noticias-home {
    width: 230px;
    display: block;
    cursor: pointer;
    height: 100%;
}

.link-noticias-home:hover,
.link-noticias-home:focus,
.link-noticias-home:active {
    text-decoration: none !important;
    outline: none !important;
}

.bloco-noticias-home {
    box-shadow: 0px 3px 15px #58585829;
    border-radius: 15px;
    width: 100%;
    text-decoration: none !important;
    outline: none !important;
    height: 100%;
}

.bloco-noticias-home p {
    margin: 0px;
    text-decoration: none !important;
    outline: none !important;
}


.link-noticias-home:hover * {
    text-decoration: none !important;
    outline: none !important;
}

.bloco-noticias-home-top {
    height: 170px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-decoration: none !important;
    outline: none !important;
}

.bloco-noticias-home-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none !important;
    outline: none !important;
}


.link-noticias-home:hover .bloco-noticias-home-top img {
    transform: scale(1.2);
}

.bloco-noticias-home-top .tag-categoria {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 10px;
    padding: 5px 14px 5px 14px;
    border-radius: 12px 12px 12px 12px;
    background: #7D9696;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    text-decoration: none !important;
    outline: none !important;
}


.bloco-noticias-home-bottom {
    padding: 14px 10px 20px 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    text-decoration: none !important;
    outline: none !important;
}


.bloco-noticias-home-bottom .bloco-titulo-resumo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none !important;
    outline: none !important;
}

.bloco-titulo-resumo .titulo-noticia {
    min-height: 40px;
    font-weight: bold;
    font-size: 14px;
    line-height: 19.2px;
    color: #000000;
    text-decoration: none !important;
    outline: none !important;
}

.link-noticias-home:hover .titulo-noticia {
    text-decoration: none !important;
    outline: none !important;
}


.bloco-titulo-resumo .resumo-noticia {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none !important;
    outline: none !important;
}


.bloco-noticias-home-bottom .btn-ler-mais {
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    color: #143F47;
    text-decoration: none !important;
    outline: none !important;
}

.lastnews .ui-carousel-items-container {
    padding-bottom: 25px;
    padding-top: 20px;
}

.lastnews .ui-carousel-content {
    margin-left: -30px;
}


.lastnews .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button {
    background-color: var(--azul-principal-novo);
}

.lastnews .ui-carousel-indicators .ui-carousel-indicator button {
    width: 8px;
    height: 8px;
    border-radius: 100%;
}

.lastnews .ui-carousel-prev-icon,
.lastnews .ui-carousel-next-icon {
    font-size: 14px;
}


.container-aniversarios {
    background: #FFFFFF;
    box-shadow: 0px 10px 30px #0000001F;
    border-radius: 12px;
    padding: 20px;
}

.header-container-aniversario {
    background: rgba(0,0,0,0);
    padding: 6px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: end;
    width: 100%;
    gap: 10px;
    padding-bottom: 20px;
    padding-left: 0px;
}

.header-container-aniversario .icon-aniversario {
    width: 30px;
}

.header-container-aniversario .h4 {
    color: var(--azul-principal-novo);
    font-size: 18px;
    font-weight: bold;
}


.barra-notificacoes {
    background: var(--azul-principal-novo);
    color: #fff !important;
    border-radius: 4px;
    text-align: center;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px !important;
    margin-top: 0px !important;
    position: relative;
}

.barra-notificacoes .tagNotificacoes {
    position: absolute;
    left: -10px;
    top: -10px;
    margin: 0;
}

.barra-notificacoes h2 {
    color: #fff !important;
    font-size: 18px !important;
    margin: 0px !important;
}


.tipo-notificacao {
    font-weight: 18px;
    line-height: 18px;
    font-weight: 400;
    text-align: left;
    color: #002B5B;
    margin: 0px !important;
    margin-bottom: 8px !important;
}

.bloco-data-tipo {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 6px;
    align-items: baseline;
    margin: 0px !important;
    margin-bottom: 8px !important;
    margin-top: 4px !important;
}

.data-notificacao,
.objecto-notificacao {
    font-size: 13px;
    line-height: 16px;
    color: #B6BABB;
    font-weight: 400;
    margin: 0px !important;
}

.objecto-notificacao {
    color: #002B5B;
}

.btn-ler-menos-notificacao,
.btn-ler-mais-notificacao {
    font-size: 12px;
    line-height: 16px;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
    margin: 0px !important;
}

.btn-ler-menos-notificacao {
    padding-top: 8px;
}


.bloco-descricao-notificacao {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
    margin: 0px !important;
}

.descricao-notificacao {
    font-size: 12px;
    line-height: 18px;
    color: #B6BABB;
    text-align: left;
    margin: 0px !important;
    margin-bottom: 8px !important;
}


.navbarTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    height: fit-content;
    padding-bottom: 0px;
    padding-right: 15px;
    padding-left: 20px;
}


.homepage-template .navbarTop {
    padding-left: 35px;
}

.bloco-info-pagina {
    font-size: 26px;
    font-weight: bold;
    color: #333333;
}

.bloco-info-user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.bloco-info-user .icon-perfil {
    width: 40px;
}


.bloco-info-user .detalhes-perfil {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
}

.bloco-info-user .nome-user {
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
}


.bloco-logout {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

body .ui-selectonebutton > .ui-button.ui-state-active {
    background: var(--azul-principal-novo);
    border-color: var(--azul-principal-novo);
}


body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
    background: var(--azul-principal-novo);
    border-color: var(--azul-principal-novo);
}

body .ui-panelgrid .ui-panelgrid-cell {
    background: rgba(0,0,0,0);
}

body .ui-tabs .ui-tabs-panels {
    background: rgba(0,0,0,0);
}


.logo-menu {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}



/* Só nos <li> que têm dropdown-container */
.sidenav li:has(> .dropdown-container) > a.dropdown-btn.menuItem{
    position: relative;
    padding-right: 28px; /* espaço para o chevron */
}



.sidenav li:has(> .dropdown-container) > a.dropdown-btn.menuItem::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background: no-repeat center / contain;
    opacity: .5;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* SVG (simplificado) */
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013.048%2013.048'%3E%3Cpath%20d='M1.6%204.9%20L6.524%209.824%20L11.448%204.9'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}


.sidenav li.active:has(> .dropdown-container) > a.dropdown-btn.menuItem::after {
    transform: translateY(-50%) rotate(-180deg);
}



/* Hover: branco (opaco) */
.sidenav li:has(> .dropdown-container) > a.dropdown-btn.menuItem:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013.048%2013.048'%3E%3Cpath%20d='M1.6%204.9%20L6.524%209.824%20L11.448%204.9'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    opacity: 1;
}


.sidenav li.active {
    color: #fff;
    border-left-color: #fff !important;
    background-color: rgba(0, 70, 255, 0.13) !important;
    opacity: 1;
}




.bloco-icone-menu {
    float: left;
    padding-right: 0px;
    margin-top: 5px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    position: relative;
}


.icone-menu {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}


.icone-menu-selected {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.sidenav a.menuItem:hover {
    text-decoration: none !important;
}


.sidenav a.menuItem.pagina-activa .icone-menu,
.sidenav a.menuItem:hover .icone-menu {
    opacity: 0;
}

.sidenav a.menuItem.pagina-activa .icone-menu-selected,
.sidenav a.menuItem:hover .icone-menu-selected {
    opacity: 1;
}


.sidenav a.menuItem.pagina-activa {
    color: #FFFFFF;
    border-left-color: #FFFFFF;
    background-color: var(--azul-principal-novo);
    opacity: 1;
}


/* Hover: branco (opaco) */
.sidenav li:has(> .dropdown-container) > a.dropdown-btn.menuItem.pagina-activa::after{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013.048%2013.048'%3E%3Cpath%20d='M1.6%204.9%20L6.524%209.824%20L11.448%204.9'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    opacity: 1;
}



.icon-bar a img {
    height: 20px;
    width: 20px;
    padding-right: 0px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}



.icone-menu-minimizado {
    width: 20px;
    height: 20px;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.icone-menu-minimizado-selected {
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}


.icon-bar a.pagina-activa .icone-menu-minimizado,
.icon-bar a:hover .icone-menu-minimizado {
    opacity: 0;
}

.icon-bar a.pagina-activa .icone-menu-minimizado-selected,
.icon-bar a:hover .icone-menu-minimizado-selected {
    opacity: 1;
}


.bloco-icone-home-menu-minizado {
    display: block;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    position: relative;
    height: 50px;
}


.bloco-icone-home-menu-minizado.pagina-activa .icone-menu-minimizado,
.bloco-icone-home-menu-minizado:hover .icone-menu-minimizado {
    opacity: 0;
}

.bloco-icone-home-menu-minizado.pagina-activa .icone-menu-minimizado-selected,
.bloco-icone-home-menu-minizado:hover .icone-menu-minimizado-selected {
    opacity: 1;
}


.menu-minizado-logo-caravela {
    display: block;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    position: relative;
    height: 50px;
}


.menu-minizado-logo-caravela img {
    width: 30px;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.icon-bar a.active,
.icon-bar a.pagina-activa {
    background: var(--azul-principal-novo);
}

.buttonExclusoes:hover,
.buttonExclusoes:active,
.buttonExclusoes:focus {
    color: #fff !important;
}

.upload-frotas .ui-fileupload-choose {
    color: var(--branco) !important;
    background: var(--azul-principal-novo) !important;
    border: 1px solid var(--azul-principal-novo) !important;
}

.upload-frotas .ui-fileupload-choose:hover,
.upload-frotas .ui-fileupload-choose:focus,
.upload-frotas .ui-fileupload-choose:active {
    background: var(--branco) !important;
    color: var(--azul-principal-novo) !important;
}


.bloco-buttons-display-flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.tabela-resultados-frotas .ui-datatable thead th .ui-column-title{
    font-size: 12px !important;
}


.tabela-recibos .ui-datatable thead th .ui-column-title {
    font-size: 12px !important;
}


.tabela-recibos .ui-datatable thead th:first-of-type .ui-column-title {
    font-size: 14px !important;
}


.tabela-protocolos .ui-datatable-header {
    height: 40px !important;
}


body .ui-datatable.tabela-aniversarios .ui-datatable-data > tr > td {
    border: none !important;
}


.bloco-contactos-invalidos {
    background: var(--branco) !important;
    padding-top: 20px;
    padding-bottom: 30px;
    border-radius: 12px;
}

.header-contactos-invalidos {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    width: 100%;
    gap: 15px;
    padding-bottom: 15px;
}


.bloco-contactos-invalidos .card img {
    margin: 0px !important;
}



.coluna-consultar-documentos {
    width: 18%;
}


@media(min-width: 1280px) {
    .coluna-consultar-documentos {
        width: 18%;
    }
}


@media(min-width: 1280px) and (max-width: 1450px) {
    .tabela-detalhes-apolice td:first-of-type {
        min-width: 125px;
    }
}