﻿body {
    background-color: #939393;
    background-image:url(../../images/techBackground.jpg);
    background-repeat:repeat-y;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #E71C24;
}

.panel-primary > .panel-heading {
    background-image: none;
    border-color: #E71C24;
    color: white;
    background: #E71C24; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,#E71C24,#E71C24, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,#E71C24,#E71C24, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,#E71C24,#E71C24, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,#E71C24,#E71C24, #fff); /* Standard syntax */
}

.panel-primary {
    border-color: #E71C24;
}

.panel-success > .panel-heading {
    background-image: none;
    border: none !important;
    color: white;
    background: #777; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,#777,#777, #ccc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,#777,#777, #ccc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,#777,#777, #ccc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,#777,#777, #ccc); /* Standard syntax */
}

.panel-default > .panel-heading {
    color: #777;
}

.panel-success {
    border: none !important;
}

.RadScheduler_MetroTouch .rsHeader {
    padding: 19px;
    height: 30px;
    border: 1px solid #6b6b6b !important;
    color: #fbe7e7 !important;
    background-color: #6b6b6b !important;
}

.navbar-default {
  background-color: #6b6b6b;
  border-color: #f03636;
}
.navbar-default .navbar-brand {
  color: #fbe7e7;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #f6f7fd;
}
.navbar-default .navbar-text {
  color: #fbe7e7;
}
.navbar-default .navbar-nav > li > a {
  color: #fbe7e7;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #f6f7fd;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f6f7fd;
  background-color: #f03636;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #f6f7fd;
  background-color: #f03636;
}
.navbar-default .navbar-toggle {
  border-color: #f03636;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #f03636;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fbe7e7;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #fbe7e7;
}
.navbar-default .navbar-link {
  color: #fbe7e7;
}
.navbar-default .navbar-link:hover {
  color: #f6f7fd;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fbe7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f6f7fd;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f6f7fd;
    background-color: #f03636;
  }
}