:root {
    --primary-pink: #442923;
    --primary-pink-bg: #e5c9cc;
    /* --primary-pink-light: #ffc7cc; */
    --primary-pink-light: #442923;
    --primary-teal: #94e9e8;
    /* --primary-teal-light: rgba(148, 233, 232, 0.5); */
    --primary-teal-light: #442923;
    --primary-teal-dark: #FEC32F;
    --text-dark: #6e707e;
    --border-gray: #d1d3e2;
    --form-shadow: rgba(255, 199, 204, 0.5);
    --white: #ffffff;
    --red: red;
}

/* Background Gradient */
.bg-gradient-primary {
    background-color: var(--primary-pink-bg);
    background-image: linear-gradient(45deg, var(--primary-pink-light) 12.36%, var(--primary-teal-light) 87.64%);
    background-size: cover;
}

.bg-gradient-sidebar-primary{
    background-color: var(--primary-pink-bg);
    background-image: linear-gradient(180deg, var(--primary-pink-light) 12.36%, var(--primary-teal-light) 87.64%);
    background-size: cover;
    color: var(--white);
}
.bg-gradient-navbar-primary{
    background-color: var(--primary-pink-bg);
    background-image: linear-gradient(45deg, var(--primary-pink-light) 12.36%, var(--primary-teal-light) 87.64%);
    background-size: cover;
    color: var(--white);
}

.sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:focus, .sidebar-dark .nav-item .nav-link{
    color: var(--white);
    font-weight: 700;
}
li.nav-item.active{
    background-color: var(--primary-teal-dark) !important;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active{
    color: var(--primary-pink) !important;
}
.sidebar .nav-item .nav-link span {
    font-size: 0.9em;
}

/* Logo */
.bg-login-image {
    background: url(../img/logo.png);
    background-position: center;
    background-size: 70% 80%;
    background-repeat: no-repeat;
}

.bg-register-image {
    background: url(../img/logo.png);
    background-position: center;
    background-size: 70% 80%;
    background-repeat: no-repeat;
}

.bg-password-image {
    background: url(../img/logo.png);
    background-position: center;
    background-size: 70% 80%;
    background-repeat: no-repeat;
}

/* Primary Button */
.btn-primary {
    background-color: var(--primary-pink) !important;
    border-color: var(--primary-pink) !important
}

/* Link Button */
.btn-link {
    color: var(--primary-pink) !important;
}

/* Focused Form Control */
.form-control:focus {
    border-color: var(--primary-pink-bg);
    box-shadow: 0 0 0 0.25rem var(--form-shadow);
}

/* Checked Custom Control */
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: var(--primary-pink) !important;
    background-color: var(--primary-pink) !important;
}

/* Select2 */
.select2-selection {
    display: block !important;
    width: 100% !important;
    height: calc(1.5em + 0.75rem + 2px) !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--text-dark) !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid var(--border-gray) !important;
    border-radius: 0.35rem !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}

/* Error Text */
.error {
    color: var(--red);
    font-size: 1rem;
    position: relative;
    line-height: 1;
    width: auto;
}

h2{
    margin: 0;
}
.pagination{
    margin: 0;
}
.h-70{
    height: 70px;
}
.active{
    color: var(--primary-pink) !important;
}