/*****************************************************************************************/
/*                                  SIDE NAV STYLES                                      */
/*****************************************************************************************/
md-sidenav {
	width: 500px
}
md-sidenav md-content h3 { 
	padding: 5px 16px;
	margin: 0px;
	background: rgba(0,0,0,.32);
    color: white;
    font-size: 18px;
}
md-sidenav md-content md-list-item:hover {
	background-color: #DDD;
	cursor: pointer;
}
md-sidenav md-list-item p {
	font-size: 13px !important;
}
md-sidenav button.tab-button {
	width: 100% !important;
	padding: 10px 0px;
	margin: 10px 0px;
	color: white;
}
md-sidenav button.tab-button[disabled='disabled'] {
	background-color: #DDD;
}
md-sidenav button.tab-button[disabled='disabled']:hover {
	cursor: no-drop;
}
md-sidenav button.tab-button md-icon {
	color: white;
}
md-sidenav button.run-button {
	background-color: #597722;
}
md-sidenav button.clear-button {
	background-color: #cba25b;
}
md-sidenav button.button-type1 {
	background-color: #507060;
}
md-sidenav button.button-type2 {
	background-color: #724225;
}
/*****************************************************************************************/
/*                               END SIDE NAV STYLES                                     */
/*****************************************************************************************/



/*.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li + li:before {
  content: "|";
  padding-right: 0.3em;
}*/



#page-content {
	height: 100% !important;
	width: 100%
}
#page-content md-content {
	height: 100%;
}
#page-content md-content #loading-spinner {
	height: 100%;
}






/*****************************************************************************************/
/*                               LEAFLETJS MAP STYLES                                    */
/*****************************************************************************************/
#map-template,
#map-template md-content > div,
#map-template .angular-leaflet-map {
	height: 100%;
}
.leaflet-draw{
    display: none;
}
.leaflet-draw-toolbar{
    display: none;
}
.leaflet-top, .leaflet-bottom {
	z-index: 10;
}
/*****************************************************************************************/
/*                              END LEAFLETJS MAP STYLES                                 */
/*****************************************************************************************/














/* OTHER STYLES */
md-toolbar {
	background-color: #a3cd39 !important;
}
#sidemenu-template .md-subheader {
	/*background-color: #fee7ed !important;*/
	background-color: #ecf5d6 !important;
}
.md-primary { /* Convert angularjs material dark blue button into plurifor light green */
	background-color: #a3cd39 !important;
}
.md-warn { /* Convert angularjs material red button into plurifor pink */
	background-color: #f43e71 !important;
}
.md-confirm-button, .md-cancel-button { /* Se buttons text white */
	color: white !important;
}
.md-checkbox-enabled.md-default-theme[selected] .md-icon, .md-checkbox-enabled[selected] .md-icon { /* Set checkboxes pink */
	background-color: #f43e71 !important;
}
md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] { /* Set checkboxes text pink */
	color: #f43e71 !important;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, 
md-input-container:not(.md-input-invalid).md-input-focused label, 
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, 
md-input-container:not(.md-input-invalid).md-input-focused md-icon { /* Set select title pink */	
	color: #f43e71 !important;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input { /* Set inputs bottom line pink */
	border-color: #f43e71 !important;
}
md-progress-circular svg path { /* Set progress circular pink */
	stroke: #f43e71; 
}
md-input-container.md-default-theme.md-input-invalid .md-input, md-input-container.md-input-invalid .md-input { /* Set input bottom line pink */
	border-color: #f43e71 !important;
}
button.light-green { /* New button style */
	background-color: #ecf5d6 !important;
}
button.pink { /* New button style */
	background-color: #f43e71 !important;
	color: white !important;
}
button.light-pink { /* New button style */
	background-color: #fee7ed !important;
}
button.md-cancel-button {
	background-color: #f43e71 !important;
}
md-tabs .md-tab.md-active { /* Tabs selected items pink */
	color: #f43e71 !important;
}
.leaflet-top, .leaflet-bottom {
	z-index: 10; /* hack to hide map layer selector and legend z-index */
}
.md-dialog-container {
	z-index: 1000 !important; /* hack to hide map layer selector and legend z-index */
}
div.md-select-menu-container {
	z-index: 2000 !important; /* hack to hide map layer selector and legend z-index */
}
#leaflet-control-layers-group-2 { margin-top: 10px !important; }
/* END OTHER STYLES */





/* SELECT ZONE DIALOG TEMPLATE STYLES */
#select-zone-dialog-template {
	min-width: 600px;
}
#select-zone-dialog-template div.flex {
	text-align: center;
}
/* END SELECT ZONE DIALOG TEMPLATE STYLES */




/* PRODUCT SELECTION DIALOG TEMPLATES STYLES */
.product-selection-dialog h2 {
	width:100%;
	text-align: center;
}
.product-selection-dialog h3 {
	margin-top: 0px;
}
.product-selection-dialog md-switch span {
	color: #f43e71;
}
.product-selection-dialog md-switch.md-checked .md-bar {
	background-color: #e6ffcc;
}
.product-selection-dialog md-switch.md-checked .md-thumb {
    background-color: #a3cd39;
}
.product-selection-dialog md-switch span.selected {
	color: #a3cd39;
}
.product-selection-dialog p.alert {
	color: #f43e71;
	font-weight: bold;
}
.product-selection-dialog button[disabled="disabled"] {
	background-color: #DDD !important;
}
.product-selection-dialog button[disabled="disabled"]:hover {
	cursor: no-drop;
}
/* END PRODUCT SELECTION DIALOG TEMPLATES STYLES */



.angular-leaflet-map .legend {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    background: rgba(255,255,255, 0.9);
    line-height: 18px;
    border-radius: 5px;
    color: #555;
    width: 150px;
}
.angular-leaflet-map .legend .outline {
	clear: both;
	margin-bottom: 5px;
}
.angular-leaflet-map .legend i {
    color: #777;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}