/*TEMPLATEBLOCK(primarycolor)*/
 .navbar-event {
     background: #0000ff;
     background-image: -webkit-linear-gradient(top, #0000ff, #0000ff);
     background-image: -moz-linear-gradient(top, #0000ff, #0000ff);
     background-image: -ms-linear-gradient(top, #0000ff, #0000ff);
     background-image: -o-linear-gradient(top, #0000ff, #0000ff);
     background-image: linear-gradient(to bottom, #0000ff, #0000ff);
     border-bottom: 1px solid #0000ff;
}
 a {
     color: #0000ff;
}
 .navbar-toggle {
     background-color: #0000ff;
}
 .btn-primary {
     background-color: #0000ff;
}
 .modal-footer .btn, .btn-primary:active, .btn-primary:visited, .btn-primary:focus, .btn-primary:hover {
     background-color: #0000ff !important;
}
 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
     background-color: #0000ff !important;
}
/*dashboard*/
body[data-page="Dashboard"] div.circlenav div.circlenav-item a {
	background: linear-gradient(110deg, #0000ff, #0000ff);
	border: 1px solid #0000ff;
}
body[data-page="Dashboard"] div.circlenav div.circlenav-item a {
	border: 1px solid #0000ff !important;
}

body[data-page="Dashboard"] .navbar.navbar-static-top {
	background: #0000ff;
     background-image: -webkit-linear-gradient(top, #0000ff, #0000ff);
     background-image: -moz-linear-gradient(top, #0000ff, #0000ff);
     background-image: -ms-linear-gradient(top, #0000ff, #0000ff);
     background-image: -o-linear-gradient(top, #0000ff, #0000ff);
     background-image: linear-gradient(to bottom, #0000ff, #0000ff);
     border-bottom: 1px solid #0000ff;
}

/*/TEMPLATEBLOCK(primarycolor)*/
/*TEMPLATEBLOCK(extracss)*/


.navbar-static-top{
    /* The manu navigation bar */
}

.navbar-brand{
    /* Top left corner logo and texts */
}

.navbar-brand h1,
.navbar-brand h2,
.navbar-brand h3{
    /* The different texts in the logo part. 
    *   h1: Event name
    *   h2: Event date
    *   h3: location
    */
}

.navbar-event{
    /* The navigation line under the logo and menu */
}

.btn.btn-primary{
    /* The color of the primary (blue) buttons */
}

#footer{
    /* The footer part of the page */
}


/*
 *  The rules below here are global and will affect all tables. 
 *  In order to just access certain tables. Use webinspector (F12) 
 *  and inspact the elements to find the correct css classes
 *
 *  NOTE! Some columns also have field names, this is for small 
 *        devices when some columns values are combined
 */

.col-class,
.col-class-scroll,
.field-raceclass,{
    /* The Class/Category column of the tables */
}

.col-race,
.col-race-scroll{
    /* The race column of the tables */
}

.col-club,
.col-club-scroll,
.field-club{
    /* The Club column of the tables */
}

.col-time,
.col-time-scroll,
.field-time{
    /* The time column of the tables */
}

.col-difftime,
.col-difftime-scroll,
.field-difftime{
    /* The time behind column of the tables */
}

.col-nation,
.col-nation-scroll,
.field-nation{
    /* The nation column of the tables */
}
/* Svart bakgrunn og hvit tekst */
body,
#wrap,
.componentwrapper,
.container,
.container-fluid,
.well,
.modal,
.modal-content,
.modal-body,
.modal-header,
.modal-footer,
.table,
.table tbody,
.table tr,
.table td,
.table th {
    background-color: #000 !important;
    color: #fff !important;
}

/* Lenker */
a,
.table tr td a {
    color: #fff !important;
}

a:hover,
.table tr td a:hover {
    color: #ccc !important;
}

/* Navbar */
.navbar,
.navbar-default,
.navbar.navbar-default.navbar-fixed-top .container,
.navbar-header .navbar-brand,
.container-fluid.navbar-event {
    background-color: #000 !important;
    color: #fff !important;
}

/* Menytekst */
#navbar ul.nav li a,
.navbar-nav li a,
.navbar-header .navbar-brand h1,
.navbar-header .navbar-brand h2,
.navbar-header .navbar-brand h3 {
    color: #fff !important;
}

/* Aktiv meny */
#navbar ul.nav li.active a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: #111 !important;
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
}

/* Tabeller */
.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #000 !important;
    color: #fff !important;
}

.table > thead > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > th {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #333 !important;
}

/* Dropdown */
.nav .dropdown-menu,
.dropdown-menu,
.bootstrap-select .dropdown-menu {
    background-color: #111 !important;
    color: #fff !important;
}

.dropdown-menu a,
.bootstrap-select .dropdown-menu a {
    background-color: #111 !important;
    color: #fff !important;
}

.dropdown-menu a:hover,
.bootstrap-select .dropdown-menu a:hover {
    background-color: #333 !important;
    color: #fff !important;
}

/* Input/filterfelt */
input,
select,
textarea,
.form-control,
.btn-default,
.bootstrap-select .btn {
    background-color: #111 !important;
    color: #fff !important;
    border-color: #555 !important;
}

/* Modaler */
.modal {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

.modal-content {
    background-color: #000 !important;
    color: #fff !important;
}

/* Knapper */
.btn-primary,
.modal-footer .btn {
    background-color: #222 !important;
    border-color: #555 !important;
    color: #fff !important;
}

.btn-primary:hover,
.modal-footer .btn:hover {
    background-color: #444 !important;
    border-color: #777 !important;
    color: #fff !important;
}

/* Pagination */
.pagination > li > a,
.pagination > li > span {
    background-color: #111 !important;
    color: #fff !important;
    border-color: #444 !important;
}

.pagination > .active > a,
.pagination > .active > span {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}

/*/TEMPLATEBLOCK(extracss)*/