@media (min-width: 1024px) {
    .hidden-element {visibility: hidden;}
    body {font-size: .85em;font-family: "Segoe UI","Segoe WP","Helvetica Neue",'RobotoRegular',sans-serif;color: white;background-color: #023366;}
    header, footer, nav, section {display: block;}
    h1,h2,h3,h4,h5,h6{font-family:"Segoe UI Light","Helvetica Neue",'RobotoLight',"Segoe UI","Segoe WP",sans-serif;font-weight:100;margin-top:5px;margin-bottom:0px;text-transform:lowercase}
    h1{font-size:56px; color:#f5f5f5}
    h2{font-size:42px; color:#f5f5f5}
    h3{font-size:28px; color:#f5f5f5}
    h4,h5,h6{font-weight:normal;text-transform:uppercase; color:white}
    header, footer, nav, section {display: block;}

    /* Styles for menu */
    .menu-group{overflow:auto;}
    .menu-titlegroup {color: #9bdfff;margin-bottom: 5px;font-size: 16px;float: left;}
    
    /* Styles for basic forms */   
    fieldset {border: 1px solid #ddd;/*padding: 0 1.4em 1.4em 1.4em;*/margin: 0 0 5px 0;color: white;}
    legend {font-size: 1.2em;font-weight: bold;}
    textarea {/*min-height: 75px;*/}
    .editor-label {margin: 1em 0 0 0;color: white;}
    .editor-field {/*margin: 5px 0 0 0;*/}
    .display-label {/*margin: 5px 0 0 0;*/color: white;}
    .display-label-bold {/*margin: 5px 0 0 0;*/color: white;font-weight: bold;}     
    .display-field {/*margin: 5px 0 0 0;*//*width: 100px;*/color: white;margin-left: 30px;}         
    .display-field-bold {/*margin: 5px 0 0 0;*/font-weight: bold;color: white;margin-left: 30px;}
    input.button-adv, a.button-adv{height:35px;color:white;background-color:#196cbd}
    input.button-adv-disabled, a.button-adv-disabled{height:35px;color:white;background-color:#C0C0C0}
    .editor-combo{        }
    .selectCol0 {width:90px}
    .selectCol1 {width:100px}
    .selectCol2 {width:400px}
    .selectInit {height: 20px; margin-left: 2px; position: absolute;}

    /* Styles for validation helpers */
    .field-validation-error {color: #f00;}
    .field-validation-valid {display: none;}
    .input-validation-error {border: 1px solid #f00;background-color: #fee;}
    .validation-summary-errors {font-weight: bold;color: #f00;}
    .validation-summary-valid {display: none;}

    /* Styles for marcajes */
    .webGrid { margin: 4px; border-collapse: collapse; width: 99%;background-color: #8dbef1; color: black;font-size: 11px;}
    .webGrid-header { background-color: #ffffff; /*font-weight: bold;*/ color: #023366; font-size: 12px;}
    .webGrid th a {color: #023366;}
    .webGrid th, .webGrid td { border: 1px solid #C0C0C0; padding: 5px;}
    .webGrid tfoot { background-color: #4d83ba; color: white; font-size: 12px;}
    .webGrid tfoot td { /*font-size:15px;*/margin:0px 10px 0px 10px;}
    .webGrid tfoot a { font-weight: bold;color: black; text-decoration: underline;/*font-size:15px;*/margin:0px 10px 0px 10px;}
    .webGrid-alt { background-color: #c9dcef; color: black; }
    .webGrid-col30 { width: 30px;}
    .webGrid-col50 { width: 50px;}
    .webGrid-col75 { width: 75px;}
    .webGrid-col100 { width: 100px;}
    .webGrid-col120 { width: 120px;}
    .gridHead a:hover {text-decoration:underline;}
    .webGrid-description { width:auto}
    .webGrid-select{background-color: #71857C}
    .webGrid-colbtn {width:60px;}
    .webGrid-colbtn-1btn {width:30px;}
    .webGrid-editbtn {background-image:url("../images/varias/edit.png");background-repeat:no-repeat;background-size:20px;height:20px;width:20px;cursor:pointer;position:relative;float: left;}
    .webGrid-deletebtn {background-image:url("../images/varias/delete.png");background-repeat:no-repeat;background-size:20px;height:20px;width:20px;cursor:pointer;position:relative;float: left;}
    .webGrid-solicitud-check {background-image:url("../images/varias/sign-check.png");background-repeat:no-repeat;background-size:20px;height:20px;width:20px;cursor:pointer;position:relative;float: left;}
    .webGrid-solicitud-info {background-image:url("../images/varias/sign-info.png");background-repeat:no-repeat;background-size:20px;height:20px;width:20px;cursor:pointer;position:relative;float: left;}
    .webGrid-asistencia-yes {background-image: url("../images/varias/ok.png");background-repeat: no-repeat;background-size: 20px;height: 20px;width: 20px;cursor: pointer;position: relative;float: left;}
    .webGrid-asistencia-no {background-image: url("../images/varias/delete.png");background-repeat: no-repeat;background-size: 20px;height: 20px;width: 20px;cursor: pointer;position: relative;float: left;}
    .webGrid-viewbtn {background-image: url("../images/varias/view.png");background-repeat: no-repeat;background-size: 20px;height: 20px;width: 20px;cursor: pointer;position: relative;float: left;}
    .webGrid-uploadbtn {background-image: url("../images/varias/upload.png");background-repeat: no-repeat;background-size: 20px;height: 20px;width: 20px;cursor: pointer;position: relative;float: left;}
    .webGrid-warn {background-image: url("../images/varias/warn.png");background-repeat: no-repeat;background-size: 20px;height: 20px;width: 20px;cursor: pointer;position: relative;float: left;}
    .webGrid-link-appareance {cursor: pointer;color: blue;text-decoration: underline;}
    .webGrid-calendar {background-image:url("../images/varias/cal_month.png");background-repeat:no-repeat;background-size:20px;height:20px;width:20px;cursor:pointer;position:relative;float: left;}
    .webGrid-morebtn {background-image: url("../images/varias/More.png");background-repeat: no-repeat;background-size: 20px;height: 20px;width: 20px;cursor: pointer;position: relative;float: left;}

    .table-mar-table {margin-top:10px;}
    .table-mar-header{color:#023366;text-decoration:underline;text-align:left;height:25px;}
    .table-mar-header-tr{background-color:white ;}
    .table-mar-row{color:white;text-align:center;}
    .table-mar-footer-tr{background-color:white ;}
    .table-mar-footer{color:#023366;text-align:center;height:0px;font-weight:500;}

    /* Styles for Transito */
    .transito-buttons{overflow:auto;width:95%;margin-top:15px;align-items:center;}
    .transito-buttonPressed{float: left;list-style: none;text-align: center;background-color: #219f12;margin-right: 10px;margin-bottom: 10px;width: 100px;line-height: 60px;}
    .transito-buttonNotPRessed{float: left;list-style: none;text-align: center;background-color: #cf3838;margin-right: 10px;margin-bottom: 10px;width: 100px;line-height: 60px;}

    /* Agenda styles */
    .advagenda-one{width:150px;height:175px;opacity:1; border-radius:6px; -khtml-border-radius: 6px;color: #023366;}
    .advagenda-tr-dias_semana{color: #023366;font-weight:bold;}
    .advagenda-titulo{text-align:center; width:150px;color: #023366;font-weight:bold;}
    .advagenda-table{width:150px;border-spacing:0px 0px;}
    .advagenda-tr{    }
    .advagenda-dia{text-align:center;vertical-align:central;height:18px;color: #023366;}
    .advagenda-Color_Baja{background-color:transparent;}
    .advagenda-Normal{background-color:white;}
    .advagenda-Festivo{background-color:red;}
    .advagenda-FestivoLaboral{background-color:#FFBBBB;}
    .advagenda-Vacaciones{background-color:#FFDBB7;}
    .advagenda-Incidencia{background-color:#00A8F9;}
    .advagenda-Libre{background-color:#FFFF80;}
    .advagenda-Vac_Arrastre{background-color:#BFFF00;}
    .advagenda-Libres_Arrastre{background-color:#FDC831;}
    .advagenda-Bolsa_de_horas{background-color:#B3B300;}
    .advagenda-Especial{background-color:#CC99FF;}
    .advagenda-Moscosos{background-color:#FFFF80;}
    .advagenda-Libres_por_festivos{background-color:#A8F0FD;}
    .advagenda-mediodia{border: 1px solid black;}

    /* Styles for Agenda-Leyenda */
    .advagendaLeyenda-table{position:relative;top:0px;left:0px;width: 99%;color:white;}
    .advagendaLeyenda-table td input{width: 60px;font-size:10px;background-color:white;color:black;border:none;padding-left:4px;}
    .advagendaLeyenda-table td{font-size:10px;}
    .advagendaLeyenda-table th{color:white;text-align:left;font-size:12px;}
    .advagendaLeyenda-color{height:20px;width:20px;float:left;margin-right: 10px;}
    .advagendaLeyenda-texto{margin-left: 20px;margin-top:-4px;height:30px;text-align:left ;color:black;font-size:10px;vertical-align:middle;}
    .advagendaLeyenda-one{width:90px;height:20px;opacity:1; border-radius:2px; -khtml-border-radius: 2px;}

    /* Styles for Trabajador */
    .advtrabajador-imagen-tr{vertical-align:top;}
    .advtrabajador-imagen{width:150px;}
    .advtrabajador-col-1{float:left;width:150px;}

    /* Styles for Exportar */
    .export-xls{background:url(../images/ico-excel.png) no-repeat;background-position: left center;cursor:pointer;border:none;/*height:50px;*/color: white;padding: 20px;}
    .export-pdf{background:url(../images/ico-pdf.png) no-repeat;background-position: left center;cursor:pointer;border:none;/*height:50px;*/color: white;padding: 20px;}

    /* Styles for Result OK ERR */
    .result{border-radius: 25px;padding: 60px; margin: auto;width: 50%;width: 350px;height: 300px; }
    .result-img{display:block;margin:auto;width: 128px;}
    .result-ok{background: #bbef70;}
    .result-ok-lbl {font-size:18px;color: #1b460f;}
    .result-err{background: #eb5353;}
    .result-err-lbl {font-size:14px;font-weight: bold;color: white;text-align: center;}
    .result-button {font: bold 18px Arial;text-decoration: none;background-color: #EEEEEE;color: #333333;padding: 6px 10px 6px 10px;border-top: 1px solid #CCCCCC;border-right: 1px solid #333333;border-bottom: 1px solid #333333;border-left: 1px solid #CCCCCC;}

    /* Styles for marcajes */
    .acc-st-permitido {color: #225b00;}
    .acc-st-denegado {color: red;font-weight:bold;}
    .acc-st-ignorado {color: #333333;}

    /* Styles for tiles */
    .tile-button-image {height:80px;margin-top:-5px;}
    .tile_circle {/*width: 25px;*/height: 15px;font-size: 9px;color: black;text-align: center;float:left;position:relative;top:70px;left:0px;border-style: none;padding: 1px 3px 0px 3px;border-radius: 10%;background: cyan;border-left-style: solid;border-left-color: blue;}
    .tile_desc {height:40px;width:100%;}

    /* Styles for reserva salas */
    #reservas-div-filtro {margin-bottom: 15px;margin-top: 10px;padding: 5px;}
    #btnEjecutar {margin-top: 15px;}
    #tabla_reservas {margin: 4px;border-collapse: collapse;width: 99%;background-color: #8dbef1;color: black;font-size: 11px;}
    #tabla_reservas th {background-color: black;color: white;height: 40px;text-align: center;font-size: 13px;}
    #tabla_reservas tr {margin: 4px;border-collapse: collapse;text-align: center;font-size: 11px;border: 1px solid #c1c1c1;height: 30px;}
    #tabla_reservas tr:nth-child(even) {background-color: #f2f2f2;}
    #tabla_reservas td {max-width: 100px;}

    .salas_celda_hora {margin: 4px;border-collapse: collapse;background-color: #f5webGrid-solicitud-checkf5f5;color: black;font-size: 11px;}
    .salas_celda_res_no {background-color: #8dbef1;color: black;}
    .salas_celda_res_sala {margin: 4px;border-collapse: collapse;background-color: #ef5d5d;color: black;font-size: 11px;}
    .salas_celda_horaant {background-color: lightgray;font-style: italic;}

    /* Styles for listafindreservas */
    .listafindreservas-tabla {width: 95%;max-width: 800px;border-bottom: 2px solid gray;margin-top: 10px;}
    .listafindreservas-columna-01 {width: 300px;}
    .listafindreservas-columna-02 {}
    .listafindreservas-tabla-imagen {width: 300px;}
    .listafindreservas-titulo {text-decoration: underline;font-size: 24px;font-weight: bold;margin-bottom: 15px;color: black;}
    .listafindreservas-fecha {text-decoration: underline;font-size: 18px;font-weight: bold;margin-bottom: 15px;color: blue;}
    .salas-wizard-div {width: 70%;}

    .advbtn-img-refresh {background-image: url("../images/varias/refresh_3_Azul.png");background-repeat: no-repeat;background-size: 20px;height: 20px;width: 20px;cursor: pointer;position: relative;float: right;border:none;margin-right: 5px;}
}