/**
 * Generic, general-use CSS classes.
 */


.hidden {
    display: none;
}

.display-block {
    display: block;
}

.bold {
    font-weight: bolder;
}

.sticky-top {
    position: sticky;
    top: 0;
    right: 0;
    left: 0;

    z-index: 10;
}


/* Generic alert level styles */
.error {
    color: red;
    outline: 1px solid red;
}

.warning {
    color: gold;
    outline: 1px solid gold;
}


/* General-use padding styles */
.padding-00 {
    padding: 0;
}

.padding-05 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.padding-20 {
    padding: 20px;
}

.padding-25 {
    padding: 25px;
}


/* Text alignment styles. */
.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.justify-center {
    justify-content: center;
}


/* Flexbox styles. */
.flex-horizontal {
    display: flex;
    flex-direction: row;
}

.flex-vertical {
    display: flex;
    flex-direction: column;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.flex-justify-start {
    display: flex;
    justify-content: flex-start;
}

.flex-justify-end {
    display: flex;
    justify-content: flex-end;
}

.flex-justify-center {
    display: flex;
    justify-content: center;
}

.flex-justify-space-between {
    display: flex;
    justify-content: space-between;
}

.flex-justify-space-around {
    display: flex;
    justify-content: space-around;
}

.flex-justify-space-evenly {
    display: flex;
    justify-content: space-evenly;
}

.flex-align-start {
    display: flex;
    align-items: flex-start;
}

.flex-align-end {
    display: flex;
    align-items: flex-end;
}

.flex-align-center {
    display: flex;
    align-items: flex-center;
}

/* Background Styles */
.background-black {
    background-color: #000 !important;
}

.background-blue {
    background-color: #123f51 !important;
}

.full-border {
    border: 1px solid grey !important;
}

/* Customer Hierarchy Color-coding */
.customer-overarching {
    background-color: #123f51 !important;

    tr:nth-child(2n) td {
        background-color: #1C5C5C !important;
    }
}

.customer-billto {
    background-color: #121f51 !important;

    tr:nth-child(2n) td {
        background-color: #0C1329 !important;
    }
}

.customer-shipto {
    background-color: #401251 !important;

    tr:nth-child(2n) td {
        background-color: #25113E !important;
    }
}