h2{ font-size: 1.5em}
h3{ font-size: 1.2em}

.menuPpal a{ font-size: 100%}

.interiores h1 {font-size: 180%;  margin-bottom: 1em;}

#example-menu {position: relative; background: transparent; width: auto; left:inherit; margin-bottom: .8em}
.menu>li:not(.menu-text)>a, .menu>li>a{ padding: 1rem   }
.submenuTasker .menu.vertical > li {  border-top:none}
.botonCrear, .menu>li:not(.menu-text)>a.botonCrear  { display: none}

.menuPpal {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; position: relative;}
.menuPpal .menu{margin-bottom: 0px;}
.cabecera { background-position: center center;  padding-top: 17em; max-height: 650px}
.cabecera h2{ font-size:200% }

.submenu .menu > li:first-of-type > a{ padding-left: 0}
.submenu .menu > li > a, .submenuTasker .menu > li > a{padding: 1rem;}
.dropdown.menu .submenu { display: none; position: absolute}
.submenu + .interiores.tasker, .submenuTasker + .interiores.tasker, .mensajesFlash + .interiores.tasker{ padding-top: 3em}
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after { border-color: #fff transparent transparent; display: block}
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a { margin-right: 1rem}
.dropdown.menu .is-submenu-item a{ padding-top: 0}
.menu.vertical>li { border-top: none}

.menuNoVerificado a.noVerificado{ text-indent: -500px;    overflow: hidden;    float: left;    margin-top: 25px;    margin-right: 10px;}
.menuNoVerificado{ position: absolute; width: 300px; top: -85px}

.pieAPPs a { margin: .8em 0 1em}
.redesSociales{float: left; width: 50%}
.pie .pie_movil ul li {    margin-left: .5em;}
.pie_movil .columns:last-child { border-left: none}

.pie .pagoSeguro h4{ margin:.4em 0 1.5em; font-size:110%}

.landingTasker{ margin-top: 3em; text-align: left}
.landingTasker h2{ margin-top: 0 }

.submenuResponsive{ position: relative}
ul.submenu-dropdown{ display: none}
ul.submenu-dropdown.is-open{ display: block}
.menu-desplegar{ position: relative}
.submenu-dropdown{ position: absolute; top:3em; left: -2.4em; background: #4c4c4c!important ; padding:1em; z-index: 9999; min-width: 180px;}
.submenu-dropdown a{ display: block; padding: .4em 1em}


#hispavista_taskia_task_draft_frequency .radio label{ margin:0 1% 1em; padding:12px 0}
#hispavista_taskia_task_draft_frequencyDays_frequency .radio label{ width:100%; margin-right:2%; height:140px; float:left; padding-top:1.5em}

/*Listados tareas*/
.detallesTarea .fichaTasker{margin-top: 2em}
.icoTrash{ float: left}
.filasTabla p a.catTarea{ display: block; margin-left:30px}
.filtrosTareas { font-size:80%; max-width: 230px; position: relative; top:0}

/*chats*/
.chat{ display: block; padding-top: 2em;}
.contenedorChats{background-color: #e4e4e4}
.listadoChats li{ min-height: 85px; background-color: #fff; margin-bottom: 1em; font-size: 90%; position: relative; width: 100%;  position: relative;}
.listadoChats li a{ display: flex; overflow: hidden; text-align: left; padding: 0.7em .5em;border-left: 8px solid transparent;}
.listadoChats li:hover{ box-shadow: none}
.listadoChats li:hover a{ text-decoration: none}
.listadoChats li .nombre-tasker {font-size: 100%;}
.listadoChats .presupuestoChat {color: #333;    font-size: 90%;    background-color: transparent!important;   position: absolute; right: 0; bottom: 0;}
.listadoChats .karmaBox{margin:0 0 0 0; display: block!important}
.listadoChats .karma{ background-size: 100%}
.listadoChats .karmaStars{ height: 14px}
.listadoChats .karmaBox, .listadoChats .karma{ width: 80px; height: 14px}
.listadoChats p{ margin: 1em 0 0 80px; font-size: 110%!important; text-align: left!important}
.listadoChats .imgTasker{ float: left; border-radius: 50%; max-width: 70px; height: auto; border:1px solid #ccc; }
.listadoChats .msgChat{ float:left}
.listadoChats li.chatActivo:after {content: '';position: absolute;width: 16px;background: #fff;height: 100%;top: 0;right: -16px;}
.listadoChats li.chatActivo a{  border-left: 8px solid transparent; }
.listadoChats li.chatActivo a {border-left-color: #2eab78;}
.numMsgChat{ background: red; color: white; border-radius:50px;  width: 18px;text-align: center;font-size: 70%;line-height: 18px; font-weight: bold; position: absolute; right:-4px; top:11px}
.listadoChats li.chatInactivo {background: rgba(255,255,255,.6);  transition: all ease .25s;}
.listadoChats .info-tasker {padding-left: 15px;flex-grow: 1;position: relative;}


.categoriaChat h3{ font-size: 1.9375rem; margin:0 0 .5em}
.categoriaChat p{ font-size: 100%; margin: 0 0 1rem}

 .tkExpressContenedor{  margin: 0 auto;  padding:2em}
 .tkExpress .close-button {    font-size: 2em!important}


.modulosPortada li:nth-child(1){ margin: 1em 4% 1em 0;  display:inline-block; float:left; width:51%;}
.modulosPortada li:nth-child(2){ margin: 1em 0;  display:inline-block; float:left; width:43%;}
.modulosPortada li .modulosPortadaItems{ background:rgba(230, 230, 230, 0.4) url('/public/img/icos-modulos.png') no-repeat 10px 25px;border:1px solid rgba(28, 158, 14, 0.15); border-radius:3px; box-sizing:border-box; padding:1.5em 1em .8em 7em; text-align:left}
.modulosPortada li:nth-child(2) .modulosPortadaItems{ background-position:17px -160px}
.modulosPortada h3{ color:black; font-size:210%; margin:0 0 5px }
.modulosPortada h3 strong{ font-size:180% }
.mapaTaskers{ margin-top:2em; }
.mapaTaskers h4{font-size:48px; padding:10px; line-height: 40px}
.mapaTaskers p{ padding: 0 10px}
.modulosPortada h4{ font-size:100%}
.buscadorInput, .buscadorInput:focus, .buscadorInteriores .buscadorInput {    margin-right: 0;    margin-left:0;    width: 100%}
.testimoniosPortada .imgTasker{width:185px; height:185px}

.tareaTiming .taskItem{display:inline-block}
