:root {
	--main-header-height: 0px;
	--bs-link-color: #082a48;
	--bs-primary: #082a48;
	--bs-primary-rgb: 8,42,72;
	--bs-body-bg: #f1fcfc;
	--bs-btn-app: #082a48;
	--interactive-active-bg: #d2edff;
	--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: #082a48;
	--bs-btn-border-color: #082a48;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0a3866;
	--bs-btn-hover-border-color: #0a3866;
	--bs-btn-focus-shadow-rgb: 0,0,0;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a3866;
	--bs-btn-active-border-color: #0a3866;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #082a48;
	--bs-btn-disabled-border-color: #082a48;
}
.btn-app {
	background: var(--bs-btn-app);
}
.form-check-input:checked {
	background-color: #082a48;
	border-color: #082a48;
}
.main-header {
	/*min-height: var(--main-header-height);*/
	background-position: center;
	background-size: cover;
	background: #082a48;	
}

.main-body {
	--w: 2500;
	--h: 6250;
}
@media (min-width: 992px) {
	.main-body {
		--w: 2500;
		--h: 1406;
	}
}
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;
}
.btn-interactive-tab.active,
.btn-interactive-tab:hover,
.btn-interactive-tab:focus,
.btn-interactive-tab:active {
/*	background: var(--interactive-active-bg);*/
/*	color: var(--bs-primary);*/
	background: var(--bs-primary);
	color: #fff;
}
.btn-reaction {
	width: 50px;
}

.interactive-tab-height {
	min-height: 320px;
}
@media (min-width: 992px) {
	.interactive-tab-height {
		min-height: auto;
	}
}

/*YOUR CUSTOM STYLES*/

.float_right{
	float: right !important;
}
.loadmore_content{
	 display:inline-block;
		height:110px;
		overflow:hidden !important;
	    text-overflow: ellipsis;
	}
.loadmore_btn{
	display: block;
}

.radiusBorder{
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	
}
.loginBox{
	background: #f9f9f9;
	padding: 15px;
	border: #e2e2e2 1px solid;
	-webkit-border-radius:3px;
	border-radius: 3px;
	
}
.registerBox input{
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
}
.registerBox{
	background: #f9f9f9;
	padding: 15px;
	border: #e2e2e2 1px solid;
	-webkit-border-radius:3px;
	border-radius: 3px;
}

@media (min-width: 992px) {
    .loadmore_content{
	 	height:auto;
	}
	.loadmore_btn{
		display: none;
	}
}

.iconBg{
	color: #e3e3e3 !important;
	font-size: 150px !important;
	width: 100%;
	height: 100%;
	line-height: 200px;
	text-align: center;
	vertical-align: middle;
}
.iconBg2{
	color: #e3e3e3 !important;
	font-size: 150px !important;
	width: 100%;
	height: 100%;
	line-height: 200px;
	text-align: center;
	vertical-align: middle;
}
@media (min-width:992px) {
	.iconBg{
		line-height: 272px;
	}
	.iconBg2{
		line-height: 360px;
	}
  	
}
@media (min-width: 1200px) {
	.iconBg{
		line-height: 350px;
	}
	.iconBg2{
		line-height: 460px;
	}
}

#social-stat-container{
    width:100%;
    max-width: 340px;
}
.social-block{
    width:25%;
    float:left;
}
.social-icon{
    width:25px;
    height:25px;
    display: inline-block;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}
.like-icon{
    background-image:url('../images/icon/like.png');
    background-repeat:no-repeat;
    background-size: 100% 100%;
    
}
.love-icon{
    background-image:url('../images/icon/love.png');
    background-repeat:no-repeat;
    background-size: 100% 100%;
}
.excited-icon{
    background-image:url('../images/icon/excited.png');
    background-repeat:no-repeat;
    background-size: 100% 100%;
}
.count-text{
    font-size: 16px;
    display: inline-block;
    height: 25px;
    float: left;
    line-height: 25px;
    margin-left: 10px;
}
.clear{
    clear:both;
    float:none;
}

.referee-group{
	display: none;
}

.referee-group.show{
	display: block;
}