@import url("nuevo/saldo.css");
/* --------
General
-----------*/
body{-webkit-font-smoothing: antialiased; overflow-x: hidden;}
body, p, a{font-family: "Montserrat", Arial, Helvetica, sans-serif; color:#333; text-rendering:auto; }
h1, h2, h3, h4, h5{font-family: "Montserrat", Arial, Helvetica, sans-serif; color:#333; line-height: 110%;font-weight: 600}
a, a:active{ color: #2ea378; text-decoration: none}
a:focus, a:visited{ color: rgb(46,163,120)}
a:hover{ color: #444; text-decoration: underline}
p{ line-height: 1.4}
p.small {line-height: 1.2;}
ul{ list-style: none}
a + a{ margin:0 .6em}
html {  scroll-behavior: smooth;}
strong {font-weight: 600;}
.mb-0 {margin-bottom:0}
.mb-1 {margin-bottom:10px}
.mb-2 {margin-bottom:20px}
.mb-3 {margin-bottom:30px}
.mb-4 {margin-bottom:40px}
.mb-5 {margin-bottom:50px}
.mt-0 {margin-top:0}
.mt-1 {margin-top:10px}
.mt-2 {margin-top:20px}
.mt-3 {margin-top:30px}
.mt-4 {margin-top:40px}
.mt-5 {margin-top:50px}
*{touch-action: pan-x pan-y;}

@media (min-width:1024px){.solo-movil {display: none;}}

/* --------
Menú Principal 2021
-----------*/
header {background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)}
.admin-bar a {color:#2ea378; font-size: .9rem;line-height: 2.2em;}
.admin-bar a:hover {color:#fff;}
.logged-as-tasker header {background: #333333; color:#fff;}
.logged-as-tasker .navbar-nav li a:not(.button):not(:hover) {color:#fff}
.logged-as-tasker .navbar-nav.menu.user-menu .submenu a:not(:hover) {color:#333;}
.logged-as-tasker .menu-icon::after {  background: #fff;  box-shadow: 0 7px 0 #fff,0 14px 0 #fff;}
.logged-as-tasker .navbar .icon {color: #fff;}
.navbar {display: flex; padding: 0 1rem; align-items: center; justify-content: space-between;flex-wrap: wrap;}
.navbar-brand {margin-right: 1.7em;}
.navbar-nav {display: flex;flex-direction: column;}
.navbar-nav li a:not(.button) {font-weight: 600; color: #333;}
.navbar-nav li.login a {font-weight: 400;padding: 0;}
.navbar-nav li a:not(.button):hover {color: #2ea378; text-decoration: none;}
.navbar-nav.menu.user-menu li a:not(.button){font-weight: 400}
.menu-icon:after {background: #333; box-shadow: 0 7px 0 #333,0 14px 0 #333;}
.navbar-collapse {z-index:10;/*background-color: #fff*/;-ms-flex-preferred-size: 100%; flex-basis: 100%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.mr-auto {margin-right: auto;}
.ml-auto {margin-left: auto;}

.navbar-nav .icon-wrapper.danger.no-verificado {  position: absolute;  left: 8px;  top: 2px;  line-height: 1;}
.navbar-nav.menu.user-menu .icon-wrapper.danger.no-verificado i {color:#BD0000}
.navbar-nav.menu.user-menu .icon-wrapper.danger.no-verificado i:before {background: #fff; border-radius: 500px;display: inline-block;}
.navbar-nav.menu.user-menu .callout.small a {font-size: .9rem;display: inline-block;line-height: 1.2; text-decoration: none; color:#BD0000!important }
.navbar-nav.menu.user-menu .callout.small a:hover {opacity: .8;}

@media (min-width:1024px){
    .navbar {flex-flow: row nowrap;justify-content: flex-start;}
    .navbar-nav {flex-direction: row-reverse;}
    .navbar-collapse {display: flex !important;flex-basis: auto;flex-grow: 1;align-items: center;}
    .not-logged .navbar-nav, .logged-as-tasker .navbar-nav {flex-direction: initial;}
    .logged-as-tasker .navbar-nav.user-menu, .logged-as-cliente .navbar-nav.user-menu {flex-direction: row-reverse;}
    .logged-as-tasker .navbar-nav.user-menu .button, .logged-as-cliente .navbar-nav.user-menu .button {margin-right: 1rem;}
    .navbar-nav.menu:not(.user-menu) li {margin-right: 1.5em;}
    .navbar li.mensajes > a {display: flex;flex-flow: column;align-items: center;  }
    .navbar .mensajes span.menu-item-text {font-size:13px; line-height: 1;}
    .navbar-nav.menu.user-menu .user-name {max-width: 140px;}
    .logged-as-tasker .navbar .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after { border-top-color: #fff;}

}

@media screen and (max-width:639px){
    .navbar-collapse{background-color: #fff; padding-bottom: 2rem;}
}

.navbar-nav.menu li {display: flex;align-items: center; }
.navbar-nav.menu > li:last-child {margin-right: 0}
.navbar-nav.menu > li:not(.menu-text) > a:not(.button){ line-height:75px; padding: 0;}
.navbar .dropdown.menu > li > a {line-height: 75px; padding: 0 1rem;}
.navbar .dropdown.menu > li > a:hover {background: rgba(0,0,0,0.10)}

.bg-dark {background: #202020;}
.dropdown-divider {margin: .25rem 0; border-top: 1px solid #e9ecef;}
.dropdown.menu .submenu {box-shadow: 0 2px 2px rgba(0,0,0,.2); right: 0!important;left:auto!important; min-width: 215px; width: 100%;}
.navbar .icon {font-size: 24px; margin-right: 1.6rem;color: #333;display: block;}
.navbar .mensajes .icon-wrapper {position: relative;line-height: 1.5;}
.navbar .mensajes .nTareas {position: absolute;top: 0; right: -9px; font-size: 10px; background-color: #BD0000}
.vertical.menu.menu-perfil{width: 105%;}


.navbar-nav.menu.user-menu .dropdown.menu .is-dropdown-submenu-parent {margin-right: 0; }
.navbar .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after, .navbar .is-accordion-submenu-parent > a::after {display: inline-block;vertical-align: .255em; float: none; border-top-color: #333; margin-top: 1.2em;}
.navbar-nav.menu.user-menu .dropdown.menu .submenu li a, .navbar-nav.menu.user-menu .is-accordion-submenu li a {width: 100%;border-bottom: 1px solid #DCDADA}
.navbar-nav.menu.user-menu .dropdown.menu li.is-submenu-item.last-item a, .navbar-nav.menu.user-menu .is-submenu-item.last-item > a {border:none;}
.navbar-nav.menu.user-menu .dropdown.menu li a i , .navbar-nav.menu.user-menu .accordion-menu li a i{color:#63BA9A}
.navbar-nav.menu.user-menu .dropdown.menu li.logout a:not(:hover) i , .navbar-nav.menu.user-menu .accordion-menu li.logout a:not(:hover) i {color: #666666;}
.navbar-nav.menu.user-menu .dropdown.menu li .icon-wrapper, .navbar-nav.menu.user-menu .accordion-menu li  .icon-wrapper{width: 22px; text-align: center;padding: .5rem .5rem .5rem 0;box-sizing: content-box; display: inline-block;}
.navbar-nav.menu.user-menu .imgTasker {max-width: 50px;  height: auto;float: none; border: 1px solid rgba(0,0,0, .2); box-shadow: none;}
.navbar-nav.menu.user-menu .user-name {white-space: nowrap;overflow: hidden; text-overflow: ellipsis;display: inline-block; line-height: 1.6;position: relative;}
.navbar-nav.menu.user-menu li.is-accordion-submenu-parent {align-items: flex-start;flex-direction: column;position: relative;}
.navbar-nav.menu.user-menu li.is-accordion-submenu-parent a {width: 100%;}
.navbar-nav.menu.user-menu .is-accordion-submenu { width: 100%; background-color: #fff;}
.navbar-nav.menu.user-menu .is-dropdown-submenu  li, .navbar-nav.menu.user-menu .is-accordion-submenu li {padding: 0 1em;}
.navbar-nav.menu.user-menu .is-dropdown-submenu .menu-item-text {font-size: .9em;}
.navbar-nav.menu.user-menu .is-dropdown-submenu a {  padding: 0 .7rem;  line-height: 27px;}

.navbar-nav.menu.user-menu .menu li.pending-money a {display: flex; flex-direction: row; align-content: center;align-items: center;}
.navbar-nav.menu.user-menu .menu li.pending-money a .amount {font-size: .7rem; color: #838282;}

@media (max-width:1060px){
    .navbar-nav.menu > li > a{
        font-size: 88%;
    }
}



@media (max-width:1023px){
    .navbar {padding: 1rem}
    .navbar-nav.menu > li:first-child > a:not(.button) {border-top: 1px solid #DCDADA;}
    .navbar-nav.menu > li:not(.menu-text) > a:not(.button){ line-height:50px; padding: 0 16px; border-bottom: 1px solid #DCDADA; width: 100%;}
    .navbar-nav.menu > li:not(.menu-text) > a.button {margin: 16px 16px 0 16px; width: 100%;}
    .navbar-collapse {margin-left: -1rem; margin-right: -1rem; margin-top: 1rem;}
    .logged-as-tasker .navbar-collapse {background: #fff; padding-bottom: 1em;}
    .logged-as-tasker .navbar-nav li a:not(.button):not(:hover) {color: #333;}
    .navbar .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after, .navbar .is-accordion-submenu-parent > a::after {margin-top: -4px;}
    .navbar-nav.menu.user-menu + .menu { border-top: 15px solid #f2f2f2;}
    .navbar-nav.menu.user-menu {  border-top: 1px solid #dcdada;}

}


/** --- */
.row { max-width: 80rem}
.menu>li:not(.menu-text)>a{ padding:.7rem}
.button, .button:focus, .button:active, .button:visited, .botonPrimario{ background-color:#2ea378; color: #fff; border:none; border-radius: 5px;font-weight: 600; text-transform: uppercase; padding:.8em; text-decoration: none; outline: none}
.button-group .button, .secondary, .button-group .button:hover, .secondary:hover, .button-group .button:active, .secondary:active, .button-group .button:focus, .secondary:focus, #billing-incomplete-data-div .button{ width: auto}
.button:hover, a.button:hover { background-color: #376550; text-decoration: none}
.botonSecundario{ background:transparent; border:2px solid #2EAB78; color: #2EAB78; border-radius: 5px;font-weight: 600; text-transform: uppercase; padding: 1.6em .8em; text-decoration: none; margin: 1em auto;display: block; text-align: center}
.botonSecundario:hover{ background: #2EAB78; color: white; text-decoration: none}
.botonSecundario.presupuesto{ padding:.3em .8em}
.botonEnlinea{ max-width: 380px;}
.button.hollow.secondary {    border: 1px solid #777;    color: #777;    background-color: white}
.button.hollow.danger {border: 1px solid #a72929;    color: #a72929;    background-color: white}
/* .button-group .button:not(:last-child) { margin-right: 1em; border: none} */
.botonMasInfo{ border:2px solid white; border-radius: 3px; padding: .8em 1em; display: inline-block; margin: 1em auto 2em}
.botonMasInfo:hover{ background: white; color:#2EAB78; text-decoration: none}
a.btnNewTasker, a.btnNewTasker:focus, a.btnNewTasker:visited, a.btnNewTasker:active { background-color: #777777; width: 200px; margin-left: 100px; }
a.btnNewTasker:hover { background-color: #555555; width: 200px; }
.btnBackTareas{ display:block; text-align:center; margin-bottom:1em}
a.botonMasInfo{ color: white}
.enlaceDestacado{ margin: 1em 0; display: inline-block; font-weight: bold; text-decoration: underline}
.enlaceDestacado:hover{ color:#000; text-decoration:none}
.enlaceDestacado:hover{ color:#000; text-decoration:none}
.enlaceCambiar{ font-size: 60%; margin-left: .8em}
.mensajesFlash{ margin: 1em 0}
a.secondary{ color: #888}
.lnkSecundario{ color:#555; background-color:transparent; border:none; text-decoration:underline}
blockquote {  background: #f9f9f9;  padding: 0.5em 10px;  quotes: "\201C""\201D""\2018""\2019"; color: #222; display: inline-block}
blockquote:before, blockquote:after {  color: #ccc;  content: open-quote;  font-size: 4em;  line-height: 0.1em;  margin-right: 0.25em;  vertical-align: -0.4em}
blockquote:after {  margin-left: 0.25em;color: #ccc; content:close-quote}
blockquote p {  display: inline}
.reveal{ padding: 2rem }
.webpush {width: 20%; max-width: 60em; padding: 1rem; border-radius: 15px; top:-80px !important; left: 10px !important; }
.webpush h5 {font-size: 90%; font-weight: bold;}
.webpush p {font-size: 80%; }
.botonRefrescar{  text-align:center;   font-size: .75rem;    color: #2ea378;    background-color: transparent;    max-width: 165px;    margin: 2em auto 1em;    display: block;    line-height: 200%}
.botonRefrescar i{ font-size: 200%; float: left}
.botonRefrescar:hover{ text-decoration:none}
.button.hollow{ background-color:rgba(255,255,255,.3)}
.menu>li:not(.menu-text)>a.botonCrear{ padding: .7rem .5em;}
.lead{font-size:100%;}
.leadsoft{font-size:100%;}
.submenu-dropdown a{ display: block; padding: .5em 1em}
.hlead{font-size:120%;background-color: #f9f9da; padding: 0 6px;}
.highlight-label {padding: .35em .55em;line-height: 1;font-size: .6em;border-radius: 3px; background: #BD8400; color:#fff;letter-spacing: 1px; text-transform: uppercase;margin-left: -3px;top: -11px;position: relative;}

/*Formularios*/
.registro label, .evaluacion label, #unregistering-form label{ display: none}
form input[type="text"], form select, form input[type="password"], form input[type="email"], form input[type="number"]{ max-width: 400px}
input[type="checkbox"] + label{ display: inline-block}
input[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, [type="number"]:focus, [type="search"]:focus, textarea:focus { border-color:#2ea378}
.radio label{ display: block; line-height: 120%;}
input:disabled:hover{background-color: #E6E6E6}
.telefonos{ max-width: 250px}
.labelOn label{ display: block}

input[type="checkbox"]{margin-bottom: 0px;}

/* Formulario Darse de alta */
@media screen and (min-width:1024px){
    div#fos_user_registration_form{display:flex;flex-flow:row wrap;justify-content:space-between;}
    div#fos_user_registration_form .control-group-name{width:35%;}
    div#fos_user_registration_form .control-group-surname{width:55%;}
    div#fos_user_registration_form .control-group-email{width:100%;}
    #fos_user_registration_form_email{max-width: 100%!important;}
    #fos_user_registration_form_mobilePrefix{text-align: left;}
    div#fos_user_registration_form .control-group-mobilePhone{width:68%; margin: 0 0 0 1rem;}
    #fos_user_registration_form_mobilePhone{max-width: 100%!important;}
    div#fos_user_registration_form .control-group-first, div#fos_user_registration_form .control-group-second{width: 45%;}
}

@media screen and (max-width:1023px){
    div#fos_user_registration_form {display: flex;flex-flow: row wrap;justify-content: start;}
    div#fos_user_registration_form>div {width:100%;}
    #fos_user_registration_form_mobilePrefix{max-width: 30%!important; text-align: left;}
    #fos_user_registration_form_mobilePhone{max-width: 100%!important;}
}

/* Labels / Inputs modificados en formulario Darse de alta */
.registroBox .control-group.control-group-mobilePhone {display: flex; flex-flow: row wrap;}
.registroBox #fos_user_registration_form_mobilePrefix{text-align: left;max-width: 25%!important;}
.registroBox #fos_user_registration_form_mobilePhone{max-width: 75%!important;}


/* --------
Estructura
-----------*/

/*Cabecera*/
.menuPpal {background: rgba(0, 0, 0, 1) none repeat scroll 0 0; position: relative;}
/* position: absolute; top:0; right:0; left:0; z-index: 99; */
.menuPpal .logo{ margin: .4em 0; display: block; width: 100%; height: auto; max-width: 136px}
.menuPpal .logo_seo{ margin: 1em 0; display: block; width: 100%; height: auto; max-width: 136px}
.menuPpal ul li a, .bienvenido{ color:white; background:transparent; font-size: 110%}
.bienvenido{padding: 0.7rem 1rem;}
.menu > li > a {line-height: 400%}
.nav-bar{ margin-top: 5em}
.menuPpal .nav-bar{ margin-top: 0}
.menuPpal .menu{margin-bottom: 10px;}
.top-bar, .top-bar ul, .title-bar{ background: transparent}
.top-bar{padding: 0px;}
.title-bar{padding: 1.5rem .5rem}
.nTareas{background: red; color: white; border-radius:50px;  width: 18px;text-align: center;font-size: 70%;line-height: 18px; font-weight: bold}
.nTareasBox{ position: relative}
.icoTrash{ float: right; width:20px; color: darkgrey; font-size: 110%}
.filasTabla p.tarea{ font-size: 120%; margin-top: 6px;}
.nTareasBox .nTareas{ margin-left: 0em; display: inline-block; }
.menu .nTareas{ float: right;margin-left: .8em;}

/*iconos menú*/
.menuPpal a.icoMenuAyuda, .menuPpal a.icoMenuAnuncio{ font-size: 160%; color: #fff;text-align: right;}
a.icoMenuAyuda, a.icoMenuAnuncio{ padding: 1.2rem .5rem; background: transparent; display: block}
.menuPpal .title-bar {text-align: right;}

/*menú no verificado*/
.menuNoVerificado{ position: relative}
.menuNoVerificado a.noVerificado{ background: url(/bundles/hispavistataskia/img/sprite_verificacion.png) no-repeat 0 -43px; text-indent: -500px; overflow: hidden; float: left}

.apps{ background: #efefef; padding: 1em}
.apps p{ margin: .5em 0 1em;}
.apps a{ margin: .8em 0}
.redesSociales{display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #777; border-top: 1px solid #777; margin-bottom: 20px; margin-top: 10px; padding: 5px 0 15px; text-align: center}
.redesSociales p{ display:block; line-height: 40px; margin-bottom: 0;}
.redesSociales a {background: url("/public/img/icos_rrss.png") no-repeat 0 0; display: inline-block; width: 46px; text-indent: -800px; overflow: hidden; line-height: 40px; border-radius: 3px; border:2px solid white}
.redesSociales a.fb{ background-position: center 2px}
.redesSociales a.linkedin{ background-position: center -83px}
.redesSociales a.tiktok{ background-position: center -41px}
.redesSociales a.instagram{ background-position: center -122px}
.redesSociales a:hover{ background-color:rgba(255,255,255,.3); border-color:rgba(255,255,255,.3) }
@media screen and (width <= 639px){
    .redesSociales{
        justify-content: center;
    }
}

.pieAPPs{text-align: center; margin-bottom: 30px;}
.pieAPPs a{ margin:0 0 1em; display: block;}

.pie_movil .columns{width: auto; text-align: center; margin: auto; float: none; display: inline-block; }
.pie_movil .columns:last-child{border-left: 1px solid #777;}
.pie_movil .columns:last-child:not(:first-child){float: none;}
.pie .pie_movil ul li{margin-left: 1em;}

fieldset .pagoSeguro{ text-align:center; max-width:380px}
fieldset .pagoSeguro h4{ color:#444}

.submenu .menu-icon::after{background: #000 none repeat scroll 0 0; box-shadow: 0 7px 0 #000, 0 14px 0 #000;}
.menu-icon.dark{margin: 10px 6px 10px 0px;}

.resumenTarea + #ok-creating-messages, .resumenTarea + #error-creating-messages, .resumenTarea + #ok-creating-messages + #error-creating-messages{margin-top: -47px;}

/*Submenuº*/
@media (max-width:639px){
    .submenuTasker .columns{padding:0px!important;}
}
.submenuCliente{ background: #6eb57b}
.submenuCliente .nav-bar, .submenuTasker .nav-bar{ margin-top: 0}
.submenuCliente + .resumenTarea, .submenuTasker + .resumenTarea, .submenuCliente + #notification + .resumenTarea, .submenuTasker + #notification + .resumenTarea, .submenuCliente + #success-message1 + .resumenTarea{ padding-top: 2em; background: rgb(240,240,240); margin-bottom: 3em; }

.submenuCliente a, .submenuTasker a{ color: white}
.submenuTasker{ background:#467270}
.submenuCliente .menu > li > a, .submenuTasker .menu > li > a {display: block; padding-left: 30px;}
.submenuTasker .menu > li > a.selected {background: #578a83;}

.task-budget-active{ position:fixed; bottom:0; padding:.5em 1em; font-size:90%; background-color:#fefe9f; left:0; right:0; text-align:center; z-index:7; box-shadow:0px -4px 11px 0px #00000040}
@media (max-width:1023px) and (min-width: 639px){
    .task-budget-active{ position: relative; margin: 0 0 20px; bottom: unset; right: unset; left: unset; border-radius: 8px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); }
}
@media (max-width: 639px){
    .task-budget-active{ bottom: 55px;}
}
.task-budget-active .importe{font-size:120%}
.task-budget-active .button.hollow{ margin:1em 0 0; border-color:#2ea378; color:#2ea378}
.mensajePresupuesto{ overflow:hidden; margin-bottom:.8em}
/*menu con doble rol*/
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after{ display: none}
.dropdown.menu .submenu {border: none}
.dropdown.menu .submenuCliente { background: transparent;   border: none}
.dropdown.menu .submenuCliente { display: block; position: relative}

/*menu movil*/
.vertical li a{ line-height: 120%}

.cabecera{ background:rgb(0,0,0) url("/public/img/bg_portada_mix.jpg") no-repeat center center; width: 100%;height: 100%;margin: 0;padding: 8em 0 2em;max-height: 400px; text-shadow: 0px 0px 6px rgba(0,0,0,1); background-size:cover}
.cabecera h2{ font-weight: 700; color: white; text-transform: uppercase; font-size:190% }
.cabecera h3{font-weight: 600; color: white;font-size:120%;line-height: 100%; margin:0em auto 1em; text-transform:uppercase }

.buscadorPpal, .buscadorInteriores{ position: relative; margin: 1em auto}
.buscadorPpal{max-width:680px; margin: 0 auto;float:none}
.buscadorInteriores{ max-width: 620px; margin: 0}
.buscadorInput, .buscadorInput:focus, .buscadorInteriores .buscadorInput { margin-right: 2%;  margin-left: 2%;  width: 96%; background: white url('/public/img/icoBuscador.png') no-repeat 0.5rem center; padding:1rem .8rem 1rem 2.5rem; height: auto; font-size:16px; margin-bottom: 0;border-radius:4px; border:1px solid white}
.taskSelectHelperClear{ position: absolute;color: #FFF;background: #CCC none repeat scroll 0% 0%;border-radius: 50px;font-size: 180%;text-shadow: none;width: 30px;text-align: center;padding: 0px;line-height:30px;font-weight: bold;bottom: 10px;right: 26px; cursor: default}
.buscadorInteriores .taskSelectHelperClear{ right: 8px; top: 5px; }
.text-center .buscadorInteriores, .text-center .buscadorPpal{margin:0px auto;}
.tt-dataset-categories p:last-of-type{ margin-bottom: 0}
.tt-menu{ box-shadow: 0px 8px 10px rgba(57, 57, 57, 0.5)}
p.sugerenciasBuscador{padding: 10px 20px;border-top: 1px solid rgb(221, 220, 160);margin: 0px -10px -11px!important;background-color: rgba(244, 248, 116, 0.55);font-size: 90%!important;font-weight: normal}
.tt-dataset-categories p.callout{margin: -10px -10px -11px!important;  border: none}

/*Pie*/
.pie{ background:#424242 url('/public/img/patronpie.png') repeat; padding: 2em 0 1em; text-align: center;}
.pie p{ color:rgba(255,255,255,.8); font-size: 80%}
.pie, .pie h4, .pie a, .pie a:focus, .pie a:visited{ color: rgb(255,255,255)}
.pie h4{ margin: 0 0 1em; font-size: 120%; line-height: 1rem;}
.pie a{ font-size: 90%}
.pie ul{ margin-bottom: 1em; list-style: none; margin: 0; padding: 0;line-height: 1rem;}
.pie ul li{ display: inline-block; margin-right:1em; margin-bottom: .4rem;}
.bannerPie{ margin:0; padding:0; background: url('/public/img/herramientas.jpg') no-repeat center center; text-align: center}
.bannerPieContenido{ background: #4f8759; background:rgba(58, 96, 78, .8); padding: 3em 0}
.bannerPieContenido p, .bannerPieContenido h4{ color: white; text-align: center}
.bannerPieContenido h4{ font-size: 200%; font-weight: 600;}
.bannerPieContenido p{ font-size: 140%; line-height: 140%}
.bannerPieContenido .botonMasInfo{ min-width: 200px; font-size: 120%; margin-bottom: 1em}
.pie .colabora h4{ margin:0 0 .6em; font-size: 1.2rem;}
.pie .pagoSeguro h4{ margin:0 0 1em!important;}
.pie .pagoSeguro img{ margin:0 0 1em}
.pie .redesSociales a {border: none; margin: 0!important;}


.copyright{  padding: 1em;}
.copyright p{ text-align: center; font-size: 90%;font-family: "Montserrat", Arial, Helvetica, sans-serif; margin-bottom: 0 }
.copyright a+a{ margin: 0}
.copyright a{ color: #000; font-weight: bold}

/* --------
Portada
-----------*/
.cabecera .twitter-typeahead, .cabeceraInteriores .twitter-typeahead{ width: 100%; background-color:transparent }
.cabecera .twitter-typeahead div, .cabeceraInteriores .twitter-typeahead div{ text-shadow: none}
.tt-menu{ border: 1px solid #ccc; border-top: none; padding: .8em; font-size:100%; line-height: 120%}
.categoriasEnListado .icoCategoria{ padding: 10px; font-weight: 700; font-size: 100%; text-align:center; border-radius:80px; color: #fff; float: left; max-width: 40px; text-shadow: 0px 0px 3px rgba(0,0,0,.6)!important}
.categoriasEnListado{ overflow: hidden; margin-bottom:5px}
.categoriasEnListado .categoria{ padding:10px; display: block; margin-left: 45px; color: #333}
.categoriasEnListado:hover{ background: #E0ECE4; border-radius: 80px}
.categoriasEnListado:hover .categoria{text-decoration: none; color: #000}
.categoriasEnListado:last-of-type{ margin-bottom: 1em}
.tt-menu p a{ font-weight: bold}

.lomas{ margin:2em auto 0}
.modulosPortada{ text-shadow:none; max-width: 780px; margin:0 auto; text-transform:uppercase; overflow:hidden}
.modulosPortada h3{ color:#333; font-size:220%; margin:0 0 5px }
.modulosPortada h3 strong{ font-size:110% }
.modulosPortada h4{ color:#333; font-size:70%;font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight:normal}
.modulosPortada li{ margin: 1em 0;  display:inline-block;overflow:hidden}
.modulosPortada li .modulosPortadaItems{ background:rgba(230, 230, 230, 0.4) ;border:1px solid rgba(28, 158, 14, 0.15); border-radius:3px; box-sizing:border-box; padding:1em; text-align:center}

.mapaTaskers{ margin-top:2em; background-color: #f8f8f8; border-top:1px solid #efeded; border-bottom:1px solid #efeded}
.mapaTaskers .botonMasInfo{background-color:rgb(46,163,120); color:white; margin-top:2em; text-transform: uppercase; font-weight: 600; transition: all 0.3s ease 0s; border-radius:6px}
.mapaTaskers .botonMasInfo:hover{ background-color:rgb(36, 121, 90)}

.mapaTaskers h4{font-size:36px; margin:30px 20px 0 }
.mapaTaskers p{ margin: 0 20px}


/*Tareas*/
.tareas h2{font-size: 160%; margin: 1em 0;}
.tareas .tareasItem{ display: table; width: 100%;margin:0px auto 2em; max-width: 369px;}
.tareas .columns:first-of-type a h3:before{ display: block; content:""; width: 34px; height: 34px; background:url('/public/img/ico_destacados.png') no-repeat center center; margin:0 auto .6em }
.tareas .destacadas{ text-align: center; color: white}
.tareas .destacadas h3{ font-size: 130%; text-transform: uppercase; color: white; max-width:320px; word-wrap: break-word; margin: 0 auto .6em;line-height: 120%; padding-left: 10px;padding-right: 10px;}
.tareas .destacadas p{ color: white; line-height: 130%; padding-left: 10px;padding-right: 10px;}
.tareas .destacadas a{ display:table-cell; vertical-align: middle; width: 100%; width: 100%; box-sizing: border-box; padding:1em; background: rgba(0,0,0,.4); height: 220px; text-shadow: 1px 1px 3px black}
.tareas .destacadas a:hover{ text-decoration: none; background: rgba(46,163,119, .8); text-shadow: 1px 1px 3px black}

/*Funcionamiento*/
.funcionamiento{ background:#2eab78; padding:2em 0; margin:2em 0 0}
.funcionamiento h3, .funcionamiento h4, .funcionamiento a, .funcionamiento p{ color: white}
.funcionamiento h3 span{ font-weight: 700; display: inline-block; background-color: white; color: #2eab78; padding: .5em 1em; border-radius: 50px; font-size:80%}
.funcionamiento h3 p{ text-transform: uppercase; font-weight: 600;}
.funcionamiento h3 p:before{ display: block; width: 100%; height:160px; padding: 1em 0; content:"";background: url('/public/img/sprite-funcionamiento.png') no-repeat 0 0}
.funcionamiento h3 p.publica:before{ background-position: center 38px}
.funcionamiento h3 p.compara:before{ background-position: center -283px}
.funcionamiento h3 p.disfruta:before{ background-position: center -644px}
.funcionamiento h4{ margin-bottom: 1.5em}
.funcionamiento h5{ font-weight: normal;}



/*funcionamiento interior*/

.sabermas, .how{ margin:2em auto; text-align:center}
.howto{ padding:0; margin:2em 0 0}
.howto h2{color:white; margin:0 auto 2em auto!important}
.howto h3, .howto h4, .howto a, .howto p{ color: white}
.howto h3 span{ font-weight: 700; display: inline-block; background-color: #f1f6bd; color: #2eab78; height:50px; width:50px; line-height:50px; text-align:center; border-radius: 100%; font-size:80%; margin:1em auto}
.howto h3{ text-transform: uppercase; font-weight: 600; font-size:18px}
.howto p{max-width:340px; margin:0 auto}
.howto h4:before{ display: block; width: 100%; height:140px; padding: 0 0 1em; content:"";background: url('/public/img/sprite-funcionamiento.png') no-repeat; background-position: center -1000px}
.howto .cliente h4:before{ background-position: center -288px}

.howto .cliente h4 strong, .howto .tasker h4 strong{ font-size:150%}
.howto .tasker, .howto .cliente{padding:2em 0 3em}
.howto .tasker{ background-color: #46ba89}
.bloque_funciomaiento{background-color:#2eab78; }
@media (min-width:640px){.bloque_funciomaiento {display:flex;}}
.howto p strong{ background-color:#e8e886; color:#2eab78; padding:0 2px}
.howto h3{display:inline-block; background:url('/public/img/iconos_ayuda.png') no-repeat left 0; padding:6px 0 6px 45px; margin-top:2em;  margin-left: -45px;}
.howto h3:before{ display: block;    content: "1";    margin-bottom: 1em;    font-size: 150%;    background-color: #49e2a2;    border-radius: 100%;    padding: 10px;    max-width: 40px;    text-align: center;   margin: 0 auto 10px;}
.howto h3.citem1{ background-position: left -860px}
.howto h3.citem2{ background-position: left -384px}
.howto h3.citem3{background-position: left -308px;}
.howto h3.citem4{background-position: left -965px;}
.howto h3.citem5{background-position: left -45px;}
.howto h3.titem1{background-position: left -465px;}
.howto h3.titem2{background-position: left -132px;}
.howto h3.titem3{ background-position: left -656px}
.howto h3.titem4{background-position: left -760px;}
.howto h3.titem5{background-position: left -550px;}


.howto h3.citem1:before, .howto h3.titem1:before{ content:"1"}
.howto h3.citem2:before, .howto h3.titem2:before{ content:"2"}
.howto h3.citem3:before, .howto h3.titem3:before{content:"3"}
.howto h3.citem4:before, .howto h3.titem4:before{content:"4"}
.howto h3.citem5:before, .howto h3.titem5:before{content:"5"}



/*Ayuda*/
.ayuda{ background: #1d7370; background: -moz-linear-gradient(left,  #1d7370 0%, #0d3c3d 100%); background: -webkit-linear-gradient(left,  #1d7370 0%,#0d3c3d 100%);background: linear-gradient(to right,  #1d7370 0%,#0d3c3d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d7370', endColorstr='#0d3c3d',GradientType=1 ); color:white; padding: 2em 0; margin:3em 0 0}
.ayuda .button{ background: white; color:#0d3c3d; max-width: 300px; padding: 1.5rem}
.ayuda h2{ color: white; margin:.8em 1em ; font-size: 170%}

.atencion_usuario, .anadir_anuncio, .contratar_ayuda{border-radius:999rem !important; padding-left: 55px !important; text-align: left; width: 165px !important; background-image: url('/public/img/ayuda.png'); background-repeat: no-repeat; background-position: 13px 11px;}
.anadir_anuncio, .contratar_ayuda{width: 150px !important; background-position: 13px -54px;}
.contratar_ayuda{ background-position: 13px -119px; width: 185px !important;}


/*Por Que Taskia*/
.porQue { margin-top: 3em}
.porQue h3{ background: url('/public/img/sprite-porQue.png') no-repeat center -267px; padding:3em 0 0;font-size: 140%;  }
.porQue h3.rapido{  background-position: center 0}
.porQue h3.negociable{  background-position: center -508px}
.porQue h3.pago{    background-position: center -752px}
.porQue h4{ margin-bottom: 1.5em; font-size:160%}
.porQue p{ margin-bottom: 2em}

/*Testimonios*/
.testimonios{ margin: 1em 0 2em}
.testimonios h2{font-size: 160%; margin: 1em 0}
.testimonios h3{ font-size: 120%; margin-bottom: 1em}
.testimonios h4{ font-size:110%; margin: 0}
.testimonios p{ font-style: oblique; font-size: 90%; padding: 1em 2em}
.testimonios .fotoTasker{ margin-bottom: 1em}
.fotoTasker{ border:6px solid #2EAB78; max-width:100%; margin:0 auto; display: block;border-radius: 150px; overflow: hidden}
.fotoTasker img{ border:8px solid white; width:100%; border-radius:100%;height: auto}

/*Testimonios portada*/
.testimoniosPortada{ text-align: center; padding-top:3em; padding-bottom:2em; background-color: #f8f8f8; border-top:1px solid #efeded}
.testimoniosPortada .columns{display: flex;flex-direction: column}
.testimoniosPortada h3{ margin:0 auto 1em auto; font-size:160%}
.testimoniosPortada img{ border-radius:100%; border:8px solid white}
.testimoniosPortada .imgTasker{border:6px solid #63a27a; border-radius:100%; background-color:white;text-align:center; overflow:hidden; width:140px; height:140px; margin:1em auto;}
.testimoniosPortada blockquote{ background: transparent;  border: none; padding: 1em 2em;}
.testimoniosPortada blockquote:before, .testimoniosPortada blockquote:after{ font-size:3em; color:#ccc}
.testimoniosPortada .testimonioNombre { margin:.6em auto 0}
.testimoniosPortada .testimonioNombre a{color:#333;  font-weight: 700;}

/*Pags de prerregistro-registro-login*/
.registro{ background:#D5D2CD url('/public/img/bg_prerregistro.jpg') no-repeat 0 0 / 300% auto; width: 100%;height: 100%;margin: 0;padding: 2em 0}
.registroBox{ background: white; margin:0 auto; padding: 1em 2em; border-radius:1px; max-width: 420px; text-align: center}
.registroBox h2{ margin: 1em 0; display: inline-block;background-color: white;padding: 0 0.8em;font-size: 120%}
.registroBox .registroBoxHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 360px;
    height: 40px;
    background: #EAF5F1;
    border-radius: 8px;
    font-size: 16px;
}
.registroBox h3, .registroBox p{ font-size: 90%}
.registroBox h3{ text-align: left; margin:1em 0 1.6em}
.registroBox p{ margin: 1em auto;}
.registroBox p a{text-decoration: underline;}
.registroBox .loginRRSS { margin-left: 0}
.registro form a+a{ margin: 0}

.loginRRSS{ text-align: left; margin-left: 1.6em}
.loginRRSS li{ margin: 20px}

.registroAlta h3{
    text-align: center
}
.registroAlta h3 a{
    color: #000;
    border: 2px solid #000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    box-shadow: none;
    padding: 0.5em;
    line-height: 130%;
    height: 77px;
    text-align: center;
}
.registroAlta h3 a:hover{
    color: #2ea378;
    border: 2px solid #2ea378;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    box-shadow: none;
    padding: 0.5em;
    line-height: 130%;
    height: 77px;
    text-align: center;
    text-decoration: none;
}
.registroAlta img{
    width: 188px;
    height: 178px;
    margin-right: 100px;
}
.registroAlta .login{
    text-decoration: underline !important;
}

.formularios-login-registro {background-color: #F0F0F0; padding: 1rem .5rem;}
.formularios-login-registro form{background-color: #FFF; padding: 1.5rem 1.5rem 2.5rem 1.5rem;}
.formularios-login-registro h4{ border-bottom: 2px solid #2ea378; padding-bottom: 1rem; margin-bottom: 0;}
.formularios-login-registro .info{ display: flex; flex-wrap: wrap;font-size: .9em; background: #fafafa; margin: 0; padding: 1rem 1.5rem;} 
.formularios-login-registro .info span{width: 90%;}
.formularios-login-registro .info span.solo-movil{margin: .5rem 0 0 1rem;}
.formularios-login-registro .botonPrimario{ padding: 10px 35px;}
.formularios-login-registro .legal {font-size: .9em;margin-top: 10px;}
.formularios-login-registro .botonPrimario{ padding: 10px 35px; min-width: 210px;}
.formularios-login-registro .recordar {font-size: .9em;margin-bottom: 10px;}
.reveal-overlay{overflow: hidden!important;touch-action: none!important;}

@media (min-width:1024px){
    .formularios-login-registro {width: 90%!important;padding: 1rem 1.5rem;}
    .formularios-login-registro .info{padding: 1.5rem;}
    #user_registration_form input{max-width: 100%;}
    p.pantalla-registro{display: none;}
}

@media screen and (max-width:1024px){
    .formularios-login-registro .botonPrimario {width: 100%!important;}
    .formularios-login-registro>div:nth-child(2)>div:nth-child(1){display: none;}
    /*.reveal.full{height: fit-content;min-height: fit-content;top:33%!important;}*/
    .pantalla-registro{padding: 1.5rem 1.5rem 2.5rem 1.5rem;}

}

/*Pags interiores*/
.cabeceraInteriores{ width: 100%;height: auto;margin: 0;padding: 2em 0 1em;max-height: 230px}
.cabeceraInteriores .buscadorInput{ border-color:#bbb; margin-top:1em}
.cabeceraInteriores h2{ font-weight: 700;  text-transform: uppercase; font-size:130%}
.interioresCabecera{ background: rgba(0,0,0,.5); padding:1em 0}
.capaTransparente{ text-shadow:1px 1px 3px rgba(0,0,0,1); background-position: center center; background-size: cover; background-repeat: no-repeat}
.interioresCabecera h2, .interioresCabecera h3{ color:white}
.interioresCabecera h2{ font-size: 150%; text-transform: uppercase; margin-bottom: 0; margin-top: 1em}
.interioresCabecera h3{ font-size: 130%}
.interioresCabecera .button{width: auto;  padding: 1.2em;margin-top: 30px; margin-bottom: 0px;}
.interioresCabecera.crear_tarea{margin-bottom: 30px;}

.sugerenciaBusqueda{ background:#e0ece4; padding: 3em 0}
.sugerenciaBusqueda p{ margin: 1em 0}
.sugerenciaBusqueda .twitter-typeahead{ margin: 0; width: 100%}

.listadoCategorias{ margin: 2em 0}
.listadoCategorias:empty{ display: none}
.listadoCategorias li .icoCategoria, .interiores .icoCategoria{ padding:21px 20px; font-weight: 700; font-size: 80%; text-align:center; border-radius:100%; color: #fff; width: 70px;margin-bottom: 1rem;; border:1px solid rgba(0,0,0,0); text-shadow: 0px 0px 3px rgba(0,0,0,.6); font-size: 100%}
.resumenTarea .icoCategoria{ padding:17px 20px; font-weight: 700; font-size: 80%; text-align:center; border-radius:100%; color: #fff; width: 70px;margin-bottom: 1rem;; border:1px solid rgba(0,0,0,0); text-shadow: 0px 0px 3px rgba(0,0,0,.6); font-size: 100%}
.resumenTarea p{ margin-bottom:.2em}
.interiores .icoCategoria, .resumenTarea .icoCategoria{ display: inline-block;  margin-bottom: 0; font-size: 70%}
.interiores .crear_tarea .icoCategoria{width: auto; line-height: 1em; position:inherit; width: 65px; display: block; margin:10px auto;}
.crear_tarea h2{margin-top: 0px;}
.listadoCategorias li .icoCategoria:hover{opacity:.8;  border:1px solid rgba(0,0,0,.1)}
.iconosTarea .task-header-destacado {font-size: 130%;}

.listadoCategorias li:last-of-type{ border-bottom: none}
.listadoCategorias li:only-of-type{ border-bottom: 1px solid #ccc;}
.listadoCategorias li{ padding: .8em 0; margin:1em 1em 0 1em; border-bottom: 1px dotted #ccc; /*overflow: hidden*/}
.listadoCategorias h3{ font-size: 130%; font-weight: 700}
.listadoCategorias h3 a{ color: #444}
.listadoCategorias li p{ margin-bottom: 1em}
.listadoCategorias li p.lead{ margin-bottom: 0}
.listadoCategorias .button{ padding:1.2em 1em;}
.listadoCategorias li#new-availability{ padding: 0; margin: 0}
#new-availability .control-group-price label, .skill label{ display: block}
.twitter-typeahead{ background: transparent; display: block}
.listadoCategorias .twitter-typeahead{margin-top: 0}
.listadoCategorias .form-control.tt-input{ margin-bottom: 0}
.listadoCategorias .twitter-typeahead div { background: #fff;}
.listadoCategorias .tt-dataset-categories{ box-shadow:1px 1px 3px rgba(200,200,200,1); padding: .5rem}
.listadoCategorias .tt-selectable{ padding: .2em .5em}
.listadoCategorias .tt-selectable:hover{ color: #000; cursor: pointer; background: rgb(245,245,245) }
.listadoCategorias .desactivar{ display: block; margin-top: 1em}
#suggestedPrice{font-size: 90%;overflow: hidden;width: 100%;}
input.precio{ max-width: 85px !important; float: left}
input.numHoras{ max-width: 85px !important; float: left}
input.numDias{ max-width: 85px !important; float: left}
.precioMedio{ display: inline-block; padding: .6em}
.enviarPresupuesto{ position: fixed!important}
.enviarPresupuesto input{ text-align:right; margin-bottom:0;}
.enviarPresupuesto .precioTasker{ float:none; margin-right:1em; max-width:75px}
.enviarPresupuesto .numHoras, .enviarPresupuesto .precio{  margin-right: 1em; float: none; text-align: right; border: none; box-shadow:none; background-color:transparent; max-width:75px!important}
.enviarPresupuesto .numHoras:hover, .enviarPresupuesto .precio:hover{ background-color:transparent}
.enviarPresupuesto .numHoras::placeholder, .enviarPresupuesto .precio::placeholder { color:#333!important; opacity:1}
.enviarPresupuesto .numDias, .enviarPresupuesto .precio{  margin-right: 1em; float: none; text-align: right; border: none; box-shadow:none; background-color:transparent; max-width:75px!important}
.enviarPresupuesto .numDias:hover, .enviarPresupuesto .precio:hover{ background-color:transparent}
.enviarPresupuesto .numDias::placeholder, .enviarPresupuesto .precio::placeholder { color:#333!important; opacity:1}
.enviarPresupuesto .totalPrecio{font-weight:bold}
.enviarPresupuesto .totalPrecioPercibir{ font-size:130%}
.enviarPresupuesto .totalPercibir label{ line-height:20px}
.enviarPresupuesto .totalPercibir input{ max-width:85px!important}
.enviarPresupuesto .totalPrecioPercibir, .enviarPresupuesto .totalPrecioPercibir:hover{ background-color:#f9f2b84f}
.enviarPresupuesto .totalPrecio:hover{   background-color:#fff}
.enviarPresupuesto a.small{ color:grey; font-size:90%; text-decoration:underline}
.enviarPresupuesto strong > label{ font-weight:bold}
.enviarPresupuesto label{ display: inline-block;    margin: 0;    font-size: .875rem; color: #0a0a0a;    text-align: right;  line-height: 16px;}
.enviarPresupuesto .after-price{position: absolute;margin-left: 5.5em;padding-top: 0.5em;}
.formBudgetGral input.precio{ text-align:left}
.formBudgetGral input.precio::placeholder { color:grey!important}
.formBudgetGral input.totalPrecioPercibirGral{ font-size:130%;border:none; box-shadow:none; background-color:#f9f2b84f; margin:0 0 1em 0; float:left; max-width:115px!important; text-align:left; color:#000}
#show-reject-budget-div .lnkSecundario{display:inline-block; padding:8px 12px;border-radius:3px; background-color:#efefef}
hr.separador{ background:transparent; border-bottom:1px solid grey; width:100%}
.formBudgetGral label{ text-align: left; width:100%}
.formBudgetGral input.precio{ display: block;float:left;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    border-radius: 0;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none; max-width:115px!important}
.formBudgetGral input.precio::placeholder{ color:#666}
.formBudgetGral .after-price{ position: relative; margin-left:1em; top:.5em}

/*categorias Yo Tasker*/
.categoriasTasker{ padding: 2em 0; font-size: 90%; background: #fff}
.edicionCategorias p{ display: inline-block}
.edicionCategorias p a{ display: inline-block; margin: 0 auto; text-align: center; background: rgb(46,163,120); color: white; padding:3px 8px; border-radius: 1px;line-height: 24px; font-size: 120%}
.edicionCategorias p a.has-tip{font-weight: normal; cursor: default; border: none   }
#availabilityMapContainer{ margin-bottom: 1em}
#availabilityMap{ overflow: hidden}

/*categoria desactivada*/
.listadoCategorias li.categoriaInactiva .icoCategoria{ background-color: #cecece!important}
.listadoCategorias li.categoriaInactiva h3, .listadoCategorias li.categoriaInactiva p, .listadoCategorias li.categoriaInactiva blockquote{ color: #777}
.listadoCategorias .estadoCategoria{ font-weight: normal; font-size: 80%; font-family: "Montserrat", Arial, Helvetica, sans-serif}
.listadoCategorias .availability-disable, .listadoCategorias .availability-remove { background:#939393}
.listadoCategorias .availability-activate{ background: rgb(19, 117, 81)}
.listadoCategorias .lead{ border: 1px solid grey; display: inline-block; margin: 0; padding: .3em .4em; border-radius:1px}

.buscadorCategoriasTasker li{ list-style: none}
.buscadorCategoriasTasker label{ font-weight: bold; margin-bottom:1em; font-size: 110%}
.buscadorCategoriasTasker .buscadorPpal{ margin: 0}
.buscadorCategoriasTasker .buscadorPpal p{ font-size: 110%}
.buscadorCategoriasTasker .explicacion{ font-weight:normal}

/*crear tarea*/
.interiores.tasker{ /*background-color:#F7F6F6;*/background-color:#FFFFFF;margin: 0; padding:2em 15px}
.interiores.tasker fieldset{ background: white; padding: 1em; margin-bottom: 2em}
section.interiores.tasker>div.row>form div.accordion-content>div.row{display:flex;flex-flow:column wrap;}

.accordion{ border: none; background:transparent; margin-top:1em}
.accordion-title{ padding: 1.25rem 1rem 1rem; margin-top:2em; border:none; font-size: 110%; color:#333}
.accordion-title span{ font-weight: bold}
.accordion-title:first-of-type{ margin-top: 0}
.accordion-title:focus, .accordion-title:hover { background-color: transparent}
.accordion li{ margin-bottom: 0px; background:rgba(255,255,255,.9); border-radius:3px}
.accordion li.is-active{ border: 1px solid green}
.accordion .explicacion{font-size: 80%}
.accordion-content{ padding: 0 1rem}
.accordion .has-error ul, .has-error ul{ margin-left: 0; list-style: none}
.button.form-continue{ width: 200px; padding: .8em 2em}
.button.form-continue.large{ margin-bottom: 50px; font-size: 0.9rem;}
.btnVertical{ margin-top:2em}
.button .spinner{ margin: .4em auto 1em; overflow: visible }
.respuesta p{ color: #888;display: block;padding: 0 1rem 1rem;line-height: 1.3rem;font-size: 1rem;position: relative;}
.respuesta p:empty{ display: none}
.saved > .accordion-title::before, .botonCambiar, .botonCancelar, .saved.is-active > .accordion-title::before{ background: url('/public/img/ico_editar.png') no-repeat 0 0;width: 25px;height: 25px; margin-top: -17px;margin-right: -10px; content: ""}
.saved.is-active > .accordion-title::before{ background-position: right bottom}

@media screen and (max-width:639px){
    .button.form-continue{width:100%;}
    .accordion li:not(.saved):not(.is-active)>label{padding:1rem 1rem 0px}
}

.saved > .accordion-title{ padding-right: 2em}
.saved a.accordion-title{font-size: 18px; display: inline-flex; }
.botonCambiar, .botonCancelar{ color:rgb(46,163,120); font-size: 90%;margin: 0;padding: 0 1rem 0 0;background-position: right 0;width: 100px}
.botonCancelar{color:rgb(100,100,100); background-position: right -25px}
.botonEditar{ background:transparent url('/public/img/ico_editar.png') no-repeat right -3px; padding-right: 30px; font-size: 90%; margin-left: 1em}
.ccorriente{ margin: 1em 0; padding: .8em; background: #f6f5ea}

@media (max-width:477px){
    .botonEditar{ margin-left: 0em; white-space:pre-wrap;}
}

@media (max-width:463px){
    .ccorriente{ padding: 0.8em 0.8em 2em 0.8em;}
    .botonEditar{ margin-left: 0em; white-space:pre-wrap; float:left !important;}
}

.saved_label, li.saved .unsaved_label{ display: none}
li.saved .saved_label{ display: block}

.saved_label .explicacionBox{ font-weight: normal; margin:.8em 0 0;position: relative; display: block; position: relative}
.saved_label .explicacionBox .explicacionLabel{display: none; background-color:  rgb(231, 231, 228);font-size: 70%; padding: 1em;color: rgb(113, 113, 113); font-weight: normal;min-width:280px; line-height: 140%; }
.saved_label .explicacionBox a, .accordion li.is-active .saved_label .explicacionLabel{ display: none}


.respuesta label + p{ margin: 1em 0}
.respuesta label + p:before, .respuesta label + p:after {  color: #ccc;  content: open-quote;  font-size: 4em;  line-height: 0.1em;  margin-right: 0.1em;  vertical-align: -0.4em}
.respuesta label + p:after{  margin-left: 0.2em;color: #ccc; content:close-quote}



/*aspecto desactivado a campos no rellenados del acordeon*/
.accordion li{ opacity:.2}
.accordion li.is-active, .accordion .has-error ul li, .accordion li.saved{ opacity:1}
.accordion li.is-active textarea{background: rgb(245, 245, 245) none repeat scroll 0% 0%;box-shadow: none;border-color:rgb(230, 230, 230)}
.accordion li.is-active textarea:focus{ background: white; border-color:#ccc}


/*acordeon sobre Bio del tasker*/
#li-hispavista_taskia_tasker_data_type_bioAbout .accordion-title::before{ margin-top: -10px}
#li-hispavista_taskia_tasker_data_type_bioAbout .respuesta p{ padding-left: 0}
#li-hispavista_taskia_tasker_data_type_bioAbout .respuesta label + p{ padding-left: 1rem}
#li-hispavista_taskia_tasker_data_type_bioAbout .respuesta label + p:last-of-type{ padding-bottom: 1rem}
#li-hispavista_taskia_tasker_data_type_bioAbout.is-active .accordion-title{ padding-left: 0}
#li-hispavista_taskia_tasker_data_type_bioAbout .accordion-title{ margin-bottom: -10px; margin-top: 0}

/*acordeon verificacion tasker*/
#profile-verification-layer li{ opacity:1}
#profile-verification-layer li .accordion-title{background:#fff url("/bundles/hispavistataskia/img/sprite_verificacion.png") no-repeat 98% -35px; font-weight: 600; padding-right: 1.8em;}
#profile-verification-layer li.verified .accordion-title{background-position: 98% .8em; background-color:#F4F4F4; color:#8E8E8E}
#profile-verification-layer li.verifing .accordion-title{background-position: 98% -86px;}
.sumarioVerificacion li a.noVerificado.verifing{color: #e5813e; background-position:0px -94px; }
.inputsIdentidad{ overflow: hidden; margin: 1em 0}
.inputsIdentidad .control-group-frontFile, .inputsIdentidad .control-group-backFile{ max-width:300px; float: left; box-sizing:border-box; margin: 1em 1em 1em 0; padding: 1em; border:3px dashed #ccc}
.inputsIdentidad label{ font-weight: bold; padding-bottom: 5em; margin-bottom: 10px;}

.control-group-frontFile label, .control-group-backFile label{ background: url('/public/img/documento_identidad.png') no-repeat 0px bottom;}
.control-group-backFile{ background-position:1em -121px}

.fechaTarea{ position: relative; max-width: 200px}
.fechaTarea .sufix{ position: absolute; top: 0; right: 0; height: 2.4375rem;  padding: .5rem 1rem; border: 1px solid #cacaca; background-color: #f2f2f2}

.tipoVehiculo { margin-bottom: 6em}
.tipoVehiculo .radio label, #hispavista_taskia_tasker_data_type_availabilities_vehicleType .radio label, #hispavista_taskia_task_draft_frequencyDays_frequency .radio label {     width: 46%;   float: left; text-align: center; overflow: hidden;height: 112px; margin: 0 2% 1em}

.tipoVehiculo .radio label input, #hispavista_taskia_tasker_data_type_availabilities_vehicleType .radio label input,  #hispavista_taskia_task_draft_frequencyDays_frequency input{ display: none}
.tipoVehiculo .radio label:before, #hispavista_taskia_tasker_data_type_availabilities_vehicleType .radio label:before, #li-hispavista_taskia_task_draft_vehicleType .respuesta p, #hispavista_taskia_task_draft_frequencyDays_frequency .radio label:before { background-image:url('/public/img/icos_perfil.png')  }
.tipoVehiculo .radio label:before, #hispavista_taskia_tasker_data_type_availabilities_vehicleType .radio label:before, #hispavista_taskia_task_draft_frequencyDays_frequency .radio label:before, #li-hispavista_taskia_task_draft_vehicleType .respuesta p{ display: block; width: 100%; height: 50px; background-color: transparent; background-repeat:  no-repeat; background-position:  center -340px; content: ""}
#li-hispavista_taskia_task_draft_vehicleType .respuesta p{ padding:5px 0 0 50px; margin-left: .5em; background-position: 0 100px}
#li-hispavista_taskia_task_draft_vehicleType .respuesta p:empty{ display: none}
#li-hispavista_taskia_task_draft_vehicleType .respuesta p.coche{ background-position:0 6px}
#li-hispavista_taskia_task_draft_vehicleType .respuesta p.nonecesario{ background-position: 0 -348px}
#li-hispavista_taskia_task_draft_vehicleType .respuesta p.furgoneta{ background-position: 0 -190px}
#li-hispavista_taskia_task_draft_vehicleType .respuesta p.camion{ background-position: 7px -270px;padding-left: 65px}
#li-hispavista_taskia_task_draft_vehicleType .respuesta p:empty, .respuesta p:empty{ display: none}

#hispavista_taskia_task_draft_frequencyDays_frequency { overflow:hidden}
#hispavista_taskia_task_draft_frequencyDays_frequency .radio label{background-color:rgba(47, 163, 120, 0.1); border:1px solid rgba(47, 163, 120, 0.3);color: #2fa378;   font-size: 110%; font-weight: 700; width:auto; display:block; float:none; text-align:center; margin:0 0 1em;box-sizing:border-box;height:120px; padding-top:1em}
#frequency-duration-layer>div:nth-child(2)>p{margin-bottom: 0px;}
#frequency-duration-layer>div:nth-child(1)>h5{margin-bottom: 1rem;}
/*#frequency-duration-layer p:first-of-type{margin-top: 1rem;}*/

@media screen and (min-width: 40em){
    div#panel-hispavista_taskia_task_draft_frequencyDays .row>div:first-of-type{width: 100%!important;}
    #hispavista_taskia_task_draft_frequencyDays_frequency{display: flex;flex-flow: row nowrap;}
    #hispavista_taskia_task_draft_frequencyDays_frequency .radio{width: 100%; margin: 0 10px;}
}

@media (max-width:639px){
    #hispavista_taskia_task_draft_frequencyDays_frequency{display:grid;grid-template-columns:repeat(2,50%);font-size:9pt;}
    #hispavista_taskia_task_draft_frequencyDays_frequency .radio label{margin:0 4px 8px 4px;}
    #frequency-duration-layer{width: 85%!important;left:8%!important;}
}
/* Ajustar popup de frecuencia a pantallas pequeñas */
@media (max-width:320px) and (max-height:630px){
    #frequency-duration-layer>div:nth-child(1)>p{font-size: 14px;}
    #frequency-duration-layer>div:nth-child(1)>strong{font-size: 16px;}
    .hlead{background-color: transparent; padding:0px;}
}

#hispavista_taskia_task_draft_frequencyDays_frequency .radio label:not(.selected):hover{background-color:rgba(47, 163, 120, 0.2); border:1px solid rgba(47, 163, 120, 0.4);cursor:pointer;}
#hispavista_taskia_task_draft_frequencyDays_frequency .radio:first-of-type label:before{ height:60px;background-position:center -1040px}
#hispavista_taskia_task_draft_frequencyDays_frequency .radio label:before{ height:60px;background-position:center -1273px}

@media screen and (max-width:40em){
    #hispavista_taskia_task_draft_frequencyDays_frequency .radio:first-of-type label:before{ height:60px;background-position:center -604px; background-size: 30px;}
    #hispavista_taskia_task_draft_frequencyDays_frequency .radio label:before{ height:60px;background-position:center -745px; background-size: 30px;}
    #hispavista_taskia_task_draft_frequencyDays_frequency label.selected {background: rgba(47, 163, 120, 1);color: white;cursor: pointer;}
    #hispavista_taskia_task_draft_frequencyDays_frequency .radio:first-of-type label.selected:before {background-position: center -914px!important;}
    #hispavista_taskia_task_draft_frequencyDays_frequency .radio label.selected:before {background-position: center -1053px!important;}
    #hispavista_taskia_task_draft_frequencyDays_frequency .radio label{height:90px!important;font-size:90%!important;padding-top: 0px!important;}
}

#hispavista_taskia_task_draft_frequencyDays_days .checkbox{ float:left}
#hispavista_taskia_task_draft_initHour_hour, #hispavista_taskia_task_draft_initHour_minute{ max-width:100px; text-align:center}
#hispavista_taskia_task_draft_initHour_hour{ margin-right:.8em}
#hispavista_taskia_task_draft_initHour_minute{ margin-left:.8em}


#hispavista_taskia_task_draft_frequencyDays_frequency label.selected {background:rgba(47, 163, 120, 1); color:white; cursor:pointer;}
#hispavista_taskia_task_draft_frequencyDays_frequency .radio:first-of-type label.selected:before{ background-position:center -1554px}
#hispavista_taskia_task_draft_frequencyDays_frequency .radio label.selected:before{  background-position:center -1788px}
#hispavista_taskia_task_draft_frequencyDays_frequency .radio:nth-child(3) label {position: relative;}
#hispavista_taskia_task_draft_frequencyDays_frequency .radio:nth-child(3) label:after {content:'El más popular'; position: absolute; background: #ffc311; font-size: 11px; color: #fff; padding: 0 4px; top: 0; white-space: pre;right: 0;}

#hispavista_taskia_task_draft_vehicleType .radio:nth-child(2) label:before, #hispavista_taskia_tasker_data_type_availabilities_vehicleType .radio:nth-child(2) label:before{ background-position: center 10px}
#hispavista_taskia_task_draft_vehicleType .radio:nth-child(3) label:before, #hispavista_taskia_tasker_data_type_availabilities_vehicleType .radio:nth-child(3) label:before{ background-position: center -183px}
#hispavista_taskia_task_draft_vehicleType .radio:nth-child(4) label:before, #hispavista_taskia_tasker_data_type_availabilities_vehicleType .radio:nth-child(4) label:before{ background-position: center -265px}
#hispavista_taskia_task_draft_vehicleType label.selected:before, #hispavista_taskia_task_draft_vehicleType label.selected, #hispavista_taskia_tasker_data_type_availabilities_vehicleType label.selected:before,
#hispavista_taskia_tasker_data_type_availabilities_vehicleType .radio:nth-child(2) label:before{ background-color: transparent}
#hispavista_taskia_task_draft_vehicleType label, #hispavista_taskia_tasker_data_type_availabilities_vehicleType label{ padding: 1%; }
#hispavista_taskia_task_draft_vehicleType label.selected, #hispavista_taskia_tasker_data_type_availabilities_vehicleType label.selected{ background:rgba(211, 211, 211, 0.5) url('/public/img/ico_tick.png') no-repeat 95% 5%; border-radius: 10px}

.diasTarea{ overflow:hidden; width:100%; margin:1em .5em 0em; display: none}
.diasTarea p{ font-weight:bold}
.diasTarea label{ margin-right:1.5em; margin-left:0}

/*inputs modificados*/
.tasker input:disabled, .tasker input:disabled:hover{background-color: #ddd; color: #333333;opacity:1;}
input.megacorto{ display: inline-block; max-width: 65px!important}
input.muycorto{ display: inline-block; max-width: 170px!important}
input.muycorto.enregistro{ display: inline-block; max-width: 256px!important}
input.corto, input.fecha, select.fecha{ max-width: 200px!important}
input.codigoCVV{ max-width: 100px!important}
input.medio{ max-width:300px}
input[type="text"].largo{ max-width: 460px}
#hispavista_taskia_task_draft_address_addressText{ max-width: none; width: 100%}

.biografia{margin: 1.5em 0 1em; padding: 20px 0px 0px; box-sizing: border-box; background:rgba(233, 233, 233, 0.4) none repeat scroll 0 0; overflow: hidden}
.biografia h3{margin-bottom: 20px;}

.no_validos li{ color: #ec5840; font-size: 0.9em; padding:8px 0px 10px 40px; margin-bottom: 10px; line-height: 1.2em; background:url('/public/img/no_validos.png') no-repeat 0 3px;}
.no_validos .no_enlaces{background-position: 0px -80px;}
.skill label:after, .biografia h3:after{ display: block; width: 100%; content:"No escribas teléfonos ni enlaces"; color:#FF5151; background: url('/public/img/no_validos_mov.png') no-repeat 0 bottom; padding-bottom: 2.5em; margin:0 0 1em; font-size: 80%}

p.info{ line-height: 110%}
p.info::before{content: "i";font-size: 70%;color: #fff;background: #888 none repeat scroll 0% 0%;border-radius: 15px;width: 15px;height: 15px;display:block; line-height: 15px;text-align: center;    margin: .2em .5em 0 0; font-weight: bold;float: left}
p.info.infoCobro::before{ background:#ef390b}
a.info{ color: #fff; font-weight: 600; background: #2ea378; border-radius:40px; display: inline-block; text-align: center;  text-decoration: none; padding: 0px 8px}
.infoPasos{ line-height: 120%; margin-left: 1em; color: #3d7451}
.explicacion{color:#333; font-weight: bold;}
.explicacion i{ padding: .2em .6em; background: #5594c0; color: white; border-radius: 50px; font-size: 80%; margin-right: .8em}

/*Listado de Taskers*/
.resumenTarea{ background-color:#e9e9e9; padding:1em 0;}
.resumenTarea + .tasker{ padding-top: 1em}
.resumenTarea h3 a{ font-size: 2rem; float:left; margin-right:.5em; display:inline-block}
.resumenTarea h3{ overflow:hidden}
.ordenar{ display: block; padding: 0.5rem 0}
.callout.alert:empty{ display: none}
ul.callout.alert { list-style: none}
.callout.alert li{ background:transparent}

.fichaTasker{ background: rgb(255,255,255); border-radius: 3px; margin-bottom: 1em; padding: 1.2em}
.fichaTasker .fotoTasker{ margin:1em auto}
.fichaTasker quote{ line-height: 1.5; margin: 1em; display: block}
.fichaTasker quote:afer, .fichaTasker quote:before{ content:"'"; display: block; font-size: 200%; width: 20px; height: 20px; color: #ccc}
.fichaTasker quote::first-letter{ text-transform: uppercase}
.fichaTasker h5 a{ font-weight: bold; margin: .8em auto; display: block; text-align: center; text-transform: capitalize; font-weight: 700; color: #444;font-size: 130%;}


.karmaBox{ width: 120px; height: 21px;background-color: #ccc; position: relative; margin:1em auto}
.karma, .karmaInteriores, .karmaOpiniones{ background:url('/public/img/karma.png') no-repeat 0 0; position: absolute;left: 0; right: 0;height: 21px;width:120px}
.karmaInteriores{ background-image:url('/public/img/karmaInteriores.png') }
.karmaOpiniones{ background-image:url('/public/img/karmaOpiniones.png') }
.karmaStars{ background-color: #467370; left: 0px;top: 0px;bottom: 0px;height: 20px; max-width: 120px !important;}

.taskerSeleccionado{ margin-top:.5em}
.taskerSeleccionado .fotoTasker img, .taskerSeleccionado .fotoTasker{ max-width: 100px}
.taskerSeleccionado .callout.primary{ background-color:#def0fc; padding:.8em; margin: 0}
.taskerSeleccionado .karmaBox{ margin: 0}
.apartadosForms{ padding: 1em; background: rgba(255,255,255,.8); margin-bottom: 1em; margin-top: 1em; overflow: hidden}
.labelForms{ font-size: 120%; font-weight: bold; margin-bottom: 1em}
.fichaLateral p{margin-top: 1em}
.fichaLateral span.opiniones{ margin-top:1em; float: none; display: block; text-align: left; border: none}


/*Zona privada*/
.listados {
    margin: 2em auto;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #00000010;
}
.zonaPrivada { margin: 2em auto 3em}availabilities-list


.zonaPrivada h2 + h3{ margin-top: -1em; margin-bottom: 2em; font-size: 120%; color: #666}
.interiores h3{ font-size: 100%; line-height: 120%;}
.interiores h3 p{ font-size: 70%}
.interiores h3 strong{ font-size: 100%; margin-bottom: 1em}
.interiores .listadoCategorias h3{ margin: 0}
.interiores h4{ font-size: 110%}
.cabeceraTabla, .filasTabla{ padding: .8em 0; background: #fff}
.cabeceraTabla{  padding: .8em 0; font-size: 120%; color: #899b99; background: #fff; border-bottom:1px dashed rgba(180,180,180,1)}
.cabeceraTabla .misTareas{ margin-left:40px}
.filasTabla {
    border-bottom: 1px solid #D5ECE480;
    line-height: 170%;
    font-size: 90%;
    padding: 1.5em 0
}

.filasTabla a strong {
    color: #333
}

.filasTabla .button {
    margin: 0
}
/*.listados .filasTabla:nth-child(odd){ background: rgba(240,240,240,.8) }*/

.filasTabla .sin_tasker a strong{color:#999 !important; margin-left: 0; font-size: 120%}
.filasTabla a + a.catTarea{ margin-left:0}

.button.availability-save{margin-bottom: 10px;}

.perfil{ background: #F0F0F0}
.perfilTaskerNav a{ margin: 2em 0; display: block}
.perfilTaskerRight{ background: rgb(220,220,220); padding: 0}
.perfilTaskerRight nav{ border-bottom: 1px solid rgb(168,168,168); overflow: hidden}
.perfilTaskerRight nav a{ color: rgb(100,100,100); text-transform: uppercase; display: block; text-align: center; padding:0 .5rem; margin: 0.9375rem auto; border-right:1px solid #A8A8A8; font-weight: 600}
.perfilTaskerRight nav li:last-of-type a{ border-right: none}
.perfilTaskerRight nav li.selected{ border-top:8px solid #2EA378}
.perfilTaskerRight nav ul{display: flex; flex-flow: row nowrap; justify-content: start;}
.perfilTaskerRight nav li{ /*float: left;*/ border-top: 8px solid rgb(220,220,220)}
.perfil .datosPerfil{ margin: 1em}
.perfil .datosPerfil p{ line-height: 150%}
.perfil .datosPerfil .botonSecundario{ padding: .8em}
.perfil .datosPerfil h5:not(:first-child){ margin-top: 2em}
.perfil .datosPerfil .karmaBox{ background-color: #a1a1a1}
.perfil .datosPerfil .listadoCategorias {display:block;}
.perfilTaskerDatos{ margin: 2em 0}
.perfilTaskerDatos h3 { font-weight: 700; color: #444; font-size: 140%; margin: .8em 0 0}
.perfilTaskerDatos hr{ max-width: 1em; margin: 2em auto}
.perfilTaskerDatos .karmaBox{ margin:1em auto}
.listadoSeparacion{ margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted white}
.opiniones{ margin-bottom: 2em;  border-bottom: 1px solid #ccc;}
.opiniones .fotoTasker{ border: none; padding: 0; max-width:100%}
.opiniones p{ font-style: italic}
.opiniones .karmaBox{margin: 1em 0}
.taskerReviewItem.opiniones{ border: none}
.radiosDistancia .radio{ max-width: 33%; float: left; margin: .6em 1em .6em 0}
.radiosDistancia label{ font-weight: normal}
.icoMovil{  margin: .7rem .7rem 0 0; font-size: 110% !important;}
.icoMovil + input{max-width: 120px!important}
.perfil_tasker .large-7{margin-top: 33px;}

/* Alinear el listado de categorías en el perfil público */
@media screen and (min-width:640px){
    .perfil .datosPerfil .listadoCategorias>li{display:flex; flex-flow: row nowrap; align-items: center;}
    .perfil .datosPerfil .listadoCategorias>li>div:nth-child(2)>h5 {overflow: hidden;}
    .perfil .datosPerfil .listadoCategorias>li>div:nth-child(2)>h5::before {content: ""; height: 100%; display: inline-block; vertical-align: middle;}
    .perfil .datosPerfil .listadoCategorias:first-of-type, .perfil .datosPerfil .listadoCategorias:first-of-type li{ margin-top: 0}
}

@media screen and (max-width:639px){
    .perfil .datosPerfil .listadoCategorias>li{display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; text-align:center;}
    .perfil .datosPerfil .listadoCategorias>li>div:first-child{display:inline-flex; justify-content:center; }
    .perfil .datosPerfil .listadoCategorias>li>div:nth-child(2){width:100%;}
    .perfil .datosPerfil .listadoCategorias>li>div:nth-child(2)>h5 {white-space: break-spaces; height: 100%;}
}

.interiores.perfil{background:#e9e9e9; }
.ver_perfil{padding-top: 2em;}
.ver_perfil .button{width: 220px;}

.datosMovil .explicacionBox{ font-weight: normal; margin:.8em 0 0;position: relative; display: block; position: relative}
.datosMovil .explicacionLabel{display: block; background-color: rgb(251, 251, 188);font-size: 70%; padding: .6em .8em;color: rgb(132, 121, 4); font-weight: normal;min-width:280px; line-height: 130%}
.datosMovil .fa{display: none;}


/*foto perfil upload
#hispavista_taskia_client_profile_type .single-upload-preview { width: 180px; border-radius: 180px!important; height: auto; max-height: 180px; overflow: hidden; border: 6px solid #2EAB78!important}
#hispavista_taskia_client_profile_type .single-upload-preview img{ min-width: 180px; min-height: 180px; width: 100%; height: 100%; margin: -20px 0 0 -30px;}
#hispavista_taskia_client_profile_type .form-actions.form-actions-condensed{ color: #2ea378; background: transparent; border: none; padding: 0;  max-width: 180px; display: block;
margin:0 0  -110px !important;text-align: center; background: rgba(255,255,255,.5); text-transform: uppercase}
#hispavista_taskia_client_profile_type .single-upload { width: 100%; margin-bottom: 1em; margin-top: 80px}
#hispavista_taskia_client_profile_type .singleupload-buttonbar > span {  background: rgba(255,255,255,.8); border-radius: 3px; padding: 8px}
.single-upload-preview [class*="_preview_image"]{ min-width: 180px; min-height: 180px}
.single-upload-preview .row-fluid{ display: none}*/

#profile-form .singleupload-buttonbar { background-color: transparent; border-top: none; text-align: center; padding: 0}
#profile-form .single-upload-preview{border: medium none;width: 240px;margin-top: -50px; overflow: hidden}
#profile-form .single-upload-preview img{ border:6px solid #2EA378; overflow: hidden; border-radius:100%; width: 220px!important; min-height: 220px!important; height: 100%}
#profile-form .singleupload-buttonbar > span{ margin: -25px auto 0; position: absolute; top: 50%; left: 0; right: 0;  background:rgba(255,255,255,.8);color:#2ea378; border-radius:5px; padding:.6em .8em; width:auto; max-width: 160px}
#profile-form .single-upload:hover .singleupload-buttonbar > span{display:block !important}
#profile-form .single-upload{width: 240px;height: 240px;overflow: hidden;background: #b2bdb7;border-radius: 100%; position: relative}
#profile-form .fileicon{ color: #fff; text-shadow: none}
#profile-form .single-upload canvas{height: auto;width: 220px;overflow: hidden;border-radius:100%;max-height: 220px}
#profile-form .fileicon.inexistent{ margin-top: 13px;line-height: 120%;font-size: 110%;font-weight: normal;font-family: inherit;margin-left: 10px}
#profile-form .fileicon.inexistent br{ width: 5px}
#profile-form input.corto, #profile-form .button.form-continue{width:240px; max-width:240px!important}

/*sumario verificacion*/
.sumarioVerificacion{border-top: 6px solid #2ea378;}
.sumarioVerificacion:not(.all-verified) {border-color: #E45252;}
.sumarioVerificacion{ padding: 1em;}
.sumarioVerificacion li a, .sumarioVerificacion li.verificado{ display: block; background:url("/bundles/hispavistataskia/img/sprite_verificacion.png") no-repeat 0 6px; padding: 10px 0 10px 40px; line-height: 110%;}
.sumarioVerificacion li a.verificado{ background-position: 0 6px}
.sumarioVerificacion li a.noVerificado{background-position: 0 -42px; color: #E45252}
.sumarioVerificacion li a.pendiente{background-position: 0 -90px; color: #E4813D;}
.sumarioVerificacion .has-tip{ cursor: pointer; display: block; border: none}
.sumarioVerificacion p{ margin-bottom: 0; margin-top: 1em}
.sumarioVerificacion .button{ border:2px solid #2ea378;color:#2ea378; border-radius: 5px; background: transparent; font-weight: 600;text-transform: uppercase;padding: .8em; width: 100%;text-decoration: none;outline: none}
.sumarioVerificacion .button:hover, .sumarioVerificacion .button:active, .sumarioVerificacion .button:focus{ background: #548c72; border-color:#548c72; color: #fff}

span.verificado, span.noVerificado{ display: inline-block; font-size: 80%;  padding:3px 10px 3px 17px; background:url("/bundles/hispavistataskia/img/sprite_verificacion.png") no-repeat 0 0; background-size:15px auto; color: #666; line-height: 100%}
span.noVerificado{background-position: 0 -23px;color: #E45252;}

span.movilVerificado, span.movilNoVerificado{ display: inline-block; font-size: 90%;  padding:3px 10px 3px 17px; background:url("/bundles/hispavistataskia/img/sprite_verificacion.png") no-repeat 0 0; background-size:15px auto; color: #666; line-height: 100%}
span.movilNoVerificado{background-position: 0 -23px;color: #E45252;}

.verificacionCaja{ position: relative; background: #ccc; border-radius:3px; overflow: hidden; padding: .8em}
.verificacionPorcentaje{ position: absolute; left: 0; left: 0; top:0; bottom: 0; background-color:#248D72; text-align: center }
.verificacionLeyenda{ font-size: 90%; color: #333; margin: 0; text-align: right}



.icosTasker li, .nuevoTasker{ background: url("/bundles/hispavistataskia/img/icos_perfil.png") no-repeat 0 0; margin: 1em auto; text-align: left; padding-left:40px; line-height: 230%}
.icosTasker li{ margin:.8em 0; font-size: 90%; padding: .7em 0 .7em 4em; line-height: 110%}
.icosTasker{ margin-top: 2em; list-style: none}
.icosTasker li.coche { background-position: 0 8px}
.icosTasker li.rapidez {background-position: 0 -46px}
.icosTasker li.identidadVerificada{background-position: 0 -103px}
.icosTasker li.cuenta-profesional{background-position: 0 -784px}
.icosTasker li.seleccion{ background-position: 0 -528px}
.icosTasker li.telefonoVerificado{ background-position: 0 -617px}
.icosTasker li.emailVerificado{ background-position: 0 -697px}
.icosTasker li.furgoneta{ background-position: 0 -187px}
.icosTasker li.camion{ background-position: 0 -268px}
.icosTasker li.noVehiculo{ background-position: 0 -345px}
.nuevoTasker{background-position: 0 -784px;padding-left: 3.5em;margin-bottom: 2em }

.perfil .icosTasker{margin: 0px auto;max-width: 230px}
.perfil .nuevoTasker{margin: 1em auto;max-width: 170px}


.seleccionTaskia{ border-left: 6px solid #2EA378; border-radius:0 3px 3px 0}
.seleccionTaskia h5 a{ text-align: left; font-size: 100%; text-transform: none}
.icosTasker li.confianza{ background-position: 10px -849px;padding: 2em 1em 2em 3.5em;font-size: 120%; font-weight: 700}

.encabezadoVertical{ padding: .8em 0}

.reservarTarea h4{ margin: 2em auto}
.icoReserva{ display: block; width: 100px; height: 100px; border-radius: 100px; background: #3E9975 url("/public/img/sprite-reserva.png") no-repeat center center; margin: 0 auto 1em}
.icoReserva.inforeserva{ background-position: center 10px}
.icoReserva.infocobro{ background-position: center -200px}
.icoReserva.infocancelar{ background-position: center -383px}
.reservarTarea p{ margin-bottom: 2em}

/*Timeline*/
.callout + .fechaCreacion{ margin-top: -1rem}
.fechaCreacion{margin-bottom: 1.6em}
.fechaCreacion p{ color: grey;}
.fotoTimeline{border-radius:100%; max-width: 50px; height: auto; max-width: 32px;}
.fotoTimeline.taskia{ border: 3px solid #2eab78; background: rgb(230, 230, 230); float: right;}
.fotoTimeline.taskia img{border: 3px solid #fff; border-radius: 100%;}
.mensajeSistema{ margin: 1em 0}
.callout.success { background-color: #bdf2d0; border: none}
.mensajeSistema .total{border-top:1px dashed #ffffff;}

.menu.timeline{ background: #dcdcdc}
.menu.timeline li{ padding-right: 1em}
.menu.timeline a{ border-top: 4px solid transparent; font-weight: 600; color:#686868;padding: .8em}
.menu.timeline a.selected{ color:#686868; border-top-color:#2EAB78}

/*.submenuTasker, .submenuCliente {display: none;}*/
.submenuTasker .menu.vertical > li{border-top:1px solid #578a88;}
.submenuCliente .menu.vertical > li{border-bottom:1px solid #7dc88b; border-top: none;}
.menu-desplegar{ position: relative}
.menu-desplegar:after{content: '';    position: absolute;    right: 0;    top: 50%;    width: 0;    height: 0;    border-left: 4px solid transparent;    border-right: 4px solid transparent;   border-top:4px solid #ffffff;    clear: both;}

.single-upload{ width: 100%; margin-bottom:1em }
.timelineAdjunto .form-actions.form-actions-condensed{ margin-top: 0}
.timelineAdjunto .singleupload-buttonbar > span{ color: #2EA378; font-weight: bold; line-height: 24px}
.timelineAdjunto .singleupload-buttonbar > span:before{ display: block; content: "+"; float: left; color: white; background: #2EA378; width: 24px; border-radius: 1px; text-align: center; font-family: sans-serif; margin-right: .5em}
.timelineAdjunto .singleupload-buttonbar{ background: transparent; border: none}
.timelineMensaje textarea{margin-bottom: 0}
.timelineAdjunto .button, .timelineMensaje .button{ margin-top: 1em}


.timelineAdjunto .single-upload-preview { border-width: 2px; border-style: dashed; border-color: #DDD; border-image: none; border-radius: 0; padding: 15px; margin-left: 0; margin-bottom: -1em}
.timelineAdjunto .fileicon { padding-top: 50px; line-height: 20px; font-size: 14px }
.timelineAdjunto .form-actions.form-actions-condensed {  padding: 0 0 .5em}
#reporting-task-form-div label{ display: none}
#hispavista_taskia_new_photo_message_image_fileObject_preview .single-upload-preview [class*="_preview_image"]{ text-align: left}
#hispavista_taskia_task_draft_image_fileObject_preview .single-upload-preview [class*="_preview_image"]{ text-align: left}
.avisoNoleido{ margin: 3em auto}
.gestionarTarea{ margin:1em auto 2em}
.timelineTarea{ margin:1em auto 3em auto; background: #fff; padding: 1em 0}
.timelineTarea label{ display: none}
.timelineTarea .button, .gestionarTarea .button{ margin-right: 1em}
.timelineTarea .button{margin-bottom: 5px;}
.timelineTarea .mensajeSistema{ margin:0 auto}
.timelineTarea .avisoNoleido{ text-align: center}
.timelineTarea .avisoNoleido hr{ margin-bottom: -15px}
.timelineTarea .avisoNoleido p{ display: inline-block; background:rgb(220,220,220); padding: 0 1em; font-weight: bold; border-radius: 20px; font-size: 90%}

.rechazarPresupuesto{ padding: 3em 0;position: relative;border-top: 1px solid grey}

/*notificaciones*/
.notificaciones label{ display: block}
.notificaciones .row{ margin-bottom: 1em; border-bottom: 1px dotted rgb(220,220,220); padding-bottom: 1em}
.notificaciones .row:last-of-type{ border-bottom: none}
#notification + #success-message1 > .notificacionesTasker{ background-color:#fff3d9!important; color:inherit; border:none}
.listadoCategorias #success-message1 .callout.warning.notificacionesCabecera{margin-bottom:30px;}
#success-message1 + .tareas{ margin-top: 2em}
#success-message1 + #error-message1{ margin:0}
/*Saldo*/
.saldoInfo {
    /*border: 1px solid #ABDAC9;*/
    margin: 2em 0.5em 1em;
}

.saldoTotal {
    padding: 1em;
}

.saldoTotal p {
    /*font-weight: 600;*/
    color: #273d3b
}

.saldoDisponible {
    padding: 1em
}

.saldoDisponible .stat {
    display: inline
}

.paginacion {
    margin: 1em auto
}

.pagination .disabled {
    color: #999
}

.pagination .current {
    background: #2ea378;
    border-radius: 4px;
}

.pagination {
    line-height: 1em;
}

.pagination li {
    display: inline-block;
}

.pagination li:first-child,
.pagination li:last-child {
    font-size: 140%;
}

.listadoInvitaciones .tick,
small.tick {
    padding-left: 28px;
    background: url("/public/img/ico_tick.png") no-repeat left center
}
small.tick{ padding: 1em 1em 1em 2.5em; text-transform: uppercase}
.listadoInvitaciones .row{ margin-bottom: 1em;border-bottom: 2px solid rgb(228, 225, 225)}
.listadoInvitaciones .row:last-of-type{ margin-bottom: 0; border-bottom: none}

/*globos*/
.message-content, .response-content { position: relative; background: #d5d5d5; padding:1em 1.6em; border-radius: 5px; display: inline-block;}
.response-content{ background: #efefef}
.message-content:after { left: 100%; top: 1.5em; border: solid transparent;	content: " "; height: 0; width: 0; position: absolute;	pointer-events: none; border-color: rgba(213, 213, 213, 0);	border-left-color: #d5d5d5;border-width: 10px;	margin-top: -10px}
.response-content:after{ right:100%; top: 1.5em; border: solid transparent;	content: " "; height: 0; width: 0; position: absolute;	pointer-events: none; border-color: rgba(239, 239, 239, 0); border-right-color: #efefef; border-width: 10px;	margin-top: -10px}
.mensajeFoto .response-content img, .mensajeFoto .response-content img{ margin: 1em 0}
.response-content h5 em{ font-family: Montserrat, sans-serif; font-weight:normal; display:inline-block; margin:0.3em 0}
.response-content .prices { float: right;}

#new-photo-message-form .single-upload-preview {display: none;}
#form .single-upload-preview {display: none;}

/*calendario disponibilidad*/
.datepicker td.day.disabled {color: #ccc!important; background: #eee}
.day.active {color: #000!important; background: #2ea378!important;}
.month.active {color: #000!important; background: #2ea378!important;}
.year.active {color: #000!important; background: #2ea378!important;}
.datepicker td.work.day{ background: #42AF41}
.datepicker td, .datepicker th{ width: 50px; height: 30px}
.datepicker-inline{ width: 300px}
.datepicker td.new{ color: #777}
.datepicker th.date-switch{ font-size: 110%}
.datepicker td.nexception.day{ color: #000}

/*estaticas*/
.paginasEstaticas{ margin: 3em auto}
.paginasEstaticas h2{ font-size: 160%; margin-bottom: 1em}
.paginasEstaticas.funcionamiento, .sugerenciaBusqueda + .funcionamiento{ margin:0 auto}
.paginasEstaticas .imgTaskers{ padding: 8px; background-color:white; border:6px solid #2EAB78}


/*Aviso legal*/
.avisosLegales h5{ margin: 1.5em 0 1em}
.avisosLegales a + a{ margin: 0}
.avisosLegales ul { padding: 0; margin: 0 0 0 1em}
.avisosLegales ul li{ margin: .8em 0; list-style: disc }

/*formulario subir imagen*/
.botonSubir .single-upload{ margin: 0; width: auto}
.botonSubir .singleupload-buttonbar, .botonTaskDraftSubir .singleupload-buttonbar  { background-color: transparent; border-top: none}
.botonSubir .singleupload-buttonbar > span,  .botonTaskDraftSubir .singleupload-buttonbar > span{ width:100%; transition: background-color .25s ease-out,color .25s ease-out;background-color: white; color: #2ea378;border:1px solid #2ea378; border-radius: 5px;font-weight: 600; text-transform: uppercase; padding:.8em 1em;  text-decoration: none;  text-align: center; margin: .9em 0 0 0;line-height: 100%}
.botonSubir .singleupload-buttonbar > span:hover,  .botonTaskDraftSubir .singleupload-buttonbar > span:hover { background-color: #2ea378;border-color:#2ea378;  color:white}
.botonSubir .form-actions.form-actions-condensed{ margin-top: 0; max-width: 360px; padding: 0; font-size:90%}
.botonTaskDraftSubir .single-upload{ margin: 0; width: auto}
.botonTaskDraftSubir .form-actions.form-actions-condensed{ margin-top: .9em; max-width: 360px; padding: 0; font-size:90%}
.single-upload-preview{ margin-bottom: 1em}
.img-polaroid{ max-height: 180px}
.evaluacion .radio{ width:50px; display: inline-block; margin: 1em 0}
.evaluacion .radio label{ font-size: 130%; font-weight: bold}

/*sprite Compartir*/
.icosSociales a{ background: url("/public/img/icos_sociales.png") no-repeat 0 0; overflow: hidden; display: block; text-indent: -800px; line-height: 46px; width: 46px}
.icosSociales ul{ list-style: none; margin: 0; padding: 0}
.icosSociales li{ float: left; margin-right: 1em}
.icosSociales li:last-child{ margin-right:0 }
.icosSociales a.icofb{ background-position: 0 -74px }
.icosSociales a.icotw{ background-position: 0 0 }
.icosSociales a.icoms{ background-position: 0 -145px }

/*Modificaciones callouts*/
.callout[data-closable] {padding-right: 42px;}
.callout.primary { background-color: #c1def2; border:none;}
.mensajeSistema .callout.primary, .mensajeRevies .callout.success { background-color: #e2eae0;}
.mensajeSistema .callout.primary h5, .mensajeSistema .callout.primary p, .mensajeRevies .callout.success h5, .mensajeRevies .callout.success p, .mensajeRevies .callout.success a{color: #444;}
.mensajeSistema a, .mensajeSistema a:active{color: #fff;}
.primary.callout.response-content::after, .success.callout.response-content::after{ border-color: rgba(239, 239, 239, 0) #e2eae0 rgba(239, 239, 239, 0) rgba(239, 239, 239, 0);}
.response-content blockquote{padding:1em 1em 1em 2em; width: 100%; margin-top: 1em;}
.response-content blockquote:after, .response-content blockquote:before{ display:none}

.callout a{ text-decoration: underline}
.callout a.button{ text-decoration: none}
.callout a.button.botonInfoDisabled{ max-width: 380px; background-color: #777; }
.callout.noTaskers{ margin-bottom: 0; border-left: 6px solid #2EA378; padding-bottom: 0; background-color: white}
.callout.noTaskers p{ padding: 1rem; background-color: #c1def2}
.notificacionesCabecera{ text-align: center; margin: 0;}
.notificacionesCabecera .button.hollow{ display:inline-block; width:inherit}
.notificacionesCabecera .button.hollow:focus, .notificacionesCabecera .button.hollow:active, .notificacionesCabecera .button.hollow:hover{ border:1px solid white}
.notificacionesTasker{ background-color: #2199e8; /*color:white*/}
.notificacionesTasker p { color: white}
.notificacionesTasker a, .notificacionesCabecera button { /*color: white!important;*/font-weight: bold}
.alert, .alert .close-button{color:#f04124; }
#ok-creating-messages, #error-creating-messages{ margin-bottom:1em; margin-top:-2em}
.cuentaBancaria input{ width: auto}

.botonesPerfil a{ background: url("/public/img/sprite-edicion.png") no-repeat 0 0; font-size: 90%;  margin-left: 8px; display: inline-block; text-indent: -500px; overflow: hidden; width: 32px; line-height: 32px; float: right}
.botonesPerfil a:hover{ opacity:1}
.botonesPerfil a.editar{ background-position:0 0}

.botonesPerfil a.visualizar, .botonesPerfil a.visualizar:visited{border-radius: 5px;  line-height: 1em; margin-left: 0px;padding: 0.8em; border:2px solid #2ea378; font-weight: normal;    background-image:none; text-indent: inherit; width: auto; text-align: left; float:left; background-color: #2ea378; color: white}
.botonesPerfil a.visualizar:focus,.botonesPerfil a.visualizar:active, .botonesPerfil a.visualizar:hover{border:2px solid #376550; color: #fff !important;}

.botonesPerfil .has-tip{ cursor: pointer;border: none}
.botonesPerfil .profile_help {background-image:none;  font-size: 100%; margin-left: 0px; text-indent: 0px; display:inline; float: none;}

/*Landing*/
.landingCabecera{ text-align: center; background:url("/public/img/landing_invitacion.png") no-repeat center 20px; background-size:100%; box-shadow:0px 5px 25px rgba(80,80,80,.3); padding: 3em 3% 0; margin-bottom: 3em; text-align: center}
.landingCabecera h2{ margin: 3.2em auto 1em; font-size: 200%}
.landingCabecera .button{ padding: 1em; font-size: 110%; margin-bottom: 2em}
.landingCuerpo{font-size: 90%;padding: 1em 5%; text-align: center}
.landingCuerpo h3{ margin-bottom: 1em; font-size: 180%;}

.landingCabecera.confirmacion{background-image:url("/public/img/landing_confirmacion.png");}
.button.auto{width: auto;}

/*bloque info saldo*/
.arrow_box { margin-top:1em; padding: 1.5em 2em; font-size: 90%; position: relative; background: #f2f7d2; border: 1px solid #d9d493}
.arrow_box:after, .arrow_box:before { right: 100%; top: 50%; border: solid transparent;	content: " "; height: 0; width: 0; position: absolute; pointer-events: none}
.arrow_box:after { border-color: rgba(242, 247, 210, 0); border-right-color: #f2f7d2; border-width: 10px;	margin-top: -10px}
.arrow_box:before {	border-color: rgba(217, 212, 147, 0); border-right-color: #d9d493; border-width: 11px; margin-top: -11px}

@media (max-width:639px){
    .arrow_box:after, .arrow_box:before {content:''; display:block; position:absolute; top:-20px; left:30px; width:0; height:0; pointer-events: none}
    .arrow_box:after { border-color: transparent transparent #f2f7d2 transparent; border-style: solid; border-width: 10px; margin-top: 0px}
    .arrow_box:before { border-color: transparent transparent #d9d493 transparent; border-style: solid; border-width: 10px; margin-top: -1px}
}

/*bloque info saldo*/
.negative_pending_money_box { margin-top:2em; padding: 1.5em 2em; position: relative; background: #ffa194; border: 1px solid #ff655a; font-size: 150%; }
/*.negative_pending_money_box .button { width: 200px; }*/

.filasTabla span.has-tip{ cursor: pointer;border: none; display: block; width: 30px; height: 30px; background-color:#2ea378; margin-left: .8em; text-align: center;float: right;color: #fff;border-radius: 50px;line-height: 30px;margin-right: 1em;margin-top: -.3em;}

.infoPago{ padding: 1em; background: #e8e8e8; border-radius:3px; overflow: hidden}
.infoPago img + small{ display: block; margin-top: 1em}

/*pagsError*/
.pagsError h1, .pagsError h2, .pagsError h3{ margin-top: 1em; color: #666}
.pagsError h1{font-size: 400%;}
.pagsError h2{ font-size: 200%;}
.pagsError h3{ font-size:150%; margin-bottom: 1em}
.pagsError ul{ list-style:disc; margin-left: 1em; color: rgba(46, 163, 120, 0.5);}
.pagsError li{ margin-top: .6em; font-size: 90%}

/*resumen presupuesto Tasker*/
.infoPresupuesto{ display: none!important}
.datosPresupuesto{ background-color: rgb(251, 251, 188); font-size: 90%; padding: .6em; color:#000; font-weight:normal; line-height: 130%; margin: .6em 0 1em; width:100%; box-sizing: border-box}

.mensajesFlash:empty{ display: none}
.mensajesFlash .callout{padding: 1rem 2rem 1rem 1rem}
.mensajeFoto .message-image-container { position: relative; display: inline-block; /* added */ overflow: hidden; /* added */ width: 128px; height: 128px; line-height: 128px;}
.message-image-container > img {    opacity: 0.35; vertical-align: middle;}
.message-image-container a {   color: inherit;  position: absolute; text-align: center;  z-index: 500; width:100%; height: 100%; left: 0;top: 0px;}

.total{border-top: 1px dashed #999; padding-top: 3px; margin-top: 5px; display: block; font-weight: bold;}

.charcounter{margin-bottom: 1em;padding: 0px 10px;text-align: right;font-size: 80%;margin-top: -1.2em;display: block;float: right; color: white; background-color: #CACACA; font-weight: bold}

/*Estilos de Foundation*/
.panel { background: #f2f2f2 none repeat scroll 0 0;    border-color: #d8d8d8;    border-style: solid;    border-width: 1px;    margin-bottom: 1.25rem;    padding: 1.25rem;    overflow: hidden}
.reveal .panel{margin-bottom: 0px;}

/*botones aboslutos abajo*/
.atencion_usuario, .anadir_anuncio, .contratar_ayuda{display: none;}


.float-button{z-index: 999998; position: fixed; right: 0px; bottom: 0px; width: 126px; height: 49px; margin: 10px 20px;}
.landingTasker{ margin-top: 2em; text-align: center}
.landingTasker img{ margin: 0 auto; display: block}
.landingTasker h2{ margin-top: 2em }
.all-verified{display:none}


/*nuevoTasker*/
.nuevoTasker{ background:#fff; padding:2em 0; margin:0; margin-bottom: -50px}
.nuevoTasker h3, .nuevoTasker h4{ text-align: center}
.nuevoTasker h4{ margin-bottom: 1.5em; font-size: 160%}
.nuevoTasker h3 span{ font-weight: 700; display: inline-block; background-color: #2eab78; color: #fff;  border-radius: 100%;   padding: .8em 1em; font-size: 100%;float: left; margin-top: 1em; margin-left: 3.5em}
.nuevoTasker h3 p{ font-weight: 600;}
.nuevoTasker h3 a{ color: #333}
.nuevoTasker h3 p:before{ display: block; width: auto; height:125px; padding: 1em 0; content:"";background: url('/public/img/nuevoTasker.png') no-repeat 0 0}
.nuevoTasker h3 p.anuncia:before{ background-position: 144px 10px}
.nuevoTasker h3 p.contacta:before{ background-position: 140px -210px}
.nuevoTasker h3 p.cobra:before{ background-position: 130px -415px}
.nuevoTasker ul { margin: 0 1em; text-align: left }
.nuevoTasker ul li{ margin-bottom: 1em; font-size:90%; line-height: 150%}
.nuevoTasker .howto-start-explain{display:none}


/*Partners Home*/
.rc-rcbrand-container {
    position:relative;
    max-width:100%;
    margin: 0 0 40px 0;
}
.rc-rcbrand-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    text-align:center;
    overflow: auto;
}

.rc-rcbrand-inner {
    position: relative;
    overflow: hidden;
    width:100%;
}

.rc-rcbrand-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.rc-rcbrand-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.rc-rcbrand-nav-left,
.rc-rcbrand-nav-right {
    padding:5px 10px;
    border-radius:50%;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 65%;
    transform: translateY(-50%);
    color: #2eab78;
    font-size: 25px;
    transition: all 0.5s;
}
.rc-rcbrand-nav-left:hover,
.rc-rcbrand-nav-right:hover {
    color: #333;
}
.rc-rcbrand-nav-left {
    left: -10px;
}

.rc-rcbrand-nav-left:before {
    content: "◀"
}

.rc-rcbrand-nav-left.disabled {
    opacity: 0.4;
}

.rc-rcbrand-nav-right {
    right: -10px;
}

.rc-rcbrand-nav-right:before {
    content: "▶"
}

.rc-rcbrand-nav-right.disabled {
    opacity: 0.4;
}

.partners {
    background: #f8f8f8;
    padding: 3em 0;
    text-align: center;
}
.partners ul{ margin: 30px 0 0 0; padding: 0;display: flex!important; flex-wrap: wrap; align-items: center;}
.partners ul li{  margin: 0;}
.partners ul li img{max-height: 70px;max-width: 160px;}
.partners ul li .logo-apaisado1{max-width: 230px;}
.partners ul li .logo-apaisado2{max-width: 190px;}
.partners h5 {
    border-top: 3px solid #2eab78;
    padding-top: 40px;
}
@media (max-width:640px){
    .partners ul{ display: block;}
    .partners ul li{ display: inline-block;margin: 5px 0 30px;width: 45%;}
    .partners ul li img{width: 90%;}
    .rc-rcbrand-nav-left, .rc-rcbrand-nav-right { top: auto; bottom: -37px;}
}

/*referencias medios*/
.referenciasMedios{ margin: 0; padding: 1.5em 0; background:#2eab78; border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2)}
.referenciasMedios ul{ overflow: hidden; margin: 0; padding: 0}
.referenciasMedios ul li{ width: 33%; float: left}
.referenciasMedios ul li a{ display: block; background:url('/public/img/spriteMedios.png') no-repeat; width:100%; max-width: 194px; line-height:5.3em; float: left; text-indent: -900px; overflow: hidden}
.referenciasMedios ul li a.cincoDias{ background-position: center -90px}
.referenciasMedios ul li a.europaPress{ background-position: center -185px}
.referenciasMedios ul li a.laRazon{ background-position: center -478px}
.referenciasMedios ul li a.radioEuskadi{ background-position: center 10px}
.referenciasMedios ul li a.ondaVasca{ background-position: center -389px}
.referenciasMedios ul li a.veinteMinutos{ background-position: center -285px}

#stickie { background: rgb(251, 251, 188); position: fixed;  bottom: 0; right:0; left:0;  width: 100%; height: 80px; text-align: center; padding: 1em}
#stickie.unstuck { position: static; background:transparent }
.sticky-wrapper { height: 80px}
#stickie .botonSecundario{ max-width: 280px; margin: 0 auto; text-align: center; background-color: white; padding: .8em}
#stickie .botonSecundario:hover{ background:#2eab78; color: white}
.btnServicio{ color:#333;  text-transform: uppercase; margin-top: .8em}
.btnServicio label{color:#333}
.button.btnPresupuesto{ border:1px solid #2ea378; color:#2ea378; padding:.8em .9em; margin-bottom: .2em; margin-top:.9em; background-color:white}
.button.btnPresupuesto:hover, .button.btnPresupuesto:active, .button.btnPresupuesto:focus { background-color:#2ea378; border-color:#2ea378;color:white}

/*Listado Tareas*/
.menuFiltros{ background-color: grey}
.filtrosTareas { background-color: #e6e6e6; padding: 1em; margin-bottom: 2em; position: absolute; top:148px; left: 0; right: 0}
.filtrosTareas li{ margin: .8em 0}
.filtrosTareas h3{ font-size: 110%; text-transform: uppercase}
.filtrosTareas a{ color: #444; display: inline-block; margin-top:.5em}
.filtrosTareas [type=checkbox]+label, [type=radio]+label{ margin: 0; display: block; margin-left: 20px; line-height: 120%}
.filtrosTareas label{ font-size: 100%}
.filtrosTareas input[type="checkbox"]{ float: left; width: 15px}
.filtrosTareas ul{ margin-bottom: 2em}

.listadoTareas h4{ font-size: 140%}
.listadoTareas h4 a{ color: #333; display: block}
.listadoTareas p.descripcionTarea, .detallesTarea p.descripcionTarea{ font-style:italic; color: #777}
.listadoTareas .icoCategoria, .detallesTarea .icoCategoria{ width: 60px;    height: 60px;    border-radius: 100%;    color: white;    text-align: center;    padding: 10px;    font-size: 26px;    font-weight: bold;    text-shadow: 0px 0px 8px rgba(0,0,0,.2); box-shadow:0px 0px 8px rgba(0,0,0,.2)}
.listadoTareas li{ margin-bottom: 1em; border-bottom: 1px dotted #ccc; padding: 1em 0}

.ultimoDia{ font-size: .6em; text-align: center; color: red; text-transform: uppercase;  border: 1px solid red;  padding: .3em .5em; display: block; margin:1em 0 0; width: 100px}

.detallesTarea .ultimoDia{ font-size: .5em}
.detallesTarea{ margin-bottom: 3em}
.detallesTarea h2{ font-size: 160%; margin: .5em 0 1em .5em!important}
.detallesTarea h2 a{ color: #333}
.detallesTarea p.descripcionTarea{ font-size: 110%}
.detallesTarea .fichaTasker{ font-size:90%}
.detallesTarea .fichaTasker h5 a{ font-size: 80%; text-align: left}


.iconosTarea i{ color:#2ea378; float:left; width:18px; text-align: center; line-height:20px}
.iconosTarea p span{ margin-left:26px; display: block}



/*chat taskers*/
.headConversacion{ font-size: 140%; font-family: "Montserrat", Arial, Helvetica, sans-serif; color:#333; margin: 0 0 1.5em 0}
.contenedorChats .resumenTarea{ margin-bottom: 1em; }
.chat{ background: #fff }
.listadoChats li{width: 23.5%;float: left;text-align: center;position:relative; margin-bottom: 7px;margin-right: 2%}
.listadoChats li:nth-child(4n+4) {margin-right: 0}
.listadoChats li:nth-child(4n+5) {clear: left;}
@media (max-width:400px){
    .listadoChats li{width: 31.3%;}
    .listadoChats li:nth-child(3n+3) {margin-right: 0}
    .listadoChats li:nth-child(4n+5) {clear: none}
    .listadoChats li:nth-child(3n+4) {clear: left;}
}
.listadoChats li a {padding: 12px 4px; display: block;}
.listadoChats li .presupuestoChat{  z-index: 7;  background-color: #e9db677a; padding: 3px 5px; font-weight: bold; color:#333;display: inline-block;}
.listadoChats li .nombre-tasker { text-align: center; font-size: 80%; line-height: 1.2; display: inline-block;}
@media (max-width:640px){
    .listadoChats li a {border:4px solid transparent;}
    .listadoChats li.chatActivo a {border-color: #2eab78;}
}
/*.listadoChats li .karmaBox{ display: none}*/
.listaEspera{display:block; width:100%; overflow:hidden; margin-bottom:2em;text-align:center!important}
.msgChat{ position: relative; margin: 0 auto}
.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:0; top:0}
.normasUsoChat{ font-size:90%; margin-bottom:1em}

.listadoChats li img{filter: grayscale(100%)}
.listadoChats li.chatActivo img.imgTasker{filter: grayscale(0);}
.listadoChats li.chatActivo strong{ color: #2eab78;}
.listadoChats li img:hover{ filter: grayscale(0); opacity: 1}
.listadoChats li.chatDesactivado{ opacity: .4; filter: grayscale(100%); box-shadow: none; background: rgba(255, 255, 255, 0.8)}
.listadoChats li.chatDesactivado a{ cursor: default}
.listadoChats li.chatDesactivado .numMsgChat{ display: none}

.listadoChats .karmaBox{ width: 70px; height: 12px;background-color: #ccc; position: relative; margin:0 auto 7px auto}
.listadoChats .karma{ background:url('/public/img/karma.png') no-repeat 0 0; background-size:70px; height: 12px;width:70px}
.listadoChats .karmaStars{ background-color: #467370; height: 12px; max-width: 80px !important;}

.listadoChats .imgTasker {height: auto; margin: auto;float: none;}
.tasker-elite-badge {background: rgb(189, 132, 0);font-size: 11px; color: #fff!important; padding: 2px 4px ; white-space: pre;text-transform: uppercase; font-weight: bold;position: relative;top: -2px;}
.listadoChats .tasker-elite-badge {position: absolute; left: 0;top:0; z-index: 2; }
.listadoChats .tasker-elite-badge  img {margin-left: -5px;margin-top: 2px;}

.categoriaChat h3{ overflow:hidden; line-height: 30px}
.categoriaChat p{ font-size: 90%}
.categoriaChat .icoCancelar{ font-size: 100%; color: dimgrey; border-radius: 5px;border: 1px solid rgba(128, 128, 128, 0.45); padding: .2em .6em; display: block; margin-bottom: -1em}
.categoriaChat .icoCancelar i{ font-size: 120%; float: none}

.msgChat{ position: relative; max-width: 70px}
.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; z-index:7}

.listadoChats li.chatInactivo:hover{ filter: grayscale(0); opacity: 1}
@media (min-width:640px){
    .listadoChats li.chatInactivo .karma{ background-image:url('/public/img/karmaInteriores.png')}
}
.listadoChats li.chatDesactivado{ opacity: .4; filter: grayscale(100%); box-shadow: none; background: rgba(255, 255, 255, 0.8)}
.listadoChats li.chatDesactivado a{ cursor: default}
.listadoChats li.chatDesactivado .numMsgChat{ display: none}
.listadoChats li.chatDesactivado p{ color: grey}
.botonSubir .form-actions.form-actions-condensed .fa, .timelineAdjunto .button .fa, .timelineMensaje .button .fa, .btnPresupuesto .fa{ font-size:120%; margin-right:3px}
.budgetCancelled p{font-weight: 600; color:#F44336}
.budgetCancelledActive p{font-weight: 600; font-style: italic; color: rgb(46,163,120);}
.budgetCancelledHide p{font-weight: 600; font-style: italic; color: rgb(46,163,120); display: none}
.budgetCancelled + blockquote{ background-color:transparent; color:#555}

.capaAviso ol {list-style: none; counter-reset: li;     margin-top: 1em;}
.capaAviso ol li::before {    content: counter(li);    color: #ffffff;    border-radius: 100%;    display: inline-block;    width: 1.5em;    margin-left: -1em;    font-weight: 600;    font-size: 120%;    background-color: #9E9E9E;
    text-align: center;    margin-right: .5em;    float: left;}
.capaAviso li {counter-increment: li;   margin: 0 0 1em 1em;}
.capaAviso a.button{ margin: 1em auto;    max-width: 250px;    display: block;}


/*introjs*/
.mensajeria{ max-width:75rem;width:100%; margin: 0 auto}
a.btnIntrojs{ color:#333; text-decoration:underline; margin-bottom:1em; display:inline-block}
a.btnIntrojs i{ text-decoration:none; margin-right:.3em}
a.btnIntrojs:hover{ text-decoration:none}
.introjs-tooltip{ background-color:#f4f1d2}
.introjs-tooltipbuttons, .introjs-tooltiptext{text-align:center}
.introjs-button{    background-color: white;    text-shadow: none;    color: #333333;    text-transform: capitalize;    font-size: 14px;    border-color: #aaa;}
.introjs-bullets ul li a.active{background:#333}


@media screen and (max-width: 768px) {

    /* .botonSubir .form-actions.form-actions-condensed span, .timelineAdjunto .button span, .timelineMensaje .button span{ text-indent:-600px!important}
     .timelineAdjunto .button span, .timelineMensaje .button span{ display: none}*/
    .botonSubir .form-actions.form-actions-condensed .fa, .timelineAdjunto .button .fa, .timelineMensaje .button .fa, .btnPresupuesto .fa{  display: block; text-indent:0; float:left}
    .botonSubir .singleupload-buttonbar > span{ border-radius:5px }
    .introjs-tooltip{top:0!important; margin-top:-150px!important}
    .introjs-helperNumberLayer{top:0!important; left:0!important}
    a.btnIntrojs{ display:block; text-align:center; margin-bottom:1.8em}
}

/*ayuda*/
.hero-scroll { height: 100%; width: 100%; -webkit-overflow-scrolling: touch;  overflow: auto; }
.hero-outer {  box-sizing: border-box;  padding: 20px 0;  height: 100%;  width: 100%;  display: table; }
.hero-outer .hero-inner {    display: table-cell;    text-align: center;    vertical-align: middle; }
.hero-outer .hero-inner h1, .hero-outer .hero-inner h2, .hero-outer .hero-inner h3, .hero-outer .hero-inner p {      margin: 0 0 20px;      line-height: 1;      color: #fff;      font-weight: normal; }
.hero-outer .hero-inner h3 {      font-size: 1.3em;      padding-top: 13px; }
.hero-outer .hero-inner h1 {      padding-top: 10px; }
.hero-outer .hero-inner > * {      -webkit-transition: opacity 0.4s;     transition: opacity 0.4s;      opacity: 0.3;      pointer-events: none; }
body:not(.shepherd-active) .hero-outer .hero-inner > * {       opacity: 1;       pointer-events: auto; }
.hero-outer .hero-inner .shepherd-target.shepherd-enabled {      opacity: 1;      pointer-events: auto; }
.hero-outer .hero-inner pre {      width: 540px;      margin: 0 auto 1em; }
@media (max-width: 600px) {
    .hero-outer .hero-inner pre { width: 340px; }
}
@media (max-width: 360px) {
    .hero-outer .hero-inner pre { width: 200px; }
}
.hero-outer .hero-inner .hero-followup {padding-top: 20px; }

.shepherd-element.shepherd-theme-arrows.shepherd-transparent-text .shepherd-text {  color: #3b744f; }
.shepherd-element.shepherd-theme-arrows .shepherd-content {  width: 400px;  max-width: 100%; }
.shepherd-element.shepherd-theme-arrows .shepherd-content a { color: inherit; font-weight:bold}
.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button {background: #FF5722; }
.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button:hover {background: #da491b; }
.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons a:hover {text-decoration:none }
.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary{ background-color:#eee}
.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:hover{ background-color:grey; color:white}
/*hack level God*/
body.shepherd-active:before{display:block; position: fixed; width:100%; height:100%; left:0; right:0; top:0; bottom:0;content:" "; z-index:8; background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
*.shepherd-enabled{z-index:9; position:relative}


/*FB*/
.tkExpress{ max-width:720px!important; text-align: center;  margin: 0 }
.tkExpressContenedor{  margin: 0 auto; }
.tkExpress h2{ margin-bottom: 30px;  color: #333;  font-size: 250%}
.tkExpress p{   margin: 0px auto 20px;   color: #333; font-weight: 700;  font-size: 110%}
.tkExpress li{ text-align: left; margin-bottom:10px}
.tkExpress ul {  list-style: none; margin: 0 auto 1em;  padding: 0;}
.tkExpress li {  padding-left: 1.3em; text-align:center}
.tkExpress li:before {  content: "\f00c";  font-family: FontAwesome;  display: inline-block;  margin-left: -1.4em;
    width: 1.4em;}
.tkExpress .close-button {    font-size: 3em!important}

/*Account movements*/
.cabeceraTabla .cobrado-saldo{ text-align: right;}
.filasTabla p.cobrado-saldo{ font-size: 150%; margin-top: 6px; text-align: right;}
.cabeceraTablaMesSaldo{  padding: .8em 0; font-size: 100%; color: #899b99; background: #e9e9e9; border-bottom:1px dashed rgba(180,180,180,1)}
.account-accordion {background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; }
.active, .account-accordion:hover { background-color: #ccc; }
.account-panel {background-color: white; overflow: hidden; transition: max-height 0.7s ease-out; }

/*landing categorías*/
.landing-categorias .filtrosTareas{ max-width:100%; position:relative; top:0}
.landing-categorias .filtrosTareas h3{ font-size:140%}
.landing-categorias .porQue{margin-top:0; margin-bottom:2em}
.landing-categorias .porQue p{font-size:90%}
.landing-categorias .button.form-continue.large{margin-bottom:0; max-width: 380px; width:100%}
.landing-categorias .puntuacionBloque{ margin-top:2em}
.landing-categorias h2{ font-size:200%; margin-bottom:1em}
.landing-categorias .puntuacionBloque h2{margin-bottom:0; font-weight:bold}

/*hidden*/
.hidden {display: none;}


/*nueva task*/

.tareaCabecera{ font-weight:100; margin:20px 0 0; font-size:12px}
.tareaCabecera p{color:#555!important; }
.breadCrumbs:before { content: "\f053"; font-family: FontAwesome;  font-size: 80%;  margin-right: 8px}

.tareaDatos h2{ font-size:32px; text-transform:uppercase; font-weight: bold; margin:0}
.tareaDatos h3{ font-weight: 100; font-size:18px; margin:8px 0 20px; font-family:"Montserrat", sans-serif}
.tareaDatos h4{ font-size:16px; color:#666666;   margin-top: 40px; margin-bottom: 20px;}
.tareaDatos .icoCategoria{display:none}
.tareaCabecera a{ color:#000!important; font-weight:300!important}

.tareaDetalles{ margin:0 0 30px; font-size:18px; color: #666666; font-weight:300; line-height: 24px}
.tareaDetalles:after, .tareaDetalles:before{ content:'”'; display:inline-block; font-size:22px}
.tareaDetalles:before{ content:'“';}

.bgGreen{ background-color:rgba(114,223,199,.18); padding: 40px}
.imgTasker{ width:90px; height:90px; border-radius:100%; float:left; margin-right: 30px;  background: #fff url(https://www.taskia.es/cache/user_medium_thumb/images/users/default.png) no-repeat 0 0; background-size:100% auto; box-shadow: 0 0 0 1px rgba(0,0,0,.5);}
.bgGreen h5{ display:inline-block; margin:0}
.btnTarea{ display: inline-block; width:auto; padding: 18px 28px}


.bgGris{ background-color:rgba(216,216,216,.25); padding: 20px; margin:0}
.avisoUrgente{ background:#F5A623 url(/bundles/hispavistataskia/img/icos-task/ico-alerta.png) 8px center no-repeat; color:white; text-transform: uppercase;font-size:12px; font-weight:bold; padding:5px 8px 5px 30px; margin-bottom:10px; display: inline-block}
.avisoUrgenteBtn{ background:transparent url(/bundles/hispavistataskia/img/icos-task/ico-alerta2.png) 8px center no-repeat; color:#333; text-transform: uppercase;font-size:12px; font-weight:bold; padding:0 0 0 30px; margin-bottom:10px; display: inline-block}

.ico-inicio{background: url(/bundles/hispavistataskia/img/icos-task/ico-fecha.png) no-repeat 0 0; padding-left:30px}
.ico-limpieza{ background: url(/bundles/hispavistataskia/img/icos-task/ico-limpieza.png) no-repeat 0 0; padding-left:16px }

.ico-location{ background: url(/bundles/hispavistataskia/img/icos-task/ico-location.png) no-repeat 0 0; padding-left:50px }
.ico-poblacion{ background: url(/bundles/hispavistataskia/img/icos-task/ico-poblacion.png) no-repeat 0 0; padding-left:50px }
.ico-refresh{ background: url(/bundles/hispavistataskia/img/icos-task/ico-refresh.png) no-repeat 0 0; padding-left:50px }
.ico-tiempo{ background: url(/bundles/hispavistataskia/img/icos-task/ico-tiempo.png) no-repeat 0 0; padding-left:50px }
.ico-hora{ background: url(/bundles/hispavistataskia/img/icos-task/ico-hora.png) no-repeat 0 0; padding-left:30px}
.ico-info{ background: url(/bundles/hispavistataskia/img/icos-task/ico-info.png) no-repeat 0 0; padding-left:30px}
.ico-pin{ background: url(/bundles/hispavistataskia/img/icos-task/ico-pin.png) no-repeat 0 center; padding-left:20px}
.ico-destino{ background: url(/bundles/hispavistataskia/img/icos-task/ico-destino.png) no-repeat 0 0; padding-left:30px}
.ico-car{ background: url(/bundles/hispavistataskia/img/icos-task/ico-car.png) no-repeat 0 0; padding-left:30px}


ul.tareaIconos{  font-size:14px; margin:0; padding:0}
ul.tareaIconos li{ padding:4px 0 4px 45px; margin-bottom:8px; overflow:hidden; display:inline-block }

.tareaTiming{ overflow:hidden; margin:10px 0; font-size:14px}
.tareaTiming li{ display:block; margin:0 0 20px; line-height: 26px;}
.taskItem{font-size:16px}
.tareaTiming .taskItem{ background-color: #ffae0024; padding: 0 4px; display:block}


.tareaSidebar{display: none}
.tareaExtras{margin:40px 0 30px;border-left: 0;padding:0px;}
.tareaExtras p{color:#666; font-weight: bold}
.tareaExtras li{  color:#666; margin:0 0 8px}
.tareaExtras li:before{content:""; margin-right:5px;  display:block; float:left; margin-top:7px; width: 0;height: 0;border-style: solid;border-width: 5px 5px 5px;border-color: transparent transparent transparent rgb(100, 100, 100);}

.cVerificado:before{content:"";margin-right:5px;border-radius:100%;background-color: #25a477;display:block;float:left;margin-top: 6px;width: 8px;height: 8px;}

@media screen and (min-width: 1024px){
    .tareaSidebar.large-3.show-for-medium-up.columns{width: 100%!important;}
}

@media screen and (max-width: 450px){
    div.bgGreen>.row>div:first-of-type{display: flex;flex-flow: column nowrap;align-items: center;}
    div.bgGreen>.row>div:first-of-type>div:nth-child(2){width:100%;}
}

/* para la pantalla que pide la confirmacion para publicar la tarea */
.bgWhite{ background-color:rgba(255,255,255); padding: 20px; max-width: 500px;}
.bgMiniWhite{ background-color:rgba(255,255,255); margin-left: 10px; padding: 5px; max-width: 140px;}
.fblanco{ background-color:rgba(255,255,255); padding:14px 14px 6px 14px; margin-bottom: 17px; min-height: 160px}
.pblanco .fblanco { text-align: center; font-size:90%; color:#444;}
.fblanco i.fa {font-size:200%; color:#444}
.fblanco p {margin-bottom:0.7rem}

.fblanco hr {margin:0 0 10px 0}


@media screen and (min-width: 864px){
    .sblanco .fblanco {min-width: 904px}

}

@media screen and (min-width: 600px){
    .fblanco{  min-height: 180px; margin-right: 17px;}
}


/* para la pantalla de confirmacion de datos de contacto */
.emailContactDataField{ display: inline; width: 320px;}
.emailContactDataFieldHide{ display: inline; width: 320px; display: none; }
.mobilePrefixContactDataField{ display: inline; width: 65px;}
.mobilePrefixContactDataFieldHide{ display: inline; width: 65px; display: none; }
.mobilePhoneContactDataField{ display: inline; width: 170px;}
.mobilePhoneContactDataFieldHide{ display: inline; width: 170px; display: none; }

/* Mis tareas TASKER */
.tareas-tasker .archivadas {float: right; color: #696969; transition: all ease .25s; margin-right: 0;}
.tareas-tasker .archivadas i {color: #B5B5B5;}
.tareas-tasker .archivadas:hover, .tareas-tasker .archivadas:hover i {color:#2EA378; text-decoration: none;}
.tareas-tasker .cabeceraTabla {background: #2EA378; color: #fff; font-weight: 600; font-size: 14px; border-bottom: none;padding: 0}
.tareas-tasker .cabeceraTabla .th {padding-top: .8em; padding-bottom: .8em;}
.tareas-tasker .cabeceraTabla .th > span{text-overflow: ellipsis; white-space: nowrap;overflow: hidden;display:block;}
.tareas-tasker .fotoTasker {max-width: 32px; height: auto; display: inline-block;margin-right: 8px; border: 1px solid #979797; vertical-align: middle;margin-left: 0;margin-bottom: -8px;}
.tareas-tasker .fotoTasker img {border: none;}
@media (min-width:640px){
    .tareas-tasker .th,.tareas-tasker .td  {width: 14% }
    .tareas-tasker .estado {width: 8%;}
    .tareas-tasker .fecha-prevista {width: 11%;}
    .tareas-tasker .cliente {width: 11%;}
    .tareas-tasker .tarea {width: 20%;}
    .tareas-tasker .presupuesto {width: 9.3%; text-align:right;}
    .tareas-tasker .presupuesto-min {width: 11%; text-align:right;}
    .tareas-tasker .row.filasTabla {display: flex}
    .tareas-tasker .filasTabla .td {padding-top: 1.5em ; padding-bottom: 1.5em;}
    .requiere-visita {margin-bottom: -20px;margin-top: 5px;}
    .tareas-tasker .filasTabla .td.presupuesto-min {background: rgb(189, 132, 0, .2); }

}
.tareas-tasker .th.presupuesto-min{position: relative; padding-left: 6px; padding-right: 6px;}
.tareas-tasker .presupuesto-min .tasker-elite-badge {left: 0; right: 0;text-align: center; top: -20px; position: absolute;}
.tareas-tasker .titulo-tarea strong {font-weight: 600;color: #2EA378;}
.tareas-tasker .presupuesto strong {font-weight: 700;}
.tareas-tasker .titulo-tarea {font-size: 16px; color: #2EA378}
.tareas-tasker .td.cliente {  display: flex; align-items: baseline;}
.tareas-tasker .cliente p, .tareas-tasker .lugar p{ white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.tareas-tasker .filasTabla {border-bottom: 2px solid #EFEFEF; padding: 0; }

.tareas-tasker .estado p {position: relative; text-align: center;padding-top: 15px;margin: 0;}
.tareas-tasker .estado p:before {content: ''; position: absolute; background: url(/bundles/hispavistataskia/img/sprite-iconos-estados.svg) no-repeat center 0; width: 25px; height: 25px;left: 0;right: 0;margin: -20px auto 0;display: block;}
.estado p {font-size: 12px;}
.estado p.task\.created {color: #336BAB;}
.estado p.task\.created::before {background-position-y: 3px;}
.estado p.proposal\.sent {color: #2EA378;}
.estado p.proposal\.sent::before {background-position-y: -25px;}
.estado p.proposal\.accepted {color:#FC8333}
.estado p.proposal\.accepted::before {background-position-y: -50px;}
.estado p.waiting\.for\.task, .estado p.complete\.max_budgets {color: #939393}
.estado p.waiting\.for\.task::before, .estado p.complete\.max_budgets:before {background-position-y: -77px;}
.estado p.proposal\.rejected {color: #DC3B3B}
.estado p.proposal\.rejected:before {background-position-y: -125px;}
.estado p.proposal\.reclamation\.opened {color: #DC3B3B}
.estado p.reclamation\.opened:before {background-position-y: -150px;}
.estado p.discarded:before, .estado p.closed:before {background-position-y: -100px; }
.tareas-tasker .td .nTareas {width: 1.6em; line-height: 1.6; border-radius: .8em; display: inline-block;}
.tareas-tasker .task_list_tabs .nTareas {width: auto; display: inline-block; border-radius: 0; font-size: 14px; font-weight: normal; padding: 0 3px; vertical-align: middle;}
.tareas-tasker .task_list_tabs p {margin-bottom: -32px;}
.requiere-visita > div {background: #ffa50040;display: inline-block;padding: 0 5px;}
.requiere-visita i {font-size: 11px; width: 1.6em; line-height: 1.6em; text-align: center; vertical-align: text-bottom;}
.tareas-tasker .blur {filter: blur(2.5px);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */}
@media (max-width:640px){
    .tareas-tasker h1 {margin-bottom: 15px;}
    .tareas-tasker .task_list_tabs .nTareas {width: 1.4em; line-height: 1.4; border-radius: .8em;font-size: 9px;position: absolute;margin-top: -6px;margin-left: -9px;}
    .tareas-tasker .row:not(.paginacion) .pagerfanta, .tareas-tasker .row.pagerfanta, .tareas-tasker .fotoTasker {display: none;}
    .tareas-tasker .task_list_tabs h2 {font-size: 14px;line-height: 1.2;}
    .tareas-tasker .task_list_tabs .nTareas span {display: none;}
    .tareas-tasker .task_list_tabs p, .tareas-tasker .task_list_tabs span.separador {display: none;}
    .tareas-tasker .task_list_tabs h2 a, .tareas-tasker .task_list_tabs h2 > span {border-bottom: 3px solid transparent; padding: 0 6px 3px; }
    .tareas-tasker .task_list_tabs h2 > * {}
    .tareas-tasker .task_list_tabs h2 > span.current {border-color:#2EA378;}
    .tareas-tasker .row.filasTabla {margin-left: 10px;  margin-right: 10px;  border: 1px solid #efefef;margin-bottom: 10px;  box-shadow: 0 2px 0 #efefef; padding: 15px;position: relative;}
    .tareas-tasker .estado {position: absolute; bottom: 0;}
    .tareas-tasker .estado p {padding-top: 0; padding-left: 28px; text-align: left; margin-bottom: 10px;}
    .tareas-tasker .estado p:before {right: auto;margin-top: 0; height: 17px;}
    .tareas-tasker .td {padding: 0}
    .tareas-tasker .fecha-prevista {width: auto; position: absolute; margin-left: -10px}
    .tareas-tasker .tarea, .tareas-tasker .cliente, .tareas-tasker .lugar {width: calc(100% - 134px);float: left; margin-left: 40px;}
    .tareas-tasker .lugar p {color: #626262}
    .tareas-tasker .presupuesto {width: auto; float: right;top: 18px;position: absolute;right: 15px;}
    .tareas-tasker .presupuesto p {max-width: 78px; text-align: right;font-size: 12px;}
    .tareas-tasker .presupuesto strong {font-size: 14px;}
    .tareas-tasker .presupuesto-min {width: auto; float: right;top: 49px;position: absolute;right: 15px; padding: 3px}
    .tareas-tasker .presupuesto-min p { text-align: center;font-size: 10px;margin-bottom: 0;max-width: 78px; }
    .tareas-tasker .presupuesto-min strong {font-size: 14px;}
    .tareas-tasker .presupuesto-min span {display: block;}
    .tareas-tasker .presupuesto-min .amount {font-weight: bold; font-size: 11px;}
    .tareas-tasker .blur {filter: blur(1.3px);}
    .tareas-tasker .acciones {text-align: right;margin-bottom: -16px; margin-right: -16px;}
    .tareas-tasker .acciones a.button { border-radius: 0}
    .tareas-tasker.confirmadas .presupuesto-min, .tareas-tasker.archivadas .presupuesto-min {display: none;}
    .tareas-tasker.en-progreso .presupuesto-min {background: rgb(189, 132, 0, .2)}
    .tareas-tasker.en-progreso .presupuesto-min a {text-align: right;}
}
.fecha-prevista-mov {background: #fff; text-align: center; float: left;margin-right: 5px; padding: 3px;min-width: 44px;margin-bottom: 20px;}
.fecha-prevista-mov .dia {display: block; font-size: 22px; line-height: .8;font-weight: 700;}
.tareas-tasker .tbody .tarea {float: left;}
.gancho-tasker-elite {margin: 10px;border: 1px solid #efefef;box-shadow: 0 2px 0 rgb(189, 132, 0); background: rgba(189, 132, 0, .2);padding: 15px;border-color: rgb(189, 132, 0); display: flex; align-items: center;}
.gancho-tasker-elite span.text-uppercase {font-size: 12px;}
.text-uppercase {text-transform: uppercase;}
.d-block {display: block;}
.font-weight-600 {font-weight: 600;}
.gancho-tasker-elite .button {white-space: nowrap; margin-bottom: 0; text-transform: uppercase;; border-radius: 0; font-size: 12px;}
.gancho-tasker-elite div {padding-left: 26px; padding-right: 3px; position: relative; font-size: 16px;line-height: 1.2}
.gancho-tasker-elite div:before {background:url('/public/img/elite-medal-gold.svg') no-repeat 0 0; content: ''; position: absolute; width: 19px; height: 24px;left: 0;}
.gancho-tasker-elite .tasker-elite-badge {top: -3px; position: relative;}
.button.primary.hollow { border-color: #2ea378; color: #2ea378; background: #fff;}
.button.primary.hollow:hover {background: #2ea378; color: #fff; border-color: #2ea378}

/* Capa Notificaciones WhatsApp */
.capa-notificaciones-wa {position: absolute;right: 13px;top: 70px;max-width: 320px;z-index: 2;}
.capa-notificaciones-wa .contenido {background: #fff; padding: 15px 15px 7px; border-radius: 4px;box-shadow: 0 0 16px rgba(0,0,0,.35); border-left: 8px solid #2EA378;}
.capa-notificaciones-wa .contenido:before {content: ''; position: absolute; border-bottom: 15px solid #fff; border-right: 15px solid transparent; border-left: 15px solid transparent; right: 10px;top: -13px;}
.capa-notificaciones-wa .puntito::before {content: '';position: absolute;width: 10px;height: 10px;background: red;border-radius: 100px;top: -49px;right: -1px;}
.capa-notificaciones-wa .titulo:before {content: ''; position: absolute; width: 19px; height: 15px; background: url(/bundles/hispavistataskia/img/double-check.svg) no-repeat; bottom: 2px; right: 0;}
.capa-notificaciones-wa .titulo {background: #DFFFC7; padding: 10px 15px;font-size: 17px; line-height: 22px;font-weight: 600;margin-left: 51px;position:relative; margin-bottom: 10px}
.capa-notificaciones-wa .titulo:after {content: ''; position: absolute; border-style: solid; border-width: 15px 15px 0 0; border-color: #DFFFC7 transparent transparent; bottom: -15px; left: 20px;transform: skewX(-20deg); }
.capa-notificaciones-wa .imagen {float: left; margin: -20px 10px 10px -15px}
.capa-notificaciones-wa .imagen img{max-width: 93%!important;}
.capa-notificaciones-wa .descripcion, .capa-notificaciones-wa .contenido a.button {font-size: 12px;}
.capa-notificaciones-wa a.cerrar-notificacion {font-size: 15px;color: #2ea378;}
.capa-notificaciones-wa .verde-wa {color:#25D366; font-weight: 600; white-space: nowrap;}
.capa-notificaciones-wa .button {margin-bottom: 5px;}
.capa-notificaciones-wa .cerrar-notificacion {font-size: 11px ; color: #8B8B8B; text-align: center; display: block; line-height: 28px;}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
    animation-delay: 1.6s;}

/* SEO flash messages */
.flash-error { color: white; font-size: +30px; background-color: #C47C7C; margin-top: 95px; padding-bottom: 20px; padding-top: 20px; text-align: center; height: 100px; }
.flash-notice { color: white; font-size: +30px; background-color: #c0a16b; margin-top: 95px; padding-bottom: 20px; padding-top: 20px; text-align: center; height: 100px; }
.flash-success { color: white; font-size: +30px; background-color: #8cad7b; margin-top: 95px; padding-bottom: 20px; padding-top: 20px; text-align: center; height: 100px; }

/** SEO home **/
.borderFD {background-color: #FDFDFD;border: 1px solid #dbdbdb; margin-top: 10px; margin-bottom: 10px; padding: 10px; position: relative; display: flow-root; }
.seo-links a {margin-top: 8px; margin-bottom: 8px; padding: 0px; font-size: 12px; }
.no-padding {padding: 0px; padding: 5px; float: left; }
.wysiwyg-seo { margin-top: 30px; padding-top: 10px; padding-bottom: 10px; background-color: #ff9999; }

/*landing categorías*/
ul.breadcrumbs {  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
ul.breadcrumbs li {float: none;; display: inline;}
ul.breadcrumbs li a {color: #2ea378}
.landing-categorias .interioresCabecera h1 { color:white; text-transform: uppercase; margin-bottom: 0; margin-top: 1em; line-height: 1.4}
.landing-categorias .interioresCabecera h1 .d-block {display: block;}
.landing-categorias .interioresCabecera h1 strong {text-transform: none; }
.landing-categorias .interioresCabecera h1 .ciudad {white-space: nowrap;}
.landing-categorias .filtrosTareas{  font-size: 100%; background-color:rgb(251, 251, 239)}
.landing-categorias .porQue{margin-top:0; margin-bottom:2em}
.landing-categorias .porQue p{font-size:90%}
.landing-categorias .button.form-continue.large{margin-bottom:0; max-width: 380px; width:100%}
.landing-categorias .interiores .crear_tarea .icoCategoria{width:auto}
.landing-categorias .puntuacionBloque{ margin-top:2em}
.landing-categorias .crear_tarea h2 { padding-left: 95px;}
.landing-categorias .sidebar {padding-left: 4%}
.landing-categorias .sidebar h5 {font-weight: 700;margin-bottom: 15px;}
.landing-categorias .por-que-taskia {margin-bottom: 30px;}
.landing-categorias .por-que-taskia ul li {padding-left: 35px;}
.landing-categorias .por-que-taskia ul li.valoraciones:before {background-position-y: -29px;}
.landing-categorias .por-que-taskia ul li.rapido:before {background-position-y: -59px;}
.landing-categorias .por-que-taskia ul li:not(:last-child){padding-bottom: 10px;}
.landing-categorias .por-que-taskia ul li:before {content: ''; position: absolute;background:url('/public/img/sprite-porque-taskia.svg') no-repeat 0 0 / 25px auto; width: 25px; height: 27px;margin-left: -30px;}
.landing-categorias .separador {border-top: 1px solid #ccc;padding-bottom: 30px;margin-top: 30px;}
.landing-categorias .opiniones {border: none;}
.landing-categorias .opiniones .opinion {display: flex; background: #f9f9f9;align-items: center;}
.landing-categorias .opiniones .opinion .datos-tasker {padding: 15px; text-align: center;}
.landing-categorias .opiniones .opinion .datos-tasker .nombre-tasker {font-weight: 600}
.landing-categorias .opiniones .opinion .valoracion-cliente {padding: 15px 15px 15px 0;width: 100%;}
.landing-categorias .opiniones .opinion blockquote {border:none; font-size: 13px;margin-bottom: 5px; padding: 0;}
.landing-categorias .opiniones .opinion .nombre-cliente {font-size: 13px;padding: 0 10px;}
.landing-categorias .opiniones .foto-tasker {border: 3px solid #63a27a;border-radius: 500px; max-width: 60px;margin: 0 auto 10px;height: 60px; box-sizing: content-box;}
.landing-categorias .opiniones .karmaBox {transform: scale(.7);transform-origin: top center;margin-top: 8px;margin-left: auto;margin-right: auto;}
.alta-en-taskia {display: flex; justify-content: center;align-items: center; padding: 35px;}
.alta-en-taskia h4 {margin-bottom: 0}
.alta-en-taskia .button {margin-left: 5%;margin-bottom: 0}

.landing-categorias .precios-hora-media h5 {font-weight: 700}
.landing-categorias .precios-hora-media h6 {font-weight: 600}
.landing-categorias .precios-hora-media .precio + p {font-size: 12px; color: #777;}
.landing-categorias .precios-hora-media .precio strong {font-size: 150%; }
.landing-categorias .precios-hora-media .precio strong b {font-size: 80%;}
.landing-categorias .precios-hora-media .medio .precio strong {font-weight: 700; color: #2ea378; font-size: 180%;}
.landing-categorias .precios-hora-media .medio .precio + p {font-size: 15px;}
.landing-categorias .precios-hora-media .rojo {color: red;vertical-align: super;}
.landing-categorias .precios-hora-media .verde {color: green;vertical-align: text-bottom;}
.landing-categorias .precios-hora-media .barato .precio, .landing-categorias .precios-hora-media .caro .precio {line-height: 42px}
.bg-light-grey {background: #f9f9f9;}
.bg-white {background: #fff;}
.border {border: 1px solid #ccc}
.padding-2 {padding: 2em;}
.margin-b-1 {margin-bottom: 1em;}
.margin-b-2 {margin-bottom: 2em;}
.button.d-inline-block {display: inline-block;width: auto;padding: .8em 1.2em;}
.boton-sticky {visibility: hidden;opacity: 0;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.boton-sticky.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}

@media screen and (min-width: 640px){
    .landing-categorias .interioresCabecera h1 { font-size: 150%;}
    .landing-categorias h2, .landing-categorias h1{ font-size:200%; margin-bottom:1em}
    .landing-categorias .interioresCabecera h1 strong { font-size: 200%;}
}

@media screen and (min-width: 640px) and (max-width:1200px), screen  and (max-width: 400px) {
    .landing-categorias .opiniones .opinion {display: block;}
    .landing-categorias .opiniones .opinion .datos-tasker{padding-bottom: 0}
    .landing-categorias .opiniones .opinion .valoracion-cliente{padding-left: 15px;padding-top: 0}
}
@media screen and (min-width: 640px) and (max-width:1100px){
    .landing-categorias .sidebar{padding-left: 2%}
}
@media screen and (max-width: 640px){
    .landing-categorias .interioresCabecera h1 {font-size: 120%; line-height: 1.2}
    .landing-categorias .interioresCabecera h1 strong { font-size: 150%;}
}

/*seo taskers*/
.text-white {color: #fff;}
.listadoTaskers .karmaBox {transform: scale(.7); transform-origin: top left; margin: 0;}
.listadoTaskers h4 a {font-weight: 600;}
.content-seo-taskers .button {width: auto; float: right; padding: .8em 1.2em;}
.content-seo-taskers .button.botonSecundario {padding: .8em;}
@media screen and (max-width: 768px) {
    .landing-categorias h2 {font-size: 150%}
    .content-seo-taskers .button {float: none;}
}

/* Planes de Suscripción */
.callout {margin-bottom:0;}
.planes-suscripcion .pricing-table {max-width: 990px; margin: 30px auto 60px;}
.planes-suscripcion .plan {background: #fff; border: 3px solid #DCDADA;}
.planes-suscripcion .plan .titulo {text-align: center; text-transform: uppercase; padding: 20px; border-bottom: 1px solid #DCDADA;}
.planes-suscripcion .plan .titulo h4 {margin-bottom: 0;}
.planes-suscripcion .plan .precio {text-align: center;margin-bottom: 20px}
.planes-suscripcion .plan .precio strong {display: block; font-size: 26px; font-weight: 700;;}
.planes-suscripcion .plan .contenido { padding: 20px;}
.planes-suscripcion .icon-list .icon-wrapper i {color: #6D7278;}

.planes-suscripcion .plan:not(.plan-premium) {margin: 1em 0 1em 0;}
.planes-suscripcion .plan.plan-premium, .planes-suscripcion .plan.plan-premium .titulo{border-color: #2EA378;}
.planes-suscripcion .plan.plan-premium .titulo {padding: 1.7em 20px;}
.planes-suscripcion .plan.plan-premium .precio strong {font-size: 28px;}

.icon-list .icon-wrapper {float: left;}
.icon-list .li-item {margin-bottom: 10px;clear: both;}
.icon-list .li-item-content  {margin-left: 20px;}

.planes-suscripcion .plan.plan-premium {position: relative;}
.corner-triangle {display: block;width: 50px;height: 50px;border-style: solid; border-width: 0 50px 50px 0;  border-color: transparent #2EA378 transparent transparent;  position: absolute;  top: 0;  right: 0; color: white;}
.corner-triangle-text {position: relative; left: 26px;}

.planes-suscripcion .reveal h2 {font-size: 22px;}
.planes-suscripcion .reveal .resumen {padding: 20px; margin-bottom: 15px;}
.planes-suscripcion .reveal .resumen h4 {font-size: 20px;text-transform: uppercase;}
.planes-suscripcion .reveal .precio strong {font-size: 22px; display: block;}
.planes-suscripcion .reveal .actions {display: flex; justify-content: space-between; margin: 15px 0 }
.planes-suscripcion .reveal .actions button {width: auto;}

@media screen and (min-width: 768px) {
    .planes-suscripcion .pricing-table {display: flex;}
    .planes-suscripcion .pricing-table .plan {display: flex;flex-direction: column;width: 33.33%;margin-left: .9375rem;margin-right: .9375rem;}
}
@media screen and (min-width: 768px) {
    .planes-suscripcion .reveal .actions {flex-direction: row;}
    .planes-suscripcion .reveal .actions .acceptance {margin-bottom: 15px;}
}
.planes-suscripcion .plan button[disabled] {background: #E4E4E4; color:#333; opacity: 1;}

.promo-verano {
    background: #FFE5FA;
    text-align: center;
    justify-content: center;
    width: 75%;
    margin: auto;
    border-radius: 2px;
}

.text-red, .text-red:focus {color: #a72929;}
.text-red:hover {color: #a72929 }
.card {margin-bottom: 2em;}
.card .card-body {padding: 2em;}
.plan-actual .button.cambiar-plan {margin-bottom: 0}
.plan-actual .num-tarjeta {margin-right: 30px;}

.gancho-elite .imagen-promo {border: 3px solid #DCDADA; max-width: 168px; margin: 20px auto 30px;border-radius: 4px;position: relative;}
.gancho-elite .imagen-promo::before {content: ''; position: absolute; width: 12px; height: 27px; background: #fff; border: 3px solid #DCDADA;border-radius: 4px; outline: 6px solid #fff; left: 35px; top: -15px;}
.gancho-elite .imagen-promo::after {content: ''; position: absolute; width: 12px; height: 27px; background: #fff; border: 3px solid #DCDADA;border-radius: 4px; outline: 6px solid #fff; right: 35px; top: -15px;}
.gancho-elite .imagen-promo .top {text-align: center; padding: 15px; border-bottom: 1px solid #DCDADA}
.gancho-elite .imagen-promo .middle {display: flex; justify-content: center;align-items: center;padding: 8px 20px;}
.gancho-elite .imagen-promo .middle .big-number strong {font-size: 40px; color: #2EA378; font-weight: 800;}
.gancho-elite .imagen-promo .middle .text {padding-left: 5px;}
.gancho-elite .imagen-promo .middle .text strong {display: block;line-height: 1}
.gancho-elite .imagen-promo .middle .text span {text-transform: uppercase; letter-spacing: 2px }
.gancho-elite .imagen-promo .tasker-elite-badge {vertical-align: bottom;}

.gancho-planes .imagen-promo {margin: 20px auto;}
.gancho-planes h4, .gancho-planes p {max-width: 260px; margin-left: auto;margin-right: auto;}

.reveal.cancelar-plan .button-group .button:not(:last-child) {margin-right: 1em;}
.reveal.cancelar-plan h2, .reveal.cancelar-plan p, .reveal.cancelar-plan ul {max-width: 380px; margin-left: auto;margin-right: auto;}
.reveal.cancelar-plan .icon-list {font-size: .9em; margin-top: 2em; margin-bottom:2em;}
.reveal.cancelar-plan .button-group.expanded {border-spacing: 10px 5px;}

/* Mi Perfil */
.bg-lightgrey {background: #F7F6F6;}
.miPerfil .page-title {display: flex;justify-content: space-between;}
.interiores.miPerfil h2 {margin-bottom: 0.7em;}
.interiores.miPerfil h3 {font-weight: 600;}
.miPerfil input:disabled, .miPerfil input:disabled:hover, .miPerfil input:disabled, .miPerfil input[readonly], .miPerfil textarea:disabled, .miPerfil textarea[readonly] {background: #fff; border:none; color:#333; box-shadow: none;}
.miPerfil textarea:disabled {resize: none;}
.miPerfil textarea:disabled ~ .charcounter, .miPerfil textarea[disabled]::placeholder {opacity: 0;}
.miPerfil textarea:disabled ~ .no_validos {display: none;}
.miPerfil .icon-list  {margin-bottom: 2em;}
.miPerfil .icon-list .icon-wrapper {width: 22px; text-align: center;padding: .5rem .5rem .5rem 0; box-sizing: content-box;}
.miPerfil .icon-list .icon-wrapper i {color:#2EA378; font-size: 20px;}
.miPerfil .icon-list .li-item-content{margin-left: 40px;}
.miPerfil .current-suscription-plan {padding-top: 2em;margin-bottom: 2em; border-top: 2px solid #DCDADA}
.miPerfil .current-suscription-plan .bg-lightgrey {padding: 2em 1em;}
.miPerfil .current-suscription-plan .bg-lightgrey span {margin-right: 20px; }
.miPerfil .current-suscription-plan .bg-lightgrey a {white-space: nowrap;}
.miPerfil .bio {border-top: 2px solid #DCDADA; padding-top: 2em;}
.miPerfil .account-list input {margin-bottom: 0;}
.miPerfil .account-list .user-email {height: 2.4375rem; padding: .5rem; margin-right: 10px;display: inline-block;}
.miPerfil .account-list input.megacorto {max-width: 46px!important;}
.miPerfil .control-group-mobilePhone input.muycorto{max-width: 130px!important;}

.label {text-transform: uppercase;font-size: .6rem; border-radius: 4px; padding: .2rem .3rem;}
.label.hollow {border:1px solid; background: #fff;}
.label.hollow.secondary {color:#777}
.label.hollow.danger {color:#E45252;}

@media (max-width:768px){
    #profile-form .single-upload{margin: 0 auto 20px; width: 120px; height: 120px;}
    #profile-form .single-upload-preview {width: 125px;}
    #profile-form .single-upload-preview img {max-width: 120px !important;min-height: 120px !important;height: auto;margin-top: -9px;margin-left: -9px;}
    #profile-form .fileicon {padding-top: 28px; font-size: .8rem;width: auto; height: auto;}
    .miPerfil .card {margin-left: -1.6em; margin-right: -1.6em;}
}

@media (max-width: 390px){
    .miPerfil .page-title h1 {    white-space: nowrap;}
    .miPerfil .page-title .button-actions {text-align: right;}
}

/* Landings partners*/
.banda-aviso {
    background-color: #2ea378;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 18px 10px;
}
.banda-aviso h4{
    color: #fff;
    margin: 35px 0 0 0;
    font-style: 24px;
}
.banda-aviso p{
    color: #fff;
    margin: 20px 0 30px 0;
}
.cabeceraPartner {
    max-height: 420px;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    text-shadow: 0px 0px 6px rgb(0 0 0);
}

.cabeceraPartner.cabeceraAosom {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-aosom.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraembargosalobestia {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-embargosalobestia.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraMirakemueble {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-mirakemueble.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraTodoparamicasa {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-todoparamicasa.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraDecorshopping {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-todoparamicasa.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraTuco {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-tuco.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraGangahogar {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-gangahogar.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraMueblam {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-mueblam.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraTifon {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-tifon.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraMyMobel {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-mymobel.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraSoloCercados {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-solocercados.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraSoloEscaleras {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-soloescaleras.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraMiHogar {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-mihogar.png") no-repeat center center / cover;
}
.cabeceraPartner.cabeceraYale {
    background:rgb(0,0,0) url("/public/img/cebecera-landing-yale.png") no-repeat center center / cover;
}
.cabeceraPartner a{
    text-shadow: none;
}
.cabeceraPartner .row{
    height: 100%;
}
.cabeceraPartner .columns{
    background-color: rgba(255, 255, 255, 0.8);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0rem 1rem;
}
.cabeceraPartner .columns h2{
    color: #333333;
    text-shadow: none;
    font-size: 220%;
    font-weight: normal;
    text-transform: none;
}
.cabeceraPartner.cabeceraAosom .columns img{
    vertical-align: baseline;
}
.cabeceraPartner.cabeceraTodoparamicasa h2 img{
    max-width:  350px;
    display: inline-block;
}
.cabeceraPartner.cabeceraDecorshopping h2 img{
    max-width:  200px;
    display: block;
    margin: 10px auto 0;
}
.cabeceraPartner .columns h3{
    color: #333333;
    text-shadow: none;
    max-width:  500px;
    font-size: 153%;
    line-height: 1.2em;
    margin: 20px auto 1em;
    font-weight: normal;
    text-transform: none;
}

/**/
.landingPorque {
    margin: 80px 0;
}
.landingPorque h3{
    margin-top:  30px;
}
.landingPorque .por-que-taskia ul li {padding-left: 35px;}
.landingPorque .por-que-taskia ul li.valoraciones:before {background-position-y: -29px;}
.landingPorque .por-que-taskia ul li.rapido:before {background-position-y: -59px;}
.landingPorque .por-que-taskia ul li:not(:last-child){padding-bottom: 10px;}
.landingPorque .por-que-taskia ul li:before {content: ''; position: absolute;background:url('/public/img/sprite-porque-taskia.svg') no-repeat 0 0 / 25px auto; width: 25px; height: 27px;margin-left: -30px;}
.landingPorque .por-que-taskia p {margin: 40px 0 15px 0;}
.montadoresLanding {font-size: 26px;}
.comoPresupuesto {
    margin: 60px 0;
}
.comoPresupuesto h3{
    margin: 30px 10px;
}
.comoPresupuesto h3 span{
    background-color: #2EA378;
    color: #FFF;
    padding: 12px 10px;
    width: 60px;
    border-radius: 40px;
    display: inline-block;
    text-align: center;
}
.comoPresupuesto .row h5{
    font-style: 18px!important;
    font-weight: normal;
    text-transform: uppercase;
}
.comoPresupuesto .row h5 i{
    margin: 0 5px 0 0;
    color: #2EA378;
}
.faqs {
    text-align: center;
    margin:  80px auto;
    max-width: 600px;
}
.faqs .accordion li.is-active {
    border: 0;
}
.faqs .accordion-title {
    font-size: 18px;
    font-weight: bold;
    color: #2ea378;
}
.faqs .accordion-content {
    border: 0;
}
.presupuestoLanding {
    margin: 60px 0;
    text-align: center;
}
@media (max-width: 1390px){
    .cabeceraPartner.cabeceraAosom .columns h2{
        font-size: 190%;
    }
    .funcionamiento .mw-80{
        max-width: 90%;
    }
    .funcionamiento .p-lr-4em{
        padding-left: 2em;
        padding-right: 2em;
    }
}
@media (max-width: 1024px){
    .funcionamiento .p-lr-4em{
        padding-left: 1em;
        padding-right: 1em;
    }
    .mapaTaskers h4 {
        font-size: 36px!important;
        line-height: 1em!important;
    }
    .mapaTaskers .montadoresLanding{
        margin-bottom: 20px;
        line-height: 1em;
    }
}
@media (max-width: 768px){
    .cabeceraPartner.cabeceraAosom .columns h2{
        font-size: 190%;
    }
    .cabeceraPartner.cabeceraembargosalobestia .columns h2{
        font-size: 190%;
    }
    .cabeceraPartner.cabeceraMirakemueble .columns h2{
        font-size: 190%;
    }
    .cabeceraPartner.cabeceraTodoparamicasa .columns h2{
        font-size: 190%;
    }
    .cabeceraPartner.cabeceraAosom .columns h3{
        font-size: 118%;
    }
    .cabeceraPartner.cabeceraembargosalobestia .columns h3{
        font-size: 118%;
    }
    .cabeceraPartner.cabeceraMirakemueble .columns h3{
        font-size: 118%;
    }
    .cabeceraPartner.cabeceraTodoparamicasa .columns h3{
        font-size: 118%;
    }
    .cabeceraPartner.cabeceraTuco .columns h2{
        font-size: 190%;
    }
    .cabeceraPartner.cabeceraGangahogar .columns h2{
        font-size: 190%;
    }
    .cabeceraPartner.cabeceraMueblam .columns h2{
        font-size: 190%;
    }

}
@media (max-width: 395px){
    .cabeceraPartner.cabeceraAosom {
        height: auto!important;
        max-height: inherit!important;
    }
    .cabeceraPartner.cabeceraAosom .columns {
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .cabeceraPartner.cabeceraAosom .p-lr-4em {
        padding-right: 2em;
        padding-left: 2em;
    }
    .cabeceraPartner.cabeceraAosom .columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraembargosalobestia .columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraMirakemueble .columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraTodoparamicasa .columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraTuco .columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraGangahogar .columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraMueblam .columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraTifon .columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraMymobel.columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraMihogar .columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraSolocercados .columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraSoloescaleras .columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .cabeceraPartner.cabeceraYale.columns h2{
        font-size: 150%;
        margin-bottom: 2rem;
    }
    .por-que-taskia {
        width: 80%;
        margin-left: 10%;
    }
    .por-que-taskia .button{
        margin: auto;
        display: block;
        max-width: inherit;
    }
    .referenciasMedios ul li{ width: 50%}
}

/*** formulario partners***/
.cabeceraTaskAosom {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskembargosalobestia {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskMirakemueble {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskTodoparamicasa {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskTuco {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskGangahogar {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskMueblam {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskTifon {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskMymobel {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskMihogar {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskSolocercados {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskSoloescaleras {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}
.cabeceraTaskYale {
    margin: 0 0 10px 0;
    background:  #FFF;
    padding: 15px 15px 0;
}

.cabeceraTaskAosom img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskembargosalobestia img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskMirakemueble img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskTodoparamicasa img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskTuco img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskGangahogar img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskMueblam img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskTifon img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskMymobel img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskMihogar img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskSolocercados img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskSoloescaleras img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}
.cabeceraTaskYale img{
    max-width: 450px;
    width: 100%;
    margin: 0 30px 15px 0;
    float: left;
}

.cabeceraTaskAosom span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskembargosalobestia span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskMirakemueble span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskTodoparamicasa span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskTuco span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskGangahogar span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskMueblam span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskTifon span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskMymobel span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskMihogar span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskSolocercados span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskSoloescaleras span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}
.cabeceraTaskYale span {
    font-weight: bold;
    color: #2ea378;
    display: block;
}

.cabeceraTaskAosom .infoTaskAosom {
    margin: 20px 0 15px 0;
}
.cabeceraTaskembargosalobestia .infoTaskembargosalobestia {
    margin: 20px 0 15px 0;
}
.cabeceraTaskMirakemueble .infoTaskMirakeMueble {
    margin: 20px 0 15px 0;
}
.cabeceraTaskTodoparamicasa .infoTaskTodoparamicasa {
    margin: 20px 0 15px 0;
}
.cabeceraTaskTuco .infoTaskTuco {
    margin: 20px 0 15px 0;
}
.cabeceraTaskGangahogar .infoTaskGangahogar {
    margin: 20px 0 15px 0;
}
.cabeceraTaskMueblam .infoTaskMueblam {
    margin: 20px 0 15px 0;
}
.cabeceraTaskTifon .infoTaskTifon {
    margin: 20px 0 15px 0;
}
.cabeceraTaskMymobel .infoTaskMymobel {
    margin: 20px 0 15px 0;
}
.cabeceraTaskMihogar .infoTaskMihogar {
    margin: 20px 0 15px 0;
}
.cabeceraTaskMihogar .infoTaskSolocercados {
    margin: 20px 0 15px 0;
}
.cabeceraTaskMihogar .infoTaskSoloescaleras {
    margin: 20px 0 15px 0;
}
.cabeceraTaskYale .infoTaskYale {
    margin: 20px 0 15px 0;
}
/*  ---------
Autocomplete
*/
ul.ui-autocomplete {
    width: 400px;
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #2ea378;
    max-height: 350px;
    overflow-y: auto;
}
ul.ui-autocomplete li{
    margin: 4px 0;
    border-bottom: 1px solid #eaeaea;
}
ul.ui-autocomplete li a{
    display: block;
    transition: all .3s;
}
ul.ui-autocomplete li a:hover{
    background-color: #F2F2F2;
}
ul.ui-autocomplete li img{
    margin: 0 5px 2px 0;
    vertical-align: middle;
    max-width: 14px;
}
.ui-helper-hidden-accessible { display:none; }

@media screen and (max-width:463px){
    ul.ui-autocomplete{
        width: calc(100% - 64px)!important; 
    }
}


/* 12-06-2023 ESTILOS PARA micuenta/datos-facturacion */
.forma-de-pago{
    border: 1px solid rgb(46,163,120,0.2);
    position: relative;
    padding: 15px 30px;
    margin: 0px 0px 20px 0px;
    background-color: #FFF;
}

.forma-de-pago:hover{
    cursor: pointer;
    background-color: #ddd;
}

.iconos-forma-de-pago{
    display: inline-block;
}

#collapseCreditCard-link .iconos-forma-de-pago img{
    width: 30px;
    height: auto;
}

#collapseBizum-link .iconos-forma-de-pago img{
    width: 60px;
    height: auto;
}

#reuse-card:first-of-type{
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width: 445px){
    .iconos-forma-de-pago{
        display: block;
    }

    .forma-de-pago form .button{
        width: 100%;
        text-align: center;
    }
}

/* Ajustar botones de presupuesto en chat */
@media screen and (max-width: 480px){
    .presupuestoRecibido{
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
    }

    .presupuestoRecibido input.button{
        width: 100%;
        margin: 10px 0;
    }

    .presupuestoRecibido input.button:hover{
        width: 100%;
        margin: 10px 0;
    }
}

/* Mensaje de error que se muestra a la hora de elegir número de días para realizar una tarea */
#error-hispavista_taskia_task_draft_days li{
    opacity: 1;
}

/* 28-12-2023 Unai Carlos. */
.tipo-cuenta{
    margin: 40px 0 25px;
}

.tipo-cuenta>p,
.tipo-cuenta>small{
    margin: 0;
}

.tipo-cuenta .radio{
    margin: 25px 0 0;
}

.elegir-cuenta div{
    text-align: left;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    margin: 20px 0;
}

.elegir-cuenta p{
    line-height: 1;
    margin-left: 5px;
}

.elegir-cuenta small{
    color: #207254;
    font-size: 12px;
}

.link-btn {
    color: #2ea378;
    text-decoration: underline;
}

.link-btn:hover{
    color: #444;
    text-decoration: underline
}

/* Modal 'modo vacaciones' */
.vacation-mode-modal {
    border-radius: 10px; !important
}

.vacation-mode-modal .header-checkbox{
    display: flex;
    align-items: center;
}

.vacation-mode-modal h4{
    margin-right: 0.5em;
}
.vacation-mode-modal h6{
    font-family: "Montserrat", Arial, Helvetica, sans-serif; color:#333; text-rendering:auto;
}

.vacation-check{
    cursor: pointer;
}

input[type="checkbox"], input[type="radio"]{
    cursor: pointer;
    accent-color: #2ea378;
}