.backTopo{
	  border-bottom: 2px groove #1b415e;
	  background: rgb(0,34,48);
	  background: radial-gradient(circle, rgba(0,34,48,1) 0%, rgba(22,80,112,1) 50%, rgba(32,32,32,1) 100%);
	  
/* 	  linear-gradient(90deg, rgb(48,36,179) 100%, rgb(48,36,179) 100%) !important;	  */
}

.backFooter{
	  border-top: 2px groove #1b415e;	  
	  background: rgb(0,34,48);
	  background: radial-gradient(circle, rgba(0,34,48,1) 0%, rgba(22,80,112,1) 50%, rgba(32,32,32,1) 100%);
	  
/* 	  linear-gradient(90deg, rgb(48,36,179) 100%, rgb(48,36,179) 100%) !important;	  */
}


.logo-cliente-topo-visao{
	 height: 160px !important;
	 position: relative  !important;
	 top: -60px  !important;	 
}

#content-wrapper{
	background: url("/javax.faces.resource/imagens/EUSOW/BACKGROUNDS/BG_checkout.png.xhtml") no-repeat top center !important;
	background-size: cover !important;
    resize: both;
/*     background-image: radial-gradient(circle, rgba(0, 34, 48, 1) 0%, rgba(20, 20, 20, 1) 54%, rgba(22, 80, 118, 0.9500175070028011) 100%) !important; */
}


.fonteTopo{
	color: rgb(48,36,179) !important;	
}

.mensagem{
	color: #f5f5f5 !important;	
}

.tabconteudoead{
	background: none  !important;
	background-image: none  !important;
	background-color: transparent !important;
	box-shadow: none !important;
}
.tituloCampos{
	color: #1b415e  !important;;
}
.tituloCamposBranco {
	color: #f5f5f5 !important;	
}

.title {
	color: #2a79ad !important;
	left: 10% !important;    
    position: relative  !important;
    padding: 14px 0px 10px 0px  !important;
    font-style: italic !important;	
    width: 80%  !important;
    border: none  !important;
    text-align: center !important;    
}

.btn-azul-c {
	background-color: rgb(5,138,243) !important;
}

.btn-azul-e {
	background-color: rgb(48,36,179) !important;
}

.labelCampoBranco{
	position: relative;
	top: 10px;
	left: 20px;	
	background-color: #002230 !important;
	padding: 5px;
	z-index: 3;
	color: #f4f4f4  !important;
	border-radius: 5px;
    border: 1px solid #1b415e;
    font: 11px !important;
    font-style: italic !important;
}

.formControlBranco {
	height: calc(2.4em + .9rem + 2px) !important;			
}

.labelCampo{
	position: relative;
	top: 10px;
	left: 20px;	
	background-color: rgb(48,36,179) !important;
	padding: 5px;
	z-index: 3;
}

.formControlMatricula {
	height: calc(2.4em + .9rem + 2px) !important;
	border-color: #165076 !important;
	padding-left:50px	 !important;
	color: #f4f4f4  !important;
	background: #002230;	
}

.formControlCartao {
	height: calc(2.4em + .9rem + 2px) !important;
	border-color: #165076 !important;
    color: #f4f4f4 !important;
    background: #002230;	
}

.form-control:focus {
	background-color: #002230  !important;
	box-shadow: 0 0 0 .2rem #165076  !important;
	
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
	-webkit-text-fill-color: #f4f4f4 !important;
}

.panelCentral {
	width: 80%;
	display: inline-block;	
	-webkit-box-shadow: 0px 0px 19px 0px #165076;
	-moz-box-shadow: 0px 0px 19px 0px #165076;
	box-shadow: 0px 0px 19px 0px #165076;
	text-align: inherit !important;
	border: 2px solid #165076;
    border-radius: 26px;
    padding: 20px !important;
    left: 10%;
    position: relative;
}


.tabconteudo {
	padding: 0px !important;
	display: inline-block !important;	
	position: relative  !important;   
}

@media (max-width:1460px){
	
			.panelCentral{
				width: 90% !important;
				left: 5%;
    position: relative;
			} 
			.title {
				width: 90% !important;
				left: 5% !important;
			}
}

@media ( max-width :800px) {
	.panelCentral {
		width: 100% !important;
		left: 0%;
    	position: relative;
	}
	
	.tabconteudo {
		padding: 0px !important;
		display: inline-block !important;	
		position: relative  !important;
    	left: 0%  !important;	
	}
	.title {
				width: 100% !important;
				left: 0% !important;
				padding-left: 10px !important;
			}
}



.logoBandeira {
	width: 50%
}

.btn-pix {
	margin-left: 10px;
}

.btn-movel-pagar {
	margin-right: 10px !important;
}

.btn-movel {
	min-width: 200px;
}

@media ( max-width :800px) {
	
	.gridCartoes {
		max-height: 120px !important;
		overflow: auto !important;
		display: none;
	}
	.logoBandeira {
		width: 30% !important;
	}
	.btn-cartao {
		width: 100% !important;
		margin-bottom: 10px !important;
	}
	.btn-pix {
		margin-left: 0px !important;
		width: 100% !important;
	}
	.btn-movel {
		width: 100% !important;
		margin-bottom: 10px !important;
	}
	.btn-movel-pagar {
		margin-right: 0px !important;
		padding: 16px 15px  !important;
	}
}

.form-control:disabled {
	background-color: #fff;
}

.panelInfoFin{
	min-width: 250px; width:30%;
}
.col-md-mat{
	width: 50%;
	position: relative;
}
@media ( max-width :600px) {
	.panelInfoFin{
		min-width: 250px; width:97%
	}
}



		@media (max-width:1200px){	
			.col-md-2{
				width: 30% !important;
				max-width: 30%;
				min-width: 30%;
				float: left;
			}
			.col-md-3{
				width: 33.3333% !important;
				        max-width: 33.3333%;
				        min-width: 33.3333%;
				        float: left;
			}
			.col-md-4{
				width: 40% !important;
				max-width: 40%;
				min-width: 40%;
				float: left;
			}
			.col-md-5{
				width: 60% !important;
				max-width: 60%;
				min-width: 60%;
				float: left;
			}
			.col-md-6{
				width: 60% !important;
				max-width: 60%;
				min-width: 60%;
				float: left;
			}
			 
		
			.col-md-10{
				width: 70% !important;
				max-width: 70%;
				min-width: 70%;
				float: left;
			}
			
			.col-md-mat{
	width: 70%;
}
			

		}
			
		
		@media  (min-width:801px) and (max-width:980px){
			.col-md-4{
				width: 50% !important;
				max-width: 50%;
				min-width: 50%;
				float: left;
			}
			.col-md-3{
				width: 50% !important;
				        max-width: 50%;
				        min-width: 50%;
				        float: left;
			}	
			.col-md-5{
				width: 50% !important;
				max-width: 50%;
				min-width: 50%;
				float: left;
			}		
			.col-md-6{
				width: 50% !important;
				max-width: 50%;
				min-width: 50%;
				float: left;
			}
			.col-md-mat{
	width: 80%;
}
		}
		
		@media (max-width:800px){
	.col-md-mat{
	width: 100%;
}
			.col-md-2{
				width: 100% !important;
				max-width: 100%;
				min-width: 100%;
			}
			.col-md-3{
				width: 100% !important;
				max-width: 100%;
				min-width: 100%;
			}
			.col-md-4{
				width: 100% !important;
				max-width: 100%;
				min-width: 100%;
			}
			.col-md-6{
				width: 100% !important;
				max-width: 100%;
				min-width: 100%;
			}
			.col-md-5{
				width: 100% !important;
				max-width: 100%;
				min-width: 100%;
			}
			
			.col-md-10{
			width: 100% !important;
				max-width: 100%;
				min-width: 100%;
			}
			
			.col-md-12{
				width: 100% !important;
				max-width: 100%;
				min-width: 100%;
			}
		
.backFooter{
	  border-top: 2px groove #1b415e;	  
	  background: rgb(0,34,48);
	  background: radial-gradient(linear, rgba(0,34,48,1) 0%, rgba(22,80,112,1) 50%, rgba(32,32,32,1) 100%);	  
}		

			}
	
	
.flipswitch-label {
	height: 30px !important;
	border-color: #165076 !important;
    color: #f4f4f4 !important;
    background: #002230;	
/*     border-radius: .2rem  !important; */
}

.flipswitch-label:focus {
	background-color: #002230  !important;
	box-shadow: 0 0 0 .2rem #165076  !important;	
}
.flipswitch-inner{
	margin-top: 5px;
}
.flipswitch-switch{
	top: 4px;	
}
.flipswitch-inner:after {    
    color: #f4f4f4;
        
}

.flipswitch-cb:not(:checked) + .flipswitch-label .flipswitch-switch {
    background-color: #f4f4f4 !important;
}
a.tituloCampos {
	color: #1b415e !important;
}

a.tituloCampos:visited {
	color: #f4f4f4 !important;
}

a.tituloCampos:hover, a.tituloCampos:focus {
	color: #f4f4f4  !important;
}

.logoCurso {
	width: 95%  !important;
}

.border-info{
	border-color: #165076 !important;
}

.color-info {
	color: #165076 !important;
}
a.tituloCamposBranco:hover, a.tituloCamposBranco:focus {
	color: #f4f4f4 !important;
}

.form-input {
	height: calc(2.4em + .9rem + 2px) !important;
	border-color: #165076 !important;
	padding-left:50px	 !important;
	color: #f4f4f4  !important;
	background: #002230;	
}