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

.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;
}

 .centralise_yes_no_100
{
   width:100px; 
   margin-left:auto; 
   margin-right:auto;
}

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

.login_form {
   height: 520px;
}

.login_form_spacer {
   height: 80px;
}

.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;
}

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

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

.grid-container-1-position.checkout  {
  display: grid;
  grid-template-columns: auto;
  gap: 5px; 
  width: 60%;
  margin-left: auto;
  margin-right: auto;

}

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

.grid-container-1.no-padding{
}

.grid-container-1.no-padding > div {
   padding: 0px 0px;
   text-align: left;
}

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

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

.grid-container-1-no-borderback {
  display: grid;
  grid-template-columns: auto;
  gap: 0px;
}

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

.grid-container-1-no-borderback_80 {
  display: grid;
  grid-template-columns: auto;
  gap: 0px;
  width: 80%;
  border: 1px solid #cccccc;
}

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

.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-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;
} 

.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-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-3-no-border { 
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 0px;
  padding: 0px;
}

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




.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_no_border {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 0px;
  padding: 10px;
}

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

.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;
}

.table_row_head.underline {
    border-bottom: 1px solid #ccc;
}

.table_row_head.topline {
    border-top: 1px solid #ccc;
}
.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;
}


.button.sub-option.breadcrumb.align_right {
   margin-left: auto;
   margin-right: 0;
}

.button.sub-option.breadcrumb.align_left {
   margin-left: 0;
   margin-right: auto;
}

.align_right {
   margin-left: auto;
   margin-right: 0;
}

.align_left {
   margin-left: 0;
   margin-right: auto;
}

.centralise_yes_no_100
{
   width:100px; 
   margin-left:auto; 
   margin-right:auto;
}