@charset "UTF-8";
select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:0;
  box-shadow:none;
  border:0 !important;
  background:#fff;
  background-image:none;
  flex:1;
  padding:0 0.5em;
  border-color:#dbdbdb;
  border-radius:4px;
  color:#363636;
  cursor:pointer;
  font-size:1em;
  font-family:"Open Sans", sans-serif;
}

select::-ms-expand{
  display:none;
}

.select-custom{
  position:relative;
  display:flex;
  width:100%;
  height:3em;
  line-height:3;
  background:#fff;
  border:1px solid #dbdbdb;
  border-radius:4px;
  overflow:hidden;
  border-radius:0.25em;
}

.select-custom::after{
  content:"▼";
  position:absolute;
  top:0;
  right:0;
  padding:0 1em;
  background:#dbdbdb;
  cursor:pointer;
  pointer-events:none;
  transition:0.25s all ease;
}

.select-custom:hover::after{
  color:#23b499;
}

.eefc-ayuda{
  color:#282828;
}
.eefc-ayuda-container{
  display:flex;
  padding-top:2rem;
  padding-bottom:4rem;
}
.eefc-ayuda-container-left{
  flex-grow:1;
  padding-right:3rem;
}
.eefc-ayuda-container-right{
  width:300px;
  min-width:300px;
  max-width:300px;
  display:block;
}
.eefc-ayuda-container-right-tools{
  position:sticky;
  top:80px;
}
.eefc-ayuda-container-right-tools .help-box{
  background:#003056;
  background:linear-gradient(90deg, #003056 0%, #005378 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003056",endColorstr="#005378",GradientType=1);
  display:block;
  border-radius:0.5rem;
  animation:flipInX 1s 1;
}
.eefc-ayuda-container-right-tools .help-box-background{
  width:100%;
  height:100%;
  background-image:url("/images/common/login-background.svg");
  background-size:150%;
  animation:background-animation 20s infinite linear;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0.5rem;
  padding-left:0;
  padding-right:1rem;
  border-radius:0.5rem;
  box-sizing:border-box;
}
.eefc-ayuda-container-right-tools .help-box-background img{
  width:30%;
}
.eefc-ayuda-container-right-tools .help-box-background div{
  color:#fff;
  font-size:1rem;
  padding-left:1rem;
}
.eefc-ayuda-container-right-tools .help-box-background div strong{
  color:#fff;
}
.eefc-ayuda-container-right-tools .ticket-container{
  margin-top:1rem;
}
.eefc-ayuda-container-right-tools .ticket-container a.new-ticket{
  background:#00a499;
  background:linear-gradient(90deg, #00a499 0%, #93c90f 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a499",endColorstr="#93c90f",GradientType=1);
  color:#fff;
  font-size:1.3rem;
  padding:10px 20px;
  border-radius:5px;
  width:100%;
}
.eefc-ayuda-container-right-tools .ticket-container div.no-login{
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  padding:3rem 1rem;
  background-color:white;
  border-radius:0.5rem;
  border:1px solid #dedede;
  text-align:center;
}
.eefc-ayuda-container-right-tools .ticket-container div.no-login span{
  font-size:1.2rem;
}
.eefc-ayuda-container-right-tools .ticket-container div.no-login a{
  font-size:1.3rem;
  font-weight:600;
}
.eefc-ayuda-top{
  font-family:"Patua One";
  margin-bottom:1rem;
}
.eefc-ayuda-top-title{
  font-size:2rem;
  color:#00478a;
}
.eefc-ayuda-top-description{
  font-size:1.5rem;
  color:#5a5959;
}
.eefc-ayuda-top .top-tools{
  display:flex;
}
.eefc-ayuda-top .top-tools-left{
  flex-grow:1;
}
.eefc-ayuda-top .top-tools-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.eefc-ayuda-top .top-tools-right .estado{
  font-size:2rem;
}
.eefc-ayuda-top .top-tools-right .estado .abierto{
  color:#9fda0c;
}
.eefc-ayuda-top .top-tools-right .estado .respondido{
  color:#00A499;
}
.eefc-ayuda-top .top-tools-right .estado .cerrado{
  color:#DB3D6F;
}
.eefc-ayuda-buscador{
  margin-bottom:2rem;
}
.eefc-ayuda-buscador input{
  font-size:1.2rem;
}
.eefc-ayuda-buscador span{
  font-size:1.2rem;
}
.eefc-ayuda-preguntas-item{
  cursor:pointer;
  border-radius:8px;
  padding:1rem 2rem;
  background:white;
  margin-bottom:1rem;
  box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.eefc-ayuda-preguntas-item:last-child{
  border-bottom:1px solid #dedede;
}
.eefc-ayuda-preguntas-item-top{
  font-size:1.2rem;
  display:flex;
  justify-content:space-between;
}
.eefc-ayuda-preguntas-item-top .pregunta{
  font-weight:600;
}
.eefc-ayuda-preguntas-item-top .icon{
  color:#00478a;
}
.eefc-ayuda-preguntas-item-respuesta p{
  padding-left:0;
  padding-right:0;
  margin-top:0.5rem;
}
.eefc-ayuda-sidebar-nav{
  margin-top:1.5rem;
  background:white;
  background:linear-gradient(0deg, white 0%, #e4e4e4 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e4e4e4",GradientType=1);
  border:1px solid #ccc;
  box-shadow:inset 0px 3px #fff;
  padding:1rem;
}
.eefc-ayuda-sidebar-nav .main-button{
  padding-bottom:0.7rem;
  padding-top:0.7rem;
  font-weight:bold;
  display:block;
  border-bottom:1px solid #d3d3d3;
  color:#282828;
}
.eefc-ayuda-sidebar-nav .main-button:last-child{
  padding-bottom:0;
  border:0;
}
.eefc-ayuda-sidebar-nav .main-button:first-child{
  padding-top:0;
}
.eefc-ayuda-sidebar-nav .main-button i{
  width:1.5rem;
  text-align:center;
}
.eefc-ayuda-sidebar-nav .main-button:hover{
  color:#0091cd;
}
.eefc-ayuda-sidebar-nav .main-button.locked{
  color:#a5a5a5;
  cursor:not-allowed;
}
.eefc-ayuda-form{
  padding:2rem;
  border-radius:8px;
  background-color:#fff;
  box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  box-sizing:border-box;
  transition:0.25s ease;
  color:#333;
  padding:30px;
  border:1px solid #ccc;
}
.eefc-ayuda-form-button{
  margin-top:1.5rem;
  border:2px solid #fff;
  outline:1px #03a597 solid;
  font-weight:600;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0px 15px;
  font-size:1.2rem;
  border-radius:5px;
  text-transform:uppercase;
  color:#fff;
  transition:0.2s ease-out;
  cursor:pointer;
  background:#00a499;
  background:linear-gradient(90deg, #00a499 0%, #93c90f 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a499",endColorstr="#93c90f",GradientType=1);
}
.eefc-ayuda-form-button:hover{
  background:none;
  background-color:#0091cd;
}
.eefc-ayuda-tickets-detalle-top{
  border-radius:8px;
  background-color:#fff;
  box-sizing:border-box;
  transition:0.25s ease;
  color:#333;
  padding:1.5rem;
  border:1px solid #ccc;
  margin-bottom:1.5rem;
}
.eefc-ayuda-tickets-detalle-top .contentido{
  font-size:1.1rem;
  text-align:justify;
}
.eefc-ayuda-tickets-detalle-top .adjunto{
  padding-top:1rem;
}
.eefc-ayuda-tickets-detalle-top .adjunto-title{
  font-weight:600;
  border-bottom:1px solid #dedede;
  margin-bottom:0.5rem;
  color:#585656;
}
.eefc-ayuda-tickets-detalle-top .adjunto-item{
  color:#009ADE;
  font-weight:600;
}
.eefc-ayuda-tickets-detalle-top .adjunto-item:hover{
  color:#00478a;
  transition:0.12s;
}
.eefc-ayuda-tickets-detalle-top .asunto{
  font-size:1.3rem;
  font-weight:600;
  margin-bottom:0.5rem;
  border-bottom:1px solid #dedede;
}
.eefc-ayuda-tickets-detalle-top .asunto-title{
  font-weight:600;
  border-bottom:1px solid #dedede;
  margin-bottom:0.5rem;
  color:#585656;
}
.eefc-ayuda-tickets-detalle-top .asunto-title a{
  color:#00478a;
  font-weight:600;
}
.eefc-ayuda-tickets-detalle-respuestas .respuesta-top{
  display:flex;
  justify-content:space-between;
  padding:5px 0.57rem;
  font-size:0.9rem;
}
.eefc-ayuda-tickets-detalle-respuestas .respuesta-top-left{
  font-weight:600;
}
.eefc-ayuda-tickets-detalle-respuestas .respuesta-top-left span{
  color:#666565;
}
.eefc-ayuda-tickets-detalle-respuestas .respuesta-vacia{
  padding:2rem;
  text-align:center;
  color:transparent;
  background:#666666;
  -webkit-background-clip:text;
  -moz-background-clip:text;
  background-clip:text;
  text-shadow:0px 3px 3px rgba(255, 255, 255, 0.5);
  font-size:2.5rem;
  font-family:"Patua One";
}
.eefc-ayuda-tickets-detalle-respuestas .respuesta-estudiante{
  display:flex;
  justify-content:start;
  margin-bottom:1rem;
}
.eefc-ayuda-tickets-detalle-respuestas .respuesta-estudiante-contenido{
  padding:1rem;
  border-top:1px solid #88d9ff;
}
.eefc-ayuda-tickets-detalle-respuestas .respuesta-estudiante-container{
  width:70%;
  border-radius:9px;
  background-color:#def2ff;
  box-shadow:1px 2px 0px #88d9ff;
  border:1px solid #88d9ff;
}
.eefc-ayuda-tickets-detalle-respuestas .respuesta-tecnico{
  display:flex;
  justify-content:end;
  margin-bottom:1rem;
}
.eefc-ayuda-tickets-detalle-respuestas .respuesta-tecnico-contenido{
  padding:1rem;
  border-top:1px solid #1de4cf;
}
.eefc-ayuda-tickets-detalle-respuestas .respuesta-tecnico-container{
  width:70%;
  border-radius:9px;
  background-color:#90ffeb;
  box-shadow:1px 2px 0px #1de4cf;
  border:1px solid #1de4cf;
}

@media screen and (max-width: 1024px){
  .eefc-ayuda-container{
    flex-direction:column;
  }
  .eefc-ayuda-container-left{
    margin-right:0rem !important;
    width:100%;
  }
  .eefc-ayuda-container-right{
    width:100%;
    min-width:100%;
    max-width:100%;
  }
  .eefc-ayuda-container-right-tools .help-box{
    display:none;
  }
  .eefc-ayuda-tickets-detalle-respuestas .respuesta-estudiante-container{
    width:90%;
  }
  .eefc-ayuda-tickets-detalle-respuestas .respuesta-tecnico-container{
    width:90%;
  }
}