/* 
    *=====================================================================
    * _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-x:hidden;
}

*::selection {
    background-color: transparent;
    font-size: 12px;
}

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 !important;
}

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 !important;
}

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;
}

.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 {
    position: absolute;
    top: 10px;
    right: 15px;
}

.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;
}

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

.k-grid tbody tr.StaticGridTotalRow {
    background-color: #EEE;
}

.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 */

.MuseFilterSummary {
    display: flex;
    max-width: 100%;
    height: 100%;
    align-items: center;
}

.MuseFilterSummaryDropDownItem {
    padding: 4px 42px 4px 4px;
    background-color: #ffffff;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    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;
}

.MuseFilterSummaryItem {
    padding: 4px 32px 4px 4px;
    background-color: #ffffff;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    border-right: 1px solid #CCCCCC;
    margin: 0 5px;
    flex-direction: column;
    max-width: 200px;
    display: flex;
    color: #333;
    min-height: 40px;
    box-sizing: border-box;
    position: relative;
    width: fit-content;
    min-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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;
}

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

.MuseFilterSummaryItemRemove {
    position: absolute;
    font-weight: 600;
    right: 12px;
    font-size: 17px;
    line-height: 16px;
    box-sizing: border-box;
    font-weight: normal;
    transform: rotate(45deg);
    top: 3px;
    cursor: pointer;
    color: #cccccc;
}

.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: table;
    background-color: white;
}

.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: 10px 14px;
}

.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_'] .MuseDataGridMenu {
    height: 0px !important;
    border-color: transparent;
}

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;
}

.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: #888;
    font-weight: 400;
    border: 1px solid #DDD;
    line-height: 20px;
    padding: 10px 30px;
    border-radius: .15em;
}

.MuseFormLinkSelected {
    font-size: 14px;
    color: #0072C5;
    font-weight: bold;
}

.MuseFormLinkSelected:hover {
    color: #0072C5;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

.MuseFormLink:hover {
    cursor: pointer;
    text-decoration: none;
    color: #0072C5;
    font-weight: normal;
    border: 1px solid #0072C5;
}

.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: 10px;
}

.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: 50px;
    width:auto;
    height: 25px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    margin: 0 0 15px 0;
    text-indent: 7px;
    cursor: pointer;
}

.MuseDropDownContainer {
    /*    width: inherit;*/
    position: relative;
}

.DropDownCaret {
    position: absolute;
    right: 25px;
    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 15px 0;
}

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

.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;
}

.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*/

/*#region Button Checkbox*/
.ButtonCheckBoxItem{
    background: #EEE;
    float: left;
    min-width: fit-content;
    font-size: 12px;
    min-height: 28px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 5px 8px 0px 8px;
    cursor: pointer;
}

.ButtonCheckBoxItem:hover {
    background: #AAA;
    cursor: pointer;
}

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

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

.ButtonCheckBoxItem input{
    display: none;
}

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


/*#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{
    left: 16.7776%;
    height: auto;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 400px !important; /*Remove later*/
    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 #GridHeaderPanelItemSearchOptions{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

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;
    }

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

.MuseKebabMenu i {
    margin-right: 15px;
}

.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;
}

.k-resize-handle-inner {
    background-color: #DDD;
    width: 1px;
    height: 30px;
    position: absolute;
    top: 5px;
    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]:hover a::before {
    position: absolute;
    right: 30px;
    content: "\e127";
    z-index: 0;
    font: 20px/1 WebComponentsIcons;
    margin-top: -1px;
    color: #777;
}

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

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

/*#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%;
}

.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;
}

.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;
}

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

.MuseSearchControlIcon img {
    height: 14px;
    width: 14px;
    margin-top:4px;
}

.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;
}

.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;
}

@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;
}

.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:first-child
{
    border-left:solid 1px #e2e2e2;
    padding-left:5px;
    padding-right: 5px;
}

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

.GridHeaderPanelItemContent {
    width: calc(100vw - 300px);
    position: fixed;
    align-items: center;
    display: flex;
    top: 56px;
    left: 0px;
    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: 10px;
    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: #777;
}

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

.hidden {
    display: none;
}

.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'] {
    position: absolute;
    right: 150px;
    width: auto;
    height: -webkit-fill-available;
    padding: 0 10px;
    background-color: transparent;
}

.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;
}

.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;
}

.DateRangePicker > .k-textbox-container{
    width: 49%;
}

.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;
}
/*#endregion DateRangeFilter*/

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

/*#region Controls */

.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: 105px;
    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:57px;
}

 .MuseDataGridHeaderButtons > button {
    margin-top:12px;
    margin-right:2px;
 }

 .MuseDataGridHeaderButtons > .MuseKebabMenu {
     margin-top: 12px;
 }

/*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;
}

.MuseTextControlTitle + input.k-textbox:focus,
.MuseTextControlTitle + select:focus,
.MuseTextControlTitle + .k-numerictextbox > .k-numeric-wrap.k-state-default:focus {
    border-color: #76abd9;
}

#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: 15px;
    border: 1px solid #e2e2e2;
}

.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-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;
}

.MuseKebabMenuOptionItems {
    display: none;
}

.KebabItemNoIcon {
    padding-left: 12px;
}

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

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

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

.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;
}

.MuseKebabMenu > li.k-item ul.k-menu-group {
    width: auto;
    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: 120px;
    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;
    flex-flow: row wrap;
    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;
}


@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: #AAA;
}
/*#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;
}

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

.MuseSearchInput {
    border: 1px solid #e2e2e2;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    height: 31px;
    font-weight: 400;
    font-size: 13px;
    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;
}

.GridTransferFilter .MuseSearchClearIcon {
    right: 25px;
    top: 51px;
}

.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*/

/*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;
}

._Disable {
    pointer-events: none;
}

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

.AdvancedSearchContent {
    width:100%;
    height:200px;
    top:32px;
    display:none;
    position:absolute;
    border:solid 1px #EEEE;
    z-index:1;
    background-color:white;
}

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

.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: 100%;
    border: solid 1px #DDD;
    z-index: 1;
    height: calc(100vh - 152px);
    top: 95px;
    overflow-y: auto;
}

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

.GridTransferScrollSection {
    overflow: auto;
    height:calc(75vh - 14px);
    margin-top: 10px;
}

.GridTransferFilter {
    border-right:solid 1px #DDD;
    padding: 10px 20px;
}

.GridTransferFilter .title{
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 10px;
}

.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;
}

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


.GridTransferFilterItem {
    line-height:25px;
    cursor:pointer;
    padding: 0px 6px;
}

.GridTransferFilterItem:hover {
    background-color:rgba(166,222,240,0.7);
    cursor: pointer;
}

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

.MegaMenuMuseSearchInput {
    border: 1px solid #e2e2e2;
    padding: 10px;
    height: 31px;
    font-weight: 400;
    font-size: 13px;
    cursor: text;
}

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

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

.MegaMenuSearchHighlight
{
    background-color:#428bca;
    color:white;
}

/*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;
}

.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;

}