.no-padding {
    padding: 0;
}

.bg-dark-purple {
    background-color: rgb(41, 28, 94);
}

.bg-pink {

    background-image: linear-gradient(-45deg, rgb(41, 28, 94), 80%, rgb(207, 35, 202) 20%);
}

.bg-teal {
    background-image: linear-gradient(135deg, rgb(41, 28, 94) 82%, rgb(0, 218, 216) 20%);

}

.nhrl-logo-white {
    width: 180px;
    height: 100px;
}

.spacing-between-ranges {
    padding-top: 100px;
}

.ji-submit-button {
    background: rgb(201, 204, 240);
    color: rgb(41, 28, 94);
    width: 50%;
}

.ji-submit-button:hover {
    background: rgb(201, 204, 240) !important;
    color: rgb(207, 35, 202) !important;
    text-decoration: none;
}

.judge-score-td-bg-pink {
    --bs-table-bg: rgba(207, 35, 202, 0.8);
}

.judge-score-td-bg-blue {
    --bs-table-bg: rgba(0, 218, 216, 0.8);
}

.multi-bot-number-input {
    width: 12%;
    margin: 0 auto;
}

/* Experimental */
/* I got annoyed and made the background image the body... */
/*body {*/
/*    background-image: url('/img/home/nhrl-background-big.png');*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    height: 100%;*/
/*}*/

/*.ji-card-color {*/
/*    background: rgba(201, 204, 240, 1);*/
/*}*/

/*.ji-background-pink {*/
/*    background-color: rgba(207, 35, 202, 1);*/
/*    height: 800px;*/
/*    border-radius: 8px;*/
/*}*/

/*.ji-background-grey {*/
/*    background-color: rgba(201, 204, 240, 1);*/
/*    height: 800px;*/
/*    border-radius: 8px;*/
/*}*/

/*.ji-background-light-blue {*/
/*    background-color: rgba(102, 111, 229, 1);*/
/*    height: 800px;*/
/*    border-radius: 8px;*/
/*}*/

/*.ji-background-blue {*/
/*    background-color: rgba(0, 218, 216, 0.8);*/
/*    height: 800px;*/
/*    border-radius: 8px;*/
/*}*/

.accordion-button:not(.collapsed) {
    background-color: transparent !important;
    color: inherit;
}

button.accordion-button:focus{
    box-shadow: inherit;
}

body {
    overflow-x: hidden;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}
.row {
    margin-right: 0;
    margin-left: 0;
}

.sortable {
    cursor: pointer;
    position: relative;
}

.sortable:after {
    content: '↕';
    position: absolute;
    right: 8px;
    color: #999;
}

.sortable.sort-asc:after {
    content: '↑';
    color: #000;
}

.sortable.sort-desc:after {
    content: '↓';
    color: #000;
}