/* Colors Collection */
/* Element Color */
/* Register Font Face */
@font-face {
  font-family: Microgbe;
  src: url("font/MICROGBE.TTF"); }
/* Span block color */
.font-black {
  color: #000000; }

.font-red {
  color: #e10707; }

.font-red-2 {
  color: #790307; }

.font-green {
  color: #31de18; }

/* Block background color */
.bg-grey {
  background-color: #2f2f2f; }

.bg-white {
  background-color: #ffffff; }

/* Span block size */
.font-12 {
  font-size: 12px; }

.font-14 {
  font-size: 14px; }

.font-16 {
  font-size: 16px; }

.font-18 {
  font-size: 18px; }

.font-20 {
  font-size: 20px; }

.font-22 {
  font-size: 22px; }

.font-24 {
  font-size: 24px; }

/* Span block style */
.font-bold {
  font-weight: bold; }

.font-italic {
  font-style: italic; }

.font-underline {
  text-decoration: underline; }

/* Space */
.space-5, .space-10, .space-15, .space-20, .space-25, .space-30 {
  float: left;
  width: 100%; }

.space-5 {
  height: 5px; }

.space-10 {
  height: 10px; }

.space-15 {
  height: 15px; }

.space-20 {
  height: 20px; }

.space-25 {
  height: 25px; }

.space-30 {
  height: 30px; }

/* App style */
body {
  background-color: #000000 !important;
  color: #ffffff; }

a, a:visited, a:hover, a:active {
  color: #ffffff;
  text-decoration: none; }

a:hover, a:active {
  color: #e10707;
  text-decoration: none; }

.navbar-default {
  background: #000000; }
  .navbar-default .navbar-header {
    padding-left: 15px;
    padding-right: 15px; }
  .navbar-default .navbar-nav {
    margin: 0; }
    .navbar-default .navbar-nav > li > a {
      font-family: Microgbe;
      font-size: 12px;
      color: #ffffff;
      padding: 30px 10px; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a.focus, .navbar-default .navbar-nav > li > a:focus {
      color: #e10707; }
    .navbar-default .navbar-nav > li .dropdown-menu > li > a {
      padding: 5px 20px;
      color: #4a4a4a;
      background-color: #ffffff; }
    .navbar-default .navbar-nav > li .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > li .dropdown-menu > li > a:hover {
      color: #e10707;
      background-color: #ffffff; }
    .navbar-default .navbar-nav > li .dropdown-menu .divider {
      margin: 0; }
  .navbar-default .navbar-right {
    margin-right: 5px; }
    .navbar-default .navbar-right > li > a {
      padding: 10px 20px;
      margin: 20px 5px;
      background-color: #e10707; }
    .navbar-default .navbar-right > li > a:hover, .navbar-default .navbar-right > li > a:focus {
      color: #ffffff;
      background-color: #f82323; }
    .navbar-default .navbar-right > .open > a, .navbar-default .navbar-right > .open > a:focus, .navbar-default .navbar-right > .open > a:hover {
      color: #ffffff;
      background-color: #e10707;
      margin-bottom: 5px; }
    .navbar-default .navbar-right > .open > a:focus, .navbar-default .navbar-right > .open > a:hover {
      background-color: #f82323; }

.footer {
  border-top: 5px solid #e10707;
  background-color: #2f2f2f;
  padding: 10px;
  font-size: 10px; }

.content-body {
  min-height: 480px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: url("../images/background.jpg");
  background-repeat: repeat; }

.sidebar-menu {
  list-style-type: none; }
  .sidebar-menu > li {
    padding: 10px; }
    .sidebar-menu > li > a.active, .sidebar-menu > li > a:hover, .sidebar-menu > li > a:active {
      color: #e10707;
      text-decoration: none;
      font-weight: bold; }

.member-title {
  border-bottom: 2px solid #959595;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold; }

.member-desc-block {
  background-color: #2f2f2f;
  padding-top: 10px;
  padding-bottom: 10px; }
  .member-desc-block .desc-value {
    font-size: 18px; }

.member-row-item {
  border-bottom: 1px solid #959595; }
  .member-row-item div {
    padding-top: 15px;
    padding-bottom: 15px; }
  .member-row-item .member-form, .member-row-item .member-form div {
    padding-top: 0;
    padding-bottom: 0; }
  .member-row-item .tools {
    margin-top: -8px;
    margin-bottom: -8px;
    text-align: right; }

.table > thead > tr > th {
  vertical-align: middle;
  border-bottom: 2px solid #959595; }
.table > tbody > tr > td {
  vertical-align: top;
  border-bottom: 1px solid #959595;
  padding-top: 15px;
  padding-bottom: 15px; }
.table > tbody > tr > td.table-no-item-row {
  border-bottom: none;
  font-weight: bold;
  text-align: center; }

.btn-custom-red {
  background-color: #e10707 !important;
  color: #ffffff !important;
  border-color: #e10707 !important; }

.btn-custom-red:hover, .btn-custom-red.active, .btn-custom-red.disabled {
  background-color: #f82323 !important; }

.btn-custom-red-reverse {
  background-color: #ffffff !important;
  color: #e10707 !important;
  border-color: #e10707 !important; }

.btn-custom-red-reverse:hover, .btn-custom-red-reverse.active, .btn-custom-red-reverse.disabled {
  background-color: #ffffff !important; }

.btn-custom-grey {
  background-color: #959595 !important;
  color: #ffffff !important;
  border-color: #959595 !important; }

.btn-custom-grey:hover, .btn-custom-grey.active, .btn-custom-grey.disabled {
  background-color: #afafaf !important; }

.btn-custom-blue {
  background-color: #3C599B !important;
  color: #ffffff !important;
  border-color: #3C599B !important; }

.btn-custom-blue:hover, .btn-custom-blue.active, .btn-custom-blue.disabled {
  background-color: #4f70bb !important; }

.modal {
  color: #000000 !important; }
  .modal .modal-content {
    border-radius: 0; }

.block-overlay {
  color: #ffffff;
  text-align: center;
  font-size: 30px;
  min-height: 50px; }
  .block-overlay > td {
    border-bottom: 0 !important; }

.container-captcha {
  max-width: 300px;
  margin: auto; }

.g-recaptcha {
  transform-origin: left top;
  -webkit-transform-origin: left top; }

/* Responsive style */
@media (max-width: 767px) {
  .navbar-default .navbar-nav > li > a {
    padding: 10px;
    text-align: center; }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    padding: 5px 20px; }
  .navbar-default .navbar-nav .dropdown-menu .divider {
    margin: 0; }
  .navbar-default .navbar-right > li > a {
    padding: 10px;
    margin: 5px 0;
    text-align: center; }
  .navbar-default .navbar-header .navbar-toggle {
    border: 0;
    margin-top: 25px;
    background-color: transparent; }
    .navbar-default .navbar-header .navbar-toggle .icon-bar {
      background-color: #e10707; } }