@font-face {
  font-family: "MaterialIcons";
  font-style: normal;
  font-weight: 400;
  src: url(MaterialIcons-Regular.ttf)
}

@font-face {
  font-family:"Material-Icons-Outlined";font-style:light;font-weight:400;src:url(gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2)format("woff2")
}

@font-face {
  font-family:"material symbols sharp";font-style:normal;font-weight:400;src:url(MaterialSymbolsSharp_Filled_36pt-SemiBold.ttf)
}

@font-face {
  font-family:"materialsymbolsFill";font-style:normal;font-weight:400;src:url(gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2)format("woff2")
}

.material-symbols-sharp {
  font-family: "material symbols sharp";
  font-weight: 400;
  font-style: normal;
  font-size: 36px;

  padding: 0 7px;
  background-color: transparent
}

.md-light {
  color: #fff
}

.material-icons-outlined {
  display: inline-block;
  font-family: "materialsymbolsFill";
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  vertical-align: middle;
  letter-spacing: -2px;
  font-variation-settings: "FILL"0,"wght"100,"GRAD"-25,"opsz"40
}

.material-icons,.material-iconsSort {
  font-family: "MaterialIcons";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  line-height: 100%;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga"
}

.material-icons {
  font-size: 24px;
  margin-top: -2px
}

i {
  vertical-align: middle;
  letter-spacing: -2px
}

.material-iconsSort {
  font-size: 15px;
  margin: -2px;
  color: #fff
}

.TheSortIcon:hover {
  font-weight: 700;
  color: #fff
}

.theStaffIc {
  color: red;
  font-size: 12px;
  padding-bottom: 4px;
  margin-top: -3px
}

.IconGrn {
  color: #090
}

.IconYel {
  color: #f90
}

.IconRed {
  color: #a80000
}

.preReleaseErrorIcon {
  color: red;
  font-size: 12px;
  padding-bottom: 4px;
  margin-top: -3px
}

.boxSd {
  box-shadow: 0 0 2px #333
}

.dropSd {
  margin-left: 2px
}

.material-iconLock {
  font-family: "MaterialIcons";
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  display: inline-block;
  line-height: 100%;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  margin: -2px
}

.manatoryIcon {
  font-family: Roboto;
  color: #a80000;
  font-size: 9px;
  font-weight: lighter;
  margin-left: -25px
}

.material-icons-outlined {
  max-width: 30px
}

.material-iconsSort {
  max-width: 20px
}

.material-icons-HeaderNav,.material-icons-PageHd,.material-icons-myLabel {
  display: inline-block;
  font-family: "materialsymbolsFill";
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  vertical-align: middle;
  letter-spacing: -2px;
  font-variation-settings: "FILL"0,"wght"100,"GRAD"-25,"opsz"40
}

.material-icons-HeaderNav,.material-icons-PageHd {
  color: #23483c;
  font-size: 30px;
  font-variation-settings: "FILL"0,"wght"200,"GRAD"-25,"opsz"40
}

.material-icons-PageHd {
  color: #f2b779;
  margin-top: -3px;
  margin-right: 6px
}

.circle,.theSideNavButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.theSideNavButton {
  position: absolute;
  top: 10px;
  z-index: 150;
  font-family: "materialsymbolsFill";
  font-variation-settings: "FILL"0,"wght"400,"GRAD"0,"opsz"48;
  font-size: 20px;
  background-color: #fff;
  transition: background .3s;
  color: #073c45;
  border: 1px rgb(19,132,150,.8) solid;
  width: 24px;
  height: 24px;
  line-height: 1
}

.theSideNavButton :hover {
  background-color: #138496
}

.circle {
  width: 30px;
  height: 30px;
  background-color: #448d76;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  font-family: sans-serif;
  vertical-align: middle;
  margin-top: 3px;
  letter-spacing: 1px
}

.material-icons-Close,.material-icons-PresIcon {
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  vertical-align: middle;
  letter-spacing: -2px
}

.material-icons-Close {
  color: #fff;
  font-family: "materialsymbolsFill";
  font-size: 24px;
  margin-top: -3px;
  font-variation-settings: "FILL"0,"wght"200,"GRAD"-25,"opsz"40
}

.material-icons-Close:hover,.material-iconsCalIcon:hover,.theSideNavButton :hover {
  border-color: #117a8b;
  color: #073c45
}

.material-icons-PresIcon {
  font-family: "MaterialIcons";
  font-size: 22px;
  font-variation-settings: "FILL"0,"wght"100,"GRAD"-25,"opsz"40
}

.boldIcon {
  font-variation-settings: "FILL"0,"wght"400,"GRAD"-25,"opsz"80
}

.material-iconsCalIcon {
  color: #518c8e;
  font-family: "material symbols sharp";
  font-size: 36px;
  margin-top: -10px;
  font-variation-settings: "FILL"0,"wght"0,"GRAD"-25,"opsz"24
}

.material-icons-Check {
  display: inline-block;
  color: #a80000;
  font-family: "materialsymbolsFill";
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  vertical-align: middle;
  letter-spacing: -2px;
  margin-top: -3px;
  margin-right: 6px;
  font-variation-settings: "FILL"0,"wght"200,"GRAD"-25,"opsz"40
}