body {
    background-color: #fff;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin: 15px 5px;
}

#leftHalf {
    overflow: scroll;
    width: 48%;
    position: absolute;
    left: 0px;
    height: 95%;
}

#rightHalf {
    overflow: scroll;
    width: 48%;
    position: absolute;
    right: 0px;
    height: 95%;
}

address {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

a {
    color: Navy;
    text-decoration: none;
}

.textocentrado {
    text-align: center!important;
}

form {
    display: inline;
}

.buscador {
    border: solid 1px;
    border-color: #d8d8d8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 3px;
}

.log {
    border: solid 1px;
    border-color: #d8d8d8;
    font-family: Courier New;
    font-size: 8pt;
    margin-top: 5px;
    padding-left: 3px;
    width: 100%;
}

.buscadorgris {
    border: solid 1px;
    border-color: #525252;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    width: 99%;
}

span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

span.required {
    color: #b00;
    font-size: 8pt;
}

span.pagetitle {
    font-size: 12pt;
    font-weight: 700;
    text-align: center;
}

table.formulariocentro {
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

table.menulateral {
    border-collapse: collapse;
    width: 140px;
}

table.hide {
    border: solid 0 #fff;
    width: 100%;
}

table.width100 {
    border: solid 1px #000;
    width: 100%;
}

table.width75 {
    border: solid 1px #000;
    width: 75%;
}

table.width60 {
    border: solid 1px #000;
    width: 60%;
}

table.width50 {
    border: solid 1px #000;
    width: 50%;
}

table.listado {
    border: 1px solid #000;
    border-collapse: collapse;
    margin-top: 20px;
    padding: 10px;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    padding-left: 2px;
    text-align: left;
}

td.peque {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    padding-left: 10px;
    text-align: left;
}

td.izqda {
    border-bottom: solid;
    border-bottom-color: #000;
    border-bottom-width: 1px;
    border-left: solid;
    border-left-color: #000;
    border-left-width: 1px;
    font-size: 9pt;
}

td.centro {
    border-bottom: solid;
    border-bottom-color: #000;
    border-bottom-width: 1px;
    font-size: 9pt;
}

td.dcha {
    border-bottom: solid;
    border-bottom-color: #000;
    border-bottom-width: 1px;
    border-right: solid;
    border-right-color: #000;
    border-right-width: 1px;
    font-size: 9pt;
}

td.dato {
    background-color: #FFF;
    border: 1px solid #000;
    color: #000;
    vertical-align: top;
}

td.category {
    background-color: #99bfe6;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding-left: 5px;
    vertical-align: middle;
}

td.menulateral {
    background-color: #d8d8d8;
    border: 1px solid navy;
    padding-left: 10px;
}

td.nombre {
    background-color: #2D2D2D;
    border: 1px solid #000;
    color: #FFF;
}

td.warning {
    background-color: orange;
    border: 1px solid #000;
    color: #000;
}

td.critical {
    background-color: red;
    border: 1px solid #000;
    color: #000;
}

td.form-title {
    background-color: #fff;
    color: #000;
    font-weight: 700;
}

td.nopad {
    padding: 0;
}

td.spacer {
    background-color: #fff;
    color: #000;
    font-size: 1pt;
    line-height: 0.1;
}

td.print {
    font-size: 8pt;
    padding: 2px;
    text-align: left;
}

td.print-category {
    color: #000;
    font-size: 8pt;
    font-weight: 700;
    padding: 2px;
    text-align: right;
}

td.print-bottom {
    border-bottom: 1px solid #000;
}

td.print-spacer {
    background-color: #fff;
    color: #000;
    font-size: 1pt;
    line-height: 0.1;
    padding: 0;
}

tr.rmaSI {
    background-color: #C8FFCA;
}

tr.rmaNO {
    background-color: #FFBFBF;
}

tr.filacabecera {
    background-color: #2D2D2D;
    color: #FFF;
}

tr.row-category {
    background-color: #c8c8e8;
    color: #000;
    font-weight: 700;
}

tr.row-category2 {
    background-color: #c8c8e8;
    color: #000;
}

tr.print-category {
    color: #000;
    font-weight: 700;
}

td.bugnote-public {
    background-color: #c8c8e8;
    color: #000;
    font-weight: 700;
    line-height: 1.4;
    width: 25%;
}

td.bugnote-private {
    background-color: #e8e8e8;
    color: #000;
    font-weight: 700;
    line-height: 1.4;
    width: 25%;
}

td.login-info-left {
    padding: 0;
    text-align: left;
    width: 33%;
}

td.login-info-middle {
    padding: 0;
    text-align: center;
    width: 33%;
}

td.login-info-right {
    padding: 0;
    text-align: right;
    white-space: nowrap;
    width: 33%;
}

td.news-heading-public {
    background-color: #c8c8e8;
    border-bottom: 1px solid #000;
    color: #000;
    text-align: left;
}

td.news-heading-private {
    background-color: #d8d8d8;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 8pt;
    padding-right: 5px;
    text-align: left;
}

td.news-body {
    background-color: #fff;
    color: #000;
    padding: 16px;
}

img.icon {
    height: 11px;
    width: 11px;
}

div {
    padding: 3px;
}

div.titulo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}

div.border-center {
    background-color: #fff;
    border: solid 1px #000;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    width: 75%;
}

div.contenido {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: justify;
    width: 75%;
}

div.quick-summary-left {
    float: left;
    padding: 2px;
    text-align: left;
    width: 49%;
}

div.quick-summary-right {
    float: right;
    padding: 2px;
    text-align: right;
    width: 49%;
}

.bold {
    font-weight: 700;
}

.bold-small {
    font-size: 8pt;
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.italic-small {
    font-size: 8pt;
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.underline-small {
    font-size: 8pt;
    text-decoration: underline;
}

.strike {
    text-decoration: line-through;
}

.strike-small {
    font-size: 8pt;
    text-decoration: line-through;
}

.boton {
    background: #FFF;
    border: 0;
    color: #171864;
    font-family: Arial, Verdana, Helvetica;
    font-size: 11px;
    font-weight: 700;
    height: 21px;
    vertical-align: top;
    width: 70px;
}

.buttonlike {
    font: bold 11px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

td.alarma-pendiente {
    background: white!important;
    border-bottom: 1px solid #000;
    color: black!important;
    font-size: 10pt!important;
    padding-right: 5px;
    text-align: left;
}

td.alarma-disparada {
    background: green!important;
    border-bottom: 1px solid #000;
    color: white!important;
    font-size: 10pt!important;
    padding-right: 5px;
    text-align: left;
}

.textoconbordeblanco {
    color: #000;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

p,
textarea {
    font-family: Arial, Helvetica, sans-serif;
}

a:active,
a:link,
a:visited {
    color: Navy;
}

span.print,
td.small-caption,
.small {
    font-size: 8pt;
}

span.small,
.small-normal {
    font-size: 8pt;
    font-weight: 400;
}

td.center,
tr.row-category td,
.center {
    text-align: center;
}

td.left,
.left {
    text-align: left;
}

td.right,
.right {
    text-align: right;
}

td.col-1,
tr.row-1 {
    background-color: #d8d8d8;
    color: #000;
}

td.col-2,
tr.row-2 {
    background-color: #e8e8e8;
    color: #000;
}

tr.print,
tr.bugnote {
    vertical-align: top;
}

td.bugnote-note-public,
td.bugnote-note-private {
    background-color: #e8e8e8;
    color: #000;
    width: 75%;
}

td.menu,
div.menu {
    background-color: #e8e8e8;
    color: #000;
    padding: 1px;
    text-align: center;
    width: 100%;
}

.boton2link {
    background: none!important;
    border: none;
    padding: 0!important;
    font: inherit;
    color: navy;
    cursor: pointer;
}

.centered {
    position: fixed;
    /* or absolute */
    top: 50%;
    left: 50%;
}

.vertical_centered {
    vertical-align: middle !important;
}

td.texto {
    padding-left: 25px !important;
}

td.cantidad {
    text-align: center;
}

.up-right {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 170px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #f7f7f7;
    color: #333;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}

.celda_centrada {
    text-align: center;
    vertical-align: middle !important;
}

.menu_superior {
    position: relative;
    width: 100%;
}

.menu_superior_izquierda {
    position: absolute;
    left: 10px;
    vertical-align: middle;
}

.menu_superior_derecha {
    position: absolute;
    right: 10px;
    vertical-align: middle;
}

#loading {
    position: absolute;
    top: 20%;
    background: black;
    color: white;
    text-align: center;
    width: 100%;
    z-index: 111;
}

#loading>span {
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-combobox {
    position: relative;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    width: 300px;
    color: black;
    font-size: 10pt;
}