/* ----------  C S S   S T Y L E  ---------- */
	body {font-family:"Lato", sans-serif;}
	* {box-sizing:border-box;}
	
	h1{font-weight:normal; font-size:30px;}
	h2{font-weight:normal; font-size:26px;}
	h3{font-weight:normal; font-size:22px;}
	a{text-decoration: none;}
	th{font-weight: normal!important; color: #fff!important; background-color:#5A7247!important;}

	.dct3-icono{padding: 4px 0px;}
	.dct3-margin{margin: 10px 5px;}
	.dct3-tooltip,.dct3-display-container{position:relative; margin:auto}.dct3-tooltip .dct3-text{display:none}
	.dct3-tooltip:hover .dct3-text{display:inline-block; letter-spacing: 0px; font-size: 14px;}
	
	.dct3-ambar-hover:hover {color:#fff!important; background-color:#5A7247!important;}
	
	.dct3-green{color: #fff!important; background-color: #5A7247!important;}
	.dct3-verde{color: #fff!important; background-color: #5A7247!important;}
	.dct3-verde:hover {color:#000!important; background-color:#ffcc00!important;}
	.dct3-verde-hover:hover {color:#000!important; background-color:#ffcc00!important;}	
	.dct3-rojo{color:#fff; background-color:#9B2335;}
	.dct3-rojo:hover {color:#000!important; background-color:#ffcc00!important;}
	.dct3-rojo-hover:hover {color:#000!important; background-color:#ffcc00!important;}	
	.dct3-text{font-size:18px;}
	.dct3-button{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap}
	.dct3-black{color:#000!important; text-shadow: 0px 0 0 black; background-color: #F1EA7F; font-weight: normal; text-align: left;}	
	.dct3-resalta-cyan{text-shadow: 0.6px 0 0 cyan, -0.6px 0 0 cyan, 0 0.6px 0 cyan, 0 -0.6px 0 cyan, 0.6px 1px cyan, -0.6px -0.6px 0 cyan, 0.6px -0.6px 0 cyan, -0.6px 0.6px 0 cyan;
			color:#000!important; background-color: transparent!important; padding:1px 1px;}
	.dct3-resalta-red{text-shadow: 0.6px 0 0 #000, -0.6px 0 0 #000, 0 0.6px 0 #000, 0 -0.6px 0 #000, 0.6px 1px #000, -0.6px -0.6px 0 #000, 0.6px -0.6px 0 #000, -0.6px 0.6px 0 #000;
			color:red!important; background-color: transparent!important; padding:1px 1px; font-weight: 200;}
	.dct3-resalta-green{text-shadow: 0.6px 0 0 #F1EA7F, -0.6px 0 0 #F1EA7F, 0 0.6px 0 #F1EA7F, 0 -0.6px 0 #F1EA7F, 0.6px 1px #F1EA7F, -0.6px -0.6px 0 #F1EA7F, 0.6px -0.6px 0 #F1EA7F, -0.6px 0.6px 0 #F1EA7F;
			color:#000!important; background-color: transparent!important; padding:1px 1px;}
	
	/*  Menu Sidebar  */
	.sidebar {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #5A7247; 
				overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
	.sidebar a {text-decoration: none; font-size: 18px; margin-left: 12px; color: #fff; display: block; transition: 0.4s;}
	.sidebar a:hover {color: #000; background-color: #ffcc00;}
	.sidebar .closebtn {position: absolute; top: 0; right: 25px; font-size: 30px; margin-left: 50px; color: #ffcc00;}
	.closebtn-hover:hover{font-size: 45px; color:#ffcc00!important; background-color:#5A7247!important}
	.openbtn {font-size: 18px; cursor: pointer; background-color: #5A7247; color: white; padding: 10px 15px; border: none;}
	.openbtn:hover {color: #000; background-color: #ffcc00;}
	#main {margin-top: 18px; transition: margin-left .5s;}
	
	/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
	@media screen and (max-height: 450px) {
	  .sidebar {padding-top: 15px;}
	  .sidebar a {font-size: 18px;}
	}	
	
	/* #### Mobile Phones Portrait or Landscape #### */
	@media screen and (max-width: 640px){
		body{font-size:14px;}
		h1{font-size:24px;}
		h2{font-size:20px;}
		h3{font-size:16px;}
		.dct3-text{font-size:14px;}
	}