body { font-size: 12px; padding-top: 0; padding-bottom: 0; font-family: sans-serif; }
    body.login { background: #000; color: #fff; }

.brand-img { padding: 5px; }
    .brand-img .svg { height: 40px; }
.col-centered { float: none; margin: 0 auto; }

.navbar { margin-bottom:10px;}
.page-header { margin: 0 0 10px 0; }
.panel { margin-bottom:10px;}
.panel-heading { padding:5px; line-height:23px;}

#rcChatList { max-height:762px; min-height:762px; overflow-y:scroll;}
@media (max-width: 767px) {
  #rcChatList { max-height:400px; min-height:400px; overflow-y:scroll;}
}

#raceActivity           { max-height: 350px; min-height: 350px; overflow-y: auto;}
#tirePressure           { max-height: 350px; min-height: 350px; overflow-y: auto;}
#rcChatLog              { max-height:745px; min-height:745px; overflow-y:scroll;}
#raceLogList            { max-height:745px; min-height:745px; overflow-y:scroll;}

.chat-lines .list-group-item { padding: 8px 5px; }
    .chat-lines .list-group-item:nth-of-type(odd) { }
    .chat-lines .list-group-item:nth-of-type(even) { background-color: #f9f9f9; }
.chat-lines .timestamp { font-size: 11px; font-weight: normal; color: #777; }
.chat-lines .from { font-weight: normal; display: inline; padding: 1px 4px; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; }

.chat-lines .list-group-item.host .from         { background: #222; }
.chat-lines .list-group-item.admin .from        { background: #222; }

.list-group-item.black .from        { background: #222; }
.list-group-item.orange .from       { background: #e57d03; }
.list-group-item.red .from          { background: #ff0000; }
.list-group-item.green .from        { background: #1cae1c; }
.list-group-item.blue .from         { background: #0070c0; }
.list-group-item.yellow .from       { background: #cdd403; }
.list-group-item.purple .from       { background: #7300ab; }


.chat-lines .list-group-item.chatter .from { background: #999; }

.chat-interface.panel-body { padding: 5px; }
.chat-interface .alert { margin-bottom: 5px; }
.chat-interface .form-group { margin-bottom: 0; }

.tire-pressures .panel-body { padding: 10px 0 0 0; }
    .tire-pressures .panel-body .panel { margin-bottom: 10px; }

.car-adjustments .panel-body { padding: 10px 0 0 0; }
.car-adjustments .panel-body .panel { margin-bottom: 10px; }
.car-adjustments table { margin-bottom:0;}
.car-adjustments .col-lg-3 { padding-left:2px; padding-right:2px;}
.car-adjustments .input-group input { font-size:12px;}

.adjLogCarListWrapper table { margin-bottom:0;}
.adjLogCarListWrapper hr { margin:0; border-color:#2780e3;}

#raceActivityTable tbody td, #rcChatList li {/*white-space: pre-wrap;*/ -ms-word-wrap: break-word; word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;/* Non standard for webkit */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}

.add-activity { border-top: 2px solid #dddddd;}

.input-sm { padding:2px 5px; height:25px;}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { padding:2px 5px;  height:25px;}
.btn-group-sm>.btn, .btn-sm { padding:2px 5px;} 


.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

@font-face {
  font-family: 'weathericons';
  src: url('../fonts/weathericons-regular-webfont.eot');
  src: url('../fonts/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/weathericons-regular-webfont.woff2') format('woff2'), url('../fonts/weathericons-regular-webfont.woff') format('woff'), url('../fonts/weathericons-regular-webfont.ttf') format('truetype'), url('../fonts/weathericons-regular-webfont.svg#weather_iconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.wi {
  display: inline-block;
  font-family: weathericons;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.clear-day, .clear-night, .rain, .snow, .sleet, .wind, .fog, .cloudy, .partly-cloudy-day, .partly-cloudy-night, .default-weather {
    display: inline-block;
    font-family: weathericons;
    font-style: normal;
    font-weight: normal;
    /*line-height: 1;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:21px;
    line-height:21px;

}

.clear-day:before             {content: "\f00d";}
.clear-night:before           {content: "\f02e";}
.rain:before                  {content: "\f008";}
.snow:before                  {content: "\f00a";}
.sleet:before                 {content: "\f0b2";}
.wind:before                  {content: "\f085";}
.fog:before                   {content: "\f003";}
.cloudy:before                {content: "\f041";}
.partly-cloudy-day:before     {content: "\f002";}
.partly-cloudy-night:before   {content: "\f086";}
.default-weather:before       {content: "\f07b";}

.weatherBtn { padding:10px 5px 8px 5px; min-width:43px;}
.weatherForecast { padding:5px; max-width:142px; position:absolute; overflow:hidden; text-overflow: ellipsis;}

.weather {   
    color: #333333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color:rgb(230, 230, 230);
}

.weather .locationBtn { padding-left:8px; padding-right:8px;}

.weather .col-md-2 { background:#000;}

.photoGrid {}
.photoGrid .col-md-1 { padding-left:5px; padding-right:5px;}
.photoGrid .photoItem .thumbnail { margin-bottom:10px;}
.photoGrid .photoItem .thumbnail .caption { padding:5px 0 0 0;}

.icon-spin{    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}