html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.container {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  min-height: 100% !important;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

label {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: 0.5px;
  text-align: right;
  color: #242132; /* Grey_12 */	
  margin-bottom: 12px !important;
}

h1 {
  font-size: 36px !important;
  font-weight: 400 !important;
  line-height: 1.28;
  letter-spacing: 0.8px;
  color: #242132; /* Grey_12 */	
}

.log-in-text {
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.5px;
  text-align: left;
  color: #242132; /* Grey_12 */	
  margin-top: 17px;
  margin-bottom: 36px;
}

span {
  color: #f29526; /* Primary */
}

.forgot-password-text {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.5px;
  text-align: right;
  color: #f29526; /*Secondary */
  margin-bottom: 32px !important;
}

.inputs {
  max-width: 420px !important;
  margin: 240px auto auto auto;
}

/* Fix for Internet explorer to hide the show password button */
input::-ms-clear, input::-ms-reveal {
    display: none;
}

input.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.5px;
  text-align: left;
  color: #d9d9d9; /* grey 06; */
}

input.form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.5px;
  text-align: left;
  color: #d9d9d9; /* grey 06; */
}

input.form-control {
  width: 422px;
  height: 58px;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(81, 148, 249, 0.1);
  border: solid 1px #d9d9d9; /* grey 06 */
  background-color: #ffffff; /* white */
  padding-right: 40px;
}

input {
  box-shadow: none !important;
  padding-left: 24px !important;
}
input:focus {
  border: solid 1px #f29526 !important; /* primary */
  box-shadow: none !important;
}

.log-in-button {
  width: 420px;
}

.forgot-button {
  width: 310px;
  margin-right: 13px;
}

.reset-button {
  width: 420px;
  margin-top: 0;
  margin-bottom: 24px;
}

.error-text {
    /*width: 303px;*/
    height: 18px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: 0.5px;
    color: #f46356; /* red */
    padding-bottom: 40px;
}

.error-text > ul{
    list-style-type: none;
    padding: 0;
}

.create-account-button{
  width: 420px;
  margin-top: 32px;
  margin-bottom: 18px;
}

button {
  height: 56px;
  border: none !important;
  border-radius: 5px;
  background-color: #4778F6 !important; /* Secondary */
}

button:focus {
  box-shadow: none !important;
}

button:disabled {
  background-color: #e0e0e0 !important; /* grey 05 */
}

.dropdown-divider {
  width: 420px;
  height: 1px;
  border-color: #e0e0e0; /* grey 05 */
  margin-top: 25px !important;
  margin-bottom: 15.5px !important;
}

.try-divider{
  width: 420px;
  height: 1px;
  border-color: #e0e0e0; /* grey 05 */
  margin-top: 16px !important;
  margin-bottom: 15.5px !important;
}

.get-started {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.5px;
  text-align: left;
  color: #242132; /* Grey_12 */	
}

.picture {
    background-image: url(/images/engineer-small.png);
    background-size: cover;
    background-position: center;
    max-width: 490px !important;
}

.desktop-image{
  font-size: 16px;
  bottom: 16px;
}

.get-back {
  margin: 14px 40px 0 31px;  
}

p.feedback{
  width: 422px;
  height: 56px;
  padding: 15px 0 0 16px;
  border-radius: 5px;
  border: solid 1px #5194f9;
  background-color: #eef5ff;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.5px;
  color: #5194f9;
}

.inputs {
  max-width: 450px !important;
  margin: 240px auto auto auto;
}

.terms-and-cond{
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.5px;
  color: #242132; /* Grey_12 */	
}

.password-reset {
  margin-bottom: 24px !important;
}

.new-password-reset {
  margin-bottom: 32px !important;
}

.password-responsive {
  display: none;
}

.responsive-image{
  display: none;
}

.mobile-reset-p{
  display: none;
}

.disabled{
  display: none;
}

.label-slim{
  font-weight: 400;
}

.password-input {
  position: relative;
  width: fit-content;
}

.password-eye {
  position: absolute;
  top: 21px; 
  right: 15px;
  height: 20px;
  cursor: pointer;
  opacity: 0.5;
}

/*-------------------------------------------------------------------------*//*-------------------------------------------------------------------------*/
/*---M-O-B-I-L-E---M-O-B-I-L-E---M-O-B-I-L-E---M-O-B-I-L-E---M-O-B-I-L-E---*//*---M-O-B-I-L-E---M-O-B-I-L-E---M-O-B-I-L-E---M-O-B-I-L-E---M-O-B-I-L-E---*/
/*-------------------------------------------------------------------------*//*-------------------------------------------------------------------------*/

/* IPhone 6/7/8 */
@media (max-width: 575.98px) {
  .responsive-header-start {
    padding: 64px 24px 0 24px;
    height: 162px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 10;
    background-color: #ffffff;
  }

  .res-header-onclick{
    display:"none";
  }

  .responsive-header {
    padding: 64px 24px 0 24px;
    height: 76px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 10;
    background-color: #ffffff;
  }

  .responsive-inputs {
    padding: 24px;
    height: 100%;
    width: auto;
    background-color: #fbfbfc;
  }

  p.feedback{
    width: 327px;
    font-size: 12px;
    height: 48px;
  }

  h1 {
    font-size: 30px !important;
    font-weight: 600 !important;
  }

  .row{
    height: 100%;
  }

  .picture {
    display: none;
  }

  .inputs {
    margin: 0;
    max-width: 575.98px;
  }

  input.form-control {
    max-width: 329px;
    height: 50px;
  }

  input.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 14px;
    line-height: 1.29;
  }
  
  input.form-control::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1.29;
  }

  .res-log-in-text {
    margin-top: 6px;
  }

  .log-in-text {
    display: none;
  }

  .log-in-button {
    width: 327px;
    margin: 16px 0 24px 0;
  }

  button {
    height: 48px;
  }

  .res-header-title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 10px;
    font-size: 16px !important;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: 0.5px;
    color: #242132; /* Grey_12 */	
  }

  .res-log-in-text{
    display: inline;
  }
  .responsive-image{
    position: absolute;
    display: inline;
    font-size: 16px;
    bottom: 16px;
  }

  .mobile-reset-p{
    display: inline-block;
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.5px;
    color: #242132; /* Grey_12 */	
  }
  
  .terms-and-cond{
    font-size: 14px;
    line-height: 1.43;
    color: #c8c8c8;
    margin-top: -2px;
  }
 
  .forgot-button {
    width: 327px;
    margin-top: -10px !important;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .reset-button {
    width: 327px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .create-account-button{
    width: 327px;
    margin-top: 16px !important;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .password-fullscreen {
    display: none;
  }

  .password-responsive {
    display: inline;
  }

  .dropdown-divider {
    display: none;
  }
    
  .get-back {
    display: none;
  }
  
  .desktop-image{
    display: none;
  }

  .password-reset {
    margin-bottom: 24px !important;
  }

  .new-password-reset {
    margin-bottom: 32px !important;
  }
}