.form-reg{
    width: 400px;
    background-color: #fbb04b;
    font-weight: 700;
}

.form-reg input{
    background-color: #fdd7a3;
}

.form-text{
    color: white;
}

.form-select{
    width: 100%;
}

#teacher-form{
    display: none;
}

.select2-container{
    width: 100% !important;
}

#student-form{
    display: none;
}

#school-form{
    display: none;
}

.success-box{
    width: 200px;
    background-color: rgb(52, 235, 52);
    display: inline-block;
    font-size: 20px;
    color: green;
    padding: 5px;
    text-align: center;
    position: fixed;
    top: 40px;
    right: 20px;
    display: none;
}

.success-box i{
    color: #37ae37;
}

.failure-box{
    width: 250px;
    background-color: rgb(230, 56, 56);
    display: inline-block;
    font-size: 20px;
    color: white;
    padding: 5px;
    text-align: center;
    position: fixed;
    top: 40px;
    right: 20px;
    display: none;
}

.failure-box i{
    color: #972300;
}

.passhelp{
    display: none;
}

.passwarning{
    background-color: red;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.logoutbtn{
    position: absolute;
    right: 5px;
    top: 5px;
}

.choicebox{
    text-align: center;
}

.select2-container{
    width: 100% !important;
}

.select2 span.select2-selection--single{
  background-color: #fdd7a3;
  height: 38px;
}

.selection span.select2-selection--multiple{
  padding-top: 5px;
  padding-bottom: 10px;
}

.select2-container--default
  .select2-selection--single
  span.select2-selection__rendered {
    line-height: 35px;
}

.select2-container{
    font-size: 1.5rem;
}

.form-reg input.form-control{
    font-size: 1.5rem;
}

.form-reg .form-label{
    color: #fbb04b;
}

.card {
    border: none;
    background-color: #733381;
    box-shadow: 5px 5px #733381;
    border-radius: 25px;
}

.forgot{
    text-align: left;
}

.forgot a{
    color: #fbb04b;
    font-size: 1em;
}

.remember{
    text-align: left;
}

.forgotPassword{
    display: none;
}

.linksent{
    display: none;
}

#forgotPassBtn{
    font-size: 1.2em;
    color: #fbb04b;
}

html{
    overflow-x: hidden;
}

.form-reg{
    width: 30vw;
}

h5.modal-title{
    font-size: 2em;
    color: white;
}

#subExpired .modal-content{
    background: rgb(65, 65, 65);
}

.modal-body p{
    font-size: 1.8em;
    position: relative;
    bottom: unset;
    text-align: initial;
    width: unset;
}

.modal-footer .btn{
    background: transparent;
}

#subExpired a, #subExpired a:visited{
    color: #fbb04b;
}

#subExpired a:hover{
    color: #fdd7a3;
    text-decoration: underline;
}

.modal-footer .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

@media screen and (max-width: 786px){
    .form-reg{
        width: 80vw;
    }
}