@charset "utf-8";

@media print {
  #textarea_print {height: auto; overflow-y: auto;border: none;}
  #extruderLeft, #master_div, #separador1, .pie {  display:none; }
  #firma_cliente {display: block;}
}

.firma_cliente {
    display: none;
    margin-top: 200px;
    float: right;
}
.textarea_div {
white-space: normal; font-weight: normal; overflow-y: scroll;height: 150px; border: solid #bbb 1px;
}

BODY {
    background-color: #FFF;
    font-family: sans-serif;
    min-width: 780px;
}

TEXTAREA, SELECT, INPUT {
    background-color: #f2f8fc; 
    border: #ccc 1px solid;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ui-dialog-content TEXTAREA, .ui-dialog-content SELECT, .ui-dialog-content INPUT {
    background-color: #fff; 
    border: #ccc 1px solid;
}

TEXTAREA:disabled, SELECT:disabled, INPUT:disabled,
.ui-dialog-content TEXTAREA:disabled, .ui-dialog-content SELECT:disabled, .ui-dialog-content INPUT:disabled {
    background: #eee;
}


#separador1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

.ui-dialog { z-index: 4000 !important ;}
.ui-front { z-index: 4000; }

.login {
    font-size: 1.2em;
    font-weight: bold;
    color: #666;
}

.login_input {
    font-size: 1.1em;
    color: #666;
    width: 250px;
}
SELECT.login_input  {
    font-size: 1.1em;
    color: #666;
    width: 254px;
}

.textForm {
    font-family: sans-serif;
    font-size: 1.03em;
}
.formulario {
    width: 100%;
}
.formulario TD:first-child {
    font-weight: bold;
    width: 20%;
    white-space: nowrap;
    text-align: left;
}
.formulario TH {
    text-align: left;
}

.diarios_lista {
    width: 200px;
    height: 45px;
    border:1px solid #eee;
    text-align: center;	
    position:relative;
    float: left;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    margin: 1px;

}

.diarios_lista A{
    text-decoration:none;	
}

.textVertical {
    -webkit-transform: rotate(90deg);	
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
/* fin boton */
.detalleLink {
    text-decoration: none;
    font-size: 1.1em;
    color: blue;
}

.lineaInferior {

    border-bottom:1px solid #ff0000;
} 

.header {
    height: 70px;
}

.pie {
    font-weight: bold;
    text-align: right;
    font-size: small;
    margin-right: 40px;
}

.pie_login {
    font-weight: bold;
    text-align: center;
}

.mensajeError {
    color: red;
    font-family: sans-serif;
    font-size: 1.10em;
    text-transform:uppercase;
    margin: 30px 0px 10px 0px;

}

.mensajeOK {
    color: green;
    font-family: sans-serif;
    font-size: 1.10em;
    text-transform:uppercase;
    margin: 30px 0px 10px 0px;

}

.textoheader {
    color: black;
}

.textoheader a:link, .textoheader a:visited{
    color: black;
}

.tituloheader {
    font-size: 1.15em;
    font-weight: bold;
}

.topMenu {
    background-color:#aaa;
    height: 4px;
}

.bottomMenu {
    background-color:#aaa;
    height: 2px;
    margin-top: 10px;
}

.fondoTablaDet {
    background-color: #f6faf9;
    text-align: center;
}

.left {
    text-align: left;
}

.form_exito {
    color: green;
}

.form_error {
    color: red;
    font-weight:bold;
}

.titulo {
    font-family: sans-serif;
    font-size: 1.20em;
    font-weight: bold;
    text-transform:uppercase;
    margin: 30px 0px 10px 0px;
}

.titulo a {text-decoration: none;color: inherit;}
.titulo a:hover {text-decoration: underline;}

.subtitulo {
    font-family: sans-serif;
    font-size: 1.10em;
    font-weight: bold;
    margin: 30px 0px 10px 0px;    
}

.peridobar{
    background-color:#6699ff;
    font-size: 0.95em;
    width: 80%;
    font-style: italic;
    font-weight:bold;
    margin: 3px 0px 1px 0px;
}

.tableceldacenter {
    text-align: center;
}

.ui-datepicker-calendar {
    display: block;
}


table.reporte
{	text-align: right;
  font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  color: #404040;
  width: 100%;
  background-color: #fafafa;
  border: 1px #d79900 solid;
  border-collapse: collapse;
  border-spacing: 0px;}

.header_table {border-bottom: 2px solid #d79900;
               background-color: #fff2ba;
               text-align: center;
               font-family: Verdana;
               font-weight: bold;
               font-size: 11px;
               color: #404040;
}

.header_cel{ 
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    font-weight: bold;
}

.cel_text {
    text-align: left;
}
.tablecelda {
    border-bottom: solid #000 1px;
}

.tituloItem{
    font-size: 0.90em;
    font-weight:bold;
    color: #000; 
}

.temaItem{
    font-size: 0.90em;
    font-style: italic;
}

.adicItem{
    font-size: 0.85em;
    font-style: italic;
    color:#999;
}

/* Buscar widget  */
.buscar  {
    float: right;
    text-align: center;
    position:relative;
}
/* Fin Buscar widget  */

/* INICIO PANEL */

.column{  
    width:48%;  
    margin-right:.5%;  
    min-height:300px;  
    background:#fff;  
    float:left;  
}  
.column .dragbox{  
    margin:5px 2px  20px;  
    background:#fff;  
    position:relative;  
    border:1px solid #ddd;  
    -moz-border-radius:5px;  
    -webkit-border-radius:5px;  
}  
.column .dragbox h2{  
    margin:0;  
    font-size:12px;  
    padding:5px;  
    background:#f0f0f0;  
    color:#000;  
    border-bottom:1px solid #eee;  
    font-family:Verdana;  
    cursor:move;  
}  
.dragbox-content{  
    background:#fff;  
    min-height:100px; margin:5px;  
    max-height:160px; 
    overflow-y: auto;
    font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;  
}  
.column .placeholder{  
    background: #f0f0f0;  
    border:1px dashed #ddd;  
}  

.dragbox h2 .button{
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-right:2px;
    float:right;
    cursor: pointer;
    visibility: hidden;
}

.dragbox h2 .collapse{  
    background:#f0f0f0 url('../img/collapse.png') no-repeat top right;  
}  

.dragbox h2 .close{  
    background:#f0f0f0 url('../img/close.png') no-repeat top right;  
}  
.dragbox h2 .configure{  
    background:#f0f0f0 url('../img/settings.png') no-repeat top right; 
}  

#console {
    color: green;
    z-index: 2;
    float: left;
}

.closewidget {
    float: right;
    color: #888;
    text-decoration: none;
}

.loading_widget {
    background: url('../img/loading_green.gif') no-repeat 50% 50%;
}

.widget_table {
    width: 100%;
    border-color: gray;

}

/* FIN PANEL */

/* MENU PANEL */

ul.panel {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

ul.panel li {
    display: inline;
}

body.noborder {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}

/* FIN MENU PANEL*/

/* POP UP */

#pagar_popup, #popup, #feedback_dlg_popup {
    background-color:#fff;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 25px 5px #999;
    color:#111;
    display:none;
    min-width:200px;
    padding:25px;
    min-height:100px; }

/* FIN POPUP POP */

/*LOADING */

.loading_panel {
    background: url('../img/loading_green.gif') no-repeat 50% 50%;
    height: 300px;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )  url('../img/loading.gif')  50% 50%  no-repeat;
}
/* When the body has the loading class, we turn
           the scrollbar off with overflow:hidden */
body.loading_panel {
    overflow: hidden;
}
/* Anytime the body has the loading class, our
               modal element will be visible */
body.loading_panel .modal {
    display: block;
}

/*FIN LOADING */

.float_box_abstract{
    position: absolute;
    right: 0;
    z-index: 1;
    margin-right: 10px;
    width: 180px;
    color: #333;
}

.float_box_abstract DIV {
    margin: 5px;
    padding: 5px;
    width: 170px;
    border: #404040 solid thin;
    background-color: #e4f1fb;
}
.icons_menu{
    float: right;margin-top: -37px; margin-right: 5px; position: relative; z-index: 1;
}

.notify_icon_nro{
    position: absolute;
    float: right;
    margin-left: -15px;
    margin-top: 15px;
    font-weight: bold;
    color: #666;
    background-color: #aed0ea;
    -webkit-border-radius: 5px 5px;  /* Safari  */
    -moz-border-radius: 5px 5px;
    box-shadow: 1px 1px 3px #000;
}
/* Menu de la izquierda */

#master_div {
    border:solid #fff 2px;
}
.menu_left  {
    display: none;
    width: 200px;
    overflow: hidden;
    z-index: 200; 
    position: absolute;
}

.menu_left_show  {
    display: block;
}

.menu_left ul {
    margin: 0px;
    list-style: none;
    border-radius: .05em;    
    -moz-padding-start: 0px;
    -webkit-padding-start: 0px;
    -khtml-padding-start: 0px;
    -o-padding-start: 0px;
    padding: 0px;
}

.menu_left li {
    display: block;
    height: 18px;
    padding: .3em .8em;
    background: #FFF;
    border: solid 1px #fff;
}

.menu_left li a {
    width: 100%;
    display: block;
    text-decoration: none;
}
#master {padding-right:130px}

#master li:hover, .menu_left li:hover {
    border: 1px solid #ccc;
}
#master li:hover {  
    border-bottom: 0px;
}
#master li div {cursor: pointer;}

#container {
    width: 100%;
}

.login_panel_menu {
    position: absolute;
    padding: 10px;
    right: 0;
    display: none;
    z-index: 200;
    width: 350px;
    background-color: #FFF;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(61,59,61,1);
    -moz-box-shadow: 5px 5px 10px 0px rgba(61,59,61,1);
    box-shadow: 5px 5px 10px 0px rgba(61,59,61,1);
}

.login_panel_menu hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.ui-button {
    font-size: 0.8em;
}


.feedback-panel, .feedback-btn {
    position: fixed;
    bottom: 0;
    right: 0;
    margin-bottom: 15px;
    margin-right: 5px;
    padding: 5px;
}

.feedback-panel {
    margin-bottom: 14px;
    margin-right: 4px;
    padding: 5px 5px 0px 5px;
    width: 450px;
    background: #FFF;
    border: #29216d 1px solid;
}

.feedback-panel textarea{
    width: 440px;
}

.big-button {
    font-size: large;
}

.showhidemenu{
    cursor: pointer;
    font-size: x-large;
    padding-right: 3px;
    font-weight: bold;
}

.table-detail-obj th {
    text-align: right;
}



div.dt-buttons{
    float: right;
    zoom: 60%
}
.dataTables_paginate,.dataTables_length,.dataTables_filter,
.dataTables_info {zoom: 90%;}


.ui-widget-header {
    background: #FFF;
    border-top: none;
    border-left: none;
    border-right: none;
}

.ui-tabs {
    padding: 0px;
    background: #fdfdfd;
}

.ui-widget-header .ui-state-default {
    background: #FFF;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover{
    border: 1px solid #2698ee;
    background: #6bbfeb;
    font-weight: normal;
    color: #ffffff;
}
    
.ui-checkboxradio-radio-label {
}
 

table.dataTable tbody tr{
    cursor: pointer;
}

.t_der{
    text-align: right;
}