body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

.link a{
    color: white;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.page-header-fixed .page-container {
    margin-top: 0px;
}
.page-sidebar{
    margin-top: 40px;
}

.logo {
    margin: 0px 0 40px 25px;
    width: 200px;
}

.page-content {
    margin-left: 250px;
    border-left: 3px solid rgb(225,225,225);
    border-bottom: 3px solid rgb(225,225,225);
    background-color: rgb(240, 240, 240);
}

.page-sidebar {
    width: 250px;
    background-color: rgb(253, 253, 253) !important;
}

body {
    background-color: rgb(253, 253, 253) !important;
}

ul.page-sidebar-menu > li.active > a {
    color: #666666;
    font-weight: bold;
    background-color: rgb(245,245,245) !important;
}

.page-sidebar-menu > li.active > a {
    border: none;
}

.portlet {
    border: 3px solid rgb(225,225,225);
    background-color: rgb(253, 253, 253) !important;
    border-radius: 0px;
}
.portlet-title {
    background-color: rgb(245, 245, 245) !important;
    font-weight: bold;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: rgb(255, 255, 255) !important;
}

.user {
    background-color: #ddd;
    font-size: 17px;
    margin: 2px;
    text-align: center;
    color: white;
    cursor: pointer;
}

.user p {
    padding: 5px;
    margin: 0px;
}

.active {
    background-color: #4f99d9;
}

.disabled {
    background-color: #ddd;
    opacity: 0.25;
    cursor: initial;
}

.winner {
    background-color: #6BC66B;
}

.koffieManager {
    margin: 10px 10px 10px 10px;
}

.koffie-btn {
    width: calc(100% - 4px);
    font-weight: bold;
    border-radius: 0px;
    margin: 5px 2px;
    color:#666666;
}

iframe {
    width: 100%;
    background-color: rgb(240, 240, 240);
}

td {
    padding: 6px !important;
}

.portlet-body {
    padding: 5px 10px !important;
}

.page-content{
    padding: 15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding: 0 7.5px;
}

.col-md-2{
    padding: 0 15px;
}