@media (min-width: 1024px) {}

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

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

html {
    overflow-x: hidden;
}

body {
	max-width: 100%;
	overflow-x: hidden;
	height: unset;
	width: 100%;
	padding-bottom: 20px;
}

#container {
	margin-bottom: 30px;
}

#footer {
	background-color: var(--inf-dark-blue);
	color: var(--inf-gray);
	font-size: 14px;
	position: relative;
	left: unset;
	bottom: unset;
	/* height: 65px; */
	right: unset;
}

.fed_logo {
    width: 33%;
    height: auto;
}

.responsive .col-lg-1 {
	flex: 0 0 auto;
	width: 8.3333333333%;
}

.responsive .col-lg-11 {
	flex: 0 0 auto;
	width: 91.6666666667%;
}

.responsive .col-lg-8 {
	flex: 0 0 auto;
	width: 66.6666666667%;
}

.responsive .col-lg-4 {
	flex: 0 0 auto;
	width: 33.3333333333%;
}

.mobile_navigation {
	display: block;
    opacity: 1;
    visibility: visible;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--inf-white);
	padding: 20px 0;
	z-index: 100;
	border-top: 2px solid var(--inf-gray);
}

.mobile_navigation ul {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x)/ -2);
	margin-left: calc(var(--bs-gutter-x)/ -2);
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin-bottom: 0;
}

.mobile_navigation .brole1 li {
	flex: 0 0 auto;
	width: 16.667%;
	font-size: 13px;
	line-height: 1;
}

.mobile_navigation .brole5 li {
	flex: 0 0 auto;
	width: 20%;
	font-size: 13px;
	line-height: 1;
}


.mobile_navigation ul li svg, .mobile_navigation ul li i {
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	/*height: 25px;*/
	font-size: 25px;
	width: auto;
}

.federation-information .mobile_navigation li.federation-information,
.account-settings .mobile_navigation li.account-settings,
.password .mobile_navigation li.password,
.statistics .mobile_navigation li.statistics,
.invoices .mobile_navigation li.invoices,
.invoicesall .mobile_navigation li.invoicesall,
.members .mobile_navigation li.members,
.clubs .mobile_navigation li.clubs,
.new-order .mobile_navigation li.new-order,
.order-cards .mobile_navigation li.order-cards,
.confirm-validity .mobile_navigation li.confirm-validity,
.federations .mobile_navigation li.federations,
.actions .mobile_navigation li.actions {
    background-color: transparent;
    border-bottom: none;
}

.federation-information .mobile_navigation li.federation-information a,
.account-settings .mobile_navigation li.account-settings a,
.password .mobile_navigation li.password a,
.statistics .mobile_navigation li.statistics a,
.invoices .mobile_navigation li.invoices a,
.invoicesall .mobile_navigation li.invoicesall a,
.members .mobile_navigation li.members a,
.clubs .mobile_navigation li.clubs a,
.new-order .mobile_navigation li.new-order a,
.order-cards .mobile_navigation li.order-cards a,
.confirm-validity .mobile_navigation li.confirm-validity a,
.federations .mobile_navigation li.federations a, 
.actions .mobile_navigation li.actions a {
    color: var(--inf-dark-orange);
}

.dashboard .usermenu {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.actions > div {
	width: 100% !important;
}

#confirmAction {
	margin-bottom: 20px;
}

#confirmAction select, #confirmAction input {
	display: inline-block;
	width: auto;
	margin-bottom: 5px;
}