/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19/02/2018, 10:05:07 AM
    Author     : JorgeRemon
*/

@charset "utf-8";
/* CSS Document */

html{
    min-width: 450px !important;
    max-width: 100% !important;
}

body {
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: Helvetica, Arial, sans-serif;
}

body.dialogo {
    background-image:none
}

div.cintillo {
    width: 100%;
    height: 45px;
    background-color: #41ADE7;
    display: flex;
}

.ui-clock {
    margin-top: 10px;
    color: #fff !important;
    font-size: 15pt !important;
    font-weight: 300 !important;
    border: 0px solid #FFF !important;
}

div.cintillo .logo-ucr {
    background-image: url("../imagenes/encabezado/firma-ucr.svg");
    background-repeat: no-repeat;
    background-size: 330px 50px;
    background-position: center;
    width: 330px;
    height: 44px;
    display: block;
    margin-left: 15px;
}

div.banner {
    margin: 0px;
    border: none;
    border-radius: 0px;
    background-image: url("../imagenes/encabezado/header-background1.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #000000;
    width: 100%;
    min-height: 300px;
    background-size: cover;
}

.logo-artes {
    background-image: url("../imagenes/encabezado/logo-artes.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 3px;
    width: 250px;
    height: 140px;
    margin-top: 36px;
    display: block;
    padding: 10px;
    float: left;
    margin-left: 5%;
}

div.menu {
    width: 100%;
    height: 50px;
    background-color: #000000;
    display: inline-flex;
    border-top: 0.1px solid #FFFFFF4D;
}

div.menu button {
    padding-left: 5px !important;
    padding-right: 5px !important; 
    color: #ffffff !important;
    width: auto !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    padding-top: 0px !important;
    font-size: 13pt !important;
    font-weight: normal !important;
    box-shadow: inset 0 0px 0 #000 !important;
}

div.menu button:hover{
    background-color: #FF2900 !important;
    border: none !important;
    box-shadow: none !important;
}

div.menu .home-item:hover{
    background-color: #FE3B3B;
}


div.menu .home-item{
    width: 50px;
    height: 50px;
    background-color: #FF2900;
    margin-left:30px;
}


div.menu .home-item img{
    margin: 12.4px;
    width: 25px;
    height: 25px;
}

div.menu .item-no-hover{
    padding-left: 20px;
    padding-right: 10px;
    color: #ffffff;
    width: auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 17px;
    font-size: 13pt;
    font-weight: normal;
}

.logos {
    background-color: #98a2a9;
    float: left;
    width: 100%;
    padding: 50px 0px;
    height: auto;
    text-align: center;
}

.logos a{
    margin: 5px;
    width: 50px;
    height: 50px;
}

.logos a img{
    margin: 30px 30px 0px 30px;
}

.creditos {
    background-color: #98a2a9;
    float: left;
    width: 100%;
    height: 70px;
    display: inline-flex;
    color: #FFFFFF;
    font-size: 13pt;
    font-weight: 300;
    border-top: 1.1px solid #FFFFFF4D;
}

.creditos .izquierda{
    width: 50%;
    height: 25px;
    text-align: left;
    margin: 27px 30px 0px 30px;
}

.creditos .derecha {
    height: 25px;
    width: 50%;
    text-align: right;
    margin: 27px 30px 0px 30px;
}

.creditos .izquierda .atlantis-code:hover, .creditos .izquierda .desarrolladores:hover {
    color: #000000;
}

.contenedor {
    min-height: 430px;
}

div.panelTitulo {
    float: left;
    width: 100%;
    text-align: center;
}

div.panelTitulo h1 {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 26px;
    color: #000000;
}

div.panelSubTitulo {
    float: left;
    width: 100%;
    text-align: center;
}

div.panelSubTitulo h1 {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 18px;
    color: #000000;
}

div.texto-bienvenida{
    float: left;
    width: 100%;
    text-align: center;
}

div.texto-bienvenida p {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 18px;
    color: #000000;
    text-align: justify;
}

.inicio-Sesion-descripcion {
    text-align: center;
    width: auto;
    max-width: 700px;
    height: auto;
    margin: auto;
}

.inicio-Sesion-credenciales {
    width: auto;
    height: auto;
    margin: auto;
    text-align: center;
}

.inicio-Sesion-credenciales input {
    width: 300px;
    text-align: center;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 14px;
    color:#5d5d5d;
    border-color: #000000;
}

.inicio-Sesion-credenciales button {
    height: 32px;
    width: 150px;
    background: url(../imagenes/botones/login_button.png) !important;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 14px;
    color: #FFF;
    border: none;
    font-weight: lighter;
}

.inicio-Sesion-credenciales button:hover {
    background: url(../imagenes/botones/login_button_hover.png) !important;
}

div.contenido {
    float: left;
    width: 100%;
    height: 400px;
    display: table;
    margin-top: -4px;
}

div.contenido div.menu-vertical {
    width: 250px;
    background-color: #000000;
    display: table-cell;
    float: none;
    vertical-align: top;
}

.menu .ui-button .ui-widget .ui-state-default .ui-corner-all .ui-button-text-only{
    background: black !important;
    border: 0px !important;
}

#frmMenuPrincipal h3 a, #frmMenuPrincipal h3 a:hover, #frmMenuPrincipal button h3 a span, #frmMenuPrincipal button.ui-state-default{
    color:#FFFFFF !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 12pt !important;
    font-weight: normal !important; 
    text-shadow: 0 0px 0 rgba(255,255,255,0.7) !important;
}

#frmMenuPrincipal .ui-panelmenu-header.ui-state-default, #frmMenuPrincipal button.ui-state-default {
    background: black !important;
    height: 44px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0.2px solid #FFFFFF !important;
    border-top: 0.2px solid #FFFFFF !important;
    border-radius: 0px !important;
}

#frmMenuPrincipal .ui-panelmenu-header.ui-state-hover, #frmMenuPrincipal button.ui-state-hover {
    background: #FE3B3B !important;
    height: 44px;
    border:none;
}

#frmMenuPrincipal .ui-panelmenu-header.ui-state-active{
    background: #FF2900 !important;
    height: 44px;
    border:none;
}

#frmMenuPrincipal .ui-panelmenu-header.ui-state-active:hover{
    background: #FE3B3B !important;
}


#frmMenuPrincipal a {
    height: 33px !important;
}

#frmMenuPrincipal .ui-widget-header, #frmMenuPrincipal button {
    height: 44px;
    background: #5d5d5d !important;
    border: none;
    margin: 0;
    width: 100%;
}

#frmMenuPrincipal .ui-widget-header h3 {
    color: #ffffff !important;
    width: auto !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 13pt !important;
    font-weight: normal !important;
}

#frmMenuPrincipal .ui-menu {
    padding: 0;
}

#frmMenuPrincipal .ui-panelmenu .ui-panelmenu-header a, #frmMenuPrincipal .ui-button-text .ui-c{
    padding: 12px 0px 0px 0px !important;
    text-align: center;

}
#frmMenuPrincipal .ui-panelmenu .ui-panelmenu-header .ui-icon{
    display: none !important;
}

#frmMenuPrincipal .ui-widget .ui-widget, #frmMenuPrincipal .ui-button-text .ui-c{
    color: #ffffff;
    width: auto;
    text-align: center;
    text-decoration: none;
    font-size: 13pt !important;
    font-weight: 500 !important;
    margin: 0px;
}

#frmMenuPrincipal .ui-panelmenu .ui-menuitem-link{
    padding: 12px 0px 0px 0px;
    text-align: center;
    text-decoration: none;
    font-size: 13pt !important;
    font-weight: 500 !important;
}

.ui-panelmenu-content.ui-widget-content.ui-helper-hidden{
    padding: 0px !important;
    margin: 0px !important;
}

#frmMenuPrincipal .ui-panelmenu .ui-menuitem-link{
    background: #4b4b4b !important;
    height: 30px !important;
    color: #FFFFFF !important;
    text-transform: uppercase;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0.2px solid #FFFFFF;
    border-top: 0.2px solid #FFFFFF;
    border-radius: 0px !important;
    padding-left: 0px !important;
    font-size: 13pt !important;
    font-weight: 500 !important;

}

#frmMenuPrincipal .ui-panelmenu .ui-menuitem-link:hover{
    background: #686868 !important;
}


#frmMenuPrincipal .ui-widget-content{
    border: 0px solid #a8a8a8;
    background: #000000;
    color: #4f4f4f;
}

div.contenido div.formulario {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 16px;
    color:#5d5d5d;
    width: 100%;
    display: table-cell;
    background-color: #FFF;
    float: none;
    padding: 20px;
    vertical-align: top;
}

table.formulario-login {
    margin: 40px 0 0 50px;
    text-align: center;
}

div.panelTitulo {
    float: left;
    width: 100%;
    text-align: center;
}

div.panelTitulo h1 {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 26px;
    color: #000000;
}

.panelBotonIncluir 
{
    width: 100%;
    float: left;
    margin: 5px 0 25px 0;
}

.panelDataTable
{
    width: 100%;
    float: left;
    margin: 5px 0 25px 0;
}

.panelPickList
{
    margin:auto;
    width: 60%;
    padding: 10px;
    min-width: 900px;
}
div.panelPickList h1 {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 26px;
    color: #000000;
}

button {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 15px !important;
    background: url(../imagenes/buttons.png) !important;
    border: none !important;
}

button:hover {
    background: url(../imagenes/buttons_hover.png) !important;
    color: #FFF;
}

button.btnConsultarRegistro {
    width: 38px;
    height: 38px;
    background: url(../imagenes/botones/query.png) !important;
    background-position-y: center !important;
    background-position-x: center !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 0 0px #000 !important;
    border: 0px solid #000 !important;
}

button.btnConsultarRegistro:hover {
    width: 38px;
    height: 38px;
    box-shadow: 0 0 0px #000 !important;
    border: 0px solid #000 !important;
    background: url(../imagenes/botones/query-hover.png) !important;
    background-position-y: center !important;
    background-position-x: center !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
}

button.btnEditarRegistro {
    width: 38px;
    height: 38px;
    background: url(../imagenes/botones/edit.png) !important;
    border: none !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: center !important;
}

button.btnEditarRegistro:hover {
    width: 38px;
    height: 38px;
    background: url(../imagenes/botones/edit-hover.png) !important;
    border: none !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: center !important;
}

button.btnEliminarRegistro {
    width: 38px;
    height: 38px;
    background: url(../imagenes/botones/delete.png) !important;
    border: none !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: center !important;

}

button.btnEliminarRegistro:hover {
    width: 38px;
    height: 38px;
    background: url(../imagenes/botones/delete-hover.png) !important;
    border: none !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: center !important;
}

button.btnDocumentosAdjuntos {
    width: 38px;
    height: 38px;
    background: url(../imagenes/attached.png) !important;
    border: none !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: center !important;
}

button.btnDocumentosAdjuntos:hover {
    width: 38px;
    height: 38px;
    background: url(../imagenes/attached_hover.png) !important;
    border: none !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: center !important;
}

button.btnDescargar {
    width: 38px;
    height: 38px;
    background: url(../imagenes/download.png) !important;
    border: none !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: center !important;
}

button.btnDescargar:hover {
    width: 38px;
    height: 38px;
    background: url(../imagenes/download_hover.png) !important;
    border: none !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: center !important;
}

button.btnSeleccionar {
    width: 38px;
    height: 38px;
    background: url(../imagenes/check.png) !important;
    border: none !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: center !important;
}

button.btnSeleccionar:hover {
    width: 38px;
    height: 38px;
    background: url(../imagenes/check_hover.png) !important;
    border: none !important;
    background-size: 95% 95% !important;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: center !important;
}

.panelBotonesAceptarCancelar
{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    text-align:center;
    font-weight:bold;
}

.panelFormInsertarModificar
{
    width: auto;
    margin: 20px auto 20px auto;
    text-align: right;
}

.panelFormInsertarModificar tr:nth-child(1)
{
    width: 200px;
}

.panelFormInsertarModificar tr:nth-child(2)
{
    width: 350px;
}

.panelFormInsertarModificar tr:nth-child(3)
{
    width: 200px;
}


div.contenido div.formulario form{
    width: 100%;
    float: left;
    display: block;
}

button.btnAceptar {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 13pt !important;
    font-weight: 300 !important;
    background: url(../imagenes/botones/buttons.png) !important;
    border: none !important;
    border-radius: 4px !important;
    margin: 5px;
    color: #FFF;
    text-shadow: 0 0px 0 rgba(255,255,255,0.7) !important;
}

button.btnAceptar:hover {
    background: url(../imagenes/botones/buttons_hover.png) !important;
    box-shadow: 0 0 0px #000 !important;

}

button.btnCancelar {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 13pt !important;
    font-weight: 500 !important;
    background: url(../imagenes/botones/cancel.png) !important;
    border: none !important;
    border-radius: 4px !important;
    margin: 5px;
    color: #FFF;
}

button.btnCancelar:hover {
    background: url(../imagenes/botones/cancel_hover.png) !important;
    box-shadow: 0 0 0px #000 !important;

}

label.ui-widget {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 14px;
    color: #5d5d5d;
}

input.ui-widget {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 15px;
    color:#5d5d5d !important;
    border-color: #000000 !important;
    border-radius: 0;
    box-shadow: 0 0 0px #000 !important;
}
textarea.ui-widget {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 15px;
    color:#5d5d5d !important;
    border-color: #000000 !important;
    border-radius: 0;
    box-shadow: 0 0 0px #000 !important;
}

div.ui-selectonemenu {
    border: 1px solid #000 !important;
    background: #FFF !important;
}

label.ui-selectonemenu-label {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 15px;
    color: #5d5d5d !important;
}

li.ui-selectonemenu-item {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 13px;
    color: #5d5d5d !important;
}

div.ui-selectonemenu-trigger {
    background: #000000 !important;
    border-radius: 0;
    border-color: #000000 !important;
}

div.ui-selectonemenu-trigger.ui-state-hover .ui-icon {
    background-image: url("/SIGEPRO/javax.faces.resource/images/ui-icons_e0fdff_256x240.png.do?ln=primefaces-start");
}

span.ui-messages-error-summary {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 12px;
}

span.ui-message-error-detail {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 12px;
}



.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    box-shadow: none;
}

.ui-corner-all {
    border-radius: 0;
}

.ui-growl-item-container {
    background: #FFFFFF 50% 50%;
    border:none;
}

.ui-growl-item {
    color:#000000;
}

.ui-growl-message {
    text-align: center;
}

.ui-growl-message .ui-growl-title {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-weight: 500;
    font-size: 15px;
    text-shadow: 0 0px 0 rgba(255,255,255,0.7) !important;
}

.ui-growl-message p {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 13px;
    text-shadow: 0 0px 0 rgba(255,255,255,0.7) !important;
}

.ui-dialog-title {
}

.ui-widget-content {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 14px;
    color: #5d5d5d;
}

.ui-widget-header {
    background: none;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 26px;
    font-weight: bold;
    color:#000000;
}

ul.ui-menu-list .ui-menuitem-link {
    background: url(../imagenes/submenu.png);
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 15px !important;
    height: 44px;
    width:100%;
}

.ui-menu-list {
    overflow:hidden;
}

.ui-menuitem {
    margin: 0 !important;
}

.ui-menuitem-link {
    padding: 10px 0 0 15px !important;
}

.ui-widget-content a {
    color:#000000 !important;
    box-shadow: 0 0 0px #FFF !important;
    border: 0px solid #FFF;
}

ul.ui-menu-list .ui-menuitem-link.ui-state-hover {
    background: url(../imagenes/submenu_hover.png);
    font-size: 15px !important;
    height: 44px;
}

.ui-panelmenu .ui-panelmenu-content {
    padding: 0;
}

.ui-corner-top {
    border-radius: 0;
}

.ui-datatable .ui-state-default, .ui-datatable .ui-widget-content .ui-state-default, .ui-datatable .ui-widget-header .ui-state-default {
    background: #000;
}

.ui-datatable thead th {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 14pt;
    font-weight: lighter;
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
    border-right: 5px solid #FFF !important;
    vertical-align: top;
    color: #ffffff !important;
    text-shadow: 0 0px 0 rgba(255,255,255,0.7) !important;
}

.ui-datatable thead th:last-child {
    border-right: none !important;
}

.ui-datatable thead th input {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 9px;
    background: #FFF !important;
}

.ui-datatable tbody td, .ui-datatable tfoot td {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 14px;
    border: none !important;
}

.ui-datatable  .ui-widget-content {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 5px solid #000;
    text-align: center;
}

.ui-datatable .ui-widget-header {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 14px;
    border: none;
}

label.ui-widget {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 14px;
}

.ui-growl-image {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../imagenes/mensajes/messages.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon, .ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../imagenes/mensajes/messages.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.ui-growl .ui-icon-closethick {
    background: url("../imagenes/cerrar_growl.png");
}


.ui-dialog .ui-icon-closethick, .ui-message-dialog .ui-icon-closethick {
    background-image: url("../imagenes/iconos/close.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 50px;
    height: 50px;
}

.ui-dialog .ui-state-hover .ui-icon-closethick, .ui-message-dialog .ui-state-hover .ui-icon-closethick {
    background-image: url("../imagenes/iconos/close_hover.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 50px;
    height: 50px;
}

/*
.ui-dialog .ui-state-hover, .ui-message-dialog ui-state-hover {
    border: none;
    background: none;
}
*/

#responsableReserva input{
    border: 0px solid transparent !important;
}

#responsableReserva .ui-state-hover{
    border: 0px solid transparent !important;
}

.ui-column-filter {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

.ui-paginator {
    padding: 10px 0 10px 0 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 0;
}

.ui-selectonemenu-panel .ui-state-highlight {
    background: #01aedf;
    color: #FFF;
}

.ui-selectonemenu-panel .ui-state-hover {
    background: none;
    color: #01aedf;
}

.ui-datatable .ui-state-highlight {
    background: #01aedf;
    color: #FFF;
}

.ui-datatable .ui-sortable-column .ui-filter-column {
    background: none;
    color: #77d5f7 !important;
}

.ui-datepicker .ui-datepicker-header {
    font-size: 20px;
    border:none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    border:none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    border:none;
}

.ui-datepicker-calendar  .ui-state-default {
    background: none;
    border: none;
    color: #01aedf !important;
    text-align:center;
}

.ui-datepicker-calendar  .ui-state-hover {
    background: none;
    border: none;
    color: #01aedf;
    font-weight:bold;
    text-align:center;
}

.ui-datepicker-calendar  .ui-state-active {
    background: none;
    border: none;
    color: #000000 !important;
    font-weight:bold;
    text-align:center;
}

.ui-timepicker-div .ui-slider-handle {
    width: 10px;
    height: 10px;
    border-radius: 180px;
    background: #01aedf;
    top: 0;
    right: 0;
}

.ui-timepicker-div .ui-slider-horizontal {
    margin: 0;
    border-radius: 180px;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -5px;
}

.ui-autocomplete .ui-widget {
    border-color: #000000;
    font-size: 15px;
}

.ui-autocomplete-items .ui-state-highlight {
    border-color: #01aedf;
    background: #01aedf;
    color: #FFF;
}

.ui-fileupload-simple {
    display:table;
    position:relative;
}

.ui-fileupload-simple .ui-button-text, .ui-fileupload-simple .ui-fileupload-filename {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 15px;
    float:left;

}

.ui-fileupload-simple .ui-button {
    margin: 5px 5px 5px 0;
}

.ui-fileupload-simple .ui-fileupload-filename {
    width:100%;
    margin: 5px 5px 0 0;
    color: #5d5d5d;
}

div.bloque-bienvenida {
    margin-top: 8px;
}

div.bloque-titulo-restringido {
    float: left;
    width: 100%;
    text-align: left;
}

div.bloque-titulo-restringido  h1 {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 26px;
    color: #000000;
}

div.bloque-restringido {
    margin-top: 8px;
}

.ui-paginator {
    font-size: 16px;
}

.ui-paginator .ui-paginator-page {
    color: #000000;
    background: #FFF !important;
    border: none;
    font-weight: bold;
}

.ui-paginator .ui-paginator-page.ui-state-active {
    color: #000000;
    background: #FFF !important;
    border: none;
    font-weight: bold;
    box-shadow: 0 0 0px #000 !important;
}

.ui-paginator .ui-paginator-rpp-options {
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    border-color: #000000;
    color: #000000;
    background: #FFF !important;
    font-weight: bold;
    box-shadow: 0 0 0px #000 !important;
}

.ui-paginator .ui-paginator-first {
    background-color: #FFF !important;
    border: none;
    padding: 0;
    margin: 0 10px 0 0;
}

.ui-paginator .ui-paginator-first .ui-icon {
    background-image: url(../imagenes/paginador/first_page.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 29px;
}

.ui-paginator .ui-paginator-prev {
    background-color: #FFF !important;
    border: none;
    padding: 0;
    margin: 0 10px 0 10px;
}

.ui-paginator .ui-paginator-prev .ui-icon {
    background-image: url(../imagenes/paginador/prev_page.png);
    background-repeat: no-repeat;
    background-position: center;
}

.ui-paginator .ui-paginator-next {
    background-color: #FFF !important;
    border: none;
    padding: 0;
    margin: 0 10px 0 10px;
}

.ui-paginator .ui-paginator-next .ui-icon {
    background-image: url(../imagenes/paginador/next_page.png);
    background-repeat: no-repeat;
    background-position: center;
}

.ui-paginator .ui-paginator-last {
    background-color: #FFF !important;
    border: none;
    padding: 0;
    margin: 0 0 0 10px;
}

.ui-paginator .ui-paginator-last .ui-icon {
    background-image: url(../imagenes/paginador/last_page.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 29px;
}

fieldset.ui-widget-content {
    border: 1px solid #000000;
}

fieldset.ui-widget-content .ui-fieldset-legend {
    font-weight: bold;
    border: 3px solid #000000;
    background: #000000;
    margin-left: -25px;
    padding: 5px 15px;
    width: 99.7%;
}

.ui-picklist-source-controls,
.ui-picklist-target-controls {
    display: none !important;
}

.ui-picklist .ui-button {
    display: block;
    margin-bottom: .3em;
    box-shadow: 0 0 0px #000 !important;
    color: #000;
    background: black !important;
}

.ui-state-default .ui-icon{
    background-image: url("/ReservacionAulas/javax.faces.resource/images/ui-icons_ffffff_256x240.png.do?ln=primefaces-aristo");
}

.ui-picklist .ui-button:hover {
    box-shadow: 0 0 5px #FF2900 !important;
}

.ui-picklist .ui-picklist-filter, .ui-picklist .ui-picklist-filter:hover{
    box-shadow: 0 0 0px #000 !important;
}

.ui-picklist-list-wrapper {
    width: 45% !important;
}

.ui-picklist-button-move-top, 
.ui-picklist-button-move-bottom, 
.ui-picklist-button-move-up, 
.ui-picklist-button-move-down {
    display: none !important;
}

.ui-corner-tr {
    border-top-right-radius: 0;
}

.ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-corner-bottom {
    border-radius: 0;
}

.ui-picklist-caption {
    border-color: #000000;
    font-size: 16px;
    color: #FFF;
    background: #000000;
    box-shadow: 0 0 0px #000 !important;
}

.ui-picklist-list {
    border-color: #00000;
    box-shadow: 0 0 0px #000 !important;
}

.ui-picklist-item {
    margin: 0 !important;
}

.ui-picklist-item.ui-state-hover {
    color: #FF694D;
    background: none;
    box-shadow: 0 0 0px #000 !important;
}

.ui-picklist-item.ui-state-highlight {
    color: #FFF;
    background: #FF694D;
    border-top: solid 1px #FF694D;
    border-bottom: solid 1px #FF694D;
}

.ui-picklist-item table td:first-child {
    width: 25px;
}

.ui-picklist-item .ui-chkbox-box {
    border-color: #FF694D;
    background: #FFF;
}

.ui-picklist-item .ui-chkbox-box.ui-state-hover {
    border-color: #FF694D;
    background: #FFF;
    box-shadow: 0 0 0px #000 !important;
}

.ui-picklist-item .ui-chkbox-box.ui-state-active .ui-icon {
    background-image: url("/SIGEPRO/javax.faces.resource/images/ui-icons_0078ae_256x240.png.do?ln=primefaces-start");
}


input {
    width: 350px;
}

textarea {
    width: 350px;
    height: 150px !important;
}

.ui-selectonemenu {
    width: 330px;
}

.ui-autocomplete-multiple-container {
    width: 358px;
}



.ui-chkbox .ui-chkbox-box {
    border-color: #000000 !important;
    border-radius: 0 !important;
}

.ui-chkbox .ui-chkbox-box.ui-state-default {
    background: none;
}

.ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active {
    background: #4b4b4b;
    box-shadow: 0 0 0px #000 !important;
    border: 0px solid #000 !important;
}

.estado-proyecto-login {
    color: red;
    float: left;
    text-align: center;
    font-size: 40px;
    margin-top: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 318px;
}

.estado-proyecto {
    color: red;
    float: left;
    text-align: center;
    font-size: 26px;
    margin-top: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 212px; 
}

.ql-formats button{
    background: #fff !important;
}

.ui-editor-toolbar.ql-toolbar.ql-snow{
    height: 85px;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    opacity: 1 !important;
}

.estadoVinculoSelectOneMenu{
    width: auto !important;
}

.hideToolbar .ui-editor-toolbar ql-toolbar ql-snow {
    display: none;
}

.hideToolbar .ui-editor-toolbar {
    display: none;
}

.btnEditarRegistro:hover, .btnEditarRegistro:hover, .btnEliminarRegistro:hover{
    box-shadow: 0 0 0px #000 !important;
    border: 0px solid #000 !important;
}

.btnEditarRegistro, .btnEditarRegistro, .btnEliminarRegistro{
    box-shadow: 0 0 0px #000 !important;
    border: 0px solid #000 !important;
}

.ui-datatable-odd {
    background: none repeat scroll 0 0 #dedede !important;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}

img.icono-informacion-aula{
    width: 35px !important;
    height: 35px !important;
    margin-left: -5px;
    margin-right: 5px;
}

.panelFormInsertarModificarAulas{
    text-align: left;
}

img.icono-informacion-aula-place{
    width: 35px !important;
    height: 35px !important;
    margin: 10px 0px 0px 0px;
}

img.icono-informacion-aula-state{
    width: 25px !important;
    height: 25px !important;
    margin: 10px 0px 0px 2px;
}

.panelFormInsertarModificarAulas
{
    width: auto;
    margin: 5px auto 5px auto;
}

.panelFormInsertarModificarAulas tr:nth-child(1)
{
    width: 200px;
}

.panelFormInsertarModificarAulas tr:nth-child(2)
{
    width: 350px;
}

.panelFormInsertarModificarAulas tr:nth-child(3)
{
    width: 200px;
}

.ui-selectbooleanbutton{
    width: auto !important;
    color: #fff !important;
    font-size: 11pt !important;
    font-weight: 500 !important;
    background: black !important;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0.7) !important;
    box-shadow: inset 0 0px 0 #000 !important;
    border-color: #000000 !important;
}

.ui-selectbooleanbutton:hover{
    box-shadow: inset 0 0px 0 #000 !important;
    background: #FF2900;
    border-color: #FF2900;
}

.fsRerservarAulaDisponible{
    width: 60%;
    margin: 30px auto;
    border: 3px solid #929292 !important;
    box-shadow: inset 0 0px 0 #000 !important;
    border-radius: 0px 5px 10px 10px;
}

.fsRerservarAulaDisponible .ui-fieldset-legend{
    color: #000 !important;
    font-size: 13pt !important;
    background: white !important;
    box-shadow: 0 0px #FF2900 !important;
}

.fsRerservarAulaDisponible .ui-fieldset-legend .ui-icon{
    background-image: url("/ReservacionAulas/javax.faces.resource/images/ui-icons_cd0a0a_256x240.png.do?ln=primefaces-aristo");
    margin: 2px 20px 0px 10px;
}


.pgHorarioAula tbody{
    width: 100%;
}

@media only screen and (max-width: 915px){
    .pgHorarioAula{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .pgHorarioAula tr{
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .pgHorarioAula td{
        margin: 5px auto;
    }
}

@media only screen and (min-width: 916px){
    .pgHorarioAula{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }

    .pgHorarioAula tr{
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
}

.pgHorarioAula button{
    background-color: #FF2900 !important;
    color: #FFF !important;
    height: 45px;
    width: 150pt;
    font-size: 12pt !important;
    font-weight: lighter !important;
    margin: 0px 20px;
    text-transform: uppercase;
}

.pgRespaldo{
    width: 100%;
}

.pgRespaldo .respaldoButton{
    background-color: #FF2900 !important;
    color: #FFF !important;
    height: 45px;
    width: auto;
    font-size: 12pt !important;
    font-weight: lighter !important;
    margin: auto;
    display: block;
    text-transform: uppercase;
}


.pgReservarInformacionAula img.icono-informacion-aula-place{
    margin: 5px 0px 0px -5px !important;
}


.pgReservarInformacionAula .ui-widget-content{
    border: 0px solid #000 !important;
}


.pgReservarInformacionAula{
    margin-left: 5% !important;
    font-size: 15pt;
}

.pgReservarInformacionAula .ui-widget-content{
    border: 0px solid #000 !important;
}

.pgReservarInformacionAula .ui-datalist-data{
    list-style-type: none !important;
    padding-left: 0px !important;
    margin-left: -2px;
    font-size: 15pt;

}

.pgReservarInformacionAula .ui-datalist-empty-message{
    padding-left: 0px !important;
    margin-left: -2px;
}

.pgRespaldosContenedorTexto{
    font-size: 15pt;
    width: 100%;
}

.fc-scroller.fc-time-grid-container{
    height: 573px !important;
}

.schedule .ui-widget-header{
    background-color: #FFFFFF !important;
    background: white  !important;
}

.fc-time-grid .fc-slats td{
    height: 40px !important;
}

.fc-center h2{
    display: none !important;
}

.fc-toolbar{
    display: none !important;
}

.fc-content .fc-time{
    display: none;
}

.fc-content .fc-title{
    font-size: 11pt;
    font-weight: bold;
    font-family: Helvetica, Sans-Serif;
    color: #000000;
}

.fc-time-grid .fc-slats .ui-widget-content{
    background: transparent;
}

.fc-today, .fc-past, .fc-future{
    background: transparent !important;
    border: 1px solid #a8a8a8 !important;
}

.reservado{
    background: transparent;
    text-align: center;
    margin-top: 2px;
}

.reservado-estudiante{
    background: transparent;
    text-align: center;
    margin-top: 12px;
}

.reservado .fc-title, .reservado-estudiante .fc-title{
    color: red !important;
    font-weight: 500;
}

.reservado-usuario{
    background: transparent;
    text-align: center;
    margin-top: -5px;
}

.reservado-usuario .fc-title{
    color: red !important;
    font-weight: 500;
}

.no-disponible{
    background: transparent;
    text-align: center;
    margin-top: 12px;
}

.no-disponible .fc-title{
    color: #dbdbdb !important;
    font-weight: 500;
}

.no-reservado{
    background: transparent !important;
    text-align: center !important;
    margin-top: 12px !important;
}

.no-reservado .fc-title{
    color: #9f9f9f !important;
    font-weight: 500 !important;
}

.disponible{
    background: transparent;
    text-align: center;
    margin-top: 12px;
}

.disponible .fc-title{
    color: #0cc600 !important;
    font-weight: 500;
}

.reservada{
    background: transparent;
    text-align: center;
    margin-top: 12px;
}

.reservada .fc-title{
    color: #ffb400 !important;
    font-weight: bold !important;
    font-weight: 500;
}

.reservado-sin-observacion{
    background: transparent;
    text-align: center;
    margin-top: 2px; 
}

.reservado-sin-observacion-estudiante{
    background: transparent;
    text-align: center;
    margin-top: 12px; 
}


.actual{
    background: transparent;
    text-align: center;
    margin-top: 2px; 
}

.actual-estudiante{
    background: transparent;
    text-align: center;
    margin-top: 12px; 
}

.actual .fc-title{
    color: #000 !important;
    font-weight: bold;
}

.reservado-sin-observacion .fc-title, .reservado-sin-observacion-estudiante .fc-title{
    color: #ffb400 !important;
    font-weight: 500;
}

.fc-event{
    border: 0px solid #FFF;
}

.fc-sun, .fc-mon, .fc-tue, .fc-wed, .fc-thu, .fc-fri, .fc-sat{
    font-size: 12pt !important;
    font-weight: 300 !important;
    margin-top: 15px;
    color: #000; 
}

.fc-time span{
    font-size: 12pt !important;
    font-weight: 300 !important;
    margin-top: 15px;
    color: #000; 
}

.fc-time .ui-widget-content{
    text-align: center;
}

.fc-content .fc-time{
    display: none !important;
}

.fc-short{
    display:none;
}

#frmMantenimientoUsuario .ui-selectonemenu {
    width: 90%;
}

#frmMantenimientoUsuario .ui-selectonemenu .ui-selectonemenu-label{
    width: 90%;
}

#frmMantenimientoUsuario .ui-selectonemenu .ui-selectonemenu-trigger{
    width: 16px;
}

#frmMantenimientoUsuario .align-left{
    display: block;
    text-align: left !important;
}


.ui-dialog .ui-dialog-content .contenido-dialogo-reservar{
    width: 100%;
    float: left;
    display: block;
    text-align: center;
    height: 100%;
}


.pgHorarioAulaReserva .ui-state-default,.pgHorarioAulaReserva .ui-widget-content .ui-state-default,.pgHorarioAulaReserva .ui-widget-header .ui-state-default .ui-state-hover{
    border: 0px solid #FFF;
}

.pgHorarioAulaReservaAprovechameinto .ui-state-default,.pgHorarioAulaReservaAprovechameinto .ui-widget-content .ui-state-default,.pgHorarioAulaReserva .ui-widget-header .ui-state-default .ui-state-hover{
    border: 0px solid #FFF;
}

.reservar-dialogo div a{
    border: 0px solid #FFF !important;
    background-color: #fff !important;
}


.pgHorarioAulaReserva{
    text-align: left;
    margin: 10px auto;
}

.pgHorarioAulaReservaAprovechameinto{
        text-align: left;
    margin: 10px auto;
}

.pgHorarioAulaReserva button, .pgHorarioAulaReservaAprovechameinto button {
    background-color: #FF2900 !important;
    color: #FFF !important;
    height: 45px;
    width: 150pt;
    font-size: 12pt !important;
    font-weight: lighter !important;
    margin: 0px 20px;
    text-transform: uppercase;
}

.pgHorarioAulaReservaAprovechameinto tr:first-child{
    max-width: 50px !important;
}

.pgHorarioAulaReserva img.icono-informacion-aula-place{
    margin: 5px 0px 0px -5px !important;
}

.pgHorarioAulaReservaAprovechameinto img.icono-informacion-aula-place{
    margin: 5px 0px 0px -5px !important;
}


.pgHorarioAulaReserva .ui-widget-content{
    border: 0px solid #000 !important;
}

.pgHorarioAulaReservaAprovechameinto ui-widget-content{
    border: 0px solid #000 !important;
}

.pgHorarioAulaReserva{
    font-size: 15pt;
}

.pgHorarioAulaReserva .ui-widget-content{
    border: 0px solid #000 !important;
}

.pgHorarioAulaReserva .ui-datalist-data{
    list-style-type: none !important;
    padding-left: 0px !important;
    margin-left: -2px;
    font-size: 15pt;
}

.pgHorarioAulaReserva .ui-datalist-empty-message{
    padding-left: 0px !important;
    margin-left: -2px;
}

ui-fileupload-files {
    height: 60px !important;
}

.mantenimientoUsuarios .ui-button-text-only .ui-button-text {
    padding: .3em 1em;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 13pt !important;
    font-weight: 300 !important;
    background: url(../imagenes/botones/buttons.png) !important;
    border: none !important;
    border-radius: 4px !important;
    margin: 5px;
    color: #FFF;
    text-shadow: 0 0px 0 rgba(255,255,255,0.7) !important;
}

#somHoraFinal{
    border: 1px solid #000 !important;
    background-color: #FFF !important;
}

.ui-fileupload-buttonbar{
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 2px solid #92929280 !important;
}

.ui-fileupload-content{
    border-bottom: 0px solid #FFF !important;
    border-left: 0px solid #FFF !important;
    border-right: 0px solid #FFF !important;
}

.ui-fileupload-buttonbar .ui-button{
    border: 0px solid #92929280 !important;
    background: #92929280 !important;
    color: #3b3b3b !important;
    border-radius: 5px;
    box-shadow: inset 0 0px 0 #92929280 !important;
    font-size: 13pt !important;
    font-weight: lighter;
    margin: 13px 13px;
    margin-top: 13px;
    margin-right: 13px;
    margin-bottom: 13px;
    margin-left: 13px;
    width: auto;
    height: 31px;
}

.ui-fileupload-buttonbar .ui-button:hover{
    border: 0px solid #54535380 !important;
    background: #54535380 !important;
    color: #000 !important;
    border-radius: 5px;
    box-shadow: inset 0 0px 0 #54535380 !important;
    font-weight: lighter;
}

.ui-calendar input{
    background: transparent !important;
    border: 0px solid transparent !important;
    text-align: left;
}

.panelDataTable .ui-calendar{
    width: 100% !important;
    float: left;
}

.panelDataTable .ui-calendar *{
    float: left;
    text-align: center;
    width: 100% !important;
}

.calendar-border{
    background: transparent !important;
    border: 1px solid #000 !important;
}

.pgHorarioAulaReservaRecurrente{
    text-align: left;
    margin: 10px auto;
}

button.reserva-recurrente{
    background-color: #FF2900 !important;
    color: #FFF !important;
    height: 45px;
    width: 200pt;
    font-size: 12pt !important;
    font-weight: lighter !important;
    margin: 0px 20px;
    text-transform: uppercase;
}

.pgHorarioAulaReservaRecurrente img.icono-informacion-aula-place{
    margin: 5px 0px 0px -5px !important;
}


.pgHorarioAulaReservaRecurrente .ui-widget-content{
    border: 0px solid #000 !important;
}

.pgHorarioAulaReservaRecurrente{
    font-size: 15pt;
}

.pgHorarioAulaReservaRecurrente .ui-widget-content{
    border: 0px solid #000 !important;
}

.pgHorarioAulaReservaRecurrente .ui-datalist-data{
    list-style-type: none !important;
    padding-left: 0px !important;
    margin-left: -2px;
    font-size: 15pt;
}

.pgHorarioAulaReservaRecurrente .ui-datalist-empty-message{
    padding-left: 0px !important;
    margin-left: -2px;
}

.tabla-interna td{
    min-width: 200px !important;
}

@media only screen and (max-width: 615px) {
    #hora-server{
        display: none;
    }

    input {
        width: 100%;
    }

}

@media only screen and (min-width: 616px) {
    #hora-server{
        display: block;
    }
}

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

    .panelDataTable{
        width: 400px; 
        overflow-x: auto !important;
    }

    .panelDataTable div{
        min-width: 1500px;
    }

    #contenedor-horario{
        width: 400px !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        min-width: 1600px !important;
        margin: 10px auto 50px auto;
    }

}

@media only screen and (min-width: 450px) and (max-width: 500px){

    .panelDataTable{
        width: 400px; 
        overflow-x: auto !important;

    }

    .panelDataTable div{
        min-width: 1500px;
    }

    #contenedor-horario{
        width: 400px !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        min-width: 1600px !important;
    }

}

@media only screen and (min-width: 500px) and (max-width: 550px){

    .panelDataTable{
        width: 450px; 
        overflow-x: auto !important;
    }

    .panelDataTable div{
        min-width: 1500px;
    }

    #contenedor-horario{
        width: 450px !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        min-width: 1600px !important;
    }

}

@media only screen and (min-width: 550px) and (max-width: 600px){

    .panelDataTable{
        width: 500px; 
        overflow-x: auto !important;
    }

    .panelDataTable div{
        min-width: 1500px;
    }

    #contenedor-horario{
        width: 500px !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        min-width: 1600px !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 650px){

    .panelDataTable{
        width: 550px; 
        overflow-x: auto !important;
    }

    .panelDataTable div{
        min-width: 1500px;
    }

    #contenedor-horario{
        width: 550px !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        min-width: 1600px !important;
    }
}

@media only screen and (min-width: 650px) and (max-width: 700px){

    .panelDataTable{
        width: 600px; 
        overflow-x: auto !important;
    }

    .panelDataTable div{
        min-width: 1500px;
    }

    #contenedor-horario{
        width: 600px !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        min-width: 1600px !important;
    }

}

@media only screen and (min-width: 700px) and (max-width: 750px){

    .panelDataTable{
        width: 650px; 
        overflow-x: auto !important;
    }

    .panelDataTable div{
        min-width: 1500px;
    }
    #contenedor-horario{
        width: 650px !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        min-width: 1600px !important;
    }

}

@media only screen and (min-width: 750px) and (max-width: 800px){

    .panelDataTable{
        width: 700px; 
        overflow-x: auto !important;
    }

    .panelDataTable div{
        min-width: 1500px;
    }

    #contenedor-horario{
        width: 700px !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        min-width: 1600px !important;
    }

}

@media only screen and (min-width: 800px) and (max-width: 850px){

    .panelDataTable{
        width: 750px; 
        overflow-x: auto !important;
    }

    .panelDataTable div{
        min-width: 1500px;
    }

    #contenedor-horario{
        width: 750px !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        min-width: 1600px !important;
    }

}

@media only screen and (min-width: 850px) and (max-width: 900px){

    .panelDataTable{
        width: 800px; 
        overflow-x: auto !important;
    }

    .panelDataTable div{
        min-width: 1500px;
    }

    #contenedor-horario{
        width: 800px !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        min-width: 1600px !important;
    }

}


@media only screen and (min-width: 900px) and (max-width: 1020px){

    .panelDataTable{
        width: 850px; 
        overflow-x: auto !important;
    }

    .panelDataTable div{
        min-width: 1500px;
    }

    #contenedor-horario{
        width: 850px !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        min-width: 1600px !important;
    }

}

@media (max-width: 1020px){

    .creditos .izquierda, .creditos .derecha{
        width: 100% !important;
        height: 25px !important;
        text-align: center !important;
        margin: 10px auto !important;
    }

    .creditos{
        display: block !important;
        height: auto;
    }

    .estudiantes{
        width: 100%;
        background: transparent;
    }

    .estudiantes .menu .home-item{
        display: none;
    }

    .estudiantes .menu a {
        width: 90% !important;
        text-align: center !important;
        float: left !important;
        color: #FFF;
        margin: 20px 0px;
        padding: 0px 10px !important;
    }

    .estudiantes .menu button {
        width: 100% !important;
        margin: 10px 0px;
        padding: 0px 10px !important;
    }

    .estudiantes .menu {
        height: 100%;
        display: block;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #000;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 80px;
    }

    .estudiantes .menu a.closebtn {
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 35px !important;
        padding: 0px 11px;
        width: auto !important;
        height: auto !important;
        text-decoration: none;
        color: #FFF;
        margin: 15px;
    }

    .estudiantes #main {
        transition: margin-left .5s;
        padding: 0px;
    }

    div.banner .logo-artes{
        display: none !important;
    }

    .cintillo div{
        width: 100% !important;
        text-align: center !important;
    }

    .cintillo div .logo-ucr{
        margin: auto !important;
    }

}

@media (min-width: 1020px){

    .contenedor-login-responsive{
        display: block !important;
    }

    div.banner .logo-artes{
        display: block !important;
    }

    .menu .logo-artes{
        display: none !important;
    }

    .estudiantes .menu a:hover {
        border: none !important;
        box-shadow: none !important;
    }

    .estudiantes #main{
        display: none;
    }

    .estudiantes .menu a.closebtn{
        display: none;
    }

    #contenedor-horario{
        width: 100% !important;
        margin: auto !important;
        overflow-x: auto !important;   
    }
    .schedule{
        width: 90% !important;
        margin: 10px auto 50px auto;   
    }
}

.ui-fileupload-files button{
    background-color: #92929280 !important;
    margin-bottom: -7px !important;
    border-radius: 5px;
}

.ui-fileupload-files button:hover{
    background-color: #54535380 !important;
    margin-bottom: -7px !important;
    border-radius: 5px;
}


.ui-fileupload-buttonbar .ui-fileupload-cancel{
    display: none !important;
}

.ui-fluid .ui-button{
    width: auto;
}

.ui-picklist .ui-picklist-filter {
    max-width: 100% !important;
    width: 100% !important;
}



@media only screen and (max-width: 700px) { 
    .reservar-dialogo{
        width: 90% !important;
        height: 90% !important;
        overflow-x: scroll !important; 
        overflow-y: scroll !important;
    }
} 

@media only screen and (min-width: 700px) {
    .reservar-dialogo{
        width: 65% !important; 
        height: 70% !important;
        max-width: auto !important;
        max-height: auto !important; 
        overflow-x: scroll !important;
        overflow-y: scroll !important;
    }
}

.pgReservaRecurrente{
    width: 100%;
    margin: 0px auto;
}

.pgReservaRecurrente fieldset{
    margin: 5px auto;
}

.pgReservaRecurrente tr td:nth-child(1)
{
    width:80%;
}

.pgReservaRecurrente tr td:nth-child(2)
{
    width: auto;
    text-align: left;
    vertical-align: bottom;
}

.pgReservarInformacionAula tr td
{
    width:auto !important;
}

.specificDialog{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}