/* 
    *=====================================================================
    * Site.css acts as the overwrite CSS file across all Muse MVC projects
    * Use this for OrderLogistics only styles
    *=====================================================================
*/

/*#region Native HTML elements*/

input[type="submit"]:hover, 
input[type="button"]:hover, 
button:hover {
    background: #324d7a;
    color: #f0f0f0;
}

.MuseDataGridMenuFilterBar > div {
    /*margin-top: 48px !important;*/
}

#MenuFilterBar_Content:not(.MuseDataGridMenuFilterBarToTop) {
    z-index: 1;
    position: inherit;
    left: 0px !important;
}

#MenuFilterBar_Content:not(.MuseDataGridMenuFilterBarToTop):not(.wholesalerStockFilterPills) {
    top: -18px !important;
}


#MenuFilterBar_Content.wholesalerStockFilterPills:not(.MuseDataGridMenuFilterBarToTop) {
    top: 0px !important;
}

input[type='checkbox']:before {
    background-color: transparent;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 1px;
    top: 1px;
}

input[type='checkbox']:checked:before {
    background-color: #324d7a;
}

input[musesubtype='CheckBox'] {
    margin-top: 0px !important;
}

input[type='checkbox'],
input[type='checkbox']:checked {
    content: "";
    -webkit-appearance: none;
    box-sizing: border-box;
    border: 1px solid #CCC !important;
    position: relative;
    cursor: pointer;
}

.k-radio:checked + .k-radio-label:after {
    background-color: #324d7a;
    content: "";
    width: 9px !important;
    height: 9px !important;
    position: absolute;
    box-sizing: border-box;
    top: 3px;
    left: 3px;
}

.k-radio-label:before {
    box-sizing: border-box;
    width: 15px;
    height: 15px;
}

/*#endregion Native HTML elements*/
    /*#region Header*/
    .BurgerMenuIcon .bar1,
    .BurgerMenuIcon .bar2,
    .BurgerMenuIcon .bar3 {
        background-color: #324d7a;
    }

/*#endregion Header*/

/*#region Burger Menu*/

.BurgerMenuContent .BurgerMenuItem:not([onclick]):hover {
    font-size: 12px !important;
    color: #333 !important;
    background-color: #fff !important;
    cursor: pointer !important;
}

.BurgerMenuContent .BurgerMenuItemSelected {
    color: #ffffff;
    background: #333333;
}

.BurgerMenuContent .BurgerMenuItem[onclick]:hover,
.BurgerMenuContent .BurgerMenuItemSelected:hover {
    color: #ffffff;
    background: #324d7a;
}



/*#endregion Burger Menu*/
/*#region Left Filter*/
.MuseLeftFilter {
    padding: 0;
}

.MuseLeftFilter .MusePanel {
    border-bottom: 1px solid #EEE;
    margin-bottom: 0;
    padding-top: 0;
}

.MuseLeftFilter .MusePanel .MuseControlContent .col-auto:hover, 
.MuseLeftFilter .MusePanel .MuseControlContent .col-auto label:hover {
    background: #f0f0f0;
    cursor: pointer;
}

.MuseLeftFilter .MusePanel .MuseControlContent .col-auto {
    width: 100%;
    padding-right: 0px;
    padding-left: 5px;
    overflow: hidden;
}

.MuseLeftFilter .MusePanel .MuseControlContent .col-auto label{
    width: calc(100% - 14px);
    display: inline-block;
    padding-right: 0px;
    max-width: unset !important;
}

.MuseLeftFilter .PanelTitleContainer {
    top: 0px;
    transition: all 0.3s cubic-bezier(0.4,0,.2,1);
}

.MuseLeftFilter .PanelTitleContainer:hover {
    background: #f0f0f0;
}

.MuseLeftFilter .MusePanelTitle {
    background: none;
}

.MuseLeftFilter input[type='checkbox'] + label:before {
    margin-left: -17px;
    margin-top: -2px;
}

.MuseLeftFilter input[type='checkbox']:checked + label:before {
    margin-left: -17px;
    margin-top: -2px;
}

.MuseLeftFilter .MusePanelTitleContainer:hover {
    background: #F0F0F0;
}

/*#endregion Left Filter*/

/*#region Grid Panel */

.MusePageHeaderTitle {
    color: #324d7a;
}

input[forcedcontrolid='btnInvestigate'] {
    color: #333 !important;
    font-weight: 500 !important;
    border: 1px solid #b3b3b3 !important;
    background-color: #f4f4f4 !important;
}

input[forcedcontrolid='btnDecline'] {
    color: #f87e7e !important;
    font-weight: 500 !important;
    border: 1px solid #f87e7e !important;
    background-color: #f7d9d9 !important;
}

input[forcedcontrolid='btnApprove'],
input[forcedcontrolid='btnPreApprove'] {
    border: 1px solid #7498d4 !important;
    color: #7498d4 !important;
    font-weight: 500 !important;
    background-color: #e8f0fa !important;
}
/*
select[forcedcontrolid='ddApprovalState'] {
    height: inherit;
    width: auto;
    cursor: pointer;
    border: solid 1px #E2E2E2;
    white-space: nowrap;
    overflow-x: hidden;
    border-radius: 3px;
    font-size: 12px;
    background-color: white;
    color: #333333;
    margin: 0 0 0px 0;
    pointer-events: auto;
    padding-right: 10px;
    text-indent: 8px;
    position: relative;
    padding-top: 10px !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    box-sizing: border-box !important;
}*/

.FormTitle_OL_NAPINCREASEAPPROVAL {
    font-size: 18px !important;
}

.MuseFormTitle div[forcedcontrolid='btnPanel'] {
    position: relative;
    display: block;
    top: 10px;
    /* right: 10px; */
    height: auto;
    left: 0;
    padding: 10px 0 20px;
    width: auto;
    min-width: 50px;
    /* max-width: 350px; */
    font-size: 15px !important;
    background-color: transparent;
    border-bottom: 1px solid #eee;
}

.MuseFormTitle span {
    /* width: inherit; */
    padding-top: 15px;
    height: fit-content !important;
    min-width: 100% !important;
    display: block !important;
    position: relative !important;
}

.MuseFormTitle {
    width: 100%;
    height: auto;
    font-size: 24px;
    font-weight: 700;
    padding: 15px !important;
    padding-right: 50px !important;
    /* display: inline-flex; */
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: white;
}

.MuseFormTitleClose {
    top: 32px !important;

}

.MuseGridRowMenu div[forcedcontrolid='btnPanel'] .col {
    padding: 0;
    display: contents;
}

.MuseGridRowMenu div[forcedcontrolid='btnPanel'] div.row {
    justify-content: left;
    box-sizing: border-box;
    margin: 0;
}
/*#endregion Grid Panel

/*#region Grid*/
.k-grid-content.k-auto-scrollable {
    box-sizing: border-box;
}

#OrgUnits > .k-grid-header {
    position: relative;
    z-index: 0;
}

/*#region Grid*/
/* Expand grid */
.k-grid .k-hierarchy-cell .k-i-expand:hover, 
.k-grid .k-hierarchy-cell .k-i-collapse:hover {
    background-color: #c4c4c494;
    border-radius: 100%;
}

.k-grid .k-hierarchy-col {
    width: 50px;
}

.k-grid .k-hierarchy-cell .k-i-expand, 
.k-grid .k-hierarchy-cell .k-i-collapse {
    margin: 0 auto;
}

.k-detail-row .k-detail-cell .k-widget.k-tabstrip
{
    margin-top:0px;
}

/* Datepicker */
.k-calendar td.k-state-focused .k-link {
    background: #324d7a;
    color: #f0f0f0;
}

.k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 1px 0 #76abd9;
}

.k-calendar .k-today .k-link {
    box-shadow: inset 0 0 2px 0 #76abd9;
    color: #76abd9;
}

/* Loading SVG */
.k-loading-mask .k-loading-image {
    /*background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='loader-1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'> <path fill='%23006666' d='M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='1s' repeatCount='indefinite'/></path></svg>");*/
}

/*master row hover*/
tr.k-master-row:hover + tr.k-detail-row {
    background-color: #daeef7 !important;
}
.k-master-row:hover {
    background-color: #daeef7 !important;
}
.k-detail-row:hover {
    background-color: #daeef7 !important;
}

/*qualify for only ws grid, send through class for ws grid only*/
.ODWsStockGrid .GridRowDetailsRow:hover,
.ODWsStockGrid .k-master-row:hover {
    background-color: #daeef7 !important;
}
.ODWsStockGrid tr.k-master-row:hover + tr.k-detail-row {
    background-color: white !important;
}

#OrgUnits table tbody tr[class='k-master-row']:hover {
    border-top: 1px solid #e2e2e2 !important;
}

div[forcedcontrolid='orderItemsGrid'] .k-detail-cell .container-fluid {
    border-bottom: 1px solid #e2e2e2;
}

div[forcedcontrolid='orderItemsGrid'] tbody tr {
    box-shadow: none !important;
}

div[forcedcontrolid='orderItemsGrid'] tbody[role=rowgroup] tr[role=row] td:hover {
    box-shadow: 0 0 0 0 #e2e2e2 !important;
}

div[forcedcontrolid='orderItemsGrid'] table tbody tr[class='k-master-row']:hover {
    border-top: 1px solid #e2e2e2;
    box-shadow: none !important;
}

.k-grid-norecords {
    line-height: 4em;
}

.k-grid-content {
    overflow-y: auto;
}

#OrgUnits .MuseDetailRowLoading {
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='loader-1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'> <path fill='%23006666' d='M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='1s' repeatCount='indefinite'/></path></svg>");
}

/*#endregion Grid*/

/*#region Muse Controls*/

.MainPageContent {
    padding: 0 !important;
    border-top: 0px transparent !important;
}

.MusePanelTitle:first-of-type {
    border-top: 0px solid transparent;
}

.MuseControlContent {
    padding: 0px;
}

.MusePanel .MuseControlContent .row:first-of-type {
    margin: 0 !important;
}

.MuseFormLabel {
    max-width: 220px !important;
    text-overflow: ellipsis;
    z-index: 10;
    white-space: nowrap;
}

.MuseFilterSummaryItemHeader {
    color: #324d7a;
}

.MultiSelectItem input {
    margin-top: 0px;
}

/* Kebab icon */
#BurgerIconRight:hover {
    background: #324d7a !important;
}

#BurgerIconRight.hovered {
    background: #324d7a !important;
}

#BurgerIconRight.hovered div {
    background: #f0f0f0;
}

.ButtonCheckBoxItem[selected=selected] {
    background: #324d7a;
}

/*#endregion Muse Controls*/




.GridTransferFilterTarget input[type="button"]{
    border-radius: 0px;
    border-color: #324D7A;
    background-color: #324D7A;
    color: white;
}

.GridTransferFilterTarget input[type="button"]:hover {
    border-color: #324D7A;
    background-color: #DAEEF7;
    color: black;
}

/*Nap approve and decline buttons*/
button[musebuttontype="approve"]
{
    color:#1cb430;
}
button[musebuttontype="decline"] {
    color: red;
}

/*Kendo Overrides*/
.k-widget.k-tooltip{
    border-color: #d2d2d2;
    background-color: #d2d2d2;   
}

.k-widget.k-tooltip .k-callout-e{
    border-left-color: #d2d2d2
}


.MusePanelIcon {
    width: 40px !important;
    padding-right: 10px;
}
    
/*override style in _dataGrid.CSS*/
.MuseDetailRowContainer {
    min-height:auto;
}

/*.ODWsStockGrid .MuseDetailRowContainer
{
    display:none;
}*/

.GridRowDetailsRow {
    display: flex;
    height: 38px;
    line-height: 38px;
    border-bottom: solid 1px #EFEFEF;
}

.GridRowDetailsCell {
    margin: 0px;
    padding: 0px;
    margin-left:4px;
    border:solid 1px white;
}

.MusePanel div[forcedcontrolid='receiveGoods_grid'].k-grid {
    border: 2px solid #badded;
}

/*#regionColour Grouping*/

div.MuseDataGrid tbody tr.AltGroupColour0[role="row"] {
    background-color: white;
}

div.MuseDataGrid tbody tr.AltGroupColour1[role="row"] {
    background-color: #F0F0F0;
}

div.MuseDataGrid tbody tr.AltGroupColour2[role="row"] {
    background-color: white;
}

div.MuseDataGrid tbody tr.AltGroupColour0[role="row"]:nth-child(2n) {
    background-color: #F3F3F3;
}

/*#endregion Colour Grouping*/

/*receive goods*/
.MusePanel .k-grid[forcedcontrolid="receiveGoodsOrderItemsCostCentre_grid"] {
    box-shadow: none;
    border: 1px solid #FFF;
}


/*div[forcedcontrolid="pnlStepTwo"] .k-state-focused,
div[forcedcontrolid="pnlStepTwo"] .k-state-default {
    outline: solid 1px green !important;
    border: solid 1px red !important;
}*/
/*div[forcedcontrolid="pnlStepOne"] .row:nth-child(2) {
    color: #AAA;
}

    div[forcedcontrolid="pnlStepThree"] .row:nth-child(2) {
        color: #AAA;
    }
*/
.GRVErrorMessage {
    color: red;
    font-size: 11px;
}

/*GRV manual totals column alignment*/
div[forcedcontrolid="receiveGoods_grid"][manualgrv="true"] tr[role="row"]:nth-child(2) td:nth-child(1) {
    text-align: right;
    padding-right: 5%;
}

div[forcedcontrolid="receiveGoods_grid"][manualgrv="true"] tr[role="row"]:nth-child(3) td:nth-child(1) {
    text-align: right;
    padding-right: 7.5%;
}

div[forcedcontrolid="receiveGoods_grid"][manualgrv="true"] tr[role="row"]:nth-child(4) td:nth-child(1) {
    text-align: right;
    padding-right: 6.5%;
}

.MuseGridRowMenu .MuseDropDownContainer {
    width: 200px;
}

.RowActionBar .MuseTextControlTitle {
    margin-top: 8px;
}

.RowActionBar .UpperPosition {
    margin-top: 0px;
}

.RowActionBar button
{
    margin-top:7px;
}

.RowActionBar input {
    margin-top: 3px;
}


.GRVWindow #MuseWindow
{
    margin:0px;
    padding:0px;
}

.GRVWindow .GRVWindowContent .GRVWindowContent_bar {
    background-color: #888;
    height: 50px;
    color: white;
}

.GRVWindow .GRVWindowContent .GRVWindow_OKButton
{
    text-align:right;
    cursor:pointer;
    line-height:50px;
    margin-right:25px;
}

.GRVWindow .GRVWindowContent .GRVWindowContent_img {
    text-align: center;
}

.GRVWindow .GRVWindowContent .GRVStamp {
    width: 350px;
}

.GRVWindow .GRVWindowContent .GRVStampText {
    transform: rotate(-5deg);
    color: white;
    position: absolute;
    top: 107px;
    left: 94px;
    text-align: center;
}

.GRVWindow .GRVWindowContent .GRVStampHeader {

}

.GRVWindow .GRVWindowContent .GRVStampNumber {
    font-weight:800;
    font-size:2.5em;
}


div[forcedcontrolid="receiveGoods_grid"] input[id^="CellValueText_"][musesubtype="Text"],
div[forcedcontrolid="receiveGoods_grid"] input.MuseGridCell_Text {
    border: solid 1px #DDD !important;
}

div[forcedcontrolid="receiveGoods_grid"].k-grid tr td {
    text-overflow: clip;
}


/*GRV step styling*/
div[forcedcontrolid="pnlStepOne"] {
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: black !important;
}

div[forcedcontrolid="pnlStepTwo"] {
    border-radius: 20px;
    width: 50vw !important;
    text-align: center;
    transform: translateX(50%);
    padding-left: 15px;
    padding-right: 15px;
}

div[forcedcontrolid="pnlStepTwo"] .MuseFormTextBox,
div[forcedcontrolid="pnlStepTwo"] .MuseFormDate {
    border: solid 1px white;
}


.MuseTextControlTitle.UpperPosition + input.k-textbox,
.MuseTextControlTitle.UpperPosition + .k-numerictextbox .k-numeric-wrap.k-state-default .k-input,
.MuseTextControlTitle.UpperPosition + .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-input,
.MuseTextControlTitle.UpperPosition + .MuseFormTextBox .k-textbox {
    padding-top: 18px;
}
div[forcedcontrolid="pnlStepTwo"] .MuseTextControlTitle {
    margin-top: 5px;
    font-size: 10px;
    padding-left: 10px;
}

div[forcedcontrolid="pnlStepTwo"] .MuseFormLabelRequired {
    left: 0px;
}

.GRVContentPanel {
    padding: 0;
    height:50vh;
}

.GRVContentPanelBlueBack {
    background-color: #d4e2ff;
}


div[forcedcontrolid="pnlStepTwo"]
{
    background-color:white !important;
    margin-top: 10vh;
}

.GRVContentPanel button {
    background-color: transparent;
    border: none;
}

.GRVContentPanel button[forcedcontrolid="stepOneBackForcedControlId"] i,
.GRVContentPanel button[name="Back"] i {
    font-size: 40px;
    color: white;
}

.GRVContentPanel button[forcedcontrolid="continueForcedControl"] i {
    font-size: 40px;
    color: #0179c0;
}

div[forcedcontrolid="pnlStepOne"] input,
div[forcedcontrolid="pnlStepOne"] input:hover,
.k-picker-wrap.k-state-default.k-state-hover {
    background-color: transparent !important;
    color: white !important;
    border: none;
}

div[forcedcontrolid="pnlStepOne"] input,
div[forcedcontrolid="pnlStepOne"] input:hover {
    border-right: 1px solid white;
}

.k-state-default > .k-select {
    border: none;
}

div[forcedcontrolid="pnlStepOne"] .col
{
    width:100px;

}

div[forcedcontrolid="pnlStepTwo"] .col:not(:nth-last-child(2)):not(:nth-last-child(1)) {
    border-right: 1px solid #7dabab;
    border-image: linear-gradient(top, rgba(255,255,255, 0), #CCC, #CCC, rgba(255,255,255, 0)) 1 100%; /* W3C */
    -moz-border-image: -moz-linear-gradient(top, rgba(255,255,255, 0), #CCC, #CCC, rgba(255,255,255, 0)) 1 100%; /* FF3.6+ */
    -webkit-border-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255, 0)), color-stop(33.33333%, #CCC), color-stop(66.66667%, #CCC), color-stop(100%, rgba(0, 0, 0, 0))) 1 100%; /* Chrome,Safari4+ */
    -webkit-border-image: -webkit-linear-gradient(top, rgba(255,255,255, 0), #CCC, #CCC, rgba(255,255,255, 0)) 1 100%; /* Chrome10+,Safari5.1+ */
    -o-border-image: -o-linear-gradient(top, rgba(255,255,255, 0), #CCC, #CCC, rgba(0, 0, 0, 0)) 1 100%; /* Opera 11.10+ */
}

div[forcedcontrolid="pnlStepTwo"] input,
div[forcedcontrolid="pnlStepTwo"] input:hover {
    background-color: transparent !important;
    color: black !important;
}

div[forcedcontrolid="pnlStepOne"] input:focus,
div[forcedcontrolid="pnlStepTwo"] input:focus {
    border: none !important;
}

div[forcedcontrolid="pnlStepOne"] .MuseTextControlTitle {
    color: white;
}

.GRVContentPanelStepThree {
    background-color: black;
    height: 74px;
    padding-top: 10px;
}

.GRVContentPanelStepThree input:hover,
.GRVContentPanelStepThree input {
    background-color: transparent !important;
    border: none;
    border-right: 1px solid white;
    color: white !important;
}

.GRVContentPanelStepThree .MuseTextControlTitle:hover,
.GRVContentPanelStepThree .MuseTextControlTitle {
    color: white;
}

.GRVContentPanelStepThree .k-picker-wrap.k-state-default,
.GRVContentPanelStepThree .k-picker-wrap.k-state-disabled,
.GRVContentPanelStepThree .k-picker-wrap.k-state-default.k-state-hover,
.GRVContentPanelStepThree .k-widget.k-datepicker.MuseFormDate {
    background-color: transparent !important;
    border: none;
    color:white !important;
}

.GRVContentPanelStepThree .MuseTextControlTitle + .k-numerictextbox .k-numeric-wrap .k-input,
.GRVContentPanelStepThree .MuseTextControlTitle + .k-datepicker .k-picker-wrap .k-input {
    margin-top: 3px;
    color:white !important;
}

.GRVContentPanelStepThree
{
    margin-top:-10px;
}

.GRVContentPanelStepThree .k-state-disabled
{
    opacity:1;
}

.GRVContentPanelStepThree .k-icon.k-i-calendar {
    color: white;
    visibility: hidden;
}

.GRVContentPanelStepThree .k-combobox.k-select,
.GRVContentPanelStepThree .k-numeric-wrap .k-select,
.GRVContentPanelStepThree .k-picker-wrap .k-select
{
    border:none;
}

.GRVContentPanelStepThreeFooterLabel {
    display: flex;
    align-items: center;
}
.GRVContentPanelStepThreeFooterCancelBtn button {
    color: #fff;
    background-color: black;
    border-color: black;
    border-radius: 100px;
    float: right;
    padding-left: 15px;
    padding-right: 15px;
}

.GRVContentPanelStepThreeFooterSubmitBtn button {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border-radius: 100px;
    padding-left: 15px;
    padding-right: 15px;
}

.IconButton {
    height: 49px;
}

.DisableIconButton {
    pointer-events: none;
    color: #CCC !important;
    height:49px;
}
.DisableIconButton i {
    pointer-events: none;
    color: #CCC !important;
}

.pnlStepOneDiv div
{
    display:flex;
    flex-direction:row;
    min-width:200px;
}

.pnlStepOneDiv div:first-child
{
    min-width:100px;
}

div[forcedcontrolid="pnlStepTwo"] .k-picker-wrap.k-state-default.k-state-focused.k-state-active.k-state-border-down {
    background-color: transparent;
}

div[forcedcontrolid="pnlStepThree"] .MuseSearchControl {
    background-color: #d3d3d34f;
    border-radius: 100px;
}
div[forcedcontrolid="pnlStepThree"] .MenuToggleContainer {
    background-color: #d3d3d34f;
    border-radius: 100px;
}
div[forcedcontrolid="pnlStepThree"] .MenuToggleContainer span {
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td,
.k-grid td.k-state-selected,
.k-grid tr.k-state-selected td,
.k-grid tbody[role=rowgroup] tr.GridSearchSelected[role=row] td:hover
.k-grid tbody tr.GridSearchSelected.k-state-selected,
.k-grid tbody tr.GridSearchSelected:hover,
.GridSearchSelected {
    background-color: inherit;
    color: white;
}
*/

.k-grid tr.k-alt:hover,
.k-grid tr:hover {
    /*background-color: #ebebeb;*/
    background-color: #daeef7;
}

div.MuseDataGrid[showaltrowcolours="true"] tbody tr.k-alt:hover, div[id*="MuseStaticGrid_"][showaltrowcolours="true"] tbody tr.k-alt:hover {
    background-color: #daeef7;
}
.k-grid tr.k-state-selected:hover td {
    background-color: #ebebeb;
}

/*div[id*='MuseStaticGrid_'][showaltrowcolours="true"] tbody tr.k-alt .k-state-selected {
    
    background-color: #ebebeb;
}*/

.k-grid tbody .k-alt.k-state-selected {
    background-color: #ebebeb !important;
}

/*Wholesaler stock view*/
td[role="gridcell"].Normal,
td[role="gridcell"].LowStock,
td[role="gridcell"].CloseToLowStock,
td[role="gridcell"].OverStock,
td[role="gridcell"].SlowStock,
td[role="gridcell"].OutOfStock,
td[role="gridcell"].NotStocked,
td[role="gridcell"].NoStockData {
    text-align: center;
}

    td[role="gridcell"].Normal.alignRight,
    td[role="gridcell"].LowStock.alignRight,
    td[role="gridcell"].CloseToLowStock.alignRight,
    td[role="gridcell"].OverStock.alignRight,
    td[role="gridcell"].SlowStock.alignRight,
    td[role="gridcell"].OutOfStock.alignRight {
        text-align: right;
    }



.Normal {
    border-radius: 5px;
    border: solid 1px #CCC !important;
    color: black;
    position: relative;
}

.CloseToLowStock {
    border-radius: 5px;
    border: solid 1px #FFA20BFF !important;
    background: rgb(255,162,11,0.8) !important;
    /*new styling - Toned down colours from original*/
    /*border: solid 1px #E64637 !important;
    background: #FFA866 !important;*/ /*orange*/
    color: black;
    font-weight: bold !important;
}

.LowStock {
    border-radius: 5px;
    /*original Styling*/
    border: solid 1px Red !important;
    background: rgb(255,0,0,0.8);
    /*new styling - Toned down colours from original*/
   /* border: solid 1px #E64637 !important;
    background: #FF4B4D !important;*/ /*red*/
    color: black;
    font-weight: bold !important;
}

.OverStock {
    border-radius: 5px;
    /*original Styling*/
    border: solid 1px Purple !important;
    background: rgb(201,23,232,0.8) !important;
    /*new styling - Toned down colours from original*/
   /* border: solid 1px #8664FF !important;
    background: #D675EA !important;*/ /*magenta*/
    color: black;
    font-weight: bold !important;
}

.SlowStock {
    border-radius: 5px;
    /*original Styling*/
    border: solid 1px #007bff !important;
    background: rgb(13,208,219,0.8) !important;
    /*new styling - Toned down colours from original*/
    /*border: solid 1px #68B8F2 !important;
    background-color: #6EDFE6 !important;*/ /*blue*/
    color: black;
    font-weight: bold !important;
}

.OutOfStock {
    border-radius: 5px;
    /*original Styling*/
    border: solid 1px Orange !important;
    background: rgb(247,224,5,0.8) !important;
    /*new styling - Toned down colours from original*/
    /*border: solid 1px #FFC847 !important;
    background: #FFFA7B !important;*/ /*yellow*/
    color: black;
    font-weight: bold !important;
}

.NotStocked {
    border-radius: 5px;
    border: solid 1px #CCC !important;
    color: black;
    font-weight: bold !important;
    position:relative;
}

.NoStockData {
    border-radius: 5px;
    border: solid 1px #CCC !important;
    color: black;
    font-weight: bold !important;
    position: relative;
}

.NotStocked::after {
    content: '\274c';
    color: red;
    font-family: 'Times New Roman', Times, serif;
    font-size: 10px;
    /*top: 17px;*/
    position: absolute;
    line-height: 0px;
    color: #dcdbdb;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 13px; /* Need a specific value to work */
}

.NoStockData::after {
    content: '-';
    font-family: 'Times New Roman', Times, serif;
    font-size: 25px;
    top: 17px;
    position: absolute;
    line-height: 0px;
    color: #dcdbdb;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 13px; /* Need a specific value to work */
}

.WSStockLegend {
    width:98%;
    overflow:hidden;
}

.NotStockedLegend,
.OutOfStockLegend,
.SlowStockLegend,
.OverStockLegend,
.CloseToLowStockLegend,
.LowStockLegend,
.NoStockData {
    height: 25px;
    line-height: 25px;
    color: Black;
}


span.CloseToLowStockLegend,
span.OverStockLegend,
span.SlowStockLegend,
span.OutOfStockLegend,
span.NotStockedLegend,
span.LowStockLegend,
span.NoStockData {
    /*background-color: transparent !important;
    border: none !important;*/
}


.LowStockLegend {
    border-radius: 5px;
    /*original Styling*/
    border: solid 1px Red !important;
    background: rgb(255,0,0,0.8);
    /*new styling - Toned down colours from original*/
    /*border: solid 1px #E64637 !important;
    background: #FF8362;*/ /*red*/
    margin-bottom: 5px;
}

.CloseToLowStockLegend {
    border-radius: 5px;
    /*original Styling*/
    border: solid 1px #FFA20BFF !important;
    background: rgb(255,162,11,0.8);
    margin-bottom: 5px;
}

.OverStockLegend {
    border-radius: 5px;
    /*original Styling*/
    border: solid 1px Purple !important;
    background: rgb(201,23,232,0.8);
    /*new styling - Toned down colours from original*/
    /*border: solid 1px #8664FF !important;
    background: #AC7AE6;*/ /*magenta*/
    margin-bottom: 5px;
}

.SlowStockLegend {
    border-radius: 5px;
    /*original Styling*/
    border: solid 1px #007bff !important;
    background: rgb(13,208,219,0.8);
    /*new styling - Toned down colours from original*/
    /*border: solid 1px #68B8F2 !important;
    background-color: #6EE6DE;*/ /*blue*/
    margin-bottom: 5px;
}

.OutOfStockLegend {
    border-radius: 5px;
    /*original Styling*/
    border: solid 1px Orange !important;
    background: rgb(247,224,5,0.8);
    /*new styling - Toned down colours from original*/
    /*border: solid 1px #FFC847 !important;
    background: #FFEC54;*/ /*yellow*/
    margin-bottom: 5px;
}

.NotStockedLegend {
    border-radius: 5px;
    border: solid 1px #CCC !important;
    margin-bottom: 5px;
}

/*span.NotStockedLegend::after {
    content: '+';
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
    transform: rotate(45deg);
    position: absolute;
    line-height: 0px;
    color: red;
    top:16px;
    left: 95px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 40px;*/ /* Need a specific value to work */
/*}*/


/*Wholesaler stock tooltip style*/


.customToolTip > tbody > tr:first-of-type > td:first-of-type {
    background-color: #ff9d00;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 14px;
}

    .customToolTip > tbody > tr:first-of-type > td:first-of-type .LabelNote {
        font-size: 16px;
        color: white;
        padding: 0px 10px;
    }

.customToolTip > tbody > tr:first-of-type > td:nth-of-type(2) {
    background-color: #ff9d00;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.customToolTip > tbody > tr:nth-child(odd) {
    background-color: #dedede;
}

.customToolTip > tbody > tr:nth-child(even) {
    background-color: #d2d2d2;
}

/*.k-tooltip-content:has(.customTooltip) {
    padding: 0;
}
*/


div.MusePanel[forcedcontrolid="LegendForcedControl"] {
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: 55px;
    padding-right: 0px;
}

div.MusePanel[forcedcontrolid="pnlSameAs"] div[id^="MusePanelContent_Panel_"] {
    /*min-width: 100vw;*/
}

div.MusePanel[forcedcontrolid="pnlSameAs"] {
    /*width: 80vw !important;
    max-width: 80vw !important;*/
}

.MuseLRSButtonContainer {
    max-width: 100px !important;
    width: 100px !important;
}

div.MusePanel[forcedcontrolid="pnlSameAs"] .k-grid-header-wrap
{
    max-width: 100% !important;
}

.MuseLRSGridContainer {
    /*max-width: 47vw !important;
    width: 47vw !important;*/
}

/*.Muse_MATC_Slider {
    position: absolute !important;
    right: -25px !important;
}*/

span[forcedcontrolid="lblLastUpdated"]
{
    line-height:55px;
}

/*project specific overrides*/

.MegaFilterActive {
    background-color: rgb(255,162,11,0.8);
}

.GridMegaMenu {
    border: solid 5px rgb(255,162,11,0.8);
}

.BoolSwitch
{
    width:265px;
}

.Panel_VAT .BoolSwitch {
    margin-left: 30px;
    width: 265px;
}

.Panel_Default div[id^="MusePanelContent_Panel_"],
.Panel_StockNotification div[id^="MusePanelContent_Panel_"],
.Panel_FilterSettings div[id^="MusePanelContent_Panel_"] {
    margin-left: 30px;
    width: 500px;
}

.k-tooltip-content .LabelNote
{
    white-space:nowrap;
}

.k-tooltip-content {
    text-align: left;
}

[id^="FlatGrid_"] .k-filter-row th, [id^="FlatGrid_"] .k-grid-header th.k-header {
    font-size: 12px !important;
    text-align: left;
    white-space: normal;
}

div[id^="CustomFlatGrid_"] .k-grid-header .k-grid-header-locked th.k-header {
    font-size: 10px !important;
    text-align: left;
    padding-top: 15px !important;
    white-space: nowrap;
}


.LockedColumnRowHighlight {
    /*background-color: #ebebeb !important;*/
    background-color: #daeef7 !important;
}

.k-item .k-link.k-menu-link {
    text-transform: uppercase;
    font-size: 12px;
}

.k-menu .k-item > .k-link {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-indent: 0 !important;
    line-height: 40px !important;
}

.k-item.k-state-default.k-state-border-left .k-animation-container {
    /*left: -121px !important;*/
    left: -153px !important;
}

.k-animation-container {
    margin-right: -20px;
    text-indent: 1px;
}

label {
    display: block;
    font-size: 12px;
    font-weight: 500;
}

.KebabMenuItemRadio {
    height: 30px !important;
}

button[forcedcontrolid="btnShowMore"] {
    display: none;
}

#Menu_ODDashboard .MusePanel[hasborder="true"][forcedcontrolid="btnPanel"] {
    border: 0px;
    padding: 0px;
    /*border-right: 1px solid rgb(226, 226, 226);*/
}

#Menu_Dashboard .MusePanel[hasborder="true"][forcedcontrolid="btnPanel"] {
    border: 0px;
    padding: 0px;
    /*border-right: 1px solid rgb(226, 226, 226);*/
}

.MuseDataGridMenu div[forcedcontrolid='btnPanel'] {
    right: 40px !important;
}


div[forcedcontrolid="pnlStockLevelGrid"] {
    height: 300px;
}


div[forcedcontrolid="pnlSameAs"] div[forcedcontrolid^="LeftGrid_"] .k-grid-content {
    height: calc(100vh - 401px) !important;
    min-height: calc(100vh - 401px) !important;
    max-height: calc(100vh - 401px) !important;
}

div[forcedcontrolid="pnlSameAs"] div[forcedcontrolid^="RightGrid_"] .k-grid-content {
    height: calc(100vh - 401px) !important;
    min-height: calc(100vh - 401px) !important;
    max-height: calc(100vh - 401px) !important;
}


div[id^="RowMenu_"] div[forcedcontrolid^="LeftGrid_"] .k-grid-content {
height: calc(100vh - 400px) !important;
min-height: calc(100vh - 400px) !important;
max-height: calc(100vh - 400px) !important;
}

div[id^="RowMenu_"] div[forcedcontrolid^="RightGrid_"] .k-grid-content {
    height: calc(100vh - 340px) !important;
    min-height: calc(100vh - 340px) !important;
    max-height: calc(100vh - 340px) !important;
}


.MuseLRSButtonContainer button {
    margin-top: 5px;
    margin-bottom: 5px;
}

div[forcedcontrolid="gridStockLevel"] .k-grid-content {
    height: calc(100vh - 148px);
}

.input[id^="CellValueText_"] {
    font-size: 14px;
    background-color: transparent;
    color: #888;
    width: 100%;
    height: 25px;
}

div[forcedcontrolid="chkIncludeCloseToLowItems"] .BoolSwitch {
    padding-right: 20px;
}

div[forcedcontrolid="gridStockLevel"] .k-grid-header th.k-header {
    font-size: 15px !important;
    font-weight: 500;
    line-height: unset;
    color: #333;
    width: 100%;
    min-width: 15px;
}

div[gridid="ODDashboard"] div[forcedcontrolid="pnlSameAsHeader"] div[id^="MusePanelContent_"] .MusePanel {
    border: 0px;
    padding: 0px;
    min-height: 44px;
}

div[gridid="ODDashboard"] div[forcedcontrolid="pnlSameAsHeader"] {
    padding:0px;
}




div[forcedcontrolid="pnlSameAsHeader"] div[id^="MusePanelContent_"] .MusePanel {
    border: 0px;
    padding: 0px;
    min-height: 44px;
}

div[forcedcontrolid="pnlSameAsHeader"] {
    padding: 0px !important;
}

div[id^="RowMenu_"] div[forcedcontrolid="pnlSameAs"] {
    padding-top: 0px;
}

.MuseGridRowMenu .container-fluid .MasonaryBlock {
    padding-bottom: 0px !important;
}

div[id="PageContent_Custom"] .MuseContainer .MusePanel:nth-child(2) {
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 0px;
}

span[forcedcontrolid="lblTime"] {
    padding-left: 80px
}

div[forcedcontrolid="pnlDefault"] div[id^="MusePanelContent_"] .LabelNote {
    margin-top: 14px;
}

input[forcedcontrolid="txtDefaultCloseToLowFactor"], input[forcedcontrolid="txtDefaultSlowStockDays"] {
    padding-top: 0px !important;
}

div[forcedcontrolid="pnlDefault"] .MuseDropDownContainer select {
    font-size: 14px;
}

div[forcedcontrolid="pnlDefault"] .MuseTextControlTitle + input.k-textbox {
    font-size: 14px;
}

select[forcedcontrolid^="cmb"] {
    font-size: 14px;
}

.butDisable:hover {
    background-color: lightgray;
    color: grey;
    cursor: default;
}

.butDisable {
    background-color: lightgray;
    color: grey;
    cursor: default;
}

.k-alt.LockedColumnRowHighlight.hoverHighlight {
    background-color: #daeef7;
}

div.MuseDataGrid tbody tr.AltGroupColour0[role="row"]:hover {
    background-color: #daeef7;
}

.k-grid tr.k-state-selected:hover td {
    background-color: #daeef7 !important;
}

.borderBottomLock td{
    border-bottom: solid 2px #CCC !important;
}

#MuseHeaderBar .row .MuseCustomDropDownContainer {
    border-left: 1px #eee solid;
}

.totalBold {
    font-weight:500 !important;
}

div[forcedcontrolid="chkIncludeCloseToLowItems"] {
    border-right: 1px solid rgb(226, 226, 226);
    border-left: 1px solid rgb(226, 226, 226);
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    right: 30px;
}

div[forcedcontrolid="chkIncludeCloseToLowItems"] span.BoolSwitch {
    width: 180px;
}

.GridTransferFilterSource {
    max-height: 70vh;
}

div[forcedcontrolid="chkClearClutter"] {
    border-right: 1px solid rgb(226, 226, 226);
    border-left: 1px solid rgb(226, 226, 226);
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    right: 266px;
}

div[forcedcontrolid="chkClearClutter"].wholesalerClutter {
    border-right: 1px solid rgb(226, 226, 226);
    border-left: 1px solid rgb(226, 226, 226);
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    right: 30px;
}

div[forcedcontrolid="chkClearClutter"] span.BoolSwitch {
    width: 90px;
}

.NotStocked.ClearClutter {
    border-radius: 5px;
    border: solid 0px #CCC !important;
    color: black;
    font-weight: bold !important;
    position: relative;
}

.NoStockData.ClearClutter {
    border-radius: 5px;
    border: solid 0px #CCC !important;
    color: black;
    font-weight: bold !important;
    position: relative;
}

.ClearClutter::after {
    content: '';
    font-family: 'Times New Roman', Times, serif;
    font-size: 25px;
    top: 17px;
    position: absolute;
    line-height: 0px;
    color: #dcdbdb;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 40px; /* Need a specific value to work */
}

.MegaMenuFilterButtonCustom {
    border-left: 1px solid rgb(226, 226, 226);
    width: 136px !important;
}

.salesProjections.legendText {
    padding-left: 10px;
    padding-right: 0px;
}

.wholesalerStock.legendText,
.salesProjections.legendText {
    padding-left: 10px;
    padding-right: 0px;
    font-size: 0.7vw;
}

div[forcedcontrolid="LegendForcedControl"] .row .col {
    padding-right: 0px;
    padding-left: 0px;
}

div[forcedcontrolid="LegendForcedControl"] span:not(.legendText) {
    border-radius: 100%;
    padding-right: 18px;
}

div[forcedcontrolid="LegendForcedControl"] .NotStockedLegend::after {
    /*content: '-';*/
    content: '\274c';
    font-family: 'Times New Roman', Times, serif;
    font-size: 10px;
    padding-left: 6px;
    color: #dcdbdb;
    position: absolute;
    top: -4px;
    left: -4px;
}

div[forcedcontrolid="pnlButtons"] button {
    font-weight: 500;
    background-color: white;
    color: #324d7a;
}

button[forcedcontrolid="kebabMenuByWholesaler"] {
    margin-right: 0px;
    /*border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;*/
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    text-transform: uppercase;
}

button[forcedcontrolid="kebabMnuByIssue"] {
    margin-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    /*border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;*/
    text-transform: uppercase;
}

button[forcedcontrolid="btnShowQty"].wholesalerButton {
    margin-right: 0px;
    /*border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;*/
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    text-transform: uppercase;
}

button[forcedcontrolid="kebabMenuByWholesaler"].wholesalerButton {
    margin-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    /*border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;*/
}



button[forcedcontrolid="kebabMenuByWholesaler"].active,
button[forcedcontrolid="kebabMnuByIssue"].active,
button[forcedcontrolid="btnShowQty"].active,
button[forcedcontrolid="btnLowStock"].active,
button[forcedcontrolid="btnCloseToLowLowStock"].active,
button[forcedcontrolid="btnOutOfStock"].active,
button[forcedcontrolid="btnAllStock"].active,
button[forcedcontrolid="btnStockWithIssues"].active
{
    background-color: #daeef7;
    color: #324d7a;
}

button[forcedcontrolid="btnAllStock"],
button[forcedcontrolid="btnLowStock"],
button[forcedcontrolid="btnCloseToLowLowStock"],
button[forcedcontrolid="btnOutOfStock"],
button[forcedcontrolid="btnStockWithIssues"] {
    background-color: white;
    color: black;
}


button[forcedcontrolid="kebabMenuByWholesaler"]:hover,
button[forcedcontrolid="kebabMnuByIssue"]:hover,
button[forcedcontrolid="btnShowQty"]:hover,
button[forcedcontrolid="btnLowStock"]:hover,
button[forcedcontrolid="btnCloseToLowLowStock"]:hover,
button[forcedcontrolid="btnOutOfStock"]:hover,
button[forcedcontrolid="btnAllStock"]:hover,
button[forcedcontrolid="btnStockWithIssues"]:hover
{
    background-color: #1976d2;
    color: white;
    border: solid 1px #1976d2;
    /*background-color: #324d7a;
    border-color: #324d7a;*/
}



div[forcedcontrolid="pnlButtons"] {
    /*max-width: 13% !important;*/
    max-width: 242px !important;
    position: absolute;
    right: 40px;
    padding: 0px;
    min-height: 56px;
}

div[forcedcontrolid="pnlButtons"].wholesalerSwitchButton {
    max-width: 235px !important;
    position: absolute;
    right: 186px;
    padding: 0px;
    min-height: 56px;
}

div[forcedcontrolid="pnlButtons"].wholesalerSwitchButton div[id^="MusePanelContent_Panel_"] {
    margin-left: 14px;
    flex-direction: inherit;
}

#Menu_ODDashboard div[forcedcontrolid="pnlButtons"] div[id^="MusePanelContent_Panel_"] {
    flex-direction: inherit;
}

#Menu_Dashboard div[forcedcontrolid="pnlButtons"] div[id^="MusePanelContent_Panel_"] {
    flex-direction: inherit;
}

div[forcedcontrolid="pnlButtons"] div[id^="MusePanelContent_Panel_"] {
    margin-left: 20px;
}

button[forcedcontrolid="btnLegendForcedControl"] {
    min-height: 54px;
    position: absolute;
    right: 37px;
    background-color: white;
    border-top: 0px;
    border-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    color: black;
}

button[forcedcontrolid="btnLegendForcedControl"]:hover {
    background-color: #1976d2;
    color:white;
}

button[forcedcontrolid="btnLegendForcedControl"].active {
    background-color: #daeef7;
    color: #324d7a;
    font-size: 14px;
    font-weight: 400;
    color: black;
}

div[forcedcontrolid="odManageProduct_cbSelectAll"] span.BoolSwitch {
    width: 170px;
}
div[forcedcontrolid="odManageProduct_cbSelectAll"] {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid rgb(226, 226, 226);
    border-left: 1px solid rgb(226, 226, 226);
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    right: 35px;
}


div[forcedcontrolid="odManageWs_cbSelectAll"] span.BoolSwitch {
    width: 195px;
}

div[forcedcontrolid="odManageWs_cbSelectAll"] {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid rgb(226, 226, 226);
    border-left: 1px solid rgb(226, 226, 226);
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    right: 35px;
}



div[forcedcontrolid="btnPanel"] div.text-danger {
    border-right: 1px solid rgb(226, 226, 226);
    border-left: 1px solid rgb(226, 226, 226);
    right: -16px;
}

div[forcedcontrolid="btnPanel"] > div > .row-cols-5 > .col > .MenuToggleContainer {
    right: -27px;
}

.BurgerMenuLogo {
    background-color: white !important;
}

.BurgerMenuLogoClose::after {
    color: black;
}

div[musesubtype="FlatGrid"] .k-footer-template td {
    text-align: center;
    vertical-align: middle;
}

.MegaFilterActive {
    background-color: white !important;
    border-color: rgb(255,162,11,0.8);
    border-style: solid;
    border-width: 5px;
    border-bottom: none;
    color: black !important;
}

.GridMegaMenuContent::after {
    /*content: "";*/
    width: 126px;
    top: 110px;
}

/*.MuseDataGridMenuFilterBar.container-fluid:not(.MuseDataGridMenuFilterBarOpen) {
    display: none;
}*/


.prodTotal {
    text-align: left !important;
}

.legendsmall {
    display: inherit !important;
    height: 55px !important;
}
.legendsmall div.MusePanel[forcedcontrolid="LegendForcedControl"] {
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: 54px;
    top: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.legendsmall div[forcedcontrolid="LegendForcedControl"] .row .col {
    display: flex;
    top: 12px;
    width: 131px;
}
.legendsmall .NotStockedLegend, .legendsmall .OutOfStockLegend, .legendsmall .SlowStockLegend, .legendsmall .OverStockLegend, .legendsmall .CloseToLowStockLegend, .legendsmall .LowStockLegend {
    height: 19px;
}

.legendsmallsales {
    display: inherit !important;
    height: 55px !important;
}
.legendsmallsales div.MusePanel[forcedcontrolid="LegendForcedControl"] {
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: 54px;
    top: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.legendsmallsales div[forcedcontrolid="LegendForcedControl"] .row .col {
    display: flex;
    top: 12px;
    width: 100px;
}
.legendsmallsales .NotStockedLegend, .legendsmallsales .OutOfStockLegend, .legendsmallsales .SlowStockLegend, .legendsmallsales .OverStockLegend, .legendsmallsales .CloseToLowStockLegend, .legendsmallsales .LowStockLegend {
    height: 19px;
}
.legendsmallsales .MuseDataGridMenu [forcedcontrolid="LegendForcedControl"] [id^="MusePanelContent_Panel"] {
    
}

.legendsmallsales .salesProjections.legendText {
    padding-left: 3px;
    padding-right: 0px;
}

.hidecustomtooltip {
    display: none !important;
}

/**/

@media screen and (max-height: 768px) {
    [forcedcontrolid="grdWholesalersGrid"] .k-grid-content {
        max-height: 74vh;
    }
}

@media screen and (max-width: 1750px) {
    .MuseSearchControl {
        min-width: 20vw !important;
    }
}

@media screen and (max-width: 1550px) {
    .MuseGridPanel > div:first-child {
        padding-right: 20px !important;
        padding-left: 0px !important;
    }

    .MuseGridPanelChild span {
        padding-left: 15px;
        padding-right: 15px;
    }

    [forcedcontrolid="chkIncludeCloseToLowItems"] .BoolSwitch {
        width: 90px !important;
        height: 100%;
        padding-right: 0px !important;
        white-space: initial;
        margin-right: 0px;
        text-align: left;
        margin-top: 12px;
    }

    .MuseSearchControl {
        min-width: 15vw !important;
    }

}

@media screen and (max-width: 1600px) {
    /*.MuseSearchControl {
        width: 200px !important;
        max-width: 200px !important;
        min-width: 200px !important;
    }*/
}


/*[forcedcontrolid="btnSaveMyDetails"] {
    box-shadow: 1px 1px #b2b2b2 !important;
    position: relative !important;
    font-size: 12px;
    border: 1px solid #DDD;
    padding: 0px;
    margin-right: 0px;
    font-family: Slate;
    border-radius: 25px;
    background-color: #A9D0FF;
}*/

button[forcedcontrolid="btnSaveMyDetails"]:hover {
    /*background-color: #1976d2;*/
    /*border: 1px solid #DDD;
    background-color: #0070f0;*/
    /*color: white;
    border: solid 1px #1976d2;*/
}

/*.MuseKebabMenu > .k-item.k-first {
    margin-right: -8px !important;
}*/

/*[forcedcontrolid="cmbProductGroupTypeName"] {
    margin-left:0px;
}*/

.MuseTextControlTitle.UpperPosition + select {
    padding-top: 14px;
    margin-left: 0px;
}

.MuseDropDownContainer .UpperPosition {
    margin-top: 10px;
}

[forcedcontrolid="pnlSameAsHeader"] {
    min-height: 46px;
}

.MuseLRSGridContainer .k-grid-content {
    height: 56vh !important;
    min-height: 56vh !important;
    max-height: 56vh !important;
}

td[role='gridcell'] {
    font-weight: 400 !important;
}

.k-footer-template td[footindex="Column_ProductName"] {
    text-align: left !important;
}
.panelheader {
    background-color: white;
    color: white;
}
.panelheaderhover {
    background-color: #1976d2;
    color: white;
}

[forcedcontrolid="pnlLowStockPanel"] .MusePanelTitleStatus,
[forcedcontrolid="pnlSlowStockPanel"] .MusePanelTitleStatus,
[forcedcontrolid="pnlStaleStockPanel"] .MusePanelTitleStatus {
    /*border-radius: 100%;*/
    margin-right: 10px;

}

[forcedcontrolid="pnlLowStockPanel"] .MusePanelTitleStatus .fas,
[forcedcontrolid="pnlSlowStockPanel"] .MusePanelTitleStatus .fas,
[forcedcontrolid="pnlStaleStockPanel"] .MusePanelTitleStatus .fas{
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
}

[forcedcontrolid="pnlLowStockPanel"],
[forcedcontrolid="pnlSlowStockPanel"],
[forcedcontrolid="pnlStaleStockPanel"] {
    padding-bottom: 10px;
}

/*.MuseSearchControl {
    width: 300px !important;
    max-width: 300px !important;
    min-width: 300px !important;
}*/

.Muse_MATC_Slider_Off {
    background-color: #e6e6e6;
}

.totalcell {
    border: 0px !important;
    background-color: #f5f5f5;
    border-radius: 0px !important;
    text-align: right !important;
}

[forcedcontrolid="pnlSameAs"] .k-grid [role="gridcell"] {
    padding-left: 15px;
}

.legendcol {
    padding-left: 0px;
    padding-top: 2px;
}

.legendcol span{
    font-weight: 500;
    padding-left: 0px !important;
}

.legendcol span:first-child{
    padding-right: 0px;
}

[forcedcontrolid="LegendForcedControl"] .row .col {
    max-width: 170px;
    min-width: 170px;
    width: 170px;
}



.wholesalerlegend .row {
    margin-right: 0px;
    margin-left: 0px;
}

.legendsmall.wholesalerlegend .row,
.legendsmallsales.wholesalerlegend .row {
    max-width: 130px;
}

.legendsmallsales [forcedcontrolid="LegendForcedControl"] .row .col {
    max-width: 140px;
    min-width: 140px;
    width: 140px;
}

[forcedcontrolid="LegendForcedControl"] [id^="MusePanelContent_Panel"] {
    flex-direction: inherit;
}

[forcedcontrolid="LegendForcedControl"] [id^="MusePanelContent_Panel"] {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-direction: inherit;
}

[forcedcontrolid="LegendForcedControl"] .row {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

[forcedcontrolid="pnlLowStockPanel"] .MusePanelTitle,
[forcedcontrolid="pnlSlowStockPanel"] .MusePanelTitle,
[forcedcontrolid="pnlStaleStockPanel"] .MusePanelTitle {
    margin-left: 0px;
}

[forcedcontrolid="pnlLowStockPanel"] .k-grid [role="gridcell"],
[forcedcontrolid="pnlSlowStockPanel"] .k-grid [role="gridcell"],
[forcedcontrolid="pnlStaleStockPanel"] .k-grid [role="gridcell"] {
    padding-left: 15px;
}

[forcedcontrolid="btnReturnToDashboard"] {
    font-weight: 500;
    background-color: white;
    color: #324d7a;
    font-size: 0.8em;
    width: 156px !important;
    max-width: 156px !important;
    min-width: 156px !important;
}

[forcedcontrolid="btnReturnToDashboard"]:hover {
    background-color: #1976d2;
    color: white;
    border: solid 1px #1976d2;
}

[forcedcontrolid="pnlBackButton"] {
    max-width: 188px !important;
    width: 188px !important;
    min-width: 188px !important;
    right: 421px;
    height: 56px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    position: absolute !important;
}

[id^="FlatGrid_"] [role="gridcell"]:not([class]) {
    padding-left: 10px;
}

.k-grid-footer.valuesfooter .k-footer-template {
    height: 25px;
}

.k-grid-footer.valuesfooter tbody tr {
    line-height: 25px !important;
}

[forcedcontrolid="chkShowVatFigures"] {
    padding-left: 50px;
}

[forcedcontrolid="chkShowVatFigures"] .BoolSwitch {
    width: 189px;
    text-transform: uppercase;
    font-size: 12px;
}

[forcedcontrolid="pnlVat"], [forcedcontrolid="pnlDefault"], [forcedcontrolid="pnlStockNotification"], [forcedcontrolid="pnlFilterSettings"] {
    padding-left: 0px;
    padding-right: 0px;
}

[forcedcontrolid="pnlVat"] .MusePanelTitle, [forcedcontrolid="pnlDefault"] .MusePanelTitle, [forcedcontrolid="pnlStockNotification"] .MusePanelTitle, [forcedcontrolid="pnlFilterSettings"] .MusePanelTitle {
    margin-left: 5px;
}

[forcedcontrolid="pnlDefault"] [id^="MusePanelContent_Panel_"] {
    width: 55%;
}

[forcedcontrolid="pnlStockNotification"] > [id^="MusePanelContent_Panel_"] {
    width: 70%;
}

[forcedcontrolid="pnlVat"] [id^="MusePanelContent_Panel_"], [forcedcontrolid="pnlDefault"] [id^="MusePanelContent_Panel_"], [forcedcontrolid="pnlStockNotification"] [id^="MusePanelContent_Panel_"], [forcedcontrolid="pnlFilterSettings"] [id^="MusePanelContent_Panel_"] {
    padding-left: 5px;
}

[id^="RowMenu_"] .MuseFormTitleClose {
    top: 26px !important;
}

/*[forcedcontrolid="pnlMain"] + .MusePanel button:hover {
    background-color: #1976d2;
    color: white;
    border: solid 1px #1976d2;
}*/

[forcedcontrolid="pnlMain"] + .MusePanel button {
    font-weight: 500;
    font-family: inherit;
    font-size: 12px;
}

[forcedcontrolid="pnlDefault"] .row.row-cols-2 div.LabelNote {
    min-width: 265px;
    width: 265px;
    max-width: 265px;
}

.hidePrintOption {
    display: none !important;
}

.salesProjection {
    max-height: 75vh !important;
}

[gridid="ODDashboard"] .k-grid-content,
[gridid^="FlatGrid_"] + [id^="FlatGrid_"] .k-grid-content:not(.salesProjection),
[forcedcontrolid="grdWholesalersGrid"] .k-grid-content {
    max-height: 80vh !important;
}

[gridid="ODDashboard"] + [id="PageContent_Custom"] {
    margin-top: -8px;
}

[gridid="ODDashboard"] + [id="PageContent_Custom"] .MuseContainer {
    height: 88vh;
}

.SearchOptionsButtonCheckboxes > .MusePanel {
    border: none !important;
}

.SearchOptionsButtonCheckboxes > .MusePanel .MusePanelTitle{
    margin-left: 0px;
}

[forcedcontrolid="chkShowVatFigures"] {
    height: 40px;
}

.totalColumn {
    text-align: right !important;
}

.MuseSearchIcon {
    top: 6px;
}

[forcedcontrolid="pnlEmail"] {
    min-height: 0px;
    height: 0px;
    padding: 0px;
}

/*[forcedcontrolid="pnlEmail"] [id^="MusePanelContent_Panel"]{
    display: block !important;
}*/

[forcedcontrolid="btnSendEmail"] {
    margin-top: 8px;
    margin-bottom: 8px;
}

[forcedcontrolid="lblEMailAddress"] {
    top: 16px;
    margin-left: 10px;
}

[forcedcontrolid="pnlPhysicalAddress"] [id^="MusePanelContent_Panel"] > .row:first-of-type .MuseLabelControl {
    font-weight: bolder;
}

[forcedcontrolid="txtEmailAddress"] {
    margin-top: 5px;
}

[forcedcontrolid="pnlEmail"] [id^="MusePanelContent_Panel_"] > .row > .LabelNote {
    width: 160px;
    max-width: 160px;
}

[forcedcontrolid="pnlEmail"] .MuseTextControlTitle.UpperPosition + input.k-textbox {
    padding-top: 0px;
}

.EmailErrorMessage {
    position: absolute;
    top: 3px;
    right: 0px;
    color: red;
    font-size: 11px;
    padding-right: 24px;
}

.PageContent {
    margin-bottom: 0px !important;
}

[forcedcontrolid="pnlLowStockPanel"] .k-grid-norecords::after,
[forcedcontrolid="pnlSlowStockPanel"] .k-grid-norecords::after,
[forcedcontrolid="pnlStaleStockPanel"] .k-grid-norecords::after {
    left: 43% !important;
}

.hideFont {
    color: #f5f5f5 !important;
}

.k-state-selected, .k-alt.k-state-selected, .k-grid tbody .k-alt.k-state-selected {
    color: black;
    background-color: #B3DFF2 !important;
    box-shadow: none !important;
}

.alignRight {
    text-align: right !important;
}

.MuseGridPanel .MuseKebabMenu:hover {
    background-color: #324d7a !important;
    color: white;
}

.MuseGridPanel .MuseKebabMenu {
    /*top: 4px !important;
    right: -11px !important;
    width: 46px !important;
    height: 46px !important;
    padding-top: 3px !important;*/
    cursor: pointer;
    right: -10px;
}

.k-menu .k-link.k-state-active, .k-menu .k-menu-scroll-button:hover, .k-menu .k-state-hover > .k-link {
    color: white;
    background-color: #324d7a;
    border-color: #324d7a;
    background-image: none;
}

.MuseKebabMenu li.k-state-hover {
    background-color: #324d7a !important;
}

li[musesubtype="kebabmenuitem"] .k-link.k-menu-link i {
    top: 14px;
}

.k-menu .k-state-hover .k-link.k-state-active {
    background-color: #324d7a;
}

.MegaFilterActive .MegaMenuFilterButtonBlank {
    width: 126px;
}

@font-face {
    font-family: 'icomoonnew';
    src: url('/new/Content/CSS/Fonts/icomoon.eot');
    src: url('/new/Content/CSS/Fonts/icomoon.eot?y01sdo#iefix') format('embedded-opentype'), url('/new/Content/CSS/Fonts/icomoon.ttf?y01sdo') format('truetype'), url('/new/Content/CSS/Fonts/icomoon.woff?y01sdo') format('woff'), url('/new/Content/CSS/Fonts/icomoon.svg?y01sdo#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


[class^="icon-"].new, [class*=" icon-"].new {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoonnew' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.museFilterIcon {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 14px;
    height: 14px;
    fill: #324d7a;
}

.BMI_Text {
    text-transform: uppercase;
}

.MegaMenuFilterButton:hover,
.MegaMenuFilterButtonCustom:hover{
    cursor: pointer !important;
    background-color: rgb(255,162,11,1);
}

.MegaMenuFilterButton:hover .MegaMenuFilterButton_Text,
.MegaMenuFilterButtonCustom:hover .MegaMenuFilterButton_Text,
.MegaMenuFilterButton:hover .icon-file-svg-filter-icon-11562874693tj59mpz35p:before,
.MegaMenuFilterButtonCustom:hover .icon-file-svg-filter-icon-11562874693tj59mpz35p:before{
    color: white;
}

.MegaMenuFilterButton.MegaFilterActive:hover .MegaMenuFilterButton_Text,
.MegaMenuFilterButtonCustom.MegaFilterActive:hover .MegaMenuFilterButton_Text,
.MegaMenuFilterButton.MegaFilterActive:hover .icon-file-svg-filter-icon-11562874693tj59mpz35p:before {
    color: #324d7a;
}

.MegaFilterActive .MegaMenuFilterButtonBlank {
    margin-top: 54px;
}

.MuseDataGridMenu {
    z-index: 103 !important;
}

td.k-state-selected {
    border-color: white;
    background-color: inherit !important;
}

[id="PageContent_Custom"] > .MuseContainer > [forcedcontrolid="pnlMain"] {
    max-width: 80% !important;
    margin-left: 10%;
    margin-top: 6%;
    border: solid 1px rgb(255, 162, 11, 0.8) !important;
    height: auto !important;
    border-radius: 3px;
}

[forcedcontrolid="pnlWorkingHours"] > [id^="MusePanelContent_Panel_"] {
    margin-left: 14px;
}

[forcedcontrolid="pnlWorkingHours"] {
    padding-top: 20px !important;
    padding-left: 26px !important;
}

[forcedcontrolid="pnlPhysicalAddress"] {
    padding-top: 40px !important;
    padding-left: 40px !important;
    padding-bottom: 0px !important;
}

[forcedcontrolid="pnlContactDetails"] {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
    padding-left: 40px !important;
}

[forcedcontrolid="gridStockLevel"] input[id^="CellValueText_"] {
    width: 99%;
}

/*My Details & Change Password*/
[forcedcontrolid="pnlUserInfo"] {
    max-width: 80% !important;
    margin-left: 10%;
    top: 12%;
    border: solid 1px rgb(255, 162, 11, 0.8) !important;
    border-left: 1px #eee solid !important;
    height: auto !important;
    border-radius: 3px;
    padding-bottom: 0px;
}

[forcedcontrolid="pnlUserInfo"] > [id^="MusePanelContent_"] > .row:not(:last-child) {
    margin-top:10px;
}

[forcedcontrolid="pnlUserInfo"] > [id^="MusePanelContent_"] > .row:last-child > .col {
    text-align: -webkit-right;
    padding-right: 0px;
}

[forcedcontrolid="pnlUserInfo"] > [id^="MusePanelContent_"] > .row:last-child > .col > .MusePanel{
    width: 280px !important;
    max-width: 280px !important;
}

[forcedcontrolid="pnlUserInfo"] button {
    margin-right:0px;
}

[forcedcontrolid="pnlUserInfo"] .MuseTextControlTitle.UpperPosition + input.k-textbox {
    padding-top: 0px;
}

[forcedcontrolid="RowMenuFCID_OD_PRODUCTS"] .pnlMyProducts {
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
}

#PageContent_Custom {
    padding-bottom: 0px;
}


button {
    background-color: #3063e4;
}

/*input[type="submit"],
input[type="button"],
button {
    background-color: #324d7a;
    border: 1px solid #DDD;
    cursor: pointer;
    font-size: 0.8em;
    font-weight: 400;
    padding: 7px;
    margin-right: 8px;
    width: auto;
    border-color: #DDD;
    color: white;
}*/

[forcedcontrolid="btnShowQty"],
[forcedcontrolid="kebabMenuByWholesaler"] {
    font-size: 0.8em;
}

input[type="submit"],
input[type="button"],
button {
    /*background-color: #E8E8E8;*/
    background-color: #324d7a;
    border: 1px solid #DDD;
    cursor: pointer;
    font-size: 0.8em;
    font-weight: 400;
    padding: 7px;
    margin-right: 8px;
    width: auto;
    border-color: #DDD;
    color: white;
    font-size: 13px;
    /*color: #324d7a;*/
}

input[type="submit"]:hover,
input[type="button"]:hover
{
    background-color: #42659f;
}

button {
    background-color: #3063e4;
}

button:hover {
    background-color: #324D7A;
}

[forcedcontrolid="btnShowQty"] {

}
/*Kebab menu styles*/
.MuseCustomDropDownContent {
    top: 54px;
    right: 2px !important;
}

[forcedcontrolid="LegendForcedControlParent"] {
    border-left: 1px #eee solid;
}

.k-menu .k-link.k-state-active, .k-menu .k-menu-scroll-button:hover, .k-menu .k-state-hover > .k-link {
    color: white;
    background-color: #324d7a;
    border-color: #324d7a;
    background-image: none;
    height: 100%;
}

span.k-link.k-menu-link.k-state-active.k-state-border-down {
    background-color: white;
}

.k-item.k-state-default.k-first.k-last.k-state-border-down.k-state-hover .MuseKebabMenuIcon:hover {
    color: #324d7a !important;
}

span.k-link.k-menu-link.k-state-active.k-state-border-down {
    box-shadow: 0px 0px 2px 2px rgba(230,230,230.125) !important;
}


.k-item.k-state-default.k-first.k-last.k-state-border-down .MuseKebabMenuIcon:hover {
    color: #324d7a !important;
}

span.k-link.k-menu-link.k-state-active.k-state-border-down + .k-animation-container:after {
    content: "";
    background-color: white;
    width: 14%;
    height: 3px;
    position: absolute;
    top: -2px;
    right: 3px;
    z-index: 2;
}




@media screen and (min-width: 3000px) {
    [forcedcontrolid="LegendForcedControlParent"] {
        width: 1800px !important;
    }

    [forcedcontrolid="LegendForcedControl"] .row .col {
        max-width: 250px;
        min-width: 250px;
        width: 250px;
    }
}


@media screen and (min-width: 3600px) {
    [forcedcontrolid="LegendForcedControlParent"] {
        width: 2000px !important;
    }

    [forcedcontrolid="LegendForcedControl"] .row .col {
        max-width: 270px;
        min-width: 270px;
        width: 270px;
    }
}

[forcedcontrolid="pnlSameAs"] .MuseSearchContainer {
    height: 32px;
}

#PageContent_Custom {
    margin-top: 0px !important;
}

.LimitHeaderData {
    max-height: 36px;
    padding-top: 5px;
    overflow: hidden;
    /*text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;*/
}

.LimitHeaderCellData {
    padding-top: 5px !important;
}

[role="gridcell"] .fas {
    display: inline;
}

.emailSuccessMsg {
    color: #324d7a;
}

.emailErrorMsg {
    color: red;
}

.MenuFilterBarContainerEmail {
    top: 49px !important;
}

.MuseDataGridMenuFilterBarToTop {
    top: 0px !important;
}