.alert-dark {
    background-color: #BBBBD6 !important;
}

input[type="radio"] {
    /* remove standard background appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 3px;
    /* background-color only for content */
    background-clip: content-box;
    border: 2px solid #060048;
    background-color: white;
    border-radius: 50%;
}

input[type="radio"]:checked {
    background-color: #060048;
    border: 2px solid #060048;
}

.alert-default {
    background-color: #E4E4EE !important;
}

.text-primary {
    color: #292B7B !important;
}

.text-dark {
    color: #060048 !important;
}

.btn-pagination {
    color: #292B7B !important;
    border: 1px solid #E0E0E0;
    background-color: white !important;
    border-radius: unset !important;
}

.btn-pagination.active, .btn-tab.active {
    background-color: #060048 !important;
    color: white !important;
}

.btn-tab {
    /*transparente*/
    color: #292B7B !important;
    border: 1px solid #E0E0E0;
    background-color: transparent !important;
    border-radius: unset !important;
}

.form-label {
    display: flex;
    align-items: center;
    color: #424242 !important;
    font-size: 18px;
}

.form-control {
    border: 1px solid #424242;
}

.input-group-text {
    border: 1px solid #424242;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.form-label i {
    margin-left: 2px;
    color: #292B7B;
}

.form-label span {
    color: red;
}

.form-label i.fa-info {
    margin-left: 0px;
    color: #292B7B;
    font-size: 16px;
}

.form-label i:hover {
    cursor: pointer;
}

.btn-delete {
    color: white;
    background-color: #b60000;
    display: grid;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    justify-content: center;
    align-content: center;
}

.btn-delete i {
    font-size: 25px;
}

.btn-danger {
    background-color: #b60000;
}

.btn-danger:hover {
    background-color: darkred;
}

.rounded-btn-icon {
    border-radius: 50%;
    height: 35px;
    width: 35px;
    justify-content: center;
    align-content: center;
}

.btn-delete:hover {
    color: white;
    background-color: darkred;
}

.custom-subtitle {
    color: gray;
}

.operationsList hr {
    color: #c0c0c0;
}

.btn-add {
    padding-left: 20px;
    padding-right: 20px;
}

.btn-add i {
    margin-right: 8px;
    font-size: 20px;
}

.btn-outline-primary {
    border-color: #292B7B;
    color: #292B7B;
}

.btn-outline-primary:hover {
    background-color: #181A32;
    border-color: #181A32;
    color: white;
}

.btn-close {
    background: transparent !important;
    font-size: 25px;
    opacity: 1;
}

.btn-close i:hover {
    color: #181A32;
}

#alertMessage {
    display: none;
    padding: 0.5rem 1.5rem !important;
    border: 0;
    border-radius: 0;
    color: #B71C1C;
}

#alertMessage i {
    margin-right: 10px;
    font-size: 22px;
}

/* ------------------- Custom modal style -------------------*/
.modal .modal-dialog hr {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.modal .modal-dialog .modal-body hr {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.modal .modal-body {
    padding-top: 1rem !important;
}

.modal .modal-header {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 10px !important;
}

.modal .modal-header i {
    font-size: 26px !important;
}

.modal .modal-footer {
    padding: 36px !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.modal .modal-footer .button-secundary-large {
    margin-right: 30px !important;
}

.modal .modal-footer .button-primary-large, .modal .modal-footer .button-primary-large-disabled {
    margin-right: 0 !important;
}

/*-----------------------------------------------------------*/


/* ----------------- Custom table style ------------------ */
.dtfh-floatingparent.dtfh-floatingparenthead {
    height: auto !important;
}

.dtfh-floatingparent.dtfh-floatingparenthead table {
    margin: 0 !important;
}

/*-----------------------------------------------------------*/


/* ----------------- Custom buttons style ------------------ */
.btn-primary {
    background-color: #292B7B !important;
    border-color: #292B7B !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #1C1C68 !important;
}

.btn-outline-primary {
    border-color: #292B7B !important;
    color: #292B7B !important;
}

.btn-outline-primary:hover {
    background-color: #E4E4EE !important;
}

/*-----------------------------------------------------------*/

/* ----------------- Custom typography style --------------- */
.h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
}

.subtitle-1 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
}

/*-----------------------------------------------------------*/


/* remover .d-flex quando a tela for de tablet ou celular*/
@media (max-width: 768px) {
    .process .process-actions {
        display: block !important;
    }

    .process .process-actions .btn-add-operation {
        margin-top: 10px;
    }

    .modal .modal-footer {
        justify-content: space-around !important;
        padding: 25px !important;
    }

    .modal .modal-footer .button-secundary-large {
        margin-right: 5px !important;
    }
}

/* selectpicker */
.bootstrap-select.disabled {
    background-color: #c7d3df;
    opacity: 1;
}

/*----------------- Custom process style -----------------*/
.cell-lung {
    background-color: #E1F6FF !important;
    color: #424242;
}

.cell-lung .ds-subtitle-1 {
    color: #424242;
}

.cell-lung .accordion-button:not(.collapsed) {
    background-color: #E1F6FF;
    color: #424242;
}

.forward {
    background-color: #FFF2DF !important;
    color: #424242;
}

.forward .ds-subtitle-1 {
    color: #424242;
}

.forward .accordion-button:not(.collapsed) {
    background-color: #FFF2DF;
    color: #424242;
}

.backside {
    background-color: #FDE5F3 !important;
    color: #424242;
}

.backside .ds-subtitle-1 {
    color: #424242;
}

.backside .accordion-button:not(.collapsed) {
    background-color: #FDE5F3;
    color: #424242;
}

.mounting {
    background-color: #F3E6FB !important;
    color: #424242;
}

.mounting .ds-subtitle-1 {
    color: #424242;
}

.mounting .accordion-button:not(.collapsed) {
    background-color: #F3E6FB;
    color: #424242;
}

/*--------------------------------------------------------*/

/*--------------------- History style --------------------*/
.rework-item {
    display: flex;
    align-self: start;
    font-size: 22px;
    color: #B81212;
    margin-left: 6px;
}

.production-item {
    font-size: 25px;
    color: #216142
}

.th-rowspan {
    font-size: inherit !important;
    border-top: none !important;
    background-color: #E4E4EE;
    word-wrap: break-word;
    vertical-align: middle;
}

.d-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*--------------------------------------------------------*/