body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666666;
}

html {
	background: #1877f2;
}

/*Caja Aplicacion*/
.CajaAplicacion { 
    width:1200px; 
    margin:auto; 
    background-color:white;
/*    -webkit-box-shadow: 7px 7px 50px 0px rgba(0,0,0,1);
    -moz-box-shadow: 7px 7px 50px 0px rgba(0,0,0,1);
    box-shadow: 7px 7px 50px 0px rgba(0,0,0,1);*/
}

/*Caja de Login*/
.CajaLogin {
     background-color: #E8E8E8;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border: 0px solid ;
}

 /* Ini Text inputs*/
input[type=text] { padding:3px; border:2px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; }
input[type=text]:focus { border-color:#333; }

input[type=Password] { padding:3px; border:2px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; }
input[type=Password]:focus { border-color:#333; }

select { padding:3px; border:2px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; }
select:focus { border-color:#333; }

.cajaTexto{ padding:3px; border:2px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; }
.cajaTexto:focus { border-color:#333; }

.watermarked
{
    height: 20px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
}
/* Fin Text inputs*/

/* Ini --- Botones*/
.button {
    padding: 3px 7px;
    border: 1px solid #DBE1EB;
    font-size: 14px;
    font-family: Arial, Verdana;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    background: #4972B5;
    background: linear-gradient(left, #4972B5, #618ACB);
    background: -moz-linear-gradient(left, #4972B5, #618ACB);
    background: -webkit-linear-gradient(left, #4972B5, #618ACB);
    background: #4972B5;
    color: #FFFFFF;
    height: 30px;
}
  
.button:hover {
    background: #365D9D;
    background: linear-gradient(left, #365D9D, #436CAD);
    background: -moz-linear-gradient(left, #365D9D, #436CAD);
    background: -webkit-linear-gradient(left, #365D9D, #436CAD);
    background: -o-linear-gradient(left, #365D9D, #436CAD);
    color: #FFFFFF;
    border-color: #FBFFAD;
}
/* Fin --- Botones*/

/* Ini --- Caja captura */
fieldset
{
    border: 1px solid #A9A9A9;
    background-color: #F2F2F2;
    box-shadow:0 0 10px #999;
    min-height: 150px;
}
legend
{
    color: #FFFFFF;
    background: #00853E;
    border: 1px solid #00853E;
    padding: 2px 6px;
}
/* Fin --- Caja captura */

/* Ini --- Titulo datos */
.tituloDatos { color:#3399FF; font-style: italic; font-size: 14px; }
/* Fin --- Titulo datos */

/* Ini --- Panel centrado */
.pnlCentrado { margin:0 auto; }
/* Fin --- Panel centrado */

/* Ini Grid */
.tblFiltrar { font-family: Verdana, sans-serif; font-size: 10px; background-color: white; border-color: #4f93e3; border-style: solid; border-width: 1px;
    width: 95%; border-collapse: collapse; margin: 0 auto; cursor: pointer; }
.tblFiltrar caption { padding: 0 .4em .4em; text-align: left; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #333333; background-color: #d9d9d9; }
.tblFiltrar thead { background-color: #94b6e8; height: 30px; }
.tblFiltrar th { padding: 1px; border-spacing: 0; border-color: #4f93e3; border-style: solid; border-width: 1px; color: white; border-bottom: solid 1px #000000; }
.tblFiltrar td { padding: 1px; border-spacing: 0; border-color: #94b6e8; border-style: solid; border-width: 1px; color: black; }
.tblFiltrar tbody { background-color: White; }
.tblFiltrar tbody tr:hover td { background-color: #d5ffa5; }

.hover_row { background-color:#e8e8e8;}

.highlightRow { background-color:yellowgreen; }
/* Fin Grid */

/* Ini Accordion */
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover {
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover {
    background: none;
    text-decoration: underline;
}

.accordionContent {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/* Fin Accordion */

/* Ini win modal */
.modalBackground {
    background-color:gray;
    filter: alpha(opacity=40);
    opacity: 0.5;
}

.modalPopup {
    background-color: #F2F2F2;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.modalMsgProcesando {
    width: 150px;
    height: 30px;
    text-align: center;
    background-color: #F2F2F2;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}
/* Fin win modal */

/*Ini Botones espera alumno*/

.btnInscribeCurso {
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background: -moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background: -webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background: -o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background: -ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background: linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color: #7892c2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #4e6096;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	padding: 7px 14px;
	text-decoration: none;
	min-width: 250px;
}
.btnInscribeCurso:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
.btnInscribeCurso:active {
	position:relative;
	top:1px;
}
/*Fin Botones espera alumno*/

.buttonGrid {
    font-size: 10px;
    font-family: Arial, Verdana;
    cursor: pointer;
    border-radius: 4px;
}

/* Ini botones de pasos*/

.pasoActivo {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	padding:6px 12px;
	text-decoration:none;
}
.pasoActivo:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
}
.pasoActivo:active {
	position:relative;
	top:1px;
}
.pasoInactivo {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:14px;
	padding:6px 12px;
	text-decoration:none;
}
.pasoInactivo:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.pasoInactivo:active {
	position:relative;
	top:1px;
}
/* Fin botones de pasos*/

.imgBtnConManita {
    cursor: pointer;
}

.popupMenu {
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    opacity: .9;
    filter: alpha(opacity=90);
    border:solid;
    border-width:1px;
    border-color:gray;
	font-size:12px;
}

/* Boton alerta */

.btnAlerta {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.btnAlerta:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.btnAlerta:active {
	position:relative;
	top:1px;
}

.spinner-wrapper {
    background-color: #618ACB;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.spinner-border {
    height: 60px;
    width: 60px;
}