@font-face
{
  font-family: 'Gunplay';
  src:  url('/css/fonts/gunplay.eot');
  src:  url('/css/fonts/gunplay.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/gunplay.woff') format('woff'),
        url('/css/fonts/gunplay.ttf') format('truetype');
} 

body {
  font-family: Roboto, sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #000;
}

h1 {
  font-size: 38px;
}

.content-header > h1 {
  font-size: 28px;
  color: #008749;
}


h2 {
  font-size: 38px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 21px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-family: Roboto, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 2em;
  font-weight: bold;
}

nav.navbar-static-top > h3 {
  float:left; 
  margin-top: 10px;
  margin-left: 15px;
}

nav.navbar-static-top > h4 {
  float:left;
  margin-top: 14px;
  margin-left: 15px;
  color: #fff;
}

.content-wrapper {
/*
  color: #333;
  background-color: #141412;
  background-color: #F5F5F5;
*/
  /* background-image: url("/images/backgrounds/mz2-bg-black-pattern-1.jpg"); */

  background-color: #FaFaFa;
  padding-bottom: 4em;
}

.content-header > .breadcrumb > li > a {
  color: #999;
}

.content {
  max-width: 960px;
  margin-left: 0;
}

.site-varausehdot ul li {
  margin-bottom: 15px;
}

header.main-header a.logo span.logo-lg {
  font-family: 'Gunplay', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #fff;
}

section.sidebar ul.sidebar-menu.tree li.header span span {
  font-family: 'Gunplay', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #fff;
}

section.sidebar ul.sidebar-menu.tree li.treeview.active.menu-open ul.treeview-menu li.active {
}

section.sidebar ul.sidebar-menu.tree li a span {
  color: #f0f0f0;
  font-size: 14px;
}


section.sidebar ul.sidebar-menu.tree li.treeview.active.menu-open ul.treeview-menu li a span {
  color: #ddd;
}

section.sidebar ul.sidebar-menu.tree li.treeview.active.menu-open ul.treeview-menu li.active a span {
  color: #ffffff;
}

section.sidebar ul.sidebar-menu.tree li:hover a span {
  color: #ffffff;
}

section.sidebar ul.sidebar-menu.tree {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  /* font-family: Roboto, sans-serif; */
}

.skin-green .main-header .navbar {
  background-color: #008749;
}

.skin-green .main-header .navbar h3 {
  color: #FFF;
}

.skin-green .main-header .logo {
  background-color: #52AA00;
}
.skin-green .main-header .logo:hover {
  background-color: #63CE00;
}

.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
  /* background-color: #272725; */ /* #2B2B2B; */
}

.skin-green .main-sidebar {
  /* background-image: url("/images/backgrounds/mz2-bg-grey-light-pattern-1.jpg"); */
  background-image: url("/images/backgrounds/tactile_noise.png");
  border-right: 1px solid black;
}

.skin-green .sidebar-menu > li > .treeview-menu {
  background: #383838;
}

.sidebar-menu > li {
  border-top: 1px solid #3B3B3B;
  border-bottom: 1px solid #252525;
}

div#row_body {
  display: none;
}

ul.sidebar-menu.tree li.treeview ul.treeview-menu li {
  border-left: 5px solid transparent;
}

ul.sidebar-menu.tree li.treeview.active.menu-open ul.treeview-menu li:hover,
ul.sidebar-menu.tree li.treeview.active.menu-open ul.treeview-menu li.active {
  border-left: 5px solid #008D4C;
}

ul.sidebar-menu .treeview-menu {
  padding-left: 0;
}

.skin-green ul.sidebar-menu > li > .treeview-menu {
  margin-left: 0;
}

.skin-green .user-panel > .info, .skin-green .user-panel > .info > a {
  color: #AAA;
}

.main-header .navbar {
  margin-left: 0px;
}

.main-sidebar {
  padding-top: 50px;
}

.main-header .sidebar-toggle {
  padding: 10px;
  font-size: 21px;
}

.fixed .content-wrapper, .fixed .right-side {
  padding-top: 50px;
}

.scu-max-width-1 {
  max-width: 400px;
}

.scu-max-width-2 {
  max-width: 500px;
}

dl.dl-scu dd {
  margin-bottom: 10px;
}

table.scu-bookings-1 tr td {
  border: 0;
}

table.scu-bookings-1 tr.scu-border-top td {
  border-top: 1px solid #f4f4f4;
}

table.scu-bookings-1 {
  border-bottom: 1px solid #f4f4f4;
}

table.scu-bookings-1 input,
table.scu-bookings-1 select,
table.scu-bookings-1 textarea,
textarea {
  color: black;
  padding: 4px;
  background-color: #ddd;
}



.scu-content-wide {
  max-width: none;
}

.site-gametype-selection a,
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover {
  color: #6FDD18;
}

a.my-date-arrow {
  cursor: pointer;
  margin-right: 10px;
  color: #ddd;
  font-size: 16px;
}

div#booking-table-container {
  color: #6FDD18; 
  margin-top: 20px;
}

.booking-table table {
  border: 0;
  margin-top: 20px;
}

.booking-table table th {
  font-size: 12px; 
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  color: #ddd;
}

.booking-table table td {
  font-size: 12px;
  border: 1px solid #ccc;
  text-align: center;
  color: #fff;
  padding: 5px;
}

.booking-table table td.s-left-column {
  border: 0;
  padding-right: 10px;
  text-align:right;
  color: #333;
}

.booking-table table td.s-avail {
  background-color: #008749; /*#6FDD18;*/
}

.booking-table table td.s-not-avail,
.booking-table table td.s-booked,
.booking-table table td.s-upon-order {
  background-color: #fff;
  color: #ccc;
}

.booking-table table td.s-no-border {
  border: 0px solid transparent;
  padding: 3px;
}

.booking-table table td.s-separator {
  border: 0px solid transparent;
  padding: 3px;
}

.booking-table table td a {
  color: #eee;
  display: block;
}


.booking-list div.day {
  text-transform: uppercase;
  color: #ddd;
  margin-bottom: 20px;
}

.booking-list div.day-avail-times {
  text-transform: none;
  margin-top: 10px;
}

.booking-list div.day-avail-times a {
  color: #eee;
  font-weight: bold;
  display: block; 
  padding: 10px;
  border: 1px solid #43A047;
  min-width: 50px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; 
  background-color: #222;
  border-radius: 3px;
}

.booking-list div.day-avail-times a:hover {
  border-color: #eee;
}

.scu-subtitle-1 {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
}

.scu-subtitle-2 {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
}

.modalContent {
  color: #333;
}

form label {
text-transform: uppercase;
font-size: 12px;
}

form .checkbox label,
form .radio label {
  text-transform: initial;
}

.radio-inline-block .radio {
  display: inline-block;
  margin-right: 1.5em;
}

.radio-inline + .radio-inline {
  margin-left: 0px;
}

label.radio-inline {
  margin-right: 15px;
}

#modalTitle {
  color: #fff;
}

header.main-header {
  box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

.nav-tabs-custom > .nav-tabs > li > a {
  font-size: 16px;
  text-transform: uppercase;
  color: #999;
}

.nav-tabs-custom > .nav-tabs > li.active > a {
  color: #000;
  font-weight: bold;
  background-color: #FaFaFa;
    border-left-color: #ddd;
    border-right-color: #ddd;

}

.nav-tabs-custom > .nav-tabs {
  background-color: #FaFaFa;
}

.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #008749;
}

.time-link {
  display:inline-block;
  border: 1px solid #3D9970;
  padding: 8px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  background-color: white; /* #f5f5f5; */
  color: #333;
  min-width: 52px;
  border-radius: 2px;
  text-align: center;
}

.time-link:hover {
  font-weight: bold;
  color: black;
}

.time-link:focus,
.time-link.active {
  color: white;
  background-color: #3D9970;
}

.day_box {
  margin-top: 20px;
  box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

div.content-wrapper section.content .box {
  box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

.lang-selection {
  color: white;
  padding: 10px;
  padding-bottom: 0px;
  margin-top: 20px;
}

.lang-selection a {
  margin-left: 5px;
}

.lang-selection a:hover {
}

.lang-selection img {
  display: inline;
  padding: 2px;
  opacity: 0.5;
}

input#bookingcalform-p_pvm_custom.krajee-datepicker.form-control {
  background-color: #fff;
  cursor: pointer;
}

input#bookingcalform-p_pvm_custom.krajee-datepicker.form-control:focus,
input#bookingcalform-p_pvm_custom.krajee-datepicker.form-control:active {
  border-color: #d2d6de;
  cursor: pointer;
}

div.datepicker-days tr td.disabled.day {
  color: #ddd;
}


/* SERP DEMO BEGIN */

.harj1 li, .harj1 dt {
  width: 80px;
  margin: 3px;
  padding: 3px;
  white-space: nowrap;
  border: 1px solid #CCC;
}

.harj1 li a {
  display: block;
  text-decoration: underline;
}

.harj1 dt {
  width: 50px;
  margin: 0px 5px 0px 0px;
  text-align: left;
  font-weight: normal; 
  font-size: 0.85em;
}

.harj1 dd {
  margin-left: 0px;
  padding: 4px 0px;
  font-size: 0.85em;
}

.sc-bg-given {
  background-color: #FFD800;
}

.sc-bg-taken {
  background-color: #FF5050;
}

table.scu-bookings-1 input, table.scu-bookings-1 select, table.scu-bookings-1 textarea, textarea {
    background-color: white;
}

/* SERP DEMO END */