@charset "UTF-8";

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
    display: none;
    text-align: center !important;
}

/* Hide scrollbar for IE, Edge and Firefox */
html {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    /*text-align: center !important;*/
}

:root {
    --eduverse-icon-active: #5250DE;
    --eduverse-icon-deactive: #7A86A1;
    --eduverse-bar-bg-1: #E2E2E2;
    --eduverse-bar-bg-2: #DDD9F6;
    --eduverse-bar-1: #6149CD;
    --eduverse-bar-1-bg: #D7D1F2;
    --eduverse-bar-2: #C640DD;
    --eduverse-bar-2-bg: #F3DAF6;
    --eduverse-bar-3: #786ADE;
    --eduverse-bar-3-bg: #DDD9F6;
    --eduverse-bar-4: #27D4D8;
    --eduverse-bar-4-bg: #D4FFFE;
    --eduverse-bar-5: #45DE82;
    --eduverse-bar-5-bg: #D0F6DF;
    --eduverse-inputfield-outline: #EBEBEB;
    --eduverse-text-purple: rgb(97, 73, 205);
    --eduverse-text-purple-light: rgb(215, 209, 242);
    --eduverse-btn-icon: #5250DE;
    --eduverse-btn-bg: #CBCBEF;
    --eduverse-btn-notify: #27D4D8;
    --eduverse-btn-suggest: #6149CD;
    --eduverse-btn-secondary: #B7B7B7;
    --eduverse-sidebar-bg: #EAE9F6;

    --eduverse-title-text-height: 125px;
}

.EV-icon-active > div {
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--eduverse-icon-active);
    width: 20px;
    height: 20px;
}

.EV-icon-deactive > div {
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--eduverse-icon-deactive);
    width: 20px;
    height: 20px;
}

.EV-icon-white > div {
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: white;
    width: 20px;
    height: 20px;
}

.EV-icon-active > i {
    color: var(--eduverse-icon-active);
}

.EV-icon-deactive > i {
    color: var(--eduverse-icon-deactive);
}

.EV-icon-white > i {
    color: white;
}

.EV-bar-1 {
    background-color: var(--eduverse-bar-1) !important;
}

.EV-bar-1-bg {
    background-color: var(--eduverse-bar-1-bg) !important;
}

.EV-text-purple {
    color: var(--eduverse-text-purple) !important;
}

.EV-text-purple-light {
    color: var(--eduverse-text-purple-light) !important;
}

.EV-btn-icon {
    color: var(--eduverse-btn-icon) !important;
}

.EV-btn-bg {
    color: var(--eduverse-btn-bg) !important;
}

.EV-btn-notify {
    color: var(--eduverse-btn-notify) !important;
}

.EV-btn-fileupload {
    color: var(--eduverse-bar-1) !important;
    background-color: var(--bs-primary-inverse) !important;
    fill: var(--eduverse-bar-1);
}

/*icon class tag*/
[class^="ev-icon-"] > svg, [class*=" ev-icon-"] > svg {
    aspect-ratio: initial;
    height: 15px;
}

.ev-icon-pen {
}

.ev-icon-suitcase {
}

.ev-icon-humans {
}

.ev-icon-home {
}

.ev-icon-bin {
}

.ev-icon-cam {
}

.ev-icon-bell {
}

.ev-icon-gear {
}

.ev-icon-mail {
}

.ev-inputfield {
    border-radius: 2rem !important;
    border-color: var(--eduverse-inputfield-outline) !important;
    background-color: transparent !important;
    border-width: 1px !important;
}

.eduverse-scrolltop-override {
    aspect-ratio: 1/1 !important;
    height: auto !important;
    background-color: transparent !important;
    box-shadow: none !important;
    position: fixed;
    right: 0;
    bottom: 0;
    max-height: 10%;
    max-width: 10%;
}

.eduverse-home-title-bg {
    background-image: url('/assets/h/star.webp'), url('/assets/h/star.webp');
    background-repeat: no-repeat;
    background-position: 10% 100%, 90% 0;
    background-size: contain;
}

.eduverse-home-title-bg2 {
    background-image: url('/assets/h/d_l.webp'), url('/assets/h/d_r.webp');
    background-repeat: no-repeat;
    background-position: 0 50%, 100% 50%;
    background-size: contain;
}

.eduverse-portal-input {
    outline-style: solid;
    outline-color: #88888888;
    outline-width: thin;
    border-radius: 1.7rem !important;
}

.eduverse-portal-button {
    background: rgb(121, 207, 249);
    background: linear-gradient(90deg, rgba(121, 207, 249, 1) 0%, rgba(86, 146, 249, 1) 100%);
    border-radius: 50rem !important;
}

.eduverse-profilepic {
    /*z-index: -2 !important;*/
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

.eduverse-profilepicoverlay {
    z-index: -1 !important;
    position: absolute !important;
    width: calc(100% + 20%) !important;
    height: calc(100% + 20%) !important;
    left: -10% !important;
    top: -10% !important;
}

.eduverse-profilepicschoolicon {
    z-index: 2 !important;
    position: absolute !important;
    aspect-ratio: auto !important;
    width: auto !important;
    height: 25% !important;
    left: -10% !important;
    top: 85% !important;
}

.eduverse-btn-reserve-available {
    background-color: white;
    border: 0px;
    border-radius: 1.5rem;
    color: var(--bs-text-primary);
    outline: solid 1px !important;
}

.eduverse-btn-reserve-confirm {
    background-color: var(--bs-text-primary);
    border: 0px;
    border-radius: 1.5rem;
    color: white;
    outline: solid 1px !important;
}

.eduverse-btn-reserve-full {
    background-color: var(--bs-gray-400);
    border: 0px;
    border-radius: 1.5rem;
    color: var(--bs-gray-600);
    outline: solid 1px !important;
}

.ev_div_selected {
    background-color: yellow;
    border: thick dotted red;
}

.ev_page_title {
    height: var(--eduverse-title-text-height);
    font-size: 3rem;
    align-content: center;
}

.ev_filemgr_playbutton {
    position: absolute;
    left: 50%;
    top: 75px;
    z-index: 1;
    border-left: 75px #000000a8 solid;
    border-top: 37.5px transparent solid;
    border-bottom: 37.5px transparent solid;
    height: 75px;
    transform: translate(-50%, -50%);

    :hover {
        border-left: 75px #c934ffa3 solid;
    }
}


.content-full-height {
    height: calc(100vh - 74px);
}

@media (min-width: 992px) {
    .content-full-height {
        height: calc(100vh - 80px);
    }
}

/*
@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}*/
.ictwotone-miscellaneous-services {
    mask-image: url(../static_assets/svg/ictwotone-miscellaneous-services.svg);
}

.ictwotone-bug-report {
    mask-image: url(../static_assets/svg/ictwotone-bug-report.svg);
}

.ictwotone-pets {
    mask-image: url(../static_assets/svg/ictwotone-pets.svg);
}

.ictwotone-energy-savings-leaf {
    mask-image: url(../static_assets/svg/ictwotone-energy-savings-leaf.svg);
}

.ictwotone-file-download {
    mask-image: url(../static_assets/svg/ictwotone-file-download.svg);
}

.ictwotone-school {
    mask-image: url(../static_assets/svg/ictwotone-school.svg);
}

.ictwotone-menu-book {
    mask-image: url(../static_assets/svg/ictwotone-menu-book.svg);
}

.ictwotone-token {
    mask-image: url(../static_assets/svg/ictwotone-token.svg);
}

.ictwotone-settings {
    mask-image: url(../static_assets/svg/ictwotone-settings.svg);
}

.ictwotone-bookmarks {
    mask-image: url(../static_assets/svg/ictwotone-bookmarks.svg);
}

.ictwotone-folder {
    mask-image: url(../static_assets/svg/ictwotone-folder.svg);
}

.ictwotone-announcement {
    mask-image: url(../static_assets/svg/ictwotone-announcement.svg);
}

.ictwotone-psychology {
    mask-image: url(../static_assets/svg/ictwotone-psychology.svg);
}

.ictwotone-keyboard-arrow-right {
    mask-image: url(../static_assets/svg/ictwotone-keyboard-arrow-right.svg);
}

.ictwotone-upload-file {
    mask-image: url(../static_assets/svg/ictwotone-upload-file.svg);
}

.ictwotone-create-new-folder {
    mask-image: url(../static_assets/svg/ictwotone-create-new-folder.svg);
}

.ictwotone-bookmark-add {
    mask-image: url(../static_assets/svg/ictwotone-bookmark-add.svg);
}

.ictwotone-co-present {
    mask-image: url(../static_assets/svg/ictwotone-co-present.svg);
}

.ictwotone-groups {
    mask-image: url(../static_assets/svg/ictwotone-groups.svg);
}

.ictwotone-event-available {
    mask-image: url(../static_assets/svg/ictwotone-event-available.svg);
}

.ictwotone-close {
    mask-image: url(../static_assets/svg/ictwotone-close.svg);
}

.ictwotone_vrbox {
    mask-image: url(../static_assets/surroundvrtour/trace.svg);
}

.course-analyze-application {
    mask-image: url(../static_assets/analyze/application.svg);
}

.course-analyze-record {
    mask-image: url(../static_assets/analyze/record.svg);
}

.course-analyze-search {
    mask-image: url(../static_assets/analyze/search.svg);
}

.course-analyze-delete {
    mask-image: url(../static_assets/analyze/delete.svg);
    mask-size: 100%;
    mask-position: center;
    mask-mode: luminance;
}

.course-analyze-edit {
    mask-image: url(../static_assets/analyze/edit.svg);
    mask-size: 100%;
    mask-position: center;
}