/*

Grey: #686669
Yellow: #FFFF00
Orange: #FF7E00
Turquoise: #7FD1D2

*/

@font-face {
  font-family: 'Changa One';
  font-style: cursive;
  font-weight: normal;
  src: local('ChangaOne Italic'), local('ChangaOne-Italic'), url('../fonts/ChangaOne-Italic.ttf') format('truetype');
}

html {
  overflow-x: hidden;
}
body {
  /*min-height: 2000px;*/
  /*padding-top: 70px;*/

  font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-family: 'Changa One', cursive;*/
  font-weight: 400;

  background: url("../img/paper.jpg") repeat scroll 0% 0% rgb(232, 235, 239);
}

h1, h2, h3 {
  color: #686669;
}
.offcanvas-tab h2 {
  font-family: 'Changa One', cursive;
}

.loading-overlay {
  position:fixed;padding:0; margin:0; width: 100%; height: 100%; background:rgba(255,255,255,0.5); z-index: 10000;
}
.loading-overlay > div:first-child {
  width: 100%; background-color: #eee;
}
.loading-overlay > div:last-child {
  position: fixed; top: 0px; width: 100%; text-align: center;
}
.loading-overlay > div:last-child > h1 {
  font-weight: bold; font-size: 10em; color: #888;
}

.trafikkspillet-logo-1 {
  width: 110px; height: 48px;
  background-image: url('../img/ts-logo.png');
}
.trafikkspillet-logo-2 {
  background-repeat: no-repeat;
  background-image: url('../img/ts-logo.png');
}
.trafikkspillet-logo-2-alt-1 {
  background-size: 190px 140px; width: 190px; height: 150px; margin-top: 0px; margin-left: 20px; margin-bottom: 0px;
  background-position: 0 10px;
}
.trafikkspillet-logo-2-alt-2 {
  background-size: 77px 42px; width: 77px;height: 42px; margin-top: 2px; margin-right: 10px;
}

.navbar-logo {
  margin-top: 1px; margin-right: 10px;
}

.navbar-default .navbar-nav > .active > a {
  background-color: transparent; color: #000; font-weight: bold;
}

.form-horizontal {
  line-height: 0.5;
}

.form-group {
  margin-bottom: 0px;
}

.panel {
  border-radius: 0px; border: 4px solid #fff; background: #fff; box-shadow: 0 0 4px #888;
  /*background: #f5f5f5;*/
  /*background: url("../img/paper.png") repeat scroll 0% 0% #f5f5f5;*/
  /*box-shadow: 0 0 4px #0091d2;*/
}
#page-content-wrapper > .container > .panel > .panel-body > h3 {
  color: #686669;
}

.table > tbody > tr > td {
  border-top: 0px solid #ddd;
  font-size: small;
}
.table > thead:first-child > tr:first-child > th {
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  border-bottom: 1px solid #ddd;
}

.td-numeric {
  text-align: right;
}

.td-text {
  text-align: left;
}

.row-inline-data {
  border-bottom: 1px #E4E5E6 solid;
}

.td-collapsed-label {
  /*font-weight: bold;*/
  font-style: italic;
}
.td-collapsed-value {
  font-style: italic;
}

.navbar-toggle {
  background-color: #686669; display: block; position: absolute; top: 5px; right: 5px; border-color: #ddd; z-index: 10;
}
.icon-bar {
  background-color: #fff;
}

.collapsable-container {
  margin-left: 5px; margin-right: 5px;
}
.collapsable-container > div {
  margin: 0px;
}
.collapsable-container > div > div:last-child {
  font-weight: bold;
}
.collapse-btn {
  padding: 0px; margin: 0px; text-align: right;
}

.offcanvas-tab {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;

  position: absolute;
  margin-right: -250px;
  background-color: #686669;
  margin-top: -72px;
  margin-left: -15px;
  color: #fff;
  font-size: 30px;
  width: 100%;
  height: 44px;
  padding-left: 7px;
  padding-top: 2px;
  
  box-shadow: 0 2px 20px #000;
}
.offcanvas-tab > div > a {
  color: #fff;
}
.offcanvas-tab > div:last-child > img {
  height: 42px; margin-top: 2px; margin-right: 10px;
}
@media(min-width:768px) {
  .offcanvas-tab {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;

    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    padding-top: 1px;
    padding-left: 5px;
    font-size: 30px;
  }
}