/*
*=====================================================================
* 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: white;
}
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;
}
input[type='checkbox'],
input[type='checkbox']:checked {
content: "";
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: 4px;
left: 4px;
}
.k-radio-label:before {
box-sizing: border-box;
width: 17px;
height: 17px;
}
/*#endregion Native HTML elements*/
/*#region Header*/
.BurgerMenuIcon .bar1,
.BurgerMenuIcon .bar2,
.BurgerMenuIcon .bar3 {
background-color: #324d7a;
}
/*#endregion Header*/
/*#region Burger Menu*/
.BurgerMenuContent .BurgerMenuItemSelected {
color: black !important;
background: #F0F3FE !important;
}
.BurgerMenuContent .BurgerMenuItem:hover,
.BurgerMenuContent .BurgerMenuItemSelected:hover {
color: white;
background: #324d7a;
}
/*#endregion Burger Menu*/
/*#region Left Filter*/
.MuseLeftFilter {
padding: 0;
}
div[forcedcontrolid="PriceAdjustmentAnalysisTotalsForcedControl"] div.col span
{
white-space:nowrap;
}
.TotalItemBorderTop{
border-top: solid 1px #e2e2e2 !important;
}
.TotalItem {
border-top:none;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
height: 54px;
padding-top: 20px;
font-family: 'roboto';
font-size: 12px;
padding: 0px 20px 0px 8px;
line-height: 54px;
}
.TotalItem .MuseLabelControl
{
padding-right:5px;
}
.TotalItem:nth-child(2n+1)
{
text-indent:20px;
border-right: none;
}
/*div[forcedcontrolid="PriceAdjustmentAnalysisTotalsForcedControl"] div.col {
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
height: 54px;
margin-top: -9px;
padding-top: 20px;
font-family: 'roboto';
font-size: 12px;
}*/
div[forcedcontrolid="PriceAdjustmentAnalysisTotalsForcedControl"]
{
padding-top:0px;
padding-bottom:0px;
min-height:44px;
}
.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 {
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;
height: auto;
padding: 10px 0 20px;
width: auto;
min-width: 50px;
font-size: 15px !important;
background-color: transparent;
}
.OL_Orders_AdditionalInfo_Item div.col span {
height: 50px !important;
display: flex !important;
align-items: center;
padding-left: 8px;
}
.MuseFormTitle span:not(.k-datepicker):not(.k-picker-wrap):not(.k-icon):not(.k-select):not(.MuseTextControlTitle):not(.MuseDynamicDropDownItemTitle):not([id^="MuseDynamicDropDown_"]) {
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;
}
.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;
min-height:44px;
}
.k-grid-content table tr td, .k-grid-content-locked > table tr td {
border-left: solid 1px white;
border-right: solid 1px white;
/* opacity: 0.7; */
border-top: solid 1px white;
border-bottom: solid 1px white;
}
#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,");
}
/*master row hover*/
tr.k-master-row:hover {
background-color: #daeef7 !important;
}
.k-master-row:hover,
.k-detail-row tr:hover {
background-color: #F8FAFB !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 img {
width:100%;
}
.k-grid-norecords {
line-height: 4em;
}
.k-grid-content {
overflow-y: auto;
}
#OrgUnits .MuseDetailRowLoading {
background-image: url("data:image/svg+xml;utf8,");
}
/*#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;
}
.MuseFilterSummaryItem {
background-color: #daeef7 !important;
color: #324d7a !important;
}
.MuseFilterSummaryItem:hover > .MuseFilterSummaryItemRemove{
color: red !important;
}
.MegaMenuFilterSearchButtonClear {
background-color: #324d7a;/*#daeef7;*/
max-height: 36px;
margin-left: 12px;
color:white;
}
.MegaMenuFilterSearchButtonClear:hover > .MuseFilterSummaryItemRemove {
color: red !important;
}
.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*/
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;
font-size: 13px;
}
input[type="submit"]:hover,
input[type="button"]:hover
{
background-color: #42659f;
}
button {
background-color: #3063e4;
}
button:hover {
background-color: #324D7A;
}
.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;
}
.StandardButton {
border: solid 1px #324d7a;
height: 100%;
border-radius: 14px;
font-family: 'roboto';
font-size: 11px;
margin-left: 0px;
padding: 5px;
background-color: #3c3c4c;
color:white;
text-transform: uppercase;
}
/*Nap approve and decline buttons, Product Deletions*/
button[musebuttontype="approve"] {
color: white;
border: none;
height: 100%;
border-radius: 14px;
font-family: 'roboto';
font-size: 14px;
margin-left: 0px;
padding: 5px;
background-color: black;
text-transform: uppercase;
}
button[forcedcontrolid="btnActionButtonsEnableDisable:btnCloseInvestigation"] {
color: white;
border: none;
height: 100%;
border-radius: 14px;
font-family: 'roboto';
font-size: 14px;
margin-left: 0px;
padding: 5px;
background-color: black;
text-transform: uppercase;
}
button[forcedcontrolid="btnActionButtonsEnableDisable:btnInvestigate"] {
color: white;
border: none;
height: 100%;
border-radius: 14px;
font-family: 'roboto';
font-size: 14px;
margin-left: 0px;
padding: 5px;
background-color: black;
text-transform: uppercase;
}
.AB_PanelButtons button[forcedcontrolid="btnActionButtonsEnableDisable:btnCloseInvestigation"]:after,
.AB_PanelButtons button[forcedcontrolid="btnActionButtonsEnableDisable:btnInvestigate"]:after {
content: "";
width: 1px;
border-right: solid 1px #AAA;
height: 34px;
position: absolute;
top: 3px;
margin-left: 18px;
}
.SummaryRowActionBar > button[forcedcontrolid="btnActionButtonsEnableDisable:btnInvestigate"]:after {
margin-left: 17px;
}
button[musebuttontype="underinvestigation"] {
min-width: 160px;
}
button[musebuttontype="decline"] {
color: white;
border: none;
height: 100%;
border-radius: 14px;
font-family: 'roboto';
font-size: 14px;
margin-left: 0px;
padding: 5px;
background-color: black;
text-transform: uppercase;
}
button[musebuttontype="delete"] {
color: white;
border: none;
height: 100%;
border-radius: 14px;
font-family: 'roboto';
font-size: 14px;
margin-left: 0px;
padding: 5px;
background-color: black;
text-transform: uppercase;
}
button[musebuttontype="downloadpricefile"] {
color: white;
border: none;
height: 100%;
border-radius: 14px;
font-family: 'roboto';
font-size: 14px;
margin-left: 0px;
padding: 5px;
background-color: black;
text-transform: uppercase;
}
.AB_PanelButtons button[musebuttontype="decline"]:after {
content: "";
width: 1px;
border-right: solid 1px #AAA;
height: 34px;
position: absolute;
top: 3px;
margin-left: 29px;
}
/*.SummaryRowActionBar > button[musebuttontype="decline"]:after {
margin-left: 20px !important;
}*/
.SummaryRowActionBar > button[musebuttontype="decline"]:after {
margin-left: 27px;
}
.SummaryRowActionBar > button[musebuttontype="decline"]:disabled:after {
margin-left: 29px;
}
.RowActionBarBouncingBalls {
height: 50px;
position: absolute;
top: -10px;
}
.RemoveSpacer:after {
border-right: none !important;
}
.RowActionBarMove
{
width:40px;
height:40px;
cursor:move;
position:absolute;
left:0px;
z-index:1;
}
.actionRowSelectedCountBorder:after {
border-right: solid 1px #AAA;
}
/*.actionRowSelectedCount:after {
content: "";
width: 1px;
height: 34px;
position: absolute;
top: 3px;
margin-left: 29px;
}*/
button[forcedcontrolid="btnActionButtonsEnableDisable:btnPreApprove"],
button[forcedcontrolid="ReceiveGoodsQueue:btnResubmit"],
button[forcedcontrolid="ReceiveGoodsQueue:btnCancel"] {
color: white;
border: none;
height: 100%;
border-radius: 14px;
font-family: 'roboto';
font-size: 14px;
margin-left: 0px;
padding: 5px;
background-color: black;
text-transform: uppercase;
max-height:40px;
}
button[musebuttontype="delete"]:hover,
button[musebuttontype="approve"]:hover,
button[forcedcontrolid="btnActionButtonsEnableDisable:btnInvestigate"]:hover,
button[forcedcontrolid="btnActionButtonsEnableDisable:btnCloseInvestigation"]:hover,
button[musebuttontype="decline"]:hover {
border: solid 1px white;
height: 100%;
margin-left: 0px;
border-radius: 14px;
color: white;
background-color: inherit;
}
button[forcedcontrolid="ReceiveGoodsQueue:btnResubmit"],
button[forcedcontrolid="ReceiveGoodsQueue:btnCancel"]
{
min-width:140px;
}
button[forcedcontrolid="ReceiveGoodsQueue:btnResubmit"]:hover,
button[forcedcontrolid="ReceiveGoodsQueue:btnCancel"]:hover {
height: 100%;
margin-left: 0px;
border-radius: 14px;
color: black;
background-color: white;
min-width: 140px;
}
.RowActionBar.RowABarStatusText {
height: 40px;
}
input[forcedcontrolid="ReceiveGoodsQueue:StatusText"]
{
height:35px !important;
}
.AB_PanelButtonsForm button[musebuttontype="delete"]:hover,
.AB_PanelButtonsForm button[musebuttontype="approve"]:hover,
.AB_PanelButtonsForm button[forcedcontrolid="btnActionButtonsEnableDisable:btnInvestigate"]:hover,
.AB_PanelButtonsForm button[forcedcontrolid="btnActionButtonsEnableDisable:btnPreApprove"]:hover,
.AB_PanelButtonsForm button[forcedcontrolid="btnActionButtonsEnableDisable:btnCloseInvestigation"]:hover,
.AB_PanelButtonsForm button[musebuttontype="decline"]:hover {
border: solid 1px #AAA;
height: 100%;
margin-left: 0px;
border-radius: 14px;
color: white;
background-color: inherit;
opacity: 0.5;
}
button[forcedcontrolid="btnActionButtonsEnableDisable:btnInvestigate"]:hover {
border: none;
background-color: orange !important;
opacity: 1 !important;
}
button[forcedcontrolid="btnActionButtonsEnableDisable:btnCloseInvestigation"]:hover {
border: none;
background-color: green !important;
opacity: 1 !important;
}
button[forcedcontrolid="btnActionButtonsEnableDisable:btnApprove"]:hover,
button[forcedcontrolid="btnActionButtonsEnableDisable:btnPreApprove"]:hover {
border: none;
background-color: forestgreen !important;
opacity: 1 !important;
}
button[musebuttontype="downloadpricefile"]:before {
content: "\f56d";
font-family: 'Font Awesome 6 Pro';
font-size:16px;
float: left;
color: white;
margin-left:-20px;
}
button[musebuttontype="downloadreport"]:before {
content: "\f1c6";
font-family: 'Font Awesome 6 Pro';
font-size: 16px;
float: left;
color: white;
margin-left: -10px;
}
button[musebuttontype="downloadpricefile"]:hover {
border: none;
background-color: #CC0000 !important;
opacity: 1 !important;
}
button[musebuttontype="decline"]:hover {
border: none;
background-color: #CC0000 !important;
opacity: 1 !important;
}
/*button[musebuttontype="pre-approve"]:hover,
button[musebuttontype="approve"]:hover {
background-color: white !important;
}*/
.PaddedPanel .k-grid-header
{
padding-right:0px !important;
}
.PaddedPanel {
/*border: solid 2px #324d7a !important;*/
margin-bottom: 10px;
border-radius: 3px;
padding: 10px !important;
background-color: white;
}
.PaddedPanel .MuseLabelControl:not(.Content)
{
color:#AAA !important;
font-weight: 400 !important;
margin-left:20px !important;
}
/*div[id^="MusePanelContent_Panel"]
{
display:contents;
}*/
div[forcedcontrolid="rowActionPanel"] {
position: absolute;
right: 80px;
width: auto;
background-color:white !important;
}
/*Kendo Overrides*/
.k-widget.k-tooltip {
/*border-color: #d2d2d2;
background-color: #d2d2d2;*/
border-color: #F0F3FE;
background-color: #F0F3FE;
}
.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 !important;
}
.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;
}
/*row highlight*/
div.MuseDataGrid tbody tr[role="row"].k-state-selected,
div.MuseDataGrid tbody tr[role="row"].k-state-selected:hover,
div.MuseDataGrid tbody tr.AltGroupColour1[role="row"]:hover,
div.MuseDataGrid tbody tr.AltGroupColour2[role="row"]:hover {
background-color: #daeef7;
}
div.MuseDataGrid[showgridlines="true"] tbody tr:hover,
div[id*="MuseStaticGrid_"][showgridlines="true"] tbody tr:hover,
div.MuseDataGrid[showaltrowcolours="true"] tbody tr.k-alt:hover,
div[id*='MuseStaticGrid_'][showaltrowcolours="true"] tbody tr.k-alt:hover {
background-color: #daeef7;
}
.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td {
background-color: #daeef7 !important;
}
/*this style does not exist in the base styles and must be implemented in the site.css for locked column rows*/
.LockedColumnRowHighlight {
background-color: #daeef7 !important;
}
td.k-state-selected
{
border-color:white !important;
background-color:inherit !important;
}
input[type="button"], button
{
min-width: 6vw;
}
/*******/
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.MuseGridRowMenuAdditionalStyles .container-fluid .MasonaryBlock .row {
margin: 0px;
}
.MuseGridRowMenu.MuseGridRowMenuAdditionalStyles .container-fluid .MasonaryBlock {
padding: 0;
}
.MuseGridRowMenu.MuseGridRowMenuAdditionalStyles .MasonaryBlockContainer button
{
margin-top:15px;
}
/*.MuseGridRowMenu .MuseDropDownContainer {
width: 200px;
}*/
.RowActionBar .MuseTextControlTitle {
margin-top: 8px;
}
.RowActionBar .UpperPosition {
margin-top: 6px;
}
/*div[forcedcontrolid="btnRowActionPanel"] .col:not(:last-of-type){
border-right:solid 1px #EEE;
}*/
.RowActionBar
{
border:none;
}
.RowActionBar button:hover,
.RowActionBar button
{
/* min-width:20%;*/
min-width:fit-content;
padding:0 50px 0 50px;
}
.RowActionBar .MusePanel[hasborder="true"]
{
border:none;
}
div[id^="MusePanelContent_Panel_"] > .row-cols-4 > .col > button[forcedcontrolid="ReceiveGoodsQueue:btnResubmit"] {
margin-top: 0px;
}
.InvestigateExt {
margin-right: 24px;
position: relative;
}
.InvestigateExtFloat {
float: right;
}
.RowActionBar_InvestigateSubmit:hover {
background-color: #428bca;
border-radius: 9px;
color: white;
width: 20px;
height: 25px;
}
.RowActionBar_InvestigateSubmit {
color: black;
padding: 2px;
border-radius: 8px;
position: absolute;
top: -1px;
line-height: 25px;
width: 20px;
background-color: white;
transform: translate(-3%, 0px);
}
.RowActionBar input {
margin-top: -1px;
border-radius: 10px;
border: none;
height: 27px;
transform: translate(9%, 0px);
}
.RowActionBar input[forcedcontrolid="ReceiveGoodsQueue:StatusText"]
{
margin-top:2px;
margin-bottom:2px;
margin-left:-12px;
margin-right:8px;
border-radius:13px !important;
}
.RowABarStatusText {
padding-right: 10px;
}
.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 .GRVWindowContent_OrderNo
{
padding:12px;
}
.GRVWindow .GRVWindowContent .GRVWindowContent_OrderNo .OrderNoLabel {
font-weight:bold;
}
.GRVWindow .GRVWindowContent .GRVStampText {
transform: rotate(-5deg);
color: white;
position: absolute;
top: 117px;
left: 94px;
text-align: center;
}
.GRVWindow .GRVWindowContent .GRVStampHeader {
}
.GRVWindow .GRVWindowContent .GRVStampNumber {
font-weight:800;
font-size:2.5em;
}
div[forcedcontrolid="receiveGoods_grid"] .k-grid-header th.k-header {
color: #7F859E;
}
div[forcedcontrolid="receiveGoods_grid"] input[id^="CellValueText_"][musesubtype="Text"],
div[forcedcontrolid="receiveGoods_grid"] input.MuseGridCell_Text {
border: none !important;
font-weight: 300 !important;
color: #333333;
padding: 6px 8px;
margin-left: -8px !important;
}
div[forcedcontrolid="receiveGoods_grid"].k-grid tr.CrossHairColor td.CrossHairColor input[id^="CellValueText_"][musesubtype="Text"],
div[forcedcontrolid="receiveGoods_grid"].k-grid tr.CrossHairColor td.CrossHairColor input.MuseGridCell_Text {
font-weight: bold !important;
}
div[forcedcontrolid="receiveGoods_grid"] .k-master-row > td,
div[forcedcontrolid="receiveGoods_grid"] .k-detail-row tr > td {
color: #333333;
}
div[forcedcontrolid="receiveGoods_grid"] input[id^="CellValueText_"][musesubtype="Text"]:hover,
div[forcedcontrolid="receiveGoods_grid"] .k-master-row:hover > td > input.MuseGridCell_Text,
div[forcedcontrolid="receiveGoods_grid"] .k-detail-row tr:hover > td > input.MuseGridCell_Text {
padding: 5px 6px 5px 8px;
background-color: #ECF3FE;
margin: -2px 0px;
}
div[forcedcontrolid="receiveGoods_grid"] .k-icon:before {
bottom:4px;
}
/*
div[forcedcontrolid="receiveGoods_grid"] input.MuseGridCell_Text,
div[forcedcontrolid="receiveGoods_grid"] input[id^="CellValueText_"] {
padding: 5px 0px 5px 9px;
margin-left: -4px;
}
*/
div[forcedcontrolid="receiveGoods_grid"] input.MuseGridCell_Text:hover,
div[forcedcontrolid="receiveGoods_grid"] input[id^="CellValueText_"]:hover {
border: solid 2px #3379b5 !important;
color: #3379b5 !important;
background-color: #fff !important;
padding: 5px 6px 5px 6px !important;
/*margin-left: -3px;*/
/*padding: 0px 0px 0px 3px;*/
}
div[forcedcontrolid="receiveGoods_grid"] input[id^="CellValueText_"][musesubtype="Text"]:disabled:hover,
div[forcedcontrolid="receiveGoods_grid"] .k-master-row:hover > td > input.MuseGridCell_Text:disabled,
div[forcedcontrolid="receiveGoods_grid"] .k-detail-row tr:hover > td > input.MuseGridCell_Text:disabled {
background-color: #eee !important;
}
div[forcedcontrolid="receiveGoods_grid"] input.MuseGridCell_Text:disabled:hover {
background-color: #f8fafb !important;
}
div[forcedcontrolid="receiveGoods_grid"] input.MuseGridCell_Text:disabled {
background-color: #fff;
}
div[forcedcontrolid="receiveGoods_grid"] input.MuseGridCell_Text:disabled:hover {
border: solid 2px transparent !important;
}
div[forcedcontrolid="receiveGoods_grid"].k-grid tr td {
text-overflow: clip;
}
div[forcedcontrolid="receiveGoods_grid"].k-grid tr.CrossHairColor td.CrossHairColor[colidx="0"],
div[forcedcontrolid="receiveGoods_grid"].k-grid tr.CrossHairColor td.CrossHairColor[colidx="1"],
div[forcedcontrolid="receiveGoods_grid"].k-grid tr.CrossHairColor td.CrossHairColor[colidx="2"],
div[forcedcontrolid="receiveGoods_grid"].k-grid tr.CrossHairColor td.CrossHairColor[colidx="4"],
div[forcedcontrolid="receiveGoods_grid"].k-grid tr.CrossHairColor td.CrossHairColor[colidx="7"],
div[forcedcontrolid="receiveGoods_grid"].k-grid tr.CrossHairColor td.CrossHairColor[colidx="8"],
div[forcedcontrolid="receiveGoods_grid"].k-grid tr.CrossHairColor td.CrossHairColor[colidx="9"],
div[forcedcontrolid="receiveGoods_grid"].k-grid tr.CrossHairColor td.CrossHairColor[colidx="10"],
div[forcedcontrolid="receiveGoods_grid"].k-grid tr.CrossHairColor td.CrossHairColor[colidx="11"] {
background-color: #EFEFEF !important;
}
div[forcedcontrolid="receiveGoods_grid"].k-grid .k-grid-header th.k-header {
background-color: #F0F3FE;
color: #9096ac;
}
select[forcedcontrolid="GRVDelFeeReason"] {
margin-right: 5px;
margin-left: 0px;
width: 100%;
background-color: #F0F3FE;
height: 36px;
border: none;
}
/*GRV step styling*/
div[forcedcontrolid="pnlStepOne"] {
margin-top: 0px;
margin-bottom: 10px;
background-color: white !important;
padding-bottom: 10px;
}
.ElecGRVMargin {
margin-bottom: 0px !important;
}
div[forcedcontrolid="pnlStepTwo"] {
border-radius: 50px;
width: 50vw !important;
text-align: center;
transform: translateX(50%);
padding-left: 35px;
padding-right: 15px;
}
div[forcedcontrolid="pnlStepTwo"] .col:last-child {
padding: 0px;
max-width: 85px;
}
div[forcedcontrolid="pnlStepTwo"] .MuseFormTextBox,
div[forcedcontrolid="pnlStepTwo"] .MuseFormDate {
border: solid 1px white;
margin-left: -10px;
}
/*.k-widget.k-datepicker.MuseFormDate span.k-select {
margin-right: 21px !important;
}*/
.k-widget.k-datepicker.MuseFormDate .k-picker-wrap {
width:100% !important;
}
div[forcedcontrolid="pnlStepTwo"] input[forcedcontrolid="DocumentNoForcedControl"] {
margin-left: -4px;
}
div[forcedcontrolid="pnlStepTwo"] input[forcedcontrolid="DocumentDateForcedControl"] {
width: 84px !important;
font-size: 13px;
margin-left: 0px;
}
div[forcedcontrolid="pnlStepTwo"] .MuseFormDate .k-select {
margin-right: -23px;
margin-top: -8px;
border:none !important;
}
.MuseTextControlTitle.UpperPosition + input.k-textbox
{
padding-top:8px;
}
.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;
}
.row-cols-10 > .col > input[musetype="MuseFormInputControl"] {
padding-top: 18px !important;
}
div[forcedcontrolid="pnlStepTwo"] .MuseTextControlTitle {
margin-top: 5px;
font-size: 0.7em !important;
margin-left: 0px;
padding-left: 4px;
font-family:'Roboto';
}
div[forcedcontrolid="pnlStepTwo"] .MuseFormLabelRequired {
left: -12px;
}
.GRVContentPanel {
padding: 0;
height:50vh;
z-index: 0;
}
.GRVContentPanelBlueBack {
background-color: #d4e2ff !important;
margin-top:-1px;
}
.GRVContentPanelLightBlueBack {
background-color: #f0f3fe !important;
margin-top: -1px;
}
.GRVContentPanelBlueMarg {
padding-top: 0px !important;
}
div[forcedcontrolid="pnlStepTwo"]
{
background-color:white !important;
margin-top: 10vh;
}
.GRVContentPanel button {
background-color: transparent;
border: none;
}
button[forcedcontrolid="stepOneBackForcedControlId"] i,
.GRVContentPanel button[name="Back"] i {
color: black;
border: 2px solid lightgray;
height: 40px;
width: 40px;
background-color: transparent;
border-radius: 50%;
display: inline-block;
padding: 5px;
padding-right: 8px;
}
.GRVContentPanel button[name="Back"] i:before,
button[forcedcontrolid="stepOneBackForcedControlId"] i:before {
content: "\f053" !important;
font-size: 25px;
}
button[forcedcontrolid="stepOneBackForcedControlId"] {
background-color: transparent;
border: none;
}
.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: black !important;
border: none;
}
.pnlStepOneDiv div:not(.MuseInputWrapPlaceholder){
border-left: 1px solid lightgray;
}
.pnlStepOneDiv div:first-child{
border-left: none;
}
.k-widget.k-datepicker.MuseFormDate .k-state-default > .k-select {
margin-top:-1px;
border-top: solid 1px rgb(221,221,221);
border-right: solid 1px rgb(221,221,221);
border-bottom: solid 1px rgb(221,221,221);
}
.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="pnlStepTwo"] input.k-input[readonly] {
pointer-events: none;
}
div[forcedcontrolid="pnlStepOne"] .MuseTextControlTitle {
color: black;
}
.GRVContentPanelStepThree {
background-color: white;
height: 74px;
padding-top: 10px;
margin-top: -10px;
border-bottom: 1px solid lightgray;
}
.GRVContentPanelStepThree input:hover,
.GRVContentPanelStepThree input {
background-color: transparent !important;
border: none;
color: black !important;
}
.GRVContentPanelStepThree .MuseFormDate:hover,
.GRVContentPanelStepThree .MuseFormDate {
margin-top: 3px !important;
}
.GRVContentPanelStepThree .MuseTextControlTitle:hover,
.GRVContentPanelStepThree .MuseTextControlTitle {
color: black;
}
.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,
div[forcedcontrolid="pnlStepOne"] .k-picker-wrap.k-state-default,
div[forcedcontrolid="pnlStepOne"] .k-picker-wrap.k-state-disabled,
div[forcedcontrolid="pnlStepOne"] .k-picker-wrap.k-state-default.k-state-hover,
div[forcedcontrolid="pnlStepOne"] .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,
div[forcedcontrolid="pnlStepOne"] .MuseTextControlTitle + .k-numerictextbox .k-numeric-wrap .k-input,
div[forcedcontrolid="pnlStepOne"] .MuseTextControlTitle + .k-datepicker .k-picker-wrap .k-input {
margin-top: 3px;
color: black !important;
}
.GRVContentPanelStepThree .k-state-disabled,
div[forcedcontrolid="pnlStepOne"] .k-state-disabled
{
opacity:1;
}
.GRVContentPanelStepThree .k-icon.k-i-calendar,
div[forcedcontrolid="pnlStepOne"] .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,
div[forcedcontrolid="pnlStepOne"] .k-combobox.k-select,
div[forcedcontrolid="pnlStepOne"] .k-numeric-wrap .k-select,
div[forcedcontrolid="pnlStepOne"] .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;
}
div[forcedcontrolid="pnlStepThree"] .row.row-cols-3:last-child .col:first-child {
display: flex;
align-items: center;
}
div[forcedcontrolid="pnlStepThree"] .row.row-cols-3:last-child .col:nth-child(2) {
max-width: 60px;
}
div[forcedcontrolid="pnlStepThree"] .row.row-cols-3:last-child .col:nth-child(2) button {
color: #fff;
background-color: black;
border-color: black;
border-radius: 100px;
float: right;
padding-left: 15px;
padding-right: 15px;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
div[forcedcontrolid="pnlStepThree"] .row.row-cols-3:last-child .col:last-child {
max-width: 250px;
}
div[forcedcontrolid="pnlStepThree"] .row.row-cols-3:last-child .col:last-child button {
color: #fff;
background-color: #007bff;
border-color: #007bff;
border-radius: 100px;
padding-left: 15px;
padding-right: 15px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
button[forcedcontrolid="receiveGoods_grid"] {
color: #fff;
background-color: #007bff;
border-color: #007bff;
border-radius: 100px;
padding-left: 15px;
padding-right: 15px;
}
.MusePanel div[forcedcontrolid="ManualStepOneControlsPanel"] {
background-color: white;
}
div[forcedcontrolid="ManualStepOneControlsPanel"] input,
div[forcedcontrolid="ManualStepOneControlsPanel"] input:hover {
background-color: transparent !important;
color: black !important;
}
div[forcedcontrolid="ManualStepOneControlsPanel"] input:focus {
border: none !important;
}
div[forcedcontrolid="ManualStepOneControlsPanel"] .MuseFormTextBox,
div[forcedcontrolid="ManualStepOneControlsPanel"] .MuseFormDate,
div[forcedcontrolid="ManualStepOneControlsPanel"] .MuseFormDropDown {
border: solid 1px white;
margin-left: -10px;
}
span[forcedcontrolid="VatNumberForcedControl"] {
color: #8E8E8E;
}
div[forcedcontrolid="SupplierNameForcedControlLabel"] {
text-overflow: ellipsis;
}
div[forcedcontrolid="ManualStepOneControlsPanel"] .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%;
-moz-border-image: -moz-linear-gradient(top, rgba(255,255,255, 0), #CCC, #CCC, rgba(255,255,255, 0)) 1 100%;
-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%;
-webkit-border-image: -webkit-linear-gradient(top, rgba(255,255,255, 0), #CCC, #CCC, rgba(255,255,255, 0)) 1 100%;
-o-border-image: -o-linear-gradient(top, rgba(255,255,255, 0), #CCC, #CCC, rgba(0, 0, 0, 0)) 1 100%;
}
div[forcedcontrolid="ManualStepOneControlsPanel"] .MuseTextControlTitle, div[forcedcontrolid="ManualStepOneControlsPanel"] .MuseLabelControl {
margin-top: 5px;
font-size: 0.7em;
margin-left: 0px;
}
div[forcedcontrolid="ManualStepOneControlsPanel"] input[forcedcontrolid="SuppliersForcedControl"] {
margin-left: -4px;
}
div[forcedcontrolid="ManualStepOneControlsPanel"] .col:last-child {
padding: 0px;
max-width: 85px;
}
div[forcedcontrolid="ManualStepOneControlsPanel"] .MuseTextControlTitle:first-child {
margin-left: 6px;
}
.MuseTextControlTitle + .k-datepicker .k-picker-wrap .k-input {
border:none;
/* margin-top:-3px;*/
}
div[forcedcontrolid="ManualStepOneControlsPanel"] input[forcedcontrolid="DocumentDateForcedControl"] {
width: 84px !important;
font-size: 13px;
margin-left: 0px;
/*pointer-events:none;*/
}
div[forcedcontrolid="ManualStepOneControlsPanel"] .MuseFormDate .k-select {
margin-right: -23px;
margin-top: 5px;
}
div[forcedcontrolid="ManualStepOneControlsPanel"] .MuseFormLabelRequired {
left: -8px;
}
div[forcedcontrolid="ManualStepOneControlsPanel"] {
border-radius: 50px;
text-align: center;
width: 95vw !important;
transform: translateX(2.5%);
padding-left: 15px;
padding-right: 15px;
}
.MuseCustomDropDownContent .MuseFilterPanelSearchInput {
width: 100%;
height: 50px;
display: flex;
}
.MuseCustomDropDownContent .MuseFilterPanelSearchIcon {
position: absolute;
top: 14px;
left: 10px;
opacity: 0.7;
}
.MuseCustomDropDownContent .MuseFilterPanelSearchClear {
top: 20px
}
.MuseCustomDropDownContent .SearchHighlight {
color: rgb(212 226 255);
}
.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:100px;
width:fit-content;
}
.pnlStepOneDiv div:first-child
{
min-width:100px !important;
width: 100px !important;
}
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: #F0F3FE !important;
}
div[forcedcontrolid="pnlStepThree"] .MenuToggleContainer span {
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
width: fit-content;
right: 0px;
margin-right: 65px;
}
div[forcedcontrolid="pnlStepThree"] .MenuToggleContainer div[id^="Toggle_"] {
position: absolute;
right: 0px;
}
.k-state-selected,
.k-alt.k-state-selected,
.k-grid tbody .k-alt.k-state-selected {
color: black;
background-color: #DAEEF7 !important;
box-shadow: none !important;
}
.GridSearchSelected .k-grid .GridSearchSelected td.k-state-selected:hover,
.k-grid tr.GridSearchSelected.k-state-selected:hover td,
.k-grid .GridSearchSelected td.k-state-selected,
.GridSearchSelected .k-grid tr.GridSearchSelected.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: #0179c0 !important;
color: white;
}
.MusePanel[hasborder="true"]
{
border:none;
}
.MuseGridRowMenu .MuseFormTitle {
background-color: white;
color: black;
display: flex;
align-items: center;
text-align: left;
/*line-height: 48px;
border-bottom: 1px solid lightgray;*/
}
.MuseGridRowMenu .MuseFormTitle span
{
margin-left:15px;
}
.MuseGridRowMenu[forcedcontrolid="RowMenuFCID_btnActionButtonsEnableDisable"] .MuseFormTitle span {
padding-right: 13vw;
}
.MuseGridRowMenu .MuseFormTitle div[forcedcontrolid='btnPanel'] {
position: absolute;
right: 10px;
}
.MuseGridRowMenu button[name='Cancel'] {
color: #fff;
background-color: black;
border-color: black;
border-radius: 100px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
right: -70%;
top:-40px;
}
.MuseGridRowMenu button[name='SubmitAndClose'],
.MuseGridRowMenu button[forcedcontrolid='OkForcedControl'] {
color: #fff;
background-color: #007bff;
border-radius: 100px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
right: 1%;
top:-40px;
}
.MuseGridRowMenu .MuseRadioGroup .MuseControlTypeFirstChildHorizontal {
width: 100%;
}
.MuseGridRowMenu .MuseRadioGroup .MuseControlTypeFirstChildHorizontal {
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto;
padding-left: 35px;
}
.MuseGridRowMenu .MuseRadioGroup .MuseControlTypeFirstChildHorizontal:hover {
background-color: #DAEEF7;
}
.MuseGridRowMenu .MuseRadioGroup .k-radio-label:before {
margin-top: 10px;
margin-left: 10px;
}
.MuseGridRowMenu .MuseRadioGroup .k-radio:checked + .k-radio-label:after {
margin-top: 10px;
margin-left: 10px;
}
.MuseGridRowMenu .MuseRadioGroup input[forcedcontrolid='RadioForcedControlId']:checked + label {
background-color: #ceecf9;
}
.MuseGridRowMenu .MuseRadioGroup {
padding-right: 0;
}
.MuseGridRowMenu .MuseLabelControl {
margin: 15px;
margin-left:0px;
}
.MusePanelTitle {
margin-left: 0px;
}
.MuseGridRowMenu .MusePanel
{
white-space:nowrap;
}
/*.MuseGridRowMenu .MuseDropDownContainer {
margin: 15px;
} */
.MuseToggleDisabled {
pointer-events: none;
color: #CCC !important;
}
.MenuToggleContainer[forcedcontrolid="SHOW ALL DATAToggle"] {
padding-top: 10%;
display: -webkit-inline-box;
height: 100%;
font-family: "Slate";
font-size: 12px;
color: #324d7a;
margin-top: 5px;
}
.MenuToggleContainer[forcedcontrolid="SHOW ALL DATAToggle"] span {
margin-right:10px;
}
/*.pnlStepOneDiv div{
min-width: 20vw;
}*/
.GRVContentPanelStepThree div:first-child,
div[forcedcontrolid="pnlStepOne"] .col:first-child {
max-width: 100px;
}
div[id*='MusePanelContent_Panel'] .GRVContentPanelStepThree .col,
div[id*='MusePanelContent_Panel'] div[forcedcontrolid="pnlStepOne"] .col{
padding-left: 0;
padding-right: 0;
}
.GRVContentPanelStepThree .k-picker-wrap.k-state-disabled,
div[forcedcontrolid="pnlStepOne"] .k-picker-wrap.k-state-disabled {
padding-right: 0;
}
div[forcedcontrolid="pnlStepOne"] input[forcedcontrolid="DocumentDateForcedControlLabel"]{
border-right: 1px solid white;
}
.MuseInputWrapPlaceholder {
margin-top: 11px;
margin-left: 10px;
width: 95%;
}
.MuseInputWrapPlaceholder textarea {
background-color: white;
color: black;
border: none;
resize: none;
box-shadow: none;
outline: none;
overflow: hidden;
resize: none;
font-size: 13px;
padding-top: 14px;
width: 95%;
height:51px;
}
.MuseInputWrapPlaceholder textarea:hover {
background-color: white;
color: black;
border: none;
width: 95%;
box-shadow: none;
outline: none;
}
/*div[forcedcontrolid="pnlStepThree"] input[forcedcontrolid="VatNumberForcedControlLabel"],
div[forcedcontrolid="pnlStepOne"] input[forcedcontrolid="VatNumberForcedControl"],
.pnlStepOneDiv input[forcedcontrolid="VatNumberForcedControl"],
.GRVContentPanelStepThree input[forcedcontrolid="VatNumberForcedControl"] {
border-left: 1px solid lightgray;
border-right: none;
}*/
.k-grid-header th.k-header > a.k-link {
font-size: 10px;
font-weight:700;
min-height: 14px;
}
/*.k-grid-header th.k-header[role="columnheader"] {
font-size: 18px
}*/
div[forcedcontrolid="receiveGoods_grid"].k-grid .k-grid-header th.k-header[role="columnheader"] {
font-size: 15px
}
/*.k-grid tbody tr[role="row"] {
height: 40px;
}*/
td[role='gridcell'] {
font-size: 14px !important;
}
td[role='gridcell'] input{
font-size: 14px !important;
margin-left:4px;
}
.MuseDataGrid td[role='gridcell'] input:not([forcedcontrolid="tbInvoiceNo"]) {
margin-left: 4px !important;
}
div[forcedcontrolid="receiveGoods_grid"].k-grid .StaticGridTotalRow td.color-me {
background-color: #F8FAFB !important
}
div[forcedcontrolid="receiveGoods_grid"].k-grid .StaticGridTotalRow td.color-me input.MuseGridCell_Text {
font-weight: bold !important;
}
div[forcedcontrolid="receiveGoods_grid"].k-grid .StaticGridTotalRow td.color-me-different {
background-color: #F0F3FE !important;
}
/*div[forcedcontrolid="receiveGoods_grid"].k-grid .StaticGridTotalRow:nth-of-type(3n+1) td[colidx="9"].color-me {
background-color: #F0F3FE !important;
}*/
div[forcedcontrolid="DeliveryFeeReasonsForcedControl"] {
background-color: #F0F3FE !important;
border:none !important;
}
td[colspan="2"].color-me-different {
padding: 0px;
}
div.MuseFormTitleCloseExternal {
margin-left: -40px;
font-size: 37px;
/*margin-top: -10px;*/
top: 0px;
height: 40px;
}
/*#region Calendar styling*/
.k-animation-container div[data-role="calendar"].k-calendar {
width: 307px;
height: 412px;
}
div[data-role="calendar"].k-calendar .k-calendar-view {
width: 22em;
height: 23em;
}
.MuseDynamicDropDownSubItemsContainer div[data-role="calendar"].k-calendar .k-calendar-view {
width: 20em;
}
div[data-role="calendar"].k-calendar > .k-header {
background-color: white;
border-color: white;
}
div[data-role="calendar"].k-calendar .k-calendar-view thead th {
background-color: white;
border-color: white;
}
div[data-role="calendar"].k-calendar .k-calendar-view .k-other-month {
color: #a3a3a3;
}
div[data-role="calendar"].k-calendar .k-calendar-view .k-state-disabled {
color: #cfc8c8;
}
div[data-role="calendar"].k-calendar .k-calendar-view tr[role='row'] {
height: 48px;
}
div[data-role="calendar"].k-calendar .k-content {
height: 350px;
}
div[class*='MuseDateRangeMonthRange_'] {
width: 140px;
float: left;
margin-top: 84px;
margin-left: 7px;
justify-content: flex-start;
}
.k-calendar-container[id^=daterangepicker_] .k-calendar-range {
float: right;
}
.k-calendar-container[id^=daterangepicker_] {
width: max-content;
}
div[data-role=multiviewcalendar] .k-footer {
margin-top: 14px;
margin-bottom: -10px;
}
.k-calendar-range td.k-range-start {
border-radius: 21px 0px 0px 21px !important;
}
.k-calendar-range td.k-range-end:not(.k-range-start) {
border-radius: 0px 21px 21px 0px !important;
}
.k-calendar-range td.k-range-end.k-range-start {
border-radius: 21px 21px 21px 21px !important;
}
/*#endregion Calendar styling*/
.pnlStepOneDiv input {
height: 50px !important;
font-size: 13px !important;
}
.GRVContentPanelStepThree input {
height: 90% !important;
font-size: 13px !important;
}
.GRVContentPanelStepThree .col{
border-right:1px solid lightgray;
height: 90%;
}
.GRVContentPanelStepThree .col:last-child{
border-right: none;
}
.GRVMuseDataGridMenuHidden {
display:none !important;
}
.GRVMuseDataGridMenuHidden + .MuseDataGridMenuFilterBar + .MuseGridRowMenu {
height: 90vh;
min-height: calc(100vh - 58px);
}
.GridTransferFilterItemType .MuseSelect:before {
top: 43%;
}
.GridTransferFilterItem .MuseFormTextBox {
border: 1px solid #e2e2e2 !important;
}
div[forcedcontrolid="pnlStepTwo"] .MuseFormTextBox{
padding-top: 25px !important
}
/*Price File Upload*/
.UPLOADTANDCTITLE {
font-family: 'roboto';
font-size: 15px;
}
.UploadFileDetails
{
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
.UploadFileName
{
font-size:14px;
font-weight:bold;
}
.UploadSize {
font-size: 14px;
font-weight: bold;
}
*.UploadTrailContainer {
width: auto;
max-width: 100vw;
display: flex;
margin-top: -1px;
margin-bottom: 0px;
border: solid 1px #EEE;
padding: 0px 25px;
/* padding-top: 20px; */
padding-top: 30px;
padding-bottom: 70px;
}
.UploadButtonDisabled {
min-width: 50px;
border: solid 1px #DDD;
background-color: #DDD;
width: 50px;
height: 50px;
border-radius: 30px;
color: black;
margin: 0px 20px;
line-height: 47px;
text-align: center;
font-family: 'Roboto';
font-size: 1.2em;
cursor: pointer;
position: relative;
pointer-events:none;
}
.UploadButtonDisabled:after:hover
{
cursor:pointer;
}
.UploadButtonDisabled:after {
content: "";
width: 62px;
height: 62px;
border: solid 2px #DDD;
display: block;
position: absolute;
top: -7px;
left: -7px;
border-radius: 30px;
cursor: pointer;
}
.UploadButtonDisabled::selection,
.UploadButton::selection {
background-color: transparent;
}
.UploadButton {
min-width:50px;
border: solid 1px #0179C0;
background-color: #0179C0;
width: 50px;
height: 50px;
border-radius: 30px;
color: white;
margin: 0px 20px;
line-height: 50px;
text-align: center;
font-family: 'Roboto';
font-size: 1.2em;
cursor:pointer;
position:relative;
}
.UploadButton:after {
content: "";
width: 62px;
height: 62px;
border: solid 2px #0179C0;
display: block;
position: absolute;
top: -7px;
left: -7px;
border-radius: 30px;
cursor:pointer;
}
.UploadButtonGreen {
min-width: 62px;
border: solid 2px limegreen;
width: 62px;
height: 62px;
border-radius: 30px;
color: white;
margin: -6px 14px;
line-height: 50px;
text-align: center;
font-family: 'Roboto';
font-size: 2em;
cursor: pointer;
position: relative;
}
.UploadButtonSpaceGreen,
.UploadButtonSpace {
width:70px;
height:50px;
min-width:20px;
position:relative;
}
.UploadButtonSpace:not(:last-child):after {
content: "";
width: 100%;
height: 1px;
background-color: lightgray;
color: red;
display: inline-block;
margin-top: 25px;
}
.UploadButtonSpaceGreen:not(:last-child):after {
content: "";
width: 100%;
height: 1px;
background-color: limegreen;
color: red;
display: inline-block;
margin-top: 25px;
}
.UploadButtonSpace:last-child {
width: 0;
}
.UploadSuccess {
font-size: 15vw;
line-height: 23vw;
font-weight: 400;
color: Green;
}
.UploadSuccess:after
{
content: "";
position: absolute;
width: 20vw;
height: 20vw;
border: solid 5px green;
border-radius: 17vw;
margin-left: -17vw;
margin-right: auto;
}
.UploadSuccess .fas.fa-check
{
position:absolute;
}
.UploadSuccessText {
font-size: 30px;
margin-top: 4%;
}
.UploadSuccessContent {
margin-top:50px;
margin-left: auto;
margin-right: auto;
width: 41vw;
text-align: center;
font-size: 14px;
font-family: 'Slate';
}
.UploadCheckIcon {
font-size: 30px;
line-height: 62px;
color: Green;
}
.UploadButtonTitle {
position: absolute;
top: 66px;
text-align: center;
font-size: 12px;
font-weight: bold;
width: 7.5vw;
}
@media (min-width: 1024px) {
.UploadButtonTitle {
left: -90px;
}
}
@media (min-width: 1440px) {
.UploadButtonTitle {
left: -100px;
}
}
@media (min-width: 1920px) {
.UploadButtonTitle {
left: -116px;
}
}
.UploadContent {
width: 100%;
text-align: center;
padding-top: 0px;
position: relative;
min-height:150px;
}
div[id^="MuseFormGrid_"][validationgroup="previewValidation"] td
{
cursor:default;
}
.UploadContent .MuseFileUploadButtonControl {
margin-top: 20px !important;
}
.UploadContent div[id^='MuseFormGridContainer'] {
width: 97vw;
}
.UploadContent div[id^='MuseFormGrid_'][validationgroup="previewValidation"] .k-grid-content.k-auto-scrollable {
max-height: calc(59vh - 55px) !important;
width: 97vw;
}
.UploadContent div[id^='MuseFormGrid_'] .k-grid-content.k-auto-scrollable {
/* min-height: calc(68vh - 55px) !important;
max-height: calc(68vh - 55px) !important;*/
width: 97vw;
}
.UploadContent div[id*='MuseStaticGrid_'] .k-grid-norecords {
height:98%;
}
.DropZoneCloud
{
height:150px;
padding-top: 35px;
max-width:300px;
}
.UploadContent .k-upload-button {
margin-top: -177px;
height: 37px;
color: white;
width: 150px;
background-color: #0179C0;
margin-left: 64px;
padding-top: 8px;
}
.FileUploadButtonControl {
border: solid 1px #AAA;
border-radius: 5px;
max-width:300px;
}
.FileUploadOR
{
padding-top:60px;
max-width:100px;
}
.CloudUploadIcon {
font-size: 10em;
color: #0179C0;
float: left;
margin-left: 20px;
margin-top: -10px;
}
.dropZoneElementDisabled {
pointer-events: none !important;
opacity: 0.5;
}
.dropZoneElementDisabled:after {
content:"";
width:100%;
height:100%;
border:solid 1px #EEE;
position:absolute;
top:0px;
left:0px;
}
.UploadSelectButton {
margin-top:25px;
height:37px;
}
.UploadSelectButton:hover {
cursor: pointer;
}
.MuseFileUploadStatus {
/*width: 400px;
position: relative;
margin-left: -29px;
border: solid 1px #AAA;
border-radius: 2px;
padding: 10px;
padding-left: 48px;
margin-top:-28px;*/
display: none;
}
.MuseFileUploadStatus .MuseFileUploadCancel button {
color: #0179C0;
margin-right:-33px !important;
}
.MuseFileUploadStatus .MuseFileUploadCancel {
position: absolute;
right: 10px;
top:-5px;
}
.MuseFileUploadStatus .MuseFileUploadStatusRowOne,
.MuseFileUploadStatus .MuseFileUploadStatusRowTwo,
.MuseFileUploadStatus .MuseFileUploadStatusRowThree {
min-width: 100px;
display: flex;
}
.MuseFileUploadStatus .MuseFileUploadStatusRowOne {
color: black;
font-size: 12px;
font-weight:bold;
}
.MuseFileUploadStatus .MuseFileUploadStatusRowThree {
font-size: 10px;
color: #CCC;
}
.k-file
{
border-style:none !important;
}
.MuseFileUploadStatusUploaded {
text-align: left;
}
.MuseFileUploadStatusRowThree .ProgressTextUploaded {
color: #0179C0;
margin-left:20px;
}
.MuseFileUploadStatusRowTwo .k-progress-status,
.MuseFileUploadStatusRowTwo .MuseFileUploadStatus .k-upload-action .k-icon {
display: none;
}
.MuseFileUploadStatus .k-widget.k-progressbar.k-progressbar-horizontal
{
height: 5px;
}
.MuseFileUploadStatus .k-state-selected
{
background-color: #0179C0 !important;
}
.MuseFileUploadStatus .k-button:focus {
box-shadow: none;
}
.UploadStepSpinner {
padding-bottom: 28px;
position: absolute;
left: 48%;
transform: translate(50%, -15%);
z-index: 2;
}
.UploadStepSpinnerProgressBar {
padding-bottom: 28px;
position: absolute;
right: 3px;
top: 3px;
z-index:2;
}
.k-progress-status {
padding-right:30px;
}
div[id^="ProgressBar_SubTotal_"]::after {
content: "Current Progress";
position: absolute;
left: 0px;
top: -20px;
font-family: "slate";
color: #AAA;
}
div[id^="ProgressBar_Total_"]::after {
content: "Overall Progress";
position: absolute;
left: 0px;
top: -20px;
font-family: "slate";
color: #AAA;
}
.MuseFileUploadIcon {
font-size: 2em;
color: lightskyblue;
position: absolute;
top: 0px;
left:13px;
}
.MuseFileUploadFileName {
text-overflow: ellipsis;
width: 340px;
overflow: hidden;
white-space: nowrap;
}
.Step9ConfirmCheckbox {
/* z-index: 1;
position: absolute;
margin-left: 20px;
margin-top: 23px;*/
}
.Step9ConfirmCheckbox input{
margin-left:10px;
}
.Step9Margin
{
margin-top:-10px;
}
/*step 1.1 and step 1.2*/
.pnlUploadButton {
margin-left: 100px;
}
.SubStepContent {
margin: auto;
min-height: 50vh;
min-width: 458px;
width: fit-content;
margin-top:10px;
}
#SubStepContent_0 {
margin-left: 10px;
min-height: 115px;
min-width: 72vw;
max-width: 72vw;
transform: translate(20%, 10px);
}
#SubStepContent_0 .CloudUploadIcon
{
font-size: 6em;
}
button[forcedcontrolid="BackButtonForcedControl"]::after {
content: "<";
position: absolute;
top: 11px;
left: 10px;
font-size: 20px;
cursor:pointer;
}
button[forcedcontrolid="BackButtonForcedControl"]:hover {
background-color: #0179C0;
color:white;
}
button[forcedcontrolid="BackButtonForcedControl"] {
position: absolute;
border: solid 1px lightgray;
border-left: none;
border-top: none;
background-color: inherit;
color: black;
top: -13px;
left: 0px;
cursor:pointer;
z-index:1;
}
span[forcedcontrolid="TermsAndConditionsConfirmTwo"] {
width: 16vw;
min-width:310px;
display: flex;
white-space: normal;
font-size:13px;
}
input[forcedcontrolid="DeleteConfirmForcedControl"] {
margin-left: 50px;
margin-top: 43px;
}
label[forcedcontrolid="DeleteConfirmForcedControl"] {
margin-left: 14px;
margin-top: 50px;
}
span[forcedcontrolid="TermsAndConditionsSubmitLabel"],
span[forcedcontrolid="TermsAndConditionsConfirmOne"] {
top: 41px;
left: 20px;
white-space: nowrap;
}
.showonlychangedcells span
{
margin-right:10px;
}
.showonlychangedcells
{
font-size:12px;
line-height:55px;
border-left:solid 1px #ddd;
}
.AlternateRowColorClassA
{
background-color:white !important;
}
.AlternateRowColorClassB
{
background-color:#F4F4F4 !important;
}
.SubmitFlyoverSubMenu {
height: 130px !important;
max-height: 130px !important;
min-height: 130px !important;
position: fixed !important;
bottom: 50px !important;
padding: 0px;
z-index: 103;
right: -1px;
width: 575px;
overflow: hidden;
background-color: rgb(250,250,250);
border: 1px solid rgb(239, 239, 239);
border-radius: 5px 0px 0px 5px;
}
.SubmitFlyover {
height: 130px !important;
max-height: 130px !important;
min-height: 130px !important;
position: fixed !important;
top:inherit !important;
bottom: 50px !important;
padding-top: 0px;
width: 0px;
min-width:575px;
background-color: rgb(250,250,250) !important;
border-radius: 5px 0px 0px 5px !important;
}
button[forcedcontrolid="AcceptButtonForcedControl"]:hover {
border: solid 2px green;
border-radius: 60px;
min-width: 0px;
background-color: lightgreen;
color: black;
position: relative;
right: 0px;
}
button[forcedcontrolid="AcceptButtonForcedControl"] {
width: 80px !important;
height: 80px !important;
border: solid 2px cornflowerblue;
border-radius: 60px;
min-width: 0px;
background-color: aliceblue;
color: black;
font-weight: 500;
position:relative;
top:10px;
right:0px;
}
button[value="SUBMIT"] {
margin-left:0px;
}
button[value="ACCEPT"] {
margin-left:0px;
}
.SubmitFlyover .UploadCheckIcon {
margin-left:1px;
}
span[forcedcontrolid="TermsAndConditionsSubmitLabel"] {
padding-right: 24px;
}
div[forcedcontrolid="TermsAndConditionsAcceptanceforcedControl"] {
height: 100%;
}
.FileProcessPercentageError {
color: red;
}
.FileProcessPercentage
{
font-family: 'Roboto';
font-size: 16px;
color: #0179C0;
margin:25px 0px;
}
.FileProcessAbort:hover {
background-color: rgb(1, 121, 192) !important;
color:white ;
}
.FileProcessAbort::before {
content: "";
height: 54px;
border: solid 1px rgb(238,238,238);
border-width: 0 0 0 1px;
position: absolute;
top: 0px;
margin-left:-40px;
}
.FileProcessAbort
{
border: none;
border-radius:5px !important;
background-color:white !important;
color:black;
white-space:nowrap;
height:95%;
margin-top:2px;
margin-right:-11px;
}
.FileProcessFailed
{
margin-top:20px;
}
div[forcedcontrolid="TermsTitle"] {
margin: 0px;
padding: 0px;
font-family: "Slate";
font-size: 16px;
margin-bottom: 50px;
margin-left: -20px;
}
div[forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] div:nth-child(12) {
align-items: center;
}
div[forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] div:nth-child(12) > .col:first-child {
max-width: 7vw;
padding-right: 0;
}
div[forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] div:nth-child(12) > .col:last-child {
padding-left: 0;
}
/*.UploadContent div[id*='MuseStaticGrid_preview_'] > div.k-grid-header > div > table > colgroup > col,
.UploadContent div[id*='MuseStaticGrid_rejected_'] > div.k-grid-header > div > table > colgroup > col,
.UploadContent div[id*='MuseStaticGrid_warning_'] > div.k-grid-header > div > table > colgroup > col,
.UploadContent div[id*='MuseStaticGrid_changed_'] > div.k-grid-header > div > table > colgroup > col,
.UploadContent div[id*='MuseStaticGrid_deleted_'] > div.k-grid-header > div > table > colgroup > col,
.UploadContent div[id*='MuseStaticGrid_preview_'] > div.k-grid-content > table > colgroup > col,
.UploadContent div[id*='MuseStaticGrid_rejected_'] > div.k-grid-content > table > colgroup > col,
.UploadContent div[id*='MuseStaticGrid_warning_'] > div.k-grid-content > table > colgroup > col,
.UploadContent div[id*='MuseStaticGrid_changed_'] > div.k-grid-content > table > colgroup > col,
.UploadContent div[id*='MuseStaticGrid_deleted_'] > div.k-grid-content > table > colgroup > col {
width: 7vw;
}
*/
div[musesubtype="Grid"][forcedcontrolid='preview_'] ,
div[musesubtype="Grid"][forcedcontrolid='rejected_'],
div[musesubtype="Grid"][forcedcontrolid='warning_'] ,
div[musesubtype="Grid"][forcedcontrolid='changed_'] ,
div[musesubtype="Grid"][forcedcontrolid='deleted_'] {
margin-bottom:80px !important;
}
div[forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] .col
{
padding:0 15px !important;
}
div[forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div > div > div[id^="Panel_"],
div[forcedcontrolid="stepEightPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div > div > div[id^="Panel_"],
div[forcedcontrolid="stepSevenPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div > div > div[id^="Panel_"],
div[forcedcontrolid="stepSixPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div > div > div[id^="Panel_"],
div[forcedcontrolid="stepFivePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div > div > div[id^="Panel_"],
div[forcedcontrolid="stepFourPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div > div > div[id^="Panel_"],
div[forcedcontrolid="stepThreePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div > div > div[id^="Panel_"],
div[forcedcontrolid="stepTwoPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div > div > div[id^="Panel_"] {
padding: 0;
}
div[forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div,
div[forcedcontrolid="stepEightPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div,
div[forcedcontrolid="stepSevenPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div,
div[forcedcontrolid="stepSixPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div,
div[forcedcontrolid="stepFivePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div,
div[forcedcontrolid="stepFourPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div,
div[forcedcontrolid="stepThreePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div,
div[forcedcontrolid="stepTwoPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div {
/*max-width: 140px;*/
padding: 0;
}
div[forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitleContainer,
div[forcedcontrolid="stepEightPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitleContainer,
div[forcedcontrolid="stepSevenPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitleContainer,
div[forcedcontrolid="stepSixPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitleContainer,
div[forcedcontrolid="stepFivePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitleContainer,
div[forcedcontrolid="stepFourPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitleContainer,
div[forcedcontrolid="stepThreePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitleContainer,
div[forcedcontrolid="stepTwoPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitleContainer {
height: auto;
}
div[forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepEightPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepSevenPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepSixPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepFivePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepFourPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepThreePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepTwoPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type {
white-space: initial;
min-width: 60vw;
background-color: #FAFAFA;
margin: 0;
}
@media (min-width: 1440px) {
div[forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepEightPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepSevenPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepSixPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepFivePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepFourPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepThreePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type,
div[forcedcontrolid="stepTwoPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div .MusePanelTitle:first-of-type {
min-width: 70vw;
}
}
div[forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div > div,
div[forcedcontrolid="stepEightPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div > div,
div[forcedcontrolid="stepSevenPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div > div,
div[forcedcontrolid="stepSixPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div > div,
div[forcedcontrolid="stepFivePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div > div,
div[forcedcontrolid="stepFourPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div > div,
div[forcedcontrolid="stepThreePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div > div,
div[forcedcontrolid="stepTwoPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child > div > div {
padding: 0;
min-height: initial;
}
button[forcedcontrolid="WarningContinue"],
button[forcedcontrolid="RejectedContinue"],
button[forcedcontrolid="PreviewContinue"],
button[forcedcontrolid="SubmitUpload"] {
background-color: #0179C0;
color: white;
border-radius: 5px;
height: 30px;
text-transform: uppercase;
font-size: 13px;
}
.ButtonDisabled
{
background-color: #EFEFEF !important;
color: #DDD !important;
pointer-events: none !important;
}
button[forcedcontrolid="WarningContinue"]:hover,
button[forcedcontrolid="RejectedContinue"]:hover,
button[forcedcontrolid="PreviewContinue"]:hover,
button[forcedcontrolid="SubmitUpload"]:hover {
opacity:0.8;
}
button[forcedcontrolid="WarningBack"],
button[forcedcontrolid="RejectedBack"],
button[forcedcontrolid="RejectedBack"],
button[forcedcontrolid="AbortUpload"],
button[forcedcontrolid="PreviewBack"],
button[forcedcontrolid="TermsAndConditionsBack"] {
border-radius: 5px;
height: 30px;
text-transform: uppercase;
font-size: 10px;
}
/*div[forcedcontrolid="stepEightPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child,
div[forcedcontrolid="stepSevenPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child,
div[forcedcontrolid="stepSixPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child,
div[forcedcontrolid="stepFivePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child,
div[forcedcontrolid="stepFourPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child,
div[forcedcontrolid="stepThreePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child,
div[forcedcontrolid="stepTwoPanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child,
div [forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child {
border: solid 1px #CCC;
background-color: #FAFAFA;
padding: 10px;
margin-top: 0px;
margin-left: 0px;
width: 97vw;
align-items: center;
position: fixed;*/
/* padding-left: 75%; */
/*bottom: 3px;
height: 75px;
}*/
div [forcedcontrolid="stepNinePanelForcedControlId"] > div[id^="MusePanelContent_Panel_"] > div:last-child {
white-space: nowrap;
}
div[forcedcontrolid="stepEightPanelForcedControlId"],
div[forcedcontrolid="stepSevenPanelForcedControlId"],
div[forcedcontrolid="stepSixPanelForcedControlId"],
div[forcedcontrolid="stepFivePanelForcedControlId"],
div[forcedcontrolid="stepFourPanelForcedControlId"],
div[forcedcontrolid="stepThreePanelForcedControlId"],
div[forcedcontrolid="stepTwoPanelForcedControlId"],
div[forcedcontrolid="stepNinePanelForcedControlId"] {
text-align: left;
margin-top: 0px;
margin-left: 0px;
/*margin-bottom:50px;*/
}
div[forcedcontrolid="stepEightPanelForcedControlId"] .MuseLabelControl,
div[forcedcontrolid="stepSevenPanelForcedControlId"] .MuseLabelControl,
div[forcedcontrolid="stepSixPanelForcedControlId"] .MuseLabelControl,
div[forcedcontrolid="stepFivePanelForcedControlId"] .MuseLabelControl,
div[forcedcontrolid="stepFourPanelForcedControlId"] .MuseLabelControl,
div[forcedcontrolid="stepThreePanelForcedControlId"] .MuseLabelControl,
div[forcedcontrolid="stepTwoPanelForcedControlId"] .MuseLabelControl,
div[forcedcontrolid="stepNinePanelForcedControlId"] .MuseLabelControl {
font-family: "Slate";
font-size: 14px;
margin-left: 20px;
margin-bottom: 10px;
text-transform: uppercase;
width: 20vw;
padding-top: 32px;
padding-left: 40px;
white-space: normal;
text-align: right;
}
div[forcedcontrolid="stepEightPanelForcedControlId"] .MuseLabelControl:hover,
div[forcedcontrolid="stepSevenPanelForcedControlId"] .MuseLabelControl:hover,
div[forcedcontrolid="stepSixPanelForcedControlId"] .MuseLabelControl:hover,
div[forcedcontrolid="stepFivePanelForcedControlId"] .MuseLabelControl:hover,
div[forcedcontrolid="stepFourPanelForcedControlId"] .MuseLabelControl:hover,
div[forcedcontrolid="stepThreePanelForcedControlId"] .MuseLabelControl:hover,
div[forcedcontrolid="stepTwoPanelForcedControlId"] .MuseLabelControl:hover,
div[forcedcontrolid="stepNinePanelForcedControlId"] .MuseLabelControl:not([forcedcontrolid="SummaryForcedControl"]):not(.UploadTandC):hover {
background-color: lightblue;
cursor: pointer;
}
.MuseLabelControl[forcedcontrolid="SummaryForcedControl"],.UploadTandC
{
cursor:default;
}
div[forcedcontrolid="stepEightPanelForcedControlId"] .MuseLabelControl .ProductCount,
div[forcedcontrolid="stepSevenPanelForcedControlId"] .MuseLabelControl .ProductCount,
div[forcedcontrolid="stepSixPanelForcedControlId"] .MuseLabelControl .ProductCount,
div[forcedcontrolid="stepFivePanelForcedControlId"] .MuseLabelControl .ProductCount,
div[forcedcontrolid="stepFourPanelForcedControlId"] .MuseLabelControl .ProductCount,
div[forcedcontrolid="stepThreePanelForcedControlId"] .MuseLabelControl .ProductCount,
div[forcedcontrolid="stepTwoPanelForcedControlId"] .MuseLabelControl .ProductCount,
div[forcedcontrolid="stepNinePanelForcedControlId"] .MuseLabelControl .ProductCount {
font-size: 3em;
float: left;
line-height: 17px;
margin-right: 20px;
cursor: pointer;
}
span[forcedcontrolid="TotalCountForcedControl"]
{
position:absolute;
height:190px !important;
padding-top:80px !important;
}
button[forcedcontrolid="FileUploadSubmitForcedControl"] {
margin-left: 14px;
margin-top: 10px;
}
span[forcedcontrolid="PriceGroupTermsAndConditionsHeader"],
span[forcedcontrolid="SummaryForcedControl"] {
font-family: "Slate";
font-size: 14px;
font-weight: bold;
text-decoration: underline;
text-transform: uppercase;
margin-left: 0px !important;
}
span[forcedcontrolid="SummaryForcedControl"] {
height:100px;
display:block;
}
.MuseLabelControl.Header {
font-weight: bold;
}
button.RemoveConfirmRow {
background-color:white !important;
border:none !important;
min-width:50px !important;
}
.pnlProductInfo .col.Header
{
min-width:210px !important;
max-width:20% !important;
white-space:nowrap;
}
.pnlBBBEE .col.Header {
min-width: 230px !important;
max-width: 20% !important;
white-space: nowrap;
}
div[forcedcontrolid="ItemsDeleteConfirmation"] .MuseGridCell_Text {
max-width: 88% !important;
}
div[forcedcontrolid="ItemsDeleteConfirmation"] td[colidx="9"] {
text-align: center;
}
button.RemoveConfirmRow:hover {
background-color: darkred !important;
color: white !important;
font-weight: bold;
}
.UploadTandC {
font-size: 14px;
font-weight: normal;
}
.UploadTandCTitle
{
font-size:18px;
}
/*product linking*/
button[validationgroup="productLinking"] {
font-family: "Roboto";
font-size:12px;
height: 35px;
color: #fff;
background-color: #0179C0;
border-radius:3px;
}
button[validationgroup="productLinking"]:not(:disabled):hover {
filter:brightness(120%);
}
/*GRV queue*/
.MuseDataGridMenu span[forcedcontrolid='GrvProcessStatus2'],
.MuseDataGridMenu span[forcedcontrolid='GrvProcessStatus1'] {
font-family: 'Roboto';
font-size: 11px;
margin-top: 26px;
top: 15px;
}
.MuseDataGridMenu div[forcedcontrolid="btnPanel"] button[forcedcontrolid="stopOrStartGrvProcess"] {
font-family: 'Roboto';
font-size: 11px;
margin-top: 6px;
}
@media screen and (max-width: 1100px) {
.MuseDataGridMenu span[forcedcontrolid='GrvProcessStatus2'],
.MuseDataGridMenu span[forcedcontrolid='GrvProcessStatus1'] {
padding-right: 15px;
}
}
div[forcedcontrolid="ManualStepOneControlsPanel"] .MuseCustomDropDown {
min-height: 50px !important;
border-right:none;
}
.MuseCustomDropDownContainer_CellValue .MuseCustomDropDown {
background-color: transparent !important;
color:black;
line-height: 40px;
}
.GrvProcessRunning {
color: green;
}
.GrvProcessStopped {
color: red;
}
div[forcedcontrolid="ManualStepOneControlsPanel"] span[id^="MuseCustomDropDown_"]
{
max-width:15em;
white-space:nowrap;
overflow-x:hidden;
text-overflow:ellipsis;
}
/* GRV Search align date fields in filter panel*/
.DateRangePicker.k-widget.k-daterangepicker.k-state-default {
padding-left: 13px;
}
.DateRangePicker > .k-textbox-container input {
background-color: #F0F3FE;
}
.DateRangeContainer input[type="text"].k-textbox {
height: 35px;
}
.DateRangeContainer {
white-space: nowrap;
margin-right: 10px;
}
.GridTransferFilterItem .MuseDropDownContainer select {
margin: 5px 0 5px 2px;
margin-left: 0px;
font-size: 11px;
padding-right: 25px;
}
.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%;
}
.k-menu .k-state-hover .k-link.k-state-active {
background-color: #324D7A;
}
/*.k-group.k-menu-group.k-popup.k-reset.k-state-border-right
{
width:100%;
}
*/
span[forcedcontrolid="SubmitButtonDisabledMessageForcedControl"] {
color:red;
padding-left:15px;
}
.row-cols-3 > .col > span[forcedcontrolid=""] {
padding-left: 15px;
}
.HideGRVHeader {
height: 0px !important;
border-bottom: none !important;
display: none !important;
}
.k-icon.k-i-sort-asc-sm,
.k-icon.k-i-sort-desc-sm {
margin-right: -20px;
}
.k-icon.k-i-sort-asc-sm:hover,
.k-icon.k-i-sort-desc-sm:hover {
background-color: #fff;
border-radius: 50%;
}
.k-animation-container {
margin-right: -20px;
text-indent: 1px;
}
.MuseGridColumnHeader[data-role=columnsorter]:hover a::before {
margin-top: -3px !important;
margin-right: -20px;
text-indent: 1px;
}
.GridTransferFilterItemType_InvoiceNumber select,
.GridTransferFilterItemType_OrderNumber select,
.GridTransferFilterItemType_OrderReference select,
.GridTransferFilterItemType_SupplierReference select,
.GridTransferFilterItemType_CustomerReference select {
height: 35px !important;
}
.GridTransferFilterItemType_Heading {
padding-bottom: 1px;
}
.GridTransferFilterItemType_InvoiceNumber input,
.GridTransferFilterItemType_OrderNumber input,
.GridTransferFilterItemType_OrderReference input,
.GridTransferFilterItemType_SupplierReference input,
.GridTransferFilterItemType_CustomerReference input {
height: 35px !important;
}
.GridTransferFilterItemSingle {
margin-bottom: 8px;
}
/*.GridTransferFilterSource .GridTransferFilterItemSingle:last-child {
margin-bottom: -6px !important;
}
*/
.row .pnlStepOneDiv {
flex-wrap: nowrap !important;
}
.ElectGRVHide {
height: 0px !important;
}
.OverrideBackground
{
background-color:inherit !important;
}
/*div[id^="Panel_"] > div[id^="MusePanelContent_Panel_"] > .row-cols-3 > div[class="col"],
div[id^="Panel_"] > div[id^="MusePanelContent_Panel_"] > .row-cols-8 > div[class="col"],
div[id^="Panel_"] > div[id^="MusePanelContent_Panel_"] > .row-cols-9 > div[class="col"],*/
.row-cols-1 > .col > div[id^="Panel_"]:not([forcedcontrolid="ManualStepOneControlsPanel"]) > div[id^="MusePanelContent_Panel_"] > .row-cols-10 > div[class="col"] {
padding: 0px !important;
}
div[id^="MuseStaticGrid_OrderItems"] > .k-grid-header {
padding-right: 0px !important;
}
.row-cols-1 > .col > div[forcedcontrolid="pnlStepThree"] > div[id^="MusePanelContent_Panel"] > .row-cols-10:nth-child(2) > .col > .EmptyRowSpacer,
.row-cols-1 > .col > div[forcedcontrolid="pnlStepThree"] > div[id^="MusePanelContent_Panel"] > .row-cols-10:nth-child(3) > .col > .EmptyRowSpacer,
.row-cols-1 > .col > div[forcedcontrolid="pnlStepThree"] > div[id^="MusePanelContent_Panel"] > .row-cols-10:nth-child(4) > .col > .EmptyRowSpacer,
.row-cols-1 > .col > div[forcedcontrolid="pnlStepThree"] > div[id^="MusePanelContent_Panel"] > .row-cols-10:nth-child(5) > .col > .EmptyRowSpacer,
.row-cols-1 > .col > div[forcedcontrolid="pnlStepThree"] > div[id^="MusePanelContent_Panel"] > .row-cols-10:nth-child(6) > .col > .EmptyRowSpacer {
height: 1px;
}
div[id^="MusePanelContent_Panel_"] > .row-cols-1 > .col > div[forcedcontrolid="pnlStepThree"] {
max-width: 100% !important;
width: 100% !important;
}
.row-cols-10 > .col > div[forcedcontrolid="receiveGoods_grid"] > .k-grid-header > .k-grid-header-wrap {
margin-right: 0px !important;
width: 100% !important;
}
.MuseTextControlTitle + .k-numerictextbox, .MuseTextControlTitle + .k-datepicker {
font-size: 13px !important;
}
td[colidx="8"][colspan="2"].color-me {
padding: 0px;
}
.RowTag_UnderInvestigation_Small,
.RowTag_UnderInvestigation_Medium,
.RowTag_UnderInvestigation
{
position:relative;
}
/*.RowTag_UnderInvestigation:after {
content: "";
position: absolute;
top: -6px;
left: 0px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid orange;
transform: rotate(45deg);
}
.RowTag_UnderInvestigation_Small:after {
content: "";
position: absolute;
top: -6px;
left: 0px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid orange;
transform: rotate(45deg);
}
.RowTag_UnderInvestigation_Medium:after {
content: "";
position: absolute;
top: -6px;
left: 0px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid orange;
transform: rotate(45deg);
}*/
.MuseGridColumnHeader:hover .ColumnHeaderSearchIcon {
right: 30px !important;
}
.MuseGridColumnHeader .k-link .k-icon.k-i-sort-asc-sm,
.MuseGridColumnHeader .k-link .k-icon.k-i-sort-desc-sm {
margin-top: -3px !important;
}
div[id^="MuseStaticGrid_PriceAnalysis_"] tbody .k-alt:hover {
background-color: #ebebeb;
}
div[id^="MuseStaticGrid_HISTORY_"] tbody .k-alt:hover {
background-color: #ebebeb;
}
button[forcedcontrolid="ItemsDeleteConfirmation"][value="CONFIRM"],
button[forcedcontrolid="ItemsDeleteConfirmation"][value="CONFIRM"],
button[value="COMPLETE INVESTIGATION"][musebuttontype="completeinvestigation"] {
margin-left: 8px;
margin-top: 10px;
float:right;
}
button[musebuttontype="updateinvestigation"][name="NewOverrideMessage"][value="UPDATE INVESTIGATION"] {
margin-top: 6px;
}
div[class="row row-cols-2"] > div[class="col"] > button[musebuttontype="decline"]:after {
margin-left: 47px;
}
div[id^="MusePanelContent_Panel_"] > .row-cols-4 > .col > input {
margin-top: 5px;
}
div[id^="MusePanelContent_Panel_"] > .col > button[forcedcontrolid="btnActionButtonsEnableDisable:btnInvestigate"]:after {
margin-left: 24px;
}
div[id^="MusePanelContent_Panel_"] > .col > button[forcedcontrolid="btnActionButtonsEnableDisable:btnDecline"]:after {
margin-left: 32px;
}
/* Row Action Bar Styling */
.SummaryRowActionBar {
max-width: 42%;
min-width:20vw;
width: max-content;
background-color: black;
transform: translate(-50%,-50%);
left:50%;
padding-left:200px;
display:none;
}
.SummaryRowActionBar > button[class="actionRowSelectedCount"]:after {
margin-left: 18px;
}
.actionRowSelectedCount:hover {
background-color: black !important;
color: white;
cursor: default;
}
.actionRowSelectedCount {
color: black;
border: none;
height: 100%;
border-radius: 14px;
font-family: 'roboto';
font-size: 11px;
margin-left: 0px;
padding: 5px;
background-color: white;
text-transform: uppercase;
position: absolute;
left: -50px;
}
div[id^="MusePanelContent_Panel_"] > .row-cols-5 > .col {
text-transform: uppercase;
}
@media only screen and (max-width:1334px) {
.SummaryRowActionBar > .actionRowSelectedCount {
width: 80px !important;
min-width: 60px !important;
}
.SummaryRowActionBar > button {
width: 80px !important;
min-width: 60px !important;
}
.SummaryRowActionBar > button[class="actionRowSelectedCount"]:after {
margin-left: 9px;
}
.SummaryRowActionBar > button[forcedcontrolid="btnActionButtonsEnableDisable:btnInvestigate"]:after {
margin-left: 7px;
}
.SummaryRowActionBar > button[musebuttontype="decline"]:after {
margin-left: 19px;
}
}
@media only screen and (max-width:1066px) {
.SummaryRowActionBar > .actionRowSelectedCount {
width: 60px !important;
min-width: 40px !important;
}
.SummaryRowActionBar > button {
width: 60px !important;
min-width: 40px !important;
}
.SummaryRowActionBar > button[class="actionRowSelectedCount"]:after {
margin-left: 29px;
}
.SummaryRowActionBar > button[forcedcontrolid="btnActionButtonsEnableDisable:btnInvestigate"]:after {
margin-left: 29px;
}
.SummaryRowActionBar > button[musebuttontype="decline"]:after {
margin-left: 9px;
}
}
/*.MuseFormTitle span {
min-width: 75% !important;
width: 75% !important;
}*/
/*@media only screen and (max-width:1450px) {
.MuseFormTitle span {
min-width: 60% !important;
width: 60% !important;
}
}*/
.Color_Orange
{
color:orange !important;
min-width:250px !important;
}
.Color_Red
{
color:red !important;
}
.Color_Blue {
color: #0000FF !important;
}
[forcedcontrolid="LegendForcedControlParent"] {
position: fixed;
right: 56px;
height: 20px;
top: 56px;
}
div[forcedcontrolid="LegendForcedControl"] {
border:none;
border-left: 1px solid rgb(226, 226, 226) !important;
border-right: 1px solid rgb(226, 226, 226) !important;
padding: 0px;
margin: 0px !important;
padding-top: 17px;
height: 56px;
padding-left:20px;
}
[forcedcontrolid="LegendForcedControl"] [id^="MusePanelContent_Panel"] {
height: 100%;
display: flex;
flex-direction: column;
flex-direction: inherit;
}
[forcedcontrolid="LegendForcedControl"] .row .col {
margin-right: 25px;
}
div[forcedcontrolid="LegendForcedControl"].MMULegend {
border: none;
border-left: 1px solid rgb(226, 226, 226) !important;
border-right: none !important;
padding: 0px;
margin: 0px !important;
padding-top: 0px;
height: 56px;
font-size:12px;
}
.MMULegend.active
{
position:static !important;
}
.MMULegend {
margin-left: 0px !important;
margin-right: 0px !important;
height: 55px;
padding-right: 0px;
width: 0px;
position: absolute;
right: 24.85vw;
display: flex;
white-space: nowrap;
overflow:hidden;
color:#BBB;
font-weight:500;
}
.legendlabel
{
margin-left:14px;
margin-right:10px;
}
div.MusePanel[forcedcontrolid="LegendForcedControl"] {
margin-left: 0px !important;
margin-right: 0px !important;
height: 55px;
padding-right: 0px;
padding-top:19px;
}
[forcedcontrolid="LegendForcedControl"] .MuseLabelControl {
position: relative;
}
/*div[forcedcontrolid="LegendForcedControl"] .Legend_Increase,
div[forcedcontrolid="LegendForcedControl"] .Legend_Decrease,
div[forcedcontrolid="LegendForcedControl"] .Legend_RightArrow,
div[forcedcontrolid="LegendForcedControl"] .Color_Orange,
div[forcedcontrolid="LegendForcedControl"] .Color_Red,
div[forcedcontrolid="LegendForcedControl"] .Color_Blue
{
background-color: white !important;
}
*/
.MMULegend div.Legend_Decrease::after {
font-weight: bold !important;
content: "";
font-family: 'Font Awesome 6 Pro';
float: right;
color: red;
bordeR: solid 1px yellowgreen;
background-color: yellowgreen;
border-radius: 10px;
margin-top: 0px;
top: 0px;
right: 20px;
width: 15px;
height: 15px;
position: absolute;
}
.MMULegend div.Legend_RightArrow::after {
font-weight: bold !important;
content: "";
font-family: 'Font Awesome 6 Pro';
float: right;
color: red;
bordeR: solid 1px black;
background-color: black;
border-radius: 10px;
margin-top: 0px;
top: 0px;
right: 20px;
width: 15px;
height: 15px;
position: absolute;
}
.MMULegend div.Legend_Increase::after {
font-weight: bold !important;
content: "";
font-family: 'Font Awesome 6 Pro';
float: right;
color: red;
bordeR: solid 1px red;
background-color: red;
border-radius: 10px;
margin-top: 0px;
top: 0px;
right: 20px;
width: 15px;
height: 15px;
position: absolute;
}
.MMULegend div.Color_Orange
{
min-width:224px !important;
}
.MMULegend .MuseLabelControl.Color_Orange::after {
font-weight: bold !important;
content: "";
font-family: 'Font Awesome 6 Pro';
float: right;
color: orange;
bordeR: solid 1px orange;
background-color: orange;
border-radius: 10px;
margin-top: 0px;
top: 0px;
right: 5px;
width: 15px;
height: 15px;
position: absolute;
}
.INCREASE::after {
font-weight: bold !important;
content: "\f062";
font-family: 'Font Awesome 6 Pro';
float: right;
color: red;
margin-left: 10px;
display: contents;
white-space: nowrap;
}
.RIGHTARROW::after {
font-weight: bold !important;
content: "\f061";
font-family: 'Font Awesome 6 Pro';
float: right;
color: black;
}
.DECREASE::after {
font-weight: bold !important;
content: "\f063";
font-family: 'Font Awesome 6 Pro';
float: right;
color: limegreen;
margin-left: 10px;
display: contents;
white-space: nowrap;
}
.MuseGridColumnAlignRight {
white-space: nowrap !important
}
.MuseGridColumnAlignRight span {
margin-right: 10px;
}
.col.tggleHidePrice {
display: flex;
}
.k-grid-content table tr td {
/* display: flex;
align-items: center;
height: inherit;*/
}
.REDCROSS::after {
content: "\f00d";
font-family: 'Font Awesome 6 Pro';
color: red;
font-weight: bold;
margin-left: 40%;
}
.GREENTICK::after {
content: "\f00c";
font-family: 'Font Awesome 6 Pro';
color: yellowgreen !important;
font-weight: bold;
margin-left:40%;
}
.AB_PanelButtons
{
padding:0px;
border:none !important;
}
.WORDSPACE span
{
word-spacing:20px;
}
/*
.AB_ButtonInvestigate,
.AB_ButtonApprove,
.AB_ButtonPreapprove,
.AB_ButtonDecline {
width: 104px;
}
.AB_ButtonInvestigateComplete,
.AB_ButtonAddToInvestigation {
width: 104px;
}
*/
.AB_PanelButtonsForm button {
background-color: none !important;
}
textarea[musesubtype="MultiText"] {
resize: none;
}
/*.MuseGridRowMenu .container-fluid
{
background-color:#EEE;
}*/
/*disabled textbox style on forms*/
.MuseGridRowMenu input[type="text"][disabled]
{
color:#AAA;
border:none;
background-color:#FFF !important;
}
div.k-grid .k-grid-header .k-header .k-link,
div[forcedcontrolid="linkedProductsGrid"].k-grid .k-grid-header .k-header .k-link,
div[forcedcontrolid="suppliersGrid"].k-grid .k-grid-header .k-header .k-link,
div [forcedcontrolid="materialMasterGrid"].k-grid .k-grid-header .k-header .k-link {
height: auto;
}
div.k-grid .k-grid-header .k-header,
div[forcedcontrolid="linkedProductsGrid"].k-grid .k-grid-header .k-header,
div[forcedcontrolid="suppliersGrid"].k-grid .k-grid-header .k-header,
div [forcedcontrolid="materialMasterGrid"].k-grid .k-grid-header .k-header {
white-space: normal;
}
.k-grid-lockedcolumns .k-grid-header .k-header {
white-space: nowrap !important;
}
.InvestigationActionItems
{
width:20%;
float:right;
min-width:fit-content;
}
ul[forcedcontrolid="linkedProductsGrid"] .MuseKebabMenuIcon,
.MuseFormGridUtility .MuseKebabMenuIcon {
position: relative;
color: #324d7a;
}
ul[forcedcontrolid="linkedProductsGrid"] .MuseKebabMenuIcon:hover,
.MuseFormGridUtility .MuseKebabMenuIcon:hover {
position: relative;
color: white;
}
.MuseFlexBoxUnlinkBtn .MuseKebabMenu.k-widget > li.k-item > span,
.MuseFormGridUtility .MuseKebabMenu.k-widget > li.k-item > span {
padding: 0px !important;
}
.k-item.k-state-default.k-first.k-last.k-state-border-down .MuseKebabMenuIcon:hover {
color: #324d7a !important;
}
.k-item.k-state-default.k-first.k-last.k-state-border-down.k-state-hover .MuseKebabMenuIcon:hover {
color: #324d7a !important;
}
.KebabMenuItemArrowLeft .k-icon {
position: absolute;
top: 50%;
margin-top: -8px;
left: 0.2rem;
transform: rotate(180deg);
}
.PositionRelative
{
position:relative;
}
.SpanDelFee:hover {
background-color:rgb(248,250,251);
}
.SpanDelFee {
cursor: pointer;
position: absolute;
background-color: #F0F3FE;
height: 38px;
width: 241px;
top: 1px;
margin-left: -8px;
line-height: 38px;
}
.SpanDelFee .MuseCustomDropDown
{
min-height:0px;
}
/**grid header alignment adjustments***/
th[data-field="currentNAPPriceExcl"]
{
text-align:left !important;
}
.k-grid-footer .k-grid-footer-wrap table {
min-height: 41px !important;
}
#GridFooter_OL_PRICEADJUSTMENTANALYSIS .MuseTextControlTitle
{
overflow:visible;
}
.PageCount_SuppliersGrid {
position: absolute;
right: 2%;
}
/*.BoolSwitch
{
min-width:140px;
}*/
#MuseFileUploadStatusSection
{
display:none;
}
/****Border width******************************/
._BORDERWIDTH_3 {
border: solid 3px inherit !important;
}
.ButtonStyle button:not(:disabled):hover {
opacity: 0.8 !important;
}
.ButtonStyle button:not(:disabled) {
background-color: #0179C0 !important;
color: white !important;
}
div[museid="PriceList"] table
{
border-collapse:collapse !important;
}
div[museid="PriceList"] .k-grid-content table tr td,
div[museid="PriceList"] .k-grid-content-locked > table tr td {
border: none !important;
}
/****OL Orders******************************/
button[forcedcontrolid="OLOrders_fcid_TopPrintButton"] {
color: white;
background-color: #324d7a;
box-shadow: 1px 1px #b2b2b2 !important;
margin: 0px 0px 0px 50px;
position: absolute !important;
right: 100px;
border-radius: 25px;
transition-duration: 0.1s;
}
.k-picker-wrap {
width: 100%;
}
.MuseTextControlTitle:not(.UpperPosition) {
font-size: 12px !important;
margin-top:14px;
text-transform:uppercase;
}
.MuseTextControlTitle {
margin-left: 10px;
margin-top: 7px;
}
.CustomFooterItem .UpperPosition {
margin-top: 0px;
}
.MuseDropDownContainer select {
margin: 5px 0px !important;
width:100%;
}
.MuseTextControlTitle + input.k-textbox, .MuseTextControlTitle + select {
font-size: 12px !important;
/* font-weight: 600; */
border-radius:3px;
width: 100%;
box-shadow: none;
outline: none;
padding-top: 4px;
}
div[forcedcontrolid="stepNinePanelForcedControlId"] {
margin-left:10px;
max-width: 97% !important;
background-color:white !important;
}
div[forcedcontrolid="OrdersFormContainer"] .k-picker-wrap.k-state-default,
div[forcedcontrolid="OrdersFormContainer"] .k-picker-wrap.k-state-default.k-state-hover {
background-color: transparent !important;
color: black !important;
border-color: #e2e2e2;
border-width: 1px;
border-style: solid;
}
.MuseDataGrid td[role='gridcell'] input[data-role='datepicker'] {
margin-left: 0px !important;
}
div[forcedcontrolid="OrdersFormContainer"] .k-datepicker span.k-picker-wrap.k-state-default,
div[forcedcontrolid="OrdersFormContainer"] .k-datepicker span.k-picker-wrap.k-state-default:hover {
border-color: #e2e2e2;
}
.k-grid .ColumnHeaderDate.k-datepicker {
max-width: 100% !important;
}
/*legend styling*/
.WarningLegend {
height: 25px;
line-height: 25px;
color: Black;
background-color:transparent;
}
.WarningLegendColour {
border-radius: 15px;
border: solid 1px Orange !important;
margin-bottom: 5px;
margin-right: 10px;
padding-right: 18px !important;
padding-bottom: 1px;
}
.WarningLegendColour:after {
border-radius: 15px;
background-color: orange;
z-index: 3;
position: absolute;
content: "";
top: 3px;
left: 3px;
width: 12px;
height: 12px;
}
.ErrorLegend {
height: 25px;
line-height: 25px;
color: Black;
background-color:transparent;
}
.ErrorLegendColour {
border-radius: 15px;
border: solid 1px Red !important;
margin-bottom: 5px;
margin-right: 10px;
padding-right: 18px;
padding-bottom: 1px;
}
.ErrorLegendColour:after {
border-radius: 15px;
background-color: red;
z-index: 3;
position: absolute;
content: "";
top: 3px;
left: 3px;
width: 12px;
height: 12px;
}
.MusePanel[hasborder="false"][forcedcontrolid="LegendForcedControl"]
{
background-color:transparent !important;
}
/*Form section styling*/
div[forcedcontrolid="GroupSuppliersPricingInfo"] div.col.Header{
max-width:300px;
}
input[forcedcontrolid="BlockPriceFilesReason"],
input[forcedcontrolid="GroupManufacturerCodes"] {
width: 175px !important;
}
div[forcedcontrolid="NAPIncreaseNoticeDaysForcedControlId"] .MuseTextControlTitle + .k-numerictextbox, .MuseTextControlTitle + .k-datepicker {
width:50%;
}
.MuseDynamicDropDownItemTitle {
min-width: 95% !important;
}
.GridFlyOver button[musebuttontype="exportfile"]
{
position:absolute;
top:20px;
right:0px;
padding:0px;
}
button[musebuttontype="exportfile"] {
position: fixed;
bottom: 10px;
right: 5px;
width: 13em
}
.MuseGridRowMenu .MusePanel.ExportSettingsStyle .UpperPosition {
margin-top:2px !important;
}
.MuseGridRowMenu .MusePanel.ExportSettingsStyle {
height: 87%;
overflow-y: scroll;
}
.MuseGridRowMenu .MuseCustomDropDownContainer,
.MuseGridRowMenu .MuseCustomDropDown {
min-height: 43px !important;
max-height: 43px !important;
}
.ExportSettingsStyle .MuseLabelControl {
padding-top: 20px;
margin-bottom: 4px;
}
input[forcedcontrolid^="txtExportFileName"]::placeholder {
text-transform: uppercase;
}
div[forcedcontrolid="ddExportType"] {
margin-top: 15px;
border: 1px solid rgb(226, 226, 226);
min-height:40px;
}
div[forcedcontrolid="ddExportType"] span {
font-family: 'Roboto';
font-size: 12px;
color: #8E8E8E;
text-transform: uppercase;
margin-left:5px;
font-weight:400;
}
.MuseGridRowMenu .MuseTextControlTitle,
.MuseGridRowMenu .MuseCustomDropDown {
text-transform:uppercase;
}
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;
}
span.k-link.k-menu-link.k-state-active.k-state-border-down {
background-color:white;
}
span.k-link.k-menu-link.k-state-active.k-state-border-down {
box-shadow: 0px 0px 2px 2px rgb(230 230 230) !important;
}
/*.MuseGridPanel .MuseKebabMenu {
right: 9px;
}
*/
/*override kebabmenu*/
.MuseKebabMenu li.k-state-hover {
background-color: #324d7a !important;
}
.MuseDataGridMenu div[forcedcontrolid='btnPanel'] {
right: 40px !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;
}
.MegaMenuFilterButton:hover .MegaMenuFilterButton_Text,
.MegaMenuFilterButton:hover .icon-file-svg-filter-icon-11562874693tj59mpz35p:before {
color: white;
}
.MegaMenuFilterButton.MegaFilterActive:hover .MegaMenuFilterButton_Text,
.MegaMenuFilterButton.MegaFilterActive:hover .icon-file-svg-filter-icon-11562874693tj59mpz35p:before {
color: #324d7a;
}
.MegaMenuFilterButton:hover .GHPIcon:hover {
color: white !important;
}
.MegaMenuFilterButton:hover {
cursor: pointer !important;
background-color: #324d7a;
}
span.k-link.k-menu-link.k-state-active.k-state-border-left + .k-animation-container:after {
content: "";
background-color: #EBF5FAFF;
width: 3px;
height: 55px;
position: absolute;
top: 1px;
right: 0px;
z-index: 2;
}
.Class_materialMasterGrid_Totals,
.Class_suppliersGrid_Totals {
white-space: nowrap;
margin-top: 10px;
margin-left: 15px;
font-family: Roboto;
font-size:12px;
}
.Class_linkedProductsGrid_Totals {
white-space: nowrap;
margin-top: 10px;
position: absolute;
left: 15px;
}
.MuseSearchInput::placeholder {
color: #324d7a;
text-transform:uppercase;
padding-left:5px;
margin-top:5px;
}
.MuseSearchInput
{
border:none;
padding-top:2px;
height:32px;
}
#PageContent_Custom .MuseSearchContainer::before {
content: "";
border: none;
/*background-color: rgb(226,226,226);*/
position: absolute;
width: 1px;
height: 54px;
top: -8px;
right: 0px;
}
#PageContent_Custom
{
margin-top:-8px;
padding-bottom:0px;
}
#PageContent_Custom .MuseFormGridUtility {
margin-bottom: 10px;
padding-top: 9px;
}
#PageContent_Custom .k-grid
{
border-radius: 0px;
}
#PageContent_Custom .MuseSearchIcon img {
margin-top: 3px;
content: url('/Content/CSS/Muse/Controls/Images/SearchBlue.png') !important;
}
.LABELWARNING span:after {
content: "WARNING";
position: absolute;
margin-top: -12px;
font-size: 10px;
background-color: orange;
color: white;
height: 16px;
left: 7px;
line-height: 16px;
width: 2.7%;
height: 14px;
padding-left: 3px;
padding-top: 0px;
}
.LABELERROR span:after {
content: "ERROR";
position: absolute;
margin-top: -12px;
font-size: 10px;
background-color: red;
color: white;
height: 16px;
left: 7px;
line-height: 16px;
width: 2%;
height: 14px;
padding-left: 3px;
padding-top: 0px;
}
.BORDERORANGE, .BORDERORANGE.k-state-focused
{
outline: solid 1px orange;
}
.BORDERRED, .BORDERRED.k-state-focused {
outline: solid 1px red;
}
input[forcedcontrolid="CommentInputForcedControlId"] {
width: 95%;
}
.MuseCustomDropDown[forcedcontrolid="CostCentresForcedControl"],
.MuseCustomDropDown[forcedcontrolid="SuppliersForcedControl"] {
border: none !important;
}
button[forcedcontrolid="ManualGrvForcedControl"],
/*button[forcedcontrolid="DownloadIdentifier"],*/
button[forcedcontrolid="CloseGrvForcedControlId"] {
background-color: inherit !important;
margin-top: 6px !important;
color: black;
}
button[forcedcontrolid="ManualGrvForcedControl"]:hover .fa-circle,
button [forcedcontrolid="CloseGrvForcedControlId"]:hover .fa-circle {
background-color: white;
}
/*.dropdownAdditionalPanel .row.row-cols-3:not(:nth-last-of-type(-n+2)) {
border-bottom: 1px solid rgb(221, 223, 226);
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
}*/
.MuseCustomDropDownContainer_CellValue .MuseCustomDropDown > span {
margin-right: 20px;
}
/****Price file upload page 9 styling*/
span[forcedcontrolid="TotalCountForcedControl"],
span[forcedcontrolid="RejectedCountForcedControl"],
span[forcedcontrolid="WarnedCountForcedControl"],
span[forcedcontrolid="ChangedCountForcedControl"],
span[forcedcontrolid="NewCountForcedControl"],
span[forcedcontrolid="FutureCountForcedControl"],
span[forcedcontrolid="DeletedCountForcedControl"] {
display:block;
border: solid 2px gray;
border-radius: 5px;
width: 170px;
height: 90px;
background-color: #EEE;
cursor:pointer;
}
.UploadSubmitText {
color: white;
line-height: 84px;
margin-left: 15px;
}
.termsConditions {
max-width: fit-content;
}
.MuseFormLink[forcedcontrolid="TermsAndConditionsLinkButtonControlId"] {
line-height: 14px;
position: absolute;
font-size: 11px;
top:-10px;
}
.LandingPageLogo {
position: absolute;
top: 40%;
left: 35%;
z-index: 5;
width: 30%;
}
.LandingPageBackground
{
width:100%;
}
/*Requested to be site wide in OL Orders walk through*/
td[role='gridcell'] {
font-weight: 400 !important;
}
.DECREASETEXT {
color: green !important;
}
.INCREASETEXT {
color: red !important;
}
.block_AlternateColour {
background-color: #eaeded;
}
.orderEllipse {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
[forcedcontrolid="RowMenuFCID_NapApprovalsForcedControlID"],
[forcedcontrolid="RowMenuFCID_TenderApprovalsForcedControlID"],
[forcedcontrolid="RowMenuFCID_OLMaterialMasterUpdateGridForcedControlID"] {
overflow: hidden !important;
}
[forcedcontrolid="RowMenuFCID_NapApprovalsForcedControlID"] .k-grid-content.k-auto-scrollable,
[forcedcontrolid="RowMenuFCID_TenderApprovalsForcedControlID"] .k-grid-content.k-auto-scrollable,
[forcedcontrolid="RowMenuFCID_OLMaterialMasterUpdateGridForcedControlID"] .k-grid-content.k-auto-scrollable {
height: 75vh !important;
}
[forcedcontrolid="ItemsDeleteConfirmation"] {
margin-right: 52px !important
}