/* #region Main */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #ebebeb99;
}
/* #endregion Main */

/* #region SSC Color Classes */
.bg-whitesmoke {
    background-color: whitesmoke;
}

.bg-gainsboro {
    background-color: gainsboro;
}

.bg-ssc-ps {
    background-color: #00AACC;
}

.bg-ssc-ps-dark {
    background-color: #00768E;
}

.text-ssc-ps {
    color: #00768E;
}

.bg-ssc-sap {
    background-color: #E4CAE2;
}

.bg-ssc-sap-dark {
    background-color: #BC7DB6;
}

.text-ssc-sap {
    color: #BC7DB6;
}

.bg-ssc-spurk {
    background-color: #FFDC79;
}

.bg-ssc-spurk-dark {
    background-color: #FFC310;
}

.text-ssc-spurk {
    color: #FFC310;
}
/* #endregion SSC Color Classes */

/* #region Card */
.card-body label {
    font-size: inherit !important;
    font-weight: 600;
}

.card-body .form-control {
    font-size: inherit !important;
}

.card-body h5 {
    font-size: 1.3em !important;
}

.card-opening-text {
    background-color: whitesmoke !important;
    padding: 15px;
    border: dashed gray 1px
}

    .card-opening-text, .card-opening-text * {
        font-size: inherit !important;
    }
/* #endregion Card */

/* #region Form */

.datepicker {
    transform: translate(0, 6.5em);
}

/* #endregion Form */