.dark {
    color: #eee;
    background-color: #e50040;
}

.light {
    color: #e50040;
    background-color: #eee;
}

.brand { color: #e50040; }

.btn-brand,
.btn-sbo {
    color: #fff;
    background-color: #e50040 !important;
}

.btn-brand:hover,
.btn-sbo:hover {
    color: #fff;
    background-color: #e50040;
}

.bg-brand,
.bg-sbo,
.bg-SBO {
    background-color: #e50040;
}

.opacity-bg-brand-60 {
    background-color: rgba(229, 0, 64, 0.6);
}

.opacity-bg-brand-70 {
    background-color: rgba(229, 0, 64, 0.7);
}

.opacity-bg-brand-80 {
    background-color: rgba(229, 0, 64, 0.8);
}

.nav-pills-custom .nav-link.active {
    color: #e50040;
}

.points-bubble::after {
    border-left-color: #e50040;
}

header {
    background: #e50040;

    /* Old browsers */
    background: -moz-linear-gradient(left, #e50040 50%, #e50040 50%, #fff 50%);

    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e50040 50%, #e50040 50%, #fff 50%);

    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e50040 50%, #e50040 50%, #fff 50%)

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

nav {
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: #e50040;

    /* Old browsers */
    background: -moz-linear-gradient(left, #e50040 0, #e50040 265px, #fff 265px);

    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e50040 0, #e50040 265px, #fff 265px);

    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e50040 0, #e50040 265px, #fff 265px);
}

.form-control:focus {
    border-color: #e50040;
    -webkit-box-shadow: inset 0 0 0 1px #e50040;
    box-shadow: inset 0 0 0 1px #e50040;
}

@media (max-width: 990px) {
    header,
    .navbar {
        background: #e50040 !important;
    }
}

.sidenav-primary .sidenav-item .sidenav-link:hover,
.sidenav-primary .sidenav-link:active,
.sidenav-primary .sidenav-link:focus,
.form-outline .form-control:focus ~ .form-label,
a,
a:hover {
    color: #e50040;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary {
    color: #fff;
    background-color: #e50040;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #e50040;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-trailing,
.form-outline .form-control:focus ~ .form-notch .form-notch-middle,
.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
    border-color: #e50040 !important;
}

.shadow-left {
    background: url('/static/assets/img/left-shadow-image-1px.png') repeat-y;
}

/* colors form secretay style.css */

.bg-blue-200 {
    background-color: #71cbf4;
}

.alert-light,
.bg-grey-200 {
    background-color: #fafafc;
}

.bg-grey-300 {
    background-color: #f2f2f5;
}

.bg-grey-600 {
    background-color: #8f90a6;
}

.bg-grey-800 {
    background-color: #1c1c28;
}

.bg-purple-800 {
    background-color: #4f1541;
}

.bg-pink-100 {
    background-color: #ffe6e5;
}

.bg-green-600 {
    background-color: #bad25f;
}

.bg-green-300 {
    background-color: #7bb5b2;
}

.bg-orange-500 {
    background-color: #fe8800;
}

.bg-purple-400 {
    background-color: #787fbd;
}

.bg-yellow-500 {
    background-color: #fdc75f;
}

.bg-pink-900 {
    background-color: #d5007e;
}

.bg-white {
    background-color: #fff;
}

.border-1 {
    border-width: 1px !important;
}

.border-r {
    border-right-width: 1px !important;
}

.border-b {
    border-bottom-width: 1px !important;
}

.border-l-1 {
    border-left-width: 1px !important;
}

.border-x-transparent {
    border-right-color: transparent !important;
    border-right-style: solid !important;
    border-left-color: transparent !important;
    border-left-style: solid !important;
}

.border-grey-100 {
    border-color: #c6c9d9 !important;
    border-style: solid !important;
}

.color-black {
    color: #000;
}

.color-black-300 {
    color: #333;
}

.color-blue-700 {
    color: #004fc4;
}

.color-grey-600 {
    color: #8f90a6;
}

.color-grey-700 {
    color: #555770;
}

.color-grey-800 {
    color: #1c1c28;
}

.color-grey-900 {
    color: #28293d;
}

.color-pink-900 {
    color: #d5007e;
}

.color-purple-800 {
    color: #4f1541;
}

.color-white {
    color: #fff;
}

.cursor-pointer {
    cursor: pointer;
}

.flex-auto {
    flex: auto;
}

.font-family-lato {
    font-family: lato, sans-serif;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-64 {
    font-size: 64px;
}

.font-weight-bold {
    font-weight: 700;
}

.list-style-none {
    list-style: none;
}

.object-fit-cover {
    object-fit: cover;
}

.text-align-center {
    text-align: center;
}

.text-transform-lowercase {
    text-transform: lowercase !important;
}

/* Hover styles */
.hover\:bg-blue-200:hover {
    background-color: #71cbf4;
}

.hover\:bg-green-600:hover {
    background-color: #bad25f;
}

.hover\:bg-green-300:hover {
    background-color: #7bb5b2;
}

.hover\:bg-pink-100:hover {
    background-color: #ffe6e5;
}

.hover\:bg-purple-400:hover {
    background-color: #787fbd;
}

.hover\:bg-yellow-500:hover {
    background-color: #fdc75f;
}

.hover\:color-white:hover {
    color: #fff !important;
}

.hover\:color-pink-900:hover {
    color: #d5007e !important;
}

.hover\:border-l-pink-900:hover {
    border-left-color: #d5007e !important;
}

.hover\:border-l-4:hover {
    border-left-width: 4px !important;
}

.incompany-stats img {
	max-width: 150px!important;
}