/* Error de minimización. Devolviendo el contenido no minimizado.
(142,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(207,17): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(456,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(463,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(470,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(476,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(485,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(493,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(696,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(772,32): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(801,35): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(805,35): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(809,22): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alternative'
(813,22): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(817,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(818,35): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(838,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-highlight-transparent'
(842,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(848,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(858,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-highlight'
(882,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(887,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(888,51): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alternative'
(891,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(892,51): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(901,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(902,39): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(903,36): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(905,42): run-time error CSS1039: Token not allowed after unary operator: '-color-shadow'
(911,32): run-time error CSS1039: Token not allowed after unary operator: '-color-surface'
(912,39): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(917,39): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(918,36): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(922,41): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(926,42): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(930,41): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(934,42): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(938,39): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(942,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-highlight-transparent'
(946,32): run-time error CSS1039: Token not allowed after unary operator: '-color-surface'
(950,39): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(951,36): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(953,43): run-time error CSS1039: Token not allowed after unary operator: '-color-shadow'
(957,32): run-time error CSS1039: Token not allowed after unary operator: '-color-surface'
(958,39): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(962,24): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(963,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-highlight'
(999,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(1009,24): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(1032,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(1054,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(1058,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(1128,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(1176,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1177,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(1199,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(1241,35): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1252,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1256,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1302,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1306,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1361,36): run-time error CSS1039: Token not allowed after unary operator: '-color-error-light'
(1365,36): run-time error CSS1039: Token not allowed after unary operator: '-color-info-transparet'
(1425,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1429,34): run-time error CSS1039: Token not allowed after unary operator: '-color-shadow'
(1484,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1507,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1508,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(1512,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1513,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(1543,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1557,22): run-time error CSS1039: Token not allowed after unary operator: '-color-shadow-transparet'
(1570,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-highlight'
(1575,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(1581,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(1582,53): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(1583,79): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(1583,124): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1584,56): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(1584,86): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1585,51): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(1585,81): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1586,52): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(1586,82): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1587,52): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(1587,82): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1597,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-darker'
(1603,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1604,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1605,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1620,32): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(1621,26): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(1622,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error-dark'
(1630,32): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(1631,26): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(1632,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border-dark'
(1634,21): run-time error CSS1039: Token not allowed after unary operator: '-color-border-darker'
(1644,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(1645,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(1646,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1652,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alternative'
(1653,26): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alternative'
(1654,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1656,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1660,32): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled'
(1661,26): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled'
(1662,28): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-dark'
(1664,21): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-dark'
(1670,36): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled'
(1671,30): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled'
(1672,32): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-dark'
(1673,25): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-dark'
(1714,26): run-time error CSS1039: Token not allowed after unary operator: '-color-error-light'
(1715,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(1720,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(1721,21): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(1742,38): run-time error CSS1039: Token not allowed after unary operator: '-color-shadow'
 */


/*BASE*/



@font-face {
    font-family: 'DisksFont';
    src: url('../Content/fonts/disks.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.passField {
    font-family: 'DisksFont' !important;
}

.ui-dialog-buttonset{
    display:flex;
}

input:not([type=image]), textarea {
    padding: 3px 3px;
    border-radius: 4px;
    border: 1px solid darkgray;
    background-image: linear-gradient(to top, #f7f7f7 0%, #fff 50%);
    vertical-align: middle;
    outline: none;
}


    input:disabled, textarea:disabled, button:disabled, select:disabled {
        background-image: linear-gradient(to top, #f4f4f4 0%, #f4f4f4 0%);
        border-color: #dddddd;
        color: #808080;
        border-style: solid;
    }

    input:not([type=radio]):not([type=checkbox]):focus, select:focus, textarea:focus, button:focus {
        border: 1px solid #5897fb !important;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, .15);
    }

input[type="checkbox"], input[type="radio"] {
    vertical-align: middle;
    height: 17px;
    width: 17px;
    margin: 0px 1px 5px 6px;
}

    input[type="checkbox"]:focus:not(:disabled), input[type="checkbox"]:hover:not(:disabled), input[type="radio"]:focus:not(:disabled), input[type="radio"]:hover:not(:disabled) {
        filter: drop-shadow(0px 0px 2px #1f68dc);
    }

.ui-button {
    min-height: initial;
}

.cursorPointer, .cursorPointer, .cursorPointer {
    cursor: pointer;
}

.CenteredText{
    text-align:center;
}

select {
    outline: none;
    padding: 3px 3px;
    border-radius: 4px;
    border: 1px solid darkgray;
    background-image: linear-gradient(to top, #f7f7f7 0%, #fff 50%);
    vertical-align: middle;
}

    select::after {
        background-color: red;
        height: 10px;
        width: 10px;
    }

.ui-datepicker select {
    padding: 0px 0px;
}

/*select2*/
.select2-chosen {
    font-weight: normal;
}

.select2-container .select2-choice {
    height: 23px !important;
    line-height: 22px !important;
    padding: 0 0 0 3px !important;
}

div.select2-container:not(.select2-dropdown-open) span.select2-arrow > b {
    background-position: 1px 0px !important;
}

div.select2-container:not(select2-container-disabled) span.select2-arrow > b {
    filter: brightness(0);
}


div.select2-container.select2-dropdown-open span.select2-arrow > b {
    background-position: -17px 1px !important;
    filter: brightness(0);
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 20px !important;
}


.select2-container-multi a.select2-search-choice-close {
    left: -2px;
    top: 3px;
}

/*Modificaciones a jquery*/
div.ui-datepicker table.ui-datepicker-calendar td span, div.ui-datepicker table.ui-datepicker-calendar td a {
    background: linear-gradient(to top, #e4e4e4 0%, #fbfbfb 35%);
    border-color: #c5c5c5;
    border-radius: 2px;
    text-align: center;
}

    div.ui-datepicker table.ui-datepicker-calendar td a:hover {
        background: linear-gradient(to top, #e4e4e4 0%, #fbfbfb 35%);
        border-color: #5897fb;
        color: #0063ff;
        box-shadow: inset 0px 0px 10px #5897fb;
    }

div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a {
    border-color: #0ed6cd;
}

div.ui-datepicker table.ui-datepicker-calendar td a.ui-state-active {
    border-color: #000;
    color: #ffffff;
    background: var(--color-primary-dark);
    box-shadow: inset 0 0 4px 0px #ffffff70;
}



/*EndBase*/

.busquedaTWS {
    min-width: 300px;
}

.textRigth {
    text-align: right;
}

.textLeft {
    text-align: left;
}

.textCenter {
    text-align: center;
}

.center_horizontal {
    margin: auto;
}

.usrImageMax {
    max-width: 200px;
}

.usrImageBig {
    max-width: 114px;
}

.usrImageMid {
    max-width: 75px;
}

.usrImageSmall {
    max-width: 50px;
}

p {
    margin-top: 3px;
    margin-bottom: 3px;
}

a.logo {
    display: block;
    width: 195px;
    height: 45px;
    background: url("../Images/LogosSap/Monocromático_Horizontal_negro.svg") no-repeat;
}

html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background-color: #fff;
    color: var(--color-font);
    font-size: 0.8em;
    font-family: "proxima-nova", Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    letter-spacing:0.1px;
    /*height: 100%;*/
}
select, option, input, textarea, button, optgroup {
    font-family: inherit; /* hereda del body */
    font-size: inherit;
}
    a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        /* background-color: #c7d1d6;*/
        cursor: pointer;
    }

footer, hgroup,
nav, section {
    display: block;
}

header {
    display: block;
    width: 100%;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
    margin-bottom: 3px;
}

.float-none {
    float: none;
}

.clear-fix:after {
    /*content: ".";*/
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 2px;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 1.1em;
}

h4 {
    font-size: 1.05em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    /**********************************************************sacrar***********************************************************/
    /*max-width: 1250px;*/
    /*min-width: 900px;*/
}

#body {
    background-color: #efeeef;
    /*clear: both;*/
    /*padding-bottom: 5px;*/
}



fieldset ol {
    padding: 0;
    list-style: none;
}

    fieldset ol li {
        padding-bottom: 5px;
    }

label {
    /*display: block;*/
    font-size: 1.1em;
    font-weight: 500;
}

    label.checkbox {
        display: inline;
    }

input textarea {
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 0px 0 5px 0;
    /*padding: 2px;*/
    min-width: 175px;
}

textarea {
    font-family: inherit;
    width: 300px;
}

button:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus {
    outline: none;
    box-shadow: 0 0 3px darkgray;
}



input[type="submit"]:not(:disabled):active,
input[type="button"]:not(:disabled):active,
button:not(:disabled):active {
    /*box-shadow: 1px 1px 1px #B9B6B6;*/
    border: 1px solid #A7A7A7;
    /*border-radius: 6px;*/
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQzZDYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(255, 255, 255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(100%,rgba(255, 255, 255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255, 255, 255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255, 255, 255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255, 255, 255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(216,216,216,1) 0%,rgba(255, 255, 255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#00d1d3d6',GradientType=0 ); /* IE6-8 */
}

input[type="submit"]:not(:disabled):hover,
input[type="button"]:not(:disabled):hover,
button:not(:disabled):hover {
    border: 1px solid #7bb1f2;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+48,a1dbff+100 */
    background: #f0f9ff; /* Old browsers */
    background: -moz-linear-gradient(top, #f0f9ff 0%, #cbebff 48%, #a1dbff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f0f9ff 0%,#cbebff 48%,#a1dbff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f0f9ff 0%,#cbebff 48%,#a1dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
    /*box-shadow: 0 1px #2f8eff;*/
}

input[type="submit"]:not(:disabled):active,
input[type="button"]:not(:disabled):active,
button:not(:disabled):active {
    color: cornflowerblue;
}

input[type="submit"],
input[type="button"],
button {
    /*box-shadow: 0 1px #929292;*/
    min-height: 25px;
    border: 1px solid #a5a5a5;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.1em;
    /*font-weight: 600;*/
    padding: 3px;
    margin-right: 8px;
    margin-left: 2px;
    width: auto;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDNkNiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255,1) 0%,rgba(216,216,216,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255,1) 0%,rgba(216,216,216,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255,1) 0%,rgba(216,216,216,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d1d3d6', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-8 */
    vertical-align: middle;
}

    button span {
        display: inline-block;
    
        margin-right: 2px;
    }

/*button span._icono16:first-child:not(:last-child), button span._icono24:first-child:not(:last-child), button span._icono32:first-child:not(:last-child) {
            margin-right: 2px;
        }*/

/*td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 2px;
    margin-right: 4px;
}*/

.centerText {
    text-align:center;
}

.contenedorDialogoConfirm {
    white-space: pre-wrap;
}
/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: var(--color-error);
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: var(--color-success);
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: var(--color-error);
    white-space: pre-wrap;
}

/* styles for validation helpers */
.field-validation-error {
    color: var(--color-error);
    font-weight: bold;
}

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

input.input-validation-error {
    border: 1px solid var(--color-error);
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: var(--color-error);
    font-weight: bold;
    font-size: 1.1em;
}

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


/* tables
----------------------------------------------------------*/
table {
    /* border-collapse: collapse;
    border-spacing: 0; 
    margin-top: 0.75em;*/
    border: 0 none;
}

th {
    /*font-size: 1.2em;*/
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    padding: 0.25em 0.25em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {
}

/********************************BLOQUES*************************************************/
.masterBlock, .MasterBlock {
    overflow: auto;
    /*float: left;*/
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.masterRow, .MasterRow {
    /*overflow: hidden;*/
    padding-bottom: 3px;
    display: block;
}

.masterRowCenter, .MasterRowCenter {
    /*overflow: hidden;*/
    padding-bottom: 3px;
    text-align: center;
}

.masterRow.last, .MasterRow.last {
    padding-bottom: 2px;
}


.masterRow.slim, .MasterRow.slim {
    margin: 0;
    padding: 0;
}

.DataContainer, .dataContainer, .datacontainer {
    /*float: left;*/
    /*display: block;*/
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-right: 8px;
}

.DataContainerPading {
    /*float: left;*/
    /*display: inline;*/
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    padding-left: 8px;
    padding-bottom: 6px;
}

.DataContainerVertical {
    /* margin-bottom: 10px;*/
}

.DataContainer .display-field, .dataContainer .display-field {
    margin-bottom: 4px;
    background-color: ghostwhite;
}

    .DataContainer .display-field select, .dataContainer .display-field select {
        width: 100%;
    }

.DataContainerVertical fieldset, .dataContainerVertical fieldset {
    border: ridge;
    border-width: 2px;
    padding: 8px;
}

.DataContainerVertical legend, .dataContainerVertical legend {
    display: block;
}

.DataContainer.fill100, .dataContainer.fill100 {
    margin: 0;
    width: 100%;
}

.DataContainer.fill50, .dataContainer.fill50 {
    margin: 0;
    width: 49.50%;
}

.DataContainer.fill33, .dataContainer.fill33 {
    margin: 0;
    width: 32.9%;
}

.DataContainer.fill25, .dataContainer.fill25 {
    margin: 0;
    width: 24.8%;
}

.MasterRow.slim, .masterRow.slim {
    margin: 0;
    padding: 0;
}


/* TABLE
----------------------------------------------------------*/

table.dataTable tr:nth-child(odd) {
    background: rgb(255, 252, 252);
}

table.dataTable tr:nth-child(even) {
    background: #eef0f1;
}

table.dataTable tr:first-child th {
    background-color: rgb(205, 215, 226);
}

table.dataTable tr:hover {
    background: rgb(203, 222, 240);
}

table.dataTable .active {
    background-color: lightgreen;
    display: -webkit-inline-box;
    text-align: center;
}

table.dataTable .inactive {
    background-color: var(--color-error);
    display: -webkit-inline-box;
    text-align: center;
}

table.dataTable td {
    padding: 1px 4px 1px 4px;
}

table.dataTable input[type="checkBox"]:checked:disabled {
    filter: drop-shadow(0px 0px 0px #11e000);
}

table.dataTable input[type="checkBox"]:not(checked):disabled {
    filter: drop-shadow(0px 0px 0px #ff0000);
}

table.dataTable input[type="checkBox"]:checked {
    filter: drop-shadow(0px 0px 1px #11e000);
}

table.dataTable input[type="checkBox"]:not(checked) {
    filter: drop-shadow(0px 0px 1px #ff0000);
}

table.dataTable tr.highlight {
    background: rgba(152, 251, 152, 0.49);
}

table.dataTable th {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 1.0em;
}

table.dataTable table {
    border-collapse: separate;
    border-spacing: 2px;
    border-color: black;
}

table.dataTable {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
}


/****************************DataTable 2************************/
.dataTable2, .dataTable2 td, .dataTable2 th {
    border: 1px solid #bdbdbd;
}

    .dataTable2 tr:nth-child(odd) {
        background: rgb(252, 253, 255);
    }

    .dataTable2 tr:nth-child(even) {
        background: #eef0f1;
    }

    .dataTable2 tr:first-child th {
        background-color: rgb(205, 215, 226);
    }

    .dataTable2 tr:hover {
        background: rgb(203, 222, 240);
    }

    .dataTable2 .active {
        background-color: lightgreen;
        display: -webkit-inline-box;
        text-align: center;
    }

    .dataTable2 .inactive {
        background-color: var(--color-error);
        display: -webkit-inline-box;
        text-align: center;
    }

    .dataTable2 td {
        padding: 1px 4px 1px 4px;
    }

    .dataTable2 tr.highlight {
        background: rgba(152, 251, 152, 0.49);
    }

    .dataTable2 th {
        padding-right: 4px;
        padding-left: 4px;
        font-size: 1.0em;
    }



.dataTable2 {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

/****************************DataTable 3************************/
.dataTable3 td, .dataTable3 th {
    border-bottom: 1px solid var(--color-primary-dark);
}

.dataTable3 tr:last-child td, .dataTable3 tr:last-child th {
    border-bottom: 2px solid var(--color-primary-dark);
}

.dataTable3 tr:nth-child(odd) {
    background: var(--color-background-alternative);
}

.dataTable3 tr:nth-child(even) {
    background: var(--color-background);
}

.dataTable3 tr th {
    background-color: var(--color-primary-dark);
    border-bottom: 2px solid var(--color-primary-dark);
}

.dataTable3 tr:first-child th:first-child, .dataTable3 tr:first-child tr:first-child {
    border-top-left-radius: 5px;
}

.dataTable3 tr:first-child th:last-child, .dataTable3 tr:first-child tr:last-child {
    border-top-right-radius: 5px;
}

.dataTable3 tr:last-child th:first-child, .dataTable3 tr:last-child tr:first-child {
    border-top-left-radius: 5px;
}

.dataTable3 tr:last-child th:last-child, .dataTable3 tr:last-child tr:last-child {
    border-top-right-radius: 5px;
}

.dataTable3 tr:hover {
    background: var(--color-primary-highlight-transparent);
}

.dataTable3 .active {
    background-color: var(--color-secondary);
    display: -webkit-inline-box;
    text-align: center;
}

.dataTable3 .inactive {
    background-color: var(--color-error);
    display: -webkit-inline-box;
    text-align: center;
}

.dataTable3 td {
    padding: 1px 4px 1px 4px;
}

.dataTable3 tr.highlight {
    background: var(--color-primary-highlight);
}

.dataTable3 th {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 1.0em;
    color: white;
}



.dataTable3 {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}


/*DataTable 4*/
.dataTable4 {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    color: var(--color-text);
    background-color: #ffffff;
}

    .dataTable4 tr:nth-child(odd) {
        background-color: var(--color-background);
        background-color: color-mix(in srgb, var(--color-background-alternative), transparent 50%);
    }
    .dataTable4 tr:nth-child(even) {
        background-color: var(--color-background);
        background-color: color-mix(in srgb, var(--color-background), transparent 50%);
    }


    .dataTable4 td {
        padding: 6px;
    }

    .dataTable4 th {
        background-color: var(--color-background);
        border-bottom: 1px solid var(--color-border-dark);
        border-top: 1px solid var(--color-border-dark);
        padding: 4px;
        box-shadow: 0px 1px 2px 1px var(--color-shadow);
    }



    .dataTable4 tbody:first-child tr:first-child th, .dataTable4 .mainTitle {
        background-color: var(--color-surface);
        border-bottom: 2px solid var(--color-primary);
        padding: 6px;
    }

    .dataTable4 tr > td {
        border-bottom: 1px solid var(--color-border);
        border-top: 1px solid var(--color-border);
    }

        .dataTable4 tr > th:first-child {
            border-left: 1px solid var(--color-border-dark);
        }

        .dataTable4 tr > th:last-child {
            border-right: 1px solid var(--color-border-dark);
        }

        .dataTable4 tr > td:first-child {
            border-left: 1px solid var(--color-border);
        }

        .dataTable4 tr > td:last-child {
            border-right: 1px solid var(--color-border);
        }

    .dataTable4 tr:last-child > td {
        border-bottom: 1px solid var(--color-border-dark);
    }

    .dataTable4 tr:hover td {
        background: var(--color-primary-highlight-transparent);        
    }

    .dataTable4 tfoot tr:hover td {
        background-color: var(--color-surface);
    }

    .dataTable4 tfoot tr:first-child {
        border-bottom: 1px solid var(--color-border-dark);
        border-top: 1px solid var(--color-border-dark);
        padding: 4px;
        box-shadow: 0px -1px 2px 0px var(--color-shadow);
    }

    .dataTable4 tfoot tr {
        background-color: var(--color-surface);
        border-bottom: 2px solid var(--color-border-dark);
        padding: 6px;
    }
.ui-jqgrid-btable tbody tr.ui-state-highlight td {
    border-color: var(--color-border);
    background-color: var(--color-primary-highlight);
}
/* add delete info edit buttons
----------------------------------------------------------*/


.BTNTexto {
    height: 32px;
    margin-top: 4px;
}

    .BTNTexto img {
        height: 24px;
        position: relative;
        top: 1px;
        left: 1px;
    }

    .BTNTexto span {
        bottom: 8px;
        position: relative;
        margin-left: 7px;
        margin-right: 4px;
        font-size: 1.0em;
        font-weight: 500;
    }

.menuButton img {
    height: 16px;
    width: 16px;
    margin-bottom: 3px;
}

#body .ui-tabs .ui-tabs-panel {
    padding: 0px;
    text-align: center;
    border-top: 1px solid var(--color-primary-dark);
}

/*Elementos varios*/
fieldset {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px;
    border-style: solid;
    border-color: var(--color-border-dark);
    padding: 1px 3px 1px 3px;
}

/*.RadioOptions input {
    display: inline;
    vertical-align: baseline;
    width: auto;
}

.RadioOptions span {
    margin-right: 10px;
}*/

span.resaltado {
    font-size: initial;
    font-weight: 600;
}

/*Div para botones al dunal de una serie de elementos*/
.divBotones {
    border-top: 1px;
    border-top-style: solid;
    border-top-color: var(--color-border-dark);
}

    .divBotones button {
        float: right;
        margin-left: 15px;
    }

.errorList {
    display: block;
    overflow: auto;
}

    .errorList span {
        display: block;
    }

.ui-dialog.ui-widget[aria-describedby="showMeAnError"], .ui-dialog.ui-widget[aria-describedby="showMeInfo"], .ui-dialog.ui-widget[aria-describedby="showMeConfirm"] {
    position: fixed;
}

    .ui-dialog.ui-widget[aria-describedby="showMeAnError"], .ui-dialog.ui-widget[aria-describedby="showMeAnError"] .ui-dialog-titlebar.ui-widget-header {
        border-color: var(--color-error);
    }

.ui-dialog[aria-describedby="showMeAnError"] .ui-dialog-titlebar {
    background: var(--color-error);
}

#showMeAnErrorContainer {
    white-space: pre-wrap;
}

.hideMe {
    display: none;
}

.drop5 {
    margin-top: 5px;
}

.drop10 {
    margin-top: 10px;
}

div .floatRight {
    float: right;
}

div .floatLeft {
    float: left;
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
}


.min250 {
    min-width: 250px;
}
/*datepicker de solo mes y dia*/
.monthPicker .ui-datepicker-calendar {
    display: none;
}

.monthPicker .ui-datepicker-inline {
    padding: .1em;
}

#logInView .titleWhite h1 {
    color: white;
    margin-left: 10px;
}

#loginlogo {
    margin-left: 50px;
    background-color: white;
    border-radius: 10px;
    padding: 15px;
}

#loginlogocontainer {
    margin-left: 70px;
    margin-top: 40px;
}

.greenText {
    color: forestgreen;
    font-size: larger;
    font-style: italic;
}

.redText {
    color: var(--color-error);
    font-size: larger;
    font-style: italic;
}

.rotar90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotar180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotar270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.editor-label {
    font-weight: 500;
}



/***************************tooltip********************/



.ui-tooltip.ui-widget {
    display: block;
    position: absolute;
    -moz-box-shadow: 2px 2px 3px #999;
    -webkit-box-shadow: 2px 2px 3px #999;
    box-shadow: 2px 2px 3px #999;
    float: none;
    margin: 2px;
    padding: 2px;
    border-color: var(--color-primary);
    background-color: var(--color-background);
}


.ui-tooltip-content {
    display: block;
}


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


#body .ui-jqgrid {
    font-size: 0.75em;
}


/************Errores en rojo**************/

select.input-validation-error, textarea.input-validation-error {
    border: 1px solid var(--color-error);
}

/***************info en texto*/
span.info {
    cursor: help;
}

/***********vertical align*************/

.verticalAlignMiddle {
    vertical-align: middle;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.inputButtonField button {
    border-radius: 0px 4px 4px 0px;
    margin: 2px 2px 2px 0px;
    margin-top: 0px;
    vertical-align: bottom;
    margin-bottom: 0px;
    height: 25px;
}

    .inputButtonField button span {
        margin-bottom: 1px;
        vertical-align: top;
    }


/*CSS 2.0    CLASES GENERICAS*/

.alinearMedio input, .alinearMedio button, .alinearMedio label, .alinearMedio span {
    vertical-align: middle;
}

.underLine {
    border-bottom: 1px solid var(--color-primary);
    
    margin-bottom: 2px;
}

.topLine {
    border-top: 1px solid #999;
    margin-top: 2px;
}

h1.topTitle, h2.topTitle, h3.topTitle, h4.topTitle, h5.topTitle, h6.topTitle, h7.topTitle {
    color: var(--color-primary);
}

label.label {
    color: var(--color-primary);
}

/*Flachas triangulares en css*/
.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f00;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue;
}


table.sticky thead tr th, table.sticky thead tr td {
    position: sticky;
    top: 0;
}

/*newLayout*/
/*dialog*/

.ui-dialog.ui-widget {
    border-color: var(--color-primary);
}

    .ui-dialog.ui-widget .ui-dialog-titlebar {
        border-color: var(--color-primary);
    }

ul.ui-autocomplete {
    z-index: 1100;
    max-height: 250px;
    overflow: auto;
}

@media print {
    .hideToPrint {
        display: none;
    }
}

table.sticky thead tr th, table.sticky thead tr td {
    position: sticky;
    top: 0;
}

/*****************Nuevos cuadros de info***********************/

#floatInfoContainer {
    position: fixed;
    bottom: 5px;
    left: 0;
    right: 0;
    z-index: 100000;
    height: auto;
}


    #floatInfoContainer .floatInfoItem {
        min-height: 20px;
        color: white;
        margin-bottom: 8px;
        padding: 3px 5px 3px 12px;
        border-radius: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        margin-left: auto;
        margin-right: auto;
    }

        #floatInfoContainer .floatInfoItem span.closeFloatInfoItem {
            cursor: pointer;
            font-weight: 600;
            font-size: x-large;
            padding: 0px 5px 6px 6px;
            line-height: 1px;
        }

        #floatInfoContainer .floatInfoItem.floatError {
            background-color: var(--color-error-light);
        }

        #floatInfoContainer .floatInfoItem.floatInfo {
            background-color: var(--color-info-transparet);
        }

        #floatInfoContainer .floatInfoItem span.floatInfoTextContent {
            padding-right: 12px;
            display: block;
        }

        #floatInfoContainer .floatInfoItem span.symbol {
            font-size: x-large;
            padding-right: 10px;
        }

@media screen and (max-width: 650px) {
    #floatInfoContainer .floatInfoItem {
        width: 95%;
    }

        #floatInfoContainer .floatInfoItem span.closeFloatInfoItem {
            font-size: large;
            padding-bottom: 3px;
            line-height: 1px;
        }

        #floatInfoContainer .floatInfoItem span.floatInfoTextContent {
            font-size: 0.9em;
        }

        #floatInfoContainer .floatInfoItem span.symbol {
            font-size: large;
            padding-right: 10px;
        }
}

@media screen and (min-width: 651px) and (max-width: 1366px) {
    #floatInfoContainer .floatInfoItem {
        width: 85%;
    }

        #floatInfoContainer .floatInfoItem span.floatInfoTextContent {
            font-size: 1.2em;
        }
}

@media screen and (min-width: 1367px) {
    #floatInfoContainer .floatInfoItem {
        width: 75%;
    }

        #floatInfoContainer .floatInfoItem span.floatInfoTextContent {
            font-size: 1.3em;
        }
}




/***********Tooltips*********/
.modern.ui-tooltip.ui-widget {
    padding: 10px 20px;
    color: var(--color-primary);
    font: bold 12px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
    border-radius: 5px;
    box-shadow: 0px 0px 8px var(--color-shadow);
    border: none;
    padding: 2px 5px
}


input[type="checkbox"]:disabled.modern + input[type="hidden"] + label,
input[type="radio"]:disabled.modern + input[type="hidden"] + label {
    opacity: 0.6;
}

    input[type="checkbox"]:disabled.modern + input[type="hidden"] + label:hover,
    input[type="radio"]:disabled.modern + input[type="hidden"] + label:hover {
        cursor: not-allowed;
        background: none;
    }


input[type="checkbox"].modern,
input[type="radio"].modern {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

    input[type="radio"].modern + label,
    input[type="checkbox"].modern + input[type="hidden"] + label {
        position: relative;
        display: inline-block;
        padding: 0 5px 0 2em;
        height: 2em;
        line-height: 2em;
        cursor: pointer;
        font-size: 1em;
        white-space: nowrap;
    }

        input[type="radio"].modern + label::before,
        input[type="checkbox"].modern + input[type="hidden"] + label::before,
        input[type="radio"].modern + label::after,
        input[type="checkbox"].modern + input[type="hidden"] + label::after {
            position: absolute;
            top: 0.22em;
            left: 0.25em;
            display: block;
            width: 1.25em;
            height: 1.25em;
            -webkit-transition: .25s all ease;
            -o-transition: .25s all ease;
            transition: .25s all ease;
        }

        input[type="radio"].modern + label::before,
        input[type="checkbox"].modern + input[type="hidden"] + label::before {
            content: " ";
            border: 2px solid var(--color-primary);
            border-radius: 20%;
        }
        /* Checkbox */
        input[type="checkbox"].modern + input[type="hidden"] + label::after {
            content: "\2714";
            color: #fff;
            /*line-height: 1.5;*/
            text-align: center;
            top: 0em;
            left: 0.35em;
            color: rgba(255, 255, 255, 0);
            display: none;
        }
        /* Radio */
        input[type="radio"].modern + label::before {
            border-radius: 50%;
        }


/* :checked */
input[type="checkbox"]:checked.modern + input[type="hidden"] + label::before,
input[type="radio"]:checked.modern + label::before {
    background: var(--color-primary);
    border-color: var(--color-primary-dark);
}

input[type="radio"]:checked.modern + label::before {
    background: var(--color-primary);
    border-color: var(--color-primary-dark);
    content: "\2714";
    text-align: center;
    line-height: 1.3;
}

input[type="checkbox"] + input[type="hidden"].modern + label::after,
input[type=radio].modern + label::after {
    /*-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);*/
    opacity: 0;
    color: white;
    display: none;
}

input[type="checkbox"]:checked.modern + input[type="hidden"] + label::after,
input[type=radio]:checked.modern + label::after {
    /*-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);*/
    opacity: 1;
    color: white;
    display: block;
}


input[type="radio"]:checked.modern + label {
    background: var(--color-primary);
    color: #fff;
    border-radius: 5px;
    -webkit-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}

    input[type="radio"]:checked.modern + label::before {
        border: 2px solid #fff;
        /*transform: .75s all ease;*/
    }

input[type="radio"]:not(:checked):hover.modern + label, input[type="checkbox"]:hover.modern + input[type="hidden"] + label {
    background: var(--color-shadow-transparet);
    border-radius: 5px;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

input[type="checkbox"]:not(:checked):hover.modern + input[type="hidden"] + label::after {
    opacity: 0;
    display: none;
}

input[type="radio"]:focus.modern + label, input[type="checkbox"]:focus.modern + input[type="hidden"] + label {
    box-shadow: var(--color-primary-highlight) 0px 0px 1px 1px;
    border-radius: 5px;
}

fieldset.modern {
    border: 1px solid var(--color-border-dark);
}

    fieldset.modern legend {
        width: 100%;
        /*background-color: var(--color-primary);*/
        background: var(--color-primary-dark);
        background: -moz-linear-gradient(left, var(--color-primary-dark) 0%, rgb(20, 87, 84) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, var(--color-primary-dark)), color-stop(100%, var(--color-primary)));
        background: -webkit-linear-gradient(left, var(--color-primary-dark) 0%, var(--color-primary) 100%);
        background: -o-linear-gradient(left, var(--color-primary-dark) 0%, var(--color-primary) 100%);
        background: -ms-linear-gradient(left, var(--color-primary-dark) 0%, var(--color-primary) 100%);
        background: linear-gradient(to right, var(--color-primary-dark) 0%, var(--color-primary) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-primary-dark)', endColorstr='var(--color-primary)', GradientType=1 );
        color: white;
        font-weight: 500;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding-left: 4px;
        position: relative;
        left: -4px;
        top: 1px;
        border: 1px solid var(--color-primary-darker);
        padding-top: 1px;
        padding-bottom: 1px;
    }

button.modern {
    background-color: var(--color-primary);
    background: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: 4px;
    color: white;
    font-weight: 600;
    padding: 0px 6px 0px 8px;
    margin: 4px 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

    button.modern.danger {
        background-color: var(--color-error);
        background: var(--color-error);
        border-color: var(--color-error-dark);
        border-radius: 4px;
        color: white;
        font-weight: 600;
    }

    button.modern:disabled,
    button.modern[disabled] {
        background-color: var(--color-border);
        background: var(--color-border);
        border-color: var(--color-border-dark);
        border-radius: 4px;
        color: var(--color-border-darker);
        font-weight: 600;
    }

        button.modern:disabled:hover,
        button.modern[disabled]:hover {
            cursor: not-allowed;
        }

    button.modern:not(:disabled):hover, button.modern:not([disabled]):hover {
        background-color: var(--color-primary-light);
        background: var(--color-primary-light);
        border-color: var(--color-primary);
        border-radius: 4px;
        color: white;
    }

    button.modern:not([disabled]):active, button.modern:not(:disabled):active {
        background-color: var(--color-background-alternative);
        background: var(--color-background-alternative);
        border-color: var(--color-primary);
        border-radius: 4px;
        color: var(--color-primary);
    }

    button.modern:disabled {
        background-color: var(--color-disabled);
        background: var(--color-disabled);
        border-color: var(--color-disabled-dark);
        border-radius: 4px;
        color: var(--color-disabled-dark);
        font-weight: 600;
        cursor: not-allowed;
    }

        button.modern:disabled, button.modern[disabled], button.modern:disabled:active, button.modern[disabled]:active {
            background-color: var(--color-disabled);
            background: var(--color-disabled);
            border-color: var(--color-disabled-dark);
            color: var(--color-disabled-dark) !important;
            cursor: not-allowed;
        }


    button.modern > span.modernIcon16 {
        margin: 0px 4px 0px 0px;
    }
    button.modern > span.modernIcon16+span {
        margin: 0px 4px 0px 2px;
        font-size: 16px;
    }

    button.modern > span.modernIcon24 {
        margin: 0px 4px 0px 2px;
    }

        button.modern > span.modernIcon24 + span {
            margin: 0px 4px 0px 4px;
            font-size: 18px;
        }

    button.modern > span.modernIcon32 {
        margin: 0px 4px 0px 4px;
    }

        button.modern > span.modernIcon32 + span {
            margin: 0px 8px 0px 8px;
            font-size: 20px;
        }


    button.modern .modernIcon32, button.modern .modernIcon24, button.modern .modernIcon16 {
        background-image: url("../Images/Icons/ModernIcons/iconsWhite.png");
    }

    button.modern:hover .modernIcon32, button.modern:hover .modernIcon24, button.modern:hover .modernIcon16 {
        background-image: url("../Images/Icons/ModernIcons/iconsWhite.png");
    }

    button.modern.danger:hover {
        background: var(--color-error-light);
        border-color: var(--color-error);
    }

    button.modern.danger:active {
        background: white;
        border-color: var(--color-error);
        color: var(--color-error);
    }

        button.modern.danger:active span.modernIcon16, button.modern.danger:active span.modernIcon24, button.modern.danger:active span.modernIcon32, span.modernIcon32.danger, span.modernIcon24.danger, span.modernIcon16.danger {
            background-image: url("../Images/Icons/ModernIcons/iconsRed.png");
        }

    button.modern:not(:disabled):active .modernIcon32, button.modern:not(:disabled):active .modernIcon24, button.modern:not(:disabled):active .modernIcon16 {
        background-image: url("../Images/Icons/ModernIcons/iconsSAP.png");
    }

    button.modern.rounded {
        border-radius: 32px;
    }


    /*********Round buttons***************/
    button.modern.round, button.modern.round:hover, button.modern.round:active {
        height: 60px;
        width: 60px;
        border-radius: 100px;
        box-shadow: 3px 3px 4px var(--color-shadow);
        border-width: 2px;
        border-style: solid;
        position: fixed;
        bottom: 5px;
        right: 8px;
    }

        button.modern.round > span, button.modern.round:hover > span, button.modern.round:active > span {
            margin: 0px;
        }


.modernIcon32.white, .modernIcon24.white, .modernIcon16.white {
    background-image: url("../Images/Icons/ModernIcons/iconsWhite.png");
}

.modernIcon32.blue, .modernIcon24.blue, .modernIcon16.blue, .modernIcon32.sap, .modernIcon24.sap, .modernIcon16.sap {
    background-image: url("../Images/Icons/ModernIcons/iconsSAP.png");
}

.modernIcon32.black, .modernIcon24.black, .modernIcon16.black {
    background-image: url("../Images/Icons/ModernIcons/iconsBlack.png");
}

.modernIcon32 {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    background-size: 980px 1228px;
}

.modernIcon24 {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-size: 735px 921px;
}

.modernIcon16 {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-size: 490px 614px;
}

.modernIcon32.f1 {
    background-position-y: 3px;
}

.modernIcon32.f2 {
    background-position-y: -47px;
}

.modernIcon32.f3 {
    background-position-y: -97px;
}

.modernIcon32.f4 {
    background-position-y: -147px;
}

.modernIcon32.f5 {
    background-position-y: -197px;
}

.modernIcon32.f6 {
    background-position-y: -247px;
}

.modernIcon32.f7 {
    background-position-y: -297px;
}

.modernIcon32.f8 {
    background-position-y: -347px;
}

.modernIcon32.f9 {
    background-position-y: -397px;
}

.modernIcon32.f10 {
    background-position-y: -447px;
}

.modernIcon32.f11 {
    background-position-y: -497px;
}

.modernIcon32.f12 {
    background-position-y: -547px;
}

.modernIcon32.f13 {
    background-position-y: -597px;
}

.modernIcon32.f14 {
    background-position-y: -647px;
}

.modernIcon32.f15 {
    background-position-y: -697px;
}

.modernIcon32.f16 {
    background-position-y: -747px;
}

.modernIcon32.f17 {
    background-position-y: -797px;
}

.modernIcon32.f18 {
    background-position-y: -847px;
}

.modernIcon32.f19 {
    background-position-y: -897px;
}

.modernIcon32.f20 {
    background-position-y: -947px;
}

.modernIcon32.f21 {
    background-position-y: -997px;
}

.modernIcon32.f22 {
    background-position-y: -1047px;
}

.modernIcon32.f23 {
    background-position-y: -1097px;
}

.modernIcon32.f24 {
    background-position-y: -1147px;
}

.modernIcon32.f25 {
    background-position-y: -1197px;
}

.modernIcon32.c1 {
    background-position-x: 2px;
}

.modernIcon32.c2 {
    background-position-x: -48px;
}

.modernIcon32.c3 {
    background-position-x: -98px;
}

.modernIcon32.c4 {
    background-position-x: -148px;
}

.modernIcon32.c5 {
    background-position-x: -198px;
}

.modernIcon32.c6 {
    background-position-x: -248px;
}

.modernIcon32.c7 {
    background-position-x: -298px;
}

.modernIcon32.c8 {
    background-position-x: -348px;
}

.modernIcon32.c9 {
    background-position-x: -398px;
}

.modernIcon32.c10 {
    background-position-x: -448px;
}

.modernIcon32.c11 {
    background-position-x: -498px;
}

.modernIcon32.c12 {
    background-position-x: -548px;
}

.modernIcon32.c13 {
    background-position-x: -598px;
}

.modernIcon32.c14 {
    background-position-x: -648px;
}

.modernIcon32.c15 {
    background-position-x: -698px;
}

.modernIcon32.c16 {
    background-position-x: -748px;
}

.modernIcon32.c17 {
    background-position-x: -798px;
}

.modernIcon32.c18 {
    background-position-x: -848px;
}

.modernIcon32.c19 {
    background-position-x: -898px;
}

.modernIcon32.c20 {
    background-position-x: -948px;
}

.modernIcon24.f1 {
    background-position-y: 2.25px;
}

.modernIcon24.f2 {
    background-position-y: -35.25px;
}

.modernIcon24.f3 {
    background-position-y: -72.75px;
}

.modernIcon24.f4 {
    background-position-y: -110.25px;
}

.modernIcon24.f5 {
    background-position-y: -147.75px;
}

.modernIcon24.f6 {
    background-position-y: -185.25px;
}

.modernIcon24.f7 {
    background-position-y: -222.75px;
}

.modernIcon24.f8 {
    background-position-y: -260.25px;
}

.modernIcon24.f9 {
    background-position-y: -297.75px;
}

.modernIcon24.f10 {
    background-position-y: -335.25px;
}

.modernIcon24.f11 {
    background-position-y: -372.75px;
}

.modernIcon24.f12 {
    background-position-y: -410.25px;
}

.modernIcon24.f13 {
    background-position-y: -447.75px;
}

.modernIcon24.f14 {
    background-position-y: -485.25px;
}

.modernIcon24.f15 {
    background-position-y: -522.75px;
}

.modernIcon24.f16 {
    background-position-y: -560.25px;
}

.modernIcon24.f17 {
    background-position-y: -597.75px;
}

.modernIcon24.f18 {
    background-position-y: -635.25px;
}

.modernIcon24.f19 {
    background-position-y: -672.75px;
}

.modernIcon24.f20 {
    background-position-y: -710.25px;
}

.modernIcon24.f21 {
    background-position-y: -747.75px;
}

.modernIcon24.f22 {
    background-position-y: -785.25px;
}

.modernIcon24.f23 {
    background-position-y: -822.75px;
}

.modernIcon24.f24 {
    background-position-y: -860.25px;
}

.modernIcon24.f25 {
    background-position-y: -897.75px;
}

.modernIcon24.c1 {
    background-position-x: 1.5px;
}

.modernIcon24.c2 {
    background-position-x: -36px;
}

.modernIcon24.c3 {
    background-position-x: -73.5px;
}

.modernIcon24.c4 {
    background-position-x: -111px;
}

.modernIcon24.c5 {
    background-position-x: -148.5px;
}

.modernIcon24.c6 {
    background-position-x: -186px;
}

.modernIcon24.c7 {
    background-position-x: -223.5px;
}

.modernIcon24.c8 {
    background-position-x: -261px;
}

.modernIcon24.c9 {
    background-position-x: -298.5px;
}

.modernIcon24.c10 {
    background-position-x: -336px;
}

.modernIcon24.c11 {
    background-position-x: -373.5px;
}

.modernIcon24.c12 {
    background-position-x: -411px;
}

.modernIcon24.c13 {
    background-position-x: -448.5px;
}

.modernIcon24.c14 {
    background-position-x: -486px;
}

.modernIcon24.c15 {
    background-position-x: -523.5px;
}

.modernIcon24.c16 {
    background-position-x: -561px;
}

.modernIcon24.c17 {
    background-position-x: -598.5px;
}

.modernIcon24.c18 {
    background-position-x: -636px;
}

.modernIcon24.c19 {
    background-position-x: -673.5px;
}

.modernIcon24.c20 {
    background-position-x: -711px;
}

.modernIcon16.f1 {
    background-position-y: 1.5px;
}

.modernIcon16.f2 {
    background-position-y: -23.5px;
}

.modernIcon16.f3 {
    background-position-y: -48.5px;
}

.modernIcon16.f4 {
    background-position-y: -73.5px;
}

.modernIcon16.f5 {
    background-position-y: -98.5px;
}

.modernIcon16.f6 {
    background-position-y: -123.5px;
}

.modernIcon16.f7 {
    background-position-y: -148.5px;
}

.modernIcon16.f8 {
    background-position-y: -173.5px;
}

.modernIcon16.f9 {
    background-position-y: -198.5px;
}

.modernIcon16.f10 {
    background-position-y: -223.5px;
}

.modernIcon16.f11 {
    background-position-y: -248.5px;
}

.modernIcon16.f12 {
    background-position-y: -273.5px;
}

.modernIcon16.f13 {
    background-position-y: -298.5px;
}

.modernIcon16.f14 {
    background-position-y: -323.5px;
}

.modernIcon16.f15 {
    background-position-y: -348.5px;
}

.modernIcon16.f16 {
    background-position-y: -373.5px;
}

.modernIcon16.f17 {
    background-position-y: -398.5px;
}

.modernIcon16.f18 {
    background-position-y: -423.5px;
}

.modernIcon16.f19 {
    background-position-y: -448.5px;
}

.modernIcon16.f20 {
    background-position-y: -473.5px;
}

.modernIcon16.f21 {
    background-position-y: -498.5px;
}

.modernIcon16.f22 {
    background-position-y: -523.5px;
}

.modernIcon16.f23 {
    background-position-y: -548.5px;
}

.modernIcon16.f24 {
    background-position-y: -573.5px;
}

.modernIcon16.f25 {
    background-position-y: -598.5px;
}

.modernIcon16.c1 {
    background-position-x: 1px;
}

.modernIcon16.c2 {
    background-position-x: -24px;
}

.modernIcon16.c3 {
    background-position-x: -49px;
}

.modernIcon16.c4 {
    background-position-x: -74px;
}

.modernIcon16.c5 {
    background-position-x: -99px;
}

.modernIcon16.c6 {
    background-position-x: -124px;
}

.modernIcon16.c7 {
    background-position-x: -149px;
}

.modernIcon16.c8 {
    background-position-x: -174px;
}

.modernIcon16.c9 {
    background-position-x: -199px;
}

.modernIcon16.c10 {
    background-position-x: -224px;
}

.modernIcon16.c11 {
    background-position-x: -249px;
}

.modernIcon16.c12 {
    background-position-x: -274px;
}

.modernIcon16.c13 {
    background-position-x: -299px;
}

.modernIcon16.c14 {
    background-position-x: -324px;
}

.modernIcon16.c15 {
    background-position-x: -349px;
}

.modernIcon16.c16 {
    background-position-x: -374px;
}

.modernIcon16.c17 {
    background-position-x: -399px;
}

.modernIcon16.c18 {
    background-position-x: -424px;
}

.modernIcon16.c19 {
    background-position-x: -449px;
}

.modernIcon16.c20 {
    background-position-x: -474px;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}

.pagination-container {
    text-align: center;
}
span._icono32 {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../Images/Icons/iconSet.png?v=1.386.19.10.30");
    background-size: 416px 320px;
}

a._icono32 {
    width: 32px;
    height: 32px;
    display: block;
    padding: 0px;
    float: left;
    background-image: url("../Images/Icons/iconSet.png?v=1.386.19.10.30");
    background-size: 416px 320px;
}

._icono32.iconoLinea {
    background-image: url("../Images/Icons/iconosLinea.png?v=1.386.19.10.30");
}

:disabled._icono32, .disabled._icono32, :disabled ._icono32, .disabled._icono32 {
    opacity: 0.7;
}

span._icono32.calculadora, a._icono32.calculadora {
    background-position: 0px 0px;
}

span._icono32.lupa, a._icono32.lupa {
    background-position: -32px 0px;
}

span._icono32.turnera, a._icono32.turnera {
    background-position: -64px 0px;
}

span._icono32.graficoPlano, a._icono32.graficoPlano {
    background-position: -96px 0px;
}

span._icono32.graficoTorta, a._icono32.graficoTorta {
    background-position: -128px 0px;
}

span._icono32.mail, a._icono32.mail {
    background-position: -160px 0px;
}

span._icono32.configuracion, a._icono32.configuracion {
    background-position: -192px 0px;
}

span._icono32.agenda, a._icono32.agenda {
    background-position: -224px 0px;
}

span._icono32.impresora, a._icono32.impresora {
    background-position: -256px 0px;
}

span._icono32.calendarioReloj, a._icono32.calendarioReloj {
    background-position: -288px 0px;
}

span._icono32.documento, a._icono32.documento {
    background-position: -320px 0px;
}

span._icono32.checklist, a._icono32.checklist {
    background-position: -352px 0px;
}

span._icono32.documentoCompletar, a._icono32.documentoCompletar {
    background-position: -384px 0px;
}

span._icono32.estetoscopio, a._icono32.estetoscopio {
    background-position: 0px -32px;
}

span._icono32.bisturi, a._icono32.bisturi {
    background-position: -32px -32px;
}

span._icono32.pastilla, a._icono32.pastilla {
    background-position: -64px -32px;
}

span._icono32.pastillas, a._icono32.pastillas {
    background-position: -96px -32px;
}

span._icono32.jarabe, a._icono32.jarabe {
    background-position: -128px -32px;
}

span._icono32.carpetaMedica, a._icono32.carpetaMedica {
    background-position: -160px -32px;
}

span._icono32.reporte, a._icono32.reporte {
    background-position: -192px -32px;
}

span._icono32.microscopio, a._icono32.microscopio {
    background-position: -224px -32px;
}

span._icono32.hc, a._icono32.hc {
    background-position: -256px -32px;
}

span._icono32.cama, a._icono32.cama {
    background-position: -288px -32px;
}

span._icono32.jeringa, a._icono32.jeringa {
    background-position: -320px -32px;
}

span._icono32.lava-mano, a._icono32.lava-mano {
    background-position: -352px -32px;
}

span._icono32.empleados, a._icono32.empleados {
    background-position: 0px -64px;
}

span._icono32.medico, a._icono32.medico {
    background-position: -32px -64px;
}

span._icono32.telefonista, a._icono32.telefonista {
    background-position: -64px -64px;
}

span._icono32.cocina, a._icono32.cocina {
    background-position: -96px -64px;
}

span._icono32.enfermeraQuirofano, a._icono32.enfermeraQuirofano {
    background-position: -128px -64px;
}

span._icono32.administrador, a._icono32.administrador {
    background-position: -160px -64px;
}

span._icono32.usuariosLLave, a._icono32.usuariosLLave {
    background-position: 0px -96px;
}

span._icono32.usuariosConfigurar, a._icono32.usuariosConfigurar {
    background-position: -32px -96px;
}

span._icono32.usuariosAlerta, a._icono32.usuariosAlerta {
    background-position: -64px -96px;
}

span._icono32.usuariosMas, a._icono32.usuariosMas {
    background-position: -96px -96px;
}

span._icono32.usuariosMenos, a._icono32.usuariosMenos {
    background-position: -128px -96px;
}

span._icono32.usuariosLapiz, a._icono32.usuariosLapiz {
    background-position: -160px -96px;
}

span._icono32.usuarioCarpeta, a._icono32.usuarioCarpeta {
    background-position: -192px -96px;
}

span._icono32.usuarios, a._icono32.usuarios {
    background-position: -224px -96px;
}

span._icono32.ambulancia, a._icono32.ambulancia {
    background-position: 0px -128px;
}

span._icono32.cajonHerramientas, a._icono32.cajonHerramientas {
    background-position: -32px -128px;
}

span._icono32.diario, a._icono32.diario {
    background-position: -64px -128px;
}

span._icono32.agregarArchivo, a._icono32.agregarArchivo {
    background-position: -96px -128px;
}

span._icono32.guardar, a._icono32.guardar {
    background-position: -128px -128px;
}

span._icono32.tilde, a._icono32.tilde {
    background-position: -160px -128px;
}

span._icono32.cruz, a._icono32.cruz {
    background-position: -192px -128px;
}

span._icono32.cobrar, a._icono32.cobrar {
    background-position: -224px -128px;
}

span._icono32.enter, a._icono32.enter {
    background-position: -256px -128px;
}

span._icono32.firmar, a._icono32.firmar {
    background-position: -288px -128px;
}

span._icono32.menu, a._icono32.menu {
    background-position: -320px -128px;
}

span._icono32.logo, a._icono32.logo {
    background-position: 0px -160px;
}

span._icono32.vm, a._icono32.vm {
    background-position: -32px -160px;
}

span._icono32.upToDate, a._icono32.upToDate {
    background-position: -64px -160px;
}

span._icono32.excel, a._icono32.excel {
    background-position: -96px -160px;
}

span._icono32.word, a._icono32.word {
    background-position: -128px -160px;
}

span._icono32.sharepoint, a._icono32.sharepoint {
    background-position: -160px -160px;
}

span._icono32.pdf, a._icono32.pdf {
    background-position: -192px -160px;
}

span._icono32.doc, a._icono32.doc {
    background-position: -224px -160px;
}

span._icono32.jpg, a._icono32.jpg {
    background-position: -224px -192px;
}

span._icono32.txt, a._icono32.txt {
    background-position: -224px -224px;
}

span._icono32.flechaArriba, a._icono32.flechaArriba {
    background-position: 0px -192px;
}

span._icono32.flechaAbajo, a._icono32.flechaAbajo {
    background-position: -32px -192px;
}

span._icono32.flechaIzquierda, a._icono32.flechaIzquierda {
    background-position: -64px -192px;
}

span._icono32.flechaDerecha, a._icono32.flechaDerecha {
    background-position: -96px -192px;
}

span._icono32.editar, a._icono32.editar {
    background-position: -128px -192px;
}

span._icono32.eliminar, a._icono32.eliminar {
    background-position: -160px -192px;
}

span._icono32.agregar, a._icono32.agregar {
    background-position: -192px -192px;
}

span._icono32.info, a._icono32.info {
    background-position: -224px -192px;
}

span._icono32.agregarMuestraMedica, a._icono32.agregarMuestraMedica {
    background-position: -256px -192px;
}

span._icono32.extraer, a._icono32.extraer {
    background-position: -288px -192px;
}

span._icono32.pregunta, a._icono32.pregunta {
    background-position: -320px -192px;
}

span._icono32.ver, a._icono32.ver {
    background-position: -352px -192px;
}

span._icono32.firmar2, a._icono32.firmar2 {
    background-position: -384px -192px;
}

span._icono32.atras, a._icono32.atras {
    background-position: 0px -224px;
}

span._icono32.actualizar, a._icono32.actualizar {
    background-position: -32px -224px;
}

span._icono32.confirmar, a._icono32.confirmar {
    background-position: -64px -224px;
}

span._icono32.copiar, a._icono32.copiar {
    background-position: -96px -224px;
}

span._icono32.agregarSolidBlack, a._icono32.agregarSolidBlack {
    background-position: 0px -256px;
}

span._icono32.quitarSolidBlack, a._icono32.quitarSolidBlack {
    background-position: -32px -256px;
}

span._icono32.confirmarSolidBlack, a._icono32.confirmarSolidBlack {
    background-position: -64px -256px;
}

span._icono32.eliminarSolidBlack, a._icono32.eliminarSolidBlack {
    background-position: -96px -256px;
}

span._icono32.agregarSolidWhite, a._icono32.agregarSolidWhite {
    background-position: 0px -288px;
}

span._icono32.quitarSolidWhite, a._icono32.quitarSolidWhite {
    background-position: -32px -288px;
}

span._icono32.confirmarSolidWhite, a._icono32.confirmarSolidWhite {
    background-position: -64px -288px;
}

span._icono32.eliminarSolidWhite, a._icono32.eliminarSolidWhite {
    background-position: -96px -288px;
}

span._icono24 {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../Images/Icons/iconSet.png?v=1.386.19.10.30");
    background-size: 312px 240px;
}

a._icono24 {
    width: 24px;
    height: 24px;
    display: block;
    padding: 0px;
    float: left;
    background-image: url("../Images/Icons/iconSet.png?v=1.386.19.10.30");
    background-size: 312px 240px;
}

._icono24.iconoLinea {
    background-image: url("../Images/Icons/iconosLinea.png?v=1.386.19.10.30");
}

:disabled._icono24, .disabled._icono24, :disabled ._icono24, .disabled._icono24 {
    opacity: 0.7;
}

span._icono24.calculadora, a._icono24.calculadora {
    background-position: 0px 0px;
}

span._icono24.lupa, a._icono24.lupa {
    background-position: -24px 0px;
}

span._icono24.turnera, a._icono24.turnera {
    background-position: -48px 0px;
}

span._icono24.graficoPlano, a._icono24.graficoPlano {
    background-position: -72px 0px;
}

span._icono24.graficoTorta, a._icono24.graficoTorta {
    background-position: -96px 0px;
}

span._icono24.mail, a._icono24.mail {
    background-position: -120px 0px;
}

span._icono24.configuracion, a._icono24.configuracion {
    background-position: -144px 0px;
}

span._icono24.agenda, a._icono24.agenda {
    background-position: -168px 0px;
}

span._icono24.impresora, a._icono24.impresora {
    background-position: -192px 0px;
}

span._icono24.calendarioReloj, a._icono24.calendarioReloj {
    background-position: -216px 0px;
}

span._icono24.documento, a._icono24.documento {
    background-position: -240px 0px;
}

span._icono24.checklist, a._icono24.checklist {
    background-position: -264px 0px;
}

span._icono24.documentoCompletar, a._icono24.documentoCompletar {
    background-position: -288px 0px;
}

span._icono24.estetoscopio, a._icono24.estetoscopio {
    background-position: 0px -24px;
}

span._icono24.bisturi, a._icono24.bisturi {
    background-position: -24px -24px;
}

span._icono24.pastilla, a._icono24.pastilla {
    background-position: -48px -24px;
}

span._icono24.pastillas, a._icono24.pastillas {
    background-position: -72px -24px;
}

span._icono24.jarabe, a._icono24.jarabe {
    background-position: -96px -24px;
}

span._icono24.carpetaMedica, a._icono24.carpetaMedica {
    background-position: -120px -24px;
}

span._icono24.reporte, a._icono24.reporte {
    background-position: -144px -24px;
}

span._icono24.microscopio, a._icono24.microscopio {
    background-position: -168px -24px;
}

span._icono24.hc, a._icono24.hc {
    background-position: -192px -24px;
}

span._icono24.cama, a._icono24.cama {
    background-position: -216px -24px;
}

span._icono24.jeringa, a._icono24.jeringa {
    background-position: -240px -24px;
}

span._icono24.lava-mano, a._icono24.lava-mano {
    background-position: -264px -24px;
}

span._icono24.empleados, a._icono24.empleados {
    background-position: 0px -48px;
}

span._icono24.medico, a._icono24.medico {
    background-position: -24px -48px;
}

span._icono24.telefonista, a._icono24.telefonista {
    background-position: -48px -48px;
}

span._icono24.cocina, a._icono24.cocina {
    background-position: -72px -48px;
}

span._icono24.enfermeraQuirofano, a._icono24.enfermeraQuirofano {
    background-position: -96px -48px;
}

span._icono24.administrador, a._icono24.administrador {
    background-position: -120px -48px;
}

span._icono24.usuariosLLave, a._icono24.usuariosLLave {
    background-position: 0px -72px;
}

span._icono24.usuariosConfigurar, a._icono24.usuariosConfigurar {
    background-position: -24px -72px;
}

span._icono24.usuariosAlerta, a._icono24.usuariosAlerta {
    background-position: -48px -72px;
}

span._icono24.usuariosMas, a._icono24.usuariosMas {
    background-position: -72px -72px;
}

span._icono24.usuariosMenos, a._icono24.usuariosMenos {
    background-position: -96px -72px;
}

span._icono24.usuariosLapiz, a._icono24.usuariosLapiz {
    background-position: -120px -72px;
}

span._icono24.usuarioCarpeta, a._icono24.usuarioCarpeta {
    background-position: -144px -72px;
}

span._icono24.usuarios, a._icono24.usuarios {
    background-position: -168px -72px;
}

span._icono24.ambulancia, a._icono24.ambulancia {
    background-position: 0px -96px;
}

span._icono24.cajonHerramientas, a._icono24.cajonHerramientas {
    background-position: -24px -96px;
}

span._icono24.diario, a._icono24.diario {
    background-position: -48px -96px;
}

span._icono24.agregarArchivo, a._icono24.agregarArchivo {
    background-position: -72px -96px;
}

span._icono24.guardar, a._icono24.guardar {
    background-position: -96px -96px;
}

span._icono24.tilde, a._icono24.tilde {
    background-position: -120px -96px;
}

span._icono24.cruz, a._icono24.cruz {
    background-position: -144px -96px;
}

span._icono24.cobrar, a._icono24.cobrar {
    background-position: -168px -96px;
}

span._icono24.enter, a._icono24.enter {
    background-position: -192px -96px;
}

span._icono24.firmar, a._icono24.firmar {
    background-position: -216px -96px;
}

span._icono24.menu, a._icono24.menu {
    background-position: -240px -96px;
}

span._icono24.logo, a._icono24.logo {
    background-position: 0px -120px;
}

span._icono24.vm, a._icono24.vm {
    background-position: -24px -120px;
}

span._icono24.upToDate, a._icono24.upToDate {
    background-position: -48px -120px;
}

span._icono24.excel, a._icono24.excel {
    background-position: -72px -120px;
}

span._icono24.word, a._icono24.word {
    background-position: -96px -120px;
}

span._icono24.sharepoint, a._icono24.sharepoint {
    background-position: -120px -120px;
}

span._icono24.pdf, a._icono24.pdf {
    background-position: -144px -120px;
}

span._icono24.doc, a._icono24.doc {
    background-position: -168px -120px;
}

span._icono24.jpg, a._icono24.jpg {
    background-position: -192px -120px;
}

span._icono24.txt, a._icono24.txt {
    background-position: -208px -120px;
}

span._icono24.flechaArriba, a._icono24.flechaArriba {
    background-position: 0px -144px;
}

span._icono24.flechaAbajo, a._icono24.flechaAbajo {
    background-position: -24px -144px;
}

span._icono24.flechaIzquierda, a._icono24.flechaIzquierda {
    background-position: -48px -144px;
}

span._icono24.flechaDerecha, a._icono24.flechaDerecha {
    background-position: -72px -144px;
}

span._icono24.editar, a._icono24.editar {
    background-position: -96px -144px;
}

span._icono24.eliminar, a._icono24.eliminar {
    background-position: -120px -144px;
}

span._icono24.agregar, a._icono24.agregar {
    background-position: -144px -144px;
}

span._icono24.info, a._icono24.info {
    background-position: -168px -144px;
}

span._icono24.agregarMuestraMedica, a._icono24.agregarMuestraMedica {
    background-position: -192px -144px;
}

span._icono24.extraer, a._icono24.extraer {
    background-position: -216px -144px;
}

span._icono24.pregunta, a._icono24.pregunta {
    background-position: -240px -144px;
}

span._icono24.ver, a._icono24.ver {
    background-position: -264px -144px;
}

span._icono24.firmar2, a._icono24.firmar2 {
    background-position: -288px -144px;
}

span._icono24.atras, a._icono24.atras {
    background-position: 0px -168px;
}

span._icono24.actualizar, a._icono24.actualizar {
    background-position: -24px -168px;
}

span._icono24.confirmar, a._icono24.confirmar {
    background-position: -48px -168px;
}

span._icono24.copiar, a._icono24.copiar {
    background-position: -72px -168px;
}

span._icono24.agregarSolidBlack, a._icono24.agregarSolidBlack {
    background-position: 0px -192px;
}

span._icono24.quitarSolidBlack, a._icono24.quitarSolidBlack {
    background-position: -24px -192px;
}

span._icono24.confirmarSolidBlack, a._icono24.confirmarSolidBlack {
    background-position: -48px -192px;
}

span._icono24.eliminarSolidBlack, a._icono24.eliminarSolidBlack {
    background-position: -72px -192px;
}

span._icono24.agregarSolidWhite, a._icono24.agregarSolidWhite {
    background-position: 0px -216px;
}

span._icono24.quitarSolidWhite, a._icono24.quitarSolidWhite {
    background-position: -24px -216px;
}

span._icono24.confirmarSolidWhite, a._icono24.confirmarSolidWhite {
    background-position: -48px -216px;
}

span._icono24.eliminarSolidWhite, a._icono24.eliminarSolidWhite {
    background-position: -72px -216px;
}

span._icono16 {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../Images/Icons/iconSet.png?v=1.386.19.10.30");
    background-size: 208px 160px;
}

a._icono16 {
    width: 16px;
    height: 16px;
    display: block;
    padding: 0px;
    float: left;
    background-image: url("../Images/Icons/iconSet.png?v=1.386.19.10.30");
    background-size: 208px 160px;
}

._icono16.iconoLinea {
    background-image: url("../Images/Icons/iconosLinea.png?v=1.386.19.10.30");
}

:disabled._icono16, .disabled._icono16, :disabled ._icono16, .disabled._icono16 {
    opacity: 0.7;
}

span._icono16.calculadora, a._icono16.calculadora {
    background-position: 0px 0px;
}

span._icono16.lupa, a._icono16.lupa {
    background-position: -16px 0px;
}

span._icono16.turnera, a._icono16.turnera {
    background-position: -32px 0px;
}

span._icono16.graficoPlano, a._icono16.graficoPlano {
    background-position: -48px 0px;
}

span._icono16.graficoTorta, a._icono16.graficoTorta {
    background-position: -64px 0px;
}

span._icono16.mail, a._icono16.mail {
    background-position: -80px 0px;
}

span._icono16.configuracion, a._icono16.configuracion {
    background-position: -96px 0px;
}

span._icono16.agenda, a._icono16.agenda {
    background-position: -112px 0px;
}

span._icono16.impresora, a._icono16.impresora {
    background-position: -128px 0px;
}

span._icono16.calendarioReloj, a._icono16.calendarioReloj {
    background-position: -144px 0px;
}

span._icono16.documento, a._icono16.documento {
    background-position: -160px 0px;
}

span._icono16.checklist, a._icono16.checklist {
    background-position: -176px 0px;
}

span._icono16.documentoCompletar, a._icono16.documentoCompletar {
    background-position: -192px 0px;
}

span._icono16.estetoscopio, a._icono16.estetoscopio {
    background-position: 0px -16px;
}

span._icono16.bisturi, a._icono16.bisturi {
    background-position: -16px -16px;
}

span._icono16.pastilla, a._icono16.pastilla {
    background-position: -32px -16px;
}

span._icono16.pastillas, a._icono16.pastillas {
    background-position: -48px -16px;
}

span._icono16.jarabe, a._icono16.jarabe {
    background-position: -64px -16px;
}

span._icono16.carpetaMedica, a._icono16.carpetaMedica {
    background-position: -80px -16px;
}

span._icono16.reporte, a._icono16.reporte {
    background-position: -96px -16px;
}

span._icono16.microscopio, a._icono16.microscopio {
    background-position: -112px -16px;
}

span._icono16.hc, a._icono16.hc {
    background-position: -128px -16px;
}

span._icono16.cama, a._icono16.cama {
    background-position: -144px -16px;
}

span._icono16.jeringa, a._icono16.jeringa {
    background-position: -160px -16px;
}

span._icono16.lava-mano, a._icono16.lava-mano {
    background-position: -176px -16px;
}

span._icono16.empleados, a._icono16.empleados {
    background-position: 0px -32px;
}

span._icono16.medico, a._icono16.medico {
    background-position: -16px -32px;
}

span._icono16.telefonista, a._icono16.telefonista {
    background-position: -32px -32px;
}

span._icono16.cocina, a._icono16.cocina {
    background-position: -48px -32px;
}

span._icono16.enfermeraQuirofano, a._icono16.enfermeraQuirofano {
    background-position: -64px -32px;
}

span._icono16.administrador, a._icono16.administrador {
    background-position: -80px -32px;
}

span._icono16.usuariosLLave, a._icono16.usuariosLLave {
    background-position: 0px -48px;
}

span._icono16.usuariosConfigurar, a._icono16.usuariosConfigurar {
    background-position: -16px -48px;
}

span._icono16.usuariosAlerta, a._icono16.usuariosAlerta {
    background-position: -32px -48px;
}

span._icono16.usuariosMas, a._icono16.usuariosMas {
    background-position: -48px -48px;
}

span._icono16.usuariosMenos, a._icono16.usuariosMenos {
    background-position: -64px -48px;
}

span._icono16.usuariosLapiz, a._icono16.usuariosLapiz {
    background-position: -80px -48px;
}

span._icono16.usuarioCarpeta, a._icono16.usuarioCarpeta {
    background-position: -96px -48px;
}

span._icono16.usuarios, a._icono16.usuarios {
    background-position: -112px -48px;
}

span._icono16.ambulancia, a._icono16.ambulancia {
    background-position: 0px -64px;
}

span._icono16.cajonHerramientas, a._icono16.cajonHerramientas {
    background-position: -16px -64px;
}

span._icono16.diario, a._icono16.diario {
    background-position: -32px -64px;
}

span._icono16.agregarArchivo, a._icono16.agregarArchivo {
    background-position: -48px -64px;
}

span._icono16.guardar, a._icono16.guardar {
    background-position: -64px -64px;
}

span._icono16.tilde, a._icono16.tilde {
    background-position: -80px -64px;
}

span._icono16.cruz, a._icono16.cruz {
    background-position: -96px -64px;
}

span._icono16.cobrar, a._icono16.cobrar {
    background-position: -112px -64px;
}

span._icono16.enter, a._icono16.enter {
    background-position: -128px -64px;
}

span._icono16.firmar, a._icono16.firmar {
    background-position: -144px -64px;
}

span._icono16.menu, a._icono16.menu {
    background-position: -160px -64px;
}

span._icono16.logo, a._icono16.logo {
    background-position: 0px -80px;
}

span._icono16.vm, a._icono16.vm {
    background-position: -16px -80px;
}

span._icono16.upToDate, a._icono16.upToDate {
    background-position: -32px -80px;
}

span._icono16.excel, a._icono16.excel {
    background-position: -48px -80px;
}

span._icono16.word, a._icono16.word {
    background-position: -64px -80px;
}

span._icono16.sharepoint, a._icono16.sharepoint {
    background-position: -80px -80px;
}

span._icono16.pdf, a._icono16.pdf {
    background-position: -96px -80px;
}

span._icono16.doc, a._icono16.doc {
    background-position: -112px -80px;
}

span._icono16.jpg, a._icono16.jpg {
    background-position: -128px -80px;
}

span._icono16.txt, a._icono16.txt {
    background-position: -144px -80px;
}

span._icono16.flechaArriba, a._icono16.flechaArriba {
    background-position: 0px -96px;
}

span._icono16.flechaAbajo, a._icono16.flechaAbajo {
    background-position: -16px -96px;
}

span._icono16.flechaIzquierda, a._icono16.flechaIzquierda {
    background-position: -32px -96px;
}

span._icono16.flechaDerecha, a._icono16.flechaDerecha {
    background-position: -48px -96px;
}

span._icono16.editar, a._icono16.editar {
    background-position: -64px -96px;
}

span._icono16.eliminar, a._icono16.eliminar {
    background-position: -80px -96px;
}

span._icono16.agregar, a._icono16.agregar {
    background-position: -96px -96px;
}

span._icono16.info, a._icono16.info {
    background-position: -112px -96px;
}

span._icono16.agregarMuestraMedica, a._icono16.agregarMuestraMedica {
    background-position: -128px -96px;
}

span._icono16.extraer, a._icono16.extraer {
    background-position: -144px -96px;
}

span._icono16.pregunta, a._icono16.pregunta {
    background-position: -160px -96px;
}

span._icono16.ver, a._icono16.ver {
    background-position: -176px -96px;
}

span._icono16.firmar2, a._icono16.firmar2 {
    background-position: -192px -96px;
}

span._icono16.atras, a._icono16.atras {
    background-position: 0px -112px;
}

span._icono16.actualizar, a._icono16.actualizar {
    background-position: -16px -112px;
}

span._icono16.confirmar, a._icono16.confirmar {
    background-position: -32px -112px;
}

span._icono16.copiar, a._icono16.copiar {
    background-position: -48px -112px;
}

span._icono16.agregarSolidBlack, a._icono16.agregarSolidBlack {
    background-position: 0px -128px;
}

span._icono16.quitarSolidBlack, a._icono16.quitarSolidBlack {
    background-position: -16px -128px;
}

span._icono16.confirmarSolidBlack, a._icono16.confirmarSolidBlack {
    background-position: -32px -128px;
}

span._icono16.eliminarSolidBlack, a._icono16.eliminarSolidBlack {
    background-position: -48px -128px;
}

span._icono16.agregarSolidWhite, a._icono16.agregarSolidWhite {
    background-position: 0px -144px;
}

span._icono16.quitarSolidWhite, a._icono16.quitarSolidWhite {
    background-position: -16px -144px;
}

span._icono16.confirmarSolidWhite, a._icono16.confirmarSolidWhite {
    background-position: -32px -144px;
}

span._icono16.eliminarSolidWhite, a._icono16.eliminarSolidWhite {
    background-position: -48px -144px;
}


/*********************************indicadores****************************************/
div.indicador_hms_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content:space-around;
}

    div.indicador_hms_container span.indicador_hms {
        height: 24px;
        min-width: 24px;
        border-radius: 4px;
        border-width: 2px;
        border-style: solid;
        font-size: 15px;
        font-weight: bold;
        margin: 0.5px;
        text-align: center;
        line-height: 24px;
        cursor: help;
        display: block;
    }



.small div.indicador_hms_container span.indicador_hms {
    height: 20px;
    min-width: 20px;
    background-size: cover;
    line-height: 20px;
    font-size: 12px;
    border-width: 1px;
}

div.indicador_hms_container span.indicador_hms.longtext {
    font-size: 11px;
}

.small div.indicador_hms_container span.indicador_hms.longtext {
    font-size: 9px;
}

div.indicador_hms_container span.indicador_hms:hover {
    box-shadow: 0 0 5px 1px #5897fb;
}

span.indicador_hms.indicador_cma {
    border-color: #00005f;
    background-color: #0000a5;
    color: white;
}

span.indicador_hms.indicador_urgent {
    border-color: #ca0303;
    background-color: #ffffff;
    color: white;
    background-image: url("../Images/Icons/indicadores.png?v=1");
}

/* Aislamiento */

span.indicador_hms.indicador_aislamiento {
    border-color: #900000;
    background-color: #ef0000;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_sin_definir {
    border-color: #900000;
    background-color: #ef0000;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_sin_definir {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_neutropenia {
    border-color: #b57500;
    background-color: orange;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_neutropenia {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_preventivo {
    border-color: #c1c100;
    background-color: #c3c300;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_preventivo {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_contacto {
    border-color: #a7a78d;
    background-color: #a5a557;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
    content: "asd";
}

.small span.indicador_hms.indicador_aislamiento_contacto {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_gotas {
    border-color: #ff6b84;
    background-color: #ff90a3;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_gotas {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_aire {
    border-color: #6a858e;
    background-color: #7aa6b5;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_aire {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_sospecha_covid19 {
    border-color: #a7a7a7;
    background-color: silver;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_sospecha_covid19 {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_covid19 {
    border-color: black;
    background-color: #000000c9;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_covid19 {
    background-position: -20px 0px;
}

/* -- */

span.indicador_hms.indicador_is_alta_medica {
    border-color: #0d9839;
    background-color: #ffffff;
    color: #0d9839;
}

span.indicador_hms.indicador_is_alta_administrativa {
    border-color: #0d5098;
    background-color: #ffffff;
    color: #0d5098;
}

span.indicador_hms.indicador_is_cama_prestada {
    border-color: #71361c;
    background-color: #cc5521;
    color: #0d5098;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -48px 0px;
}

.small span.indicador_hms.indicador_is_cama_prestada {
    background-position: -40px 0px;
}

span.indicador_hms.indicador_is_cama_temporal {
    border-color: #585858;
    background-color: #989898;
    color: #0d5098;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -48px 0px;
}

.small span.indicador_hms.indicador_is_cama_temporal {
    background-position: -40px 0px;
}

span.indicador_hms.indicador_is_cama_mantenimiento {
    border-color: #000000;
    background-color: yellow;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -72px 0px;
}

.small span.indicador_hms.indicador_is_cama_mantenimiento {
    background-position: -60px 0px;
}

span.indicador_hms.indicador_is_limpieza {
    border-color: #000000;
    background-color: #b58d5d;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -96px 0px;
}

.small span.indicador_hms.indicador_is_limpieza {
    background-position: -80px 0px;
}

span.indicador_hms.indicador_reservas {
    border-color: black;
    background-color: darkred;
    color: white;
}

/* Problemas HC */

div.indicadoresProblemas span {
    border: 1px solid #170006;
    text-align: center;
    font-size: 9px;
    float: left;
    width: 20px;
    margin: 3px;
    border-radius: 0.4em;
}

.indicadoresProblemas span.indicadorProblema_activo {
    color: white;
    background-color: red;
}

.indicadoresProblemas span.indicadorProblema_resuelto {
    color: white;
    background-color: green;
}

.indicadoresProblemas span.indicadorProblema_procedimiento {
    color: white;
    background-color: blue;
}

.indicadoresProblemas span.indicadorProblema_af {
    color: white;
    background-color: gray;
}

/* -- */
.flexContainer {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}

    .flexContainer .flexItem {
        margin: 0px;
        padding: 0px;
    }

@media screen and (min-width: 1001px) {
    .ao_-3 {
        order:-3;
    }
    .ao_-2 {
        order:-2;
    }
    .ao_-1 {
        order:-1;
    }
    .ao_0 {
        order:0;
    }
    .ao_1 {
        order:1;
    }
    .ao_2 {
        order:2;
    }
    .ao_3 {
        order:3;
    }
    .ao_4 {
        order:4;
    }
    .ao_5 {
        order:5;
    }
    .ao_6 {
        order:6;
    }
    .a_100 {
        width: 99.9%;
    }

    .a_80 {
        width: 79.9%;
    }

    .a_75 {
        width: 74.9%;
    }

    .a_70 {
        width: 69.9%;
    }

    .a_66 {
        width: 66.55%;
    }

    .a_60 {
        width: 59.9%;
    }

    .a_55 {
        width: 54.9%;
    }

    .a_50 {
        width: 49.9%;
    }

    .a_45 {
        width: 44.9%;
    }

    .a_40 {
        width: 39.9%;
    }

    .a_35 {
        width: 34.9%;
    }

    .a_33 {
        width: 33.29%;
    }

    .a_30 {
        width: 29.9%;
    }

    .a_25 {
        width: 24.9%;
    }

    .a_20 {
        width: 19.9%;
    }

    .a_15 {
        width: 14.9%;
    }
}

@media screen and (min-width: 651px) and (max-width: 1000px) {

    .bo_-3 {
        order:-3;
    }
    .bo_-2 {
        order:-2;
    }
    .bo_-1 {
        order:-1;
    }
    .bo_0 {
        order:0;
    }
    .bo_1 {
        order:1;
    }
    .bo_2 {
        order:2;
    }
    .bo_3 {
        order:3;
    }
    .bo_4 {
        order:4;
    }
    .bo_5 {
        order:5;
    }
    .bo_6 {
        order:6;
    }
    .b_100 {
        width: 99.9%;
    }

    .b_80 {
        width: 79.9%;
    }

    .b_75 {
        width: 74.9%;
    }

    .b_70 {
        width: 69.9%;
    }

    .b_66 {
        width: 66.55%;
    }

    .b_60 {
        width: 59.9%;
    }

    .b_55 {
        width: 54.9%;
    }

    .b_50 {
        width: 49.9%;
    }

    .c_45 {
        width: 44.9%;
    }

    .b_40 {
        width: 39.9%;
    }

    .b_35 {
        width: 34.9%;
    }

    .b_33 {
        width: 33.29%;
    }

    .b_30 {
        width: 29.9%;
    }

    .b_25 {
        width: 24.9%;
    }

    .b_20 {
        width: 19.9%;
    }

    .b_15 {
        width: 14.9%;
    }
}

@media screen and (max-width: 650px) {

    .co_-3 {
        order:-3;
    }
    .co_-2 {
        order:-2;
    }
    .co_-1 {
        order:-1;
    }
    .co_0 {
        order:0;
    }
    .co_1 {
        order:1;
    }
    .co_2 {
        order:2;
    }
    .co_3 {
        order:3;
    }
    .co_4 {
        order:4;
    }
    .co_5 {
        order:5;
    }
    .co_6 {
        order:6;
    }

    .c_100 {
        width: 99.9%;
    }

    .c_80 {
        width: 79.9%;
    }

    .c_75 {
        width: 74.9%;
    }

    .c_70 {
        width: 69.9%;
    }

    .c_66 {
        width: 66.55%;
    }

    .c_60 {
        width: 59.9%;
    }

    .c_55 {
        width: 54.9%;
    }

    .c_50 {
        width: 49.9%;
    }

    .c_45 {
        width: 44.9%;
    }

    .c_40 {
        width: 39.9%;
    }

    .c_35 {
        width: 34.9%;
    }

    .c_33 {
        width: 33.29%;
    }

    .c_30 {
        width: 29.9%;
    }

    .c_25 {
        width: 24.9%;
    }

    .c_20 {
        width: 19.9%;
    }

    .c_15 {
        width: 14.9%;
    }
}