/* Service stylesheet */
:root {
    --amw-card-bogballe-border: #003366;
    --amw-card-bredal-border: #FF0000;
    --amw-foot-bg-clr: #e3e2e1;
    --amw-foot-txt-clr: #888888;
    --amw-head-bg-clr: #e3e2e1;
    --amw-head-txt-clr: #888888;
    --amw-head-txt-hvr: #AAAAAA;
    --amw-pill-bg-rgb: 145, 164, 63;
    --amw-pill-txt: #ffffff;
}

/* Header - start */
    #amwHeader {
        background-color: var( --amw-head-bg-clr );
        color: var( --amw-head-txt-clr );
    }

    #amwHeaderTxt {
        font-size: 1.5rem;
        font-weight: bold;
        text-transform: uppercase;
    }

    #amwHeader a {
        color: var( --amw-head-txt-clr );
        text-decoration: none;
    }

    #amwHeader a:hover {
        color: var( --amw-head-txt-hvr );
    }

    .logoWrapper {
        border-right: 1px solid var( --amw-head-txt-clr );
    }

    .bogballeLogoWrapper {
        width: 180px;
    }

    .bredalLogoWrapper {
        width: 100px;
    }

    .vr {
        --bs-border-width: 2px;
        opacity: .75;
    }
/* Header - end */

/* Main - start */
    .text-bg-custom {
        color: var( --amw-pill-txt ) !important;
        background-color: RGBA( var( --amw-pill-bg-rgb ), var( --bs-bg-opacity, 1 ) ) !important;
    }

    /* Ticket list - start */
        .ticket-number {
            font-weight: bold;
            text-decoration: none;
        }
    /* Ticket list - end */

    /* Choose department - start */
        .dept-bogballe:hover {
            border-color: var( --amw-card-bogballe-border ) !important;
        }

        .dept-bredal:hover {
            border-color: var( --amw-card-bredal-border ) !important;
        }
    /* Choose department - end */

    /* Buttons - start */
        .btn-success {
            --bs-btn-color: #fff;
            --bs-btn-bg: #91A43F;
            --bs-btn-border-color: #91A43F;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #5a6527;
            --bs-btn-hover-border-color: #5a6527;
            --bs-btn-focus-shadow-rgb: 60, 153, 110;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #2f3515;
            --bs-btn-active-border-color: #2f3515;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #91A43F;
            --bs-btn-disabled-border-color: #91A43F;
        }
    /* Buttons - end */

    /* Spreader type badge - start */
        #spreader-info-wrapper {
            display: flex;
            position: relative;
            margin-top: -12%;
            margin-bottom: 25px;
            z-index: 20;
        }

        #spreader-info-type,
        #spreader_no {
            display: flex;
            border: 3px solid red;
            background-color: #FFFFFF;
            font-size: 1.8rem;
            height: 36px;
            position: relative;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        #spreader-info-type {
            width: 26.2%;
            margin-left: 21.4%;
            cursor: pointer;
        }

        #spreader_no {
            width: 34%;
            margin-left: 11%;
            -moz-appearance: textfield;
        }

        #spreader_no::-webkit-outer-spin-button,
        #spreader_no::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }

        #spreader-info-type.valid,
        #spreader_no.valid {
            border-color: #91A43F;
        }

        #spreader-info-type.show,
        #spreader_no.show {
            border-color: transparent;
            cursor: default;
        }

        @media (min-width: 576px) {
            #spreader-info-type,
            #spreader_no {
                height: 45px;
            }
        }

        @media (min-width: 768px) {
            #spreader-info-type,
            #spreader_no {
                height: 50px;
            }
        }

        @media (min-width: 992px) {
            #spreader-info-type,
            #spreader_no {
                height: 65px;
            }
        }

        @media (min-width: 1200px) {
            #spreader-info-type,
            #spreader_no {
                height: 62px;
            }
        }

        @media (min-width: 1400px) {
            #spreader-info-type {
                width: 25.5%;
                margin-left: 22.3%;
            }

            #spreader_no {
                width: 32.8%;
                margin-left: 10.3%;
            }

            #spreader-info-type,
            #spreader_no {
                height: 74px;
            }
        }
    /* Spreader type badge - end */
/* Main - end */

/* Footer - start */
    #amwFooter {
        background-color: var( --amw-foot-bg-clr );
        color: var( --amw-foot-txt-clr );
    }
/* Footer - end */

/* Other - start */
    /* Heights - start */
        .h-0 {
            height: 0 !important;
        }
    /* Heights - end */

    /* Transitions - start */
        .t-h {
            transition: height 0.5s;
        }
    /* Transitions - end */
/* Other - end */