@charset "utf-8";

html, body,
body > .wrapper,
body > .wrapper > .content-wrapper { background-color: #ffffff !important; }

.skin-red .main-header .navbar { background: #272727; }
.skin-red .main-header .navbar .sidebar-toggle:hover { background-color: #272727; }
.skin-red .main-header .logo { background-color: #272727; }
.skin-red .main-header .logo:hover { background-color: #272727; }
.skin-red .main-header .navbar .nav>li>a { background-color: #474747; }
.skin-red .main-header .navbar .nav>li>a:hover,
.skin-red .main-header .navbar .nav>li>a:active,
.skin-red .main-header .navbar .nav>li>a:link,
.skin-red .main-header .navbar .nav>li>a:visited  { background-color: #474747; }
.skin-red .main-sidebar, .skin-red .left-side { background-color: #272727; }
.skin-red .sidebar-menu>li:hover>a, .skin-red .sidebar-menu>li.active>a { background: #474747; }

.page-title { font-size:17px;  border-left: 2px solid #272727; color:#272727; font-weight: bold;}

.links ul li { color: #000000;}
.links ul li > div { background: #B58B4B; color:#fff;}
.links ul li:hover > div { background: #f9d789; }
.links ul li > div > span { color:#000000;}
.links ul li .btn { background: #e0b60a; }
.links ul li:hover .btn,
.links ul li .btn:hover { background: #b58b4b; }
.links ul li:hover h3 { color: #000000; }


.links ul li.link-special > div,
.links ul li.link-vip > div { background: #B58B4B;}
.links ul li.link-special h4,
.links ul li.link-vip h4 { color: #000000;}
.links ul li.link-special h3,
.links ul li.link-vip h3 { color: #FFFFFF;}
.links ul li.link-special span,
.links ul li.link-vip span,
.links ul li.link-special p,
.links ul li.link-vip p { color: #000000;}
.links ul li.link-special .btn,
.links ul li.link-vip .btn { background: #e0b60a; }

.links ul li.link-special:hover > div,
.links ul li.link-vip:hover > div { background: #f9d789;}
.links ul li.link-special:hover h3,
.links ul li.link-vip:hover h3 { color: #000000;}

.links ul li.link-special:hover .btn,
.links ul li.link-vip:hover .btn,
.links ul li.link-special .btn:hover,
.links ul li.link-vip .btn:hover { background: #b58b4b; }

#content .table,
#content .table th,
#content .table td { border-color:#cccccc; }
#content .table th { background: #272727; border-color:transparent; }
#content .table.table-striped>tbody>tr:nth-of-type(even) { background-color: #eeeeee;}


/* page contact & contact-more */
.contact ul li .img { border:1px solid #4472c4; background-color: #fff;}
.contact ul li .contact-block { background-color: #4472c4; color: #fff;}
.contact-more i { background-color: #ccc; color: #fff; }


.question tbody .btn.btn-custom-gray { font-size: 18px; padding: 5px 15px; border: none;  }
.question tbody .btn.btn-custom-gray { background: #e0b60a; color: #fff;}
.question tbody .btn.btn-custom-gray:hover { background: #b58b4b;}

/* mediaquries for RWD */
@media screen and (max-width: 768px) {
  .skin-red .main-header .navbar { background: #272727;}
}

.toTop-arrow {
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 1;
	background: #D9D9D9;
	cursor: pointer;
	position:fixed;
	right: 2rem;
	bottom: 5rem;
	display: none;
}
.toTop-arrow::before, .toTop-arrow::after {
	width: 18px;
	height: 5px;
	border-radius: 3px;
	background: #FFFFFF;
	position: absolute;
	content: "";
}
.toTop-arrow::before {
	transform: rotate(-45deg) translate(0, -50%);
	left: 0.5rem;
}
.toTop-arrow::after {
	transform: rotate(45deg) translate(0, -50%);
	right: 0.5rem;
}
.toTop-arrow:focus {outline: none;}

.toDown-arrow {
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 1;
	background: #D9D9D9;
	cursor: pointer;
	position:fixed;
	right: 2rem;
	bottom: 2rem;
	display: none;
}
.toDown-arrow::before, .toDown-arrow::after {
	width: 18px;
	height: 5px;
	border-radius: 3px;
	background: #FFFFFF;
	position: absolute;
	content: "";
}
.toDown-arrow::before {
	transform: rotate(45deg) translate(0, 50%);
	left: 0.5rem;
}
.toDown-arrow::after {
	transform: rotate(-45deg) translate(0, 50%);
	right: 0.5rem;
}
.toDown-arrow:focus {outline: none;}

/* Global login panel */
.inline-login { background-color: #d3ced2 }
.skin-red .main-header .logo,
.inline-login-panel { background: #474747 }
.inline-login-panel input[type=text] { background: #ededed }
.inline-login-panel input[type=text] { color: #272727 }
.inline-login-panel a.login-submit { background: #f2c800 }
.inline-login-panel a.login-submit { color: #272727 }

.skin-red .sidebar a { color:#fff; }