body.login-page {
    background: url('/img/login-bg.jpg');   
}

main.content {
    /* Bootstrap and Select2 styles require important flag to be overridden. */
    padding: 0 1.5rem !important;
}

input[required]{
    background-image: radial-gradient(#F00 15%, transparent 16%), radial-gradient(#F00 15%, transparent 16%);
    background-size: 2em 2em;
    background-position: right top;
    background-repeat: no-repeat;
}

.required:after {
    content:" *";
    color: red;
}

.caskade_logo {
    margin-left: 0px;
}

.brand-link {
    height: 3.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 1.5rem;
}

.table {
    margin-bottom: 3rem;
}

.statistic_buttons_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.statistic_buttons_large_gap {
    width: fit-content;
    margin-right: 1rem;
}

.statistic_buttons_small_gap {
    width: fit-content;
    margin-right: 0.5rem;
}

.times-new-roman {
    font-family: 'Times New Roman', Times, serif;
}

select#product-select + span.select2-container.select2-container--default {
    margin-top: 1rem;
}

.select2-selection__choice {
    color: #444 !important;
}

[name=product_referrer] + span span.select2-container {
    margin-bottom: .5rem;
}

span.select2-selection.select2-selection--single {
    min-height: 38px;
}

span.select2-selection__arrow {
    top: 6px !important;
}

.display-none {
    display: none;
}

input[type=checkbox] {
    display: block;
}

.sidebar-heading {
    color: #a0a0a0;

    margin: 1rem 1.125rem;
}

.card-title {
    margin-top: .5rem;
}

.table-detail-clickable tbody tr {
    cursor: pointer;
}

.table-detail-clickable tbody tr:hover {
    background-color: #eee;
}

.table-detail-link {
    display: none;
}

.action-button-group {
    display: flex;
    justify-content: end;
    gap: .5rem;
}

.contract-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-column-container {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    max-width: 64rem;
}

.form-column {
    min-width: 24rem;
}

.select2-form-group {
    display: flex;
    flex-direction: column;
}

.select2.select2-container {
    width: 100% !important;
}

form#sales-volume-filter #product-select + span.select2 {
    width: 16rem !important;
}

.login-box, .login-box .card, .login-card-body {
    border-radius: .25rem;
}

.second-card {
    margin-top: 1.5rem;
}

@media screen and (max-width: 768px) {

    main.content {
        /* Bootstrap and Select2 styles require important flag to be overridden. */
        padding: 0 .5rem !important;
    }

    .form-column-container {
        flex-direction: column;
    }

    .form-column {
        min-width: 10rem;
    }

    /** Sales volume view */
    form#sales-volume-filter {

        display: flex;
        flex-direction: column;
    }

    div.filters {
        width: 100% !important;
    }

    form#sales-volume-filter.form-group {
        width: 100% !important;
    }
      
    form#sales-volume-filter .form-group-ml-2.mr-3 {
        width: 20rem !important;
    }    
    
    #sales-volume-filter > select:nth-child(1) {
        width: 100% !important;
    }     
}