﻿/*------------------------------------
- COLOR custom
------------------------------------*/

:root {
    --custom: #e80a4d;
}

.custom-color {
    color: #e80a4d
}

.alert-custom {
    color: #720426;
    background-color: #fcc1d3;
    border-color: #fbaec5;
}

    .alert-custom hr {
        border-top-color: #fa95b4;
    }

    .alert-custom .alert-link {
        color: #410215;
    }

.badge-custom {
    color: #fff;
    background-color: #e80a4d;
}

    .badge-custom[href]:hover, .badge-custom[href]:focus {
        color: #fff;
        background-color: #b7073c;
    }

.bg-custom {
    background-color: #e80a4d !important;
}

a.bg-custom:hover, a.bg-custom:focus,
button.bg-custom:hover,
button.bg-custom:focus {
    background-color: #b7073c !important;
}

.border-custom {
    border-color: #e80a4d !important;
}

.btn-custom {
    color: #fff;
    background-color: #e80a4d;
    border-color: #e80a4d;
}

    .btn-custom:hover {
        color: #fff;
        background-color: #c50841;
        border-color: #b7073c;
    }

    .btn-custom:focus, .btn-custom.focus {
        box-shadow: 0 0 0 0.2rem rgba(232, 10, 77, 0.5);
    }

    .btn-custom.disabled, .btn-custom:disabled {
        color: #fff;
        background-color: #e80a4d;
        border-color: #e80a4d;
    }

    .btn-custom:not(:disabled):not(.disabled):active, .btn-custom:not(:disabled):not(.disabled).active, .show > .btn-custom.dropdown-toggle {
        color: #fff;
        background-color: #b7073c;
        border-color: #a80737;
    }

        .btn-custom:not(:disabled):not(.disabled):active:focus, .btn-custom:not(:disabled):not(.disabled).active:focus, .show > .btn-custom.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(232, 10, 77, 0.5);
        }

.btn-outline-custom {
    color: #e80a4d;
    background-color: transparent;
    border-color: #e80a4d;
}

    .btn-outline-custom:hover {
        color: #fff;
        background-color: #e80a4d;
        border-color: #e80a4d;
    }

    .btn-outline-custom:focus, .btn-outline-custom.focus {
        box-shadow: 0 0 0 0.2rem rgba(232, 10, 77, 0.5);
    }

    .btn-outline-custom.disabled, .btn-outline-custom:disabled {
        color: #e80a4d;
        background-color: transparent;
    }

    .btn-outline-custom:not(:disabled):not(.disabled):active, .btn-outline-custom:not(:disabled):not(.disabled).active, .show > .btn-outline-custom.dropdown-toggle {
        color: #fff;
        background-color: #e80a4d;
        border-color: #e80a4d;
    }

        .btn-outline-custom:not(:disabled):not(.disabled):active:focus, .btn-outline-custom:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-custom.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(232, 10, 77, 0.5);
        }

.list-group-item-custom {
    color: #720426;
    background-color: #fbaec5;
}

    .list-group-item-custom.list-group-item-action:hover, .list-group-item-custom.list-group-item-action:focus {
        color: #720426;
        background-color: #fa95b4;
    }

    .list-group-item-custom.list-group-item-action.active {
        color: #fff;
        background-color: #720426;
        border-color: #720426;
    }

.table-custom,
.table-custom > th,
.table-custom > td {
    background-color: #fbaec5;
}

.table-hover .table-custom:hover {
    background-color: #fa95b4;
}

    .table-hover .table-custom:hover > td,
    .table-hover .table-custom:hover > th {
        background-color: #fa95b4;
    }

.text-custom {
    color: #e80a4d !important;
}

a.text-custom:hover, a.text-custom:focus {
    color: #b7073c !important;
}
