:root {
    --primary-color: #460000;
    --primary-color-hover: #460000db;
}

.sign-in-btn, .custom-btn, .bubble {
    background: var(--primary-color) !important;
    border-color: var(--primary-color-hover) !important;
}

.loader {
    color: var(--primary-color) !important;
}

.sign-in-btn:hover, .custom-btn:hover {
    background: var(--primary-color-hover) !important;
    border-color: var(--primary-color) !important;
}

.form-control:focus {
    border-color: var(--primary-color) !important;
}

.appHeader {
    background: var(--primary-color) !important;
}


.appHeader::after, .appHeader::before {
    box-shadow: 25px -28px 0 var(--primary-color) !important;
}

.studentListModal .modal-header, .studentListModal .listview {
    background: var(--primary-color) !important;
}

.profileBox {
    background: var(--primary-color) !important;
}

.section-title {
    color: var(--primary-color);
}

section {
    overflow: auto !important;
}

.h-40px {
    height: 40px !important;
}

.w-40px {
    width: 40px !important;
}

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

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

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-15px {
    font-size: 15px !important;
}

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

.cursor-pointer {
    cursor: pointer;
}

.hidden-imp {
    display: none !important;
}

.font-weight-600 {
    font-weight: 600;
}

.v-hidden {
    visibility: hidden !important;
}

.z-index-999 {
    z-index: 999;
}

.top-12px {
    top: 12px;
}

.left-160px {
    left: 160px;
}

.left-170px {
    left: 170px;
}


.left-205px {
    left: 205px;
}

.left-215px {
    left: 215px;
}
.h-100vh
{
    height: 100vh !important;
}