@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,500,700);

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background-color: #444;
}

body::-webkit-scrollbar-thumb {
    background-color: #212121;
}

body {
    color: #eee;
    background: url(../images/football_background.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Roboto', sans-serif;
}

* {
    padding: 0;
    margin: 0;
}

html, body {
    width: 100%;
    height: 100%;
}

/* LINK */
a, a:hover, a:focus {
    color: #000;
    text-decoration: none;
}

a.big {
    font-size: 18px;
}
/* LINK END */

#license {
    position: fixed;
    bottom: 5px;
    right: 3px;
    background: rgba(0,0,0,.6);
    padding: 2px 5px;
}

#license span, #license a {
    font-size: 15px !important;
}

#license a {
    color: #8BC34A;
}

.well {
    background-color: rgba(0,0,0,0.7);
    border: none;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 4px 16px !important;
}

.modal-content {
    background-color: #333;
}

.padding {
    padding: 10px;
}

.btn, .form-control, .well, .alert, .progress, .modal-content {
    border-radius: 0px;
}

.alert {
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 4px 16px !important;
}

.shadow {
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 4px 16px !important;
}

.form-control, .form-control:focus, .form-control:active {
    background-color: rgba(0,0,0,0.6);
    border: none;
    height: 50px;
    outline: none;
    color: #eee;
    box-shadow: none;
}

/* NAVBAR */
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-brand {
    color: #757575;
    font-size: 16px;
    transition: 0.2s ease-in-out;
}

@media (min-width: 768px) .navbar {
    border-radius: 0px;
}

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

.navbar-default .navbar-toggle {
    border-color: #888;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #212121;
}

.navbar-default {
    border: 0;
    border-radius: 0px;
    background-color: #212121;
}

.navbar-default ul.nav.navbar-nav.navbar-right > li.dropdown.open > a {
    background-color: #212121;
    color: #eee;
}

.navbar-default ul.nav.navbar-nav.navbar-right > li.dropdown.open > ul.dropdown-menu {
    border-radius: 0px;
    border: 0px;
    background: #212121;
}

.dropdown-menu > li > a {
    color: #eee;
}

.dropdown-menu > li > a:hover {
    background: #3a3a3a;
    color: #eee;
}

.navbar-collapse {
    background: #212121;
}
/* NAVBAR END */

.pager li > a:hover {
    background-color: #555;
}

.pager li > a {
    border: 0px;
    background-color: #333;
    color: #eee;
    margin: 5px;
    transition: 0.2s ease-in-out;
    border-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 4px 16px !important;
}

.form-control[disabled] {
    background: rgba(138, 0, 0, 0.5);
}

.center {
    text-align: center;
}

.footer {
    background-color: #212121;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 70px;
    padding: 7px 0px;
}

@media(max-width: 375px) {
    .footer {
        background-color: #212121;
        bottom: 0px;
        width: 100%;
        height: 70px;
        padding: 7px 0px;
    };
}

.footer a {
    color: #8BC34A;
}