select {
    -webkit-appearance: none;
}

.required:after {
    content: " *";
    color: red;
}

/* fixed app.css Date Picker show behind modal form */
.datepicker.datepicker-dropdown {
    z-index: 2000 !important;
}

/* modified app.css */
.login {
    min-height: 50vh;
}

/* Ranking */
.ranking {
    width: 110px;
    height: 142px;
    background: url(/Assets/Images/ranking.jpg) no-repeat
}

    .ranking.ranking-01 {
        background-position: -310px 0
    }

    .ranking.ranking-02 {
        background-position: -450px 0
    }

    .ranking.ranking-03 {
        background-position: -30px -158px
    }

    .ranking.ranking-04 {
        background-position: -170px -158px
    }

    .ranking.ranking-05 {
        background-position: -310px -158px
    }

    .ranking.ranking-06 {
        background-position: -30px 0
    }

/* Modified app logo */
.header .header-logo .logo-link .logo {
    border: none;
}

    .header .header-logo .logo-link .logo:before {
        content: none;
        background: none;
    }

/* Background */
.background {
    width: 100%;
    background-position: center;
    background-size: cover;
}

    .background.bg01 {
        background-image: url(/Assets/Background/bg01.webp);
    }

    .background.bg02 {
        background-image: url(/Assets/Background/bg02.webp);
    }

/* Gradient Background - https://mdbootstrap.com/docs/b4/jquery/css/colors/ */
.rgba-blue-strong {
    background-color: rgba(33, 150, 243, 0.7);
}

.rgba-red-strong {
    background-color: rgba(244, 67, 54, 0.7);
}

.rgba-pink-strong {
    background-color: rgba(233, 30, 99, 0.7);
}

.rgba-purple-strong {
    background-color: rgba(156, 39, 176, 0.7);
}

.rgba-indigo-strong {
    background-color: rgba(63, 81, 181, 0.7);
}

.rgba-cyan-strong {
    background-color: rgba(0, 188, 212, 0.7);
}

.rgba-teal-strong {
    background-color: rgba(0, 150, 136, 0.7);
}

.rgba-green-strong {
    background-color: rgba(76, 175, 80, 0.7);
}

.rgba-lime-strong {
    background-color: rgba(205, 220, 57, 0.7);
}

.rgba-yellow-strong {
    background-color: rgba(255, 235, 59, 0.7);
}

.rgba-orange-strong {
    background-color: rgba(255, 152, 0, 0.7);
}

.rgba-black-strong {
    background-color: rgba(0, 0, 0, 0.7);
}

.rgba-blue-light {
    background-color: rgba(3, 169, 244, 0.3);
}

.rgba-red-light {
    background-color: rgba(244, 67, 54, 0.3);
}

.rgba-pink-light {
    background-color: rgba(233, 30, 99, 0.3);
}

.rgba-purple-light {
    background-color: rgba(156, 39, 176, 0.3);
}

.rgba-indigo-light {
    background-color: rgba(63, 81, 181, 0.3);
}

.rgba-cyan-light {
    background-color: rgba(0, 188, 212, 0.3);
}

.rgba-teal-light {
    background-color: rgba(0, 150, 136, 0.3);
}

.rgba-green-light {
    background-color: rgba(76, 175, 80, 0.3);
}

.rgba-lime-light {
    background-color: rgba(205, 220, 57, 0.3);
}

.rgba-yellow-light {
    background-color: rgba(255, 235, 59, 0.3);
}

.rgba-orange-light {
    background-color: rgba(255, 152, 0, 0.3);
}

.rgba-brown-light {
    background-color: rgba(121, 85, 72, 0.3);
}

.rgba-grey-light {
    background-color: rgba(158, 158, 158, 0.3);
}

/* Bottom Right button */
aside#sideban {
    transition: 0.3s ease-in-out;
    position: fixed;
    bottom: 12.5%;
    right: 0.5rem;
    z-index: 999;
}

aside#sidebanmo {
    position: fixed;
    bottom: 30%;
    right: 0;
    transform-origin: 100% 100%;
    transform: rotate(-90deg);
    z-index: 999;
}

@media (orientation: landscape) {
    aside#sidebanmo {
        bottom: 50%;
    }
}

[class^=con_tab] {
    overflow: hidden;
}

    [class^=con_tab],
    [class^=con_tab] a {
        width: 72px;
        height: 72px;
    }

@media (min-width: 992px) {
    [class^=con_tab],
    [class^=con_tab] a {
        width: 90px;
        height: 90px;
    }
}

[class^=con_tab] a {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 72px 1440px;
}

@media (min-width: 992px) {
    [class^=con_tab] a {
        background-size: 90px 1800px;
    }
}

[class^=con_tab] a h5 {
    text-indent: -9999rem;
}

[class^=con_tab]:hover a {
    -webkit-animation: sparkle 0.67s steps(19, end) infinite;
    animation: sparkle 0.67s steps(19, end) infinite;
}

[class^=con_tab]._3:hover a {
    -webkit-animation: sparkle 0.73s steps(19, end) infinite;
    animation: sparkle 0.73s steps(19, end) infinite;
}

[class^=con_tab]._1 a {
    background-image: url(/Assets/Images/Icons/msg.png);
}

[class^=con_tab]._2 a {
    background-image: url(/Assets/Images/Icons/chat.png);
}

[class^=con_tab]._3 a {
    background-image: url(/Assets/Images/Icons/trial.png);
}

[class^=mo_tab] a {
    cursor: pointer;
}

[class^=con_tab] a, [class^=mo_tab] a {
    margin-bottom: 0 !important;
    display: none !important;
    display: block !important;
    flex-wrap: nowrap !important;
    text-decoration: none;
}

    [class^=mo_tab] a h5 {
        color: #fff;
        background-color: rgba(76, 175, 80, 0.9);
        border-radius: 1rem 1rem 0 0;
        transition: all 0.3 linear;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }