/* #UNI Boostrap 4 themes */
.uni-border {
  border-color: #500778;
}

.uni-purple {
  color: #500778; 
}

.btn.btn-primary.uni-btn,
.btn.btn-primary.uni-btn:hover,
.btn.btn-primary.uni-btn:focus,
.btn.btn-primary.uni-btn:active{
  background-color: #500778;
  border-color: #500778;
}

a {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  color: #500778;
}

a:hover {
  text-decoration: none;
}

a:link {
  color:#500778;
}

a:active {
  color:#FFB500;
  text-decoration: none
}

a:visited {
  color:#500778;
  text-decoration: none;
}

/* #Show-passphrase checkbox */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #500778!important;
}
.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(63, 1, 82, 0.25)
}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25)
}
.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
  background-color: #C8FFC8; 
}


/* #UNI Header */
.uni-header {
  background-color: #500778;
  max-height: 6.5em;
  min-height: 6.5em;
}

.uni-header .nav-section {
  max-height: 6.5em;
  min-height: 6.5em;
}

/* uni-header link general styling */
.uni-header a,
.uni-header a:hover,
.uni-header a:link,
.uni-header a:visited {
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  font-size: 0.725em;
  letter-spacing: 0.03em;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
}

/* #UNI footer */
.uni-footer {
  background: #500778;
  min-height: 3.5em;
  height: 3.5em;
  font-size: 0.9em;
  left: 0;
  bottom: 0;
  min-width: 100%;
  width: 100%;
}

/* #Form - floating labels for username and passphrase input fields */

.border-lable-flt {
  display: block;
  position: relative;
  width: 100%;
}
.border-lable-flt label, .border-lable-flt > span {
  position: absolute;
  left: 0;
  top: 0;
  cursor: text;
  font-size: 75%;
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
  top: .15em;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  font-size: 70%;
  font-weight:600;
  color: #999;
  padding: 0 1px;
}
.border-lable-flt label::after, .border-lable-flt > span::after {
  content: " ";
  display: block;
  position: absolute;
  background: white;
  height: 2px;
  top: 50%;
  left: -.2em;
  right: -.2em;
  z-index: -1;
}
.border-lable-flt .form-control::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.border-lable-flt .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}
.border-lable-flt .form-control:placeholder-shown:not(:focus) + * {
  font-size: 120%;
  /* opacity: .5; */
  top: .5em;
}

.input-group .border-lable-flt {
  display: table-cell;
}
.input-group .border-lable-flt .form-control {
  border-radius: 0.25rem;
}
.input-group .border-lable-flt:not(:last-child), .input-group .border-lable-flt:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}
.input-group .border-lable-flt:not(:first-child), .input-group .border-lable-flt:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}