/* Bootstrap 3 compatibility layer for Portal on top of Bootstrap 5 */

.form-group {
    margin-bottom: 15px;
}

.form-group:last-child {
    margin-bottom: 0;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 42.5px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #6c757d;
    pointer-events: none;
}

.form-group .form-control {
    margin-bottom: 0;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

.row-fluid {
    width: 100%;
}

.login-wrapper {
    left: 0;
    width: 100%;
    justify-content: center;
}

.row-fluid::before,
.row-fluid::after {
    display: table;
    content: " ";
}

.row-fluid::after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    min-height: 1px;
    margin-left: 2.127659574%;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span1 { width: 6.382978723%; }
.row-fluid .span2 { width: 14.89361702%; }
.row-fluid .span3 { width: 23.40425532%; }
.row-fluid .span4 { width: 31.91489362%; }
.row-fluid .span5 { width: 40.42553191%; }
.row-fluid .span6 { width: 48.93617021%; }
.row-fluid .span7 { width: 57.44680851%; }
.row-fluid .span8 { width: 65.95744681%; }
.row-fluid .span9 { width: 74.46808511%; }
.row-fluid .span10 { width: 82.9787234%; }
.row-fluid .span11 { width: 91.4893617%; }
.row-fluid .span12 { width: 100%; margin-left: 0; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

@media (max-width: 767.98px) {
    .row-fluid [class*="span"] {
        float: none;
        width: 100%;
        margin-left: 0;
    }
}