body {
    background-color: #e8f4ff;
}

@media only screen and (min-width: 768px) {
    .align-left {
        text-align: left !important;
    }

    .align-right {
        text-align: right !important;
    }

    .row.main_body {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.A_C {
    text-align: center;
}

.A_L {
    text-align: left;
}

.A_R {
    text-align: right !important;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.loading_icon {
    position: fixed;
    left: 48%;
    z-index: 100000;
    top: 48%;
}

.hidden {
    display: none !important;
}

.I_A_C {
    align-items: center;
}

.B-T {
    border-top: 1px solid;
}

.abcRioButton.abcRioButtonBlue {
    width: unset !important;
    height: unset !important;
}

.Error_Msg {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}

.Btn_Font {
    font-size: 14px;
}

.C_Red {
    color: red;
    font-size: 16pt;
    font-weight: bold;
}

.Color_Red {
    color: red;
}

a {
    color: #03129C;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.edumerge_logo {
    width: auto;
    height: 1.5cm !important;
}

.CustumInput {
    width: 100%;
    height: 45px;
    top: 403px;
    left: 737px;
    gap: 0px;
    border: 2px solid #EBECF0;
    border-radius: 3px;
    opacity: 0px;
    background: #EBECF0;
    padding: 10px;
}

.SignInBtn {
    width: 100%;
    height: 45px;
    top: 493px;
    left: 737px;
    gap: 0px;
    border-radius: 3px;
    opacity: 0px;
    background: #03129C;
    color: white;
}

.SignInBtn:hover {
    background: #03129C;
    color: white;
}

.ColorBlacl {
    color: black;
}

.Footer {
    width: 100%;
    padding: 10px;
    font-size: 10px;
    gap: 0px;
    border-radius: 0px 0px 8px 8px;
    opacity: 0px;
    background: #e8f4ff;
}

.CustPadding {
    padding: 2cm;
    /* Default padding */
}

@media only screen and (max-width: 1024px) {
    .CustPadding {
        padding: 2cm 0.5cm;
        /* Apply this padding on screens smaller than or equal to 1024px (laptops or smaller screens) */
    }
}


.Input-Column {
    padding-top: 10px;
    background-color: #EBECF0;
    text-align: center;
}

.pr {
    padding-right: 5px;
}

.Shadow {
    box-shadow: 0px 4px 250px -100px rgba(0, 0, 0, 0.25) !important;
}