:root {
	--main-header-height: 0px;
	--bs-link-color: #10342c;
	--bs-primary: #10342c;
	--bs-primary-rgb: 211,17,68;
	--bs-body-bg: #10342c;
	--bs-btn-app: #ffdbe1;
	--interactive-active-bg: #fff;
/*	--interactive-tab-active-bg: var(--interactive-active-bg);*/
	--interactive-tab-inactive-bg: #10342cc4;
	--interactive-tab-active-bg: #10342c;
	--placeholder-color: gray;
}
.placeholder-color::placeholder {
	color: var(--placeholder-color);
	opacity: 1;
}
.placeholder-color::-ms-input-placeholder {
  color: var(--placeholder-color);
}
a, a:hover {
  text-decoration: none;
}
a:hover {
    color: #71344e;
}
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #4a635d;
	--bs-btn-hover-border-color: #4a635d;
	--bs-btn-focus-shadow-rgb: 0,0,0;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #4a635d;
	--bs-btn-active-border-color: #4a635d;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-app {
	background: var(--bs-btn-app);
	background-color: var(--interactive-tab-active-bg);
/*	background-color: #93dbf4;*/
	color: var(--bs-primary);
	--bs-btn-hover-color: var(--bs-primary);
}
.btn-white {
	background: #fff;
}
.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}
.main-header {
	/*min-height: var(--main-header-height);*/
	background-position: center;
	background-size: cover;
	background: var(--bs-primary);	
}

.main-body {
	--w: 2600;
/*	--h: 6000;*/
	--h: 4000;
}
@media (min-width: 1200px) {
	.main-body {
		--w: 5000;
		--h: 3000;
	}
}
html.page-login .main-body {
	min-height: calc(100vw * var(--h) / var(--w) - var(--main-header-height));
}
.main-body {
/*	min-height: calc(100vw * var(--h) / var(--w) - var(--main-header-height));*/
	/*background: #1a0d1f;*/
	background-position: top center;
	background-size: cover;	
	transition: all 1s;
}
.main-body .bg-overlay {
	position: absolute;
	pointer-events: none;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: cover;
}
.login-side {
	
}

.show-invalid-feedback .invalid-feedback {
	display: block;
}

.split-bar {
	display: block;
	width: 100%;
	height: 20px;
	background: #50bcb8;
}
.bg-app-gradient {
	background: #51b9bf;
	background: linear-gradient(90deg, #51b9bf 20%, #7dc5b6 100%);
}
.bg-interactive-active {
	background: var(--interactive-active-bg);
}
.btn-interactive-tab {
	border: 0;
	color: #fff;
	background: var(--interactive-tab-inactive-bg);
}
.btn-interactive-tab.active,
.btn-interactive-tab:hover,
.btn-interactive-tab:focus,
.btn-interactive-tab:active {
	background: var(--interactive-tab-active-bg);
/*	color: var(--bs-primary);*/
/*	background: var(--bs-primary);*/
	color: #fff;
}
.btn-reaction {
	width: 50px;
}

.interactive-tab-height {
	--interactive-tab-height-deduct: 0;
/*	min-height: 310px;*/
	min-height: 0;
	height: calc(var(--interactive-tab-height) - var(--interactive-tab-height-deduct));
}
@media (min-width: 992px) {
	.interactive-tab-height {
		min-height: 0;
	}
}

.interactive-tab {
	overflow-y: auto;
}
.interactive-box-height {
	height: 45vh;
}
@media (min-width: 768px) {
	.h-md-0 {
		height: 0;
	}
}
@media (min-width: 992px) {
	.h-lg-0 {
		height: 0;
	}
}
@media (min-width: 1200px) {
	.h-xl-0 {
		height: 0;
	}
}
@media(max-width:1199px){
	.login-form{
		padding: 0 3%;
	}
}