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

body {
    font-family: Verdana, Helvetica, sans-serif;
    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 {
    top: 100px !important;
}

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

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

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

th:has(input) {
    text-align: -webkit-center !important;
}


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

html {
    overflow-y: scroll; 
}

body {
    /* background-color: #FFF7A6; */
    /* background-color: #fcb33c; */
    /* background-color: #F3F3F3; */
    background-color: #FcFcFc !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: #f9f9f9;
    border-bottom: solid 1px #fff;
    height: 112px;
    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%;
}

#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: #4d6578;
    font-size: 14px;
    margin: 10px;
}

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

#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: 965px; /* celulares */
}

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

.only-print {
    display: none;
}

@media print {
    .only-print {
        display: inherit;
    }
}


/* ------------------------------------------------------------------------ */
/*                               Informe                                    */
/* -------------------------------------------------------------------------*/

#analysis-report {
    width: 99%;
}

#analysis-report.for-pdf {
    width: 97%;
    margin-left: 11px;
}

#hide-report {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 1000;
    top: 0px;
    position: absolute;
}

#report-title {
    display: block;
    font-size: 10px;
    height: 50px;
    margin-top: 20px;
}

#report-title a {
    color: inherit !important;
    text-decoration: none;
}

@media print {
    #report-title * {
        color: inherit !important;
    }
}

#report-headerInfo {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    text-align: center;
    border-top: 1px solid;
}

#report-headerInfo .senasa {
    font-weight: bold;
}

#report-headerInfo .title {
    font-weight: bold;
    text-transform: uppercase;
}

#report-headerInfo .subtitle {
}

#report-pages {
    font-size: 10px;
    text-align: end
}

#report-content {
    text-align: center;
    font-size: 12px;
    /*padding-bottom: 10px;*/
    /*margin-bottom: 10px;*/
}

#report hr {
    color: #ccc;
}

/*#report-content #analysis-info.grid,*/
/*#report-content #requester-info.grid,*/
/*#report-content #senasaoffice-info.grid {
    text-align: center;
    display: grid;
    border-bottom: 1px solid;
}*/

#report-content .analysis-info-1 {
    padding: 5px 3px 5px 0px;
}

#report-content .analysis-info-2 {
    border-left: 1px solid;
    padding: 5px 0px 5px 10px;
}

#report-content .analysis-info-3 {
    border-right: 1px solid;
    padding: 5px 3px 5px 0px;
}

#report-content .analysis-info-4 {
    padding: 5px 0px 5px 3px;
}

#report-content .requester-info-1 {
    padding: 5px 0px 5px 0px;
}

#report-content #senasaoffice-info {
    padding: 5px 0px 5px 0px;
}

#report-content .labresults-title {
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0px 10px 0px;
    font-size: 13px;
}

#report-content #Validator_Analysis,
#report-content #Validator_Requester,
#report-content #Validator_SenasaOffice {
    display: none;
}

#report-content .vertical-divider {
    display: block;
}

#report-footerInfo .samples {
    margin-top: 20px;
    font-size: 12px;
}

#report-footerInfo .properties {
}

#report-footerInfo .observations {
    font-size: 12px !important;
    margin: 20px;
}

    #report-footerInfo .observations .title {
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 12px !important;
        text-align: left;
    }

    #report-footerInfo .observations .content {
        text-align: left;
    }

#report-footerInfo .observations hr {
    margin-left: -20px;
    margin-right: -20px;
}

#report-footerInfo .signs {
    display: grid;
    justify-content: start;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12px;
}

#report-footerInfo .legend {
    margin-left: 20px;
    font-size: 12px;
    color: #666;
    font-style: italic;
}

.kits {
    width: fit-content;
    margin: 20px;
}

.kits .title {
    font-size: 12px !important;
    margin-bottom: 5px;
}

.kitsTable {
    margin-left: -3px;
}

.kitsTable th {
    padding-right: 10px;
}

.samplesReportSection {
    width: fit-content;
    margin: 20px;
}

.samplesReportSection .title {
    font-size: 12px !important;
    margin-bottom: 5px;
    text-align: left;
}

.samplesReportSection .header {
    font-weight: bold;
    font-style: italic;
}

.samplesReportSection .content div {
    padding: 10px 5px 0px 0px;
}

.report-header-cell {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding-left: 3px;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .report-header-cell.last-col {
        border-right: 0px;
    }

    .report-header-cell.last-row {
        border-bottom: 0px;
    }

.report-header-value{
    margin-left: 3px;
}

.report-header {
    border-top: 2px solid black;
    /*border-bottom: 1px solid black;*/
    /*margin-bottom: 3px;*/
}

    .report-header.last-header {
        border-bottom: 2px solid black;
    }

#report #results-grids .positiveResult {
    color: red !important;
}

.AIE-grid{
    width: 100%;
}

.AIE-grid, .AIE-grid th, .AIE-grid td {
    border: 1px solid black;
    border-collapse: collapse;
}

.AIE-grid tr th{
    padding: 3px;
}

    .AIE-grid tr td {
        padding: 3px;
    }

#kitInfo {
    /*display: flex;
    width: 100%;
    justify-content: center;*/
}

.AIEinfoContainer {
    border: 1px solid #e3e3e3;
    color: #404040;
    font-family: Verdana, Helvetica, sans-serif;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 25%;
    display: flex;
    flex-direction: column;
    align-self: center;
}

.AIEinfoHeader {
    align-self: center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.AIEinfoTitle {
    align-self: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.AIEinfoGrid {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
}

    .AIEinfoGrid div {
        margin: 5px;
    }

.report-statistic-totals {
    display: flex;
    /*border: 1px solid #e3e3e3;*/
    color: #404040;
    margin-top: 10px;
    flex-direction: column;
    /*width: 10%;*/
    padding: 7px;
    gap: 5px;
    font-family: Verdana, Helvetica, sans-serif;
}

    .report-statistic-totals .all-totals-container {
        display: flex;
        column-gap: 20px;
    }

.report-statistic-total {
    border: 1px solid #e3e3e3;
    padding: 10px;
}

.report-statistic-totals .statistic-title {
    font-weight: bold;
    font-size: 16px;
    align-self: center;
}

.report-statistic-totals .statistic-subtitle {
    font-weight: bold;
    font-size: 14px;
    align-self: center;
}

.report-statistic-totals .totals-container {
    display: flex;
    flex-direction: column;
    padding-top: 7px;
    gap: 5px;
}

.statistic-grid {
    width: 100%;
}

.statistic-grid th, .statistic-grid td {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
}

.statistic-grid td, .statistic-grid th {
    padding: 3px;
}

.statistic_button {
    float: right !important;
    margin-left: 10px;
}

#statistic-filters-data {
    padding-bottom: 10px;
}

.statistic-date-filter {
    margin-left: 15px;
}


/* ------------------------------------------------------------------------ */
/*                          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%;  
}


/* ------------------------------------------------------------------------ */
/*                                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;
}

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

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


/* ------------------------------------------------------------------------ */
/*                             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: #f6f6f6;
    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: #f6f6f6;
    transition: 0.2s;
}

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

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

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

.boton-nuevo:hover {
    background-color: rgb(240,240,240);
}

.sub-menu-nuevo:hover {
    background-color: rgb(230,230,230);
}
.sub-sub-nuevo:hover {
    background-color: rgb(230,230,230);
}

.boton-toggle {
    opacity: 0;
}

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

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

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

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

.emvet-logo-toggle {
    opacity: 0;
    transition: 0.2s;
}

.emvet-logo {
    transition: 0.1s;
    width: 180px;
}

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

#sub-5 {
    float: initial !important;
}

.sub-menu-nuevo {
    float: left;
    background-color: rgb(236,236,236);
    width: 100%;
    padding: 10px 0;
    text-align: left;
    cursor: pointer;
}

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

.sub-sub-nuevo {
    float: left;
    background-color: rgb(236,236,236);
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

.version-nuevo {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    text-align: left;
    float: left;
}

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

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

.log{
    float: right;
}

.user {
    float: right;
}

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

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

#home-menu {
    display: none;
}

.icon-display,
.icon-enlarge,
.icon-stats-dots,
.icon-cogs,
.icon-droplet,
.icon-location2,
.icon-stack,
.icon-power,
.icon-file-text2,
.icon-stack,
.icon-lab {
    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-price-tags,
.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-history,
.icon-eyedropper,
.icon-address-book,
.icon-info,
.icon-twitter,
.icon-home,
.icon-droplet,
.icon-mail4,
.icon-stats-bars,
.icon-list,
.icon-files-empty{
    font-size: 12pt;
    margin-right: 18px;
    float: right;
    cursor: pointer;
}

.icon-coin-dollar {
    font-size: 14pt;
    margin-right: 16px;
    float: right;
    cursor: pointer;
}

.icon-clock, 
.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: #333 !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;
}


/* ------------------------------------------------------------------------ */
/*                             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: -webkit-calc(100% - 250px);
    width: -moz-calc(100% - 250px);
    width: calc(100% - 260px);
    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;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-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 #mainTable_calendarPlan {
    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;
}

.only-programmed-content {
    margin-top: 20px;    
    margin-bottom: 20px;
}

.only-me-content .label.disabled {
    color: #999 !important;
} 

#monitoringPlanAreas .modal-dialog {
    width: 900px;
}

#monitoringPlanPoints .modal-dialog {
    width: 900px;
}

#monitoringPlanForm {
    margin-bottom: 150px;
}

#monitoringPlanForm .collapsablePanel {
    border: solid 1px #eee;
    min-width: 800px !important;
}

#monitoringPlanForm .collapsablePanel .container {
    background-color: transparent;
}

#monitoringPlanForm .collapsablePanel .title {
    background-color: transparent;
}

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

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

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


/* ------------------------------------------------------------------------------------*/
/*                                  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) {

    h5 {
        margin-bottom: 2px !important;
        margin-top: 20px !important;
    }

    .home-content {
        width: -webkit-calc(100% - 270px) !important;
        width: -moz-calc(100% - 270px) !important;
        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: -webkit-calc(100% - 74px) !important;
        width: -moz-calc(100% - 74px) !important;
        width: calc(100% - 74px) !important;
        left: 54px !important;
    }

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

    .samplesEntryReport {
        min-width: 1500px;
    }

    .siglabReport {
        min-width: 1500px;
    }
}

@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;
    }
}

@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: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
}

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

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



/* ------------------------------------------------------------------------ */
/*                                 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;
}

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


/* ------------------------------------------------------------------------ */
/*                                 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:#EEEEEE;
	border:1px solid #cfcfcf;
	color: #404040;
}

.buttonOn, .button:hover
{
	background-color:#e6e6e6;
	border:1px solid #ccc;
	color:#404040;
}

/*---------------------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 #e3e3e3 !important;
}

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

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

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

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

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

.textBoxDisabled
{
	background-color:#f6f6f6;
	color:#999;
	border:solid 1px #e3e3e3;
}

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

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

.textAreaDisabled
{
	background-color:#f6f6f6;
	color:#999;
	border:solid 1px #e3e3e3;
	
}

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

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

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

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

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

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

.collapsablePanel .title
{
	background-color:#EEEEEE;
	color:#404040;
}

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

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

.collapsablePanel
{
	border: solid 1px #e3e3e3;
    min-width: 800px;
}

.modal.popup .collapsablePanel {
    min-width: 0px;
}

.collapsablePanel .container {
    background-color: #F9F9F9;
}

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

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

.entityEdit .caption
{
	color:#404040;	
}

.entityEdit .mandatoryCaption
{
	color:#404040;	
}

.entityEdit .editableDetails .headerCell
{
	background-color:#F9F9F9;
	color:#444444;
}

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


.entityEdit .editableDetails .actions .button
{
    background-color: #F9F9F9;
    color: #404040;
}
    
.entityEdit .editableDetails .actions .buttonOn
{
    background-color: #F9F9F9;
    color: #000000;
}
 
/*----------------------------View----------------------------------*/

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

.entityView .caption
{
	color:#404040;
}

.entityView .value
{
	color:#404040;
}

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

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

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

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

.customGrid th a
{
	color:#404040;	
}

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

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

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

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

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

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

/*-------------------Pagers----------------------*/

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

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

.pager .page-button,
.pager .page-first,
.pager .page-previous,
.pager .page-next,
.pager .page-last {
    border: solid 1px #EEEEEE;
    background-color: #F3F3F3;
}

.editableDetails .pager {
    background-color: #F9F9F9;
    border: solid 0px #e3e3e3;
}

.editableDetails .pager .page-button,
.editableDetails .pager .page-first,
.editableDetails .pager .page-previous,
.editableDetails .pager .page-next,
.editableDetails .pager .page-last {
    border: solid 1px #cfcfcf;
    background-color: #F3F3F3;
    color: #666;
}

.editableDetails .pager .page-error {
    border: solid 1px #ffcfcf;
    background-color: #FfF3F3;
    color: #f66;
}


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

.quickFilters
{
	background-color:#EEEEEE;
	border-top: solid 1px #cfcfcf;
	border-left: solid 1px #cfcfcf;
	border-right: solid 1px #cfcfcf;
}

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


/* -----------------Conductividad----------------------*/

.monitoringValues #panel_ConductivityStep2 {
    display: none;
}

.monitoringValues #panel_ConductivityStep3 {
    display: none;
}


/* ---------------------Limits-------------------------*/
.limitsTable {
    font-weight: normal !important;
}

.limitsTable td {
    padding: 2px !important;
}

.titleLimits {
    font-weight: normal !important;
    padding-top: 3px;
}

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

body {
    /* display: none; */
}

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

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


/* ------------------------------------------------------------------------ */
/*                            protocol fill                                 */
/* -------------------------------------------------------------------------*/

.protocol-analysis {
    margin: 10px 0px;
    float: left;
    color: #444;
    background-color: #72bbfa;
    border-color: #65aeed;
    width: 100%;
    box-sizing: border-box !important;
    cursor: pointer;
    font-size: 12px;
}

.protocol-analysis.clickable:hover {
    background-color: #60a1d9;
    border-color: #588ebe;
}

.protocol-analysis span {
    float: left;
    width: 100%;
    text-align: left;
}

.protocol-analysis span.title {
    font-weight: bold;
}

.duplicateSamples tr.title {
    font-weight: bold;
}

.duplicateSamples td {
    padding: 5px 10px;
}


/* ------------------------------------------------------------------------ */
/*                        correccion logo reporte                           */
/* -------------------------------------------------------------------------*/


#report #logo img {
    position: relative;
    top: 7px;
}


/* ------------------------------------------------------------------------ */
/*                        analisis una muestra                          */
/* -------------------------------------------------------------------------*/

.itemDescription {
    display: inherit !important;
}

/*----------------------------AnalysisLabel----------------------------------*/

.rotulo1 {
    page-break-before: always;
    border: solid 1px #333;
    margin: 10px;
    text-align: center;
    font-size: 30px;
    padding: 15px;
    display: flex;
    gap: 4px;
    justify-content: center;
    flex-direction: column;
}

    .rotulo1 .rotulo-data {
        text-align: initial;
    }

    .rotulo1 .collapsablePanel {
        border: 0px;
    }