/*
    This should be componet styling to create the elements based on the UI design.

    Style needs to override/extend styling from Bootstrap 4.3 on the new MVC profiles.
*/

@import url('https://fonts.googleapis.com/css?family=Audiowide&display=swap');
/*font-family: 'Audiowide', cursive;*/

.mrp-bgColor1 {
    background: #f5f5f5;
}

.mrp-bgColor2 {
    background: #383840;
}

.mrp-txtColor1 {
    color: #ffffff;
}

.table-hover tbody tr:hover {
    background-color: #F1F7FB;
}

.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
    border-color: #C8DFEE;
}

.table-info, .table-info > td, .table-info > th {
    background-color: #E3EFF6
}

.table-hover .table-info:hover,
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #C8DFEE;
}

h1, h2, h4, .btn, .mrp-content-menu a, .mrp-date {
    font-family: 'Audiowide', Arial, Helvetica, sans-serif;
}

/*Style for generic links in a paragraph*/
P > A {
    color: #A90A0E;
}

main a:not(.btn):hover{
    color: #ed1c24;
}

    .text-muted a:hover, a:hover i, a:hover i.text-muted {
        color: #ed1c24 !important;
    }

    nav a:hover i{
        color:#fff !important;
    }

    #mrp-mainNav ul ul a:hover i{
        color:#a6a6a6 !important;
    }

    a.btn:hover i {
        color: inherit !important;
    }

.btn-default {
    border-color: #e1e1e1;
    background-color: #e1e1e1;
}

    .btn-default:hover {
        color: #fff;
        border-color: #6f6f6f;
        background-color: #6f6f6f;
    }

    .btn-default:focus {
        color: #fff;
        border-color: #151515;
        background-color: #151515;
    }

.btn-success {
    border-color: #007e3a;
    background-color: #009d48;
}

    .btn-success:hover {
        color: #fff;
        border-color: #007e3a;
        background-color: #007e3a;
    }

    .btn-success:focus {
        color: #fff;
        border-color: #00662f;
        background-color: #00662f;
    }

.btn-danger {
    border-color: #ed1c24;
    background-color: #ed1c24;
}

    .btn-danger:hover {
        color: #fff;
        border-color: #be161d;
        background-color: #be161d;
    }

    .btn-danger:focus {
        color: #fff;
        border-color: #9a1217;
        background-color: #9a1217;
    }

.btn-outline-default {
    border-color: #cdcdcd;
}

.mrp-fantasy-bg .btn-outline-default{
    border-color:#eee;
    color:#eee;
}

    .mrp-fantasy-bg .btn-outline-default:hover {
        border-color: #b072f9;
        color: #eee;
        background-color: #b072f9;
    }

    .btn-outline-default:hover {
        border-color: #6f6f6f;
        color: #151515;
    }

    .btn-outline-default:active {
        border-color: #151515;
        color: #151515;
    }

.btn-outline-success {
    border-color: #009d48;
    color: #009d48;
}

    .btn-outline-success:hover {
        border-color: #007e3a;
        background-color: #007e3a;
        color: #fff;
    }

    .btn-outline-success:active {
        border-color: #00662f;
        color: #00662f;
    }

.btn-outline-danger {
    border-color: #ed1c24;
    color: #ed1c24;
}

    .btn-outline-danger:hover {
        border-color: #be161d;
        background-color: #be161d;
        color: #fff;
    }

    .btn-outline-danger:active {
        border-color: #9a1217;
        color: #9a1217;
    }

.navbar.mrp-footer-menu {
    display: none;
}

.invalid-feedback, .valid-feedback {
    font-size: 1em;
}

.mrp-content-menu a, .mrp-content-menu a:link, .mrp-content-menu a:active, .mrp-content-menu a:visited {
    color: #6f6f6f;
}

    .mrp-content-menu li.active a {
        color: #a90a0e !important;
    }

.mrp-container-altBg1 {
    background: #ee2821;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    background-color: #151515;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #a90a0e;
}