:root {
    --bs-primary: #C81F66;
    --bs-primary-rgb: rgb(200, 31, 102);
    --bs-primary-soft: #F598A4;
    --bs-secondary: #68071F;
    --bs-secondary-soft: #F6CDD3;
    --bs-secondary-rgb: #68071F;
    --bs-success: #ff3b80;
    --bs-pink-rgb: 200, 31, 102;
    --bs-hex-gridrow-odd: #F7F7F7;
    /*--bs-primary-soft: #68071F;*/
    /*--bs-secondary: #ff3b8d;*/
    /*--bs-secondary-soft: #F6CDD3;*/
    /*=======================================================================================*/
    --primary: 200, 31, 102;
    /*--primary-light: rgb(255, 64, 129);*/
    --primary-light: #68071F;
    /*--secondary: rgb(0,32,91);*/
    --secondary: #F6CDD3;
    --secondary-light: rgb(246, 205, 211);
    --tertiary: #68071F;
    --tertiary-light: rgb(240, 168, 117);
    /*Other*/
    /*--primary-text: #ffffff;*/
    --primary-text: #000000;
    --secondary-text: #C81F66;
    --color-grey: #858c93;
    --color-black-15-OP: rgb(38, 38, 38);
    --color-grey-60-OP: rgb(153, 153, 153);
    --color-white: #ffffff;
    --h1: #68071F;
    --h2: #68071F;
    --h3: rgb(104, 7, 31);
    --a: #ff4081;
    --color-light-pink: #df80a8;
    --finder-textbox-color: var(--color-light-pink);
    --data-row-selected: 238, 145, 183;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}
.primary-color {
    color: var(--bs-primary);
    font-weight: bold;
}
.primary-color-bold {
    color: var(--bs-primary);
    font-weight: bold;
}

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

    .modShipmentContainer > .ms_data_Share {
        order: 1;
    }

    .modShipmentContainer > .ms_Document {
        order: 2;
    }

    .modShipmentContainer > .ms_Medication {
        order: 3;
    }

    .modShipmentContainer > .ms_Batch {
        order: 4;
    }

    .modShipmentContainer > .ms_Declaration {
        order: 5;
    }

.multiselect-selected-text {
    text-align: start;
    border: 2px solid;
    border-color: var(--bs-primary);
    border-radius: 0.35rem;
    background-color: var(--bs-primary);
    color: var(--color-white);
    padding: 1vh;
}

.modal-text-color-grey {
    color: var(--bs-body-color);
}

.Videocard.card {
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0.5rem;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    min-height: 550px;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .Videocard.card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    }

    .Videocard.card::after {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        width: 24px;
        height: 24px;
        /*border-radius: 50%;*/
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
    }


.Videocard.card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}