@import"https://fonts.googleapis.com/css?family=Caveat";@import"https://fonts.googleapis.com/css?family=Rubik";@import"https://fonts.googleapis.com/css?family=Noto Sans Thai";.navItemContainer{background-color:#393939;display:flex;flex-direction:row;justify-content:center}.navItem{display:inline-block;padding:.7rem 5rem;transition:all .25s}.navItem:hover{background-color:#1b1b1b;color:#00b6f0}.navbarContainer{position:fixed;top:0;display:block;width:100%;z-index:15}.outletContainer{margin:150px 20vw 0}.headerContainer{display:flex;justify-content:space-between}.headerItem{display:flex;align-items:center}.listedItem{list-style-type:none}.itemContainer{border-radius:10px;display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:1.25rem;column-gap:4rem;margin:0 0 1.5rem;padding:1rem 1.5rem}.groupIdContainer{grid-column:span 2}.groupIdContainer h2{padding:.5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activeContainer{background-color:#586470;color:#fff}.activeContainer:hover{background-color:#616f7d}.inactiveContainer{background-color:#393939;color:#8d8d8d}.inactiveContainer:hover{background-color:#404040}.gridItem1{grid-column:span 1}.gridItem2{grid-column:span 2}.gridItem3{grid-column:span 3}.gridItemCenter{text-align:center}.gridItemEnd{text-align:end}.activeHeader:hover{color:#49d3ff}.inactiveHeader{color:#8d8d8d}.inactiveHeader:hover{color:#49d3ff}.activeText{color:#49ff45;font-size:1.25rem;font-weight:600;margin-right:.75rem}.inactiveText{color:#ff3d3d;font-size:1.25em;font-weight:600;margin-right:.75rem}.inactiveForm{color:#8d8d8d;background-color:#3c4752}.currentLessonForm{padding:.1rem 0}.summaryItemContainer{display:grid;grid-template-columns:5fr 1fr 1fr;flex-direction:row;color:#fff;padding:.75rem 2rem}.summaryHeaderContainer{background-color:#3c4752;font-weight:600;border-radius:10px 10px 0 0}.summaryFooterContainer{background-color:#3c4752;font-weight:600;border-radius:0 0 10px 10px}.evenContainerItem{background-color:#586470}.oddContainerItem{background-color:#616f7d}.summaryLongItem{grid-column:span 1}.summaryShortItem{grid-column:span 1;text-align:end}.summaryGroupIdContainer{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorialContainer{margin-top:2rem}.tutorialSection{margin-bottom:3rem}.tutorialHeaderContainer{margin-bottom:.75rem}.tutorialSubheaderContainer,.tutorialContentContainer{margin:.5rem 0}.tutorialSubsectionContainer{margin:.5rem 0 1rem}.tutorialMediaContainer{text-align:center;margin:1rem 0 1.5rem}.imageDescription{color:#cdcdcd}.fitImage{width:45vw}.aboutList{margin-bottom:1.5rem}.editGroupIdContainer{word-wrap:break-word;overflow-y:hidden}input,select{background-color:#cdcdcd;border:0px;border-radius:5px;margin-top:.25rem}input[type=text],input[type=number],input[type=date],select{padding:.15rem 0 .15rem .2rem;box-sizing:border-box}.required{color:#ff3d3d}.groupFormGrid{background-color:#586470;color:#fff;border-radius:10px;display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:1.5rem;column-gap:3rem;padding:1rem 1.5rem}.gridFormRowItem1{grid-column:span 1}.gridFormRowItem3{grid-column:span 3}.flexFormContainer{display:flex;flex-direction:row;justify-content:space-between}.normalInputForm{width:100%;padding:.1rem 0}.partialTextForm{width:64.5%;padding:.1rem 0}.fullTextForm{width:100%;padding:.1rem 0}.buttonRow{text-align:right}.leftMost{margin-left:.75rem}.btn{padding:.25rem .5rem;border-radius:5px;border:0px;font-weight:700}.grayButton{color:#393939;background-color:#cdcdcd}.grayButton:hover{background-color:#ececec}.blueButton{color:#fff;background-color:#00b6f0}.blueButton:hover{background-color:#2acbff}.blueButton:active{background-color:#0096c6}.redButton{color:#fff;background-color:#ff3d3d}.redButton:hover{background-color:#ff6464}.redButton:active{background-color:red}.homeButtonContainer{text-align:center;margin-top:2rem}*{padding:0;margin:0;font-family:Rubik,Arial,Noto Sans Thai,Helvetica,sans-serif;font-size:1rem}body{background-color:#1b1b1b}h1{color:#fff;font-size:2.5rem;letter-spacing:.125rem;margin:0 0 .5rem}h2{color:#fff;letter-spacing:.125rem;font-size:1.75rem}h3{color:#fff;letter-spacing:.05rem;font-size:1.25rem}header>h1{font-size:3.5rem;color:#00b6f0;text-align:center;font-family:Caveat,Arial,sans-serif;font-weight:900}header{background-color:#1b1b1b;padding:.5rem}nav{background-color:#393939}a{font-size:16px;color:#fff;text-decoration:none}hr{border:2px solid #00B6F0}p{color:#fff;line-height:1.5rem}li{color:#fff;font-size:16px;line-height:1.5rem}button{color:#fff;border:0px}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background-color:#00b6f0;border-radius:.5rem}