/*
---------------------------------
|-------- BOTÃO PRIMÁRIO -------|
---------------------------------
*/


.button-primary-large,
.button-primary-large-iconleft,
.button-primary-large-iconright,
.button-primary-large-disabled,
.button-primary-large-iconleft-disabled,
.button-primary-large-iconright-disabled,
.button-primary-medium,
.button-primary-medium-iconleft,
.button-primary-medium-iconright,
.button-primary-medium-disabled,
.button-primary-medium-iconleft-disabled,
.button-primary-medium-iconright-disabled,
.button-primary-small,
.button-primary-small-iconleft,
.button-primary-small-iconright,
.button-primary-small-disabled,
.button-primary-small-iconleft-disabled,
.button-primary-small-iconright-disabled {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9.5px 32px;
    min-height: 45px;
    background: #292B7B;
    border-radius: 5px;
    border: 0px;
    text-decoration: none;

}

.button-primary-medium,
.button-primary-medium-iconleft,
.button-primary-medium-iconright,
.button-primary-medium-disabled,
.button-primary-medium-iconleft-disabled,
.button-primary-medium-iconright-disabled {
    min-height: 40px;
    padding: 7px 32px;
}

.button-primary-small,
.button-primary-small-iconleft,
.button-primary-small-iconright,
.button-primary-small-disabled,
.button-primary-small-iconleft-disabled,
.button-primary-small-iconright-disabled {
    height: 35px;
    padding: 4.5px 24px;
}

.button-primary-large span,
.button-primary-large-iconleft span,
.button-primary-large-iconright span,
.button-primary-large-disabled span,
.button-primary-large-iconleft-disabled span,
.button-primary-large-iconright-disabled span,
.button-primary-medium span,
.button-primary-medium-iconleft span,
.button-primary-medium-iconright span,
.button-primary-medium-disabled span,
.button-primary-medium-iconleft-disabled span,
.button-primary-medium-iconright-disabled span,
.button-primary-small span,
.button-primary-small-iconleft span,
.button-primary-small-iconright span,
.button-primary-small-disabled span,
.button-primary-small-iconleft-disabled span,
.button-primary-small-iconright-disabled span {
    font-family: 'Jost-Medium';
    font-style: normal;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
}

.button-primary-large:hover,
.button-primary-large-iconleft:hover,
.button-primary-large-iconright:hover,
.button-primary-medium:hover,
.button-primary-medium-iconleft:hover,
.button-primary-medium-iconright:hover,
.button-primary-small:hover,
.button-primary-small-iconleft:hover,
.button-primary-small-iconright:hover {
    background: #1C1C68;
}

.button-primary-large:active,
.button-primary-large-iconleft:active,
.button-primary-large-iconright:active,
.button-primary-medium:active,
.button-primary-medium-iconleft:active,
.button-primary-medium-iconright:active,
.button-primary-small:active,
.button-primary-small-iconleft:active,
.button-primary-small-iconright:active {
    background: #060048;
}

.button-primary-large-disabled,
.button-primary-large-iconleft-disabled,
.button-primary-large-iconright-disabled,
.button-primary-medium-disabled,
.button-primary-medium-iconleft-disabled,
.button-primary-medium-iconright-disabled,
.button-primary-small-disabled,
.button-primary-small-iconleft-disabled,
.button-primary-small-iconright-disabled {
    pointer-events: none;
    cursor: default;
    background: #E0E0E0;
}

.button-primary-large-disabled span,
.button-primary-large-iconleft-disabled span,
.button-primary-large-iconright-disabled span,
.button-primary-medium-disabled span,
.button-primary-medium-iconleft-disabled span,
.button-primary-medium-iconright-disabled span,
.button-primary-small-disabled span,
.button-primary-small-iconleft-disabled span,
.button-primary-small-iconright-disabled span {
    color: #9E9E9E;
}

.button-primary-large-iconleft i,
.button-primary-large-iconright i,
.button-primary-large-iconleft-disabled i,
.button-primary-large-iconright-disabled i,
.button-primary-medium-iconleft i,
.button-primary-medium-iconright i,
.button-primary-medium-iconleft-disabled i,
.button-primary-medium-iconright-disabled i,
.button-primary-small-iconleft i,
.button-primary-small-iconright i,
.button-primary-small-iconleft-disabled i,
.button-primary-small-iconright-disabled i {
    width: 25px;
    height: 25px;
    color: #fff;
    margin-right: 10px;

    display: flex;
    align-items: center;
    text-align: center;
}

.button-primary-large-iconleft-disabled i,
.button-primary-large-iconright-disabled i,
.button-primary-medium-iconleft-disabled i,
.button-primary-medium-iconright-disabled i,
.button-primary-small-iconleft-disabled i,
.button-primary-small-iconright-disabled i {
    color: #9E9E9E !important;
}

.button-primary-large-iconright i,
.button-primary-medium-iconright i,
.button-primary-small-iconright i,
.button-primary-large-iconright-disabled i,
.button-primary-medium-iconright-disabled i,
.button-primary-small-iconright-disabled i {
    margin-left: 10px;
    margin-right: 0px !important;
    justify-content: end;
}


/*
---------------------------------
|------ BOTÃO SECUNDÁRIO -------|
---------------------------------
*/

.button-secundary-large,
.button-secundary-large-iconleft,
.button-secundary-large-iconright,
.button-secundary-large-disabled,
.button-secundary-large-iconleft-disabled,
.button-secundary-large-iconright-disabled,
.button-secundary-medium,
.button-secundary-medium-iconleft,
.button-secundary-medium-iconright,
.button-secundary-medium-disabled,
.button-secundary-medium-iconleft-disabled,
.button-secundary-medium-iconright-disabled,
.button-secundary-small,
.button-secundary-small-iconleft,
.button-secundary-small-iconright,
.button-secundary-small-disabled,
.button-secundary-small-iconleft-disabled,
.button-secundary-small-iconright-disabled {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9.5px 32px;
    min-height: 45px;
    border: 2px solid #1C1C68;
    border-radius: 5px;
    text-decoration: none;
    background: transparent;
}

.button-secundary-medium,
.button-secundary-medium-iconleft,
.button-secundary-medium-iconright,
.button-secundary-medium-disabled,
.button-secundary-medium-iconleft-disabled,
.button-secundary-medium-iconright-disabled {
    min-height: 40px;
    padding: 7px 32px;
}

.button-secundary-small,
.button-secundary-small-iconleft,
.button-secundary-small-iconright,
.button-secundary-small-disabled,
.button-secundary-small-iconleft-disabled,
.button-secundary-small-iconright-disabled {
    height: 35px;
    padding: 4.5px 24px;
}

.button-secundary-large span,
.button-secundary-large-iconleft span,
.button-secundary-large-iconright span,
.button-secundary-large-disabled span,
.button-secundary-large-iconleft-disabled span,
.button-secundary-large-iconright-disabled span,
.button-secundary-medium span,
.button-secundary-medium-iconleft span,
.button-secundary-medium-iconright span,
.button-secundary-medium-disabled span,
.button-secundary-medium-iconleft-disabled span,
.button-secundary-medium-iconright-disabled span,
.button-secundary-small span,
.button-secundary-small-iconleft span,
.button-secundary-small-iconright span,
.button-secundary-small-disabled span,
.button-secundary-small-iconleft-disabled span,
.button-secundary-small-iconright-disabled span {
    font-family: 'Jost-Medium';
    font-style: normal;
    font-size: 18px;
    line-height: 26px;
    color: #292B7B;
}

.button-secundary-large:hover,
.button-secundary-large-iconleft:hover,
.button-secundary-large-iconright:hover,
.button-secundary-medium:hover,
.button-secundary-medium-iconleft:hover,
.button-secundary-medium-iconright:hover,
.button-secundary-small:hover,
.button-secundary-small-iconleft:hover,
.button-secundary-small-iconright:hover {
    background: #E4E4EE;
}

.button-secundary-large:active,
.button-secundary-large-iconleft:active,
.button-secundary-large-iconright:active,
.button-secundary-medium:active,
.button-secundary-medium-iconleft:active,
.button-secundary-medium-iconright:active,
.button-secundary-small:active,
.button-secundary-small-iconleft:active,
.button-secundary-small-iconright:active {
    background: #BBBBD6;
}

.button-secundary-large-disabled,
.button-secundary-large-iconleft-disabled,
.button-secundary-large-iconright-disabled,
.button-secundary-medium-disabled,
.button-secundary-medium-iconleft-disabled,
.button-secundary-medium-iconright-disabled,
.button-secundary-small-disabled,
.button-secundary-small-iconleft-disabled,
.button-secundary-small-iconright-disabled {
    pointer-events: none;
    cursor: default;
    border: 2px solid #E0E0E0;
}

.button-secundary-large-disabled span,
.button-secundary-large-iconleft-disabled span,
.button-secundary-large-iconright-disabled span,
.button-secundary-medium-disabled span,
.button-secundary-medium-iconleft-disabled span,
.button-secundary-medium-iconright-disabled span,
.button-secundary-small-disabled span,
.button-secundary-small-iconleft-disabled span,
.button-secundary-small-iconright-disabled span {
    color: #9E9E9E;
}

.button-secundary-large-iconleft i,
.button-secundary-large-iconright i,
.button-secundary-large-iconleft-disabled i,
.button-secundary-large-iconright-disabled i,
.button-secundary-medium-iconleft i,
.button-secundary-medium-iconright i,
.button-secundary-medium-iconleft-disabled i,
.button-secundary-medium-iconright-disabled i,
.button-secundary-small-iconleft i,
.button-secundary-small-iconright i,
.button-secundary-small-iconleft-disabled i,
.button-secundary-small-iconright-disabled i {
    width: 25px;
    height: 25px;
    color: #292B7B;
    margin-right: 10px;

    display: flex;
    align-items: center;
    text-align: center;
}

.button-secundary-large-iconleft-disabled i,
.button-secundary-large-iconright-disabled i,
.button-secundary-medium-iconleft-disabled i,
.button-secundary-medium-iconright-disabled i,
.button-secundary-small-iconleft-disabled i,
.button-secundary-small-iconright-disabled i {
    color: #9E9E9E !important;
}

.button-secundary-large-iconright i,
.button-secundary-medium-iconright i,
.button-secundary-small-iconright i,
.button-secundary-large-iconright-disabled i,
.button-secundary-medium-iconright-disabled i,
.button-secundary-small-iconright-disabled i {
    margin-left: 10px;
    margin-right: 0px !important;
    justify-content: end;
}

/*
---------------------------------
|-------- BOTÃO TERNÁRIO -------|
---------------------------------
*/


.button-tertiary-large,
.button-tertiary-large-iconleft,
.button-tertiary-large-iconright,
.button-tertiary-large-disabled,
.button-tertiary-large-iconleft-disabled,
.button-tertiary-large-iconright-disabled,
.button-tertiary-medium,
.button-tertiary-medium-iconleft,
.button-tertiary-medium-iconright,
.button-tertiary-medium-disabled,
.button-tertiary-medium-iconleft-disabled,
.button-tertiary-medium-iconright-disabled,
.button-tertiary-small,
.button-tertiary-small-iconleft,
.button-tertiary-small-iconright,
.button-tertiary-small-disabled,
.button-tertiary-small-iconleft-disabled,
.button-tertiary-small-iconright-disabled {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9.5px 8px;
    height: 46px;
    border: 0px;
    text-decoration: none;
}

.button-tertiary-medium,
.button-tertiary-medium-iconleft,
.button-tertiary-medium-iconright,
.button-tertiary-medium-disabled,
.button-tertiary-medium-iconleft-disabled,
.button-tertiary-medium-iconright-disabled {
    min-height: 40px;
    padding: 7px 8px;
}

.button-tertiary-small,
.button-tertiary-small-iconleft,
.button-tertiary-small-iconright,
.button-tertiary-small-disabled,
.button-tertiary-small-iconleft-disabled,
.button-tertiary-small-iconright-disabled {
    height: 35px;
    padding: 4.5px 8px;
}

.button-tertiary-large span,
.button-tertiary-large-iconleft span,
.button-tertiary-large-iconright span,
.button-tertiary-large-disabled span,
.button-tertiary-large-iconleft-disabled span,
.button-tertiary-large-iconright-disabled span,
.button-tertiary-medium span,
.button-tertiary-medium-iconleft span,
.button-tertiary-medium-iconright span,
.button-tertiary-medium-disabled span,
.button-tertiary-medium-iconleft-disabled span,
.button-tertiary-medium-iconright-disabled span,
.button-tertiary-small span,
.button-tertiary-small-iconleft span,
.button-tertiary-small-iconright span,
.button-tertiary-small-disabled span,
.button-tertiary-small-iconleft-disabled span,
.button-tertiary-small-iconright-disabled span {
    font-family: 'Jost-Medium';
    font-style: normal;
    font-size: 18px;
    line-height: 26px;
    color: #292B7B;
}

.button-tertiary-large:active,
.button-tertiary-large-iconleft:active,
.button-tertiary-large-iconright:active,
.button-tertiary-medium:active,
.button-tertiary-medium-iconleft:active,
.button-tertiary-medium-iconright:active,
.button-tertiary-small:active,
.button-tertiary-small-iconleft:active,
.button-tertiary-small-iconright:active {
    background: #E4E4EE;
    border-radius: 5px;
}

.button-tertiary-large-disabled,
.button-tertiary-large-iconleft-disabled,
.button-tertiary-large-iconright-disabled,
.button-tertiary-medium-disabled,
.button-tertiary-medium-iconleft-disabled,
.button-tertiary-medium-iconright-disabled,
.button-tertiary-small-disabled,
.button-tertiary-small-iconleft-disabled,
.button-tertiary-small-iconright-disabled {
    pointer-events: none;
    cursor: default;
}

.button-tertiary-large-disabled span,
.button-tertiary-large-iconleft-disabled span,
.button-tertiary-large-iconright-disabled span,
.button-tertiary-medium-disabled span,
.button-tertiary-medium-iconleft-disabled span,
.button-tertiary-medium-iconright-disabled span,
.button-tertiary-small-disabled span,
.button-tertiary-small-iconleft-disabled span,
.button-tertiary-small-iconright-disabled span {
    color: #9E9E9E;
}

.button-tertiary-large-iconleft i,
.button-tertiary-large-iconright i,
.button-tertiary-large-iconleft-disabled i,
.button-tertiary-large-iconright-disabled i,
.button-tertiary-medium-iconleft i,
.button-tertiary-medium-iconright i,
.button-tertiary-medium-iconleft-disabled i,
.button-tertiary-medium-iconright-disabled i,
.button-tertiary-small-iconleft i,
.button-tertiary-small-iconright i,
.button-tertiary-small-iconleft-disabled i,
.button-tertiary-small-iconright-disabled i {
    width: 25px;
    height: 25px;
    color: #292B7B;
    margin-right: 10px;

    display: flex;
    align-items: center;
    text-align: center;
}

.button-tertiary-large-iconleft-disabled i,
.button-tertiary-large-iconright-disabled i,
.button-tertiary-medium-iconleft-disabled i,
.button-tertiary-medium-iconright-disabled i,
.button-tertiary-small-iconleft-disabled i,
.button-tertiary-small-iconright-disabled i {
    color: #9E9E9E !important;
}

.button-tertiary-large-iconright i,
.button-tertiary-medium-iconright i,
.button-tertiary-small-iconright i,
.button-tertiary-large-iconright-disabled i,
.button-tertiary-medium-iconright-disabled i,
.button-tertiary-small-iconright-disabled i {
    margin-left: 10px;
    margin-right: 0px !important;
    justify-content: end;
}

/*
---------------------------------
|--------- ICON BUTTON ---------|
---------------------------------
*/

.icon-button,
.icon-button-detail,
.icon-button-edit,
.icon-button-production-capacity,
.icon-button-remove,
.icon-button-add-new,
.icon-button-save,
.icon-button-detail-disabled,
.icon-button-edit-disabled,
.icon-button-save-disabled,
.icon-button-remove-disabled,
.icon-button-active,
.icon-button-inactive {
    background-color: #292B7B;
    text-decoration: none;
    padding: 8px;
    border-radius: 200px;
    cursor: pointer;
    display: flex;
    align-self: start;
}

.icon-button-detail {
    background-color: #292B7B !important;
}

.icon-button-edit {
    background-color: #712ACD !important;
}

.icon-button-production-capacity {
    background-color: #007FC7 !important;
}


.icon-button-active {
    background-color: darkgreen;
}

.icon-button-inactive {
    background-color: #B81212 !important;
}

.icon-button-remove {
    background-color: #B81212 !important;
    height: 36px;
    width: 36px;
    display: flex;
    align-self: center;
    justify-content: center;
}

.icon-button-add-new {
    background-color: #712ACD !important;
    height: 36px;
    width: 36px;
    display: flex;
    align-self: center;
    justify-content: center;
}

.icon-button-save {
    background-color: #157347 !important;
    height: 36px;
    width: 36px;
    display: flex;
    align-self: center;
    justify-content: center;
}

.icon-button i,
.icon-button-detail i,
.icon-button-edit i,
.icon-button-production-capacity i,
.icon-button-save i,
.icon-button-remove i,
.icon-button-active i,
.icon-button-inactive i{
    font-size: 20px;
    color: #fff;
    border: 0px;
    display: flex;
    align-items: center;
    text-align: center;
}

.icon-button-detail-disabled,
.icon-button-edit-disabled,
.icon-button-save-disabled,
.icon-button-remove-disabled {
    pointer-events: none;
    cursor: default;
    background: #E0E0E0;
    color: #9E9E9E;
}

/* Tab pane Buttons */
.btn-tab-pane {
    display: grid;
    background: #EEEEEE;
    color: #757575;
    border-radius: 5px 5px 0 0;
    border-bottom: 0px;
    font-style: normal;
    font-size: 18px;
    line-height: 26px;
    padding: 10px 20px;
    cursor: pointer;
}

.btn-tab-pane i {
    justify-content: center;
    color: #757575;
    font-size: 22px;
}

.btn-tab-pane span {
    color: #757575;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
}

.btn-tab-pane.active {
    background: #fff;
    color: #292B7B;
    border-bottom: 4px solid #292B7B;
}

.btn-tab-pane.active i {
    color: #292B7B;
}

.btn-tab-pane.active span {
    color: #292B7B;
}

.tab-pane-on-top {
    border-radius: 0 0 9px 9px !important;
}

.nav-tab-pane-bg-light {
    width: 100%;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .nav-tabs {
        justify-content: center;
    }
}