#top-bar {
    background-color: slateblue;
    color: whitesmoke;
}

#top-bar .apto {
    height: 75px;
    width: 75px;
    font-size: 18px;
    float: left;
    border: 1px solid darkgray;
    margin: 3px;
    cursor: pointer;
}

#top-bar .apto .active {
    background-color: white;
}

#top-bar .apto:hover {
    background-color: lightgray;
    cursor: pointer;
}

#top-bar .apto .icon {
    width: 35px;
    margin: 20px auto auto;
    text-align: center;
}

#top-bar .apto .icon:hover, #top-bar .apto .label:hover {
    cursor: pointer;
}

#top-bar .icon i {
    font-size: 28px;
    padding: 2px 5px;
    text-align: center;
}

#top-bar .label {
    line-height: normal;
    font-size: 16px;
    padding: 2px;
    text-align: center;
}

#top-bar .fr {
    float: right;
}


h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.formrow {
    margin: 5px;
}

.formrow .lb {
    float: left;
    font-weight: bold;
    color: black;
    width: 150px;
}

.formrow .in {
    float: left;
}

.valores textarea {
    border: 1px solid black;
}

.va0-3 {
    width: 30px
}

.va1 {
    width: 50px
}

.va1-2 {
    width: 70px
}

.va1-3 {
    width: 80px
}

.va2 {
    width: 100px
}

.va3 {
    width: 150px
}

.va4 {
    width: 200px
}

.va5 {
    width: 250px
}

.va6 {
    width: 300px
}

.va7 {
    width: 350px
}

.va8 {
    width: 400px
}

.va9 {
    width: 450px
}

/* listas autocompletar */
div.autocomplete {
    position: absolute;
    width: 200px;
    background-color: white;
    border: 1px solid #888;
    margin: 0;
    padding: 0;
}

div.autocomplete ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.autocomplete ul li.selected {
    background-color: #fc9;
}

div.autocomplete ul li {
    display: block;
    margin: 0;
    padding: 0.1em 0 0.1em 0;
    line-height: 1.2em;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 10px;
    font-weight: normal;
    color: #000;
}

div.autocomplete ul li.noval.selected {
    background-color: #ffb;
}

div.autocomplete ul li.noval {
    color: #999;
}

.resalta:hover {
    background-color: #eeee00;
}

.txac {
    text-align: center;
}

.txar {
    text-align: right;
}

.txal {
    text-align: left;
}

.ptr {
    cursor: pointer;
}

.ptra {
    color: blue;
    cursor: pointer;
}

.ptra:hover {
    text-decoration: underline;
}

.ptrs, .ptrsmooth {
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.ptrs:hover, .ptrsmooth:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.imgptr {
    cursor: pointer;
    float: left;
    border: 1px solid transparent;
    border-spacing: 2px;
    vertical-align: middle;
    text-align: center;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.imgptr:hover {
    border-color: black;
    background: lightblue;
}

/* tablas */
.tgrupo {
    border: none;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    height: auto;
    display: table;
    border-collapse: separate;
}

table.tgrupo col {
    display: table-column;
}

table.tgrupo td, table.tgrupo th {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    height: 28px;
    padding-right: 3px;
}

.tgrupo .vlr {
    color: #505095;
}


/* abierto/cerrado */
.celda-estado {
    cursor: pointer;
    font-weight: bold;
    background-color: lightyellow;
    border: 1px solid black;
    padding: 3px 5px;
}

.celda-estado:hover {
    background: darkgray;
    color: white;
}

.estado-invalid {
    color: red;
}

.estado-valid {
    color: blue;
}

.required {
    color: darkred;
}

.lightrow {
    color: #557;
}

.lightrow2 {
    color: #252;
}

.informa {
    border: 1px solid #666;
    color: #666;
    background-color: lightyellow;
    padding: 5px;
    font-family: courier new, monospace;
    font-size: 14px;
    margin: 5px;
}

.informa:hover {
    border-color: black;
    color: black;
}

.festivo, .fest-floc, .fest-fest {
    background-color: lightpink;
}

.festivo.DynarchCalendar-day-selected, .fest-floc.DynarchCalendar-day-selected, .fest-fest.DynarchCalendar-day-selected {
    background-color: #fc6418;
}

.fest-sab, .fest-dom {
    color: #c22;
}

input.reqfld, textarea.reqfld, select.reqfld,
input.reqview, textarea.reqview, select.reqview {
    border: 1px solid #00A8E6;
}

.reqfld:hover, .reqview:hover {
    border: 1px solid black;
}

input.validation-failed, textarea.validation-failed, select.validation-failed {
    border: 1px solid #FF3300;
    color: #FF3300;
}

.validation-advice {
    margin: 5px 0;
    padding: 5px;
    background-color: #FF3300;
    color: #FFF;
    font-weight: bold;
}

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

.btng {
    width: 32px;
    padding-left: 0;
    cursor: pointer;
    vertical-align: top;
}

.btng:hover {
    border: 2px solid black;
    background-color: whitesmoke;
    padding-left: 1px;
}

.btnt {
    font-size: 16px;
}

.btnt .icon {
    float: right;
    font-size: 0;
}

.btnt .label {
    padding-right: 32px;
    font-size: 14px;
}

.importe {
    background-color: lemonchiffon;
    border: 1px solid black;
    color: black;
    padding: 2px 5px;
    height: 16px;
    text-align: right;
    font-weight: bold;
}

.newico.btn {
    background-color: lightgray;
}

.newico, .newico-noptr {
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: 5px;
}

.newico i {
    font-size: 22px;
}

.newico {
    cursor: pointer;
    float: left;
}

.newico:hover, .newico.visto {
    background-color: greenyellow;
    border-color: gray;
}


/* herramienta listado */
table.buscop, table.buscop table {
    border-collapse: collapse;
    border: none;
}

#result_shown, #result_total {
    border: 1px solid black;
    min-width: 30px;
    text-align: center;
    float: left;
    margin-left: 3px;
    padding: 2px 5px;
}

#result_shown {
    background: lightyellow;
}

#result_total {
    background: lightblue;
}

.etiqs td {
    padding: 3px;
}

.hcol {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    float: left;
    text-align: center;
    background-color: lightgreen;
}

.ccol {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    overflow: hidden;
    float: left;
    height: 16px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.hcol, .ccol {
    padding-right: 3px;
}

.detalle_row {
    border: 1px solid darkgray;
    min-height: 20px;
    background: white;
}

.hist_row {
    margin: 5px 20px;
    float: left;
}

.span_euro {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid black;
    background: lightyellow;
    min-width: 80px;
    text-align: right;
    color: black;
    padding-left: 5px;
    padding-right: 3px;
}

.resalta:hover, .resalta:hover div {
    background: lightskyblue;
}

.enlace {
    white-space: nowrap
}

.enlace:hover {
    text-decoration: underline;
    cursor: pointer;
}

.subtot_tit {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin-left: 10px;
    color: white;
}

.loading {
    font-size: 18px;
    font-weight: bold;
    color: darkred;
    padding: 20px;
}

.div_oper {
    background: #ccccff;
    border: 1px solid black;
    padding: 5px;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
}

.warn {
    background-color: lightcoral;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cb {
    clear: both;
}

.ml {
    margin-left: 5px;
}

.mr {
    margin-right: 5px;
}

.cm-statusmsg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAcQAAAHEBHD+AdwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAR3SURBVFiFtddbbFVVGgfw39qnXBS5REQixEt4IoAXTusDtJj6MuN4meiDxkt88JYYNcGQGC1EuluxiGYccJyZRM28TXTGGINoIsYYiNYq9hRUUEPU+CCgQUQiWmjtWT7sXcqp03MZ4v/lZH23//+svde3vh00gouemKbp5zbBJcTzMTv3HBJ8JdpleFqvjx74qd6Soa6oYvcKyisFV2NKjejj2CIkG/Wv7T01AZd2LxbL60XX5JYRQa9ouxD2KdsPEvPEOB/tWI5CHr9ZLHQYePjTxgU0p3fjKUzCN4Qe4vNK6XdVRTenZxFuIq7BXAyJ4T4Dnc/WJ6A9bXLURtG9GEGPYx63Jz1alXg8FqdnmOpBdMh25CkLFq3y4g0j1QW0pE/n5D+K4RYDnVsaIh6PYtcfhfgCZmGTUnr/xAKybf8nfpAkbT5Yu+eUyEfRki4RvYOZuEspfe63Ai7tXqxc3olEDFcZ6Nxas3BzuhZ3YgbhEaXOv0wYW0yvELwqe6wXK6WfQXIiIJbXY5JgXV3kxa7r0IVzs38WO6rGD6SvYz0m57/GBBS7V+RH7RtD056oSQ7BwnGWz2vmHLMB3+JaLd2tYwKUV4IY1tXdxZL4H+zGL3hP2e01c/akRwmPZlwZZ8iPy3doUpg8147Vh+oS8P9iac8cydABDGN2YkpoxRTRO787OexcfRDvYqoQWpuyiwXB9oYKXf/fgi8+vZL4ByHsVer8WwPZ27FC2SVNQlwgItpXX26aKLrZl5+sE5yf2eL3aERAxhXigiZlM/JusL9mWnN6Hv6NtnGegw2QE+wXwcyxPpCc1BP+F5Y9eRp6ZcdtXYUv2tGQAOFEA0xwJDeeUzWnb9WgoSkXKaW3EX6o8CXebIg/xlGuI4nEl7lxfs3EjzsO5xVWVNgL3mpIAKNcXySiXfmivc7koPId+Mz76dcNCsi4ErsSw9N6ZWPUckt75tRMbe5eYmwWJDa4/RnHMgxqmtGb5K13CwqS4RtrVyhXbn8I/VrSJVrSlyxLz6yZngzdhILgFX2rBrM3PyQbM29cY3F6Ro0SxcplfFz0IWFAX3q4ambrhulYg2gk2cToZZRNr5sxNx+jquG8cetBwp/1dz5KfronwvHBh3C24GU71/aNCYBY6MAQOrR0/WniKmErjmEX4X4sUup8rYZoWtIrRQ/iuMSJ2aFyJCt23SXEZ3BE0KY/3V2zcD1o7r6Q8tuYKbhDf/qvUVehIvDAtgHz2mfjMtzqnMt3O7Bt7ymRF9MrhPgaZon+qpQ+drK78JuEtnvecPjgLFwmuMG89knObP/AwW1DDRG3bphublsn/oHTBRstWPSAT16seE+qfZjcib/LZrhv0aM8+fn8Pp8YS3vmSIZvJq7G2TguuOfkba9PQCZioWyAvDa3jMiGie3YJ4bRa3W+rL22y5pMAVHwskSHHemEj7G+j9OW7tZ8hrsGU2tEHxNsNpJsGj1q1VCfgFE0p6dLLDcSlgrxAiFvydEhMXwlGjB1+rv6Vg3WW/JXEclpMRVzZGsAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    background-size: 30px 30px;
    border: 1px solid #5555ff;
    padding: 5px 5px 5px 40px;
    min-height: 40px;
    width: auto;
    margin: 3px;
    font-size: 14px;
    background-color: #e8eaec;
}

.cm-errormsg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdQAAAHUB48IHZQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAANnSURBVEiJtddbiFVVGAfw3zqesUyrMTIoJaJU6sGiXiJ7qZfoHs04Z9JgupKGBV00utqFrmbSQxRDkRmRzp7xQSotUBDpoZcokIgsUirGQCOzkUZtzuphr5k52pw5Z0/2f9pr7W/9v//59rf/+zvBBLCJEwZ4EV2IeA9PVjhclKtU9EAkDNCDh3A6ZmA5PizKNSEBfSzCTWn5VqQ7Xbf3cktRvlAkeA0nTuU7nI3NHVwHvXyKq7B7Gudfy6FmOQtVYCoPpORDJZYHYiBW8/2/cc6f3F+Es+kKZJyGHzA90t3Jktr7PbwduBv7y8xu47dmeJuuQOQZTMdAmWePvV9mBQ6idYgnmuVtSsAGzg0sTkJWtrMH+piTMRPS3mspZmnG7OMmYIiVmIz+Q6yGXlZX2YndPdyWQl+VC5mM54+LgD4uRVtarujiYMakyNK0Vw7cBxUGwujjqfQy/z8LqOZlDfh2BmtToiEcqQkbHL6IvINvECKrYoNGH1dAD+24XK7g4SvzV20Yv451XWEo8GhaXpaNmlYxAd20BF5Ky20dbD4mZE8dMTr4GFuT8Fe6aSksoJV7MQdVLBsjZMwK1GBZOju3lXsKCdjIySG9y5EPKnxZVECFryPrIPB0xqlNCzicJz8Dg4Gn6ohvVAHlvBf+wozAI00JyJgZR/389Qo/NRJQPbofRtDOL3gDIg9m+XdkfAHyxjsJ+/ByneRiTdJYpwLQkg8u+zDFGBZ+lID1XIRbIfBchT/GETCctHqAvfXibma/UVfsWs8ldQWUcist4ceaQWNMlPgZW7Bx8dGm9C/8zpv4HqUSq2rvjbhUL9dENkFkQScbxiMtil46Ilniv7qTz0YEZEzCV5iHLzqYH/Jhsy4ypgU6sHcBnzSKT2c+lzvrDlxcyQcbAnek5CLLGpElf98WeTfyUcYLjZJDNTeniHkhn6iFLO/OnZiFvkr+q8bFBs4cor9ma0eFC5sRkeWPtg39g8wtpc/qLBwp8XgzJG35GzDijjH3/qZQys3pCM6awpJS4PZEsnZB3qkNkR7RFYE7cX2lwAiWcryfcnaVcV4i3dIsCfnwgTVFzgwjsjVwF+aUsQsX4LHU2QcmQlog+SnSBIVdoYeFYYJ/q46DmEWlTtZFbsR2eVn/bwxge+CGTtb9A/7B9SAPOB8iAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    background-size: 30px 30px;
    border: 1px solid red;
    padding: 5px 5px 5px 40px;
    min-height: 40px;
    width: auto;
    margin: 3px;
    font-size: 14px;
    background-color: #ffffea;
}

.closeX {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAOgAAADoBai3sFgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFwSURBVDiNlZExjxJBGIafWbYka84EOxrQasM1H8nAL9DazkTPiPFfmbvARSHZyg4KDKWY3ZLC0thZmtzFYmc+C1gyty4FXzcz7/POO+8YEfkEvAIM540H5kZEHBCdCR9NogB2wEfg6ym1MWZ90LjDVhQHh1/yPP8ARCJyA1zV+Gme5xPAD4fDx6r6kjC6qg5E5BHgi6J4B8xCuCiKCeCttYmqXlYH4dufAevBYHARmExVddHr9d5XcFmWK+DpMbmIaC3qtziOn2+32z/BBSE8CsVN7Y+cc8s0Tdvsv8qnadpugk8Z4L3/2el0/lbr3W53D/xo0v5noKq3/X7/9WazKa21ibU2Afyhh1ld/6ADVV0kSfKmgsuyXBljtNVqvag6EZFr4G1Tgm14s3NuCYxUdeycW9aSfG8yuMuyzFWwqo6DZEeTLMsccNf4BKAAngDdpsKAX8BvQKqNmP1XVUmkAQqnWzP3ETA/mJw73hjz+R++IaxDu9JNagAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: right;
    opacity: 0.5;
}

.inMsg {
    margin-top: 10px;
}

/* OC fix */
#body-plain #content-wrapper {
    padding: unset;
}

.mo-edt-detail-head.mo-edt-green {
    background-color: #2ECC71;
}