body{
    background-color: #0C4B2E !important;
    height: 100vh;
    overflow: hidden;
  } 

  .br-10{
    border-radius: 10px !important;
  }
  
  .login_wrapper {
    max-width: 550px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
  }

  .auth_checkbox .custom-checkbox {
    cursor: pointer;
    user-select: none;
  }

  .auth_checkbox .custom-checkbox-input {
    display: none;
  }

  .auth_checkbox .custom-checkbox-box {
    width: 20px;
    height: 20px;
    border: 2px solid #000000;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    transition: all 0.2s ease;
  }

  .auth_checkbox .custom-checkbox-box::after {
    content: '';
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .auth_checkbox .custom-checkbox-input:checked+.custom-checkbox-box::after {
    display: block;
  }

  .login_form .auth_checkbox .label-text {
    font-size: 16px;
    color: #333;
  }

  .login_left_wrapper{
    background-color: #0C4B2E;
    height: 100%;
  }

  .login_right_wrapper{
    height: 100vh !important;
    position: relative;
  }

  .login_break{
    border: 1px solid #BFBFBF;
  }

  .auth_input{
    box-shadow: 0px 8px 20px 0px #0000000D !important;
    background-color: #fff !important;
    padding: 16px 45px 16px 12px !important;
  }

  .right_logo{
    width: 80px;
  }

  .login_btn{
    background-color: #1DAF6B !important;
  }

   .login_btn:hover{
    background-color: #0c864d !important;
  }

  .login_left_wrapper{
    position: relative;
  }

  .login_left_wrapper img{
    max-width: 300px;
    width: 100%;
    max-height: 300px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .login_right_wrapper{
    background-color: #f4f6fa !important;
  }

  .green_pass{
    top: 55px;
    right: 17px;
    width: 25px;
  }

  .green_pass.wrong_pass {
      top: 57px;
      right: 17px;
      width: 13px;
  }
  
  .view_pass{
    top: 55px;
    right: 17px;
    width: 22px;
    cursor: pointer;
  }

  .set_pass_form .auth_checkbox a {
    color: #808080 !important;
    text-underline-offset: 4px;
  }

  .set_pass_form .auth_checkbox .custom-checkbox-box{
    border: 2px solid #808080 !important
  }

  .set_pass_form .auth_checkbox .custom-checkbox-box::after{
    border: solid #808080;
    border-width: 0 2px 2px 0 !important;
  }

  .back_to_login_link:hover{
    color: #1DAF6B
  }

    .progress-bar.weak {
        width: 33%;
        background-color: red;
    }

    .progress-bar.medium {
        width: 66%;
        background-color: orange;
    }

    .progress-bar.strong {
        width: 100%;
        background-color: green;
    }

    #password-strength-text strong {
        text-transform: uppercase;
    }

    .strength-segment{
      height: 4px;
      background-color: #ccc;
    }

    .set_password_checkbox.active .label-text,
    .set_pass_form .auth_checkbox.set_password_checkbox.active a{
      color: #000 !important;
    }

    .set_pass_form .auth_checkbox.set_password_checkbox.active .custom-checkbox-box{
      border: 2px solid #000 !important;
    }

    .set_pass_form .auth_checkbox.set_password_checkbox.active .custom-checkbox-box::after{
      border: solid #000;
      border-width: 0 2px 2px 0 !important;
    }

     .strength-segment.active-weak{
        background-color: red !important;
    }

    .strength-segment.active-medium{
        background-color: orange !important;
    }

    .strength-segment.active-strong{
        background-color: #1DAF6B !important;
    }

     .strength_text.active-weak {
        color: red !important;
    }

     .strength_text.active-medium {
        color: orange !important;
    }

     .strength_text.active-strong {
        color: #1DAF6B !important;
    }