body {
    font-family: Verdana;
    font-size: 12px;
    margin: 0px;
}

    body.margin {
        margin: 8px;
    }

.DivHeader {
    background-color: #15428b;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    line-height: 26px;
    font-size: 16px;
    color: White;
}

    .DivHeader .PageTitle {
        font-weight: normal;
        line-height: 26px;
        font-size: 16px;
        color: White;
    }

.WorkOverviewGroupedByItem, 
.PaymentOverview {
    padding: 5px;
}

    .PaymentOverview .PageTitle,
    .WorkOverviewGroupedByItem .PageTitle {
        font-weight: bold;
        font-size: 16px;
    }

.DivHeader .CurrentPageTitle {
    text-decoration: underline;
    font-weight: bold;
    line-height: 26px;
    font-size: 16px;
    color: White;
}

a {
    color: Black;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }


/* Sortable list */
#SortableList {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

    #SortableList li {
        padding: 13px;
        width: 100px;
        float: left;
    }

    #SortableList div {
        background-color: #E0E0E0;
        text-align: center;
        border: solid 1px black;
        width: 98px;
    }

    #SortableList .SelectedImage {
        border: 1px solid Red;
    }

.SortablePlaceHolder div {
    background-color: white !important;
    border: dashed 1px gray !important;
    height: 100%;
}



.cart-datagrid-cell {
    line-height: normal;
}

.DataCellCenter {
    text-align: center;
}



/* Menu icons */
.icon-foodmenu {
    background-position: 2px 1px !important;
    background-image: url('../Images/FoodMenu.gif') !important;
}

.icon-winelist {
    background-position: 2px 1px !important;
    background-image: url('../Images/WineList.gif') !important;
}

.icon-movielist {
    background-position: 2px 1px !important;
    background-image: url('../Images/MovieList.gif') !important;
}

.icon-news {
    background-position: 2px 1px !important;
    background-image: url('../Images/News.png') !important;
}

.icon-newslettersubscription {
    background-position: 2px 1px !important;
    background-image: url('../Images/NewsletterSubscription.png') !important;
}



/* Large toolbar */
.LargetoolbarOuter {
    background-repeat: repeat-x;
    background-image: url('../Images/Background-Blue-70h.png');
    background-color: #b1d2ff;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #6593cf;
    height: 90px;
}

.LargeToolbar-Back, .LargeToolbar-Back-Hover, .LargeToolbar-Save, .LargeToolbar-Save-Hover,
.LargeToolbar-Copy, .LargeToolbar-Copy-Hover, .LargeToolbar-Calendar, .LargeToolbar-Calendar-Hover,
.LargeToolbar-Rooms, .LargeToolbar-Rooms-Hover, .LargeToolbar-Bookings, .LargeToolbar-Bookings-Hover,
.LargeToolbar-Excel, .LargeToolbar-Excel-Hover,
.LargeToolbar-Email, .LargeToolbar-Email-Hover, .LargeToolbar-Email-Disabled,
.LargeToolbar-View, .LargeToolbar-View-Hover, .LargeToolbar-View-Disabled,
.LargeToolbar-Create, .LargeToolbar-Create-Hover, .LargeToolbar-Create-Disabled,
.LargeToolbar-Delete, .LargeToolbar-Delete-Hover, .LargeToolbar-Delete-Disabled,
.LargeToolbar-Edit, .LargeToolbar-Edit-Hover, .LargeToolbar-Edit-Disabled {
    vertical-align: top !important;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    padding-top: 50px;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
    width: 90px;
}

    .LargeToolbar-Back table, .LargeToolbar-Back-Hover table, .LargeToolbar-Save table, .LargeToolbar-Save-Hover table,
    .LargeToolbar-Copy table, .LargeToolbar-Copy-Hover table,
    .LargeToolbar-Calendar table, .LargeToolbar-Calendar-Hover table, .LargeToolbar-Rooms table, .LargeToolbar-Rooms-Hover table,
    .LargeToolbar-Edit table, .LargeToolbar-Edit-Hover table, .LargeToolbar-Bookings table, .LargeToolbar-Bookings-Hover table,
    .LargeToolbar-Excel table, .LargeToolbar-Excel-Hover table,
    .LargeToolbar-Email table, .LargeToolbar-Email-Hover table, .LargeToolbar-Email-Disabled table,
    .LargeToolbar-View table, .LargeToolbar-View-Hover table, .LargeToolbar-View-Disabled table,
    .LargeToolbar-Create table, .LargeToolbar-Create-Hover table, .LargeToolbar-Create-Disabled table,
    .LargeToolbar-Delete table, .LargeToolbar-Delete-Hover table, .LargeToolbar-Delete-Disabled table {
        text-align: center;
        display: inline-block;
    }

.LargeToolbar-Delete-Disabled {
    background-image: url('../Images/Icon-Delete-Disabled.png');
    cursor: auto;
}

.LargeToolbar-Create-Disabled {
    background-image: url('../Images/Icon-Create-Disabled.png');
    cursor: auto;
}

.LargeToolbar-View-Disabled {
    background-image: url('../Images/Icon-View-Disabled.png');
    cursor: auto;
}

.LargeToolbar-Email-Disabled {
    background-image: url('../Images/Icon-EMail-Disabled.png');
}

.LargeToolbar-Edit-Disabled {
    background-image: url('../Images/Icon-Edit.png');
    opacity: 0.5;
}

.LargeToolbar-Back, .LargeToolbar-Back-Hover {
    background-image: url('../Images/Icon-Back.png');
}

.LargeToolbar-Create, .LargeToolbar-Create-Hover {
    background-image: url('../Images/Icon-Create.png');
}

.LargeToolbar-Delete, .LargeToolbar-Delete-Hover {
    background-image: url('../Images/Icon-Delete.png');
}

.LargeToolbar-Save, .LargeToolbar-Save-Hover {
    background-image: url('../Images/Icon-Save.png');
}

.LargeToolbar-Copy, .LargeToolbar-Copy-Hover {
    background-image: url('../Images/Icon-Copy.png');
}

.LargeToolbar-View, .LargeToolbar-View-Hover {
    background-image: url('../Images/Icon-View.png');
}

.LargeToolbar-Excel, .LargeToolbar-Excel-Hover {
    background-image: url('../Images/Icon-Excel.png');
}

.LargeToolbar-Email, .LargeToolbar-Email-Hover {
    background-image: url('../Images/Icon-EMail.png');
}

.LargeToolbar-Calendar, .LargeToolbar-Calendar-Hover {
    background-image: url('../Images/Icon-Calendar.png');
}

.LargeToolbar-Rooms, .LargeToolbar-Rooms-Hover {
    background-image: url('../Images/Icon-Rooms.png');
}

.LargeToolbar-Edit, .LargeToolbar-Edit-Hover {
    background-image: url('../Images/Icon-Edit.png');
}

.LargeToolbar-Bookings, .LargeToolbar-Bookings-Hover {
    background-image: url('../Images/Icon-Bookings.png');
}

.LargeToolbar-Back-Hover, 
.LargeToolbar-Create-Hover, 
.LargeToolbar-Delete-Hover, 
.LargeToolbar-Save-Hover, 
.LargeToolbar-Copy-Hover, 
.LargeToolbar-View-Hover, .LargeToolbar-Calendar-Hover, .LargeToolbar-Rooms-Hover, .LargeToolbar-Edit-Hover, .LargeToolbar-Bookings-Hover, .LargeToolbar-Email-Hover, .LargeToolbar-Excel-Hover {
    border-radius: 5px;
    border: 1px solid #f0f0f0;
}

.LargeToolbar-Separator {
    background-color: #6593cf;
    width: 1px;
}

.AvailableDate {
    width: 156px;
}

.cart-item-selected .cart-navbar-top-item a {
    text-decoration: none;
    color: #000;
    background: #ffe48d url(Outlook2007/horizontal.png) repeat-x 0 -227px;
}

.TextBoldHigh {
    line-height: 28px;
    font-weight: bold;
}

.cart-datagrid .cart-calendar {
    border-top: 0px;
}

.table-header {
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #15428b;
    padding: 0 7px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #6593cf;
    border-left: 1px solid #fff;
    background: #add1ff url(Outlook2007/horizontal.png) repeat-x 0 0;
}

.table-container {
    background: #fff;
}

.table-content {
    background: #fff;
    padding: 5px 7px 5px 7px;
}

.leftpadding {
    padding-left: 10px;
}

em {
    background-color: #E5E5E5;
    font-weight: bold;
    font-style: normal;
}

.topRow {
    cursor: pointer;
}

    .topRow:hover {
        background-color: #e3efff;
    }

.alternateRow {
    background-color: #cce6ff;
}

.selectedRow {
    background-color: #add1ff;
}

.AdditionalInfoTable {
    width: 100%;
}

    .AdditionalInfoTable th, .AdditionalInfoTable td {
        border: 0px;
    }

.Disabled .cart-treeview-item a {
    color: silver;
}

#cacFrom_picker, #cacTo_picker {
    width: 110px;
}

.DreamPackageOccurenceColumn {
    padding: 3px;
}

.DDHours {
    font-size: 12px;
}



.DeliveryScreen {
    background-image: url(../Images/DeliveryScreenBackground.jpg);
    background-size: cover;
    font-size: 70px;
    margin: 50px;
}

    .DeliveryScreen h1 {
        font-weight: normal;
        margin-top: 0px;
        text-align: left;
        font-size: 70px;
    }

    .DeliveryScreen .DeliveryScreenBox {
        min-width: 480px;
        display: inline-block;
    }

        .DeliveryScreen .DeliveryScreenBox > div {
            display: inline-block;
        }

    .DeliveryScreen .ShopBookingID {
        font-size: 70px;
        color: #898989;
    }

    .DeliveryScreen div:empty {
        display: none;
    }


.DeliveryComplete, .DeliveryComplete .Blue, .DeliveryComplete .Red {
    color: #ccc;
}

.NotInDisplayGroup, .NotInDisplayGroup .Blue, .NotInDisplayGroup .Red {
    color: #ccc;
}

.NotInDisplayGroupHidden {
    display: none;
}

.Blue {
    color: blue;
}

.Red {
    color: red;
}

.DefaultFalse {
    /* color: red; */
}

.Group0 {
    color: red;
}

.Group1 {
    color: teal;
}

.Group2 {
    color: purple;
}

.Group3 {
    color: orange;
}

.Group4 {
    color: green;
}

.Group5 {
    color: pink;
}

.Group6 {
    color: grey;
}

.Group7 {
    color: lightblue;
}

.Group8 {
    color: darkgreen;
}

.Group9 {
    color: brown;
}

.TdCheckbox {
    text-align: center;
}

    .TdCheckbox input[type=checkbox] {
        text-align: center;
        cursor: pointer;
    }

.TdCheckboxWithoutLink {
    text-align: center;
}

    .TdCheckbox input[type=checkbox], .TdCheckboxWithoutLink input[type=checkbox] {
        vertical-align: middle;
        padding: 0px;
        margin: 0px;
    }

.RadGrid2 input[type=text] {
    max-width: 100%;
    width: 100%;
}

.Small {
    font-size: 10px;
}

.TableContainer {
    margin-bottom: 5px;
}

/* #region iOS Toggle */
.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

    .cmn-toggle + label {
        user-select: none;
        position: relative;
        display: block;
        outline: none;
        cursor: pointer;
    }

input.cmn-toggle-round + label {
    background-color: #dddddd;
    border-radius: 30px;
    padding: 0px;
    height: 30px;
    width: 60px;
}

    input.cmn-toggle-round + label:before,
    input.cmn-toggle-round + label:after {
        position: absolute;
        display: block;
        content: "";
        bottom: 1px;
        left: 1px;
        top: 1px;
    }

    input.cmn-toggle-round + label:before {
        transition: background 0.4s;
        background-color: #f1f1f1;
        border-radius: 30px;
        right: 1px;
    }

    input.cmn-toggle-round + label:after {
        width: 29px;
        background-color: #fff;
        border-radius: 100%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        transition: margin 0.4s;
    }

input.cmn-toggle-round:checked + label:before {
    background-color: #8ce196;
}

input.cmn-toggle-round:checked + label:after {
    margin-left: 30px;
}
/* #endregion */

.DatePrevAndNext {
    vertical-align: middle;
    height: 22px;
}

.DateFrom {
    white-space: nowrap;
    display: inline;
}

.DateTo {
    white-space: nowrap;
    display: inline;
}

    .DateFrom input[type=date], .DateTo input[type=date] {
        font-size: 12px;
        display: inline-block;
        width: 150px;
    }

.FilterGroup  {
    display: inline-block;
}

.PrintAndEmailOuter {
    vertical-align: top;
    min-height: 34px;
    padding: 6px 12px;
    display: block;
    border: 1px solid silver;
    width: 300px;
}

    .PrintAndEmailOuter .Header {
        cursor: pointer;
    }

    .PrintAndEmailOuter .glyphicon {
        float: right;
    }

.DeliveryDateTimeColumn {
    white-space: nowrap;
    min-width: 130px;
}

.StartColumn {
    width: 60px;
}

.KitchenCompletedColumn {
    width: 60px;
}

.DeliveryCompletedColumn {
    width: 60px;
}

.PaymentTypeColumn {
    width: 130px;
}

.DeliveryColumn {
    width: 110px;
}

.ActionsColumn {
    white-space: nowrap;
}

    .ActionsColumn a:hover {
        text-decoration: none;
    }

.LabelPrintColumn {
    text-align: center;
    width: 40px;
}

.CheckboxColumn {
    text-align: center;
    width: 53px;
}

.CheckboxColumn.Header {
    text-align: left;
    width: 53px;
}

.OverviewTable .PriceColumn {
    padding-right: 8px;
    text-align: right;
    width: 80px;
}

@media screen and (max-width: 768px) {
    .PrintAndEmail {
        display: none;
    }
}

.RadGrid input[type=text] {
    width: 100%;
}

.DeliveryTableExpandAndCollapse {
    background-color: silver;
    cursor: pointer;
}

    .DeliveryTableExpandAndCollapse input[type=radio] + label,
    .DeliveryTableExpandAndCollapse input[type=checkbox] + label {
        line-height: unset;
        font-size: 12px;
    }

    .ShopBookingsWorkOverviewBookings,
    .ExcelExport {
        padding-top: 5px;
    }

#cblDeliveryAreas input[type=checkbox] + label {
    vertical-align: baseline;
}

.RadGrid a {
    text-decoration: underline;
}

.RadGrid_Default .rgRow a,
.RadGrid_Default .rgAltRow a {
    /* color: blue !important; */
}

tr.Marked {
    background-color: #98fb98;
}

td.CellIcons {
    padding: 0px;
}

.Bordered td {
    border-width: 1px;
}







/* Target the container */
.custom-radio-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    /* Style each radio button and label */
    .custom-radio-list input[type="radio"] {
        margin-right: 0.5rem;
        height: 1.5em;
        width: 1.5em;
    }

    .custom-radio-list label {
        display: inline-block;
        cursor: pointer;
        font-size: 1rem;
    }

    /* Wrap each radio + label in a form-check style */
    .custom-radio-list input[type="radio"] + label {
        display: inline-flex;
        align-items: center;
        font-weight: 400;
        vertical-align: top;
    }

    .custom-radio-list input[type="radio"] {
        accent-color: #0d6efd; /* Bootstrap primary color */
    }

input[type=checkbox] + label,
input[type=checkbox] + a,
input[type=checkbox] + span {
    padding-left: 0.5rem;
    font-size: 1rem;
}


#tvShopGroups input[type=checkbox] + label,
#tvShopGroups input[type=checkbox] + a,
#tvShopGroups input[type=checkbox] + span,
#tvProductionShops input[type=checkbox] + label,
#tvProductionShopsinput[type=checkbox] + a,
#tvProductionShops input[type=checkbox] + span,
#tvAutomaticPrintShops input[type=checkbox] + label,
#tvAutomaticPrintShops input[type=checkbox] + a,
#tvAutomaticPrintShops input[type=checkbox] + span {
    padding-left: 0.5rem;
    font-size: 1rem;
}


#tvShopGroups {
    font-size: 1rem;
}