/* css */

@import url(datatables.css);

* {
    font-family: Arial, Helvetica;
}

body {
    font-family: Arial, Helvetica;
}

a {
    text-decoration: none;
}

a.active {
    font-weight: bold;
}

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial, Helvetica;
    margin: 25px 0;
}

h1.bigblack {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px;
    margin-top: 10px;
    font-family: "Arial Black", Arial;
}

h2.bigblack {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 10px;
    font-family: "Arial Black", Arial;
}

div#header {
    background-image: url("/static/images/flames-small-white.png");
    background-repeat: no-repeat;
    background-size: 55px 50px;
    background-color: #c00000;
    height: 58px;
    border-bottom: 1px solid black;
}

div#header p.logged_in {
    margin-top: 2px;
    margin-right: 10px;
    color: #fff;
}

div#header a {
    color: white;
}

/* flames navbar */

.navbar-flames {
    background-color: #c00000;
    border: none;
    border-radius: 0;
    margin: 0;
}

.navbar-flames .container {
    padding-right: 0;
    padding-left: 0;
}

.navbar-flames .navbar-nav {
    border: none;
    float: none;
    display: inline-block;
}

.navbar-flames .navbar-collapse {
    text-align: center;
}

.navbar-flames img {
        height: 50px;
        padding-top: 5px;
        border: 0;
}

.navbar-flames .navbar-nav>li {
    font-size: 14px;
}

.navbar-flames .navbar-nav>li>a {
    letter-spacing: 0.15em;
    color: white;
    text-transform: uppercase;
}

.navbar-flames .navbar-nav>li.separator {
    padding-top: 10px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 18px;
    opacity: 0.75;
}

.navbar-flames .navbar-nav>li>.dropdown-menu {
    margin-top: 5px;
    background-color: #efefef;
}

.navbar-flames .navbar-nav>li.dropdown-header>a {
    font-family: "Arial Black", Arial, Helvetica !important;
    text-transform: uppercase;
    line-height: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    color: #000;
}

.navbar-flames .navbar-nav>li.dropdown-header>a>.bigger {
    font-family: "Arial Black", Arial, Helvetica !important;
    font-size: 15px;
}

.navbar-flames .navbar-nav>li>.dropdown-menu>li>a {
    color: #000 !important;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "DecimaMonoPro",monospace;

}

.navbar-flames .navbar-nav>li>a {
    font-family: "DecimaMonoPro",monospace;
}

.navbar-flames .navbar-nav>li>.dropdown-menu>li>a:hover {
    background-color: #c00000;
    color: white !important;
}

.navbar-flames .navbar-nav>li>a:active {
    color: yellow;
}

.navbar-flames .navbar-nav>li>a:hover {
    color: yellow;
}

.navbar-flames .navbar-nav>.open>a,
.navbar-flames .navbar-nav>.open>a:hover,
.navbar-flames .navbar-nav>.open>a:focus {
    background-color: initial;
    color: white;
}

.navbar-flames .navbar-form input {
    width: 200px;
}

.navbar-flames .navbar-toggle {
    float: left;
    margin-left: 20px;
}

.navbar-flames .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-right .dropdown-menu {
    right: auto;
}

/* BEGIN BOOTSTRAP OVERRIDE */

@media (min-width: 1200px) {
    .container {
        width: 1240px;
    }
}

p {
    padding: 5px 0;
}

label {
    font-weight: normal;
}

.form-control,
.btn { 
    font-size: 12px;
}

.input-group-addon {
    font-size: 12px;
}
/* END BOOTSTRAP OVERRIDE */

div#main-content {
    padding: 10px;
}

div#footer {
    margin: 50px auto;
    padding: 20px 10px;
    color: #999;
}

.align-left { 
    text-align: left !important;
}

.align-center {
    text-align: center !important;
}

div.clear { clear: both; }

div.no-title .ui-dialog-titlebar {
    display: none;
}

button.flames-button, a.flames-button, input.flames-button {
    display: block;
    background-color: #c00000;
    border: 1px solid #c00000;
    color: white;
    border: 0;
    font-weight: normal;
    padding: 10px;
    margin: 10px 0;
    text-decoration: none;
    border-radius: 2px;
}

.btn-flames {
    background-color: #c00000;
    color: #fff;
}

.btn-flames:hover {
    background-color: yellow;
    border-color: #000;
}

a.flames-button {
    width: auto;
    display: inline-block;
}

a.flames-button:hover {
    background-color: #ff0000;
    border-color: black;
}

a.flames-button:active {
    background-color: #ff0000;
    border-color: black;
}

div.controlbox {
    margin: 20px 0;
}

div.controlbox label {
    margin-right: 20px;
}

.ajax-indicator {
    display: none;
}

table.report-table {

}

table.report-table thead tr th {
    text-align: center;
}

table.report-table thead tr th.sorting_desc,
table.report-table thead tr th.sorting_asc {
    background-color: #eaeaea;
}

table.report-table tbody tr td {
    text-align: center;
}

table.report-table tbody tr td.sorting_1,
table.report-table tbody tr td.sorting_0,
table.report-table tbody tr.hover td {
    background-color: #eaeaea !important;
}

/*
table.report-table>tbody>tr:nth-child(even)>td
{
    background-color: #eaeaea;
}

table.report-table>tbody>tr:nth-child(odd)>td
{
    background-color: #f7f7f7;
}
*/

.flash {
    background: #cee5F5;
    padding: 0.5em;
    border: 1px solid #aacbe2;
}

.error {
    color: #ff0000;
    font-weight: bold;
}

textarea.no-resize { 
    resize: none;
}

tr.striped>td {
    background-color: #efefef;
}

tr.unstriped>td {
    /* collided with percentile highlighting
    background-color: #fff !important;
    */
}

.border-right {
    border-right: 1px solid #DDD;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

/* jquery UI widget override */

.ui-widget {
    font-size: 1em;
}

/* table-flames */
.table-flames {}
.table-flames>thead>tr>th { text-align: center; }

.table-flames>tbody>tr:nth-child(odd)>td { background-color: #efefef; }
.table-flames>tbody>tr:last-child>td { border-bottom: 1px solid #ddd; }
.table-flames>tbody>tr.section { background-color: #ffdddd; }
.table-flames>tbody>tr.header>td { font-weight: bold; text-align: center; background-color: #999; }

.table-flames>tfoot>tr { background-color: #ccc; border-top: 1px solid black; }


/* table-centered */
.table-centered>thead>tr>th { text-align: center; }
.table-centered>tbody>tr>td { text-align: center; }
.table-centered>tfoot>tr>td { text-align: center; }

/* table-small */
.table-small {}
.table-small>thead>tr>th { font-size: .9em; padding: 3px; }
.table-small>tbody>tr>td { font-size: .9em; padding: 3px; }
.table-small>tfoot>tr>td { font-size: .85em; }

.stat-good { color: red; background-color: #FFEBE6 !important; }
.stat-bad { color: blue; background-color: #c4ebff !important; }

/* .. */

.video-js.vjs-default-skin .vjs-big-play-button { display: none; }
.video-js { background-color: #fff; }
.vjs-poster { background-color: #fff !important; }

/* .. */

/* table-darkborder */
.table-darkborder { border: 1px solid #ccc; border-collapse: collapse; }
.table-darkborder>thead>tr:last-child>th { border-bottom: 1px solid #ccc; }
.table-darkborder>thead>tr>th { text-align: center; background-color: #999; color: white; }
.table-darkborder>thead>tr>th:first-child { border-left: 1px solid #ccc; }

.table-darkborder>tbody>tr>td { text-align: center; }
.table-darkborder>tbody>tr:nth-child(odd)>td { background-color: #efefef; }
.table-darkborder>tbody>tr:last-child>td { border-bottom: 1px solid #ccc; }
.table-darkborder>tbody>tr.section { background-color: #ffdddd; }
.table-darkborder>tbody>tr.header>td { font-weight: bold; text-align: center; background-color: #999; color: white; }
.table-darkborder>tbody>tr.header>td:first-child { border-left: 1px solid #ccc; }
.table-darkborder>tbody>tr.header>td:last-child { border-right: 1px solid #ccc; }

.table-darkborder>tfoot>tr { text-align: center; background-color: #ffff00; border-top: 1px solid #ccc; font-weight: bold; }

/* ... */
.modal-footer:empty { display: none; }

.inline-block { display: inline-block; }

img.team-logo { width: 84px; height: 56px; }

/* ... */

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px;
}

@media screen {
    .noscreen {
        display: none;
    }
}

@media print {
    .noprint { display: none; }
    nav { display: none; }
}

img.ajax-image {
    margin: 10px 0;
}

/* .. */

.text-red { color: #c10404; }

/* Fonts downloaded from a certain website */

@font-face{
    font-family:DecimaMonoPro;
    src:url(/static/fonts/decimamonopro-bold-webfont.woff2) format("woff2"), url(/static/fonts/decimamonopro-bold-webfont.woff) format("woff");
    font-style:normal;
    font-weight:700
}

@font-face{
    font-family:DecimaMonoPro;
    src:url(/static/fonts/decimamonopro-webfont.woff2) format("woff2"), url(/static/fonts/decimamonopro-webfont.woff) format("woff");
    font-style:normal;
    font-weight:400
}

.decimamono {
    font-family: "DecimaMonoPro",monospace;
}

.read-report { opacity: 0.6; }
.read-report>a { color: #000 !important; opacity: 0.6; }