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

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


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

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

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

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

#header .header-menu li.active a {
    color: #5bb760;
}


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

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

#home-menu li a {
    color: #595f5a;
}

#home-menu li.active a {
    color: #53c98d;
}

#home-menu li a:hover {
    color: #53c98d;
}


/* ------------------------------------------------------------------------ */
/*                                 Monitoring                               */
/* -------------------------------------------------------------------------*/

.monitoring .btn-monitoring {
    color: #444;
    background-color: #c7dfc9;
    border-color: #a0c6a2;
}

.monitoring .btn-monitoring:hover {
    background-color: #b3dab6;
    border-color: #9ac69d;
}

.monitoring .btn-monitoring.done {
    background-color: #709770;
    border-color: #6a896a;
    color: #ffffff;
}

.monitoring .btn-monitoring.done:hover {
    background-color: #607c60;
    border-color: #435a43;
}

.monitoring .item label.caption {
	color:#346b3a;	
}

.areaGroups {
    margin-top: -15px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.areaGroups a {
    float: left;
}

.plantasGroups {
    margin-top: -15px;
    margin-bottom: 25px;
    float: left;
    width: 100%;
}

.plantasGroups a {
    float: left;
}

.expirations {
    margin-top: -5px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.expirations a {
    float: left;
}

.button.planta {
    color: #666;
    border: solid 1px #ddd;
    background-color: #e6e6e6;
    text-decoration: none;
}

.button.planta:hover {
    color: #444;
    border: solid 1px #eee;    
    background-color: #fff;
}

.buttonOn.planta {
    color: #666;
    border: solid 1px #e6e6e6;    
    background-color: #fff;
}

.button.group {
    color: #5c6b5d;
    text-decoration: none;
}

.button.group:hover {
    color: #444;
}

.buttonOn.group {
    color: #5c6b5d;
}

.button.expiration {
    background-color: #fdf7d6;
    border: 1px solid #e4e3cb;
    color: #7d7250;
    text-decoration: none;
}

.button.expiration:hover {
    color: #444;
    background-color: #FFF;
    border: 1px solid #e4e3cb;
}

.buttonOn.expiration {
	background-color:#FFF;
    border: 1px solid #e4e3cb;
    color: #7d7250;
}


/* ------------------------------------------------------------------------ */
/*                          Monitoring Plan                                 */
/* -------------------------------------------------------------------------*/

.monitoring .btn-monitoring-plan.selected {
    background-color: #709770;
    border-color: #6a896a;
    color: #ffffff;
}

.monitoring .btn-monitoring-plan.selected:hover {
    background-color: #607c60;
    border-color: #435a43;
}

.monitoring .btn-monitoring-plan>span {
    float: left;
    text-align: left;
    width: 90%;
}

.monitoring .btn-monitoring-plan>span.detail {
    padding-left: 18px;
}

.monitoring .btn-monitoring-plan .checkmark_stem 
.monitoring .btn-monitoring-plan .checkmark_kick {
    color: #444;
}

.monitoring .btn-monitoring-plan.selected .checkmark_stem,
.monitoring .btn-monitoring-plan.selected .checkmark_kick {
    background-color:#fff;
}

.monitoring .btn-monitoring-plan .checkmark {
    margin-left: -10px;
    margin-right: 6px;
    display:inline-block;
    width: 22px !important;
    height: 22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.monitoring .btn-monitoring-plan .checkmark_stem {
    position: absolute;
    width:3px;
    height:9px;
    left:11px;
    top:6px;
}

.monitoring .btn-monitoring-plan .checkmark_kick {
    position: absolute;
    width:3px;
    height:3px;
    left:8px;
    top:12px;
}


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

.comment
{
	color:#42588E;	
}

.button 
{
    background-color: #e3ece4;
    border: 1px solid #c5d3c7;
    color: #2e5f34;
}

.buttonOn, a.button:hover 
{
    background-color: #FFF;
    border: 1px solid #e3ece4;
    color: #2e5f34;
}

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

.menu .section
{
	background-color:#346b3a;		
}

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

.menu .menuItem
{
	color:#444944;	
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.colorPicker
{
	background-color:#fff;
	color:#444;
	border:solid 1px #c4d2c5;
}

.colorPicker:focus
{
	border:solid 1px #c4d2c5;
}

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

.collapsablePanel .title
{
	background-color:#e5ede6;
	color:#346b3a;
}

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

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

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

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

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

.entityEdit .caption
{
	color:#346b3a;	
}

.entityEdit .mandatoryCaption
{
	color:#346b3a;	
}

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

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


.entityEdit .editableDetails .actions .button
{
    background-color: #fefefe;
    color: #346b3a;
}
    
.entityEdit .editableDetails .actions .buttonOn
{
    background-color: #fefefe;
    color: #000000;
}
 
/*----------------------------View----------------------------------*/

.entityView .title
{
	background-color:#e5ede6;
	color:#346b3a;
}

.entityView .caption
{
	color:#346b3a;
}

.entityView .value
{
	color:#346b3a;
}

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

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

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

.customGrid th 
{
    background-color: #e5ede6;
    color: #346b3a;
}

.customGrid th a
{
	color:#346b3a;	
}

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

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

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

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

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

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

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

.pager .pages {
    color:#346b3a !important;	
}

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

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

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

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


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

body {
   /* display: none; */
}

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

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


/* ------------------------------------------------------------------------ */
/*                   Fixing Monitoring Edit                                 */
/* -------------------------------------------------------------------------*/

#monitoringNewForm {
    min-width: 860px;
}

#monitoringNewForm #MonitoringEdit {
    min-width: 820px;
}

#MonitoringEdit {
    min-width: 1060px;
}


.home-content .headerobservations {
    max-width: 790px;
}

.home-content .caracterizacion {
    transition: 0.2s;
    max-width: 985px;
}

.home-content-toggle .caracterizacion {
    width: 1185px !important;
    max-width: 1185px;
    transition: 0.2s;
}


.home-content .hongos-slim.microorganisms.desvio .point>div {
    transition: 0.2s;
    width: 180px !important;
}

.home-content .hongos-slim.microorganisms.desvio .microorganisms>div {
    transition: 0.2s;
    width: 150px !important;
}

.home-content .hongos-slim.microorganisms.desvio input.desvio {
    transition: 0.2s;
    width: 50px !important;
}

.home-content .hongos-slim.microorganisms.desvio .observations {
    transition: 0.2s;
    width: 140px !important;
}

.home-content-toggle .hongos-slim.microorganisms.desvio input.desvio {
    transition: 0.2s;
    width: 260px !important;
}

.home-content-toggle .hongos-slim.microorganisms.desvio .microorganisms>div {
    transition: 0.2s;
    width: 210px !important;
}

.home-content-toggle .hongos-slim.microorganisms.desvio input.desvio {
    transition: 0.2s;
    width: 80px !important;
}

.home-content-toggle .hongos-slim.microorganisms.desvio .observations {
    transition: 0.2s;
    width: 180px !important;
}

.home-content .two-reads.microorganisms.desvio .point>div {
    width: 220px !important;
    transition: 0.2s;
}

.home-content .two-reads.microorganisms.desvio .microorganisms>div {
    width: 190px !important;
    transition: 0.2s;
}

.home-content .two-reads.microorganisms.desvio input.desvio {
    transition: 0.2s;
    width: 50px !important;
}

.home-content .two-reads.microorganisms.desvio .observations {
    width: 170px !important;
    transition: 0.2s;
}

.home-content-toggle .two-reads.microorganisms.desvio .point>div {
    width: 260px !important;
    transition: 0.2s;
}

.home-content-toggle .two-reads.microorganisms.desvio .microorganisms>div {
    width: 230px !important;
    transition: 0.2s;
}

.home-content-toggle .two-reads.microorganisms.desvio input.desvio {
    width: 50px !important;
    transition: 0.2s;
}

.home-content-toggle .two-reads.microorganisms.desvio .observations {
    width: 220px !important;
    transition: 0.2s;
}

.home-content .hongos.microorganisms.desvio .point>div,
.home-content .calculated-value.microorganisms.desvio .point>div {
    width: 240px !important;
    transition: 0.2s;
}

.home-content .hongos.microorganisms.desvio .microorganisms>div,
.home-content .calculated-value.microorganisms.desvio .microorganisms>div {
    width: 190px !important;
    transition: 0.2s;
}

.home-content .hongos.microorganisms.desvio input.desvio,
.home-content .calculated-value.microorganisms.desvio input.desvio {
    width: 50px !important;
    transition: 0.2s;
}

.home-content .hongos.microorganisms.desvio .observations,
.home-content .calculated-value.microorganisms.desvio .observations {
    width: 180px !important;
    transition: 0.2s;
}

.home-content-toggle .hongos.microorganisms.desvio .point>div,
.home-content-toggle .calculated-value.microorganisms.desvio .point>div {
    width: 300px !important;
    transition: 0.2s;
}

.home-content-toggle .hongos.microorganisms.desvio .microorganisms>div,
.home-content-toggle .calculated-value.microorganisms.desvio .microorganisms>div {
    width: 240px !important;
    transition: 0.2s;
}

.home-content-toggle .hongos.microorganisms.desvio input.desvio,
.home-content-toggle .calculated-value.microorganisms.desvio input.desvio {
    width: 90px !important;
    transition: 0.2s;
}

.home-content-toggle .hongos.microorganisms.desvio .observations,
.home-content-toggle .calculated-value.microorganisms.desvio .observations {
    width: 220px !important;
    transition: 0.2s;
}

.home-content .editableDetails {
    width: 100% !important;
}


#table_PointValues tr td:last-child {
    min-width: 200px;
    float: left;
}


/* --------------------------------------------------------------------------*/
/*                            Monitoring Grid                                */
/* --------------------------------------------------------------------------*/

.gridArea {
    width: 250px;
}

.gridMonitoringDefinition {
    width: 300px;
}

.gridMonitoringPoint {
    width: 300px;
}

#PlanillaView .title a {
    color:#1b2f9ded;
}

#PlanillaView .title a:hover {
    color: #1b2f9ded;
}