/* Minification failed. Returning unminified contents.
(1850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1872,32): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-yellow'
(1876,32): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-green'
(1880,32): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-blue'
(1884,32): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-pink'
(1888,32): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-black'
(1899,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(1911,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(1923,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(1934,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(1945,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(1956,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(1967,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(1978,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(1989,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2000,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2011,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2022,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2033,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2044,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2055,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2066,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2077,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2088,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2099,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2110,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2121,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2132,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2143,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2154,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2165,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2176,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2187,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2198,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2209,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2220,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2231,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2242,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2253,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2264,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2275,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2286,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2297,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2308,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2319,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2330,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2341,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2352,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2363,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2374,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2385,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2396,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2407,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2418,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2429,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2440,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2451,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2462,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2473,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2484,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2495,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2506,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2517,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
(2528,28): run-time error CSS1039: Token not allowed after unary operator: '-new-icon-white'
 */
/*
    NOTE The MSBuild scripts 'version stamp' the content by replacing the placeholder KITCHEN_IQ_CONTENT_VERSION with the
    full 4-part version stamp when we produce a new installer build so that the kitchen screens reload the content on detecting
    that the server version has changed    
*/

.character-icon {
    background-image: url("../images/character-icons.png?v=4.36.0.3");
    background-repeat: no-repeat;
    display: block;
}

.sprite-no-char {
    width: 24px;
    height: 24px;
    background-position: -10px -10px;
}

.sprite-0 {
    width: 24px;
    height: 24px;
    background-position: -54px -10px;
}

.sprite-1 {
    width: 24px;
    height: 24px;
    background-position: -98px -10px;
}

.sprite-2 {
    width: 24px;
    height: 24px;
    background-position: -142px -10px;
}

.sprite-3 {
    width: 24px;
    height: 24px;
    background-position: -186px -10px;
}

.sprite-4 {
    width: 24px;
    height: 24px;
    background-position: -230px -10px;
}

.sprite-5 {
    width: 24px;
    height: 24px;
    background-position: -274px -10px;
}

.sprite-6 {
    width: 24px;
    height: 24px;
    background-position: -318px -10px;
}

.sprite-7 {
    width: 24px;
    height: 24px;
    background-position: -362px -10px;
}

.sprite-8 {
    width: 24px;
    height: 24px;
    background-position: -406px -10px;
}

.sprite-9 {
    width: 24px;
    height: 24px;
    background-position: -450px -10px;
}

.sprite-a {
    width: 24px;
    height: 24px;
    background-position: -494px -10px;
}

.sprite-b {
    width: 24px;
    height: 24px;
    background-position: -538px -10px;
}

.sprite-c {
    width: 24px;
    height: 24px;
    background-position: -582px -10px;
}

.sprite-d {
    width: 24px;
    height: 24px;
    background-position: -626px -10px;
}

.sprite-e {
    width: 24px;
    height: 24px;
    background-position: -670px -10px;
}

.sprite-f {
    width: 24px;
    height: 24px;
    background-position: -714px -10px;
}

.sprite-g {
    width: 24px;
    height: 24px;
    background-position: -758px -10px;
}

.sprite-h {
    width: 24px;
    height: 24px;
    background-position: -802px -10px;
}

.sprite-i {
    width: 24px;
    height: 24px;
    background-position: -846px -10px;
}

.sprite-j {
    width: 24px;
    height: 24px;
    background-position: -890px -10px;
}

.sprite-k {
    width: 24px;
    height: 24px;
    background-position: -934px -10px;
}

.sprite-l {
    width: 24px;
    height: 24px;
    background-position: -978px -10px;
}

.sprite-m {
    width: 24px;
    height: 24px;
    background-position: -1022px -10px;
}

.sprite-n {
    width: 24px;
    height: 24px;
    background-position: -1066px -10px;
}

.sprite-o {
    width: 24px;
    height: 24px;
    background-position: -1110px -10px;
}

.sprite-p {
    width: 24px;
    height: 24px;
    background-position: -1154px -10px;
}

.sprite-q {
    width: 24px;
    height: 24px;
    background-position: -1198px -10px;
}

.sprite-r {
    width: 24px;
    height: 24px;
    background-position: -1242px -10px;
}

.sprite-s {
    width: 24px;
    height: 24px;
    background-position: -1286px -10px;
}

.sprite-t {
    width: 24px;
    height: 24px;
    background-position: -1330px -10px;
}

.sprite-u {
    width: 24px;
    height: 24px;
    background-position: -1374px -10px;
}

.sprite-v {
    width: 24px;
    height: 24px;
    background-position: -1418px -10px;
}

.sprite-w {
    width: 24px;
    height: 24px;
    background-position: -1462px -10px;
}

.sprite-x {
    width: 24px;
    height: 24px;
    background-position: -1506px -10px;
}

.sprite-y {
    width: 24px;
    height: 24px;
    background-position: -1550px -10px;
}

.sprite-z {
    width: 24px;
    height: 24px;
    background-position: -1594px -10px;
}

#estates.collection {
    background-image: url('../Images/World.png');
}

#sites.collection {
    background-image: url('../Images/House.png');
}

#kitchenconfigs.collection {
    background-image: url('../Images/Cog.png');
}

#reminderconfigs.collection {
    background-image: url('../Images/Clock.ico');
}

#backupsettings.collection {
    background-image: url('../Images/Backup.png');
}

#backups.collection {
    background-image: url('../Images/Backup.png');
}

#images.collection {
    background-image: url('../Images/Images.png');
}

#sites .sidebar-filter {
    height: 55px;
}

#sites .items {
    top: 80px;
}

.explainerbox {
    box-shadow: 0 0 5px #aaa;
    border-width: 2px;
    margin-left: 19px;
    margin-bottom: 10px;
    width: fit-content; /* NOTE this works perfectly on Chrome but not in Awesomium so width is set explicitly in the explainer html */
    min-height: 48px;
}

.explainertext {
    position: relative;
    padding: 13px 4px 13px 60px;
    font-style: italic;
    overflow-wrap: break-word;
}

.explainericon {
    background-color: rgb(51, 153, 255);
    border-radius: 2px;
    float: left;
}

.toolbarbutton.image.usagelog {
    background-image: url('../Images/ReportViewer.png');
}

.toolbarbutton.image.restorebackup {
    background-image: url('../Images/Backup.png');
}

.editarea {
    background-image: url('../kitcheniq.png');
}

.iconpicker.course {
    width: 248px;
    height: 155px;
}

.iconpicker.orderdest {
    width: 372px;
}

.iconpicker.orderstage {
    width:  372px;
}

.iconpicker.notification {
    width:  372px;
}

.iconpicker.waitingtostart {
    width: 372px;
}

.icontypebuttons {
    display: inline-block;
    font-size: 0.7rem;
}

.iconpicker.course .icontypebuttons {
    display: none;
}

.icontypebtn {
    width: 123px;
    text-align: center;
    color: white;
    border: 1px solid white;
    border-left: 0;
    border-top: 0;
    display: inline-block;
}

.test-svg {
    fill: none;
    stroke: red;
}

.iconpickerdropdown .iconpreview {
    height: 25px;
}

.iconpicker.orderdest .icontypebuttons .icontypebtn {
    width: 92px;
    text-align: center;
    color: white;
    border: 1px solid white;
    border-left: 0;
    border-top: 0;
    display: inline-block;
}

.iconpicker.orderstage .icontypebuttons .icontypebtn.misc-icons-btn,
.iconpicker.notification .icontypebuttons .icontypebtn.misc-icons-btn,
.iconpicker.waitingtostart .icontypebuttons .icontypebtn.misc-icons-btn {
    display: none !important;
}

.icontypebtn > p {
    margin: 0;
    border: 3px solid transparent;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
}

.icontypebtn > p:hover {
    border-color: red;
}

.icontypebtn.selected > p {
    border-color: mediumaquamarine !important;
}

.waitingtostart {
    margin-bottom: 13px;
}

.waitingtostart .colorPicker-picker {
    margin-bottom: 16px;
}

.tblorderstage.editbox {
     height: 213px;
}

.tblorderstage tr {
    height: 36px;
}

.tblorderstage td:nth-child(1) { /*DisplayName*/
    width: 200px;
}

.tblorderstage td:nth-child(2) { /*Name*/
    width: 200px;
}

.tblorderstage td:nth-child(3) { /*IndicatorColour*/
    width: 50px;
}

.tblorderstage td:nth-child(4) { /*IconClass*/
    width: 70px;
}

.tblorderstage td:nth-child(5) { /*NewTimeDurationSecs*/
    width: 100px;
}

.tblorderstage td:nth-child(6) { /*Padding*/
    width: 134px;
}


.tblstations td:nth-child(1) { /* Name */
    width: 185px;
}

.tblstations td:nth-child(2) { /* OrderStageId */
    width: 121px;
}

.tblstations td:nth-child(3) { /* Remove Button */
    width: 31px;
}

.tblstations td:nth-child(4) { /* Padding */
    width: 22px;
}


.tblstationdishallocations td:nth-child(1) { /* Name */
    width: 258px;
}

.tblstationdishallocations td:nth-child(2) { /* Product IDs */
    width: 235px;
}

.tblstationdishallocations td:nth-child(3) { /* Remove Button */
    width: 25px;
}


.tblcourses td:nth-child(1) { /* Name */
    width: 160px;
}

.tblcourses td:nth-child(2) { /* IndicatorColour */
    width: 43px;
}

.tblcourses td:nth-child(3) { /* Icon */
    width: 67px;
}

.tblcourses td:nth-child(4) { /* TargetTimeSecs */
    width: 65px;
}

.tblcourses td:nth-child(5) { /* WarnOffsetSecs */
    width: 65px;
}

.tblcourses td:nth-child(6) { /* AlertOffsetSecs */
    width: 65px;
}

.tblcourses td:nth-child(7) { /* CourseSequenceNum */
    width: 92px;
}

.tblcourses td:nth-child(8) { /* TimeBeforeNextCourseSecs */
    width: 110px;
}

.tblcourses td:nth-child(9) { /* ShowNextCoursePendingActiveTimer */
    width: 122px;
}

.tblcourses td:nth-child(10) { /* ExternalRefs */
    width: 149px;
}

.tblcourses td:nth-child(11) { /* ChildLineOverrideTexts */
    width: 148px;
}

.tblcourses td:nth-child(12) { /* Remove Button */
    width: 31px;
}

.tblcourses td:nth-child(13) { /* Padding */
    width: 22px;
}



.tblportions td:nth-child(1) { /* Name */
    width: 200px;
}

.tblportions td:nth-child(2) { /* ExternalRefs */
    width: 184px;
}

.tblportions td:nth-child(3) { /* DisplayOnScreen */
    width: 317px;
}

.tblportions td:nth-child(4) { /* Remove Button */
    width: 31px;
}

.tblportions td:nth-child(5) { /* Padding */
    width: 22px;
}



.tblingredients td:nth-child(1) { /* Name */
    width: 200px;
}

.tblingredients td:nth-child(2) { /* ProductId */
    width: 184px;
}

.tblingredients td:nth-child(3) { /* Portions */
    width: 317px;
}

.tblingredients td:nth-child(4) { /* Remove Button */
    width: 31px;
}



.tblportionsmapping td:nth-child(1) { /* Remove Button */
    width: 29px;
}

.tblportionsmapping td:nth-child(2) { /* FieldName */
    width: 154px;
}

.tblportionsmapping td:nth-child(3) { /* FieldValues */
    width: 130px;
}

.portionCount .validationerrors {
    left: 5px;
}


.tblingredients .group {
    margin-left: 0px;
}

.addProductIdInput {
    border: 1px solid rgb(227, 233, 239);
    border-top-color: rgb(171, 173, 179);
    width: 181px;
    height: 20px;
    margin-top: 2px;
    box-sizing: border-box;
    resize: none;
    overflow: hidden;
    font-family: sans-serif;
}

.productIdList li {
    height: 17px;
    line-height: 17px;
}

.productIdList {
    display: none;
}

.productIdList.expanded {
    display: block;
}

.addProductIdPlus {
    position: absolute;
    left: 165px;
    top: 5px !important;
}


.tblorderdest td:nth-child(1) { /* Name */
    width: 125px;
}

.tblorderdest td:nth-child(2) { /* IgnoreCoursing */
    width: 150px;
}

.tblorderdest td:nth-child(3) { /* PrioritiseOrders */
    width: 65px;
}

.tblorderdest td:nth-child(4) { /* Indicator */
    width: 76px;
}

.tblorderdest td:nth-child(5) { /* IconClass */
    width: 55px;
}

.tblorderdest td:nth-child(6) { /* ShowBanner */
    width: 90px;
}

.tblorderdest td:nth-child(7) { /* External Refs */
    width: 140px;
}

.tblorderdest td:nth-child(8) { /* Remove Button */
    width: 31px;
}

.tblorderdest td:nth-child(9) { /* Padding */
    width: 22px;
}



.tblprepstreams td:nth-child(1) { /* Name */
    width: 153px;
}

.tblprepstreams td:nth-child(2) { /* ExternalRefs */
    width: 153px;
}

.tblprepstreams td:nth-child(3) { /* Remove Button */
    width: 31px;
}

.tblprepstreams td:nth-child(4) { /* Padding */
    width: 22px;
}




.tblmessageactions td:nth-child(1) { /* MessageActionType */
    width: 300px;
}

.tblmessageactions td:nth-child(2) { /* CourseId */
    width: 200px;
}

.tblmessageactions td:nth-child(3) { /* Messages */
    width: 201px;
}

.tblmessageactions td:nth-child(4) { /* Remove Button */
    width: 31px;
}

.tblmessageactions td:nth-child(5) { /* Padding */
    width: 22px;
}




.tblnotifications td:nth-child(1) { /* Order */
    width: 42px;
}

.tblnotifications td:nth-child(2) { /* NotificationType/Name */
    width: 200px;
}

.tblnotifications td:nth-child(3) { /* ActionType */
    width: 200px;
}

.tblnotifications td:nth-child(4) { /* CourseIds */
    width: 150px;
}

.tblnotifications td:nth-child(5) { /* TimeBeforeNotificationSecs */
    width: 109px;
}

.tblnotifications td:nth-child(6) { /* Remove Button */
    width: 31px;
}

.tblnotifications td:nth-child(7) { /* Padding */
    width: 22px;
}




.tblnotificationdisplay td:nth-child(1) { /* Name */
    width: 150px;
}

.tblnotificationdisplay td:nth-child(2) { /* IndicatorColour */
    width: 50px;
}

.tblnotificationdisplay td:nth-child(3) { /* IconClass */
    width: 75px;
}

.tblnotificationdisplay td:nth-child(4) { /* TargetTimeSecs */
    width: 65px;
}

.tblnotificationdisplay td:nth-child(5) { /* WarnTimeSecs */
    width: 65px;
}

.tblnotificationdisplay td:nth-child(6) { /* AlertTimeSecs */
    width: 65px;
}

.tblnotificationdisplay td:nth-child(7) { /* NewTimeDurationSecs */
    width: 100px;
}

.tblnotificationdisplay td:nth-child(8) { /* StationIds */
    width: 162px;
}

.tblnotificationdisplay td:nth-child(9) { /* Padding */
    width: 22px;
}




.tblwaittimeinfo td:nth-child(1) { /* Name */
    width: 201px;
}

.tblwaittimeinfo td:nth-child(2) { /* Course */
    width: 150px;
}

.tblwaittimeinfo td:nth-child(3) { /* Terminal Groups */
    width: 150px;
}

.tblwaittimeinfo td:nth-child(4) { /* Min wait time */
    width: 100px;
}

.tblwaittimeinfo td:nth-child(5) { /* Max wait time */
    width: 100px;
}

.tblwaittimeinfo td:nth-child(6) { /* Remove button */
    width: 31px;
}

.tblwaittimeinfo td:nth-child(7) { /* Padding */
    width: 22px;
}


.tblroutingrules td:nth-child(1) { /* Position */
    width: 72px;
}

.tblroutingrules td:nth-child(2) { /* FromStationId */
    width: 286px;
}

.tblroutingrules td:nth-child(3) { /* FilterClauses */
    width: 613px;
}

.tblroutingrules td:nth-child(4) { /* ToStationIds */
    width: 286px;
}

.tblroutingrules td:nth-child(5) { /* RecombineStationId */
    width: 296px;
}

.tblroutingrules td:nth-child(6) { /* Remove Button */
    width: 44px;
}

.tblroutingrules td:nth-child(7) { /* Padding */
    width: 20px;
}

.tblroutingrules { /* box */
    width: 1618px !important;
}

.section.tblroutingrulesboxwidth {
    width: 1634px;
}

.editbox.tblroutingrulesboxheight {
    height: 650px;
}



.tblloadbalancingrules td:nth-child(1) { /* Rule name */
    width: 313px;
}

.tblloadbalancingrules td:nth-child(2) { /* Primary station */
    width: 313px;
}

.tblloadbalancingrules td:nth-child(3) { /* Secondary stations */
    width: 313px;
}

.tblloadbalancingrules td:nth-child(4) { /* Remove Button */
    width: 44px;
}

.tblloadbalancingrules td:nth-child(5) { /* Padding */
    width: 20px;
}

.section.tblloadbalancingruleswidth {
    width: 1020px;
}

.editbox.tblloadbalancingrules {
    height: 300px;
    width: 1004px;
}

.editbox.tblloadbalancingrules tbody {
    display: block;
    overflow-y: scroll;
    width: 1004px;
    height: 274px;
}



.tblfilters td:nth-child(1) { /* Remove Button */
    width: 25px;
}

.tblfilters td:nth-child(2) { /* FieldName */
    width: 200px;
}

.tblfilters td:nth-child(3) { /* FieldValues */
    width: 200px;
}



.tblprinterrefs td:nth-child(1) { /* Name */
    width: 306px;
}

.tblprinterrefs td:nth-child(2) { /* Remove Button */
    width: 31px;
}

.tblprinterrefs td:nth-child(3) { /* Padding */
    width: 22px;
}



.tblprintingrules td:nth-child(1) { /* StationId */
    width: 135px;
}

.tblprintingrules td:nth-child(2) { /* OrderDestinations */
    width: 120px;
}

.tblprintingrules td:nth-child(3) { /* Courses */
    width: 120px;
}

.tblprintingrules td:nth-child(4) { /* PrintBasis */
    width: 141px;
}

.tblprintingrules td:nth-child(5) { /* PrinterRefId */
    width: 135px;
}

.tblprintingrules td:nth-child(6) { /* CopyCount */
    width: 50px;
}

.tblprintingrules td:nth-child(7) { /* Remove Button */
    width: 31px;
}

.tblprintingrules td:nth-child(8) { /* Padding */
    width: 22px;
}


.tblprintingrules.dragontail td:nth-child(1) { /* OrderDestinations */
    width: 120px;
}

.tblprintingrules.dragontail td:nth-child(2) { /* PrinterRefId */
    width: 135px;
}

.tblprintingrules.dragontail td:nth-child(3) { /* CopyCount */
    width: 51px;
}

.tblprintingrules.dragontail td:nth-child(4) { /* Remove Button */
    width: 31px;
}

.tblprintingrules.dragontail td:nth-child(5) { /* Padding */
    width: 22px;
}



.tblterminalgroups td:nth-child(1) { /* Name */
    width: 306px;
}

.tblterminalgroups td:nth-child(2) { /* Remove Button */
    width: 31px;
}

.tblterminalgroups td:nth-child(3) { /* Padding */
    width: 22px;
}



.tblhighlightrules td:nth-child(1) { /* Order */
    width: 42px;
}

.tblhighlightrules td:nth-child(2) { /* TextToMatch */
    width: 194px;
}

.tblhighlightrules td:nth-child(3) { /* MatchType */
    width: 80px;
}

.tblhighlightrules td:nth-child(4) { /* TextColour */
    width: 90px;
}

.tblhighlightrules td:nth-child(5) { /* BackgroundColour */
    width: 110px;
}

.tblhighlightrules td:nth-child(6) { /* Prioritise */
    width: 70px;
}

.tblhighlightrules td:nth-child(7) { /* IncludeParent */
    width: 90px;
}

.tblhighlightrules td:nth-child(8) { /* Preview */
    width: 120px;
}

.tblhighlightrules td:nth-child(8) span {
    display: inline-block;
    max-width: 110px;
    height: 18px;
    line-height: 18px;
}

.tblhighlightrules td:nth-child(9) { /* Remove Button */
    width: 31px;
}

.tblhighlightrules td:nth-child(10) { /* Padding */
    width: 22px;
}

.preview-box {
    max-width: 120px;
    line-height: 30px;
    padding-left: 5px;
    font-family: sans-serif;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.preview-span {
    display: inline-block;
}

.preview-priority-icon {
    display: inline-block;
    width: 24px;
}

.preview-priority-icon .sprite-high-priority {
    position: absolute;
    top: 3px;
}

.highlight-colour-picker {
    display: inline-block;
    margin-left: 10px;
}


.tblcooktimemodifierrules td:nth-child(1) { /* Order */
    width: 42px;
}

.tblcooktimemodifierrules td:nth-child(2) { /* TextToMatch */
    width: 304px;
}

.tblcooktimemodifierrules td:nth-child(3) { /* ModifierType */
    width: 180px;
}

.tblcooktimemodifierrules td:nth-child(4) { /* ModifierAmount */
    width: 180px;
}

.tblcooktimemodifierrules td:nth-child(5) { /* Remove Button */
    width: 31px;
}

.tblcooktimemodifierrules td:nth-child(6) { /* Padding */
    width: 22px;
}


.tblservingareas td:nth-child(1) { /* Name */
    width: 306px;
}

.tblservingareas td:nth-child(2) { /* Remove Button */
    width: 31px;
}

.tblservingareas td:nth-child(3) { /* Padding */
    width: 22px;
}



.tblkdsnames td:nth-child(1) { /* Name */
    width: 306px;
}

.tblkdsnames td:nth-child(2) { /* Remove Button */
    width: 31px;
}

.tblkdsnames td:nth-child(3) { /* Padding */
    width: 22px;
}


.tbldatasource td:nth-child(1) { /* Id */
    width: 100px;
}

.tbldatasource td:nth-child(2) { /* Name */
    width: 206px;
}

.tbldatasource td:nth-child(3) { /* Remove Button */
    width: 31px;
}

.tbldatasource td:nth-child(4) { /* Padding */
    width: 22px;
}



.tblmappings td:nth-child(1) { /* Name */
    width: 153px;
}

.tblmappings td:nth-child(2) { /* Values */
    width: 153px;
}

.tblmappings td:nth-child(3) { /* Remove Button */
    width: 31px;
}

.tblmappings td:nth-child(4) { /* Padding */
    width: 22px;
}






.tblkitchenservers td:nth-child(1) { /* Id */
    width: 119px;
}

.tblkitchenservers td:nth-child(2) { /* Name */
    width: 200px;
}

.tblkitchenservers td:nth-child(3) { /* SoftwareVersion */
    width: 90px;
}

.tblkitchenservers td:nth-child(4) { /* LastConfigRequestedUtc */
    width: 115px;
}

.tblkitchenservers td:nth-child(5) { /* LastConfigAppliedUtc */
    width: 135px;
}

.tblkitchenservers td:nth-child(6) { /* IsActive CheckBox */
    width: 42px;
}

.tblkitchenservers td:nth-child(7) { /*Remove Button*/
    width: 31px;
}

.tblkitchenservers td:nth-child(8) { /* Padding */
    width: 22px;
}



.tblkitchenscreens td:nth-child(1) { /* Name */
    width: 180px;
}

.tblkitchenscreens td:nth-child(2) { /* KitchenScreenType */
    width: 137px;
}

.tblkitchenscreens td:nth-child(3) { /* BumpBarType */
    width: 100px;
}

.tblkitchenscreens td:nth-child(3) span { /* MuteBumpBar */
    font-size: 12px;
}

.tblkitchenscreens td:nth-child(2) div:nth-of-type(2),
.tblkitchenscreens td:nth-child(3) div:nth-of-type(2) {
    position: relative;
}

.tblkitchenscreens td:nth-child(3) .tooltip {
    font-size: 12px;
    left: 34px;
}

.tblkitchenscreens td:nth-child(3) input[type=checkbox] {
    position: absolute;
    top: 1px;
    left: 50px;
}

.tblkitchenscreens td:nth-child(4) { /* BumpBarConfig */
    width: 150px;
}

.tblkitchenscreens td:nth-child(5) { /*TouchSupport*/
    width: 100px;
}

.tblkitchenscreens td:nth-child(6) { /* PrinterId */
    width: 100px;
}

.tblkitchenscreens td:nth-child(7) { /* BackgroundImageId */
    width: 129px;
}

.tblkitchenscreens td:nth-child(8) { /* AllowableChannelIds */
    width: 170px;
}

.tblkitchenscreens td:nth-child(9) { /* DefaultChannelIds */
    width: 170px;
}

.tblkitchenscreens td:nth-child(10) { /* LastConnectionTimeUtc */
    width: 129px;
}

.tblkitchenscreens td:nth-child(11) { /*Remove Button*/
    width: 31px;
}

.tblkitchenscreens td:nth-child(12) { /* Padding */
    width: 22px;
}



.tblkmscontrollers td:nth-child(1) { /* Name */
    width: 170px;
}

.tblkmscontrollers td:nth-child(2) { /* ScreenVolume */
    width: 150px;
}

.tblkmscontrollers td:nth-child(3) { /* Scale */
    width: 150px;
}

.tblkmscontrollers td:nth-child(4) { /* IpAddress */
    width: 150px;
}

.tblkmscontrollers td:nth-child(5) { /* DNS Server */
    width: 130px;
}

.tblkmscontrollers td:nth-child(6) { /* Gateway */
    width:130px;
}

.tblkmscontrollers td:nth-child(7) { /* UniqueId */
    width: 110px;
}

.tblkmscontrollers td:nth-child(8) { /* FirmwareVersion */
    width: 110px;
}



.tblprinters td:nth-child(1) { /* PrinterRefId */
    width: 180px;
}

.tblprinters td:nth-child(2) { /* PrinterType */
    width: 135px;
}

.tblprinters td:nth-child(3) { /* IpAddress */
    width: 100px;
}

.tblprinters td:nth-child(4) { /* LastJobTimeUtc */
    width: 143px;
}

.tblprinters td:nth-child(5) { /* LastJobStatus */
    width: 143px;
}

.tblprinters td:nth-child(6) { /*Remove Button*/
    width: 31px;
}

.tblprinters td:nth-child(7) { /* Padding */
    width: 22px;
}


.tblbumpbars td:nth-child(1) { /* Name */
    width:180px;
}
.tblbumpbars td:nth-child(2) { /* Function */
    width:678px;
}
.tblbumpbars td:nth-child(3) { /* Assigned Btn */
    width:180px;
}
.tblbumpbars td:nth-child(4) { /* Delete */
    width:80px;
}


.tblterminalmaps td:nth-child(1) { /* TerminalGroupId */
    width: 153px;
}

.tblterminalmaps td:nth-child(2) { /* ExternalRefs */
    width: 153px;
}

.tblterminalmaps td:nth-child(3) { /* Remove Button */
    width: 31px;
}

.tblterminalmaps td:nth-child(4) { /* Padding */
    width: 22px;
}

.tableParagraph {
    margin: 0;
    padding: 2px;
    font-size: 10pt;
}


.servingAreasConfig {
    height: 414px;
}

.removeTablesBucket {
    border: 1px solid rgb(130, 135, 144);
    position: absolute;
    width: 633px;
    height: 100px;
    left: 13px;
    margin-top: 30px;
}

.removeTablesBucket p {
    text-align: center;
    margin-top: 40px;
}

.servingAreasConfigTable {
    height: 414px;
    border: 1px solid rgb(130, 135, 144);
    position: absolute;
    overflow-y: scroll;
}

.servingAreasMapTable {
    left: 14px;
    width: 631px;
}

.siteTablesTable {
    right: 0;
    width: 476px;
}

.servingAreasConfigTable table {
    width: 100%;
}

.tblServingAreas td:nth-child(1) {
    width: 153px;
}

.tblServingAreasContent td:nth-child(3),
.servingAreasConfigTable td:nth-child(3) {
    width: 31px;
}

.servingAreaTables {
    height: 207px;
    overflow-y: scroll;
}

.grid {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.grid .item {
    float: left;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.tablebox {
    border: 1px black solid;
    border-radius: 30px;
    margin: 5px;
    padding: 7px;
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 30px;
    text-overflow: inherit;
}

.tablesNotFound {
    text-align: center;
    margin-top: 30px;
}

.assigned {
    background-color: #d9ecff;
}

.dragElement {
    padding: 5px;
    border-radius: 3px;
    cursor: move;
}

.dragDisabled {
    cursor: no-drop;
}

.addTableNumberInput {
    border: 1px grey solid;
    width: 240px;
    padding: 3px;
}

.addTableNumberPlus {
    position: absolute;
    left: 230px;
    top: 5px !important;
}

.nonSiteTable {
    color: red;
    border-color: red;
}

.selectedTable {
    color: white;
    background-color: rgb(51, 153, 255);
    border-color: white;
}

.floatRight {
    float: right;
}

.deselectAllButton {
    position: relative;
    margin-right: 10px;
}

.refreshTablesButton {
    position: relative;
    margin-right: 10px;
}

.lastTablesImportText {
    box-sizing: border-box;
    margin-top: 1px;
    padding: 1px;
    padding-right: 2px;
    height: 24px;
    display: inline-block;
    line-height: 22px;
    font-size: 8pt;
}

.lastTablesImportText p {
    display: inline-block;
    margin: 0;
}

.lastTablesImportTime {
    position: relative;
    right: 0;
    margin-top: 1px;
    width: 80px;
    font-size: 8pt;
    background: none;
    border: none;
    line-height: 22px;
    outline: 0;
    text-align: left;
}

.bumpbaroptions {
    position: relative;
    padding: 3px;
    line-height: 22px;
    font-size: 8.25pt;
}

.bumpbaroptions .label {
    width: 100%;
    display: block;
}

.bumpbaroptions input[type=checkbox] {
    float: right;
}

.volumeoptions {
    padding-top: 2px;
    padding-left: 3px;
}
    .volumeoptions .label {
        line-height: 22px;
        font-size: 8.25pt;
    }

    .volumeoptions .tablecell {
        width: 50%;
        float: right;
    }
.volumeoptions.label {
    line-height: 22px;
    font-size: 8.25pt;
    float: right;
}

.tabrow {
    width: 1600px;
}

.channelviews {
    width: 100%;
}

.viewlists {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    margin-right: 1px;
}

.viewitems {
    position: relative;
    left: 89px;
    right: 100px;
    top: 0;
    min-height: 180px;
    bottom: 10px;
    padding: 10px;
}

.viewitems.card {
    width: 645px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid rgb(137, 140, 149);
    background-color: white;
}


.viewlists li.viewaddbutton {
    width: 25px;
    margin-left: 45px;
    font-weight: normal;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: rgb(52, 186, 21);
    background-image: -webkit-linear-gradient(top, rgb(52, 186, 21) 0, rgb(45, 160, 18) 100%);
    background-image: linear-gradient(to bottom, rgb(52, 186, 21) 0, rgb(45, 160, 18) 100%);
    border: 1px solid rgb(39, 143, 15);
}

.viewlists li.viewaddbutton.disabled,
.viewlists li.viewaddbutton.disabled:hover {
    background-color: lightgray;
    border: 1px solid darkgray;
    cursor: default;
    background-image: -webkit-linear-gradient(top, lightgray 0,lightgray 100%);
    background-image: linear-gradient(to bottom, lightgray 0, lightgray 100%);
}

.verticaltabrow {
	text-align: left;
	line-height: 24px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	cursor: pointer;
}

.verticaltabrow li {
    width: 70px;
    height: 17px;
    line-height: 17px;
	padding: 0 9px;
    border: 1px solid rgb(137, 140, 149);
    background: #ECECEC;
    background: linear-gradient(to bottom, rgb(242,242,242) 0%,rgb(235,235,235) 50%,rgb(221,221,221) 51%,rgb(207,207,207) 100%);
    background: -webkit-linear-gradient(top, rgb(242,242,242) 0%,rgb(235,235,235) 50%,rgb(221,221,221) 51%,rgb(207,207,207) 100%);
    overflow-x: hidden;
    box-shadow: inset 1px -1px white, inset 0 1px white;

}

.verticaltabrow li:hover {
    background: -webkit-linear-gradient(top, rgba(234,246,253,1) 0%,rgba(217,240,252,1) 47%,rgba(190,230,253,1) 53%,rgba(167,217,245,1) 100%);
    background: linear-gradient(to bottom, rgba(234,246,253,1) 0%,rgba(217,240,252,1) 47%,rgba(190,230,253,1) 53%,rgba(167,217,245,1) 100%);
    border-top-color: rgb(60, 127, 177);
    border-left-color: rgb(60, 127, 177);
    border-bottom-color: rgb(60, 127, 177);
}

.verticaltabrow li.selected {
    border-color: rgb(137, 140, 149);
    border-right-color: white;
    background: #FFF;
    color: #000;
}

.verticaltabrow li.disabled {
    border-color: rgb(137, 140, 149);
    border-right-color: #bbb;
    background: #bbb;
    color: #000;
    box-shadow: none;
}

.verticaltabrow .viewtabname {
    position: absolute;
    right: 3px;
    height: 17px;
    width: 51px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.verticaltabrow li .validationerrors {
    left: -17px;
    cursor: default;
}

.viewitem .sectionheader .validationerrors {
    right: 0;
}

.tablecell.position {
    position: relative;
    width: 100%;
    height: 30px;
    border: 0;
}

.tablecell.position .index {
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    padding-left: 17px;
    padding-right: 5px;
    box-sizing: border-box;
}

.section .field .imagepicker {
    width: 159px;
}

input[type="file"] {
    position: absolute;
    visibility: hidden;
}

.custom-file-upload {
    position: absolute;
    right: 0;
    width: 24px;
    background: url("../images/ArrowUp.png") center center no-repeat;
    background-size: contain;
}

.custom-file-preview {
    max-width: 310px;
    max-height: 310px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.custom-file-preview-container {
    position: relative;
    top: 28px;
    left: 24px;
    width: 353px;
    display: inline-block;
    text-align: center;
}

.disabledviewinfo {
    color: red;
    width: 600px !important;
    padding-left: 24px !important;
}

.section .field.tablenumberprefix .input {
    width: 91px;
}

.section .field.tablenumberprefix .overridelabel {
    left: 272px;
}

.section .field.tablenumberprefix .checkbox {
    left: 342px;
    top: 2px;
}

.section .field.mappingjson .input {
    width: 578px;
    height: 500px;
    font-family: courier;
    font-size: 9pt;
}

.section .field.mappingjson .validationerrors {
    left: 773px;
}


.disabledgrey {
    background-color: #bbb!important;
}

/* Adapted from the following link: https://www.codexworld.com/simple-modal-popup-javascript-css/ */
.modal-wrapper {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 30%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.modal-head {
    padding: 2px 16px;
    background-color: #D5D5D5;
    color: black;
}

.modal-main {
    padding: 2px 16px;
    font-size: 12px;
}

.clone-modal-overflow {
    height: 300px;
    overflow-y: auto;
}

.modal-foot {
    padding: 16px 16px 16px 65%;
    background-color: #D5D5D5;
    color: black;
}

/* add animation effects*/
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.labelledcheckbox {
    font-size: 12px;
    margin: 5px;
}

.indented {
    margin-top: 3px;
    margin-left: 25px;
}

.checkboxtext {
    position: absolute;
    padding-top: 2px;
}

.w-65 {
    width: 65% !important;
}

.font-size-13px {
    font-size: 13px !important;
}

.labelledcheckbox .tooltip {
    position: relative;
}

:root {
    --new-icon-white: #FFFFFF;
    --new-icon-yellow: #FCE849;
    --new-icon-pink: #F900E7;
    --new-icon-green: #99CC00;
    --new-icon-blue: #00FFFF;
    --new-icon-black: #000000;
}

.orderstage.icon.new-icon {
    background-color: white !important;
}

.orderdest.icon.new-icon {
    background-color: white;
}

.new-icon {
    width: 24px;
    height: 24px;
}

    .new-icon[class$="-yellow"] {
        background-color: var(--new-icon-yellow) !important;
    }

    .new-icon[class$="-green"] {
        background-color: var(--new-icon-green) !important;
    }

    .new-icon[class$="-blue"] {
        background-color: var(--new-icon-blue) !important;
    }

    .new-icon[class$="-pink"] {
        background-color: var(--new-icon-pink) !important;
    }

    .new-icon[class$="-black"] {
        background-color: var(--new-icon-black) !important;
    }

.sprite-bell-notification,
.sprite-bell-notification-yellow,
.sprite-bell-notification-green,
.sprite-bell-notification-blue,
.sprite-bell-notification-pink,
.sprite-bell-notification-black {
    -webkit-mask: url("../images/new-icons/bell-notification.svg") no-repeat center !important;
    mask: url("../images/new-icons/bell-notification.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}


.sprite-warning-triangle,
.sprite-warning-triangle-yellow,
.sprite-warning-triangle-green,
.sprite-warning-triangle-blue,
.sprite-warning-triangle-pink,
.sprite-warning-triangle-black {
    -webkit-mask: url("../images/new-icons/warning-triangle.svg") no-repeat center !important;
    mask: url("../images/new-icons/warning-triangle.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}


.sprite-balloon,
.sprite-balloon-yellow,
.sprite-balloon-green,
.sprite-balloon-blue,
.sprite-balloon-pink,
.sprite-balloon-black {
    -webkit-mask: url("../images/new-icons/balloon.svg") no-repeat center !important;
    mask: url("../images/new-icons/balloon.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-business-handshake,
.sprite-business-handshake-yellow,
.sprite-business-handshake-green,
.sprite-business-handshake-blue,
.sprite-business-handshake-pink,
.sprite-business-handshake-black {
    -webkit-mask: url("../images/new-icons/business-handshake.svg") no-repeat center !important;
    mask: url("../images/new-icons/business-handshake.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-layers,
.sprite-layers-yellow,
.sprite-layers-green,
.sprite-layers-blue,
.sprite-layers-pink,
.sprite-layers-black {
    -webkit-mask: url("../images/new-icons/layers.svg") no-repeat center !important;
    mask: url("../images/new-icons/layers.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-calendar-schedule,
.sprite-calendar-schedule-yellow,
.sprite-calendar-schedule-green,
.sprite-calendar-schedule-blue,
.sprite-calendar-schedule-pink,
.sprite-calendar-schedule-black {
    -webkit-mask: url("../images/new-icons/calendar-schedule.svg") no-repeat center !important;
    mask: url("../images/new-icons/calendar-schedule.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-food-takeaway-packaging,
.sprite-food-takeaway-packaging-yellow,
.sprite-food-takeaway-packaging-green,
.sprite-food-takeaway-packaging-blue,
.sprite-food-takeaway-packaging-pink,
.sprite-food-takeaway-packaging-black {
    -webkit-mask: url("../images/new-icons/food-takeaway-packaging.svg") no-repeat center !important;
    mask: url("../images/new-icons/food-takeaway-packaging.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-fork-knife,
.sprite-fork-knife-yellow,
.sprite-fork-knife-green,
.sprite-fork-knife-blue,
.sprite-fork-knife-pink,
.sprite-fork-knife-black {
    -webkit-mask: url("../images/new-icons/fork-knife.svg") no-repeat center !important;
    mask: url("../images/new-icons/fork-knife.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-flash,
.sprite-flash-yellow,
.sprite-flash-green,
.sprite-flash-blue,
.sprite-flash-pink,
.sprite-flash-black {
    -webkit-mask: url("../images/new-icons/flash.svg") no-repeat center !important;
    mask: url("../images/new-icons/flash.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-roller,
.sprite-roller-yellow,
.sprite-roller-green,
.sprite-roller-blue,
.sprite-roller-pink,
.sprite-roller-black {
    -webkit-mask: url("../images/new-icons/roller.svg") no-repeat center !important;
    mask: url("../images/new-icons/roller.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-new-plate,
.sprite-new-plate-yellow,
.sprite-new-plate-green,
.sprite-new-plate-blue,
.sprite-new-plate-pink,
.sprite-new-plate-black {
    -webkit-mask: url("../images/new-icons/plate.svg") no-repeat center !important;
    mask: url("../images/new-icons/plate.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-chef-toque-hat,
.sprite-chef-toque-hat-yellow,
.sprite-chef-toque-hat-green,
.sprite-chef-toque-hat-blue,
.sprite-chef-toque-hat-pink,
.sprite-chef-toque-hat-black {
    -webkit-mask: url("../images/new-icons/chef-toque-hat.svg") no-repeat center !important;
    mask: url("../images/new-icons/chef-toque-hat.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-microwave,
.sprite-microwave-yellow,
.sprite-microwave-green,
.sprite-microwave-blue,
.sprite-microwave-pink,
.sprite-microwave-black {
    -webkit-mask: url("../images/new-icons/microwave.svg") no-repeat center !important;
    mask: url("../images/new-icons/microwave.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-oven,
.sprite-oven-yellow,
.sprite-oven-green,
.sprite-oven-blue,
.sprite-oven-pink,
.sprite-oven-black {
    -webkit-mask: url("../images/new-icons/oven.svg") no-repeat center !important;
    mask: url("../images/new-icons/oven.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-refrigerator,
.sprite-refrigerator-yellow,
.sprite-refrigerator-green,
.sprite-refrigerator-blue,
.sprite-refrigerator-pink,
.sprite-refrigerator-black {
    -webkit-mask: url("../images/new-icons/refrigerator.svg") no-repeat center !important;
    mask: url("../images/new-icons/refrigerator.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-task-list,
.sprite-task-list-yellow,
.sprite-task-list-green,
.sprite-task-list-blue,
.sprite-task-list-pink,
.sprite-task-list-black {
    -webkit-mask: url("../images/new-icons/task-list.svg") no-repeat center !important;
    mask: url("../images/new-icons/task-list.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-file-check,
.sprite-file-check-yellow,
.sprite-file-check-green,
.sprite-file-check-blue,
.sprite-file-check-pink,
.sprite-file-check-black {
    -webkit-mask: url("../images/new-icons/file-check.svg") no-repeat center !important;
    mask: url("../images/new-icons/file-check.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-arrow-down-double,
.sprite-arrow-down-double-yellow,
.sprite-arrow-down-double-green,
.sprite-arrow-down-double-blue,
.sprite-arrow-down-double-pink,
.sprite-arrow-down-double-black {
    -webkit-mask: url("../images/new-icons/arrow-down-double.svg") no-repeat center !important;
    mask: url("../images/new-icons/arrow-down-double.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-arrow-down,
.sprite-arrow-down-yellow,
.sprite-arrow-down-green,
.sprite-arrow-down-blue,
.sprite-arrow-down-pink,
.sprite-arrow-down-black {
    -webkit-mask: url("../images/new-icons/arrow-down.svg") no-repeat center !important;
    mask: url("../images/new-icons/arrow-down.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-burger,
.sprite-burger-yellow,
.sprite-burger-green,
.sprite-burger-blue,
.sprite-burger-pink,
.sprite-burger-black {
    -webkit-mask: url("../images/new-icons/burger.svg") no-repeat center !important;
    mask: url("../images/new-icons/burger.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-beer-mug,
.sprite-beer-mug-yellow,
.sprite-beer-mug-green,
.sprite-beer-mug-blue,
.sprite-beer-mug-pink,
.sprite-beer-mug-black {
    -webkit-mask: url("../images/new-icons/beer-mug.svg") no-repeat center !important;
    mask: url("../images/new-icons/beer-mug.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-pizza,
.sprite-pizza-yellow,
.sprite-pizza-green,
.sprite-pizza-blue,
.sprite-pizza-pink,
.sprite-pizza-black {
    -webkit-mask: url("../images/new-icons/pizza.svg") no-repeat center !important;
    mask: url("../images/new-icons/pizza.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-teapot,
.sprite-teapot-yellow,
.sprite-teapot-green,
.sprite-teapot-blue,
.sprite-teapot-pink,
.sprite-teapot-black {
    -webkit-mask: url("../images/new-icons/teapot.svg") no-repeat center !important;
    mask: url("../images/new-icons/teapot.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-wine-bottle-and-glass,
.sprite-wine-bottle-and-glass-yellow,
.sprite-wine-bottle-and-glass-green,
.sprite-wine-bottle-and-glass-blue,
.sprite-wine-bottle-and-glass-pink,
.sprite-wine-bottle-and-glass-black {
    -webkit-mask: url("../images/new-icons/wine-bottle-and-glass.svg") no-repeat center !important;
    mask: url("../images/new-icons/wine-bottle-and-glass.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-coffee-mug,
.sprite-coffee-mug-yellow,
.sprite-coffee-mug-green,
.sprite-coffee-mug-blue,
.sprite-coffee-mug-pink,
.sprite-coffee-mug-black {
    -webkit-mask: url("../images/new-icons/coffee-mug.svg") no-repeat center !important;
    mask: url("../images/new-icons/coffee-mug.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-coffee-takeaway-cup,
.sprite-coffee-takeaway-cup-yellow,
.sprite-coffee-takeaway-cup-green,
.sprite-coffee-takeaway-cup-blue,
.sprite-coffee-takeaway-cup-pink,
.sprite-coffee-takeaway-cup-black {
    -webkit-mask: url("../images/new-icons/coffee-takeaway-cup.svg") no-repeat center !important;
    mask: url("../images/new-icons/coffee-takeaway-cup.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-milkshake,
.sprite-milkshake-yellow,
.sprite-milkshake-green,
.sprite-milkshake-blue,
.sprite-milkshake-pink,
.sprite-milkshake-black {
    -webkit-mask: url("../images/new-icons/milkshake.svg") no-repeat center !important;
    mask: url("../images/new-icons/milkshake.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-cocktail-glass,
.sprite-cocktail-glass-yellow,
.sprite-cocktail-glass-green,
.sprite-cocktail-glass-blue,
.sprite-cocktail-glass-pink,
.sprite-cocktail-glass-black {
    -webkit-mask: url("../images/new-icons/cocktail-glass.svg") no-repeat center !important;
    mask: url("../images/new-icons/cocktail-glass.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-water-pitcher,
.sprite-water-pitcher-yellow,
.sprite-water-pitcher-green,
.sprite-water-pitcher-blue,
.sprite-water-pitcher-pink,
.sprite-water-pitcher-black {
    -webkit-mask: url("../images/new-icons/water-pitcher.svg") no-repeat center !important;
    mask: url("../images/new-icons/water-pitcher.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-lunch-set-fastfood,
.sprite-lunch-set-fastfood-yellow,
.sprite-lunch-set-fastfood-green,
.sprite-lunch-set-fastfood-blue,
.sprite-lunch-set-fastfood-pink,
.sprite-lunch-set-fastfood-black {
    -webkit-mask: url("../images/new-icons/lunch-set-fastfood.svg") no-repeat center !important;
    mask: url("../images/new-icons/lunch-set-fastfood.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-fork-plate,
.sprite-fork-plate-yellow,
.sprite-fork-plate-green,
.sprite-fork-plate-blue,
.sprite-fork-plate-pink,
.sprite-fork-plate-black {
    -webkit-mask: url("../images/new-icons/fork-plate.svg") no-repeat center !important;
    mask: url("../images/new-icons/fork-plate.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-induction-pot,
.sprite-induction-pot-yellow,
.sprite-induction-pot-green,
.sprite-induction-pot-blue,
.sprite-induction-pot-pink,
.sprite-induction-pot-black {
    -webkit-mask: url("../images/new-icons/induction-pot.svg") no-repeat center !important;
    mask: url("../images/new-icons/induction-pot.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-serving-dome,
.sprite-serving-dome-yellow,
.sprite-serving-dome-green,
.sprite-serving-dome-blue,
.sprite-serving-dome-pink,
.sprite-serving-dome-black {
    -webkit-mask: url("../images/new-icons/serving-dome.svg") no-repeat center !important;
    mask: url("../images/new-icons/serving-dome.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-hotel-bed,
.sprite-hotel-bed-yellow,
.sprite-hotel-bed-green,
.sprite-hotel-bed-blue,
.sprite-hotel-bed-pink,
.sprite-hotel-bed-black {
    -webkit-mask: url("../images/new-icons/hotel-bed.svg") no-repeat center !important;
    mask: url("../images/new-icons/hotel-bed.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-serving-dome-hand,
.sprite-serving-dome-hand-yellow,
.sprite-serving-dome-hand-green,
.sprite-serving-dome-hand-blue,
.sprite-serving-dome-hand-pink,
.sprite-serving-dome-hand-black {
    -webkit-mask: url("../images/new-icons/serving-dome-hand.svg") no-repeat center !important;
    mask: url("../images/new-icons/serving-dome-hand.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-receipt-check,
.sprite-receipt-check-yellow,
.sprite-receipt-check-green,
.sprite-receipt-check-blue,
.sprite-receipt-check-pink,
.sprite-receipt-check-black {
    -webkit-mask: url("../images/new-icons/receipt-check.svg") no-repeat center !important;
    mask: url("../images/new-icons/receipt-check.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-circus-tent,
.sprite-circus-tent-yellow,
.sprite-circus-tent-green,
.sprite-circus-tent-blue,
.sprite-circus-tent-pink,
.sprite-circus-tent-black {
    -webkit-mask: url("../images/new-icons/circus-tent.svg") no-repeat center !important;
    mask: url("../images/new-icons/circus-tent.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-transfer-motorcycle,
.sprite-transfer-motorcycle-yellow,
.sprite-transfer-motorcycle-green,
.sprite-transfer-motorcycle-blue,
.sprite-transfer-motorcycle-pink,
.sprite-transfer-motorcycle-black {
    -webkit-mask: url("../images/new-icons/transfer-motorcycle.svg") no-repeat center !important;
    mask: url("../images/new-icons/transfer-motorcycle.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-new-car,
.sprite-new-car-yellow,
.sprite-new-car-green,
.sprite-new-car-blue,
.sprite-new-car-pink,
.sprite-new-car-black {
    -webkit-mask: url("../images/new-icons/car.svg") no-repeat center !important;
    mask: url("../images/new-icons/car.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-pin,
.sprite-pin-yellow,
.sprite-pin-green,
.sprite-pin-blue,
.sprite-pin-pink,
.sprite-pin-black {
    -webkit-mask: url("../images/new-icons/pin.svg") no-repeat center !important;
    mask: url("../images/new-icons/pin.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-green-house,
.sprite-green-house-yellow,
.sprite-green-house-green,
.sprite-green-house-blue,
.sprite-green-house-pink,
.sprite-green-house-black {
    -webkit-mask: url("../images/new-icons/green-house.svg") no-repeat center !important;
    mask: url("../images/new-icons/green-house.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-beach,
.sprite-beach-yellow,
.sprite-beach-green,
.sprite-beach-blue,
.sprite-beach-pink,
.sprite-beach-black {
    -webkit-mask: url("../images/new-icons/beach.svg") no-repeat center !important;
    mask: url("../images/new-icons/beach.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-potted-tree,
.sprite-potted-tree-yellow,
.sprite-potted-tree-green,
.sprite-potted-tree-blue,
.sprite-potted-tree-pink,
.sprite-potted-tree-black {
    -webkit-mask: url("../images/new-icons/potted-tree.svg") no-repeat center !important;
    mask: url("../images/new-icons/potted-tree.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-meeting-room,
.sprite-meeting-room-yellow,
.sprite-meeting-room-green,
.sprite-meeting-room-blue,
.sprite-meeting-room-pink,
.sprite-meeting-room-black {
    -webkit-mask: url("../images/new-icons/meeting-room.svg") no-repeat center !important;
    mask: url("../images/new-icons/meeting-room.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-spa,
.sprite-spa-yellow,
.sprite-spa-green,
.sprite-spa-blue,
.sprite-spa-pink,
.sprite-spa-black {
    -webkit-mask: url("../images/new-icons/spa.svg") no-repeat center !important;
    mask: url("../images/new-icons/spa.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-dumbell,
.sprite-dumbell-yellow,
.sprite-dumbell-green,
.sprite-dumbell-blue,
.sprite-dumbell-pink,
.sprite-dumbell-black {
    -webkit-mask: url("../images/new-icons/dumbell.svg") no-repeat center !important;
    mask: url("../images/new-icons/dumbell.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-airport-plane,
.sprite-airport-plane-yellow,
.sprite-airport-plane-green,
.sprite-airport-plane-blue,
.sprite-airport-plane-pink,
.sprite-airport-plane-black {
    -webkit-mask: url("../images/new-icons/airport-plane.svg") no-repeat center !important;
    mask: url("../images/new-icons/airport-plane.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-school-bus-side,
.sprite-school-bus-side-yellow,
.sprite-school-bus-side-green,
.sprite-school-bus-side-blue,
.sprite-school-bus-side-pink,
.sprite-school-bus-side-black {
    -webkit-mask: url("../images/new-icons/school-bus-side.svg") no-repeat center !important;
    mask: url("../images/new-icons/school-bus-side.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-menu,
.sprite-menu-yellow,
.sprite-menu-green,
.sprite-menu-blue,
.sprite-menu-pink,
.sprite-menu-black {
    -webkit-mask: url("../images/new-icons/menu.svg") no-repeat center !important;
    mask: url("../images/new-icons/menu.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-fork-spoon,
.sprite-fork-spoon-yellow,
.sprite-fork-spoon-green,
.sprite-fork-spoon-blue,
.sprite-fork-spoon-pink,
.sprite-fork-spoon-black {
    -webkit-mask: url("../images/new-icons/fork-spoon.svg") no-repeat center !important;
    mask: url("../images/new-icons/fork-spoon.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-location-pin-food-restaurant,
.sprite-location-pin-food-restaurant-yellow,
.sprite-location-pin-food-restaurant-green,
.sprite-location-pin-food-restaurant-blue,
.sprite-location-pin-food-restaurant-pink,
.sprite-location-pin-food-restaurant-black {
    -webkit-mask: url("../images/new-icons/location-pin-food-restaurant.svg") no-repeat center !important;
    mask: url("../images/new-icons/location-pin-food-restaurant.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-theater-curtains,
.sprite-theater-curtains-yellow,
.sprite-theater-curtains-green,
.sprite-theater-curtains-blue,
.sprite-theater-curtains-pink,
.sprite-theater-curtains-black {
    -webkit-mask: url("../images/new-icons/theater-curtains.svg") no-repeat center !important;
    mask: url("../images/new-icons/theater-curtains.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-park,
.sprite-park-yellow,
.sprite-park-green,
.sprite-park-blue,
.sprite-park-pink,
.sprite-park-black {
    -webkit-mask: url("../images/new-icons/park.svg") no-repeat center !important;
    mask: url("../images/new-icons/park.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-taxi-station,
.sprite-taxi-station-yellow,
.sprite-taxi-station-green,
.sprite-taxi-station-blue,
.sprite-taxi-station-pink,
.sprite-taxi-station-black {
    -webkit-mask: url("../images/new-icons/taxi-station.svg") no-repeat center !important;
    mask: url("../images/new-icons/taxi-station.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-chair,
.sprite-chair-yellow,
.sprite-chair-green,
.sprite-chair-blue,
.sprite-chair-pink,
.sprite-chair-black {
    -webkit-mask: url("../images/new-icons/chair.svg") no-repeat center !important;
    mask: url("../images/new-icons/chair.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-sofa,
.sprite-sofa-yellow,
.sprite-sofa-green,
.sprite-sofa-blue,
.sprite-sofa-pink,
.sprite-sofa-black {
    -webkit-mask: url("../images/new-icons/sofa.svg") no-repeat center !important;
    mask: url("../images/new-icons/sofa.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-store,
.sprite-store-yellow,
.sprite-store-green,
.sprite-store-blue,
.sprite-store-pink,
.sprite-store-black {
    -webkit-mask: url("../images/new-icons/store.svg") no-repeat center !important;
    mask: url("../images/new-icons/store.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

.sprite-shopping-basket,
.sprite-shopping-basket-yellow,
.sprite-shopping-basket-green,
.sprite-shopping-basket-blue,
.sprite-shopping-basket-pink,
.sprite-shopping-basket-black {
    -webkit-mask: url("../images/new-icons/shopping-basket.svg") no-repeat center !important;
    mask: url("../images/new-icons/shopping-basket.svg") no-repeat center !important;
    background-color: var(--new-icon-white);
}

/*
    NOTE The MSBuild scripts 'version stamp' the content by replacing the placeholder KITCHEN_IQ_CONTENT_VERSION with the
    full 4-part version stamp when we produce a new installer build so that the kitchen screens reload the content on detecting
    that the server version has changed    
*/
.icon {
    background-image: url("../images/zkms-icons.png?v=4.36.0.3");
    background-repeat: no-repeat;
}

/* Everything below here was generated using from the SyncFusion Metro Studio project: zkms-icons.metrop
   using the export as sprite functionality - it generates a zkms-icons.css file containing all the
   .sprite-* classes which should then be copied and pasted over the details below.
*/

.sprite-none {
    background-position: 0px -12px;
    width: 24px;
    height: 24px;
}

.sprite-student {
    background-position: -34px -12px;
    width: 24px;
    height: 24px;
}

.sprite-van {
    background-position: -68px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bag {
    background-position: -102px -12px;
    width: 24px;
    height: 24px;
}

.sprite-circle {
    background-position: -136px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bowl {
    background-position: -170px -12px;
    width: 24px;
    height: 24px;
}

.sprite-car {
    background-position: -204px -12px;
    width: 24px;
    height: 24px;
}

.sprite-children {
    background-position: -238px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bar {
    background-position: -272px -12px;
    width: 24px;
    height: 24px;
}

.sprite-colddrink {
    background-position: -306px -12px;
    width: 24px;
    height: 24px;
}

.sprite-hotdrink {
    background-position: -340px -12px;
    width: 24px;
    height: 24px;
}

.sprite-flag {
    background-position: -374px -12px;
    width: 24px;
    height: 24px;
}

.sprite-helmet {
    background-position: -408px -12px;
    width: 24px;
    height: 24px;
}

.sprite-house {
    background-position: -442px -12px;
    width: 24px;
    height: 24px;
}

.sprite-kiosk {
    background-position: -476px -12px;
    width: 24px;
    height: 24px;
}

.sprite-lightning {
    background-position: -510px -12px;
    width: 24px;
    height: 24px;
}

.sprite-out-arrow {
    background-position: -544px -12px;
    width: 24px;
    height: 24px;
}

.sprite-in-arrow {
    background-position: -578px -12px;
    width: 24px;
    height: 24px;
}

.sprite-down-arrow {
    background-position: -612px -12px;
    width: 24px;
    height: 24px;
}

.sprite-up-arrow {
    background-position: -646px -12px;
    width: 24px;
    height: 24px;
}

.sprite-phone {
    background-position: -680px -12px;
    width: 24px;
    height: 24px;
}

.sprite-restaurant {
    background-position: -714px -12px;
    width: 24px;
    height: 24px;
}

.sprite-scooter {
    background-position: -748px -12px;
    width: 24px;
    height: 24px;
}

.sprite-umbrella {
    background-position: -782px -12px;
    width: 24px;
    height: 24px;
}

.sprite-saucepan {
    background-position: -816px -12px;
    width: 24px;
    height: 24px;
}

.sprite-star {
    background-position: -850px -12px;
    width: 24px;
    height: 24px;
}

.sprite-hand {
    background-position: -884px -12px;
    width: 24px;
    height: 24px;
}

.sprite-left-arrow {
    background-position: -918px -12px;
    width: 24px;
    height: 24px;
}

.sprite-right-arrow {
    background-position: -952px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-del {
    background-position: -986px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-togo {
    background-position: -1020px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-in {
    background-position: -1054px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-out {
    background-position: -1088px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-go {
    background-position: -1122px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-vip {
    background-position: -1156px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-ta {
    background-position: -1190px -12px;
    width: 24px;
    height: 24px;
}

.sprite-chef {
    background-position: -1224px -12px;
    width: 24px;
    height: 24px;
}

.sprite-check {
    background-position: -1258px -12px;
    width: 24px;
    height: 24px;
}

.sprite-cross {
    background-position: -1292px -12px;
    width: 24px;
    height: 24px;
}

.sprite-printer {
    background-position: -1326px -12px;
    width: 24px;
    height: 24px;
}

.sprite-eye {
    background-position: -1360px -12px;
    width: 24px;
    height: 24px;
}

.sprite-cutlery {
    background-position: -1394px -12px;
    width: 24px;
    height: 24px;
}

.sprite-credit-card {
    background-position: -1428px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bed {
    background-position: -1462px -12px;
    width: 24px;
    height: 24px;
}

.sprite-note {
    background-position: -1496px -12px;
    width: 24px;
    height: 24px;
}

.sprite-chef-yellow {
    background-position: -1530px -12px;
    width: 24px;
    height: 24px;
}

.sprite-student-yellow {
    background-position: -1564px -12px;
    width: 24px;
    height: 24px;
}

.sprite-van-yellow {
    background-position: -1598px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bag-yellow {
    background-position: -1632px -12px;
    width: 24px;
    height: 24px;
}

.sprite-car-yellow {
    background-position: -1666px -12px;
    width: 24px;
    height: 24px;
}

.sprite-children-yellow {
    background-position: -1700px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bar-yellow {
    background-position: -1734px -12px;
    width: 24px;
    height: 24px;
}

.sprite-colddrink-yellow {
    background-position: -1768px -12px;
    width: 24px;
    height: 24px;
}

.sprite-hotdrink-yellow {
    background-position: -1802px -12px;
    width: 24px;
    height: 24px;
}

.sprite-flag-yellow {
    background-position: -1836px -12px;
    width: 24px;
    height: 24px;
}

.sprite-helmet-yellow {
    background-position: -1870px -12px;
    width: 24px;
    height: 24px;
}

.sprite-house-yellow {
    background-position: -1904px -12px;
    width: 24px;
    height: 24px;
}

.sprite-kiosk-yellow {
    background-position: -1938px -12px;
    width: 24px;
    height: 24px;
}

.sprite-lightning-yellow {
    background-position: -1972px -12px;
    width: 24px;
    height: 24px;
}

.sprite-out-arrow-yellow {
    background-position: -2006px -12px;
    width: 24px;
    height: 24px;
}

.sprite-in-arrow-yellow {
    background-position: -2040px -12px;
    width: 24px;
    height: 24px;
}

.sprite-down-arrow-yellow {
    background-position: -2074px -12px;
    width: 24px;
    height: 24px;
}

.sprite-up-arrow-yellow {
    background-position: -2108px -12px;
    width: 24px;
    height: 24px;
}

.sprite-phone-yellow {
    background-position: -2142px -12px;
    width: 24px;
    height: 24px;
}

.sprite-restaurant-yellow {
    background-position: -2176px -12px;
    width: 24px;
    height: 24px;
}

.sprite-scooter-yellow {
    background-position: -2210px -12px;
    width: 24px;
    height: 24px;
}

.sprite-umbrella-yellow {
    background-position: -2244px -12px;
    width: 24px;
    height: 24px;
}

.sprite-star-yellow {
    background-position: -2278px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-del-yellow {
    background-position: -2312px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-togo-yellow {
    background-position: -2346px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-in-yellow {
    background-position: -2380px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-out-yellow {
    background-position: -2414px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-go-yellow {
    background-position: -2448px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-vip-yellow {
    background-position: -2482px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-ta-yellow {
    background-position: -2516px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bed-yellow {
    background-position: -2550px -12px;
    width: 24px;
    height: 24px;
}

.sprite-note-yellow {
    background-position: -2584px -12px;
    width: 24px;
    height: 24px;
}

.sprite-dropdownarrow {
    background-position: -2618px -16px;
    width: 16px;
    height: 16px;
}

.sprite-reminder {
    background-position: -2644px -12px;
    width: 24px;
    height: 24px;
}

.sprite-low-priority {
    background-position: -2678px -12px;
    width: 24px;
    height: 24px;
}

.sprite-high-priority {
    background-position: -2712px -12px;
    width: 24px;
    height: 24px;
}

.sprite-megaphone {
    background-position: -2746px -12px;
    width: 24px;
    height: 24px;
}

.sprite-info {
    background-position: -2780px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bell {
    background-position: -2814px -12px;
    width: 24px;
    height: 24px;
}

.sprite-plate {
    background-position: -2848px -12px;
    width: 24px;
    height: 24px;
}

.sprite-hand-ok {
    background-position: -2882px -12px;
    width: 24px;
    height: 24px;
}

.sprite-flag-wave {
    background-position: -2916px -12px;
    width: 24px;
    height: 24px;
}

.sprite-warning {
    background-position: -2950px -12px;
    width: 24px;
    height: 24px;
}

.sprite-user {
    background-position: -2984px -12px;
    width: 24px;
    height: 24px;
}

.sprite-delivery-time {
    background-position: -3018px -12px;
    width: 24px;
    height: 24px;
}

.sprite-change-arrow-black {
    background-position: -3052px -12px;
    width: 24px;
    height: 24px;
}

.sprite-change-arrow-white {
    background-position: -3086px -12px;
    width: 24px;
    height: 24px;
}

.sprite-chef-black {
    background-position: -3120px -12px;
    width: 24px;
    height: 24px;
}

.sprite-student-black {
    background-position: -3154px -12px;
    width: 24px;
    height: 24px;
}

.sprite-van-black {
    background-position: -3188px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bag-black {
    background-position: -3222px -12px;
    width: 24px;
    height: 24px;
}

.sprite-car-black {
    background-position: -3256px -12px;
    width: 24px;
    height: 24px;
}

.sprite-children-black {
    background-position: -3290px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bar-black {
    background-position: -3324px -12px;
    width: 24px;
    height: 24px;
}

.sprite-colddrink-black {
    background-position: -3358px -12px;
    width: 24px;
    height: 24px;
}

.sprite-hotdrink-black {
    background-position: -3392px -12px;
    width: 24px;
    height: 24px;
}

.sprite-flag-black {
    background-position: -3426px -12px;
    width: 24px;
    height: 24px;
}

.sprite-helmet-black {
    background-position: -3460px -12px;
    width: 24px;
    height: 24px;
}

.sprite-house-black {
    background-position: -3494px -12px;
    width: 24px;
    height: 24px;
}

.sprite-kiosk-black {
    background-position: -3528px -12px;
    width: 24px;
    height: 24px;
}

.sprite-lightning-black {
    background-position: -3562px -12px;
    width: 24px;
    height: 24px;
}

.sprite-out-arrow-black {
    background-position: -3596px -12px;
    width: 24px;
    height: 24px;
}

.sprite-in-arrow-black {
    background-position: -3630px -12px;
    width: 24px;
    height: 24px;
}

.sprite-down-arrow-black {
    background-position: -3664px -12px;
    width: 24px;
    height: 24px;
}

.sprite-up-arrow-black {
    background-position: -3698px -12px;
    width: 24px;
    height: 24px;
}

.sprite-phone-black {
    background-position: -3732px -12px;
    width: 24px;
    height: 24px;
}

.sprite-restaurant-black {
    background-position: -3766px -12px;
    width: 24px;
    height: 24px;
}

.sprite-scooter-black {
    background-position: -3800px -12px;
    width: 24px;
    height: 24px;
}

.sprite-umbrella-black {
    background-position: -3834px -12px;
    width: 24px;
    height: 24px;
}

.sprite-star-black {
    background-position: -3868px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-del-black {
    background-position: -3902px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-togo-black {
    background-position: -3936px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-in-black {
    background-position: -3970px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-out-black {
    background-position: -4004px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-go-black {
    background-position: -4038px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-vip-black {
    background-position: -4072px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-ta-black {
    background-position: -4106px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bed-black {
    background-position: -4140px -12px;
    width: 24px;
    height: 24px;
}

.sprite-note-black {
    background-position: -4174px -12px;
    width: 24px;
    height: 24px;
}

.sprite-menu-arrow {
    background-position: -4208px -12px;
    width: 24px;
    height: 24px;
}

.sprite-checkbox-unchecked {
    background-position: -4242px -12px;
    width: 24px;
    height: 24px;
}

.sprite-checkbox-checked {
    background-position: -4276px -12px;
    width: 24px;
    height: 24px;
}

.sprite-chef-pink {
    background-position: -4310px -12px;
    width: 24px;
    height: 24px;
}

.sprite-student-pink {
    background-position: -4344px -12px;
    width: 24px;
    height: 24px;
}

.sprite-van-pink {
    background-position: -4378px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bag-pink {
    background-position: -4412px -12px;
    width: 24px;
    height: 24px;
}

.sprite-car-pink {
    background-position: -4446px -12px;
    width: 24px;
    height: 24px;
}

.sprite-children-pink {
    background-position: -4480px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bar-pink {
    background-position: -4514px -12px;
    width: 24px;
    height: 24px;
}

.sprite-colddrink-pink {
    background-position: -4548px -12px;
    width: 24px;
    height: 24px;
}

.sprite-hotdrink-pink {
    background-position: -4582px -12px;
    width: 24px;
    height: 24px;
}

.sprite-flag-pink {
    background-position: -4616px -12px;
    width: 24px;
    height: 24px;
}

.sprite-helmet-pink {
    background-position: -4650px -12px;
    width: 24px;
    height: 24px;
}

.sprite-house-pink {
    background-position: -4684px -12px;
    width: 24px;
    height: 24px;
}

.sprite-kiosk-pink {
    background-position: -4718px -12px;
    width: 24px;
    height: 24px;
}

.sprite-lightning-pink {
    background-position: -4752px -12px;
    width: 24px;
    height: 24px;
}

.sprite-out-arrow-pink {
    background-position: -4786px -12px;
    width: 24px;
    height: 24px;
}

.sprite-in-arrow-pink {
    background-position: -4820px -12px;
    width: 24px;
    height: 24px;
}

.sprite-down-arrow-pink {
    background-position: -4854px -12px;
    width: 24px;
    height: 24px;
}

.sprite-up-arrow-pink {
    background-position: -4888px -12px;
    width: 24px;
    height: 24px;
}

.sprite-phone-pink {
    background-position: -4922px -12px;
    width: 24px;
    height: 24px;
}

.sprite-restaurant-pink {
    background-position: -4956px -12px;
    width: 24px;
    height: 24px;
}

.sprite-scooter-pink {
    background-position: -4990px -12px;
    width: 24px;
    height: 24px;
}

.sprite-umbrella-pink {
    background-position: -5024px -12px;
    width: 24px;
    height: 24px;
}

.sprite-star-pink {
    background-position: -5058px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-del-pink {
    background-position: -5092px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-togo-pink {
    background-position: -5126px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-in-pink {
    background-position: -5160px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-out-pink {
    background-position: -5194px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-go-pink {
    background-position: -5228px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-vip-pink {
    background-position: -5262px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-ta-pink {
    background-position: -5296px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bed-pink {
    background-position: -5330px -12px;
    width: 24px;
    height: 24px;
}

.sprite-note-pink {
    background-position: -5364px -12px;
    width: 24px;
    height: 24px;
}

.sprite-student-blue {
    background-position: -5398px -12px;
    width: 24px;
    height: 24px;
}

.sprite-van-blue {
    background-position: -5432px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bag-blue {
    background-position: -5466px -12px;
    width: 24px;
    height: 24px;
}

.sprite-circle-blue {
    background-position: -5500px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bowl-blue {
    background-position: -5534px -12px;
    width: 24px;
    height: 24px;
}

.sprite-car-blue {
    background-position: -5568px -12px;
    width: 24px;
    height: 24px;
}

.sprite-children-blue {
    background-position: -5602px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bar-blue {
    background-position: -5636px -12px;
    width: 24px;
    height: 24px;
}

.sprite-colddrink-blue {
    background-position: -5670px -12px;
    width: 24px;
    height: 24px;
}

.sprite-hotdrink-blue {
    background-position: -5704px -12px;
    width: 24px;
    height: 24px;
}

.sprite-flag-blue {
    background-position: -5738px -12px;
    width: 24px;
    height: 24px;
}

.sprite-helmet-blue {
    background-position: -5772px -12px;
    width: 24px;
    height: 24px;
}

.sprite-house-blue {
    background-position: -5806px -12px;
    width: 24px;
    height: 24px;
}

.sprite-kiosk-blue {
    background-position: -5840px -12px;
    width: 24px;
    height: 24px;
}

.sprite-lightning-blue {
    background-position: -5874px -12px;
    width: 24px;
    height: 24px;
}

.sprite-out-arrow-blue {
    background-position: -5908px -12px;
    width: 24px;
    height: 24px;
}

.sprite-in-arrow-blue {
    background-position: -5942px -12px;
    width: 24px;
    height: 24px;
}

.sprite-down-arrow-blue {
    background-position: -5976px -12px;
    width: 24px;
    height: 24px;
}

.sprite-up-arrow-blue {
    background-position: -6010px -12px;
    width: 24px;
    height: 24px;
}

.sprite-phone-blue {
    background-position: -6044px -12px;
    width: 24px;
    height: 24px;
}

.sprite-restaurant-blue {
    background-position: -6078px -12px;
    width: 24px;
    height: 24px;
}

.sprite-scooter-blue {
    background-position: -6112px -12px;
    width: 24px;
    height: 24px;
}

.sprite-umbrella-blue {
    background-position: -6146px -12px;
    width: 24px;
    height: 24px;
}

.sprite-saucepan-blue {
    background-position: -6180px -12px;
    width: 24px;
    height: 24px;
}

.sprite-star-blue {
    background-position: -6214px -12px;
    width: 24px;
    height: 24px;
}

.sprite-hand-blue {
    background-position: -6248px -12px;
    width: 24px;
    height: 24px;
}

.sprite-left-arrow-blue {
    background-position: -6282px -12px;
    width: 24px;
    height: 24px;
}

.sprite-right-arrow-blue {
    background-position: -6316px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-del-blue {
    background-position: -6350px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-togo-blue {
    background-position: -6384px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-in-blue {
    background-position: -6418px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-out-blue {
    background-position: -6452px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-go-blue {
    background-position: -6486px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-vip-blue {
    background-position: -6520px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-ta-blue {
    background-position: -6554px -12px;
    width: 24px;
    height: 24px;
}

.sprite-chef-blue {
    background-position: -6588px -12px;
    width: 24px;
    height: 24px;
}

.sprite-check-blue {
    background-position: -6622px -12px;
    width: 24px;
    height: 24px;
}

.sprite-cross-blue {
    background-position: -6656px -12px;
    width: 24px;
    height: 24px;
}

.sprite-printer-blue {
    background-position: -6690px -12px;
    width: 24px;
    height: 24px;
}

.sprite-eye-blue {
    background-position: -6724px -12px;
    width: 24px;
    height: 24px;
}

.sprite-cutlery-blue {
    background-position: -6758px -12px;
    width: 24px;
    height: 24px;
}

.sprite-credit-card-blue {
    background-position: -6792px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bed-blue {
    background-position: -6826px -12px;
    width: 24px;
    height: 24px;
}

.sprite-note-blue {
    background-position: -6860px -12px;
    width: 24px;
    height: 24px;
}

.sprite-student-green {
    background-position: -6894px -12px;
    width: 24px;
    height: 24px;
}

.sprite-van-green {
    background-position: -6928px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bag-green {
    background-position: -6962px -12px;
    width: 24px;
    height: 24px;
}

.sprite-circle-green {
    background-position: -6996px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bowl-green {
    background-position: -7030px -12px;
    width: 24px;
    height: 24px;
}

.sprite-car-green {
    background-position: -7064px -12px;
    width: 24px;
    height: 24px;
}

.sprite-children-green {
    background-position: -7098px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bar-green {
    background-position: -7132px -12px;
    width: 24px;
    height: 24px;
}

.sprite-colddrink-green {
    background-position: -7166px -12px;
    width: 24px;
    height: 24px;
}

.sprite-hotdrink-green {
    background-position: -7200px -12px;
    width: 24px;
    height: 24px;
}

.sprite-flag-green {
    background-position: -7234px -12px;
    width: 24px;
    height: 24px;
}

.sprite-helmet-green {
    background-position: -7268px -12px;
    width: 24px;
    height: 24px;
}

.sprite-house-green {
    background-position: -7302px -12px;
    width: 24px;
    height: 24px;
}

.sprite-kiosk-green {
    background-position: -7336px -12px;
    width: 24px;
    height: 24px;
}

.sprite-lightning-green {
    background-position: -7370px -12px;
    width: 24px;
    height: 24px;
}

.sprite-out-arrow-green {
    background-position: -7404px -12px;
    width: 24px;
    height: 24px;
}

.sprite-in-arrow-green {
    background-position: -7438px -12px;
    width: 24px;
    height: 24px;
}

.sprite-down-arrow-green {
    background-position: -7472px -12px;
    width: 24px;
    height: 24px;
}

.sprite-up-arrow-green {
    background-position: -7506px -12px;
    width: 24px;
    height: 24px;
}

.sprite-phone-green {
    background-position: -7540px -12px;
    width: 24px;
    height: 24px;
}

.sprite-restaurant-green {
    background-position: -7574px -12px;
    width: 24px;
    height: 24px;
}

.sprite-scooter-green {
    background-position: -7608px -12px;
    width: 24px;
    height: 24px;
}

.sprite-umbrella-green {
    background-position: -7642px -12px;
    width: 24px;
    height: 24px;
}

.sprite-saucepan-green {
    background-position: -7676px -12px;
    width: 24px;
    height: 24px;
}

.sprite-star-green {
    background-position: -7710px -12px;
    width: 24px;
    height: 24px;
}

.sprite-hand-green {
    background-position: -7744px -12px;
    width: 24px;
    height: 24px;
}

.sprite-left-arrow-green {
    background-position: -7778px -12px;
    width: 24px;
    height: 24px;
}

.sprite-right-arrow-green {
    background-position: -7812px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-del-green {
    background-position: -7846px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-togo-green {
    background-position: -7880px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-in-green {
    background-position: -7914px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-out-green {
    background-position: -7948px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-go-green {
    background-position: -7982px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-vip-green {
    background-position: -8016px -12px;
    width: 24px;
    height: 24px;
}

.sprite-text-ta-green {
    background-position: -8050px -12px;
    width: 24px;
    height: 24px;
}

.sprite-chef-green {
    background-position: -8084px -12px;
    width: 24px;
    height: 24px;
}

.sprite-check-green {
    background-position: -8118px -12px;
    width: 24px;
    height: 24px;
}

.sprite-cross-green {
    background-position: -8152px -12px;
    width: 24px;
    height: 24px;
}

.sprite-printer-green {
    background-position: -8186px -12px;
    width: 24px;
    height: 24px;
}

.sprite-eye-green {
    background-position: -8220px -12px;
    width: 24px;
    height: 24px;
}

.sprite-cutlery-green {
    background-position: -8254px -12px;
    width: 24px;
    height: 24px;
}

.sprite-credit-card-green {
    background-position: -8288px -12px;
    width: 24px;
    height: 24px;
}

.sprite-bed-green {
    background-position: -8322px -12px;
    width: 24px;
    height: 24px;
}

.sprite-note-green {
    background-position: -8356px -12px;
    width: 24px;
    height: 24px;
}

.sprite-hour-glass {
    background-position: -8390px -12px;
    width: 24px;
    height: 24px;
}

.sprite-loading {
    background-position: -8424px -12px;
    width: 24px;
    height: 24px;
}

.sprite-timer {
    background-position: -8458px -12px;
    width: 24px;
    height: 24px;
}

.sprite-undo {
    background-position: -8492px -12px;
    width: 24px;
    height: 24px;
}

.sprite-undo-large-black {
    background-position: -8526px 0px;
    width: 48px;
    height: 48px;
}

.sprite-about-large {
    background-position: -8584px 0px;
    width: 48px;
    height: 48px;
}

.sprite-circle-empty-large {
    background-position: -8642px 0px;
    width: 48px;
    height: 48px;
}

.sprite-circle-empty-large-blue {
    background-position: -8700px 0px;
    width: 48px;
    height: 48px;
}

.sprite-hand-large {
    background-position: -8758px 0px;
    width: 48px;
    height: 48px;
}

.sprite-hand-large-orange {
    background-position: -8816px 0px;
    width: 48px;
    height: 48px;
}

.sprite-high-priority-large {
    background-position: -8874px 0px;
    width: 48px;
    height: 48px;
}

.sprite-high-priority-large-red {
    background-position: -8932px 0px;
    width: 48px;
    height: 48px;
}

.sprite-radio-unchecked {
    background-position: -8990px -12px;
    width: 24px;
    height: 24px;
}

.sprite-radio-checked {
    background-position: -9024px -12px;
    width: 24px;
    height: 24px;
}

.sprite-all-together {
    background-position: -9058px -12px;
    width: 24px;
    height: 24px;
}

.sprite-back-large {
    background-position: -9092px 0px;
    width: 48px;
    height: 48px;
}

.sprite-back-large-yellow {
    background-position: -9150px 0px;
    width: 48px;
    height: 48px;
}

.sprite-left-right-large {
    background-position: -9208px 0px;
    width: 48px;
    height: 48px;
}

.sprite-left-right-large-green {
    background-position: -9266px 0px;
    width: 48px;
    height: 48px;
}

.sprite-menu-large {
    background-position: -9324px 0px;
    width: 48px;
    height: 48px;
}

.sprite-fullscreen-expand-large {
    background-position: -9382px 0px;
    width: 48px;
    height: 48px;
}

.sprite-fullscreen-collapse-large {
    background-position: -9440px 0px;
    width: 48px;
    height: 48px;
}

.sprite-magnifying-glass-large {
    background-position: -9498px 0px;
    width: 48px;
    height: 48px;
}

.sprite-magnifying-glass-large-pink {
    background-position: -9556px 0px;
    width: 48px;
    height: 48px;
}

.sprite-views-large {
    background-position: -9614px 0px;
    width: 48px;
    height: 48px;
}

.sprite-views-large-purple {
    background-position: -9672px 0px;
    width: 48px;
    height: 48px;
}

.sprite-recipe-card-large {
    background-position: -9730px 0px;
    width: 48px;
    height: 48px;
}

.sprite-recipe-card-large-azure {
    background-position: -9788px 0px;
    width: 48px;
    height: 48px;
}