body {
    /*background-color: #e8effc;*/
}




#busySpinner {
    z-index: 9999; /* Ensure it's above other content */
    display: flex;
    justify-content: center;
    align-items: center;
}




a {
    text-decoration: none;
    word-break: break-all;
}


/* Selection text, when selecting text */
::selection {
    color: white;
    background-color: royalblue;
}


.CompanyNameHeader {
    /*color: #0000b3;*/
    /*color: lightblue;*/
    white-space: nowrap;
    text-shadow: 2px 2px 5px silver;
}

.mainmenu {
    font-size: 14px;
    margin-top: 5px;
    border-radius: 10px;
    background-image: linear-gradient(navy, cornflowerblue);
}

.page_menuitem {
    font-size: 26px;
    background: royalblue;
    color: white;
    font-weight: 700;
    padding: 0px 17px 2px 17px;
    border-radius: 10px;
    box-shadow: 3px 3px 10px gainsboro;
}


.editform_title {
    font-size: 24px;
    color: royalblue;
    white-space: nowrap;
    text-shadow: 2px 2px 5px silver;
    padding: 0px 0px 0px 0px;
}

.editform_title_med {
    font-size: 28px;
    color: royalblue;
    white-space: nowrap;
    text-shadow: 2px 2px 5px silver;
    padding: 0px 0px 0px 20px;
}

.editform_title_lg {
    font-size: 32px;
    color: royalblue;
    white-space: nowrap;
    text-shadow: 2px 2px 5px silver;
    padding: 0px 0px 0px 20px;
}


.editform_title_bold {
    font-size: 24px;
    font-weight: 700;
    color: royalblue;
    white-space: nowrap;
    text-shadow: 2px 2px 5px silver;
    padding: 0px 0px 0px 20px;
}

.details_subform_caption {
    font-size: 24px;
    color: #1f49c7;
    white-space: nowrap;
    text-shadow: 2px 2px 5px lightyellow;
    padding: 0px 0px 0px 20px;
}

.details_header_caption {
    color: mediumblue; /*#d9d9d9;*/
    /*background-color: #0066cc;*/
    background-image: linear-gradient(lightblue, cornflowerblue);
    border-radius: 10px;
    box-shadow: 3px 3px 10px silver;
    padding: 0px 10px;
    margin: 5px 0px;
    font-size: 24px;
    white-space: nowrap;
    text-shadow: 2px 2px 5px gray;
}

.details_subheader_caption {
    color: mediumblue; /*#d9d9d9;*/
    /*#1f49c7;*/
    /*background-color: #0066cc;*/
    background-image: linear-gradient(#ffffff, #8db0f2);
    border-radius: 5px;
    box-shadow: 3px 3px 10px silver;
    padding: 0px 10px;
    margin: 2px 0px;
    font-size: 20px;
    white-space: nowrap;
    text-shadow: 2px 2px 5px gray;
}

.heading_subtitle {
    color: gray;
    font-size: 14px;
}

.details_caption {
    color: cornflowerblue;
    font-size: 22px;
    padding-top: 4px;
}

.panel_grid {
    margin-top: 13px;
    padding: 3px 10px;
    background-color: #cce7ff;
    border-radius: 15px;
    box-shadow: 3px 3px 10px grey;
}

.saving_data {
    display: none;
    color: navy;
    background-color: transparent;
    padding: 8px;
    font-size: 20px;
}

#busyGIF {
    margin: 4px;
}

.gridCheckBox_Green {
    /* https: //cssgradient.io/ */
    background-color: darkgreen !important;
}

.gridCheckBox_Red {
    /* https: //cssgradient.io/ */
    background-color: darkred !important;
}

.input_search {
    color: lightyellow;
    background-color: cornflowerblue;
    width: 100%;
    border: 1px solid silver;
    background: none;
    color: yellow;
    padding: 1px;
    border-radius: 4px;
}

/*    .input_search:focus {
        border: 1px solid white;
        background: none;
        outline: none;
    }

    .input_search:focus {
        background-color: dodgerblue;
        caret-color: silver;
    }

    .input_search:hover {
        background-color: dodgerblue;
    }*/


.input_search2 {
    color: lightyellow;
    background-color: cornflowerblue;
    border-color: silver;
}

.input_search3 {
    margin: auto;
    display: block;
}

.searchDDL {
    color: yellow;
    background-color: cornflowerblue;
    padding: 2px;
    border: 1px solid silver;
}

    .searchDDL option {
        background-color: darkslateblue;
        color: yellow;
    }

.form_label {
    color: navy;
    font-size: 14px;
}

.form_label_grey {
    color: grey;
    font-size: 14px;
}


.vertical_text {
    color: #cce7ff;
    font-size: 170px;
    position: absolute;
    top: 260px;
    left: -20px;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

.ID_Col {
    color: grey; /*#a6a6a6;*/
    width: 55px;
    text-align: right;
}

.GridDateDimTime {
    color: darkkhaki;
}

.GridDateDimTimeSmall {
    color: darkkhaki;
    font-size: 8px;
}


.CheckBoxReadOnly {
    pointer-events: none;
    /*color: #CCC000;*/
}


.timefooter {
    color: grey;
    font-size: smaller;
}

.filenamefooter {
    color: #666666;
    font-size: 10px;
    font-style: italic;
}


.dropdown_panel {
    background: #26527d;
    padding: 8px;
    border: 1px solid grey;
    border-radius: 5px
}


/*
    -------------------------------------------------------------------------------
    MOTD
*/
.MOTD_Caption {
    padding: 15px;
    font-size: 26px;
    border-radius: 10px;
}

.MOTD {
    font-size: 14px;
}



/*
    -------------------------------------------------------------------------------
    Sound and Light
*/
.sl_footer {
    background-color: #a4c0f4;
    margin: 5px;
    padding: 5px;
    border-radius: 15px;
    box-shadow: 3px 3px 10px gainsboro;
}

/*
    -------------------------------------------------------------------------------
    Search bar at top of views
*/
.em-searchoptions td:nth-child(even) {
    padding: 8px 5px 0px 40px;
}

.em-searchoptions td:nth-child(odd) {
    padding-top: 8px;
}

.em-page-viewname-caption {
    font-size: 28px;
    font-weight: normal;
    color: royalblue;
    text-shadow: 2px 2px 5px silver;
}

    .em-page-viewname-caption.smallcaption {
        font-size: 22px;
    }

.TotalRecs {
    color: royalblue;
}

.profit_high {
    color: white !important;
    background: darkgreen !important;
    border-radius: 7px;
    text-align: right;
}

.profit_low {
    color: white !important;
    background: red !important;
    border-radius: 7px;
    text-align: right;
}

.profit_default {
    text-align: right;
}

.dimzeros {
    color: dimgray;
}


.settlement_caption {
    text-align: center;
    font-size: 22px;
}


/*
    -------------------------------------------------------------------------------
    Make Font Awesome icons have transparent background
*/
/* --------------------------------------------------------------------------------
    Font Awsome icons
*/
.fa {
    background: transparent;
}

.fa_blue {
    background: transparent;
    color: RoyalBlue;
    margin: 3px 0px 0px 5px;
    cursor: pointer;
}

/* --------------------------------------------------------------------------------
    Bootstrap icons*/
.bi_blue {
    color: RoyalBlue;
    margin: 3px 0px 0px 5px;
    cursor: pointer;
    font-size: 2rem;
}

.bi-check-circle {
    /*display: none;*/
    color: RoyalBlue;
}


.bi_grey {
    color: dimgray;
    margin: 3px 0px 0px 5px;
    cursor: pointer;
    font-size: 2rem;
}

.bi_dosearch {
    color: white;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    font-size: 1rem;
}

.bi_mr_20 {
    margin-right: 20px !important;
}

.bi_mr_40 {
    margin-right: 40px !important;
}

/*
    -------------------------------------------------------------------------------
    Table <th> classes which define column widths (table-Layout: fixed)
    -------------------------------------------------------------------------------
*/
.th_search_btn {
    width: 50px;
    text-align: right;
}

.EventDate {
    width: 125px;
    text-align: right;
}

.th__DatesDDL {
    width: 110px;
}

.th_StatusDDL {
    width: 100px;
}

.th_TourTitle {
    width: 180px;
}

.th_TourAgent {
    width: 150px;
}

th_TourDeal {
    width: 180px;
}

.th_TourNotes {
    width: 220px;
}

.th_TourExpenses {
    width: 90px;
}

.th_ShowName {
    width: 180px;
}

.th_VenueName {
    width: 180px;
}

.th_Profit {
    width: 90px;
}

.th_BookerName {
    width: 120px;
}

.th_ArtistName {
    width: 120px;
}

.th_ArtistNotes {
    width: 350px;
}


/*
    -------------------------------------------------------------------------------
    Tables (datagrids) : ww, x, xyyyyy, z classes
    -------------------------------------------------------------------------------
*/


td {
    vertical-align: middle;
}

th:first-child {
    /*    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;*/
    border-radius: 7px;
}

th:nth-child(2) {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

th:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}


.tdOneLine {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.th_search_btn {
    /*background: linear-gradient(135deg, rgba(2,0,36,1) 0%, rgba(9,9,121,0.6727065826330532) 47%, rgba(0,212,255,1) 100%) ;*/
}



table.w table {
    overflow-x: hidden;
    table-layout: fixed;
    width: auto;
}

table.w td {
    /*word-break: break-word;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 5px 0px 10px;
    font-size: 12px;
}


table.x table {
    /*    overflow-x: hidden;
    table-layout: fixed;*/
    width: 100%;
}

.x th {
    text-align: center;
    padding: 5px;
    font-size: 14px;
    vertical-align: middle;
}

table.x td {
    /*word-break: break-word;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 5px 0px 10px;
    font-size: 12px;
}




.y th {
    /*color: white;*/
    /*background-image: linear-gradient(powderblue, cornflowerblue);*/
    /*background: #5478e4;*/
    text-align: center;
    padding: 5px;
    font-size: 14px;
    vertical-align: middle;
}

table.y td {
    /*word-break: break-word;*/
    /*    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    padding: 0px 5px 0px 10px;
    font-size: 12px;
}



tfoot tr td {
    font-size: 16px !important;
    vertical-align: middle;
}


/*.y .row_selected td {*/
/*color: white;*/
/*background-image: linear-gradient(steelblue, cornflowerblue) ;*/
/*color: navy;
    background-image: linear-gradient(#cccc00, #999900);
}*/



/* Table z ------------------------------------------------------*/
th {
    /*color: white;*/
    /*background-image: linear-gradient(powderblue, cornflowerblue);*/
    /*background: cornflowerblue;*/
    text-align: center;
    padding: 5px;
    font-size: 14px;
    vertical-align: middle;
}

table.z td {
    /*word-break: break-word;*/
    /*    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    padding: 0px 5px 0px 10px;
    font-size: 12px;
}








/* -------------------------------------------------*/

.expandedrow {
    background-color: #eaeaea;
}


.x .rowdetails_collapsed {
    display: none;
}

.x .rowdetails_expanded {
    display: normal;
    background-image: linear-gradient(FloralWhite, snow);
}


.rowdetails_box {
    margin: 0px 20px 20px 20px;
    padding: 10px;
    border: 1px solid lightgray;
    border-radius: 5px;
    background-image: linear-gradient(aliceblue, gainsboro);
}

.details_subform_background {
    padding: 10px 5% 15px 5%;
    background-image: linear-gradient(#e6f2ff, #cce6ff);
    border-radius: 8px;
}


.details_table {
    table-layout: fixed;
    margin: 20px;
}



.tablesfooter {
    color: yellow !important;
    background-image: linear-gradient(transparent, black);
    /*background-image: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(143,184,221,1) 2%, rgba(3,5,108,1) 100%);*/
}



/* -------------------------------------------------*/
.is_marketing_expense {
    color: white;
    background: steelblue;
    border-radius: 5px;
}

.is_travel_expense {
    color: white;
    background: salmon;
    border-radius: 5px;
}




/* -------------------------------------------------*/
.event_status {
    border-radius: 10px;
}

.event_status_caption_left {
    font-size: 24px;
    padding: 10px;
    vertical-align: central;
}

.event_status_caption_left_small {
    font-size: 26px;
    margin-left: 10px;
    padding: 1px 10px;
    vertical-align: central;
}

.event_status_caption {
    background: aliceblue;
    border-radius: 10px;
    box-shadow: 3px 3px 10px silver;
}

/* -------------------------------------------------*/
/*
    1 Cancelled
    2 Pencilled
    3 Confirmed
    4 TBA
    5 Pending
*/
.event_status_cancelled {
    color: white;
    background: red !important;
    border-radius: 7px;
}

.event_status_pencilled {
    color: black;
    background: #cccc00 !important;
    border-radius: 7px;
}

.event_status_confirmed {
    color: white;
    background: green !important;
    border-radius: 7px;
}

.event_status_tba {
    color: black;
    background: linen !important;
    border-radius: 7px;
}

.event_status_pending {
    color: black;
    background-color: deepskyblue !important;
    border-radius: 7px;
}
/* -------------------------------------------------*/


/* -------------------------------------------------*/
/*
    0 Unknown
    1 Requested
    2 In Progress
    3 Confirmed
    4 Cancelled
    */
.accommodationStatusID0-NOT_USED {
    color: white;
    background-color: gray !important;
    border-radius: 5px;
}

.accommodationStatusID1 {
    color: black;
    background-color: orange !important;
    border-radius: 5px;
}

.accommodationStatusID2 {
    color: black;
    background-color: yellow !important;
    border-radius: 5px;
}

.accommodationStatusID3 {
    color: white !important;
    background-color: green !important;
    border-radius: 5px;
}

.accommodationStatusID4 {
    color: white !important;
    background-color: red !important;
    border-radius: 5px;
}


/* -------------------------------------------------*/
.event_within_14_days {
    color: white;
    background: red;
    border-radius: 7px;
}

.event_within_21_days {
    color: white;
    background: green;
    border-radius: 7px;
}

.event_within_28_days {
    color: white;
    background: dodgerblue;
    border-radius: 7px;
}

/* -------------------------------------------------*/

input {
    color: navy;
    border: 1px solid gray;
    border-radius: 3px;
}

select {
    border-color: gainsboro;
    border-radius: 3px;
}

option {
    color: navy;
    background: lightskyblue;
}

.SelectList {
    color: navy;
    background: lightskyblue;
}

.grid_input {
    color: white;
    background-color: #4668a6;
}

.grid_input_date {
    color: white;
    background-color: #4668a6;
}

.grid_input_textarea {
    background-color: aliceblue;
}

.grid_input_ddl {
    color: white;
    background-color: #4668a6;
}

.dropdownlists {
    background-color: aliceblue;
    border-color: gainsboro;
    border-radius: 3px;
}








/* -------------------------------------------------*/
/* Dropdown Menu -----------------------------------*/
.dropbtn {
    color: white;
    background-color: transparent;
    padding: 8px;
    border: none;
}

.dropbtn_disabled {
    color: silver;
    background-color: transparent;
    padding: 8px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    color: white;
    background-color: #101010;
    min-width: 160px;
    width: 175px;
    box-shadow: 0px 8px 16px 0px silver;
    border-radius: 5px;
    z-index: 9999;
}

    .dropdown-content a {
        color: gainsboro;
        padding: 5px 15px;
        text-decoration: none;
        display: block;
        border-radius: 5px;
    }

        .dropdown-content a:hover {
            color: white;
            /*background-color: #0044cc;*/
            background-image: linear-gradient(royalblue, navy);
            border-radius: 5px;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover {
    background-color: #0044cc;
    border-radius: 5px;
}


.dropdowndescription {
    color: grey;
    font-size: 80%;
    word-break: break-word;
    word-wrap: break-word;
}

    .dropdowndescription:hover {
        color: black;
    }


/* -------------------------------------------------*/


.input-group-text {
    color: navy;
    width: 120px;
}

.input_group_search {
    width: auto;
    color: white;
    background-color: #0275d8;
}



/* -------------------------------------------------*/
/* Grid inputs -------------------------------------*/
.grid_input {
    color: white;
    background-color: inherit;
    font-size: inherit;
    width: 90%;
    text-align: right;
}

.grid_input_disabled {
    color: white;
    background-color: transparent;
    border: none;
}

.grid_input_text {
    color: navy;
    background-color: skyblue;
    font-size: inherit;
    width: 90%;
}

/* -------------------------------------------------*/

.form-control {
    background-color: aliceblue;
    max-height: 24px;
}

.form-control-disabled {
    color: gray;
    background-color: transparent;
    border: 1px none white;
    resize: none;
}

.form-control-textarea {
    background-color: aliceblue;
    padding: 10px;
    max-width: 100%;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #999;
}

    .form-control-textarea:disabled {
        background-color: transparent;
    }


.form-control-dark {
    background-color: #cce7ff;
}

.form_label_icon {
    width: 38px;
}

.form_group_background {
    border: solid 1px gainsboro;
    border-radius: 5px;
    box-shadow: 5px 5px 5px gainsboro;
    background-color: whitesmoke;
    padding: 16px
}

    .form_group_background:hover {
        color: white;
    }


.searchBtn {
    height: 40px;
    width: 40px;
}

.searchInput {
    min-width: 100px;
}

#id {
    color: gray;
    background-color: gainsboro;
    text-align: right;
    padding-right: 5px;
    max-width: 10px;
}

#idh {
    color: white;
    max-width: 10px;
    background-image: linear-gradient(navy, navy);
}

#rowdetails_id {
    display: inline-block;
    margin: 40px, 20px;
    padding: 0px 15px 0px 15px;
    color: navy;
    background-image: linear-gradient(cornflowerblue, skyblue);
    border-radius: 5px;
    font-size: 25px;
    font-weight: 400;
}

/* Editable table row ----------------------------------------------- */
.rowEditSelected {
    background-image: linear-gradient(green, green, green);
    color: yellow;
}

.rowCount {
    color: grey;
}


.accordion_btn {
    width: 120px;
    background-image: linear-gradient(cornflowerblue, royalblue);
}


/* BS Modal dialogs---------------------------------*/

.modal-header {
    color: white;
    background-color: #214F87;
}

.modal-body {
    background-image: linear-gradient(aliceblue, ivory);
}

.modal-footer {
    background-color: #214F87;
}
/* -------------------------------------------------*/



/* Scrolling tables---------------------------------*/
.tabledivcontainer {
    overflow-y: auto;
    height: 70vh;
}

table thead {
    position: sticky;
    top: 0;
    z-index: 999;
}

table tfoot {
    position: sticky;
    inset-block-end: 0; /* "bottom" */
}

.tabledivcontainer thead th {
    border-top: hidden;
}

/*.table-responsive thead th {
    position: sticky;
    top: 0;
    border-top: hidden;
    z-index: 999;
}*/



/* -------------------------------------------------
    Calendar
*/

.cal_date {
    text-align: left;
    font-family: Courier New, Courier, monospace;
    font-size: 12px;
    font-weight: 700;
}

.Saturday td:not(.event_status_cancelled, .event_status_pencilled, .event_status_confirmed) {
    color: navy;
    background-color: #66b3ff;
}

.Sunday td:not(.event_status_cancelled, .event_status_pencilled, .event_status_confirmed) {
    color: navy;
    background-color: #3399ff;
}

.Monday {
    color: navy;
}

.Tuesday {
    color: navy;
}

.Wednesday {
    color: navy;
}

.Thursday {
    color: navy;
}

.Friday {
    color: navy;
}


/* -------------------------------------------------
    Top navigation
*/
.topnav a {
    margin: 3px;
    padding: 10px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    color: #989898;
}

    .topnav a.selected {
        color: white;
        background-color: cornflowerblue;
        border-radius: 10px;
        border: 1px solid white;
    }

    .topnav a:hover {
        color: yellow;
    }

/* -------------------------------------------------
    Sidebar and Tabs navigation
*/
.sidenav {
    height: 100%;
    display: block;
    background-color: navy;
    background: linear-gradient(135deg, rgba(2,0,36,1) 0%, rgba(80,86,154,1) 30%, rgba(9,9,121,1) 100%);
    box-shadow: 3px 3px 10px #b3b3b3;
    /*box-shadow: 5px 5px 15px #154eb7;*/
    border-radius: 17px;
    padding-top: 10px;
}

    .sidenav button {
        color: #818181;
        background-color: darkslateblue;
        font-size: 13px
    }

    .sidenav a {
        margin: 3px;
        padding: 8px 8px 8px 22px;
        border-radius: 10px;
        text-decoration: none;
        font-size: 16px;
        color: #989898;
        display: block;
    }

        .sidenav a.selected {
            color: white;
            background-color: darkslateblue;
        }

        .sidenav a:hover {
            color: yellow;
        }



.sidenavitemdisabled {
    color: #616161;
    font-style: italic;
}

.tab_visible {
    display: normal;
}

.tab_hidden {
    display: none;
}



/* -------------------------------------------------
    TicketsSoldPercent colors

    Group -> 0:<25%, 1:<50%, 2:<75%, 3:<100%, 4:=100%
*/
.TicketsSoldPercent0 {
    color: white;
    background-color: red !important;
    border-radius: 7px;
}

.TicketsSoldPercent1 {
    color: black;
    background-color: orange !important;
    border-radius: 7px;
}

.TicketsSoldPercent2 {
    color: black;
    background-color: yellow !important;
    border-radius: 7px;
}

.TicketsSoldPercent3 {
    color: white;
    background-color: green !important;
    border-radius: 7px;
}

.TicketsSoldPercent4 {
    color: white;
    background-color: green !important;
    border-radius: 7px;
}


/* -------------------------------------------------
    Marketing (Artwork) : artwork status colors

	tblArtworkStatus
	--------------------------------
	-1	indeterminate
	0	Not Required
	1	Not started		Red
	2	Actioned		Light Orange
	3	Sent Vnu Apprl	Blue
	4	Vnu Approved	Orange
	5	Sent to Pntrs	Pink
	6	Reprint			Bright Blue
	7	Delivered		Dark Green
	8	Complete		Green (Confirmed)
*/

.ArtworkStatus1 {
    color: white;
    background-color: red !important;
    border-radius: 7px;
}

.ArtworkStatus2 {
    color: black;
    background-color: #ffc966 !important;
    border-radius: 7px;
}

.ArtworkStatus3 {
    color: white;
    background-color: blue !important;
    border-radius: 7px;
}

.ArtworkStatus4 {
    color: white;
    background-color: orange !important;
    border-radius: 7px;
}

.ArtworkStatus5 {
    color: white;
    background-color: hotpink !important;
    border-radius: 7px;
}

.ArtworkStatus6 {
    color: white;
    background-color: cornflowerblue !important;
    border-radius: 7px;
}

.ArtworkStatus7 {
    color: silver;
    background-color: #006600 !important;
    border-radius: 7px;
}

.ArtworkStatus8 {
    color: white;
    background-color: green !important;
    border-radius: 7px;
}




/* -------------------------------------------------
    Expense (description) colors
*/

.ExpenseType_3 {
    color: white;
    background-color: purple !important;
    border-radius: 16px;
}

.ExpenseType_4 {
    color: khaki;
    background-color: darkslateblue !important;
    border-radius: 16px;
}

.ExpenseType_6 {
    color: white;
    background-color: red !important;
    border-radius: 16px;
}

.ExpenseType_8 {
    color: black;
    background-color: orange !important;
    border-radius: 16px;
}

.ExpenseType_11 {
    color: white;
    background-color: green !important;
    border-radius: 16px;
}

.ExpenseType_12 {
    color: white;
    background-color: deeppink !important;
    border-radius: 16px;
}



/* -------------------------------------------------
    Accomodation Status colors

    0 - In progress
    1 - Confirmed
    2 - Cancelled
*/
.AccomodationStatusID0 {
    color: white;
    background-color: dodgerblue !important;
    border-radius: 15px;
}

.AccomodationStatusID1 {
    color: white;
    background-color: green !important;
    border-radius: 15px;
}

.AccomodationStatusID2 {
    color: white;
    background-color: red !important;
    border-radius: 15px;
}