* {
	margin: 0;
	padding: 0;
}

html, body {
    width: 100%;
    height: 100%;
    font-family: 'DM Sans', sans-serif;
}

body {
	background-color: #f1eff0;
	overflow: hidden;
}

nav {
	pointer-events: all;
	padding-top: 100px;

	transition: margin-right 0.25s;
}

h6 {
	font-family: 'DM Sans', sans-serif;
	font-weight: bolder;
}

.absolute {
	position: absolute;
}

.hide {
	display: none;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.text-shadow {
	text-shadow: black 0.1em 0.1em 0.5em;
}

.z-1 {
	z-index: 1;
}

.bottom {
	bottom: 0;
}

.right {
	right: 0;
}

.modal {
	padding: 0 !important;
    margin: 0.5rem;
}

.modal iframe {
	width: 100%;
}

.modal-dialog {
	max-width: 100%;
	height: 100%;
	margin: 0;
}

.modal-body {
	padding: 0;
}

.modal-floating {
	top: 0;
	left: 0;
	min-width: auto;
	max-width: 100%;
	pointer-events: none;
}

.modal-floating img {
	max-width: 30%;
    height: auto;
}

.modal-floating #content {
    color: white;
    background-color: #0e2d52!important;
    opacity: 1;
}
.modal-floating #content p {
	margin-bottom: 0;
}
#ui-top {
	padding: 10px;
    margin: 0!important;
    background: #0e2d52;
    width: 100%;
}
#ui-side span {
	padding: 0.2rem;
}

#loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#loader img {
	max-width: 350px;
}

#helper {
	position: absolute;
	top: 12%;
	left: 50%;
	transform: translate(-50%, 0);
}

#popup {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.5s;

	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10+ and Edge */
	user-select: none; /* Standard syntax */
}

#popup.fade {
	opacity: 1;
}
#popup .modal-content {
	background-color: transparent!important;
	border:0!important;
}

/* Accordion */

#accordion {
	width: 400px;
	top: 54px;
    right: 0;
    height: 100%!important;
    background: #0e2d52;
    opacity: 0.7;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.card {
    border: 0!important;
    border-radius: 0!important;
}
.card .collapse,
.card .collapse.show,
.card .content {
    background: #0e2d52;
    border-bottom: 1px solid #f5f5f5;
}
#accordion .card:first-child .card-header {
	font-family: 'DM Sans', sans-serif;
	padding: .75rem 2rem!important;
}
.card-header {
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
    border-bottom: 1px solid #f5f5f5;
    background-color: #0e2d52;
    color: #fff;
    padding: .75rem 1rem!important;
}
.card-header .btn-link {
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
    color: #fff!important;
}
.card-header .btn-link:hover,
.card-header .btn-link:focus {
	text-decoration: none!important;
}
.card-header:first-child {
    border-radius: 0!important;
}
.card-body {
	background-color: #0e2d52;
}
/* Switch */

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	margin-bottom: 0;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	/*background-color: #2196F3;*/
	background-color: #8e1838;
}

input:focus + .slider {
	/*box-shadow: 0 0 1px #2196F3;*/
	box-shadow: 0 0 1px #8e1838;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

@media (max-width: 1024px) {
	body {
		overflow: auto;
	}
	#accordion {
	    top: 90%;
	    right: 0;
	    left: 0;
	    width: 100%;
	    height: auto!important;
	    opacity: 1!important;
	}
}