.error {
	color: #F00;
	background-color: #FFF;
  }

.preload {
	visibility: hidden;
	background-color: rgba(199, 199, 199,0.9);
	position: absolute;
	z-index: +100 !important;
	width: 100%;
	height:100%;
	}
	
.preload img {
	position: relative;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%) 
}	

.panel-heading-ciatoy{
    color: #fff;
    background: #fbaf3f;
    background: -moz-linear-gradient(top, #fbaf3f 0%, #f58220 100%);
    background: -webkit-linear-gradient(top, #fbaf3f 0%,#f58220 100%);
    background: linear-gradient(to bottom, #fbaf3f 0%,#f58220 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbaf3f', endColorstr='#f58220',GradientType=0 );
}

h2{
	color: #4098d3;
}

hr.style_linha:before { 
  display: block; 
  content: ""; 
  height: 10px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}

/* width */
::-webkit-scrollbar {
    width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 20px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #fbaf3f;
    background: -moz-linear-gradient(top, #fbaf3f 0%, #f58220 100%);
    background: -webkit-linear-gradient(top, #fbaf3f 0%,#f58220 100%);
    background: linear-gradient(to bottom, #fbaf3f 0%,#f58220 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbaf3f', endColorstr='#f58220',GradientType=0 );
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #4098d3; 
}

#section_despedida {padding-top:170px;padding-bottom:0px}

#section_despedida h1{
	color: #4098d3;
	font-size:70px;
}

#section_boasvindas {padding-top:170px;padding-bottom:0px}
#section_boasvindas h1{
	color: #4098d3;
	font-size:70px;
	font-weight: bold;
	font-family:Arial Black
}
#cabecalho_itens{
	color: #fff;
	font-size:30px;
}

#src-photo{
	max-width:100%;
}

#section_pdv {padding-top:0px;}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
	#total_carrinho{
		text-align:right;
		font-size: 50px
	}
	
 	#operador_carrinho_footer, #qtd_carrinho_footer{
		text-align:right;
		font-size: 30px
	} 
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
	#total_carrinho{
		text-align:right;
		font-size: 50px
	}
  
	#operador_carrinho_footer, #qtd_carrinho_footer{
		text-align:right;
		font-size: 50px
	}    
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
/*
smartphone samsung, iphone (tela normal)
*/
@media (min-width: 768px) and (max-width: 1024px) {
 

    
	#total_carrinho{
		text-align:right;
		font-size: 60px
	}
    
	#operador_carrinho_footer, #qtd_carrinho_footer{
		text-align:right;
		font-size: 35px
	}  

	#titulo_carrinho{
		text-align:center;
		font-size: 60px;
	}  	
	
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
/*
tablet 7" e 8" paisagem
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
	#total_carrinho{
		text-align:right;
		font-size: 50px
	}
    
	#operador_carrinho_footer, #qtd_carrinho_footer{
		text-align:right;
		font-size: 20px
	}  

	#titulo_carrinho{
		text-align:center;
		font-size: 30px;
	}  	
	
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
	#total_carrinho{
		text-align:right;
		font-size: 20px
	}
    
	#operador_carrinho_footer, #qtd_carrinho_footer{
		text-align:right;
		font-size: 50px
	}  
	
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

	#total_carrinho{
		text-align:right;
		font-size: 20px
	}
  
	#operador_carrinho_footer, #qtd_carrinho_footer{
		text-align:right;
		font-size: 50px
	}  		
}


/*
	CSS DAS FORMAS DE PAGAMENTO
*/
.db-pricing-seven {
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    border: 1px solid #f58220;
    background-color: #f58220;
	color: #fff;
	border-radius:15px;
}
.situacao_00{
	padding: 40px;
	background-color:#ffb3b3;
}
.situacao_01{
	padding: 40px;
	background-color:#b3ffb3;
}
    .db-pricing-seven:hover {
        margin-top: 10px;
        -moz-transition: margin-top 0.15s ease 0s;
        -ms-transition: margin-top 0.15s ease 0s;
        transition: margin-top 0.15s ease 0s;
		border-radius:15px;
    }

    .db-pricing-seven ul {
        list-style: none;
        margin: 0;
        text-align: center;
        padding-left: 0px;
    }

        .db-pricing-seven ul li {
            border-bottom: solid 1px #D8D8D8;
            padding-top: 0px;
            padding-bottom: 0px;
            cursor: pointer;
            text-transform: uppercase;
        }

            .db-pricing-seven ul li.price {
                background-color: #fff;
                padding: 40px;
                font-size: 60px;
                font-weight: 900;
                color: #353c3e;
                font-weight: 900;
            }

                .db-pricing-seven ul li.price i {
                    padding: 0px;
                    font-size: 50px;
                    display: block;
                }


    .db-pricing-seven .pricing-footer {
        padding: 10px;
		font-size: 25px;
    }

        .db-pricing-seven .pricing-footer a i {
            margin: 5px;
            top: 3px;
        }
		
.nomeCaixa {
	background-color: #fff;
	padding: 40px;
	font-size: 70px;
	font-weight: 900;
	color: #353c3e;
	border-radius:15px;
}		

#ModalPDV_Titulo {
	padding: 40px;
	font-size: 60px;
	font-weight: 900;
	color: #fff;
	border-radius:15px;
	text-align: center;
}		

#ModalPDV_Livre {
	width:100%;
}		

/*************/

ul.comprovante {width: 500px;margin: auto auto ;padding: 40px 0px;list-style-type: none;}
.corpoModal ul.comprovante{overflow-y: auto;max-height: 430px;}

ul.comprovante li.linhacomprovante{background-color: #ffffcc;font: 12px "Courier New", Courier, monospace ;color: #4b4b4b;min-width: 350px;text-align: left;max-width: 350px;margin: auto auto;}

@media print {
	ul.comprovante { width: 100% !important; }
	ul.comprovante li.linhacomprovante { font-size: 13pt !important; width: 500px !important; max-width: 500px !important; }
	.transacao .sem-banner-show {display: none !important;}
}