/* This CSS file is for customizations of the Bootstrap color palette */

/* Palette URL: http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF 
    Dark to light:
    #550000
    #801515
    #AA3939
    #D46A6A
    #FFAAAA
*/

/* Used only by LOGIN navbar */

.bg-white {
    background-color: #550000 !important;
}

/* Overall page size */
.container {
    max-width: 1600px;
    padding-left: 50px;
    padding-right: 50px;
}

a {
    color: #D46A6A;
}

label {
    padding-right: 5px;
}

.alert {
    padding: .25rem .75rem;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.row {
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-primary {
    background-color: #801515;
    border-color: #801515;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary:not(:disabled):not(.disabled):active {
        background-color: #AA3939;
        border-color: #AA3939;
    }

        .btn-primary:active:focus,
        .btn-primary:not(:disabled):not(.disabled):focus,
        .btn-primary:not(:disabled):not(.disabled):active:focus {
            background-color: #AA3939;
            border-color: #AA3939;
            box-shadow: 0 0 0 0.2rem #D46A6A;
        }

.btn-outline-primary {
    border-color: #AA3939;
    color: red;
}

    .btn-outline-primary:hover,
    .btn-outline-primary:focus,
    .btn-outline-primary:active,
    .btn-outline-primary:not(:disabled):not(.disabled):active {
        background-color: #AA3939;
        border-color: #AA3939;
    }

        .btn-outline-primary:active:focus,
        .btn-outline-primary:not(:disabled):not(.disabled):focus,
        .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
            border-color: #AA3939;
            box-shadow: 0 0 0 0.2rem #D46A6A;
        }

.btn-outline-secondary {
    background: white;
    border-color: #6c757d;
    border-width: 1px;
}

.btn-link {
    background: none;
    color: #AA3939;
}

.breadcrumb {
    padding: 0.1rem 1rem 0.1rem 1rem;
}

header .navbar {
    background-color: #550000;
    color: white;
}

header .navbar.development {
    background-color: green;
}

    header .navbar .text-dark {
        color: white !important;
    }

        header .navbar .text-dark .nav-link {
            color: white !important;
        }

        header .navbar .text-dark:hover,
        header .navbar .text-dark:focus {
            color: white !important;
            background-color: #AA3939
        }

header a.navbar-brand {
    color: white;
}

header .nav-pills .nav-link.active {
    background-color: #801515;
    border-color: #801515;
}

.navbar.navbar-light {
    background-color: #f9f9f9;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
}

.footer {
    display: none;
}

.jsgrid-row {
    line-height: 1.0;
}

.jsgrid-alt-row {
    line-height: 1.0;
}

.jsgrid-header-row {
    line-height: 1.0;
}

.jsgrid-header-cell {
    padding-top: 2px !important;
    padding-bottom: 3px !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 50px;
    width: 50px;
    outline: black;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 2px solid black;
    background-image: none;
}

    .carousel-control-next-icon:after {
        content: '>';
        font-size: 25px;
        font-weight: bold;
        color: red;
    }

    .carousel-control-prev-icon:after {
        content: '<';
        font-size: 25px;
        font-weight: bold;
        color: red;
    }

.form-control {
    color: black;
}

    .form-control::placeholder {
        color: lightgray;
    }

input[type="checkbox"] {
    cursor: pointer;
}