@import url(font.css);
@import url(icons/fontawesome-new/css/all.css);
html,
body {
    font-family: "Bai Jamjuree", sans-serif;
    height: 100%;
}


/*btn show password*/

*:disabled {
    cursor: not-allowed;
}

a.btn-show-password {
    color: #6c757d;
}

a.btn-show-password:hover {
    color: #000;
}

.btn-rounded {
    border-radius: 20px;
}

.custom-control-label:before {
    background-color: #fff;
}

.admin-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #00369c;
}

.glass-blur {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: rgba(255, 255, 255, 0.5);
}

.text-gradient {
    background: -webkit-linear-gradient(#0a1c40, #00369c);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*============= Background =============*/

.background {
    position: relative;
}

.background::after {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    filter: blur(9px);
    position: absolute;
    background-image: linear-gradient( rgba(255, 255, 255, 0.7), rgba(128, 193, 255, 0.8)), url(../../images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    animation: gradient 50s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


/*============= End Background =============*/


/*============= Custom btn color =============*/

.blue-custom,
.blue-custom a {
    color: #fff !important;
    background-color: #00369c !important;
    border: 3px #fff solid !important;
}

.blue-custom:active,
.blue-custom.active,
.blue-custom:focus,
.blue-custom.focus,
.blue-custom:hover,
.blue-custom a:hover {
    background-color: #008bc7 !important;
    border: 3px #fff solid !important;
}


/*============= End Custom btn color =============*/

.border3 {
    border-width: 3.5px !important;
}

iframe {
    padding: 0 !important;
    width: 100% !important;
}