/* Tony created on Oct 28th 2022 
Updated on Sept 29 2024 */
body {
    background: #F2F2F2 !important;
}
.wrapper {
    margin-top: 5%;
}
.wrapper img {
    height: 60px;
}
.wrapper .stripe {
    font-size: x-large;
    background: linear-gradient(to right, rgba(69,69,71,1) 0%,rgba(69,69,71,1) 100%) !important;
    color: #FFF;
    margin-top: 35px
}
.eds-button--primary, .eds-button--primary:visited {
    background-color: #454547;
    color: #ffffff;
}
.eds-button--primary {
  background-color: #d3de38; /* Centennial Green */
  border: none;
  color: #454547;
  /* padding: 10px 30px; */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 6px 2px;
  cursor: pointer;
  font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;
  font-stretch: condensed;
  float: left;
}

button.eds-button.eds-button--primary.eds-button--small {
  border-radius: unset !important;
}

.eds-button--primary {
  background-color: #d3de38; 
  color: #454547; 
  border: none;
}

.eds-button--primary:hover {
  background-color: #454547;
  color: #d3de38;
}
.ui.horizontal.divider {
 display:table;
 white-space:nowrap;
 height:auto;
 margin:'';
 line-height:1;
 text-align:center
}
.ui.horizontal.divider:after,
.ui.horizontal.divider:before {
 content:'';
 display:table-cell;
 position:relative;
 top:50%;
 width:50%;
 background-repeat:no-repeat
}
.ui.horizontal.divider:before {
 background-position:right 1em top 50%
}
.ui.horizontal.divider:after {
 background-position:left 1em top 50%
}
.ui.vertical.divider {
 position:absolute;
 z-index:2;
 top:50%;
 left:50%;
 margin:0;
 padding:0;
 width:auto;
 height:50%;
 line-height:0;
 text-align:center;
 transform:translateX(-50%)
}
.ui.vertical.divider:after,
.ui.vertical.divider:before {
 position:absolute;
 left:50%;
 content:'';
 z-index:3;
 border-left:1px solid rgba(34,36,38,.15);
 border-right:1px solid rgba(255,255,255,.1);
 width:0%;
 height:calc(100% - 1rem)
}
.ui.vertical.divider:before {
 top:-100%
}
.ui.vertical.divider:after {
 top:auto;
 bottom:0
}
.logo_title {
  float: inline-end;
  font-size: 36px;
  font-weight: 600;
  font-family: franklin-gothic-urw-comp, sans-serif;
  letter-spacing: -0.01em;
  line-height: normal;
}
.align_right_custom {
    float: inline-start;
}
.wrapper .button {
    background: #333333;
    padding: 4px;
    color: #fff;
    font-style: bold;
    font-size: 20px;
    line-height: 1.7em;
}
.wrapper .input {
  width: 300px;
  display: inline-flex;
}
i.icon {
  font-family: Icons !important;
  font-style: normal !important;
  font-weight: normal !important;
}
.form-inline .form-group {
  margin-bottom: 15px;
}

.product-title {
  padding: 70px;
  margin-bottom: 90px;
}

@media (min-width: 1200px) {
  .wrapper.login img {
    height: 75px;
  }
}

@media only screen and (min-width: 768px) {
  .logo_title {
    font-size: 3em;
  }
  .login-input-container {
    margin-bottom: 40px;
 }
}

@media only screen and (max-width: 960px) {
  .logo_title {
    font-size: 2.5em;
  }
  .wrapper img {
    height: 60px;
 }
}

@media only screen and (max-width: 850px) {
  .logo_title {
    font-size: 2em;
  }
  .wrapper img {
    height: 50px;
  }
}

@media only screen and (max-width: 430px) {
  .wrapper img {
    height: 35px;
  }
  .logo_title {
    font-size: 1.5em;
  }
  .form-inline .form-group {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1090px) {
  .wrapper .form {
    background: url(online_learning.jpg) no-repeat top;
    padding-bottom: 25px;
  }
}

.retrydialog img {
  height: 44px;
}

.login-input-container {
  display: unset;
}

.form-group {
  display: unset;
  width: auto;
}