@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');
.hompage {font-family: Heebo;}
ul.breadcrumb {display: block;}
.side-btns {position: fixed;top: calc(50% - 114px);left: 0;width: 105px;height: 44px;font-family: Heebo;cursor: pointer; border-top-right-radius: 100px;border-bottom-right-radius: 100px;background: #62a8ea;z-index: 1;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);box-shadow: 0 0 10px rgba(0, 0, 0, .1);-webkit-transition: left .5s ease, right .5s ease;-moz-transition: left .5s ease, right .5s ease;-o-transition: left .5s ease, right .5s ease;transition: left .5s ease, right .5s ease; color:#FFFFFF;text-align: center;line-height: 44px;}
.side-btns.btn2 {top: calc(50% - 174px);}
.side-btns.btn1 a, .side-btns.btn2 a {color: #FFFFFF;text-decoration: none;}
.boxes {position: relative;display: flex;justify-content: center;align-items: center;gap: 50px 20px;flex-wrap: wrap;}
.boxes .box { width: 391px;height: 255px;flex-shrink: 0;background: #FFF;box-shadow: 0px 8px 12px 6px rgba(0, 0, 0, 0.09);}
.box-top {display: flex;height: 207px;padding: 10px 20px 10px 15px;gap: 30px;overflow: hidden;}
.box-right ,.box-left {display: flex;height: 207px;width: 165px;flex-direction: column;    row-gap: 13px;}
.box-left {width: 185px;}
.boxes .box.box2 .box-left , .boxes .box.box2 .box-right {width: 366px;}
.box-left .box-image {height: 130px;vertical-align: bottom;margin-top: 10px;}
.boxes .box.box2 .box-left .box-image {height: 145px;width:100%;vertical-align: bottom;margin-top: 0;text-align: center;}
.boxes .box.box2 .box-top {position: relative;display: block;}
.boxes .box.box2 .box-left {height: 39px;}
.boxes .box.box2 .right {height: 140px;}
.box-right-new a.box-link {
    padding: 6px;
    border-radius: 0;
}
.boxes h2 {display: flex;flex: 1 0 100%;padding-right: 130px;}
.box-image img {width: auto;max-width: 100%;height:auto;max-height: 145px;}
.box-image.active img {opacity: 1 !important;}
.box-image.active canvas {opacity: 0;}
a.box-link {position: relative;width: 154px;height: 38px;text-decoration:none;flex-shrink: 0;border-radius: 50px;background: #e9eff8;color: #101933;text-align: center;font-family: Heebo;font-size: 16px;font-style: normal;font-weight: 500;line-height: 38px;text-align: right;padding-right: 10px;}
a.box-link.t2 {border-radius: 0;background: #00D0DD; text-align: center;}
a.box-link.t2.t3 {background: #25a9d0;}
a.box-link svg {position: absolute;top:12px;left:12px;}

.accordion.title {overflow-anchor: none;position: relative;display: block;padding: 5px 60px 10px 5px;;margin-bottom: 2px;color: #202020;font-size: 20px;text-decoration: none;background-color: #99d9ea;border-radius: 3px;-webkit-transition: background-color 0.2s;transition: background-color 0.2s;cursor: pointer;}
.accordion.content {overflow-anchor: none;position: relative;display: block;padding: 5px 60px 10px 5px;margin-bottom: 2px;color: #202020;font-size: 20px;text-decoration: none;background-color: #FFFFFF;border-radius: 3px;-webkit-transition: background-color 0.2s;transition: background-color 0.2s;cursor: pointer;}
.accordion.title.margbottom , .accordion.content.margbottom {margin-bottom: 20px;}
.span4.fixed {
    position: fixed;
    top: 80px;
    width: 19% !important;
}
.home-right-menu.title {
    border-bottom: 1px solid #000000;
    font-size: 1.314rem;
}
.span4 .title {
    height: auto;
    line-height: 1;
    padding: 7px;
}
div.para1 p {
    font-size: 1.3em;
}
.hp-content-zone {
    background: #FFFFFF;width: 66%;padding:0px 20px 20px 20px;
}
.accordion.title.margbottom , .accordion.content.margbottom {
    margin-bottom: 40px;
}
.span4 .pull-left.fix {
    width: 18.3333%;
    position: fixed;
    top: 430px;
}
.span4 .title {
    height: auto;
    line-height: 1;
    padding-right: 7px;
}
.show-class-desc-btn {position: absolute;
    display: block;
    top: 0;
    left: 40px;
    padding: 7px;
    background: #62a8ea;color:#FFFFFF;cursor: pointer;}
.class-desc {
    position: fixed;
    display: none;
    top: 90px;
    left: 40px;
    width: 90%;
    height: 500px;
    padding: 40px;
    background: #FFFFFF;
    border: 1px solid #000000;
    overflow: scroll;
}

.class-desc a.close {
    position: absolute;display: block;top:10px;left:20px;font-size: 30px;text-decoration: none;font-weight: bold;cursor: pointer;
}
.home-right-menu {cursor: pointer;}
.logo-row-titles h1 button {font-size: 13px;border-radius: 19px;color: #FFFFFF;background: #7092be;height: 40px;line-height: 1;margin-right: 40px;padding: 3px 10px;top: 34px;position: absolute;}
.box-right-new a.box-link.t2.t3 {color: #FFFFFF;}
.box-left-new {text-align: center;margin-bottom: 7px;}
.logo-row-titles h1 button a {color: inherit;text-decoration: none;font-weight: bold;}
.logo-row-titles h1 button a svg {margin-right:5px;}
.pagelayout-incourse div[role="main"] > h2 {display: none;}
.box.py-3.generalbox.book_content > h3 {color:#0088cc;}
a.box-link.lasts {display: block !important;min-height: 38px;width: 100%;height: 15px;background: none;line-height: 15px;font-size: 14px;border-radius: unset;margin-bottom: 0;}
.box2 a.box-link {display: block;position: absolute;top: 5px;right: 0;}
.box2 a.box-link.t2.t3 {right: 190px;}
a.box-link.t2.t3.t6 {background: #00b2ff;margin-top: -50px;}
a.box-link.t2.t3.single {right: 50%;transform: translateX(50%);}
.box2 a.box-link.t2.t3.t4 {right: 50%;transform: translateX(50%);}
.box2.mipuy a.box-link.t2.t3 {right: 50%;transform: translateX(50%);}
.box2 .box-image {text-align: center;}
.box.type.type5.box3 .box-right .box-link {border-radius: 0;}
.lasts-wrap {position: relative;display: block;width: 100%;}
.logo-row {position: relative;height: 130px;max-width: 100%;font-family: Heebo;}
.logo-row img {margin-right: 120px;}
.logo-row h1 {color: #101933;text-align: right;font-family: Heebo;font-size: 60px;font-style: normal;font-weight: 700;line-height: normal;line-height: 60px;}
.logo-row h2 {color: #101933;text-align: right;font-family: Heebo;font-size: 26px;font-style: normal;font-weight: 400;line-height: normal;line-height: 1;}
.box-bottom {width: 391px;height: 48px;flex-shrink: 0;background: #63A8EB;color: #FFFFFF;text-align: center;font-family: Heebo;font-size: 21px;font-style: normal;font-weight: 700;line-height: 48px;overflow: hidden;}
.logo-row .box {position: absolute;right: 294px;left: auto;top: 0;height: 140px;width: 300px;background: #FFF;box-shadow: 0px 8px 12px 6px rgba(0, 0, 0, 0.09);}
.logo-row .box .box-top {height: 120px;}
.logo-row .box-bottom {background: #56c3be;font-size: 18px;height: 34px;line-height: 34px;width: 300px;}
body.new-home {background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 20.47%, rgba(222, 242, 255, 0.95) 38.15%) !important;background-repeat: no-repeat;background-attachment: fixed;}
/*body.new-home.in-page {background: url(/assets/bg2.jpg) !important;}*/
#mobile-home-menu {display:none;}
.home-menu {display:flex;width: 100%;max-width: 1353px;height: 61px;flex-shrink: 0;border-radius: 50px;background: #63A8EB;align-items: center;gap: 23px;justify-content: center;margin: 0 auto;}
.home-menu a {color: #FFFFFF !important;text-align: right;font-family: Heebo;font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;text-decoration: none;}
.home-menu a:hover ,.home-menu a.active {color:#000000 !important;text-decoration: none;}
.home-menu .sep {width: 1px;height: 63px;background: #FFFFFF;}
.new-home .default-sections.panel {background-color: transparent !important;}
.new-home #page {background: transparent;}
.box canvas {max-width: 100%;max-height: 100%;}
.bx-prev {background-color: #08c;color: #fff!important;display: inline-block;font-size: 26px;font-weight: 600;padding: 3px 1px;position: absolute; /*no edit*/left: 36px;text-align: center;top: 0;width: 30px;}
.bx-next {background-color: #08c;color: #fff!important;display: inline-block;font-size: 26px;font-weight: 600;padding: 3px 1px;position: absolute; /*no edit*/left: 0;text-align: center;top: 0;width: 30px;}
#page-detailreport-index table tbody tr td , #page-detailreport-classdetails table tbody tr td {border-left: 1px solid #007BB7;}
#page-detailreport-classdetails table tbody tr td.attmpt-title , #page-detailreport-index table tbody tr td.attmpt-title  {background-color: #FFFFFF !important;}
.answer input[type=text] {direction: ltr;text-align: center;}
.format-topics.path-enrol.enableenrollayout .inner-container:not(.enroloptions) {display: none;}
#page-enrol-index .container.enrol-extension .row .right-column {display: none;}
.caption-hover {width: 325px !important;height: 180px !important;}
.slide>div:not(.mask) img {height: 180px;width: 325px;padding-bottom: 40px;display: block;position: relative;margin: 0 auto;}
.bx-viewport { height: 180px;}
.que .content {background: #e4f1fa;}
.que .formulation {padding: 0;background: #e4f1fa;border: 1px solid #e4f1fa;}
.que .qtext {font-size: 1rem;padding: 0;background: #e4f1fa;border-radius: 0.215rem;margin-bottom: 0;}
.que .ablock {margin: 0;background: #e4f1fa;}
.que .im-controls {margin-top: 0;background: #e4f1fa;}
.pop-over-softforum.stud-comm , #bigimg{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0);z-index: 1000;}
.pop-over-softforum.stud-comm .card.card-body {position: absolute;display: block;max-width: 600px;width: 100%;top: auto;bottom:60px;left: 50%;transform: translateX(-50%);padding: 40px 40px;border: 1px solid #000000;}
/*.pop-over-softforum.stud-comm .card.card-body {position: relative;display: block;max-width: 600px;margin: 150px auto;}*/
.pop-over-softforum.stud-comm .card.card-body label {position: relative;display: block;}
.pop-over-softforum.stud-comm .card.card-body textarea {width: 80%;height: 100px;}
.pop-over-softforum.stud-comm .card.card-body button {display: inline-block;padding: 5px 30px;margin-left:10px;background: #62a8ea;color: #FFFFFF;font-weight: 700;}
.pop-over-softforum .td-stu-comm a {position: relative;display: inline-block;float: left;}
.content IFRAME {max-width: 100%;}
.loading {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: #FFFFFF;background-color: #FFFFFF;text-align: center;vertical-align: middle;z-index: 2;}
.loading img {margin-top: 50px;}
.forum .comment , .que .forum .comment{background: #FFFFFF;border-color: #FFFFFF;border-radius: 19px;position: relative;margin-top: 0.5em;padding: 12px 20px;margin-bottom: 1rem;}
.forum .comment a.del {position: absolute;top: 20px;left: 20px;font-weight: 900;font-size: 1.4rem;color: red;cursor: pointer;}
.forum .comment a.openclose {position: absolute;display:block;top: 21px;left: 40px;color: #0aa6e7;font-size: 1.3rem;cursor: pointer;}
.comment-name, .comment-date {display: inline-block;width: auto;}
.comment-name {font-size: 1rem;font-weight: 600;width: auto;margin-left: 10px;}
a.add-comment {display: block;font-weight: 100;font-size: 1rem;color: #000000;background: rgb(240,240,240);cursor: pointer;border: 1px solid #cccccc;cursor: pointer;width: 80px;padding: 5px;text-align: center;}
.nav.nav-tabs[role='tablist'] li a:hover {text-decoration: none;}
.editor_atto .nav.nav-tabs li a {padding-right: 12px;padding-left: 12px;}
.forum .r, .forum .l, .forum .sep {position: relative;display: inline-block;}
.sep {width: 2px;background: #a0a0a0;height: 30px;}
.forum .r, .forum .l {    padding: 0 30px 0px 30px;vertical-align: top;min-height: 45px;}
.comment-date {font-size: 0.85rem;}
/*.sub {display: none;padding-right: 60px;}*/
.sub {display: none;padding-right: 20px;}
.sub.active {display: block;}
.sub.active .sub {display: block;}
.sub .l {width: calc(100% - 250px);}
.sub .r {width: 250px;}
.sub .comment {background: #cbf5d8;border-color: #cbf5d8;}
.forum .comment.bggreen { background: #cbf5d8;border-color: #cbf5d8;}
.sub .comment.bgwhite {background: #FFFFFF;border-color: #FFFFFF;}
.comment a.add-comment {display: block;font-weight: 600;font-size: 1.1rem;color: #0783b7;text-decoration:underline;background: none;border: 0px;cursor: pointer;width: 120px;padding: 0;text-align: right;}
.forum .l { width: calc(100% - 300px);}
.comment-title {font-size: 1.3rem;}
.forum.active .comment a.openclose i {rotate: 180deg;}
.comment-btns {display: block;width: 120px;position: absolute;bottom: -16px;}
div#imagesZone {position: absolute;top: 5px;left: 5px;width: 130px;height: 253px;overflow-y:auto;overflow-x:hidden;min-height: 100px;}
div#imagesZone img {border: 1px solid #000000;width:128px;}
.soft-images {position: relative;display: block;width: 100%;max-width: 100%;overflow-x: auto;overflow-y: hidden;height: 100px;}
.soft-images img {max-width: 100%;max-height: 100%;cursor: pointer;margin: 10px;}
.forum .r {width: 250px;line-height: 1.12}
#bigimg {padding: 20px;background: rgba(0,0,0,0.85);cursor: pointer;}
#bigimg img {position: absolute;max-width: 80%;max-height: 80%;display: inline;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.margtop {margin-top: 40px;}
.attachment a {text-decoration: underline;font-weight: 700;}
.attachment a::before { content: '>>';}
.attachment a::before {content: '>>';padding-left:7px}
.fileBtn {width: 100px;padding: 5px 20px !important;}
.imgsBtn {    width: 100px;padding: 5px 10px !important;}
#page-mod-book-view #forumZone {background: #526069;padding-bottom: 40px;}
#page-mod-book-view .forum-wrpper {padding-right: 40px;padding-left: 40px;}
#page-mod-book-view .addmain {position: relative;display: block;padding-top: 20px;padding-bottom: 20px;padding-right: 40px;}
#page-mod-quiz-attempt #page {background: #FFFFFF;}
.que .comment, .que .outcome {color: #526069;background-color: #e4f1fa;border-color: #e4f1fa;}
/*"Arvo",sans-serif*/
/*https://fonts.googleapis.com/css?family=Arvo:400%7COpen+Sans:700*/
.pop-over-softforum.stud-comm .card.card-body .imgsBtn {display: none;}  .comment-date.commcount {display: block;}
.no-overflow {overflow-x: hidden;}
.softtool {padding-right: 5px;padding-left: 5px;}
.feedback, .feedback .generalfeedback {background: #fff3bf;padding-right: 10px;}
img.Wirisformula {
    max-width: 100%;
}
.history.clearfix.border.p-2 {
    overflow-x: auto;
}
a.elementor-button-link.elementor-button.elementor-size-xs.elementor-animation-grow {font-family: "Roboto", Sans-serif;font-size: 15px;font-weight: 400;text-shadow: 0px 0px 9px rgba(0,0,0,0.3);background-color: #9229C0;border-radius: 10px 10px 10px 10px;box-shadow: -5px -5px 6px 4px rgba;padding: 5px;}
span.elementor-button-content-wrapper {flex-grow: 1;order: 10;display: inline-block;}
span.elementor-button-text {flex-grow: 1;order: 10;display: inline-block;color: #FFFFFF;}
#region-main a.elementor-button-link.elementor-button.elementor-size-xs.elementor-animation-grow {position: absolute;bottom: 40px;left: 50%;z-index: 6;transform: translateX(-50%);width: 280px;text-align: center;}
#region-main span.elementor-button-text {font-weight: bold;font-size: 16px;}
.course-94 .container {
    max-width: 100%;
}
body.course-94:not(.pagelayout-login) {margin-right: 0;}
body.course-94 #nav-drawer {display: none !important;}

.has-border {position: relative;display: inline-block;width: auto;border: 2px solid #ff0000;}
a.box-link.download {vertical-align: middle;
}
.box-link.download svg {position: relative;display: inline;margin-left: 0;top: auto;left: auto;vertical-align: middle;margin-right: 3px;}

@media (max-width: 640px){
    #page-detailreport-index .card.card-body {
        overflow-x: auto;
    }
    #region-main a.elementor-button-link.elementor-button.elementor-size-xs.elementor-animation-grow {bottom: 90px;}
    .pagelayout-incourse #page-content .generalbox ul.nav-tabs { height: auto !important;padding-right:0 !important;}
    .nav-tabs li {margin-top: 7px;width: 50%;border-bottom: 1px solid #c6c6c6;padding: 0 !important;}

    #mobile-home-menu {display:block;}
    .home-menu {display:none;}

    .logo-row {margin: 0 0 40px 0;}
    .logo-row-logo {display:none !important;}
    .logo-row-titles {display: inline-block;
        height: auto !important;
        overflow: visible!important;
        width: 100% !important;}
    .logo-row-titles h1 {font-size: 30px;}
    .logo-row-titles h2 {font-size: 26px;}
    .side-btns {display: none;}
}