@import 'https://fonts.googleapis.com/css?family=Kanit|Prompt';

.my-btn-link {
    font-weight: 400;
    color: #558e9a;
    text-decoration: none;
}

    .my-btn-link:hover {
        color: #f7ca7c;
        text-decoration: none;
    }

    .my-btn-link.focus, .btn-link:focus {
        text-decoration: underline;
        border: none;
    }

    .my-btn-link.disabled, .btn-link:disabled {
        color: #6c757d;
        pointer-events: none;
        border: none;
    }

.my-a:link {
    color: #ffffff; 
}

.my-a:hover {
    color: darkgrey;
    text-decoration: none;
}

.my-a:active {
    color: darkgrey;
}

.my-a:visited {
    color: darkgrey;
}

.my-a-dark:link {
    color: #ebebeb;
}

.my-a-dark:hover {
    color: #ededed;
}

.my-a-dark:active {
    color: #ebebeb;
}

.my-a-dark:visited {
    color: #ebebeb;
}


.my-bg-mfu {
    background-color: #f7ca7c !important;
    color: #595959;
}

.my-bg-mfu2 {
    background-color: #fffced;
}


.my-btn-mfu {
    background-color: #e8f0fd;
    color: #595959
}

    .my-btn-mfu:hover {
        background-color: lightgrey;
        color: #000000
    }

.my-header {
    background-color: #f7ca7c;
    color: #ffffff;
    padding: 10px;
}

.my-font {
    font-family: 'Kanit', sans-serif;
}

.my-autosize-img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
}


#litMarquee {
    color: red !important;
    background-color: red !important;
    border-color: red !important;
}