.validate:hover {
    cursor: pointer;
    text-decoration: underline;
}

/* Opaque tooltip with white background */
.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    background-color: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border: 1px solid rgba(0, 0, 0, .250);
    color: #000;
    margin: 0 .5rem .25rem .5rem;
    padding: 0;
    width: 200px;
}

.bs-tooltip-bottom .arrow::before {
    border-bottom-color: rgba(0, 0, 0, .250);
}

/* Fixed width picture column */
.picture-col {
    max-width: 202px;
}

/* Limit fluid container to a max size */
.container-fluid {
    max-width: 1600px;
}

/* Apply Bootstrap table-responsive to all Django tables */
.table-container {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Smaller language selector */
select.language {
    padding: 0;
    background: transparent;
    border: none;
    height: calc(1.5em + .5rem);
    color: #6c757d;
    -moz-appearance: none;
    width: auto;
    cursor: pointer;
}

/* Remove horizontal padding on mark */
.mark,
mark {
    padding: .2em 0;
}

/* Make navbar more readable */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .75);
    text-shadow: 2px 2px 15px #ffeb40;
}

.navbar-brand {
    text-shadow: 2px 2px 15px #ffeb40;
}

/* Last BDE colors */
.bg-primary {
/*    background-color: rgb(18, 67, 4) !important; */
/* MODE VIEUXCON=ON */
/*    background-color: rgb(166, 0, 2) !important; */
    background-color: rgb(0, 0, 0);
    background-image: url('/static/wrapped/img/1/bg.png');
}

html {
    scrollbar-color: rgba(121, 121, 123, 1) rgba(35, 35, 39, 1);
}

body {
    background-color: rgba(64, 64, 64, 1);
    background-image: url(../img/background-texture.png);
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    color:  rgb(0, 0, 0);
    background-color: rgb(255, 0, 101);
    border-color: rgb(255, 203, 32);
}

.btn-outline-primary {
    color: #000;
    background-color: #ffcb20;
    border-color: #000;
}

.turbolinks-progress-bar {
    background-color: #ffffff;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    color:  rgb(0, 0, 0);
    background-color: rgb(255, 0, 101);
    border-color: rgb(255, 203, 32);
}

.btn-primary {
    color:  #ffcb20; 
    background-color: #000000;
    border-color: #ffcd20;
}

.border-primary {
    border-color: rgb(255, 255, 255) !important; 
}

.btn-secondary {
    color:  #ff0065;
    background-color: #000000;
    border-color: #ff0065;
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
    color:  rgb(0, 0, 0);
    background-color: rgb(255, 203, 32);
    border-color: rgb(255, 0, 101);
}

.btn-outline-dark:nth-child(even) {
    color: rgba(255, 203, 32, 75%);
}

.btn-outline-dark:nth-child(odd) {
    color: rgba(255, 0, 101, 75%);
}

.btn-outline-dark {
    background-color: #222;
    border-color: #61605b;
}

.btn-outline-dark:hover:nth-child(even),
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
    color:  rgb(0, 0, 0);
    background-color: rgb(255, 203, 32);
    border-color: rgb(255, 0, 101);
}

.btn-outline-dark:hover:nth-child(odd),
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 203, 32);
    border-color: rgb(255, 0, 101);
}

a {
    color: rgb(255, 0, 101);
}

a:hover {
    color: rgb(255, 203, 32);
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgb(255 0 101 / 50%);
    border-color: rgb(255, 0, 101);
}

.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.25rem rgb(255 203 32 / 22%);
}