/* 
Sitio: Workshops, sistema seleccion de personal
Versión. 1.0
Desarrollo: Tamara Palacios
*/

*{ margin:0; padding:0;}

body{ background:#fff;font-family:Arial, Helvetica, sans-serif;}

body.Iframe{overflow-y:hidden; overflow:hidden;}

.Contenedor{ width:960px; margin:0 auto; overflow:hidden;}
.Contenido{padding:15px 10px; overflow:hidden; }


h1{ font-size:24px;font-weight:normal;}
h2{ font-size:22px;font-weight:normal; margin-bottom: 20px;}
h3{ font-size:18px;font-weight:normal;}
h4{ font-size:16px;font-weight:normal;}
h5{ font-size:14px;font-weight:normal;}
h6{}
p { font-size:12px;font-weight:normal;}
td{ font-size:12px;font-weight:normal;vertical-align:top;}
th {}
.Detalle th {padding-bottom: 20px;text-align:left;}

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0px; height:0px; }


.tLeft{ text-align:left;}
.tCenter{ text-align:center;}
.tRight{ text-align:right;}

.fLef{ float:left;}
.fRig{ float:right;}

.nivelBorde {
    border: 1px solid #aaaaaa; 
    background: white; 
    height: 20px !important; 
    width: 100px !important;
}


.w20{ width:20px;}
.w40{ width:40px;}
.w70{ width:70px;}
.w95{ width:95px;}
.w120{ width:120px;}
.w130{ width:130px;}
.w150{ width:150px;}
.w170{ width:170px;}
.w200{ width:200px;}
.w220{ width:220px;}
.w240{ width:240px;}
.w250{ width:250px;}
.w270{ width:270px;}
.w300{ width:300px;}
.w50p{ width:50%}


.m0auto{ margin:0 auto;}
.mTop5{ margin-top:5px;}
.mTop15{ margin-top:15px;}
.mTop25{ margin-top:25px;}
.mTop50{ margin-top:50px;}
.mLef5{ margin-left:5px;}
.mLef15{ margin-left:15px;}
.mLef25{ margin-left:25px;}
.mLef30{ margin-left:30px;}
.mRig5{ margin-right:5px;}
.mRig15{ margin-right:15px;}
.mBot15{ margin-bottom:15px;}
.mBot25{ margin-bottom:25px;}
.mBot45{ margin-bottom:45px;}

.pLef15{ padding-left:15px;}
.pLef25{ padding-left:25px;}
.pRig15{ padding-right:15px;}
.pRig25{ padding-right:25px;}

.Cancela{ color:#f00;}

.dBlock{ display:block;}


.Calendario{display: block;float: left;margin-top: 3px;margin-left: 5px;}

.fs12{ font-size:12px;}
.fsItalica{ font-style:italic}

.p1{ width:4px;}
.p55{width:220px;}
.p65{width:260px;}
.p78{width:312px;}
.p80{width:320px;}
.p87{width:348px;}
.p90{width:360px;}

.clearfix {clear:both;}

.Contenido .contenedor table tr {
    background: #f3f3f3;
    border-bottom: 1px solid #e3e3e3;
}
.Contenido .contenedor table tr td {
    padding: 10px;
}
.Contenido .contenedor table tr:nth-child(2n){
    /*background: #fafafa;*/
}

.Contenido .contenedor table tr:hover {
    /*background: #fafafa;*/

}
/* ======================================== TOOLTIP vtip ======================================== */
#vtip { cursor:pointer; color:#FFF; display: none; position: absolute; padding: 10px 20px; left: 0px; font-size: 0.8em; background:url(../../img/auxi/vtipBack.png); border: 2px solid #999;  width:auto; max-width:300px;}
#vtip #vtipArrow { position: absolute; top: -10px; left:10px; }
/* ======================================== TOOLTIP vtip ======================================== */

/* estados generales, se saca de los otros estilos */
.encurso { font-weight:bold; color:#00B200; }
.cerrado { font-weight:bold; color:#FF3434; }
.programado { font-weight:bold; color:#999; }
.cargar { font-weight:bold; color:#00A3D8; }
.none { display:none}
.rojo {color:#FF3434; }

.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }
tr td {padding-bottom: 15px;}
ul li {margin: 0 10px 10px 25px }

/* COLORES */
.Postulantes table tr td.nivel_1, .nivel_1 {background: #EED2EE}
.Postulantes table tr td.nivel_2, .nivel_2 {background: #EAADEA}
.Postulantes table tr td.nivel_3, .nivel_3 {background: #BF5FFF}
.Postulantes table tr td.nivel_4, .nivel_4 {background: #800080}
.Postulantes table tr td.nivel_5, .nivel_5 {background: #2E0854}
.Postulantes table tr:hover td.nivel_1  {background: #EED2EE}
.Postulantes table tr:hover td.nivel_2 {background: #EAADEA}
.Postulantes table tr:hover td.nivel_3 {background: #BF5FFF}
.Postulantes table tr:hover td.nivel_4 {background: #800080}
.Postulantes table tr:hover td.nivel_5 {background: #2E0854}


.Postulantes table tr td.nivel_1_b, .nivel_1_b {background: #EED2EE; border: 3px solid #ff0000;}
.Postulantes table tr td.nivel_2_b, .nivel_2_b {background: #EAADEA; border: 3px solid #ff0000;}
.Postulantes table tr td.nivel_3_b, .nivel_3_b {background: #BF5FFF; border: 3px solid #ff0000;}
.Postulantes table tr td.nivel_4_b, .nivel_4_b {background: #800080; border: 3px solid #ff0000;}
.Postulantes table tr td.nivel_5_b, .nivel_5_b {background: #2E0854; border: 3px solid #ff0000;}
.Postulantes table tr:hover td.nivel_1_b  {background: #EED2EE; border: 3px solid #ff0000;}
.Postulantes table tr:hover td.nivel_2_b {background: #EAADEA; border: 3px solid #ff0000;}
.Postulantes table tr:hover td.nivel_3_b {background: #BF5FFF; border: 3px solid #ff0000;}
.Postulantes table tr:hover td.nivel_4_b {background: #800080; border: 3px solid #ff0000;}
.Postulantes table tr:hover td.nivel_5_b {background: #2E0854; border: 3px solid #ff0000;}

.contenedor.fondo table tbody tr td div {display:block; height: 10px;}
.contenedor.fondo li {margin-left: 25px;}

.Postulantes table tr td table{ background: #FFFFFF; }
.Postulantes table tr td table tr{ background: #FFFFFF; }
.Postulantes table tr td table tr td{ background: #FFFFFF; }
/* FIN COLORES */


.onoffswitch {
	display: inline-block;
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "SI";
    padding-left: 12px;
    background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "NO";
    padding-right: 12px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 16px; margin: 7px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.level-list li{
    padding: 3%;
}

.nivel_4{
    color: #FEFEFE;
}

#not-completed-postulation h1{
    color: #D80000;
    background: #F89999;
}

#not-completed-postulation .error-exit{
    background: #C40000;
    padding: 12px 19px;
    font-size: 22px;
    width: 60px;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    margin-top: 15px;
}
#not-completed-postulation .error-exit:hover{
    background: #D80000;
    text-decoration: none;
}

.gap{
    float: right;
    height: 100% !important;
}

.no-padding{
    padding: 0px !important;
}
.quintile td{
    /* border-left: 1px solid #DDD; */
}
.quintile td:last-of-type{
    border-right: 1px solid #DDD;
    color: #FFF;
}

competition-table{
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 20px;
}

.competition-table tr:hover{
    background: #FAFAFA !important;
}

.filter-postulant {
    color: #202020;
}
.filter-postulant:hover {
    color: #878787;
    text-decoration: none;
}
.filter-postulant.active {
    color: #878787;
}
.separator{
    margin: 10px -20%;
    border:none; 
    border-bottom: 2px solid #fff; 
    display: block; 
    width: 120%;
}
.pipe{
    margin: 0px 0px 10px;
    color: #AAA;
}

.message-error{
    background: #E25353;
    border: 1px solid #F00;
    padding: 10px;
    margin: 10px 5px;
    color: white;
}

.message-error p{
    font-size: 15px;
}
.message-success{
    background: #BCF5BC;
    border: 1px solid #7cdd77;
    color: darkgreen;
    padding: 10px;
    margin: 10px 5px;
}
.message-success p{
    font-size: 15px;
}

.download-report{
    padding: 5px 10px;
}
.h-list li{
    display: inline-block;
    margin: 0px 10px 0px;
}
input[name="filter-status"]{
   margin-right: 5px; 
}
#postulant-ranking .disapproved{
    color: #878787;
    background: #EEEEEE;
}
.pointer:hover{
    cursor: pointer !important;
}


.barra { width:400px; border:1px solid #aaa; background:#EFEFEF; height:32px; }
.barrapost { padding-left:25px;}
.barrapostapb { padding-left:25px; background:url(../../img/auxi/Aprobado.png) no-repeat left;}

.barra .color { height:30px; margin:1px; }
.barra .critica { background:#BF5FFF; }
.barra .nocritica { background:#4DA6FF; }
.barra .texto { position:absolute; line-height:30px; margin-left:15px; height:30px; font-size:12px; }
.barra .texto span { font-weight:bold; margin-left:10px; }


.Barras{position:relative;}

.BarraContiene{background: #FFF;width:400px; height:40px; margin-top:10px;position:relative;border: 1px solid #AAA; }

.BarraMin{;height:40px; float:left; border-right: 1px solid #F00; position:relative }
.BarraHol{height:40px; float:left;}
.BarraMax{background:#ffffff;height:40px; float:left;}

.BarraCon {width:400px;height:40px; position:absolute; left:0;}
.BarraCon .Logrado { height:40px;background:#800080;/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;*/}

.BarraCon .Logrado .texto {
    color: #fff; 
    line-height:40px; 
    margin-left:15px; 
    height:40px; 
    font-size:12px;
    text-shadow: -1px 0px 1px #17375E, 0px 1px 1px #17375E, 1px 0px 1px #17375E, 0px -1px 1px #17375E;
    width: 370px;}
.BarraCon .Logrado .texto span {font-weight:bold; margin-left:10px; }

.BarraCon .Logrado_1 { height:40px;background:#EED2EE;/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;*/}

.BarraCon .Logrado_1 .texto {
    color: #fff; 
    line-height:40px; 
    margin-left:15px; 
    height:40px; 
    font-size:12px;
    text-shadow: -1px 0px 1px #17375E, 0px 1px 1px #17375E, 1px 0px 1px #17375E, 0px -1px 1px #17375E;
    width: 370px;}
.BarraCon .Logrado_1 .texto span {font-weight:bold; margin-left:10px; }

.BarraCon .Logrado_2 { height:40px;background:#EAADEA;/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;*/}

.BarraCon .Logrado_2 .texto {
    color: #fff; 
    line-height:40px; 
    margin-left:15px; 
    height:40px; 
    font-size:12px;
    text-shadow: -1px 0px 1px #17375E, 0px 1px 1px #17375E, 1px 0px 1px #17375E, 0px -1px 1px #17375E;
    width: 370px;}
.BarraCon .Logrado_2 .texto span {font-weight:bold; margin-left:10px; }

.BarraCon .Logrado_3 { height:40px;background:#BF5FFF;/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;*/}

.BarraCon .Logrado_3 .texto {
    color: #fff; 
    line-height:40px; 
    margin-left:15px; 
    height:40px; 
    font-size:12px;
    text-shadow: -1px 0px 1px #17375E, 0px 1px 1px #17375E, 1px 0px 1px #17375E, 0px -1px 1px #17375E;
    width: 370px;}
.BarraCon .Logrado_3 .texto span {font-weight:bold; margin-left:10px; }

.BarraCon .Logrado_4 { height:40px;background:#800080;/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;*/}

.BarraCon .Logrado_4 .texto {
    color: #fff; 
    line-height:40px; 
    margin-left:15px; 
    height:40px; 
    font-size:12px;
    text-shadow: -1px 0px 1px #17375E, 0px 1px 1px #17375E, 1px 0px 1px #17375E, 0px -1px 1px #17375E;
    width: 370px;}
.BarraCon .Logrado_4 .texto span {font-weight:bold; margin-left:10px; }

.BarraCon .Logrado_5 { height:40px;background:#2E0854;/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;*/}

.BarraCon .Logrado_5 .texto {
    color: #fff; 
    line-height:40px; 
    margin-left:15px; 
    height:40px; 
    font-size:12px;
    text-shadow: -1px 0px 1px #17375E, 0px 1px 1px #17375E, 1px 0px 1px #17375E, 0px -1px 1px #17375E;
    width: 370px;}
.BarraCon .Logrado_5 .texto span {font-weight:bold; margin-left:10px; }

.nivel-deseado{
    padding-left: 25px;
    width: 400px;
}
.nivel-deseado-text{
    font-size: 12px;
    margin-top:2px;
    text-align: center;
    width: 60px;
}