/*The default colors of the template*/
body {
    background-color: #fff;
    color: #606060;
}

/*Colors for the different form types as input fields, textareas and dropdowns*/
input, textarea, select {
    border: 1px solid #d8d8d8;
    background-color: #f9f9f9;
    color: #606060;
}

    /* Color of the check*/
    input[type=checkbox]:checked:before, input[type=checkbox]:checked::before {
        color: #606060;
    }

/* Color for the content*/
.main-content {
    background-color: #f9f9f9;
}

/*Image to the logo*/
.logo-img {
    background: url("Logo.png") no-repeat;
    /*  Do not edit background-size, otherwise it won't work
        But it has to stand here or no image is shown
    */
    background-size: contain;
    width: 180px;
    height: 50px;
}

/*Color for the menu button (left top button)*/
.btn-menu {
    background-color: #f2f2f2;
    border: 1px solid #c2c2c2;
    color: #606060;
}

    /*Color when pressed on menu button*/
    .btn-menu:active {
        color: white;
        background-color: #606060;
    }


/*Colors for all buttons*/
.btn-primary {
    background-color: #00205c;
    border-color: #00205c;
    color: white !important;
}

    /*Color when hovering*/
    .btn-primary:hover {
        color: white;
        background-color: rgb(191, 169, 124);
        border-color: rgb(191, 169, 124);
    }

    /*Color when active or when pressed on*/
    .btn-primary:active, .btn-primary.active, .btn-primary:focus, .btn-primary:hover {
        color: rgb(191, 169, 124);
        background-color: rgb(191, 169, 124);
    }

/*Color of the main menu on the left*/
.main-menu {
    background-color: #424242;
}

/*Color for the parts where permit and permitmedia info are in the main menu*/
.main-menu-top {
    border-bottom: 1px solid #707070;
    color: #e8e8e8;
}

/*Color for the menu items */
.main-menu-item {
    border-bottom: 1px solid #707070;
    color: #e8e8e8;
}

    /*Color for the menu items when active, hover or pressed on*/
    .main-menu-item:active, .main-menu-item:hover, .main-menu-item.active {
        background-color: #909090;
    }

/*Color for the addon after an input (e.g. Licenseplate Book)*/
.input-group-addon {
    background-color: #e8e8e8;
    border: 1px solid #d8d8d8;
}

/*Color for the horizontal lines on screen on some pages*/
.border-bottom {
    border-bottom: 1px solid #d2d2d2;
}

/*Color for the content that slides in screen (e.g. favorite licenseplates)*/
.slide-content {
    background-color: #f9f9f9;
    border: 1px solid #d8d8d8;
}

/*Color for the headers of lists (e.g. "Reserveringen" or "Opwaarderingen" on history screen)*/
.list-heading {
    background-color: #00205c;
    color: #ffffff;
}

/*Color for the row in a list*/
.list-item {
    background-color: #e9e9e9;
    border: 1px solid #909090;
    /*Border top to zero, otherwise double lines */
    border-top: 0;
}


/*Changing the Licenseplate stop activation button to RED*/
#btnEndReservation {
    background-color: red !important;
    color: white !important;
}

    #btnEndReservation:hover {
        background-color: #af0000 !important;
    }