/*
Author:       Juan Pablo Iriarte
Version:      1.0.5
*/
@import url("BoostrapAdd.css");

.NOVer{display: none !important;}
.NOmostrar{display: none;}
.Verde1{color:#1E8449;}

/* =============================================================================
	Boton Base -> tomado y adaptado de: http://necolas.github.io/css3-github-botonSQs/ */
.botonSQ {
	position: relative;
	overflow: visible;
	display: inline-block;
	padding: 0.5em 0.5em;
	border: 1px solid #fdfdfd;
	margin: 0;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0 #797D7F;
	font: 14px/normal sans-serif;
	/*color: #333!important;*/
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	background: inherit;
	background-color:transparent;
	border-radius: 50em;
}
.botonSQ:hover, .botonSQ:focus, .botonSQ:active, .botonSQ.active {
	border-color: #E1F8EB;
	border-bottom-color: #E1F8EB;
	text-decoration: none;
	text-shadow: none;
	color: #fff;
	background-color: #3c8dde;
	/*background-color: #7E5EDF5;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A6EBC2), to(#11C95C));
	background-image: -moz-linear-gradient(#A6EBC2, #11C95C);
	background-image: -o-linear-gradient(#A6EBC2, #11C95C);
	background-image: linear-gradient(#A6EBC2, #11C95C);*/
}
/* Standard group de botonSQ */
.botonSQ-group {display: inline-block; list-style: none; padding: 0; margin: 0; /* IE hacks */ zoom: 1;}
.botonSQ + .botonSQ, .botonSQ + .botonSQ-group, .botonSQ-group + .botonSQ, .botonSQ-group + .botonSQ-group {margin-left: 15px;}
.botonSQ-group li {float: left; padding: 0; margin: 0;}
.botonSQ-group .botonSQ {float: left; margin-left: -1px;}
.botonSQ-group > .botonSQ:not(:first-child):not(:last-child), .botonSQ-group li:not(:first-child):not(:last-child) .botonSQ {border-radius: 0;}
.botonSQ-group > .botonSQ:first-child, .botonSQ-group li:first-child .botonSQ {margin-left: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.botonSQ-group > .botonSQ:last-child, .botonSQ-group li:last-child > .botonSQ {border-top-left-radius: 0; border-bottom-left-radius: 0;}

.btnSQ0 {text-decoration: none; font-size: 20px; font-family: 'Poppins', sans-serif; background-color: #FDFDFD; padding: 10px 25px; border: 0; border-radius: 5px; color: #1D1E1E;}
.btnSQ0med {text-decoration: none; font-size: 14px; font-family: 'Poppins', sans-serif; background-color: #FDFDFD; padding: 10px 25px; border: 0; border-radius: 5px; color: #1D1E1E;}
.btnSQ0peq {text-decoration: none; font-size: 12px; font-family: 'Poppins', sans-serif; background-color: #FDFDFD; padding: 5px 15px; border: 0; border-radius: 5px; color: #1D1E1E;}
.btnSQ0:hover, .btnSQ0med:hover, .btnSQ0peq:hover {background-color: #F6FBF9; color: #1B3D32;}

.btnSQ1 {text-decoration: none; font-weight: 600; font-size: 20px; color: #333333; padding-top: 15px; padding-bottom: 15px; padding-left: 30px; padding-right: 30px; background-color: #E8EAEC; border-color: #d8d8d8;
	border-width: 3px; border-style: solid; border-radius: 30px;}
.btnSQ1med {text-decoration: none; /*font-weight: 600;*/ font-size: 15px; color: #333333; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; background-color: #E8EAEC; border-color: #d8d8d8;
	border-width: 2px; border-style: solid; border-radius: 10px;}
.btnSQ1peq {text-decoration: none; /*font-weight: 600;*/ font-size: 12px; color: #333333; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; background-color: #E8EAEC; border-color: #d8d8d8;
	border-width: 1px; border-style: solid; border-radius: 5px;}
.btnSQ1:hover, .btnSQ1med:hover, .btnSQ1peq:hover {background-color: #5C6F77; color: #d8d8d8;}

.btnSQ2 {text-decoration: none; font-weight: 600; font-size: 20px; color: #333333; padding-top: 15px; padding-bottom: 15px; padding-left: 35px; padding-right: 35px; background-color: #FFFFFF; border-color: #616161;
	border-width: 3px; border-style: solid; border-radius: 15px;}
.btnSQ2med {text-decoration: none; /*font-weight: 600;*/ font-size: 15px; color: #333333; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; border-color: #616161;
	border-width: 2px; border-style: solid; border-radius: 10px;}
.btnSQ2peq {text-decoration: none; /*font-weight: 600;*/ font-size: 12px; color: #333333; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; background-color: #FFFFFF; border-color: #616161;
	border-width: 1px; border-style: solid; border-radius: 5px;}
.btnSQ2:hover, .btnSQ2med:hover, .btnSQ2peq:hover {background-color: #8B989E; color: #ececec;}

.btnSQ3 {text-decoration: none; font-weight: 600; font-size: 20px; color: #90AFC5; padding-top: 15px; padding-bottom: 15px; padding-left: 35px; padding-right: 35px; background-color: #FFFFFF; border-color: #90AFC5;
	border-width: 3px; border-style: solid; border-radius: 15px;}
.btnSQ3med {text-decoration: none; /*font-weight: 600;*/ font-size: 15px; color: #90AFC5; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; border-color: #90AFC5;
	border-width: 2px; border-style: solid; border-radius: 10px;}
.btnSQ3peq {text-decoration: none; /*font-weight: 600;*/ font-size: 12px; color: #90AFC5; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; background-color: #FFFFFF; border-color: #90AFC5;
	border-width: 1px; border-style: solid; border-radius: 5px;}
.btnSQ3:hover, .btnSQ3med:hover, .btnSQ3peq:hover {background-color: #90AFC5; color: #336B87; border-color: #336B87;}

.btnSQ4 {text-decoration: none; font-size: 20px; font-family: 'Poppins', sans-serif; background-color: #47a386; padding: 10px 25px; border: 0; border-radius: 5px; color: #fff;}
.btnSQ4med {text-decoration: none; font-size: 14px; font-family: 'Poppins', sans-serif; background-color: #47a386; padding: 10px 25px; border: 0; border-radius: 5px; color: #fff;}
.btnSQ4peq {text-decoration: none; font-size: 12px; font-family: 'Poppins', sans-serif; background-color: #47a386; padding: 5px 15px; border: 0; border-radius: 5px; color: #fff;}
.btnSQ4:hover, .btnSQ4med:hover, .btnSQ4peq:hover {background-color: #BADDD2; color: #1B3D32;}

.btnSQ5 {text-decoration: none; font-size: 24px; font-weight: 600; font-family: 'Poppins', sans-serif; background-color: #ececec; padding: 0 6px; border: 1px solid #3c8dde; border-radius: 14px; color: #3c8dde;}
.btnSQ5med {text-decoration: none; font-size: 18px; font-weight: 600; font-family: 'Poppins', sans-serif; background-color: #ececec; padding: 0 5px; border: 1px solid #3c8dde; border-radius: 14px; color: #3c8dde;}
.btnSQ5peq {text-decoration: none; font-size: 14px; font-weight: 600; font-family: 'Poppins', sans-serif; background-color: #ececec; padding: 0 4px; border: 1px solid #3c8dde; border-radius: 10px; color: #3c8dde;}
.btnSQ5:hover, .btnSQ5med:hover, .btnSQ5peq:hover {background-color: #BADDD2; color: #2acf9b; border-color: #2acf9b;}

.btnSQ6 {text-decoration: none; font-size: 24px; font-weight: 400; font-family: 'Poppins', sans-serif; line-height: 1.6em; background-color: #23ab70; padding: 5px 11px; border: 1px solid #125538; border-radius: 24px; color: #fff;}
.btnSQ6med {text-decoration: none; font-size: 18px; font-weight: 600; font-family: 'Poppins', sans-serif; background-color: #23ab70; padding: 5px 10px; border: 1px solid #125538; border-radius: 18px; color: #fff;}
.btnSQ6peq {text-decoration: none; font-size: 14px; font-weight: 600; font-family: 'Poppins', sans-serif; background-color: #23ab70 ; padding: 3px 7px; border: 1px solid #125538; border-radius: 14px; color: #fff;}
.btnSQ6:hover, .btnSQ6med:hover, .btnSQ6peq:hover {background-color: #BADDD2; color: #125538; border-color: #125538;}

.btnSQ7 {padding: 10px 20px; margin: 4px !important; border: none; color: #fff; border-radius: 10px !important; cursor: pointer; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); transition: transform 0.6s, box-shadow 0.6s;}
.btnSQ7:hover, .btnSQ7med:hover {transform: scale(1.5); box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.3);}

/*clases para darle color al boton colores tomados de https://htmlcolorcodes.com/es/ */
.bkblue11 {background-color: #3498db !important;} .bkSkyBlue {background-color: #44ade2 !important;} .bkblue26 {background-color: #2772a4 !important;} .bkDarkBlue {background-color: #09507c !important;} .bkblue28 {background-color: #477dad !important;} .bkblue96 {background-color: #009688 !important;} .bkblue93afdf{background-color: #93afdf !important;}
.bkblueb6dde8 {background-color: #b6dde8 !important;} .bkLightBlue {background-color: #bad3dd !important;}
.bkgreen1 {background-color: #73c6b6 !important;} .bkgreen7 {background-color: #117a65 !important;} .bkgreen25 {background-color: #4e8a5d !important;} .bkgreen29 {background-color: #2ecc71 !important;}
.bkgreen32 {background-color: #468A61 !important;} .bkgreen169 {background-color: #209090 !important;} .bkgreen171 {background-color: #27ae60 !important;} .bkgreen187 {background-color: #236267 !important;} .bkgreen93df9d{background-color: #93df9d !important;} .bkgreen328674{background-color: #3b9d88 !important;} .bkgreen15491c{background-color: #15491c !important;} .bkgreen61b36c{background-color: #61b36c !important;}
.bkDarkGray {background-color: #383838 !important;} .bkgrey5 {background-color: #5d6d7e !important;} .bkgrey54 {background-color: #717d7e !important;} .bkgrey63 {background-color: #6d8b93 !important;} .bkgreye3e9e9 {background-color: #e3e9e9 !important;} .bkLightGray {background-color: #eaeaea !important;}
.bkyellow6 {background-color: #f1c40f !important;} .bkyellow15 {background-color: #dc7633 !important;} .bkyellow21 {background-color: #DAA53D !important;} .bkyellow37 {background-color: #FA9C3D !important;}
.bkRed {background-color: #8f1826 !important;} .bkred6 {background-color: #c0392b !important;} .bkred142 {background-color: #A03E48 !important;} .bkred259 {background-color: #B44C41 !important;} .bkred432 {background-color: #d7896a !important;}
.bkred512 {background-color: #c0392b !important;}
.bkpurplebe93df{background-color: #be93df !important;} .bkpurplee8b6dd{background-color: #e8b6dd !important;}

.txtwhite0 {color: #FFFFFF !important;}
.txtblack0 {color: #000000 !important;}
.txtgey5d6d7e {color: #5d6d7e !important;} .txtgrayb2babb {color: #b2babb !important;} .txtgray5D6D7E {color: #5D6D7E !important;} .txtgray717F8E {color: #717F8E !important;} .txtgray85929E {color: #85929E !important;} .txtgray9AA4AE {color: #9AA4AE !important;} .txtgrayAEB6BF {color: #AEB6BF !important;} .txtgrayC2C8CF {color: #C2C8CF !important;} .txtgrayD6DADF {color: #D6DADF !important;} .txtgrayEBEDEF {color: #EBEDEF !important;}
.txtblue5 {color: #1F3549 !important;} .txtblue3b4e60 {color: #3b4e60 !important;} .txtblue576877 {color: #576877 !important;} .txtblue73818d {color: #73818d !important;} .txtblue3498db {color: #3498db !important;}  .txtblue4da5e0 {color: #4da5e0 !important;} .txtblue80bfe9 {color: #80bfe9 !important;} .txtblue1b1f70 {color: #1b1f70 !important;} .txtblue5E90C5 {color: #5E90C5 !important;} .txtblue729ECC {color: #729ECC !important;} .txtblue86ACD4 {color: #86ACD4 !important;} .txtblue9ABADB {color: #9ABADB !important;} .txtblueAFC8E2 {color: #AFC8E2 !important;} .txtblueC3D5E9 {color: #C3D5E9 !important;} .txtblueD7E3F1 {color: #D7E3F1 !important;} .txtblueEBF1F8 {color: #EBF1F8 !important;}
.txtyellow6 {color: #f1c40f !important;} .txtyellowF3CB2D {color: #F3CB2D !important;} .txtyellowF4D34B {color: #F4D34B !important;} .txtyellowF6DA69 {color: #F6DA69 !important;} .txtyellowF8E287 {color: #F8E287 !important;} .txtyellowFAE9A5 {color: #FAE9A5 !important;} .txtyellowFBF0C3 {color: #FBF0C3 !important;} .txtyellowFDF8E1 {color: #FDF8E1 !important;}
.txtred0 {color: #FF0000 !important;} .txtred142 {color: #A03E48 !important;} .txtredef1010 {color: #ef1010 !important;} .txtredf12e2e {color: #f12e2e !important;} .txtredf34c4c {color: #f34c4c !important;} .txtredf56a6a {color: #f56a6a !important;} .txtredf78888 {color: #f78888 !important;} .txtredf9a5a5 {color: #f9a5a5 !important;} .txtredfbc3c3 {color: #fbc3c3 !important;} .txtredfde1e1 {color: #fde1e1 !important;}
.txtgreen0e4113 {color: #0e4113 !important;} .txtgreen2C5931 {color: #2C5931 !important;} .txtgreen4A714E {color: #4A714E !important;} .txtgreen68886C {color: #68886C !important;} .txtgreen87A089 {color: #87A089 !important;} .txtgreenA5B8A7 {color: #A5B8A7 !important;} .txtgreenC3D0C4 {color: #C3D0C4 !important;} .txtgreenE1E7E2 {color: #E1E7E2 !important;} .txtgreen186a3b {color: #186a3b !important;} .txtgreen357d54 {color: #357d54 !important;} .xtxgreen528f6c {color: #528f6c !important;} .txtgreen6fa284 {color: #6fa284 !important;} .txtgreen8bb49d {color: #8bb49d !important;} .txtgreena8c7b5 {color: #a8c7b5 !important;} .txtgreenc5dace {color: #c5dace !important;} .txtgreene2ece6 {color: #e2ece6 !important;}
.txtgreen025b3a {color: #025b3a !important;} .txtgreen126043 {color: #126043 !important;} .txtgreen21644b {color: #21644b !important;} .txtgreen316954 {color: #316954 !important;} .txtgreen416d5d {color: #416d5d !important;} .txtgreen507265 {color: #507265 !important;} .txtgreen60766e {color: #60766e !important;} .txtgreen707b77 {color: #707b77 !important;}
.txtgreen025b3a {color: #025b3a !important;} .txtgreen227053 {color: #227053 !important;} .txtgreen41846b {color: #41846b !important;} .txtgreen619884 {color: #619884 !important;} .txtgreen81ad9d {color: #81ad9d !important;} .txtgreena0c1b5 {color: #a0c1b5 !important;} .txtgreenc0d6ce {color: #c0d6ce !important;} .txtgreendfeae6 {color: #dfeae6 !important;}


.txtblueb6dde8 {color: #b6dde8 !important;}
.txtgreen1 {color: #73c6b6 !important;}
.txtgreen32 {color: #468A61 !important;}
.txtDarkGray {color: #383838 !important;}

.txtRed {color: #8f1826 !important;}
.txtred512 {color: #c0392b !important;}
.txtpurplebe93d {color: #be93df !important;}
.txtSkyBlue {color: #44ade2 !important;}
.txtLightBlue {color: #bad3dd !important;}
.txtgreen7 {color: #117a65 !important;}
.txtgreen169 {color: #209090 !important;}

.txtyellow15 {color: #dc7633 !important;}
.txtred6 {color: #c0392b !important;}
.txtpurplee8b6d {color: #e8b6dd !important;}
.txtblue26 {color: #2772a4 !important;}
.txtgreen25 {color: #4e8a5d !important;}
.txtgreen171 {color: #27ae60 !important;}
.txtgrey54 {color: #717d7e !important;}
.txtyellow21 {color: #DAA53D !important;}

.txtDarkBlue {color: #09507c !important;}
.txtgreen29 {color: #2ecc71 !important;}
.txtgreen187 {color: #236267 !important;}
.txtgrey63 {color: #6d8b93 !important;}
.txtyellow37 {color: #FA9C3D !important;}
.txtred259 {color: #B44C41 !important;}
.txtblue28 {color: #477dad !important;}
.txtgreen93df9 {color: #93df9d !important;}
.txtgreye3e9e9 {color: #e3e9e9 !important;}
.txtred432 {color: #d7896a !important;}
.txtblue96 {color: #009688 !important;}
.txtgreen32867 {color: #3b9d88 !important;}
.txtLightGray {color: #eaeaea !important;}
.txtblue93afd {color: #93afdf !important;}
.txtgreen15491 {color: #15491c !important;}
.txtgreen61b36 {color: #61b36c !important;}

/* =============================================================================
	Flexbox -> tomado y adaptado de: http://necolas.github.io/css3-github-botonSQs/ */

	.flex-container1 {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.flex-container2 {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

	.flex-container3 {
		/* Tomado y adaptado de: https://www.youtube.com/watch?v=OJt5THAOqDE */
		width: 100%;
		display: flex;
		margin: auto;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.flex-item3 {
		background-color: #EEF2F3;
		flex: none; /* evita que los items cambien el ancho predefinido */
		/*width: 23.5%; /* Implica 4 columnas con separacion */
		margin-bottom: 1em;
	}
	.flex-item3A {
		flex: none;
	}

	.flex-item3 input[type = "number"] {
		background: none;
		width: 6rem !important;
	}
	.flex-item3 input,
	.flex-item3 select,
	.flex-item3 textarea {
		background: none;
	}

/*--------------------------------------------------------------
4.0 Formatos de Pestanias
	Tomado y adaptado de: https://creatuweb.espaciolatino.com/como_se_hace/tabs-css.htm
	Clase	->	class="pestania??"
--------------------------------------------------------------*/
:root{
	--fondo: #efefef;
	--desv: lightgray;
	--borde: #d6d4d4;
	--ancPEST: 175px;
}
	/*Contiene todo el sistema de pestanias*/
.pestaniasNav{
	position: relative;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 150%;
	max-width: 1160px;
	height: 600px;
}
	/*Las pestañas: cabecera inputs y labels*/
.pestaniasNav .pestania{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.pestaniasNav .pestania input[name="ControlPest"]{display:none;}
.pestaniasNav .pestania label[name="EtiquetaPEST"]{
	display: inline-block;
	position: relative;
	top: 1px;
	z-index: 1000;
	width: var(--ancPEST);
	text-align: center;
	text-decoration: none;
	color: var(--desv);
	border: 1px solid var(--desv);
	border-bottom: none;
	cursor: pointer
}
	/*Etiquetas de pestañas individuales*/
.pestaniasNav .pestania:nth-of-type(1) label{left: 0;}
.pestaniasNav .pestania:nth-of-type(2) label{left: var(--ancPEST);}
.pestaniasNav .pestania:nth-of-type(3) label{left: calc(2 * var(--ancPEST));}
.pestaniasNav .pestania:nth-of-type(4) label{left: calc(3 * var(--ancPEST));}
.pestaniasNav .pestania:nth-of-type(5) label{left: calc(4 * var(--ancPEST));}
.pestaniasNav .pestania:nth-of-type(6) label{left: calc(5 * var(--ancPEST));}
.pestaniasNav .pestania:nth-of-type(7) label{left: calc(6 * var(--ancPEST));}
.pestaniasNav .pestania:nth-of-type(8) label{left: calc(7 * var(--ancPEST));}
.pestaniasNav .pestania:nth-of-type(9) label{left: calc(8 * var(--ancPEST));}
.pestaniasNav .pestania:nth-of-type(10) label{left: calc(9 * var(--ancPEST));}
	/*Las pestañas contenido dentro de los pestanias*/
.pestaniasNav .pestania div{
	position: relative;
	box-sizing: border-box;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--fondo);
	border: 1px solid var(--borde);
	padding: 30px;
	text-align: justify;
	box-shadow: 3px 3px 10px 1px #d3d3d3d4;
}
	/*Etiquetas pulsadas*/
.pestaniasNav .pestania input:checked + label {
	color: black;
	font-weight: bold;
	border: 1px solid var(--borde);
	background: var(--fondo);
	border-bottom: 1px solid var(--fondo);
}
	/*tab visibles*/
.pestaniasNav .pestania input:checked ~ div{display: block;}

/* Edicion por TCR: Estilo creado para los iconos de flaticons */
.icons-custom { width: 24px; height: 25px; }

/* Edicion por TCR: Estilo creado para Speaking Managment Report */
.textovert th{ width: 5px; }