/*-- ESTRUTURA -----------------------------------------------------------*/

body {
    padding-top: 50px;
}

.ssa-top-header {
    width: 100%;
    padding: .3rem;
    position: fixed;
    top: 0;
    z-index: 101;
}

.ssa-main {
    min-height: calc(100% - 103px);
    padding: 0 !important;
    display: flex;
}

.ssa-aside {
    margin: 0 !important;
    padding: 4px 0 0 0 !important;
    border-radius: 0 !important;
    border: none !important;
    z-index: 10;
}

.ssa-footer {
    height: 50px;
    margin: 0;
    padding: .9rem .3rem;
    clear: both;
}

.ssa-logout {
    width: 80% !important;
    margin: 1rem auto !important;
}

/*-- MENU -----------------------------------------------------------*/

.ssa-tabular-menu {
    margin-left: -102px !important;
    margin-bottom: 0 !important;
    padding: 2rem 0 !important;
    text-align: right;
}

.ssa-tabular-submenu {
    height: 100%;
    position: absolute;
    top: 0;
    left: -63px;
    text-align: right;
}

/*-- WIDTH -----------------------------------------------------------*/

.ssa-max-width-1 {
    max-width: 1220px !important;
    margin: 0 auto !important;
    position: relative !important;
}

.ssa-max-width-2 {
    max-width: 1205px !important;
    margin: 0 auto !important;
    position: relative !important;
}

.ssa-width-100 {
    width: 100% !important;
}

/*-- BACKGROUND-COLOR -----------------------------------------------------------*/

.ssa-bg-color-1 {
    background-color: #575658 !important;
}

.ssa-bg-color-2 {
    background-color: rgba(87, 86, 88, 0.15) !important;
}

/*-- MARGIN -----------------------------------------------------------*/

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

.ssa-mb-1 {
    margin-bottom: 1rem !important;
}

.ssa-mt-2 {
    margin-top: 2px !important;
}

/*-- PADDING -----------------------------------------------------------*/

.ssa-p-0 {
    padding: 0 !important;
}

.ssa-ptb-2 {
    padding: 2rem 0 !important;
}

.ssa-p-1 {
    padding: 1rem;
}

/*-- TEXT -----------------------------------------------------------*/

.ssa-text-uppercase {
    text-transform: uppercase !important;
}

.ssa-text-subtitle {
    display: inline-block !important;
    position: relative;
    bottom: 2px;
}

/*-- ALIGN -----------------------------------------------------------*/

.ssa-align-right {
    text-align: right;
}

.ssa-align-center {
    text-align: center !important;
}

.ssa-align-justify {
    text-align: justify !important;
}

/*-- UL -----------------------------------------------------------*/

.ssa-ul-links {
    width: 85% !important;
    margin: 0 auto !important;
}

    .ssa-ul-links > li > a {
        display: block;
        transition: all .4s ease-in-out;
    }

        .ssa-ul-links > li > a:hover {
            background: rgba(87, 86, 88, 0.15) !important;
        }

        .ssa-ul-links > li > a > .icon {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 2.5rem;
        }

    .ssa-ul-links > li:nth-child(even) > a > .icon {
        right: 15px;
    }

    .ssa-ul-links > li:nth-child(odd) > a > .icon {
        left: 15px;
    }

    .ssa-ul-links > li:nth-child(even) > a > .header {
        padding-right: 135px;
    }

    .ssa-ul-links > li:nth-child(odd) > a > .header {
        padding-left: 135px;
    }

/*-- BOX -----------------------------------------------------------*/

.ssa-box-password {
    width: 400px;
    text-align: justify;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-80%);
}

/*-- DATATABLE -----------------------------------------------------------*/

.ssa-databable {
    width: 100% !important;
    margin: 0 !important;
}

    .ssa-databable > tbody > tr:last-child > td {
        border-bottom: 1px solid rgba(34, 36, 38, 0.1) !important;
    }

    .ssa-databable > tbody > tr > td:last-child {
        text-align: center !important;
    }

.ssa-databable-processing {
    width: 100%;
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    background: #FFF6F6 !important;
    border-color: #E0B4B4 !important;
    color: #9F3A38 !important;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}