* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body{
	font-family: 'Istok Web', sans-serif;
}
/*##########
LOGIN
#########*/
@media screen and (min-width:600px){
  .logeo{margin:220px auto;}
}
@media only screen and (min-width:1px) and (max-width:599px){
  .logeo{margin:120px auto;}
}
.titulos{
	font-size:30px;font-family: 'Istok Web', sans-serif;
}

.subtitulos{
    font-size:28px;font-family: 'Istok Web', sans-serif;
}

.subtitulos-sm{
    font-size:18px;font-family: 'Istok Web', sans-serif;
}

hr.linea{border:2px solid #eee}

.fondo-titulos{
    background:#012643;color:white;padding:15px 35px 25px 35px;font-size:23px;
}

.fondo-titulo{
    background:#012643;color:white;padding:10px 35px 10px 35px;font-size:23px;
}

.fondo-titulos a{
    color:white;
}

.fondo-titulos a:active, .fondo-titulos a:hover{
    color:white;
}

.status{
  color:white;padding:5px 10px;font-size:14px;border-radius:.5em;cursor:pointer;text-align:center;margin:0 0 5px 0;
}

.fecha{
 padding:5px 10px;font-size:14px;color:#5B5B5B
}

p.respuestas-pregunta{
  background:#8CB442;
  color:white;
  padding:8px;
  border-radius:.5em;
  padding:6px 0 0 0;
  width: 100%;
  min-height:80px;
  height:auto; 
}

.add-preguntas{
  cursor:pointer;
}

/*
MENSAJES EN VISTAS
*/
.mensaje-informativo{
  background:#006bbfcc;border:3px solid #0169bb;border-left:10px solid #0169bb;color:white;font-weight:bold;padding:12px 7px 5px 7px;
}

.mensaje-advertencia{
  background:#ec7c05cc;border:3px solid #d07d24;border-left:10px solid #d07d24;color:white;font-weight:bold;padding:12px 7px 5px 7px;
}
/*
########################
	COLORS
######################
*/
.bg-transparente{
	 background: rgba( 255, 255, 255, 0.45 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.fondo:before{

}
.bg-azul{
	background:#012643
}
.bg-sc{
  background:#0A8D9F
}
.border-rad{
	border-radius:1em;
}
.img-header-principal{
	width:290px;padding:10px 0
}

.color-azul{
	color:#012643;font-family: 'Istok Web', sans-serif;
}

.color-sc{
  color:#0A8D9F;font-family: 'Istok Web', sans-serif;
}
.color-blanco{
	color:white;font-family: 'Istok Web', sans-serif;
}

.link-azul{
	color:#012643;text-decoration:underline;font-weight:bold;font-family: 'Istok Web', sans-serif;
}

.link-azul:hover{
	color:#013B69;	
}

.link-pequeño-blanco{
  text-decoration:underline;font-size:13px;color:white;padding:2px 8px;border-radius:.5em;
}
.link-pequeño-blanco:hover{
  color:white;
}

.link-pequeño{
  text-decoration:underline;font-size:13px;color:#012643;padding:2px 8px;border-radius:.5em;
}
.link-pequeño:hover{
  color:#012643;
}

strong{
    color:#012643;font-family: 'Istok Web', sans-serif;
}

.informacion{
  border: 2px solid #8CB442;padding:10px 0;text-align:center;color:#5D5D5D;font-weight:bold;background:rgba(148,193,66,0.7);text-decoration:underline;
}

.card-usuario{
  opacity:0.6
}

/*
########################
	COLORS
######################
*/
.eliminar-informacion{
  border-radius:50%;width:60px;height:60px;text-align:center;background:#900;padding:15px;
}

.editar-informacion{
  border-radius:50%;width:60px;height:60px;text-align:center;background:white;padding:15px;
}

/*
########################
	FORMS
######################
*/

.info{ 
  background: #012643c7;padding:10px 10px 5px 10px;width:100%;border-left: 10px solid #012643;color:white;font-weight:bold
}

label{
	font-family: 'Istok Web', sans-serif;
}

.obligatorio{color:#970202;font-weight:bold;}


form input[type='number'],form input[type='text'], form input[type='password'], form input[type='tel'], form input[type='url'], form input[type='number'], form input[type='email'],
input[type='text'], input[type='password'], input[type='tel'], input[type='url'], input[type='number'], input[type='email'], input[name='listas']{
	width:100%;height:50px;font-size:16px;border-radius: 0.5em;padding: 2px 10px;color: #797C69;font-family: 'Istok Web', sans-serif;
}

form input[type='number']:focus,form input[type='text']:focus, form input[type='password']:focus, form input[type='tel']:focus, form input[type='email']:focus, form input[type='url']:focus, form input[type='number']:focus,
input[type='text']:focus, input[type='password']:focus, input[type='tel']:focus, input[type='email']:focus, input[type='url']:focus, input[type='number']:focus, input[name='listas']:focus{
	border:3px solid #8CB442;color: #44463C;
}

form select{
    width:100%;height:50px;font-size:16px;border-radius: 0.5em;padding: 2px 10px;color: #797C69;font-family: 'Istok Web', sans-serif;
}

form select:focus{
    border:3px solid #8CB442;color: #44463C;   
}

datalist option{
  padding:10px 0;
  background:red;
}

form textarea{width:100%;height:100px;font-size:16px;border-radius: 0.5em;padding: 2px 10px;color: #797C69;font-family: 'Istok Web', sans-serif;}
form textarea:focus{border:3px solid #8CB442;color: #44463C;}

.inputs-activados{
  border:2px solid #8CB442;color:#44463C;
}

.switchBtn {
    position: relative;
    display: inline-block;
    width: 95%;
    height:45px;
}
.switchBtn input {display:none;}
.slide {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 8px;
    color: #fff;
}
.slide:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 85%;
    bottom:10px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slide {
    background-color: #8CE196;
    padding-left: 40px;
}
input:focus + .slide {
    box-shadow: 0 0 1px #01aeed;
}
input:checked + .slide:before {
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
    left: -50px;
}

.slide.round {
    border-radius: 34px;
}
.slide.round p{
    font-size:13px;text-align:center;
}
.slide.round:before {
    border-radius: 50%;
}

#subir_archivo{width:90%;padding:5px;border-radius:3px;margin:15px auto}#drop{margin:10px auto;padding:10px;margin-bottom:30px;text-align:center;font-size:14px;font-weight:700}
#drop input{display:none}#picture{display:none}#picture input{display:none}#subir_archivo ul{width:90%;list-style:none;margin:0 auto}
#subir_archivo ul li{width:90%;background-color:#D7D8D1;padding:15px;height:52px;position:relative}#subir_archivo ul li input{display:none}
#subir_archivo ul li p{overflow:hidden;white-space:nowrap;font-size:16px;font-weight:700;position:absolute;top:20px;left:100px}
#subir_archivo ul li i{font-weight:400;font-style:normal;color:#7f7f7f;display:block}#subir_archivo ul li canvas{top:15px;left:32px;position:absolute}
#subir_archivo ul li span{width:15px;height:12px;background:url(../../images/tickets/icons.png);position:absolute;top:34px;right:33px;cursor:pointer}
#subir_archivo ul li.working span{height:16px;background-position:0 -12px}
#subir_archivo ul li.error p{color:red}

.opciones-multiple ul{
  list-style: none;
  margin: 0;
  padding: 0;
    overflow: auto;
}

.opciones-multiple ul li{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100px;
    border-bottom: 1px solid #333;
}

.opciones-multiple ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.opciones-multiple ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 25px 25px 25px 80px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.opciones-multiple ul li:hover label{
    color: #FFFFFF;
}

.opciones-multiple ul li .check{
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.opciones-multiple ul li:hover .check {
  border: 5px solid #FFFFFF;
}

.opciones-multiple ul li .check::before {
  display: block;
  position: absolute;
    content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
    left: 5px;
  margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #0DFF92;
}

input[type=radio]:checked ~ .check::before{
  background: #0DFF92;
}

input[type=radio]:checked ~ label{
  color: #012643;
}

.label-btn-m{
    font-size:13px
}

.btn-sc{
	background:#0A8D9F;color:white;font-family: 'Istok Web', sans-serif;border:none;border-radius:1em
}

.btn-sc:hover{
	background-color:#097483;color:white;
}

.btn-verde{
  background:#8CB442;color:white;font-family: 'Istok Web', sans-serif;border:none;border-radius:1em
}

.btn-verde:hover{
  background-color:#769A33;color:white;
}

.btn-azul{
    background:#012643;color:white;font-family: 'Istok Web', sans-serif;border:none;border-radius:1em
}

.btn-azul:hover{
    background-color:#061B2C;color:white;
}

.btn-blanco{
    color:#0A8D9F;font-family: 'Istok Web', sans-serif;border:none;border-radius:1em;background:transparent;border:3px solid #0A8D9F;
}

.btn-blanco:hover{
    background-color:#0A8D9F;color:white;
}

.btn-rojo{
    background:#970202;font-family: 'Istok Web', sans-serif;border:none;border-radius:1em;color:white;border:3px solid #970202;
}

.btn-rojo:hover{
    background-color:#760101;color:white;
}

.btn-pequeno{
  padding:10px 40px;height:45px
}

.btn-grande{
	width:85%;height:45px
}

.btn-grandes{
    padding:10px 40px;width:85%;height:80px
}

.swal2-confirm{
	padding:10px 40px;width:50%;height:45px;font-family: 'Istok Web', sans-serif;border:none;border-radius:1em
}

.swal2-question{
  padding:10px 40px;width:45%;height:45px;font-family: 'Istok Web', sans-serif;border:none;border-radius:1em
}



.error-formulario{
	color:#920000;text-align:center;font-weight:bold;ont-family: 'Istok Web', sans-serif;font-size:11px;height:13px
}

#previsualizador-busqueda{margin:1px 0;width:100%;z-index:999;height:auto;position:absolute;}
#previsualizador-busqueda-contacto{margin:1px 0;width:100%;z-index:999;height:auto;position:absolute;}
.sugerencias{background-color:#FEFFFB;width:100%;padding:7px 5px;border:1px solid #039EA8;z-index:998;position:relative}
.sugerencias:hover{background-color:#039EA8;color:#fff;cursor:pointer}

/*
########################
	FORMS
######################
*/

.footer{
	padding:40px 0;margin-top:190px;font-family: 'Istok Web', sans-serif;
}

/*
########################
NAV
######################
*/

header{position:fixed;width:100%;background:#434142;z-index:99999999;}
.logo img{position:relative;z-index:123;padding:10px;color:#6DDB07;float:left;width:140px;margin:0 0 0 40px;}
.logo a{color:#6DDB07;}
nav{position:relative;width:100%;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:#434142}
#cssmenu > ul{margin:0 120px 0 0;}
#cssmenu > ul > li{float:right;margin-right:30px;}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}
#cssmenu > ul > li > a.activate{background-color:#D6D6D6;color:#414141}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#414141}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#6D696B!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#434142;transition:all .25s ease}
#cssmenu ul ul li:hover{background:#6D696B}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;background:#6D696B}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0;background:#6D696B}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff;background:#434142}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#012E5B;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1195px){
    .logo img{position:relative;z-index:123;color:#6DDB07;float:left;width:140px;margin:-18px 0 0 20px;}
    .logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
    .logo2{display:none}
    nav{width:100%;}
    #cssmenu{width:100%}
    #cssmenu ul{width:100%;display:none}
    #cssmenu ul li{width:100%;border-top:1px solid #444}
    #cssmenu ul li:hover{background:#363636;}
    #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
    #cssmenu > ul > li{float:none}
    #cssmenu ul ul li a{padding-left:25px}
    #cssmenu ul ul li{background:#6D696B!important;}
    #cssmenu ul ul li:hover{background:#6D696B!important}
    #cssmenu ul ul ul li a{padding-left:35px}
    #cssmenu ul ul li a{color:#ddd;background:none}
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
    #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
    .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
    .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
    .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
    .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
    #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
    #cssmenu .submenu-button.submenu-opened{background:#6D696B}
    #cssmenu ul ul .submenu-button{height:34px;width:34px}
    #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
    #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
    #cssmenu .submenu-button.submenu-opened:after{background:#fff}
    #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
    #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
    #cssmenu .submenu-button.submenu-opened:before{display:none}
    #cssmenu ul ul ul li.active a{border-left:none}
    #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

/*
########################
NAV
######################
*/


.lista-proyectos img{
  width:100px;
}


/*
@media screen and (min-width:900px){
  .tabs{max-width:100%;float:none;list-style:none;padding:0;margin:5px auto;border-bottom:0px solid #039EA8;color:#012643}
  .tabs:after{content:'';display:table;clear:both}
  .tabs input[type=radio]{display:none}
  .tabs label.label-tabs{display:block;float:left;width:20%;color:#012643;font-size:18px;font-weight:400;text-decoration:none;text-align:center;line-height:2;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}

  /*border-bottom:4px solid #039EA8;box-shadow:inset 0 4px #039EA8;*/

  /*
  .tabs label.label-tabs span.span-tabs{display:none;color:#012643}
  .tabs label.label-tabs i{padding:5px;margin-right:0;color:#012643}
  .tabs label.label-tabs:hover{color:#012643;font-weight:700;border-bottom:4px solid #012643}

  /*box-shadow:inset 0 4px #07777E;*/

  /*.tab-content{display:none;width:100%;float:left;padding:5px 0 70px;box-sizing:border-box;min-height:902px}
  .tab-content *{-webkit-animation:scale .7s ease-in-out;-moz-animation:scale .7s ease-in-out;animation:scale .7s ease-in-out}@keyframes scale{0%{transform:scale(0.9);opacity:0}50%{transform:scale(1.01);opacity:.5}100%{transform:scale(1);opacity:1}}
  .tabs [id^="tab"]:checked + label{font-weight:700;border-bottom:4px solid #012643;color:#012643}

  /*background:#039EA8;color:#fff;*/

  /*#tab1:checked ~ #informacion,#tab2:checked ~ #notas,#tab3:checked ~ #documentacion,#tab4:checked ~ #gastos,#tab5:checked ~ #notificaciones,#tab6:checked ~ #resolucion,#tab7:checked ~ #log{display:block}

}

@media only screen and (min-width:500px) and (max-width:899px){
  .tabs{max-width:100%;float:none;list-style:none;padding:0;margin:5px auto;border-bottom:0px solid #039EA8;}
  .tabs:after{content:'';display:table;clear:both}
  .tabs input[type=radio]{display:none}
  .tabs label.label-tabs{display:block;float:left;width:48%;padding:10px 0;margin:10px 2px;color:#000;font-size:18px;font-weight:400;text-decoration:none;text-align:center;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;border-radius:.7em;border:2px solid #012643;}

  /*box-shadow:inset 0 4px #039EA8;border-bottom:4px solid #039EA8*/

  /*.tabs label.label-tabs span.span-tabs{display:none;color:#000}
  .tabs label.label-tabs i{padding:5px;margin-right:0;color:#000}
  .tabs label.label-tabs:hover{color:#012643;}

  /*box-shadow:inset 0 4px #07777E;border-bottom:4px solid #07777E*/

  /*.tab-content{display:none;width:100%;float:left;padding:5px 0 70px;min-height:902px}

  /*box-sizing:border-box*/

  /*.tab-content *{-webkit-animation:scale .7s ease-in-out;-moz-animation:scale .7s ease-in-out;animation:scale .7s ease-in-out}@keyframes scale{0%{transform:scale(0.9);opacity:0}50%{transform:scale(1.01);opacity:.5}100%{transform:scale(1);opacity:1}}
  .tabs [id^="tab"]:checked + label{background:#012643;color:white;}
  #tab1:checked ~ #informacion,#tab2:checked ~ #notas,#tab3:checked ~ #documentacion,#tab4:checked ~ #gastos,#tab5:checked ~ #notificaciones,#tab6:checked ~ #resolucion,#tab7:checked ~ #log{display:block}

}

@media only screen and (min-width:1px) and (max-width:499px){
  .tabs{max-width:100%;float:none;list-style:none;padding:0;margin:5px auto;border-bottom:0px solid #039EA8;}
  .tabs:after{content:'';display:table;clear:both}
  .tabs input[type=radio]{display:none}
  .tabs label.label-tabs{display:block;float:left;width:48%;padding:10px 0;margin:10px 2px;color:#000;font-size:18px;font-weight:400;text-decoration:none;text-align:center;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;border-radius:.7em;border:2px solid #012643;}

  /*box-shadow:inset 0 4px #039EA8;border-bottom:4px solid #039EA8*/

  /*.tabs label.label-tabs span.span-tabs{display:none;color:#000}
  .tabs label.label-tabs i{padding:5px;margin-right:0;color:#000}
  .tabs label.label-tabs:hover{color:#012643;}

  /*box-shadow:inset 0 4px #07777E;border-bottom:4px solid #07777E*/

  /*.tab-content{display:none;width:100%;float:left;padding:5px 0 70px;min-height:902px}

  /*box-sizing:border-box*/

  /*.tab-content *{-webkit-animation:scale .7s ease-in-out;-moz-animation:scale .7s ease-in-out;animation:scale .7s ease-in-out}@keyframes scale{0%{transform:scale(0.9);opacity:0}50%{transform:scale(1.01);opacity:.5}100%{transform:scale(1);opacity:1}}
  .tabs [id^="tab"]:checked + label{background:#012643;color:white;}
  #tab1:checked ~ #informacion,#tab2:checked ~ #notas,#tab3:checked ~ #documentacion,#tab4:checked ~ #gastos,#tab5:checked ~ #notificaciones,#tab6:checked ~ #resolucion,#tab7:checked ~ #log{display:block}

}*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css');

#tsum-tabs p {
  margin: 0 0 20px;
  line-height: 1.5;
}

#tsum-tabs main {
  min-width: 98%;
  max-width: 100%;
  padding: 10px;
  margin: 0 auto;
  background: #fff;
}

#tsum-tabs section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #0A8D9F;
}

#tsum-tabs input[type=radio] {
  display: none;
}

#tsum-tabs label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 15px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

#tsum-tabs label:before {
  /*font-family: fontawesome;
  font-weight: normal;*/
  margin-right:25px;
}

/*#tsum-tabs label[for*='1']:before { content: '\f1cb'; }
#tsum-tabs label[for*='2']:before { content: '\f17d'; }
#tsum-tabs label[for*='3']:before { content: '\f16b'; }
#tsum-tabs label[for*='4']:before { content: '\f1a9'; }
#tsum-tabs label[for*='5']:before { content: '\f1a9'; }*/

#tsum-tabs label:hover {
  color: #888;
  cursor: pointer;
}

#tsum-tabs input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid #0A8D9F;
  border-bottom: 1px solid #fff;
}

#tsum-tabs #tab1:checked ~ #content1,
#tsum-tabs #tab2:checked ~ #content2,
#tsum-tabs #tab3:checked ~ #content3,
#tsum-tabs #tab4:checked ~ #content4,
#tsum-tabs #tab5:checked ~ #content5 {
  display: block;
}

@media screen and (max-width: 991px) {
  #tsum-tabs label {
    font-size: 0;
    padding:15px 4%;
  }
  #tsum-tabs label:before {
    margin: 0;
    font-size: 20px;
  }
}

@media screen and (max-width: 400px) {
  #tsum-tabs label {
    padding: 15px 1%;
     font-size: 15px;
  }
}

@media screen and (min-width:800px){
    .botones-amplios{display:block;float:right;}
    .botones-pequenos{display:none;}
    
    }
   @media only screen and (min-width:1px) and (max-width:799px){
    .botones-amplios{display:none;}
    .botones-pequenos{display:block;float:right;}
    }

    @media screen and (min-width:500px){
      #foto-comentario{width:60px}
      .img-eliminar-comentario{margin-top:-40px;}
    }
     @media only screen and (min-width:1px) and (max-width:499px){
    #foto-comentario{width:40px}
    .img-eliminar-comentario{margin-top:-215px;}
    }


input, textarea {
  outline: 0;
}


/*
########################
BIENVENIDA
######################
*/

.imagen-dia{width:120px;margin:-7px 15px 0 0}
.bienvenida{font-size:25px;font-weight:bold;}

@media only screen and (min-width:391px) and (max-width:500px){
 
  .bienvenida{font-size:25px;font-weight:bold;margin:-7px 15px 0 0}
  .imagen-dia{width:80px;}
}

@media only screen and (min-width:1px) and (max-width:390px){
  .bienvenida{font-size:20px;font-weight:bold;margin:-7px 9px 0 0}
  .imagen-dia{width:60px;}
}


/*
************************
FOTOS
**************
*/

.avatars {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #fff;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  cursor:pointer;
}

.avatars img {
  width:100%;border-radius:50%;text-align:center;
}

.avatars img:not(:first-child) {
  margin-left: -30px;
  -webkit-mask:radial-gradient(circle 55px at 5px 50%,red 99%,red);
  mask:radial-gradient(circle 55px at 5px 50%,red 99%,red);
}


.avatares {
  display: inline-block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #fff;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  cursor:pointer;
}

.avatares img {
  width:100%;border-radius:50%;text-align:center;
}

.avatares img:not(:first-child) {
  margin-left: -30px;
  -webkit-mask:radial-gradient(circle 55px at 5px 50%,red 99%,red);
  mask:radial-gradient(circle 55px at 5px 50%,red 99%,red);
}


.asignaciones{
  display: flex;
  overflow: hidden;
  padding-left:0.5rem;
  width:80px;
  cursor:pointer;

}
.asignaciones img {
  border-radius: 50%;
  margin-right:0;
  margin-left: -1rem;
  width:100%;
  border:4px solid white;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}