.btn-primary {
    color: #000000;
    background-color: #e3c58c;
    border-color: #e3c58c;
    font-weight: 500;
}

.btn-secondary {
    color: #ffffff;
    background-color: #e3c58c;
    border-color: #e3c58c;
    font-weight: 400;
}


.btn-submit {
    padding-left: 3vh;
    padding-right: 3vh;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 600;
    -webkit-transition: background-color 200ms ease, background-position 200ms ease, color 200ms ease, border 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, background-position 200ms ease, color 200ms ease, border 200ms ease, box-shadow 200ms ease;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btn-primary:hover {
    color: #000000;
    background-color: #e2b662;
    border-color: #e2b662;
    box-shadow: 0 0 0 0.25rem rgba(253, 110, 13, 0.25);
}

.btn-primary:active {
    color: #000000;
    background-color: #d8aa52;
    border-color: #d8aa52;
    box-shadow: 0 0 0 0.25rem rgba(253, 110, 13, 0.25);
}

.btn-primary:focus {
    color: #000000;
    background-color: #d8aa52;
    border-color: #d8aa52;
    box-shadow: 0 0 0 0.25rem rgba(253, 110, 13, 0.25);
}
.btn-primary:disabled {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;

}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ffddcc;

}

.accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff2222'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }
.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(253, 110, 13, 0.25);
}

.title-reportes {
    position: relative;
    text-align: center;
    margin-top: 0px;
    color: #e3c58c;
    line-height: 54px;
    font-weight: 600;
}

.title-black {
    position: relative;
    text-align: center;
    margin-top: 0px;
    color: #000000;
    line-height: 54px;
    font-weight: 600;
}

.bg-black {
    background-color: #000000;
    color: #ffffff;
}

.nav-link {
    color: #a7a5a5;
    font-weight: 500;
}

    .nav-link:hover {
        color: #fff;
        font-weight: 500;
    }

    .nav-link:active {
        font-weight: 500;
    }

    .nav-link:focus {
        color: #fff;
        font-weight: 500;
    }

.nav-title {
    margin-top: 2.5vh;
    font-family: Montserrat, sans-serif;
    color: #ffffff;
    font-weight: 600;
    text-align: left;
    font-size: 22px;
    position: relative;
    float:left;
}

.form-title {
    position: relative;
    margin-top: 0px;
    font-family: Montserrat, sans-serif;
    color: #e3c58c;
    line-height: 34px;
    font-weight: 500;
    text-align: left;
}

    .form-title.subtitle {
        margin-top: 13px;
        margin-bottom: 40px;
        font-family: Montserrat, sans-serif;
        color: #0c0c0c;
        font-size: 16px;
        line-height: 16px;
        font-weight: 400;
        text-align: left;
    }

.form-control {
    border: 0px solid #000;
    border-radius: 4px;
    background-color: #eeeeee;
    -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, box-shadow 200ms ease;
    font-family: Montserrat, sans-serif;
}

    .form-control:hover {
        background-color: #dfe1e7;
    }

    .form-control:focus {
        background-color: #fff;
        box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);
        color: #000;
    }

    .form-control:disabled {
        background-color: #aaaaaa;
    }


.form-label {
    position: relative;
    font-family: Montserrat, sans-serif;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

.form-select {
    border: 0px solid #000;
    border-radius: 5px;
    background-color: #eeeeee;
    font-family: Montserrat, sans-serif;
    -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, box-shadow 200ms ease;
}

    .form-select:hover {
        background-color: #dfe1e7;
    }

.form-select:focus {

    box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);

}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.form-select:disabled {
    background-color: #aaaaaa;
}


.link {

    font-family: Montserrat, sans-serif;
    color: #000;

}

.input-text {
    font-size:14px;
    color: #434343;
}


td.id_claim-control {
    cursor: pointer;
    text-decoration: underline;
}

.ui-autocomplete {
    position: absolute;
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
    background-color: white;
    cursor: pointer;
}


.body-with-navbar {

    margin-bottom: 4vh;
}

.revision-claim-bg {
    border: 0px solid #000;
    border-radius: 5px;
    background-color: #eeeeee;
}

.red-bg {
    background-color: #e3c58c;
    border: 0px solid #000;
    border-radius: 5px;
}

.colorful-text {
    text-decoration-line: none;
    color: #ff7755;
}


tr {
    font-size: 14px;
    text-align: center;
    font-family: Montserrat, sans-serif;
}

.opciones-en-revision {
    position: relative;
    left: 345px;
    top: -26px;
    right: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    max-width: 250px;
    min-width: 250px;
    margin-top: 15px;
    padding: 20px 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    border-radius: 8px;
    background-color: transparent;
    font-family: Montserrat, sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

    .opciones-en-revision:hover {
        background-color: transparent;
    }

    .opciones-en-revision:focus {
        background-color: transparent;
    }

    .dt-buttons{
        margin-bottom:2vh;
        margin-left:.75rem;
    }
.dataTables_filter {
    margin-bottom: 2vh;
    margin-right: .75rem;
}