/* @import url("https://fonts.googleapis.com/css2?family=Share+Tech&family=Titillium+Web:wght@200;600&display=swap"); */

body * {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.section {
  margin-top: 8px;
  margin-bottom: 8px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.flex {
  display: flex;
}

.flex-center-column {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.flex-center-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
}

.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.center-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.padding-16 {
  padding: 16px;
}

.padding-32 {
  padding: 32px;
}

.padding-top-100 {
  padding-top: 100px;
}

.padding-top-8 {
  padding-top: 8px;
}

.padding-top-16 {
  padding-top: 16px;
}

.margin-left-8 {
  margin-left: 8px;
}

.padding-child > * {
  margin-left: 4px;
}

.padding-child-8 > * {
  margin-left: 8px;
}

.font-weight-500 {
  font-weight: 500;
}

.inner-margin-8 > * {
  margin-left: 8px;
}

.display-none {
  display: none !important;
}

/** custom nav bar**/
.nav-contents {
  flex-direction: row;
  padding: 16px;
}
.nav-contents div {
  padding-right: 16px;
}

.query-form-wrapper {
  background-color: white;
  opacity: 0.9;
  /* padding-top: 24px; */
}

img {
  max-width: 100%;
}

/* fix height not able to set to 100% for material paper */
.MuiPaper-root.MuiPaper-elevation1.MuiPaper-rounded{
  height: 100%
}

.full-calendar{
  height: 100%;
}

.fc.fc-media-screen.fc-direction-ltr.fc-theme-standard {
  height: 100%;
}

.module-block  div{
  padding-top: 1rem;
}

/*course card*/
.MuiCardContent-root{
  min-height: 400px;
}

.course-card{
  padding-bottom: 2rem;
}

.full-calendar {
  max-height: 90vh;
}

@media screen and (min-width: 992px) {
  .center-container-wrapper{
    max-width: 85%;
    margin: 0 auto;
  }
}

.about-us-section {
  line-height: 2rem;
  font-size: 1.5rem;
}

.about-us-section > div{
  padding: 0.5rem;
  
}

.org-grpah-name {
  padding: 0.5rem;
  font-size: 1.5rem;
}

.about-us-section-wrapper {
  padding-bottom: 1rem;
}

/* .MuiButtonBase-root {
  user-select: all !important;
} */

.paper {
  background-color: grey;
}

.divider-line {
  border-bottom: 1px solid grey;
}

.bold {
  font-weight: bold;
}


.form-group {
  margin-top: 8px;
  margin-bottom: 8px;
}

label {
  margin-bottom: 4px;
}

.form-group.required label:after {
  content:" *";

  color:red;
}

.w-\[180\]{
  width: 180px;
}

.mr-\[12\] {
  margin-right: 12px;
}

.fade-mask {
  position:fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: rgba(248, 249, 250, 0.8);
  width: 100%;
  height: 100%;
}

.display-none {
  display: none;
}

.display-show {
  display: block; 
}

.pb-\[80\] {
  padding-bottom: 20vh;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.min-h-full {
  min-height: 100vh;
}


@media screen and (max-width: 720px) {
  .text-center-sm {
    text-align: center;
  }
}

.text-right {
  text-align: right;
}

/* from bootstrap */
.bg-light {
  background-color: rgba(var(248,249,250),var(1))!important
}