/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    background-color: #303030;
    margin-bottom: 60px;
    font-family: 'Roboto', serif;
}

.navbar-dark{
    background-color: #1C1C1C !important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #1C1C1C;
    color: #FF9500;
}

.copyright{
    color: #FF9500 !important;
}

/* Buttons */

.btn-warning{
   background-color: #FF9500;
   border-color: #FF9500;
}

/* Admin */

.card_switch {
    background-color: #FF9500;
    border: #000 1px solid;
    border-radius: 25px;
}

.card_luisteraar,
.card_dj{
    border: #FFF 2px solid;
    border-radius: 25px;
}

.luisteraars,
.djs{
    border-radius: 50%;
    background-color: #FF9500;
    min-height: 200px;
    min-width: 200px;
}

/* List */

inverse th, .table-inverse thead th {
    border-color: #E28400;
}

.thead-inverse th {
    color: #fff;
    background-color: #FF9500;
}

.list-results tbody tr.bg-danger{
    background-color: #BEA480 !important;
    border-color: #BEA480 !important;
    color: #303030 !important;
}

.list-n{
    border-color: #FF9500;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 5px;
}

.black{
	color: #000;
}

.white{
	color: #fff;
}

.orange{
	color: #FF9500;
}

/* Sign in page CSS */
.form-signin,
.list-songs {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.list-songs{
    color: #FF9500 !important;
}

.resultrow:first-child{
    background-color: #FF9500;
}

.form-signin-heading{
    color: #FF9500 !important;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    padding: 60px 15px 0;
}

.bgrOrange{
    background-color: #FF9500 !important;
    color: #0D0D0D !important;
}

.rob{
    font-family: 'Waiting for the Sunrise', serif;
    font-size: 57px;
}

.card{
    background-color: #0D0D0D !important;
    border-color: #FF9500 !important;
    color: #FF9500 !important;
}

.card-footer{
    background-color: #1C1C1C !important;
    border-color: #FF9500 !important;
    color: #FF9500 !important;
}

.lead{
    color: #0D0D0D !important;
}

.btn-vote-start{
    background-color: transparent !important;
    border-color: #0D0D0D !important;
    color: #0D0D0D !important;
}

.btn-vote{
    background-color: transparent !important;
    color: #FF9500 !important;
}

.btn-vote-active{
    background-color: #FF9500 !important;
    color: #fff;
}

.btn-vote-max{
    background-color: #FF9500 !important;
    border-color: #FF9500 !important;
    color: #fff !important;
}

.btn-nav-next{
    float: right;
}

btn-nav-pref{
    float: left;
}

.close-vote-list{
    background-color: transparent !important;
    border: #fff 2px solid;
    border-radius: 25px;
    color: #fff;
}

.text-orange{
    color: #FF9500;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

/* ng-cloak */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng.ng-cloak {
    display: none !important;
}