/*
 Enabel colors
 */
:root {
    --enabel-primary-grey-background: hsl(30, 1%, 85%);
    --enabel-primary-grey-lighter: hsl(30, 1%, 64%);
    --enabel-primary-grey-light: hsl(30, 1%, 44%);
    --enabel-primary-grey: hsl(30, 1%, 34%);
    --enabel-primary-grey-dark: hsl(30, 1%, 24%);
    --enabel-primary-grey-darker: hsl(30, 1%, 15%);

    --enabel-primary-yellow-background: hsl(44, 100%, 85%);
    --enabel-primary-yellow-lighter: hsl(44, 100%, 79%);
    --enabel-primary-yellow-light: hsl(44, 100%, 59%);
    --enabel-primary-yellow: hsl(44, 100%, 49%);
    --enabel-primary-yellow-dark: hsl(44, 100%, 39%);
    --enabel-primary-yellow-darker: hsl(44, 100%, 15%);

    --enabel-primary-red-background: hsl(0, 79%, 85%);
    --enabel-primary-red-lighter: hsl(0, 79%, 77%);
    --enabel-primary-red-light: hsl(0, 79%, 57%);
    --enabel-primary-red: hsl(0, 79%, 47%);
    --enabel-primary-red-dark: hsl(0, 79%, 37%);
    --enabel-primary-red-darker: hsl(0, 79%, 15%);

    --enabel-secondary-purple-background: hsl(301, 46%, 85%);
    --enabel-secondary-purple-lighter: hsl(301, 46%, 58%);
    --enabel-secondary-purple-light: hsl(301, 46%, 38%);
    --enabel-secondary-purple: hsl(301, 46%, 28%);
    --enabel-secondary-purple-dark: hsl(301, 46%, 18%);
    --enabel-secondary-purple-darker: hsl(301, 46%, 8%);

    --enabel-secondary-blue-background: hsl(195, 100% , 85%);
    --enabel-secondary-blue-lighter: hsl(195, 100% , 62.4%);
    --enabel-secondary-blue-light: hsl(195, 100% , 42.4%);
    --enabel-secondary-blue: hsl(195, 100% , 32.4%);
    --enabel-secondary-blue-dark: hsl(195, 100% , 22.4%);
    --enabel-secondary-blue-darker: hsl(195, 100% , 12%);

    --enabel-secondary-red-background: hsl(22, 100%, 85%);
    --enabel-secondary-red-lighter: hsl(22, 100%, 75%);
    --enabel-secondary-red-light: hsl(22, 100%, 55%);
    --enabel-secondary-red: hsl(22, 100%, 45%);
    --enabel-secondary-red-dark: hsl(22, 100%, 35%);
    --enabel-secondary-red-darker: hsl(22, 100%, 15%);

    --enabel-secondary-yellow-background: hsl(45, 100%, 85%);
    --enabel-secondary-yellow-lighter: hsl(45, 100%, 70%);
    --enabel-secondary-yellow-light: hsl(45, 100%, 50%);
    --enabel-secondary-yellow: hsl(45, 100%, 40%);
    --enabel-secondary-yellow-dark: hsl(45, 100%, 30%);
    --enabel-secondary-yellow-darker: hsl(45, 100%, 15%);

    --enabel-secondary-green-background: hsl(104, 54%, 85%);
    --enabel-secondary-green-lighter: hsl(104, 54%, 70%);
    --enabel-secondary-green-light: hsl(104, 54%, 50%);
    --enabel-secondary-green: hsl(104, 54%, 40%);
    --enabel-secondary-green-dark: hsl(104, 54%, 30%);
    --enabel-secondary-green-darker: hsl(104, 54%, 15%);

    --enabel-cool-gray-1: rgb(217,216,214);
    --enabel-cool-gray-2: rgb(208,207,205);
    --enabel-cool-gray-3: rgb(200,200,200);
    --enabel-cool-gray-4: rgb(187,187,187);
    --enabel-cool-gray-5: rgb(177,177,177);

    --enabel-warm-gray-1: rgb(214,209,202);
    --enabel-warm-gray-2: rgb(203,195,187);
    --enabel-warm-gray-3: rgb(191,183,176);
    --enabel-warm-gray-4: rgb(181,173,165);
    --enabel-warm-gray-5: rgb(172,161,153);
}

/*
 Best order for font-files is WOFF->TTF->SVG while the EOT is a separate parameter for font-face
 Best weight and style order is Regular->light->Bold->Italic->Bold+Italic
 */
@font-face {
    font-family: "Aller";
    src: url(../fonts/aller_rg-webfont.eot);
    src: url(../fonts/aller_rg-webfont.eot?#iefix) format('eot'), url(../fonts/aller_rg-webfont.woff) format('woff'), url(../fonts/aller_rg-webfont.ttf) format('truetype'), url(../fonts/aller_rg-webfont.svg) format('svg');
}

@font-face {
    font-family: "Aller";
    src: url(../fonts/aller_lt-webfont.eot);
    src: url(../fonts/aller_lt-webfont.eot?#iefix) format('eot'), url(../fonts/aller_lt-webfont.woff) format('woff'), url(../fonts/aller_lt-webfont.ttf) format('truetype'), url(../fonts/aller_lt-webfont.svg) format('svg');
    font-weight: 100;
}


@font-face {
    font-family: "Aller";
    src: url(../fonts/aller_bd-webfont.eot);
    src: url(../fonts/aller_bd-webfont.eot?#iefix) format('eot'), url(../fonts/aller_bd-webfont.woff) format('woff'), url(../fonts/aller_bd-webfont.ttf) format('truetype'), url(../fonts/aller_bd-webfont.svg) format('svg');
    font-weight: bold;
}

@font-face {
    font-family: "Aller";
    src: url(../fonts/aller_it-webfont.eot);
    src: url(../fonts/aller_it-webfont.eot?#iefix) format('eot'), url(../fonts/aller_it-webfont.woff) format('woff'), url(../fonts/aller_it-webfont.ttf) format('truetype'), url(../fonts/aller_it-webfont.svg) format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Aller";
    src: url(../fonts/aller_bdit-webfont.eot);
    src: url(../fonts/aller_bdit-webfont.eot?#iefix) format('eot'), url(../fonts/aller_bdit-webfont.woff) format('woff'), url(../fonts/aller_bdit-webfont.ttf) format('truetype'), url(../fonts/aller_bdit-webfont.svg) format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "Helvetica Neue";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/HelveticaNeue.eot");
    src: url("../fonts/HelveticaNeue.eot?#iefix") format('eot'), url("../fonts/HelveticaNeue.woff") format("woff"), url("../fonts/HelveticaNeue.ttf") format("truetype"), url("../fonts/HelveticaNeue.svg") format("svg");
}

#logo-mini{
    background: url('../img/logothumb-white.png') no-repeat 25px center;
}

.navbar-default .navbar-inner {
    background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #444444, #5e5e5e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#5e5e5e));
    background-image: -webkit-linear-gradient(top, #444444, #5e5e5e);
    background-image: -o-linear-gradient(top, #444444, #5e5e5e);
    background-image: linear-gradient(to bottom, #444444, #5e5e5e);
    border-color: #252525;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff5e5e5e', GradientType=0);
}

.navbar-default .brand,
.navbar-default .nav > li > a {
    color: #999999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-default .brand:hover,
.navbar-default .nav > li > a:hover,
.navbar-default .brand:focus,
.navbar-default .nav > li > a:focus {
    color: #ffffff;
}

.navbar-default .brand {
    color: #999999;
}

.navbar-default .navbar-text {
    color: #999999;
}

.navbar-default .nav > li > a:focus,
.navbar-default .nav > li > a:hover {
    color: #ffffff;
    background-color: transparent;
}

.navbar-default .nav .active > a,
.navbar-default .nav .active > a:hover,
.navbar-default .nav .active > a:focus {
    color: #ffffff;
    background-color: #5e5e5e;
}

.navbar-default .navbar-link {
    color: #999999;
}

.navbar-default .navbar-link:hover,
.navbar-default .navbar-link:focus {
    color: #ffffff;
}

.navbar-default .divider-vertical {
    border-right-color: #444444;
    border-left-color: #5e5e5e;
}

.navbar-default .nav li.dropdown.open > .dropdown-toggle,
.navbar-default .nav li.dropdown.active > .dropdown-toggle,
.navbar-default .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: #5e5e5e;
}

.navbar-default .nav li.dropdown > a:hover .caret,
.navbar-default .nav li.dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-default .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #999999;
    border-bottom-color: #999999;
}

.navbar-default .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-default .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-default .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-default .navbar-search .search-query {
    color: #ffffff;
    background-color: #515151;
    border-color: #5e5e5e;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
}

.navbar-default .navbar-search .search-query:-moz-placeholder {
    color: #cccccc;
}

.navbar-default .navbar-search .search-query:-ms-input-placeholder {
    color: #cccccc;
}

.navbar-default .navbar-search .search-query::-webkit-input-placeholder {
    color: #cccccc;
}

.navbar-default .navbar-search .search-query:focus,
.navbar-default .navbar-search .search-query.focused {
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-default .btn-navbar {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e0e0e;
    *background-color: #040404;
    background-image: -moz-linear-gradient(top, #151515, #040404);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
    background-image: -webkit-linear-gradient(top, #151515, #040404);
    background-image: -o-linear-gradient(top, #151515, #040404);
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    border-color: #040404 #040404 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-default .btn-navbar:hover,
.navbar-default .btn-navbar:focus,
.navbar-default .btn-navbar:active,
.navbar-default .btn-navbar.active,
.navbar-default .btn-navbar.disabled,
.navbar-default .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #040404;
    *background-color: #000000;
}

.navbar-default .btn-navbar:active,
.navbar-default .btn-navbar.active {
    background-color: #000000 \9;
}