.onoffswitch3
{
    position: relative; 
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch3-checkbox {
    display: none;
}

.onoffswitch3-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0px solid #999999; border-radius: 0px;
}

.onoffswitch3-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch3-inner > span {
    display: block; float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch3-inner .onoffswitch3-active {
    padding-left: 10px;
    background-color: #EEEEEE; color: #FFFFFF;
}

.onoffswitch3-inner .onoffswitch3-inactive {
    width: 100px;
    padding-left: 16px;
    background-color: #EEEEEE; color: #FFFFFF;
    text-align: right;
}

.onoffswitch3-switch {
    display: block; width: 50%; margin: 0px; text-align: center; 
    border: 0px solid #999999;border-radius: 0px; 
    position: absolute; top: 0; bottom: 0;
}
.onoffswitch3-active .onoffswitch3-switch {
    background: #F37533; left: 0;
    width: 160px;
}
.onoffswitch3-inactive{
    background: #A1A1A1; right: 0;
    width: 20px;
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
    margin-left: 0;
}

.scroll-text{
    color: #000;
}

.bg-logoBlue{
    background: #3CC182;
    color:#fff;
}
nav > ul > li > a{
    color:#ffffff!important;
}

nav > ul > li > a.active{
    color:#000000!important;
}
.gallery-p-b-20{
    padding-bottom: 20px;
}

.text-logo-danger{
    color:#F37533;
}

.table-hover tbody tr:hover {
  background-color: #f0f8ff; /* Light blue */
}

.date-box {
  width: 32px;
  height: 22px;
  background-color: #61CB99;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  margin: auto;
}
.month-name {
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
}
.bmborder{
    border:3px solid #3CC182;
}


.dotted-input {
      border: none;
      border-bottom: 2px dotted #000;
      background: none;
      outline: none;
      margin-left: 10px;
      margin-right: 10px;
      width:100%;
    }
    .form-inline-group {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 10px;
    }
    .form-inline-group label {
      margin-right: 10px;
      white-space: nowrap;
    }
    .checkbox-group {
      display: flex;
      flex-wrap: wrap;
    }
    .checkbox-group label {
      margin-right: 15px;
    }
    .section-title {
      font-weight: bold;
      color: #3f51b5;
      margin: 20px 0 10px;
      text-decoration: underline;
    }
    .signature-line {
      display: flex;
      justify-content: space-between;
      margin-top: 40px;
      padding: 0 10%;
    }
    .signature-line div {
      border-top: 1px solid #000;
      width: 20%;
      text-align: center;
    }
    .student-photo {
      position: absolute;
      top: 20px;
      right: 40px;
      border: 1px dashed #000;
      height: 100px;
      width: 80px;
      text-align: center;
      font-size: 14px;
      padding-top: 30px;
    }
    .logoForm {
      position: absolute;
      top: 20px;
      left: 40px;
      border: 1px dashed #000;
      height: 100px;
      width: 80px;
      text-align: center;
      font-size: 14px;
      padding-top: 30px;
    }