.invisivel{
	display: none;
}

.swal-popup {
  font-size: 1.3rem !important;
  font-family: Georgia, serif;
}
.swal2-popup {
  font-size: 1.5rem !important;
  font-family: Georgia, serif;
}

.botaoTopoDireita{
	right: 20px;
	left: 70%;
	/*left: 290px;*/
	top: 3px;
	position: fixed;
	border: 1px solid black;
	z-index: 101;
	width: 70px !important;
	/*heigth:10px !important;*/
}

.retirarSombra{
	text-shadow: none !important;
}

 .ui-title{
	text-shadow: none !important;
}


/*  24/07/2023- PARA PROBLEMA DE DUPLICAR  */
.check_hid{
visibility: hidden;
}


* {
    /*  box-sizing: border-box; */
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway/Raleway-Regular.ttf')
}

imagemPRINTSCREEN {
  visibility: hidden;
}

.homepage{
	padding: 0px !important;
}


#__header {
   /* background-color: white; */
	background: linear-gradient(#0E8CC9, #004B99); 
    height: 50px;
    /*display: flex;*/
    justify-content: center;
    position: fixed !important;
    top: -1px !important;
    left: 0px;
    padding-top: 0px;
    border: none;
    
}
.ui-title {
   /*  background: url('../images/logo-01.png'); */
    background-size: 146px 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 160px;
    height: 50px;
    display: block !important;
    margin: auto;
}


.ui-page {
   /* background: linear-gradient(#0E8CC9, #004B99); */
   /* background: url('../images/background_cinza.png'); */
	background: url('../images/fundoCinzaOndas.jpeg'); 
    height: 100vh;
    overflow-y: scroll;
}

/* ADICIONADO 14/05/2021 PARA DAR ESPAÇO NO CHECK SS 1291 */
.ui-checkbox .ui-btn, .ui-radio .ui-btn {
    margin: 0;
    text-align: left;
    white-space: normal;
    z-index: 2;
    PADDING-LEFT: 42PX;
    font-weight: normal!important;
}



/* General styles for the modal DIALOG */
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	/*max-width: 600px;
	min-width: 700px;*/
	max-width: 380px;
	min-width: 300px;
	height: auto;
	padding: 10px 10px 10px 10px;	
	/*z-index: 1901;*/
	z-index: 1001;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000;
    	border-radius: 10px;
	background: #FFFFFF;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display:none;
}

.md-modal_sin {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 500px;
	min-width: 350px;
	height: auto;
	padding: 10px 10px 10px 10px;	
	/*z-index: 1901;*/
	z-index: 1001;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000;
    	border-radius: 10px;
	background: #FFFFFF;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display:none;
}

/* Cria form popup */
.md-overlay {
    position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	padding:10px;
	opacity: 0.3;
	/*z-index: 1900;*/
	z-index: 1000;
	background: rgba(0,0,0,5);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
    	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width:100%;
	min-height:100%;
	margin: 0;
	display:none; 
}
/* General styles for the modal DIALOG */


/*  PARA PROBLEMA DE DUPLICAR  */
.check_hid{
visibility: hidden;
 font-size: 0.8em!important;
}

/*
.ahref {
color: black;
font-size: small;
}*/

/* ------------------------------------ */
/*Link não visitado */
a:link {
  color: black;
  text-decoration: none;
}

/*Link já visitado*/
a:visited {
  color: black;
  text-decoration: none;
}

/*Quando o mouse passa por cima*/
a:hover {
  color: pink;
  text-decoration: none;
}

/*Link ativo/selecionado*/
a:active {
  color: yellow;
  text-decoration: none;
}
/* ------------------------------------ */


/*  para a tela de login */
.img_logo{
	width: 55%;
}

.img_cursor{
	width:25%;
	 align-items: center;
  	justify-content: center;
}
.imagemPRINTSCREENdialog {
    width: 99%!important;
}

.lg_img_logo{
    box-sizing: border-box;
    text-align: center;
}
.lg_campos_cpf_senha{
    box-sizing: border-box;
    text-align: center;
}
.tamanho_campos_cpf_senha{
	width: 90%;
}
.fontFone{
	color: darkgray;
}
#ligue {
	 position: absolute;
	bottom: 30px;
}

.imagensCAPITAIS {
    width: 35px;
    height: 35px;
}
.imagensSEG {
    width: 45px;
    height: 35px;
}

.corCAPITAIS{
	/*color: blue;*/
	color: #396b9e;
	PADDING: 7PX;
}
.corSEG{
	/*color: blue;*/
	color: #396b9e;
	PADDING: 7PX;
}
.corLABEL{
	/*color: blue;*/
	color: #396b9e;
	PADDING: 7PX;
	text-align: left!important;
	font-weight: bold!important;
	/* font-weight: normal; */
}
.corBotaoParaContratar{
	/*color: blue;*/
	color: #396b9e!important;
	PADDING: 7PX;
}

/* Carroseul */

.carroseul {
    height: 170px;
    width: 100%;
    padding: 5px;
    /* background-color: blue; */
}

.carroseul * {
    font-weight: normal;
}

.owl-carousel .owl-dots {
    text-align: center;
    margin: 0;
}

.owl-carousel .owl-dots > .owl-dot {
    height: 11px;
    width: 11px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    margin: 0 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-carousel .owl-dots .active {
    background: #f7cb3f;
}

.crsl-js-workaround {
    display: none;
}

.crsl-item {
    height: 160px;
    /* background: #8BC34A; */
    /* color: #FFF; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.crsl-item div {
    margin: 10px 0 0 0;
}

.crsl-item__profile {
    height: 90px;
    width: 90px;
    background: #CCC;
    border: 2px solid #FFF;
    border-radius: 100px;
    text-align: center;
	background-color: #396b9e;
}

.crsl-item__initials {
    font-family: 'Roboto', sans-serif;
    font-size: 2em;
    line-height: 90px;
	color: white;
}

.crsl-item__info  {
    font-family: 'Raleway', sans-serif;
    text-align: center;
	font-size: 10px;
	color: blue;
}

.h3, h3 {
    font-size: 16px;
}

.hiper_link  {
	font-size: x-small!important;
	text-decoration: underline!important;
	}

.labet_hiper_link  {
	font-size: x-small!important;
	}

/* Button */

.btn {
    background: rgb(255,255,255,0);
    border: 1px solid white;
    border-radius: 10px;
    height: 130px;
    margin: 5px;
    width: calc(100% - 10px);

    padding-top: 10px;
    padding-left: 10px;

    color: white;
    font-weight: normal;
    text-shadow: none;

    position: relative;
    font-family: 'Raleway', sans-serif;
    line-height: 23px;
    cursor: pointer;
}

.btn:active {
    background-color: rgb(255,255,255, .2);
}

.item-title {
    font-size: 1.4em;
    z-index: 99;
}

.item-title span {
    font-size: 0.6em;
    font-weight: bolder;
    text-transform: uppercase;
}

.item-icon {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.item-logo {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.item-logo svg{
    width: 50px;
    height: 50px;
}

/* ADICIONADO 05/05/2021 A PEDIDO DE PAULO */
.ckTERMO_CONSENT{
	font-size: smaller;!important;
    color: DARKGRAY;!important;
}
.ui-mini .ui-btn{
	font-size: smaller;!important;
    color: DARKGRAY;!important;
}
/* ADICIONADO 05/05/2021 A PEDIDO DE PAULO */

.img_padrao_center
{
	width:auto;	
    display: block;	
    margin-left: auto;
    margin-right: auto;
}

.loginfundo
{
	width:auto;	
    display: block;	
    margin-left: auto;
    margin-right: auto;
	width:60%;
}


@media screen and (max-width: 425px) {
	#nome, #cpf, #validade, #cod_cartao {
		font-size: 8pt;
	}
}


@media screen and (min-width: 425px) {
	#nome, #cpf, #validade, #cod_cartao {
		font-size: 18pt;
	}
}

/*AÇÕES BARRA VERTICAL 28/05/2021 */
.barraVerical{
 position: absolute;
    float: none;
    height: 340px;
    width: 45px;
    z-index: 1;
	left: 15px;
}
#htmlESPACOSUP {
    position: absolute;
    bottom: 98%!important;   
	width: 25px;
}	
#img1FECHARCARTEIRINHA {
    position: absolute;
    bottom: 82%!important;
   /* left: 15px;*/
    width: 18px;
    height: 15px;
    z-index: 1;
}
#img1AVANCAR {
    position: absolute;
    bottom: 58%!important;
    width: 25px;
    z-index: 1;
}
#img3RETROCEDER {
    position: absolute;
	bottom: 38%!important;   
    width: 25px;
	z-index: 1;
}
/*AÇÕES BARRA VERTICAL 28/05/2021 */

.cssAcao{
    float: none;
    height: 24px;
    width: auto;
    z-index: 1;
    cursor: pointer;
}


.imageAcao {
    width: 24px!important;
	height: 24px!important;
}

.cssAcao2{
    float: none;
    height: 24px;
    width: auto;
    z-index: 1;
    cursor: pointer;
}


.cssAcao3{
    float: none;
    height: 24px;
    width: auto;
    z-index: 1;
    cursor: pointer;
}

.acaolinha tr{
    z-index: 1!important;
    cursor: pointer!important;
}

.acaolinha tr:hover{
  box-shadow: 0 0 3px #545353!important;
  border: 1px solid #545353!important;
  margin-bottom: -1px!important;
  margin-right: -1px!important;
}

	
.imgAlertas{
	width:100px;
}

.imgSucesso{
	width:64px;
}

.imgDelete{
	width:24px;
}

.lgScroll{
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    top:1px!important;
    padding-left: 0px!important;
    margin-right: 0px!important;
    clear: both;
    padding-right: 0px;
	height: 395px;
}

.cssAcaoImagemFacebook{
    float: none;
	 top: 20px!important;
    height: 60px!important;
    width: 60px!important;
    z-index: 1;
    cursor: pointer;
}

.cssAcaoImagemInstagram{
    float: none;
	 top: 20px!important;
    height: 60px!important;
    width: 60px!important;
    z-index: 1;
    cursor: pointer;
}

	
.imagemCompartilhar {
    /*margin: 0px;
    position: absolute;
    top: 20px;
    right: 60px;*/
	margin: 0px;
    position: absolute;
    top: 20px;
    right: 0px;
    width: 100PX;
}

.cssAcaoImagemCompartilhar{
    float: none;
	 top: 20px!important;
    height: 42px!important;
    width: 42px!important;
    z-index: 1;
    cursor: pointer;
}

.cssAcaoImagemEmail{    
    height: 42px!important;
    width: 42px!important;
    z-index: 1;
    cursor: pointer;
}

.cssAcaoImagemEmailNovo{    
    height: 60px!important;
    width: 60px!important;
    z-index: 1;
    cursor: pointer;
}

.cssAcaoImagemEmailSinistro{    
    height: 60px!important;
    width: 60px!important;
    z-index: 1;
    cursor: pointer;
}
.cssAcaoImagemEmailNovoEnviar{    
    height: 42px!important;
    width: 42px!important;
    z-index: 1;
    cursor: pointer;
}

.cssAcaoCaixaEmailNovoEnviar{    
    height: 120px!important;
}

.cssAcaoImagemWatsApp{    
    height: 60px!important;
    width: 60px!important;
    z-index: 1;
    cursor: pointer;
}

.cssAcaoImagemSite{    
    height: 60px!important;
    width: 60px!important;
    z-index: 1;
    cursor: pointer;
}

.fonteInformacoes {
    font-size: 0.8em!important;
   /* font-weight: bold;*/
    overflow: hidden;
}

.cssAcaoImagemTelefContratar{    
    height: 60px!important;
    width: 60px!important;
    z-index: 1;
    cursor: pointer;
}

.cssAcaoImagemTelefContratar0800{    
    height: 60px!important;
    width: 60px!important;
    z-index: 1;
    cursor: pointer;
}

.cssAcaoImagemWatsAppContratar{    
    height: 42px!important;
    width: 42px!important;
    z-index: 1;
    cursor: pointer;
}
.cssAcaoImagemWatsApp96850{    
    height: 60px!important;
    width: 60px!important;
    z-index: 1;
    cursor: pointer;
}

.cssAcaoImagemEmailContratar{    
    height: 42px!important;
    width: 42px!important;
    z-index: 1;
    cursor: pointer;
}


.btnPremios {
    background: rgb(255,255,255,0);
    border: 1px solid white;
    border-radius: 10px;
   /* height: 300px; */
    margin: 5px;
   /* width: calc(100% - 10px); */ /*  COMENTAR ESSA LINHA PARA CENTRALIZAR NA DIREITA E ESQUERDA NA TELA 14/10/2020  */ 

    padding-top: 10px;
    padding-left: 10px;

   /*  color: white; */
    color: black;
    font-weight: normal;
    text-shadow: none;

    position: relative;
    font-family: 'Raleway', sans-serif;
    line-height: 23px;
    cursor: pointer;
}

/* --------------------- */
.imgTabSelected
{
	background:#5588CB;
}
.imgTabSelected img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.imgMenu
{					
	width:400px;																																																																																																																																																																																																																																																																																																							
    display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	cursor: pointer;cursor: hand;
}

.imgMenu:hover { 
	-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	box-shadow: 0 0 10px #ccc; 
	cursor: hand; 
	}

.imgMenuPhone
{					
	width:250px;																																																																																																																																																																																																																																																																																																							
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 30px;
	cursor: pointer;cursor: hand;
}

.imgTopoSegasp
{					
 
    width:35px;																																																																																																																																																																																																																																																																																																							
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;cursor: hand;
}

.imgTopoSegaspLogo
{					
     display: block;
    width:137px;																																																																																																																																																																																																																																																																																																							
    margin-left: auto;
    margin-right: auto;
}


.imgMenuShow
{					
	width:30px;		
	top:40;																																																																																																																																																																																																																																																																																																					
    display: block;
    margin-right: 0;
}

.imgMenuPhone:hover { 
	-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	box-shadow: 0 0 10px #ccc; 
	cursor: hand; 
	}

.imgModulo
{					
	width:80px;																																																																																																																																																																																																																																																																																																							
    display: block;    
    margin-right: 5;
	margin-top: 2px;
}

.imgModuloPhone
{					
	width:55px;																																																																																																																																																																																																																																																																																																							
    display: block;    
    margin-right: 5;
	margin-top: 2px;
}


.imgIcon{
	width:30px;
}

.imgIcon20{
	width:20px;
}

.imgIcon30{
	width:30px;
}

.imgIcon40{
	width:40px;
}

.imgIcon20r{
	width:20px;
    margin-right: 0;
}

.imgIcon20c{
	width:20px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.imgIcon50r{
	width:50px;    
    margin-right: 0 !important;
}

.imgIcon100c{
	width:100px;
    margin-left: auto !important;
    margin-right: auto !important;
}


imgCartoes{
	width:85% !important;
	margin-left: auto !important;
    margin-right: auto !important;	
	position:absolute;
}	

.loginsusep_datafields{
	text-shadow: none !important;
	margin-left: auto !important;
    margin-right: auto !important;	
}


/* para a pagina de login mobile */
.login_datafields{
	text-shadow: none !important;
	margin-left: auto !important;
    margin-right: auto !important;	
	font-size: 16px !important;	
	color: #0000FF !important;		
}

.imgImage{
   height: 2px;
	width:2px;
    float: none; 
    cursor: pointer;
}

#ltvBENEFICIOS > li .ui-btn {
	background-color: rgb(255, 255, 255, 0) !important;
	color: #FFF !important;
	text-shadow: none !important;
	font-family: 'Raleway', sans-serif;
	padding: 5px 8px !important;
	
}

#ltvBENEFICIOS div[id^="bgt"] {
	text-overflow: ellipsis;
	padding-right: 3px !important;
}

#ltvBENEFICIOS > li .ui-btn::after {
	display: none !important;
}
	
.noPaddngTop {
	padding-top: 0px !important;
}
.botaoSair{
   background-color: rgb(255, 255, 255, 0) !important;
	text-color: #black !important;
	text-shadow: none !important;
	font-family: 'Raleway', sans-serif;
}

div[data-role='popup'] > div {
	    height: 100%;
	    overflow-y: scroll;
}

.branco-item {  
    color: #FFF;   
	font-size: 15px;
	font-family: 'Raleway', sans-serif;
}



/* deixar a borda redonda do expander */
.expander_alterado{
	border-radius: unset !important;
	/*background-color: #396b9e!important;*/
	color: #fff;!important;
	width: 98% !important;
}

.expander_alterado1{
	border-radius: unset !important;
	background-color: #396b9e!important;
	color: #fff;!important;
	width: 98% !important;
}


.ui-collapsible-heading-toggle ui-btn ui-icon-plus ui-btn-icon-left ui-btn-b {
	width: 98% !important;	
}
/* 08/10/2020  sobrescrever a classe do TD para deixar o titulo dos expanders azuis conforme enviado por Paulo  */
/*
.h4 > .ui-btn.ui-btn-d {
	background-color: #A9A9A9 !important;
    border-color: #044062 !important;
	color: #fff !important;
    text-shadow: 0 1px 0 #194b7e !important;		
}*/

/*  sobrescrever a classe do TD para deixar o titulo dos expanders azuis conforme enviado por Paulo  */
/*
.ui-page-theme-d .ui-btn, html .ui-bar-d .ui-btn, html .ui-body-d .ui-btn, html body .ui-group-theme-d .ui-btn, html head + body .ui-btn.ui-btn-d, .ui-page-theme-d .ui-btn:visited, html .ui-bar-d .ui-btn:visited, html .ui-body-d .ui-btn:visited, html body .ui-group-theme-d .ui-btn:visited, html head + body .ui-btn.ui-btn-d:visited {
    // background-color: #fff !important;  //BRANCO 
	background-color: #396b9e !important;
    border-color: #044062 !important;
   // color: blue !important; // AZUL 
	color: #fff !important;
    text-shadow: 0 1px 0 #194b7e !important;		
}
*/
/*  sobrescrever a classe do TD para deixar a cor da fonte dos datafields azuis conforme enviado por Paulo  */
.ui-input-text input {
    margin: 0;
    min-height: 2.2em;
    text-align: left;
    border: 0;
    background: transparent none;
    -webkit-appearance: none;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    color: blue !important;
}
/* para fazer menu hamburger */
.fa-1x {
font-size: 1.5rem;
}
.navbar-toggler.toggler-example {
cursor: pointer;
}
.dark-blue-text {
color: #0A38F5;
}
.dark-pink-text {
color: #AC003A;
}
.dark-amber-text {
color: #ff6f00;
}
.dark-teal-text {
color: #004d40;
}

/* menu hamburger */
.navbar.navbar-1 .navbar-toggler-icon {
background-image: url('https://mdbootstrap.com/img/svg/hamburger6.svg?color=000');
}
.navbar.navbar-2 .navbar-toggler-icon {
background-image: url('https://mdbootstrap.com/img/svg/hamburger2.svg?color=fff');
}
.navbar.navbar-3 .navbar-toggler-icon {
background-image: url('https://mdbootstrap.com/img/svg/hamburger1.svg?color=6a1b9a');
}
.navbar.navbar-4 .navbar-toggler-icon {
background-image: url('https://mdbootstrap.com/img/svg/hamburger7.svg?color=BFE100');
}
.navbar.navbar-5 .navbar-toggler-icon {
background-image: url('https://mdbootstrap.com/img/svg/hamburger5.svg?color=f3e5f5');
}
.navbar.navbar-6 .navbar-toggler-icon {
background-image: url('https://mdbootstrap.com/img/svg/hamburger8.svg?color=E3005C');
}
.navbar.navbar-7 .navbar-toggler-icon {
background-image: url('https://mdbootstrap.com/img/svg/hamburger9.svg?color=FF2C00');
}
.navbar.navbar-8 .navbar-toggler-icon {
background-image: url('https://mdbootstrap.com/img/svg/hamburger4.svg?color=1729B0');
}
.navbar.navbar-9 .navbar-toggler-icon {
background-image: url('https://mdbootstrap.com/img/svg/hamburger3.svg?color=00FBD8');
}

/*
.td-picture {
    width: 100%;
    max-width: 90%;
    height: auto;
}
*/

.img_cartao{
	/*width: 75%;*/
	/*position: fixed;*/
	width: 76.5%;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	/* height: fit-content;*/
}

.img_cartao_novo{
	padding-top: 2px;
    	padding-left: 2px;
    	padding-right: 2px;
    	padding-bottom: 2px;
	/*width: 80%;*/
	width: 85%;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	/*  height: fit-content;*/
}

.lg_img_cartao{
    box-sizing: border-box;
    text-align: center;
}


#background-wrap {
overflow:hidden;
position:absolute;
}
#background-wrap img {
display:none;
}

/* PARA ALTERAR A POSIÇÃO DAS DESCRIÇÕES NA CARTEIRINHA MODELO NOVO */
#creditcard-wrapper {
	position: relative;
}

/* PORTRAIT */
/* 
#nome {
    position: absolute;
    bottom: 86%!important;
    left: 12%!important;
    font-size: 11pt!important;
	color: #23238E!important;
}

#descr_plano {
    FONT-WEIGHT: 500;
    position: absolute;
    bottom: 74.8%!important;
    left: 58%!important;
    font-size: 8pt!important;
    color: #23238E!important;
}

#cod_cartao {
    position: absolute;
    bottom: 76%!important;
    left: 22%!important;
	color: #FFFFFF!important;
	font-size: 6pt!important
}

#BBDENTAL_CNS {
    position: absolute;
    bottom: 80%!important;
    left: 13%!important;
	color: #FFFFFF!important;
	font-size: 6pt!important
}
*/

/* LANDSCAPE */

#nome {
    position: absolute;
    bottom: 78%!important;
    /* left: 16%!important;*/
	left: 26%!important;
    /*font-size: 14pt!important;*/
    color: #23238E!important;
}

#cod_cartao {
    position: absolute;
    bottom: 54%!important;
    /*left: 26%!important;*/
	left: 36%!important;
    color: #FFFFFF!important;
    font-size: 9pt!important;
}

#descr_plano {
    FONT-WEIGHT: 500;
    position: absolute;
    bottom: 52%!important;
    /*left: 56%!important;*/
	left: 66%!important;
    font-size: 10pt!important;
    color: #23238E!important;
}

#registro_carteirinha{
    FONT-WEIGHT: 500;
    position: absolute;
    bottom: 42%!important;
   /* left: 58%!important;*/
	left: 68%!important;
    font-size: 10pt!important;
    color: #23238E!important;
}

#BBDENTAL_CNS {
    position: absolute;
    bottom: 64%!important;
    left: 18%!important;
    color: #FFFFFF!important;
    font-size: 9pt!important;
}



/*
#cod_cartao {
    position: absolute;
    bottom: 54%!important;
    left: 22%!important;
    color: #FFFFFF!important;
    font-size: 6pt!important;
}

#BBDENTAL_CNS {
    position: absolute;
    bottom: 64%!important;
    left: 13%!important;
    color: #FFFFFF!important;
    font-size: 6pt!important;
}

#descr_plano {
    FONT-WEIGHT: 500;
    position: absolute;
    bottom: 53%!important;
    left: 58%!important;
    font-size: 8pt!important;
    color: #23238E!important;
}

#nome {
    position: absolute;
    bottom: 77.5%!important;
    left: 12%!important;
    font-size: 11pt!important;
    color: #23238E!important;
}
*/


#nomeJunior {
    position: absolute;
    bottom: 91%;
    left: 20%;
    font-size: 1rem;
}

#cpf {
    position: absolute;
    bottom: 64%;
    left: 20%;
	visibility: hidden!important;
}

#validade {
    position: absolute;
    bottom: 64%;
    left: 72%;
	visibility: hidden!important;
}
/* PARA ALTERAR A POSIÇÃO DAS DESCRIÇÕES NA CARTEIRINHA MODELO NOVO */

img.resize {
  max-width:90%;
  max-height:90%;
}

/* PARA ALTERAR A POSIÇÃO DAS DESCRIÇÕES NA CARTEIRINHA MODELO ANTIGO */


#nomeJunior_ANTIGO {
    position: absolute;
    bottom: 91%;
    left: 20%;
    font-size: 1rem;
}
/* PORTRAIT */
/*
#nome_ANTIGO {
    position: absolute;
    bottom: 70.7%;
    left: 20%;
    font-size: 1rem;
}

#cpf_ANTIGO {
    position: absolute;
    bottom: 64%;
    left: 20%;
}

#validade_ANTIGO {
    position: absolute;
    bottom: 64%;
    left: 74.5%;
}

#cod_cartao_ANTIGO {
    position: absolute;
    bottom: 57%;
    left: 48%;
}
*/
/* LANDSCAPE */
#validade_ANTIGO {
    position: absolute;
    bottom: 28%;
    left: 69%;
}

#nome_ANTIGO {
    FONT-VARIANT: JIS83;
    position: absolute;
    bottom: 42.7%;
    left: 26%;
  /*  font-size: 1rem;*/
}

#cpf_ANTIGO {
    position: absolute;
    bottom: 28%;
    left: 26%;
}

#cod_cartao_ANTIGO {
    position: absolute;
    bottom: 13%;
    left: 49%;
}


#coberturacontratada {
    position: absolute;
    bottom: 64%;
    left: 20%;
	visibility: hidden!important;
}

.desc_coberturacontratada{
   PADDING-LEFT: 10PX!important;
}

/*
#nome_ANTIGO {
    position: absolute;
    bottom: 42.7%;
    left: 20%;
    font-size: 1rem;
}

#cpf_ANTIGO {
    position: absolute;
    bottom: 28%;
    left: 20%;
}

#validade_ANTIGO {
    position: absolute;
    bottom: 28%;
    left: 74.5%;
}

#cod_cartao_ANTIGO {
    position: absolute;
    bottom: 14%;
    left: 48%;
}
*/

/* PARA ALTERAR A POSIÇÃO DAS DESCRIÇÕES NA CARTEIRINHA MODELO ANTIGO */

.img_acesso
{
	    /* width: auto; */
    margin-left: auto;
    margin-right: auto;
    /* width: 6em;
	
}


//-------------- para as popup -------------------

/* General styles for the modal DIALOG */
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 82%;
	max-width: 650px;
	min-width: 780px;
	height: auto;
	padding: 10px 10px 10px 10px;	
	/*z-index: 1901;*/
	z-index: 1001;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000;
    	border-radius: 10px;
	background: #FFFFFF;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display:none;
}

.md-modal_sin {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 500px;
	min-width: 350px;
	height: auto;
	padding: 10px 10px 10px 10px;	
	/*z-index: 1901;*/
	z-index: 1001;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000;
    	border-radius: 10px;
	background: #FFFFFF;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display:none;
}

/* Cria form popup */
.md-overlay {
    position: fixed;
	top: 50%;
	left: 50%;
	width: 60%;
	padding:10px;
	opacity: 0.3;
	/*z-index: 1900;*/
	z-index: 1000;
	background: rgba(0,0,0,5);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
    	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width:100%;
	min-height:100%;
	margin: 0;
	display:none; 
}

.background_check {
    background-color: #eee!important;
}

label.ui-btn{
		font-weight: normal!important;
}

/* label checkbox sem negrito:   sobrescrever a classe do TD para deixar a cor da fonte dos datafields azuis conforme enviado por Paulo  */
/*.ui-checkbox{
    margin: 0;
    text-align: left;
    white-space: normal;
    z-index: 2;
    PADDING-LEFT: 42PX;
    font-weight: normal!important;
}
*/

/*  Para a barra de ferramentas vertical da carteirinha  */
/*#lg24BOTOES {
    background-color: lightgray!important;
}

#lg24BOTOES {
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
 	background-color: lightgray!important;
}
*/

 .3d{
    /* box-sizing: border-box; */
    /* transform: perspective(75em) rotateX(
	18deg
	); */
    box-shadow: rgb(22 31 39 / 42%) 0px 60px 123px -25px, rgb(19 26 32 / 8%) 0px 35px 75px -35px;
    border-radius: 10px;
    /* border: 1px solid; */
    border-color: rgb(213, 220, 226) rgb(213, 220, 226) rgb(184, 194, 204);
}

.box-cinza{
    box-shadow: 3px 0 0px -2px #888!important;
}

#lg24BOTOES {
   background: lightgray;
   box-shadow: 3px 0 0px -2px #888!important;
}


// --------------------------------------------------


#borda_carteirinhas{
	background-color: red;
    height: 100%;
    width: 5%;
    position: absolute;
    z-index: 10;
	    top: 0;
	}
    
.container {
  /* same styles as before */
  transition: transform .5s ease-out;
}


.imagemSplash{
	height:100%;
	width:100%;
	margin:auto;
}