.btn {
    height: 32px;
    line-height: 20px !important;
}

.btn-fullwidth {
    width: 100% !important;
}

.btn-count {
    width: 50px !important;
}

.btn-transparent, .btn-transparent:hover {
    background-color: transparent !important;
    color: #000;
    border: none;
}

.btn-light, .btn-light:hover {
    background-color: #fff !important;
    color: #000;

    border: 1px solid #000 !important;
}


.btn-dark, .btn-dark:hover {
    background-color: #000 !important;
    color: #fff;

    border: 1px solid #000 !important;
}


.btn-white, .btn-white:hover {
    background-color: #fff !important;
    color: #000;
     
    border: 1px solid #fff !important;
}

.btn-empty {
    background-color: #fff !important;
    border: 1px dashed #000 !important;
}

.btn-empty-red {
    color: #ff0000;
    border: 1px dashed #ff0000 !important;
}

.btn-empty-light {
    color: #bbbbbb;
    border: 1px dashed #bbbbbb !important;
}

.btn-trainer, .btn-space, .btn-trainer:hover, .btn-space:hover {
    color: #394157 !important;
    background-color: #F7F5F5 !important;
}

.btn-student, .btn-student:hover {
    color: #007E82 !important;
    background-color: #E6F8F9 !important;
}

.btn-space, .btn-space:hover {
    border: 1px solid #007E82 !important;
    color: #16283A !important;
    background-color: #fff !important;
}

.btn-empty.btn-student {
    border: 1px dashed #007E82 !important;
}

.btn-empty.btn-trainer {
    border: 1px dashed #394157 !important;
}

.btn-empty.btn-space {
    border: 1px dashed #16283A !important;
}


.card-buttons .btn {
     
}

/* course buttons */
.btn-aardrijkskunde, .btn-aardrijkskunde:hover {
    color: #9C7903 !important;
    background-color: #FEF2CC !important;
}

.btn-bedrijfseconomie, .btn-bedrijfseconomie:hover {
    color: #206A79 !important;
    background-color: #C6E9F0 !important;
}

.btn-biologie, .btn-biologie:hover, .btn-green, .btn-green:hover, .btn-success, .btn-success:hover  {
    color: #098009 !important;
    background-color: #D9EAD3 !important;
}

.btn-duits, .btn-duits:hover {
    color: #652B45 !important;
    background-color: #E2BCCD !important;
}

.btn-economie, .btn-economie:hover {
    color: #14637F !important;
    background-color: #B2E2F3 !important;
}

.btn-engels, .btn-engels:hover {
    color: #975209 !important;
    background-color: #FCE5CD !important;
}

.btn-frans, .btn-frans:hover {
    color: #652B45 !important;
    background-color: #E2BCCD !important;
}

.btn-geschiedenis, .btn-geschiedenis:hover {
    color: #72381F !important;
    background-color: #EBC5B5 !important;
}

.btn-grieks, .btn-grieks:hover {
    color: #394157 !important;
    background-color: #F7F5F5 !important;
}

.btn-latijn, .btn-latijn:hover {
    color: #394157 !important;
    background-color: #F7F5F5 !important;
}

.btn-maatschappijwetenschappen, .btn-maatschappijwetenschappen:hover {
    color: #214462 !important;
    background-color: #9ABEDD !important;
}

.btn-natuurkunde, .btn-natuurkunde:hover,
.btn-nask1, .btn-nask1:hover
{
    color: #225F57 !important;
    background-color: #99DAD1 !important;
}

.btn-nederlands, .btn-nederlands:hover, .btn-orange, .btn-orange:hover {
    color: #975209 !important;
    background-color: #FCE5CD !important;
}

.btn-scheikunde, .btn-scheikunde:hover,
.btn-nask2, .btn-nask2:hover {
    color: #57365D !important;
    background-color: #DCC9E0 !important;
}

.btn-wiskunde, .btn-wiskunde:hover, .btn-red, .btn-red:hover  {
    color: #811B1B !important;
    background-color: #F7BEBC !important;
}
/* END course buttons */

.btn-status-unknown, .btn-status-unknown:hover {
    color: #000 !important;
    background: #dadada !important;
}
.btn-status-available, .btn-status-available:hover {
    background: #D9EAD3 !important;
}
.btn-status-invited, .btn-status-invited:hover {
    background: #FEF2CC !important;
}
.btn-status-unavailable, .btn-status-unavailable:hover {
    background: #F4CCCC !important;
}
.btn-status-signedoff, .btn-status-signedoff:hover {
    background: #F4CCCC !important;
}
.btn-status-planned, .btn-status-planned:hover {
    background: #CFE2F3 !important;
}
.btn-status-backup, .btn-status-backup:hover {
    background: #fff !important;
    border: 1px solid #000 !important;
}

.btn-nopointer {
    pointer-events: none !important;
}

.btn-subject {
    width:220px;
}

.btn-location, .btn-location:hover {
    width:200px;
    color: #394157 !important;
    background-color: #F7F5F5 !important;
}

.btn-50 {
    width:50px;
}

.btn-80 {
    width:80px;
}


.btn-120 {
    width:120px;
}
.btn-200 {
    width:200px;
}

.btn-220 {
    width:220px;
}

.btn-250 {
    width:250px;
}

.btn-300 {
    width:300px;
}

.btn {
    transition: 0.1s all;
}

.btn:not(.btn-nopointer):hover {
    transform: scale(0.95);
}

.btn-subTab {
    padding: 14px !important;
    font-size: 12px;
    line-height: 22px;
    background:transparent;
}

.portal-tabs .btn-subTab.btn-active,.portal-tabs .btn-subTab.btn-active:hover {
    background-color: #e2e2e2 !important;
}

.btn-subTab.btn-active,.btn-subTab.btn-active:hover {
    background-color: #fff !important;
}

.btn-attendance.btn-active,.btn-attendance.btn-active:hover, .btn-check.btn-active,.btn-check.btn-active:hover {
    background-color: #5ec947 !important;
    color: #fff !important;
}

.btn-pill {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: #000;
    font-size: 11px;
    font-weight: 100;
}

.btn-pil-overwrite {
    color: red;
}

