/****************************************************
Custom.css 

Use this file to add your own css
****************************************************/
/**	--. Printable Div
	If want to dismiss these rules, 
	add to body: class="printable"
	Or simply delete custom rules!
*************************************************** **/





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

.clockStyle {	
	padding:6px;
	color:#000000;
	font-family: 'Montserrat', sans-serif;
    font-size:35px;
    font-weight:bold;
	letter-spacing: 2px;
	display:inline;
}		

.white-row {
	padding:0px; margin-bottom:0px;
	border-color: #000;
	border-width: 2px;
	border-style: solid;

	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
			border-radius:6px;
}
.manita {
	cursor: pointer;
}

@media print {
	/* 
		@CUSTOM RULES 
	*/
	@page {  
	size : Letter;
    margin: 10mm;
	height: 99%;
	page-break-after: avoid;
	page-break-before: avoid;
  	}
	
	body * {
		visibility: hidden;
		margin:0; padding:0;
		page-break-after: avoid;
		page-break-before: avoid;
	}
	
	.footer * {
		visibility: hidden;
		margin:0; padding:0;
       
	}
	.printable * { 
		visibility: visible;
		height: 99%;
		page-break-after: avoid;
		page-break-before: avoid;
	}

	#printtabla {
		font-size: 7px !important;
	}
	
	/* print resets */
	#wrapper {
		margin:0 !important;
		padding:20px 0 0 0 !important;
	}

	/* display none for all other elements - remove whitespaces */
	#topNav, #header_shadow, #footer, #page-top, #stickyElement, #frm, #sticky-container, .top-header, .nav, .site-overlay, .navbar,
	#page-titles, .btn, .sticky-sidebar, #page-top, #aside, #page-top, #back-to-top { display:none; }

	
	a[href]:after {
    content: none !important;
  }
	
	/* 
		@REQUIRED RULES
	*/
	.col-sm-1, .col-sm-2, .col-sm-3, 
	.col-sm-4, .col-sm-5, .col-sm-6, 
	.col-sm-7, .col-sm-8, .col-sm-9, 
	.col-sm-10, .col-sm-11, 
	.col-sm-12 	{ float: left; }
	.col-sm-12 	{ width: 100%; }
	.col-sm-11 	{ width: 91.66666666666666%; }
	.col-sm-10 	{ width: 83.33333333333334%; }
	.col-sm-9 	{ width: 75%; }
	.col-sm-8 	{ width: 66.66666666666666%; }
	.col-sm-7 	{ width: 58.333333333333336%; }
	.col-sm-6 	{ width: 50%; }
	.col-sm-5 	{ width: 41.66666666666667%; }
	.col-sm-4 	{ width: 33.33333333333333%; }
	.col-sm-3 	{ width: 25%; }
	.col-sm-2 	{ width: 16.666666666666664%; }
	.col-sm-1 	{ width: 8.333333333333332%; }
}


/*Image on text hover*/

span.dropt {
	border-bottom: thin dotted; 
	color:#004080; 
	background: #ffffff;
		}

span.dropt:hover {
	text-decoration: none;
	background: #ffffff;
	z-index: 6;
		}

span.dropt span {
	position: absolute;
	left: -9999px;
  	margin: 20px 0 0 0px; 
	padding: 3px 3px 3px 3px;
  	border-style:solid; 
	border-color:black; 
	border-width:1px; 
	z-index: 6;}

span.dropt:hover span {
	left: 2%; 
	background: #ffffff;} 

span.dropt span {
	position: absolute; 
	left: -9999px;
  	margin: 4px 0 0 0px; 
	padding: 3px 3px 3px 3px; 
	border-style:solid; 
	border-color: #497ad2; 
	border-width:1px;}

span.dropt:hover span {
	margin: 20px 0 0 170px; 
	background: #ffffff;
	z-index:6;} 

#graph {
  width: 800px;
  height: 250px;
  margin: 20px auto 0 auto;
}
pre {
  height: 250px;
  overflow: auto;
}


.ol { counter-reset: item }

.ol .li { display: block }
.ol .li:before { content: counters(item, ".") ". "; counter-increment: item }