*
{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-sherif;
text-decoration:none;
}

.box{
	width:90%;
	height:100vh;
	position: absolute;
	top: -960px;
	background-color:#FFF;
	opacity: 0.9;
}

.box_info{
	
	width: 95%;
	
	height:;
	background-color:;
	border-radius: 5px;
	
	padding:5px;
}
.div_box{
    width:90%;
	background:#999;
	border-radius:5px;

}
.listarxx{
	width:100%;
	height:350px;
	position:absolute;
	font-family:  Verdana, Geneva, sans-serif;
	font-size: 16px;
	background:#000;
	opacity: 0.9;
	color: #FFF;
	text-transform:capitalize;
}

/* MODAL */
#close{ 
	color: #fff;	
	font-family: 'Poppins', sans-sherif;
	text-decoration: none;
	font-size: 35px;
	position: fixed;
	background-color: #900;
	width: 100%;
	height: 40px;
	text-align: center;
	right: 0;
	border-radius: 10px;
}
#close: hover{
	color: #fff;
}

.frame{
	width:100%;
	height:100vh;
	
}

#bg1{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor:pointer;
}
#bg1:target{
	display: block;
}
#bg1:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .3s;
}
#bg2{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg2:target{
	display: block;
}
#bg2:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg3{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg3:target{
	display: block;
}
#bg3:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg4{
	width:100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg4:target{
	display: block;
}
#bg4:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg5{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg5:target{
	display: block;
}
#bg5:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg6{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg6:target{
	display: block;
}
#bg6:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg7{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg7:target{
	display: block;
}
#bg7:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg8{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg8:target{
	display: block;
}
#bg8:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg9{
	width:100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg9:target{
	display: block;
}
#bg9:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg10{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg10:target{
	display: block;
}
#bg10:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg11{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg11:target{
	display: block;
}
#bg11:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg12{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg12:target{
	display: block;
}
#bg12:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg13{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg13:target{
	display: block;
}
#bg13:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg14{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg14:target{
	display: block;
}
#bg14:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
	
}
#bg15{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg15:target{
	display: block;
}
#bg15:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg16{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg16:target{
	display: block;
}
#bg16:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg17{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg17:target{
	display: block;
}
#bg17:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg18{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg18:target{
	display: block;
}
#bg18:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg19{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg19:target{
	display: block;
}
#bg19:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg20{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg20:target{
	display: block;
}
#bg20:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg21{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg21:target{
	display: block;
}
#bg21:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg22{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg22:target{
	display: block;
}
#bg22:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg23{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg23:target{
	display: block;
}
#bg23:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg24{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg24:target{
	display: block;
}
#bg24:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg25{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg25:target{
	display: block;
}
#bg25:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg26{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg26:target{
	display: block;
}
#bg26:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg27{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg27:target{
	display: block;
}
#bg27:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg28{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg28:target{
	display: block;
}
#bg28:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg29{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg29:target{
	display: block;
}
#bg29:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg30{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg30:target{
	display: block;
}
#bg30:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
#bg31{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#bg31:target{
	display: block;
}
#bg31:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}

#cadcli{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: none;
	cursor:pointer;
}
#cadcli:target{
	display: block;
}
#cadcli:target ~ .box{
	top: 50px;
	transition: all .3s;
	transition-delay: .2s;
}
/* MODAL FIM */

/* CALENDÁRIO */
.vazio{
	background-color:#FFF;
	width:100%;
	height:100%;
	border-radius:5px;
}
.indisponivel{
	background-color:#F00;
	width:100%;
	height:100%;
	border-radius:5px;
}
.fechado{
	background-color:#603;
	color:#FFF;
	width:100%;
	height:100%;
	border-radius:5px;
}
.shows{
	background-color:#F60;
	width:100%;
	height:100%;
	border-radius:5px;
}
.promocao{
	background-color:#FF0;
	width:100%;
	height:100%;
	border-radius:5px;
}
.livre{
	background-color:#6F9;
	width:100%;
	height:100%;
	border-radius:5px;
}
.some{
	display:none;
}
.someindisponivel{
	display:none;
}
.somefechado{
	display:none;
}
.somepromocao{
	display:none;
}
.someshows{
	display:none;
}
.somelivre{
	display:none;
}

.someinformindisponivel{
	display:none;
}
.someinformfechado{
	display:none;
}
.someinformlivrex{
	display:none;
}
.someinformnull{
	display:none;
}

.someindisponivel_btn{
	display:none;
}

.somelocadorshows{
	display:none;
}

.livresemana{
	width:100%;
	height:50px;
	border-radius:5px;
	background-color:#FFF;
}

.seg_sex{
    background-color:#DCF1EB;
	color:#000;
	font-size: 14px;
	text-transform:uppercase;
	width:100%; 
	border-radius:5px;
	text-align:center; 
}

.dom{
	background-color:#006666;
	color:#FFF;
	font-size: 14px;
	text-transform:uppercase;
	width:100%; 
	border-radius:5px;
	text-align:center;
}

.sab{
	background-color:#006666;
	color:#FFF;
	font-size: 14px;
	text-transform:uppercase;
	width:100%; 
	border-radius:5px;
	text-align:center;
}
.seg_sexdom{
	background-color:#006666;
	color:#FFF;
	font-size: 14px;
	text-transform:uppercase;
	width:100%; 
	border-radius:5px;
	text-align:center;
}

.seg_sexsab{
	background-color:#006666;
	color:#FFF;
	font-size: 14px;
	text-transform:uppercase;
	width:100%; 
	border-radius:5px;
	text-align:center;
}
/* Some Seta Navegação */

.dezembro2021{
    display: none;
}

/* tabela */

.tabbordas{
	border-radius: 5px;
	padding: 3px;
}

td{
	border-radius: 5px;
	padding: 3px;
}

/* Pontuação clientes */
.cliente{
	  background-color:#EFEFEF; 
}
.cliente9{
	  background-color:#0C0; 
}
.cliente6{
	  background-color:#09F; 
}
.cliente3{
	  background-color:#F00; 
}


/* Botoes */
.disponivel{
	display:none;
	background-color:#FFF;
}

.btn_menu{
 font-weight: 400;	 	 
 width: 100%;  
 height: 70px;
 max-width:480px;
 background-color:#C90; 
 color:#FFF; 
 font-size: 20px;
 border:solid 1px #FFF;
 border-radius  : 5px;
 cursor:pointer;


 }
.btn_menu:hover{
 background-color:#CC6;
 /*border:solid 6px #F33 ; */
 font-size: 20px;
 color:#000;
 transition   : all 400ms ease;
}

.btn_menu_rel{
 font-weight: 400;	 	 
 width:100%;  
 height: 70px;
 max-width:480px;
 background-color:#60F; 
 color:#FFF; 
 font-size: 20px;
 border:solid 1px #FFF;
 border-radius  : 5px;
 cursor:pointer;
 padding:20px 40px;

 }
.btn_menu_rel:hover{
 background-color:#66F;
 /*border:solid 6px #F33 ; */
 font-size: 20px;
 color:#000;
 transition   : all 400ms ease;
}
.btn_menu_sair{
 font-weight: 400;	 	 
 width:100%;  
 height: 70px;
 max-width:480px; 
 background-color:#F60; 
 color:#FFF; 
 font-size: 20px;
 border:solid 1px #FFF;
 border-radius  : 5px;
 cursor:pointer;
 padding:20px 40px;

 }
.btn_menu_sair:hover{
 background-color:#FC6;
 color:#000;
 transition   : all 400ms ease;
}
.btn_reservar{
 font-weight: 400;	 	 
 width:80%;  
 height: 40px;  
 background-color:#3C6 ; 
 color:#FFF; 
 font-size: 14px;
 border:solid 1px #FFF;
 border-radius  : 5px;
 padding:10px;

 }
  .btn_reservar:hover{
 background-color:#0F0;
 /*border:solid 6px #F33 ; */
 font-size: 14px;
 color:#000;
 transition   : all 400ms ease;
}
.btn_contrato{
 font-weight: 400;	 	 
 width:80%;  
 height: 40px;  
 background-color:#09F ; 
 color:#FFF; 
 font-size: 14px;
 border:solid 1px #FFF;
 border-radius  : 5px;
 padding:10px;

 }
.btn_contrato:hover{
 background-color:#0FF;
 /*border:solid 6px #F33 ; */
 font-size: 14px;
 color:#000;
 transition   : all 400ms ease;
}
.somefechado_btn{
	display:none;
}

.btn_cadastrar{	
 font-weight: 400;	 	 
 width:80%;  
 height: 40px;  
 background-color:#09F ; 
 color:#FFF; 
 font-size: 14px;
 border:solid 1px #FFF;
 border-radius  : 5px;
 padding:10px;
 cursor:pointer;

 }
.btn_cadastrar:hover{
	background-color:#0FF;
	/*border:solid 6px #F33 ; */
 font-size: 18px;
	color:#000;
	transition   : all 400ms ease;
	text-align: center;
}


.btn_alterar{
 font-weight: 400;	 	 
 width:80%;  
 height: 40px;  	
 background-color:#960 ; 
 color:#FFF; 
 font-size: 14px;
 border:solid 1px #FFF;
 border-radius  : 5px;
 padding:10px;
 cursor:pointer;
 }
.btn_alterar:hover{
 background-color:#CC0;
 /*border:solid 6px #F33 ; */
 font-size: 18px;
 color:#000;
 transition   : all 400ms ease;
}

.btn_excluir{
 font-weight: 400;	 	 
 width:80%;  
 height: 40px;  	
 background-color:#900 ; 
 color:#FFF; 
 font-size: 14px;
 border:solid 1px #FFF;
 border-radius  : 5px;
 padding:10px;
 cursor:pointer;

 }
.btn_excluir:hover{
 background-color:#F30;
 /*border:solid 6px #F33 ; */
 font-size: 18px;
 color:#000;
 transition   : all 400ms ease;
}

.input1 {	
	width:98%;
	height:35px;
	color:#06F;
	font:Tahoma;
	font-size:14px;
	text-transform:uppercase;
	border-color:#999;
	border:solid 1px #999;
	padding:2px;
	/*margin-bottom:5px;*/
	background-color:#FFF;
	border-radius:5px;
	text-align: right;
}

.input2 {	
	width:98%;
	height:35px;
	color:#06F;
	font:Tahoma;
	font-size:14px;
	text-transform:uppercase;
	border-color:#999;
	border:solid 1px #999;
	padding:2px;
	/*margin-bottom:5px;*/
	background-color:#FFF;
	border-radius:5px;
	text-align: left;
}
.inputtextarea {	
	width:98%;
	color:#06F;
	font:Tahoma;
	font-size:14px;
	text-transform:uppercase;
	border-color:#999;
	border:solid 1px #999;
	padding:2px;
	/*margin-bottom:5px;*/
	background-color:#FFF;
	border-radius:5px;
	text-align: left;
}
/*CALENDARIO NOVO*/
sectionx
{
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;

}

.boxx
{
position: relative;
background: #edf1f4 ;
width:98%;
}

.containerx
{
position:relative;
border-radius: 10px;
box-shadow: 10px 10px 30px rgba(0,0,0,0.1), -15px -15px 30px #fff;
}
.btndia
{
width: 100%;
border-spacing: 15px;
}

.btndia td
{
color: #777;
padding: 5px 5px;
cursor:pointer;
font-weight:500;
border-radius: 10px;
font-size:1.25em;
/*box-shadow: 5px 5px 10px rgba(0,0,0,0.1), -5px -5px 10px rgba(255,255,255,1);*/
box-shadow: inset 5px 5px 10px rgba(0,0,0,0.1), inset -5px -5px 10px rgba(255,255,255,1);

}
.btndia td:hover
{
/*box-shadow: inset 5px 5px 10px rgba(0,0,0,0.1), inset -5px -5px 10px rgba(255,255,255,1);*/
box-shadow: 5px 5px 10px rgba(0,0,0,0.1), -5px -5px 10px rgba(255,255,255,1);
}

.prev
{
position:relative;
padding:5px;
align-items: center;
font-size:2em;
left:15px;
color:#777;
background:#edf1f4;
border-radius: 10px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.1), -5px -5px 10px rgba(255,255,255,1) ;
}
.prev:hover
{
box-shadow: inset 5px 5px 10px rgba(0,0,0,0.1), inset -5px -5px 10px rgba(255,255,255,1) ;
}

.next
{
position:relative;
padding:5px;
align-items: center;
font-size:2em;
right:15px;
color:#777;
background:#edf1f4;
border-radius: 10px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.1), -5px -5px 10px rgba(255,255,255,1);
}

.next:hover
{
box-shadow: inset 5px 5px 10px rgba(0,0,0,0.1), inset -5px -5px 10px rgba(255,255,255,1) ;
}
.mesano
{
color:#2196f3;
font-size:2em;
font-weight:400;
text-transform:uppercase;
}