/* app css stylesheet */


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-content md-list-item.active {
	background-color: #DDD;
}
.leaflet-top, .leaflet-bottom {
	z-index: 10;
}
md-content {
	background-color: #f1f1f1;
}
md-card {
	background-color: white;
}

.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;
}

p.post-length {
  text-align: right;
  font-size: 0.8em;
}
p.post-length.red {
  color: rgb(244, 62, 113);
}
p.post-length.green {
  color: rgb(163, 205, 57);
}



#page-content {
	height: 100% !important;
	width: 100%
}
#page-content md-content {
	height: 100%;
}
#page-content md-content #loading-spinner {
	height: 100%;
}
#page-content md-content #max-width-div {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;	
}
#page-content md-content #max-width-div h2 {
	margin: 0px 0px 10px 0px;
	font-size: 20px;
}
#page-content md-content #max-width-div h3 {
	font-size: 16px;
}
#page-content md-content #max-width-div md-card {
	margin: 0px 0px 40px 0px;
}




/* SIDEMENU TEMPLATE */
#sidemenu-template md-list-item p {
	font-size: 13px;
}
/* END SIDEMENU TEMPLATE */




/* GLOBAL LEAFLET MAP STYLES */
.leaflet-control-attribution.leaflet-control {
	display: none;
}
/* END GLOBAL LEAFLET MAP STYLES */




/* MANAGE ACCOUNTS TEMPLATE & MESSAGE MANAGER TEMPLATE STYLES */
#manage-accounts-template #no-users-alert,
#messages-direct-template #no-users-alert {
	text-align: center;
	margin-top: 50px;
}
#manage-accounts-template #accounts-list,
#messages-direct-template #accounts-list {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
#manage-accounts-template #accounts-list md-card,
#messages-direct-template #accounts-list md-card {
	margin-bottom: 25px;
}
#manage-accounts-template #accounts-list .active-account {
	font-weight: bold;
	color: #a3cd39;
}
#manage-accounts-template #accounts-list .blocked-account {
	font-weight: bold;
	color: #f43e71;
}
/* END MANAGE ACCOUNTS TEMPLATE & MESSAGE MANAGER TEMPLATE STYLES */





/* MANAGE USER ACCOUNT TEMPLATE STYLES */
#manage-user-account-template md-content #max-width-div md-card .same-height {
	height: 58px;
}
#manage-user-account-template md-content #max-width-div md-card #profile-picture-div {
	text-align: center;
}
#manage-user-account-template md-content #max-width-div md-card #profile-picture-div .md-card-image {
	max-width: 200px;
	height: auto;
}
#manage-user-account-template md-content #max-width-div md-card .account-status-active {
	color: #a3cd39;
}
#manage-user-account-template md-content #max-width-div md-card .account-status-blocked {
	color: #f43e71;	
}
/* END MANAGE USER ACCOUNT TEMPLATE STYLES */




/* LOGIN TEMPLATE STYLES */
#login-template {	
	background-image: url('../images/login_background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 100%;
}
#login-template md-card {
	max-width: 500px;
}
#login-template #recover-pass-button {
	margin-bottom: 0px;
	color: #aab8c2;
}
#login-template #recover-pass-button:hover {
	cursor: pointer;
}
#login-template footer md-toolbar {
	background-color: white !important;
}
#login-template footer md-toolbar div {
	text-align: center;
}
#login-template footer md-toolbar div img {
	max-height: 100px;
	width: auto;
}
/* END LOGIN TEMPLATE STYLES */







/* RECOVER PASSWORD TEMPLATE STYLES */
#recover-password-template {	
	background-image: url('../images/login_background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 100%;
}
#recover-password-template md-content {
	background-color: transparent;
	height: 100%;
	overflow-y: auto;
}
#recover-password-template-lg-menu .selected-language {
	font-weight: bold !important;
	text-decoration: underline !important;
	color: #f43e71;
}
#login-template #recover-pass-button:hover {
	cursor: pointer;
	text-decoration: underline;
}
/* END RECOVER PASSWORD TEMPLATE STYLES */








/* RECOVER PASSWORD RUN TEMPLATE STYLES */
#recover-password-run-template {	
	background-image: url('../images/login_background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 100%;
}
#recover-password-run-template md-content {
	background-color: transparent;
	height: 100%;
	overflow-y: auto;
	text-align: center;
}
#recover-password-run-template md-content label {
	text-align: left;
}
/* END RECOVER PASSWORD RUN TEMPLATE STYLES */







/* MESSAGES CHAT TEMPLATE STYLES */
#messages-chat-template md-card {
	margin-bottom: 10px !important;
}
#messages-chat-template footer p.alert {
	margin-top: 0px;
    margin-bottom: 0px;
}
#messages-chat-template footer textarea {
	color: black;
	width: 100%;
}
#messages-chat-template footer md-button {
	width: 100%;
}
/* END MESSAGES CHAT TEMPLATE STYLES */




/* MESSAGES CHAT MANAGER TEMPLATE */
#messages-chat-manager-template md-card {
	margin-bottom: 20px !important;
}
#messages-chat-manager-template md-card:hover {
	cursor: pointer;
	background-color: #DDD;
}
/* END MESSAGES CHAT MANAGER TEMPLATE */




/* CHARTS TEMPLATE */
#chart2-template #chart-desc-block {
	font-size: 1.1em;
	background-color: #d4edda;
	color: #155724;
}
#chart2-template #chart-desc-block ul li {
	margin-bottom: 5px;
}
/* END CHARTS TEMPLATE */




/* FORUM TEMPLATE STYLES */
#forum-template md-card .trix-alert-error {
	margin-top: 2px;
	color: rgb(221,44,0);
	font-size: 12px;
}
#forum-template md-card.topic {
	margin-bottom: 20px !important;
}
#forum-template md-card.topic:hover {
	cursor: pointer;
	background-color: #DDD;
}
#forum-template md-card.topic md-card-header {
	padding-bottom: 0px;
	border-bottom: 1px solid #DDD;
	margin-bottom: 8px;
}
#forum-template md-card.topic md-card-header md-card-avatar {
	margin-bottom: 10px;
}
#forum-template md-card.topic md-card-header span.title {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: underline;
}
#forum-template md-card.topic md-card-content {
	padding-top: 0px;
	padding-bottom: 0px;
}
#forum-template md-card.topic md-card-footer {
	padding-top: 8px;
	margin-top: 8px;
	background-color: #DDD;
	padding-bottom: 8px;
}
#forum-template md-card.topic md-card-footer span {
	font-size: 12px;
}
#forum-template md-card.topic md-card-footer span.left {
	float: left;
}
#forum-template md-card.topic md-card-footer span.right {
	float: right;
}
#forum-template md-card.topic md-card-footer span.clear-both {
	clear: both;
}
/* END FORUM TEMPLATE STYLES */





/* FORUM TOPIC TEMPLATE STYLES */
#forum-topic-template md-card .trix-alert-error {
	margin-top: 2px;
	color: rgb(221,44,0);
	font-size: 12px;
}
#forum-topic-template md-card.reply {
	margin-bottom: 20px !important;
}
#forum-topic-template md-card.reply h2.title {
	margin: 0px;
	border-bottom: 1px solid #DDD;
}
#forum-topic-template md-card.reply md-card-header {
	padding-bottom: 0px;
}
#forum-topic-template md-card.reply md-card-header md-card-avatar {
	margin-bottom: 10px;
}
#forum-topic-template md-card.reply md-card-content {
	padding-top: 0px;
	padding-bottom: 0px;
}
#forum-topic-template md-card.reply md-card-footer {
	padding-top: 8px;
	margin-top: 8px;
	background-color: #DDD;
	padding-bottom: 8px;
}
#forum-topic-template md-card.reply md-card-footer span {
	font-size: 12px;
}
#forum-topic-template md-card.reply md-card-footer .left {
	float: left;
}
#forum-topic-template md-card.reply md-card-footer .right {
	float: right;
}
#forum-topic-template md-card.reply md-card-footer .clear-both {
	clear: both;
}
#forum-topic-template md-card.reply md-card-footer md-icon:hover {
	cursor: pointer;
}
#forum-topic-template md-card#new_reply md-input-container {
	margin-bottom: 0px;
}
/* END FORUM TOPIC TEMPLATE STYLES */




/* REPORTS MODULE TEMPLATES STYLES */
#reports-template md-content > div {
	height: 100%;
}
#reports-template md-content > div .angular-leaflet-map {
	height: 100% !important;
}
#reports-template md-content > div .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: 25px;
    border-radius: 5px;
    color: #555;
}
#reports-template md-content > div .angular-leaflet-map .legend .outline {
	clear: both;
	margin-bottom: 5px;
}
#reports-template md-content > div .angular-leaflet-map .legend i {
    color: #777;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}
#reports-template #right-sidebar {
	height: 100%;
	overflow-y: auto;
}
#reports-template #right-sidebar #filters {
	margin-bottom: 30px;
}
#reports-template #right-sidebar #filters h2 {
	margin: 0px;
	font-size: 1.4em;
}
#reports-template #right-sidebar #filters md-input-container.date {
	margin-top: 0px;
	margin-bottom: 0px;
}
#reports-template #right-sidebar #filters md-input-container.categories {
	margin-bottom: 0px;
}
#reports-template #right-sidebar md-card.report {
	margin-bottom: 15px;
}
#reports-template #right-sidebar md-card.report md-icon:hover {
	cursor: pointer;
}
#reports-template #right-sidebar md-card.report md-card-title {
	padding: 12px;
}
#reports-template #right-sidebar md-card.report span.md-headline {
	font-size: 1.3em;
}
#reports-template #right-sidebar md-card.report span.md-subhead {
	padding-top: 0px;
	line-height: 2.5em;
}
#reports-template #right-sidebar md-card.report span.md-subhead md-icon:hover {
	cursor: default;
}
#reports-dialog-template md-menu-item:hover {
	cursor: pointer;
}
#reports-dialog-template .md-dialog-content {
	padding: 10px;
	min-width: 400px;
}
#reports-dialog-template .md-dialog-content ul {
	padding: 0px 25px;
	margin: 0px;
}
#reports-dialog-template .md-dialog-content md-grid-list img {
	max-height: 100%;
	max-width: 100%;
	border-radius: 5px;
}
#reports-dialog-template .md-dialog-content p.authority_message {
	font-weight: bold;
	color: #f43e71;
	font-style: italic;
}
/* END REPORTS MODULE TEMPLATES STYLES */




/* PUBLIC REPORTS MODULE TEMPLATES STYLES */
#reports-public-template toolbar button.md-ink-ripple {
	display: none;
}
#reports-public-template md-content > div {
	height: 100%;
}
#reports-public-template md-content > div .angular-leaflet-map {
	height: 100% !important;
	width: 100% !important;
}
#reports-public-template md-content > div .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: 25px;
    border-radius: 5px;
    color: #555;
}
#reports-public-template md-content > div .angular-leaflet-map .legend .outline {
	clear: both;
	margin-bottom: 5px;
}
#reports-public-template md-content > div .angular-leaflet-map .legend i {
    color: #777;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}
/* END PUBLIC REPORTS MODULE TEMPLATES STYLES */




/* REPORT VALIDATION & QUALIFICATION TEMPLATE STYLES */
#report-validation-qualification-template h2 {
	text-decoration: underline;
}
#report-validation-qualification-template md-content div.angular-leaflet-map {
	height: 275px !important;
}
#report-validation-qualification-template #basic-info {
	padding-left: 15px;
}
#report-validation-qualification-template #basic-info md-card {
	height: 272px;
}

#report-validation-qualification-template #basic-info md-card span.md-subhead {
	margin-bottom: 5px;
}
#report-validation-qualification-template #basic-info md-card span md-icon {
	margin-right: 10px;
}
#report-validation-qualification-template .images-layout > div {
	padding: 10px;
	border: 1px dotted #DDD;
}
#report-validation-qualification-template .images-layout img {
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 10px;
}
/* END REPORT VALIDATION & QUALIFICATION TEMPLATE STYLES */





/* REPORTS EDIT TEMPLATE */
#report-edit-template h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: right;
}
#report-edit-template .angular-leaflet-map {
	height: 300px !important;
	margin-bottom: 25px;
}
#report-edit-template .images-layout > div {
	padding: 10px;
	border: 1px dotted #DDD;
}
#report-edit-template .images-layout img {
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 10px;
}
#report-edit-template #report-position-info md-input-container {
	margin: 0px;	
}
#report-edit-template #report-position-info > div {
	padding: 0px;
}
#report-edit-template #report-position-info .non-editable {
	padding: 30px 5px 0px 5px !important;
	padding-bottom: 0px;
	background-color: #f7f7f7;
}
#report-edit-template #report-position-info .non-editable:hover {
	cursor: not-allowed;
}
#report-edit-template #report-position-info .non-editable md-input-container input.small-font {
	font-size: 0.75em;
}
#report-edit-template #report-position-info .non-editable md-input-container input:hover {
	cursor: not-allowed;
}
#report-edit-template h2 span.error {
	font-size: 0.7em;
	color: red;	
}
/* END REPORTS EDIT TEMPLATE */






/* NEWS */
#news md-card { 
	margin-bottom: 20px !important; 
}
#news md-card md-card-header {
	padding-bottom: 0px;
	border-bottom: 1px solid #DDD;
	margin-bottom: 8px;
}
#news md-card md-card-header md-card-avatar {
	margin-bottom: 10px;
}
#news md-card md-card-footer {
	padding-top: 8px;
	margin-top: 8px;
	background-color: #DDD;
	padding-bottom: 8px;
}
#news md-card md-card-footer span {
	font-size: 12px;
}
#news md-card md-card-footer span.left {
	float: left;
}
#news md-card md-card-footer div.right {
	float: right;
}
#news md-card md-card-footer div.right md-icon:hover {
	cursor: pointer;
}
#news md-card md-card-footer div.clear-both {
	clear: both;
}
/* END NEWS */





/* MANAGE ACCOUNTS TEMPLATE & MESSAGE MANAGER TEMPLATE STYLES */
#export-template #no-reports-alert {
	text-align: center;
	margin-top: 50px;
}
#export-template #category-select .md-select-value md-icon {
	display: none;
}
#export-template #reports-list {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
#export-template #reports-list md-card {
	margin-bottom: 20px !important;
}
#export-template #reports-list md-card img {
	max-width: 90%;
	max-height: 400px;
	border: 5px solid #CCC;
    border-radius: 10px;
}
/* END MANAGE ACCOUNTS TEMPLATE & MESSAGE MANAGER TEMPLATE STYLES */






/* REPORT VALIDATION SELECT MASTER DIALOG TEMPLATE STYLE */
#report-validation-select-master-dialog-template md-card.report:hover {
	background-color: #DDD;
	cursor: pointer;
}
/* END REPORT VALIDATION SELECT MASTER DIALOG TEMPLATE STYLE */




/* ANALYTICS TEMPLATE */
.analytics-template md-card h3 {
	margin: 0px;
}
/* END ANALYTICS TEMPLATE */





/* BLOGEO COLORS IN ANGULARJS MATERIAL ELEMENTS */
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 blogeo light green */
	background-color: #a3cd39 !important;
}
.md-warn { /* Convert angularjs material red button into blogeo 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;
}
/* BLOGEO COLORS IN ANGULARJS MATERIAL ELEMENTS */







/* CREATE REPORTS POINT MODULE TEMPLATES STYLES */
#create-report-point-template md-content > div {
	height: 100%;
}
#create-report-point-template #warning-block {
	background-color: #f8d7da;
	color: #dc3545;
}
#create-report-point-template .angular-leaflet-map {
	height: 100% !important;
}
#create-report-point-template #right-sidebar {
	height: 100%;
	overflow-y: auto;
}
#create-report-point-template #right-sidebar md-card md-card-title md-card-title-text h2 {
	margin: 0px;
}
#create-report-point-template #right-sidebar md-card ol {
	list-style-type: none;
	padding: 0;
	margin-top: 0px;
}
#create-report-point-template #right-sidebar md-card ol li {
	counter-increment: step-counter;
	margin: 25px 0 1rem;
	padding: 0 0 0 50px;
	position: relative;
}
#create-report-point-template #right-sidebar md-card ol li::before {
	content: counter(step-counter);
	font-size: 1.1rem;
	font-weight: 700;
	border-radius: 3px;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	min-width: 40px;
	padding: 5px 0;
	background-color: #a3cd39;
	text-align: center;
	color: white;
}
#create-report-point-template #right-sidebar button.tab-button {
	width: 100% !important;
	padding: 10px 0px;
	margin: 10px 0px;
	color: white;
}
#create-report-point-template #right-sidebar button.tab-button[disabled='disabled'] {
	background-color: #DDD;
}
#create-report-point-template #right-sidebar button.tab-button[disabled='disabled']:hover {
	cursor: no-drop;
}
#create-report-point-template #right-sidebar button.tab-button md-icon {
	color: white;
}
#create-report-point-template #right-sidebar button.run-button {
	background-color: #a3cd39;
}
/* END CREATE REPORTS POINT MODULE TEMPLATES STYLES */







/* CREATE REPORTS SHAPEFILE MODULE TEMPLATES STYLES */
#create-report-shapefile-template md-content > div {
	height: 100%;
}
#create-report-shapefile-template .angular-leaflet-map {
	height: 100% !important;
}
#create-report-shapefile-template #right-sidebar {
	height: 100%;
	overflow-y: auto;
}
#create-report-shapefile-template #right-sidebar md-card md-card-title md-card-title-text h2 {
	margin: 0px;
}
#create-report-shapefile-template #right-sidebar md-card ol {
	list-style-type: none;
	padding: 0;
	margin-top: 0px;
}
#create-report-shapefile-template #right-sidebar md-card ol li {
	counter-increment: step-counter;
	margin: 25px 0 1rem;
	padding: 0 0 0 50px;
	position: relative;
}
#create-report-shapefile-template #right-sidebar md-card ol li::before {
	content: counter(step-counter);
	font-size: 1.1rem;
	font-weight: 700;
	border-radius: 3px;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	min-width: 40px;
	padding: 5px 0;
	background-color: #a3cd39;
	text-align: center;
	color: white;
}
#create-report-shapefile-template #right-sidebar input#shapefile-uploader {
	font-size: 12px; 
	margin-bottom: 10px;
}
#create-report-shapefile-template #right-sidebar button.tab-button {
	width: 100% !important;
	padding: 10px 0px;
	margin: 10px 0px;
	color: white;
}
#create-report-shapefile-template #right-sidebar button.tab-button[disabled='disabled'] {
	background-color: #DDD;
}
#create-report-shapefile-template #right-sidebar button.tab-button[disabled='disabled']:hover {
	cursor: no-drop;
}
#create-report-shapefile-template #right-sidebar button.tab-button md-icon {
	color: white;
}
#create-report-shapefile-template #right-sidebar button.upload-button {
	background-color: #507060;
}
#create-report-shapefile-template #right-sidebar button.clear-button {
	background-color: #cba25b;
}
#create-report-shapefile-template #right-sidebar button.run-button {
	background-color: #a3cd39;
}
/* END CREATE REPORTS SHAPEFILE MODULE TEMPLATES STYLES */








/* POLYGON MANAGER TEMPLATES STYLES */
#polygon-manager-template md-content > div {
	height: 100%;
}
#polygon-manager-template .angular-leaflet-map {
	height: 100% !important;
}
#polygon-manager-template #right-sidebar {
	height: 100%;
	overflow-y: auto;
}
#polygon-manager-template #right-sidebar md-card {
	margin-bottom: 15px;
}
#polygon-manager-template #right-sidebar md-card md-icon:hover {
	cursor: pointer !important;
}
#polygon-manager-template #right-sidebar span.md-subhead {
	padding-top: 0px;
	line-height: 2.5em;
}
/* END POLYGON MANAGER TEMPLATES STYLES */






/* POLYGON CREATE TEMPLATES STYLES */
#polygon-create-template md-content > div {
	height: 100%;
}
#polygon-create-template .angular-leaflet-map {
	height: 100% !important;
}
#polygon-create-template #right-sidebar {
	height: 100%;
	overflow-y: auto;
}
#polygon-create-template #right-sidebar md-content {
	background-color: white;
}
#polygon-create-template #right-sidebar md-card md-card-title md-card-title-text h2 {
	margin: 0px;
}
#polygon-create-template #right-sidebar md-card ol {
	list-style-type: none;
	padding: 0;
	margin-top: 0px;
}
#polygon-create-template #right-sidebar md-card ol li {
	counter-increment: step-counter;
	margin: 25px 0 1rem;
	padding: 0 0 0 50px;
	position: relative;
}
#polygon-create-template #right-sidebar md-card ol li::before {
	content: counter(step-counter);
	font-size: 1.1rem;
	font-weight: 700;
	border-radius: 3px;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	min-width: 40px;
	padding: 5px 0;
	background-color: #a3cd39;
	text-align: center;
	color: white;
}
#polygon-create-template #right-sidebar md-card button.tab-button {
	width: 100% !important;
	padding: 10px 0px;
	margin: 10px 0px;
	color: white;
}
#polygon-create-template #right-sidebar md-card button.tab-button[disabled='disabled'] {
	background-color: #DDD !important;
}
#polygon-create-template #right-sidebar md-card button.tab-button[disabled='disabled']:hover {
	cursor: no-drop;
}
#polygon-create-template #right-sidebar md-card button.tab-button md-icon {
	color: white;
}
#polygon-create-template #right-sidebar md-card button.tab-button.button1 {
	background-color: #a3cd39;
}
#polygon-create-template #right-sidebar md-card button.tab-button.button2 {
	background-color: #4682B4;
}
#polygon-create-template #right-sidebar md-card button.tab-button.button3 {
	background-color: #FF0000;
}
#polygon-create-template #right-sidebar md-card button.tab-button.button4 {
	background-color: #D2691E;
}
#polygon-create-template .leaflet-draw {
    display: none;
}
#polygon-create-template .leaflet-draw-toolbar {
    display: none;
}
/* END POLYGON CREATE TEMPLATES STYLES */







/* CREATE LAYER MODULE TEMPLATES STYLES */
#layer-create-template md-content > div {
	height: 100%;
}
#layer-create-template .angular-leaflet-map {
	height: 300px;
}
#layer-create-template #buttons-div {
	margin-bottom: 36px;
}
/* END CREATE LAYER MODULE TEMPLATES STYLES */






/* CARTO MANAGE TEMPLATE STYLES */
#carto-manage-template md-card ol {
	list-style-type: none;
	padding: 0;
	margin-top: 0px;
}
#carto-manage-template md-card ol li {
	counter-increment: step-counter;
	margin: 25px 0 1rem;
	padding: 0 0 0 50px;
	position: relative;
}
#carto-manage-template md-card ol li::before {
	content: counter(step-counter);
	font-size: 1.1rem;
	font-weight: 700;
	border-radius: 3px;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	min-width: 40px;
	padding: 5px 0;
	background-color: #a3cd39;
	text-align: center;
	color: white;
}
#carto-manage-template md-card p.alert {
	text-align: center;
	color: red;
}
/* CARTO MANAGE TEMPLATE STYLES */






/* CARTO UPLOAD TEMPLATE STYLES */
#carto-upload-template md-card ol {
	list-style-type: none;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 50px;
}
#carto-upload-template md-card ol li {
	counter-increment: step-counter;
	margin: 25px 0 1rem;
	padding: 0 0 0 50px;
	position: relative;
}
#carto-upload-template md-card ol li::before {
	content: counter(step-counter);
	font-size: 1.1rem;
	font-weight: 700;
	border-radius: 3px;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	min-width: 40px;
	padding: 5px 0;
	background-color: #a3cd39;
	text-align: center;
	color: white;
}
/* CARTO UPLOAD TEMPLATE STYLES */






/* CARTO DELETE TEMPLATE STYLES */
#carto-delete-template md-card ul li p {
	font-size: 1.1em;
	font-style: italic;
}
#carto-delete-template md-card ul li p md-icon {
	color: red;
}
#carto-delete-template md-card ul li p md-icon:hover {
	cursor: pointer;
}
/* CARTO DELETE TEMPLATE STYLES */





/* CARTO TEST TEMPLATE STYLES */
#carto-test-template md-card ol {
	list-style-type: none;
	padding: 0;
	margin-top: 0px;
}
#carto-test-template md-card ol li {
	counter-increment: step-counter;
	margin: 25px 0 1rem;
	padding: 0 0 0 50px;
	position: relative;
}
#carto-test-template md-card ol li::before {
	content: counter(step-counter);
	font-size: 1.1rem;
	font-weight: 700;
	border-radius: 3px;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	min-width: 40px;
	padding: 5px 0;
	background-color: #a3cd39;
	text-align: center;
	color: white;
}
#carto-test-template md-card .angular-leaflet-map {
	width: 100%;
	height: 800px;
}
/* END CARTO TEST TEMPLATE STYLES */






/* CARTO VALUES TEMPLATE STYLES */
#carto-values-template md-input-container {
	width: 100%;
}
/* END CARTO VALUES TEMPLATE STYLES */








/* LAYER SWITCH MODULE TEMPLATES STYLES */
#layer-switch-template md-content md-list-item:hover {
	background-color: #DDD;
}
/* END LAYER SWITCH MODULE TEMPLATES STYLES */





/* LAYER EDIT MODULE TEMPLATES STYLES */
#layer-edit-template md-content md-list-item:hover {
	background-color: #DDD;
}
#layer-edit-template md-content button:hover {
	cursor: pointer;
}
/* LAYER EDIT MODULE TEMPLATES STYLES */





/* CREATE CATEGORIES TEMPLATE STYLES */
#category-create-template md-content md-grid-list {
	margin-bottom: 20px;
}
#category-create-template md-content md-grid-list md-grid-tile button:disabled {
	cursor: no-drop;
}
#category-create-template md-content md-grid-list md-grid-tile button.not-used-marker:hover {
	border: 1px dotted #DDD;
	cursor: pointer;
	background-color: #ecf5d6 !important;
	padding: 2px;
}
#category-create-template md-content md-grid-list md-grid-tile button.active {
	border: 1px dotted #DDD;
	background-color: #ecf5d6 !important;
	padding: 2px;
}
/* END CREATE CATEGORIES TEMPLATE STYLES */




/* EDIT CATEGORIES TEMPLATE STYLES */
#category-edit-template md-content md-list-item:hover {
	background-color: #DDD;
}
#category-edit-template md-content button:hover {
	cursor: pointer;
}
#category-edit-template md-content md-grid-list {
	margin-bottom: 50px;
}
#category-edit-template md-content md-grid-list md-grid-tile button {
	min-width: 50px;
}
#category-edit-template md-content md-grid-list md-grid-tile button:disabled {
	cursor: no-drop;
}
#category-edit-template md-content md-grid-list md-grid-tile button.not-used-marker:hover {
	border: 1px dotted #DDD;
	cursor: pointer;
	background-color: #ecf5d6 !important;
	padding: 0px;
}
#category-edit-template md-content md-grid-list md-grid-tile button.active {
	border: 1px dotted #DDD;
	background-color: #ecf5d6 !important;
	padding: 0px;
}
#category-edit-template md-content md-grid-list md-grid-tile button img {
	width: 60%;
	height: auto;
}
/* END EDIT CATEGORIES TEMPLATE STYLES */







/* EDIT TAG TEMPLATE STYLES */
#tag-edit-template md-content md-list-item:hover {
	background-color: #DDD;
}
#tag-edit-template md-content button:hover {
	cursor: pointer;
}
/* END EDIT TAG TEMPLATE STYLES */






.set-equal-height {
	height: 58px;
}
.height100 {
	height: 100%;
}
.margin-bottom0px {
	margin-bottom: 0px;
}
p.form-incomplete-alert {
	color: #f43e71;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}
.alert-card {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}
.alert-card span {
	padding-top: 0px !important;
	font-size: 18px !important;
	color: #f43e71;
}

md-switch {
	display: inline;
}
md-switch.md-checked .md-bar {
	background-color: #e6ffcc;
}
md-switch.md-checked .md-thumb {
    background-color: #a3cd39;
}
.md-switch-item {
	display: inline;
	color: #f43e71;
}
.md-switch-item.selected {
	color: #a3cd39;
}
.md-dialog-container {
	z-index: 1000 !important; /* hack to hide map layer selector and legend z-index */
}
.md-select-menu-container {
	z-index: 1000 !important; /* hack to hide map layer selector and legend z-index */
}
.red {
	color: #f43e71;
}
.pink-anchor {
	color: #f43e71;
}