/* ------------------------------------------------------------------------------
 *
 *  # SOZ sitre extra css styles
 *
 *  Styles for SOZ page
 *
 * ---------------------------------------------------------------------------- */

.icon-38px {
    font-size: 38px;
}

.navbar-brand img {
    height: 3rem;
}

.soz .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.soz-primary{
    background-color: #1E276A;
}

.soz-secondary{
    background-color: #2a3f80;
}

.soz-login.logo{
    width: 100%;
    margin-bottom: 1.25rem;
}

.soz-margin-bottom{
    margin-bottom: 1.25rem;
}
.soz-margin-bottom-medium{
    margin-bottom: 2rem;
}
.soz-margin-bottom-large{
    margin-bottom: 5rem;
}

.align-left{
    text-align: left;
}

.align-center{
    text-align: center;
}
.align-right{
    text-align: right;
}

/* Dividers */

.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: 0.5;
}
.hr-text:before {
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent));
  background: linear-gradient(to right, transparent, #818078, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: #818078;
  background-color: #fcfcfa;
}


/* Message Box */
.message-box {
    border: 5px dashed rgba(30,39,106,0.20);
    border-radius: 25px;
    width: 100%;
    min-height: 50px;
    padding: 15px;
}

.message-box .message {
    color:rgba(30,39,106,0.20);
    font-size: 30px;
    text-align: center;
    margin: 15px; 
}