/* Defaults */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=roboto.eot") format('embedded-opentype'), url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=roboto.woff") format('woff'), url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=roboto.ttf") format('truetype'), url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=roboto.svg") format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=roboto-light.eot") format('embedded-opentype'), url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=roboto-light.woff") format('woff'), url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=roboto-light.ttf") format('truetype'), url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=roboto-light.svg") format('svg');
}
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=MaterialIcons.woff2") format('woff2'), url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=MaterialIcons-Regular.ttf") format('truetype'), url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=MaterialIconsSharp-Regular") format('opentype');
}
.checkboxfield{
accent-color: #b12447;  
}
body {
    font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
}
input, textarea, select, button {
    font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
}

a {
    color: #A61E44;
}

    a:hover {
        color: #A61E44;
    }

    a:active {
        color: #A61E44;
    }

.errortext {
    color: #9F164F;
}

.errorboxtext {
    color: #9F164F;
}

/* Headings  */

.fieldtitle {
    color: #9F164F;
}

.fieldtitle2 {
    color: #FFFFFF;
}

.fieldtitle3 {
    color: #9F164F;
}

.fieldtitle4 {
    color: #9F164F;
}

.ordertitle {
    color: #5A062F;
}

.headertexttheme {
    color: #850F40;
}

.subheadertexttheme {
    color: #850F40;
}

.customernametitle {
    color: #5A062F;
}

/* Buttons */

.buttonfield, a:link.buttonfield, a:visited.buttonfield {
    background-color: #fff !important;
    border-color: #B72749  !important;
    color: #B72749  !important;
}

    .buttonfield:hover, a:hover.buttonfield {
        background-color: #fff;
        border-color: #73172F;
        color: #73172F;
    }

    .buttonfield:active {
        background-color: #fff;
        border-color: #B72749;
        color: #B72749;
    }

    .buttonfield:disabled {
        background-color: #DBDBDB;
        border-color: #B72749;
        color: #606060;
    }

.buttonfield2 {
    background-color: #B12447  !important;
    border-color: #B12447;
    color: #FFFFFF !important;
}

    .buttonfield2:hover {
        background-color: #73172F;
        border-color: #73172F;
    }

    .buttonfield2:active {
        background-color: #B12447;
        border-color: #B12447;
        color: #FFFFFF;
    }

    .buttonfield2:disabled {
        background-color: #DBDBDB;
        border-color: #B12447;
        color: #606060;
    }

.buttonfield3 {
    color: #4B8093 !important;
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Add.png") left center no-repeat;
}

    .buttonfield3:hover {
        color: #345865;
    }

    .buttonfield3:active {
        color: #4B8093;
    }

.buttonfieldsmall1 {
    border-color: #DEE0E0;
    background-color: #EDEEEE;
    color: #991F3D;
}

    .buttonfieldsmall1:hover {
        border-color: #C1C6C6;
        background-color: #D8DADA;
        color: #991F3D;
    }

    .buttonfieldsmall1:active {
        border-color: #DEE0E0;
        background-color: #EDEEEE;
        color: #991F3D;
    }

.buttonfieldsmall2 {
    border-color: #DEE0E0;
    background-color: #EDEEEE;
    color: #991F3D;
}

    .buttonfieldsmall2:hover {
        border-color: #C1C6C6;
        background-color: #D8DADA;
        color: #991F3D;
    }

    .buttonfieldsmall2:active {
        border-color: #DEE0E0;
        background-color: #EDEEEE;
        color: #991F3D;
    }

.buttonfieldsmall3 {
    border-color: #981F3E;
    background-color: #B52448;
}

    .buttonfieldsmall3:hover {
        border-color: #5A1226;
        background-color: #73172F;
    }

    .buttonfieldsmall3:active {
        border-color: #DEE0E0;
        background-color: #B52448;
    }

.buttonfieldbig1 {
    border-color: #B72749;
    background-color: #B72749 !important;
    color: #ffffff !important;
}

.buttonfieldbig1:hover {
        border-color: #73172F;
        background-color: #73172F;
        color: #ffffff;
    }

.buttonfieldbig1:active {
        border-color: #B72749;
        background-color: #B72749;
        color: #ffffff;
    }

.buttonfieldbig2 {
    border-color: #DEE0E0;
    background-color: #EDEEEE;
    color: #991F3D;
}

    .buttonfieldbig2:hover {
        border-color: #C1C6C6;
        background-color: #D8DADA;
        color: #991F3D;
    }

    .buttonfieldbig2:active {
        border-color: #DEE0E0;
        background-color: #EDEEEE;
        color: #991F3D;
    }

.buttonfieldbig3 {
    border-color: #B9B9B9;
    background-color: #ffffff;
    color: #991F3D;
}

    .buttonfieldbig3:hover {
        border-color: #F3A811;
        background-color: #ffffff;
        color: #991F3D;
    }

    .buttonfieldbig3:active {
        border-color: #DEE0E0;
        background-color: #ffffff;
        color: #991F3D;
    }

.fontsizeplusbuttonfield {
    background-color: #EEEFF1;
    color: #000000;
    width: 32px;
    height: 32px;
}

.fontsizeminusbuttonfield {
    background-color: #EEEFF1;
    color: #000000;
}

.loginbuttonfield {
    color: #ffffff;
    border-color: #981F3E;
    background-color: #B72749;
}

    .loginbuttonfield:hover {
        border-color: #5A1226;
        background-color: #73172F;
    }

    .loginbuttonfield:active {
        border-color: #981F3E;
        background-color: #B72749;
    }

.frontpagebutton {
    color: #ffffff;
    border-color: #B72749;
    background-color: #B72749;
}

    .frontpagebutton:hover {
        border-color: #73172F;
        background-color: #73172F;
    }

    .frontpagebutton:active {
        border-color: #B72749;
        background-color: #B72749;
    }

.smallthemelinkbutton {
    color: #4B8093;
}

    .smallthemelinkbutton:hover {
        color: #345865;
    }

    .smallthemelinkbutton:active {
        color: #4B8093;
    }

.expandallbutton {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=ExpandAll.png") no-repeat center left;
    color: #4B8093;
    padding: 5px 5px 5px 30px;
}

    .expandallbutton:hover {
        color: #345865;
        text-decoration: none;
    }

    .expandallbutton:active {
        color: #4B8093;
    }

.collapseallbutton {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=CollapseAll.png") no-repeat center left;
    color: #4B8093;
    padding: 5px 5px 5px 30px;
}

    .collapseallbutton:hover {
        color: #345865;
        text-decoration: none;
    }

    .collapseallbutton:active {
        color: #4B8093;
    }

.addlinkbutton {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Add.png") no-repeat center left;
    color: #4B8093;
    padding: 5px 5px 5px 25px;
}

    .addlinkbutton:hover {
        color: #345865;
    }

    .addlinkbutton:active {
        color: #4B8093;
    }

input.buttonfieldconfirmpopupbutton {
    border-color: #B12447;
    color: #B12447;
}

    input.buttonfieldconfirmpopupbutton:hover {
        border-color: #B12447;
        color: #333;
    }

    input.buttonfieldconfirmpopupbutton:active {
        border-color: #B12447;
        color: #333;
    }

.addbuttonfield {
    color: #B12447;
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Insert.png");
    padding-left: 20px;
}

.editbuttonfield {
    color: #B12447;
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=edit_small.png");
    width: 25px;
    height: 25px;
    margin-left: 5px;
}

.removelinkbutton {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Remove2.png") no-repeat center left;
    color: #4B8093;
    padding: 5px 5px 5px 30px;
}

    .removelinkbutton:hover {
        color: #345865;
    }

    .removelinkbutton:active {
        color: #4B8093;
    }

.closebutton {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Return.png") no-repeat center left;
    color: #B72749;
    padding: 5px 5px 5px 30px;
}

    .closebutton:hover {
        color: #73172F;
    }

    .closebutton:active {
        color: #B72749;
    }

.closebutton2 {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Return2.png") no-repeat center left;
    color: #FFFFFF;
    padding: 15px 15px 15px 30px;
}

.moveleftbutton {
    padding: 0px 10px;
    width: 33px;
    height: 34px;
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=MoveLeft.png") no-repeat center center;
}

.moverightbutton {
    padding: 0px 10px;
    width: 33px;
    height: 34px;
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=MoveRight.png") no-repeat center center;
}

.moveupbutton {
    padding: 3px 5px;
    width: 15px;
    height: 7px;
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=MoveUp.png") no-repeat center center;
}

.movedownbutton {
    padding: 3px 5px;
    width: 15px;
    height: 7px;
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=MoveDown.png") no-repeat center center;
}

.btnSelected .buttonfield {
    color: #FFF;
    background-color: blue;
}

.selectionbutton .btnSelected .buttonfield {
    color: #FFF;
    background-color: #B12447;
}

.selectionbutton .buttonfield {
    color: #333333;
    border-color: #aaaaaa;
    background-color: #EAEAEA;
}

    .selectionbutton .buttonfield:hover, .selectionbutton a:hover.buttonfield {
        color: #333333;
        border-color: #aaaaaa;
        background-color: #aaaaaa;
    }

    .selectionbutton .buttonfield:active {
        color: #333;
        border-color: #aaaaaa;
        background-color: #EAEAEA;
    }

    .selectionbutton .buttonfield:disabled {
        color: #606060;
        border-color: #aaaaaa;
        background-color: #DBDBDB;
    }

.grideditbutton {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=edit_small.png") no-repeat center center;
    width: 23px;
    height: 24px;
    background-color: transparent;
}

.copybutton {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=copy.png") no-repeat center center;
    height: 25px;
    width: 25px;
}

.clearsearchbutton {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=ClearSearch.png");
    width: 28px;
    height: 28px;
}

/* Primary layout elements */

.page {
    border: 1px solid #496077;
}

.mainheader {
    background-color: #981F3C;
}

.darkboldheader {
    color: #5A062F;
}

.sitemappathroot {
    color: #B12447;
}

.sitemappathnode {
    color: #B12447;
}

.sitemappathcurrent {
    color: #FFFFFF;
}

.sitemappathseparator {
    color: #FFFFFF;
}

.sitemappatharea-links a {
    color: white !important;
}

.backgroundpattern {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=LoginPatternWithOpacity.png");
    background-repeat: repeat;
}

.secondaryheader {
    background-color: #8B1C36;
    padding: 20px 35px;
}

.secondaryheadertext {
    color: #F4F4F4;
}

.subheadercollapsiblepanel {
    color: #9F164F;
}

.accountpopuparrow {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=PopupArrow.png") no-repeat right center;
    width: 20px;
    height: 16px;
    margin-left: 20px;
}

.headeruserimage {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=headerUser.png") no-repeat left center;
    width: 60px;
    height: 52px;
    margin-right: 15px;
}

.accountsettingspopup {
    background-color: #981F3C;
}

.inputfielddropdown {
    background-color: #981F3C;
}

.dropdownbuttonfield {
    background-color: transparent;
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=DeliveryTime.png"), url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=dropdownicon.png");
    background-position: left center, right center;
}

a.dropdownbuttonfield {
    background-color: transparent;
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=DeliveryTime.png"), url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=dropdownicon.png");
    background-position: left center, right center;
}

.calendarbutton {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Calendar.png") no-repeat center center;
    width: 34px;
    height: 34px;
}

.searchlinkbutton {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=SearchIcon.png");
    width: 28px;
    height: 28px;
}

.searchbutton {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=SearchIcon.png");
    background-color: transparent;
    width: 28px;
    height: 28px;
}

.collapseimage {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=ArrowUp.png");
    width: 24px;
    height: 24px;
}

.expandimage {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=ArrowDown.png");
    width: 24px;
    height: 24px;
}

.removeimage {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Remove.png");
    width: 24px;
    height: 24px;
}
.gridremovebutton {
  background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Remove.png");
    width: 24px;
    height: 24px;
}
.printimage {
    display: inline-block;
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Print.png");
    width: 27px;
    height: 22px;
}

.neworderheader {
    background-color: #EAEAEA;
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=LoginPattern.png");
}

.weekdayselection {
    color: #4B8093;
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=OvalGrey.png");
    width: 140px;
    height: 140px;
}

    .weekdayselection:hover {
        color: #4B8093;
    }

    .weekdayselection:active {
        color: #4B8093;
    }

    .weekdayselection.aspNetDisabled {
        color: #b8b8b8;
        background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=OvalDisabled.png");
        width: 140px;
        height: 140px;
    }

        .weekdayselection.aspNetDisabled:hover {
            color: #b8b8b8;
        }

.weekdayselected .weekdayselection {
    color: #FFFFFF;
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=OvalPink.png");
    width: 140px;
    height: 150px;
}

    .weekdayselected .weekdayselection:hover {
        color: #FFFFFF;
    }

@media only screen and (max-width: 1024px) {
    .weekdayselection {
        width: 80px;
        height: 80px;
    }

        .weekdayselection.aspNetDisabled {
            width: 80px;
            height: 80px;
        }

    .weekdayselected .weekdayselection {
        width: 80px;
        height: 90px;
    }
}

/* Login layout elements */

.loginpattern {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=LoginPatternWithOpacity.png");
    background-color: #8B1C36;
}

.logindiv {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=LoginPhoto.jpg");
    background-size: 100% auto;
    background-position: top right;
    background-color: #8B1C36;
}

.logintransparent {
    background-color: #8B1C36;
}

/* Frontpage layout elements */

.frontpageheader {
    background-color: #8B1C36;
    height: 70px;
}

.frontpageheadertext {
    color: #FFFFFF;
}

.frontpagepanel {
    background: linear-gradient(0deg, #F3F3F3 0%, #E3E3E3 100%);
    height: 375px;
}

.mealorderpanelimage {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=frontpage1.png");
    min-width: 500px;
    max-width: 500px;
    height: 100%;
    background-size: auto 100%;
}

.tailoredorderpanelimage{
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Tailored-order.png");
    min-width: 500px;
    max-width: 500px;
    height: 100%;
    background-size: auto 100%;
}
.mealorderpanelssoimage {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=FrontPlateImage.png");
    min-width: 500px;
    max-width: 500px;
    height: 475px;
  
}
.mat-container-color{
	background: #F3F3F3 ! important;
	border-color: #D8DADA !important;
	color: rgba(0, 0, 0, 0.87) !important;
}
.interruption-background {
     background-color: #F5E8EB;
}
.field-set-border{
	border:1px solid #a5acb0;
}
.productorderpanelimage {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=frontpage2.png");
    min-width: 500px;
    max-width: 500px;
    height: 100%;
    background-size: auto 100%;
}
.orderforuserpanelimage{
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Order-for-user.png");
    min-width: 500px;
    max-width: 500px;
    height: 100%;
    background-size: auto 100%;
}

/* MO and MOD custom css classes */

.custom-popup-header {
   background: #b12447;
   color: white;
}
   

@media only screen and (max-width:1073px) {
    .frontpagepanel {
        height: auto;
    }

    .mealorderpanelimage {
        height: 150px;
    }

    .productorderpanelimage {
        height: 150px;
    }

    .orderforuserpanelimage{
        height: 150px;
    }
    .tailoredorderpanelimage {
        height: 150px;
    }
}

.account-settings-dropdown {
    background-color: #981F3C;
}

/* MO layout elements */

/* PO layout elements */

.salesitemselectall {
    background-color: #B72749;
}

    .salesitemselectall a {
        color: #FFFFFF;
    }

.salesitemcategoryhierarchy {
    color: #B72749;
}

.productcatalogshowpicturesmode {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=ShowProductPictures.png");
    width: 37px;
    height: 30px;
}

.productcatalogshowlistmode {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=ShowProductsInList.png");
    width: 37px;
    height: 30px;
}

.productcatalogreadmore {
    color: #A61E44;
    background-color: transparent;
}

    .productcatalogreadmore:hover {
        color: #A61E44;
    }

    .productcatalogreadmore:active {
        color: #A61E44;
    }

.productcatalogselmode {
    border-color: #EBAA12;
}

.productcatalogunselmode {
    border-color: #C5C5C5;
}

    .productcatalogunselmode:hover {
        border-color: #FFDC8C;
    }

/* Catering elements */

.panelarea1 {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=BackgroundArea1.png") no-repeat left top;
    background-size: cover;
}

.panelarea2 {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=BackgroundArea2.png") no-repeat left top;
    background-size: cover;
}

.panelarea3 {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=BackgroundArea3.png") no-repeat left top;
    background-size: cover;
}

.roomstartreservationtimecell {
    border-left-color: #A72142 !important;
}

.roomendreservationtimecell {
    border-right-color: #A72142 !important;
}

.roomreservationtimecellexample {
    border-right-color: #A72142 !important;
    border-left-color: #A72142 !important;
}

.roomowneservationtimecell {
    background-color: #64CC37;
}

.roomowneservationtimecellexample {
    background-color: #64CC37;
    border-color: #D5D5D5;
}

.orderwizardprevstep {
    color: #A3153D;
}

.orderwizardactivestep {
    color: black;
}

.orderwizardnextstep {
    color: #9D9F9C;
}

.orderwizardstepactiveseparator {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=NextStepSeparatorActive.png") no-repeat center center;
}

.orderwizardstepinactiveseparator {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=NextStepSeparatorInActive.png") no-repeat center center;
}

/* Form elements */

/* Table styles */

.defaultpagerbuttoncurrent {
    background-color: #8B1C36;
    border: solid 1px #8B1C36;
}

/* Gridview */

.gridviewdefaultheader a {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=NotSorted.png") right center no-repeat;
}

.gridviewdefaultheader input[type="image"] {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=NotSorted.png") right center no-repeat;
}

.gridviewheader a {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=NotSorted.png") right center no-repeat;
}

.gridviewheader input[type="image"] {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=NotSorted.png") right center no-repeat;
}

.gridviewsortasc-header A {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=SortAsc.png") right center no-repeat;
}

.gridviewsortasc-header input[type="image"] {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=SortAsc.png") right center no-repeat;
}

.gridviewsortdesc-header A {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=SortDesc.png") right center no-repeat;
}

.gridviewsortdesc-header input[type="image"] {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=SortDesc.png") right center no-repeat;
}

.gridviewpager td span {
    background-color: #8B1C36;
    border: solid 1px #8B1C36;
}

a.gridshowpicture, a:link.gridshowpicture, a:visited.gridshowpicture, a:hover.gridshowpicture, a:active.gridshowpicture {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=ShowPicture.png") no-repeat center center;
    background-color: transparent;
}

a.gridshowinfo, a:link.gridshowinfo, a:visited.gridshowinfo, a:hover.gridshowinfo, a:active.gridshowinfo {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Info.png") no-repeat center center;
    background-color: transparent;
}

a.gridshowattachment, a:link.gridshowattachment, a:visited.gridshowattachment, a:hover.gridshowattachment, a:active.gridshowattachment {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Attachment.png") no-repeat center center;
    background-color: transparent;
}

/* Popups */

.infosymbol {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=InfoIcon.png");
}

/* Modal popups */

div.popupheader, .ui-widget-header {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=LoginPatternWithOpacity.png") !important;
    background-color: #B12447 !important;
}

/* Tab styling */

.whitetabstyle {
    color: #4B8093;
}

.selectedtabstyle {
    color: #4B8093;
}

    .selectedtabstyle a:link, .selectedtabstyle a:visited, .selectedtabstyle a:hover, .selectedtabstyle a:active {
        color: #4B8093;
    }

.tabborderbottom {
    border-color: #4b8093;
}

.customerinfolink {
    color: #4b8093 !important;
}

/* Helping classes */

/* Other */

.linelarge {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Line.png") no-repeat center center;
}

.deliverytimeelementcountarea {
    background-color: #601126;
    border: 1px solid #601126;
    color: #FFFFFF;
}

.deliverytimeelementcountarea2 {
    background-color: #999999;
    border: 1px solid #999999;
    color: #FFFFFF;
}

.deliverytimeelementdetailarea {
    color: #FFFFFF !important;
}

.deliverytimeelementdetailarea2 {
    color: #881D3B !important;
}

.deliverytimeelementarrow {
    border-left: solid 1px #FFFFFF;
}

.deliverytimeelementarrow2 {
    border-left: solid 1px #DFE1E0;
}

.deliverytimeelementselected {
    background-color: #B72749;
}

.deliverytimeelementarrow {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=OrderDeliveryTimeArrow2.gif") no-repeat center center;
    width: 30px;
}

.deliverytimeelementarrow2 {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=OrderDeliveryTimeArrow.gif") no-repeat center center;
    width: 30px;
}

.deliverytimeelementimage {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=DeliveryTime2.png") no-repeat center center;
    width: 30px;
}

.deliverytimeelementimage2 {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=DeliveryTime.png") no-repeat center center;
    width: 30px;
}

a.mainmenustaticmenuitemstyle, a.mainmenustaticmenuitemstyle:link, a.mainmenustaticmenuitemstyle:visited, a.mainmenustaticmenuitemstyle:hover, a.mainmenustaticmenuitemstyle:active {
    color: white !important;
}

.mainmenustaticmenustyle {
    background-color: #6E1324;
}

a.mainmenustaticmenuitemstyle {
    color: white;
    background-color: #B21234;
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=MainMenubg.png");
    background-repeat: repeat;
}

.printbuttonfield, a:link.printbuttonfield, a:visited.printbuttonfield {
    background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=PrintReport.png") left center no-repeat;
    padding: 6px 12px 6px 36px;
    display: inline-block;
    margin: 2px 2px 2px 2px;
    border: 1px solid;
    border-color: #E31937;
    background-color: #fff;
    font-family: Arial;
    font-size: 0.93em;
    font-weight: 400;
    text-decoration: none;
    color: #e31937;
    cursor: pointer;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .printbuttonfield:hover, a:hover.printbuttonfield {
        background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=PrintReport.png") left center no-repeat;
        padding: 6px 12px 6px 36px;
        display: inline-block;
        margin: 2px 2px 2px 2px;
        border: 1px solid;
        border-color: #E31937;
        background-color: #fff;
        font-family: Arial;
        font-size: 0.93em;
        font-weight: 400;
        text-decoration: none;
        color: #333;
        cursor: pointer;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        -khtml-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        -khtml-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -khtml-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -khtml-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .printbuttonfield:active {
        background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=PrintReport.png") left center no-repeat;
        padding: 6px 12px 6px 36px;
        display: inline-block;
        margin: 2px 2px 2px 2px;
        border: 1px solid;
        border-color: #E31937;
        background-color: #fff;
        font-family: Arial;
        font-size: 0.93em;
        font-weight: 400;
        text-decoration: none;
        color: #333;
        cursor: pointer;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        -khtml-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        -khtml-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -khtml-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -khtml-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .printbuttonfield:disabled {
        background: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=PrintReport.png") left center no-repeat;
        padding: 6px 12px 6px 36px;
        display: inline-block;
        margin: 2px 2px 2px 2px;
        border: 1px solid;
        border-color: #E31937;
        background-color: #DBDBDB;
        font-family: Arial;
        font-size: 0.93em;
        font-weight: 400;
        text-decoration: none;
        color: #606060;
        cursor: not-allowed;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        -khtml-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        -khtml-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -khtml-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -khtml-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.paymentproviderarea {
    border: 1px solid gray;
}
.gridremovebutton {
    background-image: url("ThemePicture.aspx?Id=ec238881-82ef-4150-8b4f-2d686d0b2a0e&FileName=Remove.png"); no-repeat center center;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
    border: 0px;
    cursor: pointer;
    outline: 0px;
    padding: 0px;
    margin: 0px;
}

.autocompleteextendercolor {
    max-height: 200px !important;
    padding-right: 20px !important;
    font-family: Arial, sans-serif !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.autocompleteextendercolor > li > a:hover, .autocompleteextendercolor > li:hover, .autocompleteextendercolor .ui-state-active {
        background-color: #ccc !important;
        border: #ccc 1px solid !important;
}

.autocompleteextendercolor > li > a {
        color: #E31937 !important;
        font-size: 14px !important;
        padding-bottom: 4px !important;
}
.mybtn {
        background-color:blue;
        border:2px solid black;
}
.buttonfieldsmall22 {
    border-color: #DEE0E0;
    background-color: #2e790e;
    color: #333;
}
.label-title {
    color: #B72749;
}
.order-info{
    border-left: 5px solid #B72749;
}
.label-header {
     color: #B72749;
}

.mat-mdc-tooltip {
    background: rgba(95, 95, 95, 0.9);
    color:#ffffff
}
.mat-mdc-progress-spinner circle {
    stroke: #B72749;
}
.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
    --mat-tab-header-active-ripple-color: none;
    --mat-tab-header-inactive-ripple-color: none;
    --mdc-tab-indicator-active-indicator-color: #B72749;
    --mat-tab-header-active-hover-indicator-color: #B72749;
    --mat-tab-header-active-label-text-color: #B72749;
    --mat-tab-header-active-focus-label-text-color: #B72749;
    --mat-tab-header-active-hover-label-text-color: #B72749;
    --mat-tab-header-active-focus-indicator-color: #B72749;
}
html {
    --mdc-outlined-text-field-focus-outline-color: #B72749;
}

.aromi-dialog .mat-mdc-dialog-title .mat-toolbar,.aromi-dialog-1 .mat-mdc-dialog-title .mat-toolbar, .aromi-dialog-2 .mat-mdc-dialog-title .mat-toolbar {
    background-color: #B72749;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: #B72749;
}
.mat-icon.mat-primary {
    --mat-icon-color:  #B72749;
}
.mat-mdc-progress-bar {
     --mdc-linear-progress-active-indicator-color:#B72749;
}
.mat-calendar-body-selected {
    background-color: #B72749;
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-selected-icon-color: #B72749;
    --mdc-checkbox-selected-hover-icon-color: #B72749;
    --mdc-checkbox-selected-focus-icon-color: #B72749;
    --mdc-checkbox-selected-pressed-icon-color: #B72749;
}
.gridviewpager td a{
    background-color: #B72749 !important;
}
.gridviewpager td a.selected {
    background-color: #000 !important;
}
.mat-toolbar.mat-primary {
 --mat-toolbar-container-background-color: #B72749;
--mat-toolbar-container-text-color: white;
}
.mat-tree-node:hover {
    background-color: #F3F4F6 !important;
    border-left: 2px solid #B72749 !important;
}
.salesitem-nodeselected {
    background-color: #F3F4F6 !important;
    border-left: 5px solid rgb#B72749 !important;
}
.mat-mdc-radio-button.mat-primary{
    --mdc-radio-selected-focus-icon-color: rgb#B72749;
    --mdc-radio-selected-hover-icon-color: rgb#B72749;
    --mdc-radio-selected-icon-color: rgb#B72749;
    --mdc-radio-selected-pressed-icon-color: rgb#B72749;
    --mat-radio-checked-ripple-color: rgb#B72749;
}