@charset "UTF-8";
/*
 * jQuery File Upload UI Plugin CSS 8.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.container {
  max-width:400px;
  margin-top:15px;
  margin-left:10px;
}

p {
  font-weight:bold;
  padding-top:10px;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .bar {
  background: url(../img/progressbar.gif) !important;
  filter: none;
}
.fileupload-loading {
  float: right;
  width: 32px;
  height: 32px;
  background: url(../img/loading.gif) center no-repeat;
  background-size: contain;
  display: none;
}
.fileupload-processing .fileupload-loading {
  display: block;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
}

.password-policy-container {
  margin-left: 5rem;
  margin-bottom: 3rem;
  width: 50%;
}

.password-policy-label {
  font-size: 15px;
}

.password-policy-container ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style-type: none;
}

.password-policy-container ul li {
  font-size: 14px;
  position: relative;
}

.password-policy-container ul li::before {
  content: "•";
  color: gray;
  position: absolute;
  left: -19px;
  top: -2px;
  font-size: 20px;
}


.password-policy-container ul li.valid {
  color: #2B8000;
}

.password-policy-container ul li.invalid {
  color: #C12335;
}

.password-policy-container ul li.valid::before {
  content: "✔";
  color: #2B8000;
  left: -25px;
  top: -2px;
}

.password-policy-container ul li.invalid::before {
  content: "✘";
  color: #C12335;
  left: -25px;
  top: -2px;
}

.controls-custom {
  position: relative;
}

.control-group-custom {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-left: 5rem;
  margin-bottom: 3rem;
}

.control-label-custom {
  font-size: 15px;
}

.input-large-custom {
  width: 300px;
  height: 50px !important;
  padding: 0 1.5rem !important;
  border-radius: 4px;
  border: 1px solid #787878;
}

.btn-success-custom {
  color: #fff;
  background-color: #248700 !important;
  border-color: #248700 !important;
  min-width: 200px;
  min-height: 50px;
  font-size: 15px;
  letter-spacing: 0.3px;
}

.btn-success-custom:hover,
.btn-success-custom:active {
  color: #248700!important;
  background-color: #fff!important;
  border-color: #248700!important;
}

.toggle-password {
  position: absolute;
  left: 262px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 20px;
}

.error-box {
  background-color: #FFF6F8;
  color: #C12335;
  border: 1px solid #C12335;
  padding: 1rem 2rem;
  width: 300px;
  margin-top: -1.5rem;
  margin-left: 5rem;
  margin-bottom: 3rem;
  display: none;
}

.mfa-error {
  background-color: #FFF6F8;
  color: #C12335;
  border: 1px solid #C12335;
  padding: 1rem 2rem;
  text-align: center;
  margin-top: 1rem;
  font-weight: 600;
}

.mfa-success {
  background-color: #F4F9F2;
  color: #248700;
  border: 1px solid #248700;
  padding: 1rem 2rem;
  text-align: center;
  margin-top: 1rem;
  font-weight: 600;
  display: none;
}

.mfa-form {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  gap: 1rem;
  border: 1px solid rgb(75, 40, 109);
  background: rgb(242, 239, 244);
  padding: 3rem 5rem;
  border-radius: 1rem;
}

.mfa-code-main {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
  padding: 1rem 0px;
}

.mfa-code-main input {
  width: 75px;
  height: 75px;
  text-align: center;
  font-weight: 900;
  font-size: 28px;
  border: 1px solid #4b286d !important;
  border-radius: 0.25rem !important;
}

.button-link {
  background: none;
  border: 0;
  text-decoration: underline;
  color: #4b286d;
  font-weight: 700;
}