@charset "utf-8";

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

.skin-red .main-header .navbar { background: #c83434; }
.skin-red .main-header .navbar .sidebar-toggle:hover { background-color: #c83434; }
.skin-red .main-header .logo { background-color: #c83434; }
.skin-red .main-header .logo:hover { background-color: #c83434; }
.skin-red .main-header .navbar .nav>li>a { background-color: #550001; }
.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: #550001; }
.skin-red .main-sidebar, .skin-red .left-side { background-color: #c83434; }
.skin-red .sidebar-menu>li:hover>a, .skin-red .sidebar-menu>li.active>a { background: #550001; }

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

.links ul li { color: #550001;}
.links ul li > div { background: #550001; color:#ffffff;}
.links ul li:hover > div { background: #661a1b; }
.links ul li > div > span { color:#e8e7e7;}
.links ul li .btn { background: #ffb84c; color: #550001; }
/*.links ul li:hover .btn,
.links ul li .btn:hover { background: #99b84c; }*/
.links ul li.link-special > div,
.links ul li.link-vip > div { background: #c83434;}
.links ul li.link-special:hover > div,
.links ul li.link-vip:hover > div { background: #ce4949;}
.links ul li.link-special h4,
.links ul li.link-vip h4 { color: #c83434;}
.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: #e0dfe1;}
.links ul li.link-special .btn,
.links ul li.link-vip .btn { background: #ffb84c; color: #550001; }
/*.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: #86482F; }*/

#content .table,
#content .table th,
#content .table td { border-color:#7C829A; }
#content .table th { background: #c83434; }
#content .table.table-striped>tbody>tr:nth-of-type(even) { background-color: #E5F2FF;}


/* 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: #838383; color: #fff;}
.question tbody .btn.btn-custom-gray:hover { background: #434343;}

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

.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: #e0dfe1 }
.skin-red .main-header .logo,
.inline-login-panel { background: #c83434 }
.inline-login-panel input[type=text],
.inline-login-panel a.login-submit { background: #ffb84c }
.inline-login-panel input[type=text], .inline-login-panel a.login-submit { color: #550001 }

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

/*.sidebar-menu li:nth-child(n+3) { display:none; }*/