@font-face { 
    font-family:'FontAwesome';
    src:url('https://colorlib.com/etc/lf/Login_v10/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
    src:url('https://colorlib.com/etc/lf/Login_v10/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('https://colorlib.com/etc/lf/Login_v10/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://colorlib.com/etc/lf/Login_v10/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://colorlib.com/etc/lf/Login_v10/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://colorlib.com/etc/lf/Login_v10/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal;
  } 
  @font-face { 
    font-family:Ubuntu-Regular;
    src:url('https://colorlib.com/etc/lf/Login_v10/fonts/ubuntu/Ubuntu-Regular.ttf');
  } 
  @font-face { 
    font-family:Ubuntu-Bold;
    src:url('https://colorlib.com/etc/lf/Login_v10/fonts/ubuntu/Ubuntu-Bold.ttf');
  } 
    body {  
      font-family:Ubuntu-Regular, sans-serif;
      font-size:1rem;
      font-weight:400;
      line-height:1.5;
      color:#212529;
    }  
  * { 
      box-sizing: inherit;
  } 
  
  * { 
      margin: 0px; 
      padding: 0px; 
      box-sizing: border-box;
  } 
  
  body { 
      margin: 0; 
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; 
      font-size: 1rem; 
      font-weight: 400; 
      line-height: 1.5; 
      color: #212529; 
      background-color: #fff;
  } 
  
  body { 
      height: 100%; 
      font-family: Ubuntu-Regular, sans-serif;
  } 
  
  html { 
      box-sizing: border-box; 
      font-family: sans-serif; 
      line-height: 1.15; 
      -webkit-text-size-adjust: 100%; 
      -ms-text-size-adjust: 100%; 
      -ms-overflow-style: scrollbar; 
      -webkit-tap-highlight-color: transparent;
  } 
  
  html { 
      height: 100%; 
      font-family: Ubuntu-Regular, sans-serif;
  } 
  
  .container-login100 { 
      width: 100%; 
      min-height: 100vh; 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -moz-box; 
      display: -ms-flexbox; 
      display: flex; 
      flex-wrap: wrap; 
      justify-content: center; 
      align-items: center; 
      padding: 15px; 
      background-position: center; 
      background-size: cover; 
      background-repeat: no-repeat;
  } 
  
  *,:after,:before { 
      box-sizing: inherit;
  } 
  
  .p-t-50 { 
      padding-top: 50px;
  } 
  
  .p-b-90 { 
      padding-bottom: 90px;
  } 
  
  .wrap-login100 { 
      width: 390px; 
      background: #fff; 
      border-radius: 10px; 
      position: relative;
  } 
  
  .flex-w { 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -moz-box; 
      display: -ms-flexbox; 
      display: flex; 
      -webkit-flex-wrap: wrap; 
      -moz-flex-wrap: wrap; 
      -ms-flex-wrap: wrap; 
      -o-flex-wrap: wrap; 
      flex-wrap: wrap;
  } 
  
  .flex-sb { 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -moz-box; 
      display: -ms-flexbox; 
      display: flex; 
      justify-content: space-between;
  } 
  
  .login100-form { 
      width: 100%;
  } 
  
  .p-b-51 { 
      padding-bottom: 51px;
  } 
  
  .login100-form-title { 
      font-family: Ubuntu-Bold; 
      font-size: 30px; 
      color: #403866; 
      line-height: 1.2; 
      text-transform: uppercase; 
      text-align: center; 
      width: 100%; 
      display: block;
  } 
  
  .m-b-16 { 
      margin-bottom: 16px;
  } 
  
  .wrap-input100 { 
      width: 100%; 
      position: relative; 
      background-color: #e6e6e6; 
      border: 1px solid transparent; 
      border-radius: 3px;
  } 
  
  .validate-input { 
      position: relative;
  } 
  
  .p-t-3 { 
      padding-top: 3px;
  } 
  
  .p-b-24 { 
      padding-bottom: 24px;
  } 
  
  .w-full { 
      width: 100%;
  } 
  
  .flex-sb-m { 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -moz-box; 
      display: -ms-flexbox; 
      display: flex; 
      justify-content: space-between; 
      -ms-align-items: center; 
      align-items: center;
  } 
  
  .m-t-17 { 
      margin-top: 17px;
  } 
  
  .container-login100-form-btn { 
      width: 100%; 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -moz-box; 
      display: -ms-flexbox; 
      display: flex; 
      flex-wrap: wrap;
  } 
  
  input { 
      -ms-touch-action: manipulation; 
      touch-action: manipulation;
  } 
  
  input { 
      margin: 0; 
      font-family: inherit; 
      font-size: inherit; 
      line-height: inherit;
  } 
  
  input { 
      overflow: visible;
  } 
  
  input { 
      outline: none; 
      border: none;
  } 
  
  .input100 { 
      font-family: Ubuntu-Bold; 
      color: #403866; 
      line-height: 1.2; 
      font-size: 18px; 
      display: block; 
      width: 100%; 
      background: transparent; 
      height: 62px; 
      padding: 0 20px 0 38px;
  } 
  
  /* Back to site button */
  .container-back-to-site-btn {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }

  .back-to-site-btn {
      font-family: Ubuntu-Bold;
      font-size: 16px;
      color: #403866; /* Same as login button text */
      line-height: 1.2;
      text-transform: uppercase;

      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 20px;
      width: 100%;
      height: 50px;
      background-color: #e6e6e6; /* Lighter background than login button */
      border-radius: 3px;

      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
      text-decoration: none;
  }

  .back-to-site-btn:hover {
      background-color: #d9d9d9;
      color: #333;
  }

  .focus-input100 { 
      position: absolute; 
      display: block; 
      width: calc(100% + 2px); 
      height: calc(100% + 2px); 
      top: -1px; 
      left: -1px; 
      pointer-events: none; 
      border: 1px solid #827ffe; 
      border-radius: 3px; 
      visibility: hidden; 
      opacity: 0; 
      -webkit-transition: all 0.4s; 
      -o-transition: all 0.4s; 
      -moz-transition: all 0.4s; 
      transition: all 0.4s; 
      -webkit-transform: scaleX(1.1) scaleY(1.3); 
      -moz-transform: scaleX(1.1) scaleY(1.3); 
      -ms-transform: scaleX(1.1) scaleY(1.3); 
      -o-transform: scaleX(1.1) scaleY(1.3); 
      transform: scaleX(1.1) scaleY(1.3);
  } 
  
  button { 
      -ms-touch-action: manipulation; 
      touch-action: manipulation;
  } 
  
  button { 
      margin: 0; 
      font-family: inherit; 
      font-size: inherit; 
      line-height: inherit;
  } 
  
  button { 
      overflow: visible;
  } 
  
  button { 
      text-transform: none;
  } 
  
  button { 
      -webkit-appearance: button;
  } 
  
  button { 
      outline: none !important; 
      border: none; 
      background: transparent;
  } 
  
  .login100-form-btn { 
      font-family: Ubuntu-Bold; 
      font-size: 16px; 
      color: #fff; 
      line-height: 1.2; 
      text-transform: uppercase; 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -moz-box; 
      display: -ms-flexbox; 
      display: flex; 
      justify-content: center; 
      align-items: center; 
      padding: 0 20px; 
      width: 100%; 
      height: 62px; 
      background-color: #827ffe; 
      border-radius: 3px; 
      -webkit-transition: all 0.4s; 
      -o-transition: all 0.4s; 
      -moz-transition: all 0.4s; 
      transition: all 0.4s;
  } 
  
  button:hover { 
      cursor: pointer;
  } 
  
  .login100-form-btn:hover { 
      background-color: #403866;
  } 
  
  .input-checkbox100 { 
      display: none;
  } 
  
  input[type="checkbox"] { 
      box-sizing: border-box; 
      padding: 0;
  } 
  
  label { 
      -ms-touch-action: manipulation; 
      touch-action: manipulation;
  } 
  
  label { 
      display: inline-block; 
      margin-bottom: .5rem;
  } 
  
  label { 
      display: block; 
      margin: 0;
  } 
  
  .label-checkbox100 { 
      font-family: Ubuntu-Regular; 
      font-size: 16px; 
      color: #999999; 
      line-height: 1.2; 
      display: block; 
      position: relative; 
      padding-left: 26px; 
      cursor: pointer;
  } 
  
  .label-checkbox100:before { 
      content: "\f00c"; 
      font-family: FontAwesome; 
      font-size: 13px; 
      color: transparent; 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -moz-box; 
      display: -ms-flexbox; 
      display: flex; 
      justify-content: center; 
      align-items: center; 
      position: absolute; 
      width: 18px; 
      height: 18px; 
      border-radius: 3px; 
      background: #fff; 
      border: 2px solid #827ffe; 
      left: 0; 
      top: 50%; 
      -webkit-transform: translateY(-50%); 
      -moz-transform: translateY(-50%); 
      -ms-transform: translateY(-50%); 
      -o-transform: translateY(-50%); 
      transform: translateY(-50%);
  } 
  
  .input-checkbox100:checked + .label-checkbox100::before { 
      color: #827ffe;
  } 
  
  a { 
      color: #007bff; 
      text-decoration: none; 
      background-color: transparent; 
      -webkit-text-decoration-skip: objects;
  } 
  
  a { 
      -ms-touch-action: manipulation; 
      touch-action: manipulation;
  } 
  
  a { 
      font-family: Ubuntu-Regular; 
      font-size: 14px; 
      line-height: 1.7; 
      color: #666666; 
      margin: 0px; 
      transition: all 0.4s; 
      -webkit-transition: all 0.4s; 
      -o-transition: all 0.4s; 
      -moz-transition: all 0.4s;
  } 
  
  .txt1 { 
      font-family: Ubuntu-Regular; 
      font-size: 16px; 
      color: #827ffe; 
      line-height: 1.4;
  } 
  
  a:hover { 
      color: #0056b3; 
      text-decoration: underline;
  } 
  
  a:hover { 
      text-decoration: none; 
      color: #403866;
  }