/* 
    *=====================================================================
    * _Common.css acts as the base CSS file across all Muse MVC projects
    * All style selectors should be appended with 'Muse'
    *=====================================================================
*/

/*#region Fonts*/

@font-face {
    font-family: RobCL;
    src: url('../../fonts/roboto-condensed.light.ttf') format('truetype');
}

@font-face {
    font-family: Slate;
    src: url('../../../../fonts/SLATEPRO-LIGHT.TTF');
    font-weight: 100;
}

@font-face {
    font-family: Slate;
    src: url('../../../../fonts/SLATEPRO.TTF');
    font-weight: 400;
}

@font-face {
    font-family: Slate;
    src: url('../../../../fonts/SLATEPRO-MEDIUM.TTF');
    font-weight: 600;
}

@font-face {
    font-family: Slate;
    src: url('../../../../fonts/SLATEPRO-BK.TTF');
    font-weight: 300;
}

@font-face {
    font-family: Roboto;
    src: url('../../Fonts/roboto.black.ttf');
    font-weight: 900;
}

@font-face {
    font-family: Roboto;
    src: url('../../Fonts/roboto.bold.ttf');
    font-weight: 700;
}

@font-face {
    font-family: Roboto;
    src: url('../../Fonts/roboto.medium.ttf');
    font-weight: 500;
}

@font-face {
    font-family: Roboto;
    src: url('../../Fonts/roboto.regular.ttf');
    font-weight: 400;
}

@font-face {
    font-family: Roboto;
    src: url('../../Fonts/roboto.light.ttf');
    font-weight: 300;
}

@font-face {
    font-family: Roboto;
    src: url('../../Fonts/roboto.thin.ttf');
    font-weight: 100;
}

/*#endregion*/

/*#region Scrollbars */

body *::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
}

body *::-webkit-scrollbar-track {
    background: #F1F1F1
}

body *::-webkit-scrollbar-thumb {
    background-color: #C1C1C1;
    outline: 1px solid #C1C1C1;
}

/*#endregion Scrollbars */

/*#region Default Muse Controls*/

body {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

html {
    height: 100%;
    overflow:hidden !important;
}

*::selection {
    background-color: inherit;
}

input:focus, 
select:focus, 
button:focus {
    outline: none;
}

input[type='text']::selection {
    background-color: #428bca;
    color:white;
}

.border-box, .border-box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.MainPageContent {
    max-height: 94vh;
    transition: filter 0.3s cubic-bezier(0.4,0,.2,1);
    padding: 0 !important;
}

/*    border: 1px solid transparent;}*/

input[type="search"] {
    padding-top:0px;
    border: 1px solid transparent;
    font-size: 12px;
}

input[type="text"]:hover, textarea:hover {
    border-color: #aeaeae;
}

input[type="search"]:hover {
    border-color: transparent !important;
}

input[type='number']::selection, input[type='date']::selection {
    color: #3065A9 !important;
}

input[musesubtype='AutoCompleteDropDown']:hover, 
.k-autocomplete.k-state-hover {
    box-shadow: none;
}

.MusePanel .k-autocomplete .k-i-loading{
    right: 1.6em;
    bottom: 0.75em;
}

.k-calendar .k-calendar-view td[role='gridcell']{
    font-size: 12px;
    background-color: transparent !important;
}

.k-daterangepicker .k-label{
    font-size: 14px;
}

.k-daterangepicker .k-dateinput{
    margin-top: 5px;
}

.k-calendar-range .k-calendar-monthview:after{
    content: "";
}

.k-calendar-range table:first-of-type{
    margin-right: 0px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.k-calendar-range table:first-of-type tr th:last-child, 
.k-calendar-range table:first-of-type tr td:last-child{
    padding-right: 14px;
}

.k-calendar-range table:last-of-type{
    margin-left: 14px;
}

.k-calendar-range .k-calendar-header{
    padding: 4px !important;
}

.MusePanelCollapsed {
    display: none;
}

.MusePanel .MusePanel {
    padding-top: 10px;
    background-color: transparent;
}

/*div[forcedcontrolid='MainContainerPanel']*/
.MasonaryBlock .MusePanel {
    padding: 0;
}

div[forcedcontrolid='MainContainerPanel'] .MusePanel .col .null:nth-child(1) {
    padding: 0 15px;
}

div[forcedcontrolid='MainContainerPanel'] .MusePanel .col .null:nth-child(n + 2) {
    padding: 0 15px 0 0;
}

.MuseGridRowMenu .container-fluid .MasonaryBlock {
    padding: 15px 0;
}

.container-fluid > .row > .col-12 > .MasonaryBlock > .MasonaryBlockContainer {
    display: flex;
    flex-direction: column;
}

div[class='MuseGridRowMenu'] .MusePanel .col .null:nth-child(1) {
    padding: 0 15px;
}

div[class='MuseGridRowMenu'] .MusePanel .col .null:nth-child(n + 2) {
    padding: 0 15px 0 15px;
}

.MusePanel .k-grid {
    box-shadow: none;
    border: 1px solid #DDD;
}

.MuseGridRowMenu  .MusePanel .k-grid {
    display: contents;
}

.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    display: none;
}

.OneColsperRow .MusePanel .k-grid {
    max-width: 59vw;
    min-width: 59vw;
}

.OneColsperRow .MusePanel div[id^='MiniGrid_'] {
    max-width: 59vw !important;
    min-width: 100px !important;
}

.k-tabstrip .MusePanel {
    max-width: 100% !important;
    margin-bottom: 0;
}

.k-tabstrip > .k-content {
    overflow: unset;
}

.k-tabstrip .k-content.k-state-active {
    height: auto !important;
    /*border: 1px solid transparent;*/
    box-sizing: border-box;
}

.k-tabstrip-wrapper ~ .MusePanel {
    margin-top: 0px;
    box-sizing: border-box;
    /*border: solid 1px #e2e2e2;*/
}

.k-numeric-wrap .k-select {
    border-color: #DDD;
}

.k-i-calendar {
    color: #999;
}

.MusePanelTitleStatus {
    margin-left:5px;
    margin-right:5px;
}

.MusePanelTitleContainer {
    cursor: pointer;
    position: relative;
    min-width: 100px;
/*    max-width: 300px;*/
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    padding: 0 15px 0 0;
}

.MuseDataGridMenu .SearchControl:focus + .searchClose {
    display: block;
    border-color: #aeaeae;
}

.MuseDataGridFilterContainer .MuseFormMultiSelect {
    margin: 0;
}

.MuseDataGridFilterContainer .MuseFormMultiSelect + .MuseFormMultiSelectContent {
    margin-top: 0;
}

.GridHeaderPanelItemContent .MuseFormMultiSelectWrapper {
    margin-top: 15px;
    position: relative !important;
}

.GridHeaderPanelItemContent .MuseFormDropDown {
    margin: 0;
}

.MuseFormMultiSelectWrapper
{
    display:block;
}

.MuseDataGridRowPatientInfo {
    color: #333;
    font-weight: 300;
    font-size: 12px;
}

div[id*='MuseStaticGrid_s_'] .k-detail-row, div[id*='MuseStaticGrid_s_'] .k-detail-row.k-alt {
    background-color: #F8F8F8;
}

div[id*='MuseStaticGrid_'][hasborder="false"] {
    border: 0;
}

div.MuseDataGrid[showgridlines="true"] tbody tr:hover,
div[id*='MuseStaticGrid_'][showgridlines="true"] tbody tr:hover {
    background-color: #EEE;
}

div.MuseDataGrid[showaltrowcolours="true"] tbody tr.k-alt,
div[id*='MuseStaticGrid_'][showaltrowcolours="true"] tbody tr.k-alt {
    background-color: #F8F8F8;
}

div.MuseDataGrid[showaltrowcolours="true"] tbody tr.k-alt:hover,
div[id*='MuseStaticGrid_'][showaltrowcolours="true"] tbody tr.k-alt:hover {
    background-color: #EEE;
}

.StaticGridTotalRow td[role="gridcell"]
{
    font-weight:bold;
}

.k-grid tbody tr.StaticGridTotalRow,
.k-grid tbody tr.StaticGridTotalRow.sub-total td {
    background-color: #fff !important;
}

.StaticGridTotalRow a.k-icon.k-i-expand,
.StaticGridTotalRow a.k-icon.k-i-collapse {
    display: none;
}
/*div[id*='MuseStaticGrid_s_'] .k-detail-row:hover, div[id*='MuseStaticGrid_s_'] .k-detail-row.k-alt:hover {
background-color: red !important;
}

div[id*='MuseStaticGrid_s_'] .k-master-row:hover{
    background-color:red !important;
}*/
/*div[id*='MuseStaticGrid_s_'] .k-icon.k-i-expand, div[id*='MuseStaticGrid_s_'] .k-icon.k-i-collapse {
    display: none;
}*/

#LeftFilter .MusePanelTitleContainer {
    top: 0 !important;
}

.MuseLeftFilter {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 56px);
}

.MuseLeftFilterFlyout {
    display: block;
    position: absolute;
    background-color: white;
    border: solid 1px #e2e2e2;
    z-index: 3;
    left: 0;
}

.MuseFilterHeader {
    height: 50px;
    display: flex;
    align-items: center;
    font-weight: bold;
    justify-content: right;
    cursor: pointer;
}

.MuseGridHeaderPanelFilterContainer {
    display: flex;
}

/* Filter Summary */
.MuseFilterBarTitle_SearchWithin,
.MuseFilterBarTitle_Filters {
    font-size: 11px;
    margin-left:-6px;
    margin-right: 22px;
    align-self: start;
    line-height: 40px;
    white-space: nowrap;
    display: none;
}

.MuseFilterBarTitle_SearchWithin
{
    padding-left:10px;
}

.MuseDataGridMenuFilterBarTitle {
    font-size: 11px;
    margin-right: 22px;
    align-self: center;
    display: none;
}

.MuseDataGridMenuFilterBarContainer {
    display: flex;
    align-items: center;
    flex-wrap:wrap;
}

.MuseFilterSearch,
.MuseFilterSearchWithin {
    display: flex;
    flex-wrap: wrap;
    line-height: 35px;
}

.MuseFilterSummary {
    display: flex;
    min-width: 100%;
    max-width: 96%;
    height: 100%;
    align-items: center;
    padding-left: 10px;
    flex-wrap: wrap;
}

.MuseFilterSummaryContentLabel {
    display: flex;
    font-family: 'SLATE';
    font-size: 13px;
    font-weight: bold;
}
.MuseFilterSummaryContent {
    display: flex;
    margin-left:20px;
}

.MuseFilterSummaryDropDownItem {
    padding: 4px 42px 4px 4px;
    background-color: #ffffff;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    border-right: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    font-size: 12px;
    margin: 0 5px;
    max-width: 200px;
    min-width: 120px;
    color: #333;
    box-sizing: border-box;
    position: relative;
    width: fit-content;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.MuseFilterSummaryDropDownItem > span {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.MuseFilterSummaryDropDownItem .MuseFilterSummaryDropDownContainer {
    display: none;
    position: absolute;
    background-color: white;
    border: solid 1px #E2E2E2;
    top: 45px;
    left: 0;
    z-index: 2;
    max-width: 250px;
    -webkit-box-shadow: 0px 3px 6px -1px rgba(199,199,199,1);
    -moz-box-shadow: 0px 3px 6px -1px rgba(199,199,199,1);
    box-shadow: 0px 3px 6px -1px rgba(199,199,199,1);
}

.MuseFilterSummaryDropDownContainer{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.MuseFilterSummaryDropDownItem .MuseFilterSummaryDropDownCheckbox {
    cursor: pointer;
}

.MuseFilterSummaryDropDownItem .MuseFilterSummaryDropDownCheckbox label:hover {
    background-color: #f2f2f2;
}

.MuseFilterSummaryDropDownItem .dropdown-menu.show .checkbox {
    display: flex;
    align-items: center;
}


.MuseFilterSummaryDropDownItem label {
    font-size: 11px;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #efefef;
    padding: 10px;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.MuseFilterSummaryDropDownItem label span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.MuseFilterSummaryDropDownItem input[type='checkbox'] {
    margin: 7px 10px 5px 0;
    cursor: pointer;
}

[data-checkboxid^="RangeEndDate_"]{
    display: none !important;
}

.MegaMenuFilterCloseButton {
    z-index: 3;
    cursor: pointer;
    width: 30px;
    border: solid 1px #BBB;
    color:red;
    font-weight:bold;
    height: 30px;
    border-radius: 24px;
    text-align: center;
    line-height: 30px;
    margin-left:70%;
}

.MegaMenuFilterSearchButtonClear,
.MuseFilterSummaryItem {
    font-family: Slate;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 22px 4px 22px;
    background-color: #F0F3FE;
    border: none;
    border-radius: 5px 5px 0px 0px;
    margin: 3px 5px;
    flex-direction: column;
    display: flex;
    color: #333;
    line-height: 20px;
    box-sizing: border-box;
    position: relative;
    width: fit-content;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}

.MuseFilterSummaryItemHeader {
    font-size: 10px;
    font-weight: 700;
    color: #8e8e8e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.MuseFilterSummaryItemText {
    white-space: nowrap;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    font-size: 12px;
    line-height:26px;
    margin-left:-10px;
}

.MuseFilterSummaryItemCaret {
    position: absolute;
    top: 16px;
    right: 26px;
    color: #cccccc;
}

.MuseFilterSummaryItemRemove {
    position: absolute;
    font-weight: 400;
    right: 2px;
    font-size: 23px;
    transform: rotate(45deg);
    top: 8px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 15px;
}

.MuseFilterSummaryItem:hover {
    background-color: #A3E3FF !important;
}

.MuseFilterSummaryItem:hover > .MuseFilterSummaryItemRemove {
    display: block;
}

.MegaMenuFilterSearchButtonClear:hover > .MuseFilterSummaryItemRemove
{
    display:block;
}

.MuseFilterSummaryItemRemove:hover {
    color: red;
}

/*.MuseFilterSummaryItem:before {
    content: "";
    width: 15px;
    height: 15px;
    border: solid 1px darkred;
    border-radius: 7px;
    position: absolute;
    top: -7px;
    right: -6px;
    cursor: pointer;
}*/

.MuseFilterSummaryItemRemove:hover {
    color: red;
}

.MuseRemoveAllFilterSummaryItems {
    display: none;
    font-weight: normal;
    font-size: 12px;
    color: #007bff;
    cursor: pointer;
    margin-left: 10px;
}

.Muse_LeftMenuInnerContent {
    margin-top: 20px;
    overflow-y: auto;
    max-height: 70vh;
}

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

.MusePanelTitle {
    color: #333;
    font-weight: 700;
    height: 25px;
    padding: 0;
    /* border-bottom: 1px solid #CCC; */
    font-size: 15px;
    z-index: 2;
    white-space: nowrap;
    line-height: 25px;
    display: flex;
    margin-left: 20px;
}

.MuseFilterPanelTitle {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 2;
    margin-right: 5px;
    white-space: nowrap;
}

.MuseToolTip{
    font-size: 16px;
    cursor: pointer;
}

.k-tooltip .k-tooltip-content {
    padding: 5px;
    font-weight: 500;
    color: #333;
}

.MuseGridHeaderPanelFilterContainer .MuseFilterPanel {
    margin-right: 25px;
    padding-bottom: 15px;
}

.MusePanel {
    position: relative;
    min-height: 50px;
    padding: 15px;
    /*background-color: white;*/
    width: 100%;
    box-sizing: border-box;
}

/*.MusePanel div[id*='MusePanelContent_Panel_'] > .row > .col > div {
    height:100%;
}*/

.MusePanel div[id*='MusePanelContent_Panel_'] .MuseDataGridMenu {
    height: 0px !important;
    border-color: transparent;
}

.MusePanel[hasborder="true"] {
    border: 1px solid #EEE;
}

.MusePanel[hasborder="false"] {
    border: 0;
    background-color:#fafafa;
}

div[id*='MusePanelContent_Panel'] .col:not(:last-of-type)  {
    padding-right: 15px;
}

.MuseFilterPanel {
    color: #777;
    max-width: 300px;
    padding: 0;
    background-color: white;
    height: 100%;
    border-right: 1px solid #e2e2e2;
}

.MuseFilterPanel .MusePanelTitleContainer {
    height: 100%;
}

.MuseFilterPanelBodyContainer {
    position: absolute;
    background-color: white;
    border-top: 1px solid #e2e2e2;
    -webkit-box-shadow: 0px 3px 6px -1px rgba(199,199,199,1);
    -moz-box-shadow: 0px 3px 6px -1px rgba(199,199,199,1);
    box-shadow: 0px 3px 6px -1px rgba(199,199,199,1);
}

.MuseFilterPanelControls {
    position: relative;
    max-height: 350px;
    padding: 15px 15px 15px 15px;
    overflow-y: auto;
    font-size: 12px;
}

.MuseFilterPanelSearchContainer {
    position: relative;
}

.MuseFilterPanelSearchIcon {
    position: absolute;
    top: 5px;
    left: 10px;
    opacity: 0.7;
}

.MuseFilterPanelSearchInput {
    border: 1px solid #e2e2e2;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    height: 33px;
    font-weight: 400;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: 13px;
    cursor: text;
}

.MuseFilterPanelSearchInput:focus {
    border-top: 0;
    border-left: 0;
    border-right: 0;
} 

.MuseFilterPanelSearchClear {
    color: #d7665b;
    font-size: 15px;
    right: 5px;
    top: 8px;
    position: absolute;
    text-align: right;
    padding-right: 5px;
    cursor: pointer;
    display: none;
}

.MuseFilterPanelAlphaScrollContainer {
    position: absolute;
    right: 0;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 350px;
    width: 35px;
    font-size: 12px;
    z-index: 1;
}

.MuseFilterPanelAlphaScrollLetter {
    min-height: 0;   
}

.LetterActive {
    color: #007BFF; 
    cursor: pointer;
}

.LetterInactive {
    color: #888888;
    cursor: disabled;
}

.MuseSeeAllContainer {
    display: none;
}

.MuseSeeAllLoadingContainer {
    display: flex;
    min-height: 100px;
    align-items: center;
    justify-content: center;
}

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

.MuseSeeAllResultsButton {
    font-weight: normal;
    font-size: 15px;
    padding-left: 5px;
    height: 30x;
    height: 35px;
    display: flex;
    align-items: center;
    color: #007bff;
    cursor: pointer;
}

input:-moz-read-only::selection { /* For Firefox */
    background-color: transparent;
}

input:read-only::selection {
    background-color: transparent;
}

.k-tabstrip:focus {
    box-shadow: none;
}

.MuseRadioLabel {
    font-size: 12px;
    margin-left: 50px;
}

.MusePanel .MuseControlContent .row:first-of-type {
    /*margin-top: 20px;*/
}

#MuseLogoContainer {
    margin: 0 auto;
}

input[type=radio] {
    height: 12px;
    margin-top: 7px;
    width: auto !important;
}

input[type=button], button {
    min-width:100px;
    width: auto;
    height: 35px;
    /* border-radius: 5px; */
    /* margin-right: 10px; */
    text-transform: capitalize;
    box-sizing: border-box;
    font-size: 12px;
    border: 1px solid #DDD;
    background-color: #f7f7f7;
}


/*input[type=text] {
    width: 100%;
}
*/
input[type='checkbox'] {
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 5px;
    outline: none;
}

input[musesubtype='CheckBox']{
    margin-top:10px;
}

input[type='number'] {
    width: 100px;
}


.MuseTreeControlNoResultsFound {
    border-bottom: solid 1px #f2f2f2;
    position: relative;
    background-color: white;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: auto;
    min-height: 35px;
    padding: 5px 5px 5px 10px;
}

/* Disabled styles */
input:disabled, textarea:disabled, input.k-textbox:hover:disabled, textarea.k-textbox:hover:disabled {
    background-color: #EEEEEE;
    color: #999999;
    border-color: #e2e2e2;
}

/*List box control*/

.MuseListBox {
    width: 90%;
    margin-top: 10px;
}

.MuseListBoxItemLabel {
    font-size: 14px !important;
}

.MuseFilter {
    width: 100%;
    /*height:100%;*/
    display: grid;
    margin: 10px;
    min-width: 200px;
}

#PageContent_Custom .MuseDataGridMenu {
    background-color: #EEE;
    cursor: pointer;
    position: absolute;
    z-index: 3;
}

#PageContent_Grid {
    /*max-width: 100%;
    width: 100%;*/
}

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

label[for*='lst_'] {
    position: absolute;
}

div[id*='LeftRightSelect_'] .demo-section {
    max-width: none;
    width: 30vw;
}

div[id*='LeftRightSelect_'] .k-listbox {
    margin-top: 20px;
    width: 28vw;
    height: 310px;
}

div[id*='LeftRightSelect_'] .k-listbox:first-of-type {
    width: 28vw;
    margin-right: 1px;
}

/*NumericTextBox - Decimal control*/
.k-numeric-wrap input {
    height: 35px !important;
}

.k-numeric-wrap .k-link {
    height: 17px;
}

.k-numeric-wrap .k-icon.k-i-arrow-60-down {
    height: 14px;
}

.k-state-default > .k-select {
    z-index: 1;
    border-color: #DDD;
    border-radius: 0 2px 2px 0;
    top: 0px;
}

.k-state-hover > k-select {
    border-color: #DDD;
}

.MuseGroupControl {
    height: auto;
}

.MuseFormError {
    font-size: 14px;
    color: red;
    width: 98%;
    height: auto;
    padding: 5px;
}

.MuseFormError:empty {
    display:none;
}

.MuseFormLabel {
    font-weight: 100;
    font-size: 14px;
    line-height: 30px;
    min-width: 50px;
    max-width: 200px;
    text-indent: 5px;
    margin: 0;
    display: contents;
}

.MuseFormLabelRequired {
    color: red;
    position: absolute;
    margin-left: 2px;
    font-size: 12px;
}

input.MuseRequiredBorder,
select.MuseRequiredBorder,
.MuseRequiredBorder {
    border: 1px solid red !important;
    border-radius: 2px !important;
}

span.k-autocomplete{
    border-radius: 2px !important;
    border: 0px solid #e2e2e2 !important;
    border-width: 0 !important;
}

.MuseFormLabelValidation {
    font-size: 12px;
    color: red;
    position: absolute;
    margin-top: 3px;
}

.MuseFormLabelText {
    height: 100%;
}

.MuseFormLabelTextFor {
    margin-top:10px;
    cursor:pointer;
    font-size:12px;
    font-weight:500;
}

.MenuTitle {
    font-size: 18px;
    margin-top: 20px;
    font-weight: bold;
}

.MuseFormLinkTitle {
    font-size: 14px;
    color: #888;
    font-weight: bold;
    margin-top: 20px;
}

.MuseFormLink {
    font-size: 14px;
    color: #0072C5;
    font-weight: 500;
    border-bottom: 2px solid #0072C5;
    line-height: 20px;
    padding: 0px 2px;
    cursor: pointer;
    text-transform: uppercase;
}

.MuseFormLinkSelected {
    font-size: 14px;
    color: #6e0076;
    font-weight: 500;
    border-bottom: 2px solid #6e0076;
    line-height: 20px;
    padding: 0px 2px;
    cursor: pointer;
    text-transform: uppercase;
}

.MuseFormLinkSelected:hover {
    color: #58015f;
    border-bottom: 2px solid #58015f;
}

.MuseFormLink:hover {
    color: #005591;
    border-bottom: 2px solid #005591;
}

.MuseFormHeading {
    font-size: 16px;
    color: #888;
    font-weight: bold;
    text-decoration: underline;
}

.MuseFormCellLink {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 30px;
    cursor: pointer;
    text-decoration: underline;
    color: #0072C5;
}

.MuseFormHeading::selection {
    background-color: transparent;
}

.MuseFormDate .k-icon, .MuseFormDate .k-tool-icon {
    margin-top: 14px;
}

.MuseFormDateTime span.k-icon.k-i-calendar, .MuseFormDateTime span.k-icon.k-i-clock {
    margin-top: 5px !important;
}

.MuseFormTime span.k-icon.k-i-clock {
    margin-top: 10px !important;
}

.MuseFormNumberInput {
    height: 38px;
}

.MuseFormDropDown {
    font-size: 14px;
    background-color: transparent;
    color: #333333;
    min-width: 100%;
    max-width: 100%;
    width:auto;
    height: 25px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    margin: 0 0 15px 0;
    text-indent: 7px;
    cursor: pointer;
    padding-right:15px;
}

.MuseFormDropDown option {
    font-size: 14px;
}


.MuseDropDownContainer {
    position: relative;
    display: flex;
    flex-flow: row-reverse;
    flex-direction: column;
}

.MuseDropDownContainer select {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0 0 5px 0;
}


.DropDownCaret {
    position: absolute;
    right: 5px;
    top: 25%;
    color: #909090;
}

.MuseMultiSelectContainer {
    position: absolute;
    z-index: 1;
}

.MuseFormTextBox {
    font-size: 14px;
    background-color: white;
    color: #333333;
    width: 100px;
    height: 25px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    margin: 0 0 5px 0;
}

.MuseSpinner {
    height: 50px;
    text-align: center;
    position: fixed;
    top: 300px;
    left: 0px;
    z-index: 100;
    width: 100%;
    display: none;
}

.MuseFormSpinner {
    width: 100%;
    text-align: center;
    position: fixed;
    top: 300px;
    left: 0px;
    z-index: 100;
}
.MuseFormSpinner img {
    width: 50px;
}

.NoDataTemplate {
    padding: 5px;
}

.MuseFormMultiSelectContent {
    display: none;
    border: solid 1px #ddd;
    border-radius: .15em;
    background-color: white !important;
    min-width: 300px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    z-index: 101;
}

.MuseGridRowMenu .MuseDataGridFilterContainer .MuseFormMutliSelectDropDownIcon,
.MuseFormMutliSelectDropDownIcon {
    position: absolute;
    top: 15px;
    right: 10px;
    color: #909090;
}

.MuseGridRowMenu .MuseFormMutliSelectDropDownIcon {
    right: 25px;
}

.MuseGridRowMenuAdditionalStyles {
    /*base style to be overridden in project*/
    border: solid 1px #EFEFEF;
    min-height: 350px;
}

.MuseFormMultiSelect {
    height: 42px;
    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 15px 0;
    pointer-events: auto;
    padding-right: 20px;
    text-indent: 8px;
    position: relative;
}

.MuseFormMultiSelectReadOnly {
    height: 42px;
    cursor: pointer;
    border: solid 1px #E2E2E2;
    white-space: nowrap;
    overflow-x: hidden;
    border-radius: 3px;
    font-size: 14px;
    background-color: white;
    color: #333333;
    margin: 0 0 15px 0;
    background-color: #EFEFEF;
    pointer-events: none;
}

.MuseFormMultiSelect span {
    margin-left: 2px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;    
    display: block;
}

.MuseFormMultiSelect + .MuseFormMultiSelectContent {
    margin-top: -9px;
}

.MultiSelectItem {
    border-bottom: solid 1px #f2f2f2;
    position: relative;
    background-color: white;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: auto;
    min-height: 35px;
    padding: 5px 0;
}

.MultiSelectItemReadOnly {
    border-bottom: solid 1px #EFEFEF;
    position: relative;
    background-color: #EFEFEF;
    pointer-events: none;
}

.MultiSelectItem:hover {
    background-color: #DAEEF7;
    cursor: pointer;
}

.MultiSelectItem input {
    position: absolute;
    margin-top: 7px;
    left: 10px;
}

.MultiSelectItem label {
    font-weight: 500;
    font-size: 11px;
    margin-left: 15px;
    margin-bottom: 0;
    cursor: pointer;
}

.CellButtonGroup {
    min-width: 124px;
}

.CellSplit {
    padding: 0 !important;
}

.CellSplitValue {
    margin: 0px;
    padding: 0px;
    width: 100%;
    margin-bottom: 3px;
}

.CellSplitValue div {
    flex-wrap: nowrap !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    height: 40px;
}

.CellSplitLeft div {
    margin-top: 10px;
    margin-left: 5px;
}

.CellSplitRight div {
    margin-top: 10px;
    margin-right: 10px !important;
    text-align: right;
}

.CellSplit {
    border-top: solid 1px #054F86;
    border-bottom: solid 1px #054F86;
    margin: 0px;
    padding: 0px;
    width: 10%;
    height: 40px;
}

.CellSplitLeft {
    width: 50%;
    height: 40px;
    color: white;
    background-color: #054F86;
    padding-left: 10px;
    border-top: solid 1px #054F86;
    border-left: solid 1px #054F86;
    border-bottom: solid 1px #054F86;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
}

.CellSplitRight {
    width: 40%;
    height: 40px;
    border-top: solid 1px #054F86;
    border-right: solid 1px#054F86;
    border-bottom: solid 1px #054F86;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
}

.color_change
{
    color:orange;
}

.color_addition
{
    color:green;
}

.color_deletion
{
    color:red;
}

.SVGCellSplit {
    fill: #054F86;
}

div[id^='MiniGrid_'] {
    margin-bottom: 50px;
}

#FilesProgressBar {
    width: auto;
    display: block;
}

.FilterMenuCollapsed.HeaderMenuCollapsed {
    height: 0px;
}

.MuseFileUploadControl {
    min-width: 28vw;
    border: solid 1px #AAA;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.FileUploadClose {
    border: solid 1px #AAA;
    background-color: white;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
    z-index: 1;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
}

.FileUploadCloseDisabled {
    display: none;
}

.btnFileUploadAbortProcessing {
    width: 150px !important;
    margin-top: 0px !important;
    z-index: 1 !important;
    display: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
}



/*#endregion*/

.SearchOptionsButtonCheckboxes
{
    display:flex;
    width:100%;
}


/****MultiSelectRadioButton*****/
/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: transparent;
    border: solid 1px #ccc;
    border-radius: 15px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color:transparent;
    border:solid 1px #ccc;
    border-radius:15px;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: rgb(50, 77, 122);
    width: 9px;
    height: 9px;
    margin-left: 4px;
    margin-top: 4px;
    border:none;
}

#PageContent_Custom .container input:checked ~ .checkmark {
    margin-left: 5px;
    margin-top: 5px;
}

#PageContent_Custom .container input:checked ~ .checkmark:before {
    top: -5px;
    left: -5px;
}

.container input:checked ~ .checkmark:before {
    content: "";
    position: absolute;
    border: 1px solid #ccc;
    width: 17px;
    height: 17px;
    top: -4.5px;
    left: -4px;
    border-radius: 15px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
   /* display: block;*/
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}




/*#region Button Checkbox*/
.ButtonCheckBoxItem {
    background: #EEE;
    float: left;
    min-width: fit-content;
    font-size: 12px;
    min-height: 28px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 7px 20px 7px 20px;
    cursor: pointer;
    border-radius: 30px;
    min-width: 90px;
    text-align: center;
}

.ButtonCheckBoxItem:hover {
    background-color: #1976d2;
    color:white;
    cursor: pointer;
}

.ButtonCheckBoxItem[selected=selected] {
    background-color: #1976d2 !important;
}

.ButtonCheckBoxItem[selected=selected] label{
    color:white;
}

.ButtonCheckBoxItem input{
    display: none;
}

.ButtonCheckBoxItem label{
    margin-left: 0px;
    margin-bottom: 0px;
    cursor: pointer;
    line-height:28px;
}


/*#region Muse Bubble Dropdown*/
.MuseDropDownTitle {
    cursor: pointer;
}

.MuseDropDownContent {
    width: 101%;
    height: auto;
    border: solid 1px #f2f2f2 !important;
    background-color: #fbfbfb;
    background-color: white;
    opacity: 1;
    display: none;
    cursor: pointer;
    position: absolute;
    margin-top: -1px;
    margin-left: -1px;
    z-index: 1000;
    padding: 5px;
    box-sizing: border-box !important;
}

.bubblePopout {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
    border-radius: 0.25em;
}

    .bubblePopout:after {
        position: absolute;
        top: -8px;
        left: 15px;
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        transform: rotate(45deg);
        border: inherit;
        border-bottom: none;
        border-right: none;
        background-color: inherit;
        border-radius: 0 0 15px 0;
    }

.MATC_divDDOptionsItem {
    color: black;
    padding-top: 6px;
    line-height: 17px;
    font-size: 12px;
    padding-left: 11px;
    height: 30px;
    border: 1px solid transparent;
    position: relative;
}

.MATC_divDDOptionsItemSelected {
    color: #1976d2;
    background-color: #e6f2ff;
    padding-top: 6px;
    font-size: 12px;
    font-weight: 600;
    padding-left: 11px;
    height: 30px;
    border-radius: 0;
    /*border-bottom: solid 1px #DDD;*/
}

    .MATC_divDDOptionsItemSelected:hover {
        color: #1976d2;
        background-color: #f5f5f5;
        padding-top: 6px;
        font-size: 12px;
        padding-left: 11px;
        height: 30px;
        border-radius: 0;
        /*border-bottom: solid 1px #DDD;*/
    }

.MATC_divDDOptionsItem:hover {
    background-color: #cce6ff !important;
    border: 1px solid #cce6ff !important;
    color: #1976d2 !important;
    padding-top: 6px;
    font-size: 12px;
    padding-left: 11px;
    border-radius: 0;
}

/*#endregion*/

/*#region Override Styles*/

#GHPItemContent_Search.GridHeaderPanelItemContent{
    top: 45px;
    left: 0;
    height: auto;
    flex-wrap: wrap;
    align-content: flex-start;
    border: 1px solid #EEE;
    -webkit-box-shadow: 0px 1px 3px 0px rgb(199 199 199);
    box-shadow: 0px 1px 3px 0px rgb(199 199 199);
    padding: 15px;
}

#GHPItemContent_Search
{
    width:493px;
}

#GHPItemContent_Search #GridHeaderPanelItemSearchOptions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.GridHeaderPanelItemSearchOptions button[musebuttontype="apply"] {
    margin-top: 20px;
    float: right;
}

input[type='button'][id*='CellButton'] {
    /*width: 50px;*/
    min-height: 15px;
    height: 25px;
    border-radius: 5px;
    margin: 0px;
    font-size: 12px;
    padding: 0px;
    border: solid 1px #ebebeb;
}

input[type='image'][id*='CellButton'] {
    width: 20px;
    height: 20px;
    border-radius: 5px;
}

input[type="submit"], input[type="button"], button {
    line-height: 10px;
    min-height: 35px;
    padding: 0;
    background-color: white;
    border-radius: 2px
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover {
    background: #E3E3E3;
}

input[validationgroup='SearchToggle'] {
    border: 1px solid transparent;
    background-color: transparent;
    color: #BBB;
    min-width: unset !important;
    padding: 10px 20px !important;
    border-radius: .15em;
}

input[validationgroup='SearchToggle']:focus {
    border: 1px solid transparent !important;
}

    /*.k-datepicker span.k-picker-wrap.k-state-default, .k-widget.k-datepicker.k-header.MuseFormDate {
    border-radius: 0px 5px 5px 0px !important;
}*/
    /*.k-detail-cell .k-tabstrip .k-tabstrip-items {
    display: none;
}*/
    .k-grid tbody .k-alt {
        background-color: transparent;
    }

.k-context-menu.k-menu-vertical > .k-item > .k-link, 
.k-menu .k-menu-group .k-item > .k-link, 
.k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, 
.k-popups-wrapper.vertical > .k-item > .k-link {
    padding:20px;
}
.MuseKebabMenu > li.k-item ul.k-menu-group
{
    padding:0px !important;
}

.MuseKebabMenu span {
    line-height: 1em !important;
}

li[musesubtype="kebabmenuitem"] .MuseKebabMenu i {
    margin-right: 15px;
}

li[musesubtype="kebabmenuitem"] .k-link.k-menu-link
{
    padding-left: 50px !important;
}

li[musesubtype="kebabmenuitem"] .k-link.k-menu-link i
{
    position:absolute;
    left:20px;

}

.MuseKebabMenuIcon:hover {
color:white;
}

.MuseKebabMenuIcon {
    font-size: 22px;
    position: absolute;
    top: -2px;
    left: 0px;
    width: 42px;
    height: 33px;
    text-align: center;
    padding-top: 10px;
    color:#333;
}

.MultiLineCol .MuseKebabMenu i {
    margin: 0;
    padding: 0 !important;
}

.k-grid-header .k-resize-handle, .k-grid > .k-resize-handle {
    position: absolute;
    height: 25px;
    cursor: col-resize;
    z-index: 0;
    padding-left:5px;
}

.k-resize-handle-inner {
    background-color: #DDD;
    width: 10px;
    height: 32px;
    position: absolute;
    top: 1px;
    left:-3px;
    vertical-align: middle;
    z-index: 1;
}

.k-grid-header-locked {
    box-sizing: border-box !important;
}

.MusePageHeader .Logo {
    padding: 0 15px 0 0 !important;
}

.MuseGridColumnHeader .k-link .k-icon.k-i-sort-asc-sm, 
.MuseGridColumnHeader .k-link .k-icon.k-i-sort-desc-sm {
    margin-top: -1px;
}

.MuseGridColumnHeader .k-icon, .k-tool-icon{
    position: absolute;
    right: 30px;   
    font: 20px/1 WebComponentsIcons;
}

.MuseGridColumnHeader[data-role=columnsorter]:not(.k-sorted):hover a::before {
    position: absolute;
    right: 30px;
    content: "\e127";
    z-index: 0;
    font: 20px/1 WebComponentsIcons;
    margin-top: -1px;
    color: #777;
    transition: right 0.6s ease-in-out;
    -o-transition: right 0.6s ease-in-out;
    -ms-transition: right 0.6s ease-in-out;
    -moz-transition: right 0.6s ease-in-out;
    -webkit-transition: right 0.6s ease-in-out;
}

.MuseGridColumnHeader[data-role=columnsorter] a::before {
    position: absolute;
    content: "\e127";
    z-index: 0;
    font: 20px/1 WebComponentsIcons;
    margin-top: -1px;
    color: #777;
    right: -100px;
}


.MuseGridColumnHeader[data-dir=desc]:hover a::before{
    content: "\e128";
}

.MuseGridColumnHeader .k-icon{
    color: #9CCC3C;
}

th.MuseGridColumnHeader.k-header:hover {
    /*background-color: #F0F3FE;
    background: linear-gradient( 90deg, #F0F3FE calc(100% - 50px), white 27%);*/
    /*padding-right: 50px;*/
}
th.MuseGridColumnHeader {
    border:solid 1px white !important;
    outline: none !important;
}

.MuseGridColumnAlignCentre {
    text-align:center !important;
}

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

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

/*#endregion*/

/*#region TreeView Control*/
.MuseTreeViewFooter {
    border-top: solid 1px #CCC;
    margin-bottom: 100px !important;
}

.MuseTreeViewFooter .TreeViewGrandTotalLabel {
    margin-bottom: 30px;
}

.MuseTreeViewFooter input[type=button] {
    height: 30px;
    background-color: #428bca;
    color: white;
}

.MuseTreeViewFooterModal {
    float: right;
}

.btnTreeViewModalSave {
    margin-top: 10px;
    font-size: 12px;
}

.k-treeview .heading {
    font-weight: bold;
}

.k-treeview .k-treeview-lines .k-in {
    width: 100%;
}

div.k-treeview
{
    overflow:hidden;
}

.k-window-content.k-content li[data-expanded='true'] {
    border: solid 1px #CCC !important;
    border-radius: 5px;
    background-color: #FAFAFA !important;
}

.k-window-content.k-content li[data-expanded='false'] .k-mid .k-treeview .k-i-collapse,
.k-window-content.k-content li[data-expanded='false'] .k-mid .k-treeview .k-i-expand,
.k-window-content.k-content li[data-expanded='false'] .k-mid .k-treeview .k-i-minus, .k-treeview .k-i-plus{
    margin-left: 10px !important;
}

.NotifyWindowMessage {
    margin-top:10px;
    margin-bottom:10px;
}

.NotifyWindowButton
{
    text-align:right;
    
}

.k-treeView .k-in.k-state-selected .k-state-hover {
    border: solid 1px #428bca;
    background-color: #428bca;
    color: white;
    margin-top: 1px;
}

.k-in.k-state-selected label {
    color: white;
}

.TreeViewGrandTotalLabel, .TreeViewLineTotal {
    text-align: right;
}

.TreeViewLineTotal {
    font-weight: 500;
    text-align: right;
}

.TreeViewGrandTotalLabel {
    color: #428bca;
    font-weight: 600;
}

.TreeViewGrandLineTotal {
    color: #428bca;
    font-weight: 600;
    text-align: right;
}

.k-treeview .k-icon.k-i-collapse {
    color: #428bca;
}

.k-treeview .k-icon.k-i-expand {
    color: #428bca;
}

.k-treeview .k-i-collapse, .k-treeview .k-i-expand, .k-treeview .k-i-minus, .k-treeview .k-i-plus {
    width: 20px;
}

.k-treeview .k-i-collapse:before {
    content: "\2212";
    font-size: 24px;
    font-weight: bold;
}

.k-treeview .k-i-expand:before {
    content: "\2b";
    font-size: 24px;
    font-weight: bold;
}

.MuseTreeViewLoader, .MuseGridFlyOverLoader
{
    position:fixed;
    left:48%;
    top:20%;
}

.MuseLoader {
    position: fixed;
    left: 48%;
    top: 50%;
    width:2vw;
}

.MuseTreeViewItemTemplate {
    display: inline-block;
    width: 100%;
}

/*.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget :before,
.MuseTreeViewItemTemplate > div > div {
    box-sizing: border-box;
}*/

.k-treeview .k-i-collapse, .k-treeview .k-i-expand, .k-treeview .k-i-minus, .k-treeview .k-i-plus {
    margin-left: -20px !important;
}

.MuseTreeViewHeader > .row > .MuseTreeViewHeaderItem:last-of-type {
    text-align: right;
}

#TreeModalContent .MuseTreeViewHeader {
    width: 100% !important;
}

#TreeModalContent .MuseTreeViewHeaderItem {
    color: #428bca;
    box-sizing: border-box !important;
}

#TreeModalContent .TreeViewHeaderAddress {
    color: #428bca;
}

#wndTreeControlModal {
    padding: 1em !important;
}

.MuseSearchControl::-webkit-input-placeholder {
    color: #BBB !important;
    opacity: 0.9 !important;
    font-weight: 500 !important;
}

.MuseSearchControl:-moz-placeholder { /* Firefox 18- */
    color: #BBB !important;
    opacity: 0.9 !important;
    font-weight: 500 !important;
}

.MuseSearchControl::-moz-placeholder { /* Firefox 19+ */
    color: #BBB !important;
    opacity: 0.9 !important;
    font-weight: 500 !important;
}

.MuseSearchControl:-ms-input-placeholder {
    color: #BBB !important;
    opacity: 0.9 !important;
    font-weight: 500 !important;
}

.MuseSearchContainer {
    display: flex;
    position: relative;
    max-width: 100%;
    height:53px;
    background-color:white;
}

@media screen and (max-width: 1440px){
    .MuseSearchContainer {
        max-width: 430px;
    }
}

@media screen and (max-width: 1300px) {
    .MuseSearchContainer {
        max-width: 380px;
    }
}

@media screen and (max-width: 1260px) {
    .MuseSearchContainer {
        max-width: 310px;
    }
}

@media screen and (max-width: 1180px) {
    .MuseSearchContainer {
        max-width: 270px;
    }
}

@media screen and (max-width: 1160px) {
    .MuseSearchContainer {
        max-width: fit-content;
    }
}

.MuseSearchOptionExpandButton {
    cursor: pointer;
    border: solid 1px transparent;
    background-color: white;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    filter: opacity(0.5);
}

.MuseSearchOptionExpandButton:hover {
    filter: opacity(1);
}

.MuseSearchOptionExpandButtonContainer {
    border: solid 1px #CCC;
    display: none;
    position: absolute;
    z-index: 0;
    top: 33px;
    width: 100%;
    background-color: white;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}

.MuseSearchControl {
    padding-left: 35px;
    padding-right: 35px;
    border-radius: 5px 0 0 5px;
    border: 0px solid transparent;
    width: 100%;
    outline: none;
    font-size: 12px;
    height:53px;
    /*max-width: 15vw;*/
}

.MuseSearchControl::placeholder
{
    color:black !important;
}

.MuseSearchControlIcon {
    position: absolute;
    top: 14px;
    left: 15px;
    opacity: 0.9;
}

#MuseHeaderBar
{
    display:flex;
    flex-direction:row-reverse;
}

.MuseSearchControlIcon img {
    height: 14px;
    width: 14px;
}

.MuseSearchControl:hover,
.MuseSearchControl:focus,
.MuseSearchControl:active {
    border-color: transparent !important;
}

.MuseSearchControl::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.searchClose {
    position: absolute;
    right: 32px;
    width: 35px;
    color: #d7665b;
    height: 100%;
    cursor: pointer;
}

.MuseSearchControl:not(:valid) ~ .searchClose {
    display: none;
}

.MusePageGridHeaderName {
    font-size: 12px;
    font-weight: 400;
    margin-right: 20px;
    margin-left: 20px;
}

.MuseSeparator {
    background-color: #DDD;
    height: 50%;
    max-height:27px;
    width: 1px;
    margin-top: 12px;
}

/*#endregion*/

/*#region Menu Object*/
.DGflex-Container {
    display: flex;
    flex-wrap: nowrap;
    padding: 5px;
    position: relative;
    align-items: center;
}

.DGflex-Container .MusePageTitle {
    margin: 0;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    vertical-align: middle;
    color: #333333;
}

input #chkAll {
    margin-left: 10px;
}

.MusePageTitle {
    font-size: 1.2em !important;
    white-space: nowrap;
    margin-right: 50px !important;
    width: auto;
    display: inline-flex;
}

#MuseRightFilter {
    border: solid 1px #DDD;
    background-color: white;
    position: absolute;
    top: 105px;
    right: 13px;
    padding: 10px;
    z-index: 1;
    display: none;
    box-shadow: 0 1px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    #MuseRightFilter .MuseFormLabel {
        min-width: 100px;
    }

.RecordCount {
    font-size: 0.8em;
}
/*#endregion*/

/*#region Right Filter Icon*/

.BurgerMenuIconRightFilter {
    position: fixed;
    right: 10px;
}

/*#endregion*/

/*#region Left Filter Toggle Slider*/

.Muse_MATC_Slider {
    border: solid 1px #f2f2f2;
    border-radius: 10px;
    width: 35px;
    height: 19px;
    position: relative;
    cursor: pointer;
    z-index: 0;
    background-color: #33ffad;
    box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,0.3);
}

.MenuToggleContainer {
    position: relative;
    margin-right: 10px;
    display: flex;
    align-items: center;
    height:100%;
}

.mainViewContainer .Muse_MATC_SliderInner {
    top: 1px;
}

.mainViewContainer .Muse_MATC_Slider {
    width: 35px;
}

.Muse_MATC_SliderInner {
    border: solid 1px transparent !important;
    background-color: white;
    border-radius: 1em;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 1px;
    cursor: pointer;
}

.Muse_MATC_Slider_On {
    background-color: #33ffad;
}

.Muse_MATC_Slider_Off {
    background-color: #e6e6e6;
    /*background-color: red;*/
}

.Muse_MATC_Slider[disabled]
{
    background-color:#e6e6e6;
}


@keyframes SliderOn {
    from {
        left: 0%;
    }

    to {
        left: 55%;
    }
}

@keyframes SliderOff {
    from {
        left: 50%;
    }

    to {
        left: 0%;
    }
}

.Muse_MATC_SliderInnerPositionLeft {
    animation: SliderOn 0.3s forwards;
}

.Muse_MATC_SliderInnerPositionRight {
    animation: SliderOff 0.3s forwards;
}

/*#endregion*/

/*#region Custom Checkbox Style*/

input[type=checkbox].treeview-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].treeview-checkbox + label.treeview-label {
    padding-left: 25px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 30px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].treeview-checkbox[disabled] + label.treeview-label {
    padding-left: 25px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 30px;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.4 !important;
}

input[type=checkbox].treeview-checkbox:indeterminate + label.treeview-label {
    background-position: 0 -40px;
}

input[type=checkbox].treeview-checkbox:checked + label.treeview-label {
    background-position: 0 -20px;
}

label.treeview-label {
    font-size: 14px !important;
    background-image: url('Images/CustomCheck20.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*#endregion*/

/*#region ControlType Containers*/
.row.EmptyRowSpacer {
    height: 20px;
    width: 100%;
}

.MuseControlTypeContainerHorizontal {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 12px;
}

.GridHeaderPanelItemSearchOptions {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    max-width: 100%;
}


.MuseControlTypeContainerHorizontal.col {
    padding: 0;
}

div[id*="MusePanelContent_Panel_"] .row:last-of-type .col .MuseControlTypeContainerHorizontal {
    margin-bottom: 15px;
}

.MuseControlTypeContainerHorizontalTopAlign {
    display: flex;
    flex-flow: row nowrap;
}

.MuseControlTypeContainerVertical {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
}

.MuseControlTypeFirstChildHorizontal {
    flex: 0 1 auto;
    order: 0;
    margin-right: 10px;
    width: auto;
}

.MuseControlTypeSecondChildHorizontal {
    flex: 0 1 auto;
    order: 1;
    margin-right: 10px;
    width: auto;
}

.MuseControlTypeFirstChildVertical {
    flex: 0 0 auto;
    order: 0;
}

.MuseControlTypeSecondChildVertical {
    flex: 0 0 auto;
    order: 1;
}

.MuseControlTypeSecondChildHorizontal div[for*='chk_'] {
    font-size: 12px;
}
/*#endregion ControlType Containers*/
/*#region Overlay*/
#overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    display: none;
    background: rgba(0,0,0,0.3)
}

.overlay-content{
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    max-width: 90vw;
    height: 600px;
    max-height: 90vh;
    border-radius: 10px;
    background: #fff;
    padding: 30px;
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}

.overlay-close {
    width: 32px;
    height: 32px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    transform: rotate(45deg);
    text-align: center;
    border-radius: 50%;
    transition: all 0.2s cubic-bezier(.17,.67,.83,.67);
}

.overlay-close:after {
    content: '\002B';
    color: black;
    display: block;
    font-size: 26px;
    margin: 0px auto;
    position: absolute;
    z-index: 5;
    left: 7px;
    top: -6px;
    transition: all 0.2s cubic-bezier(.17,.67,.83,.67);
}

.overlay-close:hover {
    background: #054F86;
}

.overlay-close:hover:after {
    color: #f0f0f0;
}

.blur {
    opacity: 0.3;
    /*filter: blur(3px);*/
    pointer-events: none;
}

/*#endregion Overlay*/


.MuseTermsAndConditions, .MusePrivacyPolicy {
    font-size: 13px;
    font-size-adjust: inherit;
    color: #0d0d0d;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    width: 100%;
    cursor:pointer;
}

.SaveFormItemValidation {
    color: red;
    margin-top: -15px;
}

.SaveFormItemSaveSuccessful {
    position: sticky;
    color: green;
    top: 5px;
    z-index: 2;
}

.NewRecordFlyover {
    width: 70%;
    height: auto;
    min-height:300px;
    border: solid 1px gray;
    position: absolute;
    top: 45px;
    background: white;
    z-index: 1;
    display:none;
    max-height:80vh;
    overflow-y:auto;
    padding:10px;
}

/*#region Grid Header Panel*/

.GridHeaderPanelItem {
    min-width: 115px;
    border-right: solid 1px #EEE;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #BBB;
    font-weight: 500;
    justify-content: center;
}

.GridHeaderPanelItem .MuseLabelControl
{
    padding-left:15px;
    padding-right:15px;
}

.GridHeaderPanelItem .MuseFormLink {
    border-right: solid 1px #EEE;
    font-size: 12px;
    color: #BBB;
    font-weight: 500;
    justify-content: center;
    border: none;
}

.GridHeaderPanelItem:first-child
{
    border-left:solid 1px #e2e2e2;
    padding-left:5px;
    padding-right: 5px;
}

.GridHeaderPanelItem:hover{
    cursor:pointer !important;
}

.GridHeaderPanelItemContent {
    position: absolute;
    align-items: center;
    display: flex;
    padding: 0;
    max-height: calc(100vh - 115px);
    height: 54px;
    background-color: white;
    z-index: 2;
}

.MuseDataGridFilterContainer .MuseFormMultiSelect,
.GridHeaderPanelItemContent .MuseFormMultiSelect,
.GridHeaderPanelItemContent .MuseFormDropDown {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: unset;
}

.GridHeaderPanelItemContent .MuseFormDropDown:active, 
.GridHeaderPanelItemContent .MuseFormDropDown:hover,
.GridHeaderPanelItemContent .MuseFormDropDown:focus {
    border-right: 1px solid #e2e2e2;
}

.GridHeaderPanelItemContentHeader{
    width: 100%;
    clear: both;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 25px;
    padding-top: 10px;
}

.GridHeaderPanelItemClearAll{
    font-size: 12px;
    padding: 0px 3px;
    cursor: pointer;
}

.GridHeaderPanelItemContentTitle {
    font-size: 12px;
    margin-right: 25px;
    margin-left: 25px;
    color: #BBB;
    font-weight: 400;
}

#GHPItemContent_Search .GridHeaderPanelItemContentTitle{
    font-size: 12px;
    font-weight: 400;
    margin-left: 0px;
    color: black;
    text-decoration:underline;
}

#GHPItemContent_Search .MusePanel{
    padding-left: 0px;
}

.GridHeaderPanelTabSelected {
    background-color: #FFF;
    z-index: 3;
}

.GHPIcon {
    /*margin-top:-5px;*/
    margin-right: 10px;
    font-size: 14px !important;
}

.GHPLabel {
    font-size: 12px;
    font-weight: 500;
    color: #BBB;
}

.MuseDataGridMenu div[forcedcontrolid='btnPanel'] {
    width: auto;
    padding: 0 10px;
    background-color: transparent;
    height: 100%;
    position: absolute;
    right: 60px;
    border-top: none;
    border-bottom: none;
    border-right: 1px solid rgb(226, 226, 226);
}

.MuseGridPanel .MuseKebabMenu {
    position: absolute;
    top:8px;
    right: 0px;
}

.SearchBoxBorder:after {
    content: "";
    border: 2px solid #324d7a;
    width: 101%;
    height: 105%;
    position: absolute;
}

.MuseDataGridMenu div[forcedcontrolid='btnPanel'] button {
    background-color: transparent;
    border: none !important;
    height: 100%;
    margin: 0;
}

.MuseDataGridMenu div[forcedcontrolid='btnPanel'] button:hover {
    background-color: #0179C0 !important;
    color:white;
}

.MuseDataGridMenu div[forcedcontrolid='btnPanel'] button[forcedcontrolid='stopOrStartGrvProcess'] {
    color: black;
}

.MuseDataGridMenu div[forcedcontrolid='btnPanel'] button[forcedcontrolid='stopOrStartGrvProcess']:hover {
    background-color: #0179C0 !important;
    color: white;
}

.MuseDataGridMenu [id^="MusePanelContent_Panel"] {
    height: 100%;
    display: flex;
    flex-direction:column;
}

.row.row-cols-10000 *:not(.RowActionBar) .col {
    border-left: 1px solid #e2e2e2;
}

.row.row-cols-10000 *:not(.RowActionBar) .col:last-child {
    border-right: 1px solid #e2e2e2;
}

.MuseDataGridMenu .fa-circle {
    width: 22px;
    height: 22px;
    border-radius: 20px;
    border: 1px solid #e2e2e2;
    color: #212529;
    padding: 4px;
    margin-right: 6px;
}
.MuseGridPanel {
    width: 100%;
    display: inherit;
}

input[forcedcontrolid='btnShowMore'] {
    height: 100%;
    border: none !important;
    border-left: 1px solid #EEE !important;
    border-right: 1px solid #EEE !important;
    background-color: transparent !important;
    position: absolute;
    right: 65px;
    color: #BBB !important;
}

/*#endregion Grid Header Panel*/

/*#region Utility Classes*/
.MuseDisablePointerEvents {
    pointer-events: none;
}

.MusePanelColumnRightBorder {
    border-right: solid 1px #CCC;
}

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

.MuseAlignItems {
    align-items: center;
}

.MusePrintLine {
    display: inline-block;
    height: 40px;
    font-family: Roboto;
    font-weight: 400;
    padding: 0 15px;
}

input[forcedcontrolid='btnAudit'],
input[forcedcontrolid='btnCloseAudit'] {
    position: absolute;
    right: 40px;
    top: -10px;
}

/*#endregion Utility Classes*/

/*#region DateRangeFilter*/
div[data-role=multiviewcalendar] .k-footer{
    top: -10px;
}

.MuseDateRangeFilterMonthRangePanel {
    margin-top: 24px;
    background-color: white;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: space-evenly;
    padding: 14px 10px 0px 10px;
    border: 1px solid rgba(0, 0, 0, 0.075);
    border-radius: 10px;
    position: relative;
    background: white;
    max-width: 440px;
}

.MuseDateRangeFilterMonthRangePanel .RangeQuickSelect{
    color: #B7B7B7;
    background: white;
    padding: 0px 6px;
    font-size: 12px;
    position: absolute;
    top: -8px;
}

.MuseDateRangeFilterMonthRangePanel label {
    font-size: 14px;
    font-weight: 300;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    line-height: 12px;
    font-size: 12px;
    padding: 4px;   
    border-radius: 3px;
}

.MuseDateRangeFilterMonthRangePanel label:hover{
    background: rgba(0,0,0,0.075);
    cursor: pointer;
}

.MuseDateRangeFilterMonthRangePanel input {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    margin-top: -2px !important;  
    margin-right: 2px !important;
}

.MuseDateRangeFilterMonthRangePanel input[type='checkbox']:before {
    left: 0px;
    top: 0px;
}

div[class*='MuseDateRangeMonthRange_']{
    flex-flow: wrap;
}

/*.DateRangeElement{
    padding: 12px;
}*/


.DateRangeIcon {
    position:absolute;
    top: 20%;
    right: 10px;
}

.DateRangeContainerDateSection {
    border: solid 1px #93C1FB;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 5px 0px;
}

.DateRangeContainerDateSection .DateRangeTo{
    padding: 0 15px;
}

@media screen and (max-width: 767px){
    .DateRangeContainerDateSection .DateRangeTo {
        padding: 0 0px;
    }
}

.DateRangeContainer.DateRangeElement .GroupInputDropdownWrap {
    border: solid 1px #93C1FB;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 5px 0px;
}

.GroupInputDropdown {
    border-bottom: solid 1px #DDD;
    padding-bottom: 10px;
    margin-bottom: 15px;
}


.DateRangeContainer .DateRangeInput {
    height: 2.6em;
    background-color: #F0F3FE;
}

/*.DateRangeContainer .DataRangeDropdownTo {
    max-width: 2em;
}*/

.DateRangeContainer input[type="text"].k-textbox {
    font-size: 13px;
    min-height: 2.6em;
    text-align: center;
}

 .DateRangeContainer input[type="text"].k-textbox:hover {
     outline: solid 2px #0D5280;
 }

 .DateRangeContainer input[type="text"].k-textbox::selection,
.DateRangeContainer input[type="text"].k-textbox:active,
.DateRangeContainer input[type="text"].k-textbox:focus {
    border:solid 2px transparent;
    background-color: #0D5280;
    color: #fff;
    box-shadow: none;
}

.DateRangeContainer .dropdown,
.DateRangeContainer .GroupInputBox {
    padding-top: 7px;
}

.DateRangeContainer .GroupInputBox {
    max-width: 110px;
    width: 100%;
}

.DateRangeContainer .dropdown .btn {
    min-width: initial;
    padding: 0 0.5rem;
}

.DateRangeContainer .dropdown-toggle {
    background-color: #F0F3FE;
    border-color: #dae0e5;
    color: #212529;
    font-size: 11px;
    text-align: left;
}

.DateRangeContainer .dropdown-menu {
    font-size: 11px;
    padding: 0rem;
}

.DateRangeContainer .dropdown-item {
    padding: 0.25rem 0.5rem;
}

.DateRangeContainer .dropdown-item.active,
.DateRangeContainer .dropdown-item:active {
    background-color: #F0F3FE;
    color: #212529;
}

.DateRangeContainer .btn-light:not(:disabled):not(.disabled).active:focus,
.DateRangeContainer .btn-light:not(:disabled):not(.disabled):active:focus,
.DateRangeContainer .show > .btn-light.dropdown-toggle:focus{
    box-shadow: none;
}

.DateRangeContainer .DateRangeInput.k-textbox {
    width: 100%;
}

.DateRangePicker > .k-textbox-container {
    width: 45%;
    padding-top: 0px;
}

.DateRangePicker > .k-textbox-container input {
    background-color: #ebe9e9;
}

.DateRangePicker input[data-role=dateinput]{
    font-size: 12px;
}

.k-calendar-monthview .k-content tbody tr{
    height: 2.228571em !important;
}

.k-calendar-range .k-footer .k-nav-today{
    padding-top: 0px;
}

.k-calendar-view k-calendar-monthview{
    padding: 4px;
}

.k-calendar-container[id^=daterangepicker_]{
    background: white
}

.k-calendar-container[id^=daterangepicker_] .k-calendar-range{
    padding: 10px 40px;
}

.k-calendar-range .k-calendar-header .k-button.k-title{
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

/* .k-calendar-range .k-calendar-header .k-button.k-title .dateLeft:first-child{
    display: none;
} */

.k-calendar-range .k-calendar-header .k-button.k-title .dateLeft:nth-child(3){
    display: none;
}

.k-calendar-range .k-calendar-header .k-button.k-title .dateLeft{
    padding-right: 20px;
    width: calc(50% - 20px);
}

.k-calendar-range .k-calendar-header .k-button.k-title .dateRight{
    padding-left: 20px;
    width: calc(50% - 20px);
}

.k-calendar-range .k-calendar-header .k-calendar-nav{
    position: absolute;
    top: 40%;
    width: 100%;
    left: 0px;    
}

/* .k-calendar-range .k-calendar-header .k-calendar-nav .k-prev-view{

} */

.k-calendar-range .k-calendar-header .k-calendar-nav .k-next-view{
    position: absolute;
    right: 0px;    
}

.k-calendar-range .k-nav-today{
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 6px !important;
    width: 100px!important;
    font-size: 12px;    
    text-decoration: none!important;
    margin: 0px auto;
    color:#0d0d0d;
}

.k-calendar-range .k-nav-today:hover{
    background:rgba(0, 0, 0, 0.1);
    text-decoration: none !important;
}

.k-calendar .k-calendar-view td[role='gridcell'] {
    width: 2.42857143em;
    height: 2.42857143em;
}

.DateRangeTitleInput {
    float: left;
    padding: 7px;
}

.GridTransferFilterItem .DateRangeTitleInput {
    float: none;
    padding: 7px 0px 0px 0px;
}

.GridTransferFilterItem .DateRangeTitle {
    /*max-width: 110px;
    width: 110px;*/
    display: block;
}

/*#endregion DateRangeFilter*/

.MuseAlignCheckBoxes .MuseControlTypeFirstChildHorizontal {
    flex: 1 1 auto;
}

/*#region Controls */

th .MuseDynamicDropDownControlTitle {
    top: -9px;
}


.MuseDynamicDropDownControlTitle {
    top:-3px;
}

.MuseTextControlTitle {
    position: absolute;
    transition: all 0.1s cubic-bezier(0.4,0,.2,1);
    z-index: 1;
    height: auto;
    margin-left: 12px;
    margin-top: 13px;
    font-size: 12px;
    pointer-events: none;
    color: #8E8E8E;
}

.UpperPosition {
    margin-left: 12px;
    margin-top: 5px;
    padding-right: 10px;
    font-size: 12px;
    font-size: 10px;
    max-width: fit-content;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.MuseDataGridHeaderButtons .UpperPosition,
.MuseDataGridFilterContainer .UpperPosition, 
.GridHeaderPanelItemContent .UpperPosition {
    max-width: 70px;
}

.MuseDataGridHeaderButtons
{
    width:100%;
    justify-content:flex-end;
    height:34px;
}

.MuseDataGridHeaderButtons > button {
    height:25px;
    min-height:30px;
    font-family:Slate;
    font-size:14px;
    padding:0px !important;
    margin:0px 5px;
}


.MuseDataGridHeaderButtons > .MuseKebabMenu {
    margin-right:3px;
}

/*autocomplete dropdown*/
.k-input[musesubtype='AutoCompleteDropDown'] {
    height: 2em;
    padding-top: 18px;
    padding-right: 15px;
    width: 100%;
    box-shadow: none;
    outline: none;
    height: 42px;
    box-sizing: border-box;
    font-size: 12px;
}

.k-state-focused {
    border-color: #76abd9 !important;
    outline-color: none !important;
    /*background-color: red !important;*/
    box-shadow: none !important;
}


.k-widget.k-autocomplete.k-autocomplete-clearable.k-state-default {
    margin-bottom: 15px;
    width: 100%;
    /*border-color: #ddd;*/
}

/*text input + dropdown + multiselect*/
.MuseTextControlTitle + input.k-textbox,
.MuseTextControlTitle + select {
    font-size: 12px;
    height: 42px;
    width: 100%;
    box-shadow: none;
    outline: none;
}

.MegaMenuFilterButtonCustom {
    height: 100%;
    min-width:97px;
    width: auto;
    padding: 0 15px;
    cursor: pointer !important;
    border-right: 1px solid #e2e2e2;
}

.MegaMenuFilterButton {
    height: 100%;
    width: 142px;
    padding: 0 15px;
    cursor: pointer !important;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    margin-left:5px;
}

.MegaMenuFilterButton_Text {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #324d7a;
}

.MegaMenuFilterButton:hover {
    cursor: pointer !important;
}

#GHPItemContent_Filter select {
    /*    background: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
background-position: calc(100% - 10px) calc(1em + 5px), calc(100% - 5px) calc(1em + 5px), 100% 0;
background-size: 5px 3.5px, 5px 3.5px, 2em 2em;
background-repeat: no-repeat;*/

    -webkit-appearance: none;
    -moz-appearance: none;
}

.MuseTextControlTitle.UpperPosition + input.k-textbox,
.MuseTextControlTitle.UpperPosition + select,
.MuseTextControlTitle.UpperPosition + .k-numerictextbox .k-numeric-wrap.k-state-default .k-input,
.MuseTextControlTitle.UpperPosition + .k-datepicker .k-input,
.MuseTextControlTitle.UpperPosition + .MuseFormMultiSelect,
.MuseTextControlTitle.UpperPosition + .MuseFormMultiSelectReadOnly {
    padding-top: 18px;
}

.MuseTextControlTitle.UpperPosition + select:not(.GridHeaderPanelItemContent.MuseFormInputControl),
.MuseTextControlTitle.UpperPosition + .MuseFormMultiSelect:not(.GridHeaderPanelItemContent.MuseFormInputControl) {
    /* make arrow and background */
    /* background: linear-gradient(45deg, transparent 50%, #CCC 50%), linear-gradient(135deg, #CCC 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 10px) calc(1em + 5px), calc(100% - 5px) calc(1em + 5px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat; */
    /* styling and reset */
    /* reset */
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 10px;
    text-overflow: ellipsis;
    padding-right: 20px;
}

.MuseTextControlTitle.UpperPosition + .MuseFormMultiSelectReadOnly {
    text-indent: 11px;
}


/*Numeric + Date*/
.MuseTextControlTitle + .k-numerictextbox,
.MuseTextControlTitle + .k-datepicker {
    font-size: 14px;
    width: 100%;
    height: 40px;
   margin-bottom: 5px;
    border: 1px solid #e2e2e2;
}

.GridTransferFilterItem .MuseTextControlTitle + .k-numerictextbox,
.GridTransferFilterItem .MuseTextControlTitle + .k-datepicker
{
    top:5px;
    height:33px;
}

.k-numeric-wrap.k-state-default {
    margin-left: 0px;
}

.MuseTextControlTitle + .k-numerictextbox .k-numeric-wrap,
.MuseTextControlTitle + .k-datepicker .k-picker-wrap {
    border-radius: 2px;
    outline: none;
    box-shadow: none;
    height: 100%;
    border: none;
}

.MuseTextControlTitle + .k-numerictextbox .k-numeric-wrap .k-input,
.MuseTextControlTitle + .k-datepicker .k-picker-wrap .k-input {
    height: inherit !important;
    box-shadow: none;
    padding-top: 18px;
    display: block;
    position: relative;
    max-height: fit-content !important;
}

.MuseTextControlTitle + .k-datepicker .k-picker-wrap .k-input{
    padding-top: 25px;
}

.MuseTextControlTitle + .k-numerictextbox .k-numeric-wrap .k-link {
    height: 50%;
}

/*multi text*/
textarea.k-textbox
{
    width:100%;
}
/*Radio Group*/
.MuseRadioGroup {
    border: solid 1px #E2E2E2;
    padding: 10px 10px;
    border-radius: 2px;
    margin: 0 0 15px 0;
}

.MuseRadioGroup label {
    margin-bottom: 0;
}

.MuseRadioGroupTitle {
    font-size:12px;
    position:absolute;
    color:#AAA;
    top:-9px;
    background-color:white;
}

/* Action Bar*/
.MuseActionBar {
    display: flex;
    line-height: 2.5em;
    position: absolute;
    right: 45px;
    top: 4px;
}

.MuseActionBarItem
{
    border:solid 1px #DDD;
    padding:5px;
    width:7em;
    text-align:center;
    border-bottom:none;
}

.MuseActionBarItem:hover {
  background-color:#EEE;
  cursor:pointer;
}

.MuseActionBarItem:nth-child(n+1) {
    border-right: none;
}

.MuseActionBarItem:last-child {
    border-right: solid 1px #DDD;
}

/* Kebab Menu */
.MuseKebabMenu {
    background-color: unset;
    border: none;
    float:right;
    right: 0;
    top:0px;
    font-weight: 500;
    max-height: 50px;
    box-sizing: border-box;
}

/*.k-item.k-state-default.k-first.k-last.k-state-border-down
{

}

.MuseKebabMenuSelected {
    border: solid 1px;
    border-width: 1px 1px 0px 1px;
    border-radius: 5px 5px 0px 0px;
}*/

/*.MuseKebabMenu .k-animation-container
{
    border: solid 1px #444791;
    min-width: 350px;
}*/

.MuseKebabMenuOptionItems {
    display: none;
    width:fit-content !important;
    min-width:15vw !important;
}

.KebabItemNoIcon {
    padding-left: 12px;
}

.KebabMenuItemDisabled
{
    color:#DDD;
    pointer-events:none;
}

.KebabMenuItemRadio:hover {
    background-color: #324d7a;
    cursor:pointer;
    color:white;
}

.KebabMenuItemRadio {
    height: 44px;
    font-family: Roboto;
    font-size: 14px;
    color: #333;
    padding-top:10px;
    border-color: #324d7a;
    min-width:150px;
}

ul[role="menu"][data-role="popup"] .k-radio-label {
    display: inline-block;
    position: relative;
    padding-left: 25.2px;
    cursor: pointer;
    border-style: solid;
    border-width: 0;
    min-width: 70%;
}

.MultiLineCol .MuseKebabMenu {
    position: absolute;
    right: 0;
}

.MuseKebabMenu.k-widget > li.k-item {
    border: none;
    box-sizing: border-box;
    max-height: 40px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    width:40px;
    height:40px;
}

.MuseKebabMenu.k-widget > li.k-item > span {
    padding: 0 15px;
}

.MuseKebabMenu.k-widget > li.k-item > span > img {
    height: 40px;
    margin: 0 auto;
    left: 0;
    top: 0;
    bottom: 0;
    position: relative;
}

.MuseKebabMenu > li.k-state-focused,
.MuseKebabMenu > li.k-state-hover {
    box-shadow: unset;
}

.MuseKebabMenu.k-menu > li > span.k-link.k-state-active {
    box-shadow: unset;
    color:inherit;
}

.MuseKebabMenu > li.k-item ul.k-menu-group {
    width: fit-content;
    padding: 10px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(199,199,199,1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(199,199,199,1);
    box-shadow: 0px 1px 3px 0px rgba(199,199,199,1);
    z-index: 2;
    min-width: 60px;
    box-sizing: border-box;
    left: 0;
}

.MultiLineCol .MuseKebabMenu > li.k-item ul.k-menu-group {
    left: -30px;
}

.k-menu .k-group {
    border-color: #EEE;
}

.MuseKebabMenu span.k-i-arrow-60-down {
    display: none;
}

/*MultiLineEdit*/
.MultiLineEdit {
    background-color:#EEE;
    max-height: calc(100vh - 280px);
    background-color:white;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.MultiLineEditCount
{
    float:right;
}

.MultiLineEditRowActive {
    margin-bottom: 5px;
    padding: 10px;
    box-sizing: content-box;
    border: 1px solid #DDD;
    border-radius: .25em;
    position: sticky;
    top: 0px;
    z-index: 1;
    background-color: white;
}

.MultiLineEditRowActive,
.MultiLineEditRow {
    height: 42px;
    display: flex;
    overflow: hidden;
    margin: 0;
}

.MultiLineHeaderRow {
    border-bottom: solid 1px #efefef;
    border-top: solid 1px #efefef;
    height: 42px;
    display: flex;
}

.MultiLineEditCol .MuseFormDropDown {
    margin: 0 !important;
    border: none;
    width: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.MultiLineEditCol .UpperPosition {
    margin-top: -10px;
    margin-left: 2px;
}

.MultiLineCol {
    padding: 0 15px 0 0;
    width: auto;
    position:relative;
    background-color:white;
}

.MultiLineCol .MuseKebabMenu li {
    margin: 0 !important;
    position: relative !important;
}

.MultiLineCol .MuseKebabMenu.k-widget > li.k-item > span > img {
    left: -5px;
}

.MultiLineCol input[type="button"], 
.MultiLineCol button {
    min-width: -webkit-fill-available !important;
    height: -webkit-fill-available !important;
    border-radius: 1em !important;
    background-color: #518fc4;
    color: white !important;
}

.MultiLineEditRow .MultiLineCol {
    display: flex;
    align-items: center;
}

/* Grid Controltype */

.MuseFormGridUtility {
    display: flex;
    margin-bottom: 15px;
}

.MuseDataGridFilterToggle {
    color: #bbbbbb;
    font-size: 12px;
    border: 1px solid #e2e2e2;
    max-width: 95px;
    height: 33px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    margin-left: 5px;
}

.MuseDataGridFilterToggle:hover {
    border-color: #aeaeae;
}

.MuseDataGridFilterContainer {
    display: none;
    align-items: center;
    flex-flow: wrap;
    margin-top: 15px;
    flex: 1 0 100%;
}

.MuseFlexBox {
    display: flex;
}

.MuseFlexHorizontal {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.MuseFlexVertical {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
}

/*#endregion Controls*/
/*#region CustomIcons#*/
.MuseGridCellIcon {
    height: 35px;
}

.MuseIconControl_Delete {
    color: #d7665b;
    cursor: pointer;
}

.MuseIconControl_Delete.Disabled_Icon {
    pointer-events: none;
    color: #e6e6e6;
}


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

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

.icon-file-svg-filter-icon-11562874693tj59mpz35p:before {
    content: "\e900";
    color: #324d7a;
}
/*#endregion CustomIcons#*/

.MasonaryBlock {
    display: flex;
    flex-direction: column;
}

.MasonaryBlockContainer {
    position: relative;
}

.k-dialog.k-alert .k-dialog-content, .k-dialog.k-confirm .k-dialog-content, .k-dialog.k-prompt .k-dialog-content {
    padding-left: 15px;
    padding-right: 15px;
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
    margin: 10px;
    height: 40px;
    font-size: 12px;
    border: 1px solid #ebebeb;
}	

/*Muse Tooltip control*/
.MuseTooltip + .MuseTooltipHoverText {
    display:none;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1000;
    right: 140%;
    /*right: -1%;*/
    font-family: Slate;
    font-weight: 100;
    white-space: nowrap;
}

.MuseTooltip + .MuseTooltipHoverText::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}

/*.MuseTooltip:hover + .MuseTooltipHoverText {
    visibility: visible;
}
*/
.MuseTooltip
{
    cursor:pointer;
}

.MuseTooltipContainer
{
    position:relative;
}

/*#region MuseSearch*/

.MuseSearchContainer {
    position: relative;
    /*flex: 1 1 auto;*/
}

.MuseSearchContainerSearchBorderRight::after {
    content: "";
    border-right: solid 1px #e2e2e2;
    height: 54px;
    position: absolute;
    right: -6px;
}

.MuseSearchIcon {
    position: absolute;
    top: 8px;
    left: 10px;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
}

.MuseSearchInput {
    border: 1px solid #e2e2e2;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    height: 31px;
    font-weight: 400;
    font-size: 12px;
    cursor: text;
}

.MuseSearchInput::placeholder {
    color: #BBB;
}

.MuseSearchClearIcon {
    color: #d7665b;
    font-size: 12px;
    right: 5px;
    top: 11px;
    position: absolute;
    text-align: right;
    padding-right: 5px;
    cursor: pointer;
}

.GridTransferFilterItemSearch
{
    position:relative;
    margin-top:10px;
}

.GridTransferFilter .MuseSearchClearIcon {
    position:absolute;
    right:28px;
}

.MuseSearchContainer .MuseSearchClearIcon {
    display: none;
}

/*#endregion MuseSearch*/

/*#region LeftRightSelect (LRS)*/

.MuseLRSButtonContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.MuseLRSButtonContainer button {
    min-width: 40px;
    border: none;
    font-size: 20px;
}

.MuseVertSpacer {
    height: 30px;
}

.MoveButtonDisabled
{
    color:#DDD;
    pointer-events:none;
}
/*#endregion LeftRightSelect*/

/*#region SameAs*/

.MuseLRSGridContainer.RightGrid {
    overflow-y: scroll;
}

/*#endregion SameAs*/

/*Bool switch*/
@keyframes SliderOn {
    from {
        left: 0%;
    }

    to {
        left: 55%;
    }
}

@keyframes SliderOff {
    from {
        left: 50%;
    }

    to {
        left: 0%;
    }
}

.MuseTC_SliderInnerPositionLeft {
    animation: SliderOn 0.3s forwards;
}

.MuseTC_SliderInnerPositionRight {
    animation: SliderOff 0.3s forwards;
}

.MuseTC_SliderInner {
    border: solid 1px transparent !important;
    background-color: white;
    border-radius: 1em;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 1px;
    cursor: pointer;
}

.MuseTC_Slider_On {
    float: left;
    margin-top: 3px;
    margin-left: 6px;
    font-family: SlateL;
    font-size: 9px;
    -webkit-box-shadow: inset 10px 10px 50px 2px rgba(0,128,0,1);
    -moz-box-shadow: inset 10px 10px 50px 2px rgba(0,128,0,1);
    box-shadow: inset 10px 10px 50px 2px rgba(0,128,0,1);
}

.MuseTC_Slider_Off {
    float: right;
    margin-top: 3px;
    margin-right: 3px;
    -webkit-box-shadow: inset 10px 10px 50px 2px rgba(204,204,204,1);
    -moz-box-shadow: inset 10px 10px 50px 2px rgba(204,204,204,1);
    box-shadow: inset 10px 10px 50px 2px rgba(204,204,204,1);
}
.MuseTC_SliderSettings {
    border: solid 1px #f2f2f2;
    border-radius: 10px;
    width: 35px;
    height: 19px;
    position: relative;
    left: 0px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
    background-color: #33ffad;
    box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,0.3);
}

.MuseTC_SliderSettingsTitle {
    margin-top: -5px;
    margin-left: 50px;
    font-weight: 100;
    width: 100%;
    text-transform: uppercase;
}

/*#region MuseModal*/

.MuseModal .k-header {
    background-color: white;
    border-bottom: unset;
}

.MuseModalMenu {
    border-right: 1px solid #EEEEEE;
}

.MuseModalMenuItem {
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    padding: 15px 10px;
}

.MuseModalMenuItem:hover,
.MuseModalMenuItemActive {
    background-color: #c2c2c2;
    color: #474747;
}
/*#endregion MuseModal*/

.GridRowMoveButton
{
    height:17px;
    min-height:17px;
}

.GridRowMoveButtonContainer {
    margin-top: -3px;
    line-height: 20px;
}

/*General styles*/
.hidden {
    display: none;
}

._Hidden {
    display: none;
}

i._Hidden {
    display: none;
}

._Disable {
    pointer-events: none;
}

.MuseGridCellHidden {
    height: 2em;
}

.GridFlyOver {
    display: none;
    width: 0px;
    height: 100%;
    max-height: 100%;
    border: solid 1px #DDD;
    position: fixed;
    z-index: 2;
    background-color: white;
    padding-right: 50px;
    overflow: auto;
}

.AdvancedSearchContent {
    width:25vw;
    min-width:400px;
    min-height:200px;
    height:auto;
    top:45px;
    display:none;
    position:absolute;
    border:solid 1px #EEEE;
    z-index:1;
    background-color:white;
    padding:15px;
}

.AdvancedSearchArrow:hover {
    filter:opacity(1);
}

.AdvancedSearchArrow {
    position: absolute;
    /* margin-left: 10px; */
    top: 0px;
    right: 24px;
    padding-top: 8px;
    padding-left: 17px;
    width: 18px;
    height: 25px;
    cursor: pointer;
    filter: opacity(0.5);
}

#PageContent_Custom .MuseContainer
{
    height:88vh;
}

.MuseContainer {
    height: 85vh;
}

.MuseLabelControl {
    position: relative;
    padding-right: 30px;
}

/*Grid splitter*/
.MuseGridSplitter {
    height:100%;
    border:none;
}

/*.MuseGridSplitter .MuseFormGridContainer .MuseKebabMenu .k-animation-container {
    left: -147px !important;
}*/

.k-splitbar .k-icon
{
    z-index:0;

}
/*Mega menu*/
.GridMegaMenu {
    display: none;
    position: absolute;
    background-color: white;
    width: 99%;
    z-index: 102;
    max-height: calc(100vh - 100px);
    height: fit-content;
    top: 54px;
    overflow-y: auto;
    border-radius: 0px 0px 5px 5px;
    margin: 0px 12px;
    margin-left:12px;
    height: 0vh;
    /*box-shadow: 0px 0px 2px 2px rgb(230 230 230) !important;*/
    border-top:solid 1px #e2e2e2;
    border-left:solid 1px #e2e2e2;
    border-right:solid 1px #e2e2e2;
    /* text-align: center; */
}

.GridMegaMenuContent {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    padding:0px 6px;
    min-width:33vw;
    margin-bottom:50px;
}

.MegaFilterActive .MegaMenuFilterButtonBlank {
    width: 134px;
    height: 5px;
    background-color: white;
    position: fixed;
    margin-top: 53px;
    margin-left: -15px;
}

.MegaMenuFooter {
    width: 100%;
    height: 50px;
    background-color: #EEE;
    position: absolute;
    bottom: 0px;
    margin-left: -6px;
    margin-right: 0px;
}

.MegaMenuFooter button
{
    position:absolute;
    top:6px;
    right:10px;
}


.GridMegaMenu > .row {
    background-color: white;
}

.GridMegaMenu .row {
    flex-wrap: nowrap !important;
    height: 100%;
}

.GridTransferScrollSection {
    height: fit-content;
    max-height:70vh;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    width: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom:40px;
}

.GridTransferScrollSectionWithFilterPills {
    height: calc(68vh - 300px) !important;
}

div.GridTransferFilter {
    /*border: solid 1px #93C1FB;*/
    padding: 23px 15px;
    border-radius: 5px;
    margin: 8px 4px;
    overflow-y:hidden;
    overflow-x: hidden;
}


div.DateFilterContainerItem {
    border: none;
    padding: 0px 4px;
    margin: 0px;
    overflow-y: hidden;
}

.GridTransferFilter .title {
    font-size: 14px;
    font-weight: 500;
    min-height: 32.5px;
    padding: 5px 0px 4px 0px;
    text-transform: capitalize;
}

.GridTransferFilter .title > span
{
    text-transform:lowercase;
}

.GridTransferFilterTarget {
    height:auto;
    /*border-bottom: solid 1px #DDD;*/
    display:block;
    max-width:fit-content;
    min-width: 99%;
    max-height: 247px;
    overflow-y: auto;
    margin-top: 8px;
}

.GridTransferFilterTarget input {
    margin-bottom: 6px;
    float: left;
    padding: 8px;
    background-color: #3b76ab;
    border-color: #3b76ab;
    color: white;
    line-height: 20px;
    box-shadow: 2px 2px 4px 0px rgb(0 0 0);
}

.GridTransferFilterTarget button:last-of-type{
    padding-right: 0px;
}

.GridTransferFilterItemType .GridTransferFilterItem {
    border: none !important;
}

.GridTransferFilterItemType {
   border:none !important;
   width:100%;
}

div.GridTransferFilterItem[musesubtype="DateRange"] {
    border: none !important;
    margin-bottom: 0px;
    padding: 10px;
}

div.GridTransferFilterItem[musesubtype="DateRange"] .GridTransferFilterItemType_Heading {
    margin-bottom: 0px;
}

.GridTransferFilterItemType_Heading {
    font-size: 14px;
    font-weight: 500;
    min-height: 32.5px;
    padding: 5px 0px 5px 0px;
    text-transform: capitalize;
    margin-bottom: 5px;
    display: block;
    padding:0px 10px;
    padding-bottom: 0px;
    padding-top:15px;
    width: 100%;
}

.GridTransferFilterItem {
    line-height: 25px;
    cursor: pointer;
    padding: 0px 0px;
    border: solid 1px #93C1FB;
    border-radius: 5px;
    margin-bottom:10px;
    overflow-y:auto;
    overflow-x: hidden;
}



.GridTransferFilterItemSingle {
    max-height: 100%;
    line-height: 25px;
    cursor: pointer;
    padding: 0px 0px;
    /*border: solid 1px #93C1FB;*/
    border-radius: 5px;
    margin-bottom: 19px;
    overflow-y: auto;
    overflow-x: hidden;
    flex-wrap:wrap;
}

.GridTransferFilterItemSingle:last-child {
    /*border: solid 1px #93C1FB;*/
    max-height: 81.5%;
    line-height: 25px;
    cursor: pointer;
    padding: 0px 0px;
    border-radius: 5px;
    overflow-y: auto;
    overflow-x: hidden;
}

.GridTransferFilterNoBorder
{
    border:none !important;
    padding:0px !important;
    padding-top:10px !important;

}

.GridTransferFilterNoBorder .GridTransferScrollSection {
    margin-top: 0px;
}

/*megamenu dynamic filter styling*/
.GridTransferFilterItemSingle input:not([type="checkbox"]),
.GridTransferFilterItemSingle .MuseFormDropDown {
    height: 30px;
    border-radius: 5px;
}

.GridTransferFilterItemSingle .MuseTextControlTitle + input.k-textbox,
.GridTransferFilterItemSingle .MuseTextControlTitle + select
{
    margin:5px 0px 5px 0px;
    height:30px;
}

.GridTransferFilterItemSingle .MuseTextControlTitle.UpperPosition + input.k-textbox
{
    padding-top:4px;
    height:30px;
}


.GridTransferFilterItemSingle .MuseTextControlTitle + input.k-textbox:last-child
{
    margin-right:5px;
}

.MuseDropDownContainer select {
    margin: 5px 0 5px 5px;
    font-size:11px;
    padding-right:25px;
}

/********/

.DateFilterContainerItem .GridTransferFilterInnerContent .GridTransferFilterItem .GridTransferFilterItemType_Heading {
    padding-left: 0px;
}

.GridTransferFilterSource {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(75vh - 80px);
    height: 100%;
}

.GridTransferFilterNoBorder .GridTransferFilterSource {
    width: 100%;
    overflow-y: visible;
    overflow-x: hidden;
    height: 100%;
    max-height: 100%;
}

.GridTransferFilterNoBorder .GridTransferScrollSection {
    height: 135%;
    display: flex;
    flex-direction: column;
    width: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 0px;
}

div.DateFilterContainerItem .GridTransferFilterSource {
    max-height: 70vh;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle:not(:first-child) {
    padding: 10px 0 0 0;
    max-height: 100% !important;
    min-height: calc(100% - 142px) !important;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle {
    border: none;
    display: flex;
    align-items: start;
    padding: 0 10px 0 10px;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle .MuseDropDownContainer:nth-child(1n) {
    min-width: 105px;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle .MuseDropDownContainer:nth-child(2n) {
    min-width: 50px;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle input.k-textbox {
    height: 25px;
    padding: 2px;
    text-indent: 0;
    margin-right: 3px;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle input.k-textbox:last-child {
    margin-right: 0px;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle input.k-textbox:hover {
    border-width: 2px;
    border-color: #0D5280;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle input.k-textbox:active,
div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle input.k-textbox:focus {
    border: solid 2px transparent;
    background-color: #0D5280;
    color: #fff;
    box-shadow: none;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle .MuseDropDownContainer {
    margin-right: 3px;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle .MuseFormDropDown {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.1;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle .MuseFormDropDown:hover {
    border-width: 2px;
    border-color: #0D5280;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle .MuseFormDropDown:active,
div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle > .GridTransferFilterItemSingle .MuseFormDropDown:focus {
    border: solid 2px #0D5280;
    background-color: #F0F3FE;
    color: #333333;
    box-shadow: none;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle .DateRangeContainer {
    padding: 15px 10px !important;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle .DateRangeContainer .DateRangePicker.k-widget.k-daterangepicker.k-state-default{
    padding-left: 5px;
}

div.DateFilterContainerItem .GridTransferFilterSource .GridTransferFilterItemSingle .DateRangeContainer .DateRangePicker.k-widget.k-daterangepicker.k-state-default .k-textbox-container .k-daterangepicker .k-dateinput {
    margin-top: 0px;
}

.GridTransferFilterSearchIcon
{
    position:absolute;
    width:15px;
    top:10px;
    right:10px;
}

.SingleTransferItemContainer {
    width: 99%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    position: relative;
    cursor: pointer;
    /*line-height: 14px;
height: 30px;*/
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #888;
    font-size: 12px;
    font-family: 'Slate';
    text-transform: uppercase;
}

.SingleTransferItemContainer:hover {
    background-color: #DAEEF7;
}

.SingleTransferItemContainer label {
    width: 100%;
    cursor: pointer;
    margin: 0 0 0 10px;
    padding: 0px 10px;
    font-size: 13px;
    line-height: 16px;
}

.SingleTransferItemContainer input[type='checkbox'] {
    content: "";
    -webkit-appearance: none;
    box-sizing: border-box;
    border: 1px solid #CCC !important;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    top: 8px;
    background-color: white;
}

.SingleTransferItemContainer input[type='checkbox']:checked:before{
    border:none;
}

.SingleTransferItemContainer input[type='checkbox']:checked {
    content: "";
    -webkit-appearance: none;
    box-sizing: border-box;
    border: 1px solid #CCC !important;
    border-radius: 4px;
    cursor: pointer;
    background-color: #324d7a;
    position: absolute;
    top: 8px;
}

.GridTransferFilterItem.SingleTransferItem:hover {
    background-color: white;
    cursor: pointer;
}

.MegaSearchPlaceHolder {
    min-height: 31px;
}

.MegaMenuFilterSearchButtonClear {
    align-self: start;
    line-height:27px;
    margin-left:10px;
}
    

.MegaMenuFilter {
    position: absolute;
    z-index: 1;
}

.MegaMenuMuseSearchInputIcon {
    position: absolute;
    top: 5px;
    left: 10px;
    opacity: 0.7;
    cursor: pointer;
}

.MegaMenuMuseSearchInput {
    border: 1px solid rgb(226, 226, 226);
    padding: 10px;
    height: 35px;
    font-weight: 400;
    font-size: 12px;
    cursor: text;
    /* border-radius: 3px; */
    text-transform: uppercase;
    width: 100%;
    background-color: #FAFAFA;
    text-transform: capitalize;
}

.MegaMenuMuseSearchInput::placeholder {
    color: #BBB;
}

.GridTransferFilterTarget input[type="button"]{
    border-radius: 3px !important;
}

.MegaMenuMuseSearchInputClearIcon {
    color: #d7665b;
    font-size: 12px;
    right: 5px;
    top: 11px;
    position: absolute;
    text-align: right;
    padding-right: 5px;
    cursor: pointer;
}

.MegaMenuSearchHighlight {
    color: #428bca;
}

/*Quantity control*/
.MuseQtyIcon
{
    line-height:25px;
    cursor:pointer;
    background-color:black;
    color:white;
}

.MuseQtyText {
    text-align:center;
    border:none;
    border-bottom: solid 1px #DDD;
}

/*Control Group*/
.MuseControlGroup
{
    display:flex;
    margin-bottom:10px;
}

.MuseControlGroupTitle {
    display: flex;
}


/*File upload button control*/
.MuseFileUploadButtonControl .k-button.k-upload-button {
    display: none;
}

div[data-role="progressbar"] .k-progress-status {
    text-align: center;
    z-index:1;
}
/*div[data-role="progressbar"] > span.k-progress-status-wrap.k-progress-end .k-progress-status {
    display: none;
}*/
.dropZoneElement {
    text-align: center;
    font-size: 14px;
    border: dashed 1px gray;
    border-radius: 10px;
}

.DropZoneCloud {
    border: solid 1px #AAA;
    border-radius: 5px;
}


.MuseFileUploadButtonControl {
    min-width: auto;
}

.k-upload-status.k-upload-status-total {
    display:none;
}

.k-widget.k-upload.k-header
{
    width:0px;
    border:none;
}

.k-button.k-upload-button{
    top:-8px;
    min-height:34px;
}

.k-button.k-upload-button.k-state-disabled
{
    background-color:#EEE;
}

.Disabled {
    pointer-events: none;
    background-color: #DDD;
}

.FileUploadDelete
{
    color:red;
    margin-right:10px;

}

tr[userselected] {
    background-color:#EEE !important;
}



.PageOverLay, #PageOverlay {
    background-color: black;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 104;
}

.ContentOverLay {
    background-color: black;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 110px;
    left: 0px;
    display: none;
    z-index: 3;
}

.k-overlay {
    background-color: #000 !important;
    opacity: 0.5 !important;
}

/*Grid row action bars*/
.RowActionBar {
    position: fixed;
    border: solid 1px #AAA;
    right: 10%;
    background-color: black;
    display: none;
    margin-top: -50px;
    width: fit-content;
    justify-content: space-evenly;
    border-radius: 15px;
    white-space: nowrap;
    height: 40px;
    padding: 4px;
}

.SummaryRowActionBar {
    position: fixed;
    border: solid 1px #AAA;
    background-color: white;
    display: none;
    top: calc(100vh - 20%);
    max-width: 42%;
    transform:translate(-50%,-50%);
    display:none;
    /*left: calc(100vw / 2 - 8%);*/
}

.SummaryRowActionBarAutoSize
{
   /* display:inline-table;*/
    z-index:1;
}

.RowActionBar button {
    background-color: black;
    color: white;
    border: none;
    border-radius: 13px;
    height: 10px;
    box-sizing: border-box;
    margin-right: 0px;
    min-height: 40px;
    white-space: nowrap;
    height:40px;
    min-width:200px !important;
    left:0px;
}

/*.RowActionBar > div[musesubtype="musepanel"]:not(:first-child) {
    margin: 5px;
}
*/

.RowActionBar > div[musesubtype="musepanel"] {
    padding:0px;
    min-height:10px;
}

/*replace dropdown arrow*/

/*To remove button from IE11, thank you Matt */
select::-ms-expand {
    display: none;
}

.MuseSelect:before {
    color: #000;
    content: '\f0d7'; /* You should use \ and not /*/
    font-family: "Font Awesome 6 Pro"; /* This is the correct font-family*/
    font-weight: 900;
    /*Adjust for position however you want*/
    top: 50%;
    right: 5px;
    padding: 5px 4px 2px;
    /*left line */

    transform: translate(0, -50%);
    position: absolute;
    pointer-events: none;
}

.MuseSelect select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    
    display: block;
    width: 100%;
    height:100%;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
}

.MuseSearchOptionExpandButtonHidden {
    height: 36px;
}

.MuseSearchOptionExpandButtonHidden input {
    min-width: 100% !important;
}

.MuseSearchOptionExpandButtonHidden .searchClose {
    right: 12px;
}


.MuseSearchControlIconWrap {
    position: relative;
}

.MuseSearchControlIconWrap .MuseSearchControlIcon {
    position: absolute;
    top: 2px;
    left: 15px;
    opacity: 0.9;
}

.MuseSearchControlIconWrap .MegaMenuMuseSearchInput{
    padding-left: 40px;
}
.MuseSearchControlIconWrap .MuseSearchClearIcon {
    top: 12px;
    right: 10px;
}

.SearchFilterListColumns .form-check input[type='checkbox'] {
    border-radius: 3px;
    margin-top: -2px;
}
.SearchFilterListColumns .form-check input[type='checkbox']:before {
    width: 14px;
    height: 14px;
    top: -1px;
    left: -1px;
    border-radius: 3px;
}
.SearchFilterListColumns .form-check .form-check-label{
    font-size: 12px;
    line-height: 14px;
    padding-left: 10px;
}

/*new button css added*/
.btn-primary {
    background-color: #0179C0 !important;
    padding: 8px 36px !important;
    font-size: 14px !important;
    height: inherit;
}
.btn-rounded {
    border-radius: 32px;
}

/*Style For Locked Column*/

.k-grid-lockedcolumns .k-grid-content-locked {
    /*box-shadow: 10px 0px 5px -5px rgb(0, 0, 0, 0.25);*/
    border-right: 1px solid #e2e2e2;
}

/*Muse Custom DropDown*/
.MuseCustomDropDownContainer
{
    position:relative;
    height:auto;
    min-height:55px;
    cursor:pointer;
}

.MuseCustomDropDownContainer_CellValue {
    height: 100%;
    cursor: pointer;
}

.MuseCustomDropDown {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #BBB;
    font-weight: 500;
    justify-content: left;
    cursor: pointer !important;
    height: 100%;
    max-width: auto;
    /*padding:0px 15px;*/
    position: relative;
    cursor: pointer;
    min-height: 40px;
    border: 1px solid rgb(226, 226, 226);
}

.MusePageHeader .MuseCustomDropDown {
    border:none;
}

.MusePageHeader .MuseCustomDropDown:hover {
    background-color: #EBF5FAFF;
}

.MusePageHeader .MuseCustomDropDown {
    border-right: solid 1px #EEE;
    padding: 0 25px 0 15px;
}

.MusePageHeader .MuseCustomDropDown .MuseCustomDropDownArrow {
    right: 15px;
}

.MuseGridRowMenu .MuseCustomDropDown {
    min-height: 55px;
    max-height: 55px;
}

.MuseCustomDropDown > span {
    padding-right: 15px;
    margin: 0px 10px;
    text-transform:uppercase;
}

.MuseCustomDropDownContainer_CellValue .MuseCustomDropDown > span {
    padding-right: 15px;
    margin: 0px;
}

.MuseCustomDropDown:hover {
    cursor: pointer !important;
}

.MuseCustomDropDownContainer_CellValue .MuseCustomDropDown > span {
    text-overflow: clip;
    overflow: hidden;
    max-width: 90%;
    margin: 0 auto;
}


.MuseCustomDropDownPopupContent {
    display: none;
    position: absolute;
    position: absolute;
    border: solid 1px #e2e2e2;
    top: 55px;
    right: 0px;
    width: 20vw;
    height: 70vh;
    background-color: white;
    padding: 15px;
    padding-top: 50px;
}

.MuseCustomDropDownPopupContentIcon:hover {
    color:red;
}

.MuseCustomDropDownPopupContentIcon {
    font-family: Roboto;
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    right: 19px;
    font-size: 20px;
    cursor:pointer;
}

.MuseCustomDropDownPopupContent:before {
    
    content: '';
    cursor:pointer;
    border: solid 1px gray;
    border-radius: 10px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
}

.MuseCustomDropDownContainer_CellValue .MuseCustomDropDownContent {
    display: none;
    position: absolute;
    position: absolute;
    border: solid 1px #e2e2e2;
    top: 32px;
    margin-left:-5px;
    width: auto;
    max-width:10vw;
    background-color: white;
    z-index: 1;
}

.MuseCustomDropDownContent {
    display: none;
    position: absolute;
    position: absolute;
    top: 44px;
    /*left: 0px;*/
    width: auto;
    background-color: white;
    z-index: 1;
}


.CustomDDArrowOpacityDisabled {
    opacity: 0.1 !important;
}

.CustomDropDownIconContainer:hover {
    color:red;
    cursor:pointer;
}

.CustomDropDownIconContainer:hover + .MuseCustomDropDownItemTitle {
    color: red;
    cursor: pointer;
}

.FilterPillRemoveLabel {
    margin-top:8px;
    margin-left: 20px;
    margin-right:10px;
    font-family: Slate;
    font-size: 12px;
    white-space: nowrap;
    cursor:pointer;
}

.FilterPillRemoveCheckbox {
    border-radius: 15px;
    background-color: #428bca;
    margin-top: 19px;
    margin-left: 10px;
    border: solid 1px #428bca;
    width: 10px;
    height: 10px;
}

.FilterPillRemoveCheckbox:after {
    content: "";
    position: absolute;
    border: solid 1px #428bca;
    border-radius: 10px;
    width: 16px;
    height: 16px;
    top: 16px;
    left: 17px;
}


.CustomDropDownIcon {
    position: absolute;
    top: 15px;
}

.MuseFilterSearch .MuseCustomDropDownContainer {
    position: relative;
    height: auto;
    min-height: 20px;
    max-height: 20px;
    cursor: pointer;
}


.MuseFilterSearch .MuseCustomDropDown {
    min-height: 35px;
    border-radius: 5px 5px 0px 0px;
    background-color: rgb(50, 77, 122);
    color: white;
    font-family: Slate;
    font-size: 12px;
    font-weight: bold;
    margin-left: 0px;
    padding-top: 7px;
    z-index:2;
}

.MuseFilterSearch .MuseCustomDropDown .MuseCustomDropDownArrow {
    filter:invert(0);
    margin-right:20px;
}

.MuseFilterSearch .MuseCustomDropDownContent {
    top: 37px;
}

.MuseCustomDropDownItemTitleRadio {
    position: absolute;
    top: 10px;
}

.KebabMenuItemCustomContainer {
    border: solid 2px #324d7a !important;
}

.KebabMenuItemCustom {
    border: solid 2px white !important;
    display:flex;
    flex-direction:column;
}

.KebabMenuItemRadio label.k-radio-label.MuseControlTypeSecondChildHorizontal:after {
    background-color: #428bca;
    width: 12px;
    height: 12px;
    top: 3px;
    left: 3px;
}

.KebabMenuItemRadio label.k-radio-label.MuseControlTypeSecondChildHorizontal:before {
    border: solid 1px #428bca;
    width: 15px;
    height: 15px;
}

.MuseCustomDropDownItemTitle {
    padding: 0px 20px !important;
    line-height: 50px;
    white-space: nowrap;
    margin-right: 20px;
    cursor: pointer;
    width:100%;
}

.MuseCustomDropDownItemNoBefore
{
    line-height: 40px;
    white-space: nowrap;
}

.MuseCustomDropDownItemNoBefore > div > input:first-child {
    margin-left:10px;

}

.MuseCustomDropDownItemNoBefore > div > label {
    width:100%;
    height:100%;
    cursor:pointer;
}

.MuseCustomDropDownItem {
    position: relative;
    display: flex;
    cursor: pointer;
    height:50px;
    padding-left:10px;
}


.MuseCustomDropDownItemNoIcon {
    position: relative;
    display: flex;
    cursor: pointer;
}

.MuseCustomDropDownItemNoBefore:hover,
.MuseCustomDropDownItem:hover {
    background-color: #EBF5FAFF;
    cursor: pointer;
}

.MuseCustomDropDownItemSelected:hover,
.MuseCustomDropDownItemSelected {
    background-color: #DAEEF7;
    cursor: pointer;
    display: flex;
    height: 50px;
    padding-left: 10px;
}


.MuseCustomDropDownItemIcon {
    font-family: Roboto;
    position: absolute;
    right: 17px;
    top: 10px;
}

.MuseCustomDropDownItemWithIcon:before {
    content: '';
    width: 20px;
    height: 20px;
    border: solid 1px #DAEEF7;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    right: 11px;
    background: rgba(255,255,255,1);
}

.CustomDropDownItemHeaders
{
    font-family:Slate;
    font-size:14px;
    color:#AAA;
}

.MuseCustomDropDownContainer_CellValue .MuseCustomDropDownItemsContainer {
    min-width: 10vw;
    max-height: 80vh;
    overflow-y: scroll;
}

.MuseCustomDropDownItemsContainer {
    min-width: 18vw;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0px 0px 2px 2px rgb(230 230 230) !important;
    border-top: solid 1px #e2e2e2;
    border-left: solid 1px #e2e2e2;
    border-right: solid 1px #e2e2e2;
    border-bottom: solid 1px #e2e2e2;
}

.MuseCustomDropDownArrow
{
    position:absolute;
    right:5px;
}

.MuseCustomDropDown:hover .MuseCustomDropDownArrow {
    opacity: 1;
}


.GridTransferFilterItemType_InvoiceNumber,
.GridTransferFilterItemType_OrderNumber,
.GridTransferFilterItemType_OrderReference,
.GridTransferFilterItemType_SupplierReference,
.GridTransferFilterItemType_CustomerReference {
    /*padding: 10px;*/
    width: 100%;
    margin-bottom: 0px;
}

.GridTransferFilterItemType_InvoiceNumber div[class^="row"],
.GridTransferFilterItemType_OrderNumber div[class^="row"],
.GridTransferFilterItemType_OrderReference div[class^="row"],
.GridTransferFilterItemType_SupplierReference div[class^="row"],
.GridTransferFilterItemType_CustomerReference div[class^="row"] {
    margin: 0px -3px;
}

.GridTransferFilterItemType_InvoiceNumber div[class^="col"],
.GridTransferFilterItemType_OrderNumber div[class^="col"],
.GridTransferFilterItemType_OrderReference div[class^="col"],
.GridTransferFilterItemType_SupplierReference div[class^="col"],
.GridTransferFilterItemType_CustomerReference div[class^="col"] {
    width: 100%;
    padding: 0px 3px;
}

/*.GridTransferFilterItemType_InvoiceNumber div[class^="col"],
.GridTransferFilterItemType_OrderNumber div[class^="col"],
.GridTransferFilterItemType_OrderReference div[class^="col"],
.GridTransferFilterItemType_SupplierReference div[class^="col"],
.GridTransferFilterItemType_CustomerReference div[class^="col"] {
    width: 100%;
    padding:0px 3px;
}*/

.GridTransferFilterItemType_InvoiceNumber div[class^="col"]:first-child,
.GridTransferFilterItemType_OrderNumber div[class^="col"]:first-child,
.GridTransferFilterItemType_OrderReference div[class^="col"]:first-child,
.GridTransferFilterItemType_SupplierReference div[class^="col"]:first-child,
.GridTransferFilterItemType_CustomerReference div[class^="col"]:first-child {
    padding-left: 10px;
}

.GridTransferFilterItemType_InvoiceNumber div[class^="col"]:last-child,
.GridTransferFilterItemType_OrderNumber div[class^="col"]:last-child,
.GridTransferFilterItemType_OrderReference div[class^="col"]:last-child,
.GridTransferFilterItemType_SupplierReference div[class^="col"]:last-child,
.GridTransferFilterItemType_CustomerReference div[class^="col"]:last-child {
    padding-right: 10px;
}

/*div[class^="GridTransferFilterItemType_"] .MuseTextControlTitle.UpperPosition + input.k-textbox,
div[class^="GridTransferFilterItemType_"] .MuseTextControlTitle.UpperPosition + .k-numerictextbox .k-numeric-wrap.k-state-default .k-input,
div[class^="GridTransferFilterItemType_"] .MuseTextControlTitle.UpperPosition + .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-input,
div[class^="GridTransferFilterItemType_"] .MuseTextControlTitle.UpperPosition + .MuseFormTextBox .k-textbox {
    border:solid 1px red;
}*/

.GridTransferFilterItemType_InvoiceNumber input,
.GridTransferFilterItemType_OrderNumber input,
.GridTransferFilterItemType_OrderReference input,
.GridTransferFilterItemType_SupplierReference input,
.GridTransferFilterItemType_CustomerReference input {
    height: 32px !important;
    border-radius: 3px;
    padding-top: 4px !important;
}


.GridTransferFilterItemType_InvoiceNumber select,
.GridTransferFilterItemType_OrderNumber select,
.GridTransferFilterItemType_OrderReference select,
.GridTransferFilterItemType_SupplierReference select,
.GridTransferFilterItemType_CustomerReference select {
    height: 32px !important;
    border-radius: 3px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    background-color: #F0F3FE;
}

/*Input Textbox Style*/

.GridTransferFilterItemType_InvoiceNumber input:focus,
.GridTransferFilterItemType_OrderNumber input:focus,
.GridTransferFilterItemType_OrderReference input:focus,
.GridTransferFilterItemType_SupplierReference input:focus,
.GridTransferFilterItemType_CustomerReference input:focus {
    border-width: 1px;
    border-color: #0D5280;
    box-shadow: inset 0px 0px 1px 1px #0d5280;
}


.GridTransferFilterItemType_InvoiceNumber input[controlchanged="true"],
.GridTransferFilterItemType_OrderNumber input[controlchanged="true"],
.GridTransferFilterItemType_OrderReference input[controlchanged="true"],
.GridTransferFilterItemType_SupplierReference input[controlchanged="true"],
.GridTransferFilterItemType_CustomerReference input[controlchanged="true"] {
    border-width: 2px;
    border-color: #0D5280;
    /*background-color: #0D5280;
    color: #fff;*/
    height:32px;
}

.GridTransferFilterItemSingle input.k-textbox:focus {
    border: solid 2px #0d5280;
    background-color: #0d5280;
    color: white;
}

.GridTransferFilterItemSingle input[controlchanged="true"] {
    border: solid 2px white;
}


.GridTransferFilterSource #GridTransferFilterItemType_Default {
    /*border-bottom: 1px solid #dedede !important;*/
}
.GridTransferFilterSource #GridTransferFilterItemType_Default:last-child .GridTransferFilterItemType_Heading {
    padding:0px;
    line-height:34px;
    padding-left:5px;
}

.GridTransferFilterSource #GridTransferFilterItemType_Default:last-child {
    border-bottom: 0px !important;
    margin-top:-11px;
}

/*.GRVContentPanelBlueBack.MusePanel div[id*='MusePanelContent_Panel_'] > .row > .col > div{
    height: auto;
}*/

.GRVLightBlueBackground {
    background-color: #F0F3FE;
}

div[forcedcontrolid="pnlStepThree"] .MuseSearchControl{
    background-color: #ffffff !important;
}

div[forcedcontrolid="pnlStepThree"] .MenuToggleContainer {
    background-color: #F0F3FE !important;
}

div[class^="DynamicSection_"] {
    max-width: 440px;
    width: 100%;
    padding: 0 2px 0 6px;
    /*max-width:21vw;*/
    display:flex;
    flex-wrap:wrap;
}

.GridTransferFilterItem_dynamic input[disabled]:hover,
.GridTransferFilterItem_dynamic input[disabled] {
    font-family: Slate;
    text-align: center;
    height: 35px !important;
    border-radius: 3px;
    font-size: 11px;
    line-height: 12px;
    font-weight: 500;
    background-color: #F0F3FE;
    color:black;
}

.GridTransferFilterItem_dynamic {
    position: relative;
    cursor: pointer;
    height: 37px;
    padding-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
}

.GridTransferFilterItem_dynamic:hover > .DynamicClose {
    display:block;
    color:red;
    cursor:pointer;
}

.DynamicFilterGrouping .MuseFormTextBox
{
    width:90px;
}

.DynamicFilterGrouping {
    border: solid 2px #0d5280;
    background-color: #0d5280;
    border-radius: 5px;
    display: flex;
    margin-right: 5px;
    margin-top: 5px;
}

.DynamicClose {
    position: absolute;
    font-weight: 600;
    right: 3px;
    font-size: 17px;
    line-height: 16px;
    transform: rotate(45deg);
    cursor: pointer;
    color: gray;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 15px;
    top: 0px;
    z-index: 1;
    display: none;
}

.CrossHairColor {
    background-color: inherit;
}

.CrossHairFocusColor {
    background-color: inherit;
}

/*checkbox style*/
.MuseControlTypeFirstChildHorizontal input[type='checkbox'] {
    border-radius: 4px;
}

.MuseControlTypeFirstChildHorizontal input[type='checkbox']:before {
    background-color: transparent;
    content: "";
    width: 10px;
    height: 10px;
}

.MuseControlTypeFirstChildHorizontal input[type='checkbox']:checked {
    content: "";
   /* -webkit-appearance: none;*/
    box-sizing: border-box;
    border: 1px solid #CCC !important;
    border-radius: 4px;
    cursor: pointer;
    /*background-color: #324d7a;*/
    accent-color: #324d7a;
}

.MuseGridCell_Button
{
  padding:0px;
}

/*split cell*/
.SplitCellContainer {
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background-color:white;
    display: flex;
    overflow-x:hidden;
    padding-left:5px;
    height:2em;
}


.SplitCell {
    width: 0px;
    height: 0px;
    display: inline-block;
    border-top: 28px solid transparent;
    border-right: 10px solid #EFEFEF;
    border-bottom: 0px solid transparent;
}

.SplitCellLeft
{
    width:50%;
    text-align:center;
    padding-top:4px;
}

.SplitCellRight {
    border:solid 1px #EFEFEF;
    background-color:#EFEFEF;
    color:white;
    width:50%;
    text-align:center;
    padding-top:3px;
}

/*error*/
.SplitCellContainer.SplitCellError {
    border: 1px solid red;
}

.SplitCell.SplitCellError {
    border-right: 10px solid red;
}

.SplitCellRight.SplitCellError {
    border: solid 1px red;
    background-color: red;
}
/*warning*/
.SplitCellContainer.SplitCellWarning {
    border: 1px solid orange;
}

.SplitCell.SplitCellWarning {
    border-right: 10px solid orange;
}

.SplitCellRight.SplitCellWarning {
    border: solid 1px orange;
    background-color: orange;
}
/*changed*/
.SplitCellContainer.SplitCellChanged {
    border: 1px solid #0179C0;
}

.SplitCell.SplitCellChanged {
    border-right: 10px solid #0179C0;
}

.SplitCellRight.SplitCellChanged {
    border: solid 1px #0179C0;
    background-color: #0179C0;
}
/*Full Background color*/
.SplitCellFullBackground
{
    overflow-x:hidden;
}

/*star rating*/
.StarRating {
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #DDD;
}

.StarRatingSolid {
    -webkit-text-fill-color: #0179C0;
}

.MuseFlexBoxUnlinkBtn{
    padding: 10px 0px;
}

.UPLOADTANDC{
    font-weight: normal;
}
.UPLOADTANDC_ {

    position:fixed;
    background-color:red;
}

.DateRangePositioning {
    /*left: calc(100vw-760px) !important;*/
    margin-left: -16% !important;
}

.MuseCustomDropDownContainer.EC_Invoice_select {
    height: auto;
    max-width: 400px;
}
.MuseCustomDropDownContainer.EC_Invoice_select .MuseCustomDropDown {
    justify-content: start;
}
.MuseCustomDropDownContainer.EC_Invoice_select .MuseCustomDropDown > span {
    text-transform: uppercase;
}
.MuseCustomDropDownContainer.EC_Invoice_select .MuseCustomDropDownContent {
    left: 15px;
}
.MuseCustomDropDownContainer.EC_Invoice_select .MuseCustomDropDownContent .MuseCustomDropDownItemsContainer {
    overflow-x: hidden;
}

.MuseCustomDropDownContainer .MuseFormLabelRequired {
    margin-left: 12px;
    left: -0.5em;
    top: -1em;
    z-index: 2;
    line-height: 53px;
}

.MuseFormDate + .MuseFormLabelRequired {
    color: red;
    position: absolute;
    margin-left: 21px;
    margin-top: 5px;
    font-size: 12px;
}
/***Account Audit space**/
.AuditPanelContainer {
    position: relative;
    margin-right: 50px;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
}
.AuditPanelContainer::after {
    content: "";
    width: 1px;
    height: 15px;
    background-color: #000;
    position: absolute;
    top: 18px;
    right: 0;
}
.AuditPanelContainer button[musesubtype="Button"][type="button"] {
    min-width: auto;
}
#RowMenu_Bricks #FormValidation {
    display: none;
}
#RowMenu_Bricks #Bricks_Modal_FormError {
    padding-left: 20px;
}
.MuseGridCell_DropDown.SelectedRepGrade,
.MuseGridCell_DropDown.SelectedRepGrade:focus {
    border-color: green;
}

.MusePageHeader #MuseHeaderBar .MuseCustomDropDownContent {
    right: 0;
}
/* ------- CUSTOM SCROLL ------- */
.nicescroll-rails,
.nicescroll-cursors {
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}

.nicescroll-rails .nicescroll-cursors:hover,
.nicescroll-rails .nicescroll-cursors:active {
    width: 12px !important;
}

/****Kendo-Scrollbar thicken only on scrollbar hover****/
.MuseDataGrid .k-scrollbar-vertical:hover,
.MuseDataGrid .k-scrollbar-vertical:hover::-webkit-scrollbar,
.MuseDataGrid .k-scrollbar-vertical:hover::-webkit-scrollbar-track,
.MuseDataGrid .k-scrollbar-vertical:hover::-webkit-scrollbar-thumb {
    width: 12px !important;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.MuseDataGrid .k-virtual-scrollable-wrap::-webkit-scrollbar,
.MuseDataGrid .k-virtual-scrollable-wrap::-webkit-scrollbar-track,
.MuseDataGrid .k-virtual-scrollable-wrap::-webkit-scrollbar-thumb {
    height: 8px;
    -webkit-transition: height 0.15s ease-in-out;
    -moz-transition: height 0.15s ease-in-out;
    -o-transition: height 0.15s ease-in-out;
    transition: height 0.15s ease-in-out;
}

/*body .RowDetailVisible *::-webkit-scrollbar,
.RowDetailVisible .k-virtual-scrollable-wrap::-webkit-scrollbar,
.RowDetailVisible .k-virtual-scrollable-wrap::-webkit-scrollbar-track,
.RowDetailVisible .k-virtual-scrollable-wrap::-webkit-scrollbar-thumb {
    width: 0px !important;
}*/

.GridRowDetailsActive .k-virtual-scrollable-wrap::-webkit-scrollbar {
    width: 0px !important;
}


.MuseDataGrid .k-virtual-scrollable-wrap:hover::-webkit-scrollbar,
.MuseDataGrid .k-virtual-scrollable-wrap:hover::-webkit-scrollbar-track,
.MuseDataGrid .k-virtual-scrollable-wrap:hover::-webkit-scrollbar-thumb {
    height: 12px;
    -webkit-transition: height 0.15s ease-in-out;
    -moz-transition: height 0.15s ease-in-out;
    -o-transition: height 0.15s ease-in-out;
    transition: height 0.15s ease-in-out;
}

.hideScrollbar.k-virtual-scrollable-wrap:hover::-webkit-scrollbar,
.hideScrollbar.k-virtual-scrollable-wrap:hover::-webkit-scrollbar-track,
.hideScrollbar.k-virtual-scrollable-wrap:hover::-webkit-scrollbar-thumb {
    height: 8px !important;
    -webkit-transition: height 0.15s ease-in-out;
    -moz-transition: height 0.15s ease-in-out;
    -o-transition: height 0.15s ease-in-out;
    transition: height 0.15s ease-in-out;
}


.MuseGridHorizontalScrollBarBlock {
    width: 99.3%;
    height: 12px;
    border: solid 1px red;
    position: absolute;
    z-index: 0;
    display:none;
}

.MegaFilterActive {
    background-color: white !important;
    color: black !important;
    box-shadow: 0px 0px 2px 2px rgb(230 230 230) !important;
    background-color: rgb(50, 77, 122);
    border-top:solid 2px #e2e2e2;
    border-left:solid 1px #e2e2e2;
    border-right:solid 1px #e2e2e2;
    width: 136px;
}

.MegaFilterActiveText {
    color: rgb(50, 77, 122);
}

.MegaFilterActiveIcon::before {
    color: rgb(50, 77, 122);
}

.MegaMenuFilterButtonDisabled .icon-file-svg-filter-icon-11562874693tj59mpz35p:before,
.MegaMenuFilterButtonDisabled .MegaMenuFilterButton_Text {
    content: "\e900";
    color: #DDD;
}

.actionRowSelectedCount:hover {
    background: #fff !important;
}

/*****/

.GridHeaderInfoIcon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor:pointer;
}

.GridHeaderInfoContent
{
    position:absolute;
    border:solid 1px black;
    top:0px;
    left:0px;
    width:fit-content;
    height:fit-content;
    background-color:white;
    padding:8px;
}

.GridHeaderInfoContentHidden
{
    display:none;
}

.MuseFooterFloatButtonText {
    color: white;
    text-align: center;
    line-height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor:pointer;
}

.MuseFooterFloatButton {
    background-color: rgb(91, 95, 199);
    width: 80px;
    height: 80px;
    border-radius: 50px;
    bottom: 20px;
    right: 20px;
    position: relative;
    margin-left: 50px;
    cursor: pointer;
    -webkit-box-shadow: 0px 6px 9px 1px rgba(170,170,170,1);
    -moz-box-shadow: 0px 6px 9px 1px rgba(170,170,170,1);
    box-shadow: 0px 6px 9px 1px rgba(170,170,170,1);
}

.MuseFooterFloatButton:hover {
    background-color: green;
    cursor: pointer;
}

.MuseFooterFloatButton .fa-arrow-left,
.MuseFooterFloatButton .fa-arrow-right {
    font-size: 36px;
    position: absolute;
    top: 20px;
    left: 25px;
    color: white;
    line-height: 41px;
    cursor: pointer;
}

.MuseFooterFloatButtonContainer {
    position: fixed;
    right: 50px;
    bottom: 50px;
    display: flex;
}

.MuseFooterFloatButtonInProgressSubmit {
    vertical-align: middle;
    border-style: none;
    width: 80%;
}

.MuseFooterFloatButtonInProgress {
    vertical-align: middle;
    border-style: none;
    width: 80%;
    filter: brightness(0) invert(1);
    margin-left: 7px;
}

.MuseFooterFloatButtonFlyout .MuseFooterFloatButton {
    margin-right: 90px;
    color: white;
    font-size: 12px;
    line-height: 70px;
    padding-left: 15px;
    cursor: pointer;
}

 .ButtonStyle
 {


 }

/*Muse Dynamic DropDown*/
.dropdownAdditionalPanel .k-link.k-nav-today {
    display:none;
}


.MuseDynamicDropDownContainer {
    position: relative;
    /*position:static;*/
    height: auto;
    min-height: 43px;
    cursor: pointer;
}

.MuseDynamicDropDownContainer_CellValue {
    height: 100%;
    cursor: pointer;
}

.MuseDynamicDropDown {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #BBB;
    font-weight: 500;
    justify-content: left;
    padding-left: 5px;
    cursor: pointer !important;
    height: 100%;
    max-width: auto;
    position: relative;
    cursor: pointer;
    min-height: 4.5em;
    border-radius: 4px;
    border: 1px solid #DDD !important;
    margin-top: 1px;
}

.MusePageHeader .MuseDynamicDropDown:hover {
    background-color: #EBF5FAFF;
}

.MusePageHeader .MuseDynamicDropDown {
    border-right: solid 1px #EEE;
    padding: 0 25px 0 15px;
}

.MusePageHeader .MuseDynamicDropDown .MuseDynamicDropDownArrow {
    right: 15px;
}

.MuseGridRowMenu .MuseDynamicDropDown {
    min-height: 55px;
    max-height: 55px;
}

.MuseDynamicDropDown > span {
    padding-right: 15px;
    margin: 0px 10px;
}

.MuseDynamicDropDownContainer_CellValue .MuseDynamicDropDown > span {
    padding-right: 15px;
    margin: 0px;
}

.MuseDynamicDropDown:hover {
    cursor: pointer !important;
}

.MuseDynamicDropDownContainer_CellValue .MuseDynamicDropDown > span {
    text-overflow: clip;
    overflow: hidden;
    max-width: 90%;
    margin: 0 auto;
}

.MuseDynamicDropDownPopupContent {
    display: none;
    position: absolute;
    position: absolute;
    border: solid 1px #e2e2e2;
    top: 55px;
    right: 0px;
    width: 20vw;
    height: 70vh;
    background-color: white;
    padding: 15px;
    padding-top: 50px;
}

.MuseDynamicDropDownPopupContentIcon:hover {
    color: red;
}

.MuseDynamicDropDownPopupContentIcon {
    font-family: Roboto;
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    right: 19px;
    font-size: 20px;
    cursor: pointer;
}

.MuseDynamicDropDownPopupContent:before {
    content: '';
    cursor: pointer;
    border: solid 1px gray;
    border-radius: 10px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
}

.MuseDynamicDropDownContainer_CellValue .MuseDynamicDropDownContent {
    display: none;
    position: absolute;
    position: absolute;
    border: solid 1px #e2e2e2;
    top: 32px;
    margin-left: -5px;
    width: auto;
    max-width: 10vw;
    background-color: white;
    z-index: 1;
}

.MuseDynamicDropDownContent {
    display: none;
    position: absolute;
    border: solid 1px #e2e2e2;
    top: 54px;
    width: auto;
    background-color: white;
    z-index: 1;
}

.DynamicDDArrowOpacityDisabled {
    opacity: 0.1 !important;
}

.DynamicDropDownvIconContainer:hover {
    color: red;
    cursor: pointer;
}

    .DynamicDropDownvIconContainer:hover + .MuseDynamicDropDownItemTitle {
        color: red;
        cursor: pointer;
    }

.DynamicDropDownvIcon {
    position: absolute;
    top: 15px;
}

.MuseFilterSearch .MuseDynamicDropDownContainer {
    position: relative;
    height: auto;
    min-height: 20px;
    max-height: 20px;
    cursor: pointer;
}


.k-icon.k-i-close.FilterPillDD_Icon {
    position: absolute;
    color: black;
    right: 4px;
    top: 7px;
}

.k-icon.k-i-close.FilterPillDD_Icon:hover {
    color: red;
    cursor: pointer;
}


.MuseFilterSearch .k-icon.k-i-close.FilterPillDD_Icon:hover {
    color:red;
}
.MuseFilterSearch .k-icon.k-i-close.FilterPillDD_Icon {
    color: #324d7a;
    font: 13px/1 WebComponentsIcons;
    margin-top: 3px;
}


.MuseFilterSearch .MuseDynamicDropDown {
    min-height: 35px;
    border-radius: 5px;
    background-color: #324d7a;
    color: white;
    font-family: Slate;
    font-size: 12px;
    font-weight: bold;
    margin-left: 8px;
    padding-top: 7px;
}

    .MuseFilterSearch .MuseDynamicDropDown .MuseDynamicDropDownArrow {
        filter: invert(1);
        margin-right: 20px;
    }

.MuseFilterSearch .MuseDynamicDropDownContent {
    top: 38px;
}

.MuseDynamicDropDownItemTitleRadio {
    position: absolute;
    top: 10px;
}

.MuseDynamicDropDownItemTitle {
    /*padding-left: 10px !important;*/
    line-height: 50px;
    white-space: nowrap;
    margin-left: 10px;
    cursor: pointer;
}

.MuseDynamicDropDownItemNoBefore {
    line-height: 40px;
    white-space: nowrap;
}

    .MuseDynamicDropDownItemNoBefore > div > input:first-child {
        margin-left: 10px;
    }

    .MuseDynamicDropDownItemNoBefore > div > label {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

.MuseDynamicDropDownItem {
    /*padding-right: 10px;
    padding-left: 10px;
    border-top-color: #dddfe2;*/
    position: relative;
    display: flex;
    cursor: pointer;
    height: 50px;
    /*padding-left: 10px;*/
}


.MuseDynamicDropDownItemNoIcon {
    position: relative;
    display: flex;
    cursor: pointer;
}

.MuseDynamicDropDownItemNoBefore:hover,
.MuseDynamicDropDownItem:hover {
    background-color: #EBF5FAFF;
    cursor: pointer;
}

.MuseDynamicDropDownItemSelected:hover,
.MuseDynamicDropDownItemSelected {
    cursor: pointer;
    display: flex;
    height: 50px;
    background-color: #f8f7f9;
}


.MuseDynamicDropDownItemIcon {
    font-family: Roboto;
    position: absolute;
    right: 17px;
    top: 10px;
}

.MuseDynamicDropDownItemWithIcon:before {
    content: '';
    width: 20px;
    height: 20px;
    border: solid 1px #DAEEF7;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    right: 11px;
    background: rgba(255,255,255,1);
}

.DynamicDropDownvItemHeaders {
    font-family: Slate;
    font-size: 14px;
    color: #AAA;
}

.MuseDynamicDropDownContainer_CellValue .MuseDynamicDropDownItemsContainer {
    min-width: 10vw;
    max-height: 80vh;
    overflow-y: scroll;
}

.MuseDynamicDropDownItemsContainer {
    min-width: 18vw;
    max-height: 80vh;
    overflow-y: auto;
}

.MuseDynamicDropDownArrow {
    position: absolute;
    right: 5px;
}

.MuseDynamicDropDown:hover .MuseDynamicDropDownArrow {
    opacity: 1;
}

.MuseDynamicDropDownArrow {
    right: 15px;
}

.MuseDynamicExpandArrow {
    position: absolute;
    right: 5px;
    margin-top:17px;
}

.MuseDynamicDropDownItemTitle {
    font-size: 12px !important;
}

.MuseDynamicDropDownSubItemsContainer {
    position: absolute;
    /*background-color: rgb(218, 238, 247);
    border: solid 1px #e2e2e2;*/
}

    .MuseDynamicDropDownSubItemsContainer .MusePanel {
        background-color: rgb(218, 238, 247);
        border: solid 1px #e2e2e2;
    }

.MuseDynamicDropDownSubContent {
    position: absolute;
}

.selectedParent {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: 0px !important;
    border-top: 1px solid !important;
    border-left: 1px solid !important;
    border-color: #ccc !important;
}

.SubContentSelected {
    border-right: 1px solid !important;
    border-top: 1px solid !important;
    border-bottom: 1px solid !important;
    border-color: #ccc !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.DynDropdownSelected {
    border-left: 1px solid !important;
    border-bottom: 1px solid !important;
    border-color: #ccc !important;
    border-bottom-left-radius: 4px;
    background-color: #f8f7f9;
}

.ddItemSelected {
    background-color:white;
}

.ddItemNotSelected {
    background-color: #f8f7f9;
    color: #555;
}

.MuseDynamicDropDown.selectedParent {
    background-color: #f8f7f9;
    color: #555;
    border-right: 0px !important;
}

/*.MuseDynamicDropDownItemSelected {
    background-color: white;
}*/

div[forcedcontrolid="DynamicDropdownContainer"] {
    background-color: rgb(218, 238, 247) !important;
    border: 1px solid rgb(226, 226, 226) !important;
}

.ddSelected {
    border-top: 0px !important;
}

.ddParentSelected {
    border-bottom: 0px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.dropdownAdditionalPanel {
    border-left: 0px !important;
    padding: 0px 0px !important;
}

.DynDropdownSelected {
    border-right: 0px !important;
}

.dropdownAdditionalPanel .row.row-cols-3 {
    padding-bottom: 10px;
}

.dropdownAdditionalPanel .col {
    padding: 0px !important;
}

.MuseDynamicDropDownContent.ddSelected:not(.DynDropdownSelected) {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.MuseFormDateMonth {
    width: 200px;
}

.k-grid-norecords::after {
    content: "No Data Found";
    font-family: Roboto;
    position: absolute;
    font-size: 3vw;
    font-weight: 200;
    padding-top: 30px;
    top: 10%;
    left: 30%;
}

.k-grid-norecords.withImage::after {
    content: "No Data Found";
    font-family: Roboto;
    position: absolute;
    font-size: 3vw;
    font-weight: 200;
    padding-top: 30px;
    top: 10%;
    left: 65%;
}

.k-grid-norecords {
    position: relative;
}

.HideMonthRow {
    height: 0px !important;
    line-height: 0 !important;
}

.HideMonthCell {
    height: 0px !important;
    line-height: 0 !important;
}

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

.MuseRadioCheckbox .container
{
    padding-top:4px;
}

._PointerEventsNone {
    pointer-events: none !important;
}

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

div[forcedcontrolid="pnlQuickFilterButtons"]
{
    border:none !important;
}