body {
    background: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #FFFFFF;
}
body h1, h2, h3, h4, h5, h6 {
    color:#9a9a9a;
}

body a {
    color: #9a9a9a;
    font-weight: 500;
}

body a:hover {
    color: #FCCF02;
}

.bootstrap-select.btn-group .dropdown-menu {
    background:#181818;
}
.bootstrap-select.btn-group .dropdown-menu a {
    color:#9a9a9a;
}

/* NAVBAR */

.navbar {
    background: url(../img/dots.png) #1d1d1d;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.navbar .navbar-brand {
    width: 200px;
    padding: 0 20px 0 0;
}

.navbar-brand img {
    width: 100%;
}


/* LOGIN FORM */

.login-form {
    background: url(../img/dark_wall.jpg) #1d1d1d;
    padding: 15px;
}

.login-form > p {
    color: #9d9d9d;
}

.login-form label {
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: 500;
}

.login-form .form-control {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #181b1e;
    -webkit-box-shadow: 0 1px rgba(255, 255, 255, .1), inset 0 1px 2px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 1px rgba(255, 255, 255, .1), inset 0 1px 2px rgba(0, 0, 0, .6);
    box-shadow: 0 1px rgba(255, 255, 255, .1), inset 0 1px 2px rgba(0, 0, 0, .6);
    border: 1px solid rgba(0, 0, 0, .9);
    color: #f0f0f0;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}

.login-form .input-group-addon {
    background-color: #181b1e;
    border: 1px solid rgba(0, 0, 0, .9);
    color: #f0f0f0;
}

.login-form .form-control:focus {
    background-color: #181818;
    -webkit-box-shadow: 0 1px rgba(255, 255, 255, .1), inset 0 1px 2px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 1px rgba(255, 255, 255, .1), inset 0 1px 2px rgba(0, 0, 0, .6);
    box-shadow: 0 1px rgba(255, 255, 255, .1), inset 0 1px 2px rgba(0, 0, 0, .6);
    border: 1px solid rgba(0, 0, 0, .9);
}

/** TABLE OF RESULTS **/
.table {
    color:#9a9a9a;
    font-size:1.2em;
}
.table tr.done {
    background:#21d582;
    color:#f0f0f0;
}
.table tr.pending {
    background:#f8a91e;
    color:#f0f0f0;
}
.table tr.error {
    background:#d41818;
    color:#f0f0f0;
}
.color-example {
    width:18px;
    height: 18px;
}
.color-example.done {
    background:#21d582;
}
.color-example.pending {
    background:#f8a91e;
}
.color-example.error {
    background:#d41818;
}


/* BUTTONS */

.btn-primary {
    background: #23b6e6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #23b6e6 0%, #062029 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #23b6e6 0%, #062029 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #23b6e6 0%, #062029 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#23b6e6', endColorstr='#062029', GradientType=0);
    /* IE6-9 */
    border-color:#062029;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
    padding:10px 20px;
}
.btn-primary:hover {
    border-color:#23b6e6;
}