@import url('https://fonts.googleapis.com/css?family=Palanquin:400,700');
/***FONT FACE***/
@font-face {
    font-family: 'Ciudadela Pro';
    src: url('css/fonts/CiudadelaPro.eot.xhtml');
    src: url('css/fonts/CiudadelaPro.eot?#iefix.xhtml') format('embedded-opentype'),
        url('css/fonts/CiudadelaPro.woff2.xhtml') format('woff2'),
        url('css/fonts/CiudadelaPro.woff.xhtml') format('woff'),
        url('css/fonts/CiudadelaPro.ttf.xhtml') format('truetype'),
        url('css/fonts/CiudadelaPro.svg#CiudadelaPro.xhtml') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ciudadela Pro';
    src: url('css/fonts/CiudadelaPro-Bold.eot.xhtml');
    src: url('css/fonts/CiudadelaPro-Bold.eot?#iefix.xhtml') format('embedded-opentype'),
        url('css/fonts/CiudadelaPro-Bold.woff2.xhtml') format('woff2'),
        url('css/fonts/CiudadelaPro-Bold.woff.xhtml') format('woff'),
        url('css/fonts/CiudadelaPro-Bold.ttf.xhtml') format('truetype'),
        url('css/fonts/CiudadelaPro-Bold.svg#CiudadelaPro-Bold.xhtml') format('svg');
    font-weight: bold;
    font-style: normal;
}
/***FONT FACE***/
body{
    background: #ffffff;
    margin: 0;
    font-size: 14px;
    background-attachment: fixed;
    font-family: 'Palanquin', sans-serif;
    font-weight: 500;
}
.content-height{
    min-height: 100vh;
    padding-bottom: 56px;
    margin-bottom: -56px;
}
header{
    background: #ce133b;
    padding: 20px 20px 0;
    color: #fff;
}
.wrapper{
    max-width: 1360px;
    margin: auto;
}
.logo-libre, .logo-im  {
    margin-right: 2em;
}
.logo-im  {
    height: 45px;
}
header .btn-link{
    color: #fff;
}
header .btn-link:hover,header .btn-link:focus,header .btn-link:active,header .btn-link:active:hover,header .btn-link:active:focus{
    color: #fff;
    text-decoration: none !important;
}
.logo-libre {
    max-width: 9em;
}

footer{
    padding: 20px;
    border-top: 1px solid #ccc;
    background: #ce133b;
    color: #fff;
}
footer .datosPie {
    margin-top: 20px;
}
footer .datosPie h1 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}
footer .datosPie p {
    margin-bottom: 0;
}
footer .datosPie a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
footer .datosPie a:hover {
    text-decoration: underline;
}
footer .datosPie button{
    color: #fff;
    border: 1px solid #fff;
    background: #ce133b;
    border-radius: 5px;
    margin-top: 10px;
}
footer .datosPie button:hover{
    background: #fff;
    color: #ce133b;
}
footer .version {
    text-align: right;
    margin-top: 40px;
}
.banner{
    background: #ce133b url("./../img/cabezal.png") no-repeat center;
    background-size: cover;
    padding: 40px 20px;
    min-height: 170px;
}
.banner h2{
    font-size: 70px;
    color: #fff;
    font-family: 'Ciudadela Pro', sans-serif;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 5px #000000bf;
    margin: 0 0 20px;
    line-height: normal;
}
.ui-widget {
    font-family: 'Palanquin', sans-serif;
    font-weight: 500;
    font-size: 1em;
}
.body-login{

}
.body-login h1{

}
h1, h2, h3{
    text-shadow: none;
    font-family: 'Ciudadela Pro', sans-serif;
}
td, th {
    vertical-align: top;
}
a{
    color: #ce133b;
    text-decoration: underline;
}
a:hover, a:focus{
    text-decoration: none;
    color:#af1133;
}
.ui-widget-content {
    border: none;
    color: #333;
}
.ui-widget-header {
    background: none;
    border: none;
    font-weight: 500;
}
.ui-panel .ui-panel-title {
    color:#333333;
    font-size: 20px;
}
img {
    max-width: 100%;
}
.ui-panel .filtro-busqueda .ui-panel-title {
    color:#333;
    font-size: 16px;
}
.ui-widget-content button.ui-state-default {
    /*background: #ce133b;
    color: #303030;
    text-shadow: none;
    border: none;
    border-radius: 0;
    padding: 3px 5px;
    font-weight: 100;*/
}
.ui-widget-content button.ui-state-default:hover{
    /*background:#af1133;*/
}
.ui-panel {
    margin: 0 0 20px 0;
    border: none;
}
input {
    padding: 3px 8px;
}
.filtro-busqueda{
    background: #f1f1f1;
    border: 1px solid #dcdcdc !important;
}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: #fff;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #313131;
    padding: 5px 8px;
    border-radius: 0;
}

.ui-corner-all {
    /*background: #ce133b; paginadores*/
    padding: 5px 8px 3px 8px;
    border: none;
    text-shadow: none;
}
.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {
    box-shadow: none;
}
select.ui-widget.ui-state-default {
    background: #fff;
    height: 32px;
    padding: 5px 12px;
    box-shadow: none;
    border: 1px solid #ccc;
    text-shadow: none;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    text-shadow: none;
    font-weight: 500;
    color: #333;
}
.ui-state-hover{
    box-shadow: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background: #e4a2b1;
    text-shadow: none;
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background: none;
    border: none;
}
.tipo-espectaculo{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.tipo-espectaculo li{
    flex-grow: 1;
    text-align: center;
}
/*botones*/
.ui-widget-content a, .ui-widget-header a {
    color: #ce133b;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: 'Palanquin', sans-serif;
    font-weight: 500;
}
.ui-button-icon-only .ui-icon.glyphicon, .ui-widget-content .ui-treetable table .ui-button-icon-only .ui-icon.glyphicon {
    background: none;
    margin: 0;
    position: relative;
    text-indent: inherit;
    width: 15px;
    height: 15px;
    border-radius: 0;
    top: 1px;
    left: 0;
    text-shadow: none;
}
.btn, .ui-widget-content .btn {
    padding: 5px 12px;
    box-shadow: none;
    border: thin solid transparent;
    font-weight: 500;
    border-radius: 3px;
}
.btn-default, .ui-widget-content .btn-default {
    background: #fff;
    color: #ce133b;
    border: thin solid #ce133b;
}
button.btn-default {
    border: 1px solid #ce133b;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
    color: #ce133b;
    background-color: #eee;
    border: 1px solid #ce133b;
}
button.btn-default:hover {
    color: #ce133b;
    background-color: #eee;
    border: 1px solid #ce133b;
}
.btn-primary, .ui-widget-content .btn-primary {
    background: #ce133b !important;
    color: #fff;
    border: none;
}
.btn-link, .ui-widget-content .btn-link {
    color: #ce133b;
    text-decoration: underline !important;
    background: transparent;
    border-color: transparent;
}
.btn-icono, .ui-state-default.btn-icono, .ui-widget-content .btn-icono, .ui-widget-content .ui-button-text-icon-left.btn-icono {
    line-height: 13px;
    padding: 6px 9px;
    width: auto;
    margin: 0;
    color: #ce133b;
    border-color: transparent;
    background: none;
}
.btn-icono.ui-state-default .ui-button-text {
    display: none;
}
.btn-primary.disabled, .btn-primary.disabled, .btn-primary.disabled, .btn-primary[disabled], .btn-primary[disabled], .btn-primary[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary{
    background-color: #e4a2b1;
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #e4a2b1;
    box-shadow: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus {
    background: #af1133;
    border: none;
}
.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link:active:hover, .btn-link:active:focus {
    color: #ce133b;
    text-decoration: none !important;
}
.btn-icono:hover, .btn-icono:focus, .btn-icono:active, .btn-icono:active:hover, .btn-icono:active:focus, 
.ui-button-text-icon-left.btn-icono:hover, .ui-button-text-icon-left.btn-icono:focus, .ui-button-text-icon-left.btn-icono:active {
    color: #af1133;
    box-shadow: none;
}
.btn-danger{
    color: #fff;
}
.btn-icono.btn-danger, .btn.btn-icono.btn-danger, .btn-icono.btn-danger.ui-state-default {
    color: #d9534f;
    background: transparent;
}
.btn-icono.btn-ok, .btn.btn-icono.btn-ok, .btn-icono.btn-ok.ui-state-default {
    color: #00614f;
    background: transparent;
}
a.btn-default .glyphicon{
    margin-right: 6px
}
button + button:not(.btn-link) {
    margin-left: 10px;
}
.ui-button-text-icon-left .ui-icon {
    left: 12px;
    top: 14px;
}
.form-group .btn{
    max-width: 100%;
    margin-top: 15px;
}
.form-group .btn.btn-icono{
    margin-top: 0;
}
.ui-button-text-icon-left .ui-icon.glyphicon {
    background: none;
    text-indent: inherit;
    height: 20px;
    width: 20px;
    left: 12px;
    border-radius:0;
    /* display: block; */
    line-height: 20px;
    /* margin-top:  2px; */
}
.filtro-botones .ui-button-text-icon-left .ui-icon.glyphicon {
    top: 19px;
}
.ui-button-text-icon-left.btn-icono .ui-icon.glyphicon{
    position: relative;
    top: 1px;
    left: 0;
    margin: 0;
}
.ui-button .ui-button-text{
    line-height: 1.42857143;
    padding: 0;
    text-align: left;
}
.ui-button-text-icon-left, .ui-fileupload .ui-button-text-icon-left, .ui-fileupload-simple .ui-button-text-icon-left,
.ui-widget-content .ui-button-text-icon-left, .ui-widget-content .ui-fileupload .ui-button-text-icon-left, .ui-widget-content .ui-fileupload-simple .ui-button-text-icon-left{
    padding-left: 32px;
}
.ui-state-default .ui-icon{
    background-image: url("./../img/ui-icons_00614f_256x240.png");
    padding: 0;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{
    background-image: url("./../img/ui-icons_d2627a_256x240-hover.png");
}
.btn-tipo{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 45px;
    padding-top: 44px;
    opacity: .5;
}
.btn-tipo.activa{
    opacity: 1;
    font-weight: bold;
}
.tipo-carnaval{
    background-image: url("./../img/iconoCarnaval.png");
}
.tipo-cine-arte{
    background-image: url("./../img/iconoCineArte.png");
}
.tipo-cine-comercial{
    background-image: url("./../img/iconoCineComercial.png");
}
.tipo-danza{
    background-image: url("./../img/iconoDanza.png");
}
.tipo-evento{
    background-image: url("./../img/iconoEvento.png");
}
.tipo-museo{
    background-image: url("./../img/iconoMuseo.png");
}
.tipo-musica{
    background-image: url("./../img/iconoMusica.png");
}
.tipo-opera{
    background-image: url("./../img/iconoOpera.png");
}
.tipo-parque{
    background-image: url("./../img/iconoParque.svg");
}
.tipo-teatro{
    background-image: url("./../img/iconoTeatro.png");
}

/* MENU */
.ui-menu {
    background: transparent;
    border: none;
    width: 100%;
    padding: 0;
}
.ui-panelmenu {
    border-top: 1px solid #ccc;
}
.ui-menu .ui-menuitem, .ui-panelmenu .ui-menuitem {
    margin: 0;
}
.ui-menu .ui-menuitem-link, .ui-panelmenu .ui-menuitem-link{
    width: 100%;
    border: 0;
    padding: 12px 15px;
    color: #3f3f3f;
}
.ui-menu .ui-menuitem-link.ui-state-hover, .ui-panelmenu .ui-menuitem-link.ui-state-hover {
    background: #fafafa;
    box-shadow: none;
    border-radius: 0;
    color: #ce133b;
}
li.ui-menuitem.ui-menubar-options.ui-widget.ui-corner-all button {
    margin-left: 15px;
}
.ui-menuitem-icon.ui-icon.glyphicon {
    background: none;
    text-indent: inherit;
    height: auto;
    width: auto;
    top: 0;
    padding: 0;
    overflow: inherit;
    float: left;
    position: relative;
    left: 0;
    display: inline-block;
}
.toggled .ui-menuitem-icon.ui-icon.glyphicon{
    margin-left: 8px;
}
.ui-menu .ui-menuitem-text, .ui-panelmenu .ui-menuitem-text {
    margin-left: 12px;
    font-weight: 500;
}
.ui-menu .ui-menu-child .ui-menuitem-text {
    margin-left: 0px;
}
.ui-panelmenu .ui-panelmenu-header{
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ccc;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-hover, .ui-panelmenu .ui-panelmenu-header.ui-state-focus, .ui-panelmenu .ui-panelmenu-header.ui-state-active:hover{
    background: #fafafa;
}
.ui-panelmenu .ui-panelmenu-header a{
    text-shadow: none;
    color: #3f3f3f;
    padding: 12px 15px 12px 30px;
    line-height: 16px;
}
.ui-panelmenu .ui-panelmenu-content{
    background: #E4E6E9;
    border-bottom: 1px solid #ccc;
    padding: 0;
    margin-top: -1px;
}
.ui-menu .ui-menu-parent .ui-menu-child {
    width: auto;
    background: white;
    box-shadow: none;
    border-radius: 0;
}
.ui-menu .ui-menu-parent .ui-menu-child li a {
    margin: 0;
    padding: 1em 1em;
    width: 100%;
}

ul.datocupos {
    list-style: none;
    padding-left: 0;
}
ul.datocupos li:nth-child(odd) {
    background: none;
}
ul.datocupos span.glyphicon {
    padding-left: 5px;
}
.funciones span.glyphicon.glyphicon-time, .funciones span.glyphicon.glyphicon-map-marker, .funciones span.glyphicon.glyphicon-calendar {
    color: #ce153b;
}
.funciones td .glyphicon {
    margin-right: 5px;
}
.funcion-reservada span.glyphicon {
    color:#1217E4;
}
.funcion-agotada span.glyphicon.glyphicon-ban-circle{
    color:#dd000d;
}
.funcion-ultimocupo span.glyphicon.glyphicon-exclamation-sign{
    color: #ff6f00;
}
.funcion-pocoscupos span.glyphicon.glyphicon-exclamation-sign{
    color: #fde40b;
}
.funcion-disponible span.glyphicon.glyphicon-ok-sign{
    color: #4caf50;
}
.reserva-vencida {
    color:#999999;
}
.reserva-cancelada {
    color: #792c8c;
}
.reserva-reservada {
    color: #237d26;
}
.reserva-retirada {
    color: #80c41c;
}

.SkipLink {
    position: absolute;
    top: -40px;
    left: -10000px;
    width: 1px;
    height: 1px;
    padding: 1em 1.5em;
    overflow: hidden;
    transition: top .3s;
    color: #fff;
    background: #000;
}
.SkipLink:focus {
    color: #fff;
    top: 0;
    left: 0;
    z-index: 5;
    width: auto;
    height: auto;
}

/* SIDEBAR */
#sidebar {
    background: #fff;
    margin-top: 20px;
    margin: 20px -20px 0;
    min-height: 40px;
}
#sidebar .glyphicon-arrow-left {
    color: #af1133;
}
#content{
    padding: 20px 20px 0 20px;
}
#contenido:focus {
    outline: none;
}
.sidebar-header {
    text-align: center;
    padding: 40px 15px;
}
.sidebar-body{
}
.sidebar-footer {
    text-align: center;
    padding: 20px 15px 10px 15px;
}
.version {
    font-size: 0.8em;
}

/* contenido */
.panel-titulo-pagina {
    margin: 0 0 2em 0;
}
.panel-titulo-pagina:after{
    content: "";
    display: block;
    clear: both;
}
.page-header{
    display: inline-block;
    border-bottom: none;
    margin: 0;
    padding: 0;
    font-size: 25px;
    font-family: 'Ciudadela Pro', sans-serif;
}
#contenido .form-group legend {
    line-height: 15px;
}
.footer-page-code {
    text-align: right;
    margin-top: 60px;
    margin-bottom: 10px;
    font-size: 0.7em;
}
.panel-filtro{
    /*background: #f9f9f9;*/
    border: 1px solid #e1e1e1;
    padding: 25px;
    margin-bottom: 5px;
    border-radius: 5px;
    margin-top: 20px;
    align-items: center;
    display: flex;
    flex-wrap:  wrap;
    margin-bottom: 20px;
}
.filtro-nombre, .filtro-calendario{
    flex-grow: 1;
    padding: 0 50px;
}
.filtro-calendario{
    text-align: center;
}
.titulo-filtro{
    font-size: 1.2em;
}
.filtro-botones{
    margin-top: 25px;
}
.filtro-botones .btn{
    font-size: 1.2em;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 40px;
}
.filtro-nombre .form-control{
    padding: 10px;
    height: 45px;
}
.panel-filtro .btn{
    margin-top: 0px;
}
.panel-usuario{
    text-align: right;
    margin: 10px 0;
    color: #fff;
    font-weight: bold;
}
.usuario{
    /*border-right: 1px solid #fff;*/
    padding-right: 15px;
    line-height: 0.95em;
    vertical-align: middle;
    display: inline-block;
}
.panel-usuario button {
    color: white;
}
.panel-usuario .btn {
    border-color: #fff;
    border-width: 5px;
}
legend, .titulo-resultados{
    font-family: 'Ciudadela Pro', sans-serif;
    font-size: 16px;
    border: none;
    margin-bottom: 15px;
    font-weight: 700;
    display: block;
}
label{
    font-weight: 500;
}
.form-control, .ui-calendar input, select[size] {
    height: 32px;
    padding: 0;
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-bottom: .15em;
    padding-left:.6em;
}
table .form-control{
    display: inline-block;
}
.ui-calendar input {
    max-width: 120px;
}
.ui-calendar.texto-medio input {
    max-width: 150px;
}
.requeridos {
    font-size: .9em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
    text-align: right;
}
.grupo-campos legend{
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}
.texto-largo{
    max-width: 550px;
}
.texto-medio{
    max-width: 350px;
}
.texto-corto{
    max-width: 200px;
}
.texto-extra-corto{
    max-width: 75px;
}
.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 32px;
}
.form-horizontal .radio {
    padding-top: 6px;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{
    margin-left: 0;
}
.checkbox label, .radio label{
    font-weight: 500;
    padding: 0;
}
.radio label{
    margin: 0 16px 0 8px;
}
.checkbox label input{
    float: left;
    margin-right: 8px;
}
.radio .ui-helper-hidden-accessible, .ui-selectmanycheckbox .ui-helper-hidden-accessible, .checkbox .ui-helper-hidden-accessible,
.ui-radiobutton .ui-helper-hidden-accessible{
    clip: unset;
    width: auto;
    height: auto;
    overflow: inherit;
    position: inherit;
    margin: 0;
}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .ui-radiobutton input[type=radio]{
    position: inherit;
}
.radio .ui-radiobutton-box, .ui-selectmanycheckbox .ui-chkbox .ui-chkbox-box, .checkbox .ui-chkbox .ui-chkbox-box, .ui-radiobutton .ui-radiobutton-box{
    display: none;
}
.ui-selectmanycheckbox .ui-grid-row{
    padding-top: 6px;
    min-height: 32px;
}
.ui-selectoneradio.ui-grid-responsive .ui-grid-row>div, .ui-selectmanycheckbox.ui-grid-responsive .ui-grid-row>div {
    padding: 0;
    white-space: nowrap;
}
.ui-radiobutton{
    margin: 0;
}
.control-inline .form-control, .control-inline > *{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.control-inline .btn{
    margin-top: 0;
    vertical-align: middle;
}
.control-inline + .ui-datatable{
    margin-top: 10px;
}
.separador {
    border-bottom: 1px solid #e5e5e5;
}
.ui-fileupload-buttonbar{
    padding: 0;
}
.ui-fileupload-content{
    padding: 0;
    background: transparent;
}
.ui-fileupload-files{
    margin: 0;
}
.ui-fileupload-buttonbar .ui-button{
    background: #fff;
    color: #ce133b;
    border: thin solid #ce133b;
    padding: 5px 12px 5px 29px;
    box-shadow: none;
    font-weight: 500;
}
.ui-fileupload-buttonbar .ui-button.ui-state-hover, .ui-fileupload-buttonbar .ui-button.ui-state-focus, .ui-fileupload-buttonbar .ui-button.ui-state-active{
    color: #af1133;
    border: thin solid #af1133;
}
.ui-fileupload-buttonbar .ui-button-text-icon-left .ui-icon {
    left: 9px;
}

/* MENSAJES */
.ui-growl-error, .ui-growl-fatal, .ui-messages .ui-messages-error, .ui-message.ui-message-error, .ui-messages .ui-messages-fatal, .ui-message.ui-message-fatal{
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    margin-bottom: 15px;
    padding: 10px 15px;
}
.ui-growl-warn, .ui-messages .ui-messages-warn, .ui-message.ui-message-warn{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    margin-bottom: 15px;
    padding: 10px 15px;
}
.ui-growl-info, .ui-messages .ui-messages-info, .ui-message.ui-message-info{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    margin-bottom: 15px;
    padding: 10px 15px;
}
.ui-messages-error-icon, .ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-fatal-icon{
    display: none;
}
.ui-messages ul{
    /*list-style-type: decimal;*/
}
.ui-messages ul li{
    margin: 5px 0;
}
.ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail, .ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail{
    margin: 0;
}
.msj-danger{
    color: #a94442;
    margin-top: 5px;
    font-size: 0.9em;
    display: block;
}
.mensaje-usuario {
    width: 600px;
    max-width: 98%;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    padding: 10px 15px 15px;
    margin-top: 20px;
}

fieldset {
    margin-bottom: 15px;
}
fieldset fieldset{
    border: 1px solid #ccc;
    padding: 15px;
}
fieldset.grupo-campos fieldset legend{
    border-bottom: none;
    padding: 0 5px;
    width: auto;
}
.form-control-static {
    min-height: 32px;
    padding: 0.25em 0;
    display: block;
}

/* TABLAS */
.ui-datatable table, .ui-widget-content .ui-datatable table{
    table-layout: auto;
    margin-bottom: 10px;
}
.ui-datatable thead th, .ui-widget-content .ui-datatable thead th{
    background: #f0f1f4;
    border-color: #ccc;
    padding: 11px 10px;
    box-shadow: none;
    text-align: left;
    border-right: 0;
    border-left: 0;
}
.ui-datatable tbody td, .ui-widget-content .ui-datatable tbody td{
    border-color: #ccc;
    padding: 5px 10px;
    vertical-align: middle;
    border-right: 0;
    border-left: 0;
}
.columnaAcciones, .ui-datatable tbody td.columnaAcciones{
    width: 50px;
    padding: 4px 5px;
    text-align: center;
}
.ui-datatable-odd {
    background: #fafafa;
}
tr:hover{
    background: #fbf1f1;
}
a.ui-paginator-prev.ui-state-default.ui-corner-all.ui-state-disabled, a.ui-paginator-first.ui-state-default.ui-corner-all.ui-state-disabled, a.ui-paginator-next.ui-state-default.ui-corner-all.ui-state-disabled, a.ui-paginator-last.ui-state-default.ui-corner-all.ui-state-disabled {
    border: none;
    background: none;
}
a.ui-paginator-page.ui-state-default.ui-state-active.ui-corner-all {
    background: none;
    border: none;
    color: #333;
}
.ui-paginator select.ui-paginator-rpp-options{
    padding: 3px 5px;
    border-radius: 3px;
}
.ui-paginator a.ui-state-default{
    background: none;
    border-color: transparent;
    box-shadow: none;
    text-shadow: none;
    padding: 5px 7px;
}
.ui-paginator a.ui-state-hover{
    border-color: #af1133;
}
.ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon, .ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon{
    height: 18px;
    line-height: 18px;
}

/* TABS */
.tab-content{
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px 15px;
    border-top: none;
}
.nav-tabs>li>a{
    text-decoration: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    text-decoration: none;
}

/* POPUPS */
.modal-backdrop{
    z-index: 1000;
}
.modal{
    z-index: 1001;
}
.modal-content{
    background-color: #fafafa;
}
.modal-header{
    border-bottom: 1px solid #ccc;
}
.modal-title {
    font-size: 16px;
    font-weight: 700;
}
.modal-header .close {
    margin-top: 3px;
}
.modal-body{
    padding: 25px 15px;
    background: #fff;
}
.modal-footer{
    border-top: 1px solid #ccc;
}
.close{
    color: #ce133b;
    filter: alpha(opacity=100);
    opacity: 1;
}
.close:focus, .close:hover, .close:active{
    color: #af1133;
    filter: alpha(opacity=100);
    opacity: 1;
}

.ui-datalist .ui-datalist-header, .ui-datalist .ui-datalist-footer,
.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer{
    text-align: left;
    padding: 0;
}
.ui-datalist .ui-datalist-nobullets{
    padding: 0;
}
.ui-datalist-data li:nth-child(odd) {
    background: #f9f9f9;
}
.ui-datalist-data li:nth-child(odd) .ui-panel, .ui-datalist-data li:nth-child(odd) .ui-panel-content{
    background: #f9f9f9;
}
.ui-datalist .ui-datalist-nobullets li.ui-datalist-item {
    padding: 25px;
}

.notificaciones {
    margin-top: 45px;
}

.notificaciones .ui-datalist-content{
    background: none;
    padding: 0;
}
.notificaciones ul{
    list-style: none;
    padding: 0;
}
.notificaciones .ui-datalist-data li h3{
    font-size: 17px;
    margin-bottom: 6px;
    margin-top: 6px;
}
.fecha-notificacion{
    font-size: 12px;
}
h2.titulo-comunicaciones{
    font-size: 1.7em;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}

/* DIALOG */
.confirm-modal-callback .modal-dialog {
    top: 40%;
}
.ui-dialog{
    padding: 0;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);

    width: 80%;
    max-width: 768px;
    max-height: 80%;
    overflow: auto;
}
.ui-dialog .ui-dialog-titlebar{
    background: #fafafa;
    border-bottom: 1px solid #ccc;
    padding: 15px;
}
.ui-dialog .ui-dialog-title{
    font-size: 16px;
    margin: 0;
}
.ui-dialog .ui-dialog-titlebar-close span{
    background-image: url("./../img/ui-icons_ffffff_256x240.png");
    width: 13px;
    height: 13px;
    background-position: -98px -130px;
}
.ui-dialog .ui-dialog-titlebar-close{
    background: #ce133b;
    border-radius: 50%;
    padding: 2px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-close:active{
    background: #af1133;
    padding: 2px;
    border: none;
    box-shadow: none;
}
.ui-dialog .ui-dialog-content{
    padding: 0;
}
.dialog-body{
    padding: 25px 15px;
}
.ui-dialog .modal-footer{
    background: #fafafa;
}
.dialog-body h3{
    margin-top: 0;
    margin-bottom: 15px;
}

.ui-datepicker{
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);
    box-shadow: none;
    padding: 5px;
    margin: auto;
}
.ui-datepicker table{
    margin-bottom: 5px;
}
.ui-datepicker .ui-datepicker-header, .ui-timepicker-div .ui-widget-header{
    background: #ce153b;
}
.ui-timepicker-div .ui-widget-header{
    padding: 4px 8px 2px 8px;
    border-radius: 0;
}
.ui-widget-header .ui-icon {
    background-image: url(/UY_IMMO-TARJLIBRE-FRONTEND-web/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-aristo);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{
    background-image: url(/UY_IMMO-TARJLIBRE-FRONTEND-web/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-aristo);
    opacity: .75;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-top: -5px;
}
select.ui-datepicker-month, select.ui-datepicker-year {
    background-color: transparent;
    border: none;
    color: #fff;
    font-weight: bold;
}
select.ui-datepicker-month option, select.ui-datepicker-year option {
    color: #333;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: auto;
    margin-left: 5px;
}
.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default{
    background-color: #ce153b;
}

.ui-datepicker .ui-datepicker-calendar tr:hover{
    background: none;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default{
    text-shadow: none;
    box-shadow: none;
    color: #ce133b;
    text-align: center;
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover{
    color: #fff;
    background: #ce133b;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default{
    font-weight: bold;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{
    top:2px;
    box-shadow: none;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{
    border-bottom-color: #ccc;
    height: 30px;
    padding-top: 6px;
}
.ui-timepicker-div select.ui-timepicker-select{
    background: #fff;
    border: 1px solid #ccc;
    font-weight: 500;
}
.ui-timepicker-div select.ui-timepicker-select:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.ui-timepicker-div dl{
    margin-bottom: 0;
}
.ui-timepicker-div dl dt{
    padding-top: 6px;
}

.descripcion-espectaculo{
    margin-top: 20px;
}

/* ------------   CONSULTA DE ESPECTÃ?CULOS ------------ */
.form-horizontal .control-label{
    font-family: 'Ciudadela Pro', sans-serif;
    /*padding: .15em;*/
    padding-top: 3px;
}
.consulta-locales .control-label{
    font-weight: bold;
}
.ui-datalist-data li h3{
    font-size: 19px;
    font-weight: bold;
    font-family: 'Ciudadela Pro', sans-serif;
    margin-bottom: 1em;
    margin-top: 0;
}
.panel-filtro .form-group .ui-calendar input{
    background-color: #fff;
}
.datos-espectaculo span.tipo-label{
    font-weight: bold;
}
.datos-espectaculo span.dato{
    margin: 0 .5em;
}
.ui-state-default .ui-icon {
    background-image: url(./../img/ui-icons_ce133b_256x240.png);
}
.datos-espectaculo{
    margin-top: 3em;
}
.datos-espectaculo > div {
    display: inline;
}
.funciones .ui-panel-titlebar {
    position: absolute;
    right: 15px;
    top: -2em;
    padding: 0;
}
.funciones a.ui-panel-titlebar-icon {
    display: none;
}
.funciones.ui-panel .ui-panel-content {
    background: #fff;
    margin-bottom: 1em;
}
.funciones a.ui-panel-titlebar-icon.ui-state-hover .ui-icon{
    background-image: url(./../img/ui-icons_ce133b_256x240.png);
    box-shadow: none;
}
.funciones a.ui-panel-titlebar-icon.ui-state-hover, .funciones .ui-panel .ui-panel-titlebar-icon:hover, .ui-panel .ui-panel-titlebar-icon:focus{
    box-shadow: none;
}
.funciones.ui-hidden-container {
    padding: 20px 0 0;
}
.funciones .ui-datatable-tablewrapper {
    overflow: hidden;
}
#dlgSeleccionarBeneficio .ui-datatable-tablewrapper {
    overflow: inherit;
}
.tabla-resultados > .ui-paginator{
    margin-top: 3em;
}
.datos-espectaculo > div.trailer{
    margin-top: 20px;
    display: block;
}
.video{
    max-width: 100%;
}

/* ------------   MIS RESERVAS  ------------ */
#contenido .form-group .col-sm-9 span.col-sm-3.col-lg-3 {
    width: 100%;
    margin-left: 1em;
}

/* ------------   RESERVA CONFIRMADA   ------------ */
div#dlgReservaConfirmada {
    left: 25% !important;
}
#dlgReservaConfirmada #frmReservaConfirmada span.col-sm-4.control-label {
    PADDING-LEFT: 2.1em;
    text-align: left;
    width: 11em;
    line-height: 25px;
}

/* ------------   LOGIN  ------------ */
.acceder{
    background-color: #f9f9f9;
    padding: 1em 0;
    margin: 2em auto;
}
.acceder div {
    background-color: transparent;
    text-align: center;
}
.acceder #pnlLogin {
    border-right: 1px solid #ccc;
    border-radius: 0px;
}
.acceder #pnlRegistro a {
    text-decoration: none;
    margin-top: 2.5em;
}
.margen-sup-5 {
    margin-top: 5px;
}








/* ------------------------ RESPONSIVE ------------------------------------------------- */
@media (min-width: 992px){
    #dismiss {
        display: none;
    }
    #sidebarCollapse{
        display: none;
    }
    #menu-mobile{
        display: none;
    }
    .body-login #content {
        margin-left: 0;
    }
}
@media (min-width: 1360px){

}
@media (max-width: 991px){
    .logo-libre, .logo-im {
        max-height: 40px;
    }
    .panel-usuario{
        margin-top: 0;
    }
    .filtro-nombre, .filtro-calendario{
        padding: 0;
    }
    #sidebar {
        position: fixed;
        left: -250px;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
        width: 250px;
        top: 0;
        height: 100vh;
        z-index: 1000;
        margin-top: 0;
    }
    #sidebar.active {
        left: 0;
        padding-left: 0;
        margin-left: 0;
    }
    .sidebar-body{
        padding-top: 50px;
    }
    .ui-menu .ui-menu-list .ui-menuitem{
        float: none;
    }
    #contenido .form-group legend {
        line-height: 20px;
    }
    #dismiss {
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 1000000;
    }
    #menu-mobile{
        display: block;
    }
    #menu{
        display: block;
    }
    #dismiss:hover {
        background: #fff;
        color: #7386D5;
    }
    .overlay {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        z-index: 998;
        display: none;
        top: 0;
        left: 0;
    }
    .funciones.ui-hidden-container{
        padding-top: 5px;
    }
    .funciones .ui-panel-titlebar{
        top: 0;
        position: relative;
        text-align: right;
        right: auto;
    }
}

/* -------- TABLET vertical ------------ */
@media (max-width: 769px){
    .panel-usuario {
        text-align: right;
        margin-bottom: 10px;
        margin-top: 0;
        color: #fff;
    }
    .logo-libre, .logo-im {
        max-height: 35px;
    }
    .logo-libre {
        margin-right: 2em;
    }
    .logo-im {
        margin-right: 0;
    }
    #dlgSeleccionarBeneficio .ui-datatable-tablewrapper {
        overflow: auto;
    }
    div#dlgSeleccionarBeneficio{
        width: 85% !important;
    }
    div#dlgReservaConfirmada {
        top: 15% !important;
    }
    #frmReservaConfirmada .form-horizontal {
        margin-bottom: 1em;
    }
    div#dlgReservaConfirmada .form-group{
        margin-bottom: 0;
    }
    div#dlgReservaConfirmada span.col-sm-4.control-label {
        width: 100%;
        font-weight: bold;
        text-align: left;
        left: 1.2em;
    }
    div#dlgReservaConfirmada .col-sm-8 {
        left: 2.2em;
        width: 100%;
        line-height: 0px;
        padding: 0 0 1em 0;
    }
    .lista-espectaculos .col-md-3 {
        text-align: center;
    }
    .titulo-tipo-espectaculo {
        text-align: left;
    }
    .ui-datalist-data li:nth-child(odd) {
        margin: auto -20px;
    }
    .ui-datalist .ui-datalist-nobullets li.ui-datalist-item {
        padding: 25px 0;
    }
    .ui-datalist .ui-datalist-data li:nth-child(odd) {
        padding: 25px 20px;
    }
    .ui-datalist .ui-datalist-data .datocupos li:nth-child(odd){
        padding: 0;
        margin: 0;
    }
}
@media screen and (max-width: 40em) {
    .columna-fecha .ui-column-title{
        float: left;
    }
    .columna-fecha > div, .columna-fecha > ul{
        display: block;
        overflow: hidden;
    }
}
@media (max-width: 580px){
    #content, header {
        padding-left: 15px;
        padding-right: 15px;
    }
    header .wrapper img{
        height:1.8em;
        margin:0;
        padding:0;
    }
    header .wrapper .logo-libre{
        padding-right:1em;
    }
    .panel-usuario button {
        margin: 0;
    }
    .panel-filtro, .ui-datalist-content{
        padding: 0;
    }
    .panel-filtro{
        display: block;
        text-align: center;
        padding: 15px;
    }
    .filtro-botones{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .ui-datalist-data li:nth-child(odd){
        margin: auto -15px;
    }
    .ui-datalist .ui-datalist-nobullets li.ui-datalist-item {
        padding: 25px 0;
    }
    .ui-datalist .ui-datalist-data li:nth-child(odd){
        padding: 25px 15px;
    }
    .ui-panel .ui-panel-content {
        padding: 0px;
    }

}

/* -------- CELULAR vertical ------------ */
@media (max-width: 480px){
    #content, header {
        padding: 15px;
    }
    .page-header{
        font-size: 1.3em;
    }
    header .wrapper .col-xs-6{
        padding: 0;
    }
    header .wrapper .logo-libre {
        margin-left: 10px;
    }

    .panel-usuario{
        margin: 0;
    }
    .banner {
        height: 2em;
    }
    .banner h2 {
        font-size: 2em;
        line-height: 0em;
    }
    #contenido .form-group legend {
        width: 23%;
        float: left;
        line-height: 25px;
    }
    #contenido .form-group .col-sm-12 legend {
        width: 100%;
    }
    .panel-filtro .form-group label {
        /*padding-top: .9em;*/
    }
    .datos-espectaculo > div {
        display: block;
    }
    .tabla-resultados .ui-datalist-data li h3 {
        font-size: 1.2em;
    }
    .datos-espectaculo .clasificacion{
        border-right: none; 
    }
    .funciones .ui-paginator select.ui-paginator-rpp-options {
        margin: 0;
    }
    .panel-filtro input, .panel-filtro select, .panel-filtro .form-group .ui-calendar input {
        /*width: 14em;*/
    }
    .wrapper .panel-filtro label {
        /*width: 35%;*/
    }
    .ui-datatable-tablewrapper {
        overflow: auto;
    }
    .funciones .ui-datatable-tablewrapper {
        overflow: auto;
    }
    div#dlgSeleccionarBeneficio{
        width: 80% !important;
        left: 10%;
        top: 40%;
    }
    #formDataList span.titulo-resultados {
        word-wrap: break-word;
    }
    .form-horizontal .control-label {
        /*padding: 0 1em;*/
    }
    div#dlgReservaConfirmada {
        width: 93% !important;
        left: 1em !important;
        top: 5em !important;
    }
    div#dlgReservaConfirmada span.col-sm-4.control-label {
        font-weight: bold;
    }
    div#dlgReservaConfirmada .col-sm-8 {
        left: 2.1em;
        width: 100%;
        line-height: 0px;
    }

    /* ------------   LOGIN  ------------ */
    .acceder #pnlLogin {
        border-right: none;
        border-bottom: 1px solid #ccc;
        border-radius: 0px;
    }
    .acceder #pnlLogin label{
        width: 100%;
        margin-bottom: .5em;
        text-align: left;
    }
}


.ui-menu .ui-menuitem-link{
    float: none;
}
.ui-menu .ui-menuitem-link::after {
    content: "";
    display: block;
    clear: both;
}
.ui-menu-child {
    margin-top: 40px !important;
    width: 100% !important;
}

.link-cartelera {
    float:right;
}

.ui-dialog {
    overflow: scroll;
    max-height: 90%;
}




.titulo-tipo-espectaculo {
    width: 100%;
    height: 0;
    padding: 0;
    margin: 0;
    border-bottom: 30px solid #ce153b;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
}
.titulo-tipo-espectaculo img {
    position: absolute;
    height: 50px;
    top: -10px;
    left: 25px;
    background-color: #FFF;
    border-radius: 30px;
}
.titulo-tipo-espectaculo span.dato {
    color: #fff;
    font-size: 18px;
    margin-left: 75px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: bold;
}
.lista-espectaculos .ui-datalist-content ul li a img {
    background-color: #fff;
    margin: 20px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}
.reserva-no-disponible {
    font-size: 0.8em;
    line-height: 1em;
    display: inline-block;
    color: #CE133B;
}
.ui-datascroller .ui-datascroller-item {
    border-bottom: 1px solid #A8A8A8;
    padding: 25px 10px;
}

.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
	z-index: 1;
    background-color: #ce133b;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
.notificaciones .glyphicon.glyphicon-remove{
    color:gray;
    font-size:15px;

}
.notificaciones .glyphicon.glyphicon-ok{
    color:#ce133b;
    font-size:15px;
}
.margin-right-5 {
    margin-right: 5px;
}

.ui-selectcheckboxmenu-multiple {
    height: auto;
}
.ui-widget-content .ui-chkbox-box.ui-state-default {
    border: 1px solid #a8a8a8;
}
.ui-icon-blank {
    background-image: none !important;
}
.ui-icon-check {
    margin: -7px;
}

.no-flex {
    display: block !important;
}