/* Mark input boxes that gets an error on validation: */

.btn-modal {
	width:80px;
}

.header-modal{
	background-color: #337AB7;
}

input.invalid {
	background-color: #ffdddd;
	border-color: #e74c3c;
}

input.sucess {
	background-color: #e8f0fe;
	border-color: #2ecc71;
}

select.invalid {
	background-color: #ffdddd;
	border-color: #e74c3c;
}

select.sucess {
	background-color: #e8f0fe;
	border-color: #2ecc71;
}

.img-band{
    padding-right: 2px;
}
.select-qnt-parcelas{
    display: none;
}

.loader {
	position: fixed;
	left: 0px;
	top:0px;
	margin:0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 9999997;
	opacity: 0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity = 65);
	background: black;
	background-image: url("../../media/img/gif/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position:50% 50%;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
	color: white;
	padding-top: 25%;			
}

.loader > img {
    width: 100px;
}

.loader.hidden {
    animation: fadeOut 1s;
    animation-fill-mode: forwards;
}

@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.thumb {
    height: 100px;
    border: 1px solid black;
    margin: 10px;
}

.modal-dialog.modal-dialog-centered.modal-xl{
	max-width: unset;
}
.btn-success,a#verboleto,button#BtnCreditoPagar,button#BtnCreditoCancelar,button#BtnCreditoAvancar,button#BtnDebitoPagar,button#BtnBoletoPagar {
    padding: 10px;
    width: 100% !important;
    font-size: 20px !important;

    margin-left: unset;
    background: #ff4d4d;
}

li.nav-item {
    width: 50%;

   }

   .form-group {
    font-size: 24px;
}


thead.thead-light th{
	text-align: center;
}


.nav-tabs .nav-link,
tbody{
	text-align: center;
	font-size: 26px;
}



button#BtnCreditoPagar,
button#BtnCreditoCancelar,
button#BtnCreditoAvancar,
.btn-group-lg>.btn, .btn-lg{
	/*font-size: 24px !important;*/
	width: unset;

}

.panel-primary{
	border: unset;
}

.meio-pag-boleto img{
	min-width: 30%;

}

div#boleto,
div#cartaodebito,
div#cartaocredito {
    /*margin: 0 !important;*/
    padding: 0 !important;
    max-width: unset;

    border-radius: 10px;
    box-shadow: 0px -5px 5px -2px lightgrey;
    height: 1px;
    
    

}

a#verboleto{
	font-size: 24px !important;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){

	font-size: 24px;

}

.modal-body{
	display: contents;
}

#uf,
#bankName,
select{
	height: 40px;
	width: 100%;
}

a.btn-lg,
select,
.input-group input {
    padding: 12px;
}

.modal-content{
	height: 100vh;
}


span.input-group-addon {
    /*height: 50px;*/

}



@media only screen and (max-width: 768px) {

	.col-md-12.container{
		padding: 0;
	}

	.nav-tabs .nav-link{
		font-size: inherit;
	}
  

.form-group div {
    width: 100%;
    max-width: unset;
    padding: 0;
    margin: 0 ;
}

div#myTabContent{
	    width: 100vw;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-grid;
}

.form-group div {
    
    max-width: unset !important;
    padding: 2px !important;
    
}


.form-horizontal .control-label{
	display: none;
}



div#myTabContent div#form-group div{

	max-width: unset;

}


}

.col-md-12.container{
	background: #fff ;
}


.modal-footer{
	display: block !important;
	text-align: center;
}


div#boleto{
	margin:0;
	max-width: unset;
	padding: 0;
}

#myTabContent{

	font-size: 24px;

}

div#myTabContent input,div#myTabContent select {
    height: 30px;
    font-size: 16px;
    width: 100%;
    max-width: unset;
}

label.col-sm-2.control-label {
    font-size: 16px;
    padding: 5px;
}



#numCartao{
	width: 75% !important;


}

div.creditCard div.input-group-prepend{ 
width: 20%;
float: right; 
height: 30px; }


.form-horizontal .form-group{
	margin: unset;
}

.div_header>div{
	padding: 8px; 
}
.div_header{

    color: #FFF;
    font-size: 2em;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: top;
    background: #ff4d4d;
}

.div_header div.panel-primary{
	    background: unset;
    border: unset;
    box-shadow: unset;
    margin: 0;
}


.nav > li > a{
	padding: 15px 2px;
}


.nav-tabs{
	    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;

}

.nav-tabs .nav-link{
	height: 100%;
	padding: 5px 20px;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

	color: #fff !important;
    background-color: #ff4d4d !important;
    
    font-weight: bold !important;
    border: unset !important;
}


.nopadding{
	padding: 0 !important;
}
.nomargin{
	margin: 0 !important;
}

.left-radius{
	border-bottom-left-radius: 10px !important;
}
.right-radius{
	border-bottom-right-radius: 10px !important;
}

.left-top-radius{
	border-top-left-radius: 10px !important;
}
.right-top-radius{
	border-top-right-radius: 10px !important;
}




.tab-content{
	margin-top: 10px;
}



a.nav-link {
    color: #ff4d4d;
}


span#cartao-bandeira{
	margin: 0;
	padding: 0;
}


#ModalProcessando div.modal-content{
	border-radius: 15px;
}

#BodyModalProcessando{


    font-size: 35px;
    padding: 5%;
    display: block;
    text-align: center;

}
#BodyModalProcessando img{
	max-width: 50px;
}
button#BtnModalProcessandoFechar{
	font-size: 25px;
}
#HeaderModalProcessando{
	display: none;
}