@charset "UTF-8";
/* Compact */
/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-300.eot.jsf?ln=ultima-layout");
    /* IE9 Compat Modes */
    src: local("Roboto Light"), local("Roboto-Light"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-300.eot.jsf?ln=ultima-layout#iefix") format("embedded-opentype"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-300.woff2.jsf?ln=ultima-layout") format("woff2"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-300.woff.jsf?ln=ultima-layout") format("woff"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-300.ttf.jsf?ln=ultima-layout") format("truetype"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-300.svg.jsf?ln=ultima-layout#Roboto") format("svg");
    /* Legacy iOS */ }
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-regular.eot.jsf?ln=ultima-layout");
    /* IE9 Compat Modes */
    src: local("Roboto"), local("Roboto-Regular"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-regular.eot.jsf?ln=ultima-layout#iefix") format("embedded-opentype"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-regular.woff2.jsf?ln=ultima-layout") format("woff2"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-regular.woff.jsf?ln=ultima-layout") format("woff"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-regular.ttf.jsf?ln=ultima-layout") format("truetype"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-regular.svg.jsf?ln=ultima-layout#Roboto") format("svg");
    /* Legacy iOS */ }
/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-700.eot.jsf?ln=ultima-layout");
    /* IE9 Compat Modes */
    src: local("Roboto Bold"), local("Roboto-Bold"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-700.eot.jsf?ln=ultima-layout#iefix") format("embedded-opentype"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-700.woff2.jsf?ln=ultima-layout") format("woff2"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-700.woff.jsf?ln=ultima-layout") format("woff"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-700.ttf.jsf?ln=ultima-layout") format("truetype"), url("/sandbox/javax.faces.resource/fonts/roboto-v15-latin-700.svg.jsf?ln=ultima-layout#Roboto") format("svg");
    /* Legacy iOS */ }
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("/sandbox/javax.faces.resource/fonts/MaterialIcons-Regular.eot.jsf?ln=ultima-layout");
    /* For IE6-8 */
    src: local("Material Icons"), local("MaterialIcons-Regular"), url("/sandbox/javax.faces.resource/fonts/MaterialIcons-Regular.woff2.jsf?ln=ultima-layout") format("woff2"), url("/sandbox/javax.faces.resource/fonts/MaterialIcons-Regular.woff.jsf?ln=ultima-layout") format("woff"), url("/sandbox/javax.faces.resource/fonts/MaterialIcons-Regular.ttf.jsf?ln=ultima-layout") format("truetype"); }
/* Utils */
.clearfix:after {
    content: " ";
    display: block;
    clear: both; }

.card.monitor
{
    min-height: 300px;
    min-width: 330px;
    margin: 30px !important;
    padding: 10px 10px 10px 10px !important;
    border-radius: 6px;
}

.card.monitor div
{
    padding: 0px;
}

.card {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #ffffff;
    padding: 16px;
    margin-bottom: 16px;
    box-sizing: border-box; }
.card.card-w-title {
    padding-bottom: 32px; }
.card h1 {
    font-size: 24px;
    font-weight: 400;
    margin: 24px 0; }
.card h1:first-child {
    margin-top: 16px; }
.card h2 {
    font-size: 22px;
    font-weight: 400; }
.card h3 {
    font-size: 20px;
    font-weight: 400; }
.card h4 {
    font-size: 18px;
    font-weight: 400; }

.nopad {
    padding: 0; }
.nopad .ui-panel-content {
    padding: 0; }

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0); }
    to {
        opacity: 1;
        transform: none; } }
@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0); } }
@keyframes fadeOutUp {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0); } }
.ui-shadow-1 {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.ui-shadow-2 {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.ui-shadow-3 {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.ui-shadow-4 {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.ui-shadow-5 {
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

.ui-g.form-group > div {
    padding: 12px 16px; }

.ui-panelgrid.form-group .ui-panelgrid-cell {
    padding: 12px 16px; }

.ui-selectoneradio.form-group .ui-grid-row > div, .ui-selectmanycheckbox.form-group .ui-grid-row > div {
    padding: 8px 16px; }

.dashboard .overview {
    padding: 0 !important;
    min-height: 140px;
    position: relative;
    margin-bottom: 0px !important; }
.dashboard .overview .overview-content {
    padding: 16px; }
.dashboard .overview .overview-content .overview-title {
    font-size: 18px; }
.dashboard .overview .overview-content .overview-badge {
    float: right;
    color: #757575; }
.dashboard .overview .overview-content .overview-detail {
    display: block;
    font-size: 24px;
    margin-top: 5px; }
.dashboard .overview .overview-footer {
    position: absolute;
    bottom: 0;
    width: 100%; }
.dashboard .overview .overview-footer img {
    display: block; }
.dashboard .colorbox {
    padding: 0 !important;
    text-align: center;
    overflow: hidden;
    margin-bottom: 0px !important; }
.dashboard .colorbox i {
    font-size: 48px;
    margin-top: 10px;
    color: #ffffff; }
.dashboard .colorbox .colorbox-name {
    font-size: 20px;
    display: inline-block;
    width: 100%;
    margin: 4px 0 10px 0;
    color: #ffffff; }
.dashboard .colorbox .colorbox-count {
    color: #ffffff;
    font-size: 36px; }
.dashboard .colorbox .colorbox-count {
    font-weight: bold; }
.dashboard .colorbox.colorbox-1 div:first-child {
    background-color: #2E7D32; }
.dashboard .colorbox.colorbox-1 div:last-child {
    background-color: #4CAF50; }
.dashboard .colorbox.colorbox-2 div:first-child {
    background-color: #0277BD; }
.dashboard .colorbox.colorbox-2 div:last-child {
    background-color: #2f4050; }
.dashboard .colorbox.colorbox-3 div:first-child {
    background-color: #4527A0; }
.dashboard .colorbox.colorbox-3 div:last-child {
    background-color: #673AB7; }
.dashboard .colorbox.colorbox-4 div:first-child {
    background-color: #00695C; }
.dashboard .colorbox.colorbox-4 div:last-child {
    background-color: #009688; }
.dashboard .task-list {
    overflow: hidden; }
.dashboard .task-list > .ui-panel {
    min-height: 340px; }
.dashboard .task-list .ui-panel-content {
    padding: 10px 0 !important; }
.dashboard .task-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
.dashboard .task-list ul li {
    padding: 10px 14px;
    border-bottom: 1px solid #dbdbdb; }
.dashboard .task-list ul li:first-child {
    margin-top: 10px; }
.dashboard .task-list ul .ui-chkbox {
    vertical-align: middle;
    margin-right: 5px; }
.dashboard .task-list ul .task-name {
    vertical-align: middle; }
.dashboard .task-list ul i {
    color: #757575;
    float: right; }
.dashboard .contact-form {
    overflow: hidden; }
.dashboard .contact-form .ui-panel {
    min-height: 340px; }
.dashboard .contact-form .ui-g-12 {
    padding: 16px 10px; }
.dashboard .contact-form .ui-button {
    margin-top: 20px; }
.dashboard .contacts {
    overflow: hidden; }
.dashboard .contacts > .ui-panel {
    min-height: 340px; }
.dashboard .contacts .ui-panel-content {
    padding: 15px 0 10px 0 !important; }
.dashboard .contacts ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
.dashboard .contacts ul li {
    border-bottom: 1px solid #d8d8d8; }
.dashboard .contacts ul li a {
    padding: 9px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    display: block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s; }
.dashboard .contacts ul li a .name {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
    color: #212121; }
.dashboard .contacts ul li a .email {
    position: absolute;
    right: 10px;
    top: 30px;
    font-size: 14px;
    color: #757575; }
.dashboard .contacts ul li a:hover {
    cursor: pointer;
    background-color: #e8e8e8; }
.dashboard .contacts ul li:last-child {
    border: 0; }
.dashboard .activity-list {
    list-style-type: none;
    padding: 0;
    margin: 0; }
.dashboard .activity-list li {
    border-bottom: 1px solid #bdbdbd;
    padding: 15px 0 9px 9px; }
.dashboard .activity-list li .count {
    font-size: 24px;
    color: #ffffff;
    background-color: #2f4050;
    font-weight: bold;
    width: 60px;
    padding: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
.dashboard .activity-list li:first-child {
    border-top: 1px solid #bdbdbd; }
.dashboard .activity-list li:last-child {
    border: 0; }
.dashboard .activity-list li .ui-g-6:first-child {
    font-size: 18px;
    padding-left: 0; }
.dashboard .activity-list li .ui-g-6:last-child {
    text-align: right;
    color: #757575; }
.dashboard .timeline {
    height: 100%;
    box-sizing: border-box; }
.dashboard .timeline > .ui-g .ui-g-3 {
    font-size: 14px;
    position: relative;
    border-right: 1px solid #bdbdbd; }
.dashboard .timeline > .ui-g .ui-g-3 i {
    background-color: #ffffff;
    font-size: 36px;
    position: absolute;
    top: 0px;
    right: -18px; }
.dashboard .timeline > .ui-g .ui-g-9 {
    padding-left: 1.5em; }
.dashboard .timeline > .ui-g .ui-g-9 .event-text {
    color: #757575;
    font-size: 14px;
    display: block;
    padding-bottom: 20px; }
.dashboard .timeline > .ui-g .ui-g-9 .event-content img {
    width: 100%; }
.dashboard > div > .ui-panel {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.login-body {
    background: url("/sandbox/javax.faces.resource/images/fondo.png.jsf?ln=ultima-layout") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    z-index: -1; 
}

.login-panel {
    position: absolute;
    width: 400px;
    background-color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .85;
}

.login-panel.card
{
    box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.14), 0 10px 5px -5px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.14), 0 10px 5px -5px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.14), 0 10px 5px -5px rgba(0, 0, 0, 0.12);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: 0 10px 10px 10px rgb(0, 0, 0, .2);
}

.login-panel .imageH{
    max-width: 50%;
    height: auto;
    border-top: 200px;
}

.login-panel .ui-g .ui-g-12 {
    padding: 25px 40px; }
.login-panel .ui-g .ui-g-12 .ui-button {
    margin-bottom: 20px; }

.login-footer {
    position: absolute;
    bottom: 10px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    color: #757575; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .login-body {
        background: url("/sandbox/javax.faces.resource/images/fondo.png.jsf?ln=ultima-layout") top left no-repeat #f7f7f7;
        background-size: 100% auto; } }
@media (max-width: 1024px) {
    .login-panel {
        text-align: center;
        min-height: 440px;
        margin: 100px auto 0 auto; } }
@media (max-width: 640px) {
    .login-panel {
        text-align: center;
        width: 300px;
        min-height: 440px;
        padding: 40px 20px;
        margin: 75px auto 0 auto; }
    .login-panel .ui-g .ui-g-12 {
        padding: 20px 20px; }
    .login-panel .ui-g .ui-g-12 .ui-button {
        margin-top: 30px; } }
.exception-body {
    background-color: #f7f7f7; }
.exception-body .exception-type {
    width: 100%;
    height: 50%;
    padding: 100px 100px 0 100px;
    box-sizing: border-box;
    text-align: center; }
.exception-body .exception-panel {
    text-align: center;
    width: 500px;
    padding: 50px 50px;
    margin: -10% auto 0 auto;
    z-index: 100; }
.exception-body .exception-panel i {
    font-size: 72px; }
.exception-body .exception-panel h1 {
    font-size: 36px;
    line-height: 36px;
    color: #757575; }
.exception-body .exception-panel .exception-detail {
    margin: 20px 0px 100px 0px;
    color: #757575; }
.exception-body.error-page .exception-type {
    background-color: #e62a10; }
.exception-body.error-page .exception-type img {
    width: 100%; }
.exception-body.error-page .exception-panel i {
    color: #f79a84; }
.exception-body.notfound-page .exception-type {
    background-color: #3f51b5; }
.exception-body.notfound-page .exception-type img {
    width: 54%; }
.exception-body.notfound-page .exception-panel i {
    color: #9fa8da; }
.exception-body.accessdenied-page .exception-type {
    background-color: #e91e63; }
.exception-body.accessdenied-page .exception-type img {
    width: 50%; }
.exception-body.accessdenied-page .exception-panel i {
    color: #f48fb1; }

@media (max-width: 1024px) {
    .exception-body .exception-panel {
        margin-top: -50px; } }
@media (max-width: 640px) {
    .exception-body .exception-panel {
        width: 250px;
        margin-top: -15px; } }
.landing-wrapper #header {
    width: 100%;
    min-height: 400px;
    background: url("") top left no-repeat #f7f7f7;
    background-size: 100% auto; }
.landing-wrapper #header .header-top {
    width: 960px;
    margin: 0 auto;
    padding: 30px 0px; }
.landing-wrapper #header .header-top .logo {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 30px;
    background: url("/sandbox/javax.faces.resource/images/logo.png.jsf?ln=ultima-layout") top left no-repeat; }
.landing-wrapper #header .header-top #menu {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0; }
.landing-wrapper #header .header-top #menu li {
    float: left;
    display: block;
    margin-left: 30px; }
.landing-wrapper #header .header-top #menu li a {
    color: #ffffff; }
.landing-wrapper #header .header-top #menu li i {
    display: none; }
.landing-wrapper #header .header-top #menu.lmenu-active {
    display: block; }
.landing-wrapper #header .header-top #menu-button {
    float: right;
    font-size: 36px;
    color: #ffffff;
    display: none; }
.landing-wrapper #header .header-content {
    width: 960px;
    margin: 0 auto;
    text-align: center; }
.landing-wrapper #header .header-content h1 {
    margin: 75px 0px 50px 0px;
    font-weight: 400;
    color: #ffffff;
    line-height: 36px; }
.landing-wrapper #features {
    width: 960px;
    margin: 0 auto;
    padding: 50px 0px;
    text-align: center; }
.landing-wrapper #features h2 {
    font-weight: 400;
    line-height: 28px; }
.landing-wrapper #features h3 {
    font-weight: 400; }
.landing-wrapper #features p {
    color: #757575; }
.landing-wrapper #features .ui-g-12 {
    padding: 2em .5em; }
.landing-wrapper #features .feature-icon {
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #f4f8fc;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    text-align: center;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s; }
.landing-wrapper #features .feature-icon i {
    margin-top: 30px;
    font-size: 36px; }
.landing-wrapper #features .feature-icon:hover {
    background-color: #e91e63; }
.landing-wrapper #features .feature-icon:hover i {
    color: #ffffff; }
.landing-wrapper #promotion {
    background: url("") top left no-repeat;
    background-size: 100% auto; }
.landing-wrapper #promotion .ui-lg-8 {
    padding: 150px 0 0 150px; }
.landing-wrapper #promotion .ui-lg-8 h1 {
    font-weight: 48px;
    color: #ffffff;
    font-weight: 400; }
.landing-wrapper #promotion .ui-lg-4 {
    margin: -50px 0 -50px 0; }
.landing-wrapper #promotion .ui-lg-4 .card {
    -webkit-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
    -moz-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
    box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
    margin-bottom: 20px; }
.landing-wrapper #promotion .ui-lg-4 .card h3 {
    font-weight: 400; }
.landing-wrapper #promotion .ui-lg-4 .card p {
    color: #757575; }
.landing-wrapper #promotion .ui-lg-4 .card:last-child {
    margin-bottom: 0; }
.landing-wrapper #pricing {
    width: 960px;
    margin: 0 auto;
    padding: 50px 0px;
    text-align: center; }
.landing-wrapper #pricing h2 {
    font-weight: 400; }
.landing-wrapper #pricing p {
    color: #757575; }
.landing-wrapper #pricing .pricing-box .card {
    height: 100%;
    padding: 0; }
.landing-wrapper #pricing .pricing-box .pricing-header {
    padding: 40px 0;
    color: #ffffff; }
.landing-wrapper #pricing .pricing-box .pricing-header span {
    display: block;
    line-height: 48px; }
.landing-wrapper #pricing .pricing-box .pricing-header span.name {
    font-weight: 300;
    font-size: 24px; }
.landing-wrapper #pricing .pricing-box .pricing-header span.fee {
    font-size: 48px;
    font-weight: 700; }
.landing-wrapper #pricing .pricing-box .pricing-header span.type {
    font-weight: 300;
    font-size: 16px; }
.landing-wrapper #pricing .pricing-box .pricing-content ul {
    margin: 0;
    padding: 30px 20px;
    list-style-type: none; }
.landing-wrapper #pricing .pricing-box .pricing-content ul li {
    font-size: 18px;
    text-align: left;
    padding: 10px 14px; }
.landing-wrapper #pricing .pricing-box .pricing-content ul li i {
    margin-right: 20px;
    vertical-align: middle; }
.landing-wrapper #pricing .pricing-box .pricing-content ul li span {
    vertical-align: middle; }
.landing-wrapper #pricing .pricing-box.pricing-basic .pricing-header {
    background-color: #3f51b5; }
.landing-wrapper #pricing .pricing-box.pricing-basic i {
    color: #3f51b5; }
.landing-wrapper #pricing .pricing-box.pricing-standard .pricing-header {
    background-color: #e91e63; }
.landing-wrapper #pricing .pricing-box.pricing-standard i {
    color: #e91e63; }
.landing-wrapper #pricing .pricing-box.pricing-professional .pricing-header {
    background-color: #607d8b; }
.landing-wrapper #pricing .pricing-box.pricing-professional i {
    color: #607d8b; }
.landing-wrapper #video {
    background-color: #f7f7f7;
    min-width: 400px; }
.landing-wrapper #video .video-content {
    width: 960px;
    margin: 0 auto;
    padding: 50px 0px;
    text-align: center; }
.landing-wrapper #video .video-content h2 {
    font-weight: 400; }
.landing-wrapper #video .video-content p {
    color: #757575; }
.landing-wrapper .footer {
    background-color: #f7f7f7;
    border-top: 1px solid #dddddd; }
.landing-wrapper .footer .footer-content {
    width: 960px;
    margin: 0 auto;
    padding: 30px 0px 50px 0px; }
.landing-wrapper .footer .footer-content ul {
    float: right;
    list-style-type: none; }
.landing-wrapper .footer .footer-content ul li a {
    color: #757575;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }
.landing-wrapper .footer .footer-content ul li a:hover {
    color: #212121; }

@media (max-width: 1024px) {
    .landing-wrapper #header {
        min-height: 200px;
        background-size: cover; }
    .landing-wrapper #header .header-top {
        z-index: 100;
        position: fixed;
        top: 0;
        background: #0e2031;
        background-size: 100% auto;
        padding: 30px;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
    .landing-wrapper #header .header-top #menu-button {
        display: inline-block; }
    .landing-wrapper #header .header-top #menu {
        z-index: 100;
        position: fixed;
        top: 86px;
        right: 30px;
        float: none;
        display: none;
        margin: 0;
        padding: 0;
        width: 225px;
        list-style: none;
        background-color: #ffffff;
        -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        animation-duration: .5s; }
    .landing-wrapper #header .header-top #menu li {
        float: none;
        margin-left: 0; }
    .landing-wrapper #header .header-top #menu li a {
        font-size: 16px;
        display: block;
        padding: 10px 16px;
        color: #212121;
        width: 100%;
        box-sizing: border-box;
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
        overflow: hidden; }
    .landing-wrapper #header .header-top #menu li a i {
        color: #757575;
        display: inline-block;
        vertical-align: middle;
        margin-right: 12px;
        font-size: 24px; }
    .landing-wrapper #header .header-top #menu li a:hover {
        background-color: #e8e8e8; }
    .landing-wrapper #header .header-top #menu li a span {
        display: inline-block;
        vertical-align: middle; }
    .landing-wrapper #header .header-content {
        width: 100%;
        padding: 100px 30px 60px 30px;
        box-sizing: border-box; }
    .landing-wrapper #header .header-content h1 {
        margin: 75px 0px 50px 0px;
        font-weight: 400; }
    .landing-wrapper #features, .landing-wrapper #promotion, .landing-wrapper #pricing, .landing-wrapper #video, .landing-wrapper .footer .footer-content {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        box-sizing: border-box; }
    .landing-wrapper #promotion .ui-lg-8 {
        padding: 100px 0 30px;
        text-align: center; }
    .landing-wrapper #promotion .ui-lg-8 h1 {
        margin-top: -30px;
        font-weight: 48px;
        color: #ffffff;
        font-weight: 400; }
    .landing-wrapper #video .video-content {
        width: 100%; }
    .landing-wrapper #video .video-content .video-container iframe {
        width: 350px;
        height: 220px; }
    .landing-wrapper .footer .footer-content {
        text-align: center; }
    .landing-wrapper .footer .footer-content ul {
        float: none;
        margin: 0;
        padding: 0; } }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .landing-wrapper .header .header-top .logo {
        background: url("") top left no-repeat;
        background-size: 200px 30px; } }
html {
    height: 100%; }
/*
//se cam,bia el tipo de letra a la paltilla XD
*/
body {
    font-family: "Helvetica Neue",sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #001A72;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0; }
body.main-body {
    background-color: #f7f7f7; }
body a {
    text-decoration: none; }

.layout-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #0e2031;
    opacity: 0.7;
    top: 0;
    left: 0;
    z-index: 999999997; }

.layout-wrapper .topbar {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 75px;
    background-color: #001A72;
}
.layout-wrapper .topbar .logo {
    display: inline-block;
    vertical-align: middle;
    width: 93px;
    height: 100px;
    background: url("/sandbox/javax.faces.resource/images/logo.png.jsf?ln=ultima-layout") no-repeat center center; 
    background-size: cover;

}
.layout-wrapper .topbar .topbar-left {
    box-sizing: border-box;
    padding: 7px 74px;
    height: 75px;
    width: 250px;
    background-color: #dae2e9;
    float: left;
    -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3); }
.layout-wrapper .topbar .topbar-right {
    padding: 10px;
    position: relative; 
}
.layout-wrapper .topbar .topbar-right #menu-button {
    color: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    margin-right: 10px;
    position: relative;
    left: -16px;
    top: 3px;
    background-color: #dae2e9;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); }
.layout-wrapper .topbar .topbar-right #menu-button:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
.layout-wrapper .topbar .topbar-right #menu-button i {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 36px; }
.layout-wrapper .topbar .topbar-right #menu-button i:before {
    content: ""; }
.layout-wrapper .topbar .topbar-right #menu-button.menu-button-rotate i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.layout-wrapper .topbar .topbar-right #topbar-menu-button {
    display: none;
    color: #ffffff;
    vertical-align: middle;
    height: 36px;
    position: absolute;
    top: 20px;
    right: 25px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
.layout-wrapper .topbar .topbar-right #topbar-menu-button i {
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    font-size: 36px; }
.layout-wrapper .topbar .topbar-right .topbar-items .search-item input {
    position: relative;
    top: -10px;
    font-size: 16px;
    background-color: transparent;
    border-width: 0 0 1px 0;
    padding: 2px 2px 1px 2px;
    border-color: #ffffff;
    color: #ffffff; }
.layout-wrapper .topbar .topbar-right .topbar-items .search-item input:focus {
    outline: 0 none;
    border-bottom-width: 2px; }
.layout-wrapper .topbar .topbar-right .topbar-items .search-item input:focus ~ label {
    top: -5px;
    font-size: 12px;
    color: #2f4050; }
.layout-wrapper .topbar .topbar-right .topbar-items .search-item input.ui-state-filled ~ label {
    display: none; }
.layout-wrapper .topbar .topbar-right .topbar-items .search-item label {
    color: #ffffff;
    top: 8px; }
.layout-wrapper .layout-menu {
    overflow: auto;
    position: fixed;
    width: 250px;
    z-index: 99;
    top: 75px;
    height: 100%;
    background-color: #ffffff;
    -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
    /*box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);*/
    box-shadow: -30px 0px 10px 10px #888888;
    -moz-transition: margin-left 0.3s;
    -o-transition: margin-left 0.3s;
    -webkit-transition: margin-left 0.3s;
    transition: margin-left 0.3s; }
.layout-wrapper .layout-menu > .nano > .nano-content.menu-scroll-content {
    display: block;
    height: 100%;
    position: relative;
    overflow: scroll;
    overflow-x: hidden; }
.layout-wrapper .layout-menu > .nano > .nano-content > ul:last-child {
    margin-top: 16px;
    padding-bottom: 120px; }
.layout-wrapper .layout-menu > .nano .nano-pane .nano-slider {
    background-color: #aaaaaa;
    opacity: 0.3;
    filter: alpha(opacity=30); }
.layout-wrapper .layout-menu .profile {
    box-sizing: border-box;
    padding-top: 15px;
    width: 250px;
    height: 125px;
    text-align: center;
    background: url("") top left no-repeat;
    background-size: 250px 145px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); }
.layout-wrapper .layout-menu .profile .profile-image {
    width: 64px;
    height: 64px;
    margin: 0 auto 5px auto;
    background: url("") top left no-repeat;
    background-size: 60px 60px; }
.layout-wrapper .layout-menu .profile .profile-name {
    display: inline-block;
    color: #212121;
    vertical-align: middle;
    font-size: 12px; }
.layout-wrapper .layout-menu .profile i {
    color: #212121;
    vertical-align: middle;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s; }
.layout-wrapper .layout-menu .profile.profile-expanded i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg); }
.layout-wrapper .layout-menu #profile-menu {
    margin-top: 16px;
    border-bottom: 1px solid #d6d5d5;
    display: none; }
.layout-wrapper .layout-menu #profile-menu li:last-child {
    margin-bottom: 16px; }
.layout-wrapper .layout-menu.layout-menu-dark {
    background-color: #FFFFFF; }
.layout-wrapper .layout-menu.layout-menu-dark .profile {
    background-image: url(""); }
.layout-wrapper .layout-menu.layout-menu-dark .profile .profile-name {
    color: #ffffff; }
.layout-wrapper .layout-menu.layout-menu-dark .profile i {
    color: #ffffff; }
.layout-wrapper .layout-menu.layout-menu-dark #profile-menu {
    border-bottom: 1px solid #676767; }
.layout-wrapper .layout-menu.layout-menu-dark ul.ultima-menu li a:hover {
    background-color: #a2aef2; }
.layout-wrapper .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem > a i{
    color: #ffffff;}
.layout-wrapper .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem ul li.active-menuitem > a{
    color: #1f1645;
    background-color: #F7F6F6;
}
.layout-wrapper .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem ul li.active-menuitem > a span{
    border-bottom: 2px solid #ffffff;
}
.layout-wrapper .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem ul li.active-menuitem > a i{
    color: #1f1645;
}
.layout-wrapper.menu-layout-overlay .layout-menu {
    margin-left: -250px; }
.layout-wrapper.menu-layout-overlay .layout-main {
    margin-left: 0px; }
.layout-wrapper.menu-layout-overlay.layout-menu-overlay-active .layout-menu {
    z-index: 999999999;
    margin-left: 0px; }
.layout-wrapper.menu-layout-overlay .topbar {
    z-index: 999999998; }
.layout-wrapper.menu-layout-overlay .topbar .topbar-right #menu-button i {
    font-size: 36px !important;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga'; }
.layout-wrapper.menu-layout-overlay .topbar .topbar-right #menu-button i:before {
    content: ""; }
.layout-wrapper .layout-main {
    padding: 0px 0px 0px 11px;
    -moz-transition: margin-left 0.3s;
    -o-transition: margin-left 0.3s;
    -webkit-transition: margin-left 0.3s;
    transition: margin-left 0.3s; }
.layout-wrapper .ultima-menu {
    margin: 0;
    padding: 0;
    list-style: none; }

.layout-wrapper .ultima-menu li a {
    font-size: 16px;
    display: block;
    padding: 10px 16px;
    color: #1f1645;
    width: 100%;
    box-sizing: border-box;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    overflow: hidden; }
.layout-wrapper .ultima-menu li a i {
    color: #1f1645; }
.layout-wrapper .ultima-menu li a i:first-child {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-size: 24px; }
.layout-wrapper .ultima-menu li a i:last-child {
    float: right;
    font-size: 20px;
    margin-top: 2px;
    margin-right: -3px;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s; }
.layout-wrapper .ultima-menu li a:hover {
    background-color: #e8e8e8; }
.layout-wrapper .ultima-menu li a span {
    display: inline-block;
    vertical-align: middle; }
.layout-wrapper .ultima-menu li.active-menuitem > a {
    color: #ffffff;
    background-color: #154898;
}
.layout-wrapper .ultima-menu li.active-menuitem > a i:last-child {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg); }
.layout-wrapper .ultima-menu li ul {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none; 
    background: #dae1e8;
}
.layout-wrapper .ultima-menu li ul li a {
    padding: 10px 16px 10px 32px;
    font-size: 15px; }
.layout-wrapper .ultima-menu li ul li a i:first-child {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-size: 20px; }
.layout-wrapper .ultima-menu li ul li ul li a {
    padding-left: 48px; }
.layout-wrapper .ultima-menu li ul li ul ul li a {
    padding-left: 64px; }
.layout-wrapper .ultima-menu li ul li ul ul ul li a {
    padding-left: 80px; }
.layout-wrapper .ultima-menu li ul li ul ul ul ul li a {
    padding-left: 96px; }
.layout-wrapper .footer {
    padding: .5em; }
.layout-wrapper .footer .footer-text-left {
    float: left; }
.layout-wrapper .footer .footer-text-right {
    color: #757575;
    float: right; }
.layout-wrapper .footer .footer-text-right span {
    vertical-align: middle;
    display: inline-block; }
.layout-wrapper.layout-rtl .ultima-menu li a {
    direction: rtl; }
.layout-wrapper.layout-rtl .ultima-menu li a i:last-child {
    float: left; }
.layout-wrapper.layout-rtl .ultima-menu li a i:first-child {
    float: right;
    margin-left: 12px;
    margin-right: 0px; }
.layout-wrapper.layout-rtl .ultima-menu li a img:first-child {
    float: right; }
.layout-wrapper.layout-rtl .ultima-menu li a img ~ span {
    float: right;
    padding-top: 8px;
    padding-right: 10px; }
.layout-wrapper.layout-rtl .layout-menu {
    right: 0;
    direction: rtl;
    margin-right: 0px;
    transition: margin-right 0.3s; }
.layout-wrapper.layout-rtl .layout-menu > .nano > .nano-content.menu-scroll-content {
    margin-right: 0px !important;
    margin-left: -17px; }
.layout-wrapper.layout-rtl .layout-menu > .nano > .nano-content .ultima-menu li ul li a {
    padding: 8px 32px 8px 16px; }
.layout-wrapper.layout-rtl .layout-menu > .nano > .nano-content .ultima-menu li ul li ul li a {
    padding-left: 16px;
    padding-right: 48px; }
.layout-wrapper.layout-rtl .layout-menu > .nano > .nano-content .ultima-menu li ul li ul ul li a {
    padding-left: 16px;
    padding-right: 64px; }
.layout-wrapper.layout-rtl .layout-menu > .nano > .nano-pane {
    right: auto;
    left: 0; }
.layout-wrapper.layout-rtl .layout-main {
    transition: margin-right 0.3s; }
.layout-wrapper.layout-rtl.menu-layout-static .layout-main {
    margin-left: 0;
    margin-right: 250px; }
.layout-wrapper.layout-rtl.menu-layout-static.layout-menu-static-inactive .layout-menu {
    margin-left: 0;
    margin-right: -250px; }
.layout-wrapper.layout-rtl.menu-layout-static.layout-menu-static-inactive .layout-main {
    margin-right: 0px; }
.layout-wrapper.layout-rtl.menu-layout-static.layout-menu-static-inactive .topbar .topbar-right #menu-button i {
    transform: rotate(0deg); }
.layout-wrapper.layout-rtl.menu-layout-overlay .layout-menu {
    margin-left: 0px;
    margin-right: -250px; }
.layout-wrapper.layout-rtl.menu-layout-overlay.layout-menu-overlay-active .topbar .topbar-right #menu-button i {
    transform: rotate(0deg); }
.layout-wrapper.layout-rtl.menu-layout-overlay.layout-menu-overlay-active .layout-menu {
    margin-right: 0px; }
.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-main {
    margin-right: 0px; }
.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu > .nano > .nano-content .ultima-menu > li {
    float: right; }

.layout-wrapper.menu-layout-horizontal .layout-menu {
    overflow: visible;
    position: fixed;
    width: 100%;
    top: 75px;
    height: auto;
    background-color: #0277BD;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li {
    float: left;
    position: relative; }

.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu > .nano > .nano-content .ultima-menu > li > ul {
    left: auto; }
.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu > .nano > .nano-content .ultima-menu > li > ul li ul li a {
    padding-left: 16px;
    padding-right: 32px; }
.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu > .nano > .nano-content .ultima-menu > li > ul li ul ul li a {
    padding-left: 16px;
    padding-right: 48px; }
.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu > .nano > .nano-content .ultima-menu li a i:last-child {
    margin-right: 3px; }
.layout-wrapper.layout-rtl .topbar .topbar-left {
    float: right; }
.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items {
    float: left; }
.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items > li > a .topbar-badge {
    right: auto; }
.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items > li > ul {
    right: auto; }
.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items > li > ul li a span {
    float: right; }
.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items .search-item input {
    direction: rtl; }
.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items .search-item label {
    left: auto;
    right: 43px; }
.layout-wrapper.layout-rtl .topbar .topbar-right #menu-button {
    margin-right: 0px;
    left: 13px;
    float: right; }
.layout-wrapper.layout-rtl .topbar .topbar-right #menu-button i {
    transform: rotate(180deg); 
}
.ajax-loader 
{
    font-size: 50px;
    color: #001871; 
}
.layout-wrapper.menu-layout-horizontal .topbar {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }
.layout-wrapper.menu-layout-horizontal .topbar .topbar-left {
    background-color: #2f4050;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }
.layout-wrapper.menu-layout-horizontal .topbar .topbar-right #menu-button {
    display: none; }
.layout-wrapper.menu-layout-horizontal .layout-menu {
    overflow: visible;
    position: fixed;
    width: 100%;
    top: 75px;
    height: auto;
    background-color: #0277BD;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
.layout-wrapper.menu-layout-horizontal .layout-menu > .nano {
    overflow: visible; }
.layout-wrapper.menu-layout-horizontal .layout-menu > .nano .nano-content.menu-scroll-content {
    display: inherit;
    height: auto;
    position: static;
    overflow: visible;
    overflow-x: visible; }
.layout-wrapper.menu-layout-horizontal .layout-menu > .nano .nano-content ul:last-child {
    margin-top: 0px;
    padding-bottom: 0px; }
.layout-wrapper.menu-layout-horizontal .layout-menu > .nano .nano-pane {
    display: none !important; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu:last-child {
    margin-top: 0; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li {
    float: left;
    position: relative; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a {
    color: #ffffff; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a i {
    color: #ffffff; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a:hover {
    background-color: #e8e8e8;
    color: #212121; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a:hover i {
    color: #212121; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul {
    z-index: 100;
    position: absolute;
    top: 45px;
    left: 0px;
    display: none;
    width: 250px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li a {
    padding: 10px 16px; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul {
    position: static; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul li a {
    padding-left: 32px; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul li a {
    padding-left: 48px; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul ul li a {
    padding-left: 64px; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul ul ul li a {
    padding-left: 80px; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul ul ul ul li a {
    padding-left: 96px; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li.active-menuitem > a {
    color: #2f4050;
    background-color: #e8e8e8; }
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li.active-menuitem > a {
    color: #212121;
    background-color: #1ab394;
}
.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li.active-menuitem > a i {
    color: #212121; }
.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark {
    background-color: #0e2031; }
.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a {
    color: #ffffff; }
.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a:hover {
    background-color: #676767; }
.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a:hover i {
    color: #ffffff; }
.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem > a {
    color: #212121;
    background-color: #1ab394; }
.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li ul {
    background-color: #0e2031; }
.layout-wrapper.menu-layout-horizontal .layout-main {
    padding-top: 140px;
    margin-left: 0px; }
.layout-wrapper.menu-layout-horizontal .layout-mask {
    display: none; }
.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu > .nano > .nano-content ul.ultima-menu > li > ul li a {
    padding: 10px 16px; }

@media (min-width: 1025px) {
    .layout-wrapper .topbar-items {
        float: right;
        margin: 0;
        padding: 5px 0 0 0;
        list-style-type: none; }
    .layout-wrapper .topbar-items > li {
        float: right;
        position: relative;
        margin-left: 8px; }
    .layout-wrapper .topbar-items > li > a {
        position: relative;
        display: block; }
    .layout-wrapper .topbar-items > li > a .topbar-item-name {
        display: none; }
    .layout-wrapper .topbar-items > li > a .topbar-badge {
        position: absolute;
        right: -5px;
        top: -5px;
        background-color: #1ab394;
        color: #212121;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding: 2px 4px;
        display: block;
        font-size: 12px;
        line-height: 12px; }
    .layout-wrapper .topbar-items > li .topbar-icon {
        font-size: 36px;
        color: #ffffff;
        -moz-transition: color 0.3s;
        -o-transition: color 0.3s;
        -webkit-transition: color 0.3s;
        transition: color 0.3s; }
    .layout-wrapper .topbar-items > li .topbar-icon:hover {
        color: #e8e8e8; }
    .layout-wrapper .topbar-items > li.profile-item .profile-image {
        width: 36px;
        height: 36px;
        background: url("") top left no-repeat;
        background-size: 36px 36px; }
    .layout-wrapper .topbar-items > li > ul {
        position: absolute;
        top: 55px;
        right: 5px;
        display: none;
        width: 250px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        animation-duration: .5s; }
    .layout-wrapper .topbar-items > li.active-top-menu > ul {
        display: block; }
    .layout-wrapper .topbar-items > li .topbar-message img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 12px; }
    .layout-wrapper.menu-layout-static .layout-menu {
        margin-left: 0; }
    .layout-wrapper.menu-layout-static .layout-main {
        margin-left: 239px; }
    .layout-wrapper.menu-layout-static.layout-menu-static-inactive .layout-menu {
        margin-left: -250px; }
    .layout-wrapper.menu-layout-static.layout-menu-static-inactive .layout-main {
        margin-left: 0px; }
    .layout-wrapper.menu-layout-static .layout-mask {
        display: none; }
}



@media (max-width: 1115px) 
{
    .layout-wrapper .topbar .topbar-right .topbar-items {
        position: absolute;
        top: 75px;
        right: 15px;
        width: 275px;
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        animation-duration: .5s;
        display: none;
        background-color: #ffffff;
        -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        list-style-type: none;
        margin: 0;
        padding: 0; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li > a {
        width: 100%;
        display: block;
        box-sizing: border-box;
        font-size: 16px;
        padding: 16px 16px;
        color: #212121;
        position: relative; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li > a i {
        display: inline-block;
        vertical-align: middle;
        margin-right: 12px;
        font-size: 24px; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li > a:hover {
        background-color: #e8e8e8; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li > a .topbar-item-name {
        display: inline-block;
        vertical-align: middle; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li > a .topbar-badge {
        position: absolute;
        left: 30px;
        top: 10px;
        background-color: #1ab394;
        color: #212121;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding: 2px 4px;
        display: block;
        font-size: 12px;
        line-height: 12px; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li > ul {
        display: none; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li > ul li a span, .layout-wrapper .topbar .topbar-right .topbar-items > li > ul li a img, .layout-wrapper .topbar .topbar-right .topbar-items > li > ul li a i {
        display: inline-block;
        vertical-align: middle; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li.active-top-menu > a {
        color: #2f4050; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li.active-top-menu > ul {
        display: block; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li.active-top-menu > ul li a {
        padding-left: 32px; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li.search-item {
        text-align: center;
        width: 100%;
        display: block;
        box-sizing: border-box;
        font-size: 16px;
        padding: 16px 16px;
        position: relative; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li.search-item input {
        top: 0;
        width: 100%;
        box-sizing: border-box;
        padding-right: 16px;
        border-color: #bdbdbd;
        color: #212121; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li.search-item input:focus {
        margin-bottom: -1px;
        border-color: #bdbdbd; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li.search-item input:focus ~ label,
    .layout-wrapper .topbar .topbar-right .topbar-items > li.search-item input.ui-state-filled ~ label {
        top: -20px;
        color: #2f4050; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li.search-item label {
        top: 1px;
        color: #212121; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li.search-item i {
        position: absolute;
        right: 5px;
        top: -2px; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li.profile-item .profile-image {
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        background: url("") top left no-repeat;
        background-size: 24px 24px;
        margin-right: 14px; }
    .layout-wrapper .topbar .topbar-right .topbar-items > li.profile-item span {
        vertical-align: middle;
        display: inline-block; }
    .layout-wrapper .topbar .topbar-right .topbar-items.topbar-items-visible {
        display: block; }
}
@media (max-width: 1024px) {
    .layout-wrapper.menu-layout-static .topbar .topbar-right #menu-button i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
    .layout-wrapper.menu-layout-static .topbar .topbar-right #menu-button.menu-button-rotate i {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
    .layout-wrapper.menu-layout-static .layout-menu {
        margin-left: -265px; }
    .layout-wrapper.menu-layout-static .layout-main {
        margin-left: 0px; }
    .layout-wrapper.menu-layout-static.layout-menu-static-active .layout-menu {
        margin-left: 0;
        z-index: 999999999; }
    .layout-wrapper.menu-layout-static.layout-menu-static-active .topbar {
        z-index: 999999998; }
    .layout-wrapper.menu-layout-static.layout-menu-static-active .layout-main {
        margin-left: 0; }
    .layout-wrapper .topbar .topbar-right #topbar-menu-button {
        display: block; }

    .layout-wrapper.layout-rtl.menu-layout-static .layout-menu {
        margin-left: 0px;
        margin-right: -265px; }
    .layout-wrapper.layout-rtl.menu-layout-static .layout-main {
        margin-right: 0px; }
    .layout-wrapper.layout-rtl.menu-layout-static .topbar .topbar-right #menu-button i {
        transform: rotate(0deg); }
    .layout-wrapper.layout-rtl.menu-layout-static.layout-menu-static-active .layout-menu {
        margin-right: 0px; }
    .layout-wrapper.layout-rtl.menu-layout-static.layout-menu-static-active .topbar .topbar-right #menu-button i {
        transform: rotate(180deg); }
    .layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu > .nano > .nano-content .ultima-menu > li {
        float: none; }
    .layout-wrapper.layout-rtl .topbar .topbar-right #topbar-menu-button {
        right: auto; }
    .layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items {
        right: auto; }
    .layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items.topbar-items-visible {
        direction: rtl; }
    .layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items > li.search-item input {
        padding-right: 30px; }
    .layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items > li > a .topbar-badge {
        left: auto;
        right: 28px; }
    .layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items > li > a i {
        margin-left: 10px;
        margin-right: 0px; }
    .layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items > li > a span {
        float: none; }
    .layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items > li.active-top-menu > ul li a {
        padding-right: 32px;
        padding-left: 16px; }
    .layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items > li.active-top-menu > ul li a i {
        margin-left: 12px;
        margin-right: 0px; }
    .layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items > li.active-top-menu > ul li a i:first-child {
        padding-left: 0px; }
    .layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items > li.profile-item .profile-image {
        margin-left: 8px;
        margin-right: -2px; } }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout-wrapper .topbar .logo {
        background: url("") top left no-repeat;
        background-size: 200px 30px; } }
@media (max-width: 399px) {
    .layout-wrapper .topbar .topbar-right #topbar-menu-button {
        right: 10px; }
    .layout-wrapper.layout-rtl .topbar .topbar-right #topbar-menu-button {
        left: 10px; } }
body.layout-compact {
    font-size: 14px;
    line-height: 18px;
    /* Messages */ }
body.layout-compact .layout-wrapper.menu-layout-horizontal .ultima-menu li a 
{
    padding: 8px 8px !important;
}
body.layout-compact .layout-wrapper .ultima-menu li a {
    font-size: 14px;
    padding: 8px 16px; }
body.layout-compact .layout-wrapper .ultima-menu li a i:first-child {
    font-size: 20px; }
body.layout-compact .layout-wrapper .ultima-menu li a i:last-child {
    font-size: 18px; }
body.layout-compact .layout-wrapper .ultima-menu li ul li a {
    padding: 4px 8px 4px 28px;
    font-size: 14px;
    color: #1f1645;}
body.layout-compact .layout-wrapper .ultima-menu li ul li a:hover {
    color: #ffffff;}
body.layout-compact .layout-wrapper .ultima-menu li ul li a i{
    color: #1f1645;
    font-size: 16px !important; }
body.layout-compact .layout-wrapper .ultima-menu li ul li ul li a {
    padding-left: 48px; }
body.layout-compact .layout-wrapper .ultima-menu li ul li ul ul li a {
    padding-left: 64px; }
body.layout-compact .layout-wrapper .ultima-menu li ul li ul ul ul li a {
    padding-left: 80px; }
body.layout-compact .layout-wrapper .ultima-menu li ul li ul ul ul ul li a {
    padding-left: 96px; }
body.layout-compact .layout-wrapper .layout-menu #profile-menu {
    margin-top: 0;
    padding-top: 7%;
}
body.layout-compact .layout-wrapper .layout-menu #profile-menu li:last-child {
    margin-bottom: 14px; }
body.layout-compact .layout-wrapper .layout-menu > .nano > .nano-content > ul:last-child {
    margin-top: 14px; }
body.layout-compact .ui-widget-content {
    font-size: 14px; }
body.layout-compact .ui-widget-header {
    font-size: 18px;
    font-weight: bold; }
body.layout-compact .ui-icon {
    font-size: 20px; }
body.layout-compact .card {
    padding: 16px;
    margin-bottom: 16px;
    box-sizing: border-box; }
body.layout-compact .card.card-w-title {
    padding-bottom: 26px; }
body.layout-compact .card h1 {
    font-size: 22px;
    margin: 22px 0; }
body.layout-compact .card h1:first-child {
    margin-top: 10px; }
body.layout-compact .card h2 {
    font-size: 20px; }
body.layout-compact .card h3 {
    font-size: 18px; }
body.layout-compact .card h4 {
    font-size: 16px; }
body.layout-compact .ui-panel .ui-panel-titlebar {
    padding: 8px 14px; }
body.layout-compact .ui-panel .ui-panel-titlebar .ui-panel-title {
    line-height: 18px; }
body.layout-compact .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    position: relative;
    top: 4px;
    width: 24px;
    height: 24px;
    margin: 0; }
body.layout-compact .ui-panel .ui-panel-content {
    padding: 8px 5px; }
body.layout-compact .ui-panel .ui-panel-footer {
    padding: 8px 14px; }
body.layout-compact .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar {
    padding-left: 40px; }
body.layout-compact .ui-button {
    font-size: 14px;
    height: 30px;
    padding: 0 14px; }
body.layout-compact .ui-button .ui-button-text {
    line-height: normal; }
body.layout-compact .ui-button.ui-button-icon-only {
    width: 32px;
    height: 32px; }
body.layout-compact .ui-button.ui-button-icon-only .ui-icon {
    width: 20px;
    height: 20px;
    font-size: 20px;
    margin-top: -10px;
    margin-left: -10px; }
body.layout-compact .ui-button.ui-button-text-icon-left .ui-icon, body.layout-compact .ui-button.ui-button-text-icon-right .ui-icon {
    width: 20px;
    height: 20px;
    font-size: 20px;
    margin-top: -10px; }
body.layout-compact .ui-button.ui-button-text-icon-left {
    padding-left: 36px; }
body.layout-compact .ui-button.ui-button-text-icon-right {
    padding-right: 36px; }
body.layout-compact .ui-splitbutton .ui-splitbutton-menubutton {
    height: 30px; }
body.layout-compact .ui-inputfield {
    font-size: 100%; }
body.layout-compact .md-inputfield .ui-message.ui-message-error {
    font-size: 11px; }
body.layout-compact .md-inputfield .ui-message.ui-message-error .ui-message-error-icon {
    font-size: 13px; }
body.layout-compact .ui-chkbox {
    line-height: 18px;
    width: 18px;
    height: 18px;
    margin-right: 4px; }
body.layout-compact .ui-chkbox .ui-chkbox-box {
    width: 14px;
    height: 14px; }
body.layout-compact .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    font-size: 18px;
    margin-left: -2px;
    margin-top: -2px; }
body.layout-compact .ui-radiobutton .ui-radiobutton-box {
    width: 14px;
    height: 14px; }
body.layout-compact .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    top: 0;
    left: -1px;
    width: 18px;
    height: 18px; }
body.layout-compact .ui-picklist .ui-picklist-caption {
    font-size: 14px;
    padding: 6px 10px; }
body.layout-compact .ui-picklist li.ui-picklist-item {
    font-size: 14px;
    padding: 6px 10px; }
body.layout-compact .ui-picklist .ui-picklist-buttons {
    width: 60px; }
body.layout-compact .ui-picklist .ui-picklist-buttons .ui-button.ui-button-icon-only {
    width: 32px;
    margin-bottom: 4px; }
body.layout-compact .ui-picklist .ui-picklist-filter-container {
    padding: 6px 10px; }
body.layout-compact .ui-picklist .ui-picklist-filter-container .ui-icon {
    top: 8px; }
body.layout-compact .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button.ui-button-icon-only {
    margin-bottom: 4px; }
body.layout-compact .ui-orderlist .ui-orderlist-caption {
    font-size: 14px;
    padding: 6px 10px; }
body.layout-compact .ui-orderlist .ui-orderlist-list li.ui-orderlist-item {
    font-size: 14px;
    padding: 6px 10px; }
body.layout-compact .ui-orderlist .ui-orderlist-controls {
    width: 40px; }
body.layout-compact .ui-orderlist .ui-orderlist-controls .ui-button.ui-button-icon-only {
    width: 32px; }
body.layout-compact .ui-selectonelistbox .ui-selectlistbox-item {
    font-size: 14px;
    padding: 6px 10px; }
.custom-selectmanymenu .ui-selectlistbox-listcontainer {
    height: 300px !important;
}
body.layout-compact .ui-selectonelistbox .ui-selectlistbox-filter-container {
    padding: 6px 10px; }
body.layout-compact .ui-multiselectlistbox .ui-multiselectlistbox-header {
    font-size: 14px;
    padding: 6px 10px; }
body.layout-compact .ui-multiselectlistbox li.ui-multiselectlistbox-item {
    font-size: 14px;
    padding: 6px 10px; }
body.layout-compact .ui-paginator {
    padding: 6px 10px; }
body.layout-compact .ui-paginator .ui-paginator-next {
    padding: 0 6px;
    vertical-align: middle;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 20px; }
body.layout-compact .ui-paginator .ui-paginator-next:before {
    content: ""; }
body.layout-compact .ui-paginator .ui-paginator-next:before {
    position: relative;
    left: -6px; }
body.layout-compact .ui-paginator .ui-paginator-last {
    padding: 0 6px;
    vertical-align: middle;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 20px; }
body.layout-compact .ui-paginator .ui-paginator-last:before {
    content: ""; }
body.layout-compact .ui-paginator .ui-paginator-last:before {
    position: relative;
    left: -6px; }
body.layout-compact .ui-paginator .ui-paginator-prev {
    padding: 0 6px;
    vertical-align: middle;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 20px; }
body.layout-compact .ui-paginator .ui-paginator-prev:before {
    content: ""; }
body.layout-compact .ui-paginator .ui-paginator-prev:before {
    position: relative;
    left: -5px; }
body.layout-compact .ui-paginator .ui-paginator-first {
    padding: 0 6px;
    vertical-align: middle;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 20px; }
body.layout-compact .ui-paginator .ui-paginator-first:before {
    content: ""; }
body.layout-compact .ui-paginator .ui-paginator-first:before {
    position: relative;
    left: -5px; }
body.layout-compact .ui-paginator .ui-paginator-pages {
    vertical-align: middle;
    margin: 0 4px 0 10px; }
body.layout-compact .ui-paginator .ui-paginator-pages a {
    padding: 1px 6px;
    margin-right: 2px; }
body.layout-compact .ui-paginator .ui-paginator-pages a:last-child {
    margin-right: 0; }
body.layout-compact .ui-datagrid .ui-datagrid-header {
    padding: 8px 14px; }
body.layout-compact .ui-datalist .ui-datalist-header {
    padding: 8px 14px; }
body.layout-compact .ui-datatable .ui-datatable-header,
body.layout-compact .ui-datatable .ui-datatable-footer {
    padding: 8px 14px; }
body.layout-compact .ui-datatable .ui-paginator {
    padding: 8px 14px;
    font-size: 12px;
    font-weight: normal;
}
body.layout-compact .ui-datatable thead th {
    padding: 6px 4px; }
body.layout-compact .ui-datatable thead th .ui-sortable-column-icon {
    margin: -4px 0 0 0; }
body.layout-compact .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
    margin-left: 4px; }
body.layout-compact .ui-datatable tfoot td {
    padding: 6px 10px; }
body.layout-compact .ui-datatable tbody tr.ui-widget-content td {
    padding: 6px 10px; }
body.layout-compact .ui-datatable > .ui-icon-arrowthick-1-s {
    font-size: 18px; }
body.layout-compact .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-theadclone th {
    padding-top: 0;
    padding-bottom: 0; }
body.layout-compact .ui-draggable-dragging.ui-state-default {
    padding: 8px 14px !important; }
body.layout-compact .ui-carousel .ui-carousel-header {
    padding: 5px 14px;
    font-size: 14px; }
body.layout-compact .ui-carousel .ui-carousel-footer {
    padding: 8px 14px;
    font-size: 14px; }
body.layout-compact .ui-dialog .ui-dialog-titlebar {
    padding: 8px 14px;
    font-size: 16px; 
    background: #001871;
}
body.layout-compact .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    margin-top: 2px; }
body.layout-compact .ui-dialog .ui-dialog-content {
    padding: 8px 14px; }
body.layout-compact .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-item {
    font-size: 14px;
    padding: 6px 10px; }
body.layout-compact .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-group {
    padding: 6px 10px; }
body.layout-compact .ui-autocomplete .ui-autocomplete-dropdown {
    top: 4px; }
body.layout-compact .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-button-icon-only {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    height: 20px;
    width: 20px; }
body.layout-compact .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-input-token > input {
    font-size: 14px; }
body.layout-compact .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-token .ui-autocomplete-token-icon {
    margin-top: -10px; }
body.layout-compact .ui-selectonemenu .ui-selectonemenu-trigger {
    height: 20px;
    width: 20px;
    top: 4px; }
body.layout-compact .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    height: 20px;
    width: 20px;
    margin-top: 0px; }
body.layout-compact .ui-selectonemenu .ui-selectonemenu-label {
    font-size: 14px; }
body.layout-compact .ui-selectonemenu-panel .ui-selectonemenu-item {
    font-size: 14px;
    padding: 6px 10px; }
body.layout-compact .ui-selectonemenu-panel .ui-selectonemenu-item-group {
    padding: 8px; }
body.layout-compact .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    padding-bottom: 1px; 
    padding-right: 20px;

}
body.layout-compact .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    height: 20px;
    width: 20px;
    font-size: 20px; }
body.layout-compact .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    height: 20px;
    width: 20px; 
    top: 15% }
body.layout-compact .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
    padding: 6px 10px; }
body.layout-compact .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item {
    font-size: 14px;
    padding: 6px 10px; }
body.layout-compact #keypad-div .keypad-key {
    font-size: 14px;
    padding: 4px; }
body.layout-compact .ui-selectmanymenu .ui-selectlistbox-item {
    font-size: 14px;
    padding: 6px 10px; }
body.layout-compact .ui-selectmanymenu .ui-selectlistbox-filter-container {
    padding: 6px 10px; }
body.layout-compact .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon {
    top: 4px;
    right: 10px; }
body.layout-compact .ui-spinner .ui-spinner-button {
    width: 18px;
    height: 12px;
    padding: 0; }
body.layout-compact .ui-spinner .ui-spinner-up .ui-icon {
    top: 6px; }
body.layout-compact .ui-spinner .ui-spinner-down .ui-icon {
    top: 4px; }
body.layout-compact .ui-fluid .ui-spinner .ui-spinner-button {
    width: 25px;
    height: 12px; }
body.layout-compact .ui-fluid .ui-spinner .ui-spinner-input {
    padding-right: 30px; }
body.layout-compact .ui-calendar .ui-datepicker-trigger {
    top: 2px;
    right: 25px;
    height: 20px;
    height: 20px; }
body.layout-compact .ui-datepicker .ui-datepicker-header {
    padding: 6px 10px;
    font-size: 14px; }
body.layout-compact .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    top: 8px;
    font-size: 20px; }
body.layout-compact .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    top: 8px;
    font-size: 20px; }
body.layout-compact .ui-datepicker tbody td a {
    margin: 0;
    height: 24px;
    width: 24px;
    line-height: 24px; }
body.layout-compact .ui-datepicker .ui-timepicker-div dl {
    margin: -16px 0 40px 0; }
body.layout-compact .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_hour_label {
    margin-top: 6px; }
body.layout-compact .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_minute_label {
    margin-top: 6px; }
body.layout-compact .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_second_label {
    margin-top: 6px; }
body.layout-compact .ui-datepicker .ui-timepicker-div dl dd {
    margin-top: 42px; }
body.layout-compact .ui-fluid .ui-calendar .ui-datepicker-trigger.ui-button {
    top: -6px; }
body.layout-compact .ui-messages > div {
    padding: 8px 14px; }
body.layout-compact .ui-messages > div > span {
    font-size: 24px; }
body.layout-compact .ui-message {
    min-height: 20px; }
body.layout-compact .ui-message > span {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }
body.layout-compact .ui-message > span.ui-message-info-icon, body.layout-compact .ui-message > span.ui-message-error-icon, body.layout-compact .ui-message > span.ui-message-warn-icon, body.layout-compact .ui-message > span.ui-message-fatal-icon {
    margin-right: 4px;
    margin-top: 1px; }
body.layout-compact .ui-accordion .ui-accordion-header {
    padding: 8px 14px;
    padding-left: 36px;
    font-size: 14px; }
body.layout-compact .ui-accordion .ui-accordion-header .ui-icon-triangle-1-e {
    margin-top: -10px; }
body.layout-compact .ui-accordion .ui-accordion-header .ui-icon-triangle-1-s {
    margin-top: -10px; }
body.layout-compact .ui-accordion .ui-accordion-content a {
    padding: 5px 5px 5px 20px;
    line-height: 20px;
    color: #212121 !important;
    display: block !important;
    font-size: 13px !important;
}
body.layout-compact .ui-accordion .ui-accordion-content a:hover {
    background: #E8E8E8;
}
.ui-accordion-content
{
    background: #F7F6F6 !important;
}
body.layout-compact .ui-toolbar {
    padding: 8px 14px; }
body.layout-compact .ui-tabs .ui-tabs-nav > li > a {
    padding: 8px 14px; }
body.layout-compact .ui-tabs .ui-tabs-nav > li > .ui-icon-close {
    margin: 7px 0 0 0; }
body.layout-compact .ui-tabs .ui-tabs-panel {
    padding: 8px 14px; }
body.layout-compact .ui-fieldset {
    padding: 8px 14px;
    border: 3px solid #2f4050 !important;
    margin-bottom: 20px;
}
body.layout-compact .ui-fieldset .ui-fieldset-legend {
    padding: 8px 14px;
    padding-left: 2px;
    padding-right: 8px; 
    font-weight: bold;
}
body.layout-compact .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    padding: 8px;
    margin-top: -10px;
    margin-right: 8px; }
body.layout-compact .ui-wizard .ui-wizard-step-titles > li {
    padding: 8px 14px;
    font-size: 14px; }
body.layout-compact .ui-breadcrumb {
    padding: 6px 10px; }
body.layout-compact .ui-breadcrumb a {
    font-size: 14px; }
body.layout-compact .ui-breadcrumb li:first-child a {
    font-size: 20px;
    top: 1px; }
body.layout-compact .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 4px 8px; }
body.layout-compact .ui-menu .ui-menu-list li.ui-widget-header h3 {
    font-size: 14px;
    padding: 6px 10px; }
body.layout-compact .ui-menu .ui-menu-list li.ui-widget-header h3 .ui-icon {
    font-size: 20px; }
body.layout-compact .ui-menu .ui-menu-list li.ui-widget-header h3 .ui-icon.ui-icon-triangle-1-s, body.layout-compact .ui-menu .ui-menu-list li.ui-widget-header h3 .ui-icon.ui-icon-triangle-1-e {
    margin: -12px 0 0 0px; }
body.layout-compact .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link {
    font-size: 14px;
    padding: 6px 10px;
    min-height: 30px;
    line-height: 18px; }
body.layout-compact .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
    margin-right: 8px; }
body.layout-compact .ui-menu .ui-menu-list .ui-separator {
    height: 1px;
    background-color: #bdbdbd;
    width: 100%;
    box-sizing: border-box; }
body.layout-compact .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header {
    padding-left: 30px; }
body.layout-compact .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header .ui-icon {
    color: #ffffff; }
body.layout-compact .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header .ui-icon.ui-icon-triangle-1-s {
    margin-top: -10px; }
body.layout-compact .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header .ui-icon.ui-icon-triangle-1-e {
    margin-top: -10px; }
body.layout-compact .ui-menu.ui-tieredmenu .ui-icon-triangle-1-e {
    top: 6px; }
body.layout-compact .ui-menu.ui-menubar .ui-menubar-options {
    padding: 6px 10px; }
body.layout-compact .ui-menu.ui-slidemenu .ui-menu-parent .ui-menu-child {
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }
body.layout-compact .ui-menu.ui-slidemenu .ui-slidemenu-backward {
    width: 100%;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
body.layout-compact .ui-panelmenu .ui-panelmenu-header a {
    padding: 6px 10px 6px 36px;
    font-size: 14px; }
body.layout-compact .ui-panelmenu .ui-panelmenu-header .ui-icon {
    color: #ffffff;
    margin-top: -10px; }
body.layout-compact .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link {
    padding: 6px 10px;
    min-height: 30px;
    line-height: 18px; }
body.layout-compact .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-icon {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px; }
body.layout-compact .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem > a {
    padding: 8px 14px; }
body.layout-compact .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem > a .ui-menuitem-icon {
    margin-right: 8px; }
body.layout-compact .ui-tree {
    padding: 8px 14px/2; }
body.layout-compact .ui-tree .ui-treenode-children {
    padding-left: 24px; }
body.layout-compact .ui-tree .ui-treenode-content .ui-chkbox {
    margin: 0 4px 0 1px; }
body.layout-compact .ui-tree .ui-treenode-content .ui-tree-toggler {
    vertical-align: middle;
    margin: 0 1px 0 2px; }
body.layout-compact .ui-tree .ui-treenode-content .ui-treenode-icon {
    vertical-align: middle;
    margin: 0 2px 0 1px; }
body.layout-compact .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler {
    margin-right: 0;
    vertical-align: bottom; }
body.layout-compact .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon {
    vertical-align: top;
    margin-right: 4px; }
body.layout-compact .ui-treetable .ui-treetable-header {
    padding: 6px 10px;
    font-size: 18px;
    font-weight: bold;
}
body.layout-compact .ui-treetable thead th {
    padding: 6px 10px; }
body.layout-compact .ui-treetable thead th .ui-sortable-column-icon {
    margin: -4px 0 0 0; }
body.layout-compact .ui-treetable tfoot td {
    padding: 6px 10px; }
body.layout-compact .ui-treetable tbody tr td {
    padding: 6px 10px; }
body.layout-compact .ui-treetable tbody tr td .ui-treetable-toggler {
    margin: 0 4px; }
body.layout-compact .ui-treetable tbody tr td .ui-chkbox {
    margin-right: 8px; }
body.layout-compact .ui-lightbox .ui-lightbox-caption {
    padding: 8px 14px; }
body.layout-compact .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
    line-height: 18px;
    width: 20px;
    height: 20px; }
body.layout-compact .ui-rating .ui-rating-cancel a {
    font-size: 20px; }
body.layout-compact .ui-rating .ui-rating-star a {
    font-size: 20px; }
body.layout-compact .ui-fileupload .ui-fileupload-buttonbar {
    padding: 0px 0px; }
body.layout-compact .ui-log .ui-log-header {
    padding: 8px 14px; }
body.layout-compact .ui-tagcloud li {
    margin: 6px 0px; }
body.layout-compact .ui-slider.ui-slider-horizontal .ui-slider-handle {
    top: -.65em; }

@media (min-width: 1025px) {
    body.layout-compact .layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul {
        top: 36px; }
    body.layout-compact .layout-wrapper.menu-layout-horizontal .layout-menu > .nano > .nano-content > ul:last-child {
        margin-top: 0; } }
@media (max-width: 640px) {
    body.layout-compact .ui-orderlist.ui-grid-responsive .ui-orderlist-controls {
        width: auto; } }
@media (max-width: 1024px) {
    body.layout-compact .layout-wrapper .topbar .topbar-right .topbar-items > li > a {
        font-size: 14px;
        padding: 14px 16px; }
    body.layout-compact .layout-wrapper .topbar .topbar-right .topbar-items > li > a i {
        font-size: 20px; } }


/* ESTILOS */

.font22
{
    font-size: 16px;
}

.font12
{
    font-size: 12px;
}

.font10
{
    font-size: 10px;
}

.icono_per {
    background: url("") no-repeat;
    background-size: 16px 16px;
}

.reloj {
    background-color: #dae1e8;
    color: #001871;
}

.profile_fondo {
    background: url(http://desarrollofrontend.com/wp-content/uploads/2014/09/flatdiseno1.png) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100% ;
    text-align: center;
}

.profile_barra2 {
    box-sizing: border-box;
    padding-top: 13px;
    margin-bottom: 0px;
    width: 1052px;
    height: 13px;
    text-align: center;
    background: url("/sandbox/javax.faces.resource/images/Index-fondo.png.jsf?ln=ultima-layout") top left no-repeat;
    background-size: 100% 100%;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); }

.profile_icono {
    text-align: center;
}

.profile_barra {
    box-sizing: border-box;
    width: 252px;
    height: 13px;
    text-align: center;
    background: #009FDA !important;

}

.expediente-footer
{
    color: #FFFFFF;
    height: 25px;
    padding-top: 8px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 6px;  
    text-align: center;
    position: relative;
    clear: both;
    background: 001871 !important;
    border: 1px solid 001871 !important;
}

.info-paciente
{
    padding-top: 28px;
    color: white;
}

.titulo
{
    font-weight: bolder;
    margin: 10px 5px 0px 35px;
}

.diag.ui-selectonemenu 
{
    min-width: 0px !important;
    width: 400px !important;
}

.aler.ui-selectonemenu 
{
    min-width: 0px !important;
    width: 185px !important;
}

.nombre-paciente
{
    float: left;
    margin-top: 10px;
    color: white;
}

.jqplot-xaxis-label, .jqplot-yaxis-label, .jqplot-y2axis-label, .jqplot-x2axis-label {
    color: #757575; 
}

.jqplot-xaxis-tick {
    top: 7px !important;
}

table.jqplot-table-legend {
    background-color: #ffffff;
    color: #757575;
    border-color: #bdbdbd;
}


.ui-panelgrid .ui-panelgrid-cell
{
    border-width: 0px !important;
}

body .ui-widget-content
{
    border-width: 0px !important;
}

.ui-outputlabel .ui-outputlabel-rfi{
    color: #FF0000;
}

.layout-wrapper .ultima-menu li a i
{
    font-size: 15px !important;
}

.layout-wrapper .ultima-menu li.blue a i
{
    color: #03A9F4
}

.layout-wrapper .ultima-menu li.lime a i
{
    color: #1ab394;
}

.layout-wrapper .ultima-menu li.blue-grey a i, .layout-wrapper .ultima-menu li.blue-grey.animated a.ripplelink span  {
    color: #607D8B; 
}
.layout-wrapper .ultima-menu li.cyan a i, .layout-wrapper .ultima-menu li.cyan.animated a.ripplelink span  {
    color: #00BCD4; 
}
.layout-wrapper .ultima-menu li.teal a i, .layout-wrapper .ultima-menu li.teal.animated a.ripplelink span  {
    color: #009688; 
}
.layout-wrapper .ultima-menu li.red a i, .layout-wrapper .ultima-menu li.red.animated a.ripplelink span  {
    color: #F44336; 
}
.layout-wrapper .ultima-menu li.green a i, .layout-wrapper .ultima-menu li.green.animated a.ripplelink span  {
    color: #4CAF50; 
}
.layout-wrapper .ultima-menu li.deep-orange a i, .layout-wrapper .ultima-menu li.deep-orange.animated a.ripplelink span  {
    color: #FF5722; 
}
.layout-wrapper .ultima-menu li.purple a i, .layout-wrapper .ultima-menu li.purple.animated a.ripplelink span  {
    color: #673AB7; 
}
.layout-wrapper .ultima-menu li.pink a i, .layout-wrapper .ultima-menu li.pink.animated a.ripplelink span {
    color: #E91E63; 
    font-weight: bold;
}
.layout-wrapper .ultima-menu li.amber a i, .layout-wrapper .ultima-menu li.amber.animated a.ripplelink span  {
    color: #FFC107;
}
.layout-wrapper .ultima-menu li.orange a i, .layout-wrapper .ultima-menu li.orange.animated a.ripplelink span  {
    color: #FF9800; 
}
.layout-wrapper .ultima-menu li.brown a i, .layout-wrapper .ultima-menu li.brown.animated a.ripplelink span  {
    color: #795548; 
}





thead 
{
    display: table-header-group;
}

.msg-300
{
    width: 300px !important
}

.campoNumerico
{
    background: #E5F1F5 !important; 
    color:      #040F55 !important;

}

.campoCalculado
{
    background: #7DED99 !important;
    color:      #040F55 !important;
}

.campoAlfabetico
{
    background: #FAFFBD !important;
}

.signosVitalesUsuFecInfo
{
    font-weight: bold;
}

.monitorRiesgos
{
    float: left;
}

.monitorRiesgos.graficasPeque
{
    width: 37%;
}

.monitorRiesgos.graficas
{
    width: 100%;
}

.campo-calculado
{
    background: #98B2FF;
}

@media print
{
    .ui-widget
    {
        font-size:10px !important;
    }

    .ui-widget .ui-widget
    {
        font-size:10px !important;
    }

    .imprimirPDF .ui-datatable tbody td, .imprimirPDF .ui-datatable .ui-datatable-header, .imprimirPDF .ui-datatable thead th, .imprimirPDF .ui-datatable tfoot td
    {
        width: 100% !important;
        font-size:10px !important;
        color: #000000 !important;
    }

    .colorbox, .botonImprimir, .ui-breadcrumb, .topbar, .menu-layout-horizontal
    {
        display: none !important;
    }

    .layout-main
    {
        padding-top: 20px !important;
    }

}

.enable-scroll .ui-dialog-content {
    overflow: scroll !important;
}

.PaxexpModel
{
    display: none;
}

.tableSinBorde table tr, .tableSinBorde table td, .tableSinBorde table tbody tr, .tableSinBorde tr, .tableSinBorde td 
{
    border:none !important;
}

.tableConBorde table tr, .tableConBorde table td
{
    border: 1px solid #E5E5E5 !important;
}

.borde-logo
{
    border-right: 4px solid #000000;
    border-bottom: 4px solid #000000;
}

.borde-datos
{
    border-bottom: 4px solid #000000;
}

.borde-datos2
{
    border-bottom: 4px solid #000000;
}

.centrado
{
    text-align: center;
}

.flotando-izq
{
    float: left;
    margin-right: 15px;
}

.flotando-der
{
    float: right;
    margin-left: 15px;
}

.encabezado30px .ui-datatable-header
{
    height: 30px !important;
}

.flotando-izq-grafica
{
    float: left;
    margin-right: 15px;
    width: 25%;
}

.flotando-der-grafica
{
    float: right;
    margin-left: 15px;
    width: 70%;
}

.titulo-nota
{
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
}

.td_aviso tr, .td_aviso td
{
    background-color: #F78181 !important;
    border-top:1px solid #FFFFFF !important;
    border-bottom:1px solid #FFFFFF !important;
    border-right:1px solid #FFFFFF !important;
    border-left:1px solid #FFFFFF !important;
}

.td_perfil tr, .td_perfil td
{
    background-color: #50E557 !important;
    border-top:1px solid #FFFFFF !important;
    border-bottom:1px solid #FFFFFF !important;
    border-right:1px solid #FFFFFF !important;
    border-left:1px solid #FFFFFF !important;
}

.td_parte_perfil tr, .td_parte_perfil td
{
    background-color: #FFE382 !important;
    border-top:1px solid #FFFFFF !important;
    border-bottom:1px solid #FFFFFF !important;
    border-right:1px solid #FFFFFF !important;
    border-left:1px solid #FFFFFF !important;
}

.td_hidden tr, .td_hidden td
{
    display: none;
}

.td_verde tr, .td_verde td
{
    background-color: #93E84E !important;
    border-top:1px solid #FFFFFF !important;
    border-bottom:1px solid #FFFFFF !important;
    border-right:1px solid #FFFFFF !important;
    border-left:1px solid #FFFFFF !important;
}

.panel-formato .ui-panel-titlebar
{
    background-color: #88D976 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.ui-colorpicker .ui-button
{
    background: transparent;
    border: 1px solid #FFFFFF !important;
}

.ui-colorpicker span
{
    width: 25px !important;
    height: 25px !important;
    text-indent: 2.2em !important;
}

.divColor
{
    width: 50px; 
    padding: 5px; 
    color:#FFFFFF;
    border: 2px solid #000000;
}

.alergia
{
    color: #F78181;
}

.sin_encabezado thead tr
{
    display: none;
}

.con_encabezado thead tr
{
    display: table-row !important;
}

.tabla_enf td
{
    width: 5%;
    text-align: center;
}

.tabla_enfv2 td
{
    width: 7.9%;
    text-align: center;
}

.ui-dialog-titlebar
{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.ui-dialog-titlebar .ui-dialog-title
{
    margin: .3em 16px .1em 20px;
    float: none;
    color: #ffffff;
}

.subtitulo
{
    font-size: 15px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    color: #2f4050;
}

.nombre-paciente, a.nombre-paciente
{
    text-decoration: none;
    font-size: 13px;
}

.boton-terminar-consulta
{
    margin-top: 10px;
    float: right;
}

.access-download
{
    background: url("../images/export/access.png") 50% 50% repeat-x !important;
    width: 128px; 
    height: 128px; 
    border: 0px #FFFFFF !important;
}

.access-download.ui-button 
{
    border: white 0px none !important;
}

.ui-fileupload .start .ui-button 
{
    display: none;
}

.panelmed
{
    margin: 0 auto;    
}

.table-170
{
    width: 150%;
    overflow-x: scroll;
}
.left
{
    text-align: left;
}

.right, .right .ui-datatable tfoot td
{
    text-align: right !important;
}

.dias-estancia
{
    color: #040F55;
    font-weight: bold;
}

.table-100
{
    width: 100%;
}

.encabezado_panel tr, .encabezado_panel td
{
    border: 0px  solid #4297d7 !important;   
}

.ui-datatable-empty-message
{
    text-align: center;
    font-size: 16px !important;
    color: #FF0000;
    font-weight: bold;
}

.negritas
{
    font-weight: bold;
    font-size: 13px;
}

.negritas18
{
    font-weight: bold;
    font-size: 18px;
}

.font16
{
    font-size: 16px;
}

.mensaje-14
{
    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
    text-align: center;
    font-size: 14px !important;
    color: #FF0000;
    font-weight: bold;
}

.fueraRango
{
    font-size: 13px !important;
    color: #FF0000;
    font-weight: bold;
}

.td-8-porc
{
    text-align: center;
    width: 8%;
}

.loading .ui-dialog-titlebar
{
    display: none;
    border: 0px solid #ffffff;
}

.mensaje
{
    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
    text-align: center;
    font-size: 16px !important;
    color: #FF0000;
    font-weight: bold;
}

.notificacion a
{
    color: #B40000 !important;
}

.sin-scroll .ui-dialog-content
{
    overflow:hidden;
}

.sin-encabezado-dialog .ui-dialog-titlebar
{
    display: none;
}

.sin-scroll-frame
{
    overflow:hidden;
}

.filtro-float.ui-filter-column input, .filtro-float.ui-filter-column span
{
    float: left !important;
    vertical-align: middle !important;
}

.filtro-float.ui-filter-column span
{
    margin-right: 8px;
    vertical-align: middle !important;
}

.vertical-align-top {
    vertical-align: top !important;
}

.disable-permition .ui-state-disabled, .disable-permition .ui-chkbox-box
{
    opacity: 1 !important; 
}

.campo-deshabilitado tr, .campo-deshabilitado td 
{    
    opacity: .2;
    background: #2E6BFF;
    color: white;
    font-weight: bold;
}

td.habilitar-opaco
{
    background: rgba(45, 107, 255, .2);
    opacity: 1; 
}

.ui-button.botonCalculadora
{
    background: #FFFFFF;
    border: 2px solid #000000 !important;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 35px;
    color: #000000;
    font-weight: bold;
}

.ui-button.botonCalculadora:hover, .ui-button.botonCalculadora:active
{
    background: #000000;
    border: 2px solid #FFFFFF !important;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 35px;
    color: #FFFFFF;
    font-weight: bold;
}

.sinFondo
{
    background: transparent !important;
    border: 0px !important;
}

.ui-state-default.muy-fuera-rango
{
    background: #F78181 !important;
}

.ui-state-default.titulo-verde 
{
    background: #99B210 !important;
}

.ui-state-default.titulo-rojo 
{
    background: #FFFFFF !important;
    color: #FF0000 !important;
}

.ui-state-default.titulo-left
{
    text-align: left !important;
}



.ui-state-default.ligeramente-fuera-rango
{
    background: #FAFF91 !important; 
    color: #000000 !important;
}

.ui-state-default.en-rango
{
    background: #93E84E !important;
}

.ui-selectcheckboxmenu-header .ui-chkbox-box
{
    display: none !important;
}

.td_subtitulo tr, .td_subtitulo td
{
    background: #E5E5E5 !important;
    font-weight: bold;
    font-size: 14px;
}

.camposCaptura input, .camposCaptura textArea
{
    font-size: 12px !important;
}

.camposCaptura input
{
    padding: 3px 2px 3px 2px !important;
    margin-left: 0px !important;
}

.camposCaptura .ui-inputfield
{
    -webkit-box-shadow: initial !important;
    box-shadow: initial !important;
}

.ui-datatable tbody td.valorRojo, input.valorRojo, .valorRojo input
{
    background: #FF0000 !important;
    color: #FFFFFF !important;
    font-weight: bold;
}

input.pe-inputNumber
{
    width: 60px !important;
}

.ui-datatable tbody td.valorAnaranjado, input.valorAnaranjado, .valorAnaranjado input
{
    background: #FF7400 !important;
    color: #FFFFFF !important;
    font-weight: bold;
}

.ui-datatable tbody td.valorAmarillo, input.valorAmarillo, .valorAmarillo input
{
    background: #FFF000 !important;
    color: #000000 !important;
    font-weight: bold;
}

ui-state-default.valorAmarillo, ui-state-default.valorAnaranjado, ui-state-default.valorRojo, ui-state-default.tipoSanguineo
{
    color:#ffffff !important;
}

.calculado
{
    background: #7DED99 !important;
}


.impresionLab, tr.impresionLab, td.impresionLab
{
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
}

.impFueraRango
{
    font-size: 14px !important;
    color: #FF0000;
    font-weight: bold;
}

.textArea-mensaje
{
    border: 0px currentColor !important; 
    border-image: none !important; 
    text-align: center !important; 
    color: #FF0000 !important; 
    font-size: 18px !important; 
    box-shadow: inset 0px 0px 0px #ffffff !important;
}

.indicador
{
    background: url("../../webapp/images/lateral/indicador.png") no-repeat !important;
}

.textArea-sinBorde
{
    border: 0 !important;
    color: #000000 !important;
    box-shadow: inset 0px 0px 0px #ffffff !important;
    text-align: justify;
    width: 300px !important;
}

.listaEstudios tr, .listaEstudios td 
{
    border: none !important;
}

.listaMuestra .ui-state-hover
{
    background: transparent !important;
}

.notificacion-globo-rojo
{
    background: #ff0000 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    padding: 4px 8px 4px 4px !important;
    -moz-border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    border-radius: 20px !important;
    margin-left: -9px !important;
    top: -6px !important;
    position: relative !important;
    border: 1px solid #ffffff !important;
}

.sinHeader .ui-datatable-header, .estilo-letra-sinHeader
{
    text-align: left !important;
    color: #000000 !important;
    background: transparent !important;
    font-weight: bold;
    font-size: 16px;
}

.ui-datatable-summaryrow .gris 
{
    background: #DDDDDD !important;
    font-weight: bold !important;
    color: #000000 !important;
}

.jqplot-xaxis-tick
{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    padding-left: 30px;
}

.horizontal-xaxis .jqplot-xaxis-tick
{
    -ms-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;;
    -moz-transform: rotate(0deg) !important;;
    -o-transform: rotate(0deg) !important;;
    transform: rotate(0deg) !important;;
    padding-left: 5px !important;
}

.graficaControl
{
    height: 200px;
    margin-bottom: 10px;
}

.graficaControl .jqplot-yaxis
{
    display: none;
}

.graficaControl .jqplot-xaxis
{
    margin-bottom: 10px;
}

.precaptura-forzada .ui-autocomplete-input 
{
    background-color: #D2B1FF !important;
}

.fileupload-buttonbar
{
    background: transparent !important;
    width: 400px !important;
}

.graficaBarras100 .jqplot-table-legend
{
    max-width: 160px !important;
    right: -170px !important;
}

.jqplot-pie-series.jqplot-data-label
{
    color: #FFFFFF !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.graficaPastel table.jqplot-table-legend, .graficaPastel table.jqplot-cursor-legend
{
    font-size: 10px !important;
}

.ui-layout-pane-south
{
    z-index: -1 !important;
}

.ui-layout-unit-header
{
    margin-bottom: 3px !important;
}

.tipoSanguineo_ab_n
{
    color: #FF0000;
    font-size: 16px;
}

.tipoSanguineo_b_n
{
    color: #232DFF;
    font-size: 16px;
}

.tipoSanguineo_o_n
{
    color: #000000;
    font-size: 16px;
}

.tipoSanguineo_a_n
{
    color: #F7D800;
    font-size: 16px;
}

.tipoSanguineo_ab_p
{
    color: #FFFFFF;
    text-shadow: -2px 0 #FF0000, 0 2px #FF0000, 2px 0 #FF0000, 0 -2px #FF0000;
    font-size: 16px;
}

.tipoSanguineo_b_p
{
    color: #FFFFFF;
    text-shadow: -2px 0 #232DFF, 0 2px #232DFF, 2px 0 #232DFF, 0 -2px #232DFF;
    font-size: 16px;
}

.tipoSanguineo_o_p
{
    color: #FFFFFF;
    text-shadow: -2px 0 #000000, 0 2px #000000, 2px 0 #000000, 0 -2px #000000;
    font-size: 16px;
}

.tipoSanguineo_a_p
{
    color: #FFFFFF;
    text-shadow: -2px 0 #F7D800, 0 2px #F7D800, 2px 0 #F7D800, 0 -2px #F7D800;
    font-size: 16px;
}

.breadCrumb-fixed {
    position: fixed;
    top: 111px;
    right: 0;
    z-index: 1001;
}

.breadCrumb-dialog-fixed {
    position: fixed;
    top: 18px;
    right: 65px;
    z-index: 1001;
}

.ui-breadcrumb ul li .ui-menuitem-link
{
    font-size: 11px;
}

.boton-guardar, .boton-pendiente, .boton-cancelar
{
    margin: 10px;
}

.control-alerta, .control-rechazo, .control-normal
{
    padding: 3px 4px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 3px;
    color: #FFFFFF;
}
.control-alerta
{
    margin-left: -5px;
    padding: 3px 7px;
    background: #FFC107;  
    font-weight: bold;
    font-size: 13px;
}

.control-rechazo
{
    margin-left: -5px;
    padding: 3px 7px;
    background: #F44336;
    font-weight: bold;
    font-size: 13px;
}

.control-normal
{
    background: #4CAF50; 
    color : #4CAF50;
}

.sin-renglon-color
{
    background: #FFFFFF;
}

.ui-growl
{
    position:fixed;
    top: 10px !important;
    right: 15px;   
    z-index: 1100 !important;
}

.ui-datalist-content
{
    background: transparent !important;
}

.ui-accordion-header
{
    border: 0px solid #B40000 !important;
    padding-left: 48px !important;
    padding-top: 10px !important;
}


.notificacion a
{
    color: #B40000 !important;
}

.notificacion.ui-accordion-header
{
    border: 3px solid #B40000 !important;
}

.acordeon .ui-accordion-header
{
    height: 20px !important;
    background: #FFFFFF !important;
    color: #212121 !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

.acordeon .ui-accordion-header:hover
{
    background: #E8E8E8 !important;
}

.acordeon.ui-accordion .ui-icon.ui-icon-triangle-1-e, .acordeon.ui-accordion .ui-icon.ui-icon-triangle-1-s
{
    width: 32px;
    height: 32px;
    margin-left: 3px !important;
    margin-top: -16px !important;
}

.acordeon.ui-accordion .ui-icon-triangle-1-e:before, .acordeon.ui-accordion .ui-icon-triangle-1-s:before
{
    content: "" !important;
}

.informes .ui-icon.ui-icon-triangle-1-e, .informes .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/informes1.png") !important;
}

.trabajosocial .ui-icon.ui-icon-triangle-1-e, .trabajosocial .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/trabajosocial.png") !important;
}

.admision .ui-icon.ui-icon-triangle-1-e, .admision .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/export/Excel.png") !important;
}

.admision1 .ui-icon.ui-icon-triangle-1-e, .admision1 .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/recepcion1.png") !important;
}

.caja .ui-icon.ui-icon-triangle-1-e, .caja .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/caja.png") !important;
}

.calidad .ui-icon.ui-icon-triangle-1-e, .calidad .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/calidad.png") !important;
}

.doctor .ui-icon.ui-icon-triangle-1-e, .doctor .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/medico.png") !important;
}

.enfermera .ui-icon.ui-icon-triangle-1-e, .enfermera .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/enfermera.png") !important;
}

.terapia .ui-icon.ui-icon-triangle-1-e, .terapia .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/terapia.png") !important;
}

.nutricion .ui-icon.ui-icon-triangle-1-e, .nutricion .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/nutricion.png") !important;
}

.quirofano .ui-icon.ui-icon-triangle-1-e, .quirofano .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/quirofano.png") !important;
}

.citas .ui-icon.ui-icon-triangle-1-e, .citas .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/citas.png") !important;
}

.inconformidad .ui-icon.ui-icon-triangle-1-e, .inconformidad .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/inconformidad.png") !important;
}

.intercambio .ui-icon.ui-icon-triangle-1-e, .intercambio .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/intercambio.png") !important;
}

.urgencias .ui-icon.ui-icon-triangle-1-e, .urgencias .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/urgencias.png") !important;
}

.cirambu .ui-icon.ui-icon-triangle-1-e, .cirambu .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/cirambu.png") !important;
}

.patologia .ui-icon.ui-icon-triangle-1-e, .patologia .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/patologia.png") !important;
}

.laboratorio .ui-icon.ui-icon-triangle-1-e, .laboratorio .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/laboratorio.png") !important;
}

.imagenologia .ui-icon.ui-icon-triangle-1-e, .imagenologia .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/imagenologia.png") !important;
}

.farmacia .ui-icon.ui-icon-triangle-1-e, .farmacia .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/farmacia.png") !important;
}

.ceye .ui-icon.ui-icon-triangle-1-e, .ceye .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/ceye.png") !important;
}

.compras .ui-icon.ui-icon-triangle-1-e, .compras .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/compra.png") !important;
}

.catalogos .ui-icon.ui-icon-triangle-1-e, .catalogos .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/catalogos.png") !important;
}

.exphospitalizado .ui-icon.ui-icon-triangle-1-e, .exphospitalizado .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/exphospitalizado.png") !important;
}

.exphistorico .ui-icon.ui-icon-triangle-1-e, .exphistorico .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/exphistorico.png") !important;
}

.mensajeria .ui-icon.ui-icon-triangle-1-e, .mensajeria .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/mensajeria.png") !important;
}

.muestras .ui-icon.ui-icon-triangle-1-e, .muestras .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/muestras.png") !important;
}

.calc .ui-icon.ui-icon-triangle-1-e, .calc .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/calc.png") !important;
}

.note .ui-icon.ui-icon-triangle-1-e, .note .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/note.png") !important;
}

.book .ui-icon.ui-icon-triangle-1-e, .book .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/book.png") !important;
}

.chart-pie .ui-icon.ui-icon-triangle-1-e, .chart-pie .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/chart-pie.png") !important;
}

.chart .ui-icon.ui-icon-triangle-1-e, .chart .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/chart.png") !important;
}

.result .ui-icon.ui-icon-triangle-1-e, .result .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/resultado-paciente.png") !important;
}

.donador .ui-icon.ui-icon-triangle-1-e, .donador .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/donador.png") !important;
}

.receptor .ui-icon.ui-icon-triangle-1-e, .receptor .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/receptor.png") !important;
}

.bancoSangre .ui-icon.ui-icon-triangle-1-e, .bancoSangre .ui-icon.ui-icon-triangle-1-s
{
    background: url("../../webapp/images/lateral/bancoSangre.png") !important;
}

.menu-acordeon, .acordeon-chico
{
    height: calc(100vh - 340px);
}

.acordeon-grande
{
    height: calc(100vh - 240px);
}

.sinIcono .ui-icon
{
    display: none;
}

.fc-slats
{
    background: #ffffff;
}

.table-odontograma td, .table-odontograma tr
{
    padding: 0px !important;
    margin: 0px !important;
}

.letra-odontograma
{
    color: #48A24B !important;
    font-weight: bold !important;
    font-size: 16px;
}

.ui-panelgrid.panel-transparente .ui-widget-content
{
    background: transparent;
}

.jqplot-point-label 
{
    font-size: 14px !important;
    z-index: 2;
    font-weight: bold !important;
}

.colorbox {
    padding: 0 !important;
    text-align: center;
    overflow: hidden;
    margin-bottom: 0px !important;
}

.colorbox i {
    font-size: 44px;
    margin-top: 10px;
    color: #ffffff;
}

.colorbox.colorbox-green div:first-child 
{
    background-color: #32CD32;
}

.colorbox.colorbox-green div:last-child {
    background-color: #32CD32;
}

.colorbox.colorbox-red div:first-child 
{
    background-color: #FF0000;
}

.colorbox.colorbox-red div:last-child {
    background-color: #FF0000;
}

.colorbox.colorbox-amber div:first-child 
{
    background-color: #ffbf00;
}

.colorbox.colorbox-amber div:last-child {
    background-color: #ffbf00;
}

.colorbox.colorbox-cyan div:first-child 
{
    background-color: #00FFFF;
}

.colorbox.colorbox-cyan div:last-child {
    background-color: #00FFFF;
}

.colorbox.colorbox-purple div:last-child {
    background-color: #800080;

}

.colorbox.colorbox-purple div:first-child 
{
    background-color: #800080;
}

.colorbox.colorbox-orange div:first-child 
{
    background-color: #EF6C00;
}

.colorbox.colorbox-orange div:last-child {
    background-color: #EF6C00;
}

.colorbox.colorbox-black div:first-child 
{
    background-color: #000000;
}

.colorbox.colorbox-black div:last-child {
    background-color: #252525;
}

.colorbox.colorbox-grey div:first-child 
{
    background-color: #6D6A6A;
}

.colorbox.colorbox-grey div:last-child {
    background-color: #858080;
}

.colorbox .colorbox-name {
    font-size: 18px;
    display: inline-block;
    width: 100%;
    margin: 4px 0 10px 0;
    color: #ffffff;
}

.colorbox .colorbox-count {
    font-weight: bold;
    color: #ffffff;
    font-size: 26px;
}

.borderRed
{
    border: solid 3px #C62828;
    /*border-right: solid 4px #C62828;*/
}

.borderOrange
{
    border: solid 3px #EF6C00;
    /*border-right: solid 4px #EF6C00;*/
}

.borderAmber
{
    border: solid 3px #FFC107;
    /*border-right: solid 4px #FFC107;*/
}

.borderGreen
{
    border: solid 3px #2E7D32;
    /*border-right: solid 4px #2E7D32;*/
}

.borderBlue
{
    border: solid 3px #00838F;
    /*border-right: solid 4px #00838F;*/
}

.borderBlack
{
    border: solid 3px #000000;
    /*border-right: solid 4px #000000;*/
}

.fontGreen
{
    color: #2E7D32 !important; 
    font-weight: bolder;
}

.fontAmber
{
    color: #FFC107 !important; 
    font-weight: bolder;
}

.fontOrange
{
    color: #EF6C00 !important;    
    font-weight: bolder;
}

.fontRed
{
    color: #C62828 !important;    
    font-weight: bolder;
}

.backgroundGreen
{
    background: #32CD32 !important; 
}

.backgroundBlack
{
    background: #000000 !important; 
}

.backgroundAmber
{
    background: #FFC107 !important; 
    color: #000000;
}

.backgroundBlue
{
    background: #05AFF2 !important; 
    color: #000000;
}

.backgroundOrange
{
    background: #EF6C00 !important;    
}

.backgroundRed
{
    background: #001871 !important;
    color: #FFFFFF;    
}

.backgroundRRed
{
    background: #C62828 !important;
    color: #FFFFFF;    
}

.backgroundGris
{
    background: #d4dce4 !important;
}

.fontPurple
{
    color: #4527A0 !important;    
    font-weight: bolder;
}

.ui-fileupload .ui-widget-header
{
    background: transparent;
    border: 0;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon
{
    background-color: #154898 !important;
    color: #ffffff !important;
}

.td-comentario
{
    color: #6c6c6c;
    font-size: 13px;
    padding: 0px 30px !important;
}

.boton-lang
{
    background: transparent !important;
    border: 2px solid #1ab394 !important;
    width: 42px;
    margin-bottom: 5px;
    padding-left: 10px !important;
}

.boton-langH
{
    background: transparent !important;
    border: 1px solid #001871 !important;
    width: 25px;
    margin-bottom: 50px;
    padding-left: 5px !important;
}

.ui-datatable .ui-column-filter
{
    width: auto;
}

.ui-clock
{
    border: 1px solid #DAE1E8 !important;
    color: #001871 !important;
    background: #DAE1E8 !important;
    padding: 0;
}

.ui-selectbooleanbutton.semana
{
    padding: 0px 12px !important;
    margin: 0px 4px;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item-group
{
    padding: 1px 7px;
}

body.layout-compact .ui-dialog.monitor-pacientes .ui-dialog-content
{
    padding: 0px 14px 8px 14px;
}

body.layout-compact .ui-dialog.monitor-pacientes .ui-dialog-titlebar
{
    background: #001a72 !important;
    height: 55px;
}


#footer {
    color: #001A72;
    width: 100%;
    height: 61px;
    background: #001A72;
    padding-bottom: -10px;
    margin-bottom: -10px;
    padding-top: -10px;
}

#footerleft {
    float: left;
    width:33.333%;
    text-align:left;
    padding-bottom: -10px;
    margin-bottom: -10px;
    padding-top: -10px;
}

#footercenter {
    float: left;
    width: 33.333%;
    text-align: center;
    padding-bottom: -10px;
    margin-bottom: -10px;
    padding-top: -10px;
}

#footerright {
    float: left;
    width:33.333%;
    text-align:right;
    padding-bottom: -10px;
    margin-bottom: -10px;
    padding-top: -10px;
}

.portada{
    background: url("/sandbox/javax.faces.resource/images/Index-fondo.png.jsf?ln=ultima-layout") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
}

.texti{
    margin: 30px 0px 30px 0px;	
    padding: 10px;
    background: rgba(0,0,0,0.5);
    display: inline-block;
}



#demo {
    -webkit-transition: width 2s ease;
    -moz-transition: width 2s ease;
    -o-transition: width 2s ease;
    transition: width 2s ease;
    overflow: hidden;
}

#demo.in {
    width: 0px;
}

#demo2{
    border-right: 1px;
    border-right-style: solid;
    border-right-color: #EAEAEA;
}

#cols {
    display: flex;    
    overflow-x: auto;
    padding-top: 28px;
}

.middle-divis {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.olafff{

    background:  #ebeff5 !important;
    width: 200px !important;
    height: 30px !important;

    border-bottom: 1px solid  #ebeff5 !important;
    border-left: 1px solid  #ebeff5 !important;
    border-right: 1px solid  #ebeff5 !important;
    border-top: 1px solid  #ebeff5 !important;

    border-radius: 4px !important;
}

/* new select hillrom*/
.selectdiv {
    position: relative;
    min-width: 210px;
}

.selectdivMonitor {
    position: relative;
    min-width: 100%;
}

select::-ms-expand {
    display: none;
}

.selectdiv:after {
    content: '<>';
    font: 17px "Consolas", monospace;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 11px;

    top: 10px;
    padding: 0 0 2px;

    position: absolute;
    pointer-events: none;

}

.selectdivMonitor:after {
    content: '<>';
    font: 17px "Consolas", monospace;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 2px;

    top: 10px;
    padding: 0 0 2px;

    position: absolute;
    pointer-events: none;

}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;

    display: block;
    width: 100%;
    max-width: 320px;
    height: 31px;
    float: right;
    margin: 5px 0px;
    padding: 0px 15px;
    font-size: 13px;
    line-height: 1.75;
    color: #333;

    background-color: #ebeff5 !important;
    border: 0px #ebeff5 !important;

    border-radius: 5px;

    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
}

.selectdivMonitor select {
    -webkit-appearance: none;
    -moz-appearance: none;

    display: block;
    width: 100%;
    max-width: 320px;
    height: 31px;
    float: right;
    margin: 5px 0px;
    padding: 0px 15px;
    font-size: 13px;
    line-height: 1.75;
    color: #333;

    background-color: #ebeff5 !important;
    border: 0px #ebeff5 !important;

    border-radius: 5px;

    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
}

.card2s{
    height: 70px;
    width:  600px;
    background-color: #ebeff5;
    border: 1px solid #ebeff5;
    border-radius: 5px 5px 0px 0px;
}

.card3s{
    height: 450px;
    width:  580px;
    background-color: #ebeff5;
    overflow-y: scroll !important;
    margin:0px auto !important;

}



#demoIzquierda {
    -webkit-transition: width 2s ease;
    -moz-transition: width 2s ease;
    -o-transition: width 2s ease;
    transition: width 2s ease;

    /*
    activar para probar margenes
    background: red;
    */
    overflow: hidden;
    height: 600px;
    width: 350px;
}

#demoIzquierda.in {
    width: 0px;
}

#demoIzquierda2{
    height: 600px;
    width:  20px;
}

#buttonDemo{
    border: 0px solid #ebeff5;
    background-color: #001871;
    border-radius: 19px 0px 0px 19px;
    width: 19.5px;
    height: 22px;
    outline: none !important;
    box-shadow: none !important;
}

#buttonDemo2{
    border: 0px solid #ebeff5;
    background-color: #001871;
    border-radius: 0px 19px 19px 0px;
    width: 19.5px;
    height: 22px;
    outline: none !important;
    box-shadow: none !important;
}

#iconDemo{
    color: white !important;
}

#demoIzquierda3{
    height: 600px;
    width:  0px;
}


.rifg-divis {
    position: relative;
    top: 13%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.my-fixed-item {
    position: fixed;
    min-height: 120px;
    width: 252px;
    text-align: center;
    word-wrap: break-word;
    background-color: aquamarine;
}

.buttonMenu{
    border: 0px solid #c9ced6;
    background-color: #c9ced6;
    border-radius: 0px 0px 17px 17px;
    outline: none !important;
    box-shadow: none !important;
}

.holaf{
    background-color: blue !important;
}


#global {
    height: 470px;
    width:  600px;
    background-color: #ebeff5;
    border: 1px solid #ebeff5;
    border-radius: 0px 0px 5px 5px;
    overflow-y: scroll !important;
}




::-webkit-scrollbar {
    width: 12px;               /* width of the entire scrollbar */
}
::-webkit-scrollbar-track {
    background: white;        /* color of the tracking area */
}
::-webkit-scrollbar-thumb {
    background-color: #ebeff5;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid white;  /* creates padding around scroll thumb */
}


.paddingNew{
    height: 453px;
    width:  582px;
    background-color: #ebeff5;
    border: 0px solid #ebeff5;
    border-radius: 0px 0px 5px 5px;  
    padding: 10px;
    text-align:center;
}


#colse {
    display: flex;
}

#colse div {
    flex: 1;
}

#col11 {
    background-color: orange;
}

#col22 {
    background-color: skyblue;
}

.cardHill{
    height: 97px;
    background-color: white;
    display: flex;
    overflow-x: auto;
}



#style-4::-webkit-scrollbar-track
{
    background-color: #F5F5F5  !important;
}

#style-4::-webkit-scrollbar
{
    width: 1px  !important;
}

#style-4::-webkit-scrollbar-thumb
{
    background-color: #ffffff  !important;
    border: 1px solid #efeaea !important;
}

.scrollese { 
    background-color: #ebeff5;; 
    width: 250px;
    height: 550px;
    overflow-x: auto; 
    overflow-y: hidden; 
    white-space: nowrap;

} 

#transitions{
    -webkit-transition: width 2s ease;
    -moz-transition: width 2s ease;
    -o-transition: width 2s ease;
    transition: width 2s ease;
}

#iconDerecha{
    color: white !important;
}

#iconIzquierda{
    color: white !important;
}


#changeButton{
    border: 0px solid #ebeff5;
    background-color: #001871;
    border-radius: 19px 0px 0px 19px;
    width: 19.5px;
    height: 22px;
    outline: none !important;
    box-shadow: none !important;
}

#changeButtontwo{
    border: 0px solid #ebeff5;
    background-color: #001871;
    border-radius: 0px 19px 19px 0px;
    width: 19.5px;
    height: 22px;
    outline: none !important;
    box-shadow: none !important;
}

.hiddenDiv {
    display: none;
    visibility: hidden;
}

#flex-container1{
    display: flex;
    flex-wrap: wrap;
    width: 102%;
}

.cardBedm{
    margin: 6px !important;
}

.botonGral{
    border: 0px solid #ebeff5;
    background-color: #001871;
    border-radius: 0px 19px 19px 0px;
    width: 26px;
    height: 30px;
    outline: none !important;
    box-shadow: none !important;
}

.botonIzq{
    border: 0px solid #ebeff5;
    background-color: #001871;
    border-radius: 19px 0px 0px 19px;
    width: 26px;
    height: 30px;
    outline: none !important;
    box-shadow: none !important;
}
.botonAbajo{
    border: 0px solid #ebeff5;
    background-color: #001871;
    border-radius: 0px 0px 19px 19px;
    width: 30px;
    height: 26px;
    outline: none !important;
    box-shadow: none !important;
}

.middle-divis2 {
    position: relative;
    top: 100%;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.buttonDes {
    background-color: #001871 !important;
    border: none !important;
    color: white !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 11px !important;
    margin: 4px 2px !important;
    transition-duration: 0.4s !important;
    cursor: pointer !important;
    width:70px !important;
}

.button1 {
    background-color: white !important;
    color: black !important;
    border: 2px solid #001871 !important;
}

.button1:hover {
    background-color: #001871 !important;
    color: white !important;
}


uno {
    background: gold;
    border-radius: 4px;
    height: 70px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
}

padre{
    background: coral;
    border-radius: 4px;
    height: 100px;
    position: relative;
    width: 100px;
}

#cardpat1{
    height: 57px;
    font-weight: bold; 
    color: #2f4050; 
    border-bottom: 1px solid; 
    background:#0f2784;
    border-radius: 5px;
    margin: 7px;
}

.ui-olf{
    width: 19%;
    height: 35px;
}

.espacios{
    width: 2.7777%;
}

.capsulaes{
    width: 10%;
}

.capsula{
    width: 40%;
}

.imgView {
    width:100%;
    max-width:400px;
}

.hijo {
    background: red;
    width: 100px;
    /*IMPORTANTE*/
    height: 100px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
}

.ui-cuadro{
    width: 20%;
}

#flex-new{
    display: flex;
    flex-wrap: wrap;
}

#panel-grid-color{
    padding: 12px 16px;
    background-color: #001770;
    background: #001770;
}

.securityField {
    font-style: normal;
    font-size: xx-small;
    height: 25px;
    border-radius: 5px !important;
    background-color: #EEF1F5 !important;
}

.selectdiv1 {
    position: absolute;
}

.selectdivAdmision {
    position: relative;
    min-width: 90%;
}

.selectdivAdmision select {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 100%;
    max-width: 320px;
    float: right;
    margin: 5px 0px;
    padding: 0px 15px;
    font-size: 13px;
    line-height: 1.75;
    color: #333;
    background-color: #ebeff5 !important;
    border: 0px #ebeff5 !important;
    border-radius: 5px;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
    white-space: normal;
    height: auto;
}

.selectdivAdmision:after {
    content: '<>';
    font: 17px "Consolas", monospace;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 15px;
    top: 5px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}

.botonHoja{
    border: 0px solid #ebeff5;
    background-color: #009fda;
    border-radius: 50px 50px 50px 50px;
    width: 25px;
    height: 25px;
    outline: none !important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.23), 0 3px 5px rgba(0, 0, 0, 0.16);
}

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

.botonHoja:hover {
    height: 35px;
    width: 35px;
}

.botonHoja i {
    -webkit-transition:3s;
}

#iconDemo:after{
    border: 0px solid #ebeff5;
    background-color: #ffc107;
    border-radius: 50px 50px 50px 50px;
    width: 25px;
    height: 25px;
    outline: none !important;
    box-shadow: none !important;
}

.menuHoja{
    border-radius: 50px 50px 50px 50px;
    outline: none !important;
    box-shadow: none !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.menuHoja:hover {
    border: 0px solid #ebeff5;
    background-color: #001871;
    color: white;
    font-weight: bold;
    text-shadow: .1rem .1rem .1rem #333;
}


.selectdivAdmisiones {
    position: relative;
    min-width: 90%;
}

.selectdivAdmisiones select {
    -webkit-appearance: none;
    -moz-appearance: none;

    display: block;
    width: 100%;
    max-width: 320px;
    height: 31px;
    float: right;
    margin: 5px 0px;
    padding: 0px 15px;
    font-size: 13px;
    line-height: 1.75;
    color: #333;

    background-color: #ebeff5 !important;
    border: 0px #ebeff5 !important;

    border-radius: 5px;

    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
}

.selectdivAdmisiones:after {
    content: '<>';
    font: 17px "Consolas", monospace;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: -5px;

    top: 10px;
    padding: 0 0 2px;

    position: absolute;
    pointer-events: none;

}

@font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url("/sandbox/javax.faces.resource/fonts/password.ttf.jsf?ln=ultima-layout");
}
.scrollbarcols{
    height: 500px;
}

.headerP{
    background-color: #001871;
    border-radius: 5px;
}
.alergiasdiv{
    width: 15%;
    height: 100%;
    padding: 0px;
}
.alergiasicos{
    width: 100%;
}
.iconosalert{
    margin-top: -12px;
}
.fontstyle{
    height: 20px; 
    color: #001871;
    margin:0 !important;
    padding:0 !important; 
    font-size: 15px; 
    font-weight: bold;
}
.fontblue{
    color: #001871 !important;
}
.backblue{
    background-color: #001A72;
}
.nombrecama{
    padding: 0px;
    text-align: center;
}

.relojstatus{
    position: fixed; 
    right: 45.5%; 
    margin-top: -19px;
}
.max-lines {
    display: block;/* or inline-block */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1.8em;
}

.reloj2{
    position: fixed; 
    right: 45.5%; 
    top: 3%;
}
.imghoja{
    margin-top: 40px; 
    width: 70%;
}
.header1{
    float: right; 
    padding-top: -10px; 
    margin-top: -10px
}
.barraa{
    position: fixed; 
    top: 16px;
    /*background-color: #001770;*/
}
.iconopac{
    margin-top: 40px;
    height: 35px;
    margin-left: -7px;
}
.btnSave{
    margin-top: 6%;
    margin-left: 46%;
}
.paccard{
    width: 19.66%;
}

@media screen and (max-width:760px){
    .reloj2{
        position: fixed; 
        right: 14.5%; 
        top: 8%; 
        font-size: 12px;
    }
    .ui-g{
        /*flex-direction: column;*/
    }
    .imghoja{
        margin-top: 40px;
        width: 20px;
    }
    .header1{
        float: right;
        width: 32%;
        margin-top: -59px;
    }
    .barraa{
        position: fixed; 
        top: 32px;
        /*background-color: #001770;*/
    }
    .sps0{
        width: 158px !important;
    }

}
@media screen and (max-width:760px){
    .reloj2{
        position: fixed; 
        right: 14.5%; 
        top: 8%; 
        font-size: 12px;
    }
    .ui-g{
        /*flex-direction: column;*/
    }
    .imghoja{
        margin-top: 40px;
        width: 20px;
    }
    .header1{
        float: right;
        width: 32%;
        margin-top: -59px;
    }
    .barraa{
        position: fixed; 
        top: 32px;
        /*background-color: #001770;*/
    }
    .sps0{
        width: 158px !important;
    }

}

@media screen and (max-width:800px){
    .panel3{
        width: 35.6%;
    }
    .barrablue{
        width: 540px !important;
    }
    .reloj2{
        top: 1%;
    }
    ico1{
        margin-top: -33px !important;
    }
    .sps0{
        width: 158px !important;
    }
    .caidas{
        width: 127px !important;
    }
    .paccard{
        width: 41.66%;
    }
    .reloj2{
        right: 16.5%;
        width: 25%;
    }
    .seleccion{
        left: 10% !important;
        top: 4.5% !important;
    }
    .erresponsive{
        margin-top: 20px !important;
    }
    .icos1{
        margin-left: 42px !important;
    }
    .ico2{
        margin-top: -40px !important;
        margin-left: 33% !important;
    }
    .ico3{
        margin-top: -31px !important;
        margin-left: 38% !important;
    }
    .barandal1{
        margin-top: 7px !important;
        margin-left: -95% !important;
    }
    .barandal2{
        margin-top: 18px !important;
        margin-left: 55% !important;
    }
    .barandal3{
        margin-top: 0px !important;
        margin-left: 120% !important;
    }
}
@media screen and (max-width:640px){
    .icondolor{
        width: 30% !important;
        height: 68% !important;
    }
    .iconavdnfont{
        margin-top: 4px !important;
    }
    .iconavdn{
        width: 25px !important;
        height: 25px !important;
    }
    .iconerr{
        width: 45% !important;
        height: 55% !important;
    }

    .alarmaicon{
        width: 15% !important;
    }
    .tamcapsula{
        width: 25% !important;
    }

    .sps0{
        width: 356px !important;
    }
    .caidas{
        width: 127px !important;
    }
    .iconopac{
        margin-left: 10px;
    }
    .ale1{
        max-width: 20% !important;
    }
    .ale2{
        max-width: 20% !important;
    }
    .ale3{
        max-width: 20% !important;
    }
    .ale4{
        max-width: 20% !important;
    }
    .ale5{
        max-width: 20% !important;
    }
    .ale6{
        max-width: 20% !important;
    }
}
@media screen and (max-width:1900px){

    .sps0{
        width: 147px !important;
    }
    .caidas{
        width: 127px !important;
    }
    .iconores{
        width: 77px !important;
    }
}
@media screen and (min-width:1920px){

    .sps0{
        width: 147px !important;
    }
    .caidas{
        width: 127px !important;
    }
    .iconores{
        width: 77px !important;
    }
    .paccard{
        width: 14.66%;
    }
    .seleccion{
        left: -7% !important;
        top: 2.7% !important;
    }
}
@media screen and (min-width:1680px){

    .sps0{
        width: 147px !important;
    }
    .caidas{
        width: 127px !important;
    }
    .iconores{
        width: 77px !important;
    }
    .paccard{
        width: 20%;
    }
    .seleccion{
        left: -7% !important;
        top: 2.7% !important;
    }
    #flex-container1 {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }
}

@media screen  and (min-width: 200px){

    .sps0{
        width: 178px !important;
    }
    .caidas{
        width: 127px !important;
    }
    .iconores{
        width: 117px !important;
    }
}
@media screen  and (min-width: 1024px){
    .tablacamas{
        width: 67% !important;
    }
    #flex-container1 {
        display: flex;
        flex-wrap: wrap;
        width: 102%;
    }
    .paneliz{
        width: 16.6%;
    }
    .panelcamas{
        width: 100% !important;
    }
    .paccard{
        width: 41.66%;
    }
    .reloj2{
        right: 16.5%;
    }
    .seleccion{
        left: 10%;
        top: 4.5%;
    }
    .erresponsive{
        margin-top: 20px !important;
    }
    .icos1{
        margin-left: 42px !important;
    }
    .ico2{
        margin-top: 0px !important;
        margin-left: -31% !important;
    }
    .ico3{
        margin-top: -33px !important;
        margin-left: 60% !important;
    }
    .sps0{
        width: 178px !important;
    }
    .caidas{
        width: 127px !important;
    }
    .iconores{
        width: 117px !important;
    }
    .reloj2{
        right: 175px !important;
    }
    .seleccion{
        right: 60%;
    }
    .paccard{
        width: 30.66%;
    }
    .barandal1{
        margin-top: 0px !important;
        margin-left: 37% !important;
    }
    .barandal2{
        margin-top: 0px !important;
        margin-left: 161% !important;
    }
    .barandal3{
        margin-top: -3px !important;
        margin-left: 40% !important;
    }

}

@media screen  and (min-width: 400px){

    .sps0{
        width: 66% !important;
    }
    .caidas{
        width: 49% !important;
    }
    .iconores{
        width: 41% !important;
    }
    .doctor{
        font-size: 9.5px !important;
    }
    .paciente{
        font-size: 9.5px !important;
    }
    ico1{
        width: 33% !important;
    }
    ico2{
        margin-top: -33px !important;
        margin-left: 90px !important;
    }
    ico3{
        margin-top:-80px !important;
    }  
}
@media screen  and (min-width: 1366px){
    .paccard {
        width: 16.66%;
    }
    .icos1 {
        margin-left: 75px !important;
    }
    .ico2 {
        margin-top: 0px !important;
        margin-left: -25% !important;
    }
    .ico3 {
        margin-top: -33px !important;
        margin-left: 71% !important;
    }
    .seleccion {
        left: 84px;
    }

}
@media screen  and (min-width: 1280px){
    .paneliz {
        width: 19.6%;
    }
    .tablacamas {
        width: 50% !important;
    }


}


#cuadroP > #headerP > .ui-g .contenedor{
    border-radius: 5px;
    height: 300px;
    border: 1px solid black;
    margin: 10px 0 0 0;
}

.contenedor .header{
    background: #0D1770;
    color:#FFF;
    border-radius: 5px;
}

.line{
    border-bottom: 1px solid #FFF;
}

.disc{
    display: flex;
}

.disc img{
}

.login_connecta{

    text-align: right; 
    padding-top: 8vh;
}

.imagen_login_connecta{
    height: 30%; 
    width: 5%;
}

.font_reloj{
    font-family: "Helvetica" !important;
}

@media (orientation: portrait){
    .login_connecta{

        text-align: right; 
        padding-top: 0.5vh;

    }
}

@media screen and (min-width: 600px) and (max-width: 800px){
    .dialogareas{
        width: 681px !important;
        height: 445px !important;
        left: 60px !important;
        top: 31px !important;
    } 
    .scrollbarcols{
        height: 390px;
        width: 770px;
    }
}

.scrollbarcolsSP{
    height: 1050px;

}

/* Forzar que el ícono de carga sea el spinner circular */
.ui-icon-loading:before {
    content: "\e926" !important; /* Unicode del pi-spinner */
    font-family: 'PrimeIcons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    animation: spin 1s linear infinite; /* Rotación */
}

/* Animación de giro */
@keyframes spin {
    100% { transform: rotate(360deg); }
}

.buttons_schedules {
    width: 100%;
    font-size: 0.8em;
    border: none;
    padding: 0;
    border: 0;
    transition: all 0.3s ease;
}