/* VERSION DEMO: hotel.css*/
.joyclinic4 .nav-room{
    color: white;
}

.joyclinic4 .nav-room{
    background: #5f7088;
}

.joyclinic4 .room-head{
    background: #44546a;
}

.joyclinic4 .btn-radio-enabled{
    background-color: rgba(191, 63, 63, 1);
}

.joyclinic4 .dashboard {
    background: linear-gradient(to right, #5a1414, #c14848);
}

.joyclinic4 .show_nav 
{
    background: rgb(68, 84, 106) !important;
    height: 95vh;
}

.touch .show_nav{
    height: 100vh;
}

.joyclinic4 .btn-radio-disabled{
    background-color: rgba(136, 27, 27, 1);
}

.joyclinic4 .btn-radio-enabled:hover{
    color: rgba(136, 27, 27, 0.68) !important;
}

.joyclinic4 .btn-radio-disabled:hover{
    color: rgba(136, 27, 27, 0.68) !important;
}

.joyclinic4 tr:nth-child(even) {
    background-color: black;
    color: white;
}

.joyclinic4 td {
    background: #2e2e3a;
}

.joyclinic4 th {
    background: rgb(174, 50, 50) !important;
}

.joyclinic4 .descriptionPackage .namePackage{
    background: linear-gradient(141deg, #347f33 0%, #30a231 51%, #17852f 75%);º
}

.joyclinic4 .history md-tabs-wrapper
{
    background: rgb(174, 50, 50) !important;
    border-radius: 7px 7px 0 0;
}

.joyclinic4 {
    background: #e1e1e1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    z-index: 1;
}

.joyclinic4 .pantallaCarga h2{
    color: white !important;
}

.joyclinic4 .prevCategory figcaption {
    display: flex;
    background: white;
    height: 15%;
    font-size: 2em;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.joyclinic4 .prevCategory img {
    height: 80%;
}

.joyclinic4 .prevCategory {
    width: 15.5%;
    height: 100%;
    margin-left: 1em;
}

.joyclinic4 .nextCategory figcaption {
    display: flex;
    background: white;
    height: 15%;
    font-size: 2em;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.joyclinic4 .nextCategory img {
    height: 80%;
}

.joyclinic4 .nextCategory {
    width: 15.5%;
    height: 100%;
    margin-right: 1em;
}

.joyclinic4 .items-slider {
    flex-direction: row;
}

.joyclinic4 .langMenu li:focus figcaption {
    color: white;
}

.joyclinic4 .home{

    height: 100vh;
    padding: 0em 3em;
}

.joyclinic4 .footer-flex{
    height: 5vh;
    font-size: 1.5em;
}

.joyclinic4 .home-base{

    height: 90vh;
}

.touch .home-base{
    height: 95vh;
}

.joyclinic4 .roomservice{
    height: 90vh;
}

.touch .roomservice{
    height: 95vh;
}

.joyclinic4 .contenido-flex{
    height: 90vh;
}

.touch .contenido-flex{
    height: 95vh;
}

.joyclinic4 .answers-body{
    height: 90vh;
}

.touch .answers-body{
    height: 95vh;
}

.joyclinic4 .wifi{
    height: 90vh;

}

.touch .wifi{
    height: 95vh;
}

.joyclinic4 .player{
    height: 90vh;
}

.touch .player{
    height: 95vh;
}

.joyclinic4 .miscontenidos{
    height: 90vh;
}

.touch .miscontenidos{
    height: 95vh;
}

.joyclinic4 .surveys{
    height: 90vh;
}

.touch .surveys{
    height: 95vh;
}

.joyclinic4 .items-slider p{
    color: white;
}

.welcome-right-end {
display: none;
}

.joyclinic4 .items-slider article{	
    display: inline-flex;
    width: 100%;
    height: 100%;
    /*justify-content: center;*/
    align-items: center;
    flex-direction: column;
}

.joyclinic4 footer {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #44546a !important;
}

.joyclinic4 .items {
    background: #44546a;
}

.joyclinic4 .items-fixed{
    height: 50%;
}

.joyclinic4 .items-slider{
    height: 50%;
}

.joyclinic4 .items-slider ul{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.joyclinic4 .items-fixed li{
    border-radius: 0 !important;
}

.joyclinic4 .items-fixed li:focus figure figcaption{
    background: #216b8e;
    font-weight: bold;
    color: white;
    border-bottom-left-radius: .2em;
    border-bottom-right-radius: .2em;
}

.joyclinic4 .items-fixed li:focus figure img{
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
}

.joyclinic4 .items-fixed li figure{
    border-radius: .5em;
    border: 3px solid white !important;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
}

.joyclinic4 .items-fixed li:focus figure{
    border: 3px solid #46b3f8 !important;
}

.joyclinic4 .items-fixed li figure figcaption{
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2vw;
    height: 3em;
    text-align: center;
    width: 100%;
    flex-wrap: wrap;
}

.joyclinic4 .items-slider li {
    height: 90%;
    width: 33.33%;
    border-radius: 0 !important;
}

.joyclinic4 .items-slider li figure figcaption{
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2vw;
    height: 25%;
    text-align: center;
    width: 100%;
    flex-wrap: wrap;
}

.joyclinic4 .items-slider li:focus{
    transform: none !important;
    animation: none !important;
}

.joyclinic4 .items-slider li:focus figure figcaption{
    background: #216b8e;
    font-weight: bold;
    color: white;
    border-bottom-left-radius: .4em;
    border-bottom-right-radius: .4em;
}

.joyclinic4 .items-slider li:focus figure img{
    border-top-left-radius: .6em;
    border-top-right-radius: .6em;
}

@keyframes blinkImgItemsSlider { 
    50% {
        transform: scale(1); 
    } 
}

.joyclinic4 .items-slider li:focus figure{
    border: 4px solid #46b3f8;
    transform: scale(0.97);
    animation: blinkImgItemsSlider .5s step-end infinite alternate;
}

.joyclinic4 .items-slider li figure{
    width: 95%;
    height: 100%;
    margin: 0 !important;
    border: 4px solid white;
    border-radius: 1em;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

.joyclinic4 .items-slider li img{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75%;
    width: 100%;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
}

.joyclinic4 .items-slider li figure figcaption{
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4vw;
    height: 25%;
    text-align: center;
    width: 100%;
    border-bottom-left-radius: .3em;
    border-bottom-right-radius: .3em;
}

.joyclinic4 .items-slider li figure span{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3%;
    width: 100%;
}

.joyclinic4 .items-info {
    background: #44546a;
}

.joyclinic4 .itemNormal figure{
    border-radius: 1em;
}

.joyclinic4 .itemNormal:focus figcaption {
    background: #216b8e !important;
    color: white;
    font-weight: bold;
}

.joyclinic4 .itemNormal:focus figcaption .group-text {
    color: white !important;
    font-weight: bold;
}

.joyclinic4 .itemNormal:focus figcaption .group-plus span {
    color: white !important;
    font-weight: bold;
}

.joyclinic4 .itemNormal figcaption{
    background: white !important;
}

.joyclinic4 .itemNormal:focus figure {
    border: 5px solid #46b3f8;
}

.joyclinic4 md-progress-circular path {
    stroke: white !important;
}

.joyclinic4 .init_title {
    color: white !important;
}
.joyclinic4 .listChannel{
    background: rgba(255,255,255,0);
}

.joyclinic4 .media-title{
    background-color: white;
}

.joyclinic4 .miscontenidos *{
    color: white;
}

.joyclinic4 .miscontenidos h2{
    color: #44546a;
}

.joyclinic4 .contenidos-head{
    background: #216b8e;
}

.joyclinic4 .news-header{
    width: 100% !important;
}

.joyclinic4 .welcome p{
    color: white;
}

@keyframes blinkHotel { 
    50% {
        border: 5px solid white; 
    } 
}

.joyclinic4 .mainMenu ul {
    top: 33%;
    padding: 5em 30%;
    padding-right: 40%;
}

.joyclinic4 .mainMenu li {
    margin: 0 2em;
}

.joyclinic4 .mainMenu li:focus img {
    animation: blinkImg .5s step-end infinite alternate;
}

.joyclinic4 .mainMenu img {
    width: 400px;
    height: 200px;
    border-radius: 15px;
    box-shadow: 8px 8px 15px #191919;
}

.joyclinic4 .mainMenu li:focus {
    transform: scale(1.5);
    margin: 0 8em;
}

.joyclinic4 button > span {
    color: white !important;
}

.joyclinic4 .modal-exito button > span {
    color: black !important;
}

.joyclinic4 md-dialog .layout-row span {
    color: black !important;
}

.joyclinic4 h1, .joyclinic4 h2, .joyclinic4 p, .joyclinic4 a, .joyclinic4 span, .joyclinic4 figcaption, .joyclinic4 table {
    color: white;
    font-weight: bold;
}

.joyclinic4 figcaption{
    color: #44546a;
}

.joyclinic4 footer span{
    color: #44546a;
}

.joyclinic4 header span{
    margin: 0 !important;
}

.joyclinic4 .alerta-actions figcaption{
    color: white;
}

.joyclinic4 .descripcion h2{
    color: #44546a;
    background: white;
}

.joyclinic4 .low {
    color: white !important;
}

.joyclinic4 .high {
    color: gray !important;
}

.joyclinic4 .itemCircle:focus
{
    border: 2px solid #ffffff;
}

.joyclinic4 .barra-izq .md-button{
   display:inline-block;
    position: absolute;
    background: rgba(76,25,25,1);
    height: 96.2vh;
    z-index: 1001;
    min-width: 43px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
    font-weight: bold;
    margin: 0;
    padding: 0;
    border-radius: 0%;
}

.joyclinic4 .barra-izq .md-button:hover{
    background: rgba(136, 27, 27, 0.8);
}

.joyclinic4 .menu-izq{
    position: absolute;
    top: 0;
    height: 96.2vh;
    width: 260px;
    background: rgba(136, 27, 27, 0.8);
    z-index: 1000;
    color: white;
    text-align: center;
    left: -260px;
}

.joyclinic4 .menu-izq li:hover{
   border-bottom: 2px solid white;
}

.joyclinic4 .menu-izq li:focus{
   border-bottom: 2px solid white;
}

.joyclinic4 .hidde-nav{
    color: white !important;
}

.joyclinic4 .emisoras2 li:focus p{
    color:white;
}

.joyclinic4 .categoryTitle {
    background: #3a536b;
    display: flex !important;
    align-items: center !important;
    position: relative;
    font-size: 2.5em;
    display: flex;
    width: 100%;
    height: 15%;
    justify-content: center;
    align-items: flex-end;
    right: 0;
}

.joyclinic4 .categoryTitle span img{
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45%;
    height: 70%;
}

.joyclinic4 .categoryTitle span{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 10%;
    height: 100%;
}

.joyclinic4 .categoryTitle .title-big{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 80%;
    height: 100%;
}

.joyclinic4 .categorias li:focus .image-categoria{
    animation: blinkRadioHotel2 .5s step-end infinite alternate;
}

.joyclinic4 .categorias li:focus .image-categoria2{
    animation: blinkRadioHotel2 .5s step-end infinite alternate;
}

.joyclinic4 .categoria1 figcaption{
    color: white;
}

.joyclinic4 .categoria2 figcaption{
    color: white;
}

.joyclinic4 .title-emisora{
    color: #44546a;
}

.joyclinic4 .emisoras2 li{
    background-color: white;
}

.joyclinic4 .emisoras2 li:focus{
    outline: 0;
    background-color: #0096dd;
    color: white;
}

.joyclinic4 .radio-search span{
    color: white !important;
}

.joyclinic4 .radio-search-online span{
    color: white !important;
}

.joyclinic4 .nombreCuenta{
    color: white;
}

.joyclinic4 .nombrePaquete{
    color: white;
}

.joyclinic4 .itemPackage:focus .packageTime
{
    background: #cf2c2c;
}

.joyclinic4 md-dialog-content p{
    color: black !important;
}

.joyclinic4 .answers-multi ~ span{
    color: white;
}

.joyclinic4 .storePackages li a figure figcaption span{
    font-size: 1.5vw; !important;
}

.joyclinic4 .subarticle {
    display: block !important;
    background: #738490;
    height: 80% !important;
    width: 100%;
    overflow-x: initial !important;
    white-space: initial !important;
    overflow-y: auto;
}

.joyclinic4 .subarticle li:focus figure{
    animation: none !important;
}

.joyclinic4 .subarticle li{
    width: 19% !important;
    height: 49.5%;
}

.joyclinic4 .subarticle li figure{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 91%;
    height: 91%;
    border: 3px solid white;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

.joyclinic4 .subarticle li figure img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70%; 
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
}

.joyclinic4 .subarticle li figure figcaption{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30%;
    font-size: 1.1vw;
    line-height: 2vh;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
}

.joyclinic4 .subCategory {
    background: #86b1d2;
    height: 100%;
    width: 70vw;
}

.joyclinic4 .surveys li{
    background-color: white;
    opacity: 0.9;
}

.joyclinic4 .surveys li:focus{
    color: white;
    background: #0096dd;
}

.joyclinic4 .surveys li:focus p{
    color: white;
}

.joyclinic4 .survey-header{
    background-color: #3a546b;
}

.joyclinic4 .answers-head{
    background-color: #3a546b;
}

.joyclinic4 .answers-normal li{
    background: white;
}

.joyclinic4 .title-answer, .joyclinic4 .title-multi, .joyclinic4 .title-survey{
    color: #44546a;
}

.joyclinic4 .answer-description span{
    color: #44546a;
}

.joyclinic4 .answers li{
    background-color: white;
    opacity: 0.9;
}

.joyclinic4 .answers li:focus{
    background: #0096dd;;
}

.joyclinic4 .answers li:focus p{
    color: white;
}

.joyclinic4 .answers >p{
    background: #0590b5;
    color: white;
    border-radius: 0;
}

.touch .joyclinic4 .answers >p{
    width: 96vw;
}

.joyclinic4 .answer-description{
    background: white;
}

.joyclinic4 .modal-header{
    color: white;
}

.joyclinic4 .wifi-apps{
    height: 100%;
}

.joyclinic4 .wifi-p{
    margin-top: 0 !important;
    color: white;
}

.joyclinic4 .wifi-apps .apps-header{
    background: #3a546b;
}

.joyclinic4 .new-password{
    color: white;
    background: #216b8e;
}

.joyclinic4 .dashboard span{
 color: white !important;
}

.joyclinic4 .title-genero{
    color: white;
}

.touch .home{
    padding: 0em 1em;
}

.touch .dashboard {
    background: #216b8e;
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: 0;
    justify-content: space-between;
    position: fixed;
    top: 0;
    text-align: center;
    width: 5vw;
    z-index: 1;
}

/*.touch .dashboard ul {
    margin: .5em 0;
}*/

.touch .radio-header{
    margin-right: 30px;
}

.touch .footer-radio{
    display: none;
}

.touch .footer-flex{
    display: none;
}

.touch .footer{
    display: none;
}

.touch .dashboard span {
    cursor: pointer;
}

.touch .webcentral {
    margin-left: 5vw !important;
}

.touch .webcentral-radio{
    margin-left: 3vw !important;
}

.touch .weather-widget{
    margin-right: 10px;
}

.touch .answers-responses{
    left: 5%;
}

.touch .footer-flex{
    width: 95%;
}

.joyclinic4 .info-installation{
    margin-top: 1%;
}

.touch .info-installation{
    margin-top: 1.5%;
}

.info-installation img{
    border: 2px solid white;
}

.joyclinic4 .secciones{
    /*height: 82%;*/
}

.joyclinic4 .secciones span{
    height: 9.5%;
}

.touch .secciones{
    /*height: 81%;*/
}

.touch .group span{
    height: 10%;
}

/**
NUEVAS CLASES SKIN HOTEL TRAMADO
*/

.joyclinic4 .home_row_down ul{
    overflow: auto;
    width: 98.6%;
}

.joyclinic4 .home li img{
    width: 15.50em;
}

.home_row_up li:focus {
    border: 5px solid black !important;
}

.home_row_down li:focus {
    border: 5px solid black !important;
}

.joyclinic4 .home_row_up li:focus {
    border: 2px solid black !important;
}

.joyclinic4 .home_row_down li:focus {
    border: 2px solid black !important;
}

.joyclinic4 .home_row_up li:focus img {
    animation: blinkImg .5s step-end infinite alternate;
}

.joyclinic4 .home_row_down li:focus img {
    animation: blinkImg .5s step-end infinite alternate;
}

.joyclinic4 .newsNoticias article figcaption{
    color: white;
}

.joyclinic4 .call-header{
    background: #216b8e;
    color: white !important;
}

/*.joyclinic4 .newsNoticias article:focus figure{
    animation: blinkNewsHotel .5s step-end infinite alternate;
}*/

/**
ARREGLO PAYPAL
*/

.joyclinic4 .buttons-paypal{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.joyclinic4 paypal-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 100% !important;
}

.joyclinic4 paypal-button div {
    font-size: 0;
    display: flex;
    align-items: center;
    width: 80% !important;
    height: 100% !important;
    justify-content: center;
}

.joyclinic4 paypal-button div iframe{
    font-size: 0;
    display: flex;
    align-items: center;
    width: 100% !important;
    height: 100% !important;
    justify-content: center;
}

/*Resolucion para 1280x720*/
@media screen and (min-width: 1200px) {
    .joyclinic4 .mainMenu ul{
        top: 30% !important;
    }

    .joyclinic4 .volume{
        font-size: 1.4em;
    }
}

@media screen and (min-width: 1355px) {
    .joyclinic4 .home li img{
        width: 17em;
    }	

    .joyclinic4 .home .home_row_down ul{
        width: 100%;
    }

    .joyclinic4 .mainMenu ul{
        top: 30% !important;
    }

    .touch .home li img{
        width: 16.55em;
    }
}

@media screen and (min-width: 1367px) {

}

@media screen and (min-width: 1595px) {
    .joyclinic4 .home .home_row_down ul{
        width: 100%;
    }
}

@media screen and (min-width: 1601px) {
}