/* ------------------------------------------------------------------ */
/*                          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 {
    top: 100px !important;
}

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

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

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


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

html {
    overflow-y: scroll; 
}

body {
    /* background-color: #FFF7A6; */
    /* background-color: #fcb33c; */
    /* background-color: #F3F3F3; */
    background-color: #F6F6F6 !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%;
    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: #c5972d;
    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;
}


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

.emap-icon {
    position: absolute;
    opacity: 0;
    margin-left: -172px;
    height: 36px;
    margin-top: 8px;
}

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

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

.emap-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;
    float: right;
    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: 50px 20px 20px 20px !important;
    transition: 0.2s;
    height: calc(100% - 201px);
}

.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-home,
.icon-steam {
    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-codepen,
.icon-clipboard,
.icon-page-break,
.icon-pagebreak,
.icon-file-text,
.icon-file-text2,
.icon-enlarge,
.icon-shrink,
.icon-barcode,
.icon-calculator,
.icon-stats-bars,
.icon-stats-bars2,
.icon-clock,
.icon-home3 {
    font-size: 12pt;
    margin-right: 18px;
    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;
}

.newButton {
    cursor: pointer;
}

.newButtonOn {
    cursor: pointer;
}


/* ------------------------------------------------------------------------ */
/*                             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% - 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-months
{
    width: 134px !important;
}

.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) {

    .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: 40px !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;
    }
}

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

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


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

#home-menu {
    background-color: #fff;
    color: #c5972d;
    -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:#FFF;
	border:1px solid #EEEEEE;
	color:#404040;
}

.actions table {
    width: auto !important;
}

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


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

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

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

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

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

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

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

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

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

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

.textBoxDisabled
{
	background-color:#f3f3f3;
	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:#f3f3f3;
	color:#666;
	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 #cfcfcf;
    /*min-width: 800px;*/
}

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

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

.entityEdit .caption
{
	color:#404040;	
}

.entityEdit .mandatoryCaption
{
	color:#404040;	
}

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

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

.entityEdit .editableDetails .actions .button
{
    background-color: #F3F3F3;
    color: #404040;
}
    
.entityEdit .editableDetails .actions .buttonOn
{
    background-color: #F3F3F3;
    color: #000000;
}
 
.hiddenFieldRow {
    display: none;
}

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

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

.entityView .caption
{
	color:#404040;
}

.entityView .value
{
	color:#404040;
}

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

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

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

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

.customGrid th a
{
	color:#404040;	
}

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

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

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

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

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

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

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

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

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

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


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

#returnToWarehouses {
    top: 20px !important;
}

#returnToWarehouses .modal-body {
    max-height: 470px;
}

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

#returnToWarehousesForm {
    margin-bottom: 0px;
}

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

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

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

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

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

#returnToWarehousesForm .entityEdit .editableDetails .headerCell {
    background-color: transparent;
}
#materialLotMove {
    top: 20px !important;
}

#materialLotMove .modal-body {
    max-height: 470px;
}

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

#materialLotMoveForm {
    margin-bottom: 0px;
}


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

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

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

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

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

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


#materialLotStockTake {
    top: 20px !important;
}

#materialLotStockTake .modal-body {
    max-height: 610px;
}

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

#materialLotStockTakeForm {
    margin-bottom: 0px;
}

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

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

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

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

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

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


#productLotMove {
    top: 20px !important;
}

#productLotMove .modal-body {
    max-height: 450px;
}

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

#productLotMoveForm {
    margin-bottom: 0px;
}

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

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

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

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

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

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


#productLotStockTake {
    top: 20px !important;
}

#productLotStockTake .modal-body {
    max-height: 510px;
}

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

#productLotStockTakeForm {
    margin-bottom: 0px;
}

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

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

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

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

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

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


#additionalMaterial {
    top: 20px !important;
}

#additionalMaterial .modal-body {
    max-height: 510px;
}

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

#additionalMaterial {
    margin-bottom: 0px;
}

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

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

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

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

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

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


#additionalMaterialExtraLots #quarantineLots {
    margin-left: 7px;
    vertical-align: bottom;
}


#materialLotStockAdjustment {
    top: 20px !important;
}

#materialLotStockAdjustment .modal-body {
    max-height: 500px;
}

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

#materialLotStockAdjustmentForm {
    margin-bottom: 0px;
}

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

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

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

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

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

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


#productionLotStockTake {
    top: 20px !important;
}

#productionLotStockTake .modal-body {
    max-height: 510px;
}

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

#productionLotStockTakeForm {
    margin-bottom: 0px;
}

#productionLotStockTakeForm .collapsablePanel {
    border: solid 1px #eee;
    min-width: 800px !important;
    background-color: #fff;
}

#productionLotStockTakeForm .collapsablePanel .container {
    background-color: #fff;
}

#materialLotLabelPreview .modal-body {
    max-height: 510px;
}

#materialLotLabelPreview .modal-dialog {
    width: 600px;
}

#materialLotLabelPreview .popupEdit .collapsablePanel {
    min-width: 500px !important;
}


#productPrimaryLotStockAdjustment {
    top: 20px !important;
}

#productPrimaryLotStockAdjustment .modal-body {
    max-height: 510px;
}

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

#productPrimaryLotStockAdjustmentForm {
    margin-bottom: 0px;
}

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


#productSecondaryLotStockAdjustment {
    top: 20px !important;
}

#productSecondaryLotStockAdjustment .modal-body {
    max-height: 510px;
}

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

#productSecondaryLotStockAdjustmentForm {
    margin-bottom: 0px;
}

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


#materialLotSelection {
    top: 20px !important;
}

#materialLotSelection .modal-body {
    max-height: 600px;
    overflow-x: hidden;
}

#materialLotSelection .modal-dialog {
    width: 1100px;
}


.popupEdit .collapsablePanel {
    border: solid 1px #eee;
}

.popupEdit .collapsablePanel .container {
    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;
}


/* ------------------------------------------------------------------------ */
/*                                 Print                                    */
/* -------------------------------------------------------------------------*/


#logo {
    display: none;
}

#materialLotLabel .entityEdit {
    width: 630px; 
    background-color: #fff;
}

#materialLotLabel .entityEdit .collapsablePanel {
    background-color: #fff;   
}

#materialLotLabel .entityEdit .collapsablePanel .container {
    background-color: #fff;   
}


/* rotulo de lote de materiales general */
.rotulo1 {
    /* border: solid 1px #333; */
    page-break-before: always;
    width: 750px;
    border: solid 1px #333;
    margin: 10px;
}

.rotulo1 .lotState {
    font-size: 50px !important;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
}


/* rotulo de fraccionado */
.rotulo2 {
    /* border: solid 1px #333; */
    page-break-before: always;
    width: 500px;
    border: solid 1px #333;
    margin: 10px;
}


/* rotulo de lote de materiales cuarentena */
.rotulo3 {
    font-size: 8px !important;
    width: 550px;
    margin: 10px;
    page-break-before: always;
}

.rotulo3 .lotState {
    font-size: 40px !important;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.rotulo3 .entityEdit .editableHeader .controlCell {
    height: 30px;
}

.rotulo3 .entityEdit .editableHeader .captionCell {
    height: 30px;
}

.rotulo3 .entityEdit .editableHeader .errorCell {
    height: 30px;
}

.rotulo3 .label {
	font-size: 14px !important;
}

.rotulo3 .caption {
	font-size: 14px !important;
}



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

.noevents {
    pointer-events: none;
}



/* ------------------------------------------------------------------------ */
/*                             Corecciones                                  */
/* -------------------------------------------------------------------------*/

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

.collapsablePanel {
    /*min-width: 101% !important;*/
}

#ProductionOrderEdit {
    /*min-width: 1340px;*/
}

#PackagingOrderEdit {
    /*min-width: 1220px;*/
}

#BreakingUpOrderEdit {
    /*min-width: 1520px;*/
}

#PackagingBreakingUpOrderEdit {
    /*min-width: 1420px;*/
}

.WarehousesMaterials {
    min-width: 1120px
}

.productionOrderEdit {
    min-width: 1500px
}


/* ------------------------------------------------------------------------ */
/*                                 Edits                                    */
/* -------------------------------------------------------------------------*/
#panel_DirectPartialReturn {
    display: none;
}

.wrap-text {
    white-space: normal !important;
}


/* ------------------------------------------------------------------------ */
/*                           Schema Creation                                */
/* -------------------------------------------------------------------------*/
.schemaButton {
    color: #999;
}

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