BODY
{
    SCROLLBAR-FACE-COLOR: #ffffff;
    SCROLLBAR-HIGHLIGHT-COLOR: #52738c;
    SCROLLBAR-SHADOW-COLOR: #666666;
    SCROLLBAR-ARROW-COLOR: #52738c;
    SCROLLBAR-BASE-COLOR: #666666;
    SCROLLBAR-3D-LIGHT-COLOR: #52738c;
	SCROLLBAR-TRACK-COLOR: #999999;

    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.bkgdL {
    background-image: url('../imagenes/menu-izquierda.png') !important;
    background-repeat: repeat-y !important
}
.bkgdT {
    background-image: url('../menu_izq/bkgdT.gif') !important;
    background-repeat: repeat-x !important
}
.bkgdR {
    background-image: url('../imagenes/menu-derecha.png') !important;
    background-repeat: repeat-y !important
}
.bkgdD {
    background-image: url('../menu_izq/bkgdD.gif') !important;
    background-repeat: repeat-x !important
}
.celda {
	border-bottom: 1px dotted #CCCCCC !important;
	background-color: #fcffac !important;
	padding-bottom:6px !important;
	padding-top:6px !important;
	padding-left:4px !important;
	padding-right:4px !important;
}


.celdaTree {
	border-bottom: 1px dotted #CCCCCC !important;
	background-color: #fcffac !important;
	/* padding-bottom:6px;
	padding-top:6px;
	padding-left:4px;
	padding-right:4px; */
}


.pares {
	background-color: #CCCCCC !important;
}


.impares {
	background-color: #D7EBFF !important;
}

.celda img{
	background-image:url('../imagenes/bullet-item.png') !important;
	width:5px !important;
	height:5px !important;
	border:0 !important;
}
.texto {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #666666 !important;
}
.textoMenu {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #666666 !important;
	background-color: #fcffac !important;
}

h1 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	color: #52738c !important;
	font-weight: bold !important;
}
h2 {
	font-size: 13px !important;
	font-weight: bold !important;
	color: #666666 !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
SELECT
{
    
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20em !important; 
    height: 2.25em;
    border: 1px solid #ccc;
    background-color: #fff
}
INPUT
{
    font-family: Arial, Helvetica, sans-serif !important;
	padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=submit]{
    border: 2px solid #6590b0 !important;
}

TEXTAREA
{
    font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #52738c !important;
	border: 1px solid #666666 !important;

}
TD
{
	font-family: Arial, Helvetica, sans-serif !important;
	/*font-size: 12px;*/
	font-size: 14px !important;
	color: #000000 !important;
	/*padding: 0px 0px ;*/
}

.textoJustificado {
	text-align: justify !important;
	font-size: 10px !important;

}
.titulo {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	color: #52738c !important;
	font-weight: bold !important;
}
.subtitulo {
	font-size: 14px !important;
	font-weight: bold !important;
	color: #666666 !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
.mensaje {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	font-weight: bold !important;
	color: #fc4a04 !important;
}

.form
{
    font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	color: #666666 !important;
	border: 0px !important;
}
.tituloTabla {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	background-color: #fcffac !important;
	text-align: center !important;
}
.titulo {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-style: italic !important;
	font-weight: bold !important;
	color: #666666 !important;
}
.mini {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 9px !important;
	color: #666666 !important;
}
.minicursiva {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;        
	font-size: 9px !important;
	color: #666666 !important;
}
.bordeTabla {
	border: 1px solid #666666 !important;
}
A {
	COLOR: #666666 !important; TEXT-DECORATION: none !important
}
A:hover {
	COLOR: #666666 !important;
	font-weight: bold !important;
}

.msgError {

            font-family: Arial, Helvetica, sans-serif !important;
            font-size: 13px !important;
            font-weight: bold !important;
            color: #fc4a04 !important;
}
.msgMensaje {

            font-family: Arial, Helvetica, sans-serif !important;
            font-size: 13px !important;
            font-weight: bold !important;
            color: #52738c !important;

}

.msgAdvertencia {

            font-family: Arial, Helvetica, sans-serif !important;
            font-size: 13px !important;
            font-weight: bold !important;
            color: #333333 !important;
}

.msgAyuda {

            font-family: Arial, Helvetica, sans-serif !important;
            font-size: 13px !important;
            font-weight: bold !important;
            color: #52738c !important;

}
 
.semi
{

font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
color: #333333 !important;
}  

.tituloTablaSemi 

{

font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
font-weight: bold !important;
color: #333333 !important;
background-color: #fcffac !important;

}

.semiForm

{

font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
color: #333333 !important;
border: 1px solid #cccccc !important;

}


@media print {
  .noPrint {
    display:none !important;
  }
}


.tabla {
	border: 0px !important;
      font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #666666 !important;
}

.tabla-small {
	border: 0px !important;
      font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #000000 !important;
}

.tabla TD
{
	font-family: Arial, Helvetica, sans-serif !important;
	/*font-size: 12px;*/
	font-size: 10px !important;
	color: #000000 !important;
	padding: 0px 2px !important;
}

.trOdd {
	background-color:#D7EBFF !important;
}

.trEven {
	background-color:#CCCCCC !important;
}

.sortable {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #666666 !important;
	background-color: #FFCC00 !important;        
}


.subtotal{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #666666 !important;
	background-color: #fcffac !important;
}


.total{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #666666 !important;
	background-color: #fcffac !important;
}

.menu-bottom{
	width:180px !important;
	height:20px !important;
	background-image:url(../imagenes/menu-bottom.png) !important;
	background-repeat:no-repeat !important;
	
	
}

.menu-top{
	width:180px !important;
	height:11px !important;
	background-image:url(../imagenes/menu-top.png) !important;
	background-repeat:no-repeat !important;
}


.excelIcon{
    width: 32px !important;
    height: 32px !important;
    background-image: url(../imagenes/xls-32.png) !important;
    background-repeat: no-repeat !important;
    cursor:pointer !important;
}

.pdfExport{
    width: 32px !important;
    height: 32px !important;
    background-image: url(../imagenes/icoPDF.png) !important;
    background-repeat: no-repeat !important;
    cursor:pointer !important;
}

.mensajeInteresTitulo{
	margin:0 !important;
	width:581px !important;
	height:56px !important;
	background-image:url(../imagenes/mensaje-interes.png) !important;
	cursor:pointer !important;
}

.mensajeInteresTexto{
	margin:0 !important;
	border: 1px solid #CCCCCC !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	width:581px !important;
	margin-top:2px !important;
	background-color:#d7ebff !important;
	text-align:justify !important;
	font-weight:bold !important;
	color:#6a6a6a !important;
}

#mensajesInteresLista{
	padding-top:5px !important;
	padding-right:10px !important;
}

#mensajesInteresLista li{
	padding-top:5px !important;
}

#datosMateria{
	float:right !important;
	width:50% !important;
}

#datosGrupo{
	float:left !important;
	width:50% !important;
}

.contenidoMensajeInteres{
	width:100% !important;
	margin:0 !important;
	text-align:center !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
}


.divEncabezado
{
    display: table-cell !important;
    width: 670px !important;
    text-align: left !important;
    color: #FFFFFF !important;
    vertical-align: middle !important;
    background-color: #6690AF !important;
    font-weight: bold !important;
    font-size: x-small !important;
    font-family: Arial !important;
    padding-left: 5px !important;
}


.divCuerpo
{
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #6690AF !important;
    width: 670px !important;
    padding: 5px 15px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: x-small !important;
    color: #6A6A6A !important;
    font-weight: bold !important;
    text-align: left !important;
    /* background-color:#d7ebff; */
}


.divEncabezado2
{
    display: table-cell !important;
    width: 670px !important;
    text-align: left !important;
    color: #000000 !important;
    vertical-align: middle !important;
    background-color: #999999 !important;
    font-weight: bold !important;
    font-size: x-small !important;
    font-family: Arial !important;
    padding-left: 5px !important;
}


.fieldsetSAI 
{
    border: 1px solid #C0C0C0 !important;
    width: 100% !important;
    padding: 3px !important;
}

.fieldsetSAI legend 
{
    padding: 6px !important;
    font-weight: bold !important;
    font-size: 12px !important;
    font-family: Arial !important;
    color: #000000 !important;
}
}


.textBox {
	background: transparent url('../imagenes/textBox.jpg') no-repeat !important;
	color : #747862 !important;
	height:20px !important;
	border:1px solid !important;
        border-color:#E5E5E5 !important; 
	padding:4px 8px !important;
	margin-bottom:0px !important;
}


body {
	font: 0.8em/21px arial,sans-serif !important;
}

.checkbox, .radio {
	width: 19px !important;
	height: 25px !important;
	padding: 0 5px 0 0 !important;
	background: url(checkbox.png) no-repeat !important;
	display: block !important;
	clear: left !important;
	float: left !important;
}
.radio {
	background: url(radio.png) no-repeat !important;
}

.select {
	position: absolute !important;
	padding: 0 24px 0 8px !important;
	color: #fff !important;
	font: 12px/21px arial,sans-serif !important;
	background: url(select.png) no-repeat !important;
	overflow: hidden !important;
}

#capaAsignarIncentivos{
	padding:10px 10px 10px 10px !important;	
}

.blockUI{
    /* rounded corners */
    -moz-border-radius:12px !important;
    -khtml-border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    -ms-border-radius: 12px !important;
    border-radius:12px !important;
    border:0px !important;
}


.tablaPromocionInterna {
	border-collapse:collapse;
}

.tablaPromocionInterna td{
	border: 1px solid black;
}

.tablaPromocionInterna th{
	background-color: #fcffac;
	border: 1px solid black;
	border-bottom: 2px solid #6f7277;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	height: 20px;
	padding: 0px 5px;
}

.imparesPromocionHorario {
	background-color: #D7EBFF !important;
	
}

.paresPromocionHorario {
	background-color: #CCCCCC !important;
}


.tree-tema-item {
	background: url('ejecutar.png') no-repeat left center;
	padding-left: 20px;
}

.tree-modulo-item {
	background: url('config.png') no-repeat left center #F0F0F0;
	padding-left: 20px;
}

.row-table {
	height: 20px;
}

    
.gwt-TreeItem-selected .row-table {
	background-color: #aca;
}

.tree-item-over {
	background-color: #bdb;
}

.row-table img {
	opacity: .3;
	-moz-opacity: .3;
	filter: alpha(opacity = 30);
}

.row-table img:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity = 100);
	cursor: pointer;
}

.row-table-td {
	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
}
.row-table-label {

}
.row-table .row-table-textbox {
	padding: 1px; 
}

.cellTable-nowrap {
	 white-space: nowrap;
}

.imagenBoton {
	cursor:hand;
	cursor:pointer;
}

.imagenBoton2 {
	cursor:hand;
	cursor:pointer;
	margin-top: -1px;
}


.imagenBotonLogin {
	margin-top: 0px;
}

.imagenBotonLogin2 {
	margin-top: -8px;
}

.gwt-Label {
	text-align: left;
}

.row-table-checkbox-eafit {
	width: 70px;
	height: 10px;
	float: left;
/* 	margin-left: 20px; */
}

.row-table-label-text {
	white-space: normal;
	line-height: initial;
}

.row-table-imagen-eafit {
	float: left;
	margin-left: 40px;
	margin-right: 35px;
}
#sai_cardcontent{
        display: inline-block;
        width: 100%;
}
#sai_cardimage{
        margin: 0.5em 0 0 0.7em;
}
#sai_imgover{
        display: none;
        max-height: 100%;
        max-width: 100%;
        z-index: 10;
}
#sai_imgcard{
        border-radius: 50%;
        max-height: 100%;
        max-width: 100%;
}
#sai_cardcontent_left{
        display: inline-block;
        float: left;
        width: 25%
}
#sai_cardcontent_right{
        display: inline-block;
        float: right;
        font-size: 11px;
        line-height: 145%;
        margin-top: 0.5em;
        text-align: left;
        width: 70%;
}
.sai_user_options{
        font-size: 11px;
}
.sai_user_options span a{
        color: #24306e;
        padding: 0.3em;
        text-decoration: underline;
}
#sai_top{
        background: #FFF;
        border-bottom: 1px #A3A3A3 solid;
        display: block;
        height: 65px;
}

#sai_bottom{
        display: inline-block;
        height: 80%;
        width: 100%;
}

#sai_shadow{
    display: block;
}

.sai_top_sidebar {
        background-color: #F4F4F4;
        border-right: 1px #A3A3A3 solid;
        color: #24306e;
        display: inline-block;
        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        height: 65px;
        width: 14.9%;
        word-wrap: break-word;
}

.sai_sidebar{
        /*background-color: #F4F4F4;*/
        /*border-right: 1px #A3A3A3 solid;*/
        color: #24306e;
        display: inline-block;
        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        height: 100%;
        /*width: 14.9%;*/
        width: 100%;
        text-align: left;
}
.sai_sidebarmenu a{
        color: #24306e;
        text-decoration: none;
}
.sai_sidebarmenu ul{
        list-style-type: none;
        margin: 1em 1em 0 1em;
        padding: 0;
}
.sai_sidebarmenu li{
        border-bottom: 1px #A3A3A3 solid;
        border-top: 1px #FFF solid;
        padding: 0.3em;
}
.sai_sidebarmenu li a{
        display: block;
}
.sai_sidebarmenu li:hover{
        background: #DDE4E5;
        
}
.sai_sidebarmenu li a:hover{
        font-weight: normal;
}
.sai_menuoptions_c{
        background-color: #F4F4F4;
        border-bottom: 1px #A3A3A3 solid;
        display: inline-block;
        float: right;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        height: 25px;
        margin: 0;
        padding: 0;
        width: 100%;
}
.sai_menuoptions_c ul{
        margin: -2px;
        overflow: hidden;
}

.sai_menuoptions_c ul.zero-size {
    font-size: 0px;
}
.sai_menuoptions_c ul.zero-size li {
    font-size: 13px;
}

.sai_menuoptions_c li{
    display: inline-block;
}

.sai_menuoptions{
        /*background-color: #F4F4F4;
        border-bottom: 1px #A3A3A3 solid;*/
        display: inline-block;
        float: right;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        height: 65px;
        margin: 0;
        padding: 0;
        width: 84%;
}
.sai_menuoptions ul{
        margin: -2px;
        overflow: hidden;
        width: 90%;
}

.sai_menuoptions li{
        display: inline;
        float: left;
}
.sai_menuoptions_lb{
        padding: 0.5em 0 0.5em 0;
        text-align: center;
}
.sai_menuoptions_lb a{
        color: #FFF;
        background-color: #24306E;
        padding: 5px 10px;
        text-decoration: none;
}
.sai_menuoptions_lb a:hover{
        background: #7992A2;
        font-weight: normal;
}
#sai_breadcrumbs{
        display: block;
        font-size: 12px;
        margin-left: 1em;
}
#sai_shadow{
        display: block;
        margin-top: -8%;
        width: 100%;
}
.sai_cornerarrow{
        color: #24306E;
        font-weight: bold;
}

/* Override PURE CSS */
div.pure-g label.pure-u-1-2 {
    text-align: left;
}

div.pure-g {
    margin: 2px;
}

/* Inscripciones */
.sai-section-container {
    margin-top: 1em;
    width: 100%;
    height: 50px;
    display: table;
    border-collapse: separate;
    color: #FFF;
    background-color: #616CA4;
}
.sai-section-container .sai-section {
    cursor: pointer;
    display: table-cell;
    vertical-align: bottom;
    border-left: 1px solid #FFF;
}

div .sai-section:hover {
    background-color: #24306E;
}

.sai-sectionNum {
  float: left;
  font-size: 3em;
  font-style: italic;
  display: table-cell;
  margin-left: 0.3em;
  text-align: left;
}

.sai-sectionVal{
  display: table-cell;
  float: right;
  font-size: 16px;
  text-align: left;
  bottom: 0;
  overflow: auto;
  width: 15em;
  vertical-align: middle;
}

.sai-sectionVal a{
    color: #FFF;
}

.sai-table {
    padding: 1em
    
}
.sai-table tr td {
    padding: 2px;
}

.sai-error {
    color: #D80042;
    font-family: Verdana;
}
.sai-error h3 {
    background-color: #FFBABA;
    padding: 1em;
}
.sai-error ul {
    margin: 0;
    padding: 0;
}
.sai-error li {
    list-style: none;
    font-size: 12px;
    padding: 3px;
}

.messageIU {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 15px;
    bottom: 0px;
    display: block;
    float: right;
    height: 400px;
    padding: 1em;
    position: fixed;
    right: 0px;
    width: 500px;
    z-index: 1000;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.53);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.53);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.53);
}
.messageIU div {
    color: #00529B;
    background-color: #BDE5F8;
    border-radius: 10px;
    display: table;
    width: 100%;
}
#messageIUtittle{
    display: table-cell;
    float: left;
    padding: 0 0 0 10px;
    width: 88%;
}
#messageIUClose{
    cursor: pointer;
    display: table-cell;
    float: right;
    padding: 5px 10px 0 0;
    margin-top: 1em;
    text-align: right;
    width: 7%;
}
#paramMessageHide{
    bottom: 0px;
    color: #00529B;
    cursor: pointer;
    background-color: #BDE5F8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
    height: 20px;
    padding: 10px;
    position: fixed;
    right: 0px;
    text-align: center;
    width: 100px;
    z-index: 1000;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.53);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.53);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.53);
}

.sai-text-r {
    text-align: right;
}
.sai-group-space{
    margin: 6px;
}

.sai-table-parent{
    border-radius: 10px 10px 0 0;
    border: solid 1px #c5dbec;
}

.sai-table-parent  td:nth-of-type(1):not(.sai-td-detail){
    background: #dfeffc;
    color:  #2e6e9e;
    font-size: 12px;
    
}

.sai-table-parent td:not(.sai-td-detail) {
    border: solid #c5dbec;
    border-width: 0px 0px 1px 0px;
    font-size: 12px;
}

.sai-table-detail tr:first-child td {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #666666 !important;
    background-color: #fcffac !important;
}

.sai-table-detail td {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    color: #000000 !important;
     font-weight: normal !important;
    background-color: white !important;
}

.sai-list-table {
    border: solid 1px #c5dbec;
    background-color: #fcfdfd 50%; 
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}
.sai-list-table th {
    background-color: #dfeffc;
    border: solid 1px #c5dbec;
    color: #2e6e9e;
    padding: 0.6em;
    text-align: center;
    font-weight:bold;
}

.sai-list-table td {
    border: solid 1px #c5dbec;
    padding: 0.2em;
    text-align: left;
    font: normal 13px Arial, sans-serif !important;
}

.sai-list-table-rounded {
    border: none;
}
.sai-list-table-rounded th {
    background-color: #dfeffc;
    border: 3px;
}
.sai-list-table-rounded th:first-child {
    border-radius: 10px 0 0 0;
}
.sai-list-table-rounded th:last-child {
    border-radius: 0 10px 0 0;
}
.sai-list-table-rounded td {
    background-color: #fcfdfd 50%;
}
.sai-list-table-rounded-footer tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}
.sai-list-table-rounded-footer tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

.password {
font-size: small !important;
}

.tablaHorario SELECT {
	width: 8em !important;
}

.tablaHorario INPUT{
	width: 8em !important;
}