/* @font-face {font-family: 'Shadows Into Light';				src: url(resources/ShadowsIntoLight.ttf);} */
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300');

.theme-light {
  --color-bg-body: #ffffff;
  --color-bg-modal: #ffffff;
  --color-bg-input: #cccccc;
  --color-accent: #002855;
  --color-accent-hover: #002855;
  --color-p: #000000;
  --color-p-accent: #000000;
}
.theme-dark {
  --color-bg-body: #000000;
  --color-bg-modal: #080808;
  --color-bg-input: #111111;
  --color-accent: #ff8200;
  --color-accent-hover: #cc6800;
  --color-p: #cccccc;
  --color-p-accent: #ffffff;
}

body {font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 300; color: var(--color-p); background-color: var(--color-bg-body);}
h1, h2, h3, label, .table th, .btn, .btn-link {font-weight: inherit !important;}
h1, h2, h3, .table th, .btn, .btn-link {color: var(--color-accent);}
.btn, .form-control {font-size: inherit;}
a {color: inherit;}

/* .btn, .btn:hover {color: #000000;} */
.btn-default {background-color: var(--color-bg-input); color: var(--color-bg-p);}
.btn-primary {background-color: var(--color-accent); color: var(--color-p-accent);}
.btn-primary:hover {background-color: var(--color-accent-hover); color: var(--color-p-accent);}
.form-control {background-color: var(--color-bg-input); color: var(--color-bg-p);}
.well {background-color: #111111; border-color: #333333;}

.img-header {padding: 20px;}

.navbar {min-height: 0px;}

.navbar-brand > img {
  margin-top: -42.5px;
}

.navbar-default{background-color: var(--color-bg-body);}

.navbar-nav > li > a {padding-top: 20px; padding-bottom: 20px;}

.navbar-brand {font-family: 'Shadows Into Light', cursive; text-transform: uppercase; font-size: 3em; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus,.nav>li>a:hover, .nav>li>a:focus {background-color: var(--color-bg-body);}

.twitter-box {
  height: 400px;
}

.modal-content {background-color: var(--color-bg-modal);}
.modal-header {border-bottom: 1px solid #333;}
.modal-header > .close {font-weight: normal; font-size: 32px; color: #999;}

.table th, .table-condensed th {
     border-top: none !important;
     border-bottom: 1px solid #333;
     color: var(--color-accent);
     font-weight:normal;
 }

.table td, .table-condensed th {
     border-top: none !important;
 }

.table-total tr:last-child {
     border-top: 1px solid #333 !important;
 }

 .th-group {border-bottom: none !important;}

 th.th-rotate {
 	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-align: left;
	vertical-align: center;
	white-space: nowrap;

	-webkit-transform-origin: 40px 40px;
    -moz-transform-origin: 65px 60px;
    -o-transform-origin: 65px 60px;
    -ms-transform-origin: 65px 60px;
    transform-origin: 65px 60px;
	}

.vertical {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  }

.th-vertical {
  vertical-align: bottom !important;
}

span.span-rotate {
	display:inline-block;
	width:20px;
	height:65px;
	}

th.right-border, td.right-border {
	border-right: 1px solid #333 !important;
	}

th.left-border, td.left-border {
	border-left: 1px solid #333 !important;
	}

th.bottom-border, td.bottom-border {
	border-bottom: 1px solid #333 !important;
	}

th.top-border, td.top-border {
	border-top: 1px solid #333 !important;
	}

tr.bottom-border,.table tr:last-child {
  border-bottom: 1px solid #333 !important;
  }

tr.top-border {
  border-top: 1px solid #333 !important;
  }

.table>tbody>tr.active>td {background-color: #999999; color: #000000;}
.table>tbody>tr.active>td>a {color: #000000;}

.tr-mouseover:hover {background-color: #222222;}

.nav-tabs {border-bottom: 1px solid #333;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
  {color: var(--color-accent); border: 1px solid #333; border-bottom-color: transparent;}

.nav>li>a:hover, .nav>li>a:focus
  {background-color: #111; border-color: #333; color: #fff;}





.stunt-btn-zone-no, .stunt-btn-stunt-no, .stunt-btn-team-no, .stunt-btn-scr-team, .stunt-btn-scr-lead, .stunt-btn-scr-comp, .stunt-btn-scr-cond,
.arr-btn-team-no, .arr-btn-scr, .dep-btn-team-no, .dep-btn-scr {
	padding: 6px 0px;
	text-align: center;
	width: 32px;
	}

.lbl-link {
  font-weight: inherit;
}

.btn-link {
  border:none;
  outline:none;
  background:none;
  cursor:pointer;
  /* color:#0000EE; */
  padding:0;
  /* text-decoration:underline; */
  font-family:inherit;
  font-size:inherit;
  }

.team-no-modal-content {
  background-color: #333;
}

.team-no-modal-content > p {
  font-size: 24px;
}

.team-no-modal-content > h1 {
  font-size: 72px;
}

td.trak-entry{
  padding:0px !important;
}

input.trak-entry {
  margin-left:auto;
  margin-right:auto;
  max-width: 60px;
}

td.score-entry{
  padding:0px !important;
}

input.score-entry {
  margin-left:auto;
  margin-right:auto;
  max-width: 60px;
}

.scr-cell:hover {background-color: #111111;}

#stunt-scr-total {color: #999999;}

.dispatch-col{
  padding: 0px;
}

.dispatch-team-div {
  background-color: #222222;
  /* margin:10px; */
  padding:10px;
  border: 10px solid black;
  cursor: pointer;
}

.dispatch-team-div-z1 {background-color: #330000; color: #FF0000;}
.dispatch-team-div-z2 {background-color: #552200; color: #FF5500;}
.dispatch-team-div-z3 {background-color: #333300; color: #FFFF00;}
.dispatch-team-div-z4 {background-color: #003300; color: #00FF00;}
.dispatch-team-div-z5 {background-color: #000033; color: #00FFFF;}
.dispatch-team-div-z6 {background-color: #330033; color: #FF00FF;}

.dispatch-dropdown {
  background-color: #222222;
  color: inherit;
  font-size: inherit;
  text-align: center;
  min-width: 0px;
  padding: 10px;
}

.dispatch-dropdown>li {
  padding: 10px;
}

.team-info-modal
{
  background-color: #222222;
}

.team-info-modal>.modal-header, .team-info-modal>.modal-footer
{
  border: none;
}

.team-info-modal>.modal-header>.close
{
  color: inherit;
  font-size: 40px;
  font-weight: inherit;
  text-shadow: none;
  opacity: 1;
}

.team-info-table>tbody>tr>td:first-child{
  text-align: right;
  color: var(--color-accent);
}



/* Theme Switching */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333333;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 40px;
  width: 40px;
  left: 0px;
  bottom: 4px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0 0px 15px #2020203d;
  background: white url('https://i.ibb.co/FxzBYR9/night.png');
  background-repeat: no-repeat;
  background-position: center;
}

input:checked + .slider {
  /* background-color: #2196f3; */
  background-color: #cccccc;
}

input:focus + .slider {
  box-shadow: 0 0 1px #cccccc;
}

input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
  background: white url('https://i.ibb.co/7JfqXxB/sunny.png');
  background-repeat: no-repeat;
  background-position: center;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.trak-highlight {color: #ff8200;}