body{margin: 0; padding: 0; overflow-x: hidden;}
/*sesion*/
.estructura{vertical-align: middle; display: table; width: 100%; height: 100%;}.panel-sesion{max-width: 800px; margin: 1% auto; padding: 25px;}.sesion{max-width: 320px; color: #4f4f4f; margin: 0 auto;}
/*estructura*/
.formulario{overflow-y: hidden;}
.cabezera{width: 100%; padding: 10px;}
.menu{position: relative;}
.border-radius0{border-radius: 0px;}
.bg-gris-claro{background-color: #F5F5F5;}.bg-blanco{background-color: #FFFFFF;}
.div-izquierda{position: fixed; left: 0; height: 100%; background-color: #F5F5F5;}
.div-izquierda-max{width: 18%;}
.div-izquierda-min{width: 5%;}
.div-derecha{right: 0;}
.div-derecha-max{width: 82%; margin-left: 18%;}
.div-derecha-min{width: 95%; margin-left: 5%;}
/*general*/
.contenedor-alert{position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 999999;}
.alerta{position: relative; width: 80%; top: 10%; margin:0 10%;}
.height100{height: 100%;}.max-height200{max-height: 200px;}.max-height180{max-height: 180px;}
.width80{width: 80%;}.width100{width: 100%;}.width60{width: 60%;}.width50{width: 50%;}.width40{width: 40%;}
.padding20{padding: 20px;}.padding10{padding: 10px;}.padding0{padding: 0}.padding5{padding: 5px}.padding-left10{padding-left: 10px;}.padding-left20{padding-left: 20px;}.padding-left30{padding-left: 30px;}.padding-top20{padding-top: 20px;}.padding-top10{padding-top: 10px;}.padding-top10{padding-top: 10px;}.padding-top0{padding-top: 0px;}.padding-lateral50{padding: 0 50px;}.padding-lateral20{padding: 0 20px;}.padding-right10{padding-right: 10px;}
.margin0{margin: 0;}.margin20{margin: 20px;}.margin10{margin: 10px;}.marginbotton0{margin-bottom: 0px;}.marginbotton10{margin-bottom: 10px;}.marginbotton20{margin-bottom: 20px;}.margintop0{margin-top: 0px;}.margintop5{margin-top: 5px;}.margintop10{margin-top: 10px;}.margintop20{margin-top: 20px;}.margin-left40{margin-left: 40px;}.margin-left30{margin-left: 30px;}.margin-right30{margin-right: 30px;}
.text-blanco{color: #ffffff;}.text-blanco:hover{color: #ffffff;}.text-gris{color: #4f4f4f;}.text-subrayado{text-decoration: underline;}
.text-sombra-gris{text-shadow: 0px 1px 2px #333;}
.border-left{border-left: 1px solid #e8e8e8;}.border-right{border-right: 1px solid #e8e8e8;}.border-control{border: 1px solid #ccc; border-radius: 4px;}
.font-size3{font-size: 3em;}.font-size25{font-size: 2.5em;}.font-size2{font-size: 2em;}.font-size14{font-size: 1.4em;}.font-size15{font-size: 1.5em;}.font-size1{font-size: 1em;}.font-size06{font-size: 0.6em;}.font-size07{font-size: 0.7em;}.font-size08{font-size: 0.8em;}.font-size09{font-size: 0.9em;}
.calendario{width: 90%; box-shadow: 0.5px 0.5px 1.5px #4f4f4f; background-color: #ffffff; margin: 15px auto;border-radius: 0px; font-size: 0.5em !important;}
.relativo{position: relative;}.absoluto{position: absolute;}.fixed{position: fixed}.derecha{right: 0;}.izquierda{left: 0;}.superior{top: 0;}.inferior{bottom: 0;}
.borde-negro{border: 1px solid #333 !important;}.borde-negro th{border: 1px solid #333 !important;}.borde-negro td{border: 1px solid #333 !important;}
.padding-header{padding-top: 78px;}
.bold{font-weight: bold;}.no-bold{font-weight: normal;}
.btn-right0{position: absolute; right: 20px; top: 0px;}.btn-right-02{position: absolute; right: 0px; top: 2px;}.btn-right5{position: absolute; right: 20px; top: 5px;}.btn-right-td{position: absolute; right: 0px; top: -3px;}.btn-right-tdm2{position: absolute; right: 0px; top: -2;}.btn-left{position: absolute; left: -12px; top: -2px;}
.has-error a{border: 1px solid #FF4136 !important;}
.cursor-pointer{cursor: pointer;}
.pantalla-completa{position: fixed; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: #ffffff; z-index: 1030; overflow-y: auto; padding: 20px !important;}
.width-1200{width: 1200px;}
.oculto{display: none;}

.proceso{list-style: none; display: inline-block;position: relative; padding: 0;}
.proceso li{display: inline-block; margin: 15px 30px;position: relative;}
.proceso li button{padding: 10px; border-radius: 50%; height: 120px; width: 120px; border: 9px solid #d6d6d6; background: #ffffff;font-size: 1.3em; color: #888888;}
.proceso li button span{display: block; font-weight: bold; font-size: 1.5em;}

.proceso li:after{content: ""; background: #d6d6d6; height: 6%; margin-top: 0; position: absolute; top: 47%; width: 31px; border-radius: 0px 2px 2px 0px;}
.proceso li:before{content: ""; background: #d6d6d6; height: 6%; margin-top: 0; position: absolute; top: 47%; width: 31px; left: -31px; border-radius: 2px 0px 0px 2px;}
.proceso li:first-child {margin-left: 0px;}
.proceso li:last-child {margin-right: 0px;}
.proceso li:first-child:before{background: transparent; width: 0;}
.proceso li:last-child:after{background: transparent; width: 0;}

.proceso li.atendido:after{background: #28B62C;}
.proceso li.atendido:before{background: #28B62C;}
.proceso li.atendido button{color: #28B62C; border-color:#28B62C; }

.proceso li.recibido:after{background: #75CAEB;}
.proceso li.recibido:before{background: #75CAEB;}
.proceso li.recibido button{color: #75CAEB; border-color:#75CAEB; }

.proceso li.enviado:after{background: #FF851B;}
.proceso li.enviado:before{background: #FF851B;}
.proceso li.enviado button{color: #FF851B; border-color: #FF851B; }

.proceso li.rechazado:after{background: #FF4136;}
.proceso li.rechazado:before{background: #FF4136;}
.proceso li.rechazado button{color: #FF4136; border-color:#FF4136; }

.span-estado{width: 10px; height: 10px; border-radius: 50%;content: "";}
.sp-atendido{background:#28B62C;}
.sp-recibido{background:#75CAEB;}
.sp-enviado{background: #FF851B;}
.sp-rechazado{background:#FF4136;}

.notificacion{width: 240px; height: 170px; border: 1px solid #F1AF51; box-shadow: 1px 1px 2px #F1AF51; position: fixed; z-index: 600; right:2%; bottom: 3%;}
@media screen and (max-width:1199px)
{
    .height100{height: auto !important;}
    .padding-lateral50{padding: 0 20px;}
    
    .div-izquierda{display: none}
    .div-derecha{width: 100%; right: 0;margin-left: 0%;}
}
@media screen and (max-width:767px)
{
    .padding-header{padding-top: 52px;}
    .height100{height: auto !important;}
    .padding-lateral50{padding: 0 20px;}
    .width60{width: 90%;}.width50{width: 90%;}.width40{width: 90%;}
}
.bg-calendario{background-color: #158CBA;}
.bg-calendario2{background-color: #FF4136;}
.bg-objetivo{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c667+0,f79621+100;Orange+3D+%234 */
background: rgb(249,198,103); /* Old browsers */
background: -moz-linear-gradient(top, rgba(249,198,103,1) 0%, rgba(247,150,33,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,198,103,1)), color-stop(100%,rgba(247,150,33,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 ); /* IE6-9 */}

.cargando{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999999; background-color: rgba(255,255,255,0.15);display: none; background-size: 120px auto;}.visible{display: block !important;}
.infinita{
    width: 100%; height: 100%; position: fixed; top: 0; left: 0;
    background-image: url('../img/vrin-s.png');background-repeat: no-repeat; background-position: center center; 
  -webkit-animation-name: AnimInfinita;
    -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count:infinite;   
  -webkit-animation-direction:alternate;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:0s;
    animation-name: AnimInfinita;
    animation-duration: 2.5s;
    animation-iteration-count:infinite; 
    animation-direction:alternate;
    animation-timing-function:linear;
    animation-delay:0s;
}
@keyframes AnimInfinita{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}