@import url("../plugin/clean-switch.css");
@import url("../plugin/fontawesome.css");
@import url("../plugin/webfonts.css");
@import url("../plugin/variables.css");

@import url("../../plugins/node/node_modules/bootstrap/dist/css/bootstrap.min.css");
@import url("../../plugins/node/node_modules/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css");
@import url("../../plugins/node/node_modules/bootstrap-icons/font/bootstrap-icons.min.css");
@import url("../../plugins/node/node_modules/jquery-ui/dist/themes/base/jquery-ui.min.css");
@import url("../../plugins/node/node_modules/select2/dist/css/select2.min.css");
@import url("../../plugins/node/node_modules/leaflet/dist/leaflet.css");
@import url("../../plugins/node/node_modules/jAlert/dist/jAlert.css");

@import url("../section/header.css");
@import url("../section/language.css");
@import url("../section/map-panel.css");
@import url("../section/map-left-panel.css");
@import url("../section/map-layer-switcher.css");
@import url("../section/map-widget-panel.css");
@import url("../section/general-map.css");
@import url("../section/map-legend.css");
@import url("../section/loading.css");
@import url("../section/guide.css");

@import url("../../plugins/node/node_modules/tippy.js/dist/tippy.css");
@import url("../../plugins/node/node_modules/tippy.js/themes/light-border.css");

#dashboard-mobile {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 1);
}

#dashboard-mobile .panel {
	position: fixed;
	top: 50%;
	left: 50%;
    
	transform: translate(-50%, -50%);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

	background-color: #fff;
	width: 85%;
    padding: 2em;
    border-radius: 10px;
}

#dashboard-mobile .panel .body { height: fit-content; overflow: auto; font-size: 18px; }
.tippy-content { font-size: 12px; padding: 15px; }
.tippy-content p:last-child { margin-bottom: 0; }

.modal-mobile .modal-body { font-size: 14px; padding-top: 0; }
.modal-mobile { margin: 0 10%; }
.modal-download .modal-body { padding-top: 0; }
.modal-mobile .modal-header, .modal-download .modal-header {
    padding-bottom: 0;
    border-bottom: 0;
}