html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: middle;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    margin: 0;
    padding: 0;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: auto;
}

.ui-datatable-footer{
    margin-bottom: 10px;   
}

.ui-datatable-header{
    margin-top: 10px;     
}

.ui-panel{
    margin: 10px auto;
}

.ui-panel table{
    margin: auto;
}

.ui-panel table.ui-selectmanycheckbox{
    display: block;
    width: 100%;
}

.ui-selectmanycheckbox tr{
    display: inline-block;
    width: 170px;
}

.ui-selectmanycheckbox td{
    border: 0px !important; 
    text-transform: capitalize;
}

.login_grid{
    margin-top: 5px;

}
#header{
    height: 50px;
}

#header #header_left{
    float: left;
    vertical-align: top;
    text-align: center;
    width: 20%;
}

#header #header_left img{
    height: 50px;
    float: left;
    margin-left: 20px;
}

#info {
    float: left;
   
}

#header #header_middle{
    float: left;
    width: 60%;
}

#header #header_middle h1{
    text-align: center;
    font-size: 1.5em; 
    padding-top: 15px;
}

#header #header_right{
    float: left;
    vertical-align: top;
    width: 20%;
}

#header #header_right #datos_usuario{
    padding-top: 15px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}

#content {
    margin: 10px auto;
    width: 990px;
}

.menu-contextual{
    margin: 15px 0px 5px 0px;
    width: 100%;
}

.ui-menu{
    margin-bottom: 10px;
}

.ui-paginator-top{
    display:none;
}

#form_curso\:grid_form_curso tr{
    height: 25px;
    line-height: 25px;
}

#form_curso\:grid_form_curso .col_izq{
    width: 227px;
}

#panel_inscripciones td{
    text-align: center;
}

#panel_inscripciones select{
    text-align: left;
    width: 400px;
}

#panel_inscripciones .filtro {
    width: 260px;
}

#panel_inscripciones .filtro select{
    width: 250px;
}

#pago_interno .ui-panel, #nuevo_recibo .ui-panel,#nueva_nota_credito .ui-panel {
    width: 937px;
}

#panel_notificacion{
    width: 936px;
}

.panel_resolucion{
    width: auto;
    border: none;
    margin: 0px;
    padding: 0px !important;
}

.panel_resolucion div{
    padding: 0px !important;
    vertical-align: top;
}

.panel_resolucion input[type=text]{
    margin-left: 8px;
}

#panel_notificacion{
    color: red;
    border-color: red;
    border-width: 3px;
    font-weight: bolder;
}

#panel_notificacion #panel_notificacion_content{
    color: red;
}

.grid_usuarios_der{
    width: 700px;
}

.grid_usuarios_der table{
    overflow: auto;
    width: 700px;
}

.jqplot-target{
    margin-top: 25px;
}

.jqplot-table-legend,.ui-panel .jqplot-table-legend{
    width: auto;
    margin-top: -40px
}

#ayuda_estadistica .ui-panel{
    width: 850px;
}

#ayuda_estadistica .ui-outputpanel,#ayuda_estadistica .ui-fieldset {
    margin-bottom: 10px;
}

.ui-picklist .ui-picklist-list {
    width:300px !important;
}

.ui-picklist .ui-picklist-filter{
    width:300px !important;
}

.ui-picklist .ui-picklist-caption{
    width:300px !important;
}

.ui-picklist .ui-picklist-filter-container{
    width:300px !important;
}

.ui-picklist .ui-picklist-list-wrapper{
    width:300px !important;
}

.customHeader th{
    background-color: white;
}

body { font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em;}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    border-style: none;
}

.B {
    text-decoration: line-through;
    color: #CCCCCC;
}

.ui-inputfield.ui-state-disabled{
    border: 0 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

select[disabled], select[disabled].ui-state-focus{
    border: 0 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    outline: 0 !important;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}

.ui-selectonemenu.ui-state-disabled{
    border: 0 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.ui-datepicker-trigger.ui-state-disabled{
    display: none !important;
}

.ui-selectonemenu[disabled], .ui-selectonemenu[disabled].ui-state-focus{
    border: 0 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

#semana table thead{
    display: none;
}

.ui-selectonemenu label.ui-selectonemenu-label{
   width:100% !important;
}

.ocupado{
    border-color: #ff7c7c !important;
    background-color: #ff7c7c !important;
}

.superpuesto{
    border-color: #ff0000 !important;
    background-color: #ff0000 !important;
}

.disponible{
    border-color:#3A87AD !important;
    background-color: #3A87AD !important;
}

.reservado{
    border-color:#05d4be !important;
    background-color: #05d4be !important;
}

.negrita{
    font-weight: bold !important;
}

.tachado{
    font-style: oblique !important;
}

.seleccionado{
    border-color:#008000 !important;
    background-color: #008000 !important;
}

select, select.ui-state-focus{
    background: white;
    border-radius: 4px;
    padding: 4px;
    color: #222222;
    border: 1px solid #68727B;
    border-top-color: rgb(104, 114, 123);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(104, 114, 123);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(104, 114, 123);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(104, 114, 123);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    box-shadow: inset 0 2px 2px #8f8f8f;
}

select[disabled], select[disabled].ui-state-focus{
    border: 0 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    outline: 0 !important;
    appearance:none;
    background: transparent;
    color: #222222;
    padding: 4px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}

.ui-inputfield[disabled], .ui-inputfield[disabled].ui-state-focus {
    background: transparent;
}

.turno_estado_A {
    font-weight: bold;
}
.turno_estado_E {
    color: red;
    text-decoration: none !important;
    font-weight: bold;
}
.turno_estado_I {
    color: green;
    text-decoration: none;
}
.turno_estado_O {
    color: gray;
    text-decoration: line-through;
}

.cama_ocupada{
    color: gray;
}


input::placeholder, textArea::placeholder { 
   color: #cccccc;
}

.alerta{
    color: red;
}

.aplicacion_estado_D {
    color: red;
}

.aplicacion_estado_P {
    color: green;
}

.aplicacion_estado_A {
    color: black;
}

.aplicacion_estado_N {
    text-decoration: line-through;
    color: gray;
}

.aplicacion_estado_S {
    text-decoration: line-through;
    color: darkgray;
}

.aplicacion_estado_R {
    text-decoration: line-through;
    color: lightgray;
}

.aplicacion_estado_F {
    color: black;
}

.ui-dialog .ui-dialog-titlebar {
    margin: 5px;
}

.dot {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
}

@media screen {
    .printonly { 
        display: none;
    }
}


@media print {
    .noprint { 
        display: none !important;
    }
    .printonly { 
        display: block;
    }
    
    .ui-datatable-reflow .ui-datatable-data td{
        display: inline !important;
        float: none !important;
    }

    .ui-datatable-reflow .ui-datatable-data.ui-widget-content{
        border: 1px solid #000000 !important;
    }

    .ui-column-filter,.ui-paginator-rpp-options,.ui-paginator-prev,
    .ui-paginator-first,.ui-paginator-next,.ui-paginator-last,.ui-paginator-bottom-right-content,
    .ui-reflow-label,.ui-reflow-dropdown, .ui-sortable-column-icon{
        display: none !important;
    }
    
    .ui-datatable-tablewrapper {
        overflow: hidden;
    }
    
}