:root {
	--acc-purple: #98466d;
	--acc-purple-action: #c93a73;
	--acc-purple-action-hover: #b62b62;
	--acc-sidenav-icons: #3983c9;
	--acc-title: #175a98;
	--acc-pasive: #7992a3;
	--acc-body-background: #f0f4f7;
	--acc-body-background-combine: #d64d8a0a;
	--acc-body-text: #61646e;

	--mdb-picker-header-bg:var(--acc-purple-action);
	
}
.btn.disabled {
	--mdb-btn-disabled-bg: #7992a3;
    --mdb-btn-disabled-border-color: #61646e;
}
body {
	background-color: var(--acc-body-background-combine);
	color: var(--acc-body-text);
	background-image: url(/img/background/hero_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
/*
 * The footer follows the page content instead of being fixed over it, so nothing can
 * end up hidden behind it at any screen width. On a page shorter than the screen, main
 * grows and pushes the footer down to the bottom edge.
 */
body.page-layout {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh;
}
body.page-layout > main {
	flex: 1 0 auto;
	padding-bottom: 1rem;
}
body.page-layout > #footer {
	flex-shrink: 0;
}
h1 {
	color: var(--acc-title);
}
.datatable {
	--mdb-datatable-table-th-td-padding-y: 0.5rem;
	--mdb-datatable-table-th-td-padding-x: 1rem;
}
.datatable table th, .datatable table td {
	vertical-align: middle;
	text-align: center;
}
.btn-primary {
    --mdb-btn-bg: var(--acc-purple-action);
    --mdb-btn-box-shadow: 0 4px 9px -4px var(--acc-purple-action-hover);
    --mdb-btn-hover-bg: var(--acc-purple-action-hover);
    --mdb-btn-focus-bg: var(--acc-purple-action-hover);
    --mdb-btn-active-bg: var(--acc-purple-action-hover);
}
.select-input.form-control[readonly]:not([disabled]),
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback)
{
	/*background-color: rgb(199 55 115 / 10%);*/
	background-color: rgb(122 146 162 / 5%);
}

.captcha {
	margin-left: auto;
	margin-right: auto;
	width: 304px;
	height: 78px;
}
.texture{
	font-weight:400;
	font-family:Arial,Helvetica,sans-serif;
	background-image:url(/img/textures/form-texture.png);
	background-color:#e3e3e3;
	height:auto
}
  
.texture.bluish{
	background-color:#dee
}


/*.container {
	margin-top: 70px;
}*/

/*body.loading main,
body.loading header,
body.loading #main-navbar,
body.loading #footer {
    padding-left: 0;
}*/

@media (min-width: 1400px) {
	main,
	header,
	#main-navbar,
	#footer
	 {
		padding-left: 240px;
	}
	.sidenav {
		width: 240px;
	}
}
@media (max-width: 1399px) {
	main,
	header,
	#main-navbar,
	#footer
	 {
		padding-left: 0px;
	}
	.sidenav {
		width: 0px;
	}

}
main {
	margin-top: 80px;
}
#main-navbar .nav-link {
	color: var(--acc-purple-action);
    font-size: 1.5rem;
}

.navbar-top-color {
	background-color: #fff !important;
    border-bottom: #ecf0f3;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.sidenav {
	background-color: #09283f !important;
    border-right: #ecf0f3;
    border-right-style: solid;
    border-right-width: 1px;

	--mdb-sidenav-link-padding-x:1rem;
	--mdb-sidenav-color: #f0f0f0;
	--mdb-sidenav-link-hover-color: #ffffff;
	--mdb-sidenav-link-active-color: #ffffff;
	--mdb-sidenav-link-font-size: 0.938rem;
	--mdb-sidenav-rotate-icon-margin-right: 0.4em;
	--mdb-sidenav-collapse-sidenav-link-font-size: 0.938rem;
	--mdb-sidenav-collapse-sidenav-link-padding-left: 3.5rem;
}

.sidenav .sidenav-logo-a {
	background-color: var(--acc-purple);
    color: #fff;
}

.sidenav .sidenav-link i {
	color: var(--acc-pasive);
	font-size: 1.2rem;
}
.sidenav hr {
	margin: 0;
	opacity: .25;
}

#footer {
	padding-top: 10px;
    background-color: var(--acc-pasive);
}

#footer a, #footer span {
	--mdb-btn-hover-bg: #3faba138;
	color: #fff;
}

#ips-amount {
	font-size: 3rem;
    color: #c73773;
    font-weight: bold;
}

@media (max-width: 600px) {
	#footer .footer-iso-badges img{
		height: 20px;
	}
	#footer .footer-copyright-text {
		font-size: 0.9rem;
	}
	#top-navbar-logo-text {
		display: none;
	}
	#ips-amount {
		font-size: 1.5rem;
	}
}
.ips-admin-floating-container {
	position: fixed; /* Keeps the container in a fixed position */
	bottom: 20px; /* Distance from the bottom of the page */
	right: 20px; /* Distance from the right side of the page */
	background-color: #f1f1f1; /* Background color */
	padding: 20px; /* Padding inside the container */
	border-radius: 10px; /* Rounded corners */
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Adds a shadow */
	z-index: 9999; /* Keeps the element on top of others */
}
.top-up-admin-floating-container {
	position: fixed; /* Keeps the container in a fixed position */
	bottom: 20px; /* Distance from the bottom of the page */
	right: 20px; /* Distance from the right side of the page */
	background-color: #f1f1f1; /* Background color */
	padding: 20px; /* Padding inside the container */
	border-radius: 10px; /* Rounded corners */
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Adds a shadow */
	z-index: 1040; /* Above the page, but below the modal backdrop (1050) and the modal (1055) */
}

table.docs-table, table.docs-table-sample {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.docs-table th, table.docs-table-sample th {
	background-color: #f2f2f2;
	text-align: center;
}
table.docs-table, table.docs-table th , table.docs-table td, table.docs-table-sample, table.docs-table-sample th , table.docs-table-sample td {
	border: 1px solid black;
	padding: 8px;
}
table.docs-table td:nth-last-child() {
	padding: 8px;
	text-align: left;
}

table.docs-table th, table.docs-table td:nth-child(-n+3) {
	text-align: center;
}

table.docs-table-sample td:nth-child(1), table.docs-table-sample td:nth-last-child() {
	padding: 8px;
	text-align: center;
}

table.docs-table-sample td:nth-child(2) {
	text-align: left;
}