/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;

	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}
/* ================================================================== */
/* Toolbars
/* ================================================================== */

.leaflet-draw-section {
	position: relative;
}

.leaflet-draw-toolbar {
	margin-top: 12px;
}

.leaflet-draw-toolbar-top {
	margin-top: 0;
}

.leaflet-draw-toolbar-notop a:first-child {
	border-top-right-radius: 0;
}

.leaflet-draw-toolbar-nobottom a:last-child {
	border-bottom-right-radius: 0;
}

.leaflet-draw-toolbar a {
	background-image: url(/images/spritesheet.png);
	background-image: linear-gradient(transparent, transparent), url(/images/spritesheet.svg);
	background-repeat: no-repeat;
	background-size: 270px 30px;
}

.leaflet-retina .leaflet-draw-toolbar a {
	background-image: url(/images/spritesheet-2x.png);
	background-image: linear-gradient(transparent, transparent), url(/images/spritesheet.svg);
}

.leaflet-draw a {
	display: block;
	text-align: center;
	text-decoration: none;
}

/* ================================================================== */
/* Toolbar actions menu
/* ================================================================== */

.leaflet-draw-actions {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */
	top: 0;
	white-space: nowrap;
}

.leaflet-touch .leaflet-draw-actions {
	left: 32px;
}

.leaflet-right .leaflet-draw-actions {
	right:26px;
	left:auto;
}

.leaflet-touch .leaflet-right .leaflet-draw-actions {
	right:32px;
	left:auto;
}

.leaflet-draw-actions li {
	display: inline-block;
}

.leaflet-draw-actions li:first-child a {
	border-left: none;
}

.leaflet-draw-actions li:last-child a {
	-webkit-border-radius: 0 4px 4px 0;
	        border-radius: 0 4px 4px 0;
}

.leaflet-right .leaflet-draw-actions li:last-child a {
	-webkit-border-radius: 0;
	        border-radius: 0;
}

.leaflet-right .leaflet-draw-actions li:first-child a {
	-webkit-border-radius: 4px 0 0 4px;
	        border-radius: 4px 0 0 4px;
}

.leaflet-draw-actions a {
	background-color: #919187;
	border-left: 1px solid #AAA;
	color: #FFF;
	font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 28px;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	height: 28px;
}

.leaflet-touch .leaflet-draw-actions a {
	font-size: 12px;
	line-height: 30px;
	height: 30px;
}

.leaflet-draw-actions-bottom {
	margin-top: 0;
}

.leaflet-draw-actions-top {
	margin-top: 1px;
}

.leaflet-draw-actions-top a,
.leaflet-draw-actions-bottom a {
	height: 27px;
	line-height: 27px;
}

.leaflet-draw-actions a:hover {
	background-color: #A0A098;
}

.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
	height: 26px;
	line-height: 26px;
}

/* ================================================================== */
/* Draw toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-draw-polyline {
	background-position: -2px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
	background-position: 0 -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-polygon {
	background-position: -31px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
	background-position: -29px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
	background-position: -62px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
	background-position: -60px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-circle {
	background-position: -92px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
	background-position: -90px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-marker {
	background-position: -122px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
	background-position: -120px -1px;
}

/* ================================================================== */
/* Edit toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-edit-edit {
	background-position: -152px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
	background-position: -150px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-remove {
	background-position: -182px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
	background-position: -180px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
	background-position: -212px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
	background-position: -210px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
	background-position: -242px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
	background-position: -240px -2px;
}

/* ================================================================== */
/* Drawing styles
/* ================================================================== */

.leaflet-mouse-marker {
	background-color: #fff;
	cursor: crosshair;
}

.leaflet-draw-tooltip {
	background: rgb(54, 54, 54);
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	color: #fff;
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-top: -21px;
	padding: 4px 8px;
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	z-index: 6;
}

.leaflet-draw-tooltip:before {
	border-right: 6px solid black;
	border-right-color: rgba(0, 0, 0, 0.5);
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	content: "";
	position: absolute;
	top: 7px;
	left: -7px;
}

.leaflet-error-draw-tooltip {
	background-color: #F2DEDE;
	border: 1px solid #E6B6BD;
	color: #B94A48;
}

.leaflet-error-draw-tooltip:before {
	border-right-color: #E6B6BD;
}

.leaflet-draw-tooltip-single {
	margin-top: -12px
}

.leaflet-draw-tooltip-subtext {
	color: #f8d5e4;
}

.leaflet-draw-guide-dash {
	font-size: 1%;
	opacity: 0.6;
	position: absolute;
	width: 5px;
	height: 5px;
}

/* ================================================================== */
/* Edit styles
/* ================================================================== */

.leaflet-edit-marker-selected {
	background: rgba(254, 87, 161, 0.1);
	border: 4px dashed rgba(254, 87, 161, 0.6);
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	box-sizing: content-box;
}

.leaflet-edit-move {
	cursor: move;
}

.leaflet-edit-resize {
	cursor: pointer;
}

/* ================================================================== */
/* Old IE styles
/* ================================================================== */

.leaflet-oldie .leaflet-draw-toolbar {
	border: 1px solid #999;
}
.alertify,
.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
	position: fixed; z-index: 99999;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color:white;
	filter:alpha(opacity=0);
	opacity:0;
}
	.alertify-cover-hidden {
		display: none;
	}
.alertify {
	position: fixed; z-index: 99999;
	top: 50px; left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1;
}
	.alertify-hidden {
		-webkit-transform: translate(0,-150px);
		   -moz-transform: translate(0,-150px);
		    -ms-transform: translate(0,-150px);
		     -o-transform: translate(0,-150px);
		        transform: translate(0,-150px);
		opacity: 0;
		display: none;
	}
	/* overwrite display: none; for everything except IE6-8 */
	:root *> .alertify-hidden {
		display: block;
		visibility: hidden;
	}
.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px;
}
.alertify-logs-hidden {
	display: none;
}
	.alertify-log {
		display: block;
		margin-top: 10px;
		position: relative;
		right: -300px;
		opacity: 0;
	}
	.alertify-log-show {
		right: 0;
		opacity: 1;
	}
	.alertify-log-hide {
		-webkit-transform: translate(300px, 0);
		   -moz-transform: translate(300px, 0);
		    -ms-transform: translate(300px, 0);
		     -o-transform: translate(300px, 0);
		        transform: translate(300px, 0);
		opacity: 0;
	}
	.alertify-dialog {
		padding: 25px;
	}
		.alertify-resetFocus {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		.alertify-inner {
			text-align: center;
		}
		.alertify-text {
			margin-bottom: 15px;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 100%;
		}
		.alertify-buttons {
		}
			.alertify-button,
			.alertify-button:hover,
			.alertify-button:active,
			.alertify-button:visited {
				background: none;
				text-decoration: none;
				border: none;
				/* line-height and font-size for input button */
				/*line-height: 1.5;*/
				font-size: 100%;
				display: inline-block;
				cursor: pointer;
				/*margin-left: 5px;*/
			}

.alertify-isHidden {
	display: none;
}

@media only screen and (max-width: 680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify {
		left: 5%;
		margin: 0;
	}
}
/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
	font-family: 'Lato', sans-serif;
}
.alertify {
	background: #FFF;
	border: 1px solid #124c5e; /* browsers that don't support rgba */
	border: 1px solid rgba(18,76,94,.7);
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
	color: #393836;
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
	.alertify-text {
		border: 1px solid #CCC;
		padding: 10px;
		border-radius: 4px;
	}
	.alertify-button {
		color: #FFF;
		letter-spacing: 1px;
		font-weight: 300;
		padding: 5px 10px !important;
		text-decoration: none;
		margin: 10px;
		float: right;
		line-height: 1;
	}
	.alertify-button:hover,
	.alertify-button:focus {
		color: #fff;
	}
	.alertify-button:focus,
	.alertify-button:active {
		line-height: 1;
	}
		.alertify-button-cancel{
			background-color: #fff;
			border: 1px solid #c12a26;
			color: #c12a26;
		}
		.alertify-button-ok {
			background-color: #fff;
			border: 1px solid #1b3337;
			color:#1b3337;
		}		
		.alertify-button-cancel:hover,
		.alertify-button-cancel:focus {
			background-color: #c12a26;
			border: 1px solid #c12a26;
			color:#fff;
		}
		.alertify-button-ok:hover,
		.alertify-button-ok:focus {
			background-color: #1b3337;
			border: 1px solid #1b3337;
			color:#fff;
		}
.alertify-message {
	margin: 0;
	margin-bottom: 20px;
}
.alertify-log {
	background: #124c5e;
	background: rgba(18,76,94,.9);
	padding: 15px;
	color: #FFF;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
	.alertify-log-error {
		background: #FE1A00;
		background: rgba(193,42,38,.9);
	}
	.alertify-log-success {
		background: #1b3337;
		background: rgba(27,51,55,.9);
	}
* {
	margin:0;
	padding:0;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

*:focus {
    outline: 0 none;
}

a {
	text-decoration: none;
	color: #db3f2a;
	font-weight: 300;
	cursor: pointer;
    overflow-wrap: break-word;
}

img {
	border: 0;
}

body {
    font: 14px/24px 'Lato', sans-serif;
    font-size: 1em;
    line-height: 1.2;
    background-color: #f2f2f2;
    height: 100%;
}

svg > g > g:last-child { pointer-events: none } /* flickering de google charts */
div.google-visualization-tooltip { pointer-events: none !important } /* flickering de google charts */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
	clear: both;
	}

.clearfix { *zoom:1;}

.status-line {
	width: 55px;
	border-top: 2px solid #fe0807;
	margin-bottom: 10px;
	margin-top: 5px;
}

.model-status {
	width: 350px;
	background-color: #fff;
	box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.25);
	position: absolute;
	top: 86px;
	left: 502px;
	padding: 10px 13px 15px;
	z-index: 1004;
	transform-origin: top;
	transform: scale(1, 0.1);
	opacity: 0;
	transition: 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
	color: #424242;
	font-size: 14px;
}

.status-open {
	transform: scale(1, 1);
	opacity: 1;
}

.alert{
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	top: 150px;
	background-color: #db3f2a;
	color: #fff;
	padding: 15px 30px;
	display: block;
	z-index: 1002;
	font-weight: 400;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.alert-notice {
	color: #f2f2f2;
	background-color: #122b41;
}

#tooltip
{
    text-align: left;
    color: #fff;
    background: #124c5e;
    position: absolute;
    z-index: 1004;
    padding: 10px;
    font-weight: 300;
    font-size: 0.87em;
    white-space: pre-line;
    pointer-events: none;
}

    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #124c5e;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #124c5e;
            top: -20px;
            bottom: auto;
        }

        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }

        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }

/* header */

header {
	width: 100%;
	background-color: #1b3337;
	padding: 12px 15px 12px 30px;
	display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1003;
}

header a {
	font-size: 1.9em;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 400;
}

header nav ul {
	display: inline-block;
}

header nav li {
	list-style: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;;
}

header nav li a {
	text-transform: uppercase;
	padding: 15px 12px;
	color: #fff;
	margin-left: 10px;
	font-size: 0.75em;
	letter-spacing: 1px;
}

header nav li a:hover {
	color: #18b4b1;
}

.usuario {
    display: inline-block;
    vertical-align: middle;
}

.usuario a {
	display: inline-block;
	color:#e45b2d;
	padding: 0 9px;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: text-top;
	cursor: pointer;
	max-width: 240px;
	border: none !important;
	font-size: 0.8em;
}

.xsalir {
    cursor: pointer;
    width: 8px;
    height: 17px;
    background-image: url(/assets/logout-3ac923d67401c6509e6bd93345f33a7bb4fd1f47454ab4092ad473d9189e2568.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.current {
	border: solid 1px #fff;
	color: #18b4b1;
}

.toggle-nav {
	display: none;
}

/* footer */

footer {
	width: 100%;
	background-color: #393836;
	padding: 20px 34px 15px;
	display: flex;
    justify-content: space-between;
    position: static;
    bottom: 0;
    height: 130px;
}

.humboldtft img,
.humbname {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 10px;
}

.humbname h1 {
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 37px;
	font-size: 0.87em;
	letter-spacing: 0.5px;
}

.humbname h2 {
	font-size: 11px;
	color: #fff;
	font-weight: 400;
	font-size: 0.9em;
}

footer nav ul, footer nav {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

footer ul:nth-child(2) {
	border-right: solid #75746f 1px;
}
footer ul:nth-child(even) {
	border-left: solid #75746f 1px;
}

footer li {
	list-style: none;
	padding: 0 15px;
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 1.8;
	max-width: 115px;
}

footer li a, .visorfooter li a {
	color: #18b4b1;
}

.lang {
	text-transform: uppercase;
	display: inline-block;
	background: url(/assets/lang-b7249bf6478958c97f73abac89b62caeefd13b9dfbcae9892291265ac2dca649.png) center no-repeat ;
	vertical-align: top;
}

a.lang {
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	line-height: 36px;
	height: 36px;
	width: 36px;
}

.lang:hover {
	color: #4dc8ee;
	background-image: url(/assets/lang2-ffc93734d4fc65e1869f8cb7785aa7ac102743b5c99babecaabbc25d6143c8fe.png);
}

.smallnavli {
	color: #fff;
	text-transform: none;
}

.linehnav {
	line-height: 1.3;
	margin: 3px 0;
}

.visorfooter {
	height: 46px;
	width: 100%;
	background-color: #393836;
	display: flex;
    justify-content: space-between;
    position: static;
    bottom: 0;
    padding: 4px 34px 0;
    overflow: hidden;
    vertical-align: middle;
}

.visorfooter nav ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

.visorfooter li {
	list-style: none;
	padding: 0 15px;
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 38px;
}

.visorfooter h1 {
	margin-bottom: 0;
	line-height: 1.3;
}

/* container */

.innercontainer {
	width: 100%;
	z-index: 10;
	position: relative;
	min-height: -moz-calc(100% - 190px);
    min-height: -webkit-calc(100% - 190px);
    min-height: calc(100% - 190px);
}

.container {
	margin: 0 auto;
}

/*home*/

.homeline {
	height: 400px;
	background-image: url(/assets/bg4-0d36a8e7766fc0e70f0cebc64226bdf0b9ae2a503e371baee8096577aa86c929.jpg);
    background-repeat: no-repeat;
  	background-size: cover;
  	background-position: center;
  	opacity: 1;
    -webkit-transition: background 2s linear;
    -moz-transition: background 2s linear;
    -o-transition: background 2s linear;
    transition: background 2s linear;
}

.homec {
	width: 700px;
	position: relative;
	top: 40%;
	transform: translateY(-20%);
}

.homeline form {
	margin: 0 auto;
	width: 100%;
	padding: 5px;
	background-color: #fff;
}

.twitter-typeahead {
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
}

.tt-hint {
	display: none;
}

.tt-input {
	width: 100%;
	padding: 7px;
	padding-left: 10px;
	border: none;
	font-weight: 300;
	font-style: italic;
	color: #393836;
	font-size: 0.87em;
	line-height: 2;
	border-right: solid 2px #db3f2a;
}
.tt-menu {
	background-color: #fff;
	padding: 10px;
	width: 98%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	max-height: 350px;
	z-index: 3000 !important;
}

.tt-suggestion {
	cursor: pointer;
}

.searchbtnhome {
	border: none;
	height: 42px;
	width: 45px;
	cursor: pointer;
	background-color: #fff;
	vertical-align: top;
	background-image: url(/assets/searchome-a341ab579e040f7f9596277bf8570268394ad6c2d4187a876bba5ccdb1c31779.png);
}

.spptit, .spp, .top5, .top5users, .cobert {
	display: flex;
    justify-content: space-between;
}

.hlbtn {
	text-align: center;
}

.hlbtn a {
	padding: 5px 10px;
	text-align: center;
	width: auto;
	background-color: #fff;
	display: inline-block;
	margin: 12px 14px 0 14px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	text-transform: uppercase;
}

.hlbtn a:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	background-color: #db3f2a;
	color: #fff;
}

.innercontainer h1 {
	font-weight: 300;
	letter-spacing: 1px;
	color: #db3f2a;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 0;
	font-size: 1.75em;
	margin-top: 10px;
}

.cajabase {
	top: 2%;
	left: 50%;
	transform: translatex(-50%);
	position: absolute;
	width: 720px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	background-color: #fff;
	overflow-y: auto;
	padding: 12px 20px 12px 25px;
	z-index: 6;
}

.hcbase {
	margin-bottom: 12px;
}

.hcbase h1 {
	padding: 0 0 10px 0;
	font-size: 1.45em;
	text-align: left;
	border-bottom: solid 1px #db3f2a;
	width: 622px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight: 400;
}

.nbg4 .hcbase h1 {
	margin-bottom: 20px !important;
}

.closecb {
	height: 40px;
	width: 40px;
	margin-left: 8px;
	font-weight: 300;
	color: #db3f2a;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #db3f2a;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 34px;
}

.genericbtn {
	padding: 10px 15px;
	margin-right: 8px;
	font-weight: 300;
	color: #db3f2a;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #db3f2a;
	display: inline-block;
	*display: inline;
	transition: all 1s ease;
}

.genericbtn:hover {
	background-color: #db3f2a;
	color: #fff;
}

.cajanews {
	top: 25px;
	right: 30px;
	position: absolute;
	width: 100%;
	max-width: 500px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	height: auto;
	max-height: 98%;
	overflow: scroll;
	padding: 15px 20px 20px;
	z-index: 7;
	border-radius: 15px;
	background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

.hcbase2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.hcbase2 h1 {
	padding: 0 0 10px 0;
	font-size: 1.45em;
	text-align: left;
	border-bottom: solid 1px #db3f2a;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight: 400;
	margin-bottom: 20px;
}

.hcbase2 .closecb {
	padding: 0;
	height: 40px;
	width: 40px;
	line-height: 34px;
	vertical-align: middle;
	margin-top: 5px;
}

.cajanews img {
	width: 100%;
	margin-bottom: 10px;
}

.cajanews p {
	font-size: 14px;
	color: #6e6e6e;
	text-align: right;
	padding-right: 10px;
}

.cajabase p, .cajainners p {
	width: 445px;
	color: #393836;
	line-height: 2;
	font-size: 0.8em;
	font-weight: 300;
}

.cajabase h3 {
	padding: 20px 0;
	color: #db3f2a;
	font-size: 0.9em;
	font-weight: 300;
	letter-spacing: 0.5px;
}

.botoncb {
	padding: 12px 16px;
	text-align: center;
	border: solid 1px #db3f2a;
	line-height: 1;
	min-width: 76px !important;
	height: 42px;
	display: block;
	float: right;
	margin-top: -52px;
	background: none;
}

.allgraphs {
    padding: 0 20px;
    max-width: 1300px;
    margin: 15px auto;
    text-align: center;
}

.graphcont {
	position: relative;
	width: 140px;
	text-align: center;
	height: 180px;
	display: inline-block;
	margin: 10px;
}

.graph {
	position: absolute;
	z-index: 4;
	display: block;
}

.graphcont img {
	position: absolute;
	z-index: 3;
	top: 63px;
	left: 32px;
}

.graphcont h3 {
	font-size: 0.87em;
	color: #1b3337;
	font-weight: 300;
}
.graphcont h4 {
	font-size: 0.87em;
	color: #1b3337;
	font-weight: 700;
}

.barhome {
	margin: 0 auto;
	margin-top: 20px;
}

div.google-visualization-tooltip{
	border:none;
	background-color: #db3f2a;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border-radius: 0;
	width: 120px;
	text-align: center;
}

div.google-visualization-tooltip > ul > li  {
	padding:0 5px;
	margin: 0;
}

div.google-visualization-tooltip > ul > li:nth-child(2) {
	margin-top: -10px;
	letter-spacing: 1px;
}


#extchart {
	margin-top: 15px;
	margin-bottom: 0;
}
.convenciones {
	text-align: center;
	max-width: 500px;
	margin-bottom: 5px;
}
.convenciones p {
	display: inline-block;
	margin: 0 8px 5px;
	height: 20px;
	line-height: 20;
	vertical-align: middle;
}
.convenciones p::before {
	width: 25px;
	height: 3px;
	background-color: #124c5e;
	content: "";
	margin-right: 7px;
	vertical-align: middle;
	display: inline-block;
}
p.removeline::before {
	width: 0;
}
p.orangesq::before {
	background-color: #18b4b1;
}
p.yellsq::before {
	background-color: #e3af24;
}
p.redsq::before	{
	background-color: #c12a26;
}

/*log in */

.fondoplumas {
	background-image: url(/assets/plumas-388261eaa7cc370e54be62e511ba1f4e6b3cf3ff90b650645bed06be44704cf9.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nbg1 {
	background-image: url(/assets/bg9-d53b331152b4bbe6d691dec17aa9565b7b11cf9a4e00e923e1d04a2ae3f73c5d.jpg);
}
.nbg2 {
	background-image: url(/assets/bg5-72b60cafb5956957df2d6364c4b16014aed205c803e26e5029c126464cbaaf36.jpg);
}
.nbg3 {
	background-image: url(/assets/bg6-9265c200657141f139ea4a260cc219d04be05818824c32d3775801862b00752f.jpg);
}
.nbg4 {
	background-image: url(/assets/bg8-eadb93586bcf8534da3b6d2e7af3264a91448c4e301e9bd8f638e8e9a580eba9.jpg);
}
.nbg5 {
	background-image: url(/assets/bg3-759687b99acf865b57258f61315753b393c789cc80f2bb8064e2fd68fdb85bb1.jpg);
}
.nbg6 {
	background-image: url(/assets/bg1-284bb555ac299023ffcabaf3c42ed40b45bba39362a570091c603cea098f3445.jpg);
}
.nbg7 {
	background-image: url(/assets/grillo-b95e1a48f07146781b2a0a80f86f0ec8d239d3dc18bb6824e4229f7b5c249030.jpg);
}
.nbg8 {
	background-image: url(/assets/rana-10aa4d37c4b6bb6ee635c6d16ac2ab1e821018a6efae1f733c70cca000fbb4e8.jpg);
}
.loginbox {
	top: 12px;
	position: relative;
	width: 500px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	height: auto;
	background-color: #fff;
	overflow-y: auto;
	padding: 20px 30px;
	z-index: 6;
}

.loginbox h2 {
	text-transform: uppercase;
	font-size: 2em;
	letter-spacing: 2px;
	font-weight: 300;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #1b3337;
	color: #1b3337;
}

.loginbox h3 {
	font-size: 1.2em;
	font-weight: 300;
	padding-bottom: 5px;
	text-align: center;
	color: #6c6c6c;
}

.loginbox abbr,
.field label.required abbr {
	text-decoration: none;
	color: red;
}

#error_explanation h2 {
	font-size: 1.1em;
	color: #db3f2a;
	text-align: left;
	padding-bottom: 12px;
	margin-bottom: 5px;
}

#error_explanation ul {
	/*display: none;*/
}

.loginbox a {
	padding: 15px;
	float: left;
	color: #18b4b1;
}

.loginbox input {
	width: 100%;
	padding: 5px;
	margin-top: 5px;
}

#new_record input::-webkit-outer-spin-button,
#new_record input::-webkit-inner-spin-button {
	display: none;
}
#new_record input[type=number] {
	-moz-appearance: textfield;
}

#new_record .select {
	display: revert;
	color: revert;
	border: revert;
}

.loginbox textarea, .reportar textarea {
	width: 100%;
	padding: 5px;
	margin-top: 5px;
	border: 1px solid #cfcfce;
	font-family: 'lato', sans-serif;
	height: 85px;
	font-size: 12px;
}

.reportar textarea {
	border-color: #d0d2d0 !important;
}

.loginbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border-radius: none !important;
	cursor: pointer;
	vertical-align: middle;
}

.loginbox span.error {
	color:#db3f2a;
	font-weight: 300;
	padding: 3px;
	text-transform: uppercase;
}

.field2 .field_with_errors {
	display: inline-block !important;
}

.editbox input[type="submit"],
.hipotesis input[type="submit"],
.loginbox input[type="submit"],
#new_record input[type="submit"] {
	background: none;
	padding: 10px 16px 10px;
	font-weight: 300;
	color: #db3f2a;
	text-align: center;
	border: solid 1px #db3f2a;
	font-size: 1em;
	font-family: 'lato', sans-serif;
	cursor: pointer;
	float: right;
	width: auto;
}

.editbox input[type="submit"],
.hipotesis input[type="submit"] {
	padding: 7px 16px 7px;
	float: inital;
	margin-top: 10px;
	margin-bottom: 10px;
}

.editbox input[type="submit"]:hover,
.hipotesis input[type="submit"]:hover {
	background-color: #db3f2a;
	color: #fff;
}

.editbox span,
.hipotesis span {
	display: block;
	font-size: 13px;
}

.editbox span label,
.hipotesis span label {
	margin-left: 5px;
	line-height: 2;
}

.loginbox label,
#new_record label {
	color: #393836;
	letter-spacing: 0.5px;
	padding-top: 5px;
}

.remembchk label {
	vertical-align: -10px;
}

.loginbox .field {
	margin-top: 12px;
}

.loginbox .field em {
	font-size: 13px;
	vertical-align: bottom;
}

.loginbox .remembchk {
	margin-bottom: 40px;
	font-size: 0.87em;
	line-height: 0;
}

.loginbox a.linkterminos {
	float: initial;
	color: #db3f2a;
	padding: 0 5px;
}

.loginbox input[type="checkbox"] {
	margin-top: 18px;
}

.nbg6 .loginbox input[type="checkbox"] {
	margin-top: 6px;
}

.vamiddle {
	padding:0;
}
.mb40 {
	margin-bottom: 20px;
}
.ml20 {
	margin-left: 20px;
}

/* perfil */
.bckperfil  {
	background: -webkit-linear-gradient(#0e5c5b 0%, #0e5c5b 225px, #0e5c5b 225px, transparent 225px, transparent 100%);
	background: -o-linear-gradient(#0e5c5b 0%, #0e5c5b 225px, #0e5c5b 225px, transparent 225px, transparent 100%);
	background: linear-gradient(#0e5c5b 0%, #0e5c5b 225px, #0e5c5b 225px, transparent 225px, transparent 100%);
	padding-top: 45px;
}
.perfilcont {
	width: 1024px;
	margin: 0 auto;
}

.col1 {
	width: 630px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-right: 29px;
	float: left;
}

.col2 {
	width: 365px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	position: relative;
}

.perfilnav li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-bottom: 15px;
}

.perfilnav a {
	padding: 3px 6px;
	margin-left: 6px;
	text-transform: uppercase;
	color: #f2f2f2;
	border: 1px solid #fff;
	font-size: 0.76em;
	letter-spacing: 1px;
	transition: all 1s ease;
	font-weight: 500;
}

.perfilnav > li.active > a {
	color:#0e5c5b;
	border:1px #fff solid;
	background-color: #fff;
}

.cajaperfil {
	width: 100%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	height: 465px;
	background-color: #fff;
	overflow-y: auto !important;
	padding: 17px;
	z-index: 6;
	position: relative;
}

.cajaperfil h1 {
	font-size: 1.286em;
	margin: 0 0 15px;
	padding: 0;
	text-align: left;
	font-weight: 400;
}

.cajaperfil p, .col2 p {
	font-size: 0.857em;
	color:#5d5e5e;
	text-align: left;
	margin-bottom: 10px;
	line-height: 1.5;
}

.col2 h2 {
	color: #e3af24;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1;
}

.perfilsub {
	color:#fff;
	font-size: 0.857em;
}

.intgroups {
	color: #e45b2d;
	margin-top: 7px;
}

.perfilimg {
	width: 120px;
	height: 120px;
	float: left;
	margin-bottom: 15px;
	margin-top: 8px;
	overflow: hidden;
	position: relative;
}


.perfilimg img {
  position: absolute;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
}

.perflinks{
	margin-left: 10px;
    float: left;
    margin-top: 8px;
    width: 70px;
    height: auto;
}

.mailto, .edituser, .joingroup {
	width: 30px;
	height: 30px;
	cursor: pointer;
    background-image: url(/assets/perfilcontacto-dba0983d67a8e400497c5d367db5e6ec6646dada5f10503c276d9031856bdb48.png);
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    float: left;
    margin-top: 9px;
}

.edituser {
    background-image: url(/assets/perfileditar-fb54a7ab3f8e885547268d8c38ed2f3979ec3d3b9fbdc25907f3781ac455b976.png);
    margin-top: 7px;
    margin-left: 8px;
}

.rank {
	height: 30px;
	background: url(/assets/perfilrank-4fe67c2de86737407c2524aa6dfdca1ca9b71faffe2daa45ea223ba6cd2fa44e.png) left no-repeat;
	padding-left: 30px;
	padding-top: 6px;
	float: left;
	margin-top: 3px;
	color:#fff;
}

.joingroup {
	background: url(/assets/groupjoin-f577dccb26b9c4b07bb2d6eb18294bb576f80a3dae6fc1b7ce98b0049b77702c.png) left no-repeat;
	margin-top: 5px;
	margin-left: 3px;
	border: 0;
	outline: none;
	cursor: pointer;
}

.leavegroup {
	margin-top: 5px;
	width: 30px;
	height: 30px;
	border: 0;
	outline: none;
	cursor: pointer;
	margin-left: 1px;
}

.perfilunder {
	width: 120px;
	display: block;
	color: #1b3337;
	border-bottom: 2px #1b3337 solid;
	font-size: 0.857em;
	padding: 3px;
	margin-bottom: 10px;
}

p.groupuser a {
	font-size: 1.2em;
	color: #9c9d36;
}

p.groupuser {
	font-size: 0.714em;
	margin-bottom: 0;
}

.estadbox {
	width: 30%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border: 2px solid #1b3337;
	margin: 1%;
	height: 150px;
	text-align: center;
	box-shadow: 0 3px 6px rgba(0,0,0,0.10), 0 3px 6px rgba(0,0,0,0.12);
}

.estadbox h2 {
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1;
	height: 40%;
	vertical-align: middle;
	padding: 5px;
	width: 90%;
	border-bottom: 1px solid #db3f2a;
	margin: 0 auto;
	font-size: 1.3em;
	color: #5d5d5d;
}

.estadbox h6 {
	width: 90%;
	font-size: 2.3em;
	display: block;
	margin: 0 auto;
	color: #1b3337;
	margin-top: 5px;
	padding: 15px;
}

.bckgroup .estadbox {
	width: 46%;
	height: 117px;
}

.bckgroup .estadbox h2 {
	height: 45%;
}

.bckgroup .estadbox h6 {
	padding: 5px;
}


.notif {
	border-bottom: 1px solid #3e3e3e;
	width: 98%;
	margin-bottom: 15px;
}

.notif img {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 35px;
	width: 35px;
}

.fechanotif {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 10px;
	font-size: 0.72em;
	color: #376870;
	vertical-align: top;
	font-weight: 300;

}

.notif p {
	margin: 0;
	padding-bottom: 5px;
}

.spptit {
	margin-top: 20px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #db3f2a;
}

.fz1em {
	font-size: 0.67em;
	padding-left: 5px;
	margin-top: 30px;
}

.sppbox h2, .tabletit h2, .top5 h2 {
	color:#1b3337;
	font-size: 1em;
	margin-left: 5px;
}

.sppbox h3, .top5 h3 {
	color:#124c5e;
	font-size: 1em;
	font-weight: 300;
	margin-right: 5px;
}

.spp:nth-of-type(odd),
.top5users:nth-of-type(odd) {
	background-color: #f2f2f2;;
}

.spp a, .spp p {
	padding: 10px;
	margin: 0;
}

.spp a {
	font-style: italic;
	color:#9c9d36;
}

.noitalic a {
	font-style: normal;
	color: #6c6c6c;
}

.expaprobar {
	padding-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
}

.leavesp {
	height: 25px;
	width: 25px;
	line-height: 0;
	margin: 8px 10px 0 0;
	text-align: center;
	font-weight: 400;
	background: none !important;
	border: 1px solid #db3f2a;
	color: #db3f2a;
	cursor: pointer;
}

.spp .fechanotif {
	padding:14px 8px;
	font-size: .68em;
}

.acceptbuttons a {
	padding: 0 3px;
}

.acceptbuttons {
	margin-top: 7px;
}

.aporte {
	margin: 0;
	padding: 3px 10px;
}

.aligner {
	margin: 0 auto;
	text-align: center;
}

.mymap, .maparea {
	width: 185px;
	display: inline-block;
	margin-right: 11px;
	margin-bottom: 20px;
	text-align: left;
	vertical-align: top;
	position: relative;
}

.mymap a.spmapname {
	font-size: 0.725em;
	font-style: italic;
	color:#87872f;
}

.fechamapa {
	color:#5d5e5e;
	font-size: 0.625em;
	display: block;
	border-bottom: 1px solid #c5c4c4;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.mymap h4 {
	font-size: 1.2em;
	margin: 0;
	border-bottom: 1px solid #c5c4c4;
	padding: 7px 3px 5px;
	font-weight: 300;
	color: #1b3337;
	margin-bottom: 5px;
}

.mmicon {
	border-bottom: 1px solid #db3f2a;
	padding-bottom: 5px;
}

.mmicon img {
	float: left;
	padding: 7px 1px 0;
}

.pad3 img {
	padding: 3px 7px 3px 0;
}

button.pad3 {
	border: none;
	background: none;
	cursor: pointer;
}

.editactions .pad3 img {
	padding: 0 7px 0 0;
}

.editactions form,
.mmicon form {
	display: inline-block;
	padding: 0 !important;
	width: auto;
	margin: 0 !important;
	border: none !important;
	float: left;
}

.raty-cancel {
	margin-right: 3px;
}

.mmicon .delicon {
	float: right;
}

.user_star {
	width: 192px;
}

.mymapthumb {
	width: 185px;
	height: 230px;
	border: 1px solid #c5c4c4;
	border-top:none;
	position: relative;
}

.mymapthumb img {
	position: absolute;
	margin: auto;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
}

.colspp {
	width: 50%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0;
	vertical-align: top;
}

.coladv {
	width: 10%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	border-left: 1px solid #1b3337;
	vertical-align: top;
	height: 45px;
}

.tasks, .newtask {
	display: inline-block;
	vertical-align: top;
}

.newtask img {
	margin: 3px 5px 0;
	cursor: pointer;
}

.addtask {
	padding: 10px;
	border-top: 1px solid #d0d2d0;
	border-bottom: 1px solid #d0d2d0;
	margin-bottom: 15px;
}

.addtask p {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.tabletit {
	padding: 5px;
	border-bottom: 1px solid #1b3337;
	height: 35px;
}

.tareaspp input[type="checkbox"] {
	height: 20px;
	margin: 0 auto;
}

.tareaspp > * {
	padding: 15px 7px 9px;
}

.tareaspp a, .tareaspp p {
	font-size: 0.87em;
	line-height: 1;
	vertical-align: top;
}

.tareaspp p, .userspp p {
	text-align: center;
	padding: 17px 0 18px;
	margin-bottom: -2px;
	color: #124c5e;
	font-size: 0.7em;
}

.userspp p {
	padding-top: 10px !important;
}

.tareaspp a {
	font-style: italic;
	color:#9c9d36;
}

.tarea {
	font-size: 10px !important;
	margin-bottom: 0 !important;
}

/* group */

.bckgroup  {
	background: -webkit-linear-gradient(#124c5e 0%, #124c5e 225px, #124c5e 225px, transparent 225px, transparent 100%);
	background: -o-linear-gradient(#124c5e 0%, #124c5e 225px, #124c5e 225px, transparent 225px, transparent 100%);
	background: linear-gradient(#124c5e 0%, #124c5e 225px, #124c5e 225px, transparent 225px, transparent 100%);
	padding-top: 45px;
}

.bckgroup .cajaperfil h1 {
	color:#18b4b1;
}

.bckgroup .col2 h2 {
	font-weight: 300;
	text-transform: uppercase;
	color: #db3f2a;
	letter-spacing: 0;
	margin-bottom: 3px;
}

.bckgroup .perflinks {
	width: 30px;
	margin-left: 8px;
	margin-top: 12px;
}

.bckgroup .edituser {
	margin-top: 5px;
	margin-left: 4px;
}

.groupnav a {
	border: 1px solid #fff;
	transition: all 1s ease;
	font-weight: 500;
}

.groupnav > li.active > a {
	color:#124c5e;
	background-color: #fff;
}

.groupimg {
	width: 195px;
	height: 195px;
	float: left;
	margin-bottom: 15px;
	margin-top: 12px;
	overflow: hidden;
	position: relative;
	border-radius: 50%;
}

.groupimg img {
  position: absolute;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
}

.modertext {
	color: #e45b2d;
	margin-top: 7px;
	margin-bottom: 5px;
	border-bottom: 2px #e45b2d solid;
	width: 140px;
}

a.moderlink{
	color: #5d5e5e;
	font-weight: 400;
}

p.moderlink{
	margin-bottom:4px;
}

.groupunder {
	width: 140px;
	display: block;
	color: #e45b2d;
	border-bottom: 2px #e45b2d solid;
	font-size: 0.857em;
	padding: 3px;
	margin-bottom: 10px;
}

.actvspp {
	margin-bottom: 0 !important;
}

.actvspp a {
	font-style: italic;
	color:#9c9d36;
}

.actuser {
	font-size: 0.76em !important;
}

.actuser a {
	color: #124c5e;
}

.editgroupform {
	width: 100%;
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.10), 0 3px 6px rgba(0,0,0,0.12);
	padding: 15px 10px;
	position: absolute;
	z-index:200;
	margin-top: 7px;
}

.editgroupform h3 {
	font-size: 0.86em;
	padding: 5px 0;
	font-weight: 400;
	color: #1b3337;
}

.closeedit {
	position: absolute;
	right: 10px;
	top: 5px;
}

.top5 {
	padding-bottom: 5px;
	border-bottom: 1px solid #db3f2a;
	width: 96%;
	margin-top: 10px;
	margin-bottom: 2px;
}

.top5users {
	width: 96%;
}

.top5users a, .top5users p {
	padding: 0 15px 0 5px;
	margin: 1px 0 0 0;
	font-size: 0.75em;
}

.top5users a {
	color: #124c5e;
	cursor: pointer;
}

.activity {
	font-style: italic;
	color:#9c9d36;
}

.sugeridor {
	margin-top: 25px;
}

.searchbtnspp {
	border: none;
	height: 42px;
	width: 46px;
	cursor: pointer;
	background-color: #fff;
	vertical-align: top;
	color:#db3f2a;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 0.86em;
}

.bigplus {
	font-size: 32px;
	line-height: 38px;
	font-weight: 600;
}

.sppbox .closecb {
	margin-left: 0;
}

.expindex {
	width: 185px;
	height: 210px;
	background: -webkit-linear-gradient(#297d8c 0%, #297d8c 35px, #297d8c 35px, #f2f2f2 35px, #f2f2f2 100%);
	background: -o-linear-gradient(#297d8c 0%, #297d8c 35px, #297d8c 35px, #f2f2f2 35px, #f2f2f2 100%);
	background: linear-gradient(#297d8c 0%, #297d8c 35px, #297d8c 35px, #f2f2f2 35px, #f2f2f2 100%);
	padding: 7px 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 10px;
	margin-bottom: 12px;
	vertical-align: top;
	box-shadow: 0 2px 4px rgba(0,0,0,0.10), 0 3px 6px rgba(0,0,0,0.12);
	text-align: left;
}

.expindex:nth-of-type(odd) {
	background: -webkit-linear-gradient(#1d81a1 0%, #1d81a1 35px, #1d81a1 35px, #f2f2f2 35px, #f2f2f2 100%);
	background: -o-linear-gradient(#1d81a1 0%, #1d81a1 35px, #1d81a1 35px, #f2f2f2 35px, #f2f2f2 100%);
	background: linear-gradient(#1d81a1 0%, #1d81a1 35px, #1d81a1 35px, #f2f2f2 35px, #f2f2f2 100%);
}

.expcard {
	width: 50px;
	height: 50px;
	float: left;
	margin-bottom: 7px;
	overflow: hidden;
	position: relative;
	border-radius: 50%;
	margin-right: 7px;
}

.expcard img {
	position: absolute;
	width: 50px;
	left: -100%;
	right: -100%;
	top: -100%;
	bottom: -100%;
	margin: auto;
	min-height: 100%;
	min-width: 100%;
}

.rankblue {
	width: 25px;
	height: 40px;
    background-image: url(/assets/rankblue-ab54327ec5f36dedc51a2527bdd200e1d240ac034dc12e75ea87f1c0208db3c7.png);
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    float: left;
    margin-top: 9px;
    margin-right: 5px;
}

.expindex h2 {
	font-size: 1em;
	font-weight: 400;
	color: #1b3337;
	margin-top: 8px;
}

.expindex h2 b {
	font-size: 1em;
	font-weight: 400;
	color: #fff;
}

.expindex h5 {
	padding-bottom: 5px;
	width: 100%;
	text-transform: none;
	border-bottom: 1px solid #1b3337;
	margin-bottom: 0;
	font-size: 0.86em !important;
	font-weight: 400;
	line-height: 1;
	font-size: 1em !important;
}

.expindex h5 a {
	color: #1b3337 !important;
	font-weight: 400;
}

.gr {
	background-color: #234247;
	padding: 3px 5px 5px;
	display: inline-block;
	color:#f2f2f2;
	font-size: 0.86em;
	margin-bottom: 5px;
}

.grlink {
	display: block;
	font-size: 0.8em;
	font-weight: 300;
	letter-spacing: 0;
	padding: 0;
	margin-left: 2px;
	margin-top: 1px;
}

.groupexindex {
	height: auto;
}

.groupexindex a {
	margin-left: 3px;
	border-bottom: none;
	font-size: 15px;
	color: #1b3337;
	display: block;
	border-bottom: 1px solid #c5c4c4;
	padding: 5px;
}

.groupexindex:nth-child(odd) {
	background-color: #f2f2f2;
}

.userspp {
	border-bottom: 1px solid #c5c4c4;
}

.userspp input[type="checkbox"] {
	/*height: 20px;*/
	margin: 0 auto;
}

.userspp > * {
	padding: 9px 7px 5px;
}

.userspp a {
	font-size: 0.8em;
	line-height: 2;
	vertical-align: top;
	color: #393836;
	/*padding-left: 12px;*/
}

.userspp p {
	padding: 17px 0 18px;
	margin-bottom: 0px;
}

.arrrowsm {
	border: none;
	background: none;
	width: 11px;
	height: 7px;
	float: right;
	background-image: url(/assets/arrowsm-fb763b0c2181fd539ff1c975c4957cece76335d18811e9542bb8e56d47a6f7ec.png);
	margin: 3px;
	cursor: pointer;
}

.rotatearr {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* index */

.cajainners {
	width: 836px;
	padding: 10px 20px;
	top: 1%;
	position: absolute;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	height: 98%;
	background-color: #fff;
	overflow-y: auto;
	z-index: 6;
	right: 50px;
}

.cajainners .hcbase h1 {
	width: -moz-calc(100% - 55px);
	width: -webkit-calc(100% - 55px);
	width: calc(100% - 55px);
	margin-bottom: 10px;
}

.cajainners p {
	line-height: 1.5;
	margin-bottom: 10px;
}

.cajainners .closecb {
	background: url(/assets/homeicon-eb5911e56d6303227e991787c737fa806c817dac42dd77d3f55b9fc134128626.png) top left no-repeat;
	transition: all 1s ease;
}

.cajainners .closecb:hover {
	background: url(/assets/homeicon2-90d0004ea7a0f0cf1bfc7f579b5f4a43b70673284b6b3a43a336d04bcc2c51ea.png) top left no-repeat;
}

.botonfiltro {
	border: none;
	padding: 8px 0;
	background: none;
	text-align: center;
	color:#f47f76;
	font-size: 0.96em;
	line-height: 1;
	display: block;
	float: left;
	cursor: pointer;
	margin-right: 10px;
	vertical-align: middle;
}

.acti {
	color:#db3f2a;
}

.mt10 {
	margin-top: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.nobox2 .field {
	font-family: lato, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

.nobox2 .field input {
	width: 100%;
	padding: 5px;
	min-height: 30px;
	border: 2px solid #e9e9e9;
}

.nobox2 .field input:focus, .new_record_createdCommentsBm textarea:focus, .nobox2 .select:focus  {
	border: 1px solid #db3f2a;
}

.nobox2 .field .date:first-child {
	padding: 3px 5px;
	font-family: lato, sans-serif;
}

.new_record_createdCommentsBm textarea {
	width: 100%;
	padding: 5px;
	margin-bottom: 15px;
	font-family: lato, sans-serif;
	border: 2px solid #e9e9e9;
	height: 60px;
}

#submit_new_record:hover  {
	background-color: #db3f2a !important;
	color: #fff !important;
	transition: 1s ease all;
}

.nobox2 .form-invalid {
	padding: 3px;
	color: #db3f2a !important;
}

/*select dropdown*/

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 1em;
  color: #db3f2a;
  width: 280px;
  height: 40px;
  border: solid 1px #db3f2a;
}

.cajaregistros .select {
	width: 100%;
	height: 30px;
}

.nobox2 .select {
	width: 100%;
	height: 30px;
	border: 1px solid #e9e9e9 !important;
	text-transform: none;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 6px 10px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #db3f2a transparent transparent transparent;
  position: absolute;
  top: 16px;
  right: 10px;
}

.cajaregistros .select-styled {
	padding: 5px;
}

.cajaregistros .select-styled:after {
	top:11px;
}

.select-styled:hover {
  background-color: #b83729;
  color:#fff;
}

.select-styled:active, .select-styled.active {
  background-color: #ab3326;
  color:#fff;
}

.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #fff transparent;
}

.cajaregistros .select-styled:active:after, .cajaregistros .select-styled.active:after {
  top: 4px;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
}

.select-options li {
  margin: 0;
  padding: 10px 0;
  text-indent: 15px;
  border: solid 1px #db3f2a;
  border-top: none;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

.cajaregistros .select-options li {
	padding: 5px 0;
}

.select-options li:hover {
  color: #fff;
  background: #db3f2a;
}

.select-options li[rel="hide"] {
  display: none;
}

/*  */
.aligner2 {
	margin: 0 auto;
	text-align: left;
}

.newgrbtn {
	text-transform: uppercase;
	border: solid 1px #db3f2a;
	padding: 5px 10px;
	cursor: pointer;
	color:#db3f2a;
	background: none;
	margin-top: 15px;
	transition: all 1s ease;
}

.newgrbtn:hover {
	background-color: #db3f2a;
	color: #fff;
}

.btnemergencia {
	margin-top: 0 !important;
}

.btnact {
	background-color: #db3f2a;
	color: #fff;
}

.forms {
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #f2f2f2;
	width: 95%;
	max-width: 720px;
}

.mb10 {
	margin-bottom: 10px !important;
}

.forms p {
	width: 90%;
}

.forms input[type=email],
.forms input[type=text],
.forms textarea,
.editgroupform input[type=text],
.editgroupform textarea  {
	width: 100%;
	padding: 10px;
	border: 1px solid #124c5e;
	margin-bottom: 5px;
}

.forms input[type=submit], .nobox .cancelbtn {
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 5px 0;
	cursor: pointer;
	color:#fff;
	background: #124c5e;
	border: none;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 0.8em;
	float: right;
}

.nobox .forms {
	margin-left: 15px;
}

.nobox .forms input[type=submit] {
	background-color: #db3f2a;
	margin-left: 5px;
}

.nobox .forms input[type=radio] {
	margin: 10px;
}

.forms ::-webkit-input-placeholder {
   color: #393836;
   font-family: 'Lato', sans-serif !important;
   font-size: 12px;
}

.forms :-moz-placeholder { /* Firefox 18- */
   color: #393836;
   font-family: 'Lato', sans-serif !important;
   font-size: 12px;
}

.forms ::-moz-placeholder {  /* Firefox 19+ */
   color: #393836;
   font-family: 'Lato', sans-serif !important;
   font-size: 12px;
}

.forms :-ms-input-placeholder {
   color: #393836;
   font-family: 'Lato', sans-serif !important;
   font-size: 12px;
}

.groupcard {
	width: 185px;
	height: 245px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 10px;
	margin-bottom: 12px;
	vertical-align: top;
	box-shadow: 0 2px 4px rgba(0,0,0,0.10), 0 3px 6px rgba(0,0,0,0.12);
	text-align: left;
	background-color: #f2f2f2;
}

.groupthumb {
	width: 185px;
	height: 100px;
	overflow: hidden;
	position: relative;
}


.groupthumb img {
  position: absolute;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
}

.titgrcard {
	color: #fff;
	background-color: #124c5e;
	padding: 6px;
	font-weight: 300;
	min-height: 50px;
	display: block;
}

.subtgr {
	font-size: 0.75em;
	color:#393836;
	padding: 5px;
}

.subtgr b {
	color:#db3f2a;
	letter-spacing: 1;
}

.colhalf {
	text-align: center;
	width: 50%;
	float: left;
}

.colhalf h5 {
	font-size: 1.8em;
	color: #1b3337;
	font-weight: 300;
}

.lineright {
	border-right:1px solid #c5c4c4;
}

.tilted {
	background: -webkit-linear-gradient(#dddddd 0%, #dddddd 50%, #dddddd 50%, #f2f2f2 50%, #f2f2f2 100%);
	background: -o-linear-gradient(#dddddd 0%, #dddddd 50%, #dddddd 50%, #f2f2f2 50%, #f2f2f2 100%);
	background: linear-gradient(#dddddd 0%, #dddddd 50%, #dddddd 50%, #f2f2f2 50%, #f2f2f2 100%);
}

.aboutbg {
	background: -webkit-linear-gradient(#e9ebee 0%, #e9ebee 40%, #e9ebee 40%, #f2f2f2 40%, #f2f2f2 100%);
	background: -o-linear-gradient(#e9ebee 0%, #e9ebee 40%, #e9ebee 40%, #f2f2f2 40%, #f2f2f2 100%);
	background: linear-gradient(#e9ebee 0%, #e9ebee 40%, #e9ebee 40%, #f2f2f2 40%, #f2f2f2 100%);
}

.bckapi {
	background: -webkit-linear-gradient(#e3af24 0%, #e3af24 225px, #e3af24 225px, transparent 225px, transparent 100%);
	background: -o-linear-gradient(#e3af24 0%, #e3af24 225px, #e3af24 225px, transparent 225px, transparent 100%);
	background: linear-gradient(#e3af24 0%, #e3af24 225px, #e3af24 225px, transparent 225px, transparent 100%);
}

.cajainfo {
	width: 100%;
	padding: 10px 6px;
	z-index: 3;
}

.contenedor {
	margin: 0 auto;
	padding: 30px 0 10px;
	width: 98%;
	max-width: 1100px;
	height: 100%;
	position: relative;
}

.infonav {
	float: left;
	width: auto !important;
}

.infonav a {
	font-size: 1.6em;
	padding: 10px 25px;
	color:#1b3337;
	border:1px #1b3337 solid;
	margin-right: 0;
}

.infonav > li.active > a {
	background-color:#1b3337;
	color:#fff;
	border:1px #1b3337 solid;
}

.contenedor h1 {
	float: right;
	margin: 0;
	padding: 0;
	line-height: 0.8;
	margin-right: 10px;
}

.subtabs {
	margin-top: 5px;
}

.subtabs li {
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.subtabs li a {
	padding: 5px 12px;
	text-transform: uppercase;
	background-color: #fff;
	color: #5d5d5d;
}

.subtabs li a:hover {
	color:#fff;
	background-color: #db3f2a;
}

.subtabact a {
	background-color: #db3f2a !important;
	padding: 8px 12px !important;
	color: #fff !important;
}

.infocontainer {
	width: 100%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	min-height: 400px;
	background-color: #fff;
	overflow-y: auto;
	padding: 30px 20px 12px 25px;
	z-index: 6;
}

.infocontainer h2 {
	font-weight: 300;
	font-size: 24px;
	letter-spacing: 1;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
}

.apicont {
	width: 100%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	background-color: #fff;
	overflow-y: auto;
	padding: 30px 20px 12px 25px;
	z-index: 6;
}

.blogg {
	max-width: 700px;
	font-size: 0.87em;
	border-bottom: 1px solid #5d5d5d;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.atlasSec {
	margin-bottom: 20px;
}

.atlasSec h4 {
	font-size: 1.05em;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:#db3f2a;
	border-bottom: 1px solid #db3f2a;
	padding-bottom: 5px;
	margin-bottom: 20px;
	max-width: 700px;
	margin-bottom: 20px;
}

.blogg h4 {
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #db3f2a;
	color:#db3f2a;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.blogg h5 {
	font-size: 1.5em;
	letter-spacing: 1px;
	margin-bottom: 20px;
	color: #124c5e;
}

.blogg h5 b {
	padding: 0 9px;
	margin-right: 10px;
	font-size: 1.51em;
	border: 2px solid #124c5e;
}

.blogg h6 {
	color: #424242;
	padding: 5px;
	font-size: 1.1em;
	font-weight: 400;
}

.blogg p {
	color:#5d5d5d;
	line-height: 1.5;
	margin-bottom: 5px;
}

.blogg20 {
  margin-left: 25px;
}

.blogg20::before,
.blogglist::before {
  content: '• ';
}

.subblogg {
	padding: 3px 7px;
	margin: 10px 5px 5px 0;
	display: inline-block;
	background-color: #124c5e;
	color: #fff;
	font-size: 1.23em;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.bolet {
  border-bottom: 1px solid #9d9d9d;
  padding: 15px;
  max-width: 700px
}

.bolet img {
  width: 100%;
  max-width: 700px;
  margin-bottom: 5px;
}

.bolet h4 {
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 20px;
  padding-bottom: 5px;
  color: #db3f2a;
  font-weight: 400;
}

.bolet h6 {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  color: #e45b2d;
  font-weight: 400;
}

.bolet h5 {
  margin-bottom: 20px;
  font-size: 12px;
  color: #5d5d5d;
  font-weight: 400;
}
.bolet h5 b {
  margin-bottom: 20px;
  color: #1b3337;
}
.bolet h5 i {
  font-size: 10px;
  color: #8d8a80;
  font-style: normal;
  text-transform: uppercase;
}
.bolet p {
  margin-bottom: 10px;
  font-size: 14px;
  color: #6d6d6d;
  width: 100%;
  line-height: 1.3;
}
.bolet p b {
  font-size: 13px;
}
.bolet a {
  color: #0e5c5b;
  font-weight: 400;
}

.boletindex {
	text-align: center;
}

.cardbol {
	cursor: pointer;
	width: 220px;
	border: 1px solid #124c5e;
	height: 240px;
	overflow: hidden;
	perspective: 1000px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 10px;
	margin-bottom: 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.cardbol:hover .flipper, .cardbol.hover .flipper {
	-webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flipper {
	transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.front {
	z-index: 2;
	-webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	width: 220px;
	text-align: center;
}

.back {
	-webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
	width: 220px;
	background-color: #196982;
	height: 240px;
}

.cardbol h3 {
	background-color: #124c5e;
	padding: 10px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 5px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
}

.actbol h3 {
	background-color: #e45b2d;
}

.cardbol h6 {
	color: #5d5d5d;
	text-align: center;
	border-bottom: 1px solid #5d5d5d;
	display: block;
	padding-bottom: 5px;
	width: 160px;
	margin: 0 auto;
	font-size: 0.8em;
	letter-spacing: 1px;
}

.cardbol img {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	margin: 10px auto;
	text-align: center;
}

.cardbol p {
	color:#f2f2f2;
	width: 200px;
	margin: 0 auto;
	font-size: 0.8em;
	padding: 5px 0;
	border-bottom: 1px solid #f2f2f2;
	text-align: center;
	font-weight: 400;
	letter-spacing: 1px;
}

.bolet:last-child,
.cardbol p:last-child {
	border:none;
}

.cajathumb {
    width: 220px;
    background-color: #fff;
    display: inline-block;
    border: none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    cursor: pointer;
    margin:10px 15px 10px 0;
    vertical-align: top;
}

.cajathumb:hover {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.24);
    box-shadow: 0 2px 5px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.24);
}

.cajathumb p {
	text-transform: uppercase;
	color: #c12a26;
	padding: 5px 15px 10px;
	font-size: 34px;
	float: right;
}

a.cajathumb p {
  padding: 0px 15px 7px;
}

.cajathumb img {
  width: 100%;
}

.cajathumb h6 {
	padding: 20px;
	font-weight: 600;
	display: inline-block;
}

/* visor */


.mapcontainer {
	width: 100%;
	min-height: -moz-calc(100% - 106px);
    min-height: -webkit-calc(100% - 106px);
    min-height: calc(100% - 106px);
}

.leaflet-top .leaflet-control {
	margin: 0;
}

.leaflet-left .leaflet-control {
	margin: 0;
}

.leaflet-bar {
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}

.leaflet-control-layers,
.leaflet-control > * {
	border-radius: 0 !important;
	box-shadow: none;
}

.leaflet-bar a, .leaflet-bar a:hover {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-bottom: none;
	border-right: 1px solid #1b3337;
	color: transparent;
	background-color: #124c5e;
	height: 25px;
	padding: 0;
	vertical-align: top;
	padding: 0;
	line-height: 1.1;
}

.leaflet-bar a:first-child {
	background-image: url(/assets/plus-78fbab6db4699116e8096797ef665776dc54e415dcba9733942dacb52014395c.png);
}
.leaflet-bar a:nth-child(2) {
	background-image: url(/assets/minus-271d98ffaa7a723ea99716f2df0b9e38e708ac5ea5e1fbe3e10412eba77f85a3.png);
}

.leaflet-bar a:hover {
	background-color: #1b3337;
}

.leaflet-popup-content-wrapper {
	border-radius: 0;
	background-color: #1b3337;
	box-shadow: none;
	padding:0;
}

.leaflet-control-coordinates {
	color:#fff;
	font-family: 'Lato', sans-serif !important;
	letter-spacing: 1px;
}

.leaflet-control-coordinates .uiElement {
	border-radius:0;
	background-color: #1b3337;
	margin: 0 !important;
	padding: 3px 10px !important;
}

.report {
	background-color: #124c5e;
	width: 290px;
	position: absolute;
	top: 120px;
	z-index: 1000;
	left: 50%;
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
	color: #fff;
}

.report h2 {
	color:#fff;
	padding: 5px 15px 5px 8px;
	letter-spacing: 1px;
	font-weight: 300;
	background-color: #db3f2a;
	font-size: 1.2em;
	text-align: center;
}

.report form {
	padding: 10px;
}

.report textarea {
	width: 100%;
	padding: 3px;
	border-color: #db3f2a;
	margin-top: 10px;
	font-size: 1em;
}


.report input[type="checkbox"] {
	margin: 5px 10px 5px 0;
	line-height: 25px;
	vertical-align: middle;
}

.report label {
	font-weight: 300;
	vertical-align: middle;
	font-size: 1em;
	line-height: 25px;
}

.report .botonpopup {
	font-size: 13px;
}

.leaflet-popup-tip {
	background-color: #1b3337;
	box-shadow: none;
}

.leaflet-popup-content {
	margin: 0;
	padding: 0;
}

.labelcom {
	background-color: #db3f2a;
	color:#fff;
	text-align: center;
	font-size: 17px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 5px 15px;
}

.leaflet-popup-content input[type="radio"] {
	margin-bottom: 8px;
	margin-left: 15px;
}

.leaflet-popup-content label {
	color:#fff;
	padding: 5px 15px 5px 8px;
	letter-spacing: 1px;
	font-weight: 300;
}

.botonpopup,
.botonpopup2 {
	background: none;
	border-radius: 0;
	border: 1px solid #db3f2a;
	padding: 5px 10px;
	margin: 10px 15px;
	color:#db3f2a;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	cursor: pointer;
	vertical-align: top;
}

.botonpopup:hover, #alertlogbtn:hover {
	color:#fff;
	background-color: #db3f2a;
}

.botonpopup2 {
	color:#fff;
	background-color: #db3f2a;
}

.botonpopup2:hover {
	color:#db3f2a;
	background-color: #fff;
}

#cancelEditBtn {
	display: inline-block;
	vertical-align: top;
	margin: 10px 10px 0 0;
}

#cancelEditBtn .botonpopup2 {
	margin: 0 !important;
}

.approved, .unapproved {
	width: 25px;
	height: 25px;
	display: inline-block;
	margin: 10px 15px 0 0;
	background-image: url(/assets/approvedyes1-e971a1638f7b3bbc4f4ce135f897e0fea8689c8ab7badf2547d820312ff2346e.png);
}

.unapproved {
	background-image: url(/assets/approvedno1-a0253cede94cfcd1ed5ec60f38fcd800c340974eb813af27fef7262e1289cc32.png);
}

.approved:hover, .approved.active {
	background-image: url(/assets/approvedyes2-2fb2957f62664ffb324044df0d47c332bfa7a1d6de5800577869fc3e466cc8aa.png);
}

.unapproved:hover, .unapproved.active {
	background-image: url(/assets/approvedno2-cdf9979489256019aee991b152a318341711da5ea7386cbebc91a706eddeb382.png);
}

.areaother {
	margin: 0 5px;
	padding: 3px;
	font-family: 'lato', sans-serif;
	max-width: 97%;
}

.ml0{
	margin-left: 0 !important;
}

.spname, .modelname, #model-status-btn {
	position: absolute;
	left: 52px;
	width: 250px;
	height: 25px;
	background-color: #fff;
	padding: 3px 8px;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5;
	top: 60px;
}

.modelname {
	left: 302px;
	width: 200px;
	border-left: 1px solid #8d8d8d;
	color: #393836;
	display: none;
}

#model-status-btn {
  left: 502px;
  width: 26px;
  height: 26px;
  display: none;
  padding: 3px 0;
  background: #124c5e url(/assets/downarroww-802fb6badbc5bc2a3b3e771680d314bc409da6ad4af1679e12ea813beaeb06ff.png) right 8px center no-repeat;
  border: none;
	cursor: pointer;
	vertical-align: top;
}

#model-status-btn.arrow-status {
  background-image: url(/assets/uparroww-e1c658ccbb3af8754226eddc9d1c54b17bfc2662a5b6548530df6df32d5223ca.png);
}

.gradient {
	background-image: url(/assets/gradient-5191436a30543e31dc04d5bbc13197f7e035519d1d2f23b3345667aff3129915.png);
    background-repeat: no-repeat;
    background-position: right;
}

.spname {
	font-style: italic;
	color: #db3f2a;
	display: none;
}

.menuright {
	position: absolute;
	right: 0;
}

#layerbtn {
    height: 45px;
    width: 45px;
    background-color: #e45b2d;

    background-image: url(/assets/layers-a42cbb7c5320ea700b4395039cea43b31bfcf4ad254b7d82755f8717157ff168.png);
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    z-index:17;
    right:0;
    cursor: pointer;
}

.vbtnact {
    width: 60px !important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.leaflet-control-layers-expanded {
	right:60px;
	min-width: 220px;
	background-color: #124c5e;
}

.leaflet-control-layers-expanded label span {
	padding-left: 5px;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	vertical-align: middle;
}

.leaflet-control-layers-expanded label {
	padding-left: 5px;
}

.visorbtn {
	top:60px;
  height: 45px;
  width: 45px;
  background-repeat: no-repeat;
  background-position: right;
  position: absolute;
  z-index:17;
  right:0;
  cursor: pointer;
}

.vbtnfind {
	background-image: url(/assets/vbtnfind-c692462594d8999fce6d77cc67f78caac00c7a42ef088ab41046d95be3fc8447.png);
	top:105px;
	background-color: #db3f2a;
}

.vbtninfo {
	background-image: url(/assets/vbtninfo-f4dd1859e0b3ad2b1e8ed1ce70f279f829a202dfa49ced813a82e85c6b4134f0.png);
	background-color: #124c5e;
	display: none;
}

.vbtnhipo {
	background-image: url(/assets/vbtnhipo-d8577902ba684108cac658825b876f27cd77aced348f956525328b701446ef1c.png);
	background-color: #e3af24;
	display: none;
}

.vbtnedit {
	background-image: url(/assets/vbtnedit-6997549e9adf670a0bba660216a4ec2ef7d609e9792409f7554acfccc642bdfe.png);
	background-color: #9c9d36;
	display: none;
}

.btn1Top {
  top:150px;
}

.btn2Top {
  top:195px;
}

.btn3Top {
  top:240px;
}

.cajavisor {
	width: 830px;
	height: -moz-calc(100% - 106px);
    height: -webkit-calc(100% - 106px);
    height: calc(100% - 106px);
	padding: 10px 20px;
	position: absolute;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	background-color: #fff;
	overflow-y: auto;
	z-index: 1001;
	right: 60px;
	font: 14px/24px 'Lato', sans-serif;
	top:60px;
}

.cajavisor2 {
	width: 650px;
	height: -moz-calc(100% - 106px);
    height: -webkit-calc(100% - 106px);
    height: calc(100% - 106px);
	padding: 10px 20px;
	position: absolute;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	background-color: #fff;
	overflow-y: auto;
	z-index: 1001;
	right: 0;
	font: 14px/24px 'Lato', sans-serif;
	top:60px;
}

#show_record_box .cajavisor2 {
	z-index: 1002;
}

.vcbase h1 {
	padding: 0 0 13px 0;
	margin-top: 0;
	font-size: 1.8em;
	text-align: left;
	border-bottom: solid 1px #db3f2a;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight: 400;
	width: -moz-calc(100% - 55px);
	width: -webkit-calc(100% - 55px);
	width: calc(100% - 55px);
	text-transform: uppercase;
	color:#db3f2a;
}

.vcbase {
	margin-bottom: 12px;
}

.vcbase h1 i {
	text-transform: none;
	font-weight: 300;
}

.closevb {
	padding: 0 16px;
	text-transform: uppercase;
	font-size: 1em;
	margin-left: 8px;
	font-weight: 300;
	color: #db3f2a !important;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #db3f2a;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 39px;
	height: 40px;
	cursor: pointer;
}

.closevb:hover, .closecb:hover, .botoncb:hover {
	color:#fff !important;
	background-color: #db3f2a;
	transition: 1s ease all;
}

.vatop {
	vertical-align: top;
}

.cajavisor p, .infobox p {
	max-width: 500px;
	line-height: 1.5;
	font-size: 0.95em;
	color: #393836;
	margin-bottom: 10px;
}

.figtxt {
	font-size: 10px;
	max-width: 500px;
	line-height: 1;
}

.cvcolumn{
	width: -moz-calc(100% - 55px);
	width: -webkit-calc(100% - 55px);
	width: calc(100% - 55px);
	float: left;
}

.cajavisor form {
	border: solid 1px #db3f2a;
	padding: 5px;
	margin: 12px 0;
	font-size: 1.2em;
}

.cajavisor h2, .infobox h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #db3f2a;
	font-weight: 400;
	border-bottom: 1px solid #db3f2a;
	display: inline;
	letter-spacing: 1px;
}

.typebtn {
	margin-top: 5px;
}

.sppbtn label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border: none;
	background-color: #c5c4c4;
	width: 30px;
	height: 30px;
	margin-right: 5px;
}

.sppbtn label > input,
.typebtn label > input {
    display:none;
      }

.sppbtn label > input + img,
.typebtn label > input + p {
     cursor:pointer;
 }

.sppbtn label > input:checked + img,
.sppbtn label:hover {
 	background-color: #1b3337;
}

.mamiferos {
background-image: url(/assets/mambtn-3bd99c5377c6019231b4df8801ccd0d943b78315156dce88bcde0eb43cf29271.png);
}
.aves {
background-image: url(/assets/avesbtn-b9504c29c4c94c82f2e7884c3a2772261b9b84acd69d7bab8f2f506cb4a39198.png);
}
.reptiles {
background-image: url(/assets/repbtn-bfb5caf31a7a55075be6f2ac658464ecfe967645af07b659340ece862199e73d.png);
}
.anfibios {
background-image: url(/assets/anfbtn-bdfa93a68e0a78849c80bdbc49c7f7cfda66fbf9e0cab1639411bae75a3ebac7.png);
}
.peces {
background-image: url(/assets/pecesbtn-d2914425f69f80922082b736f58edba13a4bc07b26f7a3ce4ee124bee3b2417b.png);
}
.invertebrados {
background-image: url(/assets/invbtn-4dc9d60ad56e59f39d6430e1201d74a81574abd3975f9dfc884c03f5cdfeac79.png);
}
.plantas {
background-image: url(/assets/plantbtn-6b736a8de95c4717c2de471f728122a774cf0dc32e553294ccd83adca83665a4.png);
}

.typebtn label > p {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border: 2px solid #c5c4c4;
	color: #c5c4c4;
	text-transform: uppercase;
	padding: 5px 7px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: none;
	font-weight: 300;
	letter-spacing: 0.5px;
}

.typebtn label > input:checked + p,
.typebtn label > p:hover {
	border: 2px solid #1b3337;
	color: #1b3337;
	text-transform: uppercase;
}

.resultados {
	width: 100%;
	border: solid 1px #db3f2a;
	font-style: italic;
	line-height: 1.5;
	padding: 10px 10px 15px;
	min-height: 150px;
	max-height: 375px;
	position: relative;
	margin-bottom: 10px;
	overflow-y: scroll;
}

.resultados a {
	color: #393836;
	font-size: 1.1em;
}

.subinfo {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #c5c4c4;
	margin-bottom: 5px;
}

.subinfo h3, .subinfo a {
	vertical-align: top;
	color:#393836;
	letter-spacing: 1px;
	font-size: 18px !important;
	font-weight: 400;
	display: inline;
}

.subinfo a {
	cursor: pointer;
	text-decoration: underline;
}

.subinfo h3 b {
	color:#db3f2a;
	font-size: 1.6em;
	padding: 0 8px;
	vertical-align: top;
	font-weight: 400;
}

.subinfo .reg {
	margin-right: 20px;
	margin-bottom: 15px;
}

.sppcateg:after {
	content:'\00a0 \00B7 \00a0';
	letter-spacing: 1px;
	color: #1b3337;
}

.sppcateg {
	letter-spacing: 1px;
	color: #1b3337;
	text-transform: uppercase;
	float: left;
	padding-bottom: 3px;
	border-bottom: 1px solid #1b3337;
}

.infofollow {
	padding-bottom: 10px;
	display: flex;
    justify-content: space-between;
}

.followstate {
	margin-top: 5px;
	text-align: right;
}

.follow {
	text-transform: uppercase;
	border: solid 1px #db3f2a;
	padding: 3px 10px;
	font-size: 1em;
	letter-spacing: 1px;
	color:#db3f2a;
}

.siguiendo {
	border: none;
	color:#1b3337;
	padding: 0;
	line-height: 1;
}

.cvcol40{
	width: 45px;
	float: right;
	padding-right: 5px;
	margin-top: -10px;
}
.urllink{
	width: 42px;
	height: 30px;
	border: none;
	background: url(/assets/linkicon-be9194c5707b7648ae1bc5d025c3f91b424706aa146ceafc16777c6dce3ca7f6.png) no-repeat center;
	cursor: pointer;
}

.amenaza {
	width: 40px;
	height: 40px;
	margin-top: 5px;
}

.infotitle:after {
	cursor: pointer;
	padding-left:5px;
	content:url(/assets/infoicon-313c2a05f5f07fb085bad077f3b552a7ba70ddd5acbd80a22c2c2748909b1620.png);
}

.infobox {
	padding: 15px;
	position: absolute;
	background-color: #f2f2f2;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	margin-top: -25px;
	z-index: 1010;
}

.cajaregistros .infobox {
	width: 245px;
	padding: 5px;
}

.infobox a {
	padding: 5px;
	line-height: 1;
	height: auto;
	float: right;
}

.cajaregistros .infobox a {
	padding: 3px 5px;
	margin-bottom: 5px;
}

.infobox h2 {
	font-size: 1em;
}

.infobox p {
	margin-top: 10px;
}

.cajavisor h5 {
	color: #393836;
	letter-spacing: 1px;
	padding-top: 6px;
	font-size: 0.9em;
}

.cajavisor h4 {
	font-size: 2em;
	color: #124c5e;
	font-weight: 400;
	line-height: 1;
}

.cajavisor h4 b {
	font-size: 0.6em;
	vertical-align: text-top;
	font-weight: 400;
	line-height: 1.2;
}

.maindata {
	padding: 18px;
	border: 1px solid #c5c4c4;
	margin-bottom: 10px;
	display: table;
	text-align: center;
	margin-top: 10px;
	margin-right: 7px;
}

.seconddata {
	text-align: center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 8px 10px 10px;
	border-right: 1px solid #c5c4c4;
}

.databox {
	margin-bottom: 10px;
}

.databox h2 {
	cursor: pointer;
}
.databox h2:hover {
	font-weight: 600;
}

.databox .seconddata:last-child {
	border: none;
}

.dib {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.dtab {
	display: table !important;
}

.resdata {
	margin: 5px;
	font-size: 1em;
	line-height:1.5;
	border: 1px solid #d0d2d0;
	padding: 5px 15px 5px 5px;
	max-width: 400px;
	max-height: 218px;
	overflow-y: auto;
}

.resdata p {
	margin-bottom: 0;
}
.percent {
	text-align: right;
	font-weight: 600;
	color: #124c5e;
}

.fright {
	text-align: left;
	margin-bottom: 5px;
}

.fright .siguiendo {
	padding-bottom: 5px;
	border-bottom: 1px solid #c5c4c4;
	width: 100px;
}

.hipotesis .mapthumb {
	border: 1px solid #c5c4c4;
	border-bottom: 1px solid #db3f2a;
	perspective: 1000px;
	overflow: hidden;
	width: 185px;
	height: 230px;
}

.hipotesis .delicon {
	text-align: left;
	margin: 5px 0 0;
}
.hipotesis .delicon img {
	width: 20px;
}

.hipotesis .mmicon {
	padding-top: 5px;
	border-bottom: 2px solid #c5c4c4;
}

.mapthumb:hover .flipper, .mapthumb.hover .flipper {
	-webkit-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.front2, .back2 {
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.front2 {
	z-index: 2;
	-webkit-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	width: 185px;
	text-align: center;
	vertical-align: middle;
	padding-top: 9px
}

.back2 {
	-webkit-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	width: 185px;
	height: 230px;
}

.titlethumb {
	padding: 8px 10px;
	background-color: #1b3337;
	color: #fff;
	text-transform: uppercase;
	line-height: 1;

}

.infothumb {
	margin: 0 auto;
	width: 165px;
	border-bottom: 1px solid #c5c4c4;
	color: #393836;
	font-weight: 400;
}

.infothumb .calificacion {
	font-size: 1.4em;
	color:#124c5e;
	padding-bottom: 3px;
}

.infothumb .calificacion b {
	font-size: 14px;
	color:#5d5e5e;
	font-weight: 400;
	margin-left: 5px;
}

.citathumb {
	padding: 0 10px;
	font-size: 0.87em;
	color:#545350;
}

.lhlow {
	line-height: 1.1;
	margin-bottom: 5px;
}

.commons {
	vertical-align: bottom;
	width: auto;
	height: 25px;
	text-align: left;
	padding-left: 8px;
}

.commons img {
	display: inline-block;
	margin-right: 2px;
}
.cajavisor h3 {
	font-weight: 400;
	font-size: 1.2em;
	color:#1b3337;
	letter-spacing: 1px;
}

.hipotesis textarea {
	width: 100%;
	border: none;
	font-size: 0.8em;
	line-height: 1.3;
	color: #5d5d5d;
	font-family: 'Lato', sans-serif;
	padding: 0 5px;
}

.hipotesis form {
	border-top: none;
}

.foroname {
	vertical-align: top;
	text-transform: uppercase;
	margin-left: 5px;
	line-height: 1;
}

.hipotesis input[type='submit'] {
	margin-bottom: 20px;
}
.hipotesis .fechanotif {
	position: absolute;
	left:63px;
	margin-top: 10px;
	border-bottom: 1px solid #1b3337;
	padding: 0;
	min-width: 185px;
}

.hipotesis .notif {
	border-bottom: 1px solid #db3f2a;
}

.hipotesis .notif p {
	margin: 0;
	padding: 0;
}

.hipotesis .reply {
	padding-left: 15px;
}

.hipotesis .reply .fechanotif {
	left: 78px;
}

.foroactions a {
	padding: 0 5px 3px;
	text-transform: uppercase;
	color: #1b3337;
	font-size: 0.75em;
	letter-spacing: 1px;
}

.foroactions a:hover {
	color:#9c9d36;
}

.steptitle {
	color: #db3f2a;
	padding: 5px 0;
	font-size: 1.05em;
	letter-spacing: 1px;
}

.editbox p {
	max-width: 90% !important;
}

.dinblock p {
	max-width: 520px !important;
}

.estadistico {
	margin-bottom: 0 !important;
}

.edicon, .veicon {
	padding-left: 35px;
	background: url(/assets/edicon-d242e319442d216053ee05817ced41d37a1113241124e324b71a315900283b0f.png) no-repeat left;
	height: 30px;
	vertical-align: middle;
	line-height: 30px !important;
}

.veicon {
	background: url(/assets/veicon-fe856a5042aaf036515b22fd01a43722b0bb1148710f591b8a4e870f4d2a8914.png) no-repeat left;
}

.editactions > * {
	margin-right: 5px;
	vertical-align: top;
	letter-spacing: 1px;
	font-size: 0.86em;
	margin-bottom: 15px;
}

.editactions .newgrbtn {
	width: 103px;
}

.editthumb {
	border: 1px solid #c5c4c4;
	border-bottom: 1px solid #db3f2a;
	padding: 8px;
	margin-bottom: 8px;
	margin-right: 10px;
}

.dinblock {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

.termbox, .termbox2 {
	position: absolute;
	top: 0;
	background-color: #f6f6f6;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	top: 64px;
	width: 95%;
	margin: 0 auto;
}

.termbox p, .termbox2 p {
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	text-align: justify;
	color: #1b3337;
	max-width: 90%;
	margin-top: 15px;
}

form.terminos {
	border: none;
	padding: 15px;
}

form.terminos .btngen {
	float: right;
	margin: 10px;
}

form.terminos .btngen:hover {
	color: #fff;
}

.download_terminos {
	display: inline-block;
}

form.terminos input[type="checkbox"],
form.terminos input[type="radio"] {
	font-size: 13px;
	vertical-align: middle;
	margin-top: -3px;
}

label.checkboxterm  {
	font-size: 14px !important;
	color: #db3f2a !important;
	vertical-align: -4px;
}

label.checkboxterm2 {
	font-size: 14px !important;
	color: #db3f2a !important;
	vertical-align: 6px;
}

label.checkboxdown {
	vertical-align: 0;
}

.rzslider {
	margin: 35px 0 3px !important;
}

.rz-bar-wrapper {
	padding-top: 3px!important;
}

.rz-bar {
	height: 10px !important;
	border-radius: 5px !important;
	background-color: #c5c4c4 !important;
}

.rz-pointer {
	height: 15px !important;
	width: 15px !important;
	top:-16px !important;
	border-radius: 8px !important;
	background-color: #1b3337 !important;
}

.rz-pointer:after {
	display: none !important;
}

.rz-tick-value {
	bottom:9px !important;
	font-size: 0.6em;
	color:#393836;
}

.rz-ticks {
	padding: 0 !important;
}

.rz-tick {
	background:none !important;
}

.rz-bar.rz-selection {
	background-color:#124c5e !important;
}

.btnregistros {
	position: absolute;
	top: 95px;
	padding: 0 5px;
	width: 270px;
	text-transform: uppercase;
	color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	background: #1b3337 url(/assets/downarroww-802fb6badbc5bc2a3b3e771680d314bc409da6ad4af1679e12ea813beaeb06ff.png) right 10px center no-repeat;
	cursor: pointer;
	vertical-align: middle;
	height: 25px;
	line-height: 25px;
	z-index: 18;
	display: none;
}

.regactive {
	padding:0 8px;
	font-size: 1.1em;
	background-image: url(/assets/uparroww-e1c658ccbb3af8754226eddc9d1c54b17bfc2662a5b6548530df6df32d5223ca.png);
	height: 45px;
	line-height: 45px;
}

.regactive::before {
	content: url(/assets/regiconvisor-8d8d3ba6b40a58db082702d2e5141353685b9b0c2c40acdb729f894b13b943da.png);
	float: left;
}

.cajaregistros {
	width: 270px;
	top: 140px;
	background-color: #fff;
	position: absolute;
	z-index: 19;
	padding: 5px 15px 15px 8px;
	overflow-y: auto;
}

.btnedicion {
	position: absolute;
	top: 120px;
	padding: 0 5px;
	width: 270px;
	text-transform: uppercase;
	color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	background: #1b3337 url(/assets/downarroww-802fb6badbc5bc2a3b3e771680d314bc409da6ad4af1679e12ea813beaeb06ff.png) right 10px center no-repeat;
	cursor: pointer;
	vertical-align: middle;
	height: 25px;
	line-height: 25px;
	z-index: 16;
	display: none;
}

.edactive {
	padding:0 8px;
	letter-spacing: 1px;
	font-size: 1.1em;
	background-image: url(/assets/uparroww-e1c658ccbb3af8754226eddc9d1c54b17bfc2662a5b6548530df6df32d5223ca.png);
	height: 45px;
	line-height: 45px;
}

.edactive::before {
	content: url(/assets/editiconvisor-18653e38ff709fe26b678d62b758e163ff19f030163e042825522800ff23f64c.png);
	float: left;
}

.cajitaeditar {
	width: 270px;
	top: 165px;
	background-color: #fff;
	position: absolute;
	z-index: 17;
	height: -moz-calc(100% - 211px);
	height: -webkit-calc(100% - 211px);
	height: calc(100% - 211px);
	padding: 5px 15px 5px 8px;
	overflow-y: auto;
}

.cajitaeditar .steptitle,
.cajaregistros .steptitle {
	letter-spacing: 0;
}

.fleft {
	float: left;
}

.yearchk {
	float: right;
	vertical-align: middle;
	margin: 9px 4px 0;
}

.yearchklb {
	float: right;
	font-size: 0.7em;
	font-family: 'Lato', sans-serif;
	color:#393836;
	padding-top: 9px;
}

#months {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-right: 12 px;
}

#months * {
	flex: 1 1 13.6%;
}

#months label {
	flex-grow: 2;
}

.meschk{
	margin: 5px 5px 0 0;
}

.meslbl {
	font-size: 0.7em;
	font-family: 'Lato', sans-serif;
	color:#393836;
}

.lblvisual {
	padding: 5px;
}

.lblvisual img {
	vertical-align: middle;
}

.foreditors {
	padding: 5px 0;
}

.littleline {
	margin: 0 15px;
	border-top: 2px solid #c5c4c4;
}

.polibotons {
	width: 180px;
	margin: 0 auto;
	text-align: center;
}

.poliboton, .taxbtn {
	height: 25px;
	width: 25px;
	border: none;
	background: none;
	border: 1px solid #1b3337;
	margin: 10px;
	cursor:pointer;
}

.poliboton:hover, .polibtnact {
	background-color: #c5c4c4 !important;
}

.polig {
	background: url(/assets/poligono-a024b41a783226d2b35032bca6f0a60bba4da8b5bac067de2ce5d29cb0ac8149.png) center no-repeat;
}
.edipoli {
	background: url(/assets/editpolig-31da350f402375d4cbef94c240cf218120260ff156892146bd6b0764a8c72935.png) center no-repeat;
}
.delpoli {
	background: url(/assets/delpolig-53494a0ae31e00ad588da1cfb03a538cd3c311bbb230eda893a6ff1dc4b68077.png) center no-repeat;
}

.delbotones, .editbotones {
	display: none;
	text-align: center;
}

.opacitybtn {
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.actionbtn {
	height: 25px;
	line-height: 22px;
	border: none;
	background: none;
	border: 1px solid #1b3337;
	color: #1b3337;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0 11px;
	margin: 10px;
	cursor:pointer;
	font-family: 'Lato', sans-serif;
	font-size: 11px;
}

.actionbtn:hover {
	background-color: #124c5e;
	color:#fff;
}

.veicon2 {
	line-height: 35px;
	height: 35px;
	width: 240px;
	background: url(/assets/veicon-fe856a5042aaf036515b22fd01a43722b0bb1148710f591b8a4e870f4d2a8914.png) right center no-repeat;
	margin-top: 5px;
	padding: 0;
}

.vAccordion--default v-accordion {
  margin-top: 0 !important;
  padding-left: 5px !important;
}

.vAccordion--default v-pane-content > div {
  padding-bottom: 3px !important;
 }

.vAccordion--default v-pane-header {
  padding: 2px 0 !important;
  margin-bottom: 0 !important;
  border-top: 2px solid #D8D8D8 !important;
  border-bottom:none !important;
  text-transform: uppercase;
  font-size: 13px;
  color: #5d5e5e;
}

.vAccordion--default v-pane.is-expanded > v-pane-header {
    border-top: 1px solid #db3f2a !important;
}

.vAccordion--default v-accordion v-pane-header {
  border: none !important;
  text-transform: none;
  max-width: 225px;
}

.vAccordion--default v-accordion v-pane.is-expanded > v-pane-header {
  border: none !important;
}

.vAccordion--default v-pane-header::after, .vAccordion--default v-pane-header::before {
    background-color: #db3f2a !important;
}

.vAccordion--default v-pane-header:hover, .vAccordion--default v-pane-header:focus {
    color: #db3f2a !important;
}

.vAccordion--default label {
    color: #5d5e5e;
    font-size: 12px;
    padding-left: 4px;
}

.btngen {
	padding: 5px 13px;
	border: none;
	background: none;
	border: 1px solid #db3f2a;
	color: #db3f2a;
	margin: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.87em;
	cursor: pointer;
}

.btngen:hover, .btngenact {
	background-color: #db3f2a;
	color:#fff;
}

.marbtnreg {
	margin: 5px 0 7px 30px;
}

.taxbtn {
	border-color: #db3f2a;
	background: url(/assets/poligonored-4d8aa58e9528792a417b4c7a87c4deb16abd505e96a85860288fd4be3d955c81.png) center no-repeat;
	float: right;
	cursor: pointer;
}

.taxbtn:hover, .taxbtnact {
	background-color: #c5c4c4;
}

.cajita {
	padding: 10px 15px;
	border-top: solid 7px #db3f2a;
	color:#fff;
	letter-spacing: 1px;
	line-height: 1.2;
}

.cajita b {
	font-weight: 400;
	color: #db3f2a;
}

.cajita input {
	width: 100%;
	display: table-cell;
	padding: 2px;
	margin-top: 3px;
	font-size: 12px;
	color: #393836;
	margin-bottom: 3px;
}

.leaflet-container a.leaflet-popup-close-button{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #db3f2a;
	padding: 10px 6px 0 0;
	height: auto;
	width: auto;
	font-size: 1.5em;
}

.inputforma {
	width: 92%;
	min-width: 277px;
	margin: 0 4% 10px;
	padding: 3px;
}
.smallinput {
	width: 72px;
	padding: 3px;
	margin-bottom: 10px;
}

.centering {
	text-align: center;
}

a.vermasreg {
	-ms-text-align-last: right;
	text-align-last: right;
	display: block;
	padding-right: 20px;
	letter-spacing: 1px;
	color: #4dc8ee;
}

a.vermasreg b {
	color: #4dc8ee;
	font-size: 16px;
	font-weight: 400;
}

a.vermasreg:hover {
	color: #fff;
}

/*#point_lat::after {
	content: ',';
}*/

#point_lon::before {
	content: 'LON ';
	color:#db3f2a;
}
#point_lat::before {
	content: 'LAT ';
	color:#db3f2a;
}

.cajita a.wrongbtn {
	padding: 7px 16px;
	margin: 10px 10px 5px;
	border: none;
	background: none;
	border: 1px solid #db3f2a;
	color: #db3f2a;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.2em;
	font-weight: 300;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
}

.cajita a.wrongbtn:hover {
	background-color: #db3f2a;
	color: #fff;
}

.lh25 {
	float: left;
	line-height: 25px;
	height: 25px;
	padding-top: 9px;
}

/* publish */

.hcbase h3 {
    color: #124c5e;
    font-size: 0.96em;
    margin-bottom: 15px;
    font-weight: 400;
}

.publish p {
    color: #5d5d5d;
    font-size: 0.95em;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 10px;
    line-height: 2;
    font-weight: 400;
}

.publish i {
    padding-left: 30px !important;
    font-style: initial;
}

.publish p b {
    padding: 1px 3px;
    color: #1b3337;
    border: 1px solid #1b3337;
    font-weight: 400;
    margin-right: 5px;
}

.publish a {
    color:#db3f2a;
    cursor: pointer;
}

.mininota {
	padding-left: 40px;
	font-weight: 300;
	font-style: italic;
	font-size: 13px;
	margin: -7px 0 10px;
}

.anglnkact {
    border-bottom: 1px solid #db3f2a;
}

.pubcontent h4 {
    background-color: #124c5e;
    padding: 3px 5px;
    color: #fff;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 300;
}

.pubcontent h6 {
    color: #124c5e;
    margin-bottom: 5px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 0.9em;
}

.pubcontent p {
    width: 100%;
    line-height: 1.5;
}

.upzip {
    border-radius: none;
    padding: 5px 12px;
    margin: 0 40px 15px;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #124c5e;
    color:#124c5e;
    background: none;
    cursor: pointer;
    letter-spacing: 1px;
}

.publierror:before {
    clear: both;
}

.loginbox .publierror {
	display: none;
}

.publierror,
.publish .alert {
    position: absolute;
    z-index: 101;
    top: 17px;
    left: initial;
    padding: 10px;
    right: 20px;
    background-color: #1b3337;
    display: block;
    border: none;
    font-size: 14px !important;
    color:#fff;
    font-family: 'Lato', sans-serif;
}

.publierror {
    background-color: #db3f2a;
}

.publierror:nth-child(2) {
    top:56px;
}
.publierror {
    top:96px;
}

.inputBtnSection{
    display:inline-block;
    vertical-align:top;
    font-size:0;
    font-family:verdana;
    margin-left: 39px;
    margin-bottom: 15px;
}
.disableInputField{
    display:inline-block;
    vertical-align:top;
    height: 27px;
    margin: 0;
    font-size:14px;
    padding:0 3px;
    width: 230px;
}

.w203 {
	width: 203px !important;
	font-size: 13px;
	padding-left: 10px;
}

.fileUpload {
    overflow: hidden;
    display:inline-block;
    vertical-align:top;
}
.uploadBtn{
    display:inline-block;
    vertical-align:top;
    background: none;
    text-transform: uppercase;
    font-size:16px;
    padding:0 13px;
    height:27px;
    line-height:24px;
    border: 1px solid #124c5e;
    color:#124c5e;
    letter-spacing: 1px;
    cursor: pointer;
}

.fileUpload input {
    position: absolute;
    top: 230px;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

.pubcontent {
    color: #0e5c5b;
    font-size: 0.9em;
    padding: 0 20px 20px 35px;
    width: 80%;
    line-height: 1.5;
}

.pubcontent input[type="checkbox"] {
	color: #fff;
    float: left;
    letter-spacing: 0.8px;
    margin-top: 3px;
}

.pubcontent input[type="checkbox"],
.pubcontent input[type="radio"] {
    display:inline-block;
    width:15px;
    height:15px;
    margin-left: 10px;
    margin-right: 5px;
    vertical-align: baseline;
}

.uzcolor {
    border: none;
    background-color: #db3f2a;
    color:#fff;
}

.cclicenses {
    margin-top: 20px;
    margin-bottom: 10px;
}

.cclicenses label {
    display: block;
    margin-bottom: 10px;
}

.cclicenses p {
    width: 70%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 14px;
}

.cclicenses p b {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 5px;
}

.cclicenses img {
	cursor: pointer;
    height: 40px;
    margin-right: 5px;
    opacity: 1;
    width: 40px;
}
#class_checker label > input {
    display: none;
}
.pubcontent #class_checker label > input + img {
    cursor: pointer;
    height: 35px;
    margin-right: 5px;
    opacity: 1;
    width: 100px;
}

.nonchecked {
	opacity: 0.5;
}

/* about */

.centerbox {
	max-width: 1200px;
	width: 90%;
	top: 2%;
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	height: 96%;
	background-color: #fff;
	z-index: 6;
	text-align: center;
}

.scrolledPadding {
	padding: 40px 30px;
}

.maintitle {
	font-size: 3em;
	color: #1b3337;
	font-weight: 600;
	text-align: center;
	padding: 15px 0 5px;
	border-bottom: 1px solid #1b3337;
	display: table;
	margin: 0 auto;
}

.subt {
	font-size: 2em;
	color: #1b3337;
	font-weight: 300;
	text-align: center;
	padding: 70px 0 5px;
	text-transform: uppercase;
	border-bottom: 1px solid #1b3337;
	display: table;
	margin: 0 auto;
	letter-spacing: 1px;
}

.slogan {
	color:#db3f2a;
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 300;
	padding: 10px 0 30px;
}

.btnterminos {
	margin: 0 8px;
	padding: 3px 8px;
	border: 1px solid #1b3337;
	color: #1b3337;
	cursor: pointer;
}

.btnterminos:hover {
	background-color: #1b3337;
	color: #fff;
}

.thirdtitle {
	margin: 10px auto;
	font-weight: 400;
	text-align: left;
	width: 90%;
	max-width: 650px;
}

.thirdtitle b {
	padding: 1px 4px;
	border: 1px solid #1b3337;
	font-weight: 600;
	margin-right: 5px;
}

.centerbox p {
	width: 90%;
	max-width: 650px;
	font-size: 1.1em;
	color: #1d1d1d;
	line-height: 1.5;
	text-align: justify;
	margin: 0 auto;
}

.centerbox b {
	color: #124c5e;
}

.smallp {
	font-size: 1em !important;
	margin: 20px auto !important;
}

.specialp {
	color: #6f6f6f;
	padding: 0 20px;
	text-align: left;
	width: 90%;
	max-width: 650px;
	margin: 0 auto;
}

.member {
	width: 300px;
	padding: 25px;
	letter-spacing: 1px;
	font-size: 1.1em;
	text-align: center;
	color: #1b3337;
	display: inline-block;
	margin: auto;
}
.member_align {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.member b {
	font-size: 1.2em;
	margin-top: 15px;
}

.equipo {
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

.member img {
	width: 250px;
	border-radius: 50%;
	margin-bottom: 10px;
}

.logos, .aliados {
	display: inline-block;
	margin: auto;
	padding: 25px;
	vertical-align: middle;
}

.logos img {
	width: 250px;
	vertical-align: baseline;
}

.mb30 {
	margin-bottom: 30px;
}

/* Metadatos */

.metad {
	padding: 30px 10px;
    background: -webkit-linear-gradient(#fff 0%, #fff 20%, #fff 20%, #f2f2f2 20%, #f2f2f2 100%);
    background: -o-linear-gradient(#fff 0%, #fff 20%, #fff 20%, #f2f2f2 20%, #f2f2f2 100%);
    background: linear-gradient(#fff 0%, #fff 20%, #fff 20%, #f2f2f2 20%, #f2f2f2 100%);
}

.dialog {
max-width: 900px;
height: 92%;
margin: 0 auto;
background-color: #fff;
padding: 30px 20px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.headernobox2 {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 10px;
}

.dialog h1, .nobox2 h1, .nobox h1 {
font-size: 2em;
font-weight: 300;
color: #db3f2a;
border-bottom: 1px solid #1b3337;
padding-bottom: 20px;
line-height: 1;
text-align: left;
}

.dialog p, .nobox2 p {
color: #393836;
font-size:18px;
display: block;
margin: 0 auto;
padding: 5px 10px;
font-weight: 300;
}

.dialog h2 {
   font-size:1.6em;
   margin: 20px 0 5px;
   padding: 8px 15px;
   background-color: #fff;
   letter-spacing: 1px;
   color: #fff;
   background-color: #1b3337;
   font-weight: 300;
   text-transform: uppercase;
   display: inline-block;
}


.dialog h3 {
   font-size:1.3em;
   margin:15px 5px;
   padding: 10px;
   letter-spacing: 1px;
   color: #1b3337;
   border: 1px solid #d0d2d0;
   display: block;
}

.dialog h3 b {
    font-size: 1em;
    color: #393836;
    font-weight: 300;
    border-bottom: none;
}

.dialog .infocontent {
  display: block;
}

.dialog a {
  text-decoration: none;
  color: #c12a26;
}
.dialog a:visited {
   color: #e45b2d;
}

.dialog blockquote {
   color:#666666;
   margin:10px;
   padding-left: 0.8em;
   border-left: 0.5em #db3f2a solid;
}

.dialog .overf{
    overflow: hidden;
    text-overflow: elipsis;
    width: 90%;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 300;
}

.dialog blockquote:last-child {
  margin-bottom: 30px;
}

.regdialog p:nth-child(1) {
	margin-left: 0;
}

.regdialog p:nth-child(even) {
	background-color: #f1f2f2;
}

.regdialog p b {
	margin-right: 8px;
}

.regdialog .mediac {
	width: 408px;
	display: inline-block;
}

.nobox {
	box-shadow: none;
	width: auto;
	height: 100%;
	padding: 0;
	margin-bottom: 40px !important;
}

.nobox2 h1, .nobox h1 {
	width: 100%;
}

.nobox h3 {
	margin: 0;
}

.leaflet-container a.leaflet-popup-close-button {
	display: none;
}

.redtext {
	color: red;
}

.showreg {
	width: 30px;
	height: 30px;
	background: none;
	background-image: url(/assets/arrow-167c6613b28c10ac2bb74abfdddf18c5e55137d002fa78e79fa04dd97f509031.png);
	border: none;
	position: relative;
	display: inline-block;
	margin: 10px 0 15px 10px;
	cursor: pointer;
}

.showreg:focus {
	outline: 0;
}

.rotate {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.vermastxt {
	display: inline-block;
	margin-top: 10px;
	vertical-align: top;
	height: 30px;
    line-height: 30px;
	color: #db3f2a;
	font-size: 15px;
}

.invisible {
	display: none;
}

.regcateg {
	display: flex;
	justify-content: space-between;
	font-size: 15px;
	padding-left: 11px;
	border-bottom: 1px solid #18b4b1;
	font-weight: 400;
}

.regcateg b, .colreg i {
	color: #18b4b1;
	font-weight: 400;
}

.regcateg i, .colreg u {
	font-style: normal;
	font-weight: 400;
	color: #e3af24;
}

.correctoreg {
	width: 25px;
	height: 25px;
	background: url(/assets/true-f81c166cf4aff8303ae79852858ee6bebb4d6c55193a49a89e0a67bb1b67114b.png) center left no-repeat;
	display: inline-block;
	float: right;
}

.falsoreg {
	width: 25px;
	height: 25px;
	background: url(/assets/false-600c625e7b49b6113b153f71d56d085f35128868e5572c38e5b730b10e482c65.png) center left no-repeat;
	display: inline-block;
	float: right;
}

.camposreg {
	padding-left: 10px;
	background-color: #f1f2f2;
}

.campouno{
	color: #18b4b1;
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
}

.campodos:before {
	content: ' · ';
	padding-right: 5px;
}

.campodos {
	color: #e3af24;
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	margin-left: 10px;
}

.filterbtn {
	padding: 5px 7px;
	text-align: center;
	line-height: 1;
	font-size: 14px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
	background: none;
	border: none;
	cursor: pointer;
	background-color: #f2f2f2;
	text-transform: uppercase;
	font-weight: 300;
}

.filterbtn:hover, .is-checked {
	background-color: #db3f2a;
	color: #fff;

}

.alertify {
	border: none !important;
}

.ajs-header {
	display: none !important;
}
.ajs-footer {
	padding: 0 !important;
}

/* Leaflet 0.7.x fix for image layers moving and disappearing when zooming in */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
	max-width: none !important;
}

/* TODO Remove after upgrading leaflet */
.leaflet-container img.leaflet-image-layer{
	z-index: -10;
}

/* scrollbar */

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track {
    border-radius: 0px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(219, 63, 42, 0.8);
}
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(219, 63, 42, .9);
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(219, 63, 42, 1);
}


@media screen and (max-width: 1150px) {
    .wrap {
        width:90%;
    }
}

@media screen and (max-width: 1024px) {
    .wrap {
        width:90%;
    }

    .perfilcont {
        width: 98%;
    }

    .perfilnav {
        width: 70%;
    }

    .groupnav {
        width: 100%;
    }

    .groupnav li a {
        padding: 3px 5px;
    }

    .col2 {
        width: 33%;
    }

    .col1 {
        width: 65%;
        margin-right: 2%;
    }

    .cajavisor {
        width: -moz-calc(100% - 70px);
        width: -webkit-calc(100% - 70px);
        width: calc(100% - 70px);
    }
}
 
@media screen and (max-width: 945px) { 
    .estadbox {
        width: 46%;
        height: 28%;
    }

}

@media screen and (max-width: 850px) { 
    .tabletit h3 {
        display:none;
    }

    .specialicon img {
        display: inline;
    }

    .cajainners {
        width: 98%;
        position: relative;
        left: 50%;
        transform: translatex(-50%);
        top: 10px;
    }

    .dinblock p {
    max-width: 480px !important;
    }


}

@media screen and (max-width: 780px) {
    .menu {
        position:relative;
        display:inline-block;
    }
 
    .menu ul.active {
        display:none;
    }
 
    .menu ul {
        width:160px;
        position:absolute;
        top:120%;
        right:0px;
        padding:10px 18px;
        box-shadow:0px 1px 1px rgba(0,0,0,0.15);
        background:#124c5e;
    }
 
    .menu ul:after {
        width:0px;
        height:0px;
        position:absolute;
        top:0%;
        left:130px;
        content:'';
        transform:translate(0%, -100%);
        border-left:7px solid transparent;
        border-right:7px solid transparent;
        border-bottom:7px solid #124c5e;
    }
 
    .menu li {
        margin:5px 0px 5px 0px;
        float:none;
        display:block;
    }
 
    .menu li a {
        display:inline-block;
        margin: 0;
        padding: 10px;
        text-align: right;
    }
 
    .toggle-nav {
    	padding: 15px 5px 0;
    	line-height: 0;
        float:left;
        display:inline-block;
        border-radius:3px;
        background:#1b3337;
        color:#fff;
        font-size:30px;
        transition:color linear 0.15s;
    }
 
    .toggle-nav:hover, .toggle-nav.active {
        text-decoration:none;
        color:#18b4b1;
    }

    .homec {
    	width: 97%;
    }

    .usuario {
        float: right;
        width: 100%;
        display: block;
    }

    .xsalir {
        float: right;
        margin: 8px 0 !important;
    }

    header {
        padding: 12px 15px;
    }



}

@media only screen and (max-width : 720px) {

	.cajabase {
    	width: 97%;
    	max-width: 710px;
    	height: auto;
    	padding-bottom: 20px;
    }

    .cajabase p, .cajainners p {
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: calc(100% - 80px);
	}

	.hcbase h1 {
		width: -moz-calc(100% - 53px);
		width: -webkit-calc(100% - 53px);
		width: calc(100% - 53px);
	}
    
    .perfilcont {
        width: 98%;
    }

    .perfilnav {
        width: 100%;
    }
    
    .col1 {
        float: initial;
        width: 98%;
        margin-right: 0;
        margin-left: 1%;
    }
    
    .col2 {
        width: 98%;
        margin: 0 auto 30px;
        padding: 0 5px;
    }

    .cajaperfil {
        min-height: 465px;
        height: auto;
    }

    .perfilnav a {
        color: #0e5c5b;
    }

    .perfilnav li {
        margin-bottom: 35px;
    }

    .infonav a {
        color: initial;
    }

    .perfilnav > li.active > a {
        border:1px #1b3337 solid;
    }

    .groupnav a {
        color: #207b99;
    }

    .groupnav > li.active > a {
        border:1px #db3f2a solid;
    }

    .estadbox {
        width: 30%;
        height: 150px;
    }

    .bckgroup .estadbox {
        height: 120px;
    }

}

@media only screen and (max-width : 699px) {
    

    .visorbtn {
        top: 85px !important;
        width: 25% !important;
        background-position: top center !important;
        display: block;
    }
    .vbtnfind {
        right: 75%;
    }
    .vbtninfo {
        right: 50%;
    }
    .vbtnhipo {
        right: 25%;
    }
    .vbtnedit, .editbox, .btnedicion, .cajitaeditar {
        display: none !important;
    }

    .btnregistros {
        top: 135px;
    }

    .cajaregistros {
        top: 180px;
        min-height: auto;
        max-height: auto;
        height: auto;
    }

    .modelname {
        width: -moz-calc(100% - 302px);
        width: -webkit-calc(100% - 302px);
        width: calc(100% - 302px);
    }
    .vbtnact {
        height: 50px !important;
    }

    .cajavisor {
        width: 100%;
        top: 135px;
        right: 0;
        height: auto;
    }

    .leaflet-control-layers-expanded {
        right: 0 !important;
        left: 0 !important;
        top:75px;
    }

    .centerbox p {
        width: 98%;
        font-size: 0.9em;
    }
}

@media only screen and (max-width : 625px) {

    .estadbox {
        width: 46%;
    }

    .aligner2 {
        text-align: center;
    }
}

@media only screen and (max-width : 535px) {

/* footer */
	footer {
		padding: 20px 15px 15px;
	}

	footer li {
		font-size: 0.7em;
		text-align: right;
	}

    .loginbox {
        width: 96%;
        padding: 15px;
        max-height: auto;
    }

    .respclear {
        clear: both;
        margin-bottom: 20px;
    } 

    .subtabs li a {
        padding: 5px 4px;
        font-size: 0.74em;
    }

    .subtabact a {
        padding: 8px 4px !important;
    }

    .subinfo {
        display: block;
    }

    .metreg a {
        text-align: left;
        margin-top: 10px;
        display: block;
    }
    
    .spname {
        width: -moz-calc(100% - 52px);
        width: -webkit-calc(100% - 52px);
        width: calc(100% - 52px);
        border-bottom: 1px solid #8d8d8d;
    }

    .modelname {
        width: 100%;
        left: 0;
        top:85px;
        border: none;
    }

    .visorbtn {
        top: 110px !important;
    }

    .cajavisor {
        top: 160px;
    }

    .btnregistros {
        top: 160px;
    }

    .cajaregistros {
        top: 205px;
    }

    .leaflet-control-layers-expanded {
        top:100px;
    }

    .pubcontent {
        width: 96%;
        padding: 0 10px 20px 15px;
    }    

    .pubcontent p {
        width: 95%;
    }

    .cajanews {
        right: 5px;
    }

}

@media only screen and (max-width : 440px) {

/* footer */
    .lbabfooter {
        display: none;
    }

    footer {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        text-align: center;
        padding: 20px 0 15px;
    } 

    .estadbox, .bckgroup .estadbox {
        width: 90%;
    }

    .mapcontainer{
        min-height: 1000px;
    }

}


@media only screen and (max-width : 380px) {

    .tilted h1 {
        display: none;
    }

    .subtabs li a {
        padding: 5px 3px;
        font-size: 0.7em;
    }

    .subtabact a {
        padding: 8px 3px !important;
    }
    
}


@media only screen and (min-width : 300px) {

/* footer */

	.humbname,
	.sitemap img {
		display: none;
	}

	footer nav {
		margin-right: 0;
	}

}

@media only screen and (min-width : 680px) {

/* footer */

	.sitemap img {
		display: inline-block;
	}

	footer nav {
		margin-right: 12px;
	}

}

@media only screen and (min-width : 1024px) {

/* footer */

	.humbname {
		display: inline-block;
	}

}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *












 */
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}
.leaflet-control-coordinates{background-color:#D8D8D8;background-color:rgba(255,255,255,.8);cursor:pointer}.leaflet-control-coordinates,.leaflet-control-coordinates .uiElement input{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.leaflet-control-coordinates .uiElement{margin:4px}.leaflet-control-coordinates .uiElement .labelFirst{margin-right:4px}.leaflet-control-coordinates .uiHidden{display:none}.leaflet-control-coordinates .uiElement.label{color:inherit;font-weight:inherit;font-size:inherit;padding:0;display:inherit}
/*! angularjs-slider - v5.9.0 -  (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -  https://github.com/angular-slider/angularjs-slider -  2016-12-12 */
.rzslider{position:relative;display:inline-block;width:100%;height:4px;margin:35px 0 15px 0;vertical-align:middle;user-select:none}.rzslider.with-legend{margin-bottom:40px}.rzslider[disabled]{cursor:not-allowed}.rzslider[disabled] .rz-pointer{cursor:not-allowed;background-color:#d8e0f3}.rzslider[disabled] .rz-bar-wrapper.rz-draggable{cursor:not-allowed}.rzslider[disabled] .rz-bar.rz-selection{background:#8b91a2}.rzslider[disabled] .rz-ticks .rz-tick{cursor:not-allowed}.rzslider[disabled] .rz-ticks .rz-tick.rz-selected{background:#8b91a2}.rzslider span{position:absolute;display:inline-block;white-space:nowrap}.rzslider .rz-base{width:100%;height:100%;padding:0}.rzslider .rz-bar-wrapper{left:0;z-index:1;width:100%;height:32px;padding-top:16px;margin-top:-16px;box-sizing:border-box}.rzslider .rz-bar-wrapper.rz-draggable{cursor:move}.rzslider .rz-bar{left:0;z-index:1;width:100%;height:4px;background:#d8e0f3;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.rzslider .rz-bar.rz-selection{z-index:2;background:#0db9f0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.rzslider .rz-pointer{top:-14px;z-index:3;width:32px;height:32px;cursor:pointer;background-color:#0db9f0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.rzslider .rz-pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}.rzslider .rz-pointer:hover:after{background-color:#fff}.rzslider .rz-pointer.rz-active{z-index:4}.rzslider .rz-pointer.rz-active:after{background-color:#451aff}.rzslider .rz-bubble{bottom:16px;padding:1px 3px;color:#55637d;cursor:default}.rzslider .rz-bubble.rz-selection{top:16px}.rzslider .rz-bubble.rz-limit{color:#55637d}.rzslider .rz-ticks{position:absolute;top:-3px;left:0;z-index:1;width:100%;height:0;margin:0;list-style:none;box-sizing:border-box}.rzslider .rz-ticks .rz-tick{position:absolute;top:0;left:0;width:10px;height:10px;margin-left:11px;text-align:center;cursor:pointer;background:#d8e0f3;border-radius:50%}.rzslider .rz-ticks .rz-tick.rz-selected{background:#0db9f0}.rzslider .rz-ticks .rz-tick .rz-tick-value{position:absolute;top:-30px;transform:translate(-50%,0)}.rzslider .rz-ticks .rz-tick .rz-tick-legend{position:absolute;top:24px;max-width:50px;white-space:normal;transform:translate(-50%,0)}.rzslider .rz-ticks.rz-ticks-values-under .rz-tick-value{top:initial;bottom:-32px}.rzslider.rz-vertical{position:relative;width:4px;height:100%;padding:0;margin:0 20px;vertical-align:baseline}.rzslider.rz-vertical .rz-base{width:100%;height:100%;padding:0}.rzslider.rz-vertical .rz-bar-wrapper{top:auto;left:0;width:32px;height:100%;padding:0 0 0 16px;margin:0 0 0 -16px}.rzslider.rz-vertical .rz-bar{bottom:0;left:auto;width:4px;height:100%}.rzslider.rz-vertical .rz-pointer{top:auto;bottom:0;left:-14px!important}.rzslider.rz-vertical .rz-bubble{bottom:0;left:16px!important;margin-left:3px}.rzslider.rz-vertical .rz-bubble.rz-selection{top:auto;left:16px!important}.rzslider.rz-vertical .rz-ticks{top:0;left:-3px;z-index:1;width:0;height:100%}.rzslider.rz-vertical .rz-ticks .rz-tick{margin-top:11px;margin-left:auto;vertical-align:middle}.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value{top:initial;left:24px;transform:translate(0,-28%)}.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-legend{top:initial;right:24px;max-width:none;white-space:nowrap;transform:translate(0,-28%)}.rzslider.rz-vertical .rz-ticks.rz-ticks-values-under .rz-tick-value{right:24px;bottom:initial;left:initial}
/**
 * vAccordion - AngularJS multi-level accordion component
 * @version v1.6.0
 * @link http://lukaszwatroba.github.io/v-accordion
 * @author Łukasz Wątroba <l@lukaszwatroba.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */

v-accordion,v-pane{display:block}v-pane.is-expanded>v-pane-content>div{display:visible}v-pane[disabled]>v-pane-header{opacity:.6;pointer-events:none}v-pane-header{display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}v-pane-header:focus{outline:0}v-pane-header>div{display:block}v-pane-content{display:block;position:relative;overflow:hidden;max-height:0}v-pane-content>div{visibility:none}.vAccordion--default v-accordion{margin-top:20px;padding-left:20px}.vAccordion--default v-pane-content>div{padding-bottom:20px;opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-webkit-transition:all .5s;transition:all .5s}.vAccordion--default v-pane{overflow:hidden}.vAccordion--default v-pane.is-expanded>v-pane-header{border-bottom-color:#2196F3}.vAccordion--default v-pane.is-expanded>v-pane-header::after{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}.vAccordion--default v-pane.is-expanded>v-pane-header::before{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.vAccordion--default v-pane.is-expanded>v-pane-content>div{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.vAccordion--default v-pane[disabled] v-pane-header::after,.vAccordion--default v-pane[disabled] v-pane-header::before{display:none}.vAccordion--default v-pane-header{padding:5px 0;margin-bottom:20px;border-bottom:2px solid #D8D8D8;-webkit-transition:all .25s;transition:all .25s}.vAccordion--default v-pane-header::after,.vAccordion--default v-pane-header::before{content:'';display:block;position:absolute;top:50%;right:0;width:10px;height:1px;background-color:#2196F3;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;will-change:transform;-webkit-transition:all .25s;transition:all .25s}.vAccordion--default v-pane-header::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.vAccordion--default v-pane-header:focus,.vAccordion--default v-pane-header:hover{color:#2196F3}
/**
 * alertifyjs 1.12.0 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) 
 * Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/
.alertify .ajs-dimmer {
  position: fixed;
  z-index: 1981;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  background-color: #252525;
  opacity: .5;
}
.alertify .ajs-modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 1981;
}
.alertify .ajs-dialog {
  position: relative;
  margin: 5% auto;
  min-height: 110px;
  max-width: 500px;
  padding: 24px 24px 0 24px;
  outline: 0;
  background-color: #fff;
}
.alertify .ajs-dialog.ajs-capture:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
}
.alertify .ajs-reset {
  position: absolute !important;
  display: inline !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}
.alertify .ajs-commands {
  position: absolute;
  right: 4px;
  margin: -14px 24px 0 0;
  z-index: 2;
}
.alertify .ajs-commands button {
  display: none;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 10px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.alertify .ajs-commands button.ajs-close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC);
}
.alertify .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC);
}
.alertify .ajs-header {
  margin: -24px;
  margin-bottom: 0;
  padding: 16px 24px;
  background-color: #fff;
}
.alertify .ajs-body {
  min-height: 56px;
}
.alertify .ajs-body .ajs-content {
  padding: 16px 24px 16px 16px;
}
.alertify .ajs-footer {
  padding: 4px;
  margin-left: -24px;
  margin-right: -24px;
  min-height: 43px;
  background-color: #fff;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary {
  text-align: right;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  margin: 4px;
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
  float: left;
  clear: none;
  text-align: left;
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
  margin: 4px;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
  min-width: 88px;
  min-height: 35px;
}
.alertify .ajs-handle {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
  -webkit-transform: scaleX(1) /*rtl:scaleX(-1)*/;
          transform: scaleX(1) /*rtl:scaleX(-1)*/;
  cursor: se-resize;
}
.alertify.ajs-no-overflow .ajs-body .ajs-content {
  overflow: hidden !important;
}
.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
  left: 0;
  right: 0;
  padding: 0;
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
  margin-left: -24px;
  margin-right: -24px;
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
  padding: 0;
}
.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
  left: 0;
  right: 0;
}
.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
  display: inline-block;
}
.alertify.ajs-closable .ajs-commands button.ajs-close {
  display: inline-block;
}
.alertify.ajs-maximized .ajs-dialog {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important;
}
.alertify.ajs-maximized.ajs-modeless .ajs-modal {
  position: fixed !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
}
.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=);
}
.alertify.ajs-resizable .ajs-dialog,
.alertify.ajs-maximized .ajs-dialog {
  padding: 0;
}
.alertify.ajs-resizable .ajs-commands,
.alertify.ajs-maximized .ajs-commands {
  margin: 14px 24px 0 0;
}
.alertify.ajs-resizable .ajs-header,
.alertify.ajs-maximized .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 16px 24px;
}
.alertify.ajs-resizable .ajs-body,
.alertify.ajs-maximized .ajs-body {
  min-height: 224px;
  display: inline-block;
}
.alertify.ajs-resizable .ajs-body .ajs-content,
.alertify.ajs-maximized .ajs-body .ajs-content {
  position: absolute;
  top: 50px;
  right: 24px;
  bottom: 50px;
  left: 24px;
  overflow: auto;
}
.alertify.ajs-resizable .ajs-footer,
.alertify.ajs-maximized .ajs-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
  min-width: 548px;
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
  display: block;
}
.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
  cursor: move;
}
.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
  display: none;
}
.alertify.ajs-modeless .ajs-modal {
  overflow: visible;
  max-width: none;
  max-height: 0;
}
.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC);
}
.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
  position: absolute;
}
.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=);
}
.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
  max-height: 500px;
  overflow: auto;
}
.alertify.ajs-basic .ajs-header {
  opacity: 0;
}
.alertify.ajs-basic .ajs-footer {
  visibility: hidden;
}
.alertify.ajs-frameless .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 60px;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1;
}
.alertify.ajs-frameless .ajs-footer {
  display: none;
}
.alertify.ajs-frameless .ajs-body .ajs-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
  padding-top: 0;
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
  margin-top: 0;
}
.ajs-no-overflow {
  overflow: hidden !important;
  outline: none;
}
.ajs-no-overflow.ajs-fixed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll!important;
}
.ajs-no-selection,
.ajs-no-selection * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (max-width: 568px) {
  .alertify .ajs-dialog {
    min-width: 150px;
  }
  .alertify:not(.ajs-maximized) .ajs-modal {
    padding: 0 5%;
  }
  .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
    min-width: initial;
    min-width: auto /*IE fallback*/;
  }
}
@-moz-document url-prefix() {
  .alertify button:focus {
    outline: 1px dotted #3593D2;
  }
}
.alertify .ajs-dimmer,
.alertify .ajs-modal {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
  visibility: hidden;
  opacity: 0;
}
.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.alertify.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-duration: 250ms;
          animation-duration: 250ms;
}
.alertify .ajs-dialog.ajs-shake {
  -webkit-animation-name: ajs-shake;
          animation-name: ajs-shake;
  -webkit-animation-duration: .1s;
          animation-duration: .1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes ajs-shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
@keyframes ajs-shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-slideIn;
          animation-name: ajs-slideIn;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-slideOut;
          animation-name: ajs-slideOut;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-zoomIn;
          animation-name: ajs-zoomIn;
}
.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-zoomOut;
          animation-name: ajs-zoomOut;
}
.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-fadeIn;
          animation-name: ajs-fadeIn;
}
.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-fadeOut;
          animation-name: ajs-fadeOut;
}
.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-pulseIn;
          animation-name: ajs-pulseIn;
}
.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-pulseOut;
          animation-name: ajs-pulseOut;
}
.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInX;
          animation-name: ajs-flipInX;
}
.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutX;
          animation-name: ajs-flipOutX;
}
.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInY;
          animation-name: ajs-flipInY;
}
.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutY;
          animation-name: ajs-flipOutY;
}
@-webkit-keyframes ajs-pulseIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes ajs-pulseIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
            transform: scale3d(0.25, 0.25, 0.25);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
            transform: scale3d(0.25, 0.25, 0.25);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
            transform: scale3d(0.25, 0.25, 0.25);
  }
}
@keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
            transform: scale3d(0.25, 0.25, 0.25);
  }
}
@-webkit-keyframes ajs-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ajs-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ajs-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ajs-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@-webkit-keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@-webkit-keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes ajs-slideIn {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 5%;
  }
}
@keyframes ajs-slideIn {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 5%;
  }
}
@-webkit-keyframes ajs-slideOut {
  0% {
    margin-top: 5%;
  }
  100% {
    margin-top: -100%;
  }
}
@keyframes ajs-slideOut {
  0% {
    margin-top: 5%;
  }
  100% {
    margin-top: -100%;
  }
}
.alertify-notifier {
  position: fixed;
  width: 0;
  overflow: visible;
  z-index: 1982;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.alertify-notifier .ajs-message {
  position: relative;
  width: 260px;
  max-height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.alertify-notifier .ajs-message.ajs-visible {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 1;
  max-height: 100%;
  padding: 15px;
  margin-top: 10px;
}
.alertify-notifier .ajs-message.ajs-success {
  background: rgba(91, 189, 114, 0.95);
}
.alertify-notifier .ajs-message.ajs-error {
  background: rgba(217, 92, 92, 0.95);
}
.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95);
}
.alertify-notifier .ajs-message .ajs-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.5);
  border-top-right-radius: 2px;
}
.alertify-notifier.ajs-top {
  top: 10px;
}
.alertify-notifier.ajs-bottom {
  bottom: 10px;
}
.alertify-notifier.ajs-right {
  right: 10px;
}
.alertify-notifier.ajs-right .ajs-message {
  right: -320px;
}
.alertify-notifier.ajs-right .ajs-message.ajs-visible {
  right: 290px;
}
.alertify-notifier.ajs-left {
  left: 10px;
}
.alertify-notifier.ajs-left .ajs-message {
  left: -300px;
}
.alertify-notifier.ajs-left .ajs-message.ajs-visible {
  left: 0;
}
.alertify-notifier.ajs-center {
  left: 50%;
}
.alertify-notifier.ajs-center .ajs-message {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.alertify-notifier.ajs-center .ajs-message.ajs-visible {
  left: 50%;
  -webkit-transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
          transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
}
.alertify-notifier.ajs-center.ajs-top .ajs-message {
  top: -300px;
}
.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
  top: 0;
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message {
  bottom: -300px;
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
  bottom: 0;
}
/**
 * alertifyjs 1.12.0 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) 
 * Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/
.alertify .ajs-dialog {
  background-color: white;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
.alertify .ajs-header {
  color: black;
  font-weight: bold;
  background: #fafafa;
  border-bottom: #eee 1px solid;
  border-radius: 2px 2px 0 0;
}
.alertify .ajs-body {
  color: black;
}
.alertify .ajs-body .ajs-content .ajs-input {
  display: block;
  width: 100%;
  padding: 8px;
  margin: 4px;
  border-radius: 2px;
  border: 1px solid #CCC;
}
.alertify .ajs-body .ajs-content p {
  margin: 0;
}
.alertify .ajs-footer {
  background: #fbfbfb;
  border-top: #eee 1px solid;
  border-radius: 0 0 2px 2px;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
  background-color: transparent;
  color: #000;
  border: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  color: #3593D2;
}
.alertify-notifier .ajs-message {
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 2px;
}
.alertify-notifier .ajs-message.ajs-success {
  color: #fff;
  background: rgba(91, 189, 114, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-error {
  color: #fff;
  background: rgba(217, 92, 92, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95);
  border-color: #999;
}
/**
 * alertifyjs 1.12.0 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) 
 * Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/
.alertify .ajs-dimmer {
  background-color: #000;
  opacity: .5;
}
.alertify .ajs-dialog {
  max-width: 600px;
  min-height: 122px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}
.alertify .ajs-header {
  color: #333;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 6px 6px 0 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}
.alertify .ajs-body {
  font-family: 'Roboto', sans-serif;
  color: black;
}
.alertify.ajs-resizable .ajs-content,
.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content {
  top: 58px;
  bottom: 68px;
}
.alertify .ajs-footer {
  background-color: #fff;
  padding: 15px;
  border-top: 1px solid #e5e5e5;
  border-radius: 0 0 6px 6px;
}
.alertify-notifier .ajs-message {
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 2px;
}
.alertify-notifier .ajs-message.ajs-success {
  color: #fff;
  background: rgba(91, 189, 114, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-error {
  color: #fff;
  background: rgba(217, 92, 92, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95);
  border-color: #999;
}