html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.grider {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
}

.customLightBg {
    min-height: 180px;
    /*background: radial-gradient(white, #a2a2a23d) !important;*/
    CURSOR: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMyAwbDE4IDE1aC0xMS4wODFsLTYuOTE5IDl6Ii8+PC9zdmc+), pointer;
}

    .customLightBg._student {
        background: radial-gradient(#fffcfc, #a3d3ff) !important
    }

    .customLightBg._messageTemp {
        background: radial-gradient(white, #8aeb9a) !important
    }

    .customLightBg._account {
        background: radial-gradient(white, #9aede2) !important
    }

    .customLightBg._account1 {
        background: radial-gradient(white, #f2afa3) !important
    }

    .customLightBg._finance {
        background: radial-gradient(white, #fbcf81) !important
    }

    .customLightBg._payroll {
        background: radial-gradient(white, #f0a3b0) !important
    }

    .customLightBg._stock {
        background: radial-gradient(white, #bdbdbd) !important
    }

    .customLightBg._library {
        background: radial-gradient(white, #a8b2b8) !important
    }

    .customLightBg._academic {
        background: radial-gradient(white, #d4aaf2) !important
    }

    .customLightBg._hospitality {
        background: radial-gradient(#fffcfc, #a3d3ff) !important
    }

    .customLightBg._visitormanagement {
        background: radial-gradient(white, #9aede2) !important
    }

    .customLightBg._assestmanagement {
        background: radial-gradient(white, #f0a3b0) !important
    }

.customLightBg a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

    .customLightBg h5 {
        font-size: clamp(1rem, 3vh, 2.25rem);
        width: 90%;
        text-align: left;
        text-transform: uppercase;
    }

.customlightBorder {
    border: 1px solid lightgrey !important;
}

a {
    text-decoration: none;
    color: var(--normalColor)
}

._1bg, ._2bg, ._3bg, ._stock, ._finance, ._6bg, ._7bg, ._8bg, ._9bg, ._sports,
._student, ._creditCard, ._govermentRequire, ._teacher, ._section, ._creditCard,
._govermentRequire, ._message, ._exam, ._library, ._holiday, ._busService, ._notice, ._inbox, ._complaint,
._parent, ._class, ._feesUnpaid, ._setting, ._certificate, ._attendance, ._enquiry, ._account, ._leave, ._messageTemp,
._homeWork, ._classType, ._utility, ._account1, ._academic, ._visitormanagement, ._assestmanagement, ._payroll, ._hospitality {
    position: relative;
    z-index: 0;
}

    ._payroll::after, ._account1::after, ._academic::after, ._hospitality::after, ._visitormanagement::after, ._assestmanagement::after, ._stock::after, ._finance::after, ._6bg::after, ._7bg::after, ._8bg::after, ._9bg::after, ._sports::after, ._student::after, ._creditCard::after, ._govermentRequire::after, ._teacher::after, ._section::after, ._creditCard::after, ._govermentRequire::after, ._message::after, ._exam::after, ._library::after, ._holiday::after, ._busService::after, ._notice::after, ._inbox::after, ._complaint::after, ._parent::after, ._class::after, ._feesUnpaid::after, ._setting::after, ._certificate::after, ._attendance::after, ._enquiry::after, ._account::after, ._leave::after, ._messageTemp::after, ._homeWork::after, ._classType::after, ._utility::after {
        content: "";
        position: absolute;
        right: 2%;
        top: 15%;
        width: 40%;
        height: 70%;
        background-size: 100% 100%;
        filter: drop-shadow(2px 1px 2px #222);
        -webkit-filter: drop-shadow(2px 1px 2px #222);
    }

    ._1bg::after, ._2bg::after, ._3bg::after, ._4bg::after, ._5bg::after, ._6bg::after, ._7bg::after, ._8bg::after, ._9bg::after {
        background-image: url(../img/SVG_Icons/_creditCard.svg);
    }

    ._payroll::after {
        background-image: url(../img/SVG_Icons/_payroll.svg) !important;
    }

    ._account1::after {
        background-image: url(../img/SVG_Icons/_account.svg) !important;
    }

    ._academic::after {
        background-image: url(../img/SVG_Icons/_academic.svg) !important;
    }

    ._hospitality::after {
        background-image: url('../img/svg_icons/hospitality.png') !important;
    }

    ._visitormanagement::after {
        background-image: url('../img/svg_icons/visitormanagement.jpg') !important;
    }

    ._assestmanagement::after {
        background-image: url('../img/svg_icons/assestmanagement.jpg') !important;
    }

    ._finance::after {
        background-image: url(../img/SVG_Icons/_finance.svg) !important;
    }

    ._stock::after {
        background-image: url(../img/SVG_Icons/_stock.svg) !important;
    }

    ._sports::after {
        background-image: url(../img/SVG_Icons/_sports.svg) !important;
    }

    ._student::after {
        background-image: url(../img/SVG_Icons/_student.svg) !important;
    }

    ._creditCard::after {
        background-image: url(../img/SVG_Icons/_creditCard.svg) !important;
    }

    ._govermentRequire::after {
        background-image: url(../img/SVG_Icons/_govermentRequirement.svg) !important;
    }

    ._teacher::after {
        background-image: url(../img/SVG_Icons/_sports.svg) !important;
    }

    ._section::after {
        background-image: url(../img/SVG_Icons/_section.svg) !important;
    }

    ._message::after {
        background-image: url(../img/SVG_Icons/_message.svg) !important;
    }

    ._exam::after {
        background-image: url(../img/SVG_Icons/_example.svg) !important;
    }

    ._library::after {
        background-image: url(../img/SVG_Icons/_library.svg) !important;
    }

    ._holiday::after {
        background-image: url(../img/SVG_Icons/_holiday.svg) !important;
    }

    ._busService::after {
        background-image: url(../img/SVG_Icons/_busService.svg) !important;
    }

    ._notice::after {
        background-image: url(../img/SVG_Icons/_notice.svg) !important;
    }

    ._inbox::after {
        background-image: url(../img/SVG_Icons/_inbox.svg) !important;
    }

    ._complaint::after {
        background-image: url(../img/SVG_Icons/_complaint.svg) !important;
    }

    ._teacher::after {
        background-image: url(../img/SVG_Icons/_teacher.svg) !important;
    }

    ._parent::after {
        background-image: url(../img/SVG_Icons/_parents.svg) !important;
    }

    ._class::after {
        background-image: url(../img/SVG_Icons/_classes.svg) !important;
    }

    ._feesUnpaid::after {
        background-image: url(../img/SVG_Icons/_feesUnpaid.svg) !important;
    }

    ._setting::after {
        background-image: url(../img/SVG_Icons/_setting.svg) !important;
    }

    ._certificate::after {
        background-image: url(../img/SVG_Icons/_certificate.svg) !important;
    }

    ._attendance::after {
        background-image: url(../img/SVG_Icons/_attendance.svg) !important;
    }

    ._enquiry::after {
        background-image: url(../img/SVG_Icons/_enquiry.svg) !important;
    }

    ._account::after {
        background-image: url(../img/SVG_Icons/_account.svg) !important;
    }

    ._leave::after {
        background-image: url(../img/SVG_Icons/_leave.svg) !important;
    }

    ._messageTemp::after {
        background-image: url(../img/SVG_Icons/_messageTemp.svg) !important;
    }

    ._homeWork::after {
        background-image: url(../img/SVG_Icons/_homeWork.svg) !important;
    }

    ._classType::after {
        background-image: url(../img/SVG_Icons/_classType.svg) !important;
    }

    ._utility::after {
        background-image: url(../img/SVG_Icons/_utility.svg) !important;
    }