/**
* @Clase       body
* @Descripción especifica el tipo de letra y color
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	09/06/2012
*/

.Ocultar {
    display: none;
}

.bodyUserControl {
    font-family: Arial !important;
    color: #434343;
    font-size: 10pt;
}

/**Oculta el div que dice "visible sólo para administradores"*/
.dnnFormMessage {
    display: none;
}

.AnchoBotonesPersona {
    width: 290px !important;
    margin: 7px !important;
}

.BotonesTipoVisitanteIngresoAlClubExpress {
    height: 270px;
    overflow: hidden;
    margin-top: 10px;
    padding-left: 18px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
}

.BotonesPersonaIngresoAlClubExpress {
    height: 279px;
    height: 279px;
    overflow: auto;
    margin-top: 10px;
    padding-left: 18px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
}

select:disabled {
    background-color: #EBEBE4;
    border: 1px solid #D9D9D9;
}


.RadCalendar .rcTitle {
    text-transform: capitalize;
}

.imgTipoGadget {
    max-width: 70px !important;
}

#divMensajesAlertas {
    z-index: 90000;
}

#LogoZeusHeader {
    cursor: pointer;
}

.elementoFavorito:hover {
    text-decoration: underline;
}

ul .coloresenlace {
    text-decoration: underline !important;
}

.BotonEliminarConsumoAgrupacion {
    width: 15px;
    height: 13px;
    top: -53px;
    position: relative;
    right: 5px;
}

.BotonBorrarAgrupacion {
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    float: right;
    right: 20px;
    padding-top: 10px;
}

/** 
* @Clase DnnHiperviculosDt 
* @Descripción Clase que define la apariencia
* de los hipervinculos de DNN
* @Versión 1.0 
* @Autor Moises Castellar 
* @Fecha modificación 23/08/2012 
*/
.DnnHiperviculosDd {
    color: #445B7C !important;
    text-decoration: underline !important;
    font-size: 10pt;
    cursor: pointer;
}

    /** 
* @Clase DnnHiperviculosDt 
* @Descripción Clase que define la apariencia
* de los hipervinculos de DNN
* @Versión 1.0 
* @Autor Moises Castellar 
* @Fecha modificación 23/08/2012 
*/
    .DnnHiperviculosDd:hover {
        text-decoration: none !important;
        color: #83bbff;
    }

.BotonVacioGruposExcluyentes {
    width: 120px;
    text-align: center;
    padding: 30px 10px 6px 10px;
    border-radius: 4px;
    color: #828286 !important;
}

.FondoBotonDinamicoAgregar {
    background-image: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/ImagenAgregar.png');
    background-repeat: no-repeat;
    background-position: 50% 10%;
}

    .FondoBotonDinamicoAgregar:hover {
        background-image: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/ImagenAgregarHover.png');
        background-repeat: no-repeat;
        background-position: 50% 10%;
    }


div .BotonVacioGruposExcluyentes {
    border: 3px dashed #828286;
    white-space: pre-line;
}

    div .BotonVacioGruposExcluyentes:hover {
        border: 3px dashed #BEB8B8;
        white-space: pre-line;
    }

    div .BotonVacioGruposExcluyentes:hover {
        cursor: pointer;
        width: 120px;
        text-align: center;
        padding: 30px 10px 6px 10px;
        border-radius: 4px;
        color: #BEB8B8 !important;
    }

div .BotonesDinamicosGruposExcluyentes {
    border: 3px solid transparent;
}

.BotonesDinamicosGruposExcluyentes {
    width: 120px;
    background-color: #8FA5D0;
    text-align: center;
    padding: 18px 10px 18px 10px;
    border-radius: 4px;
    max-width: 150px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    color: #fff !important;
}

div .BotonesDinamicosGruposExcluyentes:hover {
    width: 120px;
    background-color: #0e79fd;
    text-align: center;
    padding: 18px 10px 18px 10px;
    border-radius: 4px;
    border: 3px solid #465A7B;
    cursor: pointer;
    max-width: 150px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    color: #fff !important;
}

.dnnCPHMessage img {
    height: 20px !important;
}

.TreeViewSelectedNode {
    background-color: #728199 !important;
    color: white !important;
}

.ElementosCierreDelDia {
    margin-left: 20px;
}

    .ElementosCierreDelDia li {
        list-style-image: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/IconoVinieta.png');
        padding: 10px 0px 10px 0px;
        vertical-align: top;
    }

.ConsumoRevertido {
    background-color: #C1DECF !important;
}

.DistintivoProductosRevertidos {
    padding: 5px;
    margin-left: 5px;
    width: 5px;
    float: left;
    border-radius: 100px;
    height: 5px;
    top: 3px;
    position: relative;
}

/*
* @Clase       rtsDisabled
* @Descripción Estilo para las tabs deshabilitadas de telerik
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación 22/07/2013
*/
.RadTabStrip .rtsDisabled, .RadTabStripVertical .rtsDisabled {
    cursor: default !important;
    color: #999 !important;
}

.BotonMostrarGrande:hover {
    background: #C0CEDD !important;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    border: 2px solid #CCCCCC;
}

.BotonMostrarGrande {
    border-radius: 4px;
    display: inline-block;
    border: 2px solid #CCCCCC;
    background-image: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/FondoBoton75px.png');
}

.BotonConsultarConsultaVoucherCodigoBarras {
    border-radius: 4px !important;
    background-repeat: repeat-x;
    text-align: center;
    margin-right: 25px;
    vertical-align: bottom;
}

.botonPosTouch[disabled] {
    color: #999;
}

    .botonPosTouch[disabled]:hover {
        background-color: #F3F2F2 !important;
    }

.botonPosTouch.selected[disabled]:hover {
    background: #CBD3E3 !important;
}

.botonPosTouch {
    width: 19.5%;
    height: 50px;
    background: #F3F2F2;
    display: inline-block;
    float: left;
    border-right: 3px solid #DBDADA;
    text-align: center;
    padding-top: 10px;
    box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.41);
}

    .botonPosTouch:hover {
        color: inherit;
        text-decoration: none;
    }

    .botonPosTouch:hover, .botonPosTouch.selected {
        background: #CBD3E3 !important;
    }

    .botonPosTouch img {
        margin-right: 10px;
        vertical-align: middle; /*width: 20%;     height: 80%;*/
    }

    .botonPosTouch:last-child {
        border-right: none;
    }

.LabelAnioSeleccion {
    text-decoration: underline !important;
    color: #434343 !important;
}

    .LabelAnioSeleccion:hover {
        text-decoration: underline !important;
        color: #434343 !important;
        cursor: pointer !important;
    }

/*
    COMIENZO: ESTILOS ZEUS CALENDAR METRO
*/

/*
Skin: Metro
Autor: Pedro Sierra
Sobreescribe el skin "Metro" del calendar de telerik
*/


.RadCalendar_Metro .rcRow .rcSelected {
    border-color: #e5e5e5 !important;
    border-width: 1px !important;
}

.RadCalendar_Metro .rcMain .rcRow .rcSelected a {
    border-color: #0e79fd !important;
    background: #0e79fd !important;
    box-shadow: inset 0 0 4px #0e79fd !important;
    color: white !important;
    cursor: pointer !important;
}

.RadCalendar_Metro .rcMain .rcRow .rcSelected span {
    border-color: #0e79fd !important;
    background: #0e79fd !important;
    box-shadow: inset 0 0 4px #0e79fd !important;
    color: white !important;
    cursor: pointer !important;
}

.RadCalendar_Metro .rcWeek .rcViewSel {
    width: 13px;
    padding: 0 7px 0 9px;
    color: #434343;
}

    .RadCalendar_Metro .rcWeek .rcViewSel:hover {
        width: 13px;
        padding: 0 7px 0 9px;
        color: #434343;
        text-decoration: underline !important;
    }

.RadCalendar_Metro .rcRow th {
    width: 13px;
    padding: 0 7px 0 9px;
    color: #0e79fd !important;
}

    .RadCalendar_Metro .rcRow th:hover {
        width: 13px;
        padding: 0 7px 0 9px;
        color: #0e79fd !important;
        cursor: pointer !important;
    }

.RadCalendar_Metro .rcWeek th {
    border-bottom: 1px solid #e5e5e5;
    padding: 4px 6px 4px 0;
    color: #434343 !important;
}

    .RadCalendar_Metro .rcWeek th:hover {
        border-bottom: 1px solid #e5e5e5;
        padding: 4px 6px 4px 0;
        color: #434343 !important;
        cursor: pointer !important;
    }

.RadCalendarMultiView_Metro .rcMainTable .rcTitle {
    border-color: #e5e5e5;
    padding: 0 0 2px;
    line-height: 22px;
    font-weight: bold !important;
    color: #434343 !important;
}

.RadCalendar_Metro .rcRow .rcHover {
    border-color: #ECC4A0 !important;
    background: #ECC4A0 !important;
    cursor: pointer !important;
    border-color: #e5e5e5 !important;
    border-width: 1px !important;
    border-radius: 7px !important;
}

.rcTitlebar td {
    background-color: #0e79fd !important;
    color: #fff !important;
}

.CeroAlotment {
    color: Red !important;
    font-size: 9pt;
    font-weight: bold;
}

.SinEspecificarAlotment {
    color: Blue !important;
    font-size: 9pt;
    font-weight: bold;
}

.ConAlotment {
    color: Green !important;
    font-size: 9pt;
    font-weight: bold;
}

.CodigoTemporadaCalendario {
    font-weight: bold !important;
    font-size: 9pt !important;
    color: #fff !important;
}

/*
    FIN: ESTILOS ZEUS CALENDAR METRO
*/

.aspNetDisabled {
    color: #434343 !important;
    cursor: not-allowed;
    text-decoration: none;
}

.GrillaDeshabilitada {
    background-color: #EBEBE4;
    color: #434343;
}

.GrillaDeshabilitadaAlternative {
    background-color: #EBEBE4;
    color: #434343;
}

.DiaZeusCalendarioTemporadas {
    color: #fff !important;
}

.DiaZeusCalendario {
    color: #434343 !important;
}

/**
* @Clase       BotonesSignoAutorizaciones
* @Descripción Estilo de los botones de signo de la ventana de Autorizaciones Estándares
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	21/06/2013
*/
.BotonesSignoAutorizaciones {
    padding: 5px;
    position: relative;
    border: 1px solid #DFE0E3;
    border-radius: 2px;
    background: transparent url(images/FondoBoton55px.png) repeat-x;
    color: #575757;
    cursor: pointer;
    font-size: 25pt;
    border-radius: 4px 4px 4px 4px;
}

    .BotonesSignoAutorizaciones:hover {
        padding: 5px;
        position: relative;
        border: 1px solid #DFE0E3;
        border-radius: 2px;
        background: transparent url(images/FondoBoton55px.png) repeat-x;
        color: Gray !important;
        cursor: pointer;
        font-size: 25pt;
        box-shadow: #C2C1C1 0px 0px 12px;
        border-radius: 4px 4px 4px 4px;
    }

.IndicadorNombreGrupoCheckOut {
    margin: 0px auto;
    width: 400px;
    z-index: 1110;
    position: absolute;
    background-color: #fff;
    border-radius: 4px 4px 4px 4px;
    box-shadow: #C2C1C1 0px 0px 15px;
    border: 1px solid #d0d0d0;
    padding: 5px;
}

.ContenedorTituloMenuMetro {
    position: relative;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #F3F2F2;
    border-radius: 4px 4px 0px 0px;
    color: #505050;
    text-decoration: none;
    height: 45px;
    padding-top: 5px;
}

.TituloMenuMetro {
    padding: 5px 0px 10px 10px;
    font-size: 11pt;
    font-style: normal;
    font-weight: bold;
    position: relative;
    color: #465A7B;
    font-family: Arial !important;
}

/**
Corrige el tamaño (margin) de los HR en DNN7
*/
hr {
    clear: both;
    height: 0;
    border: solid #ddd;
    border-width: 1px 0 0;
    margin: 1px !important;
}

/* Estilo para corregir posición de imágenes en DNN7 */
img {
    vertical-align: inherit !important;
}

/**
* @Clase       .bodyUserControl a
* @Descripción Remover el subrayado (underline) a los links
* @Versión     1.0
* @Autor       Jorge Rampirez
* @Fecha modificación	30/05/2013
*/
.bodyUserControl a {
    text-decoration: none !important;
}

/**
* @Clase       rrbToolTip
* @Descripción Apariencia del Tooltip de telerik
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	06/06/2013
*/
.rrbToolTip {
    margin-top: 5px;
    display: none;
    background-color: white;
    border-color: #9D9D9D !important;
    padding-left: 10px !important;
}

/**
* @Clase       ContenedorTituloResaltadoHuespedes
* @Descripción estilo de la cabecera de la grilla de los huespedes (reserva grupo)
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	26/04/2013
*/
.ContenedorTituloResaltadoHuespedes {
    z-index: 111 !important;
    background-color: #fff;
    position: relative;
}

/**
* @Clase       ContenedorTituloResaltadoHuespedes
* @Descripción label del titulo "Huéspedes" (reserva grupo)
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	26/04/2013
*/
.ColorTituloResaltadoHuespedes {
    color: #E0AE5F;
    font-weight: bold;
    font-size: 11pt;
}

/**
* @Clase       FondoDatosPreregistros
* @Descripción estilo los labels de las líneas
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	26/04/2013
*/
.EstiloLabelsLineasGrupos {
    color: #728199;
    font-size: 12pt;
}

/**
* @Clase       FondoDatosPreregistros
* @Descripción estilo contenedor (reserva grupo)
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	26/04/2013
*/
.FondoDatosPreregistros {
    background-color: #fff;
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/**
* @Clase       FondoTipoHuespedActual
* @Descripción Determina el color de fondo - azul
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	22/11/2012
*/
.FondoTipoHuespedActual {
    background-color: #0e79fd7d;
    border-radius: 4px;
    text-align: center;
    width: 45px;
    height: 35px;
    padding-top: 8px;
}

/**
* @Clase       FondoTipoHuespedModificado
* @Descripción Determina el color de fondo - amarillo
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	22/11/2012
*/
.FondoTipoHuespedModificado {
    background-color: #E0AE5F;
    border-radius: 4px;
    text-align: center;
    width: 45px;
    height: 35px;
    padding-top: 8px;
}

/**
* @Clase       FondoTipoHuespedGuardado
* @Descripción Determina el color de fondo - verde
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	22/11/2012
*/
.FondoTipoHuespedGuardado {
    background-color: #81A371;
    border-radius: 4px;
    text-align: center;
    width: 45px;
    height: 35px;
    padding-top: 8px;
}

/**
* @Clase       SeparacionEntreRegistrosTablaTipoHuespedes
* @Descripción Determina el color de la linea de separacion entre registros
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	22/11/2012
*/
.SeparacionEntreRegistrosTablaTipoHuespedes {
    color: #DBE0E4 !important;
    background-color: #DBE0E4 !important;
}

/**
* @Clase       RegistrosUnaSolaLinea
* @Descripción Evita que los registros hagan saltos de linea
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	22/11/2012
*/
.RegistrosUnaSolaLinea {
    white-space: nowrap !important;
}

/**
* @Clase       EliminarBordesTextbox
* @Descripción Quita los bordes de los textbox
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	22/11/2012
*/
.EliminarBordesTextbox {
    border: 0px inset;
}

.SeparacionBotonesTipoHuesped {
    padding-left: 10px;
}

.VentanaEmergenteTipoHuesped {
    position: absolute;
    border-radius: 4px;
    background-color: #fff;
    padding: 5px;
    margin-top: 5px;
    margin-left: -50px;
    box-shadow: 5px 5px 25px 2px #aaa;
    display: none;
}

/**
* @Clase       clear
* @Descripción Agregar un clear both a un elemento
* @Versión     1.0
* @Autor       Jorge Ramírez Serrato
* @Fecha modificación	31/01/2013
*/
.clear {
    clear: both;
}


/**
* @Clase       ColorTituloResaltadoGrilla
* @Descripción Resalta la cabecera de un titulo de la grilla
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	31/10/2012
*/
.ColorTituloResaltadoGrilla {
    color: #445B7C;
    font-family: Arial !important;
    font-size: 10pt;
}

/**
* @Clase       ColorTextoSaldoDebito
* @Descripción Establece el color del texto: azul
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	13/09/2012
*/
.ColorTextoSaldoDebito {
    color: Blue;
}

/**
* @Clase       ColorTextoSaldoDebito
* @Descripción Establece el color del texto: rojo
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	13/09/2012
*/
.ColorTextoSaldoCredito {
    color: Red;
}

.SinTarifaDisponible {
    background-color: #465A7B !important;
    color: #fff !important;
}

/**
* @Clase       pedientePorDevolver
* @Descripción Destaca el color de una fila de la grilla (elementos pendientes por devolver)
* @Versión     1.0
* @Autor       Pedro Luis Sierra Negrette
* @Fecha modificación	02/08/2012
*/
.pedientePorDevolver {
    color: #fff;
    font-family: Arial !important;
    text-align: center;
    height: auto;
    background-color: #465A7B;
}

/**
* @Clase       estiloTextArea
* @Descripción Establece el estilo de los textarea
* @Versión     1.0
* @Autor       Pedro Luis Sierra Negrette
* @Fecha modificación	23/07/2012
*/
.estiloTextArea {
    resize: none;
    font-family: Arial;
}

/**
* @Clase       input
* @Descripción especifica el tipo de letra y color
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	09/06/2012
*/
.bodyUserControl input {
    color: #434343;
    font-family: Arial !important; /*border: 1px solid #D9D9D9 !important;*/
}


    /**
* @Clase       input:disabled
* @Descripción especifica el tipo de letra y color
* @Versión     1.0
* @Autor       Juan David Ricardo
* @Fecha modificación	09/06/2012
*/
    .bodyUserControl input[type="text"]:disabled, .bodyUserControl input[type="password"]:disabled,
    .AreaPopUp input[type="text"]:disabled, .AreaPopUp input[type="password"]:disabled {
        color: #434343;
        background-color: #EBEBE4;
        border: 1px solid #D9D9D9;
    }




    .bodyUserControl input[type="text"], .bodyUserControl input[type="password"], .bodyUserControl select, .bodyUserControl textarea,
    .AreaPopUp input[type="text"], .AreaPopUp input[type="password"], .AreaPopUp select, .AreaPopUp textarea {
        border: 1px solid #D9D9D9;
        border-radius: 4px;
    }

/**
* @Clase       input:disabled
* @Descripción especifica el tipo de letra y color para los text area
* @Versión     1.0
* @Autor       jorge ramirez
* @Fecha modificación	20/08/2012
*/
.bodyUserControl textarea {
    font-family: Arial;
    resize: none;
    color: #434343 !important;
}

    .bodyUserControl textarea[disabled="disabled"] {
        font-family: Arial;
        resize: none;
        color: #A0A0A0;
        background-color: #EBEBE4;
        border: 1px solid #D9D9D9;
    }

/**
* @Clase       f4BotonSearch
* @Descripción estilo del botón de las ayudas
* @Versión     1.1
* @Autor       Juan David Ricardo
* @Modificado por Pedro Luis Sierra N.
* @Fecha modificación	23/04/2013
*/
.f4BotonSearch {
    /*border: 0px solid red !important;     background-color: transparent !important;     */
    background-image: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/IconoBuscarAyudas.png') !important;
    position: relative !important;
    left: 2px !important;
    width: 15px !important;
    height: 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: inset 0pt !important;
    background-color: transparent !important;
}

    /**
* @Clase       f4BotonSearch
* @Descripción estilo del botón de las ayudas (hover)
* @Versión     1.0
* @Autor       Pedro Luis Sierra Negrette
* @Fecha modificación	23/04/2013
*/
    .f4BotonSearch:hover {
        cursor: pointer !important;
    }

/**
* @Clase       bodyUserControl h1
* @Descripción especifica el tipo de letra y color
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	09/06/2012
*/
.bodyUserControl h1 {
    font-family: Arial !important;
    color: #434343;
}

.bodyUserControl table {
    font-family: Arial !important;
    color: #434343;
}

/**
* @Clase       sepTitulos
* @Descripción Determina la separación del 
* titulo del ribbon
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	24/05/2012
*/
.sepTitulos {
    width: 5px;
}


/**
* @Clase       cabeceraFija
* @Descripción Apariencia de la cabecera fija parecida a la de los grid auto-generados
* @Versión     1.0
* @Autor       Jhon Guerrero
* @Fecha modificación	27/07/2012
*/
.cabeceraFija {
    border-right: none !important;
}


/** 
* @Clase PanelArbolSocio 
* @Descripción Utilizado para el arbol que muestra los socio en cambio de tipo de socio 
* @Versión 1.0 
* @Autor Eisner Puerta Carrillo 
* @Fecha modificación 30/05/2012 
*/
.PanelArbolSocio {
    height: 150px;
    width: 50%;
    overflow: auto;
    background-color: #fff !important;
    border: 1px solid #ccc;
    margin: 20px auto 20px 25px;
}

.PanelArbolSocioColor {
    overflow: auto;
    background-color: #fff;
    border: 1px solid #ccc;
}


/**
* @Clase       estado
* @Descripción Utilizado para mostar un label.
* @Versión     1.0
* @Autor       Santiago J Marrugo Monsalve
* @Fecha modificación	30/05/2012
*/
.Estado {
    color: Green;
}

/*
  RadDatapicker
A continuacion se describen las clases para la edicion del estilo del 
RadDatapicker
*/

/**
* @Clase        datapicker
* @Descripción  edicion de los estilos del datapicker
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	09/06/2012
*/
.RadPicker_Default .rcCalPopup, .RadPicker_Default .rcTimePopup {
    background-image: url(images/IconoCalendario.png) !important;
    border: 0px inset !important;
}

    /**
* @Clase        datapicker
* @Descripción  edicion de los estilos del datapicker
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	09/06/2012
*/
    .RadPicker_Default .rcCalPopup, .RadPicker_Default .rcTimePopup:hover {
        background-image: url(images/IconoCalendario.png) !important;
        background-position: top !important;
    }

/*
AREA CONTENIDO
A continuacion se describen las clases para la creacion
de contenedores "AreaContenido"
*/


/*
* @Clase       AreaContenido
* @Descripción Posiciona Relativamente el div contenedor
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	23/05/2012
*/
.AreaContenido {
    position: relative;
}

/**
* @Clase       HeaderAreaContenido
* @Descripción Apariencia del Header 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.HeaderAreaContenido {
    position: relative;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #c4dbf7;
    border-radius: 8px 8px 0px 0px;
    color: #0E79FD;
    text-decoration: none;
    height: 27px;
    padding-top: 5px;
    box-shadow: 0px 3px 12px #2345CB33;
}

    .HeaderAreaContenido table .TituloHeaderAreaContenido {
        color: #0E79FD;
    }

/**
* @Clase       BodyAreaContenido
* @Descripción Apariencia del Body 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.BodyAreaContenido {
    top: 0px !important;
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    background-color: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0px 3px 12px #2345CB33;
}

/**
* @Clase       SubHeaderAreaContenido
* @Descripción Apariencia del Sub-Header 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.SubHeaderAreaContenido {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    height: 27px;
    background: #E9E9E9;
    border-radius: 4px 4px 4px 4px;
    color: #262626;
    text-decoration: none;
    padding-top: 5px;
    font-weight: bold;
    font-size: 11pt;
}

    .SubHeaderAreaContenido .SubTituloHeaderAreaContenido {
        color: #262626;
    }

    .SubHeaderAreaContenido span {
        color: #262626;
        font-weight: bold !important;
    }

/**
* @Clase       SubBodyAreaContenido
* @Descripción Apariencia del Sub-Body 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.SubBodyAreaContenido {
    top: 0px !important;
    position: relative;
    width: auto;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    height: auto;
    display: block;
    background-color: #FFFFFF;
    border-radius: 0px 0px 4px 4px;
}

/**
* @Clase       TituloHeaderAreaContenido
* @Descripción Apariencia del Titulo 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.TituloHeaderAreaContenido {
    padding: 5px 0px 10px 10px;
    font-size: 11pt;
    font-style: normal;
    font-weight: bold;
    position: relative;
    font-family: Arial !important;
}

/**
* @Clase       SubTituloHeaderAreaContenido
* @Descripción Apariencia del Sub-Titulo 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.SubTituloHeaderAreaContenido {
    padding: 4px 0px 4px 8px;    
    margin-top: 5px;
    vertical-align: middle;        
    text-decoration: none;    
    font-weight: bold !important;
    font-size: 11pt;
}

/**
* @Clase       ImagenHeaderAreaContenido
* @Descripción Apariencia Imagen del header (opcional) 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.ImagenHeaderAreaContenido {
    float: right;
    position: relative;
    top: 0px;
    margin-top: -25px;
    margin-right: 15px;
}


/**
* @Clase       ImagenHeaderAreaContenido
* @Descripción Apariencia Imagen del header (opcional) 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.ImagenHeaderAreaContenidoDerecho {
    float: left;
    position: relative;
    margin-top: 4px;
    margin-right: 15px;
    vertical-align: middle;
    margin-left: 6px;
}


/**
* @Clase       ImagenHeaderAreaContenido
* @Descripción Apariencia Imagen del header (opcional) 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.HeaderAreaAgrupacionContenidoDerecho {
    font-size: 10pt;
    font-style: normal;
    margin-top: -3px;
    height: 26px;
    background-color: #A5BBCE;
    vertical-align: middle;
}

/*FIN AreaContenido*/

/*
RIBBON
A continuacion se describen las clases para la creacion
de RIBBON de Zeus
*/

/* Clases para correcciones debido la última versión de Telerik */
.bodyUserControl .RadRibbonBar .rrbButtonGroupIn > .rrbAbox, .bodyUserControl .RadRibbonBar .rrbButtonGroupIn > .rrbVbox, .bodyUserControl .RadRibbonBar .rrbButtonGroupIn > .rrbHbox, .RadRibbonBar .rrbLargeButton .rrbButtonIn {
    height: 80px;
}

.RadRibbonBar .rrbButtonGroupIn {
    padding: 2px 2px 0px;
    min-width: 32px;
    height: 70px;
}

.bodyUserControl .RadRibbonBar .rrbControlGroup {
    max-height: 80px;
}

.RadRibbonBar .rrbCollapsedGroup, .RadRibbonBar .rrbButtonGroup {
    margin: 3px 5px 0 5px !important;
}

.RadRibbonBar .rrbButtonIn {
    padding: 1px;
}

/**
* @Clase       RadRibbonBar
* @Descripción posiciona y da dimenciones al ribbon 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.RadRibbonBar {
    height: 110px !important;
    margin-bottom: 50px;
}

/**
* @Clase       tituloRibbon
* @Descripción posiciona el título correspondiente
*del ribbon en donde se ubica la miga de pan 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/

.tituloRibbon {
    position: relative;
    float: left;
    z-index: 9001px;
    margin-top: -110px;
}


/**
* @Clase       floatTitulo
* @Descripción Establece el color del
*título del ribbon y su respectiva ubicación
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	24/05/2012
*/
.floatTitulo {
    float: left;
    color: #445B7C;
}


.rrbTab .rrbTabText {
    color: #7B7B7B !important;
    font-size: 13px !important;
}

.rrbSelectedTab .rrbTabText {
    color: #172642 !important;
    font-weight: bold;
    font-size: 16px !important;
}



.RadRibbonBar .rrbLargeButton .rrbButtonText, .rrbTemplateItem table {
    color: #0E79FD !important;
}

.RadRibbonBar .rrbMediumButton .rrbButtonText {
    color: #0E79FD;
}



.rrbButtonGroup.rrbButtonGroupHover .rrbButtonText, .rrbTemplateItem table:hover {
    color: #83bbff !important;
}

.RadRibbonBar .rrbTab .rrbTabText {
    font-family: Arial;
}

/**
* @Clase       .RadRibbonBar .rrbDisabled .rrbButtonImage
* @Descripción Clase para el posicionamiento de las imagenes 
* del ribbon cuando el botón está inactivo
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	24/05/2012
*/
.RadRibbonBar .rrbDisabled .rrbButtonImage {
    margin-top: 0 !important;
    margin-left: 0 !important;
    clip: initial;
    position: inherit;
}

/**
* @Clase       divRibbon
* @Descripción ayuda a posicionar el ribbon
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	24/05/2012
*/
.divRibbon {
    position: relative;
    margin-bottom: 15px;
}

/**
* @Clase       rrbContentWrapOut
* @Descripción Quita Bordes por defecto 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.rrbContentWrapOut {
    border: none !important;
}

/**
* @Clase       rrbContentWrapMid
* @Descripción Quita Bordes por defecto 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.rrbContentWrapMid {
    border: none !important;
}

/**
* @Clase       rrbContentWrapIn
* @Descripción Quita Bordes por defecto 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.rrbContentWrapIn {
    border: none !important;
}

/**
* @Clase       ribbonComponente
* @Descripción Define el color de fondo del ribbon
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.ribbonComponente {
    background-color: #FFFFFF00;
    border-radius: 7px;
}

/**
* @Clase       rrbTabs
* @Descripción Define el estilo de los Tabs
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.RadRibbonBar .rrbTabs {
    height: auto !important;
    border-bottom-color: #FFFFFF00 !important;
    border-bottom-style: solid !important;
    border-bottom-width: 0px !important;
    padding: 0 !important;
    background-color: #f5f5f500 !important;
}

/**
* @Clase       rrbTab
* @Descripción Define el estilo de cada Tab
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.rrbTab {
    background-color: #f5f5f500;
    width: auto !important;
    text-align: center;
    height: 23px !important;
    border-radius: 4px 4px 0 0;
    padding: 0 15px !important;
}

/**
* @Clase       rrbSelectedTab
* @Descripción Define el estilo del Tab seleccionado
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.RadRibbonBar_Default .rrbSelectedTab {
    background-image: url(images/FondoPestana.png) !important;
    background-repeat: repeat-x;
    color: #172642 !important;
    height: auto !important;
    border-radius: 4px 4px 0 0;
    margin-left: 0 !important;
    padding: 0;
    background-size: contain;
}


/**
* @Clase       rrbButtonArea
* @Descripción Define el tamaño del boton
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.rrbButtonArea {
    height: 80px !important;
    background-color: #FFFFFF !important;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0px 3px 12px #2345CB33;
}

/**
* @Clase       rrbButtonAreaIn
* @Descripción Define posicion de los botones
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.rrbButtonAreaIn {
    float: right !important;
    min-width: 0px !important;
}

/**
* @Clase       rrbButtonGroup
* @Descripción Quita bordes por defecto
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.rrbButtonGroup {
    border-style: none !important;
    width: auto !important;
}

/**
* @Clase       rrbButtonGroupIn
* @Descripción Quita bordes por defecto
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.rrbButtonGroupIn {
    border-style: none !important;
}

/**
* @Clase       rrbButtonMid
* @Descripción Quita bordes por defecto
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.rrbButtonMid {
    border-style: none !important;
}

/**
* @Clase       botonesRibbon
* @Descripción Define apariencia y posicion del boton
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/05/2012
*/
.botonesRibbon {
    height: auto;
    padding-top: 15px;
    border-style: none !important;
    color: #0E79FD !important;
    margin-top: 3px !important;
    font-size: 10pt;
}


    /**
* @Clase       botonesRibbon:hover
* @Descripción Define el color de los botones
*del ribbon cuando el mouse esta encima
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	24/05/2012
*/
    .botonesRibbon:hover {        
        color: #83bbff !important;
    }

/**
* @Clase       .RibbonTemplate .botonesRibbon span:first-child
* @Descripción Define el posicionamiento de los botones del ribbon cuando están formados por templates
* @Versión     1.0
* @Autor       Jorge Ramírez
* @Fecha modificación	14/11/2012
*/
.RibbonTemplate .botonesRibbon span:first-child {
    display: block;
    margin-top: -4px;
    padding-bottom: 8px;
    padding-top: 11px;
    text-align: center;
}

/*FIN RIBBON*/

/*
MENU VERTICAL
A continuacion se describen las clases para la creacion
de MENU VERTICAL (TELERIK) de Zeus
*/

.ZeusMenuLateral {
    border-radius: 6px;
    width: 100%;
    padding-bottom: 5px;
}

    .ZeusMenuLateral .Submenu {
        padding-top: 8px;
        padding-bottom: 8px;
        margin-right: 5px;
        margin-left: 5px;
    }

        .ZeusMenuLateral .Submenu .TituloMenu {
            font-size: 16px;
            text-align: center;
            color: #0e79fd;
            display: block;
            margin-bottom: 10px;
            margin-top: 10px;
            font-weight: bold;
        }

        .ZeusMenuLateral .Submenu .OpcionMenu .labelCentroHotActual {
            color: #0e79fd !important;
        }

.TituloBuscadorOpciones {
    color: #0e79fd !important;
}

.headergadget {
    background: #0e79fd !important;
}

    .headergadget .SubTituloHeaderAreaContenido {
        font-size: 10pt;
    }

.ZeusMenuLateral .Submenu .OpcionMenu {
    display: block;
    font-size: 13px;
    color: #444;
    padding-left: 15px;
    height: 36px;
    transition: background .2s ease-in-out;
    cursor: pointer;
}

    .ZeusMenuLateral .Submenu .OpcionMenu[disabled], .ZeusMenuLateral .Submenu .OpcionMenu.aspNetDisabled {
        color: #999 !important;
    }

    .ZeusMenuLateral .Submenu .OpcionMenu.GoldHover:hover {
        background: #FBE8A5;
        text-decoration: none;
    }

    .ZeusMenuLateral .Submenu .OpcionMenu:not(.aspNetDisabled):hover {
        background: white;
        text-decoration: none;
    }

    .ZeusMenuLateral .Submenu .OpcionMenu.opcionCentral:not(.aspNetDisabled):hover {
        background: white;
        text-decoration: underline;
    }



    .ZeusMenuLateral .Submenu .OpcionMenu[disabled]:hover {
        background-color: transparent;
        text-decoration: none;
    }

    .ZeusMenuLateral .Submenu .OpcionMenu.aspNetDisabled {
        cursor: default;
    }

    .ZeusMenuLateral .Submenu .OpcionMenu img {
        width: 17px;
    }

    .ZeusMenuLateral .Submenu .OpcionMenu span {
        margin-left: 5px;
    }

    .ZeusMenuLateral .Submenu .OpcionMenu table {
        height: 100%;
    }

.ZeusMenuLateral #OpcionesBusqueda {
    padding: 12px 0;
}

    .ZeusMenuLateral #OpcionesBusqueda .listaBusqueda {
        width: 100%;
        margin-bottom: 5px;
    }

/*FIN MENU VERTICAL*/


/*Inicio del Tabs o Pestañas Telerik*/
/** 
* @Clase RadTabStrip 
* @Descripción Apariencia de las petañas 
* @Versión 1.0 
* @Autor Xavier Sarmiento 
* @Fecha modificación 23/05/2012 
*/
.RadTabStrip {
    background-color: #FFFFFF00;
    height: auto !important;
    border-bottom-color: #d9d9d9 !important;
    border-bottom-style: solid !important;
    border-bottom-width: 2px !important;
    border-radius: 7px 7px 0px 0px;
}

/** 
* @Clase RadTabStrip_Default rtsLI 
* @Descripción Color del enlace en la pestaña
* @Versión 1.0 
* @Autor Xavier Sarmiento 
* @Fecha modificación 23/05/2012 
*/
.RadTabStrip_Default .rtsLI, .RadTabStrip_Default .rtsLink {
    color: #7B7B7B !important;
    margin: 0px auto;
    height: 23px !important;
}

/** 
* @Clase rtsLink:hover 
* @Descripción Define el centrado del texto 
* @Versión 1.0 
* @Autor Xavier Sarmiento
* @Fecha modificación 23/05/2012 
*/
.RadTabStrip_Default .rtsTxt {
    margin-top: 3px;
}

/** 
* @Clase RadTabStrip_Default rtsIn
* @Descripción Tamaño y tipo de letra del texto
* @Versión 1.0 
* @Autor Xavier Sarmiento
* @Fecha modificación 23/05/2012 
*/
.RadTabStrip_Default .rtsIn {
    font: 12px/20px arial, sans-serif;
    padding: 0 5px 5px;
}

/** 
* @Clase rtsDisabled
* @Descripción Apariencia cuando esta la pestaña deshabilitada
* @Versión 1.0 
* @Autor Xavier Sarmiento 
* @Fecha modificación 23/05/2012 
*/
.RadTabStrip_Default .rtsDisabled, .RadTabStripLeft_Default .rtsDisabled, .RadTabStripRight_Default .rtsDisabled, .RadTabStripBottom_Default .rtsDisabled, .RadTabStrip_Default_disabled .rtsDisabled {
    color: #bcb;
    cursor: default;
}

/** 
* @Clase styleVentanaEmergente 
* @Descripción Apariencia una ventana emergente
* @Versión 1.0 
* @Autor Pedro Luis Sierra Negrette
* @Fecha modificación 04/07/2012 
*/
.styleVentanaEmergente {
    border: 1px solid #9D9D9D;
    border-radius: 2px 2px 2px 2px;
    background-color: White;
}

/** 
* @Clase rtsSelected 
* @Descripción Apariencia cuando se selecciona
* @Versión 1.0 
* @Autor Xavier Sarmiento 
* @Fecha modificación 23/05/2012 
*/
.RadTabStripTop_Default .rtsSelected {
    background: #FFFFFF00 url("images/FondoPestana.png");
    border-radius: 5px 5px 0px 0px;
    color: #172642 !important;
}

    .RadTabStripTop_Default .rtsSelected .rtsTxt {
        font-weight: bold;
    }

/** 
* @Clase rtsLink:hover 
* @Descripción Define el color del texto cuando se pasa el mouse por este 
* @Versión 1.0 
* @Autor Xavier Sarmiento
* @Fecha modificación 23/05/2012 
*/
.RadTabStripTop_Default .rtsLink:hover {
    color: #83bbff;
}


/*Final del Tabs o Pestañas Telerik*/
/*Inicio del Popup*/
/**
* @Clase       AreaPopup
* @Descripción Apariencia del popup
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	23/05/2012
*/
.AreaPopUp {
    border-radius: 8px;
    height: auto;
    background-color: #F5F5F5;
    border: 5px solid #0e79fd;
    box-shadow: 0px 3px 12px #2345CB33;
}

/* titulo area PopUp*/
/**
* @Clase       tituloAreaPopUp
* @Descripción Apariencia del encabezado del popup
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	23/05/2012
*/
.tituloAreaPopUp {
    background-image: url(images/BarraVentana.png);
    background-repeat: repeat-x;
    text-align: justify;
    height: auto;
    margin-top: -1px;
    font-weight: bold;
    font-size: 11pt;
    font-family: Arial !important;
    cursor: move;
}

/**
* @Clase       spnTituloPopUp
* @Descripción estilo del texto del encabezado del popup  
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	23/05/2012
*/
.spnTituloPopUp {
    font-family: Arial;
    color: #fff;
    font-size: 11pt;
    vertical-align: 50%;
    margin: 10px 0px 0px 5px;
    font-weight: bold;
}

/**
* @Clase       EnlaceCerrar
* @Descripción Ubicación de la imagen para cerrar 
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	23/05/2012
*/
.enlaceCerrar {
    float: right;
    padding-right: 15px;
}

/*Fin titulo*/

/**
* @Clase       blancoAreaPopUp
* @Descripción Apariencia del popup
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	23/05/2012
*/
.blancoAreaPopUp {
    margin: 8px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Contenido Area pop up */
/**
* @Clase       contenidoAreaPopup
* @Descripción Apariencia del contenidoAreaPopup
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	23/05/2012
*/
.contenidoAreaPopUp {
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 12px #2345CB33;
    margin: 0px 0px 0px 0px;
}

.HeaderAreaContenido + .contenidoAreaPopUp {
    border-radius: 0px 0px 8px 8px;
}

/**
* @Clase       headerContendioPopUp
* @Descripción Apariencia del contenidoAreaPopup
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	23/05/2012
*/
.headerContendioPopUp {
    background: #c4dbf7;
    border-radius: 8px 8px 0px 0px;
    color: #0E79FD;
    text-decoration: none;
    vertical-align: 50%;
    height: 27px;
}
/**
* @Clase       TituloHeaderContendioPopUp
* @Descripción Apariencia del contenidoAreaPopup
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	23/05/2012
*/
.TituloHeaderContendioPopUp {
    font-weight: bold;
    font-size: 11pt;
    font-family: Arial !important;
}
/**
* @Clase       footerContendioPopUp
* @Descripción Apariencia del contenidoAreaPopup
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	23/05/2012
*/
.footerContendioPopUp {
    background-color: #FFFFFF;
    margin-top: 20px !important;
    height: 50px;
    border-radius: 0px 0px 8px 8px;
}
/**
* @Clase       centrarfooterContendioPopUp
* @Descripción Apariencia del contenidoAreaPopup
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	23/05/2012
*/
.centrarfooterContendioPopUp {
    width: 50%;
    margin: 15px auto;
}
/* fin contenido Area pop up */

/**
* @Clase       modalBackground
* @Descripción Apariencia del fondo del popup
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	23/05/2012
*/
.modalBackground {
    background-color: #262626 !important;
    filter: alpha(opacity=40) !important;
    opacity: 0.4 !important;
}

/*Final del Popup*/

.colorBordesGrilla {
    border: none !important;
}

/**
* @Clase       divGrid
* @Descripción Identificador del contenedor
* de la grilla.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.divGrid {
    max-height: 500px !important;
    max-width: 880px !important;
    margin: 0px auto;
    overflow: auto;
}

    .divGrid input {
        border-width: 0px !important;
        background-color: transparent !important;
    }

/* GridView */


/**
* @Clase       divGrid
* @Descripción Identificador del contenedor
* de la grilla.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.grwClaseVacia {
    background-color: #F3F2F2;
    font-family: Arial !important;
}

/**
* @Clase       divGrid
* @Descripción Identificador del contenedor
* de la grilla.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.grwPag {
    background-color: #FFFFFF;
    font-family: Arial !important;
}

.RadGrid .rgPager td {
    border-top: 2px solid #0e79fd !important;
}

.RadGrid .rgNumPart a {
    padding: 0 7px 0 7px !important;
}

.RadGrid .rgNumPart span {
    padding: 0 0 0 0 !important;
}


.rgCurrentPage {
    background-color: #0e79fd;
    border-radius: 50%;
}

    .rgCurrentPage span {
        color: #FFFFFF;
    }


/**
* @Clase       divGrid
* @Descripción Identificador del contenedor
* de la grilla.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.resaltarCabecera {
    font-weight: bold;
    font-size: 10pt;
}

.ClaseTransferenciaEntreCuentasFacturacion:hover {
    text-decoration: underline !important;
    color: #434343;
}

/**
* @Clase       .SeparacionTabla td
* @Descripción Clase usada para separar las celdas de una tabla para formularios
* de la grilla.
* @Versión     1.0
* @Autor       Jorge Ramirez Serrato
* @Fecha modificación	14/11/2012
*/
.SeparacionTabla tr td {
    padding-right: 7px;
    padding-top: 4px;
}

.SeparacionTabla td td {
    padding: inherit;
}


/**
* @Clase       grwVacio
* @Descripción Clase que se utiliza
*cuando la grilla está vacía.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.grwVacio {
    background-color: #FFF3C9;
    border-style: none;
    text-align: center;
    border-collapse: collapse;
    font-family: Arial !important;
    border-spacing: 0;
    height: 40px;
    font-size: 10.5pt;
}

.grwClaseVacia {
    background-color: #F3F2F2;
}

/**
* @Clase       grw
* @Descripción Clase utilizada 
*para controlar la apariencia
*de la grilla.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.grw {
    background-color: #fff;
    border: none !important;
}

/** 
* @Clase th 
* @Descripción Identificador del 
*encabezado de la grilla del 
*contenedor (div). 
* @Versión 1.0 
* @Autor Pedro Sierra 
* @Fecha modificación 23/05/2012 
*/
.divGrid th {
    padding: 5px 15px 5px 15px;
    white-space: nowrap; /*Sin salto de linea*/
    font-size: 10pt !important;
}
/**
* @Clase       divGrid
* @Descripción Identificador del contenedor
* de la grilla.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.divGrid td {
    padding: 5px 5px 5px 5px;
    font-size: 10pt !important;
}

/**
* @Clase       grwHeader
* @Descripción Clase del encabezado
*de la grilla.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.grwHeader {
    background-color: #FFFFFF;
    font-family: Arial !important;
    font-size: 10pt !important;
    font-weight: bold;
    text-align: center !important;
    white-space: nowrap;
    padding: 0 5px 0 5px;
    color: #434343;
}

/**
* @Clase       grwRow
* @Descripción Clase del las
*filas de la grilla.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.grwRow {
    background-color: #F5F5F5;
    height: auto;
    text-align: center;
    font-family: Arial !important;
}

    /**
* @Clase       grwRow
* @Descripción Clase del las
*filas de la grilla.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
    .grwRow:hover {
        background-color: #E3F3FF80;
        height: auto;
        text-align: center;
    }

/**
* @Clase       grwAlternative
* @Descripción Clase del las
*filas alternativas de la grilla.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.grwAlternative {
    background-color: #FFFFFF;
    font-family: Arial !important;
    text-align: center;
    height: auto;
}

    /**
* @Clase       grwAlternative:hover
* @Descripción Clase del las
*filas alternativas de la grilla.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
    .grwAlternative:hover {
        background-color: #E3F3FF80;
        text-align: center;
        height: auto;
    }

/**
* @Clase       grwSelected
* @Descripción Clase del las
*filas de la grilla.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	19/12/2012
*/
.grwSelected {
    background-color: #E3F3FF !important;
    height: auto;
    text-align: center;
}

.rgSelectedRow {
    background-color: #E3F3FF !important;
}


.divGrid table td, .divGrid table th {
    border: none !important;
}
/* Fin GridView */
/* Botones */
/**
* @Clase       estiloBotones
* @Descripción Clase que controla
*la apariencia de los botones.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.estiloBotones {
    /* background-image: url(images/FondoBotones.png); */
    /* background-repeat: repeat-x; */
    margin: 25px 0px 25px 15px;
    border-radius: 1.5rem;
    /* box-shadow: 0 0 2px 2px #888; */
    cursor: pointer;
    padding: 7px 10px 7px 10px !important;
    /* font-weight: 700 !important; */
    border-color: #0E79FD;
    background-color: #0E79FD;
    /* padding: 0.25rem 0.5rem; */
    /* font-size: .875rem; */
    line-height: 1.5;
    /* border-radius: 0.2rem; */
    color: #fff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: 0px 3px 12px #2345CB33;
}

    .estiloBotones img {
       display: none;
    }

    .estiloBotones.cerrar {
        background-color: #434343 !important;
    }

        .estiloBotones.cerrar:hover {
            background-color: #000000 !important;
        }


    /**
* @Clase       estiloBotones:hover
* @Descripción Clase que controla
*la apariencia de los botones cuando
*el mouse esta sobre dicho boton.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
    .estiloBotones:hover {
        background-color: #2345CB;
        border-color: #2345CB;
        cursor: pointer;
    }

    .estiloBotones:has(> .aspNetDisabled), .estiloBotonesInactivo {
        opacity: .5 !important;
        background-color: #0E79FD !important;
        border-color: #0E79FD !important;
        cursor: not-allowed !important;
    }

        .estiloBotones:has(> .aspNetDisabled):hover, .estiloBotonesInactivo:hover {
            opacity: .5 !important;
            background-color: #0E79FD !important;
            border-color: #0E79FD !important;
            cursor: not-allowed !important;
        }

.lnlButtons:focus .estiloBotones {
    box-shadow: 0 0 0 0.25rem #8DCFFF !important;
}

.estiloBotones:focus {
    box-shadow: 0 0 0 0.25rem #8DCFFF !important;
}

.modal-maestro .estiloBotones span {
    color: #FFFFFF;
}

.estiloBotones span {
    color: #FFFFFF;
}

/**
* @Clase       imagenes
* @Descripción Clase que establece
*el ancho y la ubicación de la
*imagen dentro del botón.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.imagenes {
    margin-bottom: -6px;
    width: 20px;
}

/**
* @Clase       lnlButtons
* @Descripción Clase que quita el 
*subrayado de los linkbuttons.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.lnlButtons {
    text-decoration: none;
}

    /**
* @Clase       lnlButtons:hover
* @Descripción Clase que quita el 
*subrayado de los linkbuttons cuando
*el mouse esta sobre él.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
    .lnlButtons:hover {
        text-decoration: none;
    }

/**
* @Clase       TituloMovimiento
* @Descripción Establece la posición
*del titulo del movimiento
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	24/05/2012
*/
.TituloMovimiento {
    position: relative;
    float: left;
    z-index: 9001px;
    margin-top: -125px;
}



/**
* @Clase       botonesDiv
* @Descripción Clase que establece
*el color del texto del botón.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	23/05/2012
*/
.botonesDiv {
    color: #ffffff !important;
}

    .botonesDiv:hover {
        color: #ffffff !important;
    }

/**
* @Clase       ComboBotones
* @Descripción Clases que establece
* los estilos para la barra de botones
* usada en reservas y otros módulos
* @Versión     1.0
* @Autor       Jorge Ramírez Serrato
* @Fecha modificación	22/10/2012
*/
.ComboBotones {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    opacity: 1;
    cursor: pointer !important;
}

    .ComboBotones:hover {
        background: inherit;
    }

    .ComboBotones * {
        cursor: pointer !important;
    }

    .ComboBotones.RadComboBox .rcbInputCellLeft {
        background: none !important;
    }

    .ComboBotones.RadComboBox_Default .rcbArrowCellRight {
        background: url('images/chevron-down.png') no-repeat center right !important;
    }

    .ComboBotones.RadComboBox_Default td.rcbArrowCellRight a, .RadComboBox_Default td.rcbArrowCellLeft a {
        background: none !important;
    }

/**
* @Clase       ComboBotonesDropDown
* @Descripción Clases que establece
* los estilos para el desplegable de 
* la barra de botones usada en reservas y otros módulos
* @Versión     1.0
* @Autor       Jorge Ramírez Serrato
* @Fecha modificación	22/10/2012
*/

.ComboBotonesDropDown {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: 3px 3px 7px #DDD;
    cursor: pointer;
}

    .ComboBotonesDropDown .rcbItem, .ComboBotonesDropDown .rcbHovered {
        min-height: 30px !important;
        padding: 8px 6px 3px;
    }

    .ComboBotonesDropDown .rcbImage {
        height: auto !important;
        width: auto !important;
    }

    .ComboBotonesDropDown .rcbSlide {
        margin-top: 3px !important;
    }

    .ComboBotonesDropDown .rcbHovered {
        background-color: #E5EAEE;
    }

/* Fin Botones */

/*TextBox Zeus*/

.txtZeus {
    border-color: #9D9D9D;
    border-width: 1px;
    border-style: solid;
}

/*FIN TEXTBOX**/

/*Inicio Titulo y Migas de pan*/

/**
* @Clase       TituloMovimiento
* @Descripción Establece la posición
*del titulo del movimiento
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	24/05/2012
*/
.TituloMovimiento {
    position: relative;
    float: left;
    z-index: 9001px;
    margin-top: -105px;
}

.separacionTituloMovimiento {
    margin-left: 10px !important;
}

/**
* @Clase       SiteBreadcrumb a
* @Descripción Clase para la miga
*de pan
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	24/05/2012
*/
.SiteBreadcrumb a {
    font-family: Arial;
    font-size: 10pt;
    margin-top: -5px;
    margin-left: 5px !important;
}

    .SiteBreadcrumb a:hover {
        color: #434343 !important;
        font-family: Arial;
        font-size: 10pt;
        margin-top: -5px;
        margin-left: 5px !important;
        text-decoration: underline !important;
    }

/**
* @Clase       nombreCategoriaMovimiento
* @Descripción Clase para el titulo
*del control en el ribbon
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	24/05/2012
*/
.nombreCategoriaMovimiento {
    float: left;
    font-size: 24px;
    color: #172642 !important;
    margin-left: 5px !important;
    margin-bottom: 2px !important;
    font-weight: bold;
}


/*Fin Titulo y Migas de pan*/

/*estilo de la gridview*/


.divGrid table th, .divGrid table td {
    border: none;
}

.divGrid table thead:first-child tr:first-child th, .divGrid table tbody:first-child tr:first-child th, .divGrid table tbody:first-child tr:first-child td {
    border: none;
}

.divGrid table thead:last-child tr:last-child th, .divGrid table tbody:last-child tr:last-child th, .divGrid table tbody:last-child tr:last-child td {
    border: none;
}



/*Mensajes personalizados*/

/**
* @Clase       mostrarMessage
* @Descripción Clase para mostrar los mensajes
*del control en el ribbon
* @Versión     1.0
* @Autor       Xavier sarmiento
* @Fecha modificación	24/05/2012
*/
.mostrarMessage {
    position: fixed;
    width: 99.2%;
    padding: 6px;
    left: 0px;
    top: -170px;
    z-index: 1000001 !important;
    border-radius: 0.25rem;
    font-size: 14px;
    color: #fff !important;
    background-color: #F5A927 !important;
    border-color: #F5A927 !important;
}


    .mostrarMessage p {
        top: 5px;
        position: relative;
    }
/**
* @Clase       mostrarMessage
* @Descripción Clase para mostrar los mensajes
*del control en el ribbon
* @Versión     1.0
* @Autor       Xavier sarmiento
* @Fecha modificación	24/05/2012
*/
.MensajesCerrar {
    float: right;
    cursor: pointer;
}

/**
* @Clase       mostrarMessage
* @Descripción Clase para mostrar los mensajes de campos
*del control en el ribbon
* @Versión     1.0
* @Autor       Xavier sarmiento
* @Fecha modificación	24/05/2012
*/
.MensajesCampos {
    display: none;
    /*color: #C11820;*/
    font-family: Tahoma;
    font-size: 8.5pt;
    font-weight: bold;
    /*    background-color: #FFFFE1;*/
    /*  border: 1px solid dimgray;*/
    /*border-radius: 5px 5px 5px 5px;*/
    /* box-shadow: 5px 5px 5px #888888;*/
    box-shadow: none;
    padding: 5px !important;
    position: absolute;
    z-index: 4;
    border-radius: 0.25rem;
    color: #fff !important;
    background-color: #F5A927 !important;
    border-color: #F5A927 !important;
}

/**
* @Clase       mostrarMessage
* @Descripción Clase para mostrar los mensajes de campos
*del control en el ribbon
* @Versión     1.0
* @Autor       Xavier sarmiento
* @Fecha modificación	24/05/2012
*/
.CerrarMensajesCampos {
    color: steelBlue;
    text-decoration: none !important;
    background-image: url(images/cerrar.gif);
    background-repeat: no-repeat;
    background-position: center center;
    padding-right: 12px;
}

/** 
* @Clase coloresenlace 
* @Descripción DEFINE EL COLOR DE UN ENLACE 
* @Versión 1.0 
* @Autor XAVIER SARMIENTO 
* @Fecha modificación 28/06/2012 
*/
.coloresenlace {
    color: #434343 !important;
    text-decoration: none;
}
    /** 
* @Clase coloresenlace 
* @Descripción DEFINE EL COLOR DE UN ENLACE 
* @Versión 1.0 
* @Autor XAVIER SARMIENTO 
* @Fecha modificación 28/06/2012 
*/
    .coloresenlace:hover {
        color: #83bbff;
    }
/** 
* @Clase coloresenlace 
* @Descripción DEFINE EL COLOR DE UN ENLACE 
* @Versión 1.0 
* @Autor XAVIER SARMIENTO 
* @Fecha modificación 28/06/2012 
*/
.colorRibbonEnlace {
    color: #434343;
}
    /** 
* @Clase coloresenlace 
* @Descripción DEFINE EL COLOR DE UN ENLACE 
* @Versión 1.0 
* @Autor XAVIER SARMIENTO 
* @Fecha modificación 28/06/2012 
*/
    .ColorRibbonEnlace:hover {
        border-style: none !important;
        color: #83bbff !important;
        text-decoration: none;
    }

/** 
* @Clase estadoSocioActivo 
* @Descripción Especifica el estilo del estado 
* del socio activo
* @Versión 1.0 
* @Autor Pedro Luis Sierra Negrette 
* @Fecha modificación 05/07/2012 
*/
.estadoSocioActivo {
    background-color: #D0DED6 !important;
    margin-top: -5px;
    margin-left: 3px;
    padding: 7px 7px 7px 7px !important;
    border-radius: 3px 3px 3px 3px;
    width: 155px;
}

/** 
* @Clase estadoSocioInactivo 
* @Descripción Especifica el estilo del estado 
* del socio inactivo
* @Versión 1.0 
* @Autor Pedro Luis Sierra Negrette 
* @Fecha modificación 05/07/2012 
*/
.estadoSocioInactivo {
    background-color: #EEC8C8 !important;
    margin-top: -5px;
    margin-left: -3px;
    padding: 7px 7px 7px 7px !important;
    border-radius: 3px 3px 3px 3px;
    width: 155px;
}

/** 
* @Clase recuadroSocioActivoInactivo 
* @Descripción Especifica el estilo del estado del socio
* @Versión 1.0 
* @Autor Pedro Luis Sierra Negrette 
* @Fecha modificación 05/07/2012 
*/
.recuadroSocioActivoInactivo {
    background-repeat: repeat-x;
    margin: 25px 0px 25px 15px;
    border-radius: 2px;
    padding: 7px 15px 7px 15px;
    width: 135px;
}

/** 
* @Clase StyleTemplateGrid 
* @Descripción Especifica el estilo de una columna 
* Template en una grilla 
* @Versión 1.0 
* @Autor Pedro Luis Sierra Negrette 
* @Fecha modificación 28/06/2012 
*/
.StyleTemplateGrid {
    padding: 0px !important;
    width: 5px;
}

/*
* @Clase InformationMessage
* @Descripción Apariencia del mensaje 
* @Versión 1.0
* @Autor Antonio Paternina
* @Fecha modificación 14/06/2012
*/
.InformationMessage {
    background: #009CFF;
    color: #FFFFFF !important;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 10px;
    border-radius: 4px 4px 4px 4px;
    text-decoration: none;
}

    .InformationMessage span, .InformationMessage label {
        color: #FFFFFF;
    }

/*
* @Clase InformationMessage
* @Descripción Apariencia del mensaje 
* @Versión 1.0
* @Autor Antonio Paternina
* @Fecha modificación 14/06/2012
*/
.AdvertenciaMessage {
    background: #FBE8A5;
    color: #434343 !important;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 10px;
    border-radius: 4px 4px 0px 0px;
    text-decoration: none;
}


/** 
* @Clase PanelEstadoSocioActivo 
* @Descripción Establece un borde redondeado y color para un socio activo 
* @Versión 1.0 
* @Autor Eisner Puerta Carrillo 
* @Fecha modificación 26/06/2012 
*/
.PanelEstadoSocioActivo {
    border-radius: 5px 5px 5px 5px;
    background-color: #D0DED6;
}
/** 
* @Clase PanelEstadoSocioInactivo 
* @Descripción Establece un borde redondeado y color para un socio inactivo 
* @Versión 1.0 
* @Autor Eisner Puerta Carrillo 
* @Fecha modificación 26/06/2012 
*/
.PanelEstadoSocioInactivo {
    border-radius: 5px 5px 5px 5px;
    background-color: #EEC8C8;
}

/** 
* @Clase AlinearDerColumna 
* @Descripción Clase que se encarga de alinear a la derecha el contenido de los TextBox que contengan datos numericos. En especial es funcional con los controles de RadNumeric de Telerik.
* @Versión 1.0 
* @Autor Jhon J Jarney Guerrero Martinez
* @Fecha modificación 27/06/2012 
*/
.AlinearDerColumna {
    text-align: right;
}

/** 
* @Clase OcultarModal 
* @Descripción Oculta el modal 
* @Versión 1.0 
* @Autor Eisner Puerta Carrillo 
* @Fecha modificación 27/06/2012 
*/
.OcultarModal {
    display: none;
}


/** 
* @Clase rcTable 
* @Descripción Establece el tamaño de los datapicker 
* @Versión 1.0 
* @Autor Pedro Luis Sierra Negrette 
* @Fecha modificación 27/06/2012 
*/
.rcTable {
    width: 145px;
}


/** 
* @Clase estiloPunteroBotonesRibbon 
* @Descripción Establece el tipo de puntero (cursor) 
* Cuando el mouse esta sobre un botón del ribbon 
* Que abre un pop up 
* @Versión 1.0 
* @Autor Pedro Luis Sierra Negrette 
* @Fecha modificación 27/06/2012 
*/
.estiloPunteroBotonesRibbon {
    cursor: pointer;
}


/**
* @Clase       body
* @Descripción especifica el tipo de letra y color
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	09/06/2012
*/
.estiloPaginacion {
    border-top: 4px solid #0e79fd !important;
}



/** 
* @Clase ui-dialog .ui-dialog-title 
* @Clase que para el titulo del popup 
* @Versión 1.0 
* @Autor Jorge Luis Lozano De Avila 
* @Fecha modificación 27/06/2012 
*/
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
    color: White !important;
}

/** 
* @Clase .ui-dialog-titlebar-close.ui-corner-all 
* @Clase que que permite agregar y posocionar el boton de cerrar 
* en la esquina superior derecha del popup 
* @Versión 1.0 
* @Autor Jorge Luis Lozano De Avila 
* @Fecha modificación 27/06/2012 
*/
.ui-dialog-titlebar-close.ui-corner-all {
    background-image: url(images/BotonCerrar.png);
    padding-left: 5px;
    margin-left: -20px;
}
/** 
* @Clase .ui-dialog .ui-dialog-titlebar-close 
* @Clase que que permite darle un ancho al boton cerrar del popup 
* @Versión 1.0 
* @Autor Jorge Luis Lozano De Avila 
* @Fecha modificación 27/06/2012 
*/
.ui-dialog .ui-dialog-titlebar-close {
    width: 23px !important;
    margin: -10px 5px 0px !important;
}


/** 
* @Clase centraTabla 
* @Descripción Centra horizontalmente una tabla en su contenedor 
* @Versión 1.0 
* @Autor Manlio Ferreira 
* @Fecha modificación 28/06/2012 
*/
.centraTabla {
    margin: 0 auto;
    text-align: left;
    padding-top: 10px;
}


/** 
* @Clase Obligatorio 
* @Descripción Color para el asterico y el texto de campo requerido
* @Versión 1.0 
* @Autor Xavier Sarmiento
* @Fecha modificación 27/06/2012 
*/
.Obligatorio {
    color: #A72121;
}

/** 
* @Clase colorEnlaceQueMasPuedoHacer 
* @Descripción Establece el color de los enlaces 
* del boton que abre un pop up en el ribbon 
* @Versión 1.0 
* @Autor Pedro Luis Sierra Negrette 
* @Fecha modificación 27/06/2012 
*/
.colorEnlaceQueMasPuedoHacer:link {
    color: #434343;
    font-size: 9pt;
    text-decoration: underline;
}

/** 
* @Clase colorEnlaceQueMasPuedoHacer 
* @Descripción Establece el color de los enlaces 
* cuando el puntero esta sobre él 
* @Versión 1.0 
* @Autor Pedro Luis Sierra Negrette 
* @Fecha modificación 27/06/2012 
*/
.colorEnlaceQueMasPuedoHacer:hover {
    color: #434343;
    font-size: 9pt;
    text-decoration: underline;
}

/** 
* @Clase informacion
* @Descripción Define el color para los cuadros de información plamados en pantalla.
* @Versión 1.0 
* @Autor Jhon J Jarney Guerrero Martinez
* @Fecha modificación 27/06/2012 
*/
.informacion {
    background-color: #009CFF;
    border-radius: 4px 4px 4px 4px;
}

    .informacion span, .informacion label {
        color: #FFFFFF;
    }

/** 
* @Clase bloqueados
* @Descripción Clase especifica el color en el cual los campos de una grilla se ven cuando se bloquea una habitación
* @Versión 1.0 
* @Autor Jhon J Jarney Guerrero Martinez
* @Fecha modificación 27/06/2012 
*/
.bloqueados {
    background-color: #FDF6DE;
}

/** 
* @Clase noBloqueados
* @Descripción Clase especifica el color en el cual los campos de una grilla se ven cuando se NO bloquea una habitación
* @Versión 1.0 
* @Autor Jhon J Jarney Guerrero Martinez
* @Fecha modificación 27/06/2012 
*/

.noBloqueados {
    background-color: #BECCE2;
}

/** 
* @Clase th 
* @Descripción sobreescritura del th que esta en la css default del dotnetnuke
* @Versión 1.0 
* @Autor Xavier Sarmiento
* @Fecha modificación 27/06/2012 
*/
th {
    font-size: 10pt !important;
    font-weight: bold !important;
}

/**
* @Clase       cuadroAzul
* @Descripción Especifica que un div dibuje un pequeño cuadro azul.
* @Versión     1.0
* @Autor       Jhon Guerrero
* @Fecha modificación	29/06/2012
*/
.cuadroAzul {
    background-color: #465A7B;
    width: 15px;
    height: 15px;
    float: left;
}

/**
* @Clase       elementosPendientes
* @Descripción Especifica el color de la letra que se le debe especificar al GridView para los elementos pendientes por devolver.
* @Versión     1.0
* @Autor       Jhon Guerrero
* @Fecha modificación	29/06/2012
*/
.Links {
    color: #465A7B;
}

    /**
* @Clase       Links:hover
* @Descripción Especifica el color de la letra de los link.
* @Versión     1.0
* @Autor       Eisner Puerta
* @Fecha modificación	29/06/2012
*/
    .Links:hover {
        color: #83bbff;
    }

/**
* @Clase       Links:hover
* @Descripción Especifica el color de la letra de los link.
* @Versión     1.0
* @Autor       Eisner Puerta
* @Fecha modificación	29/06/2012
*/
.Underline {
    text-decoration: underline;
}
/**
* @Clase       elementosPendientes
* @Descripción Especifica el color de la letra que se le debe especificar al GridView para los elementos pendientes por devolver.
* @Versión     1.0
* @Autor       Jhon Guerrero
* @Fecha modificación	29/06/2012
*/
.elementosPendientes {
    color: #465A7B;
}

/**
* @Clase       divContenedorMensajesAlerta
* @Descripción Define El estilo de los mensajes de alerta, los colores y ancho estan definidos poor defecto pero
               Tienen que ser redefinidos por javascript dependiendo el estado de la alerta.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.divContenedorMensajesAlerta {
    background-color: #FFF3C9;
    padding: 0px;
    width: 165px;
    height: 30px;
    border-radius: 4px;
}

/**
* @Clase       divContenedorMensajesAlerta
* @Descripción Define El estilo de los mensajes de alerta, vacio
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.ningunMensaje {
    background-color: transparent;
    padding: 0px;
    width: 165px;
    height: 30px;
    border-radius: 4px;
}


/**
* @Clase       imgContenedorMensajeAlerta
* @Descripción Define El estilo de la Imagen del mensaje de alerta.
               La imagen debe ser definida por javascript dependiendo de la alerta
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.imgContenedorMensajeAlerta {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    padding-left: 5px;
}


/**
* @Clase       lblMensajeAlerta
* @Descripción Define El estilo del Label del mensaje de alerta.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.lblMensajeAlerta {
    margin-left: 10px;
    margin-top: 0px;
    color: #434343;
    position: relative;
    top: 7px;
    font-size: 11pt;
}

/** 
* @Clase  LabelResaltado
* @Descripción Negrita y con mayor tamaño los  tipos de letras que se necesitabn reserva
* @Versión 1.0 
* @Autor Jonathan Vargas 
* @Fecha modificación 11/07/2012 
*/
.LabelResaltado {
    font-size: 12pt;
    font-weight: bold;
}

/**
* @Clase       ayudaF4
* @Descripción Define El estilo del control busqueda.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.ayudaf4 {
    width: 100px !important;
}

.socioActivo {
    display: block;
    background-color: #D2E2DA;
}

.socioRetirado {
    display: block;
    background-color: #F3D3D3;
}


/**
* @Clase       estiloColumnaAligDerecha
* @Descripción Define el estilo de una columna de una grilla
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	24/07/2012
*/
.estiloColumnaAligDerecha {
    font-family: Arial;
    text-align: right;
}

/** 
* @Clase Listbox 
* @Descripción le da formato a los listbox
* @Versión 1.0 
* @Autor Xavier Sarmiento
* @Fecha modificación 13/07/2012 
*/
.Listbox {
    background-color: white;
    width: 300px;
    height: auto;
    max-height: 300px;
    max-width: 300px;
    overflow: auto;
    margin: 15px auto;
    border: 1px solid #EFE;
}
/** 
* @Clase Listbox 
* @Descripción le da formato a los listbox
* @Versión 1.0 
* @Autor Xavier Sarmiento
* @Fecha modificación 13/07/2012 
*/
.contenedorListBox {
    background-color: White;
    width: 300px;
    height: 150px;
    margin: 15px auto;
    border: 1px solid #CCC !important;
    overflow: auto;
}


/** 
* @Clase rcTab 
* @Descripción Establece el tamaño de los datapicker 
* @Versión 1.0 
* @Autor Antonio Jose Paternina Cardenas 
* @Fecha modificación 13/07/2012 
*/
.rcTab {
    width: 145px !important;
}


/**
* @Clase       QueMasPuedoHacer
* @Descripción Define El estilo de que mas puedo hacer.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.QueMasPuedoHacer {
    width: 100%;
    height: 40px;
    border-top: 1px solid #CECECE;
    top: -25px;
    position: relative;
}

/**
* @Clase       imgQueMasPuedoHacer
* @Descripción Define El estilo de que mas puedo hacer.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.imgQueMasPuedoHacer {
    position: relative;
    top: 15px;
    left: 25px;
}

/**
* @Clase       TextoQueMasPuedoHacer
* @Descripción Define El estilo de que mas puedo hacer.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.TextoQueMasPuedoHacer {
    position: relative;
    top: 5px;
    color: #535353;
    left: 25px;
    font-size: 11pt;
}

/**
* @Clase       AccionQuePuedoHacer
* @Descripción Define El estilo de que mas puedo hacer.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.AccionQuePuedoHacer {
    position: relative;
    top: 23px;
    font-size: 10pt;
    left: -150px;
    color: #535353;
    cursor: pointer;
    text-decoration: underline;
}

    /**
* @Clase       AccionQuePuedoHacer:hover
* @Descripción Define El estilo de que mas puedo hacer.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
    .AccionQuePuedoHacer:hover {
        text-decoration: none;
    }

/**
* @Clase       ColorEnlaceEstadosHabitaciones:link
* @Descripción Define el estilo del enlace del tipo de hab.
* @Versión     1.0
* @Autor       Pedro Luis Sierra Negrette
* @Fecha modificación	26/07/2012
*/
.ColorEnlaceEstadosHabitaciones:link {
    color: #434343 !important;
    font-size: 12pt !important;
    font-weight: bold !important;
}

/**
* @Clase       ColorEnlaceEstadosHabitaciones:hover
* @Descripción Define el estilo del enlace del tipo de hab.
* @Versión     1.0
* @Autor       Pedro Luis Sierra Negrette
* @Fecha modificación	26/07/2012
*/
.ColorEnlaceEstadosHabitaciones:hover {
    color: #83bbff !important;
    font-size: 12pt !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

/**
* @Clase       estiloEstadosDeLasHabitaciones
* @Descripción Estilo del contenedor global del estado de las hab.
* @Versión     1.0
* @Autor       Pedro Luis Sierra Negrette
* @Fecha modificación	26/07/2012
*/
.estiloEstadosDeLasHabitaciones {
    width: 70px !important;
    height: 65px !important;
    border-radius: 7px !important;
    background-color: #E9EBED;
}

/**
* @Clase       estiloLabelTipoHabitacion
* @Descripción Estilo del label del tipo de habitación
* @Versión     1.0
* @Autor       Pedro Luis Sierra Negrette
* @Fecha modificación	26/07/2012
*/
.estiloLabelTipoHabitacion {
    font-size: 8pt;
    float: right;
    margin-top: -22px;
    color: #434343;
}

/**
* @Clase       estiloDivCeldaVerde
* @Descripción Estilo del estado listo (habitación)
* @Versión     1.0
* @Autor       Pedro Luis Sierra Negrette
* @Fecha modificación	26/07/2012
*/
.estiloDivCeldaVerde {
    margin: 10px;
    padding-top: 7px !important;
    background-color: #7DC84D;
    height: 25px;
    width: 70px;
    border-radius: 4px !important;
}


/**
* @Clase       celdaEnVerde
* @Descripción Estilo del estado bloqueado (habitación)
* @Versión     1.0
* @Autor       Jhon J Jarney Guerrero Martinez
* @Fecha modificación	09/08/2012
*/
.celdaEnVerde {
    background-color: #7DC84D;
    font-weight: bold;
}



.alineacion {
    text-align: right;
    width: 150px;
    padding-right: 15px;
}

.Botones {
    width: 100%;
}


/**
* @Clase       estiloDivCeldaRojo
* @Descripción Estilo del estado no disponible (habitación)
* @Versión     1.0
* @Autor       Pedro Luis Sierra Negrette
* @Fecha modificación	26/07/2012
*/
.estiloDivCeldaRojo {
    margin: 10px;
    padding-top: 7px !important;
    background-color: #E04747;
    height: 25px;
    width: 70px;
    border-radius: 4px !important;
}

/**
* @Clase       celdaEnRojo
* @Descripción Estilo del estado bloqueado (habitación)
* @Versión     1.0
* @Autor       Jhon J Jarney Guerrero Martinez
* @Fecha modificación	09/08/2012
*/
.celdaEnRojo {
    background-color: #E04747;
    font-weight: bold;
}

/**
* @Clase       estiloDivCeldaAmarillo
* @Descripción Estilo del estado bloqueado (habitación)
* @Versión     1.0
* @Autor       Pedro Luis Sierra Negrette
* @Fecha modificación	26/07/2012
*/
.estiloDivCeldaAmarillo {
    margin: 10px;
    padding-top: 7px !important;
    background-color: #F9E495;
    height: 25px;
    width: 70px;
}

.colorAmarilloInformación {
    height: 20px;
    width: 20px;
    background-color: #F9E495;
    float: left;
}

/**
* @Clase       rgFooter
* @Descripción color del footer de la radgrid telerik
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	26/07/2012
*/
.rgFooter {
    margin: 10px;
    padding-top: 7px !important;
    background-color: #BFD0BF;
    height: 25px;
    width: 55px;
    border-radius: 4px !important;
}

/**
* @Clase       celdaEnAmarillo
* @Descripción Estilo del estado bloqueado (habitación)
* @Versión     1.0
* @Autor       Jhon J Jarney Guerrero Martinez
* @Fecha modificación	09/08/2012
*/
.celdaEnAmarillo {
    background-color: #F5E636;
    font-weight: bold;
}

/**
* @Clase       celdaEnAmarillo
* @Descripción Estilo del estado bloqueado (habitación)
* @Versión     1.0
* @Autor       Jhon J Jarney Guerrero Martinez
* @Fecha modificación	09/08/2012
*/
.celdaEnAzulClaro {
    background-color: #0BCAC6;
    font-weight: bold;
}


/**
* @Clase       estiloDivCeldaAmarillo
* @Descripción Estilo del estado bloqueado (habitación)
* @Versión     1.0
* @Autor       Pedro Luis Sierra Negrette
* @Fecha modificación	26/07/2012
*/
.estiloDivCeldaAzul {
    margin: 10px;
    padding-top: 7px !important;
    background-color: #1938AB;
    height: 25px;
    width: 55px;
    border-radius: 4px !important;
    color: White;
}


/**
* @Clase       celdaEnAmarillo
* @Descripción Estilo del estado bloqueado (habitación)
* @Versión     1.0
* @Autor       Jhon J Jarney Guerrero Martinez
* @Fecha modificación	09/08/2012
*/
.celdaEnAzulOscuro {
    background-color: #1938AB;
    font-weight: bold;
}



/**
* @Clase       RadTreeView_Default .rtIn 
* @Descripción Define El estilo de RadTreeView.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.RadTreeView_Default .rtIn {
    color: #434343;
    cursor: pointer;
}

/**
* @Clase       RadTreeView_Default .rtSelected .rtIn
* @Descripción Define El estilo de RadTreeView.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.RadTreeView_Default .rtSelected .rtIn {
    color: #46547B !important;
    background-color: transparent;
    background-image: none;
    border: none;
}

/**
* @Clase       RadTreeView_Default .rtHover .rtIn
* @Descripción Define El estilo de RadTreeView.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.RadTreeView_Default .rtHover .rtIn {
    color: #83bbff !important;
    background-color: transparent;
    background-image: none;
    border: none;
}

/**
* @Clase       PanelSinTitulo
* @Descripción Define El estilo de un panel sin header.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.PanelSinTitulo {
    position: relative;
    background-color: #F3F2F2;
    border-radius: 3px 3px 3px 3px;
}

/**
* @Clase       RelojClienteZeus
* @Descripción Define El estilo de un panel sin header.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.RelojClienteZeus {
    font-size: 20pt;
    font-weight: bold;
    color: #434343;
}

/**
* @Clase       DiaClienteZeus
* @Descripción Define El estilo del dia.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	11/07/2012
*/
.DiaClienteZeus {
    font-size: 13pt;
    color: #434343;
}

/**
* @Clase       PosicionIngresos
* @Descripción Define El estilo del tipo de ingreso para clubes.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	17/07/2012
*/
.PosicionIngresos {
    width: 780px;
    height: auto;
    left: 63px;
    overflow-x: hidden;
    overflow-y: hidden;
    max-height: 100px;
    top: 10px !important;
}

/**
* @Clase       TipoIngreso
* @Descripción Define El estilo del tipo de ingreso para clubes.
* @Versión     1.0
* @Autor       Moises Castellar Cuervo
* @Fecha modificación	17/07/2012
*/
.TipoIngreso {
    position: relative;
    width: 2800px;
    max-height: 65px;
}

/**
* @Clase       BotonesDinamicos
* @Descripción Clase que controla
*la apariencia de los botones dinamicos con salto de linea.
* @Versión     1.0
* @Autor       Eisner Puerta Carrillo
* @Fecha modificación	16/05/2013
*/
.BotonesDinamicos {
    width: 110px;
    white-space: nowrap;
    height: 30px;
    position: relative;    
    cursor: pointer;
    border: 1px solid #0E79FD;
    border-radius: 1.5rem;
    border-color: #0E79FD;
    background-color: #FFFFFF;
    color: #0E79FD !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    /**
* @Clase       BotonesDinamicos
* @Descripción Clase que controla
*la apariencia de los botones dinamicos con salto de linea.
* @Versión     1.0
* @Autor       Eisner Puerta Carrillo
* @Fecha modificación	16/05/2013
*/
    .BotonesDinamicos:hover {
        width: 110px;
        white-space: nowrap;
        height: 30px;
        position: relative;    
        cursor: pointer;
        border: 1px solid #0E79FD;
        border-radius: 1.5rem;
        border-color: #0E79FD;
        background-color: #0E79FD;
        color: #FFFFFF !important;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

/**
* @Clase       BotonesDinamicosIngreso
* @Descripción Clase que controla
*la apariencia de los botones dinamicos con salto de linea.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
.BotonesDinamicosIngreso {
    width: 120px;
    white-space: normal;
    height: 56px;
    position: relative;
    cursor: pointer;
    border: 1px solid #0E79FD;
    border-radius: 1.5rem;
    border-color: #0E79FD;
    background-color: #FFFFFF;
    color: #0E79FD !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    /**
* @Clase       BotonesDinamicosIngreso
* @Descripción Clase que controla
*la apariencia de los botones dinamicos con salto de linea.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
    .BotonesDinamicosIngreso:hover {
        width: 120px;
        white-space: normal;
        height: 56px;
        position: relative;
        cursor: pointer;
        border: 1px solid #0E79FD;
        border-radius: 1.5rem;
        border-color: #0E79FD;
        background-color: #0E79FD;
        color: #FFFFFF !important;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

        .BotonesDinamicosIngreso:hover img {
            filter: hue-rotate(47deg) brightness(500%);
        }
        /**
* @Clase       BotonesDinamicosIngresoNowRap
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
        /*.BotonesDinamicosIngresoNowRap {
    width: 120px;
    white-space: nowrap;
    height: 56px;
    position: relative;
    border: 1px solid #DFE0E3;
    border-radius: 2px;
    background: transparent url(images/BarraBotonTouch.png) repeat-x;
    color: #575757;
    cursor: pointer;
}*/
        /**
* @Clase       BotonesDinamicosIngresoNowRap
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
        /*.BotonesDinamicosIngresoNowRapDesact {
    width: 120px;
    white-space: nowrap;
    height: 56px;
    position: relative;
    border: 1px solid #DFE0E3;
    border-radius: 2px;
    background: transparent url(images/BarraBotonTouch.png) repeat-x;
    color: #575757;
    cursor: default;
    text-decoration: none;
}*/
        /**
* @Clase       BotonesDinamicosIngresoNowRap
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
        /*    .BotonesDinamicosIngresoNowRapDesact:hover {
        width: 120px;
        white-space: nowrap;
        height: 56px;
        position: relative;
        border: 1px solid #DFE0E3;
        border-radius: 2px;
        background: transparent url(images/BarraBotonTouch.png) repeat-x;
        color: #575757;
        cursor: default;
        text-decoration: none;
    }*/
        /**
* @Clase       BotonesCuentasFacturacion
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	18/07/2012
*/
        .BotonesCuentasFacturacion {
            white-space: nowrap;
            height: 30px;
            position: relative;
            border-radius: 1.5rem;
            cursor: pointer;
            padding-left: 5px;
            padding-right: 5px;
            text-align: center;
            border-color: #0E79FD;
            background-color: #0E79FD;
            color: #fff;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            box-shadow: 0px 3px 12px #2345CB33;
            font-weight: 400;
        }



    .BotonesCuentasFacturacion[disabled] {
        opacity: .5;
        background-color: #0E79FD;
        border-color: #0E79FD;
    }

        .BotonesCuentasFacturacion[disabled]:hover {
            opacity: .5;
            background-color: #0E79FD;
            border-color: #0E79FD;
        }


    /**
* @Clase       BotonesCuentasFacturacion
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	18/07/2012
*/
    .BotonesCuentasFacturacion:hover {
        background-color: #2345CB;
        border-color: #2345CB;
        cursor: pointer;
    }

/**
* @Clase       BotonesDinamicosFacturacion
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
.BotonesDinamicosFacturacion,
.BotonesDinamicosIngresoNowRap {
    width: 110px;
    white-space: nowrap;
    height: 30px;
    position: relative;
    border: 1px solid #0E79FD;
    border-radius: 1.5rem;
    cursor: pointer;
    border-color: #0E79FD;
    background-color: #FFFFFF;
    color: #0E79FD !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-weight: 700 !important;
    text-align: center;
}



    .BotonesDinamicosFacturacion:not(.aspNetDisabled):hover,
    .BotonesDinamicosIngresoNowRap:not(.aspNetDisabled):hover {
        background: #0E79FD;
        color: #FFFFFF !important;
    }

    .BotonesDinamicosFacturacion[disabled],
    .BotonesDinamicosIngresoNowRap[disabled],
    .BotonesDinamicosIngresoNowRapDesact {
        opacity: .5;
        background-color: #FFFFFF;
        border-color: #0E79FD;
        border: 1px solid #0E79FD;
        border-radius: 1.5rem;
    }

        .BotonesDinamicosFacturacion[disabled]:hover,
        .BotonesDinamicosIngresoNowRap[disabled]:hover,
        .BotonesDinamicosIngresoNowRapDesact:hover {
            opacity: .5;
            background-color: #FFFFFF;
            border-color: #0E79FD;
            border: 1px solid #0E79FD;
            border-radius: 1.5rem;
        }

    /**
* @Clase       BotonesDinamicosFacturacion
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
    .BotonesDinamicosFacturacion:hover,
    .BotonesDinamicosIngresoNowRap:hover {
        background-color: #0E79FD;
        border-color: #0E79FD;
        cursor: pointer;
    }

/**
* @Clase       BotonesDinamicosAjustesEspeciales
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	18/07/2012
*/
.BotonesDinamicosAjustesEspeciales {
    width: 110px;
    white-space: nowrap;
    height: 30px;
    position: relative;
    cursor: pointer;
    border: 1px solid #0E79FD;
    border-radius: 1.5rem;
    border-color: #0E79FD;
    background-color: #FFFFFF;
    color: #0E79FD !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .BotonesDinamicosAjustesEspeciales[disabled] {
        color: #D9D9D9 !important;
    }

        .BotonesDinamicosAjustesEspeciales[disabled]:hover {
            color: #D9D9D9 !important;
        }

    /**
* @Clase       BotonesDinamicosAjustesEspeciales
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Pedro Sierra
* @Fecha modificación	18/07/2012
*/
    .BotonesDinamicosAjustesEspeciales:hover {
        width: 110px;
        white-space: nowrap;
        height: 30px;
        position: relative;
        cursor: pointer;
        text-decoration: none;
        border: 1px solid #0E79FD;
        border-radius: 1.5rem;
        border-color: #0E79FD;
        background-color: #0E79FD;
        color: #FFFFFF !important;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

/**
* @Clase       BotonesDinamicosFacturacion
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
/*.BotonesDinamicosIngresoNowRap:hover {
    width: 120px;
    white-space: nowrap;
    height: 56px;
    position: relative;
    border: 1px solid #DFE0E3;
    border-radius: 2px;
    background: transparent url(images/BarraBotonTouchSelec.png) repeat-x;
    color: #575757;
    cursor: pointer;
    text-decoration: none;
}*/



/**
* @Clase       BotonesDinamicosPop
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
.BotonesDinamicosPop {
    width: 120px;
    white-space: nowrap;
    height: 56px;
    position: relative;
    border: 1px solid #DFE0E3;
    border-radius: 2px;
    background: transparent url(images/BarraBotonTouch.png) repeat-x;
    color: #434343 !important;
    cursor: pointer;
}

    /**
* @Clase       BotonesDinamicosPop
* @Descripción Clase que controla
*la apariencia de los botones dinamicos sin salto de linea.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
    .BotonesDinamicosPop:hover {
        width: 120px;
        white-space: nowrap;
        height: 56px;
        position: relative;
        border: 1px solid #DFE0E3;
        border-radius: 2px;
        background: transparent url(images/BarraBotonTouchSelec.png) repeat-x;
        color: #434343 !important;
        cursor: pointer;
        text-decoration: none;
    }



/**
* @Clase       BotonesDinamicosPorIngresar
* @Descripción Clase que controla
*la apariencia de los botones dinamicos de personas por ingresar.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/07/2012
*/
.BotonesDinamicosPorIngresar {
    width: 130px;
    white-space: normal;
    margin: 15px 5px 5px 15px;
    height: 56px;
    top: 0px;
    position: relative;
    border: 1px solid #DFE0E3;
    border-radius: 2px;
    background: transparent url(images/BarraBotonTouch.png) repeat-x;
    color: #575757;
    cursor: pointer;
}

    /**
* @Clase       BotonesDinamicosPorIngresar
* @Descripción Clase que controla
*la apariencia de los botones dinamicos de personas por ingresar.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	23/07/2012
*/
    .BotonesDinamicosPorIngresar:hover {
        width: 130px;
        white-space: normal;
        margin: 15px 5px 5px 15px;
        height: 56px;
        top: 0px;
        position: relative;
        border: 1px solid #DFE0E3;
        border-radius: 2px;
        background: transparent url(images/BarraBotonTouchSelec.png) repeat-x;
        color: #575757;
        cursor: pointer;
    }

/**
* @Clase       estiloBotonesDesabilitado
* @Descripción Clase que controla
*la apariencia de los botones Desabilitados.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
.estiloBotonesDesabilitado {
    /* background-image: url(images/FondoBotones.png); */
    /* background-repeat: repeat-x; */
    /* margin: 25px 0px 25px 15px; */
    /* border-radius: 2px; */
    /* box-shadow: 0 0 2px 2px #888; */
    cursor: default;
    padding: 5px;
    opacity: .5 !important;
    background-color: #0E79FD !important;
    border-color: #0E79FD !important;
    cursor: not-allowed !important;
    margin: 25px 0px 25px 15px;
    border-radius: 1.5rem;
    padding: 7px 5px 7px 5px !important;
    line-height: 1.5;
    /* border-radius: 0.2rem; */
    color: #fff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: 0px 3px 12px #2345CB33;
}

/**
* @Clase       imgButton
* @Descripción Clase para botones tactiles con Imagenes.
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	18/07/2012
*/
.imgButton {
    position: relative;
    width: 120px;
    height: 56px;
    margin: 0px 5px 0px 5px;
    border: 1px solid #DFE0E3;
    border-radius: 2px;
    background-image: url("images/BarraBotonTouch.png");
    background-repeat: repeat-x;
    color: #575757;
    cursor: pointer;
}


.ColorItems {
    background-color: #E6EBEF;
}

/**
* @Clase       html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default
* @Descripción Clase para tamaño de letra textbox telerik
* @Versión     1.0
* @Autor       Xavier Sarmiento
* @Fecha modificación	18/07/2012
*/
html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    font: 10pt Arial, Sans-serif !important;
    line-height: normal;
}

/** 
* @Clase estiloTituloResaltado 
* @Descripción Estilo de los titulos 
* @Versión 1.0 
* @Autor Pedro Luis Sierra Negrette 
* @Fecha modificación 23/07/2012 
*/
.estiloTituloResaltado {
    font-weight: bold;
    font-size: 12pt;
}
/** 
* @Clase recuadroEstadosDeLasHabitaciones 
* @Descripción Apariencia de la ventana emergente con 
* la información de los estados de las habitaciones 
* @Versión 1.0 
* @Autor Pedro Luis Sierra Negrette 
* @Fecha modificación 23/07/2012 
*/

.recuadroEstadosDeLasHabitaciones {
    background-color: #DBE0E4;
    border-radius: 7px;
    padding: 25px;
    width: 100px;
    text-align: center;
    font-size: 14pt;
}
/** 
* @Clase colorArbol
* @Descripción Apariencia de los arboles de asp 
* @Versión 1.0 
* @Autor Xavier Sarmiento Parra
* @Fecha modificación 26/07/2012 
*/
.colorArbol {
    text-decoration: none;
    font-family: Arial !important;
    font-size: 10pt;
    color: #434343;
}
    /** 
* @Clase colorArbol
* @Descripción Apariencia de los arboles de asp 
* @Versión 1.0 
* @Autor Xavier Sarmiento Parra
* @Fecha modificación 26/07/2012 
*/
    .colorArbol:hover {
        color: #83bbff;
    }

/** 
* @Clase estiloPunteroBotonesRibbonDesactivado 
* @Descripción Establece el tipo de puntero (flecha) 
* Cuando el mouse esta sobre un botón del ribbon Desactivado
* Que abre un pop up 
* @Versión 1.0 
* @Autor Aurelio Rosales Camacho 
* @Fecha modificación 27/07/2012 
*/
.estiloPunteroBotonesRibbonDesactivado {
    cursor: default;
}

/** 
* @Clase arbol 
* @Descripción Establece la posición para un control treeview con imagen 
* @Versión 1.0 
* @Autor Manlio Ferreira Herrera 
* @Fecha modificación 07/08/2012 
*/
.arbol {
    display: block;
    border: 1px #828286 solid;
    margin: 20px 15px;
    padding-bottom: 30px;
}
    /** 
* @Clase arbol 
* @Descripción Establece la posición para un control treeview con imagen 
* @Versión 1.0 
* @Autor Manlio Ferreira Herrera 
* @Fecha modificación 07/08/2012 
*/
    .arbol img {
        margin-right: 5px;
    }

/** 
* @Clase ayudaTouch 
* @Descripción tamaño de los botones touch
* @Versión 1.0 
* @Autor Xavier Sarmiento 
* @Fecha modificación 07/08/2012 
*/
.ayudaTouch {
    font-size: 20pt;
    font-family: Arial;
}

/** 
* @Clase btnLupa 
* @Descripción Estilos para botones tipo Lupa campos Localizar
* @Versión 1.0 
* @Autor Moises Castellar 
* @Fecha modificación 14/08/2012 
*/
.btnLupa {
    border: none;
    background: transparent url("images/ayuda.png") no-repeat;
    background-position: 50 50;
    cursor: pointer;
}

/** 
* @Clase filaSeleccionada 
* @Descripción cambia de color una fila de la grilla 
* @Versión 1.0 
* @Autor Manlio Ferreira Herrera 
* @Fecha modificación 17/08/2012 
*/
.filaSeleccionada {
    background-color: #E3F3FF;
}

    /** 
* @Clase filaSeleccionada 
* @Descripción cambia de color una fila de la grilla 
* @Versión 1.0 
* @Autor Manlio Ferreira Herrera 
* @Fecha modificación 27/08/2013 
*/
    .filaSeleccionada:hover {
        background-color: #E3F3FF;
    }

/** 
* @Clase TextoEliminado 
* @Descripción cambia de color el texto, para representar que son datos eliminados 
* @Versión 1.0 
* @Autor Manlio Ferreira Herrera 
* @Fecha modificación 17/08/2012 
*/
.TextoEliminado {
    color: #E04747;
}
/** 
* @Clase BotonesDinamicosIngresoNowRapSelect 
* @Descripción Clase que controla 
*la apariencia de los botones dinamicos sin salto de linea cuando
*estan seleccionados. 
* @Versión 1.0 
* @Autor Moises Castellar 
* @Fecha modificación 18/07/2012 
*/
/*.BotonesDinamicosIngresoNowRapSelect {
    width: 120;
    white-space: nowrap;
    height: 56px;
    position: relative;
    border: 1px solid #DFE0E3;
    border-radius: 2px;
    background: transparent url(images/BarraBotonTouchSelec.png) repeat-x;
    color: #575757;
    cursor: pointer;
}*/

/** 
* @Clase BotonesDinamicosVentanaFacturacionSelected 
* @Descripción Clase que controla 
*la apariencia de los botones dinamicos sin salto de linea cuando
*estan seleccionados. 
* @Versión 1.0 
* @Autor Pedro Sierra
* @Fecha modificación 06/02/2013
*/
.BotonesDinamicosVentanaFacturacionSelected, .BotonesDinamicosFacturacionSelected, .BotonesDinamicosTipoVisualizacionSelected {
    width: 110px;
    white-space: nowrap;
    height: 30px;
    position: relative;
    border: 1px solid #0E79FD;
    border-radius: 1.5rem;
    cursor: pointer;
    border-color: #0E79FD;
    background-color: #0E79FD;
    color: #0E79FD !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-weight: 700 !important;
    text-align: center;
}

    /** 
* @Clase BotonesDinamicosVentanaFacturacionSelected 
* @Descripción Clase que controla 
*la apariencia de los botones dinamicos sin salto de linea cuando
*estan seleccionados. 
* @Versión 1.0 
* @Autor Pedro Sierra
* @Fecha modificación 06/02/2013
*/
    .BotonesDinamicosVentanaFacturacionSelected:hover, .BotonesDinamicosFacturacionSelected:hover, .BotonesDinamicosTipoVisualizacionSelected:hover {
        border-color: #0E79FD;
        background-color: #0E79FD;
    }

/** 
* @Clase .BotonesDinamicosAjustesEspecialesSelected 
* @Descripción Clase que controla 
*la apariencia de los botones dinamicos sin salto de linea cuando
*estan seleccionados. 
* @Versión 1.0 
* @Autor Pedro Sierra
* @Fecha modificación 06/02/2013
*/
.BotonesDinamicosAjustesEspecialesSelected {
    width: 120px;
    white-space: nowrap;
    height: 56px;
    position: relative;
    cursor: pointer;
    border: 1px solid #0E79FD;
    border-radius: 1.5rem;
    border-color: #0E79FD;
    background-color: #0E79FD;
    color: #FFFFFF !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    /** 
* @Clase BotonesDinamicosIngresoNowRapSelect 
* @Descripción Clase que controla 
*la apariencia de los botones dinamicos sin salto de linea cuando
*estan seleccionados. 
* @Versión 1.0 
* @Autor Moises Castellar 
* @Fecha modificación 18/07/2012 
*/
    /*.BotonesDinamicosIngresoNowRapSelect:hover {
    width: 110px;
    white-space: nowrap;
    height: 30px;
    position: relative;
    border: 1px solid #DFE0E3;
    border-radius: 2px;
    background: transparent url(images/BarraBotonTouchSelec.png) repeat-x;
    color: #575757;
    cursor: pointer;
    text-decoration: none;
}*/

    /** 
* @Clase BotonesDinamicosAjustesEspecialesSelected 
* @Descripción Clase que controla 
*la apariencia de los botones dinamicos sin salto de linea cuando
*estan seleccionados. 
* @Versión 1.0 
* @Autor Pedro Sierra
* @Fecha modificación 06/02/2013
*/
    .BotonesDinamicosAjustesEspecialesSelected:hover {
        width: 120px;
        white-space: nowrap;
        height: 56px;
        position: relative;
        cursor: pointer;
        text-decoration: none;
        border: 1px solid #0E79FD;
        border-radius: 1.5rem;
        border-color: #0E79FD;
        background-color: #0E79FD;
        color: #FFFFFF !important;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

/** 
* @Clase DatePickerDisabled 
* @Descripción Clase que controla la apariencia
* de los campos datepiker de telerik en modo disabled
* @Versión 1.0 
* @Autor Moises Castellar 
* @Fecha modificación 21/08/2012 
*/
.DatePickerDisabled {
    color: #A0A0A0;
    background-color: #EBEBE4 !important;
    border: 1px solid #D9D9D9;
}

/** 
* @Clase DatePickerEnabled 
* @Descripción Clase que controla la apariencia
* de los campos datepiker de telerik en modo Enableds
* @Versión 1.0 
* @Autor Moises Castellar 
* @Fecha modificación 21/08/2012 
*/
.DatePickerEnabled {
    background-color: White;
    color: #434343;
    border: 1px solid #D9D9D9;
}

/** 
* @Clase TextoEnfasis 
* @Descripción Clase para cambiar tamaño del texto
* @Versión 1.0 
* @Autor Jorge Ramírez 
* @Fecha modificación 07/01/2012 
*/
.TextoEnfasis {
    font-size: 14pt;
    font-weight: bold;
}

/** 
* @Clase DnnHiperviculosDt 
* @Descripción Clase que define la apariencia
* de los hipervinculos de DNN
* @Versión 1.0 
* @Autor Moises Castellar 
* @Fecha modificación 23/08/2012 
*/
.DnnHiperviculosDt {
    color: #445B7C;
    font-weight: normal;
    text-decoration: underline !important;
    font-size: 11pt;
    cursor: pointer;
}

    /** 
* @Clase DnnHiperviculosDt 
* @Descripción Clase que define la apariencia
* de los hipervinculos de DNN
* @Versión 1.0 
* @Autor Moises Castellar 
* @Fecha modificación 23/08/2012 
*/
    .DnnHiperviculosDt:hover {
        text-decoration: none !important;
        color: #83bbff;
    }



/** 
* @Clase columnaImportante 
* @Descripción cambia de color una columna de la grilla
* @Versión 1.0 
* @Autor Manlio Ferreira Herrera 
* @Fecha modificación 23/08/2012 
*/
.columnaImportante {
    background-color: #2345CB;
    color: #FFFFFF;
}

/** 
* @Clase LinksGrids 
* @Descripción Estilos de links para grid
* @Versión 1.0 
* @Autor Moises Castellar
* @Fecha modificación 03/09/2012 
*/
.LinksGrids {
    color: #036;
    text-decoration: underline;
}

/** 
* @Clase LinksGrids 
* @Descripción Estilos de links para grid
* @Versión 1.0 
* @Autor Eisner Puerta
* @Fecha modificación 09/05/2014 
*/

.LinksGridsSubrayado {
    color: #445B7C;
    text-decoration: underline;
}

    /** 
* @Clase LinksGrids 
* @Descripción Estilos de links para grid
* @Versión 1.0 
* @Autor Eisner Puerta
* @Fecha modificación 09/05/2014 
*/
    .LinksGridsSubrayado:hover {
        color: #83bbff;
        text-decoration: underline;
    }

/** 
* @Clase LinksGrids 
* @Descripción Estilos de links para grid
* @Versión 1.0 
* @Autor Moises Castellar
* @Fecha modificación 03/09/2012 
*/
.LinksGrids:hover {
    color: #83bbff;
    text-decoration: underline;
}

/** 
* @Clase LabelDia 
* @Descripción Estilos para los labels de los dias en el calendario de disponibilidad
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 19/09/2012 
*/
.LabelDia {
    height: 10px !important;
    width: 67px !important;
}

/** 
* @Clase LabelDisponibilidad 
* @Descripción Estilos para los labels de disponibilidad en el calendario de disponibilidad
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 19/09/2012 
*/
.LabelDisponibilidad {
    height: 16px !important;
    width: 10px !important;
    text-align: left;
}

/** 
* @Clase ImagenEvento 
* @Descripción Estilos para las imagenes de los eventos en el calendario de disponibilidad
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 19/09/2012 
*/
.ImagenEvento {
    width: 10px !important;
    height: 25px;
}

/** 
* @Clase PanelContenedorCalendario 
* @Descripción Estilos para el contenedor del calendario de disponibilidad
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 19/09/2012 
*/
.PanelContenedorCalendario {
    margin-left: 10px;
}


/*ESTILOS CALENDAR TELERIK*/
/** 
* @Clase table.RadCalendar_Special 
* @Descripción Estilos para el Telerik RadCalendar Special skin
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 20/09/2012 
*/
table.RadCalendar_Special {
    background: #BFCEDD;
    padding: 10px;
    color: #434343;
}

/** 
* @Clase .RadCalendar_Special .rcTitlebar 
* @Descripción Estilos para la barra de titulo del calendario de disponibilidad
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 20/09/2012 
*/
.RadCalendar_Special .rcTitlebar {
    width: 100%;
    border: 0;
    padding: 0;
    background: 0 0 no-repeat url(rcTitlebar.gif);
}

    /** 
* @Clase .RadCalendar_Special .rcTitlebar table 
* @Descripción Estilos para la barra de titulo del calendario de disponibilidad
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 20/09/2012 
*/
    .RadCalendar_Special .rcTitlebar table {
        width: 100%;
        border-collapse: separate;
        border: 0;
        font: 14px/36px "segoe ui",arial,sans-serif;
    }

/** 
* @Clase .RadCalendar_Special .rcMain
* @Descripción Estilos para Fondo de la tabla del calendario de disponibilidad
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 20/09/2012 
*/
.RadCalendar_Special .rcMain {
    width: 100%;
    border: 0;
    padding: 0;
}

/** 
* @Clase .RadCalendar_Special .rcMainTable
* @Descripción Estilos para Fondo de la tabla del calendario de disponibilidad
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 20/09/2012 
*/
.RadCalendar_Special .rcMainTable {
    border-collapse: separate;
    border: 0;
    width: 100%;
    font: 12px/17px "segoe ui",arial,sans-serif;
    background-color: #ffffff;
}

/** 
* @Clase .RadCalendar .rcRow td
* @Descripción Estilos Estilo de cada uno de los dias del calendario
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 20/09/2012 
*/
.RadCalendar .rcRow td {
    border-width: 0px !important;
    padding: 1px;
}

/** 
* @Clase .RadCalendar_Special .rcWeek th 
* @Descripción Estilo dias de la semana calendario de disponibilidad
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 20/09/2012 
*/
.RadCalendar_Special .rcWeek th {
    line-height: 28px;
    padding-bottom: 7px;
    background: url(images/BordeCalendario.png);
    text-align: center !important;
    color: #434343 !important;
    font-weight: normal !important;
}

/** 
* @Clase .rcWeek
* @Descripción Estilo de los dias de la semana calendario imagen de fondo
* @Versión 1.0 
* @Autor Jonathan Vargas
* @Fecha modificación 20/09/2012 
*/
.rcWeek {
    background: url(images/BordeCalendario.png);
    height: 45px;
    background-repeat: repeat-x;
}


/** 
* @Clase .rgDataDiv
* @Descripción Sobre escritura de la clase de las grid de telerik para que no tenga un espacio en blanco
* @Versión 1.0 
* @Autor Xavier Sarmiento
* @Fecha modificación 20/09/2012 
*/
.rgDataDiv {
    max-height: 450px !important;
    height: auto;
}

/** 
* @Clase .Circular 
* @Descripción coloca un div de forma circular con sombra
* @Versión 1.0 
* @Autor Xavier Sarmiento
* @Fecha modificación 28/09/2012 
*/
.Circular {
    background: #E0AE5F;
    height: 15px;
    width: 15px;
    border-radius: 16px;
    padding: 3px;
    text-align: center;
    color: #434343;
    border: 2px solid white;
    box-shadow: 2px 1px 2px #828286;
}

    .Circular span {
        cursor: default;
    }

/** 
* @Clase .FondoHabitacionesListaEspera 
* @Descripción el fondo de div que representan habitaciones en Lista de Espera
* @Versión 1.0 
* @Autor Manlio Ferreira
* @Fecha modificación 28/09/2012 
*/
.FondoHabitacionesListaEspera {
    background-color: #E0AE5F;
}

/** 
* @Clase .FondoHabitacionesListaEspera 
* @Descripción el fondo de div que representan habitaciones Utilizadas
* @Versión 1.0 
* @Autor Manlio Ferreira
* @Fecha modificación 28/09/2012 
*/
.FondoHabitacionesUtilizadas {
    background-color: #7D9FC0;
}

/** 
* @Clase .FondoHabitacionesListaEspera 
* @Descripción el fondo de div que representan habitaciones Reservadas
* @Versión 1.0 
* @Autor Manlio Ferreira
* @Fecha modificación 28/09/2012 
*/
.FondoHabitacionesReservadas {
    background-color: #6E9D58;
}

/** 
* @Clase .cuadroEstadoHabitacion
* @Cuadros de estado que aparecen en cada habitación de la ayuda en el plano
* @Versión 1.0 
* @Autor Jorge Ramírez
* @Fecha modificación 29/09/2012 
*/
.cuadroEstadoHabitacion {
    display: block;
    width: 11px;
    height: 11px;
    background-color: Red;
    position: absolute;
    z-index: 10000;
    border-radius: 10px;
}

/** 
* @Clase #pnlPlano
* @Estilos para el panel principal que contiene el plano en la ayuda en el plano
* @Versión 1.0 
* @Autor Jorge Ramírez
* @Fecha modificación 29/09/2012 
*/
#pnlPlano {
    margin-top: 1em;
    position: relative;
}

/** 
* @Clase .HabsOcupadas
* @Cuadros que muestran la habitaciones ocupadas/sucias de cada piso en la ayuda en el plano
* @Versión 1.0 
* @Autor Jorge Ramírez
* @Fecha modificación 29/09/2012 
*/
.HabsOcupadas {
    position: absolute;
    padding: 2px 4px;
    opacity: 0.9;
    font-weight: bold;
    font-size: 0.9em;
    letter-spacing: 2px;
    pointer-events: none;
    background-color: #BD0808;
    color: White;
}

/** 
* @Clase #BarraBotones
* @Estilos de la barra de navegación de la ayuda en el plano
* @Versión 1.0 
* @Autor Jorge Ramírez
* @Fecha modificación 29/09/2012 
*/
#BarraBotones {
    display: inline-block;
    float: right;
    margin-right: 10px;
    padding-bottom: 2px;
}

    /** 
* @Clase #BarraBotones .botonesBarra
* @Establecer la separación de los botones de la barra de navegación de la ayuda en el plano
* @Versión 1.0 
* @Autor Jorge Ramírez
* @Fecha modificación 29/09/2012 
*/
    #BarraBotones .botonesBarra {
        margin-left: 10px;
    }

/** 
* @Clase .CuadroAsignacion
* @Cuadros de estado de asignación de camáreras que aparece en la ayuda al plano.
* @Versión 1.0 
* @Autor Jorge Ramírez
* @Fecha modificación 29/09/2012 
*/
.CuadroAsignacion {
    background-color: #DDD;
    padding: 10px 20px;
    position: absolute;
    z-index: 10001;
    text-align: left;
    cursor: pointer;
    display: none;
}

    .CuadroAsignacion span:first-child {
        display: block;
        padding-bottom: 1em;
    }

/** 
* @Clases .Color
* @Conjunto de clases que determinan el color de los cuadros según los estados de habitación.
* @Versión 1.0 
* @Autor Jorge Ramírez
* @Fecha modificación 01/11/2012 
*/
.ColorEnInspeccion {
    background-color: #FF00FF;
}

.ColorSucia {
    background-color: #FF0000;
}

.ColorDesocupada {
    background-color: #7DC84D;
}

.ColorEnAseo {
    background-color: #F5E636;
}

.ColorBloqueoMantenimiento {
    background-color: #1938AB;
}

.ColorBloqueoAdministrativo {
    background-color: #0BCAC6;
}

.ColorOcupada {
    background-color: #FF0000;
}

.ColorDesocupada {
    background-color: #7DC84D;
}

.ColorBloqueada {
    background-color: #F5E636;
}



/** 
* @Clase mostrarCargando 
* @Descripción Clase para mostrar icono cargando 
* @Versión 1.0 
* @Autor Juan David Ricardo 
* @Fecha modificación 26/08/2012 
*/
.mostrarCargando {
    position: fixed;
    width: 220px;
    /*border: 2px solid #0d6de3 !important;*/
    /*background: #ffffff !important;*/
    padding: 5px;
    left: 600px;
    top: 370px;
    z-index: 10004;
    display: none;
    text-align: center;
    font-family: Arial;
    font-size: 25px;
    z-index: 1000000;
    color: #FFFF !important;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 30px;
    /*border-radius: 8px;*/
    /*box-shadow: 0px 3px 12px #2345cb9c;*/
}
/** 
* @Clase modalbackgroundloading 
* @Descripción Clase para mostrar fondo icono cargando 
* @Versión 1.0 
* @Autor Juan David Ricardo 
* @Fecha modificación 26/08/2012 
*/
.modalbackgroundloading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #262626 !important;
    /* opacity: .10; */
    z-index: 10003;
    opacity: 0.5 !important;
}

/*stylos para modal de generacion de fotos dinamicas*/
.FotosDinamicas {
    position: relative;
    width: 130px !important;
    padding: 10px !important;
    float: left;
    background-color: #E6EBEF;
    margin: 5px !important;
    height: 225px;
}

.imgFotosDinamicas {
    width: 125px !important;
    height: 155px !important;
}

.tcImagenFotosDinamicas {
    border: 1px solid #C0C0C0;
}

.tcNombreFotosDinamicas {
    vertical-align: top;
    font-size: 11px;
    padding-top: 10px;
}

.tcChkNombreFotosDinamicas {
    vertical-align: top !important;
    padding-top: 10px;
}

.pnlImagenPersonasDinamica {
    width: 660px;
    margin-left: 20px;
    margin-right: 5px;
    overflow-y: auto;
    max-height: 550px !important;
}


/*! jQuery UI - v1.8.20 - 2012-04-30
* https://github.com/jquery/jquery-ui
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css
* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/


.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500 !important;
}

/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
    width: 100%;
}

    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom: 1;
    }

    .ui-accordion .ui-accordion-li-fix {
        display: inline;
    }

    .ui-accordion .ui-accordion-header-active {
        border-bottom: 0 !important;
    }

    .ui-accordion .ui-accordion-header a {
        display: block;
        font-size: 1em;
        padding: .5em .5em .5em .7em;
    }

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.20
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
        }

            .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                margin: -1px;
            }

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
    width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/* reset extra padding in Firefox */

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display: /**/ block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: hidden !important;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 1px;
            margin: 0 .2em 1px 0;
            border-bottom: 0 !important;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
            }
    /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }

/* Component containers
----------------------------------*/
.ui-widget {
    z-index: 501 !important;
    font-family: Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.1em /*{fsDefault}*/;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Arial,sans-serif /*{ffDefault}*/;
        font-size: 1em;
        resize: none;
    }

.ui-widget-content {
    border: 5px solid #0e79fd /*{borderColorContent}*/;
    background: #ffffff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
    overflow-y: hidden;
}

    .ui-widget-content a {
        color: #222222 /*{fcContent}*/;
    }

.ui-widget-header {
    border: 1px solid #0e79fd /*{borderColorHeader}*/;
    background: #0e79fd /*{bgColorHeader}*/ url('images/BarraVentana.png') /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #0e79fd /*{fcHeader}*/;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #0e79fd /*{fcHeader}*/;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
        background: #e6e6e6 /*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #555555 /*{fcDefault}*/;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555555 /*{fcDefault}*/;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #999999 /*{borderColorHover}*/;
        background: #dadada /*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #212121 /*{fcHover}*/;
    }

        .ui-state-hover a, .ui-state-hover a:hover {
            color: #212121 /*{fcHover}*/;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #aaaaaa /*{borderColorActive}*/;
        background: #ffffff /*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #212121 /*{fcActive}*/;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #212121 /*{fcActive}*/;
            text-decoration: none;
        }

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1 /*{borderColorHighlight}*/;
    background: #fbf9ee /*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/;
    color: #363636 /*{fcHighlight}*/;
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636 /*{fcHighlight}*/;
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a /*{borderColorError}*/;
    background: #fef1ec /*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/;
    color: #cd0a0a /*{fcError}*/;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #cd0a0a /*{fcError}*/;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a /*{fcError}*/;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(http://localhost:1920/localdnn/App_Themes/ZeusStyle/images/BotonCerrar.png) /*{iconsContent}*/;
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}

.ui-widget-header .ui-icon {
    /*background-image: url(images/ui-icons_222222_256x240.png) /*{iconsHeader}*/ /*;*/
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png) /*{iconsDefault}*/;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png) /*{iconsHover}*/;
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png) /*{iconsActive}*/;
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png) /*{iconsHighlight}*/;
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png) /*{iconsError}*/;
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 7px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 7px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 7px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 7px;
}


.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% / repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}

/*
* @Clase       mostrarMessage
* @Descripción Clase para mostrar los mensajes
*del control en el ribbon
* @Versión     1.0
* @Autor       Xavier sarmiento
* @Fecha modificación	24/05/2012
*/
.bodyIntentosCaptura {
    border: 3px solid #CCCCCC;
    position: fixed;
    padding: 5px;
    left: 0px;
    position: relative;
    width: 100%;
    border-radius: 25px;
}

/*
* @Clase       ColorTextoTextBoxDeshabilitadoGrid
* @Descripción Clase para definir
*del control en el ribbon
* @Versión     1.0
* @Autor       Xavier sarmiento
* @Fecha modificación	24/05/2012
*/
.ColorTextoTextBoxDeshabilitadoGrid {
    color: #4B4949 !important;
}

/**
* @Clase ResalteFilaGridDatoCritico
* Descripción Destaca el color de fondo de la fila de la grilla (muestra un dato en estado crítico)
* @Versión 1.0
* @Autor  Paola Tilve
* @Fecha modificación 09/10/2012
*/
.ResalteFilaGridDatoCritico {
    background-color: #CE9595 !important;
}

.RadScheduler .rsApt {
    border-radius: 3px;
    white-space: nowrap !important;
}

.RadScheduler .rsMainHeader th {
    height: 50px !important;
}

.RadScheduler .rsAllDayRow {
    height: 51px !important;
}



/**
* @Clase ColorReserva
* Descripción define el color de las reservas Confirmada
* @Versión 1.0
* @Autor  Moises Castellar
* @Fecha modificación 18/10/2012
*/
.RadScheduler .ColorReservaConfirmada .rsAptContent, .RadScheduler .ColorReservaConfirmada .rsAptMid .rsAptIn, .RadScheduler .ColorReservaConfirmada .rsAptMid, .RadScheduler .ColorReservaConfirmada .rsAptOut {
    background-image: none;
    background-repeat: repeat;
    background-color: #6E9D58;
}

.RadScheduler .ColorReservaConfirmada .rsAptContent {
    /*font style*/
    color: Black;
}


/**
* @Clase ColorReservaCerrada
* Descripción define el color de las reservas Confirmada
* @Versión 1.0
* @Autor  Moises Castellar
* @Fecha modificación 18/10/2012
*/
.RadScheduler .ColorReservaCerrada .rsAptContent, .RadScheduler .ColorReservaCerrada .rsAptMid .rsAptIn, .RadScheduler .ColorReservaCerrada .rsAptMid, .RadScheduler .ColorReservaCerrada .rsAptOut {
    background-image: none;
    background-repeat: repeat;
    background-color: #0e79fd;
}

.RadScheduler .ColorReservaCerrada .rsAptContent {
    /*font style*/
    color: Black;
}

/**
* @Clase ColorReservaCotizada
* Descripción define el color de las reservas Cotizadas
* @Versión 1.0
* @Autor  Moises Castellar
* @Fecha modificación 18/10/2012
*/
.RadScheduler .ColorReservaCotizada .rsAptContent, .RadScheduler .ColorReservaCotizada .rsAptMid .rsAptIn, .RadScheduler .ColorReservaCotizada .rsAptMid, .RadScheduler .ColorReservaCotizada .rsAptOut {
    background-image: none;
    background-repeat: repeat;
    background-color: #C0CEDD;
}

.RadScheduler .ColorReservaCotizada .rsAptContent {
    /*font style*/
    color: Black;
}
/**
* @Clase ColorReservaDisponibles
* Descripción define el color de las reservas Disponibles
* @Versión 1.0
* @Autor  Moises Castellar
* @Fecha modificación 18/10/2012
*/
.RadScheduler .ColorReservaDisponibles .rsAptContent, .RadScheduler .ColorReservaDisponibles .rsAptMid .rsAptIn, .RadScheduler .ColorReservaDisponibles .rsAptMid, .RadScheduler .ColorReservaDisponibles .rsAptOut {
    background-image: none;
    background-repeat: repeat;
    background-color: #E1E1E1;
}

.RadScheduler .ColorReservaDisponibles .rsAptContent {
    /*font style*/
    color: Black;
}

/**
* @Clase ColorReservaCancelada
* Descripción define el color de las reservas Cancelada
* @Versión 1.0
* @Autor  Moises Castellar
* @Fecha modificación 18/10/2012
*/
.RadScheduler .ColorReservaCancelada .rsAptContent, .RadScheduler .ColorReservaCancelada .rsAptMid .rsAptIn, .RadScheduler .ColorReservaCancelada .rsAptMid, .RadScheduler .ColorReservaCancelada .rsAptOut {
    background-image: none;
    background-repeat: repeat;
    background-color: #B4453D;
}

.RadScheduler .ColorReservaCancelada .rsAptContent {
    /*font style*/
    color: Black;
}

/**
* @Clase ColorReservaNoDisponible
* Descripción define el color de las reservas Cancelada
* @Versión 1.0
* @Autor  Moises Castellar
* @Fecha modificación 18/10/2012
*/
.RadScheduler .ColorReservaNoDisponible .rsAptContent, .RadScheduler .ColorReservaNoDisponible .rsAptMid .rsAptIn, .RadScheduler .ColorReservaNoDisponible .rsAptMid, .RadScheduler .ColorReservaNoDisponible .rsAptOut {
    background-image: none;
    background-repeat: repeat;
    background-color: #B4453D;
}

.RadScheduler .ColorReservaNoDisponible .rsAptContent {
    /*font style*/
    color: Black;
}


/**
* @Clase ColorReservaMantenimiento
* Descripción define el color de los espacios en mantenimiento
* @Versión 1.0
* @Autor  Moises Castellar
* @Fecha modificación 18/10/2012
*/
.RadScheduler .ColorReservaMantenimiento .rsAptContent, .RadScheduler .ColorReservaMantenimiento .rsAptMid .rsAptIn, .RadScheduler .ColorReservaMantenimiento .rsAptMid, .RadScheduler .ColorReservaMantenimiento .rsAptOut {
    background-image: none;
    background-repeat: repeat;
    background-color: #E0AE5F;
}

.RadScheduler .ColorReservaMantenimiento .rsAptContent {
    /*font style*/
    color: Black;
}


/**
* @Clase ColorReservaFueraServicio
* Descripción define el color de los espacios fuera de servicio
* @Versión 1.0
* @Autor  Moises Castellar
* @Fecha modificación 18/10/2012
*/
.RadScheduler .ColorReservaFueraServicio .rsAptContent, .RadScheduler .ColorReservaFueraServicio .rsAptMid .rsAptIn, .RadScheduler .ColorReservaFueraServicio .rsAptMid, .RadScheduler .ColorReservaFueraServicio .rsAptOut {
    background-image: none;
    background-repeat: repeat;
    background-color: #828286;
}

.RadScheduler .ColorReservaFueraServicio .rsAptContent {
    /*font style*/
    color: Black;
}

/**
* @Clase ColorReservaBloqueoAdmon
* Descripción define el color de los espacios con bloqueo administrativo
* @Versión 1.0
* @Autor  Moises Castellar
* @Fecha modificación 18/10/2012
*/
.RadScheduler .ColorReservaBloqueoAdmon .rsAptContent, .RadScheduler .ColorReservaBloqueoAdmon .rsAptMid .rsAptIn, .RadScheduler .ColorReservaBloqueoAdmon .rsAptMid, .RadScheduler .ColorReservaBloqueoAdmon .rsAptOut {
    background-image: none;
    background-repeat: repeat;
    background-color: #465A7B;
}

.RadScheduler .ColorReservaBloqueoAdmon .rsAptContent {
    /*font style*/
    color: Black;
}

/**
* @Clase AgendasHipica
* Descripción define el color de los appointment de agenda hipica
* @Versión 1.0
* @Autor  Moises Castellar
* @Fecha modificación 26/10/2012
*/
.RadScheduler .AgendasHipica .rsAptContent, .RadScheduler .AgendasHipica .rsAptMid .rsAptIn, .RadScheduler .AgendasHipica .rsAptMid, .RadScheduler .AgendasHipica .rsAptOut {
    background-image: none;
    background-repeat: repeat;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #888;
}

.RadScheduler .AgendasHipica .rsAptContent {
    /*font style*/
    color: Black;
}

/**
* @Clase RadScheduler .rsAptSelected
* Descripción el color de un appointment cuando esta seleccionado
* @Versión 1.0
* @Autor  Moises Castellar
* @Fecha modificación 26/10/2012
*/
.RadScheduler .rsAptSelected {
    background-image: none;
    background-repeat: repeat;
    background-color: white !important;
    border: 2px solid #828286 !important;
    color: Black !important;
}

    .RadScheduler .rsAptSelected .rsAptContent {
        color: Black !important;
    }

/**
* @Clase Lista
* Le da formato de Lista a un gridview
* @Versión 1.0
* @Autor  Manlio Ferreira
* @Fecha modificación 22/10/2012
*/
.Lista td {
    padding-left: 10px;
    border: 0px solid #fff;
    border-bottom: 1px solid #F7E2C1 !important;
}

/**
* @Clase Lista
* Le da formato de Lista a un gridview
* @Versión 1.0
* @Autor  Manlio Ferreira
* @Fecha modificación 22/10/2012
*/
.Lista {
    height: 25px;
    border: 0px solid #fff;
    border-bottom: 1px solid #F7E2C1 !important;
}

/**
* @Clase SubtituloModalAcordeon
* Coloca el subtitulo a un modal acordeón
* @Versión 1.0
* @Autor  Manlio Ferreira
* @Fecha modificación 22/10/2012
*/
.SubtituloModalAcordeon {
    margin: 0px 0px 10px 0px;
    border-radius: 4px;
    background-color: #F5A927;
    font-weight: bold;
    height: 23px;
    color: #FFFFFF;
}

/**
* @Clase ModalAcordeon
* Estilo del modal acordeón
* @Versión 1.0
* @Autor  Manlio Ferreira
* @Fecha modificación 22/10/2012
*/
.ModalAcordeon {
    display: none;
    z-index: 5;
    position: absolute;
    background-color: White;
    border: 1px solid #d0d0d0;
    margin-left: -330px;
    margin-top: 4px;
    border-radius: 7px;
    box-shadow: #C2C1C1 0px 0px 15px;
}


/**
* @Clase botonesRibbonSeleccionados
* @Descripción Define el color de los botones del ribbon cuando los botones son seleccionables
* @Versión 1.0
* @Autor Jorge Ramírez Serrato
* @Fecha modificación 31/10/2012
*/
.botonesRibbonSeleccionados {
    color: #728199 !important;
}

/**
* @Descripción Bug de compatibilidad del control Scheduler de telerik con IE9
* @Versión 1.0
* @Autor Moises Cuervo
* @Fecha modificación 16/11/2012
*/
div.RadScheduler .rsHorizontalHeaderTable, div.RadScheduler .rsContentTable, div.RadScheduler .rsAllDayTable {
    width: /*\**/ 100% !important;
}

* + html div.RadScheduler .rsHorizontalHeaderTable, * + html div.RadScheduler .rsContentTable, * + html div.RadScheduler .rsAllDayTable {
    width: auto !important;
}

.RadScheduler .rsTopWrap tr.rsHidden {
    display: block;
}

* + html .RadScheduler .rsVerticalHeaderTable tr.rsMainHeader div.rsMainHeader {
    width: auto;
}

/*Clase para alterna para fondo de modales*/
.FondoModal {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 4;
    background-color: #262626 !important;
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
}

/** 
* @Descripción Estilo para el globo de porcentaje
* @Versión 1.0 
* @Autor Jonathan Vargas 
* @Fecha modificación 28/11/2012 
*/
.EstiloPorcentaje {
    position: relative;
    left: 51px;
    top: -3px;
    color: white;
    z-index: 2;
}

/** 
* @Descripción Estilo para el lado izquierdo de la barra de progreso
* @Versión 1.0 
* @Autor Jonathan Vargas 
* @Fecha modificación 28/11/2012 
*/
.EstiloPorcentajeTD1 {
    background-color: #0e79fd;
}

/** 
* @Descripción Estilo para el lado izquierdo de la barra de progreso
* @Versión 1.0 
* @Autor Jonathan Vargas 
* @Fecha modificación 28/11/2012 
*/
.EstiloPorcentajeTD2 {
    background-color: #434343;
}

/** 
* @Descripción Estilo del div que contiene el lado derecho de la barra de progreso
* @Versión 1.0 
* @Autor Jonathan Vargas 
* @Fecha modificación 28/11/2012 
*/
.EstiloPorcentajeDiv {
    background-color: #0e79fd;
    width: 100%;
    text-align: right;
    border-width: 1px;
    border-color: #434343;
    border-style: solid;
    height: 20px;
}

/** 
* @Descripción Estilo del Td que contiene el globo de porcentaje
* @Versión 1.0 
* @Autor Jonathan Vargas 
* @Fecha modificación 28/11/2012 
*/
.EstiloPorcentajeTD3 {
    text-align: right;
}



/** 
* @Descripción Estilo de la table de la barra de progreso
* @Versión 1.0 
* @Autor Jonathan Vargas 
* @Fecha modificación 28/11/2012 
*/
.EstiloPorcentajeTabla1 {
    width: 97%;
    border-color: #434343;
}

/*
@Descripcion: Clases para filtros tipo radiobuttons de colores para
la ventana de rack grafico
@Autor: Moises Castellar
@Version: 1.0
@Fecha modificacion: 29/11/2012
*/
.Radios {
    padding-left: 20px;
}

    .Radios input {
        position: absolute;
        left: -9999px;
    }

.Ocupada {
    background: url(images/IconoRadioOcupada.png) no-repeat;
}

.ResGrupo {
    background: url(images/IconoRadioResGrupo.png) no-repeat;
}

.Reservada {
    background: url(images/IconoRadioReservadas.png) no-repeat;
}

.BloqManto {
    background: url(images/IconoRadioBloqMantto.png) no-repeat;
}

.BloqAdmin {
    background: url(images/IconoRadioBloqAmin.png) no-repeat;
}

.rdoTodasRack {
    background: url(images/IconoRadioTodas.png) no-repeat;
}

label.r_onOcupada {
    background: url(images/IconoRadioOcupada1.png) no-repeat;
}

label.r_onResGrupo {
    background: url(images/IconoRadioResGrupo1.png) no-repeat;
}

label.r_onReservada {
    background: url(images/IconoRadioReservadas1.png) no-repeat;
}

label.r_onBloqManto {
    background: url(images/IconoRadioBloqMantto1.png) no-repeat;
}

label.r_onBloqAdmin {
    background: url(images/IconoRadioBloqAmin1.png) no-repeat;
}

label.r_onrdoTodasRack {
    background: url(images/IconoRadioTodas1.png) no-repeat;
}
/*************************************************************************************/

/*
@Descripcion: 
@Autor: Moises Castellar
@Version: 1.0
@Fecha modificacion: 13/12/2012
*/
.cssDiasDinamicos {
    width: 120px;
    height: 120px;
    overflow: auto;
    background-color: white;
    font-size: 8px;
    padding: 3px;
}

/*
@Descripcion: 
@Autor: Moises Castellar
@Version: 1.0
@Fecha modificacion: 13/12/2012
*/
.CabeceraDiaDinamico {
    text-align: center;
    font-weight: bold;
    background-color: #cce3ff;
    border: 1px solid #0e79fc;
    border-radius: 4px;
}

.RadUpload .ruStyled .ruFileInput, .RadUpload .ruFakeInput {
    width: 400px;
}

/** 
* @Clase FolioGrande 
* @Tamaño grande de letra
* @Versión 1.0 
* @Autor Aurelio Rosales 
* @Fecha modificación 19/12/2012 
*/
.TextoGrande {
    font-size: 20pt;
    font-family: Arial;
    font-weight: bold;
}

/*
@Descripcion: Definie el estilo para el div contenedor de mensajes emergentes
@Autor: Moises Castellar
@Version: 1.0
@Fecha modificacion: 21/12/2012
*/
.MensajeEmergente {
    z-index: 5;
    position: absolute;
    background-color: white;
    display: none;
    border: 1px solid #D0D0D0;
    border-radius: 7px;
    box-shadow: #C2C1C1 0px 0px 15px;
}


/*
@Descripcion: Define el estilo de la cabecera para los mensajes emergentes 
@Autor: Moises Castellar
@Version: 1.0
@Fecha modificacion: 21/12/2012
*/
.CabeceraMensajeEmergente {
    margin: 4px 4px 10px 4px;
    border-radius: 4px;
    background-color: #F5A927;
    font-weight: bold;
    height: 23px;
    color: #FFFFFF;
}

/*
@Descripcion: Se usa para dar estilo de deshabilitado a un RadNumericTextBox
@Autor: Manlio Ferreira
@Version: 1.0
@Fecha modificacion: 14/01/2013
*/
.NumericTextboxDesabilitado {
    color: transparent;
    background-color: #EBEBE4 !important;
    border: 1px solid #D9D9D9;
}

/*
@Descripcion: Se usa para dar estilo al label del RadNumericTextBox deshabilitado
@Autor: Manlio Ferreira
@Version: 1.0
@Fecha modificacion: 14/01/2013
*/
.NumericTextboxLabelDesabilitado {
    color: #A0A0A0 !important;
}


/*
@Descripcion: Hace invisibles los bordes de una tabla
@Autor: Manlio Ferreira
@Version: 1.0
@Fecha modificacion: 15/01/2013
*/
.CeldasInvisibles {
    border-width: 0px;
    border-color: transparent;
}

    /*
@Descripcion: Hace invisibles los bordes de una tabla [Necesario para IE]
@Autor: Manlio Ferreira
@Version: 1.0
@Fecha modificacion: 15/01/2013
*/
    .CeldasInvisibles td {
        border-width: 0px;
        border-color: transparent;
    }


/*header*/
.ZeusTitle {
    background: linear-gradient(135deg, #ffffff 22%,#0e79fd80 22%,#0e79fd80 24%,#0e79fdcc 24%,#0e79fdcc 28%, #0e79fde6 28%,#0e79fde6 32%, #0e79fd 32%);
    font-size: 13px;
    color: White;
    top: 0px;
    box-shadow: 0px 3px 12px #2345CB1A;
    height: 48px !important;
    top: 0px;
    left: 0px;
}

    .ZeusTitle .ComponenteCabecera {
        float: right;
        margin-left: 20px;
        display: inline-block;
    }

    .ZeusTitle img {
        vertical-align: middle;
    }

    .ZeusTitle .PanelListaOpciones {
        display: none;
        z-index: 5;
        position: absolute;
        background-color: White;
        border: 1px solid #d0d0d0;
        margin-top: 6px;
        border-radius: 7px;
        box-shadow: #C2C1C1 0px 0px 15px;
        padding: 5px 5px 8px;
        font-size: 12px;
        z-index: 9000;
    }

        .ZeusTitle .PanelListaOpciones .TituloListaOpciones {
            background: #f5a927;
            color: #FFFFFF;
            font-weight: bold;
            padding: 6px;
            border-radius: 4px;
            margin-bottom: 0.5em;
        }

        .ZeusTitle .PanelListaOpciones .Opcion {
            display: block;
            padding: 5px 8px;
            border-bottom: 1px solid #f5a927;
            height: 14px;
        }

        .ZeusTitle .PanelListaOpciones .EnlaceOpcion {
            color: #434343;
        }

            .ZeusTitle .PanelListaOpciones .EnlaceOpcion:hover {
                text-decoration: none;
            }

            .ZeusTitle .PanelListaOpciones .EnlaceOpcion.Seleccionado {
                color: #666 !important;
                font-weight: bold;
            }

    .ZeusTitle .BotonTitulo {
        cursor: pointer;
    }

#LogoZeusHeader {
    background-image: url(images/LogoZeuss.png);
    background-repeat: no-repeat;
    width: 101px;
    height: 34px;
    background-size: cover;
    float: left;
    margin-left: 32px;
    margin-top: 9px;
}

/* Clases CSS para la página de Login de Zeus */

body {
    height: 100%;
    overflow: initial;
}

#LoginZeus p {
    padding: 0 0 0.1em 0;
    line-height: 1.5em;
}

.LoginZeusNoticias {
    width: 30em;
    text-align: justify;
}

#LoginZeus {
    width: 100%;
    height: 100%;
    background-color: white;
    font-family: Segoe UI;
    min-height: 100%;
    position: relative;
}

    #LoginZeus .AreaPagina {
        min-height: 100%;
        position: relative;
        margin: 0 auto;
        background-color: white;
        border: 1px solid #DBDADA;
        width: 1010px;
    }

    #LoginZeus .LoginPanel {
        width: 322px;
        padding-right: 0;
    }

    #LoginZeus .dnnForm {
        min-width: 0;
    }

    #LoginZeus #InformacionHotel {
        /*float: left;*/
        width: 55%;
        position: relative;
        top: 6em;
    }

    #LoginZeus #LogoIntegralWeb {
        background: url(images/ZeusHotelesIntegralWeb.png) no-repeat center;
        width: 62em;
        height: 20em;
        float: left;
        background-size: 70%;
        background-position: 100% 80%;
    }

    #LoginZeus #LogoIntegralWebClubes {
        background: url(images/ZeusClubesIntegralWeb.png) no-repeat center;
        width: 596px;
        height: 197px;
    }

    #LoginZeus #LogoIntegralWebReporteador {
        background: url(images/ZeusReporteadorLogin.png) no-repeat center;
        width: 596px;
        height: 197px;
        float: right;
        margin-right: 46px;
    }

    #LoginZeus #LogoHoteles {
        background: url(images/ImagenHotelesIntegralWeb.png) no-repeat left;
        width: 20em;
        height: 25em;
        float: right;
        background-size: 100%;
        background-position: 100% 70%;
    }

    #LoginZeus #LogoClubes {
        background: url(images/ImagenClubesIntegralWeb.png) no-repeat left;
        width: 240px;
        height: 300px;
    }

    #LoginZeus #PanelLogin {
        position: relative;
        left: 3.5em;
        bottom: 3em;
        white-space: nowrap;
        z-index: 2 !important;
    }

    #LoginZeus #InfoReporteador {
        background: url(images/ImagenFondoLogin_Reporteador.png) no-repeat left;
        width: 801px;
        height: 385px;
    }

    #LoginZeus #ContenidoLogin {
        padding: 0 3em 50px;
        background: url(images/FondoZeusItegralWeb.png) no-repeat;
        background-size: 100% 120%;
        background-position: 100% 135%; /*background-size: 110% 135%;     background-position: -100px -120px;*/
    }

    #LoginZeus #ContenidoLoginReporteador {
        padding: 0 3em 50px;
        background: url(images/Fondo_nube_Login_Reporteador.png) no-repeat;
        background-size: 100% 120%;
        background-position: 100% 135%; /*background-size: 110% 135%;     background-position: -100px -120px;*/
        margin-top: 100px;
    }

    #LoginZeus #ImagenCabecera {
        background: url(images/Cabeceralogin.png) no-repeat left;
        height: 86px;
    }

    #LoginZeus #LogoZeus {
        /*height: 220px;*/ /*background: url(images/HotelesIntegralWeb.png) no-repeat right;*/
        margin: -6em 0em -4em;
    }

.DescipcionHotel {
    font-size: 1em;
    padding-bottom: 15px !important;
    width: 30em;
    text-align: justify;
}

.NombreHotel {
    font-size: 20px;
    letter-spacing: 0.8pt;
    color: #465A7B;
    font-weight: bold;
}

#LoginZeus .LoginSubtitulo {
    color: #465A7B;
    padding-right: 5px;
    font-weight: bold;
}

#LoginZeus .Noticias {
    margin-top: 15px;
    line-height: 20px;
}

    #LoginZeus .Noticias ul {
        list-style-position: inside;
    }

    #LoginZeus .Noticias li {
        list-style-image: url(images/VinetaLogin.png);
    }

#LoginZeus .dnnLogin {
    background-color: transparent;
    border-radius: 10px;
}

#LoginZeus .FormularioLogin {
    margin: 8em 4em 4em 4em;
}

#LoginZeus .txtLogin {
    width: 210px;
}

#LoginZeus .lblLogin {
    font-size: 13px;
    padding-bottom: 8px;
    display: inline-block;
    position: relative;
    top: 10px;
    font-weight: bold;
}

#LoginZeus .botonLogin {
    float: right;
    margin: 0;
    padding: 8px 10px 8px 10px;
    background-color: #0e79fd;
    border-radius: 3px;
    position: relative;
    top: 5px;
    color: #fff !important;
    font-weight: bold !important;
    text-decoration: inherit !important;
}

    #LoginZeus .botonLogin:hover {
        float: right;
        margin: 0;
        padding: 8px 10px 8px 10px;
        background-color: #5270AF;
        border-radius: 3px;
        position: relative;
        top: 5px;
        color: #fff !important;
        font-weight: bold !important;
        text-decoration: inherit !important;
    }

#LoginZeus .LabelBotonLogin {
    font-weight: bold;
    color: #fff;
    text-decoration: inherit;
}

    #LoginZeus .LabelBotonLogin:hover {
        font-weight: bold;
        color: #fff;
        text-decoration: initial;
    }

#LoginZeus #FooterLogin {
    height: 200px;
    background: url(images/FooterIntegralWeb.png) no-repeat left bottom;
    position: absolute;
    bottom: 0;
    width: 100%;
}

#LoginZeus #Slogan {
    height: 75px;
    width: 193px;
    float: right;
    background: url(images/Slogan.png) no-repeat right;
    position: relative;
    display: inline-block;
    right: 75px;
    bottom: 35px;
}

#LoginZeus #Copyright {
    display: inline-block;
    position: absolute;
    margin-left: 330px;
    margin-top: 160px;
    font-size: 11px;
    color: White;
}

/* Fin Clases para el Login de Zeus */

/*CSS Zeus Central*/

/* Skin para Zeus Central */
#ZeusCentral {
    z-index: 1;
    background-color: white;
    margin: 0 auto;
    width: 1026px;
    border-left: 1px solid #DBDADA;
    border-right: 1px solid #DBDADA;
    border-bottom: 1px solid #DBDADA;
}


#FooterCentral {
    height: 50px;
    /* background: url(images/footerLogin.png) no-repeat left bottom; */
    width: 100%;
    /* background-size: cover; */
    background-color: #154c9e;
    line-height: 50px;
    text-align: center;
    margin-top: 50px;
}

#SloganCentral {
    height: 75px;
    width: 193px;
    background: url(images/Slogan.png) no-repeat left;
    position: relative;
    display: inline-block;
    left: 75px;
    top: 40px;
}

#CopyrightCentral {
    font-size: 11px;
    color: White;
}

#ZeusCentral #dnn_ContentPane {
    width: 100%;
}

/*Clases para mostrar los modulos en la central.*/

#PortalPanel .CuadroModulo {
    float: left;
    width: 420px;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 15px;
    border-radius: 5px;
    background-color: #F3F2F2;
    padding: 10px;
    min-height: 120px;
}

    #PortalPanel .CuadroModulo[disabled] {
        opacity: 0.5;
    }

#PortalPanel .imagenModulo {
    padding-right: 10px;
    width: 120px;
    text-align: center;
}

#PortalPanel .informacionModulo {
    vertical-align: top;
}

#PortalPanel .CuadroModulo .TituloMenu {
    font-size: 20px;
    color: #445B7C;
    display: block;
    margin-bottom: 4px;
}

    #PortalPanel .CuadroModulo .TituloMenu:hover {
        text-decoration: none;
    }

#PortalPanel .Seccion {
    width: 910px;
    float: left;
}

#PaginadoresPortal {
    text-align: center;
}

    #PaginadoresPortal img {
        padding: 2px;
        cursor: default;
    }

#PortalPanel li {
    list-style-image: url(images/VinetaLogin.png);
}

#PortalPanel ul {
    padding-bottom: 5px;
}

#PortalPanel li a:hover {
    text-decoration: none;
    color: inherit;
}

#PortalPanel .ListaOpcionesModulo {
    display: block;
    color: #445B7C;
    cursor: pointer;
    padding-bottom: 3px;
    padding-left: 10px;
    background: url(images/VinetaLogin.png) no-repeat left center;
}

/**/
/*
@Descripcion: Se usa para dar el estilo a la barra de indicadores siempre visible
@Autor: Moises Castellar Cuervo
@Version: 1.0
@Fecha modificacion: 26/02/2013
*/
.IndicadorSiempreVisible {
    background: #0e79fd;
    padding: 2px 5px 6px;
    font-size: 13px;
    color: White;
    height: 23px;
    position: absolute;
    width: 994px !important;
    z-index: 3;
    top: 138px;
    box-shadow: 5px 5px 20px 2px #aaa;
    left: -22px;
}

.TextoMarcadores {
    font-weight: bold;
    font-size: 14px;
    position: relative;
    top: -5px;
    margin-left: 5px;
}

.TipoCheckIn {
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 3px 12px #2345CB33;
    width: 400px;
    height: 150px;
    float: left;
    margin: 8px;
    cursor: pointer;
    width: 48%;
}

.tituloTipoCheckIn {
    color: #0e79fd !important;
    margin: 20px 0px 15px !important;
    line-height: 0;
    font-size: 15pt !important;
}

.parrafoTipoCheckIn {
    padding: 0px 10px 0px 0px;
}

.imagenTipoCheckIn {
    float: left;
    top: 25px;
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0px 8px 0px 25px;
}
/*
* @Clase        
* @Descripción Clase que define cabecera del globo contenedor de configuracionde gadgets
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	29/01/2013
*/
.CabeceraConfiguracionWidget {
    position: relative;
    height: 25px;
    width: auto;
    margin: 0px 10px 0px 10px;
    border-bottom: 2px solid #A3A3A3;
    top: -14px;
}

/**
* @Clase       TituloConfiguracionWidget
* @Descripción Clase que define el titulo del globo contenedor de configuracionde gadgets
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	29/01/2013
*/
.TituloConfiguracionWidget {
    color: #898989;
    position: relative;
    top: 8px;
    font-weight: bold;
    font-size: 13px;
}


/**
* @Clase       BodyConfiguracionGadget
* @Descripción Clase que define el cuerpo del globo contenedor de configuracionde gadgets
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	29/01/2013
*/
.BodyConfiguracionGadget {
    position: relative;
    padding: 10px;
    top: -14px;
}

/**
* @Clase       txtnCadaDias_wrapperContenedorCambioTamano
* @Descripción Clase que define el tamaño del globo contenedor de tamaños del gadgets
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	29/01/2013
*/
.ContenedorOpciones {
    display: none;
    position: absolute;
    width: 340px;
    height: 250px;
    top: 30px;
    right: -10px;
    background-color: #F3F2F2;
    border: 1px solid #c0c0c0;
    margin-top: 1px;
    border-radius: 10px;
    z-index: 11;
}

    /**
* @Clase       ContenedorCambioTamano:after
* @Descripción Clase que define el tamaño del señalador del globo contenedor de tamaños del gadgets
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	29/01/2013
*/
    .ContenedorOpciones:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #F3F2F2;
        position: relative;
        top: -108px;
        left: 300px;
    }

    /**
* @Clase       ContenedorCambioTamano:before
* @Descripción Clase que define el tamaño del señalador del globo contenedor de tamaños del gadgets
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	29/01/2013
*/
    .ContenedorOpciones:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #F3F2F2;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: relative;
        top: -8px;
        left: 300px;
    }

/**
* @Clase       ListaTamanos li
* @Descripción Clase que define el estilo de las listas del globo contenedor de tamaños del gadgets
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	29/01/2013
*/
.ListaOpciones li {
    list-style: none;
    color: #898989;
    margin-top: 5px;
    margin-bottom: 5px;
}

/**
* @Clase       TablaFormulario td
* @Descripción Aplica el formato estandarizado a las filas de una tabla que recibe y/o muestra datos
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	15/03/2013
*/
.TablaFormulario > tbody > tr > td {
    padding-right: 10px;
}

/**
* @Clase       TablaFormulario tr
* @Descripción Aplica el formato estandarizado a las filas de una tabla que recibe y/o muestra datos
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	15/03/2013
*/
.TablaFormulario > tbody > tr {
    height: 30px;
}

/**
* @Clase       TituloCumpleaniosHuesped
* @Descripción Aplica el formato de tamaño y negrita a las letras
* @Versión     1.0
* @Autor       Jonathan Vargas
* @Fecha modificación	02/04/2013
*/
.TituloCumpleaniosHuesped {
    font-size: 13pt;
    font-weight: bold;
}

/**
* @Clase       ContenidoCumpleaniosHuesped
* @Descripción Aplica el formato de tamaño y negrita a las letras
* @Versión     1.0
* @Autor       Jonathan Vargas
* @Fecha modificación	02/04/2013
*/
.ContenidoCumpleaniosHuesped {
    font-size: 11pt;
    font-weight: bold;
}

/**
* @Clase       ContenidoCumpleaniosHuesped
* @Descripción Aplica el formato de tamaño y negrita a las letras
* @Versión     1.0
* @Autor       Jonathan Vargas
* @Fecha modificación	02/04/2013
*/
.LabelNegrita {
    font-size: 10pt;
    font-weight: bold;
}


/**
* @Clase       ContenidoCumpleaniosHuesped
* @Descripción Coloca el titulo de las habitaciones reservadas en amarillo
* @Versión     1.0
* @Autor       Jonathan Vargas
* @Fecha modificación	17/04/2013
*/
.TituloHabitacionesReservadas {
    font-size: 10pt;
    font-weight: bold;
    color: #E0AE5F;
}

/**
* @Clase       ContenidoCumpleaniosHuesped
* @Descripción Coloca una línea en el list view del control
* @Versión     1.0
* @Autor       Jonathan Vargas
* @Fecha modificación	17/04/2013
*/
.LineaSuperiorListView {
    border-top: 2px solid #CDCFD0;
    margin-left: 10px;
    margin-right: 10px;
}


/* Component containers
----------------------------------*/

.ui-widget-content {
    border: 3px solid #0e79fd /*{borderColorContent}*/;
    background: #ffffff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
}

.ui-widget-header {
    border: 1px solid #aaaaaa /*{borderColorHeader}*/;
    background-image: url("../ZeusStyle/images/BarraVentana.png");
    background: #0e79fd /*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/ !important;
    color: #FFFFFF /*{fcHeader}*/;
    font-weight: bold;
}

div.ui-dialog-titlebar > a.ui-dialog-titlebar-close {
    top: 18px !important;
    right: 10px !important;
    background: #0e79fd url(/DesktopModules/ZeusRecursos/ZeusStyle/images/BotonCerrar.png) no-repeat !important;
    border: 0px !important;
    border-radius: 0px !important;
}

/**
* @Clase       grwRow td a
* @Descripción Coloca estilo a los link en las grillas
* @Versión     1.0
* @Autor       Jonathan Vargas
* @Fecha modificación	17/04/2013
*/
.grwRow td a {
    text-decoration: underline !important;
    color: #445B7C !important;
}

/**
* @Clase       grwAlternative td a
* @Descripción Coloca estilo a los link en las grillas
* @Versión     1.0
* @Autor       Jonathan Vargas
* @Fecha modificación	17/04/2013
*/
.grwAlternative td a {
    text-decoration: underline !important;
    color: #445B7C !important;
}

/**
* @Clase       tituloPopUp
* @Descripción Coloca estilo a los link en las grillas
* @Versión     1.0
* @Autor       Jonathan Vargas
* @Fecha modificación	17/04/2013
*/
.tituloPopUp {
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    color: White;
    position: absolute;
    margin-left: 50px;
    margin-top: -8px;
}


input[type="radio"], input[type="checkbox"] {
    position: inherit !important;
    z-index: 0 !important;
    visibility: visible !important;
}

.dnnRadiobutton {
    display: none !important;
}

.dnnCheckbox {
    display: none !important;
}
/*
span.dnnInputFileWrapper > span.dnnSecondaryAction
{
    display:none;    
}

*/
/*
* @Clase       ContenedorMensajeError
* @Descripción Para los mensajes, como se utilizan en el reporteador
* @Versión     1.0
* @Autor       Eisner Puerta Carrillo
* @Fecha modificación	04/07/2013
*/
.ContenedorMensajeError {
    background-color: #FFF3C9;
    padding: 0px; /*width: 600px;*/
    height: 30px;
    border-radius: 4px;
}

/*
* @Clase       ContenedorBotonesMetro
* @Descripción Para Botones Grandes estilo Metro
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	08/08/2013
*/
.ContenedorBotonesMetro {
    width: 120px;
    white-space: nowrap;
    height: 56px;
    position: relative;
    border: 1px solid #DFE0E3;
    background-color: #DBE0E4;
    color: #575757;
    cursor: pointer;
    border-radius: 5px;
}

    .ContenedorBotonesMetro:hover {
        background-color: #C0CEDD;
    }

.ContenedorBotonesMetroSeleccionado {
    background-color: #C0CEDD !important;
}

.ContenedorBotones {
    border: solid 1px #DBE0E4;
    display: table;
    width: 95%;
    border-radius: 3px;
}

.ModalAuxiliar {
    overflow: hidden !important;
}


.padreModalAuxiliar {
    overflow: auto !important;
}

.FondoPestana {
    background-color: transparent;
}

.BuscadorMaestros {
    background-color: white;
    border: 1px solid #d0d0d0;
    border-spacing: 0px;
    display: table;
    margin: 0px 10px;
}

    .BuscadorMaestros input[type="text"] {
        border-style: None;
        outline: none;
        padding-right: 5px;
        border: none !important;
    }

    .BuscadorMaestros input::-webkit-input-placeholder {
        font-style: italic;
        color: Gray;
    }

.BotonMaestro {
    vertical-align: middle;
    display: table-cell;
    border: 1px solid transparent;
    padding: 0px 5px 2px;
}

    .BotonMaestro span {
        margin: 5px;
    }

    .BotonMaestro:hover {
        border: 1px solid #d0d0d0;
        text-decoration: none;
    }

.Cargable {
    display: none;
}

.GrillaMaestro td, .GrillaMaestro th {
    border-right: 1px solid gray !important;
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
}



.ListaCheckbox td {
    padding-right: 15px;
}

.ListaCheckbox input[type="checkbox"] {
    margin-right: 5px;
}

.dnnLoginService {
    padding-top: 0px !important;
}

#PanelLogin #dnn_ContentPane {
    padding: 0 1em;
    position: relative;
    top: -344px;
}

/**
* @Clase       dnn_ContentPane
* @Descripción Clase para cambiar disposicion del panel
* @Versión     1.0
* @Autor      Juan David
* @Fecha modificación	29/01/2013
*/
#dnn_ContentPane {
    margin-top: 0px;
}

#LoginZeus .dnnFormMessage {
    max-width: 240px;
    white-space: normal; /*overflow: hidden;     text-overflow: ellipsis;*/
}

#LoginZeus #dnn_ContentPane {
    float: right !important;
    position: relative;
    bottom: 20em; /*margin-top: -18px;*/
}

.ContentLogin {
    width: auto !important;
    margin-top: 0px !important;
}

/**
* @Clase       dnn_ContentPane
* @Descripción Clase para cambiar disposicion del panel
* @Versión     1.0
* @Autor      Juan David
* @Fecha modificación	29/01/2013
*/
/*#dnn_LeftPane {
    float: right !important;
}*/

/**
* @Clase       AutocompletarReporteador
* @Descripción Define el estilo del control de autocompletar del reporteador 
* @Versión     1.0
* @Autor       Moises Castellar
* @Fecha modificación	22/02/2013
*/
.AutocompletarReporteador {
    width: 164px;
    height: 20px;
    z-index: 100000;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

.ui-autocomplete {
    z-index: 100000;
    border: 1px solid #898989 !important;
    max-height: 300px;
    width: auto;
    padding-right: 10px;
    overflow-y: hidden;
    overflow-x: auto;
}

.ui-autocomplete-category {
    list-style: none !important;
    color: #898989;
    font-weight: bold;
}

.ui-menu-item {
    color: Black;
    font-weight: normal;
    text-indent: 10px;
    white-space: nowrap;
}
/**
* @ Fin Clase       AutocompletarReporteador
*/

.panel {
    display: none;
    min-height: 30px;
}

.panelSeleccionado {
    display: block;
}

.seleccionado {
    background-color: #0e79fd !important;
}

.BotonPestana {
    float: left;
    background-color: #859BC6;
    color: white;
    text-align: center;
    padding: 10px 0px;
    cursor: pointer;
}

    .BotonPestana img {
        margin-right: 10px;
        vertical-align: middle !important;
    }

.FondoEspecialPos {
    background: #DBE0E4;
    color: #505050;
}

.Verde {
    background-color: #A3BA73 !important;
    border: 2px solid #A3BA73 !important;
}

    .Verde:hover {
        background-color: #65812A !important;
        border: 2px solid #446009 !important;
    }

.Amarillo {
    background-color: #C4C487 !important;
    border: 2px solid #C4C487 !important;
}

    .Amarillo:hover {
        background-color: #979740 !important;
        border: 2px solid #54540B !important;
    }

.Morado {
    background-color: #9372AB !important;
    border: 2px solid #9372AB !important;
}

    .Morado:hover {
        background-color: #693C89 !important;
        border: 2px solid #3D0F5E !important;
    }

.Rojo {
    background-color: #AF6A6A !important;
    border: 2px solid #AF6A6A !important;
}

    .Rojo:hover {
        background-color: #892F2F !important;
        border: 2px solid #5A0E0E !important;
    }

.Azul {
    background-color: #71A9A9 !important;
    border: 2px solid #71A9A9 !important;
}

    .Azul:hover {
        background-color: #367E7E !important;
        border: 2px solid #165C5C !important;
    }

.MostrarOcultarImagenes:hover img {
    display: block;
}

.MostrarOcultarImagenes img {
    display: none;
}

.tablaSeccion {
    margin-top: 15px;
    width: 100%;
}

    .tablaSeccion td:hover {
        background-color: #E6EBEF;
        cursor: pointer;
    }

.detalleSeccion {
    z-index: 2;
    position: absolute;
    background-color: white;
    border: 1px solid rgb(208, 208, 208);
    border-radius: 10px;
    padding: 0px 10px;
    display: none;
    box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.41);
}

/**
    * @Clase      SobreEscriturdeClaseItemMenuTelerik
    * @Descripción Se sobre escribe las clases de  MenuTelerik
    * @Versión     1.0
    * @Autor       Moises Castellar
    * @Fecha modificación	22/02/2013
    */


.RadMenu_Default .rmRootGroup {
    border: 0px none #0e79fd !important;
    background-color: transparent !important;
    background-image: none !important;
}

.RadMenu_Default .rmLink {
    line-height: 26px !important;
    text-decoration: none !important;
    color: #000 !important;
    position: relative !important;
    display: inline-block !important;
}

.RadMenu_Default .rmRootGroup .rmRootLink {
    background-color: transparent !important;
    color: #000000 !important;
    cursor: pointer;
    background-image: none;
}

    /* rmLink rmRootLink*/

    .RadMenu_Default .rmRootGroup .rmRootLink:hover {
        color: #000000 !important;
        cursor: pointer;
    }

/**
* @Clase       NuevaLinea
* @Descripción Coloca de forma llamativa un input
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	23/05/2013
*/
.NuevaLinea {
    background-color: #d9f1ce !important;
    border-color: #83a176 !important;
    color: #83a176 !important;
    font-weight: bold !important;
    text-align: center !important;
}


.RadPicker td a {
    z-index: 1 !important;
}

/**
* @Clase      BarraHerramientaHeader
* @Descripción Clase que controla los atributos de los contenedores de la barra de herramientas del header
* @Versión     1.0
* @Autor       Juan David Ricardo
* @Fecha modificación	22/02/2013
*/
.BarraHerramientaHeader {
    border-right: 2px solid #fff;
    float: left;
    /* margin-left: 10px; */
    height: 30px;
    /* top: auto; */
    /* bottom: 0; */
    /* margin-right: 8px; */
    padding-left: 10px;
    padding-right: 10px;
}

/**
* @Clase AplicarMayus
* @Descripción Coloca en mayusculas los campos
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	23/05/2013
*/
.AplicarMayus {
    text-transform: uppercase;
}


/**
* @Clase GrupoAlertas
* @Descripción Coloca en mayusculas los campos
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	23/05/2013
*/
.GrupoAlertas {
    font-weight: bold !important;
    border-bottom: 1px solid #f5a927;
    margin-bottom: 5px;
}


/**
* @Clase MesajesAlertas
* @Descripción Coloca en mayusculas los campos
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	23/05/2013
*/
.MesajesAlertas {
    font-family: Arial !important;
    color: #434343;
    font-size: 10pt;
}

/**
* @Clase ContenedorGrupoAlertas
* @Descripción Coloca en mayusculas los campos
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	23/05/2013
*/
.ContenedorGrupoAlertas {
    margin-bottom: 5px;
}


/**
* @Clase ResaltarAlertas
* @Descripción Coloca en mayusculas los campos
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	23/05/2013
*/
.ResaltarAlertas {
    background: #FBE8A5;
    text-decoration: none;
}


.globo {
    width: 383px;
    height: 50px;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #555;
    background-color: #FFF;
}

    .globo:before {
        content: "";
        width: 0;
        position: absolute;
        border-style: solid;
        border-width: 0 5px 10px 5px;
        border-color: #EEE transparent #FFF transparent;
        top: -10px;
        margin-left: 349px;
    }

/**
* @Clase ContenedorGadgetVacio
* @Descripción Estilo de Gadget vacios
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	21/10/2013
*/
.ContenedorGadgetVacio {
    margin: 5px;
    border: 3px dashed #CDCFD0;
    border-radius: 10px;
    background: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/AgregarAgrupacion.png') no-repeat 50% 50%;
    background-size: 60px 60px;
}

/**
* @Clase Gadget
* @Descripción Estilo de Gadget existentes
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	21/10/2013
*/
.Gadget {
    background-color: White;
    border-radius: 10px;
    padding-top: 1px;
    box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.41);
}

.ControlAyuda {
    text-transform: uppercase;
}

.IframeContent {
    margin-top: 0px !important;
    background-color: #f5f5f5;
}

    .IframeContent #dnn_ContentPane {
        margin-top: -15px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .IframeContent .bodyUserControl {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

.SegmentoInactivo input[type="text"] {
    background-color: #EDB3B3;
    border: 1px solid #BA3F3F;
    color: #BA3F3F;
    font-weight: bold;
}

.MercadeoInactivo {
    background-color: #EDB3B3;
    border: 1px solid #BA3F3F;
    color: #BA3F3F;
    font-weight: bold;
}

/**
* @Clases .RadRibbonBar .rrbLargeButton .rrbImagePlaceholder
* @Descripción No limita el ancho de las imagenes del ribbon
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	05/02/2014
*/
.RadRibbonBar .rrbLargeButton .rrbImagePlaceholder {
    width: auto !important;
}


/**
* @Clases Body .ui-widget-overlay
* @Descripción coambia el color de fondo
* @Versión     1.0
* @Autor       Manlio Ferreira
* @Fecha modificación	05/02/2014
*/
#Body .ui-widget-overlay {
    background: #0e79fd !important;
}

.DropDownLockupClass input[type='text'] {
    text-transform: uppercase;
    width: 190px;
}

.pantallaCompleta {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    max-height: 100% !important;
}

    .pantallaCompleta div, .pantallaCompleta iframe {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
    }

.pantallaCompletaHtml {
    overflow: hidden !important;
}

.SubHeaderAreaContenidoGadget {
    margin: 5px;
    border-radius: 5px;
    text-align: left;
    height: 21px;
    padding-top: 2px;
    z-index: 1;
    position: relative;
    background: #445B7C;
    color: White;
    text-decoration: none;
    font-weight: bold;
}


    .SubHeaderAreaContenidoGadget .SubTituloHeaderAreaContenido {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        float: left;
        margin-top: 0 !important;
    }



.DeshacerNombreGrupo {
    cursor: pointer;
}

.Maqueta td {
    text-align: center;
    padding-bottom: 5px;
    padding-right: 5px;
}

.MaquetaGadget td {
    padding: 0px;
}

.ContenedorInvisibleGrupo {
    border-radius: 8px;
    background-color: #E6EBEF;
    color: #434343;
    width: 100%;
}

.ContenedorGrupoVacio:hover {
    background-color: #f3f2f2;
}

.Gadget {
    overflow: hidden;
}

.ContenedorGrupoVacio {
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    width: 305px;
    border: 3px dashed #CDCFD0;
    background: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/AgregarAgrupacion.png') no-repeat 50% 50%;
}

.botonesGadget {
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}

    .botonesGadget img {
        cursor: pointer;
    }

.BodyGadget {
    margin-left: 10px;
    border-radius: 4px;
    padding-top: 5px;
}

.ContenedorGadgetVacio {
    cursor: pointer;
}

.AdicionNuevoGadget {
    float: left;
    cursor: pointer;
    padding: 10px;
    margin: 10px 5px 5px 10px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 4px;
    color: #434343;
    font-weight: bold;
    box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.41);
    width: 130px;
    height: 108px;
}

    .AdicionNuevoGadget:hover {
        box-shadow: 0px 0px 13px #434343;
    }

    .AdicionNuevoGadget label {
        cursor: pointer;
    }

.ContenedorGeneralGadgets li {
    font-size: 10pt !important;
}

.ContenedorCambioTamano {
    display: none;
    position: absolute;
    width: 120px;
    height: 120px;
    background-color: #F3F2F2;
    border: 1px solid #c0c0c0;
    margin-top: 5px;
    margin-left: -37px;
    border-radius: 10px;
    z-index: 1;
}

    .ContenedorCambioTamano:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #F3F2F2;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: relative;
        top: -13px;
    }

.ListaTamanos li {
    list-style: none;
    color: #898989;
    padding-top: 0.5px !important;
    padding-bottom: 0.5px !important;
}

    .ListaTamanos li:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.ok {
    background-color: #d9f1ce !important;
    border-color: #83a176 !important;
    color: #83a176 !important;
}

.alert {
    background-color: #FDFBC4 !important;
    border-color: #F0A31B !important;
    color: #F0A31B !important;
}

.agot {
    background-color: #FDC4C4 !important;
    border-color: #F01B1B !important;
    color: #F01B1B !important;
}

.NormalRed {
    color: inherit !important;
}

a.TreeMenu_Node:hover, a.TreeMenu_NodeSelected:hover {
    color: inherit !important;
}

a:link, a:visited, a:active, .Opcion .EnlaceOpcion {
    color: #434343 !important;
}

.SiteBreadcrumb, .breadcrumb-zeus {
    color: #7B7B7B !important;
}

    .SiteBreadcrumb a.migas, .breadcrumb-zeus a.SkinObject {
        color: #7B7B7B !important;
        font-weight: bold;
    }


a.BotonesDinamicosFacturacion,
a.BotonesDinamicosIngreso,
a.BotonesDinamicosIngresoNowRap,
a.BotonesDinamicosAjustesEspeciales {
    color: #0E79FD !important;
}

    a.BotonesDinamicosFacturacion span,
    a.BotonesDinamicosIngresoNowRap span,
    a.BotonesDinamicosAjustesEspeciales span,
    a.BotonesDinamicosVentanaFacturacionSelected span,
    a.BotonesDinamicosFacturacionSelected span,
    a.BotonesDinamicosTipoVisualizacionSelected span,
    a.BotonesDinamicosAjustesEspecialesSelected span {
        left: 0px !important;
    }

a.BotonesDinamicosVentanaFacturacionSelected, a.BotonesDinamicosFacturacionSelected, a.BotonesDinamicosTipoVisualizacionSelected, a.BotonesDinamicosAjustesEspecialesSelected {
    color: #FFFFFF !important;
}

a:not:[disabled]:hover {
    text-decoration: none !important;
    color: #83bbff !important;
}

a:[disabled]:hover {
    text-decoration: none !important;
}

.LoockupModalWindow {
    border-radius: 8px !important;
    /* border: 0 !important; */
    padding: 15px;
    /* box-shadow: #828286 5px 5px 5px !important; */
    background-color: #FFFFFF !important;
    border: 5px solid #0e79fd !important;
    box-shadow: 0px 3px 12px #2345CB33 !important;
}

    .LoockupModalWindow legend {
        font-weight: bold;
        color: #0e79fd;
    }

    .LoockupModalWindow .jtable-title {
        background: #0e79fd !important;
        border: 0 !important;
        box-shadow: none !important;
        font-family: Arial;
        font-size: 13px;
    }

    .LoockupModalWindow div.jtable-title-text {
        text-shadow: none;
    }

.fieldset-f4-params fieldset {
    border: none !important;
    height: 130px !important;
    max-height: 130px !important;
    border-radius: 5px;
    width: auto !important;
}

.LoockupModalWindow fieldset td {
    white-space: nowrap;
}

.LoockupModalWindow table:first-of-type tr:first-of-type td:first-of-type {
    padding-right: 10px;
}

.LoockupModalWindow .jTableClass {
    margin-top: 10px;
}



.LoockupModalWindow input[type="submit"] {
    background: #0e79fd !important;
    color: white;
    font-weight: bold;
    padding: 5px 20px;
    border: 0;
    border-radius: 2px;
    margin-top: 15px;
}

.F4CerrarOpupStyle {
    background-image: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/CerrarAyuda.png') !important;
}


.LoockupModalWindow div.jtable-busy-message {
    border-color: transparent !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    right: 1px;
}

.LoockupModalWindow .jtable-page-number-active {
    background-color: #0e79fd !important;
    border-color: transparent !important;
    font-family: Arial !important;
    text-shadow: none !important;
    border-radius: 50%;
    height: 14px;
}

.LoockupModalWindow .jtable-page-number, .LoockupModalWindow .jtable-page-info {
    font-family: Arial !important;
    text-shadow: none !important;
}

.tdObservacionesEspeciales .ObservacionesEspecialesImagen, .tdObservacionesEspeciales .DropDownLockupClass {
    display: inline-block;
}

.tdObservacionesEspeciales {
    vertical-align: super;
}

body > form > .rcbSlide {
    z-index: 9000;
}

.RadMenu_Default {
    z-index: 900;
}

.ViewSelectorControl {
    display: none;
}

.RadComboBox table {
    vertical-align: middle !important;
}

.ZeusTitle .ComponenteCabecera a.login:visited, .ZeusTitle .ComponenteCabecera a.login:hover, .ZeusTitle .ComponenteCabecera a.login {
    text-decoration: none;
    color: White !important;
}

    .ZeusTitle .ComponenteCabecera a.login span:hover {
        text-decoration: underline;
    }

.dnnLogItemDetail pre {
    white-space: normal;
}

#noty_topLeft_layout_container li {
    margin-bottom: 10px;
}


.ControlContainer a:link, .ControlContainer a:visited, .ControlContainer a:active {
    color: white !important;
}

.ocultaLupa .f4BotonSearch {
    display: none;
}

.f4-container {
    white-space: nowrap;
}

    .f4-container .f4-button-open-modal {
        background: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/IconoBuscarAyudas.png') no-repeat;
        display: inline-block;
        width: 18px;
        height: 18px;
        vertical-align: middle;
    }

    .f4-container .f4-input {
        display: inline-block;
    }

.f4-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 900;
    background-color: #262626 !important;
    opacity: 0.5 !important;
}

.f4-modal {
    border: 5px solid #0e79fd;
    position: fixed;
    border-radius: 8px;
    font-family: Arial;
    background-color: #F5F5F5;
    z-index: 1000;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    max-height: 85vh;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 800px;
    box-shadow: 0px 3px 12px #2345CB33;
}

    .f4-modal .f4-header {
        background-color: #0e79fd;
    }

        .f4-modal .f4-header .f4-title {
            display: inline-block;
            color: #fff;
            font-size: 11pt;
            font-weight: bold;
            width: 70%;
            vertical-align: super;
        }

        .f4-modal .f4-header .f4-close {
            background: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/BotonCerrar.png') no-repeat;
            background-position: right;
            display: inline-block;
            height: 20px;
            width: 25px;
            cursor: pointer;
            float: right;
        }

    .f4-modal .f4-body {
        margin: 10px;
        min-width: 500px;
        font-size: 12px;
        background-color: #FFFFFF;
        padding: 10px 10px;
        border-radius: 8px;
        box-shadow: 0px 3px 12px #2345CB33;
    }

        .f4-modal .f4-body .f4-fields-container, .f4-modal .f4-body .f4-option-container {
            display: inline-block;
            width: 49%;
            vertical-align: top;
        }

        .f4-modal .f4-body .f4-option-container {
            padding-right: 5px;
        }

            .f4-modal .f4-body .f4-option-container .f4-options {
                list-style-type: none;
                padding: 0;
                margin: 15px 0;
                max-height: 120px;
                overflow-y: auto;
            }

        .f4-modal .f4-body .f4-fields-container {
            padding-left: 5px;
        }

            .f4-modal .f4-body .f4-fields-container .f4-fields {
                margin: 15px 0 10px;
            }

            .f4-modal .f4-body .f4-fields-container .f4-button-search {
                background: #0e79fd !important;
                color: #fff;
                font-weight: bold;
                padding: 5px 20px;
                border: 0;
                border-radius: 2px;
                margin-bottom: 10px;
            }

            .f4-modal .f4-body .f4-fields-container .f4-fields .f4-field {
                margin: 5px;
            }

                .f4-modal .f4-body .f4-fields-container .f4-fields .f4-field label {
                    margin-right: 5px;
                }

                .f4-modal .f4-body .f4-fields-container .f4-fields .f4-field .f4-field-input[type="text"] {
                    width: 165px;
                }


        .f4-modal .f4-body .f4-table th {
            text-align: left;
        }

    .f4-modal .f4-option-title, .f4-modal .f4-field-title, .f4-modal .f4-grid-title {
        background-color: #FFFFFF;
        padding: 5px 10px;
        border-radius: 5px;
        white-space: nowrap;
        color: #0E79FD;
        font-weight: bold;
        font-size: 11pt;
    }

    .f4-modal .f4-grid-pager-buttom {
        border-color: transparent;
        cursor: pointer;
        background-color: #FFFFFF;
        color: #000000;
    }

        .f4-modal .f4-grid-pager-buttom.f4-grid-pager-buttom-selected {
            background-color: #0e79fd;
            color: #FFFFFF;
            border-radius: 50%;
        }

    .f4-modal .f4-grid-container .f4-grid-div {
        margin: 15px 0 5px;
        max-width: 940px;
        overflow-x: auto;
    }

        .f4-modal .f4-grid-container .f4-grid-div .f4-table {
            border-collapse: collapse;
            border: none;
            width: 100%;
        }

            .f4-modal .f4-grid-container .f4-grid-div .f4-table tbody tr:nth-child(2n+1) {
                background-color: #F5F5F5;
            }

            .f4-modal .f4-grid-container .f4-grid-div .f4-table tbody tr:nth-child(2n) {
                background-color: #FFFFFF;
            }

            .f4-modal .f4-grid-container .f4-grid-div .f4-table tbody tr:hover {
                background-color: #E3F3FF;
                cursor: pointer;
            }

            .f4-modal .f4-grid-container .f4-grid-div .f4-table th {
                padding: 5px;
                color: #000000;
                border: none;
                background-color: #ffffff;
                white-space: nowrap;
            }

            .f4-modal .f4-grid-container .f4-grid-div .f4-table td {
                padding: 5px;
                border: none;
                white-space: nowrap;
            }

.ServiceIcon.professional {
    display: none;
}

.dropdownpelle {
    position: relative;
    display: inline-block;
    width: 100%;
}

.dropdown-togglepelle {
    padding: 5px 10px;
    background-color: #f1f1f1;
    border: none;
    cursor: pointer;
}

.dropdown-menupelle {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #f9f9f9;
    padding: 10px;
    border: 1px solid #ddd;
    display: none;
    overflow: scroll !important;
    height: 200px;
}

    .dropdown-menupelle label {
        display: block;
    }

    .dropdown-menupelle input[type="checkbox"] {
        margin-right: 5px;
    }

.text-button-input {
    background-color: #f1f1f1;
    cursor: pointer;
    border: none;
    color: white;
    padding: 10px 27px;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
    width: 100% !important;
    height: 100% !important;
}


table.jtable {
    border: none !important;
}

    table.jtable thead {
        border: none !important;
        background: #FFFFFF !important;
    }


        table.jtable thead th {
            border: none !important;
        }

    table.jtable tbody td {
        border: none !important;
    }

    table.jtable tbody > tr {
        background: #ffffff !important;
    }

    table.jtable tr.jtable-row-even {
        background: #F5F5F5 !important;
    }

    table.jtable tbody tr:hover {
        background: #E3F3FF !important;
    }


.LoockupModalWindow .jtable-column-header {
    color: #434343 !important;
}

div.jtable-bottom-panel {
    border: none !important;
}


.LoockupModalWindow .jtable-page-number, .LoockupModalWindow .jtable-page-info, .LoockupModalWindow .jtable-page-number-next, .LoockupModalWindow .jtable-page-number-last, .LoockupModalWindow .jtable-page-number-space, .LoockupModalWindow .jtable-page-number-first, .LoockupModalWindow .jtable-page-number-previous {
    text-shadow: none !important;
    background-color: #FFFFFF !important;
    border: none !important;
}

/**
    Estilos Menú PanelBar
**/

.RadPanelBar {
    width: 100% !important;
    text-align: left;
}

.RadPanelBar_Default div.rpHeaderTemplate, .RadPanelBar_Default a.rpLink {
    background-color: #fff !important;
    background-image: none !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.RadPanelBar .rpRootGroup {
    border: none !important;
}


.RadPanelBar .rpLink, .RadPanelBar .rpOut, .RadPanelBar .rpText {
    display: block;
    height: 100%;
    min-height: 30px;
    border: none !important;
}

.RadPanelBar_Default span.rpExpandHandle {
    background-image: url(/DesktopModules/ZeusRecursos/ZeusStyle/images/chevron-down.png) !important;
    background-position: 0 5px !important;
}

.RadPanelBar_Default a.rpExpandable:hover span.rpExpandHandle {
    background-color: transparent;
    background-image: url(/DesktopModules/ZeusRecursos/ZeusStyle/images/chevron-down-white.png) !important;
    background-repeat: no-repeat
}

    .RadPanelBar_Default a.rpExpandable:hover span.rpExpandHandle.arrow_down_blue {
        background-color: transparent;
        background-image: url(/DesktopModules/ZeusRecursos/ZeusStyle/images/chevron-down.png) !important;
        background-repeat: no-repeat
    }

.RadPanelBar_Default span.arrow_down_white {
    background-image: url(/DesktopModules/ZeusRecursos/ZeusStyle/images/chevron-down-white.png) !important;
    background-position: 0 5px !important;
}

.RadPanelBar_Default span.arrow_up_white {
    background-image: url(/DesktopModules/ZeusRecursos/ZeusStyle/images/chevron-up-white.png) !important;
    background-position: 0 5px !important;
}

.RadPanelBar_Default span.arrow_down_blue {
    background-image: url(/DesktopModules/ZeusRecursos/ZeusStyle/images/chevron-down.png) !important;
    background-position: 0 5px !important;
}

.RadPanelBar_Default span.arrow_up_blue {
    background-image: url(/DesktopModules/ZeusRecursos/ZeusStyle/images/chevron-up.png) !important;
    background-position: 0 5px !important;
}


.RadPanelBar .rpText {
    padding: 4px 8px 2px 37px !important;
}

.RadPanelBar_Default div.rpHeaderTemplate, .RadPanelBar_Default a.rpSelected {
    background-color: #0e79fd !important;
    background-image: none !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #fff !important;
    border-radius: 4px;
    box-shadow: 0px 3px 12px #2345CB1A;
}

    .RadPanelBar_Default div.rpHeaderTemplate img, .RadPanelBar_Default a.rpSelected img {
        filter: hue-rotate(47deg) brightness(500%);
    }

.RadPanelBar .rpImage {
    padding: 7px 3px 3px !important;
}

.RadPanelBar .rpExpandable .rpExpandHandle, .RadPanelBar .rpExpanded .rpExpandHandle {
    margin: 9px 5px 0 0 !important;
}

.RadPanelBar .rpGroup a {
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    font-weight: 100 !important;
    border: none;
    background-color: #F0F3F4 !important;
    box-shadow: none;
}

.RadPanelBar .rpLevel2 a {
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    font-weight: 100 !important;
    border: none;
    background-color: #E9E9E9 !important;
    box-shadow: none;
}

.RadPanelBar_Default .rpGroup a.rpLink, .RadPanelBar_Default .rpGroup a.rpLink .rpOut {
    background-color: transparent;
    background-image: none !important;
    background-repeat: no-repeat;
}

.RadPanelBar_Default a.rpFocused, .RadPanelBar_Default a.rpExpanded, .RadPanelBar_Default div.rpFocused, .RadPanelBar_Default a.rpLink:hover, .RadPanelBar_Default a.rpExpanded:hover {
    background-color: #0e79fd !important;
    opacity: 1;
    transition-duration: 0.2s !important;
    color: #fff !important;
    border-radius: 4px;
    box-shadow: 0px 3px 12px #2345CB1A;
    background-position: left bottom;
}

    .RadPanelBar_Default a.rpFocused img, .RadPanelBar_Default a.rpExpanded img, .RadPanelBar_Default div.rpFocused img, .RadPanelBar_Default a.rpLink:hover img, .RadPanelBar_Default a.rpExpanded:hover img {
        filter: hue-rotate(47deg) brightness(500%);
    }

.RadPanelBar_Default ul.rpGroup .rpExpanded, .RadPanelBar_Default .rpGroup a.rpSelected {
    background: #F0F3F4 !important;
    color: #0E79FD !important;
}

    .RadPanelBar_Default ul.rpGroup .rpExpanded img, .RadPanelBar_Default .rpGroup a.rpSelected img {
        filter: opacity(0.5);        
    }

.RadPanelBar .rpGroup .rpExpanded .rpExpandHandle, .RadPanelBar .rpGroup .rpExpandable .rpExpandHandle {
    margin: 7px 2px 0 0 !important;
}


.principal_option {
    background-color: #000000 !important;
}

::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 10px;
}

::-webkit-scrollbar {
    width: 7px !important;
    height: 7px !important;
}

.RadScheduler_Metro .rsHeader {
    border: 1px solid #0e79fc !important;
    color: #fff !important;
    background-color: #0e79fc !important;
}

    .RadScheduler_Metro .rsHeader h2 {
        color: #fff !important;
        background-color: #0e79fc !important;
    }


.AreaPopUp .blancoAreaPopUp .BodyAreaContenido {
    box-shadow: none;
}

.listado-contenedor-borde-lista {
    padding: 10px;
}

.listado-contenedor-borde-bloque {
    padding: 10px;
}

.listado-contenedor-borde-unico {
    padding: 10px;
}

.listado-contenedor-borde-linea {
    padding: 0;
}

.listado-contenedor {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #F0F0F0;
    background-color: #E6EBEF;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(210,210,210,1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(210,210,210,1);
    box-shadow: 2px 2px 2px 0px rgba(210,210,210,1);
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.listado-seleccionable {
    cursor: pointer;
}

.listado-noseleccionable {
    cursor: default;
}

.listado-contenedor.listado-seleccionado {
    border: 1px solid #EFEFEF;
    background-color: #748EC3 !important;
    color: #FFFFFF;
}

.listado-contenedor.listado-deshabilitado {
    border: 1px solid #EFEFEF;
    background-color: #FE8081 !important;
    color: #FFFFFF;
    cursor: default;
}

.listado-posicion-fija {
    position: fixed;
}

.listado-botones-position-left {
    left: 0;
    margin-left: 10px;
}

.listado-botones-position-top-left {
    top: 0;
    right: 0;
}

.listado-botones-btn-position-left {
    left: 0;
    margin-left: 10px;
}

.listado-botones-btn-position-top {
    top: 0;
    margin-top: 120px;
}


.listado-botones-botonF1 {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #6acc63;
    right: 0;
    bottom: 0;
    position: absolute;
    margin-right: 16px;
    margin-bottom: 16px;
    border: none;
    outline: none;
    color: #FFF;
    font-size: 36px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: .3s;
}

.listado-botones-span {
    transition: .5s;
    font-size: 10pt;
}

.listado-botones-botonF1:hover span {
    transform: rotate(360deg);
}

.listado-botones-botonF1:active {
    transform: scale(1.1);
}

.listado-botones-btn {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: none;
    color: #FFF;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    font-size: 28px;
    outline: none;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 38px;
    transform: scale(0);
    z-index: 10;
}

.listado-botones-botonF2 {
    background: #F44336;
    margin-bottom: 98px;
    transition: 0.9s;
}

.listado-botones-botonF3 {
    background: #E4BC00;
    margin-bottom: 158px;
    transition: 0.9s;
}

.listado-botones-botonF4 {
    background: #009688;
    margin-bottom: 218px;
    transition: 0.9s;
}

.listado-botones-botonF5 {
    background: #FF5722;
    margin-bottom: 278px;
    transition: 0.9s;
}

.listado-botones-botonF6 {
    background: #EDA1DC;
    margin-bottom: 338px;
    transition: 0.9s;
}

.listado-botones-animacionVer {
    transform: scale(1);
}

.listado-botones-sincolor button {
    background-color: transparent !important;
    box-shadow: none;
}

.listado-contenedor-unico {
    display: table-row;
    min-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px;
    margin: 1px;
}

.listado-contenedor-subcontenedor-unico {
    display: table-row;
}

.listado-contenedor-bloque {
    min-height: 310px;
}

.listado-contenedor-lista {
    min-height: 100px;
    display: flex;
    align-items: stretch;
}

.listado-contenedor-linea {
    display: table-row;
    min-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px;
    margin: 1px;
}

    .listado-contenedor-linea:nth-child(even) {
        background-color: #fff;
    }

.listado-contenedorimg-lista {
    margin: 0;
    width: 60px !important;
}

.listado-contenedorimg-bloque {
    margin: 0 auto;
    width: 150px;
}

.listado-contenedorimg-unico {
    margin: 0;
}

.listado-contenedorimg-linea {
    margin: 0;
}

.listado-contenedorcontenido {
    padding-left: 10px;
    font-size: 13px;
}

.listado-contenedorcontenido-lista {
    max-width: 218.7px;
}

.listado-contenedorcontenido-unico {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 245px;
}