.sp-text-white {
    color: #fff !important;
}

.sp-card-back {
    background-color: #fff !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 10px !important;
}

.sp-card-lightblue {
    padding: 10px !important;
    background-color: #e6f4fd !important;
    border-radius: 7px !important;
}

.sp-card-header {
    color: #3c3c3b !important;
    font-size: 20px !important;
}

.sp-card-header-sm {
    color: #3c3c3b !important;
    font-size: 10px !important;
}

.sp-card-header-lg {
    color: #3c3c3b !important;
    font-size: 30px !important;
}

.sp-padding-10 {
    padding: 10px !important;
}

.sp-padding-15 {
    padding: 15px !important;
}

.sp-padding-top-5 {
    padding-top: 5px !important;
}

.sp-padding-top-10 {
    padding-top: 10px !important;
}

.sp-padding-top-15 {
    padding-top: 15px !important;
}

.sp-padding-bottom-5 {
    padding-bottom: 5px !important;
}

.sp-padding-bottom-10 {
    padding-bottom: 10px !important;
}

.sp-padding-bottom-15 {
    padding-bottom: 15px !important;
}

.sp-padding-right-0 {
    padding-right: 0px !important;
}

.sp-padding-right-5 {
    padding-right: 5px !important;
}

.sp-padding-right-10 {
    padding-right: 10px !important;
}

.sp-padding-right-15 {
    padding-right: 15px !important;
}

.sp-padding-right-20 {
    padding-right: 20px !important;
}

.sp-padding-right-25 {
    padding-right: 25px !important;
}

.sp-padding-left-0 {
    padding-left: 0px !important;
}

.sp-padding-left-5 {
    padding-left: 5px !important;
}

.sp-padding-left-10 {
    padding-left: 10px !important;
}

.sp-padding-left-15 {
    padding-left: 15px !important;
}

.sp-padding-left-20 {
    padding-left: 20px !important;
}

.sp-padding-left-25 {
    padding-left: 25px !important;
}

.sp-margin-10 {
    margin: 10px !important;
}

.sp-margin-15 {
    margin: 15px !important;
}

.sp-margin-top-5 {
    margin-top: 5px !important;
}

.sp-margin-top-10 {
    margin-top: 10px !important;
}

.sp-margin-top-15 {
    margin-top: 15px !important;
}

.sp-margin-top-20 {
    margin-top: 20px !important;
}

.sp-margin-top-25 {
    margin-top: 25px !important;
}

.sp-margin-bottom-0 {
    margin-bottom: 0px !important;
}

.sp-margin-bottom-5 {
    margin-bottom: 5px !important;
}

.sp-margin-bottom-10 {
    margin-bottom: 10px !important;
}

.sp-margin-bottom-15 {
    margin-bottom: 15px !important;
}

.sp-margin-bottom-20 {
    margin-bottom: 20px !important;
}

.sp-margin-bottom-25 {
    margin-bottom: 25px !important;
}

.sp-margin-right-0 {
    margin-right: 0px !important;
}

.sp-margin-right-5 {
    margin-right: 5px !important;
}

.sp-margin-right-10 {
    margin-right: 10px !important;
}

.sp-margin-right-15 {
    margin-right: 15px !important;
}

.sp-margin-right-20 {
    margin-right: 20px !important;
}

.sp-margin-right-25 {
    margin-right: 25px !important;
}

.sp-margin-left-0 {
    margin-left: 0px !important;
}

.sp-margin-left-5 {
    margin-left: 5px !important;
}

.sp-margin-left-10 {
    margin-left: 10px !important;
}

.sp-margin-left-15 {
    margin-left: 15px !important;
}

.sp-margin-left-20 {
    margin-left: 20px !important;
}

.sp-margin-left-25 {
    margin-left: 25px !important;
}

.sp-padding-inside-row-top {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.sp-padding-inside-row-bottom {
    padding-bottom: 18px !important;
}

.sp-header-icon {
    vertical-align: top !important;
    margin-top: 5px;
    margin-right: 10px;
}

.sp-row-margin-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.sp-table-divider {
    border-bottom: solid 1px #afafaf !important;
}

.sp-align-right {
    text-align: right !important;
}

.sp-center {
    text-align: center !important;
}

.sp-justify {
    text-align: justify !important;
}

.sp-form-label {
    margin-top: 0.7rem;
    margin-bottom: 0.1rem;
}

/* -- COLORS -- */

.sp-color-blue {
    color: #1e71b8 !important;
}

.sp-color-darkgrey {
    color: #333333 !important;
}

.sp-icon-color-red {
    color: #e30b17 !important;
    line-height: 0.5em !important;
}

.sp-icon-color-green {
    color: #008d36 !important;
    line-height: 0.5em !important;
}

.sp-icon-color-darkgrey {
    color: #333333 !important;
    line-height: 0.5em !important;
}

.sp-icon-color-blue {
    color: #1e71b8 !important;
    line-height: 0.5em !important;
}

.sp-color-red {
    color: #e30b17 !important;
}

.sp-color-green {
    color: #008d36 !important;
}

.sp-color-white {
    color: #ffffff !important;
}

.sp-perf-badge-blue {
    background-color: #1e71b8 !important;
    color: #fff;
    border-radius: 0.3rem;
}

.sp-perf-badge-red {
    background-color: #e30b17 !important;
    color: #fff;
    border-radius: 0.3rem;
}

.sp-perf-badge-orange {
    background-color: #d07d00 !important;
    color: #fff;
    border-radius: 0.3rem;
}

.sp-perf-badge-purple {
    background-color: #910046 !important;
    color: #fff;
    border-radius: 0.3rem;
}

.sp-perf-badge-green {
    background-color: #008d36 !important;
    color: #fff;
    border-radius: 0.3rem;
}

.sp-perf-badge-yellow {
    background-color: #e2d300 !important;
    color: #fff;
    border-radius: 0.3rem;
}

.sp-perf-badge-grey {
    background-color: #5a5a5a !important;
    color: #fff;
    border-radius: 0.3rem;
}

.sp-login-card-align {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.sp-login-card {
    width: 350px;
    height: auto;
    border-radius: 0.3rem;
    background-color: rgba(255, 255, 255, 0.5);
}

a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}

.sp-popup-style {
    background-color: linear-gradient(
        180deg,
        rgba(31, 36, 48, 1) 0%,
        rgba(31, 113, 184, 1) 40%,
        rgba(0, 212, 255, 1) 100%
    );
}