$azul_claro : rgb(0,152,206);
$cinza : rgb(0,0,0);
$laranja : #fa8d07;
$verde : #97c4c1;
$red : #fa1d28;
$red : #7d9f9d;
$verde2 : #7d9f9d;

$cur_date_color : #999;
$dia_presente : #333;
$dia_off : #999;
$bg_chooser : #0D1B5E;
$cor_balao : #0D1B5E;
$active_link_color : #0D1B5E;
$header_color: #0D1B5E;

#tp_cal_container {
	width: 100%; height: 100%;
}
.tp_cal {
	width: 100%;	height: 100%;	position: relative;	padding: 0;
}	
.tp_cal, .tp_cal * {
	box-sizing: border-box;	-moz-box-sizing: border-box; -webkit-box-sizing: border-box;	font-size: 15px;
	
}
.tp_cal table.cal td {
	text-align: center;
}
.tp_cal table.cal, .tp_cal table.cal table {
	width: 100%; height: 100%;	margin-top: 0;
}
.tp_cal table.cal table td, .tp_cal table.cal table th {
	
	width: 14.28%;	font-size: 13px !important;	vertical-align: middle;	color: $dia_presente;
}
.tp_cal table tr {
	height: 12.25%;
}
.tp_cal table tr:first-child {

}
tr.tp_cal_tbl_header {
	background-color: $header_color;
	
	td {
		font-family: Arial, sans-serif !important; font-weight: bold; height: 40px; padding: 5px 0 !important; color: #FFF !important; vertical-align: middle;
		a {
			color: #FFF !important;
		}
	}
}
tr.tb_cal_tbl_row {
	td {
		padding: 5px; font-family: Arial, sans-serif !important; 
	}
}
.tp_cal table th {
	font-size: 12px; text-align: center; color: green; text-transform: uppercase;	
}
.off {
	color: $dia_off;
}
.active {
	cursor: pointer;
	background-color: $active_link_color;
	border: solid 1px $active_link_color;
	color: #FFF;
	display: inline-block;
	a {
		color: #FFF; font-family: Arial, sans-serif !important; 
		text-decoration: none;
	}
}
.inactive {
	background-color: purple; color: #FFF;
}
.tp_cal table td div {
	width: 28px; height: 28px; line-height: 26px;
	display: inline-block;
	width: 28px; height: 28px; line-height: 26px;
	border-radius: 15px;
}
div.curDate {
	border: solid 1px $cur_date_color;
	background-color: $cur_date_color;
	color: #FFF;
}
.tp_cal #date_chooser {
	position: absolute;
	left: 0; top: 0;
	background-color:  $bg_chooser;
	width: 100%; height: 100%;
	display: none;	
	padding: 10px;
	color: #FFF;
}
/* This is how you would create a theme called "my-custom-theme": */

.my-custom-theme {
	border-radius: 5px; 
	border: 1px solid $cor_balao;
	background: $cor_balao;
	color: #fff;
}
.my-custom-theme .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}
#date_chooser {
	width: 100%; height: 100%;
	font-family: Arial, sans-serif !important; 
}
#date_chooser .year_choice, #date_chooser .month_choice {
	float: left;
	padding: 5px 0;
	border: solid 1px #FFF;
	color: #FFF;
	width: 30%;
	margin-left: 5%;
	cursor: pointer;
	margin-top: 10px;
	margin-top: 5px;
	text-align: center;
	font-size: 1em;
}
#date_chooser .year_choice {
	width: 30%;	margin-left: 5%;
}
#date_chooser .year_choice.on, #date_chooser .month_choice.on {
	background-color: #FFF;
	color: $bg_chooser !important;
}
#date_chooser .year_choice:first-child, #date_chooser .month_choice:nth-child(3n+1) {
	margin-left: 0;	
}

#date_chooser h1 {
	clear: both;
	margin: 20px 0; padding: 0;
	font-size: 16px;
	color: #FFF;font-family: Arial, sans-serif !important; 
}
#date_chooser #close_tp_cal {
	cursor: pointer;
	position: absolute; right: 20px; top: 20px;
	color: #FFF;font-family: Arial, sans-serif !important; 
}
table.cal tr:first-child {
	a {
		color: #FFF;
		text-decoration: none;
	}
}
#cur_month {
cursor: pointer;
text-transform: uppercase;
}
.icon-down-open {
	color: #FFF;
	vertical-align: 2px;
	margin-left: 5px;
}