label {
    margin-bottom: 0;
}

/* fix nested modal losing focus */
.modal {
    overflow: auto !important;
}

.navbar-opacity {
    background: rgba(51, 170, 5, 0);
}

.select2-selection__rendered {
    padding-left: 0.25rem !important;
}

@media (min-width: 576px) {
    .bb-textarea > .modal-dialog {
        max-width: 800px;
    }
}

.th-fit {
    width: 1%;
    white-space: nowrap;
}

.brand-image {
    float: none !important;
}

.brand-text {
    font-size: 1rem;
}

.select2-selection__choice {
    width: 100%;
}

.label-top  {
    background-color: transparent !important;
}

/* custom job background */
.content-warning {
    background-color: #ffca91;
}

.content-isloan {
    background-color: #eabaff;
}

.content-haveloan {
    background-color: #bbf5fc;
}

.content-tqm {
    background-color: #b7e892;
}

/* bg image */
.body-main {
    background-image: url('/img/ccgp-background.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* bootbox */
.modal-body > .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem 0.75rem;
    z-index: 1;
}

.bootbox .modal-body {
    padding: 1.75rem;
}

.bootbox-upper input {
    text-transform: uppercase;
}

.badge-pink {
    color: #fff;
    background-color: #de86e3;
}

.badge-skyblue {
    color: #fff;
    background-color: #1bdcce;
}

.badge-cyan {
    color: #fff;
    background-color: #1bdcce;
}

.badge-purple {
    color: #fff;
    background-color: #e3d6ff;
}

.badge-lavender {
    color: #fff;
    background-color: #e3d6ff;
}

.badge-lightgreen {
    background-color: #b7ffa3;
}

.badge-gray {
    background-color: #e6e6e6;
}

.badge-red {
    background-color: #fccccc;
}

/* custom bg color */
.bg-c1 {
    background-color: #b67780 !important;
}
.bg-c1, .bg-c1 > a {
    color: #fff !important;
}

.bg-c2 {
    background-color: #e28f63 !important;
}
.bg-c2, .bg-c2 > a {
    color: #fff !important;
}

.bg-c3 {
    background-color: #74988c !important;
}
.bg-c3, .bg-c3 > a {
    color: #fff !important;
}

.bg-c4 {
    background-color: #5a7894 !important;
}
.bg-c4, .bg-c4 > a {
    color: #fff !important;
}

.bg-c5 {
    background-color: #b07d6c !important;
}
.bg-c5, .bg-c5 > a {
    color: #fff !important;
}

.bg-c6 {
    background-color: #e2a4bd !important;
}
.bg-c6, .bg-c6 > a {
    color: #fff !important;
}

.bg-c7 {
    background-color: #588ba6 !important;
}
.bg-c7, .bg-c7 > a {
    color: #fff !important;
}

.bg-c8 {
    background-color: #877aa8 !important;
}
.bg-c8, .bg-c8 > a {
    color: #fff !important;
}

.bg-c9 {
    background-color: #9c9964 !important;
}
.bg-c9, .bg-c9 > a {
    color: #fff !important;
}

.bg-c10 {
    background-color: #94c37b !important;
}
.bg-c10, .bg-c10 > a {
    color: #fff !important;
}

.bg-c11 {
    background-color: #87b2dc !important;
}
.bg-c11, .bg-c11 > a {
    color: #fff !important;
}

.bg-c12 {
    background-color: #adab9f !important;
}
.bg-c12, .bg-c12 > a {
    color: #fff !important;
}

.btn-notification {
    color: #800000;
}

.a-notification {
    color: #800000 !important;
}