/* Fuentes Noto Sans */
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans/bolditalic/NotoSans-BoldItalic-webfont.eot');
    src: url('../fonts/NotoSans/bolditalic/NotoSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans/bolditalic/NotoSans-BoldItalic-webfont.woff') format('woff'),
        url('../fonts/NotoSans/bolditalic/NotoSans-BoldItalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans/bold/NotoSans-Bold-webfont.eot');
    src: url('../fonts/NotoSans/bold/NotoSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans/bold/NotoSans-Bold-webfont.woff') format('woff'),
        url('../fonts/NotoSans/bold/NotoSans-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans/italic/NotoSans-Italic-webfont.eot');
    src: url('../fonts/NotoSans/italic/NotoSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans/italic/NotoSans-Italic-webfont.woff') format('woff'),
        url('../fonts/NotoSans/italic/NotoSans-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans/regular/NotoSans-Regular-webfont.eot');
    src: url('../fonts/NotoSans/regular/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans/regular/NotoSans-Regular-webfont.woff') format('woff'),
        url('../fonts/NotoSans/regular/NotoSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Fin Fuentes Noto Sans */

body {
    font-family: "Noto Sans";
    font-size: 0.9em;
    color: #666666;    
}

.banner-top {
    font-family: "Noto Sans";
    letter-spacing: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    right: 0;
    top: 0;
    z-index: 99;
    background: url(../images/logo.svg) no-repeat;
    background-position-x: 2%;
    background-position-y: 30%;
    background-size: 330px;
    height: 65px;
}

.content-top{
    font-family: "Noto Sans";  
    text-align : center;
    height: auto;
    padding-left: 0.5%;
    padding-right: 0.5%;
    padding-bottom: 0.5%;
    padding-top: 0.5%;
    border-top: 0.5px solid #737578;
}

.footer-top {
    font-family: "Noto Sans";    
    letter-spacing: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    font-size: 10px;
    text-align: right;
}

.globalNav {
    font-family: "Noto Sans";  
    font-size : 11px;
    text-align : justify;
    height : auto;      
    padding-left: 10px;
    padding-right: 5px; 
    border-bottom: 1px solid #737578;
}

.content{
    font-family: "Noto Sans";  
    font-size : 1em;
    text-align : justify;
    height: auto;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 25px;
}

.img-circle {
    border-radius: 50%;
}

.panel-buttons{
    margin-top: 15px;
    margin-bottom: 15px;
}

.panel-message{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.5em;
}

.panel-column-data-left{
    text-align: left;
} 

.panel-confirm-buttons{
    text-align: center;
} 

.boton {
    border: 1px solid #0088cc !important;
    background: #4186DC !important;
    font-weight: bold;
    color: #FFFFFF !important;
    padding: 5px;
}

.boton .ui-state-hover,
.boton .ui-state-focus{
    border: 1px solid #4186DC !important;
    background: #07BAFF !important;
    font-weight: bold;
    color: #FFFFFF !important;
}

.buttonLogin{
    border: 1px solid #0088cc !important;
    background: #4186DC !important;
    font-weight: bold;
    width: 150px;
    height: 25px; 
    color: #FFFFFF !important;
}

select{
    height: 26px !important;
}

.contentLateral {
    width: 175px;
    float: left;
}

.contentPrincipal {
    margin-left: 180px;
    padding: 0px 4px 4px 4px;

}

.footer{
    clear: both;
    margin-top: 5px;
    text-align: right;
}

.ancho.ui-inputfield {
    width: 350px;
}

.ui-input-label-left, .ui-input-label.hidden {
    text-align: right !important;
    display: inline-block;
    max-width:100%;
    white-space:nowrap;
}

.muyancho.ui-inputfield {
    width: 550px;
}


.espacioInferior{
    margin-bottom: 15px;
}

h1{
    margin-top: 5px !important;
}

.ice-checkboxbutton  button {
    background: none !important;
    color: #4186DC !important;
    border: none !important;
}

#notaPanelBusqueda_header .notaFondo{
    background: #CE2886 !important;
}

.ui_tpicker_time_label{
    visibility: hidden;
}

.ui_tpicker_time_label:after{
    content:'Tiempo'; 
    visibility: visible;
    position: relative;
    right: 30px;
    font-family: 'Noto Sans';
    font-size: 1em;
    color: #222222;
}

.ui_tpicker_hour_label{
    visibility: hidden;
}

.ui_tpicker_hour_label:after{
    content:'Hora'; 
    visibility: visible;
    position: relative;
    right: 30px;
    font-family: 'Noto Sans';
    font-size: 1em;
    color: #222222;
}

.ui_tpicker_minute_label{
    visibility: hidden;
}

.ui_tpicker_minute_label:after{
    content:'Minuto'; 
    visibility: visible;
    position: relative;
    right: 45px;
    font-family: 'Noto Sans';
    font-size: 1em;
    color: #222222;
}

.iconos-colores{
    font-size: 1.5em;
    text-align: center;
    
}

.iconos-colores .fa .fa-times{
    color: red;
}

.conos-colores .fa .fa-check{
    color: green;
}

.menuBannerSelect .wijmo-wijmenu-item {
    width: 100%;
}

.menuBannerSelect .wijmo-wijmenu-text{
    color: #0A53B1;
}


.menuBannerSelect .wijmo-wijmenu-link:hover {
    background: #0A53B1!important;
}

.menuBannerSelect .wijmo-wijmenu-link:focus {
    background: #0A53B1!important;
}

.menuBannerSelect .wijmo-wijmenu-text:hover{
    color: white !important;
     
    width: 100%;
}

.menuBannerSelect .wijmo-wijmenu-text:focus{
    color: white !important;
     
    width: 100%;
}