.button.w-button {
  background-color: #3898EC;
  color: #FFFFFF;
  border: 0;
}

.button.w-button:hover{
  background-color: #ffffff;
  color: #3898EC;
  border: 0.5px solid #3898EC;
}

.w-checkbox { 
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.body {
  font-family: Encode Sans, sans-serif;
}

.section {
  width: 100%;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 5px;
  display: block;
}

.section.logo-header-block {
  background-color: #fff;
  /*border-bottom: 1px solid #ddd;*/
  padding-top: 0;
  padding-bottom: 0;
}

.section.standout {
  background-color: #e2ddfa;
}

.section.footer {
  background-color: #4c17ca;
  padding-top: 0;
  padding-bottom: 0;
}

.section.cal-header {
  z-index: 1010;
  padding-top: 20px;
  padding-bottom: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.section._80vh {
  height: 80vh;
  align-items: center; 
  display: flex;
}

.container {
  width: 100%;
  max-width: 1400px;
  float: none;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 10px 20px;
  display: block;
}

.container.indent-20 {

  margin-left: 20%;
}

.container.centre-50 
{
  width:50%;
  margin-left: auto;
  margin-right: auto;
}

.container.centre-60
{
  width:60%;
  margin-left: auto;
  margin-right: auto;
}



.container.logo-container {
  margin-top: 0;
  margin-bottom: 0;
}

.container.flex {
  align-content: space-between;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.container.flex.form {
  max-width: 768px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container.flex.full-width {
  max-width: none;
  padding: 0;
}

.container.flex.full-height {
  height: 100vh;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.container.flex._50vh {
  height: 50vh;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}

.container.table-wrapper {
  max-width: 1600px;
  background-color: #fff;
}

.container-calendar {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
}

.container-calendar.cal-header {
  background-color: #4c17ca;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 0;
}

.container-calendar.calendar-wrapper {
  margin-top: 0;
  padding-top: 0;
}


.image-container {
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-container.flex {
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.image {
  width: 100%;
  height: 100%;
  max-height: 100px;
  clear: both;
  object-fit: contain;
}

.image.logo {
  width: 100%;
  height: 100%;
  max-height: none;
  max-width: 400px;
  object-fit: fill;
  margin-left: auto;
  margin-right: auto;
}

.image.data-icon {
  width: 60%;
  height: 60%;
  padding-top: 2px;
  padding-bottom: 2px;
}

.heading-3 {
  width: 100%;
  color: #585757;
  text-align: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 150%;
  font-weight: 500;
  line-height: 150%;
}

.flex-child {
  background-color: rgba(136, 134, 134, .3);
  border-radius: 8px;
  flex: 0 32.333%;
  justify-content: center;
  margin-bottom: 10px;
  margin-left: .5%;
  margin-right: .5%;
  padding: 10px;
  display: flex;
}

.flex-child.admin-menu {
  color: #585757;
  background-color: #4c17ca;
  border: 1px solid #fff;
  flex-basis: 25%;
  text-decoration: none;
  transition: border-color .35s, opacity .35s;
}

.flex-child.admin-menu:hover {
  opacity: .6;
  background-color: #fff;
  border-style: none;
  border-color: #4c17ca;
}

.flex-child.admin-menu.logout {
  background-color: rgba(255, 255, 255, .5);
  border-style: none;
  border-color: #888686;
}

.flex-child.admin-menu.logout:hover {
  background-color: rgba(136, 134, 134, .3);
}

.flex-child.admin-menu.dark {
  background-color: #4c17ca;
  transition: opacity .35s;
}

.flex-child.admin-menu.dark:hover {
  opacity: .6;
}

.submenu-options {
  width: 100%;
  float: none;
  justify-content: flex-end;
  display: flex;
}

.submenu-options.breadcrumbs {
  justify-content: flex-start;
}

.paragraph {
  width: 70%;
  color: #585757;
  text-align: center;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  font-size: 100%;
  line-height: 150%;
}

.paragraph.centre {
  text-align: center;
}

.paragraph.bold {
  color: #474747;
  font-weight: 700;
}

.paragraph.left {
  text-align: left;
}

.paragraph.full-width-left {
  width: 100%;
  text-align: left;
}

.heading-1 {
  width: 100%;
  color: #585757;
  text-align: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 240%;
  font-weight: 500;
  line-height: 150%;
}

.heading-1.left {
  text-align: left;
}

.button {
  width: auto;
  float: none;
  background-color: #4c17ca;
  border: 1px solid #4c17ca;
  border-radius: 10px;
  margin-right: 0;
  transition: background-color .35s;
  text-decoration: none;
}

.button:hover {
  color: #4c17ca;
  background-color: #fff;
}

.button.sub-option {
  width: auto;
  float: left;
  margin-right: 15px;
  padding: 5px 12px;
  font-size: 95%;
  position: static;
}

.button.sub-option.breadcrumb {
  color: #585757;
  background-color: #ddd;
  border-color: #585757;
}

.button.sub-option.breadcrumb:hover {
  background-color: #ddd;
}

.button.sub-option.breadcrumb.centre{
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}  

.button.sub-option.breadcrumb.nofloat {
  float: none;
}


.button-section {
  width: auto;
  float: none;
  background-color: #4c17ca;
  border: 1px solid #4c17ca;
  border-radius: 10px;
  /*margin-right: 15px;*/
  transition: background-color .35s;
}

.button-section:hover {
  color: #4c17ca;
  background-color: #fff;
}

.button-section.sub-option {
  width: auto;
  padding: 5px 12px;
  font-size: 90%;
}

.button-section.sub-option.breadcrumb {
  color: #585757;
  background-color: #ddd;
  border-color: #585757;
}

.button-section.sub-option.breadcrumb:hover {
  background-color: #fff;
}

.button.right {
  float: right;
}

.update_button_flex {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
  margin-bottom: opx;
}

.update_button_flex > div {
  flex-basis: 50%;
  flex-grow: 1;
}

.update_button_flex a:link {
  text-decoration: none;
}

.update-button {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    width:84px;
}

.update-button_long {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    width:110px;
}

.text-block {
  width: 100%;
  color: #585757;
  text-align: center;
  margin: 10px 0;
  font-size: 100%;
  font-weight: 400;
  line-height: 150%;
}

.text-block.customer-message {
  text-align: center;
  border-bottom: 1px solid #686767;
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 120%;
  font-weight: 500;
}

.text-block.admin-menu {
  text-align: center;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 120%;
  font-weight: 500;
  text-decoration: none;
}

.text-block.admin-menu.white {
  color: #fff;
}

.text-block.admin-menu.logout {
  color: #585757;
}
.text-block.centre {
  text-align: center;
}

.text-block.note {
  color: #4c17ca;
  font-style: italic;
  font-weight: 400;
}

.text-block.footer {
  color: #FFFFFF;
  text-align: center;
}

.text-block.admin-header-caption {
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px 4px;
  font-size: 110%;
  line-height: 120%;
  display: flex;
}

.text-block.admin-data {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 120%;
  display: flex;
}

.text-block.admin-header-block {
  color: #ffffff;
  text-align: center;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 200%;
  font-weight: 400;
}

.text-block.bold {
  font-weight: 500;
}

.text-block.left {
  text-align: left;
}

.text-block.larger {
  font-size: 130%;
  font-weight: 500;
}

.heading-2 {
  width: 100%;
  color: #585757;
  text-align: center;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  font-size: 200%;
  font-weight: 500;
}

.heading-4 {
  width: 100%;
  color: #585757;
  text-align: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 120%;
  font-weight: 500;
  line-height: 150%;
}

.heading-4.left {
  text-align: left;
}

.form {
  width: 100%;
  float: none;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  display: block;
}

.form-label {
  color: #585757;
  margin-bottom: 5px;
  font-size: 100%;
  font-weight: 500;
}

.checkbox-label {
  color: #585757;
  font-size: 100%;
}

.links {
  color: #4c17ca;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  display: inline-block;
}

.links:hover {
  opacity: .6;
}

.sub-heading {
  width: 100%;
  color: #585757;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 150%;
  font-weight: 500;
  display: block;
}

.sub-heading.centre {
  text-align: center;
}

.checkbox-field {
  width: 100%;
  float: left;
  clear: none;
  color: #585757;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;
}

.text-field {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
}

.text-field.w-input.date-w {
  width:200px;
}

.text-field.w-input.text-75 {
  width:75px;
}

.text-field.w-select.time-w {
  width:150px;
}

.text-field.w-select.time-w-200 {
  width:200px;
}

.text-field.w-input.number-w {
  width:100px;
}



.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 2.75fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid.admin {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.5fr 2.75fr .5fr .5fr 1fr .5fr .5fr .5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.cal_header_element {
  opacity: .7;
  text-align: right;
  border-radius: 20px;
  flex: 0 7.5%;
  justify-content: space-around;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.cal_header_element:hover {
  opacity: 1;
}

.cal_header_element.month {
  opacity: 1;
  text-align: center;
  flex: 0 85%;
  justify-content: center;
  font-size: 200%;
  display: flex;
}

.cal_header_element.month:hover {
  opacity: 1;
}

.admin-header-title-block {
  background-color: #4c17ca;
  border-bottom: 1px solid #ddd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  font-size: 100%;
  display: flex;
}

.cal-text-block {
  width: 100%;
  text-align: left;
  padding: 8px 10px;
  line-height: 100%;
  display: block;
}

.cal-text-block.cal-month {
  width: 100%;
  height: auto;
  float: left;
  opacity: 1;
  color: #4c17ca;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Encode Sans, sans-serif;
  font-weight: 500;
  display: block;
}

.cal-text-block.cal-day-header {
  width: 100%;
  color: #494848;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #888686;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Encode Sans, sans-serif;
  font-size: 115%;
  font-weight: 600;
}

.cal-text-block.cal-element-text {
  color: #585757;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
}

.cal-text-block.cal-element-text.white {
  color: #fff;
}

.cal-text-block.details-link {
  color: #585757;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
}

.grid-element {
  width: 100%;
  align-items: center;
  display: flex;
}

.grid-element.header-block {
  background-color: #4c17ca;
  flex-direction: row;
  align-items: stretch;
  display: flex;
}

.grid-element.data-container {
  border: 1px solid #ddd;
}

.grid-element.icon-container {
  border: 1px solid #ddd;
  justify-content: center;
  align-items: stretch;
}

.cal-element-container {
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cal-element-container.day-header {
  width: 100%;
  color: #494848;
  background-color: rgba(136, 134, 134, 0);
  border-radius: 5px;
  flex-wrap: wrap;
  font-family: Encode Sans, sans-serif;
  display: flex;
}

.cal-element-container.day-header.wkend {
  background-color: rgba(136, 134, 134, .3);
}

.cal-element-container.cal-day-wrapper {
  border: 1px rgba(0, 0, 0, 0);
  align-items: flex-start;
  padding-top: 0;
  font-family: Encode Sans, sans-serif;
}

.cal-element-container.day {
  width: 100%;
  background-color: rgba(136, 134, 134, .3);
  border-radius: 5px;
  flex-wrap: wrap;
  font-family: Encode Sans, sans-serif;
}

.cal-element-container.day.wkend {
  background-color: rgba(136, 134, 134, .3);
}

.cal-element-container.cal-day-wrapper {
  background-color: #e2ddfa;
  border: 1px rgba(0, 0, 0, 0);
  align-items: flex-start;
  padding-top: 0;
  font-family: Encode Sans, sans-serif;
}

.web-icon {
  width: 30px;
  height: 30px;
  float: none;
}

.griid-calendar-days {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fff;
  border-bottom: 1px #686767;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-top: 4px;
}

.cal-header-wrapper {
  background-color: #4c17ca;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.admin-flex-row-wrapper {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: center;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.admin-flex-child {
  border: 1px solid #ddd;
  flex: 0 10%;
}

.admin-flex-child._5 {
  flex-basis: 5%;
}

.admin-flex-child._20 {
  flex-basis: 20%;
}

.grid-two-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
}

.grid-one-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
}

.grid-three-colum {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}


.cal-text-block-3 {
  width: 100%;
  text-align: left;
  justify-content: center;
  align-self: stretch;
  padding: 10px;
  font-size: 100%;
  line-height: 110%;
  display: flex;
}

.cal-text-block-3.cal-month-arrow {
  width: auto;
  float: none;
  color: #4c17ca;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.25em;
  font-weight: 500;
}

.cal-text-block-3.cal-month-arrow:hover {
  opacity: 0;
  color: #fff;
}

.cal-text-block-3.cal-day {
  width: 100%;
  color: #585757;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  font-family: Encode Sans, sans-serif;
  font-size: 110%;
  font-weight: 500;
}

.cal-text-block-3.cal-day.wkend {
  background-color: rgba(0, 0, 0, 0);
}

.cal-text-block-3.cal-month {
  width: 100%;
  height: auto;
  float: left;
  opacity: 1;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Encode Sans, sans-serif;
  font-weight: 500;
  display: block;
}

.cal-flex-event-2 {
  width: 100%;
  height: auto;
  background-color: #ccc1fc;
  border-style: none;
  border-width: 1px 1px 3px;
  border-bottom-color: rgba(76, 23, 202, .22);
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  font-family: Encode Sans, sans-serif;
  display: flex;
}

.event_sub-div {
  width: 100%;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  align-self: center;
  padding-top: 3px;
  padding-bottom: 0;
  padding-left: 0;
}

.grid-cal-body-2 {
  grid-column-gap: 4px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-bottom: 2px;
  display: grid;
}

.grid-cal-body-2 a:link {
  text-decoration: none;
}

.cal-event-container { 
  width: 100%;
  min-height: auto;
  border-radius: 5px;
  flex-wrap: wrap;
  align-self: top;
  display: block;
  height:50px;
  text-align: center;
  line-height: 50px;
}

.cal-event-container.today {
  background-color: #f6d8e1;
}

.cal-event-container.past {
  background-color: rgba(136, 134, 134, .4);
}

.cal-event-container.weekend {
  background-color: #ffe7c9;
}

.cal-event-container.calendar-on {
  background-color: #e2ddfa;
  color: #4c17ca;
  font-size: 15px;
  font-weight: 600;
}



.cal-event-container.calendar-off {
  background-color: #cccccc;
  color: #a6a6a6;
  font-size: 15px;
  font-weight: 600;
}
.cal-event-item {
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.cal-event-item.more {
  display: flex;
}

.cal-event-item.activity {
  background-color: #4c17ca;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  transition: opacity .35s;
}

.cal-event-item.activity:hover {
  opacity: .5;
}

.cal-event-item.activity.today {
  background-color: #b80236;
}

.cal-event-item.activity.today:hover {
  opacity: 1;
}

.cal-event-item.activity.past {
  background-color: #807e7e;
}

.cal-event-item.activity.past.today {
  background-color: #b80236;
}

.cal-event-item.time {
  background-color: rgba(255, 255, 255, .75);
  align-items: flex-start;
}

.grid-cal-body {
  grid-column-gap: 4px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-bottom: 10px;
  display: grid;
}

.submenu-flex-wrapper {
  width: 100%;
  float: none;
  justify-content: flex-start;
  display: flex;
}

.submenu-flex-wrapper.right {
  justify-content: flex-end;
}

.submenu-flex-wrapper.centre {
  justify-content: center;
}

.nav-menu-2 {
  width: 100%;
  background-color: #180546;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navigation-bar {
  width: 100%;
  max-width: none;
  align-items: flex-start;
  padding: 5px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
}

.nav-link {
  color: #fff;
  border-radius: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  transition: opacity .35s;
}

.nav-link:hover {
  opacity: .6;
}

.nav-link.login {
  background-color: #4c17ca;
  transition: color .35s, background-color .35s;
}

.nav-link.login:hover {
  color: #4c17ca;
  background-color: #fff;
}

.nav-bar {
  width: 100%;
  color: #fff;
  background-color: #fff;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .47);
}

.nav-menu {
  width: 100%;
  background-color: #4c17ca;
  display: flex;
}

.nav-link-2 {
  float: right;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 100%;
  font-weight: 500;
  transition: color .3s;
}

.nav-link-2:hover {
  opacity: .6;
  color: #fff;
}

.nav-link-2.w--current {
  color: #ff4d00;
}

.logo {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.brand {
  width: 100%;
}

.response-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.radio-button-label {
  font-size: 100%;
}

@media screen and (min-width: 1920px) {
  .image.data-icon {
    width: 65%;
    height: auto;
    max-height: none;
    max-width: none;
  }

  .cal-text-block, .cal-text-block-3 {
    padding-left: 5px;
  }

  .event_sub-div {
    width: auto;
    padding-left: 0;
  }

  .cal-event-item {
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .cal-event-item.more {
    flex-wrap: wrap;
  }

  .navigation-bar {
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .section.standout {
    padding-left: 25px;
    padding-right: 25px;
  }

  .container.cal-header {
    justify-content: space-around;
    display: flex;
  }

  .image.data-icon {
    width: 80%;
    height: 80%;
    max-height: none;
    max-width: none;
  }

  .flex-child.admin-menu {
    flex-basis: 31%;
  }

  .heading-1 {
    color: #585757;
    font-size: 220%;
  }



  .text-block.admin-menu {
    line-height: 135%;
  }

  .text-block.admin-header-caption {
    width: 100%;
    font-size: 100%;
  }

  .text-block.admin-header-block {
    font-size: 160%;
  }

  .text-block.larger {
    font-size: 120%;
  }

  .cal_header_element {
    flex: 0 auto;
  }

  .cal_header_element.month {
    flex: 0 60%;
  }

  .admin-header-title-block {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .cal-text-block {
    padding: 6px 5px;
    font-size: .9em;
    line-height: 115%;
  }

  .cal-text-block.cal-month {
    width: 70%;
    float: left;
    clear: both;
    font-size: 90%;
    display: block;
  }

  .cal-text-block.cal-day-header {
    justify-content: center;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 95%;
    line-height: 120%;
    display: flex;
    font-weight: 600;
  }

  .web-icon {
    width: 26px;
    height: 26px;
  }

  .cal-header-wrapper {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
  }

  .admin-flex-row-wrapper {
    width: 100%;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: relative;
  }

  .cal-text-block-3 {
    padding: 6px 5px;
    font-size: .9em;
    line-height: 115%;
  }

  .cal-text-block-3.cal-month-arrow {
    width: auto;
    float: left;
    clear: left;
    position: relative;
  }

  .cal-text-block-3.cal-day {
    font-size: 1em;
  }

  .cal-text-block-3.cal-month {
    width: 70%;
    float: left;
    clear: both;
    font-size: 100%;
    display: block;
  }

/*
  .grid-cal-body-2 {
    grid-template-rows: auto auto;
  }
*/
  .cal-event-item.activity, .cal-event-item.time {
    flex-wrap: nowrap;
  }

  .grid-cal-body {
    grid-template-rows: auto auto;
  }

  .logo {
    width: 60px;
    float: left;
  }

  .brand {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .container-calendar.calendar-wrapper {
    min-height: 50px;
  }

  .heading-3 {
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 140%;
  }

  .flex-child.admin-menu {
    flex-basis: 48%;
  }

  .heading-1 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 200%;
  }

  .text-block.admin-menu {
    font-size: 110%;
  }

  .text-block.admin-header-caption {
    font-size: 90%;
  }

  .text-block.admin-data {
    font-size: 80%;
  }

  .text-block.admin-header-block {
    font-size: 140%;
  }

  .text-block.larger {
    font-size: 110%;
    line-height: 130%;
  }

  .heading-2 {
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 170%;
  }

  .heading-4 {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 115%;
  }

  .form {
    width: 100%;
    flex-direction: column;
    flex: 0 auto;
    display: block;
  }

  .links {
    font-size: 13px;
    line-height: 18px;
  }

  .cal_header_element {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  }

  .cal-text-block {
    font-size: 80%;
    line-height: 100%;
  }

  .cal-text-block.cal-day-header {
    font-size: 75%;
    display: block;
  }

  .cal-text-block.cal-month {
    width: auto;
    text-align: center;
    flex: 0 auto;
    font-size: 22px;
  }

  .web-icon {
    width: 24px;
    height: 24px;
  }

  .admin-flex-row-wrapper {
    align-items: stretch;
  }

  .cal-text-block-3 {
    font-size: 80%;
    line-height: 100%;
  }

  .cal-text-block-3.cal-month-arrow {
    width: auto;
    flex: 0 auto;
    font-size: 18px;
  }

  .cal-text-block-3.cal-day {
    font-size: 85%;
    display: none;
  }

  .cal-text-block-3.cal-month {
    width: auto;
    text-align: center;
    flex: 0 auto;
    font-size: 22px;
  }

  .event_sub-div {
    width: 70%;
  }
/*
  .grid-cal-body-2 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }
*/
  .grid-cal-body {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .nav-menu-2, .nav-menu {
    background-color: rgba(45, 50, 65, .9);
    display: block;
  }

  .nav-link-2 {
    width: 100%;
    display: block;
  }

  .logo {
    width: 48px;
  }

  .brand {
    width: 80%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
}

@media screen and (max-width: 479px) {
  .section.standout, .container.flex {
    padding-left: 20px;
    padding-right: 20px;
  }

  .flex-child.admin-menu.dark {
    align-items: center;
  }

  .heading-1 {
    font-size: 150%;
  }

  .button {
    margin-right: 0;
  }

 

  .text-block.admin-header-block {
    font-size: 120%;
  }

  .text-block.larger {
    font-size: 100%;
    line-height: 120%;
  }

  .links {
    font-size: 13px;
    line-height: 18px;
  }

  .cal-text-block {
    width: 100%;
    float: right;
    font-size: 70%;
    line-height: 90%;
  }

  .cal-text-block.cal-month {
    width: auto;
    font-size: 20px;
  }

  .cal-text-block.cal-day-header {
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 85%;
    display: block;
  }

  .cal-element-container.day-header {
    justify-content: flex-start;
  }

  .cal-element-container.cal-day-wrapper {
    width: 100%;
    justify-content: flex-start;
  }

  .cal-element-container.day {
    justify-content: flex-start;
  }

  .cal-element-container.cal-day-wrapper {
    width: 100%;
    justify-content: flex-start;
  }

  .web-icon {
    width: 24px;
    height: 24px;
  }

  .cal-text-block-3 {
    width: 100%;
    float: right;
    font-size: 70%;
    line-height: 90%;
  }

  .cal-text-block-3.cal-month-arrow {
    width: auto;
    font-size: 16px;
    display: none;
  }

  .cal-text-block-3.cal-day {
    width: 33.333%;
    text-align: left;
  }

  .cal-text-block-3.cal-month {
    width: auto;
    font-size: 20px;
  }

  .cal-flex-event-2 {
    justify-content: flex-start;
    display: flex;
  }

/*
  .grid-cal-body-2 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }
*/
  .grid-cal-body {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .logo {
    width: 42px;
  }
}

#email-form.w-node-_2f96ea58-80f2-b82b-9215-27ff8bffdfea-3647357c {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_2f96ea58-80f2-b82b-9215-27ff8bffe011-3647357c {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-fad8c979-18dd-9086-9375-2bb4e1f5fcab-36473592 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_4e9a1776-a7a6-5b92-73a1-e335f589bad3-36473592 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: auto;
}

#w-node-b8e95de2-6d84-c291-7723-71c8f6bd9153-36473592, #w-node-_5428ad00-2283-fec0-2ee3-3620bcbd6fca-36473592 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_905e94d8-a344-65cb-d982-5b8c15900b6e-36473592, #w-node-_628402a8-5fbc-6af8-817c-3769e3791ada-36473592, #w-node-b166b169-a4ca-2817-2b03-b2d863387630-36473592, #w-node-_7a9dbf8f-02dc-cfd5-c920-426ffc4b601e-36473592, #w-node-_4eddfc1e-295d-5175-ef36-9abbecfa5312-36473592, #w-node-_00cc82a7-53ba-3ace-5351-dc44e14e8a08-36473592, #w-node-_138abedd-f5da-f449-56ec-aa74abb99073-36473592, #w-node-ab46f0cc-e4f4-2e62-28aa-2b72cefff42b-36473592, #w-node-_98cdf24f-04fe-f8d7-d389-7d43fb08fdbf-36473592, #w-node-f820a739-cee5-0d7f-887f-1c23b5df7d1a-36473592, #w-node-bfeaa21e-bcff-84f2-c4db-aa4dce9822ac-36473592 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_1f36f1ac-5811-44c5-5422-9ec9627ff6f6-36473592, #w-node-_7807de88-e39f-9141-cb8e-cfd50912b014-36473592 {
  align-self: center;
  justify-self: center;
}

#w-node-b11b4175-5cc5-6f91-9be5-613cd401f97c-36473592, #w-node-e6ec5ba5-33ee-0794-2ef7-389dbefe3152-36473592, #w-node-bdef892a-b5cd-61a4-338f-69ca455d8d82-36473592, #w-node-d9c3bc81-c241-b506-8fbb-915e739611a9-36473592, #w-node-ff7a08c5-750e-5a6c-0ba6-64cd7820f1c8-36473592, #w-node-_3ff3e8ca-795b-5301-e7b0-e1b0e55d0f09-36473592, #w-node-_1e21eb79-aae3-aceb-c4aa-34f38080db8a-36473592, #w-node-e948bbaa-9ee9-d7fc-2442-88869571e2c4-36473592 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_8815c2b7-ae97-888e-31ff-b3efb28276f4-36473592, #w-node-_1f36f1ac-5811-44c5-5422-9ec9627ff6da-36473592 {
  align-self: center;
  justify-self: center;
}

#w-node-_0900201b-7862-b799-db77-a374903fd94f-36473592, #w-node-_842ca864-c747-4132-fa7c-97e63d6f6909-36473592, #w-node-_3ff3eee3-994d-6e33-07b3-513417c0140e-36473592, #w-node-ab163b3b-4d9e-abf7-21fc-e13410abc724-36473592, #w-node-_7b402c76-0ab3-750d-3988-234a9b238445-36473592, #w-node-b2737dc6-6cb3-69e4-44cc-9fd01d038e55-36473592, #w-node-b218614d-bfe2-06fc-55c9-3cbf67a42e6a-36473592, #w-node-a5b008a4-f95a-e15c-1543-b13d0ff1d504-36473592 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_1f36f1ac-5811-44c5-5422-9ec9627ff6d8-36473592, #w-node-f0ad240a-2254-a68a-1f10-71dc7febfdf3-36473592 {
  align-self: center;
  justify-self: center;
}

#w-node-b8e60e52-8011-086a-1338-3f70883e7049-36473592, #w-node-c91e8953-a82d-7358-bfda-be0a5c9a506f-36473592, #w-node-f9e7b1a3-1483-14d7-5a97-acad35842284-36473592, #w-node-_8257c193-c780-d17a-8b43-03b7759c1f04-36473592, #w-node-_8cd927f6-da55-f523-0a88-10830e4ad2a2-36473592, #w-node-_103da7b3-3efb-db4d-23ae-10d661f69221-36473592, #w-node-ce7a181e-5283-a659-04ee-66da7782193d-36473592, #w-node-_580fe6c4-e016-1409-a4ab-1e53257f4f32-36473592, #w-node-a0a48e25-c6c4-c80b-5f1a-a03f6c8433b4-36473592, #w-node-_46dd6f47-ee12-d3e8-3d3a-10974f3104cb-36473592, #w-node-_62d58f7b-9cdd-d942-318c-0394697ab7c3-36473592, #w-node-ed0657bb-e5ad-1b22-0a20-a242e5b41aed-36473592, #w-node-_1ef958c1-aeec-76d4-9aee-1d3b1b278db3-36473592, #w-node-_87fe6267-191c-61e8-1b3a-9a0b325be014-36473592, #w-node-_8debe03c-29f0-93de-4058-8aab745ee425-36473592, #w-node-_39e6a5e4-b208-467a-6b24-e7b12a41dcc5-36473592, #w-node-ead7d08d-e6f5-59a6-db82-8bbe8f4c2efb-36473592, #w-node-_9777de73-71e3-9897-d650-132f3b33ef36-36473592, #w-node-a3b7de4d-5406-7ac6-4741-9608c2abe074-36473592, #w-node-_526a4c37-a3c2-57b4-8f65-211cf3549d2b-36473592, #w-node-c2e798ae-7080-f7a3-db0b-fae4ea735ec0-36473592, #w-node-aef377b8-565e-50da-aed8-019172908f9d-36473592, #w-node-ad688ec2-736d-c36d-89eb-04fc06a31ff6-36473592, #w-node-_574f5eec-9803-ee4e-e5af-7b46fc251c63-36473592, #w-node-db6f7fe5-2bba-4bb3-1602-29b35e8c1bba-36473592, #w-node-_0a9c0d56-e3c9-3d2d-2d23-2daf598e9780-36473592, #w-node-d6ab86cd-4c20-9c7a-163c-384088b5a1ee-36473592, #w-node-_2746d9c2-c211-4e84-4bcc-4ba44441cd12-36473592 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_645d9d6a-4240-31af-cc77-1179220ed2d4-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed2d5-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed2dd-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed2de-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed2e6-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed2e7-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed2ef-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed2f0-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed2f8-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed2f9-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed301-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed302-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed30a-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed30b-36473594 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_645d9d6a-4240-31af-cc77-1179220ed2d9-36473594, #w-node-_041a2210-ac0c-ae68-7fad-77930f514d4f-36473594 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_645d9d6a-4240-31af-cc77-1179220ed2e2-36473594 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_645d9d6a-4240-31af-cc77-1179220ed2eb-36473594 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_645d9d6a-4240-31af-cc77-1179220ed2f4-36473594 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_645d9d6a-4240-31af-cc77-1179220ed2fd-36473594 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_645d9d6a-4240-31af-cc77-1179220ed306-36473594, #w-node-_645d9d6a-4240-31af-cc77-1179220ed30f-36473594, #w-node-_4e7879b4-8a85-b4e7-1ab7-63983eec08e8-36473594, #w-node-fac34aa0-086e-dc43-bd31-3f2faff83f52-36473594, #w-node-_6da91e40-282c-f993-c049-fed463f59d0d-36473594, #w-node-c25f1aaf-7e2f-be1c-101d-d2ed9410f0b8-36473594, #w-node-_3d35238b-1665-a6e9-596d-ae28c245aa03-36473594, #w-node-_54165f7e-b97f-f0d8-b8fe-281b77795ac0-36473594, #w-node-e66d95f3-f16f-fc52-1bf4-3d190a5fe0a9-36473594, #w-node-edbfdcd6-8e52-0c8a-6259-51f89da96a0e-de7c3db7, #w-node-edbfdcd6-8e52-0c8a-6259-51f89da96a11-de7c3db7, #w-node-edbfdcd6-8e52-0c8a-6259-51f89da96a14-de7c3db7, #w-node-edbfdcd6-8e52-0c8a-6259-51f89da96a17-de7c3db7, #w-node-edbfdcd6-8e52-0c8a-6259-51f89da96a1a-de7c3db7, #w-node-edbfdcd6-8e52-0c8a-6259-51f89da96a1d-de7c3db7, #w-node-edbfdcd6-8e52-0c8a-6259-51f89da96a20-de7c3db7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aade-de7c3db7 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aae1-de7c3db7 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aae4-de7c3db7 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aae7-de7c3db7 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aaea-de7c3db7 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aaed-de7c3db7 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aaf0-de7c3db7 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aaf3-de7c3db7, #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89ab06-de7c3db7, #w-node-_749dac74-17ce-5def-239c-3bd67e6fef98-de7c3db7, #w-node-_379b4e2b-8575-f041-d1aa-b8b41e233ed9-de7c3db7, #w-node-_5f281d9c-537a-9841-9b5f-9a9bf9df5a88-de7c3db7, #w-node-_0bb6228b-3dd8-3ec9-073a-d2111b89d96d-de7c3db7, #w-node-_12f83e4b-8d9b-dfc7-9666-ea10bf0b1989-de7c3db7 {
  align-self: stretch;
}

@media screen and (min-width: 1920px) {
  #w-node-_1f36f1ac-5811-44c5-5422-9ec9627ff6f6-36473592 {
    align-self: stretch;
    justify-self: auto;
  }

  #w-node-_7807de88-e39f-9141-cb8e-cfd50912b014-36473592 {
    align-self: stretch;
  }

  #w-node-_8815c2b7-ae97-888e-31ff-b3efb28276f4-36473592 {
    align-self: stretch;
    justify-self: center;
  }

  #w-node-_1f36f1ac-5811-44c5-5422-9ec9627ff6da-36473592, #w-node-_1f36f1ac-5811-44c5-5422-9ec9627ff6d8-36473592, #w-node-f0ad240a-2254-a68a-1f10-71dc7febfdf3-36473592 {
    align-self: stretch;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_1f36f1ac-5811-44c5-5422-9ec9627ff6f6-36473592, #w-node-_7807de88-e39f-9141-cb8e-cfd50912b014-36473592, #w-node-_8815c2b7-ae97-888e-31ff-b3efb28276f4-36473592, #w-node-_1f36f1ac-5811-44c5-5422-9ec9627ff6da-36473592, #w-node-_1f36f1ac-5811-44c5-5422-9ec9627ff6d8-36473592 {
    align-self: stretch;
  }

  #w-node-f0ad240a-2254-a68a-1f10-71dc7febfdf3-36473592 {
    align-self: stretch;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2e6-36473594 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2ef-36473594 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2f8-36473594 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed301-36473594 {
    grid-area: 5 / 2 / 6 / 3;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed30a-36473594 {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2eb-36473594 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2f4-36473594 {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2fd-36473594 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed306-36473594 {
    grid-area: 6 / 2 / 7 / 3;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed30f-36473594 {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-_4e7879b4-8a85-b4e7-1ab7-63983eec08e8-36473594, #w-node-fac34aa0-086e-dc43-bd31-3f2faff83f52-36473594, #w-node-_6da91e40-282c-f993-c049-fed463f59d0d-36473594, #w-node-c25f1aaf-7e2f-be1c-101d-d2ed9410f0b8-36473594, #w-node-_3d35238b-1665-a6e9-596d-ae28c245aa03-36473594, #w-node-_54165f7e-b97f-f0d8-b8fe-281b77795ac0-36473594, #w-node-e66d95f3-f16f-fc52-1bf4-3d190a5fe0a9-36473594 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aae4-de7c3db7 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aae7-de7c3db7 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aaea-de7c3db7 {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aaed-de7c3db7 {
    grid-area: 1 / 6 / 2 / 7;
  }

  #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aaf0-de7c3db7 {
    grid-area: 1 / 7 / 2 / 8;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_2f96ea58-80f2-b82b-9215-27ff8bffe011-3647357c {
    grid-area: 10 / 1 / 11 / 3;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2d4-36473594 {
    order: -9999;
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2dd-36473594 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2e6-36473594 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2ef-36473594 {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2f8-36473594 {
    grid-area: 9 / 1 / 10 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed301-36473594 {
    grid-area: 11 / 1 / 12 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed30a-36473594 {
    grid-area: 13 / 1 / 14 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2d9-36473594 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_041a2210-ac0c-ae68-7fad-77930f514d4f-36473594 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2e2-36473594 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2eb-36473594 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2f4-36473594 {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed2fd-36473594 {
    grid-area: 10 / 1 / 11 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed306-36473594 {
    grid-area: 12 / 1 / 13 / 2;
  }

  #w-node-_645d9d6a-4240-31af-cc77-1179220ed30f-36473594 {
    grid-area: 14 / 1 / 15 / 2;
  }

  #w-node-_4e7879b4-8a85-b4e7-1ab7-63983eec08e8-36473594, #w-node-fac34aa0-086e-dc43-bd31-3f2faff83f52-36473594, #w-node-_6da91e40-282c-f993-c049-fed463f59d0d-36473594, #w-node-c25f1aaf-7e2f-be1c-101d-d2ed9410f0b8-36473594, #w-node-_3d35238b-1665-a6e9-596d-ae28c245aa03-36473594, #w-node-_54165f7e-b97f-f0d8-b8fe-281b77795ac0-36473594, #w-node-e66d95f3-f16f-fc52-1bf4-3d190a5fe0a9-36473594 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aade-de7c3db7 {
    order: -9999;
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aae1-de7c3db7, #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aae4-de7c3db7, #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aae7-de7c3db7, #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aaea-de7c3db7, #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aaed-de7c3db7, #w-node-_12f3e9ae-4856-b0c0-1e29-df25bd89aaf0-de7c3db7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

.grid-container-1 {
  display: grid;
  grid-template-columns: auto;
  gap: 0px;
  border: 1px solid grey;
}

.grid-container-1 > div {
   padding: 5px 2px;
   background:white;
   text-align: center;
}
 
.grid-container-1-position {
  display: grid;
  grid-template-columns: auto;
  gap: 5px; 
}

.grid-container-1-position > div {
   padding: 5px 2px;
   text-align: left;
}

.grid-container-1-position.width_20pc.align_center  {
  display: grid;
  grid-template-columns: auto;
  gap: 5px; 
  width: 20%;
  margin-left: auto;
  margin-right: auto;
}

.grid-container-1-position.width_20pc.align_center  > div {
   padding: 5px 2px;
   text-align: left;
}

.cal-grid-container-1 {
  display: grid;
  grid-template-columns: auto;
  gap: 5px;
}

.cal-grid-container-1-position > div {
   padding: 5px 2px;
   text-align: left;
}


.grid-container-2 {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0px;
  padding: 10px;
}

.grid-container-2 > div {
   border: 1px solid grey;
   text-align: center;
   padding: 5px 2px;
   background:white;
} 



.grid-container-2_img {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0px;
  padding: 10px;
}

.grid-container-2_img > div {
   border: none;
   text-align: center;
   padding: 5px 2px;
   background:white;
}
  


.cal-grid-container-2 {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0px;
  padding: 0px;
}

.cal-grid-container-2 > div {
   border: none;
   text-align: center;
   padding: 0px;
}

.grid-container-3 { 
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 0px;
  padding: 10px;
}

.grid-container-3 > div {
   border: 1px solid grey;
   text-align: center;
   padding: 5px 2px;
   background:white;
} 

.grid-container-3-select-button { 
  display: grid;
  grid-template-columns: auto 65px auto;
  grid-template-rows: auto 25px auto;
  gap: 0px;
  padding: 0px;
  width:100%;
  height:100%;
}

.grid-container-3-select-button > div { 
   text-align: center;
   padding: 0px 0px;
   background:white;
}



.grid-container-3-no-back { 
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 5px;
  padding: 0px;
}

.grid-container-3-no-back > div {
   text-align: center;
   padding: 5px 2px;
}


.grid-container-4 {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 0px;
  padding: 10px;
}

.grid-container-4 > div {
   border: 1px solid grey;
   text-align: center;
   padding: 5px 2px;
   background:white;
   }

.grid-container-4-no-back { 
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 5px;
  padding: 0px;
}

.grid-container-4-no-back > div {
   text-align: center;
   padding: 5px 2px;
}

.grid-container-4-search { 
  display: grid;
  grid-template-columns: 100px auto 150px 150px;
  gap: 0px;
  padding: 10px;
}

.grid-container-4-search > div {
   text-align: center;
   padding: 5px 2px;
  
} 
.grid-container-5 {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  gap: 0px;
  padding: 10px;
}

.grid-container-5 > div {
   border: 1px solid grey;
   text-align: center;
   padding: 5px 2px;
   background:white;
   }

.grid-container-6 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto ;
  gap: 0px;
  padding: 10px;
}

.grid-container-6 > div {
   border: 1px solid grey;
   text-align: center;
   padding: 5px 2px;
   background:white;
   }

.grid-container-7 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto;
  gap: 0px;
  padding: 10px;
}

.grid-container-7 > div {
   border: 1px solid grey;
   text-align: center;
   padding: 5px 2px;
   background:white;
   }

.grid-container-8 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto;
  gap: 0px;
  padding: 10px;
}

.grid-container-8 > div {
   border: 1px solid grey;
   text-align: center;
   padding: 5px 2px;
   background:white;
   }

.grid-container-9 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto;
  gap: 0px;
  padding: 10px;
}

.grid-container-9 > div {
   border: 1px solid grey;
   text-align: center;
   padding: 5px 2px;
   background:white;
   }

 .grid-container-10 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
  gap: 0px;
  padding: 10px;
}

.grid-container-10 > div {
   border: 1px solid grey;
   text-align: center;
   padding: 5px 2px;
   background:white;
}

.grid-container-11 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;
  gap: 0px;
  padding: 10px;
}

.grid-container-11 > div {
   border: 1px solid grey;
   text-align: center;
   padding: 5px 2px;
   background:white;
}  
.grid-container-12 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
  gap: 0px;
  padding: 10px;
}

.grid-container-12 > div {
   border: 1px solid grey;
   text-align: center;
   padding: 5px 2px;
   background:white;
} 

.finalReport { 
    width:100%;
    font-weight: 600;
    text-align: center;
    color:red;
    padding:5px;
}

.padding-valign-30 {
    padding-top:30px;
    height:100%;
}

.table_row_head {
    font-weight:600;
}

.calendar_links {
     text-decoration: none;
     width:100%;
     color:black;
}

.section.cal-month-content {
  margin-top: 0;
  padding-top: 4px;
  position: relative;
}

.check-box-centre {
   padding:50px;
}

.check-box-centre.left-10 {
  padding:0px;
  margin-right:auto;
  margin-left:10%;
}

.input-field-locate-200 {
  width:200px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 600px) {
      .grid-container-2_img {
        grid-template-columns: 1fr; /* Switch to a single column layout */
    }
}


  .password-wrapper {
    position: relative;
    display: inline-block;
  }

  #password {
    padding-right: 40px; /* leave room for the icon */
  }

  #togglePassword {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #666;
  }

  #togglePassword:hover {
    color: #000;
  }



.grid-container-1-onsite {
  display: grid;
  grid-template-columns: auto;
  gap: 0px;
  border: 1px solid grey;
  margin-left: auto;
  margin-right: auto;
  width:350px;
}

.grid-container-1-onsite > div {
   padding: 5px 2px;
   background:white;
   text-align: center;
}


.grid-container-2-no-border {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0px;
  padding: 10px;
}
 
.grid-container-2-no-border > div {
   text-align: center;
   padding: 5px 2px;
   background:white;
} 

.grid-container-2-no-borderback {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0px;
  padding: 10px;
}
 
.grid-container-2-no-borderback > div {
   text-align: center;
   padding: 5px 2px;

}