app{
    width: 100%!important;
}

#fuse-splash-screen {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
    z-index: 99999;
    pointer-events: none;
}

#fuse-splash-screen .center {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#fuse-splash-screen .logo {
    width: 260px;
    margin: 0 auto;
}

/*#fuse-splash-screen .logo img {
     filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.2)) 
}*/

#fuse-splash-screen .spinner-wrapper {
    display: block;
    position: relative;
    width: 100%;
    min-height: 100px;
    height: 100px;
}

#fuse-splash-screen .spinner-wrapper .spinner {
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin-left: -50px;
    animation: outer-rotate 2.91667s linear infinite;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner {
    width: 100px;
    height: 100px;
    position: relative;
    animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .gap {
    position: absolute;
    left: 49px;
    right: 49px;
    top: 0;
    bottom: 0;
    border-top: 10px solid;
    box-sizing: border-box;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .left,
#fuse-splash-screen .spinner-wrapper .spinner .inner .right {
    position: absolute;
    top: 0;
    height: 100px;
    width: 50px;
    overflow: hidden;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .left .half-circle,
#fuse-splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
    position: absolute;
    top: 0;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border: 10px solid #0E4D80;
    border-bottom-color: transparent;
    border-radius: 50%;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .left {
    left: 0;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .left .half-circle {
    left: 0;
    border-right-color: transparent;
    animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
    -webkit-animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .right {
    right: 0;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
    right: 0;
    border-left-color: transparent;
    animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
    -webkit-animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

@keyframes outer-rotate {
    0% {
        transform: rotate(0deg) scale(0.5);
    }
    100% {
        transform: rotate(360deg) scale(0.5);
    }
}

@keyframes left-wobble {
    0%,
    100% {
        transform: rotate(130deg);
    }
    50% {
        transform: rotate(-5deg);
    }
}

@keyframes right-wobble {
    0%,
    100% {
        transform: rotate(-130deg);
    }
    50% {
        transform: rotate(5deg);
    }
}

@keyframes sporadic-rotate {
    12.5% {
        transform: rotate(135deg);
    }
    25% {
        transform: rotate(270deg);
    }
    37.5% {
        transform: rotate(405deg);
    }
    50% {
        transform: rotate(540deg);
    }
    62.5% {
        transform: rotate(675deg);
    }
    75% {
        transform: rotate(810deg);
    }
    87.5% {
        transform: rotate(945deg);
    }
    100% {
        transform: rotate(1080deg);
    }
}


/* FUSE Splash Screen CSS */

.swal2-close {
    color: #DDDDDD !important;
    font-size: 3em !important;
}

body.theme-default .mat-flat-button.mat-accent,
body.theme-default .mat-raised-button.mat-accent,
body.theme-default .mat-fab.mat-accent,
body.theme-default .mat-mini-fab.mat-accent {
    background-color: #3f9ab9 !important;
}

body.theme-default .mat-fab, body.theme-default .mat-flat-button,
body.theme-default .mat-mini-fab,
body.theme-default .mat-raised-button {
    background-color: #6aaf37;
}

.btn-del-item.mat-fab .mat-button-wrapper,
.btn-del-item .mat-button-wrapper {
    padding: 0 !important;
    line-height: 0 !important;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 20px;
}

#gallerydet swiper>.swiper.s-wrapper {
    height: auto !important;
}

.mat-icon.completed {
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    position: absolute;
    bottom: -1px;
    right: -5px;
    color: #2b860f;
    font-size: 20px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    line-height: 1;
}

.swal2-styled.swal2-confirm {
    font-size: 1.3em;
}

.swal2-styled.swal2-cancel {
    font-size: 1.3em;
}

/* .swal2-content {
    font-size: 1.44em;
} */

swal2-styled {
    padding: 1em 2em;
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    background-color: #039be5 !important;
    color: #FFFFFF !important;
    
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent{
    text-transform: uppercase!important;
}

body.theme-default .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #039be5!important;
}


/* SLIDER ROSA FUERTE COLOR DESTACADO */
body, html {
    overflow-y: auto!important;
}

body {
    font-size: 18px!important;
}

body.theme-default .mat-slide-toggle.mat-checked.color-destacado .mat-slide-toggle-thumb {
    background-color: #039be5 !important;
}

body.theme-default .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(0,0,0,.38)!important;
}

body.theme-default .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #039be5 !important;
}

body.theme-default .mat-radio-button.mat-accent .mat-radio-inner-circle,
body.theme-default .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
body.theme-default .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
body.theme-default .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #039be5 !important;
    border-color: #039be5 !important;
}

.mat-dialog-container {
    position: relative;
}

.page-banner {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 50px;
}

.page-banner img {
    width: 100%;
    margin: 0;
    padding: 0;
}

#testimonialvideo .btn-add-item,
#testimonialvideo .btn-add-item.mat-flat-button.mat-accent,
#testimonialvideo .btn-add-item.mat-raised-button.mat-accent,
#testimonialvideo .btn-add-item.mat-fab.mat-accent,
#testimonialvideo .btn-add-item.mat-mini-fab.mat-accent,
#profile .btn-add-item,
#profile .btn-add-item.mat-flat-button.mat-accent,
#profile .btn-add-item.mat-raised-button.mat-accent,
#profile .btn-add-item.mat-fab.mat-accent,
#profile .btn-add-item.mat-mini-fab.mat-accent,
#initialvideo .btn-add-item,
#initialvideo .btn-add-item.mat-flat-button.mat-accent,
#initialvideo .btn-add-item.mat-raised-button.mat-accent,
#initialvideo .btn-add-item.mat-fab.mat-accent,
#initialvideo .btn-add-item.mat-mini-fab.mat-accent {
    background-color: none !important;
    background: none !important;
    background: 0 0 !important;
    color: #cecece !important;
    /*box-shadow: unset;*/
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    padding: 0;
    margin: 0;
    line-height: 1;
}



#testimonialvideo .btn-add-item .mat-button-wrappe,
#testimonialvideo .btn-add-item.mat-flat-button.mat-accent .mat-button-wrappe,
#testimonialvideo .btn-add-item.mat-raised-button.mat-accent .mat-button-wrappe,
#testimonialvideo .btn-add-item.mat-fab.mat-accent .mat-button-wrappe,
#testimonialvideo .btn-add-item.mat-mini-fab.mat-accent .mat-button-wrappe,
#initialvideo .btn-add-item .mat-button-wrapper,
#initialvideo .btn-add-item.mat-flat-button.mat-accent .mat-button-wrapper,
#initialvideo .btn-add-item.mat-raised-button.mat-accent .mat-button-wrapper,
#initialvideo .btn-add-item.mat-fab.mat-accent .mat-button-wrapper,
#initialvideo .btn-add-item.mat-mini-fab.mat-accent .mat-button-wrapper,
#testimonialvideo .btn-add-item .mat-fab .mat-button-wrappe,
#testimonialvideo .btn-add-item.mat-flat-button.mat-accent .mat-fab .mat-button-wrappe,
#testimonialvideo .btn-add-item.mat-raised-button.mat-accent .mat-fab .mat-button-wrappe,
#testimonialvideo .btn-add-item.mat-fab.mat-accent .mat-fab .mat-button-wrappe,
#testimonialvideo .btn-add-item.mat-mini-fab.mat-accent .mat-fab .mat-button-wrappe,
#initialvideo .btn-add-item .mat-fab .mat-button-wrapper,
#initialvideo .btn-add-item.mat-flat-button.mat-accent .mat-fab.mat-button-wrapper,
#initialvideo .btn-add-item.mat-raised-button.mat-accent .mat-fab .mat-button-wrapper,
#initialvideo .btn-add-item.mat-fab.mat-accent .mat-fab .mat-button-wrapper,
#initialvideo .btn-add-item.mat-mini-fab.mat-accent .mat-fab .mat-button-wrapper {
    line-height: 0;
    padding: 0;
    margin: 0;
}

body.theme-default .mat-flat-button.mat-primary[disabled],
body.theme-default .mat-flat-button.mat-accent[disabled],
body.theme-default .mat-flat-button.mat-warn[disabled],
body.theme-default .mat-flat-button[disabled],
body.theme-default .mat-raised-button.mat-primary[disabled],
body.theme-default .mat-raised-button.mat-accent[disabled],
body.theme-default .mat-raised-button.mat-warn[disabled],
body.theme-default .mat-raised-button[disabled][disabled],
body.theme-default .mat-fab.mat-primary[disabled],
body.theme-default .mat-fab.mat-accent[disabled],
body.theme-default .mat-fab.mat-warn[disabled],
body.theme-default .mat-fab[disabled],
body.theme-default .mat-mini-fab.mat-primary[disabled],
body.theme-default .mat-mini-fab.mat-accent[disabled],
body.theme-default .mat-mini-fab.mat-warn[disabled],
body.theme-default .mat-mini-fab[disabled] {
    background-color: rgba(0, 0, 0, 0.12)!important;
    color: #333333;
}

/* BOTONES EN ALGUNA SECCIONES */

#profile .mat-flat-button.mat-accent,
#profile .mat-raised-button.mat-accent,
#profile .mat-fab.mat-accent,
#profile .mat-mini-fab.mat-accent{
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    line-height: 1;
    padding-left: 60px!important;
    padding-right: 60px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px!important;
}
#profile .submit-button{
    margin-top: 3%!important;
}
@media (min-width: 640px) {
    #profile .mat-flat-button.mat-accent,
    #profile .mat-raised-button.mat-accent,
    #profile .mat-fab.mat-accent,
    #profile .mat-mini-fab.mat-accent{
        width: auto!important;
        height: 40px!important;
        max-width: auto!important;
        padding-left: 40px!important;
        padding-right: 40px!important;
        font-size: 1.5rem!important;
    }
  
}

@media (min-width: 1024px) {

    #profile .mat-flat-button.mat-accent,
    #profile .mat-raised-button.mat-accent,
    #profile .mat-fab.mat-accent,
    #profile .mat-mini-fab.mat-accent{
        width: auto!important;
        height: 50px!important;
        max-width: auto!important;
        padding-left: 50px!important;
        padding-right: 50px!important;
        font-size: 2rem!important;
    }

}


/* body.theme-default .mat-flat-button.mat-primary.owned-prod,
 body.theme-default .mat-flat-button.mat-accent.owned-prod,
 body.theme-default .mat-flat-button.mat-warn.owned-prod,
 body.theme-default .mat-flat-button.owned-prod,
 body.theme-default .mat-raised-button.mat-primary.owned-prod,
 body.theme-default .mat-raised-button.mat-accent.owned-prod,
 body.theme-default .mat-raised-button.mat-warn.owned-prod,
 body.theme-default .mat-raised-button[disabled].owned-prod,
 body.theme-default .mat-fab.mat-primary.owned-prod,
 body.theme-default .mat-fab.mat-accent.owned-prod,
 body.theme-default .mat-fab.mat-warn.owned-prod,
 body.theme-default .mat-fab[disabled].owned-prod,
 body.theme-default .mat-mini-fab.mat-primary.owned-prod,
 body.theme-default .mat-mini-fab.mat-accent.owned-prod,
 body.theme-default .mat-mini-fab.mat-warn.owned-prod,
 body.theme-default .mat-mini-fab[disabled] {
    background-color: #FFFFFF!important;
    color: rgb(229, 177, 167) !important;
}*/




/* importante para evitar seleccion de texto en las app */


/* * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/


/* input, 
 textarea {
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}*/



/* AJUSTES DISEÑADOR PAGINA SUBSCRIPCIONES */

/*vista texto*/
.h3 {
    
    color: #000!important;
    font-weight: 700!important;
}
/* Vista subscripciones */

#subscription .descripcion>span>strong {
    color: #e30045 !important;
    margin-bottom: 3px !important;
    width: 100% !important;
}

#subscription .descripcion>span>p {
    line-height: 1 !important;
    float: left !important;
    margin-bottom: 0px !important;
    margin-top: 6px !important;
    font-weight: 300 !important;
}

#subscription .list-buy-wappers-btns>.list-buy-btns>.wrap-btn-buy>.over-btn-buy {
    margin-bottom: 3px !important;
    margin-top: 8px !important;
}

@media screen and (max-width: 480px) {
    #subscription .list-buy-wappers-btns>.list-buy-btns>.wrap-btn-buy>.over-btn-buy {
        margin-top: 0 !important;
    }
}

#subscription button.buy-button.mat-raised-button>span>span {
    font-weight: 700 !important;
}

#subscription .wrap-updateview-btn {
    display: none !important;
}

#subscription .wrap-updateview-btn {
    display: none !important;
}

#subscription li.subscription-group {
    margin-top: 7px !important;
}

#subscription .descripcion {
    float: left !important;
    margin-bottom: 15px !important;
}

#subscription p.descripcion-p p {
    line-height: 1.2!important;
    height: auto!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-top: 0!important;
    padding-bottom: 0 !important;
}

#subscription p.descripcion-p p strong {
    color: #e30045 !important;
}

#subscription .wrap-btn-buy .mat-raised-button .mat-button-wrapper>* {
    vertical-align: unset;
}


/* Vista Mi subscripcion Actual*/

div#currentsubscription .h4.text-center.sub-name {
    color: #e30045 !important;
    margin-bottom: 3px !important;
    width: 100% !important;
    float: left !important;
    text-align: left;
}

div#currentsubscription .list-buy-wappers-btns>.list-buy-btns>.wrap-btn-buy>.over-btn-buy {
    margin-bottom: 3px !important;
    margin-top: 8px !important;
}

div#currentsubscription button.buy-button.mat-raised-button>span>span {
    font-weight: 700 !important;
}

div#currentsubscription .wrap-updateview-btn {
    display: none !important;
}

div#currentsubscription .wrap-updateview-btn {
    display: none !important;
}

div#currentsubscription li.ng-tns-c22-6.mt-24.group-even.ng-star-inserted {
    margin-top: 7px !important;
}

div#currentsubscription .description {
    float: none!important;
    display: flex!important;
    margin-bottom: 15px !important;
    white-space: normal;
}

div#currentsubscription .description>ul {
    margin: 0;
    padding: 0px 20px;
    white-space: normal;
}

div#currentsubscription .description p strong {
    color: #e30045 !important;
}

div#currentsubscription .description>p {
    line-height: 1.2 !important;
    font-weight: 300 !important;
    white-space: normal;
    padding: 0;
    margin: 1px;
}

div#currentsubscription {
    margin-top: 0px !important;
}

div#currentsubscription .wrap-subscription {
    padding: 16px !important;
}

div#currentsubscription .wrap-subscription.ng-tns-c37-12.ng-star-inserted .h2.text-center.mb-24 {
    margin-bottom: 16px!important;
}

div#currentsubscription .wrap-subscription.ng-tns-c37-12.ng-star-inserted .wrap-info.mt-24 {
    margin-top: 0px !important;
}

div#currentsubscription button {
    font-weight: 700 !important;
}


/* Vista Banners Webinars y Lista programas  */

#programas .section-banners-btns,
#webinars-view .section-banners-btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin: 15px auto 5px auto;
}

#programas .wrap-banners-btns,
#webinars-view .wrap-banners-btns {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 0;
}

#programas .banner-old-webinars,
#webinars-view .banner-old-webinars {
    margin: 0;
    margin-top: 15px!important;
    width: 100%!important;
}

#programas .banner-old-webinars button,
#webinars-view .banner-old-webinars button {
    width: 100%!important;
}

#programas .banner-upgrade,
#webinars-view .banner-upgrade {
    border-radius: 30px;
    width: 100%;
    padding: 10px 25px;
    background: #e30045!important;
    margin: 0 auto 0 auto;
    text-align: center;
}

#programas .banner-upgrade div,
#webinars-view .banner-upgrade div {
    line-height: 1.3;
    text-rendering: optimizeLegibility;
    /*overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;*/
    text-align: center;
    color: #fff!important;
    font-size: 22px;
    font-weight: 700;
    padding: 0px !important;
}
#programas  hr {
    margin: 0px 0px;
    border: 3px solid #fdf3f2;
    height: 1px;
    box-sizing: inherit;
}

#programas  .lista-programs .lista-webinars li .descripcion{
background: #f3f3f3;
padding: 16px;
width: 100%;
border-radius: 5px;
display: inline-block;
font-size: 1.4rem;
color: #000;
font-weight: 700;
margin-right: 6px;
margin-top: 12px;
text-rendering: optimizeLegibility;
line-height: 1.4;
text-transform: uppercase;
}
#programas .option-menu-tit {
    position: relative;
    color: #fff;
    margin: -25px 5px;
    padding: 15px;
    font-weight: 700;
    text-align: center;
    font-size: 3rem;
    text-transform: uppercase;
    border-radius: 100%;
    background: #e30045;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.4rem;
    height: 4.4rem;
}
#programas  .lista-programs .lista-webinars li .descripcion-red{
   /* background-image:url('../images/programas/logo.png');
    background-repeat: no-repeat;
    background-size: auto 40%;*/
 /*background: #fdf3f2; */
    background-position: 90% 50%;
    padding: 16px;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    font-size: 1.5rem;
    color: rgb(5, 5, 5);
    font-weight: 700;
    margin-right: 6px;
    margin-top: 20px;
    text-rendering: optimizeLegibility;
    line-height: 1.4;
    text-transform: uppercase;
    }
    #programas .pink2{
    background: #fdf3f2;
}
#programas .flecha-down {
    width: 25px;
    height: 25px;
    margin: 0px auto 15px;
}
 

@media screen and (max-width: 400px) {
    #programas .banner-upgrade div,
    #webinars-view .banner-upgrade div {
        font-size: 15px;
    }
}


/* botones LOGIN */

login #login .filter-tag-btn.log-facebook-btn,
login #login .log-facebook-btn,
login #login .filter-tag-btn.log-google-btn,
login #login .log-google-btn,
login #login .filter-tag-btn.log-frmmail-btn,
login #login .log-frmmail-btn {
    border: solid 1px #848484;
    box-shadow: unset;
}

login #login .login-pie-btn .ir-href-btn {
    color: #333!important;
}

loginform #login .login-pie-btn .ir-href-btn {
    color: #333 !important;
}

loginform .mat-form-field-suffix .mat-icon {
    color: rgba(0, 0, 0, 0.3);
    font-size: 190%;
    line-height: 1;
}

loginform .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.5em;
    font-size: 18px;
}

loginform .mat-form-field-appearance-legacy.form-select-login .mat-form-field-wrapper {
    padding-bottom: 1.5em;
    font-size: 18px;
}

loginform input.mat-input-element {
    margin-top: 0.8em;
}

/*loginform .form-select-login .mat-input-element {
    margin-bottom: -8px;
}*/

loginform .mat-form-field-appearance-legacy.form-select-login .mat-form-field-infix {
    padding-top: 1.2em;
}

loginform .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
loginform .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    color: #666!important;
    font-size: 22px!important;
}

loginform .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #666!important;
    font-size: 16px !important;
}

loginform .mat-input-element {
    caret-color: #3c4252;
    color: #333;
}

loginform .mat-slide-toggle-content {
    color: #333;
}


/* ........ REGISTER ......... */

#register .mat-form-field-appearance-outline .mat-form-field-wrapper {
    margin: -5px 0;
}


/* ........  AJUSTES VISTA SUBSCRIPCIONES  ......... */


/* SUBSCRIPCIONES Estilos de boton desplegable */

#subscription .enlace {
    padding-top: 8px;
    color: #039be5;
    font-weight: 600;
    margin-top: 10px;
}

#subscription .icono {
    padding-top: 5px;
    float: left;
    padding-right: 5px;
    color: #039be5;
}


/* Desplegable de mas información */

#subscription .lista_puntos {
    margin-top: 10px !important;
    display: block !important;
    background-image: none;
    overflow: hidden!important;
}

#subscription .lista_puntos .lista_opciones {
    margin-top: 10px;
    padding-left: 25px !important;
    list-style: none;
    padding-right: 20px;
}

#subscription .lista_puntos .lista_opciones li::before {
    color: #039be5;
    content: '\2022';
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

#subscription .lista_puntos .lista_opciones li {
    margin-top: 5px;
    background: none;
    padding: 0;
}

#subscription .lista_puntos strong {
    color: #039be5;
}


/* ........  / AJUSTES VISTA SUBSCRIPCIONES  ......... */


/* TODOS LOS BOTONES DEBERIAN USAR ESTOS ESTILOS*/
​
.btn-app {
    width: auto;
    background-color:  #e30045 !important;
    color: white !important;
}
​
.mat-raised-button {
    border-radius: 30px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
}
​
​
/* TODOS LOS BOTONES DEBERIAN USAR ESTOS ESTILOS*/

.btn-app, 
.btn-app.mat-raised-button,
.btn-app.mat-raised-button.mat-primary{
    width: auto;
    background-color:#e30045!important;
    color: white !important;
}
.mat-raised-button {
    border-radius: 30px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
}

/* ESTILOS VISTA DE REVIEW */
.reviewapp-panel,
.mat-dialog-container {
    border-radius: 20px!important;
}
#review {
    width: 100%;
}
#review .review-logo {
    width: 100%;
}
#review .review-logo img {
    width: 40%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
#review .review-titl {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}
#review .review-error{
    text-align: left;
    font-size: 14px;
    color: #ad0101;
}
#review .review-stars {
    width: 100%;
    margin: 10px 0;
    display: flex;
}
#review .review-subtitl {
    text-align: center;
    font-size: 16px;
}
#review .review-btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
body.theme-default #review .mat-raised-button,
.mat-raised-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 50px;
    line-height: 30px;
    padding: 0px 16px;
    /*border-radius: 30px!important;*/
	border-radius: 5px!important;
    padding-left: 16px!important;
    padding-right: 16px!important;
    overflow: visible;
}

.rating:not(:checked) > label {
  
    font-size: 150%!important;
   
}
/* FIN ESTILOS VISTA DE REVIEW  */







.txt-home {
    
    color: #747474!important;
    font-weight: 600;
    display: block;
    /*font-size: 1.6rem;*/
	font-size: 1.4rem;
	text-align: center;
   
     line-height: 1;
   /*  text-transform: uppercase;
    position: absolute;
    bottom: 15px;*/
}

#home .sub-menu{
   /* margin-top: 26px;
    margin-right: 15px;*/
    float: right;
    width: 40px;
    height: 36px;
    /* background-image: url('../images/menu_home/menu-icon.png'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}
.txt-shadow {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,transparent),color-stop(50%,rgba(0,0,0,.5)),to(rgba(0,0,0,.9)));
    background: linear-gradient(to bottom,transparent 1%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.9) 100%);
    position: absolute;
    top: 15%;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    box-shadow: none;
    border-radius: 10px;
    padding: 15px;
    
}

/* iphone 8 o alturas menores de 700px */
/* @media (max-height: 700px ) {
    #home .option-menu-class {   
        min-height: 6em!important;
    }
    #home .option-menu-programs {   
        min-height: 6em!important;
    }
    #home .option-menu-collections {   
        min-height: 6em!important;
    }
    #home .option-menu-healthy {   
        min-height: 6em!important;
    }
    #home .option-menu-progress {   
        min-height: 6em!important;
    }
    .txt-home { 
        font-size: 1.9rem;
    }
} */

/* iphone X solo */
/* @media (min-height: 811px) and (max-height: 813px) {
    #home .option-menu-class {   
        min-height: 7em!important;
    }
    #home .option-menu-programs {   
        min-height: 7em!important;
    }
    #home .option-menu-collections {   
        min-height: 7em!important;
    }
    #home .option-menu-healthy {   
        min-height: 7em!important;
    }
    #home .option-menu-progress {   
        min-height: 7em!important;
    }
    .txt-home { 
        font-size: 1.9rem;
    }
} */

/* iphone 8 plus */
/* @media (min-width: 400px) {
    #home .option-menu-class {   
        min-height: 7em!important;
    }
    #home .option-menu-programs {   
        min-height: 7em!important;
    }
    #home .option-menu-collections {   
        min-height: 7em!important;
    }
    #home .option-menu-healthy {   
        min-height: 7em!important;
    }
    #home .option-menu-progress {   
        min-height: 7em!important;
    }
    .txt-home { 
        font-size: 1.9rem;
    }
} */





/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. *//*afinar en 480*/
/* @media (min-width: 480px) {
    #home .option-menu-class {   
        min-height: 9em!important;
    }
    #home .option-menu-programs {   
        min-height: 9em!important;
    }
    #home .option-menu-collections {   
        min-height: 9em!important;
    }
    #home .option-menu-healthy {   
        min-height: 9em!important;
    }
    #home .option-menu-progress {   
        min-height: 9em!important;
    }
    .txt-home { 
        font-size: 1.7rem;
    }
} */




/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones *//*afinar en 768*/
/* @media (min-width: 640px) { 
    #home .option-menu-class {   
        min-height: 10em!important;
    }
    #home .option-menu-programs {   
        min-height: 10em!important;
    }
    #home .option-menu-collections {   
        min-height: 10em!important;
    }
    #home .option-menu-healthy {   
        min-height: 10em!important;
    }
    #home .option-menu-progress {   
        min-height: 10em!important;
    }
    .txt-home { 
        font-size: 2.1rem;
    }
} */
/* iphone 8 o alturas menores de 700px */
/* @media (max-height: 782px ) {
    #home .option-menu-class {   
        min-height: 6em!important;
    }
    #home .option-menu-programs {   
        min-height: 6em!important;
    }
    #home .option-menu-collections {   
        min-height: 6em!important;
    }
    #home .option-menu-healthy {   
        min-height: 6em!important;
    }
    #home .option-menu-progress {   
        min-height: 6em!important;
    }
    .txt-home { 
        font-size: 1.6rem;
        
    }
} */



/* tablet, landscape iPad, lo-res laptops ands desktops */
/*afinar en 960*/
/* @media (min-width: 960px) {
    #home .option-menu-class {   
        min-height: 12.6em!important;
    }
    #home .option-menu-programs {   
        min-height: 12.6em!important;
    }
    #home .option-menu-collections {   
        min-height: 12.6em!important;
    }
    #home .option-menu-healthy {   
        min-height: 12.6em!important;
    }
    #home .option-menu-progress {   
        min-height: 12.6em!important;
    }
    .txt-home { 
        font-size: 2.1rem;
    }
} */

/* big landscape tablets, laptops, and desktops *//*afinar en 1024px*/
/* @media (min-width: 1024px) {
    #home .option-menu-class {   
        min-height: 14em!important;
    }
    #home .option-menu-programs {   
        min-height: 14em!important;
    }
    #home .option-menu-collections {   
        min-height: 14em!important;
    }
    #home .option-menu-healthy {   
        min-height: 14em!important;
    }
    #home .option-menu-progress {   
        min-height: 14em!important;
    }

    .txt-home { 
        font-size: 2.9rem;
    }
    
} */

/* hi-res laptops and desktops *//*afinar en 1280*/
/* @media (min-width: 1280px) {
    #home .option-menu-class {   
        min-height: 20em!important;
    }
    #home .option-menu-programs {   
        min-height: 20em!important;
    }
    #home .option-menu-collections {   
        min-height: 20em!important;
    }
    #home .option-menu-healthy {   
        min-height: 20em!important;
    }
    #home .option-menu-progress {   
        min-height: 20em!important;
    }

    .txt-home { 
        font-size: 3.2rem;
    }
    
} */

    
/*textos iconos footer */
.pie-menu .icon-txt{
    padding-top: 5px;
   /* color: #a1a0a6;*/
   color: #000;
	text-transform: uppercase;
}/*row footer*/
.mat-toolbar-row .mat-toolbar-single-row {
    padding: 20px 20px 15px 20px!important;
    height: 50px!important;
	box-shadow: none!important;
}
/*cabecera*/
QToolBar {
    background-size: auto 50%!important;
}
QToolBar .mat-toolbar {
    height: 50px!important;
}

/*AVATAR*/
.avatar {
    
    border-radius: 20%!important;
}

/*color*/
.color-primary {
    color: #e30045!important;
}
.txt-red {
    color: #e30045!important;
}
.txt-dark {
    color: #000!important;
	font-weight: 600;
}
.titulo-pag {
 color: #666!important;  
}

.titulo-txt {
    font-size: 22px!important;
    font-weight: bolder!important;
    color: #666!important;
}

/* FIN ESTILOS VISTA HOME */

/*INICIO VISTA PROGRAMACIÓN CONFIG*/
#programmeconfig .mat-raised-button.mat-accent {
    background-color: #e30045!important;
    color: #fff!important;
}
body.theme-default .mat-form-field-appearance-outline .mat-form-field-outline {
    /* color: rgba(0,0,0,.12); */
    box-shadow: 0 0 4px rgba(0,0,0,.12);
    transition: box-shadow .7s ease;
}
 
#programmeconfig .programme-hour .timepicker-hours img, 
#programmeconfig .programme-hour .timepicker-minutes img
   {
    padding: 10px;
}
#programme .name-exercise {
    color: #e30045!important;
}  
/* FIN ESTILOS VISTA PROGRAMACIÓN CONFIG */

/*INICIO VISTA LISTADO RESERVAS*/

/*#reservas .lista-resultados .join-button {
    background: #e30045!important;
    border: none;
	text-transform: uppercase;
	 width: 100%;
     height: 35px;
	 color: #fff;
	 font-weight:600;
}*/
#reservas{
	background-color: #f3f3f3!important;
}
#reservas .lista-resultados .online {
    background: #fff!important;
    border: 1px solid #e30045;
	text-transform: uppercase;
	 width: 100%;
     height: 35px;
	 color: #e30045;
	 font-weight:600;
	 float:right;
	 border-radius: 5px!important;
}
 #reservas .lista-resultados {
            margin-top: 0;
        }

        #reservas .lista-resultados .lista-webinars {
            border: 0;
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .lista-resultados .lista-webinars li {
           padding:15px!important;
           background-color: #fff;
           box-shadow: 0 0 4px rgba(0,0,0,.12);
           transition: box-shadow .7s ease;
           width: 94%!important;
           border-radius: 5px;
           margin-left: 3%!important;
           margin-top: 5px!important;
          
        }
		

        #reservas .lista-resultados .lista-webinars  li:first-child {
            border-top: solid 1px rgba(0, 0, 0, 0.12);
        }

       
		  .linebreaks {
          
            width: 100%;
			color:#000;
        }

        

        .lista-resultados .lista-webinars li .descripcion > span strong {
            display: inline-block;
           font-size: 16px;
			color:#737373;
            font-weight: 700;
            margin-right: 6px;
            text-rendering: optimizeLegibility;
            line-height: 1;
			text-transform:uppercase;
        }

        .lista-resultados .lista-webinars li .descripcion > p {
            display: block;
            color: #000;
            font-size: 18px;
            font-weight: 500;
            text-rendering: optimizeLegibility;
            line-height: 1;
            margin-right: 6px;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
        }
        .lista-resultados .linebreaks {
            white-space: pre-line;
        }
		
		#reservas .option-menu-calendar {
 position: relative;
   /* background-color: #fff;*/
    margin: 5px 0;
    padding: 10px;
    font-weight: 700;
    text-align: center;
	font-size: 18px;
    text-transform: uppercase;
}

/* #reservas .check-reserv{
    float: right;
    width: 20px;
    height: 20px;
    background-image: url('../images/ico_app/checklist.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    margin-top: -7px;
} */
#reservas .option-menu-gray {
    position: relative;
    min-height: 6em;
    /*background-image:url('../images/backgrounds/bg-gray.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
    color:#000;
    margin: 15px 0;
	padding: 20px;
    font-weight: 700;
    border-radius: 15px;
    border: 1px solid #ccc;
	/*box-shadow: 0 0 4px rgba(0,0,0,.12);
    transition: box-shadow .7s ease;*/
   

}
#reservas .option-menu-pink {
    position: relative;
    min-height: 6em;
   /* background-image:url('../images/backgrounds/bg-pink.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
    color:#000;
    margin: 15px 0;
	padding: 20px;
    font-weight: 700;
    border-radius: 15px;
    border: 1px solid #ccc;
	/*box-shadow: 0 0 4px rgba(0,0,0,.12);
    transition: box-shadow .7s ease;*/
   

}
/* #reservas .live {
    float: left;
    width: 24px;
    height: 24px;
    background-image: url('../images/ico_app/ico-live.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
} */

#reservas .en-directo{
    margin-top: 20px !important;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#reservas .txt-live {
    margin-left:10px;
    /*border-bottom: 2px solid #e30045*/
    color:#e30045;
}


@media (min-width: 640px) {
    #reservas .live {
        width: 26px;
        height: 26px;
    }
    #reservas .txt-live{
        font-size: 2rem;
    }  
}

@media (min-width: 1024px) {
    #reservas .live {
        width: 30px;
        height: 30px;
    }
    #reservas .txt-live{
        font-size: 2.4rem;
    }   
}



#reservas .misreservas-filtro{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}


@media (min-width: 640px) {
    #reservas .option-menu-calendar {
        font-size: 1.4em;
    }

    #reservas .lista-resultados .lista-webinars li .descripcion > span strong {
        font-size: 1.2em;
    }

    #reservas .lista-resultados .lista-webinars li .descripcion > p {
        font-size: 1.4em;
    }

    #reservas .mat-checkbox,
    #reservas label.mat-checkbox-layout {
        font-size: 19px !important;
    }

    #reservas .option-menu-gray {
        min-height: 8em;
    }
    #reservas .lista-resultados .lista-webinars li {
        padding: 2.5rem!important;
    } 
    
    #reservas .check-reserv{
        width: 2.2rem;
        height: 2.2rem;
    }
}    

@media (min-width: 1024px) {
    #reservas .option-menu-calendar {
        font-size: 1.6em;
    }

    #reservas .lista-resultados .lista-webinars li .descripcion > span strong {
        font-size: 1.4em;
    }

    #reservas .lista-resultados .lista-webinars li .descripcion > p {
        font-size: 1.6em;
    }

    #reservas .mat-checkbox,
    #reservas label.mat-checkbox-layout {
        font-size: 22px !important;
    }

    #reservas .option-menu-gray {
        min-height: 10em;
    }

    #reservas .lista-resultados .lista-webinars li {
        padding: 2.5rem!important;
    } 
    
    #reservas .check-reserv{
        width: 3rem;
        height: 3rem;
    }
}

#reservas-det .embed-container {
    padding: 56.25% 0 0 0;
    position: relative;
}

#reservas-det .embed-container iframe,
#reservas-det .embed-container object,
#reservas-det .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*.lista-resultados .lista-webinars li {
    padding-right: 30px!important;
}*/

/* FIN ESTILOS VISTA LISTADO RESERVAS */

/*INICIO ESTILOS MENU OPTIONS*/
#menuopciones{
	background-color: #fbfbfb;
}
#menuopciones .opciones-menu li {
   
    color: #000!important;
	border-bottom: none!important;
    padding: 15px 0!important;
     
   
}

#menuopciones .opciones-menu li:after {
    
    color: #e30045!important;
	font-weight: 700!important;
    
}
#menuopciones .opciones-menu {
    border-radius: 15px;
       /*box-shadow: 0 0 4px rgba(0,0,0,.12);
       transition: box-shadow .7s ease;*/
       border: solid 1px rgba(0, 0, 0, 0.12)!important;
     background: white;
     margin: 15px 0!important;
}
#menuopciones .opciones-menu li span {
    margin-right: 25px;
}
 .page-layout.blank {
    background: rgba(0,0,0,.02)!important;
}
 body.theme-default .mat-divider {
    border-top-color: transparent!important;
}


/* FIN ESTILOS MENU OPTIONS */

#programme .video-detail > div strong {
    color: #e30045!important;
    font-weight: bolder;
}
/*testimonios*/
#testimonials .h2{
	color:#e30045;}
	/*Fin testimonios*/
	
.mt-20 {
    margin-top: 20px;
   
}	

/* LISTA DE NOTIFICACIONES */
#notifications {
    background: #fbfbfb;
}

#notifications .lista-resultados{
    /*margin-top: 30px;*/
    margin-top: 0px;
}

#notifications .lista{
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
#notifications .linebreaks {
        white-space:pre-line;            
    }

#notifications .join-button {
        background: #e30045;
        color: white;
        width: 100%;
        height: 35px;
    }

#notifications .lista li{
        position:relative;
        padding: 24px 0;
        margin: 15px 0;
        border:solid 1px rgba(0, 0, 0, 0.12);
        font-size: 15px;
        font-weight: 700;
        color: #e30045;
        display: block;
        padding-left: 10px;
        background: white;
        border-radius: 15px;

    } 

    #notifications .lista li:first-child{
      border:solid 1px rgba(0, 0, 0, 0.12);
      
      
    } 

    #notifications .lista li .descripcion{
        margin-left: 10px;
        margin-right: 6px;
        width: 100%;
    }

    #notifications .lista li .descripcion > span{
        display: flex;
        flex-direction: column;
        color: #666666;
        font-size:20px;
        font-weight: 400;
        margin-right: 6px;
        text-rendering: optimizeLegibility;
        line-height: 1;
    }

    #notifications .lista li .descripcion > span strong{
        display: inline-block;
        color: #e30045;
        font-size:20px;
        font-weight: 400;
        margin-right: 6px;
        text-rendering: optimizeLegibility;
        line-height: 1;
    }

    #notifications .lista li .descripcion > p{
        display: block;
        color: #999999;
        font-size:18px;
        font-weight: 200;
        text-rendering: optimizeLegibility;
        line-height: 1;
        margin-right: 6px;
        margin-top: 15px
        
    }

    #notifications .lista li .descripcion > p i{
        line-height: 1;
        font-weight: bold;
        color: #e30045;
        margin-right: 6px;
        font-size: 15px;
    }

    #notifications .lista li:after{
        content: '';
        font-weight: normal;
        font-style: normal;
        margin: 0;
        text-decoration: none;
        position: absolute;
        right: 10px;

        font-size: 20px;
        line-height: 1;
        opacity: 0.6;
    } 

    #notifications .lista .mat-icon {
        background-repeat: no-repeat;
        display: inline-block;
        fill: currentColor;
        height: 24px;
        width: 24px;
        color:#e30045 !important;
        padding: 1px 0px;
        font-size: 20px;
    }

    #notifications .webinar-link {

        text-decoration: underline #e30045;
        font-size: 11px;
    }


    #notifications .old-button {
        background-color: #e30045 !important;
        color: white !important;
        width: 45%;
        height: 40px;
        margin: 0;
    }

    #notifications .fecha-noti{
        width: 100%;
        font-size: 13px;
        text-align: right;
        font-weight: 400;
        padding-right: 20px!important;
    }

    #notifications .titulo-noti{
        font-size: 18px;
    }

    #notifications  .descrip-noti{
        font-size: 16px;
    }

  

    #notifications .lista li.not-sileida{
        background-image: url('../images/notis/sileido.png');
        background-position: 95% 12px;
        background-size: 20px 20px;
        background-repeat: no-repeat;
    }

    #notifications .lista li.not-noleida{
        background-image: url('../images/notis/noleido.png');
        background-position: 95% 12px;
        background-size: 20px 20px;
        background-repeat: no-repeat;
    }

    

/* FIN LISTA DE NOTIFICACIONES*/ 
	

/* ESTILOS VISTA reservas-det */


#reservas-det{
    
	background-color: #fbfbfb;
} 
#reservas-det h2.title.text-left {
    display: inline-block;
    font-size: 16px;
    color: #737373;
    font-weight: 700;
    margin-right: 6px;
    text-rendering: optimizeLegibility;
    line-height: 1;
    text-transform: uppercase;
    text-align: left;
}
#reservas-det .sec-preparacion {
    margin-left: 10px;
}

.p10{
    padding: 10px;
	
} 

#reservas-det .recipe-descript {
    margin-top: 10px;
}


#reservas-det .block{
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,.12);
    border: 1px solid #ccc;
    transition: box-shadow .7s ease;
    background: white;
    padding: 10px;
    margin-bottom: 10px;
}

#reservas-det span.tituloAtributo {
    font-weight: 700;
    /*border-bottom: 2px solid #e30045;*/
    color:  #e30045;
}

#reservas-det .btns-preparacion {
    margin-top: 10px;
}

#reservas-det  button.submit-button.mat-raised-button.ng-tns-c21-4.mat-accent.ng-star-inserted {
    padding: 10px;
    margin-bottom: 10px;
}

@media (min-width: 640px) {
    #reservas-det h2.title.text-left {
        font-size: 2rem;
    }
}

@media (min-width: 1024px) {

    #reservas-det h2.title.text-left {
        font-size: 2.5rem;
    }
    
}

.text-tit-desc {
    font-weight: 700;
    text-transform: uppercase;
}
.tit-desc {
    width: auto;
}

#up-button {
    background: #e30045 !important; 
}

.filter-tag-btn.active {
    background: #e30045 !important; 
}

.opciones-menu li.active {
    background-color: #e30045 !important; 
}
.opciones-menu li.active {
   
    color: #fff!important;
}

/* FIN LISTA DE RECIPES*/ 


/* ESTILOS VISTA CLASES */
.container-home-menu{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 5px;
  }
  #home-menu{
    background: #fff;
	background: url(../images/logos/logo-picaje-transparent.png);
    background-repeat: no-repeat;
    background-position: center;
	margin-top: 20px;
    width: 100%;
  }
#telephone{
    background: #fff;
	margin-top: 30px;
  }

.emergencias{
    background: #fff;
	background: url(../images/logos/logo-picaje-transparent.png);
    background-repeat: no-repeat;
    background-position: center;
	margin-top: 30px;
	display: flex;
    justify-content: center;
  }

  .box{
    width: 100%;
   padding: 5px;
   }



 .box-2{
   width: 50%;
   padding: 5px;
  }
  
  .box1{
    width: 100%;
    border-radius: 10px;
    background: #eeedef;
    position: relative;
    min-height: 9em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 50%;
    color: #4e4c4d!important;
    padding: 20px;
   
}

  .box2{ 
    width: 100%;
    border-radius: 10px;
    background: #eeedef;
    position: relative;
    min-height: 9em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 50%;
    color: #4e4c4d!important;
    padding: 20px;
    
}

/* .box1_es{
    background-image: url(../images/categorias/directo.jpg);
}

.box2_es{
    background-image: url(../images/categorias/diferido.jpg);
}

.box1_en{
    background-image: url(../images/categorias/directo_en.jpg);
}

.box2_en{
    background-image: url(../images/categorias/diferido_en.jpg);
}
 */


  .box3{
    width: 100%;
    /*height: 150px;
    border-radius: 10px;
    background: #eeedef;*/
    position: relative;
    min-height: 4.4em;
    background-image: url(../images/menu_home/ico-inci.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 16%;
    color: #4e4c4d!important;
    padding: 20px;
    background-position: center!important;
 
    }



  .box4{
    width: 100%;
    /*height: 150px;*
    border-radius: 10px; 
    background: #eeedef;*/
    min-height: 4.4em;
    background-image: url(../images/menu_home/ico-comunicado.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 16%;
    color: #4e4c4d!important;
    padding: 20px;
	 background-position: center!important;
  
   }

   .menu-empleados .box4{
    background-image: url(../images/menu_home/ico-inci-urg.png);
}

  .box5{
    width: 100%;
    /*height: 150px;
    border-radius: 10px; 
    background: #eeedef;*/
    position: relative;
    min-height: 4.4em;
    background-image: url(../images/menu_home/ico-reserv.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 16%;
    color: #4e4c4d!important;
    padding: 20px;
	background-position: center!important;
    
    }

    .menu-empleados .box5{
        background-image: url(../images/menu_home/ico-partes.png);
    }

.box6{
        width: 100%;
        /*height: 150px;
        border-radius: 10px; 
        background: #eeedef;*/
        position: relative;
        min-height: 4.4em;
        background-image: url(../images/menu_home/ico-act.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 100% 16%;
        color: #4e4c4d!important;
        padding: 20px;
    background-position: center!important;
        }

        .menu-empleados .box6{
            background-image: url(../images/menu_home/fichajes.png);
        }


 .box7{
        width: 100%;
           /* border-radius: 10px; 
            background: #eeedef;*/
            position: relative;
            min-height: 4.4em;
            background-image: url(../images/menu_home/ico-telf.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 100% 16%;
            color: #4e4c4d!important;
            padding: 20px;
	     background-position: center!important;
            }
.box8{
         width: 100%;
        /* border-radius: 10px; 
         background: #eeedef;*/
         position: relative;
         min-height: 4.4em;
         background-image: url(../images/menu_home/ico-comu.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: 100% 16%;
         color: #4e4c4d!important;
         padding: 20px;
	    background-position: center!important;
         }        
    
.box9{
        width: 100%;
       /*height: 150px;*/
        border-radius: 10px; 
        background: #eeedef;
        position: relative;
        min-height: 9.5em;
        /* background-image: url(../images/categorias/15min.png); */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 100% 16%;
        color: #4e4c4d!important;
        padding: 20px;  
	background-position: center!important;
         }  
  .box-emergencia{
    width: 100%;
    position: relative;
   /* min-height: 9em;*/
    background-position: 100% 16%;
    color: #4e4c4d!important;
    padding: 20px;
    background-position: center!important;
 
    }

         .txt-red-tit {
            color: #e30045;
            font-size: 1.6rem;
            text-align: center;
            font-weight: 600;
            line-height: 20px;
           float: left;
        }


        .circle {
    position: absolute;
 /*   width: 25%;
    height: 30%;*/
    border-radius: 50%;
    right: 15%;
    color: white;
    top: 0px;
	width: 14vw;
    height: 14vw;
   /* background: #22b9ed;*/
	background: #fe2923;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 190px;
    max-height: 190px;
} 

.circle-interno {
    right: 0!important;
}



.ball-text {
    border-radius: 5px;
    position: relative;
    text-align: center;
    /*vertical-align: middle!important;*/
    /*top: 20%;*/
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1;
}

.ball-text.icon-alerta-pause{
    font-size: 1.4em;
}

.icon-alertatxt-pause {
    color: #FF0000;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.icon-alertatxt-pause span.icon-alerta{
    border-radius: 50%;
    background-color: #FF0000;
    color:#FFFFFF;
    font-size: 1em;
    font-weight: 700;
    padding: 0.2em 0.70em;
    line-height: 1;
    margin-right: 0.2em;
}

/* en la vista del fichaje el anuncio esta centrado y obre botones picajes */
.fichajes-empleados .icon-alertatxt-pause{
    width: 100%;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
}

.fichajes-empleados .icon-alertatxt-gps{
    flex-direction: column;
    text-align: center;
}



@media (min-width: 768px) and (min-height: 1024px) {
    .ball-text {
        font-size: 2.9em;
    }

    .ball-text.icon-alerta-pause{
        font-size: 3.2em;
    }

    .icon-alertatxt-pause {
        font-size: 1.2em;
    }
}

@media (min-width: 1024px) {
    .ball-text {
        font-size: 2.9em;
    }

    .ball-text.icon-alerta-pause{
        font-size: 3.2em;
    }

    .icon-alertatxt-pause {
        font-size: 1.2em;
    }
}



        
        @media (min-height: 600px ) {
            .box1 {  
                min-height: 6em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 6em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 6em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 6em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 6em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 6em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 6em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 6em;
                background-position: 100% 16%;
            }

            .txt-home { 
                font-size: 1.5rem;
            }
        } 

       @media (min-height: 700px ) {
            .box1 {  
                min-height: 7.2em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 7.2em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 7.2em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 7.2em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 7.2em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 7.2em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 7.2em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 7.2em;
                background-position: 100% 16%;
            }

            .txt-home { 
                font-size: 1.55rem;
            }
        }
		

		
		
		
				@media (min-height: 750px ) {
            .box1 {  
                min-height: 7.3em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 7.3em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height:7.3em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height:7.3em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 7.3em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 7.3em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 7.3em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 7.3em;
                background-position: 100% 16%;
            }

            .txt-home { 
                font-size: 1.55rem;
            }
        }

		

        @media (min-height: 800px ) {
            .box1 {  
                min-height: 8.5em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 8.5em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 8.5em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 8.5em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 8.5em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 8.5em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 8.5em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 8.5em;
                background-position: 100% 16%;
            }
            .txt-home { 
                font-size: 1.6rem;
            }
        } 

        @media (min-height: 850px ) {
            .box1 {  
                min-height: 9.6em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 9.6em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 9.6em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 9.6em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 9.6em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 9.6em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 9.6em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 9.6em;
                background-position: 100% 16%;
            }
            .txt-home { 
                font-size: 1.6rem;
            }
        } 

        @media (min-height: 900px ) {
            .box1 {  
                min-height: 11em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 11em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 11em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 11em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 11em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 11em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 11em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 11em;
                background-position: 100% 16%;
            }

            .txt-home { 
                font-size: 1.7rem;
            }
        } 


        @media (min-width: 400px) and (min-height: 900px) {
            .box1 {  
                min-height: 11em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 11em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 11em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 11em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 11em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 11em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 11em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 11em;
                background-position: 100% 16%;
            }

            .circle{
                width: 11vw;
                height: 11vw;
            }

            .txt-home {
                font-size: 1.7rem;
            }


        }

        @media (min-height: 1000px ) {
            .box1 {  
                min-height: 10.5em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 10.5em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 10.5em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 10.5em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 10.5em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 10.5em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 10.5em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 10.5em;
                background-position: 100% 16%;
            }

            .txt-home {
                font-size: 1.95rem;
            }

            .circle{
                width: 10vw;
                height: 10vw;
            }
        } 

        @media (min-width: 768px) and (min-height: 1024px) {
            .box1 {  
                min-height: 11.5em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 11.5em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 11.5em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 11.5em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 11.5em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 11.5em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 11.5em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 11.5em;
                background-position: 100% 16%;
            }

            .circle{
                width: 10vw;
                height: 10vw;
            }

            
            .ball-text {
                font-size:1.6em;
            }

            .txt-home {
                font-size: 2.1rem;
            }
        } 

        @media (min-height: 1100px ) {
            .box1 {  
                min-height: 14.5em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 14.5em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 14.5em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 14.5em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 14.5em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 14.5em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 14.5em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 14.5em;
                background-position: 100% 16%;
            }

            .circle{
                width: 10vw;
                height: 10vw;
            }

            .ball-text {
                font-size:2em;
            }

            .txt-home {
                font-size: 2.3rem;
            }
        } 

        @media (min-height: 1200px ) {
            .box1 {  
                min-height: 15.5em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 15.5em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 15.5em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 15.5em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 15.5em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 15.5em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 15.5em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 15.5em;
                background-position: 100% 16%;
            }

            .txt-home {
                font-size: 2.6rem;
            }
            .circle{
                width: 9vw;
                height: 9vw;
            }

            .ball-text {
                font-size:2.5em;
            }
        }
        
        @media (min-height: 1500px ) {


            .box1 {  
                min-height: 17em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 17em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 17em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 17em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 17em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 17em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 17em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 17em;
                background-position: 100% 16%;
            }

            .txt-home {
                font-size: 2.9rem;
            }

            .circle{
                width: 18vw;
                height: 18vw;
            }

            .ball-text {
                font-size:2.8em;
            }
        }

        @media (min-height: 1600px ) {


            .box1 {  
                min-height: 18em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 18em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 18em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 18em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 18em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 18em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 18em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 18em;
                background-position: 100% 16%;
            }

            .txt-home {
                font-size: 3.1rem;
            }
            .circle{
                width: 15vw;
                height: 15vw;
            }

            .ball-text {
                font-size:2.5em;
            }
        }

        @media (min-height: 1800px ) {


            .box1 {  
                min-height: 20em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 20em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 20em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 20em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 20em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 20em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 20em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 20em;
                background-position: 100% 16%;
            }

            .txt-home {
                font-size: 3.2rem;
            }
            .circle{
                width: 15vw;
                height: 15vw;
            }

            .ball-text {
                font-size:2.5em;
            }
        }

        @media (min-height: 1900px ) {


            .box1 {  
                min-height: 22em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 22em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 22em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 22em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 22em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 22em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 22em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 22em;
                background-position: 100% 16%;
            }

            .txt-home {
                font-size: 3.5rem;
            }
            .circle{
                width: 15vw;
                height: 15vw;
            }

            .ball-text {
                font-size:2.7em;
            }
        }


        @media (min-height: 2000px ) {


            .box1 {  
                min-height: 23em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 23em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 23em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 23em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 23em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 23em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 23em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 23em;
                background-position: 100% 16%;
            }

            .txt-home {
                font-size: 3.5rem;
            }
            .circle{
                width: 15vw;
                height: 15vw;
            }

            .ball-text {
                font-size:2.8em;
            }
        }


        @media (min-height: 2000px ) {


            .box1 {  
                min-height: 23em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 23em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 23em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 23em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 23em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 23em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 23em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 23em;
                background-position: 100% 16%;
            }

            .txt-home {
                font-size: 3.5rem;
            }
            .circle{
                width: 15vw;
                height: 15vw;
            }

            .ball-text {
                font-size:2.8em;
            }
        }

        @media (min-height: 2436px ) {


            .box1 {  
                min-height: 27em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 27em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 27em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 27em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 27em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 27em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 27em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 27em;
                background-position: 100% 16%;
            }

            .txt-home {
				margin-top: 2.5em;
                font-size: 4.8rem;
             
            }
            .circle{
                width: 15vw;
                height: 15vw;
            }

            .ball-text {
                font-size:3.5em;
            }

        }

        @media (min-height: 2688px ) {


            .box1 {  
                min-height: 30em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 30em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 30em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 30em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 30em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 30em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 30em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 30em;
                background-position: 100% 16%;
            }

            .txt-home {
				margin-top: 2.6em;
                font-size: 5rem;
                
            }
            .circle{
                width: 15vw;
                height: 15vw;
            }

            .ball-text {
                font-size:3.7em;
            }
        }

        @media (min-height: 2732px ) {


            .box1 {  
                min-height: 32em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 32em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 32em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 32em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 32em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 32em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 32em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 32em;
                background-position: 100% 16%;
            }

            .txt-home {
				margin-top: 3em;
                font-size: 5rem;
                
            }
            .circle{
                width: 15vw;
                height: 15vw;
            }

            .ball-text {
                font-size:4em;
            }
        }


/* iphone X solo */
/*         @media (min-height: 811px) and (max-height: 813px) {
            .box1 {  
                min-height: 7.5em;
                background-position: 100% 50%;
            }
            .box2 {  
                min-height: 7.5em;
                background-position: 100% 50%;
            }
            .box3 {  
                min-height: 8.5em;
                background-position: 100% 16%;
            }
            .box4 {  
                min-height: 8.5em;
                background-position: 100% 16%;
            }
            .box5 {  
                min-height: 8.5em;
                background-position: 100% 16%;

            }
            .box6 {  
                min-height: 8.5em;
                background-position: 100% 16%;
            }
            .box7 {  
                min-height: 8.5em;
                background-position: 100% 16%;
            }
            .box8 {  
                min-height: 8.5em;
                background-position: 100% 16%;
            }
        } */


            
         .container-block {
                 margin: 15px 10px 0px 10px;
                width: 100%;
               /* border: 1px solid white;*/
          }
         
          .txt-home-menu {
             color: rgba(0,0,0,.87)!important;
            font-weight: 700;
            display: block;
            font-size: 1.6rem;
            text-align: center;
            text-transform: uppercase;
        }
        .txt-home-menu-videos-red {
            color: #ffff!important;
    font-weight: 700;
    display: block;
    font-size: 3.7rem;
    text-transform: uppercase;
    margin-left: 8%;
    }
    .txt-home-menu-videos-small-red {
        color: #ffff!important;
    font-weight: 400;
    display: block;
    font-size: 2rem;
    margin-top: 10%;
    margin-left: 8%;
}
.txt-home-menu-videos {
    color: #ffff!important;
    font-weight: 600;
    display: block;
    font-size: 3rem;
    text-transform: uppercase;
    margin-left: 8%;
    position: absolute;
    bottom: -5;
}
.txt-home-menu-videos-small {
    color: #ffff!important;
    font-weight: 400;
    display: block;
    font-size: 2rem;
    margin-left: 8%;
    position: absolute;
    bottom: 28px;
}


/* FIN LISTA DE CLASES*/ 


/*INICIO VISTA LISTADO RECIPES*/

.card-preview-r img {
    border-radius: 10px!important;
}

.txt-back-shadow-r {
    border-radius: 10px!important;
}

/* FIN LISTA DE RECIPES*/ 


/* INICIO VISTA DE CONFIGURACION PROGRAMA */

#programmeconfig[_ngcontent-c20] .programme-hour[_ngcontent-c20] {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    justify-content: space-around;
    /*background-color: #f3f3f3!important;*/
    border-radius: 15px;
    /*border: 1px solid #ccc;*/
}

body.theme-default #programmeconfig .mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #ccc!important;
    border-radius: 15px!important;
    font-weight: 700;
    background-color: #FFFFFF!important;
}

#programmeconfig .mat-form-field-appearance-outline .mat-form-field-outline-end, .mat-form-field-appearance-outline .mat-form-field-outline-start {
    border:none!important;
    min-width: 5px!important;
}

#programmeconfig .programme-day .day {
    min-width: 40px!important;
    font-size: 14px!important;
}


#programmeconfig .programme-day{
    justify-content: space-between!important;
    flex-wrap: nowrap!important;
    margin-bottom: 22px!important;
    border-bottom: 1px solid #CCCCCC!important;
}

@media (min-width: 640px) {
    #programmeconfig .programme-day{
        margin-bottom: 4rem!important;
    }

    #programmeconfig .programme-day .day {
        font-size: 1.8rem!important;
    }  
}

@media (min-width: 1024px) {

    #programmeconfig .programme-day{
        margin-bottom: 6rem!important;
    }

    #programmeconfig .programme-day .day {
        font-size: 2.1rem!important;
    }  



}




/* FIN VISTA DE CONFIGURACION PROGRAMA */

/* INICIO VISTA DE LISTA PROGRAMAS */
.lista-resultados .lista-programas li .descripcion > span strong {
    display: inline-block;
    color: #e30045 !important;
    font-size: 18px;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    line-height: 1;
}
/* FIN VISTA DE LISTA PROGRAMAS */


/* INICIO VISTA ALERTA Y AVISOS O CONFIRMACIÓN AL USUARIO */
    .swal2-content {
        z-index: 1;
        justify-content: center;
        margin: 0;
        padding: 0;
        color: #545454;
        font-size: 1.6em!important;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        word-wrap: break-word;
    }

    .swal2-title {
        position: relative;
        max-width: 100%;
        margin: 0 0 .4em;
        padding: 0;
        color: #595959;
        font-size: 2.2em!important;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word;
    }
    .swal2-styled.swal2-confirm {
        color: #fff;
        font-size: 2.3em!important;
        padding-left: 0.8em!important;
        padding-right: 0.8em!important;
        font-weight: 700!important;
        padding-top: 0.7em!important;
        padding-bottom: 0.7em!important;
    }

    .swal2-styled.swal2-cancel {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #aaa;
        color: #333333!important;
        font-size: 2.3em!important;
        padding-left: 0.6em!important;
        padding-right: 0.6em!important;
        font-weight: 700!important;
        padding-top: 0.7em!important;
        padding-bottom: 0.7em!important;
    }

    .swal2-actions {
        display: flex!important;
        z-index: 1!important;
        flex-wrap: wrap!important;
        align-items: center!important;
        justify-content: space-between!important;
        width: 100%!important;
        margin: 1.25em auto 0!important;
    }


/* FIN VISTA ALERTA Y AVISOS O CONFIRMACIÓN AL USUARIO */


/* iconos reervar y favorito en vista de detalle de una clase */
#reservas-det .user-actions{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

#reservas-det .user-actions .icon-action{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    padding: 10px 0px 10px 30px;

}

#reservas-det .user-actions .icon-action span{
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.8rem;
    color:black;
}

#reservas-det .user-actions .icon-action img{
    width: 3rem;
    margin-bottom: 0.3rem;
}


/* cuenta atras en listados clases directo */
#reservas .cuenta-atras {
    position: absolute;
    right: 5px;
    padding: 0;
    bottom: 10px;
}

#reservas .cuenta-atras .timer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#reservas .cuenta-atras img{
    width: 20px;
}

#reservas .cuenta-atras .cuenta-txt{
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    color: #e30045;
}

@media (min-width: 640px) {
    #reservas .cuenta-atras img {
        width: 2.4rem;
    }
    #reservas .cuenta-atras {
        right: 11px;
    }
    #reservas .cuenta-atras .cuenta-txt{
        font-size: 2rem;
    }  
}

@media (min-width: 1024px) {
    #reservas .cuenta-atras img {
        width: 3rem;
    }
    #reservas .cuenta-atras {
        right: 11px;
    }
    #reservas .cuenta-atras .cuenta-txt{
        font-size: 2.4rem;
    }   
}

#reservas-det .block { 
    position: relative;
}

#reservas-det .head-det-img{
    height: 22rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    background: #f3f3f3;
}



#reservas-det .head-det-img img{
    width: auto;
    height: 100%;
}




/* cuenta atras en detalle de una clase directo  */
#reservas-det .cuenta-atras {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#reservas-det .cuenta-atras img{
    width: 30px;
}

#reservas-det .cuenta-atras .cuenta-txt{
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    color:#e30045;
}

#reservas-det .recipe-descript {
    margin-top: 17px;
}

#reservas-det .tit-desc,
#reservas-det .text-tit-desc{
    font-size: 16px;
}

@media (min-width: 640px) {
    #reservas-det .cuenta-atras img{
        width: 2.4rem;
    }
    #reservas-det .cuenta-atras .cuenta-txt{
        font-size: 2rem;
    }

    #reservas-det .user-actions .icon-action{
        padding: 10px 0px 10px 40px;
    
    }

    #reservas-det .user-actions .icon-action span {
        font-size: 1.4rem;
        line-height: 0.6rem;
    }

    #reservas-det .user-actions .icon-action img {
        width: 3.3rem;
        margin-bottom: 0.7rem;
    }

    #reservas-det .head-det-img{
        height: 43rem;
    }

    #reservas-det .tituloAtributo{
        font-size: 1.9rem;
    }
    #reservas-det .recipe-descript {
        margin-top: 1.8rem;
    }

    #reservas-det .tit-desc,
    #reservas-det .text-tit-desc{
        font-size: 1.8rem;
    }

    #reservas-det .cuenta-atras {
        right: 16px;
    }
}

@media (min-width: 1024px) {
    #reservas-det .cuenta-atras img{
        width: 3rem;
    }
    #reservas-det .cuenta-atras .cuenta-txt{
        font-size: 2.4rem;
    }

    #reservas-det .user-actions .icon-action{
        padding: 10px 0px 10px 50px;

    }
    #reservas-det .user-actions .icon-action span {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    #reservas-det .user-actions .icon-action img {
        width: 4rem;
        margin-bottom: 0.7rem;
    }

    #reservas-det .head-det-img{
        height: 58rem;
    }
    
    #reservas-det .tituloAtributo{
        font-size: 2.3rem;
    }

    #reservas-det .recipe-descript {
        margin-top: 2.2rem;
    }

    #reservas-det .tit-desc,
    #reservas-det .text-tit-desc{
        font-size: 2.2rem;
    }

    #reservas-det .cuenta-atras {
        right: 20px;
    }
}


/* INICIO CHECKBOX MATERIAL */

.mat-checkbox-background,
.mat-checkbox-frame {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 1px;
    box-sizing: border-box;
    pointer-events: none;
}

.mat-checkbox-background {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    transition: background-color 90ms cubic-bezier(0, 0, .2, .1), opacity 90ms cubic-bezier(0, 0, .2, .1);

    /*border-width: 1px;
    border-style: solid;
    border-radius: 50%;*/

}

body.theme-default .mat-checkbox-checkmark {
    /*fill: #fafafa!important;*/
    fill: #FFFFFF!important;
    display: none;
}

/* body.theme-default .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
body.theme-default .mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: none!important;

    background-color: unset!important;
    background-image: url(../images/ico_app/checklist.png)!important;
    background-position: 0 0!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}
 */
/* body.theme-default .mat-checkbox-indeterminate.mat-accent.mat-checkbox-disabled .mat-checkbox-background,
body.theme-default .mat-checkbox-checked.mat-accent.mat-checkbox-disabled .mat-checkbox-background {

    background-image: url(../images/ico_app/checklist_disabled.png)!important;
} */

.mat-checkbox-inner-container {
    display: inline-block;
    height: 20px!important;
    line-height: 0;
    margin: auto;
    margin-right: 8px;
    order: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 20px!important;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .mat-checkbox-inner-container {
        width: 2.2rem!important;
        height: 2.2rem!important;
    }
    
}

@media (min-width: 1024px) {
    .mat-checkbox-inner-container {
        width: 3rem!important;
        height: 3rem!important;
    }
    
}

/* 
Checkbox div del borde circulito que por defecto se muestra siempre 
pero importante ver las dos sobreescrituras de este estilo de abajo segun casos
*/
.mat-checkbox-frame {
    background-color: transparent;
    transition: border-color 90ms cubic-bezier(0, 0, .2, .1);
    border-width: 2px!important;
    border-style: solid!important;
    border-color: #e30045!important;
    border-radius: 50%!important; 
}

/* pero sobre lo anterior si checkbox no checked y disabled borde circulo forzar a gris */
body.theme-default .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame,
body.theme-default .mat-checkbox-disabled .mat-checkbox-frame{
    border-color: #777777!important;
}

/* y ademas sobre lo anterior si checkbox checked  disabled o no pero no debe mostrar borde circulo */
body.theme-default .mat-checkbox-checked .mat-checkbox-frame {
    border: none!important; 
}

/* checkbox background div que lleva la imagen de fondo del checked nunca debe tener circulo */
.mat-checkbox-background{
    background-color: transparent;
    transition: border-color 90ms cubic-bezier(0, 0, .2, .1);
    border-width: 1px!important;
    border-style: solid!important;
    border-radius: 50%!important;
    border-color: #ccc!important;
    border: none!important; 
}


/* body.theme-default .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-frame {} */

/* body.theme-default .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {} */

/* FIN CHECKBOX MATERIAL */






/* LISTA DE CLASES EN DIFERIDO Y CLASES DE ZONAS / CATEGORIA*/

#classescategories .titulo-clase,
#classesnolive .titulo-clase {
    display: inline-block;
    font-size: 16px;
    color: #737373;
    font-weight: 700;
    margin-right: 6px;
    text-rendering: optimizeLegibility;
    line-height: 1;
    text-transform: uppercase;
}

#classescategories .imagen-noclase,
#classesnolive .imagen-noclase{
    /*height: 24rem;*/
    overflow: hidden;
    display: flex;
    justify-content: center;
    background: #f3f3f3;
    align-items: center;
}

/* flecha estandar play video */
/*
#classescategories .imagen-noclase::after,
#classesnolive .imagen-noclase::after{
    content: ' ';
    color: #FFFFFF;
    position: absolute;
    font-size: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 50%;
    margin-top: -5rem;
    line-height: 1;
    text-align: center;
    pointer-events: none;
    border-top: 3rem solid rgba(0,0,0,0);
    border-bottom: 3rem solid rgba(0,0,0,0);
    border-left: 5rem solid white;
    height: 0px;
    opacity:0.4!important;
}
*/

#classescategories .imagen-noclase img,
#classesnolive .imagen-noclase img{
    width: 100%;
    height: auto;
}

#classescategories .lista-resultados ul,
#classesnolive .lista-resultados ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    list-style-type: none;
    justify-content: space-around;
    margin: 0;
    padding: 0;
    align-items:unset;
}

.tit-video{
    width: 100%;
    text-align: left;
    color: #2d2a2a!important;
    font-weight: 600;
    font-size: 1.9rem;
    margin-top: 0.6rem;
}

.descrip-video{
    width: auto;
    text-align: left;
    color: #2d2a2a!important;
    font-weight: 300;
    font-size: 1.6rem;
}

.duracion-video{
    width: auto;
    text-align: left;
    color: #2d2a2a!important;
    font-weight: 600;
    font-size: 1.6rem;
}

.info-video{
    width: 100%;
    text-align: left;
}


@media (min-width: 640px) {
    .tit-video{
        font-size: 2.1rem;
        margin-top: 0.6rem;
    }
    .descrip-video{
        font-size: 1.8rem;
    }
    .duracion-video{
        font-size: 1.8rem;
    }
}

@media (min-width: 1024px) {
    .tit-video{
        font-size: 2.2rem;
        margin-top: 0.6rem;
    }
    .descrip-video{
        font-size: 1.9rem;

    }
    .duracion-video{
        font-size: 1.9rem;
    }
}



/* fullscreen videos */
vg-player:fullscreen {
    width:100%;
    height:100%; 
}

/* centrar recordar contraseña en el login */
#login .remember-pwd{
    display: flex;
    justify-content: center;
}


#recipes .mat-button, 
#recipes .mat-raised-button, 
#recipes .mat-icon-button, 
#recipes .mat-stroked-button, 
#recipes .mat-flat-button, 
#recipes .mat-fab, 
#recipes .mat-mini-fab {
    font-size: 14px!important;
    font-weight: 600!important
}

@media (min-width: 370px) {
    #recipes .mat-button, 
    #recipes .mat-raised-button, 
    #recipes .mat-icon-button, 
    #recipes .mat-stroked-button, 
    #recipes .mat-flat-button, 
    #recipes .mat-fab, 
    #recipes .mat-mini-fab {
        font-size: 15px!important;
        font-weight: 600!important
    }
}

@media (min-width: 640px) {
    #recipes .mat-button, 
    #recipes .mat-raised-button, 
    #recipes .mat-icon-button, 
    #recipes .mat-stroked-button, 
    #recipes .mat-flat-button, 
    #recipes .mat-fab, 
    #recipes .mat-mini-fab {
        font-size: 1em!important;
        font-weight: 600!important
    }
}

@media (min-width: 1024px) {
    #recipes .mat-button, 
    #recipes .mat-raised-button, 
    #recipes .mat-icon-button, 
    #recipes .mat-stroked-button, 
    #recipes .mat-flat-button, 
    #recipes .mat-fab, 
    #recipes .mat-mini-fab {
        font-size: 1.1em!important;
        font-weight: 600!important
    }
}



/* PROFILE */
    #profile .mat-checkbox {
        font-size: 16px;
        line-height: 1.2;
    }
    #profile .mat-h4, 
    #profile .mat-subheading-1, 
    #profile .mat-typography h4 {
        font-size: 16px!important;
        line-height: 1.2!important;
    }
    #profile h3, 
    #profile .h3 {
        font-size: 18px;
    }

@media (min-width: 640px) {
    #profile .mat-checkbox {
        font-size: 2rem;
        line-height: 1.5;
    }

    #profile .mat-h4, 
    #profile .mat-subheading-1, 
    #profile .mat-typography h4 {
        font-size: 2rem!important;
        line-height: 1.5!important;
    }
    #profile h3, 
    #profile .h3 {
        font-size: 2.1rem;
    }
}

@media (min-width: 1024px) {
    #profile .mat-checkbox {
        font-size: 2.3rem;
        line-height: 2;
    }

    #profile .mat-h4, 
    #profile .mat-subheading-1, 
    #profile .mat-typography h4 {
        font-size: 2.3rem!important;
        line-height: 2!important;
    }
    #profile h3, 
    #profile .h3 {
        font-size: 2.5rem;
    }
}



.titulo-div{
    margin-top: 16px;
    margin-bottom: 1px;
}

#calendar .titulo-div{
    margin-bottom: 10px;
}

@media (min-width: 640px) {
    .titulo-div{
        margin-top: 1.5rem;
        margin-bottom: 0.8rem;
    }
    
    .titulo-txt {
        font-size: 2rem!important;
    }
    
}

@media (min-width: 1024px) {
    .titulo-div{
        margin-top: 2rem;
        margin-bottom: 1.3rem;
    }
    
    .titulo-txt {
        font-size: 3rem!important;
    }
    
}


/* Configuracion de un programa */
/* CAJAS MINUTOS EN CONFIGURACION DEL PROGRAMA */
#programmeconfig .txt-intro1{
    font-size: 15px;
    margin: 10px 0 24px 0;
}

#programmeconfig .txt-intro2{
    font-size: 15px;
    margin: 10px 0 5px 0;
}

#programmeconfig .txt-intro1.primero{
    margin-top: 24px;
}

#programmeconfig .btns_form {
    width: 100%;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    align-items: center;
    position: fixed;
    padding: 0 10px;
    bottom: 70px;
}

#programmeconfig .btns_form.center-btn{
    justify-content: center;
}

#programmeconfig .submit-button {
    margin: 0.9rem;
    width: 100%;
}

/* nuevos botones cambiar dia hora y reiniciar calendario del programa actual */
#programmeconfig .boton-cambiar{
    width: auto!important;
    margin: 0!important;
}

#programmeconfig .reiniciar{
    width: auto!important;
    margin: 0!important;
}
#programmeconfig .diahora{
    width: auto!important;
    margin: 0!important;
}


@media (min-width: 640px) {
    #programmeconfig .btns_form {
       bottom: 90px; 
    }
    #programmeconfig  .txt-intro1{
        font-size: 1.8rem;
        margin: 1.2rem 0 1.2rem 0;
    }
    #programmeconfig  .txt-intro2{
        font-size: 1.8rem;
        margin: 1.2rem 0 1.2rem 0;
    }

    #programmeconfig .mat-form-field-appearance-outline .mat-form-field-infix {
        padding: 2em 0 2em 0!important;
    }


    #programmeconfig .submit-button {
        margin: 1.3rem;
        width: 100%;
    }


}

@media (min-width: 1024px) {
    #programmeconfig .btns_form {
        bottom: 110px; 
    }
    #programmeconfig  .txt-intro1{
        font-size: 2.5rem;
        margin: 1.8rem 0 1.8rem 0;
    }
    #programmeconfig  .txt-intro2{
        font-size: 2.5rem;
        margin: 1.8rem 0 1.8rem 0;
    }

    #programmeconfig .mat-form-field-appearance-outline .mat-form-field-infix {
        padding: 2.6em 0 2.6em 0!important;
    }


    #programmeconfig .submit-button {
        margin: 1.9rem;
        width: 100%;
    }

}





/* BOTONES */

/*login*/
loginform #login #login-form-wrapper #login-form.login-form-view form .submit-button {
    width: auto!important;
    margin: 30px auto!important;
    display: block;
    height: auto!important;
    border-radius: 30px;
    background-color: #039be5 !important;
    font-size: 13px!important;
    padding: 2px 24px!important;
}

/*testimonials*/
body.theme-default .mat-raised-button.irlogin-btn, 
.irlogin-btn {
    display: block !important;
    margin: 15px auto !important;
    width: 60%;
    min-width: 60%;
    pointer-events: auto;
    font-size: 13px!important;
    padding: 2px 24px!important;
}

@media (min-width: 370px) {
    body.theme-default .mat-raised-button.irlogin-btn, 
    .irlogin-btn {
        width: 50%;
        min-width: 50%;
    }
}

@media (min-width: 400px) {
    body.theme-default .mat-raised-button.irlogin-btn, 
    .irlogin-btn {
        width: auto;
        min-width: auto;
    }
}


.mat-button, 
.mat-raised-button, 
.mat-icon-button, 
.mat-stroked-button, 
.mat-flat-button, 
.mat-fab, 
.mat-mini-fab {
    font-size: 10px!important;
    font-weight: 600!important;
    padding: 0px 10px!important;
}

#subscription .mat-button, 
#subscription .mat-raised-button, 
#subscription .mat-icon-button, 
#subscription .mat-stroked-button, 
#subscription .mat-flat-button, 
#subscription .mat-fab, 
#subscription .mat-mini-fab {
    font-size: 14px!important;
}

@media (min-width: 370px) {
    .mat-button, 
    .mat-raised-button, 
    .mat-icon-button, 
    .mat-stroked-button, 
    .mat-flat-button, 
    .mat-fab, 
    .mat-mini-fab {
        font-size: 12px!important;
        font-weight: 600!important;
        padding: 0px 13px!important;
    }

    #subscription .mat-button, 
    #subscription .mat-raised-button, 
    #subscription .mat-icon-button, 
    #subscription .mat-stroked-button, 
    #subscription .mat-flat-button, 
    #subscription .mat-fab, 
    #subscription .mat-mini-fab {
        font-size: 16px!important;
        font-weight: 600!important;
        padding: 0px 13px!important;
    }
}

@media (min-width: 640px) {
    loginform #login #login-form-wrapper #login-form.login-form-view form .submit-button {
        width: auto!important;
        margin: 3rem auto!important;
        display: block;
        font-size: 1em!important;
        padding: 0.5rem 2rem!important;
    }

    /*testimonials*/
    body.theme-default .mat-raised-button.irlogin-btn, 
    .irlogin-btn{
        font-size: 1em!important;
        padding: 0.5rem 1.5rem!important;
    }
    .mat-button, 
    .mat-raised-button, 
    .mat-icon-button, 
    .mat-stroked-button, 
    .mat-flat-button, 
    .mat-fab, 
    .mat-mini-fab {
        font-size: 1.8rem!important;
        padding: 0.2em 0.2em!important;
    }
    
}

@media (min-width: 1024px) {
    /*login*/
    loginform #login #login-form-wrapper #login-form.login-form-view form .submit-button {
        width: auto!important;
        margin: 5rem auto!important;
        display: block;
        font-size: 1em!important;
        padding: 0.8rem 2rem!important;
    }

    /*testimonials*/
    body.theme-default .mat-raised-button.irlogin-btn, 
    .irlogin-btn{
        font-size: 1em!important;
        padding: 0.8rem 2rem!important;
    }
    .mat-button, 
    .mat-raised-button, 
    .mat-icon-button, 
    .mat-stroked-button, 
    .mat-flat-button, 
    .mat-fab, 
    .mat-mini-fab {
        font-size: 2.1rem!important;
        padding: 0.4em 0.4em!important;
    }
    
}

#currentsubscription .wrap-info .sub-name {
    font-size: 26px!important;
}
#currentsubscription .wrap-info .description {
    font-size: 18px!important;    
}
#currentsubscription .wrap-subscription .info-current-subscript {
    background: #FFFFFF!important;
    border-radius: 24px!important;
    width: 100%!important;
    padding: 10px 10px 20px 10px!important;
    margin-top: 20px!important;
}

#currentsubscription .wrap-info .info-details span {
    margin: 4px 0!important;
    padding: 0!important;
    color: rgba(0, 0, 0, 0.87)!important;
    font-size: 18px!important;
}

#currentsubscription .botones{
    margin-top: 24px;
}

#currentsubscription .wrap-action .buy-button {
    background: #E30045 !important;
    color: white !important;
    width: 314px;
    min-width: 314px;
    font-size: 16px!important;
    padding: 6px 6px!important;
    margin-bottom: 20px!important;
    line-height: 30px!important;
}


/* Vista suscripcion actual */
@media (min-width: 640px) {

    #currentsubscription .wrap-info .sub-name {
        font-size: 2.7rem!important;
    }

    #currentsubscription .wrap-info .description {
        font-size: 1.9rem!important;
    }

    #currentsubscription .wrap-subscription .info-current-subscript {
        padding: 16px 20px 30px 25px!important;
        margin-top: 30px!important;
    }
    #currentsubscription .wrap-info .info-details span {
        margin: 8px 0!important;
        padding: 0!important;
        color: rgba(0, 0, 0, 0.87)!important;
        font-size: 1.9rem!important;
    }
    #currentsubscription .botones{
        margin-top: 60px!important;
    }
}

@media (min-width: 1024px) {

    #currentsubscription .wrap-info .sub-name {
        font-size: 3.7rem!important;
    }

    #currentsubscription .wrap-info .description {
        font-size: 2.9rem!important;
    }
    
    #currentsubscription .wrap-subscription .info-current-subscript {
        padding: 25px 30px 40px 30px!important;
        margin-top: 40px!important;
    }
    #currentsubscription .wrap-info .info-details span {
        margin: 12px 0!important;
        padding: 0!important;
        color: rgba(0, 0, 0, 0.87)!important;
        font-size: 2.9rem!important;
    }
    #currentsubscription .botones{
        margin-top: 80px!important;
    }

    #currentsubscription .wrap-action .buy-button {
        font-size: 20px!important;
        padding: 9px 9px!important;
        margin-bottom: 20px!important;
        line-height: 30px!important;
    }
}



/* CALENDARIO */
@media (min-width: 640px) {

    
}

@media (min-width: 1024px) {

    #calendar strong, #calendar .calendar-week-days .week-day > span {
        font-size: 2.5rem!important;
    }
    
    #calendar span.badge-istoday {
        width: 3.8rem!important;
        height: 3.8rem!important;
        line-height: 3.2rem!important;
    } 
    
    #calendar table.cal-tab-week .cal-week-day{
        color: #e30045;
        font-size: 2.3rem!important;
    }

    #calendar table.cal-tab-week .cal-week-day.is-outofdate {
        color: #999999;
        font-size: 2.3rem!important;
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    #calendar .calendar-paginatr .week-date-range-cal {
        font-size: 2.8rem!important;
        font-weight: 700;
        line-height: 1;
        margin-top: 1rem!important;
        margin-bottom: 2rem!important;
    }

    #calendar table.cal-tab-week td .work-item {
        padding: 3rem 5rem 3rem 8rem!important;
        margin: 1rem 1rem 1rem 0px!important;
    }
    #calendar table.cal-tab-week td .work-item img {
        width: 8rem!important;
        height: 8rem!important;
    }

    #calendar table.cal-tab-week td .work-item .txt {
        margin: 1rem 1rem!important;
        font-size: 2.2rem!important;
        font-weight: 400;
    }

    #calendar table.cal-tab-week td .completed{
        font-size: 3rem!important;
        height: 3rem!important;
        width: 3rem!important;
        min-width: 3rem!important;
        min-height: 3rem!important;
    }
    #calendar table.cal-tab-week td .favourite {
        font-size: 3rem!important;
        height: 3rem!important;
        width: 3rem!important;
        min-width: 3rem!important;
        min-height: 3rem!important;
    }

}


#reservas-det .imagen-noclase{
    /*height: 24rem;*/
    overflow: hidden;
    display: flex;
    justify-content: center;
    background: #f3f3f3;
    position: relative;
}

/* flecha estandar play video */
/*#reservas-det .imagen-noclase::after{
    content: '\25B6';
    color: #FFFFFF;
    position: absolute;
    font-size: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 50%;
    margin-top: -5rem;
    line-height: 1;
    text-align: center;
    pointer-events: none;
}*/

#reservas-det .imagen-noclase img{
    width: 100%;
    height: auto;
}

/* caso de listados sin datos por falta de coincidencias */
.listado-nocoincidencias {
    font-size: 17px;
    width: 100%;
    margin-top: 20%!important;
    text-align: center;
}

@media (min-width: 640px) {

    .listado-nocoincidencias {
        font-size: 2rem;
        margin-top: 22%!important;
    }    
}

@media (min-width: 1024px) {

    .listado-nocoincidencias {
        font-size: 2.5rem;
        margin-top: 24%!important;
    }    
}


/* controles de los videos*/
vg-controls {
    background-color: rgba(0, 0, 0, 0)!important;
    height: 40px!important;
}

vg-scrub-bar{
    display: block!important;
    background: rgba(0, 0, 0, 0.3)!important;
    bottom: 0px!important;
}

vg-play-pause,
vg-fullscreen {
    height: 40px!important;
    line-height: 40px!important;
}

vg-player{
    font-family: 'videogular'!important;
    position: relative!important;
    display:flex!important;
    overflow: visible!important;
}

/* Botones video en negro */
vg-icon-play_arrow,
vg-play-pause,
vg-fullscreen ,
vg-play-pause{
    color: #000000!important;
} 

vg-overlay-play{
    opacity: 0!important;
    /* display: none!important; con esto no permitia pulsar en el video */
}

.vg-icon-pause,
.vg-icon-play_arrow,
.vg-icon-fullscreen,
body.theme-default .icon.vg-icon-pause,
body.theme-default .icon.vg-icon-fullscreen,
body.theme-default .icon.vg-icon-play_arrow {
    color: #000000 !important;
}

#calendar .cambiar-programa{
    position: fixed;
    left: 10px;
    bottom: 70px;
}

#calendar .cambiar-calendario {
    position: fixed;
    right: 10px;
    bottom: 70px;
}


@media (min-width: 640px) {
    #calendar .cambiar-calendario,
    #calendar .cambiar-programa{
        bottom: 90px;
    }
}

@media (min-width: 1024px) {
    #calendar .cambiar-calendario,
    #calendar .cambiar-programa{
        bottom: 110px;
    }
}


/*INICIO VISTA LISTADO PROGRAMMECUSTOM*/

/*#programmecustom .lista-custom .join-button {
    background: #e30045!important;
    border: none;
	text-transform: uppercase;
	 width: 100%;
     height: 35px;
	 color: #fff;
	 font-weight:600;
}*/
#programmecustom{
	background-color: #f3f3f3!important;
}
#programmecustom .lista-custom .online {
    background: #fff!important;
    border: 1px solid #e30045;
	text-transform: uppercase;
	 width: 100%;
     height: 35px;
	 color: #e30045;
	 font-weight:600;
	 float:right;
	 border-radius: 5px!important;
}
 #programmecustom .lista-custom {
            margin-top: 0;
        }

        #programmecustom .lista-custom .lista-pasos {
            border: 0;
            margin: 0;
            margin-top: 20px;
            padding: 0;
            list-style-type: none;
        }

        .lista-custom .lista-pasos li {
           padding:10px!important;
           background-color: #fff;
           box-shadow: 0 0 4px rgba(0,0,0,.12);
           transition: box-shadow .7s ease;
           width: 94%!important;
           border-radius: 5px;
           margin-left: 3%!important;
           margin-top: 1px!important;
          
        }
		

        #programmecustom .lista-custom .lista-pasos  li:first-child {
            border-top: solid 1px rgba(0, 0, 0, 0.12);
        }

       
		  .linebreaks {
          
            width: 100%;
            color:#000;
            text-transform: initial!important;
        }

        

        .lista-custom .lista-pasos li .descripcion  {
            display: inline-block;
           font-size: 1.6rem;
			color:#000;
            font-weight: 700;
            margin-right: 6px;
            text-rendering: optimizeLegibility;
            line-height: 1;
            text-transform:uppercase;
            width: 100%;
        }

        .lista-custom .lista-pasos li .descripcion > p {
            display: block;
            color: #a79b9b;
            font-size: 1.6rem;
            font-weight: 500;
            text-rendering: optimizeLegibility;
            line-height: 1;
            margin-right: 6px;
    margin-top: 5px!important;
    margin-bottom: 0px!important;
        }
       
		
		#programmecustom .option-menu-tit  {
            position: relative;
            color: #fff;
            margin: -25px 5px;
            padding: 15px;
            font-weight: 700;
            text-align: center;
            font-size: 3rem;
            text-transform: uppercase;
            border-radius: 100%;
            background: #e30045;
            float: right;
            z-index: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 4.4rem;
            height: 4.4rem;
}

/* #programmecustom .check-reserv{
    float: right;
    width: 20px;
    height: 20px;
    background-image: url('../images/ico_app/checklist.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    margin-top: -7px;
} */
#programmecustom .option-menu-gray {
    position: relative;
    min-height: 6em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
    color:#000;
    margin: 22px 0;
	padding: 20px;
    font-weight: 700;
    border-radius: 15px;
    border: 1px solid #ccc;
}
#programmecustom .option-menu-pink {
    position: relative;
    min-height: 6em;
   /* background-image:url('../images/backgrounds/bg-pink.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
    color:#000;
    margin: 15px 0;
	padding: 20px;
    font-weight: 700;
    border-radius: 15px;
    border: 1px solid #ccc;
	/*box-shadow: 0 0 4px rgba(0,0,0,.12);
    transition: box-shadow .7s ease;*/
   

}
/* #programmecustom .live {
    float: left;
    width: 24px;
    height: 24px;
    background-image: url('../images/ico_app/ico-live.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
} */

#programmecustom .en-directo{
    margin-top: 20px !important;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#programmecustom .txt-live {
    margin-left:10px;
    color: #666666;
    text-transform: initial;
}
.flecha-down {
    width: 25px;
    height: 25px;
    margin: -20px auto 5px;
}
.ico-zona {
    width: 50%;
    display: flex;
    float: left;
    margin-top: 10px;
}
.ico-zona-text {
    width: 50%;
    display: flex;
    float: left;
    margin-top: 0px;
}
.sig{
    text-align: center;
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 3rem;
}

.ico-sig{
    width: 25px;
    margin-left: 5px;
}

#programmecustom .opciones-radio{
    margin-top: 10px !important;
}

#programmecustom .titulo-txt {
   font-size: 20px!important;
}

#programmecustom .option-titl{
    width: 100%;
    padding: 0 12px 0 0;
    display: block;
}

@media (min-width: 640px) {
    #programmecustom .live {
        width: 26px;
        height: 26px;
    }
    #programmecustom .txt-live{
        font-size: 2rem;
    }  
}

@media (min-width: 1024px) {
    #programmecustom .live {
        width: 30px;
        height: 30px;
    }
    #programmecustom .txt-live{
        font-size: 2.4rem;
    }

    #programmecustom .option-menu-tit {
    margin: -25px 25px;
} 
}

@media (min-width: 640px) {
    #programmecustom .option-menu-tit  {
        font-size: 1.6em;
        width: 6rem;
        height: 6rem;
    }

    #programmecustom .lista-custom .lista-pasos li .descripcion > span strong {
        font-size: 1.2em;
    }

    #programmecustom .lista-custom .lista-pasos li .descripcion > p {
        font-size: 1.4em;
    }

    #programmecustom .mat-checkbox,
    #programmecustom label.mat-checkbox-layout {
        font-size: 19px !important;
    }

    #programmecustom .option-menu-gray {
        min-height: 8em;
    }
    #programmecustom .lista-custom .lista-pasos li {
        padding: 2.5rem!important;
    } 
    
    #programmecustom .check-reserv{
        width: 2.2rem;
        height: 2.2rem;
    }
}    

@media (min-width: 1024px) {
    #programmecustom .option-menu-tit {
        width: 7rem;
        height: 7rem;
        font-size: 1.8em;
    }

    #programmecustom .lista-custom .lista-pasos li .descripcion > span strong {
        font-size: 1.4em;
    }

    #programmecustom .lista-custom .lista-pasos li .descripcion > p {
        font-size: 1.6em;
    }

    #programmecustom .mat-checkbox,
    #programmecustom label.mat-checkbox-layout {
        font-size: 22px !important;
    }

    #programmecustom .option-menu-gray {
        min-height: 10em;
    }

    #programmecustom .lista-custom .lista-pasos li {
        padding: 2.5rem!important;
    } 
    
    #programmecustom .check-reserv{
        width: 3rem;
        height: 3rem;
    }
}



/*.lista-custom .lista-pasos li {
    padding-right: 30px!important;
}*/

/* FIN ESTILOS VISTA LISTADO PROGRAMMECUSTOM */

/* fechita video en reservas */
   /* #reservas-det .imagen-noclase::after{
        content: ' ';
        color: #FFFFFF;
        position: absolute;
        font-size: 7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        top: 50%;
        margin-top: -3rem;
        line-height: 1;
        text-align: center;
        pointer-events: none;
        border-top: 3rem solid rgba(0,0,0,0);
        border-bottom: 3rem solid rgba(0,0,0,0);
        border-left: 5rem solid white;
        height: 0px;
        opacity:0.4!important;
    }*/

    
    /* NUEVOS ESTILOS para sumar a los de Mar*/
    /*POPUP SWEET ALERT*/
    .swal2-popup {
        display: none;
        position: relative;
        box-sizing: border-box;
        flex-direction: column;
        justify-content: center;
        width: 32em;
        max-width: 100%;
        padding: 1.25em;
        border: none;
        border-radius: 1.3125em!important;
        background: #fff;
        font-family: inherit;
        font-size: 1rem;
    }

    #notifications .delnot-btn{    
        box-sizing: border-box;
        position: absolute;
        top: -10px;
        right: -10px;

        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        outline: 0;
        border: none;
        -webkit-tap-highlight-color: transparent;
        display: inline-block;
        white-space: nowrap;
        text-decoration: none;
        vertical-align: baseline;
        text-align: center;
        margin: 0;
        min-width: 64px;
        line-height: 1;
        padding: 0 16px;
        border-radius: 4px;
        overflow: visible;
        transform: translate3d(0,0,0);
        min-width: 0;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        padding: 0;
        flex-shrink: 0;
        background-color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
    } 

    #notifications .delnot-btn mat-icon {
        font-size: 20px;
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        line-height: 1;
        color: #e30045;
    }

    #notifications .descrip-noti{
        color: #737373;
    }

    #notifications .lista li .descripcion > span strong{
        color: #000;
    }
    #programmeconfig .sig,
    #programmecustom .sig{
        cursor: pointer;
    }

    #programmeconfig .btns_form {
        
    }

    /* Sin foto aun en galeria */
    #gallery .nofoto-ingallery{
        width: 60%;
        display: block;
        margin: 15% auto 0 auto;
        cursor: pointer;
    }


/*INICIO VISTA LISTADO programas*/

/*#programas .lista-resultados .join-button {
    background: #e30045!important;
    border: none;
	text-transform: uppercase;
	 width: 100%;
     height: 35px;
	 color: #fff;
	 font-weight:600;
}*/
#programas{
	background-color: #f3f3f3!important;
}
 .txt-programas {
    color: rgba(0,0,0,.87)!important;
    font-weight: 700;
    display: block;
    font-size: 1.8rem;
    text-align: center;
    text-transform: uppercase;
}
#programas .lista-programs .online {
    background: #fff!important;
    border: 1px solid #e30045;
	text-transform: uppercase;
	 width: 100%;
     height: 35px;
	 color: #e30045;
	 font-weight:600;
	 float:right;
	 border-radius: 5px!important;
}
 #programas .lista-programs {
            margin-top: 0;
        }

        #programas .lista-programs .lista-webinars {
            border: 0;
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .lista-programs .lista-webinars li {
           padding:15px!important;
           background-color: #fff;
           box-shadow: 0 0 4px rgba(0,0,0,.12);
           transition: box-shadow .7s ease;
           width: 94%!important;
           border-radius: 5px;
           margin-left: 3%!important;
           margin-top: 5px!important;
          
        }
		

        #programas .lista-programs .lista-webinars  li:first-child {
            border-top: solid 1px rgba(0, 0, 0, 0.12);
        }

       
		  .linebreaks {
          
            width: 100%;
			color:#000;
        }

        .lista-programs .lista-webinars li .descripcion {
            display: inline-block;
            font-size: 1.6rem;
            color: #000;
            font-weight: 700;
            margin-right: 6px;
            text-rendering: optimizeLegibility;
            line-height: 1;
            text-transform: uppercase;
        }

        .lista-programs .lista-webinars li .descripcion > span strong {
            display: inline-block;
           font-size: 16px;
			color:#737373;
            font-weight: 700;
            margin-right: 6px;
            text-rendering: optimizeLegibility;
            line-height: 1;
			text-transform:uppercase;
        }

        .lista-programs .lista-webinars li .descripcion > p {
            display: block;
            color: #000;
            font-size: 1.6rem;
            font-weight: 500;
            text-rendering: optimizeLegibility;
            line-height: 1;
            margin-right: 6px;
    margin-top: 5px!important;
    margin-bottom: 0px!important;
        }
        .lista-programs .linebreaks {
            width: 100%;
            color: #737373;
            font-weight: 300;
        }

        .ico-program {
            float: left!important;
            width: 25px;
            margin-right: 15px;
        }
        .ico-plus {
            width: 25px;
            height: 25px;
            margin: -10px auto 5px;
        }
		
		#programas .option-menu-calendar {
 position: relative;
   /* background-color: #fff;*/
    margin: 5px 0;
    padding: 10px;
    font-weight: 700;
    text-align: center;
	font-size: 18px;
    text-transform: uppercase;
}

/* #programas .check-reserv{
    float: right;
    width: 20px;
    height: 20px;
    background-image: url('../images/ico_app/checklist.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    margin-top: -7px;
} */
#programas .option-menu-gray {
    position: relative;
    min-height: 6em;
    /*background-image:url('../images/backgrounds/bg-gray.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
    color:#000;
    margin: 15px 0;
	padding: 20px;
    font-weight: 700;
    border-radius: 15px;
    border: 1px solid #ccc;
	/*box-shadow: 0 0 4px rgba(0,0,0,.12);
    transition: box-shadow .7s ease;*/
   

}
#programas .option-menu-pink {
    position: relative;
    min-height: 6em;
   /* background-image:url('../images/backgrounds/bg-pink.jpg');*/
   background-color: #fef2f2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
    color:#000;
    margin: 15px 0;
	padding: 20px;
    font-weight: 700;
    border-radius: 15px;
    border: 1px solid #ccc;
	/*box-shadow: 0 0 4px rgba(0,0,0,.12);
    transition: box-shadow .7s ease;*/
   

}
#programas .option-menu-gray.bloque1,
#programas .bloque1 {
    margin-bottom: 30px;    
}  

/* #programas .live {
    float: left;
    width: 24px;
    height: 24px;
    background-image: url('../images/ico_app/ico-live.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
} */

#programas .en-directo{
    margin-top: 20px !important;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#programas .txt-live {
    text-transform: initial;
    color:#737373;
}
#programas .txt-white {
    text-transform: initial;
    color:#fff;
}

#programas .opacity {
    opacity: 0.5;
}
#programas .ico-program-per {
    float: left!important;
    width: 40px;
    margin-right: 10px;
}

#programas .mt-14 {
    margin-top: 13px !important;
}

#programas{
    padding-bottom: 30px;
}

#programas .titulo{
    margin: 10px 0;
}    

@media (min-width: 640px) {
    #programas .live {
        width: 26px;
        height: 26px;
    }
    #programas .txt-live{
        font-size: 2rem;
    }  
    #programas .txt-white {
        font-size: 2rem;
    }

    .lista-programs .lista-webinars li .descripcion > p {
        font-size: 2rem;   
    }
}

@media (min-width: 1024px) {
    #programas .live {
        width: 30px;
        height: 30px;
    }
    #programas .txt-live{
        font-size: 2.4rem;
    }  
    #programas .txt-white {
        font-size: 2.4rem;
    }
    .lista-programs .lista-webinars li .descripcion > p {
        font-size: 2.4rem;   
    } 
}



#programas .misprogramas-filtro{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}


@media (min-width: 640px) {
    #programas .option-menu-calendar {
        font-size: 1.4em;
    }

    #programas .lista-programs .lista-webinars li .descripcion > span strong {
        font-size: 1.2em;
    }

    #programas .lista-programs .lista-webinars li .descripcion {
        font-size: 2rem;
    }
    #programas .lista-programs .lista-webinars li .descripcion-red {
        font-size: 2rem;
    }
    .lista-programs .linebreaks {
        font-size: 2rem;
    }

    #programas .mat-checkbox,
    #programas label.mat-checkbox-layout {
        font-size: 19px !important;
    }

    #programas .option-menu-gray {
        min-height: 8em;
    }
    #programas .lista-programs .lista-webinars li {
        padding: 2.5rem!important;
    } 
    
    #programas .check-reserv{
        width: 2.2rem;
        height: 2.2rem;
    }
    
}    

@media (min-width: 1024px) {
    #programas .option-menu-calendar {
        font-size: 1.6em;
    }

    #programas .lista-programs .lista-webinars li .descripcion > span strong {
        font-size: 1.4em;
    }

    #programas .lista-programs .lista-webinars li .descripcion {
        font-size: 2.4rem;
    }
    #programas .lista-programs .lista-webinars li .descripcion-red {
        font-size: 2.4rem;
    }
    .lista-programs .linebreaks {
        font-size: 2.4rem;
    }

    #programas .mat-checkbox,
    #programas label.mat-checkbox-layout {
        font-size: 22px !important;
    }

    #programas .option-menu-gray {
        min-height: 10em;
        cursor: pointer;
    }

    #programas .lista-programs .lista-webinars li {
        padding: 2.5rem!important;
    } 
    
    #programas .check-reserv{
        width: 3rem;
        height: 3rem;
    }
}

#programas-det .embed-container {
    padding: 56.25% 0 0 0;
    position: relative;
}

#programas-det .embed-container iframe,
#programas-det .embed-container object,
#programas-det .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*.lista-resultados .lista-webinars li {
    padding-right: 30px!important;
}*/

/* FIN ESTILOS VISTA LISTADO programas */

/* icono carita junto rdbutton pulsable en programmecustom */
#programmecustom  .ico-zona img{
    margin: 0 auto;
    display:block;
    width: 4rem;
}

@media (min-width: 640px) {
    #programmecustom  .ico-zona img{
        width: 6rem;
    }
}

@media (min-width: 1024px) {
    #programmecustom  .ico-zona img{
        width: 8rem;
    }
}



#programmecustom .mat-radio-label {
    white-space: break-spaces!important;
    white-space: normal!important;
}

.mat-radio-button {
    font-size: 15px!important;
} 

#programmeconfig .mat-raised-button,
#calendar .mat-raised-button,
#programmecustom  .mat-raised-button {
    padding-left: 12px!important;
    padding-right: 12px!important;
}

@media (min-width: 640px) {
    #programmeconfig .mat-raised-button,
    #calendar .mat-raised-button,
    #programmecustom  .mat-raised-button {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    
}

@media (min-width: 640px) {
    #programmeconfig .mat-raised-button,
    #calendar .mat-raised-button,
    #programmecustom  .mat-raised-button {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    
}

@media (min-width: 1024px) {
    #programmeconfig .mat-raised-button,
    #calendar .mat-raised-button,
    #programmecustom  .mat-raised-button {
        padding-left: 24px!important;
        padding-right: 24px!important;
    }
    
}

#programmecustom .btns_form.center-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

@media (min-width: 640px) {
    #programmecustom .btns_form.center-btn{
        margin-top: 14px;
    }
}

@media (min-width: 1024px) {
    #programmecustom .btns_form.center-btn{
        margin-top: 20px;
    }
}


*:not(input):not(textarea) {
    -webkit-user-select: none!important; /* disable selection/Copy of UIWebView */
    -webkit-touch-callout: none!important; /* disable the IOS popup when long-press on a link */
    user-select: none!important;
} 

input , textarea {
    -webkit-touch-callout: default!important;
    -webkit-user-select: text!important;
    user-select: text!important;
}

/* boton subir de recetas */
#recipes .pag-go-up{
    font-size: 40px;
    text-align: center;
    display: flex;
    width: 100%;
    color: #e5b1a7;
}


#recipes .upButton {
    height: 40px !important;
    width: 40px !important;
    background-color: #E30045;
    padding: 0px !important;
}

#recipes  .upButton .mat-icon{
    height: 40px !important;
    width: 40px !important;
    padding: 0px !important;
}

#recipes  .fill-remaining-space {
    flex: auto;
}

#recipes  #up-button {
    position: fixed;
    background: #E30045;
    color: #F5F5F5;
    bottom: 88px;
    margin-left: -55.5px;
    padding: 0;
    z-index: 99;
}



.mat-drawer-container {
    position: static!important;
    height: 100%!important;
}



@media (min-width: 640px) {
    #recipes  #up-button {
        bottom: 104px;
    }
}

@media (min-width: 1024px) {
    #recipes  #up-button {
        bottom: 120px;
    }
}


#gallery .btn-del-item .mat-icon{
    width: 20px!important;
    height: 20px!important;
    padding: 0!important;
    font-size: 20px!important;
    line-height: 1.2;
}

/* id user y version al pie de la app */

#register.reset-password .version{
    font-size: 10px;
    color: #999999;
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 1px;
    left: 0;
}

#menuopciones .version{
    font-size: 10px;
    color: #999999;
    text-align: center;
}

#reservas-det .head-det-video{
    position: relative;
}
#reservas-det .live-icon{
    position: absolute;
    top: 13px;
    left: 8px;
    width: 54px;
    display: block;
    z-index: 500;
}

footer,
toolbar{
    width: 100%!important;
}


#programas .txt-programas.titulo-listado {
    font-weight: 900;
    color: #E30045!important;
}

/* contenido gratis */
#readytogo .contenido{
    display:flex;
    justify-content: space-between;
}

.gratis-titulo{
    font-size: 20px;
    color: #E30045;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 16px;
}

@media (min-width: 640px) {
    .gratis-titulo{
        font-size: 25px;
    }
}

@media (min-width: 1024px) {
    .gratis-titulo{
        font-size: 30px;
    }
	
}

/* login2 nuevo login */

#login2 .bg-fondo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
	background-size: cover!important;
	background: url("../images/backgrounds/fondo-home.png")50%
}

@media (min-width: 1024px) {

#login2 .bg-fondo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
	background-size: cover!important;
	background: url("../images/backgrounds/fondo-home-liso.svg" )10% 50%!important;
	}
}

#login2 .contenido {
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    color: #f1f1f1;
    width: 100%;
    padding: 10px;
    z-index:10;
    top:0
  }
  /* #login2 .container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    height: 78%;
    
} */
#login2 .box {
   width: 100%;
	padding: 10px;
	/*padding: 10px 120px;*/
	text-align: center!important;
    /*margin-bottom: 30%;*/
    
}
#login2 .intobox2 {
   width: 100%;
    position: fixed;
   /* bottom: 80!important;*/
	padding-left: 25%;
    padding-right: 25%;
	bottom: 15%!important;
    display: flex;
    left: 0;
}
#login2 .intobox-emer {
   width: 100%;
    /* position: fixed; */
    position: relative;
   /* bottom: 80!important;*/
	padding-left: 20%;
    padding-right: 20%;
    display: flex;
    left: 0;
}


/* 
#login2 .intobox-2 {
   width: 100%;
    position: fixed;

	padding-left: 25%;
    padding-right: 25%;
	bottom: 10%!important;
    display: flex;
    left: 0;
}
 */
.intobox3 {
    width: 100%;
    position: fixed;
    bottom: 16px!important;
    display: flex;
    left: 0;
    font-size: 0.9em;
    padding: 0;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: auto;
}

#login2 .intobox-serv {
    width: 100%;
    position: fixed;
    padding-left: 25%;
    padding-right: 25%;
    bottom: 3%!important;
    display: flex;
    left: 0;
}
#login2 .box2 {
    width: 50%;
    padding: 8px;
    background: transparent;
    min-height: auto;
}
#login2 .text-tit {
    font-family: 'Nunito';
    font-weight: 500;
    font-size: 1.8em;
    text-align: center;
	line-height: 1.2em;
	color: white;
  /* margin-bottom: 20px;*/
}

@media (max-height: 650px) {
    #login2 .text-tit {
        font-size: 1.5em;
    }
}

@media (max-height: 500px) {
    #login2 .text-tit {
        font-size: 1.1em;
    }
}

#login2 .text-serv {
    font-family: 'Nunito';
    font-weight: 500;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.2em;
    color: white;
    margin-top: 20px;
    /* text-align: center!important; */
}
#login2 .text-emer {
  font-family: 'Nunito';
    font-weight: 700;
    font-size: 1.5em;
    text-align: center;
    line-height: 1.2em;
    color: #000;
    bottom: 30%!important;
    display: flex;
    margin: 0 auto;
    justify-content: center;
}
#login2 .text-descrip {
    font-family: 'Nunito';
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}
#login2 .text-descrip2 {
    font-family: 'Nunito';
    font-size: 18px;
    text-align: center;
    /*color: #d6d4d3;*/
    font-weight: 800;
    text-transform: uppercase;
    /*margin-bottom: 10px;*/
    
}
#login2 button.submit-button.mat-raised-button.mat-accent {
    width: 100%;
    padding: 15px!important;
}
#login2 button.transition.cancel-button.mat-raised-button {
    width: 100%;
    padding: 15px!important;
}
#login2 hr {
    opacity: 0.2;
}

@media (min-width: 576px) {
/*
#login2 .intobox-2 {
    
    bottom: 20%!important;
	display: block!important;
   
}
*/
}


@media (min-width: 768px) {
    #login2 .text-tit {
       
        font-size: 35px;
    }
    #login2 .box {
      margin-bottom: 10px!important;
        
    }

	/* #login2 .container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    height: 90%;
} */

	.container-emergencias {
    
    height: 180px;
}
}

/*Nuevo Mar*/
/*propietario*/
.boton-home {
    font-size: 3em;
    color: white;
    font-family: roboto;
}
.center {
    text-align: center;
}

@media (min-width: 768px) {
    
	/* #login2 .container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    height: 80%;
} */
	   .boton-rouge {
	width: 150px!important;
    right: 40%!important;
}
	
	.container-emergencias{
		height: 180px!important;
		}
	
.h6, h6 {
    /*font-size: 18px;*/
	font-size: 1.2em!important;
}	
/* 	.ball-text {
    font-size: 45px!important;
} */
	.m-40-emer {
    margin-top: 15%!important;
	width: 100%;
}
	#login2 .text-emer {
    font-size: 2em!important;
    
}
		.m-40-emer2 {
    margin-top: 0px!important;
	width: 100%;
}
	.txt-emer-black {
    font-size: 1.8em!important;
}
}

/* @media (min-width: 1024px){
.ball-text {
    font-size: 70px!important;
}
} */

/*login*/
#login2 .text-tit-login {
    font-family: 'Nunito';
    font-weight: 500;
    font-size: 1.5em;
    text-align: center;
	color: white;
  /* margin-bottom: 20px;*/
}

/*form*/

input.login-form {
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
	text-align: center;
	font-size: 1.4em;
}

#login2 .form-title {
    /*color: #fff;
    text-transform: uppercase;
    font-weight: 500;*/
	    font-family: 'Nunito';
    font-weight: 500;
    font-size: 1.2em;
    text-align: center;
    color: #607d8b;
    WIDTH: 100%;
}
#login2 .form-remember {
font-size: 0.94em;
    text-align: center;
    align-items: center;
    font-weight: 100;
    margin-top: 0px!important;
	    margin-bottom: 10px;
    color:#807d7d;
}

#login2 form.form-box {
    text-align: center;
}

#login2 button.button-form{
    padding: 13px 35px;
    border-radius: 5px;
    font-size: 0.8em;
    color: #fff;
    background: #033b54;
    /* box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%)!important; */
    border: 1px solid #033b54;
    text-align: center;
    display: flex;
    justify-content: center;
	cursor:pointer;
}

#login2 .form-link{
	/*color: #fea315;*/
	color:#3f3f3f;
    font-weight: 700;
    font-size: 1em;
	}

.container-emergencias{
    width: 100%;
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 0;
    height: 80px;
    bottom: 0px!important;
    background-size: cover;
	background-image: url("../images/backgrounds/fondo-footer-sin.png");
	}



.boton-rouge {
	    display: block;
    position: fixed;
    z-index: 1000;
    bottom: 2px;
    text-align: center;
    width: 50px;
	right: 44%;
}




/*fondo*/
#telephone {
    background: #fff;
    margin-top: 30px;
   background: url(../images/logos/logo-picaje-transparent.png);
    background-repeat: no-repeat;
    background-position: 50% 20%;

}

/*telefonos de interés*/

 .seccion-superior {
    margin: 0 auto;
    width: 80%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 3%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-bottom: 30px;
    background-color: #f7f7f7 !important;
    padding: 30px !important;
   /* border: solid 1px #c5c6cb!important;*/
    border-radius: 10px;
    box-shadow: 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
	 cursor:pointer;
}
.seccion-superior-perf {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 3%;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    flex-grow: 1;
}
 .s-s-new {
background: #eaf2fb;
	/*background: #22b9ed87;*/
}
.s-s-green {
background: #E7F7E7;
	/*background: #22b9ed87;*/
}
.s-s-green2 {
background: #6aae38;
}
.s-s-blue {
background: #eaf2fb;
	/*background: #22b9ed87;*/
}
.s-s-gray {
background: #f3f3f3;
	/*background: #22b9ed87;*/
}

.option-perf{
	position: relative;
    padding: 3px;
    display: flex;
    align-items: left;
   /* vertical-align: middle!important;
	justify-content: center;*/
	flex-direction: column;

}

.option {
	position: relative;
    padding: 0.5%;
    display: flex;
   flex-direction: column;
    align-items: left;
    vertical-align: middle!important;
	justify-content: center;
	/*
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
   -webkit-box-align: center;
*/
}
.option.btn-elevado.opt1 {
	 width: 30%!important;
	justify-content: center;
}

.option.btn-elevado.opt2 {
    width: 70%!important;
	
}
.option.btn-elevado.opt3 {
	 width: 40%!important;
	justify-content: center;
}
.option.btn-elevado.opt4 {
	 width: 60%!important;
	justify-content: center;
}
.option.btn-elevado.opt5 {
	 width: 28%!important;
	justify-content: center;
}
.option.btn-elevado.opt6 {
	 width: 70%!important;
	justify-content: center;
}

.txt-tit-telf{
    font-family:'Nunito';
	font-size: 1.6em;
	color: #000;	
	font-weight: 600;
	line-height: 0.9em;
}
.txt-tit-red{
    font-family:'Nunito';
	font-size: 1.5em;
	color: #fc5d51;
	/*color:#2B532A;*/
}

.menu-header{
    width: 100%;
	background-color: #000;
/*     position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
    min-height: 40px;
    top: 0px; */
	background-size: cover;

    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
}
.menu-header-home{
    width: 100%;
/* 	 position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
    min-height: 40px;
    top: 0px; */
	background-size: cover;

    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.sup-nav {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	justify-content: center;
}




/*categorias*/
.txt-tit-seccion{
    font-family:'Nunito';
	font-size: 1.2em;
	color: #000;	
	font-weight: 600;
	line-height: 1.1em;
	text-transform: uppercase;
}
.seccion-borde {
border-radius: 10px;
    border: 1px solid #d9d9d9;
}

.txt-tit-com {
    font-family: 'Nunito';
    font-size: 0.9em;
    color: #000;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
}
.txt-tit-perf {
    font-family: 'Nunito';
    font-size: 1em;
    color: #fff;
    font-weight: 800;
    line-height: 1em;
    text-transform: uppercase;
	text-align: left;
	
}
.txt-tit-white {
    color: #fff;
    font-weight: 700;
	display: flex;
    justify-content: flex-end;
	margin-top: 5px;
	position: absolute;
    bottom: 0px;
    height: 25px;
}
.txt-tit-num {
    color: #7ce3f4;
    font-weight: 700;
	display: flex;
    justify-content: flex-end;
    margin-left: 5px;
	
}
.txt-tit-num-inquilino {
    color: #025f6f;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
    margin-left: 5px;
}

.txt-tit-yellow {
    color: #fcbb51;
    font-weight: 700;
	display: flex;
    justify-content: flex-end;
	margin-top: 5px;
}

.txt-tit-yellow a{
    color: #fcbb51!important;  
	
}
.txt-tit-yellow :hover{
    text-decoration: none;   
}
.txt-tit-black{
    color: #000;
    font-weight: 700;
	display: flex;
    justify-content: flex-end;
	margin-top: 5px;
}

.txt-tit-black a{
    color: #000!important;  
	
}
.txt-tit-black :hover{
    text-decoration: none;   
}

.txt-tit-green{
    color: #339933;
    font-weight: 700;
	display: flex;
    justify-content: flex-end;
	margin-top: 5px;
}

.txt-tit-green a{
    color: #339933!important;  
	
}
.txt-tit-green :hover{
    text-decoration: none;   
}

.txt-tit-blue{
    color: #7cb7f4;
    font-weight: 700;
	display: flex;
    justify-content: flex-end;
	margin-top: 5px;
}

.txt-tit-blue a{
    color: #7cb7f4!important;  
	
}
.txt-tit-blue :hover{
    text-decoration: none;   
}

.txt-tit-gray{
    color: #7e7e7e;
    font-weight: 700;
	display: flex;
    justify-content: flex-end;
	margin-top: 5px;
}

.txt-tit-gray a{
    color: #7e7e7e!important;  
	
}
.txt-tit-gray :hover{
    text-decoration: none;   
}

.txt-emer-black{
    color: #000;
    font-weight: 700;
	display: flex;
    justify-content: center;
	margin-top: 5px;
	font-size: 1.3em;
	
}


.ico-saber {
    width: 15px;
    vertical-align: middle;
	margin-left: 5px;
}
.ico-key {
    width: 25px;
    vertical-align: middle;
    margin-right: 5px;
}
/*Actividades*/

.fecha-bg {
    background-color: #c9def4;
	 border-radius: 5px;
	width: 100%;
    height: auto;
  /*  padding-top: 100%;*/
    position: relative;
	text-align: center;
	padding:10px;
}

.fecha-bg-green {
    background-color: #7EB71C;
	 border-radius: 5px;
	width: 100%;
    height: auto;
  /*  padding-top: 100%;*/
    position: relative;
	text-align: center;
	padding:10px;
}

.fecha-bg-green .fecha-num {
    font-size: 1.1em;
    color: #fff;
    font-weight: 900;
    line-height: 1em;
}

 .fecha-bg-green .fecha-mes {
    font-size: 0.8em;
    color: #fff;
    font-weight: 800;
	line-height: 1em;
	text-transform: uppercase;
}
 .fecha-bg-green .fecha-year {
    font-size: 0.6em;
    color: #fff;
	line-height: 1em;
}

.fecha-num {
    font-size: 1.1em;
    color: #000;
    font-weight: 900;
	line-height: 1em;
}
.fecha-mes {
    font-size: 0.8em;
    color: #000;
    font-weight: 800;
	line-height: 1em;
	text-transform: uppercase;
}
.fecha-year {
    font-size: 0.6em;
    color: #000;
	line-height: 1em;
}


/*detalles*/
div.texto p {
   font-size: 1.8rem!important; 
    font-weight: 500!important;
    line-height: 1.3em;
    color: #555!important;
	text-align: justify;
}

.txt-tit-det {
    font-family: 'Nunito';
    font-size: 1.2em;
    color: #000;
    font-weight: 600;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.txt-tit-det-min {
    font-family: 'Nunito';
    font-size: 1.2em;
    color: #000;
    font-weight: 600;
    line-height: 1em;
}
.txt-tit-det-yellow {
    color: #fcbb51;
    font-weight: 700;
   margin: 5px 0px;
    font-size: 0.9em;
}
.txt-tit-det-act {
    color: #000;
    font-weight: 700;
    margin: 15px 0px;
    font-size: 0.9em;
    background: #c9def4;
    border-radius: 5px;
    padding: 3px 5px;
    text-align: center;
	margin-top: 5%;
}
.txt-tit-det-com {
    color: #fff;
    font-weight: 700;
    margin: 15px 0px;
    font-size: 0.9em;
    background: #7eb71c;
    border-radius: 5px;
    padding: 3px 5px;
    text-align: center;
	margin-top: 5%;
	
}

.txt-tit-det-inc {
    color: #fff;
    font-weight: 700;
    margin: 15px 0px;
    font-size: 0.9em;
    background: #A89BF4;
    border-radius: 5px;
    padding: 3px 5px;
    text-align: center;
	margin-top: 5%;
	text-transform: uppercase;
	
}

.txt-tit-det-tel {
    color: #fff;
    font-weight: 700;
    margin: 15px 0px;
    font-size: 0.9em;
    background: #FC5D51;
    border-radius: 5px;
    padding: 3px 5px;
    text-align: center;
	margin-top: 5%;
	text-transform: uppercase;
	
}
.txt-tit-det-per {
    color: #fff;
    font-weight: 700;
    margin: 15px 0px;
    font-size: 0.9em;
    background: #FC5D51;
    border-radius: 5px;
    padding: 3px 5px;
    text-align: center;
	margin-top: 5%;
	text-transform: uppercase;
	
}

.txt-tit-det-blue {
    color: #7cb7f4;
}
.txt-tit-det-green {
    color: green;
}
 .txt-tit-det-gray {
color: #7e7e7e!important;	
}


/* apartado de las 5 imagenes adjunta a las incidencias */
.img-adjunto-titl{
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    margin-top: 1.6rem;
}

.img-adjunto{
    text-align: center;
    margin-top: 1.4rem;
}

.txt-datos-calle{
    margin-bottom: 16px;
}

.txt-inci-urgente{
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    background-color: #FA7C13;
    color: #FFFFFF;
    padding: 0.8rem;
    font-weight: 700;
    width: max-content;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
}

a:link, a:visited,  a:hover, a:active
{
    text-decoration: none!important;
}
/*comunicados*/
.txt-com {
    color: #747474!important;
    font-weight: 600;
    display: block;
    font-size: 1.5rem;
    text-align: left;
    margin-top: 5px;
}
/*actividades*/
.seccion-100 {
    width: 100%;
	text-align: center;
}
.left {
    float: right;
    margin-left: 5px;

	}

.contenedor-leyenda{
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 3% 0;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.seccion-leyenda {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding-left: 0;
    -webkit-box-pack: justify;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

/*formulario*/
input#cf_name {
    border-bottom: 1px solid lightgray!important;
	width: 100%;
}

input.form-control {
    border-bottom: 1px solid #d3d3d3;
	width: 100%;
	background: transparent;
	height: 50px;
    font-size: 1.1em;

}

.mat-select-inc  .form-control {
    border-bottom: 1px solid #d3d3d3;
	width: 100%;
	background: transparent;
	height: 50px;
    font-size: 1.1em;
    padding: 0 0 0 16px;
    font-weight: 600;
}

.mat-select-inc  .form-control .mat-select-arrow{
    width: 16px;
    height: 16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid;
    margin: 0px 4px;
}

.mat-select-panel .mat-optgroup-label, 
.mat-select-panel .mat-option{
    font-size: 0.8em!important;
}

.text-area-format{
    resize: none;
    width: 100%;
    border: none;
    outline: none;
    border-color: Transparent;
}

.text-area-content{
    border-bottom: 1px solid #d3d3d3;
}


.m-50 {
    margin-top: 50px;
	width: 100%;
}
.m-40-emer {
	margin-top: 5%;
    /*margin-top: 40%;*/
	width: 100%;
}
.m-40-emer2 {
    margin-top: 40%;
	width: 100%;
}

input.wpcf7-form-control.wpcf7-submit {
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    padding: 10px 40px !important;
	background: #a89bf4;
    text-align: center;
    color: #fff;
}
.black {
	background: #c7c7c7!important;
}
.white{
	color:#fff!important;
}
.form-col p {
    font-size: 1.3em;
}


/* AJUSTE DE RAFA pero para ajustar los  CSS relacionados de mas arriba  */

.boton-rouge {
    right: auto!important;
}

.container-emergencias {
    width: 100%;
    position: fixed;
    height: 80px;
    z-index: 100;
    display: flex;
    justify-content: center;
    bottom: 1px!important;
	background-size: auto 100%;
	background-image: url(../images/backgrounds/fondo-footer-sin.png);
   /* background-size: unset;
    background-size: contain;*/
    background-repeat: no-repeat;
    background-position: center;
}

/*emergencia*/

.m-20 {
    margin-top: 25%!important;
}
/*leyenda*/
.text-leyenda {
    font-size: 0.64em;
    margin-top: 5%;
}
/* perfil propietario */
.content-perfil{
	padding: 10px;
	position: relative;
	width: 100%;
    top: 0;
	/*background: rgb(2,58,83);
    background: linear-gradient(90deg, rgba(2,58,83,1) 0%, rgba(2,92,133,1) 50%, rgba(68,119,145,1) 100%); */
	background: #3f8b45;
    background: linear-gradient(180deg,#9ac355 0%,#3f8b45 100%);
	border-radius: 10px;
	box-shadow: 3px 3px 10px;
	min-height: 200px;
	display: flex;
    align-items: center;
}

/* perfil inquilino */
.content-perfil-inquilino{
	padding: 10px;
	position: relative;
	width: 100%;
    top: 0;
	/*background: rgb(2,58,83);
    background: linear-gradient(90deg, rgba(2,58,83,1) 0%, rgba(2,92,133,1) 50%, rgba(68,119,145,1) 100%); */
	background: #3F9AB9;
    background: linear-gradient(180deg,#4CBFE4 0%,#3F9AB9 100%);
	border-radius: 10px;
	box-shadow: 3px 3px 10px;
	min-height: 200px;
	display: flex;
    align-items: center;
}

/*scroll*/
vertical-layout-1 #main>.container>.container>.container {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#login2.scrolled[_ngcontent-c6] {
    background-size: auto 100%;
    background-position: center 0;
    background-attachment: fixed;
}



.msg-invalid{
    display: block;
    margin: 0;
    padding: 4px 4px;
    color: #ff726b;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1;
    letter-spacing: -0.1px;
}

.msq-pwd-recuperado{
    display: block;
    margin: 0;
    padding: 4px 0;
    color: #62ffc3;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1;
    letter-spacing: -0.1px;
    display: flex;
    justify-content: center;
    width: 100%;
}

#login2 .contenido{
	left: 0;
	right:0;
	top:0;
}




.boton-rouge {
    right: auto!important;
}

.container-emergencias {
    width: 100%;
    position: fixed;
    height: 80px;
    z-index: 100;
    display: flex;
    justify-content: center;
    bottom: 0px!important;
    background-size: unset;
    background-image: url(../images/backgrounds/fondo-footer-sin.png);
    
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}


/* MENU Y PIE */
footer, toolbar {
    width: 100%!important;
}

toolbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

.menu-header{
	height:52px;
	min-height: 52px;
}
.container-emergencias {    
    height: 80px;
}



/* iconos del menu cabecera para que no se salgan */
.mat-menu-item .mat-icon {
    margin-right: 16px;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}

/* limites a los iconos cabecera */
.sup-navright {
    padding: 1rem 0.5rem;
    color: #fff;
    float:none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.sup-navlink {
    padding: 1rem 0.5rem;
    color: #fff;
	justify-content: center;
    display: flex;
    align-items: center;
}

.sup-navleft {
    padding: 1rem 1rem;
    color: #fff;
	float:none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

@media (min-width: 768px) {
    .menu-header{
		height:86px;
		min-height: 40px;
	}
	.container-emergencias {    
		height: 180px;
	}

    content { 
        padding-top: 86px;  
        padding-bottom: 20px;
        /*padding-bottom: 180px;*/
    }
}



/* ajustes de vistas */
.container-block {
    margin: 0px 10px 0px 10px;
    width: 100%;
    border: none;
}

#telephone {
    margin-top: 0px;
    width: 100%;
}


/* TUNEAR EL SWEET ALERT */

.okwarning.swal2-actions,
.oksuccess.swal2-actions,
.okerror.swal2-actions{
    justify-content: center!important;
}


/*
    22B9EE evento no leido
    C9DDF5 con evento
*/
.evento-leido {
    background-color: #C9DDF5;
}

.evento-noleido {
    background-color: #22B9EE;
}


.mat-calendar-body-disabled,
.sin-evento {
    background-color: #FFFFFF;
}

/* .mat-calendar-body-active{
    background-color: #7eb71c;
}
 */
.mat-calendar-body-disabled .mat-calendar-body-cell-content{
    color:#000000!important;
    font-weight: 700;
}

.evento-noleido .mat-calendar-body-cell-content,
.evento-leido .mat-calendar-body-cell-content{
    color:#FFFFFF!important;
    font-weight: 700;
}

body.theme-default .mat-calendar-body-selected,
.mat-calendar-body-cell-content.mat-calendar-body-selected{
    background: none!important;
    background-color: unset!important;
}




.mat-calendar-table-header th {
    font-size: 2.5rem!important;
    color:#000000!important;
    font-weight: 700!important;
}


.mat-calendar {
    display: block;
    width: 96%;
    margin: 0 auto;
    max-width: 700px;
}

.mat-calendar-body {
    /*font-size: calc(1.8em + 1vw)!important;*/
    font-size:2.5rem!important;
    font-weight: 600!important;
}

/*BOTON SWEETALERT*/

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #22B9EE!important;
    color: #FFFFFF!important;
    font-size: 1.0625em;
}

/* flecha cabecera margen izq */
.ico-flecha {
    width: auto!important;
    max-width: unset!important;
    display: flex;
    height: 100%;
    margin-left: 10px;
}

/* boton profile cabecera margen der */
.ico-menu {
    width: auto!important;
    max-width: unset!important;
    display: flex;
    height: 100%;
}

body.theme-default .mat-raised-button {
    background-color: #6aaf37!important;
}

/* CABECERA CUSTOM DE LOS CALENDARIOS */
.calendar-header {
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
}

.calendar-header-label {
    flex: 1;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    font-size: 2.5rem;
}

.calendar-mesprev,
.calendar-mesnext{
    line-height: 1;
    font-size: 60px;
    font-weight: 800;
}

.mat-icon-button .calendar-mesprev.mat-icon,
.mat-icon-button .calendar-mesnext.mat-icon{
    line-height: 60px;
}

.calendar-mesprev.mat-icon,
.calendar-mesnext.mat-icon {
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 60px;
    width: 60px;
    background: #000000;
    border-radius: 50%;
    color:#FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mat-calendar-body-label{
    opacity: 0;
}
.mat-calendar-body-label[colspan="7"] {
   display: none;
}

.btn-pie-resetpwd{
    width: 100%;
    max-width: 300px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
}

.btn-pie-resetpwd button{
    margin-top: 4px;
}

/* Ajustes login Mar */
/* #login2 .intobox-2 {
    width: 100%;
    position: fixed;
    padding-left: 0;
    padding-right: 0;
    bottom: 10%!important;
    display: flex;
    left: 0;
    right: 0;
    justify-content: center;
} */

/* .seccion-leyenda {
    padding-left: 2%;
}
 */

#login2 .intobox-2.keyboard-on {
    top: 0!important;
    background: #77b3cf!important;
}


/* apartados incidencias color #a89bf4 */
/* apartado de enviar nueva incidencia tamaño imagen muestra enviar y boton reset */
input.wpcf7-form-control.wpcf7-submit {
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    padding: 10px 40px !important;
    background: #a89bf4;
    text-align: center;
    color: #fff;
}

/* boton enviar apartado incidencias urgentes color #FA7C13 */
input.wpcf7-form-control.wpcf7-submit {
    background: #FA7C13; 
}


.img-inci-enviar{
    display: flex;
    justify-content:center;
    align-items: center;
    flex-direction: column;
    margin-top: 16px;
}

input.wpcf7-form-control.wpcf7-reset-img{
    margin: 0;
    display: block;
    margin-top: 0;
    padding: 10px 40px !important;
    background: #a89bf4;
    text-align: center;
    color: #fff;
    /*width: 60%;*/
    /*max-width: 260px;*/
    margin-bottom: 2rem;
}



.imagen-incidencia-enviar{
    width: 60%;
    max-width: 260px;
}



.boton-descartar-img,
.boton-clip,
.boton-camara{
    /* width: 10%; */
    margin: 10px 8px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 100%;*/
    /* width: 3rem; */
}

.boton-camara{
    margin-left: 40px;
}

.boton-descartar-img img,
.boton-clip img,
.boton-camara img{
    width: auto;
    height: 3rem;
    
}

.btn-accion-adjuntarimg{
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}

.txt-num-incidencias{
    color: #A89BF4;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.3;
}
.txt-num-incidencias span{
    color:#000;
}
.marg-b-10{
    margin-bottom: 10px;
}

.comunicado-no-leido{
    background-color: rgba(252, 187, 81, 0.2);
}

/* poner el badge en absolute sobre comunicados*/
.box4 {
    position: relative!important;
}

/* .option {
    position: relative;
    padding: 2%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 2rem;
    align-items: center;
    margin-top: 24px;
} */

.txt-tit-red,
.txt-tit-red a {
    font-family: 'Nunito';
    font-size: 1.2em;
    color: #fc5d51!important;
    /* color: #2B532A; */
    margin-bottom: 6px;
}

.txt-tit-telefono,
.txt-tit-telefono a{
    font-family: 'Nunito';
    font-size: 1.1em;
    color: #fc5d51!important;
    /* color: #2B532A; */
    margin-bottom: 6px;
}

a.href-txt {
    color: #555!important;
}  

.btn-promocion-empresas{
    width: 106px;
    display: inline;
    color: #FFFFFF;
    background-color: #fc5d51;
    font-size: 1.3rem;
    text-align: center;
    border-radius: 4px;
    padding: 2px 1px;
    font-weight: 700;
}

.boton-ir-mapa{
    /* color: #FC5D51!important; */
    color: #000!important;
    font-weight: 800;
    display: flex;
    justify-content: flex-end;
    margin-top: 2px;
    margin-right: 4px;
}
.boton-ir-mapa a{
    /* color: #FC5D51!important; */
    color: #000!important;
    font-weight: 800;
}

@media (min-width: 400px) {
    .txt-tit-telefono,
    .txt-tit-telefono a{
        font-size: 1.2em;
    }
}

@media (min-width: 740px) {
    .txt-tit-telefono,
    .txt-tit-telefono a{
        font-size: 1.4em;
    }

    .boton-ir-mapa a,
    .boton-ir-mapa {
        font-size: 2rem;
        font-size: calc(0.8em + 1vw);
    }  
}




/* Sombre de badges */
.circles{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

/* opacidad del boton crear nueva incidencia si no esta permitido crear nuevas */
.nocrear-incidencia{
    opacity: 0.4;
}




.login-content{
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


.fondo-login-logo{
    background-size: 35%!important;
    background-repeat: no-repeat;
    background-position: center 5%;
    background-image: url('../images/logos/logo-picaje-default.png');
} 
@media (min-width: 1024px) {
    .fondo-login-logo{
        background-size: 10%!important;
        background-repeat: no-repeat;
        background-position: center 3%;
        background-image: url('../images/logos/logo-picaje-default.png');
    }

    #login2 .intobox-2 {
        width: 40%!important;
        /*height: 72vh!important;*/
        height: 59vh!important;
        margin: 0 auto;
    }
}

.fondo-login-pie{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-image: url('../images/backgrounds/fondo-home-top-i3net.png');
   /* background-image: url('../images/backgrounds/fondo-home-top.png');*/
}


#login2 .container {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


#login2 .container-top{
    width: 100%;
   /* height: 40vh;*/
   height: 15vh;

}

#login2 .intobox-2 {
    width: 100%;
    height: 52vh;
    /*height: 82vh;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#login2 form.form-box {
    text-align: center;
   margin-top: 10vh;
}

@media (min-height: 1024px) {
    #login2 form.form-box {
        text-align: center;
        margin-top: 16vh;
    }
}

/* titulos tolales incidencias */
.titulo-total{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.titulo-total-txt{
    min-width: 100px; 
}


#login2 .container-inicio {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    height: 74%;
}

@media (max-height: 650px) {
    #login2 .container-inicio {
        height: 72%;
    }
}

@media (max-height: 500px) {
    #login2 .container-inicio {
        height: 70%;
        margin-top: -2.3rem;
    }
}

.content-perfil-apaisado{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.cargando-calendario{
    margin-top: 16rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #717CFA;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;  
}

.cargando-calendario img{
    border-radius: 10px;
    margin-bottom: 1.4%;
    width: 14rem;
    max-width: 300px;
}

/* para algunos elementos del login */
.ancho90{
    width: 90%;
    max-width: 350px;
} 

.btn-pie-log{
    width: 46%;
    max-width: 160px;
    min-width: 146px;
}

.evento-hini{
    margin-right: 14px;
    font-size: 1.6rem;
}

.evento-hfin{
    font-size: 1.6rem;
}

.horas-det-evento{
    font-family: 'Nunito';
    font-size: 1.8rem;
    color: #666;
    font-weight: 800;
    line-height: 1em;
    margin-top: 16px;
}

.horas-det-evento .evento-hfin,
.horas-det-evento .evento-hini{
    font-size: 1.8rem;
}

.seccion-superior .texto{
    width: 100%;
}


@media (max-width: 370px) {
    .txt-emer-black {

        font-size: 1em;
    }
}

.container-emergencias.emergencias-con-txt,
.emergencias-con-txt{
    background-image: url("../images/backgrounds/fondo-footer.png");
}



.menu-header h6.sup-navlink,
.menu-header .h6, 
.menu-header h6 {
    font-size: calc(0.6em + 1vw);
    line-height: 1;
}

.sup-navright.menu-top{
    width: auto!important;
    /* width: 32%!important; */
}

.estancia-btn{
    margin-right: 0.4rem;
}

@media (min-width: 350px){
    
    .sup-navright.menu-top{
        width: auto!important;
        /* width: 30%!important; */
    }
    
    .estancia-btn{
        margin-right: 1rem;
    }

    .menu-header h6.sup-navlink,
    .menu-header .h6, 
    .menu-header h6 {
        font-size: calc(0.7em + 1vw)!important;
    } 

}

@media (min-width: 768px){
    
    .sup-navright.menu-top{
        width: auto!important;
        /* width: 50%!important; */
    }
    
    .estancia-btn{
        margin-right: 2rem;
    }

    .menu-header h6.sup-navlink,
    .menu-header .h6, 
    .menu-header h6 {
        font-size: 1em!important;
       /* font-size: calc(0.9em + 1vw)!important;*/
    } 

    .ico-menu {
        height: 60%;
        margin-right: 10px;
    }
}

#login2 .text-estancia {
    font-family: 'Nunito';
    font-weight: 700;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.2em;
    color: #000;
    bottom: 30%!important;
    display: flex;
    margin: 0 auto;
    justify-content: center;
}

#login2 .text-emer.estancia-txt-help{
    font-size: 1.2em;
    line-height: 1em;
    margin-top: 1.9em;
    
}

.estancia-txt-sino{
    font-size: 1.5em;
    text-align: center;
    line-height: 1.4em;
}

.estancia-txt-si,
.estancia-txt-no{
    display: flex;
    align-items: center;
}

.estancia-txt-si b{
    font-size: 1.2em;
    color: #FFFFFF;
    background-color: #6aaf37;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 0.3em 0.44em;
    border-radius: 3px;
    line-height: 1.2em;
}

.estancia-txt-no b{
    font-size: 1.2em;
    color: #FFFFFF;
    background-color: #3f9ab9 ;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 0.3em 0.3em;
    border-radius: 4px;
    line-height: 1.2em;

}

#login2 .intobox-estancia {
    width: 100%;
     position: relative;
    /* bottom: 80!important;*/
     padding-left: 20%;
     padding-right: 20%;
     display: flex;
     left: 0;
 }

.btn-reintentar-estancia{
    max-width: 400px;
 }

.empresa-no-leida{
    background-color: rgba(252, 93, 81, 0.2); 
}


.link-lineabaja{
    cursor: pointer;
    text-decoration-line: underline;
}

.link-nolineabaja{
    cursor: pointer;
    text-decoration-line: none;
}
.link-log-empleados{
    font-size: 1.2em;
    font-weight: 600;
}

.link-aviso-legal{
    font-size: 0.8em;
    font-weight: 500;
}


.sup-nav {
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: space-between;
}

body.theme-default toolbar a {
    color: #039be5;
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.form-ayuda-label{
    font-size: 0.9em;
    font-style: italic;
}

/* partes */

.partes-lista .txt-desc-list{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.partes-lista .parte-urgente{
    color:#FA7C13!important;
    font-weight: 600;
}

.partes-lista .parte-finalizado{
    color:#039be5!important;
    font-weight: 700;
}

.partes-lista .parte-iniciada{
    color:#489b00!important;
    font-weight: 700;
}

.partes-lista .parte-pausada{
    color:#9b0a00!important;
    font-weight: 700;
}

.partes-lista .nombre-urgencia{
    font-style: italic;
    font-weight: 500;
    font-size: 1.5rem;
    color: #747474;
}

.partes-lista .fecha-asignado{
    font-weight: 500;
    font-size: 1.4rem;
    width: 100%; 
    color:#333333; 
}

.partes-lista .cat-asignada{
    font-weight: 700;
    font-size: 1.7rem;
    width: 100%;
    color:#747474; 
}

/* si es habitual cada cuanto tiempo mensual, diaria etc */
.partes-lista .nombre-tipo-habitualidad{ 
    font-style: italic;
    font-weight: 600;
    font-size: 1.6rem;
    width: 100%;
    color:#333333;  
}

/* vista detalle de un parte para gestion de su tarea (iniciar, detener, finalizar)*/

.parte-detalle .fecha-parte{
    color:#6EBB52;
    font-weight: 600;
}

.parte-detalle .titl-datos-incidencia{
    color:#A89BF4;
    font-size: 2rem;
    font-weight: 700;
    margin-top: 20px;
}

.parte-detalle .btns-gestion-parte{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.parte-detalle .content-iniciar-detener,
.parte-detalle .content-finalizar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 46%;
    background: transparent;
    padding: 10px 1px;
    max-width: 250px;
}

.parte-detalle .content-iniciar-detener > button,
.parte-detalle .content-finalizar > button {
    width: 100%;
    padding: 2.5rem 0.5rem!important;
   /*font-size: 1em!important;
    font-weight: 700!important;
    font-family: roboto;*/
}

body.theme-default .parte-detalle .mat-raised-button.btn-iniciar,
.parte-detalle .btn-iniciar{
    background-color: #6aaf37!important;
    color:#FFFFFF!important;
}

body.theme-default .parte-detalle .mat-raised-button.btn-detener,
.parte-detalle .btn-detener {
    background-color: #d10404!important;
    color:#FFFFFF!important;
}

body.theme-default .parte-detalle .mat-raised-button.btn-finalizar,
.parte-detalle .btn-finalizar {
    background-color: #3f9ab9!important;
    color:#FFFFFF!important;
}

body.theme-default .parte-detalle .mat-raised-button.btn-iniciar[disabled],
.parte-detalle .btn-iniciar{
    background-color: rgba(116, 116, 116, 0.5)!important;
    color:#FFFFFF!important; 
}

body.theme-default .parte-detalle .mat-raised-button.btn-detener[disabled],
.parte-detalle .btn-detener {
    background-color: rgba(116, 116, 116, 0.5)!important;
    color:#FFFFFF!important; 
}

body.theme-default .parte-detalle .mat-raised-button.btn-finalizar[disabled],
.parte-detalle .btn-finalizar {
    background-color: rgba(116, 116, 116, 0.5)!important;
    color:#FFFFFF!important; 
}


.txt-cargando{
    margin-top: 40%;
    font-weight: 700;
    font-size: 2rem;
    width: 100%;
    text-align: center;
}

.txt-lista-sin-items{
    margin-top: 40%;
    font-weight: 700;
    font-size: 2rem;
    width: 100%;
    text-align: center;
}

/* listados */
.partes-lista .option.btn-elevado.opt5 {
    width: 20%!important;
    justify-content: center;
}

.partes-lista .option.btn-elevado.opt6 {
    width: 78%!important;
    justify-content: center; 
}

.partes-lista .txt-com {
    text-align: center;
    line-height: 1
}

.ico-lst-parte{
    width: 100%;
}

.err-det-parte{
    color: #FF0000;
    width: 100%;
    font-size: 1.6rem;
    margin-top: 20px;
}


.btns-gestion-parte button{
    padding: 8px 10px!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}

.boton-accion-parte {
    font-size: 1.8em;
    color: white;
    font-family: roboto;
}

.parte-hoy .txt-tipo-tarea{
    color: #3f9ab9;
}


.contiene-perfil-e{
    display: flex;
    justify-content: center;

}
.content-perfil-empleado{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 84%;
    align-items: center;
}


.logo-app-profile{
    width: 50%!important;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 0.5rem;
}

.tipo-empleado-perf{
    color:#7ce3f4;
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 1.6rem;
    text-align: center;
}

.txt-tit-perf-emp{
    font-size: 2rem;
    margin-bottom: 1.4rem;
}


.txt-dato-perf-emp{
    color:#333333;
    font-weight: 500;
}

.txt-dato-perf-emp strong{
    color:#fea315;
    font-weight: 700;
}

.datos-pref-emp{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    width: auto;border-radius: 10px;
    box-shadow: 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    padding: 30px;
    margin-top: 30px;
}

.txt-dato-perf-emp > strong,
.txt-dato-perf-emp > span{
    display: block;
    width: 100%;
    text-align: left;
}

.cortar-palabras{
    word-break: break-all;
}

/* --- pantalla de fichajes ---  */




.fichajes-empleados{
    padding: 20px 10px 0 10px;
    height: calc(100vh - 52px - 80px)!important;
}



@media (min-width: 768px){
    .fichajes-empleados{
        padding: 20px 10px 0 10px;
        height: calc(100vh - 86px - 180px)!important;
    }
    .seccion-superior {
        
        background-color: #f7f7f7 !important;
        padding: 30px !important;
        width: 30%; 
       /* border: solid 1px #c5c6cb!important;*/
        border-radius: 10px;
        box-shadow:  0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    }
    .ico-flecha {
        width: auto!important;
        max-width: unset!important;
        display: flex;
        height: 50%;
        margin-left: 10px;
    }
    .container-block p {
        width: 50%!important;
        margin: 0 auto;
        margin-bottom: 30px;
        margin-top: 30px;
    }
}
@media (min-width: 1400px){
   
    .seccion-superior {
       
        background-color: #f7f7f7 !important;
        padding: 30px !important;
        width: 20%; 
       /* border: solid 1px #c5c6cb!important;*/
        border-radius: 10px;
        box-shadow:  0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    }
}
.fichajes-empleados .container-block{
    width: auto;
}

.container-fichaje{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.fichaje-nombre-usr{

    font-weight: 700;
    margin-bottom: 1.8rem;

}
.container-fichaje-ppal{
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}




.container-fichaje-list{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.container-fichaje-list .container-block{


}

.fichaje-fecha{
    /*border-radius: 4px;
    padding: 0.6rem 0;
    text-align: center;
    font-weight: 800;
    background-color: #dddddd;
    color: #333;
    font-size: 1.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
        padding: 0.9rem 0;
        text-align: center;
        font-weight: 800;
        background-color: #dddddd;
        color: #333;
        font-size: 1.9rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-bottom: 1px solid rgb(0 0 0 / 15%);
        text-transform: uppercase;
}



.container-fichaje-btns{
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 1.6rem;
    font-weight: 700;
}

.fichaje-btn{
    display: flex;
    padding: 16px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #039be5;
    color: #FFFFFF;
    border-radius: 4px;
    width: 30%;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

.fichaje-btn.fichaje-btn-entrada{
   /* width: 36%;*/
    width: 30%;
    border-radius: 10px;
    box-shadow: 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
	background:rgb(0, 146, 58);
}

.fichaje-btn > span{
    width: 100%;
    text-align: center;
}



.fichajes-list-fila{
    display: flex;
    font-size: 1.9rem;
    border-bottom: 1px #dedede dashed;
    height: 5rem;

}

.fichajes-list-fila > span{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
}

.fichajes-datos-mov{

    margin-left: 20px;
}
.fichajes-nombre-mov{
    font-weight: 600;
}

.fichajes-tipo-mov{
    font-size: 1.5rem;
}

.popup-tipo-pausa{
    background-color: rgba(250, 250, 250, 0.9);
    border: #dedede 1px solid;
    margin-bottom: 4px;

/*     position: absolute;
    left: 10px;
    right: 10px;
    bottom: 20px */
}

.popup-content{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.popup-tipo-pausa  mat-radio-group{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}

.popup-tipo-pausa  mat-radio-button{
    width: 100%;
    margin: 10px 10px;
    font-size: 2rem;
}


.popup-pausa-cab{
    background-color: #039be5;
    color:#FFFFFF;
    position: relative;
    border-radius: 4px;
    width: 100%;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popup-titl{
    font-size: 1.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    padding-right: 1px;
}

.popup-cerrar{
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1
}


.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em;
}


/* solo en listado incidencias de los empleados poner icono mas pequeño */
.incidencias-empleados .option.btn-elevado.opt5 {
    width: 26%!important;
    justify-content: center;
}

.incidencias-empleados .option.btn-elevado.opt6 {
    width: 74%!important;
    justify-content: center;
}

.incidencias-empleados .txt-com {
    color: #747474!important;
    font-weight: 600;
    display: block;
    font-size: 1.5rem;
    margin-top: 5px;
    text-align: left;
}

.incidencias-empleados .txt-urgencia {
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    margin-top: 5px;
    text-align: center;
    background-color: #FA7C13!important;
    color: #FFFFFF!important;
    padding: 0.4rem;
    border-radius: 4px;
    margin-bottom: 0.4rem;
    margin-top: 0.4rem;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 110px;
}


.ver-inci-finaliz{
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
}


.content-img-parte{
    position:relative
}

.eliminar-img-parte{
    position: absolute;
    z-index: 100;
    top: 6px;
    right: 6px;
    border-radius: 4px;
    font-size: 1.4rem;
    line-height: 1;
    background-color: #FF0000;
    color: #FFFFFF;
    padding: 0.8rem 0.8rem;
    font-weight: 700;

}

.btn-gps-actions{
    width: 100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 26px;
}

.btn-gps-actions > span{
    border-radius: 4px;
    font-size: 1.5rem;
    padding: 0.6rem;
    background-color: #FF0000;
    color: #FFFFFF;
}

hr {
    display: none;
}
.fichajes-list-fila ng-star-inserted, span {
    font-weight: 600;
}
div.fichaje-btn:nth-child(2) {
    background: #FF9800;
}
div.fichaje-btn:nth-child(3) {
    background: #f00f00;
}

@media (min-width: 1024px) {
    .btn-gps-actions{
        justify-content: space-around;
    }
    .container-fichaje-btns {
        display: flex;
        width: 80%;
        justify-content: space-evenly;
        font-size: 1.6rem;
        font-weight: 700;
        margin: 0 auto;
    }
    .fichaje-btn.fichaje-btn-entrada {
        /* width: 36%; */
        width: 15%;
        border-radius: 10px;
        box-shadow: 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    }
    .fichaje-btn {
        border-radius: 4px;
        width: 15%;
        cursor: pointer;
        border-radius: 10px;
        box-shadow: 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    }
}

.container-fichaje.es-ios{
    padding-bottom:100px;
}

@media (min-width: 768px){
    .container-fichaje.es-ios{ 
        padding-bottom: 190px;
    }
}
input {
    border: 1px solid #e8e8e9!important;
}
/* Smartphones (portrait & landscape) */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .fondo-login-pie {
        background-size: contain;
    }
}
/* Smartphones (landscape) */
@media only screen 
and (min-width : 321px) {
    .fondo-login-pie {
        background-size: contain;
    }
   
}