html {
    height:100%
}
body {
    background:#fff;
    color:#454545;
    font-family:'Roboto', sans-serif;
    font-size:16px;
    min-height:100vh;
    position:relative;
    padding-bottom:11rem;
    padding-top:5px
}
@media (min-width: 768px) {
    body {
        background:url(../images/bkg-app.jpg) center center #fff no-repeat fixed;
        background-size:cover;
        padding-bottom:7rem
    }
}
body:before {
    position:absolute;
    content:"";
    display:block;
    width:100%;
    height:5px;
    background-color:#faaf3b;
    top:0;
    z-index:30
}
.siga__select.mat-select {
    border:1px solid #DEDEDF;
    font-size:0.875rem;
    padding:0.5rem 0.5rem 0.5rem 1rem;
    width:100%
}
.siga__select.mat-select.mat-select-disabled {
    border:1px solid #e6e6e6;
    background:#fafafa;
    color:#858585
}
.siga__select.mat-select.mat-select-disabled .mat-select-value {
    color:#858585
}
.siga__select .mat-select-value {
    color:#000
}
.siga__select .mat-select-placeholder {
    color:#777
}
.siga__select .mat-select-arrow {
    color:#777
}
.siga-select-panel {
    background:#faaf3b !important;
    border-radius:0 !important
}
.cdk-overlay-container {
    z-index:1500 !important
}
.cdk-overlay-dark-backdrop {
    background:rgba(255,255,255,0.8) !important
}
.siga--modalbox .mat-dialog-container {
    background:#fff;
    border:1px solid #DEDEDF;
    color:#454545;
    padding:2.5rem 3.5rem 3.5rem 3rem
}
.siga--modalbox .mat-dialog-actions button {
    background:#faaf3b;
    border:none transparent;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:0.875rem;
    font-weight:500;
    height:38px;
    line-height:38px;
    padding:0 0.5rem 0 0.75rem;
    transition:background 0.5s ease;
    width:auto
}
.mat-snack-bar-container {
    background:#FFC600 !important
}
.mat-snack-bar-container .mat-button {
    border-left:1px solid #000;
    border-radius:0
}
.mat-snack-bar-container .mat-button-wrapper {
    color:#000;
    font-weight:700
}
.header {
    background:#fff;
    margin-bottom:2rem;
    position:relative;
    z-index:20
}
@media (min-width: 992px) {
    .header {
        background:transparent;
        margin-bottom:0
    }
}
.header .box__header {
    margin-bottom:1rem;
    margin-top:1rem
}
.header .box__header.tool__col {
    margin:0
}
@media (min-width: 992px) {
    .header .box__header.tool__col {
        margin-bottom:3rem;
        margin-top:3rem
    }
}
@media (min-width: 992px) {
    .header .box__header {
        margin-bottom:3rem;
        margin-top:3rem
    }
}
.header .logo__app {
    display:block;
    height:auto;
    margin:0;
    max-width:110px;
    position:relative;
    width:100%;
    z-index:7
}
@media (min-width: 768px) {
    .header .logo__app {
        max-width:160px
    }
}
@media (min-width: 992px) {
    .header .logo__app {
        max-width:240px
    }
}
@media (min-width: 1200px) {
    .header .logo__app {
        max-width:350px
    }
}
.header .logo__app img {
    display:block;
    height:auto;
    width:100%
}
.header .tool__col {
    background:#faaf3b;
    left:0;
    position:absolute;
    transition:top 0.7s ease;
    top:-1000%;
    width:100%
}
@media (min-width: 992px) {
    .header .tool__col {
        background:transparent;
        left:auto;
        position:relative;
        top:auto;
        width:auto
    }
}
.header .tool__col.open--menu {
    top:100%
}
.header .tools__bar {
    margin:0 -15px;
    padding:0;
    position:relative;
    white-space:nowrap
}
@media (min-width: 992px) {
    .header .tools__bar {
        margin:0;
        padding:0.5rem 0
    }
}
.header .tools__bar>ul {
    display:block;
    margin:0;
    padding:0;
    list-style:none
}
@media (min-width: 992px) {
    .header .tools__bar>ul {
        display:inline-block;
        position:relative
    }
}
.header .tools__bar>ul>li {
    display:block;
    margin:0;
    padding:0;
    position:relative
}
@media (min-width: 992px) {
    .header .tools__bar>ul>li {
        display:inline-block;
        margin:0 0.25rem;
        float:right
    }
}
@media (min-width: 992px) {
    .header .tools__bar>ul>li.close--link {
        position:absolute;
        right:0
    }
}
.header .tools__bar:before {
    background:#faaf3b;
    content:"";
    display:none;
    height:1px;
    margin-right:0.5rem;
    position:relative;
    top:-11px;
    vertical-align:middle;
    width:calc(100% - 285px)
}
@media (min-width: 992px) {
    .header .tools__bar:before {
        display:inline-block
    }
}
.header .tools__bar:after {
    background:#faaf3b;
    content:"";
    display:none;
    height:1px;
    margin-left:0.5rem;
    position:relative;
    top:-11px;
    vertical-align:middle;
    width:55px
}
@media (min-width: 992px) {
    .header .tools__bar:after {
        display:inline-block
    }
}
.header .tools__bar .menu__name .name__initials {
    display:none
}
@media (min-width: 992px) {
    .header .tools__bar .menu__name .name__initials {
        display:inline-block
    }
}
.header .tools__bar .menu__name .name__mobile {
    display:inline-block;
    line-height:40px
}
@media (min-width: 992px) {
    .header .tools__bar .menu__name .name__mobile {
        display:none
    }
}
.header .tools__bar .btn {
    background:#faaf3b;
    box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
    color:#fff;
    display:inline-block;
    font-size:1rem;
    font-weight:600;
    padding:0.5rem 1rem;
    position:relative;
    text-align:left;
    width:100%
}
.header .tools__bar .btn:after {
    content:"";
    background:rgba(255,255,255,0.4);
    display:block;
    height:1px;
    width:calc(100% - 30px);
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    bottom:-2px
}
@media (min-width: 992px) {
    .header .tools__bar .btn:after {
        display:none
    }
}
@media (min-width: 992px) {
    .header .tools__bar .btn {
        font-size:0.938rem;
        height:35px;
        line-height:35px;
        padding:0;
        text-align:center;
        width:35px
    }
}
.header .tools__bar .btn .material-icons {
    font-size:1.5rem;
    line-height:35px;
    vertical-align:top
}
.header .tools__bar .btn .notification__number {
    background:#B25E10;
    color:#fff;
    display:block;
    font-family:'Oswald', sans-serif;
    font-size:0.875rem;
    font-weight:400;
    height:25px;
    line-height:24px;
    position:absolute;
    right:5px;
    text-align:center;
    transition:background 1s ease, boxShadow 1s ease;
    top:13px;
    width:25px;
    z-index:5
}
@media (min-width: 992px) {
    .header .tools__bar .btn .notification__number {
        font-size:0.625rem;
        height:16px;
        line-height:16px;
        right:-5px;
        text-align:center;
        top:-5px;
        width:16px
    }
}
.header .tools__bar .btn:hover {
    background:#b28d42;
    box-shadow:0px 0px 3px 2px rgba(0,0,0,0.22)
}
.header .tools__bar .btn.has--notification {
    background:#FFC600;
    color:#000
}
.header .tools__bar .btn.has--notification:after {
    display:none
}
.header .tools__bar .btn.has--notification:hover {
    background:#ffcc1a
}
.header .tools__bar .title__mobile {
    display:inline-block;
    margin-left:0.5rem;
    transform:translateY(6px)
}
@media (min-width: 992px) {
    .header .tools__bar .title__mobile {
        display:none
    }
}
.header .menu__over {
    background:#fff;
    display:none;
    padding:0.5rem 1rem
}
.header .menu__over.opened {
    display:block
}
@media (min-width: 992px) {
    .header .menu__over {
        background:#fff;
        border:1px solid #DEDEDF;
        box-shadow:0px 0px 5px 2px rgba(0,0,0,0.08);
        padding:0.5rem 1rem;
        position:absolute;
        width:240px;
        right:0;
        top:110%;
        z-index:10
    }
}
@media (min-width: 992px) {
    .header .menu__over:after,.header .menu__over:before {
        bottom:100%;
        left:93%;
        border:solid transparent;
        content:" ";
        height:0;
        width:0;
        position:absolute;
        pointer-events:none
    }
}
@media (min-width: 992px) {
    .header .menu__over:after {
        border-color:rgba(0,0,0,0);
        border-bottom-color:#fff;
        border-width:5px;
        margin-left:-5px
    }
}
@media (min-width: 992px) {
    .header .menu__over:before {
        border-color:rgba(0,0,0,0);
        border-bottom-color:#DEDEDF;
        border-width:6px;
        margin-left:-6px
    }
}
.header .menu__over>li {
    display:block;
    border-bottom:1px solid #DEDEDF;
    white-space:normal;
    width:100%
}
.header .menu__over>li:last-child {
    border-bottom:1px solid transparent
}
.header .menu__over .menu__title {
    color:#faaf3b;
    display:inline-block;
    font-size:1.063rem;
    font-weight:600;
    line-height:1em;
    padding:0.75rem 0;
    text-align:center;
    width:100%
}
.header .menu__over .menu__link {
    color:#9B9B9B;
    cursor:pointer;
    display:inline-block;
    font-size:0.875rem;
    font-weight:600;
    line-height:1.125em;
    padding:0.75rem 0;
    position:relative;
    width:100%
}
.header .menu__over .menu__link .material-icons {
    margin-right:0.5rem
}
.header .menu__over .menu__link .link__text {
    position:absolute;
    transform:translateY(-50%);
    top:50%
}
.header .menu__over .menu__link:hover {
    color:#828282
}
.header .menu__over.notifications--menu {
    width:100%
}
@media (min-width: 992px) {
    .header .menu__over.notifications--menu {
        max-height:80vh;
        overflow:auto;
        right:-16px;
        width:480px
    }
}
.header .menu__over.notifications--menu p {
    margin-bottom:0
}
.header .menu__over.notifications--menu .icon__box {
    text-align:center;
    width:40px
}
.header .menu__over.notifications--menu .icon__box .icon__square {
    background:#454545;
    color:#fff;
    display:inline-block;
    height:27px;
    width:27px;
    text-align:center;
    padding-top:3px
}
.header .menu__over.notifications--menu .icon__box .icon__square .material-icons {
    font-size:1.25rem
}
.header .menu__over.notifications--menu .description__box {
    padding-left:0.375rem;
    width:calc(100% - 40px)
}
.header .menu__over.notifications--menu .description_title__text {
    font-size:1.125rem
}
.header .menu__over.notifications--menu .despcrition__text {
    font-size:0.875rem
}
.header .menu__over.notifications--menu .date__text {
    font-size:0.875rem
}
.header .menu__over.notifications--menu .date__text .material-icons {
    vertical-align:sub;
    font-size:1.25rem;
    margin-right:0.25rem
}
.header .menu__over.notifications--menu .notification__box {
    border-bottom:1px solid #DEDEDF;
    padding:0.5rem 0
}
.header .menu__over.notifications--menu .notification__box:last-child {
    border-bottom:none transparent
}
.header .menu__over.notifications--menu .notification__box.blue--notification .icon__box .icon__square {
    background:#085190
}
.header .menu__over.notifications--menu .notification__box.blue--notification .description_title__text {
    color:#085190
}
.header .menu__over.notifications--menu .notification__box.green--notification .icon__box .icon__square {
    background:#0B9C68
}
.header .menu__over.notifications--menu .notification__box.green--notification .description_title__text {
    color:#0B9C68
}
.header .menu__over.notifications--menu .notification__box.orange--notification .icon__box .icon__square {
    background:#B25E10
}
.header .menu__over.notifications--menu .notification__box.orange--notification .description_title__text {
    color:#B25E10
}
.header.header--small .box__header {
    margin-bottom:1rem;
    margin-top:1rem
}
.header.header--small .box__header.open--menu {
    margin:0
}
@media (min-width: 992px) {
    .header.header--small .box__header.open--menu {
        margin-bottom:1rem;
        margin-top:1rem
    }
}
@media (min-width: 768px) {
    .header.header--small .logo__app {
        max-width:195px
    }
}
.header .siga__hamburguer .link__hamburguer {
    background:#faaf3b;
    color:#fff;
    display:inline-block;
    overflow:hidden;
    position:relative;
    height:28px;
    width:28px;
    z-index:7
}
.header .siga__hamburguer .link__hamburguer .material-icons {
    left:50%;
    position:absolute;
    transition:top 0.3s ease-in-out;
    transform:translate(-50%, -50%);
    top:50%
}
.header .siga__hamburguer .link__hamburguer .icon__close {
    top:-150%
}
.header .siga__hamburguer .link__hamburguer.open--menu .icon__open {
    top:150%
}
.header .siga__hamburguer .link__hamburguer.open--menu .icon__close {
    top:50%
}
.header .bkg__mobile {
    height:100%;
    left:0;
    position:absolute;
    text-align:center;
    top:0;
    width:100%;
    z-index:6
}
.header .bkg__mobile:before {
    content:"";
    background:#fff;
    display:block;
    height:100%;
    width:100%;
    position:absolute;
    z-index:1;
    top:0;
    left:0
}
.header .bkg__mobile:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:4px;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
    box-shadow:0 0 10px rgba(0,0,0,0.4);
    z-index:0
}
.footer {
    /* background:#faaf3b; */
    background:#b28d42;
    bottom:0;
    color:#fff;
    font-size:0.75rem;
    height:auto;
    line-height:1.5em;
    padding-top:1rem;
    position:absolute;
    width:100%
}
@media (min-width: 992px) {
    .footer {
        height:6.75rem
    }
}
.panel__main {
    background:#fff;
    position:relative
}
.panel__main .title__p {
    margin-bottom:0;
    color:#faaf3b;
    font-size:0.625rem;
    text-transform:uppercase
}
.panel__main .title__p_text {
    margin-bottom:0;
    font-size:0.75rem;
    line-height:1.375em
}
.panel__status_left {
    left:16px;
    top:9%;
    position:absolute;
    width:115px
}
.panel__status_left a {
    color:#fff;
    display:block;
    transition:background 0.5s
}
.panel__status_left a:hover {
    background:#0db8e4;
    text-decoration:none
}
.panel__status_left .background--SIGAAquaMain {
    background:#faaf3b
}
.panel__status_left .background--blueMain {
    background:#b28d42
}
.panel__status_left .material-icons {
    font-size:1.025rem;
    vertical-align:sub
}
.panel__status_left .status__title {
    color:#fff;
    font-size:0.625rem;
    margin-bottom:0rem
}
.panel__status_left .status__text {
    color:#fff;
    font-size:1rem;
    font-weight:bold;
    margin-bottom:0rem
}
.panel__status_left .status__icon__text {
    color:#fff;
    font-size:0.725rem;
    font-weight:bold;
    margin-bottom:0rem
}
.row__panel_pl-4 {
    padding-left:4.25rem;
    position:relative
}
.row__panel_pl-7 {
    padding-left:7.25rem;
    position:relative
}
.hr-line-solid {
    border-bottom:1px solid #DEDEDF;
    background-color:rgba(0,0,0,0);
    margin-top:15px;
    margin-bottom:15px
}
.table__custom .header__custom {
    background:#fff;
    padding:0.25rem 1rem 0.25rem 7.5rem;
    position:relative
}
.table__custom .header__custom .first__column {
    left:10px;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.table__custom .header__custom .header__text {
    color:#faaf3b;
    font-size:13px;
    font-weight:bold
}
.table__custom .header__custom:before {
    background:#faaf3b;
    content:"";
    display:inline-block;
    height:1px;
    position:absolute;
    transform:translateY(-50%);
    top:50%;
    width:25px;
    left:-35px
}
.table__custom .header__custom:after {
    background:#faaf3b;
    content:"";
    display:inline-block;
    height:1px;
    position:absolute;
    transform:translateY(-50%);
    top:50%;
    width:25px;
    right:-35px
}
.table__custom .row__custom {
    background:#fff;
    padding:0.75rem 1rem 0.5rem 7.25rem;
    position:relative
}
.table__custom .row__custom p {
    margin:0
}
.table__custom .row__custom .icon__status {
    left:-25px;
    position:absolute;
    top:50%;
    padding:0.125rem 0.375rem;
    transform:translateY(-50%);
    width:125px
}
.table__custom .row__custom .icon__status .material-icons {
    color:#fff;
    vertical-align:text-bottom
}
.table__custom .row__custom .icon__status .icon__text {
    color:#fff;
    line-height:1.25em;
    vertical-align:text-bottom
}
.table__custom .row__custom .row__text {
    font-size:0.875rem;
    line-height:1.125em;
    word-break:break-word
}
.table__custom .row__custom.disable--row .icon__status {
    background:#9B9B9B
}
.table__custom .row__custom.approved--row .icon__status {
    background:#faaf3b
}
.table__custom .row__custom.open--menu {
    z-index:1
}
.table__custom .row__custom .row__option {
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%)
}
.table__custom .row__custom .row__option .options__button .material-icons {
    color:#faaf3b;
    cursor:pointer;
    font-size:2.5rem
}
.table__custom .row__custom .row__option .list__options {
    background:#fff;
    border:2px solid #dedede;
    display:none;
    position:absolute;
    right:2px;
    top:35px;
    z-index:5
}
.table__custom .row__custom .row__option .list__options.open--options {
    display:block
}
.table__custom .row__custom .row__option .list__options:after,.table__custom .row__custom .row__option .list__options:before {
    content:"";
    display:block;
    position:absolute;
    width:0;
    height:0;
    border-style:solid
}
.table__custom .row__custom .row__option .list__options:after {
    top:-17px;
    border-color:transparent transparent #fff transparent;
    border-width:9px;
    left:81%
}
.table__custom .row__custom .row__option .list__options:before {
    top:-22px;
    border-color:transparent transparent #dedede transparent;
    border-width:11px;
    left:80%
}
.table__custom .row__custom .row__option .list__options ul {
    list-style:none;
    margin:0;
    padding:0 0.75rem
}
.table__custom .row__custom .row__option .list__options li {
    border-bottom:2px solid #dedede
}
.table__custom .row__custom .row__option .list__options li:last-child {
    border-bottom:2px solid transparent
}
.table__custom .row__custom .row__option .list__options .link__option {
    cursor:pointer;
    display:block;
    font-size:0.75rem;
    font-weight:700;
    padding:0.375rem 0;
    width:135px
}
.table__custom .row__custom .row__option .list__options .link__option .material-icons {
    color:#faaf3b;
    display:inline-block;
    vertical-align:middle
}
.table__custom .row__custom .row__option .list__options .link__option .text__option {
    color:#636363;
    display:inline-block;
    margin-left:0.25rem
}
.title__main {
    color:#faaf3b;
    font-family:"Oswald", sans-serif;
    position:relative
}
.title__main .material-icons {
    background:#faaf3b;
    color:#fff;
    display:inline-block;
    font-size:2.5rem;
    padding:12px 8px;
    margin-right:0.75rem;
    vertical-align:text-top;
    position:relative;
    z-index:2; 

}
.title__main .inner__text {
    display:inline-block;
    font-size:2.188rem;
    position:relative;
    z-index:2
}
.title__main:before {
    background:#FBFAF2;
    content:"";
    display:block;
    height:80px;
    left:15px;
    position:absolute;
    transform:translateY(-50%);
    top:50%;
    width:70px;
    z-index:1
}
.title__main:after {
    background:#faaf3b;
    bottom:0px;
    content:"";
    display:block;
    height:4px;
    right:0px;
    position:absolute;
    width:70px;
    z-index:1
}
.title__main.title--double-line .material-icons {
    vertical-align:bottom
}
.title__main.title--double-line .inner__text .small__text {
    display:block;
    font-size:1.25rem
}
.title__main.title--double-line .inner__text .medium__text {
    display:block;
    font-size:1.875rem
}
.title__main.title--double-line:after {
    bottom:-8px
}
.title__main .golden--color {
    color:#826c12
}
.title__secondary {
    color:#faaf3b;
    font-family:"Oswald", sans-serif;
    font-size:1.75rem;
    overflow-x:hidden;
    position:relative;
    width:100%;
    white-space:nowrap
}
.title__secondary span {
    display:inline-block;
    margin-right:10px;
    padding-bottom:5px
}
.title__secondary .material-icons {
    font-size:3rem;
    vertical-align:text-bottom;
    margin-right:1rem
}
.title__secondary:after {
    content:"";
    display:inline-block;
    background:#faaf3b;
    height:1px;
    position:relative;
    vertical-align:middle;
    width:100%
}
.title__tertiary {
    overflow-x:hidden;
    position:relative;
    width:100%;
    white-space:nowrap
}
.title__tertiary span {
    display:inline-block;
    margin-right:10px;
    vertical-align:text-top
}
.title__tertiary:after {
    content:"";
    display:inline-block;
    background:#b28d42;
    height:1px;
    position:relative;
    width:100%
}
.label {
    padding:0.2rem 0.7rem;
    font-size:0.6rem;
    text-shadow:none
}
.label.bg--blueMain {
    background:#b28d42;
    color:#fff
}
.label.bg--jadeSecondary {
    background:#faaf3b;
    color:#fff
}
.button {
    border:none transparent;
    cursor:pointer;
    display:inline-block;
    height:38px;
    line-height:38px;
    padding:0 0.5rem 0 0.75rem;
    transition:background 0.5s ease;
    width:auto
}
.button .button__text {
    font-size:0.875rem;
    font-weight:500
}
.button .material-icons {
    font-size:1.5rem;
    line-height:38px;
    margin-left:0.5rem;
    vertical-align:top
}
.button:hover {
    text-decoration:none
}
.button.button--aqua {
    background:#faaf3b;
    color:#fff
}
.button.button--aqua .button__text,.button.button--aqua .material-icons {
    color:#fff
}
.button.button--aqua:hover {
    background:#b28d42
}
.button.button--yellow {
    background:#FFC600
}
.button.button--yellow .button__text,.button.button--yellow .material-icons {
    color:#000
}
.button.button--yellow:hover {
    background:#ffd74d
}
.button__icons {
    box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
    cursor:pointer;
    display:inline-block;
    height:38px;
    line-height:38px;
    padding:0;
    position:relative;
    transition:background 0.5s ease, boxShadow 1.5s ease;
    text-align:center;
    width:38px
}
.button__icons .material-icons {
    font-size:1.5rem;
    line-height:38px;
    vertical-align:top
}
.button__icons:hover {
    box-shadow:0px 0px 3px 2px rgba(0,0,0,0.1)
}
.button__icons.button--small {
    height:31px;
    line-height:31px;
    width:31px
}
.button__icons.button--small .material-icons {
    font-size:1.25rem;
    line-height:31px;
    vertical-align:top
}
.button__icons.button--large {
    height:31px;
    line-height:31px;
    width:135px
}
.button__icons.button--large .button__text {
    font-size:0.875rem;
    font-weight:500
}
.button__icons.button--gray {
    background:gray
}
.button__icons.button--gray .material-icons {
    color:#fff
}
.button__icons.button--gray:hover {
    background:#a6a6a6
}
.button__icons.button--aqua {
    background:#faaf3b
}
.button__icons.button--aqua .material-icons {
    color:#fff
}
.button__icons.button--aqua:hover {
    background:#b28d42
}
.button__icons.button--yellow {
    background:#FFC600;
    color:#000
}
.button__icons.button--yellow .material-icons {
    color:#000
}
.button__icons.button--yellow:hover {
    background:#ffd133
}
.button__icons.btn--yellow-edit {
    background:#FFC600;
    color:#000;
    height:39px;
    line-height:24px;
    text-decoration:none;
    width:39px
}
.button__icons.btn--yellow-edit .material-icons {
    font-size:1.75rem;
    line-height:39px;
    vertical-align:top
}
.button__icons.btn--yellow-edit .btn__text {
    font-size:0.875rem;
    font-weight:700
}
.button__step-overlay {
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:0.875rem;
    font-weight:500;
    padding:0.375rem 0.5rem;
    text-align:center;
    text-decoration:none
}
.button__step-overlay.button--gray {
    background:gray;
    color:#fff
}
.button__step-overlay.button--gray:hover {
    background:#a6a6a6;
    color:#fff;
    text-decoration:none
}
.button__step-overlay.button--aqua {
    background:#faaf3b;
    color:#fff
}
.button__step-overlay.button--aqua:hover {
    background:#b28d42;
    color:#fff;
    text-decoration:none
}
.button__filter {
    cursor:pointer;
    display:block;
    color:#fff;
    padding:0.75rem;
    text-align:center;
    text-decoration:none;
    width:60px
}
.button__filter .material-icons {
    font-size:2.5rem;
    display:block
}
.button__filter .text__filter {
    display:block;
    font-family:"Oswald", sans-serif;
    font-size:0.875rem;
    font-weight:300
}
.button__filter:hover {
    text-decoration:none;
    color:#fff
}
.button__filter.button--gray {
    background:gray
}
.button__filter.button--gray .material-icons {
    color:#fff
}
.button__filter.button--gray:hover {
    background:#999
}
.button__filter.button--aqua {
    background:#faaf3b;
    color:#fff
}
.button__filter.button--aqua .material-icons {
    color:#fff
}
.button__filter.button--aqua:hover {
    background:#009f95;
    color:#fff
}
.button__filter.button--yellow {
    background:#FFC600;
    color:#000
}
.button__filter.button--yellow .material-icons {
    color:#000
}
.button__filter.button--yellow:hover {
    background:#ffcc1a
}
.button__icon-option-select {
    background:#b3b3b3;
    color:#fff;
    display:inline-block;
    padding:0.5rem 1rem 0.5rem;
    text-align:center;
    text-decoration:none;
    font-family:"Oswald", sans-serif;
    transition:background 0.5s
}
.button__icon-option-select.width__4 {
    width:80px;
    height:80px
}
.button__icon-option-select.width__4 .material-icons {
    font-size:3rem
}
.button__icon-option-select.width__5 {
    width:140px
}
.button__icon-option-select.width__6 {
    width:126px
}
.button__icon-option-select .material-icons {
    font-size:5rem
}
.button__icon-option-select .option__text {
    display:block;
    font-size:0.813rem;
    width:100%
}
.button__icon-option-select:not([href]) {
    color:#fff
}
.button__icon-option-select:not([href]):hover {
    color:#fff
}
.button__icon-option-select:not([href]):selected {
    color:#fff
}
.button__icon-option-select:hover {
    background:#666;
    color:#fff;
    text-decoration:none;
    cursor:pointer
}
.button__icon-option-select.selected {
    background:#faaf3b;
    cursor:not-allowed
}
.button__corner-down-right {
    bottom:-25px;
    position:absolute;
    right:50px;
    font-family:"Oswald", sans-serif
}
.button__corner-down-left {
    bottom:-25px;
    position:absolute;
    right:230px;
    font-family:"Oswald", sans-serif
}
.breadcrumb__list {
    background:transparent;
    margin:0;
    padding:0
}
.breadcrumb__list li {
    color:#faaf3b;
    font-size:0.875rem;
    height:24px;
    line-height:24px
}
.breadcrumb__list li.active {
    font-weight:700
}
.breadcrumb__list li a {
    color:#faaf3b
}
.breadcrumb__list li .material-icons {
    vertical-align:middle
}
.breadcrumb__list li .material-icons.caret--icon {
    color:#777
}
.breadcrumb__list li .material-icons.home--icon {
    font-size:22px;
    position:relative;
    top:-2px
}
.input__box {
    transition:outline 1s ease;
    width:100%
}
.input__box label {
    display:block;
    font-size:0.875rem;
    font-weight:500;
    margin-bottom:0.375rem
}
.input__box input {
    border:1px solid #DEDEDF;
    font-size:0.875rem;
    padding:0.375rem 0.75rem;
    width:100%
}
.input__box input:focus {
    outline:1px solid #faaf3b
}
.input__box textarea {
    border:1px solid #DEDEDF;
    font-size:0.875rem;
    padding:0.375rem 0.75rem;
    resize:none;
    width:100%
}
.input__box textarea:focus {
    outline:1px solid #faaf3b
}
.input__box.input--password {
    position:relative
}
.input__box.input--password input {
    position:relative;
    z-index:1
}
.input__box.input--password .btn__visibility {
    background:none transparent;
    border:none transparent;
    color:#b8b8b8;
    cursor:pointer;
    display:inline-block;
    right:0;
    position:absolute;
    width:32px;
    z-index:4
}
.input__box.input--password .btn__visibility .material-icons {
    margin-top:5px
}
.input__box.input--password .btn__visibility:hover {
    color:#9e9e9e
}
.form__checkbox .mat-checkbox-label {
    font-size:0.875rem;
    line-height:25px !important
}
.form__checkbox .mat-checkbox-frame {
    border:1px solid #595959;
    border-radius:0
}
.form__checkbox .mat-checkbox-checkmark-path {
    stroke:#fff !important
}
.form__checkbox.no--label .mat-checkbox-label {
    display:none
}
.form__checkbox.no--label .mat-checkbox-inner-container {
    margin:0
}
.form__checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background:#faaf3b
}
.form__checkbox.big--size .mat-checkbox-frame {
    border:2px solid #DEDEDF
}
.form__checkbox.big--size .mat-checkbox-inner-container {
    height:26px;
    width:26px
}
.form__checkbox.mat-checkbox-disabled .mat-checkbox-layout .mat-checkbox-frame {
    border:#999
}
.form__checkbox.mat-checkbox-disabled .mat-checkbox-label {
    color:rgba(69,69,69,0.7)
}
.form__checkbox.mat-checkbox-disabled .mat-checkbox-background {
    background:#999
}
.form__checkbox.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-layout .mat-checkbox-frame {
    border:#999
}
.form__checkbox.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background {
    background:#999
}
.form__check-icon {
    background:#999;
    cursor:pointer;
    display:inline-block;
    position:relative;
    height:125px;
    width:130px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.form__check-icon input {
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.form__check-icon .mat-checkbox-inner-container {
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.form__check-icon .mat-checkbox-frame {
    border:none transparent
}
.form__check-icon .mat-checkbox-background {
    display:none
}
.form__check-icon .material-icons {
    color:#fff;
    font-size:5rem;
    position:absolute;
    left:50%;
    transform:translate(-50%, -50%);
    top:40%
}
.form__check-icon .text__check {
    bottom:10px;
    color:#fff;
    font-family:'Oswald', sans-serif;
    left:0;
    text-align:center;
    position:absolute;
    width:100%;
    z-index:5
}
.form__check-icon.mat-checkbox-checked {
    background:#faaf3b
}
.check__option {
    cursor:pointer;
    display:inline-block;
    position:relative;
    height:125px;
    width:130px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.check__option input {
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.check__option:hover input ~ .checkmark {
    background-color:#666
}
.check__option input:checked ~ .checkmark {
    background-color:#faaf3b
}
.check__option input:checked ~ .checkmark:after {
    display:block
}
.check__option .text__check {
    bottom:5px;
    color:#fff;
    font-family:'Oswald', sans-serif;
    text-align:center;
    position:absolute;
    width:100%;
    z-index:5
}
.checkmark {
    background-color:#999;
    height:100%;
    left:0;
    line-height:175px;
    position:absolute;
    text-align:center;
    top:0;
    width:100%
}
.checkmark .material-icons {
    color:#fff;
    font-size:5rem
}
.status__password {
    display:block;
    position:relative;
    width:100%
}
.status__password .bars__status {
    width:100%
}
.status__password .bars__status .bar__show {
    background:#b8b8b8;
    display:inline-block;
    height:6px;
    margin-right:1%;
    width:24.25%
}
.status__password .bars__status .bar__show:last-child {
    margin-right:0
}
.status__password .bars__status .bar__show.red--color {
    background:#910000
}
.status__password .bars__status .bar__show.orange--color {
    background:#B25E10
}
.status__password .bars__status .bar__show.yellow--color {
    background:#FFC600
}
.status__password .bars__status .bar__show.green--color {
    background:#07913B
}
.status__password .status__text {
    font-size:0.8125rem;
    font-weight:500
}
.status__password .status__text.red--color {
    color:#910000
}
.status__password .status__text.orange--color {
    color:#B25E10
}
.status__password .status__text.yellow--color {
    color:#FFC600
}
.status__password .status__text.green--color {
    color:#07913B
}
.date__input {
    position:relative;
    border:1px solid #DEDEDF
}
.date__input .mat-form-field-underline {
    display:none
}
.date__input .mat-form-field-wrapper {
    padding:0
}
.date__input.mat-form-field-appearance-fill .mat-form-field-flex {
    padding:0
}
.date__input.mat-form-field-appearance-fill .mat-form-field-infix {
    border-top:0;
    padding:0
}
.date__input .mat-datepicker-toggle {
    color:#faaf3b;
    position:absolute;
    right:0;
    top:-2px
}
.date__input .mat-input-element {
    color:#454545;
    font-size:0.875rem;
    font-weight:500;
    padding:0.7125rem 0.5rem
}
.date__input .mat-input-element::placeholder {
    color:#ababab
}
.mat-calendar {
    background:#fff;
    color:#454545
}
.mat-calendar .mat-calendar-arrow {
    border-top-color:#faaf3b
}
.mat-calendar .mat-button-wrapper {
    color:#faaf3b
}
.mat-calendar .mat-calendar-previous-button.mat-icon-button {
    color:#faaf3b !important
}
.mat-calendar .mat-calendar-next-button.mat-icon-button {
    color:#faaf3b !important
}
.mat-calendar .mat-calendar-table-header {
    color:#faaf3b
}
.mat-calendar .mat-calendar-table-header-divider::after {
    background:rgba(0,133,125,0.5)
}
.mat-calendar .mat-calendar-body-label {
    color:#faaf3b
}
.mat-calendar .mat-calendar-body-cell-content {
    color:#454545
}
.mat-calendar .mat-calendar-body-cell-content:hover {
    background:rgba(0,133,125,0.2) !important
}
.mat-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color:rgba(69,69,69,0.5)
}
.mat-calendar .mat-calendar-body-selected {
    background:#FFC600;
    color:#000
}
.mat__slide_toggle {
    display:flex;
    align-content:center;
    align-items:center;
    height:60px;
    font-size:20px
}
.mat__slide_toggle .mat-slide-toggle-thumb {
    box-shadow:0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
    background-color:#FFC600
}
.mat__slide_toggle .mat-slide-toggle-bar {
    background-color:#afafaf
}
.paginator__list {
    background:#fff;
    margin:0 70px 0 0;
    padding:0
}
.paginator__list a {
    color:#454545;
    display:inline-block;
    line-height:30px;
    padding:0 0.5rem;
    position:relative;
    text-decoration:none;
    z-index:2
}
.paginator__list a .material-icons {
    font-size:1rem;
    vertical-align:sub
}
.paginator__list a:hover {
    color:#faaf3b
}
.paginator__list li {
    color:#454545;
    display:inline-block;
    font-size:0.875rem;
    font-weight:700;
    position:relative
}
.paginator__list li.inactive a {
    color:#DEDEDF;
    cursor:default
}
.paginator__list li.active a {
    color:#fff;
    cursor:default
}
.paginator__list li.active a:hover {
    color:#fff
}
.paginator__list li.active:after {
    background:#faaf3b;
    content:"";
    display:block;
    height:130%;
    position:absolute;
    transform:translateY(-50%);
    top:50%;
    width:100%;
    z-index:1
}
.paginator__list:after {
    background:#faaf3b;
    content:"";
    display:inline-block;
    height:1px;
    margin-left:0.5rem;
    position:absolute;
    transform:translateY(-50%);
    top:50%;
    width:70px
}
.overlay__modal {
    background:rgba(255,255,255,0.8);
    bottom:0;
    left:0;
    outline:0;
    overflow:hidden;
    position:fixed;
    right:0;
    top:0;
    z-index:1050
}
.close__icon {
    background:#FFC600;
    color:#000;
    cursor:pointer;
    display:block;
    height:35px;
    line-height:35px;
    position:absolute;
    right:0px;
    text-align:center;
    text-decoration:none;
    top:0px;
    width:35px
}
.close__icon .material-icons {
    color:#000;
    line-height:35px
}
.inner__modal {
    background:#fff;
    border:1px solid #DEDEDF;
    color:#454545;
    display:block;
    height:auto;
    left:50%;
    outline:none;
    overflow:auto;
    padding:2.5rem 3.5rem 2.5rem 3rem;
    position:fixed;
    top:50%;
    transform:translate(-50%, -50%);
    width:auto;
    z-index:2202
}
.inner__modal.detail--request {
    padding:2rem 2.5rem 2rem 2.5rem;
    width:890px
}
.modal__title {
    color:#faaf3b;
    font-family:'Oswald', sans-serif;
    font-size:1.125rem
}
.button--overlay {
    width:240px
}
.detail__content .title__detail-box {
    margin-bottom:2rem;
    position:relative
}
.detail__content .title__detail-box:before {
    background:#faaf3b;
    content:"";
    display:block;
    height:101%;
    left:-48px;
    position:absolute;
    width:43px
}
.detail__content .title__detail {
    color:#faaf3b;
    font-family:'Oswald', sans-serif;
    font-size:1.375rem
}
.detail__content .subtitle__detail {
    background-color:#b28d42;
    color:#fff;
    display:inline-block;
    font-family:'Oswald', sans-serif;
    font-size:1rem;
    padding:0.25rem 0.75rem
}
.detail__content .document__number {
    font-family:'Oswald', sans-serif;
    font-size:1.375rem;
    font-weight:700
}
.detail__content .status__request {
    border:1px solid #454545;
    font-size:0.625rem;
    font-weight:700;
    padding:0.125rem 0.5rem;
    position:relative;
    top:-5px
}
.detail__content .status__request.status--aproved {
    border:1px solid #faaf3b;
    color:#faaf3b
}
.detail__content .inner__detail p {
    display:block;
    margin-bottom:0
}
.detail__content .inner__detail ul {
    margin:0;
    padding:0;
    list-style:none
}
.detail__content .inner__detail ul li {
    margin:0 0.25rem 0  0
}
.detail__content .inner__detail .mat-checkbox-label {
    font-size:0.75rem
}
.detail__content .inner__detail .detail__subtitle {
    color:#faaf3b;
    font-size:0.625rem;
    text-transform:uppercase
}
.detail__content .inner__detail .detail__text {
    font-size:0.75rem
}
.detail__content .inner__detail .line--separator {
    border-right:1px solid #ccc
}
.detail__content .inner__detail .module__box {
    background:#faaf3b;
    color:#fff;
    display:inline-block;
    height:50px;
    line-height:0.5em;
    text-align:center;
    width:50px
}
.detail__content .inner__detail .module__box .icon__module .material-icons {
    font-size:2.125rem
}
.detail__content .inner__detail .module__box .text__module {
    font-size:0.625rem;
    font-weight:500
}
.info__company {
    background:#f8f6e8;
    line-height:1.25em;
    padding:0.75rem 1rem
}
.info__company p {
    margin-bottom:0
}
.info__company .info__name {
    font-weight:700
}
.info__company .info__nit {
    font-weight:500
}
.info__company .info__request {
    color:#faaf3b;
    font-size:0.75rem
}
.info__company .info__date {
    color:#454545;
    font-weight:500
}
@media (min-width: 768px) {
    .overlay__table {
        width:590px
    }
}
@media (min-width: 992px) {
    .overlay__table {
        width:835px
    }
}
@media (min-width: 1200px) {
    .overlay__table {
        width:1010px
    }
}
.overlay__table .title__overlay {
    color:#faaf3b;
    font-family:"Oswald", sans-serif;
    font-size:1.375rem
}
.overlay__table .info__company_box {
    background:#f8f6e8;
    padding:0.875rem 0.5rem
}
.overlay__table .info__company_box .title__text {
    color:#faaf3b;
    font-size:1.125rem;
    font-weight:700;
    margin-bottom:0.125rem
}
.overlay__table .info__company_box .title__number {
    font-size:1.125rem;
    font-weight:700;
    margin-bottom:0
}
.overlay__table .filter__companies .filter__top {
    margin-top:0.385rem
}
.overlay__table .filter__companies .filter__top .filter__box {
    box-shadow:0 0rem 0rem rgba(0,0,0,0);
    padding:0.75rem 2.5rem 0.75rem 2rem
}
.overlay__table .filter__companies .filter__top .filter__box .siga__select.mat-select {
    padding:0.25rem 0.5rem 0.25rem 1rem
}
.overlay__table .filter__companies .filter__top .filter__box .input__box input {
    padding:0.25rem 0.75rem
}
.overlay__table .filter__companies .filter__top .button__filter {
    padding:0.25rem 0;
    width:30px
}
.overlay__table .filter__companies .filter__top .button__filter .text__filter {
    display:none
}
.overlay__table .filter__companies .filter__top .button__filter .material-icons {
    color:#454545;
    font-size:2rem
}
.overlay__table .filter__companies .filter__top .button__filter.button--yellow {
    background:transparent;
    box-shadow:0 0rem 0rem rgba(0,0,0,0) !important
}
.overlay__table .filter__companies .close__filter .close__link {
    background:transparent
}
.overlay__table .header__table {
    border-bottom:1px solid #faaf3b;
    border-top:1px solid #faaf3b;
    color:#faaf3b;
    font-size:0.625rem;
    padding:0.5rem
}
.overlay__table .row__table {
    border-bottom:1px solid #cfcfcf;
    font-size:0.75rem;
    padding:0.75rem 0.5rem
}
.overlay__table .row__table p {
    margin-bottom:0
}
.overlay__table .row__table .row__text.nit--text {
    background:#faaf3b;
    color:#fff;
    display:inline-block;
    font-size:0.6875rem;
    font-weight:700;
    line-height:1em;
    padding:0.125rem 0.375rem
}
.overlay__table .paginator__list {
    box-shadow:0 0rem 0rem rgba(0,0,0,0) !important;
    margin:2rem 0 0 0
}
.overlay__table .paginator__list:after {
    display:none
}
.overlay__table .paginator__list li.active:after {
    height:110%
}
.overlay__table .paginator__list a {
    cursor:pointer
}
.loader {
    background:rgba(255,255,255,0.9);
    height:100vh;
    left:0;
    position:absolute;
    top:0;
    width:100vw;
    z-index:3000
}
.loader .loading__box {
    left:50%;
    position:absolute;
    transform:translate(-50%, -50%);
    top:45%
}
.loader .cog__group {
    height:100px;
    position:relative;
    width:185px
}
.loader .cog__group .cog__one {
    height:40px;
    left:10px;
    position:absolute;
    top:4px;
    width:40px;
    animation:rotation 1s infinite linear
}
.loader .cog__group .cog__one svg {
    fill:#ccc;
    height:100%;
    width:auto
}
.loader .cog__group .cog__two {
    height:90px;
    left:42px;
    position:absolute;
    top:5px;
    width:90px;
    animation:rotationReverse 4s infinite linear
}
.loader .cog__group .cog__two svg {
    fill:#ccc;
    height:100%;
    width:auto
}
.loader .cog__group .cog__three {
    height:60px;
    left:128px;
    position:absolute;
    top:27px;
    width:60px;
    animation:rotation 2s infinite linear
}
.loader .cog__group .cog__three svg {
    fill:#ccc;
    height:100%;
    width:auto
}
.loader .loader_text {
    font-size:0.75rem;
    font-weight:700;
    margin-top:0.5rem;
    text-align:center;
    width:100%
}
@keyframes rotation {
    from {
        transform:rotate(0deg)
    }
    to {
        transform:rotate(359deg)
    }
}
@keyframes rotationReverse {
    from {
        transform:rotate(359deg)
    }
    to {
        transform:rotate(0deg)
    }
}
.filter__top {
    position:relative
}
.filter__top .button__filter {
    position:relative;
    z-index:5
}
.filter__top .filter__box {
    box-shadow:-5px 4px 8px 0px rgba(0,0,0,0.21);
    display:none;
    padding:0.75rem 4.25rem 0.75rem 2rem;
    position:absolute;
    right:0;
    transform:translateY(-50%);
    top:50%;
    z-index:3
}
.filter__top .filter__box.open--filter {
    display:block
}
.filter__top .form__box {
    width:370px
}
.filter__top .form__box .input__box {
    display:inline-block;
    width:180px
}
.filter__top .form__box .siga__select.mat-select {
    padding:0.375rem 0.5rem 0.375rem 1rem
}
.filter__top .close__filter {
    display:block;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:1.375rem
}
.filter__top .close__filter .close__link {
    background:#FFC600;
    color:#000;
    cursor:pointer;
    display:block;
    position:relative;
    height:100%;
    width:100%
}
.filter__top .close__filter .close__link .material-icons {
    position:absolute;
    left:50%;
    transform:translate(-50%, -50%);
    top:50%
}
.widget {
    font-family:"Oswald", sans-serif
}
.widget .material-icons {
    vertical-align:text-bottom
}
.widget .material-icons.mi--5x {
    font-size:5rem
}
.widget.bg--aqua {
    background:#faaf3b;
    color:#fff
}
.widget.bg--gray {
    background:#b3b3b3;
    color:#fff
}
.widget__inline--block {
    display:inline-block
}
.widget__list--item {
    display:list-item
}
.mat-accordion .mat-expansion-panel {
    background:#fff;
    color:#454545
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
    background-color:#fff;
    background:#fff
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
    color:#faaf3b
}
.LR__component {
    position:relative
}
.LR__component .lateral__pic {
    display:none;
    left:30px;
    overflow:hidden;
    position:absolute;
    width:400px;
    z-index:3
}
.LR__component .lateral__pic .pic {
    height:100%;
    width:auto;
    z-index:4;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
@media (min-width: 992px) {
    .LR__component .lateral__pic {
        display:block
    }
}
.LR__component .blue__square {
    background:#b28d42;
    display:block;
    position:absolute;
    z-index:1
}
.LR__component .content__box {
    background:#fff;
    min-height:650px;
    position:relative;
    width:100%;
    z-index:2
}
.LR__component .register__link-box {
    background:#faaf3b;
    cursor:pointer;
    position:relative;
    width:100%
}
@media (min-width: 992px) {
    .LR__component .register__link-box {
        margin-left:420px;
        width:45%
    }
}
.LR__component .register__link-box .link__register {
    color:#fff;
    display:block;
    font-size:1rem;
    font-weight:700;
    width:100%
}
@media (min-width: 992px) {
    .LR__component .register__link-box .link__register {
        font-size:1.125rem;
        font-weight:700;
        line-height:2.25rem
    }
}
@media (min-width: 992px) {
    .LR__component .register__link-box .link__register .person--icon {
        font-size:2.25rem
    }
}
@media (min-width: 992px) {
    .LR__component .register__link-box .link__register .arrow--icon {
        font-size:2.25rem
    }
}
.LR__component.login--component .blue__square {
    height:85px;
    left:-15px;
    top:20px;
    width:85px
}
@media (min-width: 992px) {
    .LR__component.login--component .lateral__pic {
        height:105%;
        top:-3%
    }
}
@media (min-width: 1600px) {
    .LR__component.login--component .lateral__pic {
        height:107%;
        top:-4%
    }
}
.LR__component.login--component .content__box {
    padding-left:20px;
    padding-right:20px
}
@media (min-width: 992px) {
    .LR__component.login--component .content__box {
        padding-left:490px;
        padding-right:60px
    }
}
.LR__component.login--component .login__form-box {
    width:100%
}
.LR__component.login--component .login__form-box .logo__app {
    display:block;
    height:auto;
    margin:0 auto;
    max-width:280px;
    width:100%
}
@media (min-width: 768px) {
    .LR__component.login--component .login__form-box .logo__app {
        max-width:320px
    }
}
@media (min-width: 992px) {
    .LR__component.login--component .login__form-box .logo__app {
        max-width:300px
    }
}
@media (min-width: 1200px) {
    .LR__component.login--component .login__form-box .logo__app {
        max-width:none
    }
}
.LR__component.login--component .login__form-box .logo__app img {
    display:block;
    height:auto;
    width:100%
}
.LR__component.login--component .login__form-box .login__copy {
    font-weight:300
}
.LR__component.login--component .login__form-box .login__check-links .link__recovery {
    color:#faaf3b;
    font-size:0.875rem;
    text-decoration:underline
}
.LR__component.login--component .login__form-box .login__button .button__login {
    background:#FFC600;
    border:none transparent;
    color:#000;
    font-size:0.875rem;
    font-weight:500;
    padding:0.5rem 1rem;
    line-height:1.5rem;
    width:100%
}
@media (min-width: 992px) {
    .LR__component.login--component .login__form-box .login__button .button__login {
        width:auto
    }
}
.LR__component.login--component .login__form-box .login__button .button__login .material-icons {
    vertical-align:bottom
}
.LR__component.register--component .blue__square {
    height:330px;
    left:-15px;
    top:20px;
    width:85px
}
.LR__component.register--component .lateral__pic {
    height:106%;
    top:-3%
}
@media (min-width: 1600px) {
    .LR__component.register--component .lateral__pic {
        height:106%;
        top:-3%
    }
}
.LR__component.register--component .lateral__pic .logo__app {
    background:#000;
    background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 80%);
    position:absolute;
    width:100%;
    z-index:5;
    text-align:center
}
.LR__component.register--component .lateral__pic .logo__app img {
    height:auto;
    width:80%
}
.LR__component.register--component .content__box {
    padding-left:25px;
    padding-right:25px
}
@media (min-width: 992px) {
    .LR__component.register--component .content__box {
        padding-left:490px;
        padding-right:60px
    }
}
.LR__component.register--component .register__form-box .back__button .back__link {
    color:#777;
    cursor:pointer;
    font-size:0.875rem;
    font-weight:500;
    line-height:1.5rem;
    display:inline-block
}
.LR__component.register--component .register__form-box .back__button .back__link .material-icons {
    font-size:1.125rem;
    vertical-align:text-bottom
}
.LR__component.register--component .register__form-box .back__button .back__link:hover {
    color:#454545;
    text-decoration:none
}
.LR__component.register--component .register__form-box .title__register {
    color:#faaf3b;
    font-family:'Oswald', sans-serif;
    font-size:1.5rem
}
.LR__component.register--component .register__form-box .copy__register {
    font-size:0.9375rem;
    font-weight:300
}
.LR__component.register--component .register__form-box .company__btn {
    background:#b3b3b3;
    color:#fff;
    display:inline-block;
    padding:1.5rem 1rem 0.5rem;
    text-align:center;
    text-decoration:none;
    transition:background 0.5s;
    width:140px
}
.LR__component.register--component .register__form-box .company__btn:hover {
    background:#666
}
.LR__component.register--component .register__form-box .company__btn.selected {
    background:#faaf3b;
    cursor:default
}
.LR__component.register--component .register__form-box .company__btn .btn__text {
    display:block;
    font-family:'Oswald', sans-serif
}
.LR__component.register--component .register__form-box .company__btn img {
    display:inline-block;
    height:auto;
    width:100%
}
.LR__component.register--component .register__form-box .register__stepper ul {
    margin:0;
    padding:0
}
.LR__component.register--component .register__form-box .register__stepper ul li {
    margin:0 1.5rem 0 0;
    padding:0;
    display:inline-block;
    position:relative
}
.LR__component.register--component .register__form-box .register__stepper ul li:after {
    height:1px;
    content:"";
    background:#DEDEDF;
    width:102%;
    position:absolute;
    left:27px;
    top:14px;
    display:block;
    z-index:1
}
.LR__component.register--component .register__form-box .register__stepper ul li:last-child:after {
    display:none
}
.LR__component.register--component .register__form-box .register__stepper ul li a {
    display:inline-block;
    height:27px;
    width:27px;
    text-align:center;
    line-height:27px;
    font-size:0.9375rem;
    font-weight:700;
    background:#DEDEDF;
    color:#fff;
    position:relative;
    z-index:2
}
.LR__component.register--component .register__form-box .register__stepper ul li a .material-icons {
    font-size:1.18rem;
    position:relative;
    top:4px
}
.LR__component.register--component .register__form-box .register__stepper ul li a.select {
    background:#faaf3b
}
.LR__component.register--component .register__form-box .register__stepper ul li a:hover {
    text-decoration:none
}
.LR__component.register--component .register__form-box .register__buttoms .btn {
    border-radius:0;
    border:none transparent;
    font-size:0.875rem;
    font-weight:500;
    padding:0.5rem 1rem;
    line-height:1.5rem
}
.LR__component.register--component .register__form-box .register__buttoms .btn .material-icons {
    vertical-align:bottom
}
.LR__component.register--component .register__form-box .register__buttoms .btn.btn--green {
    background:#faaf3b;
    color:#fff
}
.LR__component.register--component .register__form-box .register__buttoms .btn.btn--gray {
    background:#9B9B9B;
    color:#fff
}
.LR__component.register--component .register__form-box .register__buttoms .btn.btn--yellow {
    background:#FFC600;
    color:#000
}
.page404__component .inner__box {
    background:#fff;
    position:relative;
    z-index:2
}
.page404__component .green__box {
    background:#faaf3b;
    color:#fff;
    padding:2rem;
    text-align:center;
    z-index:3
}
@media (min-width: 992px) {
    .page404__component .green__box {
        left:-50px;
        padding:3rem;
        position:absolute;
        transform:translateY(-50%);
        top:50%
    }
}
.page404__component .green__box .material-icons {
    font-size:10rem
}
@media (min-width: 992px) {
    .page404__component .green__box .material-icons {
        font-size:12rem
    }
}
@media (min-width: 1200px) {
    .page404__component .green__box .material-icons {
        font-size:16.75rem
    }
}
@media (min-width: 992px) {
    .page404__component .message__box {
        padding-left:15rem
    }
}
@media (min-width: 1200px) {
    .page404__component .message__box {
        padding-left:20.25rem
    }
}
.page404__component .message__box p {
    font-family:'Oswald', sans-serif;
    padding:0;
    text-align:center;
    width:100%
}
.page404__component .message__box .text__page404 {
    color:#faaf3b;
    font-size:9rem;
    font-weight:600;
    line-height:1em
}
@media (min-width: 768px) {
    .page404__component .message__box .text__page404 {
        font-size:18rem
    }
}
@media (min-width: 992px) {
    .page404__component .message__box .text__page404 {
        font-size:13rem
    }
}
@media (min-width: 1200px) {
    .page404__component .message__box .text__page404 {
        font-size:18rem
    }
}
.page404__component .message__box .text__message {
    color:#faaf3b;
    font-size:1.25rem
}
@media (min-width: 768px) {
    .page404__component .message__box .text__message {
        font-size:2.75rem
    }
}
@media (min-width: 992px) {
    .page404__component .message__box .text__message {
        font-size:2.25rem
    }
}
@media (min-width: 1200px) {
    .page404__component .message__box .text__message {
        font-size:2.75rem
    }
}
.page404__component .button {
    font-size:1.5rem;
    font-weight:400;
    height:50px;
    margin-bottom:2rem;
    padding:0.5rem 1rem 0.75rem 1rem;
    position:relative;
    width:100%;
    z-index:1
}
@media (min-width: 992px) {
    .page404__component .button {
        margin-bottom:0;
        position:absolute;
        right:50px;
        width:auto
    }
}
.home__content {
    padding-bottom:6rem
}
.home__content .card__item {
    background:#fff
}
.home__content .card__item .icon__box {
    position:relative
}
.home__content .card__item .icon__box .icon__pic {
    height:380px;
    overflow:hidden;
    position:relative;
    width:100%;
    z-index:1
}
.home__content .card__item .icon__box .icon__pic .pic {
    height:110%;
    width:auto;
    z-index:1;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.home__content .card__item .icon__description {
    color:#fff;
    text-align:center;
    padding:2rem 1.5rem;
    width:150px;
    z-index:2;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.home__content .card__item .icon__description.icon--blue {
    background:#faaf3b
}
.home__content .card__item .icon__description.icon--aqua {
    background:#b28d42
}
.home__content .card__item .icon__description.icon--jade {
    background:#faaf3b
}
.home__content .card__item .icon__description.icon--forest {
    background:#b28d42
}
.home__content .card__item .icon__description .material-icons {
    font-size:5rem
}
.home__content .card__item .icon__description .icon__copy {
    font-size:1.125rem;
    font-family:'Oswald', sans-serif;
    line-height:1.4em;
    margin-bottom:0;
    height:88px
}
.home__content .card__item .icon__link {
    background:#FFC600;
    bottom:-22px;
    color:#000;
    display:block;
    font-size:1.75rem;
    height:45px;
    left:50%;
    line-height:41px;
    position:absolute;
    text-align:center;
    transform:translateX(-50%);
    width:45px;
    z-index:4
}
.home__content .card__item .icon__link .material-icons {
    font-size:1.75rem;
    vertical-align:middle
}
.home__content .card__item.card--open .more__info {
    padding:2.5rem 0.75rem 0
}
.home__content .card__item.card--open .more__info p {
    color:#777;
    font-size:1rem;
    font-weight:300;
    line-height:1.25em
}
.home__content .card__item.card--open .more__info a {
    color:#faaf3b;
    display:block;
    font-size:1rem;
    font-family:'Oswald', sans-serif;
    font-weight:600
}
.list__content {
    padding-bottom:6rem
}
.list__content .list__title {
    color:#faaf3b;
    font-family:'Oswald', sans-serif;
    font-size:1.125rem
}
.list__content .list__copy {
    font-size:0.875rem;
    line-height:1.35em
}
.list__content .list__item {
    background:#fff;
    border:1px solid #DEDEDF
}
.list__content .list__item.disabled .list__title {
    color:#DEDEDF
}
.list__content .list__item.disabled .list__copy {
    color:#DEDEDF
}
.list__content .list__item.disabled .button__icons.btn--yellow-edit {
    background:#DEDEDF
}
.list__content .list__item.disabled .button__icons.btn--yellow-edit .material-icons {
    color:#cecece
}
.list__content .list__item.disabled .button__icons.btn--yellow-edit .btn__text {
    color:#DEDEDF
}
.list__content .button__icons.btn--yellow-edit {
    top:50%;
    transform:translateY(-70%)
}
.parametrics__component .link__parametric {
    color:#fff;
    display:inline-block;
    font-family:'Oswald', sans-serif;
    font-size:1.25rem;
    padding:1.5rem 1rem;
    position:relative;
    text-align:left;
    width:90%
}
@media (min-width: 425px) {
    .parametrics__component .link__parametric {
        width:75%
    }
}
@media (min-width: 768px) {
    .parametrics__component .link__parametric {
        width:95%
    }
}
.parametrics__component .link__parametric:before {
    content:"";
    display:block;
    height:100%;
    left:0;
    position:absolute;
    transition:background 0.2s ease;
    top:0;
    width:100%;
    z-index:2
}
.parametrics__component .link__parametric:after {
    background:#fff;
    box-shadow:8px 9px 12px 0px rgba(0,0,0,0.16);
    content:"";
    display:block;
    height:130%;
    left:-15px;
    position:absolute;
    transform:translateY(-50%);
    top:50%;
    width:90%;
    z-index:1
}
.parametrics__component .link__parametric:hover {
    text-decoration:none
}
.parametrics__component .link__parametric .material-icons {
    display:inline-block;
    font-size:3rem;
    vertical-align:middle;
    margin-right:1rem;
    position:relative;
    z-index:3
}
.parametrics__component .link__parametric .inner__text {
    display:inline-block;
    line-height:1.125em;
    position:relative;
    vertical-align:middle;
    width:calc(100% - 68px);
    z-index:3
}
.parametrics__component .link__parametric.color--aqua:before {
    background:#faaf3b
}
.parametrics__component .link__parametric.color--aqua:hover:before {
    background:#b28d42
}
.parametrics__component .link__parametric.color--navy:before {
    background:#b28d42
}
.parametrics__component .link__parametric.color--navy:hover:before {
    background:#b28d42
}
.parametrics__component .link__parametric.color--blue:before {
    background:#b28d42
}
.parametrics__component .link__parametric.color--blue:hover:before {
    background:#b28d42
}
.parametrics__component .link__parametric.color--jade:before {
    background:#faaf3b
}
.parametrics__component .link__parametric.color--jade:hover:before {
    background:#b28d42
}
.parametrics__component .link__parametric.color--forest:before {
    background:#b28d42
}
.parametrics__component .link__parametric.color--forest:hover:before {
    background:#b28d42
}
.bulk-upload__component .info__box {
    background:#fff;
    font-size:0.875rem;
    padding:3.5rem 2.5rem 2.75rem
}
.bulk-upload__component .upload__buton {
    height:auto;
    position:relative;
    width:100%
}
.bulk-upload__component .upload__buton label,.bulk-upload__component .upload__buton input {
    cursor:pointer;
    display:block;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.bulk-upload__component .upload__buton label {
    background:#fff;
    border:2px dashed #faaf3b;
    color:#faaf3b;
    display:inline-block;
    padding:2rem;
    text-align:center;
    position:relative
}
.bulk-upload__component .upload__buton label .material-icons {
    display:block;
    font-size:7.5rem
}
.bulk-upload__component .upload__buton label .inner__text {
    display:block;
    font-size:0.75rem
}
.bulk-upload__component input[type=file] {
    opacity:0
}
.bulk-upload__component .table__uploads thead {
    color:#faaf3b;
    font-size:0.625rem;
    font-weight:700;
    display:none
}
@media (min-width: 768px) {
    .bulk-upload__component .table__uploads thead {
        display:table-header-group
    }
}
.bulk-upload__component .table__uploads thead th {
    padding:0.5rem
}
.bulk-upload__component .table__uploads thead th:nth-child(1) {
    width:20%
}
.bulk-upload__component .table__uploads thead th:nth-child(2) {
    width:12%
}
.bulk-upload__component .table__uploads thead th:nth-child(3) {
    width:62%
}
.bulk-upload__component .table__uploads thead th:nth-child(4) {
    width:6%
}
.bulk-upload__component .table__uploads thead tr {
    border-bottom:2px solid #faaf3b
}
.bulk-upload__component .table__uploads tbody tr {
    border-bottom:1px solid #DEDEDF;
    color:#777;
    display:block;
    font-weight:700;
    padding-top:1rem
}
@media (min-width: 768px) {
    .bulk-upload__component .table__uploads tbody tr {
        padding-top:0;
        display:table-row
    }
}
.bulk-upload__component .table__uploads tbody td {
    font-size:0.813rem;
    line-height:1.125em;
    padding:0.25rem;
    display:block
}
.bulk-upload__component .table__uploads tbody td:nth-child(4) {
    text-align:center
}
@media (min-width: 768px) {
    .bulk-upload__component .table__uploads tbody td {
        padding:1rem 0.5rem;
        display:table-cell
    }
}
.bulk-upload__component .table__uploads tbody td.table__info {
    font-size:0.813rem
}
.bulk-upload__component .table__uploads tbody .table__link a {
    color:#777
}
.internal__selector {
    color:#fff;
    padding-bottom:0rem
}
@media (min-width: 768px) {
    .internal__selector {
        padding-bottom:2rem
    }
}
@media (min-width: 992px) {
    .internal__selector {
        padding-bottom:6rem
    }
}
.internal__selector .selector__item {
    position:relative;
    height:350px
}
@media (min-width: 768px) {
    .internal__selector .selector__item {
        height:400px
    }
}
@media (min-width: 992px) {
    .internal__selector .selector__item {
        height:400px
    }
}
@media (min-width: 1200px) {
    .internal__selector .selector__item {
        height:500px
    }
}
.internal__selector .selector__item.selector--blue {
    background:#faaf3b
}
.internal__selector .selector__item.selector--aqua {
    background:#b28d42
}
.internal__selector .selector__item.selector--jade {
    background:#faaf3b
}
.internal__selector .selector__item.selector--forest {
    background:#b28d42
}
.internal__selector .selector__item .selector__icon .material-icons {
    font-size:10rem
}
.internal__selector .selector__item .selector__description {
    bottom:20%;
    display:block;
    font-family:'Oswald', sans-serif;
    font-size:1.25rem;
    left:50%;
    line-height:1.25em;
    position:absolute;
    transform:translate(-50%, 40%);
    width:85%
}
.internal__selector .selector__item .selector__link {
    background:#FFC600;
    bottom:-22px;
    color:#000;
    display:block;
    font-size:1.75rem;
    height:45px;
    left:50%;
    line-height:41px;
    position:absolute;
    text-align:center;
    transform:translateX(-50%);
    width:45px;
    z-index:4
}
.internal__selector .selector__item .selector__link .material-icons {
    font-size:1.75rem;
    vertical-align:middle
}
.request__component .request__card {
    background:#fff;
    height:305px;
    padding:5rem 1.5rem 1rem 1.5rem;
    position:relative;
    z-index:1
}
.request__component .request__card.user--request {
    height:315px
}
.request__component .document__box {
    background:#828282;
    color:#fff;
    left:-7px;
    max-width:202px;
    padding:0.725rem 0.725rem;
    position:absolute;
    top:10px
}
.request__component .document__box.approved--item {
    background:#faaf3b
}
.request__component .document__box .document__number {
    font-size:0.9375rem;
    line-height:1em;
    margin-bottom:0
}
.request__component .document__box .name__user {
    font-size:0.725rem;
    font-weight:700;
    line-height:1.25em;
    margin-bottom:0
}
.request__component .document__box .status__request {
    font-size:0.75rem;
    line-height:1em;
    margin-bottom:0
}
.request__component .request__options {
    position:absolute;
    right:12px;
    top:16px
}
.request__component .request__options .options__button .material-icons {
    color:#faaf3b;
    cursor:pointer;
    font-size:2.5rem
}
.request__component .request__options .list__options {
    background:#fff;
    border:2px solid #dedede;
    display:none;
    position:absolute;
    right:2px;
    top:35px;
    z-index:5
}
.request__component .request__options .list__options.open--options {
    display:block
}
.request__component .request__options .list__options:after,.request__component .request__options .list__options:before {
    content:'';
    display:block;
    position:absolute;
    width:0;
    height:0;
    border-style:solid
}
.request__component .request__options .list__options:after {
    top:-17px;
    border-color:transparent transparent #fff transparent;
    border-width:9px;
    left:81%
}
.request__component .request__options .list__options:before {
    top:-22px;
    border-color:transparent transparent #dedede transparent;
    border-width:11px;
    left:80%
}
.request__component .request__options .list__options ul {
    list-style:none;
    margin:0;
    padding:0 0.75rem
}
.request__component .request__options .list__options li {
    border-bottom:2px solid #dedede
}
.request__component .request__options .list__options li:last-child {
    border-bottom:2px solid transparent
}
.request__component .request__options .list__options .link__option {
    cursor:pointer;
    display:block;
    font-size:0.75rem;
    font-weight:700;
    padding:0.375rem 0;
    width:110px
}
.request__component .request__options .list__options .link__option .material-icons {
    color:#faaf3b;
    display:inline-block;
    vertical-align:middle
}
.request__component .request__options .list__options .link__option .text__option {
    color:#636363;
    display:inline-block;
    margin-left:0.25rem
}
.request__component .card__content p {
    margin-bottom:0
}
.request__component .card__content .card__subtitle {
    color:#faaf3b;
    font-size:0.625rem;
    text-transform:uppercase
}
.request__component .card__content .card__text {
    font-size:0.75rem;
    line-height:1.375em
}
.request__component .box__edit {
    bottom:-12px;
    position:absolute;
    right:12px
}
.request__component .box__edit .edit__button {
    background:#FFC600;
    color:#000;
    cursor:pointer;
    display:inline-block;
    line-height:35px;
    height:35px;
    text-align:center;
    width:35px
}
.request__component .box__edit .material-icons {
    line-height:35px
}
.users__component .users__card {
    background:#fff;
    height:315px;
    padding:5rem 1.5rem 1rem 1.5rem;
    position:relative;
    z-index:1
}
.users__component .document__box {
    background:#828282;
    color:#fff;
    left:-7px;
    max-width:202px;
    padding:0.725rem 0.725rem;
    position:absolute;
    top:10px
}
.users__component .document__box.approved--item {
    background:#faaf3b
}
.users__component .document__box .document__number {
    font-size:0.9375rem;
    line-height:1em;
    margin-bottom:0
}
.users__component .document__box .name__user {
    font-size:0.725rem;
    font-weight:700;
    line-height:1.25em;
    margin-bottom:0
}
.users__component .document__box .status__users {
    font-size:0.75rem;
    line-height:1em;
    margin-bottom:0
}
.users__component .users__options {
    position:absolute;
    right:12px;
    top:16px
}
.users__component .users__options.list--options {
    bottom:10px;
    position:absolute;
    right:8px
}
.users__component .users__options .options__button .material-icons {
    color:#faaf3b;
    cursor:pointer;
    font-size:2.5rem
}
.users__component .users__options .list__options {
    background:#fff;
    border:2px solid #dedede;
    display:none;
    position:absolute;
    right:2px;
    top:35px;
    z-index:5
}
.users__component .users__options .list__options.open--options {
    display:block
}
.users__component .users__options .list__options:after,.users__component .users__options .list__options:before {
    content:'';
    display:block;
    position:absolute;
    width:0;
    height:0;
    border-style:solid
}
.users__component .users__options .list__options:after {
    top:-17px;
    border-color:transparent transparent #fff transparent;
    border-width:9px;
    left:81%
}
.users__component .users__options .list__options:before {
    top:-22px;
    border-color:transparent transparent #dedede transparent;
    border-width:11px;
    left:80%
}
.users__component .users__options .list__options ul {
    list-style:none;
    margin:0;
    padding:0 0.75rem
}
.users__component .users__options .list__options li {
    border-bottom:2px solid #dedede
}
.users__component .users__options .list__options li:last-child {
    border-bottom:2px solid transparent
}
.users__component .users__options .list__options .link__option {
    cursor:pointer;
    display:block;
    font-size:0.75rem;
    font-weight:700;
    padding:0.375rem 0;
    width:135px
}
.users__component .users__options .list__options .link__option .material-icons {
    color:#faaf3b;
    display:inline-block;
    vertical-align:middle
}
.users__component .users__options .list__options .link__option .text__option {
    color:#636363;
    display:inline-block;
    margin-left:0.25rem
}
.users__component .card__content p {
    margin-bottom:0
}
.users__component .card__content .card__subtitle {
    color:#faaf3b;
    font-size:0.625rem;
    text-transform:uppercase
}
.users__component .card__content .card__text {
    font-size:0.75rem;
    line-height:1.375em
}
.users__component .box__edit {
    bottom:-12px;
    position:absolute;
    right:12px
}
.users__component .box__edit .edit__button {
    background:#FFC600;
    color:#000;
    cursor:pointer;
    display:inline-block;
    line-height:35px;
    height:35px;
    text-align:center;
    width:35px
}
.users__component .box__edit .material-icons {
    line-height:35px
}
.users__component .users__list-item {
    background:#fff;
    padding:0.75rem 1rem 0.5rem 2.5rem;
    position:relative
}
.users__component .users__list-item p {
    margin-bottom:0
}
.users__component .users__list-item .icon__status {
    background:#454545;
    left:-5px;
    position:absolute;
    top:12px
}
.users__component .users__list-item .icon__status .material-icons {
    color:#fff;
    line-height:35px
}
.users__component .users__list-item .name__user {
    font-size:1rem;
    font-weight:700;
    margin-bottom:0
}
.users__component .users__list-item .status__users {
    background:#faaf3b;
    color:#fff;
    display:inline-block;
    font-size:0.625rem;
    padding:0.125rem 0.75rem;
    position:relative;
    top:-3px
}
.users__component .users__list-item .card__text {
    font-size:0.875rem
}
.users__component .users__list-item .card__subtitle {
    color:#faaf3b;
    font-size:0.875rem;
    font-weight:400;
    line-height:1.125em
}
.users__component .users__list-item.approved--item .name__user {
    color:#faaf3b
}
.users__component .users__list-item.approved--item .icon__status {
    background:#faaf3b
}
.ejemplo__component .filter__box {
    background:#fff;
    position:relative
}
.ejemplo__component .filter__box .title__filter {
    color:#faaf3b;
    font-family:'Oswald', sans-serif;
    font-size:1.875rem;
    font-weight:500
}
.ejemplo__component .filter__box .list__options .option__btn {
    background:#faaf3b;
    color:#fff;
    display:inline-block;
    height:130px;
    width:130px;
    text-align:center;
    text-decoration:none
}
.ejemplo__component .filter__box .list__options .option__btn .material-icons {
    font-size:3.5rem
}
.ejemplo__component .filter__box .list__options .option__btn .option__text {
    display:block;
    font-size:0.813rem;
    width:100%
}
.ejemplo__component .filter__box .list__options .option__btn:hover {
    background:#b28d42
}
.ejemplo__component .filter__box .list__options .option__btn.option--disabled {
    background:#b3b3b3
}
.ejemplo__component .filter__box .btn__container {
    position:absolute;
    bottom:-20px;
    right:2rem
}