/*

Form error


form div ul li {
    display: block;
    color: #a80505;
    background-color: rgba(205, 92, 92, 0.507);
    padding: 0.5rem;
    border-radius: 5px;
    border: #a80505;

}
*/

/* For information icon 
<span class="fa-stack fa-stack-xs">
    <i class="fas fa-xs fa-circle fa-stack-2x"></i> 
    <i class="fas fa-xs fa-info fa-stack-1x fa-inverse" data-bs-toggle="tooltip" data-bs-placement="top" 
    title="Help message"></i>
</span>
*/
.fa-xl { font-size: 1.5em; }
.fa-stack-xs { font-size: 0.5em; }
i { vertical-align: middle; }

/* */

/**************** Full popup *************************/
.fulloverlay {
    position: fixed; z-index:10000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
  }
  .visible {
    visibility: visible;
    opacity: 1;
  }
   
  .fullpopup {
    margin:100px auto;
    padding: 20px;
    background: #fff;
    width: 70%;
    position: relative;
    transition: all 3s ease-in-out;
    overflow-x: hidden;
  }
   
  .fullpopup h2 {
   font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:600; color:#8a8a8a; text-transform:uppercase; margin:0 0 5px 0;
  }
   
  .fullpopup span {
    margin-top: 0;
  color:#8a8a8a;font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; text-transform:uppercase;
  }
   
   
   
  .fullpopup .close {
    position: absolute;
    top: 10px;
    right: 20px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: normal;
    text-decoration: none;
    color: #333; opacity:1;
    margin-left: 10px;
  }
  .fullpopup .close:hover {
    color: #216ca0;
  }
  .fullpopup .content {
    max-height: 50%;
    overflow-x: hidden;
    overflow-y: auto;
    padding:5px 0 0 0;
    height: 600px;
    font-family: 'Open Sans', sans-serif; font-size:1.2rem; font-weight:400; color:#8a8a8a;
  }
  .fullpopup .content p {
    margin-bottom: 0.5rem;
  }
  .fullpopup .content ul{ margin:0 0 0 20px;}
  .fullpopup .content li{ list-style:outside none disc; margin:0 0 8px 0;}
   
   
  @media screen and (max-width: 700px){
    .box{
      width: 70%;
    }
    .fullpopup{
      width: 70%;
    }
  }

  @media screen and (max-height: 600px){
      .fullpopup{
          margin-top: 20px;
          width: 90%;
          height: 590px;
          overflow-y: hidden;
      }
      
    .fullpopup .content {
        height: 550px;
        max-height: 100%;
    }
  }
  @media screen and (max-height: 400px){
    .fullpopup{
        margin-top: 20px;
        width: 90%;
        height: 390px;
        overflow-y: hidden;
    }

    .fullpopup .content {
        height: 350px;
        max-height: 100%;
    }
}


/*************** Error box ***************************/

.siseo-top-div {
    position: absolute;
    padding: 3px;
    text-align: center;
    display: inline-block;
    right: 40px;
    top: 40px;
    background-color: #ffffff;
    border-radius: 3px;
    border: 2px solid #fff;
}
.error-box {
    width: 100%;
    min-height: 800px;
    padding: 100px 0px;
    text-align: center;
    display:inline-block;
    position:relative;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
   }
   .error-box h1 {
    color: #111;
    font-size: 4rem;
    font-weight: 500;
    text-shadow: 2px 2px 8px #FFffff;
   }

    .error-reload {
        color: #111;
        text-shadow: 2px 2px 8px #FFffff;        
    }

   .error-box h2 {
    color: #111;
    font-size: 2rem;
    font-weight: 300;
    text-shadow: 2px 2px 8px #FFffff;
   }

   .error-box .body pre {
        width: 700px;
        overflow-x: auto;
        min-height: 300px;
    }    

   .construction-box {
    margin: auto;
   }
   .construction-icons {
    position: relative;
    text-align: center;
   }
   .construction-icons i {
    display: inline-block;
    color: #4a7ce7;
   }
   #cons-icon-1 {
    font-size: 120px;
    animation: construction-rotate 5s linear infinite;
   }
   #cons-icon-2 {
    font-size: 80px;
    animation: construction-rotate-back 5s linear infinite;
    margin-left: -9px;
   }
   @keyframes construction-rotate {
    0% {
     transform: rotate(0);
    }
    100% {
     transform: rotate(360deg);
    }
   }
   @keyframes construction-rotate-back {
    0% {
     transform: rotate(0);
    }
    100% {
     transform: rotate(-360deg);
    }
   }

/* 

Forms default values

*/
label.required:before {
    content: "* ";
    color: #99231a;
}

input[type="checkbox"] {
    max-height: 24px;
}

a.text-gray-800 {
    color: #5a5c69 !important;
}

.oauth-btn-group {
    border: solid 1px #AAA;
    border-radius: 4px;
}

.check-basic { min-width: 42px; max-width:42px; }

.btn-basic { margin-top: 1rem; color: #fff !important;}

.faz-upperright {
    font-size: 1rem;
    font-size: 0.8rem;
    left: 12px;
    bottom: 10px;    
}

.pd-0 {
    padding: 0px;
}

/*

Login form

*/
.row-login-card {
    margin-top: 3rem; 
    margin-bottom: 4rem;    
}

.card-header-login { background-color: #7b9fbd; color: #444; font-weight: bold; }
.card-header-error { background-color: #a80505; color: #fff; font-weight: bold; }

.container .login { position: absolute; top: 4rem; width:100%; z-index: 99; }

@media (min-width: 320px) {

    .row-login-card {
         margin-top: 1rem; 
         margin-bottom: 1rem;    
     }

    .pd-xs-0{
         padding-left: 0px;
         padding-right: 0px;
     }
 
    .container .login {
         position: absolute;
         top: 1rem;
         width: 100%;
         z-index: 99;
     }

 }


/*
    OTP page

*/

.security-code-container {
    display: flex !important;
    justify-content: center;
}

.security-code .security-code-container .field-wrap {
    width: 49px;
    height: 49px;
}

.security-code .security-code-container .field-wrap .char-field {
    width: 45px;
    height: 45px;
    font-size: 24px;
    padding: 0;
    text-align: center;
}

 /*
    Activity Log Badges
 */
 .badge-error0 {
     background-color: #99231a;
     color: #fff;
 }

 .badge-error1 {
    background-color: #a80505;
    color: #fff;
}
.badge-error2 {
    background-color: #c72418;
    color: #fff;
}
.badge-error3 {
    background-color: #f52c1d;
    color: #fff;
}

.badge-warn0 {
    background-color: #e6d00b;
    color: #000;
}

.badge-warn1 {
   background-color: #b5a40b;
   color: #000;
}
.badge-warn2 {
   background-color: #d19f15;
   color: #000;
}
.badge-warn3 {
   background-color: #d18915;
   color: #000;
}

.badge-info0 {
    background-color: #158cd1;
    color: #000;
}

.badge-info1 {
   background-color: #15bed1;
   color: #000;
}
.badge-info2 {
   background-color: #99d115;
   color: #000;
}
.badge-info3 {
   background-color: #b5d115;
   color: #000;
}