/* Styles for validation helpers
-----------------------------------------------------------*/
li.verTodas {
    text-align: center;
}
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ED7476 !important;
    background-color: #FFEDED !important;
}

.dataTables_filter input {
    width: 200px;
    padding: 2px;
    margin-left: 10px;
}

.validation-summary-errors span{font-weight: bold;color: #ff0000;}
.validation-summary-errors ul{margin-left:20px}
.validation-summary-errors ul li { margin: -2px 0;padding: 0; list-style: disc}
.validation-summary-valid{display: none;}
.validation-summary-errors .alert-heading { display: none; }
.popup-errors {font-size: 11px; padding: 5px 5px 5px 37px !important; background-position: 10px 5px !important;}
.popup-errors li {border-bottom: none !important}

/* Loading Indicator */
.loadingIndicator{display: none; background: url("images/ajax-loader.gif") no-repeat;width: 16px; height: 11px}
.loading .buttons .loadingIndicator, .loading .buttons_fix .loadingIndicator{ display: block;float: left;width: 71px;height: 27px;background-position: 30px 8px;}
.loading .buttons .ok, .loading .buttons_fix .ok{display:none}
.loading .buttons .white, .loading .buttons_fix .white{ color: #AAA; cursor: default}

/* Misc */
.modal-success{ background-color: #FFF;padding: 30px 30px 5px 30px;font-size: 14px;color: #004100;}
.modal-success .buttons { text-align: right; margin: 10px -15px 0 0}
.modal-success .buttons .yes{ padding-left: 9px; padding-right: 9px}
.msgModalOk{ font-size: 16px; font-weight: bold; color: #3E893E; text-align: center;}

/* Menu Notifications */
.item-menu-notifications {
    position: relative;
}

.item-menu-notifications a {
    padding: 1em 1.5em;
}

.item-menu-notifications .list-notifications-container a {
    padding: 0.5em 2em 0.5em 1.5em;
}

.item-menu-notifications a.isNew {
    background: #000;
}

.item-menu-notifications li.red a.isNew {
    background-color: #331010 !important;
    border-bottom: 1px solid #300707 !important;
}

.item-menu-notifications a.opened {
    background-color: #222;
}

.item-menu-notifications .bubble {
    background: #F03D25; 
    border: 1px solid #D83722;
    border-bottom: 1px solid #C0311E;
    border-top: 1px solid #E23923;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 39, 121, .77);
    display: block;
    padding: 1px 4px;
    top: 3px; 
    right: 2px;
	-webkit-border-radius: 2px;
    color: white;
    display: none;
    font-size: 9px;
    font-weight: bold;
    overflow: hidden;
    position: absolute;
}

.item-menu-notifications .time {
    color: #777;
    font-size: 9px;
    margin-top: 3px;
}

.item-menu-notifications.has .bubble {
    display: inline;    
}

li.item-menu-notifications ul {
    width: 25em;
    line-height: 16px;
}

li.item-menu-notifications ul li{
    border-bottom: 1px solid #303030;
    position: relative;
}

li.item-menu-notifications ul li.red{
    background-color: #490D0D !important;
    border-bottom: 1px solid #3D0E0E;
}

li.item-menu-notifications ul li.empty {
    padding: 3em;
    text-align: center;
    color: #999;
}

li.item-menu-notifications ul li strong {
    color: #EEE;
}

li.item-menu-notifications:hover ul {
    top: -999em;
}

.sp_notif {
    background: url(images/icons/icons-notif.png) no-repeat;
    height: 15px;
    position: absolute;
    top: 0.5em;
    right: 5px;
}

.pageNotification .sp_notif {    
    position: static;
    display: inline-block;
    margin-right: 5px; 
}
tr.fechaNotificacion {
    border-bottom:1pt solid black;
    font-weight: bold;
    font-size: 14px;    
}

td.horarioNotificacion {
    font-size: x-small;
}

tr.notificacion {
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}
tr.notificacion td {
    padding: 4px 0;
}

.sp_notif.type_1 { background-position: 0px 0px; width: 15px; }
.sp_notif.type_2 { background-position: -17px 0px; width: 13px; }
.sp_notif.type_3 { background-position: -51px 0px; width: 15px; }
.sp_notif.type_4 { background-position: -51px 0px; width: 15px; }
.sp_notif.type_5 { background-position: -34px 0px; width: 14px; }
.sp_notif.type_6 { background-position: -71px 0px; width: 13px; }
.sp_notif.type_7 { background-position: -89px 0px; width: 13px; }
.sp_notif.type_8 { background-position: -107px 0px; width: 14px; }
.sp_notif.type_9 { background: url(images/icons/add-file-icon.png) no-repeat;width: 14px; opacity: 0.3 }
.sp_notif.type_10 { background: url(images/icons/add-file-icon.png) no-repeat;width: 14px; opacity: 0.3 }
.sp_notif.type_11 { background-position: -107px 0px; width: 14px; }



/* Misc */
.left { float: left;}
.right { float: right;}
.clear{clear:both}
.input-date{ width: 65px;}
.text_focus{color:#666}
.pointer { cursor: pointer;}
.readonly{ background: #DDD !important; color: #444;}
.disabled{ color: #666; background-color: #EEE !important}
.hiddenPreLoad, .hidden { display: none; }
.icon-parcial { width: 15px;height: 15px;background-color: #DDE7F1; padding: 3px;font-size: 12px;font-weight: bold;color: #5d758d;display: inline-block;border: 1px solid #c8d3de; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px;line-height: 15px;}
.icon-parcial:hover { color: #000; }
/* Form Disabled */
.inputDisabled{ background-color: #EEE;color: #CCC; readonly: true}
form input.inputDisabled:hover{border: 1px solid #CCC;}
form select.inputDisabled:hover{border: 1px solid #CCC;}
form textarea.inputDisabled:hover{border: 1px solid #CCC;}

/* Modal */
.simplemodal-data .buttons{ margin-left: 67%;}
.imgCloseModal { background: url("images/icons/close.gif") no-repeat;width: 16px;height: 16px;position: absolute;top: 10px;right: 10px; }

/* Forms */
.rowForm { display: block;clear: both;}
.rowForm .dd{ float: left;margin-right: 16px;padding: 5px 0;}
.rowForm .dd label { margin-right: 5px; }
.lnkNuevo { background-color: #DDD;border: 1px solid #CCC;border-left: none; padding: 2px 5px;font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.lnkNuevo:hover { color: #000;}

/* Custom Theme */

.frmParciales, .frmComentarios, .frmSeparador { border-top: 1px solid #CCC;padding-top: 10px;margin-top: 30px; }
.frmParciales dt { text-align: left !important; width: 26% !important }
.frmParciales a{ text-decoration: underline;}

.editParcial { background: url("images/icons/arrow.png") no-repeat 0px 0px; width: 15px; height: 15px;position: absolute;left: 4px;top: 4px; }
.editParcial.opened { background-position: 0px -15px }

.editor-field-parcial {font-size: 11px; padding: 2px; border-radius: 0px !important; padding: 2px 5px !important; width: 90%;}

/* Nueva Orden */
.titleForm { float: left;background-color: #FFF;padding: 5px;margin: -30px 0 0 20px;font-size: 16px; font-weight: bold}
.parcialesEmpty{ background-color: #DDD;border: 1px solid #CCC;padding: 10px;text-align: center; font-weight: bold}
fieldset.comentarios legend {background: url("images/icons/comment.gif") no-repeat scroll 8px 0 transparent}
.box.nuevoComentario h2 { background: url("images/icons/comment.gif") no-repeat scroll 10px center transparent !important }
#modal .listRolesIntervinientes { font-size: 11px;padding-top: 7px; }
.dlDetalleIntervinientes { width: 300px; }
.dlDetalleIntervinientes dd {width: 60% !important }
.dlDetalleIntervinientes dt {width: 40% !important }

#listContainer ul {display: none; border: 1px solid #CCC;float: left;margin: 10px 0;min-width: 200px;overflow-y: auto;overflow-x: hidden;max-height: 119px; }
#listContainer ul li { padding: 2px 10px;border-bottom: 1px solid #DDD;font-size: 11px;padding-right: 30px; position:relative }
#listContainer ul li .remove { padding: 3px; font-size: 12px;cursor: pointer;width: 7px;height: 7px; position: absolute; right: 10px;top: 2px;line-height: 7px;margin-top: 4px;  }
#listContainer ul li .remove:hover{ background-color: #666;color: #FFF;}

/* Editar Orden */
#modalIntervinientes dl dt { width: 125px !important; }
#modalIntervinientes .buttons {margin-left: 53% !important; padding-top:10px}
#modalEnvsGoodsTiempo{ width: 400px; }
#modalEnvsGoodsTiempo dl dt { width: 150px; }
#modalEnvsGoodsTiempo dl dd { width: 230px !important; }

/* Nuevo Cliente */
.dlNuevoCliente{width: 450px}
.dlNuevoCliente dd {width: 65% !important }
.dlNuevoCliente dt {width: 35% !important }
.superCoa{ display: none; }

/* Comentarios Orden */
.frmComentarios { width: 520px; }
#listComentarios { clear: both;padding-top: 10px;display: none; }
#listComentarios .comentarioContainer { padding: 7px;margin-top: 2px;background: #F1F2F6; }
#listComentarios .usuario { font-size: 12px;font-weight: bold;color: #333;float: left;}
#listComentarios .fecha { font-size: 10px;color: #777;float: left;margin: 2px 0 0 10px;}
#listComentarios .eliminar.cruz { float: right;}
#listComentarios p.infoEliminado { float: right; font-size: 10px;}
#listComentarios .mensaje { color: #555;clear: both;margin-left: 15px;}
#listComentarios .txtComentario { width: 100%;margin-top: 10px;border: 1px solid #CCC;padding: 4px;box-sizing: border-box;}
#listComentarios .text_focus { color: #777; }
#listComentarios button.btn { color: #444;float: right;  }
.editar-orden.tieneOrden #listComentarios{ display: block; }

/* Custom Theme CotecnaGOA */
.frmBuscador{ border-bottom: 1px solid #CCC;padding-bottom: 15px; margin-bottom:15px}
form dl.medium input[type="text"], form dl.medium input[type="password"]{width:225px}
/*form dl.medium dt{width: 32% !important}*/
form dl.medium dd{width: 68% !important}
#divFormularioCliente .ui-datepicker-trigger{float:right;margin-right:66%;margin-top: 2px; cursor:pointer}

table.listaGrillla .ui-state-default{ text-align: center; font-weight: bold}
table.listaGrillla{border:1px solid #CCC}
table.listaGrillla tr td{ padding: 2px 10px;text-align: left !important; font-weight: normal !important}
table.listaGrillla tr td.tdInputTnBodega { padding: 2px 5px; }
table.listaGrillla tfoot .footerLabel {text-align:right !important; padding-right: 10px !important;font-weight: bold !important;font-size: 14px;padding-top: 5px !important; padding-bottom: 5px !important;}
table.listaGrillla tfoot .footerValue { text-align: center!important; font-weight: bold !important;font-size: 12px; }

#listParcialesContainer select { font-size: 11px; }
#listParcialesContainer td.details { border: none !important;padding: 0; }
#listParcialesContainer td.details.opened{ padding: 3px; }
#listParcialesContainer .inputTnBodegas { width: 52px; height: 18px; font-size: 11px; padding: 0px 2px; margin: 3px 0; }
#listParcialesContainer .inputTemp { width: 35px; height: 18px; font-size: 11px; padding: 0px 2px; margin: 3px 0; }

.layoutInspectores { border: 1px solid #666;background-color: #FFF; padding:3px 5px;position: absolute;display: none;text-align: left;color: #222;}

.lnkEstado{ padding: 5px;font-size: 16px;font-weight: bold;border: 1px solid #CCC;background-color: #EEE;color: #444;margin: 0px 30px; }

.containerReporte {width: 900px; overflow-x: auto}
table.tablaReporte{ font-size: 10px;}
table.tablaReporte th { background-color: #DDD; padding:3px 0}
table.tablaReporte td,table.tablaReporte th{ border-bottom: 1px solid #CCC;}

.tablaReporte th{ text-align: center;}
.tablaReporte .col1{ width: 55px;}
.tablaReporte .col2{ width: 85px;}
.tablaReporte .col3{ width: 85px;}
.tablaReporte .col4{ width: 85px;}
.tablaReporte .col5{ width: 85px;}
.tablaReporte .col6{ width: 85px;}
.tablaReporte .col7{ width: 30px;}
.tablaReporte .col8{ width: 20px;}
.tablaReporte .col9{ width: 50px;}
.tablaReporte .col10{ width: 40px;}
.tablaReporte .col11{ width: 85px;}
.tablaReporte .col12{ width: 80px;}
.tablaReporte .col13{ width: 60px;}
.tablaReporte .col14{ width: 50px;}
.tablaReporte .col15{ width: 60px;}
.tablaReporte .col16{ width: 60px;}

.subformMessage{ clear:both;display:none; padding-top:5px !important; padding-bottom:5px !important;background-position: 10px 9px !important; display: none;}

form legend.vehiculo{background: url("images/icons/auto.jpg") no-repeat scroll 5px 0 transparent !important; }
form legend.chofer{background: url("images/icons/chofer.jpg") no-repeat scroll 5px 0 transparent !important; }

.ui-datepicker-trigger{cursor:pointer}
.ui-autocomplete{ font-size: 10px;}

.listaTotalesBodegas td { padding: 0 !important;border: 1px solid #CCC;vertical-align: middle; background:#EEE}
.listaTotalesBodegas td.headerBodegas { text-align: center;font-weight: bold;background: #DDD;font-size: 11px;}
.listaTotalesBodegas .titulos { width: 100%;}
.listaTotalesBodegas .titulos td { border: none;border-bottom: 1px solid #CCC;height: 37px;padding-left: 7px !important; }
.listaTotalesBodegas td.data{ text-align: center;border: none;border-bottom: 1px solid #CCC;}
.listaTotalesBodegas td table tr{ height: 37px;}
.listaTotalesBodegas td.dataTotalesBodega{ vertical-align: top; }
.listaTotalesBodegas td table.tableData td { height: 37px; }
.listaTotalesBodegas td table.tableData tr{ height: 22px;}
.listaTotalesBodegas td table.tableData select { padding: 3px; }
.listaTotalesBodegas td table.tableData select:disabled { border: 1px solid #999; color: #333; opacity: 0.5; }
.listaTotalesBodegas td table.tableData select:disabled option { color: #000; opacity: 1; }


ul.listDocumentos li.title{ font-weight: bold;font-size: 11px;background-color: #EEE;}
ul.listDocumentos li{ padding: 3px 5px;border-bottom: 1px dotted #CCC;list-style: none !important;padding-right: 50px; position:relative}
ul.listDocumentos { border: 1px solid #CCC;padding: 3px;float: left;clear: both; }

.frmDocumentos .plupload_header{ display: none; }
.frmDocumentos .plupload_container { border: 1px solid #CCC;}
.lnkDeleteDocument { position: absolute;right: 5px;top: 1px;font-size: 16px;}
#lnkAgregarArchivos { text-decoration: underline;padding: 0px 2px 2px 20px;background: url(images/icons/add.png) no-repeat;font-size: 14px;}

.generic-table th { padding: 3px 5px; border: 1px solid #CCC; vertical-align: middle;background: #EEE;font-weight: bold;}
.generic-table td { padding: 3px 5px; border: 1px solid #CCC; vertical-align: middle;}
.generic-table td a { text-decoration: underline; }

th.titulo-reporte { font-size: 1.3em; }
#historialReporteTrabajoDiarioOperativos .titulo-reporte { min-width: 390px; }

/* Custom Tabs */
.tabs-custom {position:absolute; margin-top:-53px}
.tabs-custom .ui-tabs-nav li{margin: 0 1em 1px 0}
.tabs-custom .ui-state-default{ background-image: none; border-color:#AAA}
.tabs-custom .ui-tabs-nav li a{padding: 0.4em 1em !important}
.tabs-custom .ui-tabs-selected{background-color: #FFF !important;}

/* Link New */
.lnkNew { padding: 4px 6px 4px 23px; color: #333; border: 1px solid #CCC;font-weight: bold;  background: #EEE url("images/icons/add.png") no-repeat 3px 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.lnkNew:hover{cursor: pointer; background-color: #DDD;color: #000; }

/* DateTime Picker (Time added) */
#listaParciales .dateTimePicker, #listaParciales .datePicker { width: 55px !important; }
.dateTimePicker, .datePicker { font-size: 11px; width: 87px; }
#ui-datepicker-div{ font-size:11px; padding:10px; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-datepicker td span, .ui-datepicker td a {padding:0 .3em}

/* Document Icons */
.icon_document { width: 15px;height: 15px; float: left; margin: 3px 10px 0 0 }
.icon_1 { background: url("images/icons/document_1.gif") no-repeat; height: 12px;margin-top: 4px; } /* Image */
.icon_2 { background: url("images/icons/document_2.gif") no-repeat; } /* Word */
.icon_3 { background: url("images/icons/document_3.gif") no-repeat; } /* Excel */
.icon_4 { background: url("images/icons/document_4.gif") no-repeat; } /* PDF */
.icon_5 { background: url("images/icons/document_5.gif") no-repeat; } /* RAR */

/* Reporte Calidad */
.calidad td{ padding: 2px 5px;border: 1px solid #DDD;font-size: 11px; white-space: nowrap}
.calidad .title { background-color: #EEE;font-weight: bold;white-space: nowrap; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
/*.calidad .caracteristicasMercaderia { margin-top: 10px; }*/
.calidad .caracteristicasMercaderia td{ border: 1px solid #BBB; }
.calidad .txtValorCaracteristica { width: 45px;}

.calidad input.txtValorCaracteristica[disabled='disabled'] {
    background-color: #CCC;
    border: 1px solid #AAA;
}

#reporteCalidadContainer input.no-confirmado { color: red;}

/* Reporte Calidad Tabs Bodegas */
.tabsBodegas { list-style: none;display: table;}
.tabsBodegas li { display: inline; }
.tabsBodegas li a {background: none !important; color: black; float: left;border: 1px solid #CCC;border-bottom: none; display: block; padding: 4px 10px; margin-left: -1px; position: relative; left: 1px; background: white; text-decoration: none; padding:3px 10px !important}
.tabsBodegas li a:hover, .tabsBodegas li a.selected { background: #DDD !important; }

.calidad-center {
    width: 800px !important;
    margin-left: -400px !important;
    left: 50% !important;
}

.calidad-center .tableReporteCalidad {
    max-width: 800px;
    overflow-y: auto;
}

/* Btn TimeLog */
#btnTimeLog {  display: none;}
.tieneOrden #btnTimeLog { display: block; }

#timeLog table.display thead th { text-align: left; border-bottom: 1px solid #666;}
#timeLog table.display > tbody { border-bottom: 1px solid #666; }
#timeLog table.display { margin-bottom: 3px; }
#timeLog table.display td { padding: 3px 6px; }
#timeLog label { width: 68px;padding-right: 7px; display: inline-block}
#timeLog input[type=text] { margin-right: 25px; }
#timeLog .lnkEditarOcurrencia { padding: 3px 0;cursor: pointer; }
#timeLog .lnkEditarOcurrencia:hover { background-color: #F8F8D9; }
#timeLog .txtOcurrencia { display: none;padding: 3px;width: 350px;}
#timeLog #ocurrencias .reportada { background-color: #EAEAEA;}
#timeLog #ocurrencias .no-confirmada { color: rgb(174, 101, 19) !important;}

#timeLog #ocurrencias.escop-True .reportada .btnEditarLog
{ opacity: 0.5}

#timeLog .divSelectAll {display: none; border-bottom: 1px solid #666;padding-bottom: 3px;padding-left: 6px; }

#timeLog tr.editado {color: red; }
#timeLog tr.eliminado {color: red; text-decoration: line-through}

/* Historial TABLA */
.historial-tabla {
   white-space:nowrap; 
}

.historial-tabla .dataTables_wrapper  {
    font: 10px/1.7em "trebuchet ms", arial, sans-serif;
}
    
.historial-tabla .dataTables_wrapper  label {
    font: 10px/1.7em "trebuchet ms", arial, sans-serif;
}
    
.historial-tabla .ui-widget-header {
    background: none;
    border: none;
}
    
.historial-tabla .data.stripe tr:nth-child(odd) td { background-color:#F6F6F6; }
.historial-tabla .data.stripe tr:nth-child(even) td { background-color:#FFF; }
	
.historial-tabla tr.odd {	background-color: #F6F6F6;}
.historial-tabla tr.even {	background-color: white; }


/* Media Query */
@media only screen and (max-width : 1024px) {
    .fluid .container_12 { width: 100% !important;margin-left: 0% !important;margin-right: 0% !important;}
    .fluid .container_12 .grid_12 { width: 100% !important; margin-left: 0px !important}
    .icon-parcial { width: 14px; }
}


/* Editar 2 */
.editar-orden .encabezado {
    background:#dde7f1; 
    padding: 10px; 
    border-bottom:4px double #CCC;
    min-height: 40px
}

.editar-orden .separator {
    border-bottom: 1px solid #CCC;
    position: relative;
    height: 20px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.editar-orden .separator .titulo {
    font-size: 1.6em;
    background: #FFF;
    padding: 4px 10px;
    position: absolute;
    top: -2px;
    left: 25px;
}

.editar-orden .lnkHistoryContainer {
    display: none;
    float: right;
    margin-top: 22px;
    margin-right: 20px;
    font-size: 1.2em;
}

.editar-orden .lnkHistoryContainer img{
    float: left;
    margin-top: 4px;
}

.editar-orden.tieneOrden .lnkHistoryContainer {
    display: block;
}

/*.editar-orden .btnEditarOrden { display: none; }*/    
.editar-orden.tieneOrden .btnEditarOrden { display: block; }

/* Form Nuevo Parcial */

.editar-orden dl dt { padding: 3px 0; }
.editar-orden .cruz { font-size: 15px; font-weight: bold; }
.editar-orden .col-left { float: left; width: 50%;}
.editar-orden .col-right { float: left; width: 50%}

.editar-orden .form-parcial-container {
    margin-top: 10px;
    background:#F1EDDD; 
    padding: 10px; 
    border-bottom: 4px double #CCC;
    border-top: 1px solid #CCC;
    position: relative;
}

.editar-orden .form-parcial-container input[disabled] {
    background-color: #EEE;
    background-image: none;
    color: #888;
}

.editar-orden .form-parcial-container .divBlocked {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F1EDDD;
    top: 0;
    left: 0;
    opacity: 0.7;
    cursor: not-allowed;
    z-index: 998;
}

.editar-orden .btn-agregar-parcial-container {
    text-align: center;
    margin: 10px 0;
}

.editar-orden #btnAgregarParcial.yellow {
    font-size: 14px;
}

.editar-orden .expand {
    background: url(images/icons/expand.png);
    width: 15px;
    height: 15px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px;
}

.editar-orden .expand.close {
    background: url(images/icons/close-expand.png);
}

.editar-orden table.detalleParcial {
    width: 100%;
    border-bottom: 5px solid #CCC;
}

.editar-orden table.detalleParcial .footerLabel {
    text-align: right !important;
    padding-right: 10px !important;
    font-weight: bold !important;
    font-size: 14px;
}

.editar-orden table.detalleParcial .lnkEliminarEstado{
    /*position: absolute;
    top: 50%;
    left: 50%;
    margin: -17px 0 0 -6px;
    font-size: 20px;
    font-weight: bold;*/

    font-weight: bold;
    font-size: 20px;
    line-height: 10px;
    margin-top: 2px;
}

.form-parcial-container h2 {
    margin: 0;
    color: #006699;
}

.form-parcial-container h3 {
    margin: 0.7em 0 0 0;
}

.form-parcial-container #lista-especificaciones-calidad input { width: 30px;color: #444;padding: 2px;font-size: 11px;}
.form-parcial-container #lista-especificaciones-calidad .tdLimites{vertical-align: middle}
.form-parcial-container #lista-especificaciones-calidad .tdLimites input { float: left; } 	
.form-parcial-container #lista-especificaciones-calidad .divTipoLimite { float: left;width: 45px;text-align: right; padding: 4px}

.form-parcial-container .por-regla {
    color: #6753E8;
    font-style: italic;
}

.form-parcial-container .reglas-container {
    display: none;
}

.form-parcial-container .reglas-container ul {
    margin-left: 30px;
}

.form-parcial-container .reglas-container ul li {
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    border-right: 1px solid #999;
    border: 1px solid #CCC;
    margin: 0 3px;
    background: #F0E8C8;
}

.form-parcial-container .reglas-container ul li a.lnkVerRegla {
    margin-left: 0px;
    padding: 0 10px;
    float: left;
    line-height: 36px;
}

.form-parcial-container .reglas-container .lnkQuitarRegla {
    font-size: 20px;
    font-weight: normal;
    float: left;
    padding: 0 6px;
    border-left: 1px solid #CCC;
}

.form-parcial-container .reglas-container a:hover {
    background: #FFF;
}

.form-parcial-container .reglas-container .comentario-regla-container {
    border: 1px solid #CCC;
    padding: 10px;
    font-size: 11px;
    position: relative;
    margin-bottom: 7px;
}

.form-parcial-container .reglas-container .comentario-regla-container.eliminado {
    text-decoration: line-through;
}

.form-parcial-container .reglas-container .comentario-regla-container.eliminado a {
    display: none;
}

.form-parcial-container .reglas-container .comentario-regla-container a {
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
}

.form-parcial-container .buttons-container {
    border-top: 1px solid #DDD;
    padding-top: 10px;
    margin-top: 10px;
}

.form-parcial-container .buttons-container button {
    margin: 0 5px;
}

.form-parcial-container form td {
    padding-right: 10px;
}

.form-parcial-container tr.eliminado > td{
    text-decoration: line-through;
}

.form-parcial-container tr.eliminado .eliminar {
    display: none;
}

/* Archivos */
.editar-orden .documentos, 
.editar-orden .reportes {
    display: none;
}

.editar-orden.tieneOrden .documentos, 
.editar-orden.tieneOrden .reportes {
    display: block;
}


/* Lista Parciales */

.editar-orden .lista-parciales {
    margin-top: 10px;
    display: none;
}

.editar-orden .lista-parciales .gear-container  
{
    float: right;
    padding: 2px;
    position: relative;
    border: 1px solid transparent;
}

.editar-orden .lista-parciales .gear-container.opened
{
    background: #666;
    border: 1px solid #444;
    border-bottom: none;
}

.editar-orden .lista-parciales .btn-gear {
    background: url("images/icons/gear.png") no-repeat 0px 0px;
    width: 18px;
    height: 18px;
    display: block;
}

.editar-orden .lista-parciales .gear-container.opened .btn-gear
{
    background-position: -18px 0px;
}

.editar-orden .lista-parciales .gear-options {
    display: none;
    border: 1px solid #444;
    background: white;
    position: absolute;
    z-index: 98;
    right: -1px;
    top: 22px;
}

.editar-orden .lista-parciales .gear-container.opened .gear-options {
    display: block;
}

.editar-orden .lista-parciales .gear-options li a{
    text-align: left;
    padding: 5px 10px 5px 25px;
    border-bottom: 1px solid #CCC;
    display: block;
    position: relative;
}
.editar-orden .lista-parciales .gear-options li a:hover {
    background-color: #444;
    color: #DDD;
}

.editar-orden .lista-parciales .gear-options i{
    left: 6px;
    top: 0.7em;
}

.editar-orden.tieneOrden .lista-parciales {
    display: block;
}

.editar-orden .table-parcial {
    margin-bottom: 20px;
    width: 100%;
    font-size: 11px;
}

.editar-orden .table-parcial tr.header td{
    background: #666;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #444;
    color: #EEE;
}

.editar-orden .table-parcial td{
    background: #EFEFEF;
    border: 1px solid #BBB;
    padding: 2px;
    text-align: center;
    white-space:nowrap;
}

.editar-orden .detalleParcial th {
    border-left: 1px solid #BBB;
    background: #DDD;
    white-space:nowrap;
}

.editar-orden .detalleParcial  td {
    padding: 0px !important; 
}

.editar-orden .detalleParcial th:first-child {
    border-left: none;
}

.editar-orden .detalleParcial tr td:first-child {
    border-left: none;
}

.editar-orden .detalleParcial .btnGuardarParcial {
    margin: 5px 7px;
}

.editar-orden .detalleParcial .no-confirmado input,
.editar-orden .detalleParcial .no-confirmado select,
.editar-orden .detalleParcial .no-confirmado a,
.editar-orden .detalleParcial .no-confirmado {
    color: red;
}

.editar-orden.disable-no-confirmado .detalleParcial .no-confirmado a,
.editar-orden.disable-no-confirmado .detalleParcial .no-confirmado {
    color: #444;
}

.editar-orden.disable-no-confirmado .detalleParcial .no-confirmado input,
.editar-orden.disable-no-confirmado .detalleParcial .no-confirmado select {
    color: #000;
}

.editar-orden .mensaje-estados-actualizados,
.editar-orden .error-estados-actualizados {
    /*position: absolute; 
    top:2px; 
    right: 100px; */
    font-size: 16px; 
}

.editar-orden .mensaje-estados-actualizados {
    color: green;
}

.editar-orden .error-estados-actualizados {
    color: red;
}

.editar-orden .detalleParcial select, .editar-orden .detalleParcial input {
    padding: 2px;
    border: none;
    font-size: 11px;
}

.editar-orden .detalleParcial .dateTimePicker, .editar-orden .detalleParcial .datePicker {
    width: 84px !important;
    height: 22px;
    border: none;
    padding: 0 7px;
}

.editar-orden .detalleParcial .inputTnBodegas,
.editar-orden .detalleParcial .inputStowagePlan
 {
    width: 54px;
    height: 22px;
    padding: 3px 4px 0 4px;
    margin: 0;
    border: none; 
}

.editar-orden .detalleParcial .inputTnBodegas.highlight {
    color: #0051ea;
}

.editar-orden .detalleParcial .tdInputTnBodega {
    padding: 0; 
}

.editar-orden .btn-reporte {
    margin-top: 18px;
    margin-bottom: 10px;
    color: #555;
    padding: 6px 10px;
    font-size: 1.2em;
}

.editar-orden .btn-reporte.operativos {
    font-weight: normal !important;
    font-size: 1em !important;
    padding: 3px 7px !important;
    margin: 0px !important;
}

/* Reporte Carga Diaria */
#generacion-carga-diaria table.generar-reporte {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
    margin: 20px 0;
    width: 100%;
}
#generacion-carga-diaria table.generar-reporte th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
    max-width: 150px;
    text-align: center;
}
#generacion-carga-diaria table.generar-reporte td {
	padding: 0px;
    border: 1px solid #666;
	background-color: #ffffff;
	vertical-align: middle;
}

#generacion-carga-diaria table.generar-reporte td.titulo {
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

#generacion-carga-diaria table.generar-reporte a.action {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top: 0;
}

#generacion-carga-diaria table.generar-reporte .action-container {
    position: relative; 
    height: 30px    
}

#generacion-carga-diaria table.generar-reporte .row-consolidado a.action.checked {
    height: 50%;
}

#generacion-carga-diaria table.generar-reporte .row-consolidado .action-container {
    height: 60px    
}

#generacion-carga-diaria table.generar-reporte .item-columna {
    display: none;
}

#generacion-carga-diaria table.generar-reporte a.checked {
    background: url(images/icons/checked.png?v=1) no-repeat 50% 50%;
}

#generacion-carga-diaria table.generar-reporte a.unchecked {
    background: url(images/icons/unchecked.png?v=1) no-repeat 50% 50%;
}

#generacion-carga-diaria table.generar-reporte a.no-disponible {
    background: url(images/icons/no-disponible.png?v=1) no-repeat 50% 50%;
}

#generacion-carga-diaria textarea#Cuerpo {
    width: 100%;
    height: 70px;
}

#generacion-carga-diaria .emailsContainer input {
    width: 84%;
    font-size: 0.9em;
    padding: 4px 2px;
    border: none;
    outline: none;
    padding-right: 15px;
    line-height: 0.9em;
}

#generacion-carga-diaria .emailsContainer .email-container {
    border-bottom: 1px solid #CCC;
    position: relative;
}

#generacion-carga-diaria .email-container .btn-delete-email{
    position: absolute;
    background: #FFF;
    padding: 0 2px;
    right: 0;
    top: 0px;
    font-weight: bold;
}

#generacion-carga-diaria .emails-to-title{
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    border-bottom: 1px solid #BBB;
    background-color: #EEE;
    position: relative;
    margin: 0px;
}

#generacion-carga-diaria .emails-to-title span {
    cursor: pointer;
    text-decoration: underline;
}

#generacion-carga-diaria .email-to-regla{
    text-align: left;
    font-size: 9px;
    padding: 0 2px;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis
}

#generacion-carga-diaria .btn-delete-regla{
    position: absolute;
    background: #EEE;
    padding: 0 2px;
    right: 0;
    top: 0px;
    font-weight: bold;
}

#generacion-carga-diaria .bubble {
    background-color: #888;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    padding: 0px 4px;
    top: -6px;
    right: -12px;
    position: absolute;
    font-size: 0.7em;
}

#generacion-carga-diaria .select-abierto-cerrado {
    display: none;
    text-align: center;
    position: absolute;
    height: 50%;
    width: 100%;
    top: 50%;
}

/* Reglas Cliente */
.col-filtro { width: 100%; margin-top: 15px; border: 1px solid #CCC; }
.col-filtro .title { background-color: #EEE;font-weight: bold;font-size: 1.2em;padding: 2px 8px; border-bottom: 1px solid #CCC}
.col-filtro .title span { font-size: 0.7em;color: #444;font-weight: normal; margin-left: 7px}
.col-filtro .title .all { float: right;font-weight: normal;font-size: 0.9em;}
.col-filtro .item-filtro {float: left; padding: 4px 45px 4px 50px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;cursor: pointer;width: 139px; }
.col-filtro .item-filtro.unchecked { background: url("images/icons/checked-off-small.png") no-repeat 17px 8px;  }
.col-filtro .item-filtro.checked{background: #CDE6B7 url("images/icons/checked-small.png") no-repeat  17px 8px;  }
.col-filtro .item-filtro.obsoleto.checked{background: #EBC1C1 url("images/icons/unchecked-small.png") no-repeat  17px 8px;  }
.col-filtro .item-filtro.obsoleto.unchecked{background: url("images/icons/unchecked-off-small.png") no-repeat  17px 8px;  }
.col-filtro .item-filtro.disabled { color: #CCC;cursor: default;}
.col-filtro .filtros-container { max-height: 300px;overflow-y: auto;overflow-x: hidden;}
.col-filtro .mensaje-todos { padding: 5px 10px;background-color: #F5F5F5;border-bottom: 1px solid #DDD;}
.col-filtro .email-container { float: left;position: relative;width: 185px;margin-right: 10px;}
.col-filtro .email { border: 1px solid #CCC; width: 170px;margin: 2px 0 2px 2px;padding-right: 10px;}
.col-filtro .delete-email { position: absolute; right: -2px;top: 5px; cursor: pointer;width: 10px;height: 21px;font-size: 18px;background: #FFF;line-height: 22px;}
.col-filtro .group-emails-container { float: left; margin-right:20px; }
.col-filtro.emails a { float:left;margin-top: 3px;color: #0D8B9B; text-decoration: underline}
.reglas #list-clientes { display: inline-block; }
.reglas #list-clientes li { background: #EEE;padding: 3px 30px 3px 3px ;margin: 1px 2px;position: relative;}
.reglas #list-clientes .lnkEliminarCliente{ position: absolute;top: 0px;right: 5px;font-size: 16px;}

.reglas .plupload_container { padding: 0px !important; }
.reglas .plupload_header { display: none; }
.reglas .token-input-placeholder { position: absolute; padding: 3px 8px; font-size: 0.9em; color: #888; }
.reglas .token-input-focused-facebook .token-input-placeholder { display: none; }
.reglas .token-input-list-facebook { position: relative; }
.reglas .list-archivos ul { border: 1px solid #CCC;float: left;margin: 0 0 10px 2px; }
.reglas .list-archivos li.titulo { font-weight: bold;padding: 3px 10px;background-color: #EEE; }
.reglas .list-archivos li { border-bottom: 1px solid #CCC;position: relative; }
.reglas .list-archivos li a.archivo { padding: 3px 35px 3px 10px ;display: block;  }

.reglas .email-cliente-container {
    width: 200px;
    float: left;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    margin-left: -1px;
}

.reglas .row-email-cliente {
    position: relative;
}

.reglas .email-cliente-titulo {
    background: #DDD;
    padding: 4px;
    border-bottom: 1px solid #CCC;
    font-weight: bold;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.reglas .email-cliente-lista input {
    border: none;
    border-bottom: 1px solid #CCC;
    padding: 5px;
    padding-right: 15px;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.reglas .btn-delete-email-cliente {
    position: absolute;
    padding: 0 2px;
    right: 0px;
    top: 0px;
    font-weight: bold;
    font-size: 15px;
}

.reglas .email-cliente-button {
    text-align: center;
}

.reglas #ComentarioCOP,
.reglas #ComentarioCOA {
    width: 100%;
    height: 80px;
}
#modalHistorialRegla table th { font-weight: bold; width: 33%; }
#modalHistorialRegla table th,
#modalHistorialRegla table td { padding: 3px 5px; text-align: center; border-bottom: 1px solid #DDD;}

.green { color: rgb(57, 162, 57);}
.red { color: rgb(207, 42, 42);}

.lnkVerRegla { margin-left: 20px; }
/* Buttons */

button.btn, a.btn {
    display: inline-block;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: whiteSmoke;
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    color: #888;
}

button.btn.yellow, a.btn.yellow {
    background-color: #DAC267;
    background-image: -moz-linear-gradient(top, #DAC267, #867947);
    background-image: -ms-linear-gradient(top, #DAC267, #867947);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DAC267), to(#867947));
    background-image: -webkit-linear-gradient(top, #DAC267, #867947);
    background-image: -o-linear-gradient(top, #DAC267, #867947);
    background-image: linear-gradient(top, #DAC267, #867947);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DAC267', endColorstr='#867947', GradientType=0);
    border-color: #867947 #867947 #DAC267;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #FFF;
    text-shadow: 0 1px 1px #666;
}

button.btn.dark, a.btn.dark {
    padding: 2px 6px 3px;
    background-color: whiteSmoke;
    background-image: -moz-linear-gradient(top, #AAA, #666);
    background-image: -ms-linear-gradient(top, #AAA, #666);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AAA), to(#666));
    background-image: -webkit-linear-gradient(top, #AAA, #666);
    background-image: -o-linear-gradient(top, #AAA, #666);
    background-image: linear-gradient(top, #AAA, #666);
    background-color: #999;
    color: #FFF;
    text-shadow: 0 1px 1px #999;
}

button.btn.dark[disabled], a.btn.dark[disabled] {
    color: #DDD;
}

button.btnCargarSiguienteEstado img {
    margin-right: 10px;
    display: none;
}

button.btnCargarSiguienteEstado[disabled] img {
    display: inline;
}

button.btnCargarSiguienteEstado[disabled] {
    color: #dddddd;
}

#file-manager { font-family: Arial;font-size: 15px;}


/***** TIPSY ******/
.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000;line-height: 15px;}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
.editar-orden.tieneOrden select#SistemaFumigacion { width: 237px; }
.cargarMasContainer{ padding-top: 15px;}
#list-emails {
    max-height: 150px;
    overflow-y: auto;
    width: 245px;
}
    #list-emails input {
        width: 175px;
    }
.email-container {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    box-sizing: border-box;        
}

.lnkEliminarEmail {
    position: absolute;
    right: 0px;
    top: 2px;
}
.esCOP .eliminado {
    display: none !important;
}

.esCOP .editado {
    color: black !important;
}


/*******************************/
/* REPORTE CALIDAD LABORATORIO */
/*******************************/

/* Menu Fixed en Orden */

#fixedMenuRight {
    position: fixed;
    right: -5px;
    top: 30%;
}

#fixedMenuRight li{
    list-style:none;
    height:39px;
    padding:2px;
    width:40px;
}
 
#fixedMenuRight span{
    /* Container properties */
    width:0;
    right:38px;
    padding:0;
    position:absolute;
    overflow:hidden;
 
    /* Text properties */
    font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    letter-spacing:0.6px;
    white-space:nowrap;
    line-height:39px;
     
    /* CSS3 Transition: */
    -webkit-transition: 0.25s;
     
    /* Future proofing (these do not work yet): */
    -moz-transition: 0.25s;
    transition: 0.25s;
}
 
#fixedMenuRight a{
    background:url('images/icons-menu-fixed.jpg') no-repeat;
    height:39px;
    width:38px;
    position:relative;
}

.tieneOrden #fixedMenuRight a {
    display: block;
}

/* General hover styles */
 
#fixedMenuRight a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#fixedMenuRight a:hover{
    text-decoration:none;
     
    /* CSS outer glow with the box-shadow property */
    -moz-box-shadow:0 0 5px #9ddff5;
    -webkit-box-shadow:0 0 5px #9ddff5;
    box-shadow:0 0 5px #9ddff5;
}
 
/* Green Button */
 
#fixedMenuRight .orange-menu { background-position:-76px 0;}
#fixedMenuRight .orange-menu:hover {   background-position:-76px -39px;}
#fixedMenuRight .orange-menu span{
    background-color:#c86c1f;
    color:#5a3517;
    text-shadow:1px 1px 0 #d28344;
}
 
/* Blue Button */
 
#fixedMenuRight .yellow-menu { background-position:-114px 0;}
#fixedMenuRight .yellow-menu:hover { background-position:-114px -39px;}
#fixedMenuRight .yellow-menu span{
    background-color:#d0a525;
    color:#604e18;
    text-shadow:1px 1px 0 #d8b54b;
}
 
.link-calidad-laboratorio { display: none; }
.link-calidad-laboratorio.visible {display: block}

/* Orange Button */
 /*
#fixedMenuRight .services { background-position:-76px 0;}
#fixedMenuRight .services:hover { background-position:-76px -39px;}
#fixedMenuRight .services span{
    background-color:#c86c1f;
    color:#5a3517;
    text-shadow:1px 1px 0 #d28344;
}
*/


#fixedMenuRight .blue-menu { background-position:-39px 0;}
#fixedMenuRight .blue-menu:hover { background-position:-39px -39px;}
#fixedMenuRight .blue-menu span{
    background-color:#1e8bb4;
	color:#223a44;
	text-shadow:1px 1px 0 #44a8d0;
}

#fixedMenuRight .visible a {
    display: block;
}


 /* Vista Reporte Laboratorio */
 #reporte-laboratorio #btnGenerarParcialConsolidado {
     color: #3770A7;
 }

 #reporte-laboratorio .editar-orden .encabezado{
     min-height: 30px;
     margin-bottom: 10px;
 }

 #reporte-laboratorio .editar-orden dt,
 #reporte-laboratorio .editar-orden dd {
     float: left;
     padding: 3px 0;
     font-size: 1.2em;
 }

#reporte-laboratorio .editar-orden dt {
    margin-right: 10px;
    font-weight: bold;
}

#reporte-laboratorio .editar-orden dd {
    margin-right: 40px;
}

#reporte-laboratorio .encabezado-parcial {
    background: #e4edde;
    width: 100%;
    padding: 5px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#reporte-laboratorio .encabezado-parcial table.table-consolidado {
    font-size: 15px;
}

    #reporte-laboratorio .encabezado-parcial .lnk-relacionar-parciales {
        position: absolute;
        bottom: 45px;
        right: 32px;
        color: #3770A7
    }

    #reporte-laboratorio .encabezado-parcial .lnk-relacionar-parciales:hover {
        color: #1c4165;
    }

    #reporte-laboratorio .encabezado-parcial button.btn-configuracion {
        position: absolute;
        bottom: 10px;
        right: 30px;
        color:#497924
    }

    #reporte-laboratorio .encabezado-parcial.top {
        margin-bottom: 10px;
    }

    #reporte-laboratorio .encabezado-parcial .collapse-parcial {
        position: absolute;
        top: 2px;
        right: 2px;
        width: 20px;
        height: 20px;
        background: #FFF url(images/icons/close-expand.png) no-repeat center center;
        border: 1px solid #CCC;
        cursor: pointer;
    }

    #reporte-laboratorio .encabezado-parcial .collapse-parcial.closed {
        background: #FFF url(images/icons/expand.png) no-repeat center center;
    }

#reporte-laboratorio .encabezado-parcial.bottom {
    height: 45px;
    margin-top: 10px;
}

    #reporte-laboratorio .encabezado-parcial.bottom button.btn-guardar {
        float: right
    }

    #reporte-laboratorio .encabezado-parcial.bottom button.btn-agregar-especificaciones {
        float: left;
    }

#reporte-laboratorio .encabezado-parcial.bottom button {
    color: #444;
}

#reporte-laboratorio .encabezado-parcial button[disabled] {
    color: #999;
}

#reporte-laboratorio .encabezado-parcial .lbl {
    font-weight: bold;
    padding-right: 15px;
    text-align: right;
    min-width: 120px;
}

#reporte-laboratorio .encabezado-parcial .data {
    width: 38%;
}

#reporte-laboratorio td .txt-data {
    border: 1px solid #CCC;
    padding: 3px;
    width: 200px;
}

#reporte-laboratorio td .txt-data.required {
    border-color: red;
}

/*
#reporte-laboratorio .table-laboratorio {
    overflow: auto;
    width: 100%;
    display: block;
}*/

#reporte-laboratorio .td-scroll {
    
}

#reporte-laboratorio .td-descripcion-analisis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

#reporte-laboratorio .td-metodo-analisis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
}

#reporte-laboratorio .td-valor-analisis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
}

#reporte-laboratorio .td-configuraciones-reporte {
    text-align: center;
    width: 100px;
}

#reporte-laboratorio .td-configuraciones-reporte select {
    width: 90%;
    min-width:85px;
}

#reporte-laboratorio .td-configuraciones-reporte.hidden-config-reportada select {
    display: none;
}

#reporte-laboratorio .tr-header {
    text-align: center;
    font-weight: bold;
    position: relative;
}

#reporte-laboratorio .tr-header span {
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
}

#reporte-laboratorio .tr-header-por-bodegas td {
    height: 51px !important;
}

#reporte-laboratorio .header-value {
    text-align: center;
}

#reporte-laboratorio .consolidado .datos-ccs .cg-bodega-header,
#reporte-laboratorio .consolidado .datos-ccs .cg-bodega,
#reporte-laboratorio .consolidado .datos-ccs .pp-bodega-header,
#reporte-laboratorio .consolidado .datos-ccs .pp-bodega,

#reporte-laboratorio .consolidado .datos-ccs .col-frecuencia,
#reporte-laboratorio .consolidado .datos-ccs .header-frecuencia,
#reporte-laboratorio .consolidado .datos-cons .col-frecuencia,
#reporte-laboratorio .consolidado .datos-cons .header-frecuencia,

#reporte-laboratorio .consolidado .datos-ccs i.collapse,
#reporte-laboratorio .consolidado .datos-ccs i.expand,
#reporte-laboratorio .consolidado .datos-cons i.collapse,
#reporte-laboratorio .consolidado .datos-cons i.expand{
    display: none;
}

#reporte-laboratorio .consolidado .datos-ccs .tr-header {
    min-width: 70px
}

#reporte-laboratorio .consolidado .header-pp {
    height: 51px;
}

#reporte-laboratorio .tr-footer button.btn {
    font-size: 11px;
    padding: 2px 10px;
    margin: 5px 0;
    color: #444;
    border-color: #888;
}

#reporte-laboratorio .tr-footer button.btn[disabled] {
    color: #999;
    border-color: #CCC;
}

#reporte-laboratorio .tr-footer button.btn.success {
    background: url("images/icons/tick.png") no-repeat 5px center;
    background-size: 15px;
    padding-left: 25px;
}

#reporte-laboratorio .tr-footer span.confirmado-por {
    color: #888;
    font-style: italic;
    padding-top: 5px;
}

#reporte-laboratorio .tr-footer span.success {
    color: green; 
    margin-right: 10px; 
    font-size: 12px; 
    font-style: italic
}

#reporte-laboratorio .tr-footer td {
    line-height: 11px;
}

#reporte-laboratorio input.diferente {
    font-weight: bold;
    font-size: 12px !important;
}

#reporte-laboratorio .tr-footer button.btn.wait {
    background: url("images/icons/btn-wait.png") no-repeat 5px center;
    padding-left: 25px;
}

#reporte-laboratorio .tr-footer button.btn.wait.wait-small {
    line-height: 10px;
}

#reporte-laboratorio .cols-reporte-container {
    background: #EEE;
    border-collapse: collapse;
    display: none;
}

#reporte-laboratorio .cols-reporte-container.visible {
    display: block;
}

#reporte-laboratorio i.expand,
#reporte-laboratorio i.collapse {
    background-image: url(images/icons/sp_expand.png);
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    top: 7px;
    right: 5px;
}

#reporte-laboratorio i.expand {
    background-position: 0px -11px;
}

#reporte-laboratorio i.collapse {
    background-position: 0px 0px;
}

#reporte-laboratorio .tr-collapse-container {
    min-width: 90px;
    cursor: pointer;
    font-size: 14px;
}

#reporte-laboratorio .tr-collapse-container.collapsed {
    min-width: 60px;
    text-align: left;
}

#reporte-laboratorio .td-cols-container table{
    border-right: 1px solid #999;
}

#reporte-laboratorio .cols-reporte-container table > tbody > tr > th, 
#reporte-laboratorio .cols-reporte-container table > tbody > tr > td,

#reporte-laboratorio .td-analisis table > tbody > tr > th, 
#reporte-laboratorio .td-analisis table > tbody > tr > td{
    border: 1px solid #ddd;
    padding: 0 5px;
    height: 25px;
    vertical-align: middle;
    min-width: 46px;
}

#reporte-laboratorio .txt-container {
    padding: 0px !important;
    width: 60px !important;
}

#reporte-laboratorio .txt-container input {
    width: 50px !important;
    border: none;
    height: 23px;
    padding: 1px 5px;
}

#reporte-laboratorio .txt-container.cg input,
#reporte-laboratorio .txt-container.cg {
    width: 70px !important;
}

#reporte-laboratorio .rechequeo .txt-container   input,
#reporte-laboratorio .txt-container   input.rechequeo {
    background: rgb(238, 236, 190);
}

#reporte-laboratorio .parcial-container {
    border: 1px dashed #598c31;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    clear: both;
}

#reporte-laboratorio .save-valores-loading {
    position: absolute;
    width: 100%;
    top: 86px;
    left: 0;
    z-index: 9;
    opacity: 0.6;
    bottom: 45px;
    background: #FFF url(/Content/theme/images/ajax-loading.gif) no-repeat center center;
    display: none;
}

#reporte-laboratorio .loading .save-valores-loading {
    display: block;
}

#reporte-laboratorio .table-laboratorio,
#reporte-laboratorio .table-laboratorio input {
    font-size: 10px;
}

#reporte-laboratorio .table-laboratorio input.fuera-de-rango {
    color: red;
}

#reporte-laboratorio .cols-reporte-container table > tbody > tr > td {
    position: relative;
}

#reporte-laboratorio .table-laboratorio .valor-calidad-fix {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#reporte-laboratorio .info-fecha,
#reporte-laboratorio .info-codigo,
#reporte-laboratorio .info-solicitado {
    font-family: Tahoma;
}

#reporte-laboratorio .invalid-required {
    border: 1px solid red !important;
    background: rgb(253, 228, 228) !important;
}

#reporte-laboratorio table.highlight {
    border: 1px solid #D16262;
}

#reporte-laboratorio table.highlight .tr-header.tr-collapse-container {
    background: #E4B6B6;
}

#reporte-laboratorio .td-info-consolidado {
    padding: 0px;
    position: relative
}

#reporte-laboratorio .td-info-consolidado input {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    border: none;
    padding: 3px 5px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;     
}

/* Configuracion Parcial */

#configuracion-parcial {
    padding: 10px 15px;
}

#configuracion-parcial input[type=text] {
    width: 65px;
    padding: 3px;
}

#configuracion-parcial table > tbody > tr > th, 
#configuracion-parcial table > tbody > tr > td{
    border: 1px solid #CCC;
    padding: 0 5px;
    height: 25px;
    vertical-align: middle;
    text-align: center;
}

#configuracion-parcial table .tr-header {
    background: #DDD;
    padding: 3px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}

#configuracion-parcial .td-instancia {
    font-weight: bold;
    font-size: 1.2em;
    padding: 5px;
}

#configuracion-parcial .tr-data.disabled {
    background: #EEE;
}

#configuracion-parcial .tr-data.disabled input {
    background: #EEE;
    border: 1px solid #CCC;
}

#configuracion-parcial .tr-especificaciones-crr td {
    text-align: left;
}

#configuracion-parcial .tr-especificaciones-crr label {
    font-weight: normal;
}

#configuracion-parcial .tr-especificaciones-crr span {
    font-weight: bold;
}

.seleccion-parciales .list-parciales {
    margin: 10px 0 0 0;
    padding: 0;
}

.seleccion-parciales .list-parciales li {
    list-style: none;
    border: none;
    background: #EEE;
    padding: 3px;
    margin-bottom: 1px;
}

#matriz-envio-reporte .trIdioma td {
    padding: 5px;
    text-align: center;
}

#matriz-envio-reporte .trTipoReporteConsolidado {
    display: none;
}

#matriz-envio-reporte select {
    width: 90%;
    padding: 2px;
}

#matriz-envio-reporte .email-container {
    width: auto;
}

#historial-reportes-laboratorio th{
    padding: 3px 10px;
    text-align: center;
}

#historial-reportes-laboratorio .generic-table td {
    padding: 0px;
    vertical-align: top;
}

#historial-reportes-laboratorio .generic-table table {
    width: 100%;
}
#historial-reportes-laboratorio .generic-table table td {
    border: none;
    border-bottom: 1px solid #CCC;
    padding: 3px 5px;
}

ul.modal-errores {
    font-size: 12px;
    margin-left: 30px;
}

ul.modal-errores li {
    list-style: disc;
    border-bottom: none;
}

.permiso-denegado {
    text-align: center;
    padding: 50px 0 100px 0;
}

.permiso-denegado div {
    text-align: center;
    font-size: 40px;
    margin: 20px 0;
}

.permiso-denegado a {
    margin-top: 40px;
    font-size: 26px;
    text-decoration: underline;
}

.con-facturacion {
    font-weight: bold;
    font-size: 14px;
    color: green;
}

.sin-facturacion {
    font-weight: bold;
    font-size: 14px;
    color: rgb(138, 27, 27);
}

#modalViewArchivo {
    min-width: 800px;
    max-width: 95%;
    max-height: 700px;
}

#fileContainer #iframeViewArchivo,
#fileContainer #pdfViewArchivo {
    width: 100%; 
    height: 600px; 
    margin: 0 auto;
}

#fileContainer #imgViewArchivo {
    max-width: 100%; 
    max-height: 600px; 
    margin: 0 auto
}

#lnkNextFile {
    background: url("images/arrow-next.png");
    width: 25px;
    height: 25px;
    text-indent: -99999px;
    float: right;
}

#lnkPrevFile {
    background: url("images/arrow-prev.png");
    width: 25px;
    height: 25px;
    text-indent: -99999px;
    float: left;
}