@import "./imports.css";
/* D.P. (2020-01-28) Commented. God know why this was added, it just adds empty white space */

#main-div-container {
    /* padding-right: 5px; */
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
    border: none;
}

/* This fixes the grid context menu random alignment after update */

.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon {
    line-height: 1 !important;
}

.marked-element {
    color: #e3165b !important;
}

.header-background {
    background-color: #eee !important;
}

/* PREFIXES WHEN CHANGING THEMES */

html {
    overflow: hidden;
}

html, body {
    height: 100%;
}

.container {
    padding-right: 0;
    padding-left: 0;
}

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

.e-treeview .text-bold>.e-text-content .e-list-text {
    font-weight: bold;
}

.e-treeview .e-ul {
    padding: 0 0 0 5px;
    overflow: hidden;
}

/*** Menu items ***/

/* Menu arrows (plus and minus) */

/*.mainMenuCss .e-icon.e-plus::before, .mainMenuCss .e-icon.e-minus::before {
    content: "" !important;
}*/

/*.mainMenuCss .e-icon.e-plus {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url('images/menu/menu-plus.png');
    background-position-y: 8px;
}*/

/*.mainMenuCss .e-icon.e-minus {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url('images/menu/menu-minus.png');
    background-position-y: 8px;
}*/

/* Menu texts */

/*.mainMenuCss .e-text {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #73A9D8 !important;
}*/

/* Selected item from treeview background */

.mainMenuCss .CanSelect.e-active {
    background-color: #F0F0F0 !important;
}

/* Space between picture and text */

/*.mainMenuCss .e-item div > a > img {
    margin-right: 10px !important;
}*/

.mainMenuCss .e-align {
    margin-right: 10px !important;
    margin-left: 0px !important;
}

#mainMenu>div>span {
    width: 100% !important;
}

ul.e-ul.e-box {
    padding: 0px;
}

.searchByItemCodeButton {
    background: url('/src/deps/images/menu/arrow_right_green_16.png') no-repeat !important;
    background-position: center !important;
    /* display: block !important; */
    /* margin: auto auto auto -8px; */
}

.searchByItemCodeButton:active {
    background: none !important;
}

/*.e-treegrid .e-treegridexpand {
    background-image: url('/src/deps/images/menu/menu-minus.png');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

.e-treegrid .e-treegridcollapse {
    background-image: url('/src/deps/images/menu/menu-plus.png');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

.e-treegrid .e-doc {
    background-image: url('/src/deps/images/menu/star_gold_10.png');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

.e-treegrid .e-treegridexpand:before {
     content: none !important;
}

.e-treegrid .e-treegridcollapse:before {
     content: none !important;
}*/

.border {
    border-color: #BDBDBD;
    border-width: 1px;
    border-style: solid;
}

#hierarchyCatalogTreeGride-gridcontainer.e-gridcontainer {
    height: auto !important;
}

#hierarchyCatalogTreeGride-gridheader.e-gridheader {
    width: auto !important;
}

.bold {
    font-weight: bold !important
}

.nonbold {
    font-weight: normal !important
}

.dotsButton {
    background: url('/src/deps/images/buttons/dots.png') no-repeat center !important;
    background-size: 10px auto !important;
    width: 20px !important;
}

.dotsButton:active {
    background: none !important;
}

.xButton {
    background: url('/src/deps/images/buttons/x.png') no-repeat center !important;
    background-size: 7px auto !important;
    width: 20px !important;
}

.xButton:active {
    background: none !important;
}

.pButton {
    background: url('/src/deps/images/buttons/preview.png') no-repeat center !important;
    background-size: 10px auto !important;
    width: 20px !important;
}

.pButton:active {
    background: none !important;
}

/*.fa-ellipsis-h {
    height: 26px !important;
    width: 13px !important;
}

.fa-search {
    height: 26px !important;
    width: 13px !important;
}

.fa-times {
    height: 26px !important;
    width: 13px !important;
}

.fa-expand {
    height: 26px !important;
    width: 13px !important;
}*/

/* .fa-file-excel {
    height: 30px !important;
    width: 15px !important;
}

.fa-file-pdf {
    height: 30px !important;
    width: 15px !important;
}

.fa-file-alt {
    height: 30px !important;
    width: 15px !important;
} */

.fa-times.searchMenu {
    height: 23px !important;
    width: 7.6px !important;
}

.fa-file-circle-xmark {
    color: rgba(0, 0, 0, 0.80) !important;
}

.fa-files {
    color: rgba(0, 0, 0, 0.80) !important;
}

.far.fa-object-group {
    color: rgba(0, 0, 0, 0.54) !important;
}

.far.fa-save {
    color: rgba(0, 0, 0, 0.54) !important;
}

.treeView .e-ul {
    line-height: 1em;
}

.treeView .e-text {
    font-size: 12px !important;
}

.accordionStyleClass h3 {
    padding: 5px !important;
    padding-left: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/*.comboboxTextField input {
    font-size: 13px !important;
}*/

.comboBoxStyle li {
    font-size: 12px;
    line-height: 1em !important;
}

.comboBoxStyle .e-input {
    font-size: 13px !important;
}

app-combo-box div.ng-invalid span.e-box {
    border: 1px solid red !important;
}

.top-buffer {
    /* margin: 1px 10px; */
    margin-top: 1px;
}

detail .row {
    margin-left: 0px;
}

.separator {
    padding: 0px 5px;
    color: gray;
    font-style: italic;
    font-size: 13px;
}

.buttons-wrapper {
    display: flex;
    cursor: pointer;
}

.buttons-wrapper>* {
    margin: 0px 3px;
    margin-top: 5px;
}

.e-checkbox-wrapper {
    line-height: 3;
}

.e-acrdn-panel {
    overflow-y: auto !important;
}

.ContextMenuTreeView ul {
    padding: 0 !important;
}

.ContextMenuTreeView .e-acrdn-header-content {
    font-weight: 600;
    /* color: black ; */
}

.e-dialog .e-dlg-header, .e-dialog .e-dlg-header * {
    width: 100%;
}

.e-dlg-header {
    border-bottom: 3px solid gray;
}

.e-toolbar-item button {
    box-shadow: none !important;
    /* D.P. (2020-10-28) Disabled due to RichTextEditor. Editor's toolbar buttons needs line-height, otherwise it won't be shown */
    /* line-height: 0 !important; */
}

/*
* Styling for toolbar export button
*/

.e-toolbar-item .e-btn-icon:first-child {
    margin-top: 0px !important;
    font-size: 18px !important;
}

/*
* Styling for add to favorites button icons
*/

.e-contextmenu-wrapper ul li .e-menu-icon {
    margin-top: 6px;
    font-size: 20px !important;
}

.e-resizable {
    /* (2023-01-23): M.E. turning back syncfusion resize */
    /* resize: both; */
    overflow: auto;
    padding: 0;
    /* height: 300px; */
    /* min-height: 250px; */
    min-width: 250px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

#dialog-background {
    position: absolute;
    width: 100%;
    height: 100%;
    /* visibility: hidden; */
    pointer-events: none;
}

.e-overlay {
    opacity: 0.65;
    background-color: #fff;
    pointer-events: none !important;
}

.e-overlay-toast {
    opacity: 0.65;
    background-color: #fff;
    pointer-events: none !important;
}

.full-height {
    height: 94%;
}

.half-height {
    height: 49%;
}

.full-width {
    height: 100%;
}

@media (min-width: 1200px) {
    .container {
        min-width: 100%;
    }
}

.e-input-group, .e-input-group .e-control-wrapper {
    margin-bottom: 0px !important;
}

/* .e-input-group :hover {
    border-bottom: 1px solid !important;
    border-color: rgba(0, 0, 0, 0.42) !important;
}*/

.e-input-group :focus {
    border-bottom: 0!important;
}

.e-input-group :disabled {
    border-bottom: 0!important;
}

.e-dialog .e-dlg-content {
    /* overflow: hidden; */
}

.e-icon-first {
    /* display: unset !important; */
    max-width: 26px !important;
}

.e-grid.e-gridhover tr[role='row']:hover {
    background-color: #eee;
}

.e-accordion {
    border-width: 1px 0px 0px 0px !important;
}

.e-spinner-pane {
    display: none !important;
}

.pCenter {
    border-left: solid #ddd;
    border-width: 0px 0px 0px 0px;
    padding: 0px;
    width: 99%;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.spinner {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid rgb(231, 52, 112);
    width: 30px;
    height: 30px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    z-index: 1;
}

.spinner_left {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid rgb(231, 52, 112);
    width: 20px;
    height: 20px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    z-index: 1;
    margin: auto;
    position: absolute;
    left: 0;
}

.spinner_center {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid rgb(231, 52, 112);
    width: 30px;
    height: 30px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    z-index: 1;
    margin: auto;
    position: absolute;
    left: 49.5%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
}

.tab_header_spinner {
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid rgb(231, 52, 112);
    width: 15px;
    height: 15px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    z-index: 1;
    margin: auto;
    position: absolute;
    /*left: 49.5%;*/
    top: 50%;
    margin-left: 3px;
    margin-top: -8px;
}

.text_center {
    position: absolute;
    top: 52%;
    width: 99%;
    text-align: center;
    font-weight: bold;
    z-index: 1;
}

/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.userMenuThemesListMenu {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
    z-index: 2001;
    background-color: white;
    position: absolute;
}

.userMenuThemesListMenu>li {
    border: 1px dashed black;
    padding: 1rem 2rem;
}

.userMenuThemesListMenu>li:hover {
    background-color: #eee;
    cursor: pointer;
}

.e-content {
    overflow: auto;
}

e-groupdroparea {
    white-space: nowrap !important;
}

#itemUnitOfMeasure.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state>.e-acrdn-header, #itemUnitOfMeasure.e-accordion .e-acrdn-item.e-select.e-expand-state>.e-acrdn-header {
    background-color: lightgray;
    border-top: 3px solid gray;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    color: #333 !important;
}

#itemUnitOfMeasure .e-acrdn-header-content {
    color: black !important;
    font-weight: 600;
    font-size: 14px;
}

.disabledElement {
    opacity: 0.3;
    pointer-events: none;
}

.pointer-events-none {
    pointer-events: none;
}

.e-dialog .e-dlg-content {
    padding-left: 0px;
    padding-right: 2px;
    padding-bottom: 15px;
    width: 100%;
    /* Subtracting dialog header */
    height: calc(100% - 69px);
}

.resizing {
    border: 5px solid black;
}

.offline {
    height: 30px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 48%;
    width: 99% !important;
}

.offlineElement {
    color: red;
}

.toast-button {
    border: 1px solid #fff !important;
    color: inherit !important;
    /* background: #fff !important; */
}

@font-face {
    font-family: 'Toast_icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.toast-icons {
    font-family: 'Toast_icons' !important;
    /* speak: none; */
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.toast-icons.e-success::before {
    content: "\e701";
}

.toast-icons.e-error::before {
    content: "\e700";
}

.toast-icons.e-info::before {
    content: "\e704";
}

.toast-icons.e-warning::before {
    content: "\e703";
}

.e-toast-top-center {
    top: 50px !important;
}

.e-toast .e-toast-message .e-toast-content {
    max-height: 350px;
    overflow: auto !important;
}

.e-control.e-accordion.e-acrdn-root.e-keyboard {
    height: 100% !important;
}

td.e-active {
    font-weight: unset !important;
}

.home-tab-element {
    position: absolute !important;
    top: 40px !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#home-page-container {
    overflow: auto;
}

.e-xlfl-matchcasediv {
    display: none !important;
}

@media print {
    thead {
        display: table-header-group;
    }
}

.e-expended-nav {
    display: none !important;
}

.f-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.f-label {
    padding: 10px;
    text-align: left;
    flex: 0 0 200px;
}

.f-label-sm {
    flex-grow: 2;
    text-align: center;
}

.f-label-offset {
    display: none;
}

.f-element {
    padding: 10px;
    flex-grow: 2;
}

.f-separator {
    flex-grow: 1;
}

.f-text-align-left {
    text-align: left;
}

.f-text-align-right {
    text-align: right;
}

.f-text-align-center {
    text-align: center;
}

.f-hide {
    display: none;
}

.e-tab {
    /* width: 95% !important; */
}

.invalid-cell {
    border: 1px solid red !important;
}

.grid-button {
    margin-left: 5px;
}

.grid-button:hover {
    cursor: pointer;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.without::-webkit-datetime-edit-ampm-field {
    display: none;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.d-flex {
    display: flex !important;
}

.align-items-center {
    align-items: center !important;
}

.e-menu-wrapper .e-ul {
    padding: 0;
}

/* .e-grid .e-columnmenu {
    bottom: 0px;
} */

/* Property used to minimize distance between button icon and button text */

.e-btn .e-btn-icon.e-icon-left, .e-css.e-btn .e-btn-icon.e-icon-left {
    /* width: 1em !important; */
}

/* Adding column side borders */

.e-grid .e-rowcell {
    /* border-right: 1px solid grey !important; */
    border-right: 1px solid rgb(224, 224, 224) !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-right-color: rgb(224, 224, 224) !important;
}

.toolbar-container .e-toolbar-items {
    display: flex !important;
    align-items: center !important;
}

.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
    height: 100%;
    min-width: 34px;
    padding: 0px;
}

.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
    height: 100%;
    min-width: 34px;
    padding: 0px;
}

.e-treeview .e-list-text {
    box-sizing: border-box;
    display: inline-block;
    line-height: inherit;
    margin: 0;
    min-height: 0;
    padding: 0 5px;
    text-decoration: none;
    vertical-align: middle;
}

.e-treeview .e-fullrow {
    user-select: none;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    height: 2em;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input,
.form-group input.e-input {
    margin-bottom: 0;
    /* padding: 2px 0 3px; */
}

.e-input:focus {
    padding-bottom: 3px;
}

p {
    padding-top: 3px;
}

.e-checkbox-wrapper {
    line-height: 2;
}

.e-pager .e-pagercontainer .e-firstpage, .e-pager .e-pagercontainer .e-prevpage, .e-pager .e-pagercontainer .e-firstpagedisabled, .e-pager .e-pagercontainer .e-prevpagedisabled, .e-pager .e-pagercontainer .e-nextpage, .e-pager .e-pagercontainer .e-lastpage, .e-pager .e-pagercontainer .e-nextpagedisabled, .e-pager .e-pagercontainer .e-lastpagedisabled {
    padding: 0;
}

.e-input-group input.e-input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-input-group textarea.e-input:focus, .e-input-group.e-control-wrapper textarea.e-input:focus,
.form-group input.e-input, .form-group input.e-input:focus {
    /* padding: 2px 0 3px; */
    /* border-width: 0 0 0px 0; */
}

/* input.e-input,
.e-input-group input.e-input,
.e-input-group input,
.e-input-group.e-control-wrapper input.e-input,
.e-input-group.e-control-wrapper input,
.e-float-input input,
.e-float-input.e-input-group input,
.e-float-input.e-control-wrapper input,
.e-float-input.e-control-wrapper.e-input-group input {
    border-width: 0 0 1px 0;
}

input.e-input:focus, .e-input-group input.e-input:focus, .e-input-group input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-input-group.e-control-wrapper input:focus, .e-float-input input:focus, .e-float-input.e-input-group input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input.e-control-wrapper.e-input-group input:focus {
    border-width: 0 0 1px 0;
} */

.e-btn, .e-css.e-btn {
    font-size: 13px;
    /* line-height: 0; */
    padding: 6px 7px 3px;
}

.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    line-height: 0;
}

.e-input-group .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon {
    min-height: 0px;
    min-width: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
/*
.e-input-group:not(.e-float-icon-left), .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-warning:not(.e-float-icon-left), .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
    border: 0px solid;
    border-width: 0 0 0 0;
} */

/* .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before, .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after, .e-input-group.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before, .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::after {
    bottom: -1px;
} */

/* .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    height: 1px;
} */

.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
}

/* .e-control-wrapper .e-input:hover, .e-searcher:hover, .e-dropdownbase:hover {
    border: none !important;
}*/

/* .e-input-group:hover, .e-control-wrapper :hover, .e-ddl :hover {
    border: 1px solid;
    border-width: 0 0 0 0;
} */

/*
.e-input-group-icon.e-date-icon, .e-control-wrapper .e-input-group-icon.e-date-icon {
    font-size: 16px;
    margin: 0px 0 0px 0;
    min-height: 0;
    min-width: 0;
    outline: none;
    border-bottom: 1px solid;
} */

/* .e-input-group-icon.e-date-icon:hover, .e-control-wrapper:hover .e-input-group-icon.e-date-icon:hover {
    margin: 0px 0 0px 0;
    border-bottom: 0px solid;
} */

.sk-cube-grid {
    width: 40px;
    height: 40px;
    position: absolute;
    margin: auto;
    left: 49.5%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    z-index: 1113;
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    z-index: 1113;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

.theme-loading-background {
    opacity: 0.05;
    background-color: #ffffff;
}

.list-form-group {
    margin-bottom: 0;
}

.form-group {
    margin-bottom: 0;
    max-width: 800px;
}

.e-tbar-btn-text {
    font-size: 13px;
}

.e-menu-wrapper ul .e-menu-item .e-menu-icon {
    font-size: 18px;
}

.e-menu-wrapper ul .e-menu-item {
    font-size: 13px;
}

.e-toolbar .e-tbar-btn .e-tbar-btn-text {
    font-size: 13px;
}

.list-info-section {
    padding: 2px 10px;
    height: 25px;
    white-space: nowrap;
    width: 100%;
}

/* SPACING OVERWRITES */

/* ----------- DETAIL SPACING --------- */

/*.form-group *, :not(.form-group .e-grid) {*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*}*/

.form-group input, .form-group button {
    padding: 1px;
}

/* TRANSLATION T BUTTON */

.form-group .t-button {
    padding: 0 0.5rem !important;
    /* D.P. (2019-07-18) Giving margin top so T letter aligns with flag and flag text */
    margin-top: 0.20rem !important
}

/* TRANSLATION T BUTTON */

/* AUTOCOMPLETE COMBOBOX BUTTONS */

.form-group .autocomplete-comboBox-button {
    padding: 0 5px !important;
}

.form-group ejs-textbox textarea.required-padding {
    padding-left: 20px !important;
}
.form-group ejs-textbox input.required-padding {
    padding-left: 20px !important;
}

/* AUTOCOMPLETE COMBOBOX BUTTONS */

/* CHECKBOX */

.form-group .e-checkbox-wrapper {
    margin-top: 0.3rem !important;
    line-height: 1 !important;
}

.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
}

/* CHECKBOX */

/*  DETAIL TAB ITEMS (this touches all tab items)  */

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    padding: 0 18px !important;
}

/*  DETAIL TAB ITEMS  */

/* ----------- DETAIL SPACING --------- */

/* ----------- TREE SPACING ----------- */

.e-treeview .e-list-item {
    padding: 0 !important;
}

/* D.P. (2019-09-23) Giving last tree element padding cause in some cases it will cut off last element  */

.e-list-parent .e-ul .e-list-item:last-child {
    padding-bottom: 2px !important;
}

/* ----------- TREE SPACING ----------- */

.e-excelfilter {
    max-height: 100% !important;
}

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
    height: 100%;
    margin: 0px 0;
    min-height: 0;
    min-width: 0;
    padding: 0 1.5px;
}

.template-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.color-div {
    width: 20px;
    height: 20px;
    border: 1px solid black;
}

.valid, .e-saved-cell-success {
    background-color: rgb(153, 255, 153) !important;
}

.invalid-row, .e-saved-cell-error, .invalid-row:hover {
    background-color: rgb(255, 153, 153) !important;
}

/** Classes for PAGER **/

.e-gridpager {
    position: relative;
}

.pager-spinner-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.pager-spinner {
    height: 25px;
    width: 25px;
    animation: rotate 0.8s infinite linear;
    border-right-color: transparent;
    border-radius: 50%;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/** Classes for PAGER **/

/** Styles used for components to replace ghost components in transition style **/

.list-container, .detail-contextmenu-accordion, .tab-panel-detail-container {
    /* fix D.P. (2020-03-18)  rewrite this after resize delete */
    opacity: 1;
    transition: opacity 0.5s ease-in;
}

/* Overwriting layout context menu width, cause russian language overlaps with an arrow */

.e-contextmenu-wrapper:nth-child(1) .e-menu-parent .e-menu-item {
    width: 160px !important;
}

/* .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
    border-color: rgba(0, 0, 0, 0.42);
    border: 0;
} */

/* D.P. (2020-04-01) Setting accordion header as flex in order to header collapse icon to not overflow the header text */

.e-acrdn-header {
    display: flex !important;
    justify-content: space-between !important;
}

.e-acrdn-header .e-toggle-icon {
    /* D.P. (2020-04-01) Overwriting absolute position, in order to react correctly for display flex */
    position: inherit !important;
}

.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
    padding: 0;
}

.e-treeview .e-text-content {
    padding: 0 0 0 13px;
}

.color-green {
    color: green;
}

.color-red {
    color: red !important;
}

.color-yellow {
    color: yellow;
}

.color-white {
    color: lightgray;
}

.color-gray {
    color: gray;
}

.detail-collapse-arrow-button {
    position: absolute;
    height: 25px;
    /* Taking out row padding */
    top: -7px;
    right: 0;
    background-color: red;
}

/* Disabled ripple for checkboxes, cause it bugs out if you move out the mouse on click */

.e-checkbox-wrapper .e-ripple {
    display: none;
}

/* Agne C. (2020-19-03): Style for displaying required icon near fields */

.input-container {
    display: -ms-flexbox;
    /* IE10 */
    display: flex;
    width: 100%;
}

.input-padding-left-offset {
    padding-left: 20px !important;
}

.h-100 {
    height: calc(100% - 67px);
}

.e-tab-header {
    width: 99% !important;
}

/* D.P. (2020-03-31) Helping syncfusion to display grid normally when filter/grouping applied :) */

.e-grid {
    display: flex;
    flex-direction: column;
}

.container-for-additional-list-toolbar-line {
    height: 100%;
    white-space: nowrap;
}

.container-for-additional-list-toolbar-line .nowrap-item {
    min-width: 200px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-right: 5px;
    font-size: 13px;
}

/* Setting up additional line */

.container-for-additional-list-toolbar-line>div:first-child {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    /* Giving 40px to reserve some space for scroll bar */
    height: 40px;
}

/* Setting up height when additional list toolbar line exists */

.container-for-additional-list-toolbar-line .list-component-container {
    height: calc(100% - 40px) !important;
}

/* Setting up height when additional list toolbar line exists */
.container-for-additional-list-toolbar-line .multi-base-container  {
    height: calc(100% - 40px) !important;
}

.icon {
    position: absolute;
    padding-top: 5px;
    color: #e3165b;
    text-align: center;
    width: 20px;
    font-size: 50%;
}

/* Syncfusion is using this for numeric text field hidden element */

.e-numeric-hidden {
    border: 0;
    height: 0;
    margin: 0;
    padding: 0;
    text-indent: 0;
    visibility: hidden;
    width: 0;
    display: none;
}

/* Removing overflow hidden property from report panel, cause if report is very wide we need our horizontal scrollbar to appear */

.stiJsViewerReportPanel {
    overflow: unset !important;
}

.selected-cashiers-button {
    position: relative;
    font-size: 18px;
}

.selected-cashiers-button-count-container {
    position: absolute;
    bottom: 0;
    right: -6px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 9px;
    align-items: center;
}
.highlited {
    background-color: rgb(182, 252, 189) !important;
}

.pCenterContent {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.pCenterContent form {
    /* height: auto; */
    height: 100%;
}

.date-indicator::after {
    content: '\25CF';
    position: absolute;
    width: 100%;
    top: 9px;
    left: 0;
}

app-toolbar-info-button {
    display: flex;
}

ejs-datepicker span span input {
    padding-left: 0px !important;
}

.cart-big-icon { 
    font-size: 20px !important;
}

.list-header-icon {
    font-size: 50%;
    vertical-align: middle;
}

.as-split-area.CommunicationMethodMultiDetailComponent[ng-reflect-order="0"] {
    min-height: 188px;
  }