.self-regn {
    text-align: center;
}

#logo {
    width: 25.5%;
    justify-content: center;
}

#page {
    margin-bottom: 0;
}

.header-centered {
    justify-content: center;
}

.header-separator {
    height: 100%;
    padding: 2.5rem 0;
    margin-right: 2rem;
    width: 2px;
    background-color: #1c56a3;
}

.header-conteiner-inside, .branding-logo {
    padding-left: 0;
}

.branding-logo h1 {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
    color: #e2002a;

}

.logo-content {
    margin-right: 0;
}

/* General classes */

/* Navigation */

/* Content */
#logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

#logo img {
    height: 6.5vh !important;
    width: auto !important;
    filter: invert(0);
    padding-top: 15px;
}

#content, .container-fluid {
    min-height: 80vH;
}

#notification-list {
    margin-top: 10px;
}

header + div + div {
    padding: 1rem;
}

.tt017-box-bordered {
    position: relative;
    border: 0.5px solid #869faf;
    border-top: 0px;
    padding: 10px 20px 20px 20px;
    margin: 10px 0px 10px 0px;
}

.tt017-box-bordered::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.5px;
    background: linear-gradient(to right, transparent 30%, #869faf);
}

.tt017-border-text {
    position: absolute;
    margin-top: -1.3rem;
    padding-left: 5px;
    margin-left: -0.8rem;
    background: white;
    color: #033b5a;
    font-weight: 300;
}

.action-text {
    cursor: pointer;
    font-weight: bold;
}


/*tooltips styles*/
.tt017-tooltip {
    position: relative;
    display: inline-block;
}

.tt017-tooltip .tt017-tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tt017-tooltip .tt017-tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tt017-tooltip:hover .tt017-tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* Left menú */


/*Bulk Load*/

/*Menu navigation*/
/*Forms*/
/* Footer */
/*Tables*/
.tt017-padding-1rem {
    padding: 1rem;
}

.tt017-fL {
    float: left;
}

.uniform {
    color: #c1b9b9;
    font-size: 10px;
}

/* Animations */
/* Images */
span.transition.order_ordertransition_value_cancel_prn {
    background-image: url("../images/cancel_prn.png");
}

/* Images */
span.transition.order_ordertransition_value_approved_prn_manual {
    background-image: url("../images/approve.png");
}

.field-label {
    width: 100%;
    padding: 7px;
}

.field-input-textfield {
    width: 100%;
    padding: 5px;
}

hr {
    border-top: 1px solid #ddd;
    margin: 0 0 20px 0;
}

/* Create Site Checkbox */
#siteActCB {
    padding-bottom: 1rem;
    margin: 1rem 0 1rem 0
}

#siteActCB label {
    display: contents
}

#siteActCB .firstColumn {
    margin-right: 1rem;
}

#siteActCB input {
    margin: auto
}

.tt017-box-bordered-empty {
    margin-top: 1rem;
    position: relative;
    border: 0.5px solid red;
    border-top: 0px;
    padding: 10px 20px 20px 20px;
    margin: 10px 0px 10px 0px;
}

.tt017-box-bordered-empty::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.5px;
    background: linear-gradient(to right, transparent 30%, red);
}