/* roboto-100 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('fonts/roboto-fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
    src: local('Roboto Thin'), local('Roboto-Thin'), url('fonts/roboto-fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url('fonts/roboto-fonts/roboto-v20-latin-100italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('fonts/roboto-fonts/roboto-v20-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-100italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/roboto-fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'), url('fonts/roboto-fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/roboto-fonts/roboto-v20-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('fonts/roboto-fonts/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/roboto-fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts/roboto-fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/roboto-fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'), url('fonts/roboto-fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/roboto-fonts/roboto-v20-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('fonts/roboto-fonts/roboto-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/roboto-fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
    src: local('Roboto Black'), local('Roboto-Black'), url('fonts/roboto-fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/roboto-fonts/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('fonts/roboto-fonts/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('fonts/roboto-fonts/roboto-v20-latin-900italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('fonts/roboto-fonts/roboto-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-fonts/roboto-v20-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-900italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-fonts/roboto-v20-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-fonts/roboto-v20-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
    font-family: "Roboto", sans-serif;
    background-color: #fff;
}

/*Style For KKU*/
.agi-main-login-KKU-container {
    height: 100vh;
    background-image: url("../../Content/img/En-US.png");
    background-size: 100% 100%;
}

    .agi-main-login-KKU-container .agi_organization_info_fulltext {
        background: #ffffffc9;
        padding: 40px 20px 20px 20px;
        box-shadow: inset 0px 0px 10px 0px #888888;
    }

        .agi-main-login-KKU-container .agi_organization_info_fulltext h3, .agi-main-login-KKU-container .agi_organization_info_fulltext figcaption {
            color: #000 !important;
        }

    .agi-main-login-KKU-container .agi-main-login-panel-1 {
        height: 100%;
    }

    .agi-main-login-KKU-container .agi-main-login-panel-1 {
        height: 100%;
    }

        .agi-main-login-KKU-container .agi-main-login-panel-1 .container, .agi-main-login-KKU-container .agi-main-login-panel-1 .container .row {
            height: 100%;
        }

    .agi-main-login-KKU-container .agi-main-login-panel-2 {
        height: 100%;
        overflow: auto;
        background: #ffffffbd;
    }

        .agi-main-login-KKU-container .agi-main-login-panel-2 .container, .agi-main-login-KKU-container .agi-main-login-panel-2 .container .row {
            height: 100%;
        }

    .agi-main-login-KKU-container .trailing.clear {
        cursor: pointer;
    }

        .agi-main-login-KKU-container .trailing.clear:focus {
            color: #3b71ca;
            outline: none;
        }

    .agi-main-login-KKU-container .agi-text-box-sizing-xlg {
        padding-top: 25px;
        padding-bottom: 25px;
    }

@media (max-width: 992px) {
    .agi-main-login-KKU-container .agi-main-login-panel-1 {
        min-height: 300px;
        height: auto;
        width: 100%;
        display: none;
    }

    .agi-main-login-KKU-container .agi-main-login-panel-2 {
        margin-bottom: 40px;
        height: 100vh;
        width: 100%;
    }

        .agi-main-login-KKU-container .agi-main-login-panel-2 .container, .agi-main-login-KKU-container .agi-main-login-panel-2 .container .row {
            height: auto;
            padding-bottom: 20px;
            width: 100%;
        }
}
/*End of KKU Login Style*/


.agi-main-login-container {
    height: 100vh;
    background-image: url("../../Content/img/Layers-05.png");
    background-size: 100% 100%;
}

    .agi-main-login-container .agi_organization_info_fulltext {
        background: #ffffffc9;
        padding: 40px 20px 20px 20px;
        box-shadow: inset 0px 0px 10px 0px #888888;
    }
        .agi-main-login-container .agi_organization_info_fulltext h3, .agi-main-login-container .agi_organization_info_fulltext figcaption {
            color: #000 !important;
        }

    .agi-main-login-container .agi-main-login-panel-1 {
        height: 100%;
        /* background-image: url(../../Content/img/BU_student_view_login_left_bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;*/
        /*background: linear-gradient(306deg, #36e8a8, #0831c5 85%, #0831c5);*/
    }

    .agi-main-login-container .agi-main-login-panel-1 {
        height: 100%;
    }

        .agi-main-login-container .agi-main-login-panel-1 .container, .agi-main-login-container .agi-main-login-panel-1 .container .row {
            height: 100%;
        }

    .agi-main-login-container .agi-main-login-panel-2 {
        height: 100%;
        overflow: auto;
        background: #ffffffbd;
    }

        .agi-main-login-container .agi-main-login-panel-2 .container, .agi-main-login-container .agi-main-login-panel-2 .container .row {
            height: 100%;
        }

    .agi-main-login-container .trailing.clear {
        cursor: pointer;
    }

        .agi-main-login-container .trailing.clear:focus {
            color: #3b71ca;
            outline: none;
        }

    .agi-main-login-container .agi-text-box-sizing-xlg {
        padding-top: 25px;
        padding-bottom: 25px;
    }

.agi-main-login-panel-form .form-outline .form-control ~ .form-label {
    padding-top: 12px !important;
}

.agi-main-login-panel-form .form-outline .form-control:focus ~ .form-label, .form-outline .form-control.active ~ .form-label {
    padding-top: 0.37rem !important;
}

.agi-main-login-panel-form .form-outline .form-control:focus ~ .form-label {
    padding-top: 0.37rem !important;
}

/*SCROLL*/
::-webkit-scrollbar {
    width: 0.3em !important;
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey !important;
    /*outline: 1px solid slategrey !important;*/
}

@media (max-width: 992px) {
    .agi-main-login-container .agi-main-login-panel-1 {
        min-height: 300px;
        height: auto;
        width: 100%;
        display: none;
    }

    .agi-main-login-container .agi-main-login-panel-2 {
        /*margin-top: 40px;*/
        margin-bottom: 40px;
        height: 100vh;
        width: 100%;
    }

        .agi-main-login-container .agi-main-login-panel-2 .container, .agi-main-login-container .agi-main-login-panel-2 .container .row {
            height: auto;
            padding-bottom: 20px;
            width: 100%;
        }
}

.jq-toast-wrap {
    z-index: 99999999 !important;
}