@font-face {
    font-family: "Open Sans";
    src: url("/supchyan/assets/OpenSans.ttf");
}
:root {
    --shipedu-font-family: "Open Sans", sans-serif;
    --shipedu-font-weight: 500;
    --shipedu-font-weight-bold: 700;
    --shipedu-font-size: 1rem;
    --shipedu-black-col: #2a2a2a;
    --shipedu-blue-col: #31486d;
    --all-border-col: #dee2e6;
}
body {
    font-family: var(--shipedu-font-family);
    font-weight: var(--shipedu-font-weight);
    font-size: var(--shipedu-font-size);
    color: var(--shipedu-black-col);

    background-color: var(--shipedu-blue-col);
    background-image: url("/supchyan/assets/wave-pattern.svg");
    background-size: 2rem;
    background-position: center;
    background-repeat: repeat;
    /* animation: shipedu-body-wave-flow 3s linear infinite; */

    transition: all 60ms;
}
@keyframes shipedu-body-wave-flow {
    from {
        background-position-x: 0;
    }
    to {
        background-position: 2rem;
    }
}
div, li, a {
    transition: all 60ms;
}
#navbar_logo { 
    width: 20rem;
    height: 100%;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/supchyan/assets/logo.svg");
    transition: all 120ms;
}
#navbar_logo:hover {
    opacity: .7;
}
.nav-link:focus {
    box-shadow: none;
}
.nav-link.active:focus {
    box-shadow: none;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
    outline: 0;
    background-color: var(--shipedu-black-col);
    color: #fff;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: var(--shipedu-black-col);
}
.primary-navigation .navigation .nav-link {
    color: var(--shipedu-black-col);
}
.moremenu .nav-link.active {
    border-bottom-color: var(--shipedu-black-col);
}
.btn-primary {
    background-color: var(--shipedu-blue-col);
    border-color: var(--shipedu-blue-col);
}
.btn-primary:focus, .btn-primary.focus {
    outline: none;
    box-shadow: none;
}
.aabtn.focus, .aabtn:focus, .btn-link.focus, .btn-link:focus, .nav-link.focus, .nav-link:focus, .editor_atto_toolbar button.focus, .editor_atto_toolbar button:focus, .editor_atto_toolbar .atto_toolbar_row.focus, .editor_atto_toolbar .atto_toolbar_row:focus, [role="button"].focus, [role="button"]:focus, .list-group-item-action.focus, .list-group-item-action:focus, input[type="checkbox"].focus, input[type="checkbox"]:focus, input[type="radio"].focus, input[type="radio"]:focus, input[type="file"].focus, input[type="file"]:focus, input[type="image"].focus, input[type="image"]:focus, .sr-only-focusable.focus, .sr-only-focusable:focus, a.dropdown-toggle.focus, a.dropdown-toggle:focus, .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus, .moodle-dialogue-base .closebutton.focus, .moodle-dialogue-base .closebutton:focus, button.close.focus, button.close:focus, .form-autocomplete-selection.focus, .form-autocomplete-selection:focus, [role="treeitem"]:not([aria-expanded="true"]).focus, [role="treeitem"]:not([aria-expanded="true"]):focus {
    outline: 0;
    box-shadow: none;
}
input, button, select, optgroup, textarea, option, .popover, .custom-select, .btn {
    font-family: var(--shipedu-font-family);
    font-weight: var(--shipedu-font-weight);
    font-size: var(--shipedu-font-size);
    line-height: inherit;
    transition: all 60ms;
}
.popover {
    transition: all 0s;
}
.tox-tinymce {
    width: 60rem;
    max-width: 60rem;
    min-width: 60rem;

    height: 30rem;
    min-height: 30rem !important;

    margin-left: calc(50% - 30rem);
    
    resize: none;
    overflow: hidden;
}

.courseindex .courseindex-item.pageitem {
  background-color: var(--shipedu-blue-col);
}
ul {
    border-radius: .5rem;
}
.list-group-item.active {
    background-color: var(--shipedu-blue-col);
    border-color: var(--shipedu-blue-col);
}
.dropdown-menu {
    margin-top: .5rem;
    transition: all 0s;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}
.dropdown-item {
    padding: .5rem 1.5rem;
}
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
  padding: .5rem 1.5rem;
}
.show > div {
    animation: shipedu-dropdown-show 60ms ease-in forwards;
    z-index: 1;
}
@keyframes shipedu-dropdown-show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.page-link:focus {
    box-shadow: none;
}
.form-autocomplete-suggestions {
    position: relative;
    margin-top: .5rem;
    min-width: 13.13rem;
    width: fit-content;
}
.searchbar {
    min-width: 13.4rem !important;
}
.dropdown-menu.show {
    z-index: 100;
}
.coursebox .content .courseimage img {
    min-width: 100%;
    height: 10rem;
    min-height: 10rem;
    max-height: 10rem;
    object-fit: cover;
    border-radius: .7rem;
}
.course-content {
    flex-direction: column;
}
/* .d-flex {
    flex-direction: column;
} */
.coursebox > .info > .coursename {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    font-size: calc(var(--shipedu-font-size) * 1.3);
    font-weight: var(--shipedu-font-weight-bold);
}
#frontpage-available-course-list h2 {
    margin-bottom: 1.5rem;
    font-size: calc(var(--shipedu-font-size) * 1.3);
}
.page-context-header {
    gap: .5rem;
}
.page-header-headings, .page-context-header > .header-button-group {
    display: flex;
    align-items: center;
    justify-content: center;
}
#message-user-button:hover {
    opacity: .7;
}
#page-header {
    margin-bottom: 1.5rem;
}
.maincalendar .calendarmonth td.today .day-number-circle {
    background-color: var(--shipedu-blue-col);
}
.clickable {
    transition: all 60ms;
}

.overlay-icon-container .loading-icon > * {
    visibility: collapse;
}
.overlay-icon-container .loading-icon {
    top: calc(50% - 1.8rem / 2);
    left: calc(50% - 1.8rem / 2);

    background-image: url("/supchyan/assets/logo-compact.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;

    transform: translate(0, 0);

    animation: shipedu-loading-icon 3s linear infinite;
}
@keyframes shipedu-loading-icon {
    from {
        rotate: 0;
    }
    to {
        rotate: 360deg;
    }
}
section {
    padding: 1rem;
    border-radius: .5rem;
}
.primary-navigation {
    flex: 1;
    display: flex;
    justify-content: center;
}
.pagelayout-login #page {
    background: none;
}
#loginbtn, #loginguestbtn {
    width: 100%;
}
.login-heading:first-child {
    height: 8rem;
    width: 100%;
    
    text-indent:-1000rem;

    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/supchyan/assets/logo.svg");
}
.login-container {
    border-radius: .5rem;
}
.login-container h2.login-heading {
  margin-bottom: 1.75rem;
}
.login-container .action-menu-trigger a {
  margin: 0;
}
#action-menu-toggle-0 {
    margin: .5rem 0;
}
.loginform .d-flex .btn:last-child {
    width: 100%;
}
#lang-menu-toggle .fa {
    visibility: collapse;
}
.navbar.fixed-top .usermenu .dropdown .dropdown-toggle, .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
    justify-content: center;
}
.usermenu span {
    gap: 1rem;
}
.usermenu-container {
    margin-left: 1rem;
    margin-right: .75rem;
}
.langbutton, .btn {
    transition: all 60ms;
}
.langbutton:hover, .btn:hover {
    opacity: .7;
}
.langbutton, .btn:focus {
    box-shadow: none;
}
.drawer-toggles .drawer-toggler .btn:focus {
  box-shadow: none;
}
.navbar {
    user-select: none;
}
.simplesearchform input {
    min-height: 2.4rem;
}
.navbar-nav .popover-region .icon {
    margin: 0;
}
.coursebox .content .d-flex {
    flex-direction: column;
}
.flex-grow-1 .teachers {
    visibility: collapse;
    height: 0;
    max-height: 0;
    margin: 0 !important;
}
.mform fieldset {
    transform: rotate(0deg);
}
iframe {
    aspect-ratio: 16 / 9;
    border-radius: .5rem;
    border: 1px solid var(--all-border-col);
    user-select: none;
}
.activity-item .activity-basis {
    margin: 1rem 0;
}
.activity-item .description .activity-altcontent {
    padding: 0;
}
.description .course-description-item:last-child {
    margin-top: 1rem;
    border-radius: .5rem;
}
span {
    font-size: var(--shipedu-font-size) !important;
    font-family: var(--shipedu-font-family) !important;
}
.editing .section .activity .contentwithoutlink, .editing .section .activity .activityinstance {
    padding: 0;
}
video {
    max-width: 100%;
    border-radius: .5rem;
}
#topofscroll {
    min-width: 60rem !important;
    width: 60rem !important;
    max-width: 60rem !important;
}
.no-overflow {
    overflow-x: hidden;
}
.page-header-headings .h2 {
    margin: 0;
}
#page-admin-setting-frontpagesettings #page-wrapper #page #topofscroll {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}
#page-question-edit #page-wrapper #page #topofscroll {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}
.path-question-type #page-wrapper #page #topofscroll {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}
#page-mod-label-mod #page-wrapper #page #topofscroll {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}
#page-mod-page-mod #page-wrapper #page #topofscroll {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}
#page-mod-quiz-mod #page-wrapper #page #topofscroll {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}
#page-course-editsection #page-wrapper #page #topofscroll {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}
#page-course-view-participants #page-wrapper #page #topofscroll {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

.nav {
    justify-content: center;
}
#page-header .w-100 .align-items-center .mr-auto {
    width: 100%;
    display: flex;
    justify-content: center;
}
#page-header .w-100 .align-items-center .mr-auto .page-context-header .page-header-headings {
    width: 100%;
}
#fitem_id_introeditor, #fitem_id_page {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    min-width: 100%;
}
#fitem_id_introeditor > div, #fitem_id_page > div {
    padding-right: 0;
    padding-left: 0;
    justify-content: center;
    display: flex !important;
    align-items: center;
}
#fitem_id_introeditor label, #fitem_id_page label
{
    width: 100%;
    min-width: 100%;
    text-align: center;
    word-break: unset !important;
}
.page-header-headings > .text-muted {
    margin-right: 1rem;
}
.tinymce_resize_btns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.tinymce_resize_btn {
    width: 3rem;
    height: 3rem;

    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 1rem;
    
    margin: 1rem .5rem;
    
    border-radius: .5rem;
    border: 2px solid var(--all-border-col);
    
    transition: all 60ms;
}
.tinymce_resize_btn:hover {
    cursor: pointer;
    background-color: var(--all-border-col);
}
.tinymce_up_btn {
    background-image: url("/supchyan/assets/arrow_up.svg");
}
.tinymce_down_btn {
    background-image: url("/supchyan/assets/arrow_down.svg");
}
.activity-item {
    border: 1px solid var(--all-border-col) !important;
    margin-left: 0 !important;
}