/* ------------------------------------------------------------------ */
/*                          fix bootstrap                             */
/* ------------------------------------------------------------------ */

body {
    font-family: Verdana !important;
    font-size: 12px !important;
    margin: 0px !important;
    line-height: initial !important;
}

.select2-chosen {
    font-size: 12px !important;
}

.modal .modal-body {
    max-height: 370px;
    overflow-y: auto;
}

.modal .modal-body textarea {
    resize: horizontal;
}

.modal {
    top: 100px !important;
}

.modal.floatingWindow {
    z-index: 1050;
}

.modal-open .modal {
    overflow-y: hidden !important;
}

.modal-open {
    padding-right: 0px !important;
}

@media (min-width: 992px) {
    .modal-lg {
        width: fit-content !important;
    }

    #massiveInstrumentActivity .modal-lg {
        min-width: 800px;
    }
}


/* ------------------------------------------------------------------ */

html {
    overflow-y: auto;
}

body {
    /* background-color: #FFF7A6; */
    /* background-color: #fcb33c; */
    /* background-color: #F3F3F3; */
    background-color: #f9f9f9 !important;
}

input {
    height: 24px;
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
    border: solid 1px;
}

input[type=checkbox] {
    border: solid 0px;
}

h5 {
    font-family: Verdana;
    font-size: 14px;
    text-transform: uppercase;
    margin-left: 2px;
}

h6 {
    font-family: Verdana;
    font-size: 14px !important;
    margin-left: 2px;
}



/* ------------------------------------------------------------------------ */
/*                                 Header                                    */
/* -------------------------------------------------------------------------*/

#header {
    background-color: #2c435b;
    border-bottom: solid 1px #fff;
    height: 112px;
    color: #ddd;
    position: fixed;
    top: 0px;
    right: 0px;
}

#header .logo {
    height: 50px;
    float: left;
}

#header .logo img {
    margin-top: 5px;
}

#header .version {
    color: #ccc;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#header .inner-header {
    margin: auto;
    width: 90%;
    min-width: 1000px;
}

#header .header-first-line {
    border-bottom: solid 1px #fff;
    background-color: #fcfcfc;
    width: 100%;
    float: left;
    margin-top: 10px;
}

#header .header-second-line {
    width: 100%;
    float: left;
}

#header .header-menu {
    margin-bottom: 0px;
    margin-top: 17px;
    display: inline-block;
    padding: 0px;
}

#header .header-menu li {
    list-style: none;
    display: inline;
    padding: 18px 15px 17px 15px;
}

#header .header-menu li:hover {
    cursor: pointer;
}

#header .header-menu li.active {
}

#header .header-menu a {
    text-decoration: none;
    font-family: Verdana;
    font-size: 14px;
}

#header .header-menu a:hover {
    text-decoration: none;
}

#header .header-menu li.active a {
}

#header .header-right {
    float: right;
    margin-top: 16px;
}

#header .header-right .normative {
    float: right;
    font-size: 14px;
    box-sizing: border-box;
    margin-top: 0px;
    margin-right: 20px;
}

#header .header-right .username {
    float: right;
    font-size: 14px;
    margin-top: 0px;
    margin-right: 10px;
}

#header .header-right .logout {
    float: right;
    margin-top: 0px;
}

#header .header-right .logout a {
    text-decoration: none;
    font-weight: bold;
    color: #4998ec;
    font-size: 14px;
    margin: 10px;
}

#header .header-right .logout a:hover {
    text-decoration: none;
    color: #fff;
}

#header .header-right .icon-user {
    font-size: 17pt;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: -3px;
    float: right;
    cursor: pointer;
}

    #header .header-right .icon-user {
        font-size: 17pt;
        margin-left: 5px;
        margin-right: 10px;
        margin-top: -3px;
        float: right;
        cursor: pointer;
    }

        #header .header-right .icon-user.user-warning {
            color: #f0ad4e;
        }


/* ------------------------------------------------------------------------ */
/*                            Common Content                                */
/* -------------------------------------------------------------------------*/


#content {
    /*margin: auto;*/
    /*width: 1070px;*/
    /*width: 90%;*/
    min-width: 960px; /* celulares */
}

#superUserWarning .btn.btn-warning {
    width: 99%;
    text-align: start;
}


/* ------------------------------------------------------------------------ */
/*                          Image Manager Popup                             */
/* -------------------------------------------------------------------------*/

#imageManagerPopup {
    top: -10px !important;
    z-index: 20;
}

#imageManagerPopup .modal-content {
    border-radius: 6px 6px 0px 0px;
}

#imageManagerPopup .modal-body {
    padding: 0px;
    min-height: 573px;
}

#imageManagerPopup iframe {
    width: 100%;
    height: 570px;
    border: 0;
}


/* ------------------------------------------------------------------------ */
/*                                Footer                                    */
/* -------------------------------------------------------------------------*/

#footer {
    float: left;
    width: 100%;
}

.buttons {
    margin-bottom: 20px;
}


/* ------------------------------------------------------------------------ */
/*                                Planos                                    */
/* -------------------------------------------------------------------------*/

.plano {
    position: relative;
    text-align: center;
    /* max-width: 650px; */
}

.plano img {
    position: relative;
    min-height: 100px;
    max-width: 750px;
}

.plano .canvascontainer {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.hidden {
    display: none;
}

body.test {
    background-color: #ffe !important;
}

/* ------------------------------------------------------------------------ */
/*                                 MONTHS SELECTOR                          */
/* -------------------------------------------------------------------------*/

.months-selector-container .month {
    font-family: Verdana,Helvetica,Arial;
    font-size: 13px;
    cursor: pointer;
    font-weight: bold;
    margin: 2px;
    padding: 7px 17px 7px 17px;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    float: left;
    background-color: #d5dce4;
    border: solid 1px #b9c9db;
    color: #41464d;
}

.months-selector-container .month.selected {
    background-color: #FFF;
    border: 1px solid #e5ede6;
}

.months-selector-container .month.disabled {
    cursor: default;
    background-color: #e1e3e5;
    border: solid 1px #dee0e1;
    color: #77787b;
}

/* ------------------------------------------------------------------------ */
/*                             NUEVO ESTILO                                 */
/* -------------------------------------------------------------------------*/

body, html {
    /* height: 100%; */
    width: 100%;
}

p {
    margin-left: 20px !important;
    float: left;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.menu-nuevo {
    position: fixed;
    float: left;
    width: 250px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    box-shadow: 1px 0px 3px rgba(0,0,0,0.2);
    background-color: #2c435b;
    transition: 0.2s;
}

.menu-nuevo-slim {
    margin-left: -180px;
    float: left;
    width: 233px;
    height: 100%;
    z-index: 2;
    box-shadow: 1px 0px 3px rgba(0,0,0,0.2);
    background-color: #2c435b;
    transition: 0.2s;
}

.logo-nuevo {
    padding: 20px 0 20px 30px;
    cursor: pointer;
}

.inner-menu {
    float: left;
    width: 100%;
    height: calc(100% - 122px);
    overflow-y: auto;
    scrollbar-color: #7b8795 #2c435b;
}

.boton-nuevo {
    float: left;
    width: 100%;
    padding: 15px 0px; 
    background-color: #2c435b;
    color: #ccc;
    font-weight: 400;
    box-shadow: -1px 1px 3px rgba(0,0,0,0.2);
    font-size: 11pt;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

.p-sub-boton, .p-sub-sub-boton {
    font-size: 13px;
    text-transform: uppercase;
    /* max-width: 210px; */
}

.boton-nuevo:hover {
    background-color: #395979;
    color: #eee;
}

.sub {
    float: left;
    display: none;
}

.sub-menu-nuevo {
    float: left;
    background-color: #2c435b;
    width: 100%;
    padding: 10px 0;
    text-align: left;
    cursor: pointer;
    color: #cacaca;
}

.sub-sub-menu {
    position: absolute;
    background-color: #2c435b;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    width: 240px;
    transform: translate(250px,-10px);
    text-align: center;
    cursor: pointer;
    display: none;
    color: #cacaca;
}

.sub-sub-nuevo {
    float: left;
    background-color: #2c435b;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #cacaca;
}

.sub-menu-nuevo:hover {
    background-color: #476789;
    color: #eaeaea;
}

.boton-toggle {
    opacity: 0;
}

.icon {
    float: right;
    height: 20px;
    margin: auto 15px auto 0;
    transition: 0.1s;
}

.icon-toggle {
    float: right;
    height: 30px;
    margin: auto 20px auto 0;
    transition: 0.1s;
}

.emme-icon {
    position: absolute;
    opacity: 0;
    margin-left: -174px;
    height: 36px;
    margin-top: 6px;
}

.emme-icon-toggle {
    opacity: 1;
    position: absolute;
    float: right;
    margin-left: -22px;
    margin-right: 15px;
    height: 36px;
    margin-top: 6px;
}

.emme-logo-toggle {
    opacity: 0;
}

.emme-logo {
    width: 180px;
}

.version-nuevo {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    text-align: left;
    float: left;
    color: #dddddd;
    background-color: #2c435b;
    width: calc(100% - 20px);
}

#header {
    z-index: 2;
    height: 50px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    border: none;
    float: right;
    min-width: 700px;
    width: calc(100% - 250px);
    margin: 0px 0px !important;
    transition: 0.2s;
}

.header-toggle {
    width: calc(100% - 50px) !important;
    transition: 0.2s;
}

.log {
    float: right;
}

.user {
    float: right;
}

.home-content {
    float: right;
    min-width: 700px;
    width: calc(100% - 290px);
    margin: 70px 20px 20px 20px !important;
    transition: 0.2s;
    height: calc(100% - 201px);
}

.home-content-toggle {
    float: right;
    min-width: 870px;
    width: calc(100% - 94px);
    transition: 0.2s;
    height: calc(100% - 201px);
}

#home-menu {
    display: none;
}

.icon-display,
.icon-enlarge,
.icon-stats-bars,
.icon-cogs,
.icon-droplet,
.icon-location2,
.icon-stack,
.icon-file-text,
.icon-power,
.icon-power-cord,
.icon-sun,
.icon-hammer,
.icon-hammer2,
.icon-wrench {
    font-size: 17pt;
    margin-right: 15px;
    float: right;
}

.icon-upload3,
.icon-search,
.icon-key,
.icon-earth,
.icon-stats-bars2,
.icon-lab,
.icon-loop2,
.icon-sort-amount-asc,
.icon-user-tie,
.icon-users,
.icon-books,
.icon-list2,
.icon-equalizer2,
.icon-eyedropper,
.icon-pie-chart,
.icon-alarm,
.icon-stopwatch,
.icon-equalizer,
.icon-drawer,
.icon-clock2,
.icon-user-check,
.icon-radio-checked,
.icon-table,
.icon-bug,
.icon-checkmark,
.icon-checkmark2,
.icon-spell-check,
.icon-insert-template,
.icon-cart,
.icon-shrink,
.icon-tree,
.icon-price-tag,
.icon-spinner9,
.icon-calendar,
.icon-list-numbered,
.icon-plus,
.icon-feed,
.icon-file-text2,
.icon-make-group,
.icon-files-empty,
.icon-hour-glass,
.icon-steam,
.icon-steam2,
.icon-wrench,
.icon-meter,
.icon-meter2,
.icon-phone,
.icon-stats-dots,
.icon-clock,
.icon-clock2,
.icon-stopwatch {
    font-size: 12pt;
    margin-right: 18px;
    float: right;
    cursor: pointer;
}

.icon-pencil2,
.icon-bin,
.icon-plus {
    font-size: 14pt;
    cursor: pointer;
}

.icon-filter2 {
    font-size: 16pt;
    margin-top: 2px;
    cursor: pointer;
}

.icon-bin2 {
    font-size: 17pt;
    cursor: pointer;
}

.icon-previous2,
.icon-next2,
.icon-arrow-left2,
.icon-arrow-right2,
.pages {
    font-size: 12pt;
    font-weight: bold;
    cursor: pointer;
}

.user, .log {
    font-size: 12pt;
    margin: 0px 10px;
    padding: 14px 0 0px;
    float: right;
}

.log {
    color: #666;
    cursor: pointer;
}

.user {
    color: #206024;
}

.menu-nuevo a {
    color: #aaa !important;
}


/* ------------------------------------------------------------------------ */
/*                          Selectores                                      */
/* -------------------------------------------------------------------------*/

.selector-delete-item {
    float: right;
    margin-top: -12px;
}

.outoflimitalert {
    border: 1px solid #FAC517 !important;
    background-color: #fff5d5 !important;
    background-image: none !important;
}

.outoflimitaction {
    border: 1px solid #f3a94e !important;
    background-color: #ffdebc !important;
    background-image: none !important;
}

.outoflimitspecification {
    border: 1px solid #f66666 !important;
    background-color: #f6dddd !important;
    background-image: none !important;
}


/* ------------------------------------------------------------------------ */
/*                          boton extra                                     */
/* -------------------------------------------------------------------------*/

.btn-orange {
    color: #fff !important;
    background-color: #ec8236 !important;
    border-color: #dc6a18 !important;
}

.btn-orange:hover,
.btn-orange:focus {
    background-color: #ef6e13 !important;
    background-position: 0 -15px !important;
}

.btn-orange:active,
.btn-orange.active {
    background-color: #ef6e13 !important;
    border-color: #dc6a18 !important;
}

.btn-orange:disabled,
.btn-orange[disabled] {
    background-color: #ef6e13 !important;
    background-image: none !important;
}


/* ------------------------------------------------------------------------ */
/*                              loading                                     */
/* -------------------------------------------------------------------------*/

.modal-dialog.loading {
    top: 10%;
}

.modal-content.loading {
    background-color: transparent;
    /* background: url(../images/loading.gif) fixed no-repeat; */
    border: 0px;
    box-shadow: none;
    text-align: center;
    height: 200px;
}

#loading img {
    width: 200px;
}


/* ------------------------------------------------------------------------ */
/*                              botones                                     */
/* -------------------------------------------------------------------------*/

button[disabled=disabled] {
    opacity: 0.7;
}

#newActivityButtons {
    margin: auto;
    width: fit-content;
}


/* ------------------------------------------------------------------------ */
/*                             Plan / Calendar                              */
/* -------------------------------------------------------------------------*/

#monitoringNotices {
    margin-top: 30px;
    float: left;
}

.notices-content {
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.calendar-content {
    width: 250px;
    float: left;
}

.notices {
    width: calc(100% - 250px);
    float: right;
    margin-left: 10px;
}

.calendar {
    font-family: Verdana, Helvetica, Arial;
    font-size: 12px;
    color: #666;
    background-color: #fff;
    border: solid 1px #eee;
    /* width: 240px; */
}

.calendar.disabled {
    pointer-events: none;
    opacity: 0.7;
}

.calendar .header {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    padding: 4px;
}

.calendar .day {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    width: 20px;
    padding: 5px;
    text-align: center;
}

.calendar .selectedDay {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    width: 20px;
    padding: 5px;
    background-color: #ddd;
    text-align: center;
    border-radius: 20px;
}

.calendar .month {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    width: 20px;
    padding: 7px;
}

.calendar .selectedMonth {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    width: 20px;
}

.calendar .monthLabel {
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}

.calendar .yearInput {
    font-family: Verdana, Helvetica, Arial;
    font-size: 12px;
    font-weight: bold;
    border-width: 0px;
    width: 35px;
}

.calendar a {
    text-decoration: none;
    color: #666666;
}

.calendar a:hover {
    text-decoration: none;
    color: #333333;
    font-weight: bold;
}

.calendar .calendar_title_table {
    width: 90%;
    margin: 5%;
}

.calendar .prevmonth {
    padding-left: 5px;
    font-weight: bold;
}

.calendar .nextmonth {
    padding-right: 5px;
    font-weight: bold;
}

.calendar-content .toggle.btn {
    min-width: 30px !important;
    min-height: 20px !important;
}


/* ------------------------------------------------------------------------------------*/
/*                                  incompletes                                        */
/* ------------------------------------------------------------------------------------*/

input.incomplete {
    border: solid 1px #c56cc5;
}

.comboList.incomplete .select2-choice {
    border: solid 1px #c56cc5;
}

.selector.incomplete .select2-choice {
    border: solid 1px #c56cc5;
}

.datePicker.incomplete input {
    border: solid 1px #c56cc5;
}

.collapsablePanel.incomplete .title {
    background-color: #990099;
    color: #fff;
}



/* ------------------------------------------------------------------------ */
/*                            Superuser pages                               */
/* -------------------------------------------------------------------------*/

#header-common {
    background-color: #ffffff;
    border-bottom: solid 1px #fff;
    height: 70px;
    position: relative;
}

#header-common .logo {
    float: left;
}

#header-common .logo img {
    margin: 0px 0px 5px 15px;
    width: 180px;
}

#header-common .version {
    color: #ccc;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#header-common .inner-header {
    margin: auto;
}

#header-common .header-first-line {
    border-bottom: solid 1px #fff;
    background-color: #fcfcfc;
    width: 100%;
    float: left;
    margin-top: 10px;
}

#scripts {
    width: 700px;
}

#scripts .script {
    width: 100%;
    margin: 10px;
    padding: 10px;
    float: left;
    background-color: #fff;
    border: solid 1px #ccc;
}

#scripts .applyRequired {
    background-color: #ffdebc;
    border: solid 1px #dc6a18;
}

#scripts .script .title {
    float: left;
}

#scripts .script .button {
    background-color: #999;
    border: solid 1px #666;
    width: 60px;
    float: right;
}

#scripts .script .button:hover {
    background-color: #ccc;
    border: solid 1px #999;
    cursor: pointer;
}

#scripts .script .result {
    margin-top: 50px;
}


#logs {
    width: 700px;
}

#logs .log {
    width: 100%;
    margin: 10px;
    padding: 10px;
    float: left;
    background-color: #fff;
    border: solid 1px #ccc;
}

#logs .log .title {
    float: left;
}

#logs .log .button {
    background-color: #999;
    border: solid 1px #666;
    width: 60px;
    float: right;
}

#logs .log .button:hover {
    background-color: #ccc;
    border: solid 1px #999;
    cursor: pointer;
}

#logs .log .result {
    margin-top: 50px;
}

.logdetail {
    width: 95%;
    height: 85%;
    position: fixed;
}


/* ------------------------------------------------------------------------ */
/*                               Formulas                                   */
/* -------------------------------------------------------------------------*/

#totals .formula {
    font-size: 12px;
}

#totals .mean {
    font-family: times new roman;
    font-style: italic;
    text-decoration: overline;
    font-size: 20px;
}

#totals .sigma {
    font-family: times new roman;
    font-style: italic;
    font-size: 20px;
}

#totals .number {
    font-family: times new roman;
    font-style: italic;
    font-size: 18px;
}

#totals .n {
    font-family: times new roman;
    font-style: italic;
    font-size: 20px;
}

.total {
    line-height: 22px;
}


/* ---------------------------------------------------------------------- */
/*            correcciones para tamaños especificos de pantalla           */
/* ---------------------------------------------------------------------- */

.sub {
    z-index: 2;
    width: 100%;
}

@media (max-width: 1280px) {

    .home-content {
        width: calc(100% - 270px) !important;
        margin: 10px !important;
        padding-bottom: 10px;
        position: relative !important;
        float: left !important;
        left: 250px !important;
        top: 50px !important;
    }

    .home-content-toggle {
        width: calc(100% - 74px) !important;
        left: 54px !important;
    }

    .customGrid td {
        padding: 8px 4px !important;
    }

    .entityEdit .editableHeader .controlCell {
        height: 25px;
    }
}

@media (max-height: 920px) {
}

@media (max-height: 800px) {

    .boton-nuevo {
        padding: 12px 0 !important;
    }

    .logo-nuevo {
        padding: 11px 0 11px 30px !important;
    }

    .version-nuevo {
        padding: 6px 10px !important;
    }

    .inner-menu {
        height: calc(100% - 96px);
    }
}

@media (max-height: 720px) {

    .sub-menu-nuevo {
        padding: 6px 0 !important;
    }

    .menu-nuevo {
        min-height: 600px !important;
    }
}


/* ---------------------------------------------------------------------- */
/*                           system pages                                 */
/* ---------------------------------------------------------------------- */

#common-content .newButton {
    cursor: pointer;
}

#common-content .newButtonOn {
    cursor: pointer;
}

#common-content {
    float: left;
    margin: 20px;
    /* width: 870px; */

    min-width: 800px;
    width: calc(100% - 0px);
}

#common-content h2 {
    margin-left: 10px;
    font-size: 16px;
}

#common-body {
    float: left;
    /* width: 840px; */
    width: 100%;
}

.isMobile span {
    width: 20px;
}

.schemaButton {
    color: #999;
    background-color: #eeeeee;
}

.schemaButton:hover {
    text-decoration: none !important;
}

.schemaButton.mandatory {
    color: #444;
    border: solid 1px #999;
    background-color: #fce2cc;
}

.schemaButton.mandatory:hover {
    color: #333;
    border: solid 1px #999;
    background-color: #ffeee0;
}

.btn.mandatory {
    color: #444;
    border: solid 1px #999;
    background-color: #fce2cc;
}

.btn.mandatory:hover {
    color: #333;
    border: solid 1px #999;
    background-color: #ffeee0;
}

.buttons-container {
    margin-left: 20px;
    float: left;
}

.superadmin {
    margin-left: 20px;
    margin-top: 5px;
    padding: 0px;
}

.superadmin li {
    list-style-type: none;
    margin-top: 10px;
}


/* ------------------------------------------------------------------------ */
/*                                 Colores                                  */
/* ------------------------------------------------------------------------ */

.panel-sima {
    border: solid 1px #cfcfcf !important;
    background-color: #F3F3F3 !important;
}


/* ------------------------------------------------------------------------ */
/*                                 Header                                   */
/* -------------------------------------------------------------------------*/

#header .header-menu li.active {
    background-color: #F0F3F6;
}

#header .header-menu a {
    color: #5b595f;
}

#header .header-menu a:hover {
    color: #60baff;
}

#header .header-menu li.active a {
    color: #60baff;
}


/* ------------------------------------------------------------------------ */
/*                                 Home Menu                                */
/* -------------------------------------------------------------------------*/

#home-menu {
    background-color: #fff;
    color: #4d6578;
    -webkit-box-shadow: 0px 0px 6px 0px #d1d1d1;
    box-shadow: 0px 0px 6px 0px #d1d1d1;
}

#home-menu li a {
    color: #5b595f;
}

#home-menu li.active a {
    color: #60baff;
}

#home-menu li a:hover {
    color: #60baff;
}


/* ------------------------------------------------------------------------ */
/*                                 Pampa                                    */
/* -------------------------------------------------------------------------*/

.comment {
    color: #42588E;
}

.button {
    background-color: #7392b1;
    border: 1px solid #5d7894;
    color: #ededed;
}

.buttonOn, .button:hover {
    background-color: #a1c0de;
    border: 1px solid #7d98b4;
    color: #fff;
}


/*---------------------Menu------------------------*/

.menu .section {
    background-color: #404040;
}

.menu .menuItemCell {
    background-color: #a1bbcd;
}

.menu .menuItem {
    color: #444944;
}

.menu .menuItem:hover {
    color: #000000;
}

/*---------------------Controls------------------------*/

.select2-container .select2-choice {
    border: solid 1px #cfcfcf !important;
}

.select2-drop-active {
    border: solid 1px #cfcfcf !important;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: solid 1px #cfcfcf !important;
}

.select2-container-multi .select2-choices {
    border: solid 1px #cfcfcf !important;
}

.control .comboList .select2-choices {
    border-radius: 3px;
}

.textBox {
    background-color: #fff;
    color: #444;
    border: solid 1px #cfcfcf;
}

.textBox:focus {
    border: solid 1px #cfcfcf;
}

.textBoxDisabled {
    background-color: #f9f9f9;
    color: #666;
    border: solid 1px #e3e3e3;
}

.textArea {
    background-color: #FFFFFF;
    color: #444;
    border: solid 1px #cfcfcf;
}

.textAreaOnFocus {
    background-color: #FFFFFF;
    color: #444;
    border: solid 1px #cfcfcf;
}

.textAreaDisabled {
    background-color: #f3f3f3;
    color: #666;
    border: solid 1px #e3e3e3;
}

.comboList select {
    border-color: #cfcfcf;
}

.datePicker .input {
    border: solid 1px #cfcfcf;
    color: #444;
    background-color: #FFFFFF;
}

.datePicker .inputOnFocus {
    border: solid 1px #cfcfcf;
    color: #444;
    background-color: #FFFFFF;
}

.datePicker .inputDisabled {
    background-color: #f9f9f9;
    color: #666;
    border: solid 1px #e3e3e3;
}

.datePicker .calendar .monthLabel {
    background-color: #fff;
    color: #404040;
}

.datePicker .calendar .yearInput {
    color: #404040;
    background-color: #fff;
}

.datePicker .openButtonDisabled {
    color: #666 !important;
    border: solid 1px #e3e3e3 !important;
    background-color: #f9f9f9 !important;
    cursor: default !important;
}

.collapsablePanel .title {
    background-color: #d5dce4;
    border: solid 1px #b9c9db;
    color: #444444;
    border-bottom: 0px;
}

.collapsablePanel .buttonDown {
    background-color: #EEEEEE;
}

.collapsablePanel .buttonUp {
    background-color: #EEEEEE;
}

.collapsablePanel {
    min-width: 800px;
}

    .collapsablePanel .container {
        background-color: #fff;
        border: solid 1px #b9c9db;
        /*border-top: 0px;*/
    }


/* -----------------------------Edit-----------------------------------*/

.entityEdit {
    min-width: fit-content;
}

.entityEdit .caption {
    color: #404040;
}

.entityEdit .mandatoryCaption {
    color: #404040;
}

.entityEdit .editableDetails .headerCell {
    color: #444444;
}

.entityEdit .editableDetails .controlCell {
    color: #666666;
    text-align: left;
}

.entityEdit .editableDetails .actions .button {
    background-color: #fff;
    color: #404040;
}

.entityEdit .editableDetails .actions .buttonOn {
    background-color: #fff;
    color: #000000;
}

/*----------------------------View----------------------------------*/

.entityView .title {
    background-color: #444;
    color: #404040;
}

.entityView .caption {
    color: #404040;
}

.entityView .value {
    color: #404040;
}

/*----------------------------CustomGrid----------------------------------*/

.customGrid {
    border: solid 1px #d5dce4;
    background-color: #FFFFFF;
}

.customGrid .actionButton {
    background-color: #F3F3F3;
    border: 1px solid #CCCCCC;
    color: #666666;
}

.customGrid th {
    background-color: #FFFFFF;
    color: #404040;
}

.customGrid th a {
    color: #404040;
}

.customGrid td {
    color: #666666;
    border-top: solid 1px #d5dce4;
}

.customGrid tr.evenRow {
    background-color: #FFFFFF;
}

.customGrid tr.oddRow {
    background-color: #FFFFFF;
}

.customGrid tr.checkedRow {
    background-color: #FFF2E6;
}

.customGrid checkbox {
    border: solid 1px #cfcfcf;
}

.customGrid .actions .emptyAction {
    width: 24px;
    display: block;
}


/*-------------------Pager----------------------*/

.pager {
    background-color: #d5dce4;
    border-bottom: solid 1px #d5dce4;
    border-left: solid 1px #d5dce4;
    border-right: solid 1px #d5dce4;
}

.pager .pages {
    color: #ccc !important;
}

.pager .page-button,
.pager .page-first,
.pager .page-previous,
.pager .page-next,
.pager .page-last {
    border: solid 1px #99a8b8;
    background-color: #c7d2de;
    color: #5c5c5c !important;
}

.pager .page-button:hover,
.pager .page-first:hover,
.pager .page-previous:hover,
.pager .page-next:hover,
.pager .page-last:hover {
    background-color: #d3dfeb;
    color: #333 !important;
}

.pager .pager-count {
    color: #333;
    font-family: Verdana;
    font-size: 12px;
    padding: 12px;
    float: right;
}


/*-------------------Quick Filters----------------------*/

.quickFilters {
    background-color: #d5dce4;
    border-top: solid 1px #b9c9db;
    border-left: solid 1px #b9c9db;
    border-right: solid 1px #b9c9db;
    width: 100%;
    float: left;
    color: #ccc;
}

.quickFilters .quickfilter_panel .quickfilter .label {
    color: #444 !important;
}


/* ------------------------------------------------------------------------ */
/*                                 New Menu                                */
/* -------------------------------------------------------------------------*/
body {
    /* display: none; */
}

.menu-nuevo {
    /*display: none;*/
    min-height: 680px;
}

.menu-nuevo div.active {
    color: #2b7acd;
}

.system-logo {
    width: 186px;
    margin-left: 10px;
}

.filterbutton {
    cursor: pointer;
}

.filterbuttonOn {
    cursor: pointer;
}

.detailsTable tr.error .textBox {
    border: solid 1px red !important;
    background-color: #fbd8d8;
}

.errorField.calibrationError {
    border: solid 1px red !important;
    background-color: #fbd8d8;
}

.detailsTable tr.cantBeEvaluated .textBox {
    border: solid 1px blue !important;
    background-color: lightblue;
}

.detailsTable tr.error .textBoxDisabled {
    border: solid 1px red !important;
    background-color: #fbd8d8;
}

.detailsTable tr.cantBeEvaluated .textBoxDisabled {
    border: solid 1px blue !important;
    background-color: lightblue;
}


/* ---------------------------------------------------------------------- */
/*                            calibrations                                */
/* ---------------------------------------------------------------------- */

.cantEvaluate {
    color: blue;
}


/* ---------------------------------------------------------------------- */
/*                               common                                   */
/* ---------------------------------------------------------------------- */

.hidden {
    display: none;
}

.actions table {
    width: auto !important;
}

td.actions {
    text-align: left !important;
}

#logo {
    display: none;
}


/* ---------------------------------------------------------------------- */
/*                            certificates                                */
/* ---------------------------------------------------------------------- */

#certificateTitle {
    display: none;
}

#certificateHeader {
    margin-bottom: 20px;
}

#certificateGraph {
    border: solid 1px #ccc;
}

#certificateFooter {
    width: 100% !important;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
    background-color: #fff;
    border: solid 1px #ccc;
    float: left;
}

.footerValue {
    padding: 5px 10px;
    color: #404040;
}

    .footerValue .caption {
        padding-left: 10px;
        color: #404040;
    }

#certificateLegend {
    display: none;
}


/* ------------------------------------------------------------------------ */
/*                                 Popups                                   */
/* -------------------------------------------------------------------------*/

#calibrationPlanning .modal-body {
    height: 235px;
}

#maintenancePlanning .modal-body {
    height: 235px;
}

#qualificationPlanning .modal-body {
    height: 235px;
}

#calibrationExpiration .modal-body {
    height: 300px;
}

#massiveInstrumentActivity .modal-body {
    max-height: 425px;
}

.popupEdit .collapsablePanel {
    border: solid 0px #eee;
    min-width: 400px;
}

.popupEdit .collapsablePanel .container {
    border: solid 0px #eee;
    background-color: transparent;
}

.popupEdit .collapsablePanel .title {
    background-color: transparent;
}

.popupEdit .entityEdit .editableDetails .actions .button {
    background-color: transparent;
}

.popupEdit .entityEdit .editableDetails .controlCell {
    background-color: transparent;
}

.popupEdit .entityEdit .editableDetails .headerCell {
    background-color: transparent;
}

#TaskPlan {
    min-height: 220px;
}

#EquipmentLogbookSignPopUp .modal-content, #InstrumentLogbookSignPopUp .modal-content {
    width: fit-content;
    height: fit-content;
}

#EquipmentLogbookSignPopUp .button:hover, #InstrumentLogbookSignPopUp .button:hover {
    background-color: #666;
    border: 1px solid #444;
    color: #fff;
}

#EquipmentQrPopUp .modal-dialog .code, #InstrumentQrPopUp .modal-dialog .code {
    text-align: center;
}

/* ------------------------------------------------------------------------ */
/*                                 grids                                   */
/* -------------------------------------------------------------------------*/

.calibrationPlanGrid {
    min-width: fit-content;
}

.forQualificationAndMaintenanceGrid {
    min-width: fit-content;
}

.forCalibrationGrid {
    min-width: fit-content;
}

.InstrumentCode {
    min-width: 70px;
}

.Model {
    min-width: 70px;
}

.customGrid th input.checkbox {
    margin: auto;
}

h3.gridTitle {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 20px;
    color: #333333;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 2px;
    font-weight: normal !important;
}

.customGrid .hasBeenReopened td.registerId {
    color: red;
}

/* ------------------------------------------------------------------------ */
/*                            system edit                                   */
/* -------------------------------------------------------------------------*/

.btn-equipment {
    width: 98%;
    color: #eee;
    background-color: #577ea5;
    border-color: #3f5a76;
}

.btn-equipment:not(:last-of-type) {
    margin-bottom: 10px;
}

    .btn-equipment:hover {
        background-color: #6a94be;
        border-color: #597da0;
        color: #fff !important;
    }

.equipment-item {
    float: left;
    width: 100%;
    text-align: left;
}

/* ------------------------------------------------------------------------ */
/*                            equipment edit                                */
/* -------------------------------------------------------------------------*/

.btn-instrument {
    width: 98%;
    color: #eee;
    background-color: #577ea5;
    border-color: #3f5a76;
}

.btn-instrument:hover {
    background-color: #6a94be;
    border-color: #597da0;
    color: #fff !important;
}

.instrument-item {
    float: left;
    width: 100%;
    text-align: left;
}

.main {
    font-weight: bold;
    float: left;
    width: 100%;
    text-align: left;
}


/* ---------------------------------------------------------------------- */
/*                               status                                   */
/* ---------------------------------------------------------------------- */

.status #slim-version {
    background-color: #fff;
    border: solid 1px #b9c9db;
    margin-left: 5px;
    margin-right: 5px;
}

.status #slim-version #statusBody {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    align-content: center;
    align-items: center;
}

.status #slim-version #statusBody .caption {
    width: 100% !important;
    font-size: 1.8em !important;
    text-wrap: auto;
    word-wrap: break-word;
}

.status #slim-version #statusBody .label {
    text-align: end !important;
    padding: 0px !important;
}

.status #slim-version #statusBody .value {
}

.status #slim-version #state {
    font-size: 3em;
    text-align: center;
    margin-bottom: 10px;
}


/* ---------------------------------------------------------------------- */
/*                               camera                                   */
/* ---------------------------------------------------------------------- */

.photoPlaceholder {
    color: rgba(0, 0, 0, 0.1) !important;
    font-size: 32px;
    font-weight: bold;
    font-family: helvetica;
}

.cameraIconButton {
    margin-left: 20px;
}