:root {
    /* Cores Principais */
    --primary: #2C1D49;
    --light-purple: #31336B;
    --secundary: #40BFEF;
    --success: #69B04D;
    --alert: #F9C923;
    --danger: #EB4C4B;
    --default: #8B9AA3;

    /* Hover*/
    --primary-hover: #1D1335;
    --light-hover: #120E3F;
    --secundary-hover: #35A3ED;
    --success-hover: #B9DC58;
    --alert-hover: #F7E58E;
    --danger-hover: #FF7978;
    --default-hover: #ABBAC3;

    /* Disabled */


}

/* Headers */

.widget-box.transparent > .widget-header {
    color: var(--primary) !important;
}

/* Nav Hovers */

.ace-nav > li:hover.light-blue {
    background: var(--primary-hover);
}

.ace-nav > li:hover.light-blue2 {
    background: var(--secundary-hover);
}

.ace-nav > li:hover.red {
    background: var(--danger-hover);
}

.ace-nav > li:hover.light-green {
    background: var(--success-hover);
}

.ace-nav > li:hover.light-purple {
    background: var(--light-hover);
}

.ace-nav > li:hover.light-orange {
    background: var(--alert-hover);
}

/* Help Icon */
.icon-help-size {
    padding: 0 1px;
    height: 16px;
    width: 16px;
}

.warning-button {
    display: inline-block;
    height: 18px;
    width: 18px;
    line-height: 20px;
    text-align: center;
    padding: 0;
    background-color: var(--danger);
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    cursor: default;

    margin-left: 4px;
    border-radius: 16px;
    border: 2px solid #FFF;

    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2);
}

.warning-button:hover {
    background-color: var(--danger);
    text-shadow: none;
}

/* Footer Buttons */
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 2px !important;
}

/* Buttons */
.btn:focus {
    outline: none;
}

.btn-height {
    height: 24px;
}

.m-0 {
    margin: 0 !important;
}

.mt-4-px {
    margin-top: 0.25rem !important;
}

.mt-6-px {
    margin-top: 0.38rem !important;
}

.mt-7-px {
    margin-top: 0.438rem !important;
}

.ml-negative-3 {
    margin-left: -0.190rem !important;
}

.ml-5-px {
    margin-left: 0.320rem !important;
}

.display-flex {
    display: flex !important;
}

.icon-align-right-up {
    margin: 0.130rem 0 0 0.320rem !important;
}