.text-align-right * {
    text-align: right;
}
.Border {
    border-collapse: separate;
    border-spacing: 0 5px;
    border: 1px solid ;
    width: 100%;
    padding: 10px;
}

.NoBorder {
    border-collapse: separate;
    border-spacing: 0 5px;
    width: 100%;
    padding: 10px;
}

.ItemMasterTable td {
    border-collapse: collapse;
    padding: 6px;
}

.k-animation-container-shown {
    z-index: 99999 !important;
}

table thead {
    border-top: 1px solid black;
}

.k-grid {
    line-height: 25px !important;
    font-size: .85rem !important;
    /*font-family: 'Courier New', Courier, monospace !important;*/
}
.k-grid-edit-row {
    line-height: 25px !important;
    font-size: .85rem !important;
    /*font-family: 'Courier New', Courier, monospace !important;*/
}

.k-input {
    /*font-size: .75rem !important;
    padding: 0.1rem 0.1rem !important;*/
    padding-left: .1rem !important;
    padding-right: .1rem !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #495057 !important;
    /*font-weight: 700 !important;
    */
}
.k-input-inner {
    padding: 0.1rem 0.1rem !important;
}
.k-textbox {
    /*font-size: .75rem !important;*/
    padding: 0.1rem 0.1rem !important;
    padding-left: .3rem !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #495057 !important;
    /*font-weight: 700 !important;*/
}
input.k-textbox {
    /*font-size: .75rem !important;
    padding: 0.365rem 0.365rem !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #495057 !important;
    */
    /*font-weight: 700 !important;*/
}

.k-placeholder-line {
    display: none !important;
}

.k-grid td {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.k-grid td button{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.k-toolbar {
    overflow: visible !important;
}

.k-window {
    border-color: #000000 !important;
    border-width: 3px !important;
}

.pop-link-button {
    width: 115px;
    height: 25px;
}

/*
.EntryEditGrid .k-grid-content {
    background-color: WhiteSmoke !important;
}
#EntryEditGrid .k-grid td {
    padding-bottom: 1px !important;
    padding-top: 1px !important;
}
    */
#entryeditgridDIV > div > div.k-grid-container > div > div > div > table > tbody td {
    padding-bottom: 1px !important;
    padding-top: 1px !important;
}

#entryeditgridDIV > div > div.k-grid-container > div > div > div > table > tbody > tr > td > span > button {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
}

.TextArea {
    /*line-height: 1 !important;*/
    font-size: .8rem !important;
}

.NumberedTextArea {
    background: url(../images/LineNumber.png) !important;
    background-attachment: local !important;
    background-repeat: no-repeat !important;
    padding-left: 26px !important;
    border-color: #ccc !important;
    font-size: 13px !important;
    line-height: 16px !important;
    height: 40vh !important;
    padding-top: 8px !important;
}

.NumberedTextArea-Wrapper {
    display: inline-block !important;
    background-image: linear-gradient(#F1F1F1 50%, #F9F9F9 50%) !important;
    background-size: 100% 32px !important;
    background-position: left 10px !important;
    height: 40vh !important;
}
.pre{
    white-space: pre;
}

.sidebar {
    color: #fff !important;
}

.customSideBar > .k-widget {
    display: block !important;
}
.customHiddenInput {
    width: fit-content !important;
    height: 29px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.customHiddenInput .k-input {
        /*width: fit-content !important;*/
        height: 29px !important;
        /*display: none !important;
        visibility: hidden !important;
        padding: 0.0rem 0.0rem !important;
        margin-left: 0px !important;*/
        /*padding-left:0px !important;*/
    }
    .customHiddenInput .k-input .k-input-inner {
        width: 0px !important;
        /*height: 29px !important;*/
        /*display: none !important;
        visibility: hidden !important;*/
        padding: 0.0rem 0.0rem !important;
        /*margin-left: 0px !important;*/
        padding-left: 0px !important;
    }
.lawnGreenBG .k-input {
    background-color: lawngreen !important;
}

.yellowBG .k-input {
    background-color: yellow !important;
}
.deepskyblueBG .k-input {
    background-color: deepskyblue !important;
}
.kahkiBG .k-input {
    background-color: kahki !important;
}
.strongfont {
    font-weight:bolder;
}
.SubLookupWindow .k-window-content { /* targets the content element */
    /*background: yellow;*/
    width: 1045px;
    overflow: hidden;
}
.ItemLookupWindow .k-window-content { /* targets the content element */
    /*background: yellow;*/
    width: 1030px;
}
/*
.content {
    background-color: gainsboro !important;
}

.html {
    background-color: gainsboro !important;
}

.main {
    background-color: gainsboro !important;
}
*/
.no-wrap {
    white-space: nowrap;
}
.NumericRight input {
    text-align: right !important;
}
.NumericRight {
    text-align: right !important;
}
.UpperCase input {
    text-transform: uppercase !important;
}
.TextRed, .TextRed input {
    color: red !important;
}
.TextBlue, .TextBlue input {
    color: blue !important;
}
.StretchButton {
    width:100%;
    height:100%;
}
.RedWindowBorder { /* targets the entire popup element */
    border: 5px solid red !important;
}
.tile-with-overflow .k-card-body {
    overflow: scroll; /* choose a value that fits your needs */
}

.TS260Grid .unsetBorder {
    border-radius: 0rem !important;
    border-width: 0px !important;
    border-style: none !important;
}

/* tab titles will now wrap when too wide */
.tab-container .k-tabstrip .k-tabstrip-items {
    max-width: 100%;
    /*overflow: auto;*/
    display: flex;
    flex-wrap: wrap;
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none !important; /* IE and Edge */
    scrollbar-width: none !important; /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.tab-container::-webkit-scrollbar {
    display: none !important;
}
.red-icons {
    color: red !important;
}
.k-icon-20 {
    font-size: 20px !important; /* Sets icon size to 20px */
}
.k-icon-24 {
    font-size: 24px !important; /* Sets icon size to 24px */
}

.k-icon-32 {
    font-size: 32px !important; /* Sets icon size to 32px */
}

.k-icon-48 {
    font-size: 48px !important; /* Sets icon size to 48px */
}

.k-icon-64 {
    font-size: 64px !important; /* Sets icon size to 64px */
}
.k-icon-80 {
    font-size: 80px !important; /* Sets icon size to 80px */
}

.k-icon-96 {
    font-size: 96px !important; /* Sets icon size to 96px */
}
.k-icon-112 {
    font-size: 112px !important; /* Sets icon size to 112px */
}

.AlwaysOnTop {
    z-index: 999999 !important;
}

.drag-drop-zone {
    border: 3px dashed #e68710;
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
    color: #aeaeae;
    font-size: 1.5rem;
    cursor: pointer;
    margin: 1.5rem 0 2rem 0;
    position: relative;
}

    .drag-drop-zone:hover {
        background-color: #f5f5f5;
    }

    .drag-drop-zone input[type=file] {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }


.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.NoteTextArea {
    height: 250px;
    resize: none;
    overflow-y: auto !important;
}

.CashButton {
    background-image: url("/images/cash.png") !important;
    background-size: 75px 50px !important;
    background-repeat: no-repeat !important;
    height: 50px !important;
    width: 75px !important;
    margin: 10px !important;
}
.CheckButton {
    background-image: url("/images/check.png") !important;
    background-size: 75px 50px !important;
    background-repeat: no-repeat !important;
    height: 50px !important;
    width: 75px !important;
    margin: 10px !important;
}
.CardButton {
    background-image: url("/images/card.png") !important;
    background-size: 75px 50px !important;
    background-repeat: no-repeat !important;
    height: 50px !important;
    width: 75px !important;
    margin: 10px !important;
}

.OtherButton {
    background-size: 75px 50px !important;
    background-repeat: no-repeat !important;
    height: 50px !important;
    width: 75px !important;
    margin: 10px !important;
}

.fit-content {
    width: fit-content !important;
    height: fit-content !important;
    padding: 0px !important;
}

.fit-contentHeight {
    height: fit-content !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.fit-contentZeroHeight {
    height: fit-content !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.InvDocHeader {
    border-collapse: separate;
    border-spacing: 0 0px;
    border: 1px solid;
    width: 100%;
    height: 204px;
    padding: 10px;
}
.hidescroll {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.hidescroll::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera */
}