@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap");
* {
    font-family: Roboto, sans-serif, Arial;
}
* .dx-widget .dx-item-content .dx-field-item-content input {
    font-family: Roboto, sans-serif, Arial;
}

.semibold {
    font-weight: 600;
}

.bold {
    font-weight: 900;
}

.caption {
    font-size: 22px;
    font-weight: 600;
    color: rgba(39, 39, 57, 0.6);
    margin-top: 10px;
    margin-bottom: 10px;
}
.caption#toolbarHeaderText {
    margin-top: 0;
    margin-bottom: 0;
}

html,
body {
    min-height: 100%;
    width: 100%;
}

body {
    margin: 0;
    display: flex;
    background: #F9F7FA;
}
body.has-control-menu.open li.nav-toggle {
    left: 570px;
}
body.has-control-menu.open .mini-sidebar:not(.login) .site-navigation li.nav-toggle {
    left: 370px;
}
body.login {
    background-image: url("../img/background.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}
body.main {
    background-color: #F9F7FA;
}
body .page-container {
    display: flex;
    width: 100%;
}
body.signed-out .page-content {
    width: calc(100% - 95px);
}
body.signed-out .page-content .portlet-content {
    background: transparent;
}
body .page-content {
    width: calc(100% - 250px);
    background: #F9F7FA;
    margin-left: 250px;
}
body .page-content .portlet-content {
    background: #F9F7FA;
}
body .page-content #main-content {
    margin-top: 40px;
}
body .page-content #column-1 {
    padding: 0;
}
body .page-content .portlet-layout {
    margin: 0;
}
body li.nav-toggle {
    position: fixed;
    left: 250px;
    top: 15px;
    width: 30px;
    border-radius: 0 4px 4px 0;
    background: #674374;
    z-index: 111;
}
body li.nav-toggle .btn-nav-toggle {
    padding: 4px;
}
body .mini-sidebar:not(.login) .chatbotElement {
    left: 18px;
    padding: 5px;
}
body .mini-sidebar:not(.login) .chatbotElement .chatbotImage {
    margin-right: 0;
}
body .mini-sidebar:not(.login) .chatbotElement .chatbotTextContainer {
    display: none;
}
body .mini-sidebar:not(.login) .chatbotElement:hover {
    padding-right: 20px;
}
body .mini-sidebar:not(.login) .chatbotElement:hover .chatbotImage {
    margin-right: 15px;
}
body .mini-sidebar:not(.login) .chatbotElement:hover .chatbotTextContainer {
    display: block;
}
body .mini-sidebar:not(.login) .page-content {
    width: calc(100% - 50px);
    margin-left: 50px;
}
body .mini-sidebar:not(.login) .site-navigation {
    width: 50px;
    transition: width 500ms;
}
body .mini-sidebar:not(.login) .site-navigation span {
    display: none;
}
body .mini-sidebar:not(.login) .site-navigation li {
    position: relative;
}
body .mini-sidebar:not(.login) .site-navigation li.nav-toggle {
    position: fixed;
    left: 50px;
}
body .mini-sidebar:not(.login) .site-navigation li a {
    padding: 15px;
    text-align: left;
    position: relative;
}
body .mini-sidebar:not(.login) .site-navigation li:hover a {
    width: 250px;
    background: #585787;
    z-index: 20;
    opacity: 1;
}
body .mini-sidebar:not(.login) .site-navigation li:hover a span {
    display: inline-block;
    text-align: left;
}
body .mini-sidebar:not(.login) .site-navigation li:hover .dropdown-menu {
    height: auto;
    background: #585787;
    display: block;
    position: absolute;
    width: 200px;
    margin-right: -50px;
    z-index: 20;
    left: 50px;
    top: 48px;
    max-height: 400px;
    overflow-y: scroll;
    /* scrollbar */
}
body .mini-sidebar:not(.login) .site-navigation li:hover .dropdown-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
body .mini-sidebar:not(.login) .site-navigation li:hover .dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
body .mini-sidebar:not(.login) .site-navigation li:hover .dropdown-menu::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #BEBEBE;
    -webkit-box-shadow: inset 0 0 6px #BEBEBE;
}
body .mini-sidebar:not(.login) .site-navigation li:hover .dropdown-menu::-webkit-scrollbar-thumb:window-inactive {
    background: #BEBEBE;
}
body .mini-sidebar:not(.login) .site-navigation li:hover .dropdown-menu span {
    display: inline-block;
    margin-left: 0;
}
body .mini-sidebar:not(.login) .site-navigation li:hover .dropdown-menu a {
    width: 100%;
    white-space: pre-line;
}
body .mini-sidebar:not(.login) .site-navigation li:hover .lfr-nav-child-toggle {
    transform: rotate(90deg);
}
body .mini-sidebar:not(.login) .site-navigation #logo-container {
    display: block;
}
body .mini-sidebar:not(.login) .site-navigation #logo-container .logo-small {
    padding-top: 24px;
    display: block;
    width: 40px;
    margin: auto;
}
body .mini-sidebar:not(.login) .site-navigation #logo-container .logo {
    display: none;
}
body .mini-sidebar:not(.login) .site-navigation #nav-toggle {
    text-align: right;
    margin-right: -80px;
    transition: margin 500ms;
}
body .mini-sidebar:not(.login) .site-navigation #nav-toggle i {
    rotate: 180deg;
}
body .mini-sidebar:not(.login) .site-navigation .dropdown-menu {
    display: none;
}
body .dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border: none;
}
body .dx-button-has-text .dx-button-content {
    padding: 8px 18px;
}
body .dx-datagrid {
    background: #FFF;
}

.login .container {
    max-width: 100%;
}

.container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.container .content {
    padding: 0 15px;
    overflow-y: auto;
}

#header {
    height: 80px;
    background: transparent linear-gradient(90deg, #308BB9 0%, #674374 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
}

#login-box {
    margin: 95px auto;
    height: 100%;
    max-height: 700px;
    width: 1250px;
    display: flex;
    justify-content: space-around;
}
#login-box .left,
#login-box .right {
    width: 50%;
    height: 100%;
}
#login-box .left {
    background: transparent url("../img/login-side.svg") 0% 0% no-repeat padding-box;
    background-size: cover;
    border-radius: 20px 0 0 20px;
}
#login-box .right {
    background-color: #FFF;
    border-radius: 0 20px 20px 0;
}

#recover-password,
#login-container {
    height: 100%;
}

#login-container > div,
#recover-password > div {
    width: calc(100% - 140px);
}

#login-container .form-element,
#recover-password .form-element {
    margin-top: 30px;
}

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

.center-align {
    align-items: center;
    justify-content: center;
}

.size-70 {
    font-size: 70px;
}

.size-35 {
    font-size: 35px;
}

.color-white {
    color: #FFF;
}

.color-black {
    color: #414042;
}

#login-container .dx-textbox.form-element,
#recover-password .dx-textbox.form-element {
    background-color: transparent;
}

#recover-password {
    display: none;
}

#loginButton,
#recoverEmailButton {
    background: #e7dd1a;
}

#loginButton .dx-button-text,
#recoverEmailButton .dx-button-text {
    font-size: 26px;
}

#forgotPasswordButton .dx-button-text {
    direction: ltr;
}

#signInButton,
#signInButton .dx-icon {
    color: #FFF;
}

.background-transparent {
    background: transparent;
}

.dx-button {
    align-self: center;
    border: none;
}

.dx-button .dx-button-text {
    text-transform: initial;
    font-size: 15px;
    font-weight: 600;
    margin-top: 3px;
}

.form-element .dx-button {
    border-radius: 50px;
}

header-component {
    height: 100%;
}

#navigation .portlet {
    margin-bottom: 0;
}
#navigation .portlet-content {
    background: transparent;
    border: none;
    padding: 0;
}

body .container-fluid:not(.mini-sidebar) .page-sidebar {
    overflow-y: auto;
    overflow-x: hidden;
    /* scrollbar */
}
body .container-fluid:not(.mini-sidebar) .page-sidebar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
body .container-fluid:not(.mini-sidebar) .page-sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
body .container-fluid:not(.mini-sidebar) .page-sidebar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #BEBEBE;
    -webkit-box-shadow: inset 0 0 6px #BEBEBE;
}
body .container-fluid:not(.mini-sidebar) .page-sidebar::-webkit-scrollbar-thumb:window-inactive {
    background: #BEBEBE;
}

.site-navigation {
    height: 100%;
    width: 250px;
    transition: width 500ms;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.site-navigation .portlet-navigation {
    display: flex;
}
.site-navigation .navbar-inner {
    width: 100%;
}
.site-navigation i {
    color: #FFF;
    font-size: 16px;
    width: 20px;
    text-align: center;
}
.site-navigation ul {
    margin-top: 30px;
}
.site-navigation li {
    white-space: nowrap;
    width: 100%;
}
.site-navigation li a {
    display: block;
    height: 100%;
    padding: 15px 0 15px 15px;
}
.site-navigation li a span {
    margin-left: 10px;
    max-width: 200px;
}
.site-navigation li a:hover {
    background: rgba(62, 40, 70, 0.4);
    cursor: pointer;
}
.site-navigation li a:focus {
    background: rgba(62, 40, 70, 0.4);
}
.site-navigation li .dropdown-menu {
    height: 0;
    overflow: hidden;
    position: inherit;
    float: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    max-width: 250px;
    max-height: unset;
}
.site-navigation li .dropdown-menu::after {
    display: none;
}
.site-navigation li .dropdown-menu li {
    min-height: 55px;
}
.site-navigation li .dropdown-menu a {
    padding-left: 48px;
    color: #FFF;
}
.site-navigation li.active > a {
    background: rgba(62, 40, 70, 0.4);
    cursor: pointer;
    opacity: 1;
}
.site-navigation li.active > ul {
    display: block;
}
.site-navigation li.active > ul .selected {
    background: rgba(62, 40, 70, 0.4);
    opacity: 1;
}
.site-navigation li.expanded .dropdown-menu {
    height: auto;
}
.site-navigation li.expanded .lfr-nav-child-toggle {
    transform: rotate(90deg);
}
.site-navigation .lfr-nav-child-toggle {
    position: absolute;
    right: 10px;
    padding: 0;
    color: #FFF;
    font-size: 16px;
    width: 20px;
    text-align: center;
}
.site-navigation .lfr-nav-child-toggle:hover {
    cursor: pointer;
}
.site-navigation span, .site-navigation a {
    display: inline-block;
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    width: 100%;
    position: relative;
}
.site-navigation a {
    padding-left: 48px;
    opacity: 0.6;
}
.site-navigation #logo-container {
    height: 50px;
    display: flex;
}
.site-navigation #logo-container .logo {
    padding-top: 15px;
    margin: 0 auto;
}
.site-navigation #logo-container .logo-small {
    display: none;
}
.site-navigation #copyright {
    font-size: 12px;
    color: #FFF;
    margin-bottom: 15px;
    flex-grow: 1;
    align-content: flex-end;
    width: 200px;
}
.site-navigation #nav-toggle {
    text-align: right;
    margin-right: -280px;
    margin-top: -35px;
    width: 30px;
    background: #674374;
    transition: margin 500ms;
    z-index: 1;
    border-radius: 0 4px 4px 0;
}
.site-navigation #nav-toggle .dx-button-content {
    padding: 0;
}
.site-navigation #nav-toggle .dx-button-content i {
    color: #FFF;
    background: transparent;
    padding: 10px 0;
}

#wrapper.container-fluid {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

header {
    height: 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid #F9F7FA;
    background: #F9F9F9;
}
header .site-title {
    display: none;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    height: 40px;
    padding-left: 15px;
}
header .site-title .logo img {
    height: 40px;
    width: 40px;
}
header .site-title .site-name {
    height: 40px;
}
header .user-bar-link {
    float: right;
    margin-right: 10px;
    position: relative;
}
header .user-bar-link a {
    color: #272739;
    font-weight: normal;
}
header .user-bar-link .user-menu {
    display: inline-block;
    padding: 10px 10px;
    cursor: pointer;
    position: relative;
    float: right;
}
header .user-bar-link #user-menu-login-submenu {
    display: none;
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    background: transparent;
}
header .user-bar-link #user-menu-login-submenu ul {
    flex-direction: column !important;
}
header .user-bar-link #user-menu-login-submenu ul li {
    background-color: #FFF;
}
header .user-bar-link #user-menu-websites-submenu {
    display: none;
    position: absolute;
    top: 40px;
    left: -50px;
    width: auto;
    min-width: 210px;
    background: transparent;
    max-height: 90vh;
    overflow-y: scroll;
    /* scrollbar */
}
header .user-bar-link #user-menu-websites-submenu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
header .user-bar-link #user-menu-websites-submenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
header .user-bar-link #user-menu-websites-submenu::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #BEBEBE;
    -webkit-box-shadow: inset 0 0 6px #BEBEBE;
}
header .user-bar-link #user-menu-websites-submenu::-webkit-scrollbar-thumb:window-inactive {
    background: #BEBEBE;
}
header .user-bar-link #user-menu-websites-submenu ul {
    flex-direction: column !important;
}
header .user-bar-link #user-menu-websites-submenu ul li {
    width: 100%;
    display: block;
    border-bottom: 1px solid #CCC;
    background: #FFF;
}
header .user-bar-link #user-menu-websites-submenu ul li:hover {
    background-color: #308BB9;
}
header .user-bar-link #user-menu-websites-submenu ul li:hover a {
    color: #ffffff;
}
header .user-bar-link #user-menu-websites-submenu ul li.selected {
    background-color: #308BB9;
}
header .user-bar-link #user-menu-websites-submenu ul li.selected a {
    color: #ffffff;
}
header .user-bar-link .portlet-content {
    background: none;
    padding: 0;
    border: 0;
}
header .user-bar-link .portlet-content .portlet-header {
    display: none;
}
header .user-bar-link .portlet-content ul li {
    width: 100%;
    display: block;
    border-bottom: 1px solid #CCC;
}
header .user-bar-link .portlet-content ul li:hover {
    background-color: #308BB9;
}
header .user-bar-link .portlet-content ul li:hover a {
    color: #ffffff;
}
header #kldx___menu {
    border: none;
    background: transparent;
    color: #000;
}

.portlet-header {
    display: none;
}

ul {
    padding: 0;
    list-style: none;
    align-self: flex-start;
    width: 100%;
}

a {
    font-weight: 600;
    color: #3486B4;
    text-decoration: none;
    font-size: 16px;
}
a.hover {
    padding-bottom: 5px;
    box-shadow: inset 0 -2px 0 0 #FFF;
}

#user-header {
    height: 50px;
    width: 100%;
    background: #FFF;
    display: flex;
    justify-content: flex-end;
}
#user-header #lang-picker span {
    font-size: 14px;
}
#user-header #lang-picker .country-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#user-header #lang-picker .country-container#us:hover {
    cursor: pointer;
}
#user-header #lang-picker #country-submenu {
    background: #FFF;
    display: none;
    position: relative;
    z-index: 1;
}
#user-header #lang-picker #country-submenu.visible {
    display: block;
}
#user-header #lang-picker .country-flag {
    margin: 15px;
    display: block;
    width: 20px;
    height: 20px;
}
#user-header #lang-picker #toggle-lang-dropdown {
    font-size: 24px;
    color: #272739;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: -2px;
}
#user-header #lang-picker #us-flag {
    background: url(../img/lang_usa.svg) no-repeat;
}
#user-header #lang-picker #ro-flag {
    background: url(../img/lang_ro.svg) no-repeat;
}
#user-header #lang-picker #de-flag {
    background: url(../img/lang_de.svg) no-repeat;
}
#user-header #user-controls {
    position: relative;
    padding: 10px 30px 0 30px;
    display: flex;
    flex-direction: column;
    margin: 0 20px auto 0;
    background: white;
    z-index: 10;
    cursor: pointer;
}
#user-header #user-controls > div {
    display: flex;
    align-items: center;
}
#user-header #user-controls::before {
    content: "";
    display: block;
    width: 2px;
    height: 20px;
    background: #272739;
    opacity: 0.42;
    position: absolute;
    left: 0;
    top: 13px;
}
#user-header #user-controls #toggle-dropdown {
    font-size: 24px;
    color: #272739;
    margin-left: 20px;
    margin-top: -8px;
}
#user-header #user-controls #user-area {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#user-header #user-controls #user-area #username {
    color: #272739;
    font-weight: 600;
    font-size: 14px;
}
#user-header #user-controls #user-area #company {
    color: #272739;
    opacity: 0.6;
    font-size: 12px;
    margin-top: 6px;
}
#user-header #user-controls #user-submenu {
    margin: 0;
    display: none;
    z-index: 1;
}
#user-header #user-controls #user-submenu li {
    margin: 15px 0;
}
#user-header #user-controls #user-submenu li a {
    color: #272739;
    margin-right: 30px;
    font-weight: 400;
}
#user-header #user-controls #user-submenu.visible {
    display: flex;
    flex-direction: column;
}
#user-header #user-controls #user-submenu #logout-container {
    background: #FFF;
    position: relative;
    bottom: 0;
    width: 100%;
    display: flex;
    text-align: center;
    display: flex;
    justify-content: flex-start;
}

.validate-btn {
    background: transparent linear-gradient(90deg, #308BB9 0%, #674374 100%) 0% 0% no-repeat padding-box;
    color: #FFF;
    padding: 6px 12px;
    border-radius: 5px;
    border: none;
    font-size: 14px;
}
.validate-btn:hover {
    color: #FFF;
    cursor: pointer;
}
.validate-btna {
    color: #FFF;
}

#upload-statistics {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 30px;
    width: 100%;
    margin: 0 auto 10px;
}

.upload-statistics-tab {
    height: 60px;
    width: 17%;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
    border-radius: 8px;
}

.upload-statistics-tab-icon {
    border-radius: 50%;
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 22px;
    color: #FFF;
}

.upload-statistics-tab-text {
    color: rgba(39, 39, 57, 0.6);
    font-size: 19px;
    font-weight: 600;
}

.upload-statistics-tab-count {
    color: #272739;
    font-size: 24px;
    margin-top: -10px;
    display: block;
}

#upload-count .upload-statistics-tab-icon {
    background: #3486B4;
}

#draft-count .upload-statistics-tab-icon {
    background: #3F77A6;
}

#processing-count .upload-statistics-tab-icon {
    background: #4B6796;
}

#processed-count .upload-statistics-tab-icon {
    background: #585787;
}

#extracting-count .upload-statistics-tab-icon {
    background: #674374;
}

.gradient-button {
    background: linear-gradient(90deg, #308BB9 0%, #674374 100%);
    border-radius: 4px;
    border-width: 0;
}
.gradient-button .dx-button-content {
    color: #FFF;
}
.gradient-button .dx-button-content .dx-icon {
    color: #FFF;
}
.gradient-button#flow-actions .dx-button {
    background: transparent;
    border-width: 0;
}
.gradient-button#flow-actions .dx-button .dx-icon-right {
    margin-right: 10px;
}
.gradient-button#flow-actions .dx-button .dx-button-content {
    padding: 7px 0 7px 18px;
}
.gradient-button#select-actions.split-button {
    padding-right: 9px;
}
.gradient-button#select-actions.split-button .dx-button {
    background: transparent;
    border: none;
}
.gradient-button#select-actions.split-button .dx-dropdownbutton-toggle {
    padding-top: 2px;
}
.gradient-button#select-actions.split-button.smart-fill {
    height: 32px;
    padding-right: 0;
}
.gradient-button#select-actions.split-button.smart-fill .dx-buttongroup-first-item {
    padding: 8px 10px;
}
.gradient-button#select-actions.split-button.smart-fill .dx-buttongroup-first-item .dx-button-content {
    padding: 0;
}
.gradient-button#select-actions.split-button.smart-fill .dx-dropdownbutton-toggle {
    border-left: 1px solid white;
    padding-left: 5px;
    padding-right: 5px;
}

.dx-button-success.simple-button {
    background: #00923F;
}

#dataGrid .dx-link-delete {
    color: #CA3572;
}

.exports-list-scrollview .custom-dropdown-item,
#exports-list-scrollview .custom-dropdown-item {
    cursor: pointer;
    padding: 7px 9px;
}
.exports-list-scrollview .custom-dropdown-item i,
#exports-list-scrollview .custom-dropdown-item i {
    font-size: 16px;
}

.ocr-zone .ocr-template-zone #ocr-toolbar-left {
    margin-left: 15px;
}
.ocr-zone .ocr-template-zone #ocr-toolbar-left .dx-button .dx-button-content {
    padding: 6px;
}

.portlet-static-end .portlet {
    margin-bottom: 0;
}
.portlet-static-end .portlet .portlet-content {
    padding-bottom: 0;
}

#generate__products-grid .dx-datagrid {
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
}

.tbl-list td[id^=dx-col-][id$=-fixed]::after {
    content: "";
    display: block;
    width: 17px;
    height: 100%;
    background: linear-gradient(to bottom, #E3E2E2 48%, #BEBEBE 48.5%, transparent 49.5%);
    position: absolute;
    top: 0;
    right: -17px;
}
.tbl-list .dx-datagrid-headers::after {
    content: "";
    display: block;
    width: 1em;
    height: 100%;
    background: linear-gradient(to bottom, #F9F9F9 48%, #BEBEBE 48.5%, transparent 51.5%);
    position: absolute;
    top: 0;
    right: 0;
}
.tbl-list .master__detail--grid .dx-datagrid .dx-datagrid-rowsview.dx-datagrid-nowrap {
    border: none;
}
.tbl-list .dx-datagrid .dx-datagrid-rowsview.dx-datagrid-nowrap {
    border: 1px solid #BEBEBE;
    border-top: none;
}

#dataGrid .dx-datagrid-borders > .dx-datagrid-filter-panel, #dataGrid .dx-datagrid-borders > .dx-datagrid-headers,
#tbl-invoice .dx-datagrid-borders > .dx-datagrid-filter-panel,
#tbl-invoice .dx-datagrid-borders > .dx-datagrid-headers,
#tbl-files .dx-datagrid-borders > .dx-datagrid-filter-panel,
#tbl-files .dx-datagrid-borders > .dx-datagrid-headers,
#tbl-accounting-template-lines .dx-datagrid-borders > .dx-datagrid-filter-panel,
#tbl-accounting-template-lines .dx-datagrid-borders > .dx-datagrid-headers,
#stageStatusDataGrid .dx-datagrid-borders > .dx-datagrid-filter-panel,
#stageStatusDataGrid .dx-datagrid-borders > .dx-datagrid-headers,
.tbl-list .dx-datagrid-borders > .dx-datagrid-filter-panel,
.tbl-list .dx-datagrid-borders > .dx-datagrid-headers,
.themed-table .dx-datagrid-borders > .dx-datagrid-filter-panel,
.themed-table .dx-datagrid-borders > .dx-datagrid-headers,
.ocr .dx-datagrid-borders > .dx-datagrid-filter-panel,
.ocr .dx-datagrid-borders > .dx-datagrid-headers {
    border-color: #BEBEBE;
}
#dataGrid #read-data-container.idp .dx-texteditor-input,
#tbl-invoice #read-data-container.idp .dx-texteditor-input,
#tbl-files #read-data-container.idp .dx-texteditor-input,
#tbl-accounting-template-lines #read-data-container.idp .dx-texteditor-input,
#stageStatusDataGrid #read-data-container.idp .dx-texteditor-input,
.tbl-list #read-data-container.idp .dx-texteditor-input,
.themed-table #read-data-container.idp .dx-texteditor-input,
.ocr #read-data-container.idp .dx-texteditor-input {
    border: none;
}
#dataGrid #read-data-container .row,
#tbl-invoice #read-data-container .row,
#tbl-files #read-data-container .row,
#tbl-accounting-template-lines #read-data-container .row,
#stageStatusDataGrid #read-data-container .row,
.tbl-list #read-data-container .row,
.themed-table #read-data-container .row,
.ocr #read-data-container .row {
    margin-left: 0;
    margin-right: 0;
}
#dataGrid #read-data-container .dx-texteditor-container.cell-orange,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-orange,
#tbl-files #read-data-container .dx-texteditor-container.cell-orange,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-orange,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-orange,
.tbl-list #read-data-container .dx-texteditor-container.cell-orange,
.themed-table #read-data-container .dx-texteditor-container.cell-orange,
.ocr #read-data-container .dx-texteditor-container.cell-orange {
    background: #DD9000;
}
#dataGrid #read-data-container .dx-texteditor-container.cell-orange input,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-orange input,
#tbl-files #read-data-container .dx-texteditor-container.cell-orange input,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-orange input,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-orange input,
.tbl-list #read-data-container .dx-texteditor-container.cell-orange input,
.themed-table #read-data-container .dx-texteditor-container.cell-orange input,
.ocr #read-data-container .dx-texteditor-container.cell-orange input {
    color: #FFF;
    font-weight: 900;
}
#dataGrid #read-data-container td[role=gridcell],
#dataGrid #read-data-container .dx-texteditor-input,
#dataGrid #read-data-container .dx-texteditor-container,
#tbl-invoice #read-data-container td[role=gridcell],
#tbl-invoice #read-data-container .dx-texteditor-input,
#tbl-invoice #read-data-container .dx-texteditor-container,
#tbl-files #read-data-container td[role=gridcell],
#tbl-files #read-data-container .dx-texteditor-input,
#tbl-files #read-data-container .dx-texteditor-container,
#tbl-accounting-template-lines #read-data-container td[role=gridcell],
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container,
#stageStatusDataGrid #read-data-container td[role=gridcell],
#stageStatusDataGrid #read-data-container .dx-texteditor-input,
#stageStatusDataGrid #read-data-container .dx-texteditor-container,
.tbl-list #read-data-container td[role=gridcell],
.tbl-list #read-data-container .dx-texteditor-input,
.tbl-list #read-data-container .dx-texteditor-container,
.themed-table #read-data-container td[role=gridcell],
.themed-table #read-data-container .dx-texteditor-input,
.themed-table #read-data-container .dx-texteditor-container,
.ocr #read-data-container td[role=gridcell],
.ocr #read-data-container .dx-texteditor-input,
.ocr #read-data-container .dx-texteditor-container {
    border: 1px solid #CECDD4;
    font-size: 12px;
}
#dataGrid #read-data-container td[role=gridcell].cell-red,
#dataGrid #read-data-container .dx-texteditor-input.cell-red,
#dataGrid #read-data-container .dx-texteditor-container.cell-red,
#tbl-invoice #read-data-container td[role=gridcell].cell-red,
#tbl-invoice #read-data-container .dx-texteditor-input.cell-red,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-red,
#tbl-files #read-data-container td[role=gridcell].cell-red,
#tbl-files #read-data-container .dx-texteditor-input.cell-red,
#tbl-files #read-data-container .dx-texteditor-container.cell-red,
#tbl-accounting-template-lines #read-data-container td[role=gridcell].cell-red,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input.cell-red,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-red,
#stageStatusDataGrid #read-data-container td[role=gridcell].cell-red,
#stageStatusDataGrid #read-data-container .dx-texteditor-input.cell-red,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-red,
.tbl-list #read-data-container td[role=gridcell].cell-red,
.tbl-list #read-data-container .dx-texteditor-input.cell-red,
.tbl-list #read-data-container .dx-texteditor-container.cell-red,
.themed-table #read-data-container td[role=gridcell].cell-red,
.themed-table #read-data-container .dx-texteditor-input.cell-red,
.themed-table #read-data-container .dx-texteditor-container.cell-red,
.ocr #read-data-container td[role=gridcell].cell-red,
.ocr #read-data-container .dx-texteditor-input.cell-red,
.ocr #read-data-container .dx-texteditor-container.cell-red {
    border: 2px solid #CA3572;
}
#dataGrid #read-data-container td[role=gridcell].cell-orange,
#dataGrid #read-data-container .dx-texteditor-input.cell-orange,
#dataGrid #read-data-container .dx-texteditor-container.cell-orange,
#tbl-invoice #read-data-container td[role=gridcell].cell-orange,
#tbl-invoice #read-data-container .dx-texteditor-input.cell-orange,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-orange,
#tbl-files #read-data-container td[role=gridcell].cell-orange,
#tbl-files #read-data-container .dx-texteditor-input.cell-orange,
#tbl-files #read-data-container .dx-texteditor-container.cell-orange,
#tbl-accounting-template-lines #read-data-container td[role=gridcell].cell-orange,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input.cell-orange,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-orange,
#stageStatusDataGrid #read-data-container td[role=gridcell].cell-orange,
#stageStatusDataGrid #read-data-container .dx-texteditor-input.cell-orange,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-orange,
.tbl-list #read-data-container td[role=gridcell].cell-orange,
.tbl-list #read-data-container .dx-texteditor-input.cell-orange,
.tbl-list #read-data-container .dx-texteditor-container.cell-orange,
.themed-table #read-data-container td[role=gridcell].cell-orange,
.themed-table #read-data-container .dx-texteditor-input.cell-orange,
.themed-table #read-data-container .dx-texteditor-container.cell-orange,
.ocr #read-data-container td[role=gridcell].cell-orange,
.ocr #read-data-container .dx-texteditor-input.cell-orange,
.ocr #read-data-container .dx-texteditor-container.cell-orange {
    background: #DD9000;
    color: #FFF;
    font-weight: 900;
}
#dataGrid #read-data-container td[role=gridcell].cell-blue,
#dataGrid #read-data-container .dx-texteditor-input.cell-blue,
#dataGrid #read-data-container .dx-texteditor-container.cell-blue,
#tbl-invoice #read-data-container td[role=gridcell].cell-blue,
#tbl-invoice #read-data-container .dx-texteditor-input.cell-blue,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-blue,
#tbl-files #read-data-container td[role=gridcell].cell-blue,
#tbl-files #read-data-container .dx-texteditor-input.cell-blue,
#tbl-files #read-data-container .dx-texteditor-container.cell-blue,
#tbl-accounting-template-lines #read-data-container td[role=gridcell].cell-blue,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input.cell-blue,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-blue,
#stageStatusDataGrid #read-data-container td[role=gridcell].cell-blue,
#stageStatusDataGrid #read-data-container .dx-texteditor-input.cell-blue,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-blue,
.tbl-list #read-data-container td[role=gridcell].cell-blue,
.tbl-list #read-data-container .dx-texteditor-input.cell-blue,
.tbl-list #read-data-container .dx-texteditor-container.cell-blue,
.themed-table #read-data-container td[role=gridcell].cell-blue,
.themed-table #read-data-container .dx-texteditor-input.cell-blue,
.themed-table #read-data-container .dx-texteditor-container.cell-blue,
.ocr #read-data-container td[role=gridcell].cell-blue,
.ocr #read-data-container .dx-texteditor-input.cell-blue,
.ocr #read-data-container .dx-texteditor-container.cell-blue {
    background-color: rgba(53, 152, 220, 0.7);
}
#dataGrid #read-data-container td[role=gridcell].cell-yellow,
#dataGrid #read-data-container .dx-texteditor-input.cell-yellow,
#dataGrid #read-data-container .dx-texteditor-container.cell-yellow,
#tbl-invoice #read-data-container td[role=gridcell].cell-yellow,
#tbl-invoice #read-data-container .dx-texteditor-input.cell-yellow,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-yellow,
#tbl-files #read-data-container td[role=gridcell].cell-yellow,
#tbl-files #read-data-container .dx-texteditor-input.cell-yellow,
#tbl-files #read-data-container .dx-texteditor-container.cell-yellow,
#tbl-accounting-template-lines #read-data-container td[role=gridcell].cell-yellow,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input.cell-yellow,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-yellow,
#stageStatusDataGrid #read-data-container td[role=gridcell].cell-yellow,
#stageStatusDataGrid #read-data-container .dx-texteditor-input.cell-yellow,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-yellow,
.tbl-list #read-data-container td[role=gridcell].cell-yellow,
.tbl-list #read-data-container .dx-texteditor-input.cell-yellow,
.tbl-list #read-data-container .dx-texteditor-container.cell-yellow,
.themed-table #read-data-container td[role=gridcell].cell-yellow,
.themed-table #read-data-container .dx-texteditor-input.cell-yellow,
.themed-table #read-data-container .dx-texteditor-container.cell-yellow,
.ocr #read-data-container td[role=gridcell].cell-yellow,
.ocr #read-data-container .dx-texteditor-input.cell-yellow,
.ocr #read-data-container .dx-texteditor-container.cell-yellow {
    background-color: rgba(255, 244, 124, 0.9);
}
#dataGrid #read-data-container td[role=gridcell].cell-green,
#dataGrid #read-data-container .dx-texteditor-input.cell-green,
#dataGrid #read-data-container .dx-texteditor-container.cell-green,
#tbl-invoice #read-data-container td[role=gridcell].cell-green,
#tbl-invoice #read-data-container .dx-texteditor-input.cell-green,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-green,
#tbl-files #read-data-container td[role=gridcell].cell-green,
#tbl-files #read-data-container .dx-texteditor-input.cell-green,
#tbl-files #read-data-container .dx-texteditor-container.cell-green,
#tbl-accounting-template-lines #read-data-container td[role=gridcell].cell-green,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input.cell-green,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-green,
#stageStatusDataGrid #read-data-container td[role=gridcell].cell-green,
#stageStatusDataGrid #read-data-container .dx-texteditor-input.cell-green,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-green,
.tbl-list #read-data-container td[role=gridcell].cell-green,
.tbl-list #read-data-container .dx-texteditor-input.cell-green,
.tbl-list #read-data-container .dx-texteditor-container.cell-green,
.themed-table #read-data-container td[role=gridcell].cell-green,
.themed-table #read-data-container .dx-texteditor-input.cell-green,
.themed-table #read-data-container .dx-texteditor-container.cell-green,
.ocr #read-data-container td[role=gridcell].cell-green,
.ocr #read-data-container .dx-texteditor-input.cell-green,
.ocr #read-data-container .dx-texteditor-container.cell-green {
    background-color: rgba(0, 146, 63, 0.4);
}
#dataGrid #read-data-container td[role=gridcell].cell-dark-grey,
#dataGrid #read-data-container .dx-texteditor-input.cell-dark-grey,
#dataGrid #read-data-container .dx-texteditor-container.cell-dark-grey,
#tbl-invoice #read-data-container td[role=gridcell].cell-dark-grey,
#tbl-invoice #read-data-container .dx-texteditor-input.cell-dark-grey,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-dark-grey,
#tbl-files #read-data-container td[role=gridcell].cell-dark-grey,
#tbl-files #read-data-container .dx-texteditor-input.cell-dark-grey,
#tbl-files #read-data-container .dx-texteditor-container.cell-dark-grey,
#tbl-accounting-template-lines #read-data-container td[role=gridcell].cell-dark-grey,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input.cell-dark-grey,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-dark-grey,
#stageStatusDataGrid #read-data-container td[role=gridcell].cell-dark-grey,
#stageStatusDataGrid #read-data-container .dx-texteditor-input.cell-dark-grey,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-dark-grey,
.tbl-list #read-data-container td[role=gridcell].cell-dark-grey,
.tbl-list #read-data-container .dx-texteditor-input.cell-dark-grey,
.tbl-list #read-data-container .dx-texteditor-container.cell-dark-grey,
.themed-table #read-data-container td[role=gridcell].cell-dark-grey,
.themed-table #read-data-container .dx-texteditor-input.cell-dark-grey,
.themed-table #read-data-container .dx-texteditor-container.cell-dark-grey,
.ocr #read-data-container td[role=gridcell].cell-dark-grey,
.ocr #read-data-container .dx-texteditor-input.cell-dark-grey,
.ocr #read-data-container .dx-texteditor-container.cell-dark-grey {
    background-color: rgba(0, 0, 0, 0.3);
}
#dataGrid #read-data-container td[role=gridcell].cell-toggle-on,
#dataGrid #read-data-container .dx-texteditor-input.cell-toggle-on,
#dataGrid #read-data-container .dx-texteditor-container.cell-toggle-on,
#tbl-invoice #read-data-container td[role=gridcell].cell-toggle-on,
#tbl-invoice #read-data-container .dx-texteditor-input.cell-toggle-on,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-toggle-on,
#tbl-files #read-data-container td[role=gridcell].cell-toggle-on,
#tbl-files #read-data-container .dx-texteditor-input.cell-toggle-on,
#tbl-files #read-data-container .dx-texteditor-container.cell-toggle-on,
#tbl-accounting-template-lines #read-data-container td[role=gridcell].cell-toggle-on,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input.cell-toggle-on,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-toggle-on,
#stageStatusDataGrid #read-data-container td[role=gridcell].cell-toggle-on,
#stageStatusDataGrid #read-data-container .dx-texteditor-input.cell-toggle-on,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-toggle-on,
.tbl-list #read-data-container td[role=gridcell].cell-toggle-on,
.tbl-list #read-data-container .dx-texteditor-input.cell-toggle-on,
.tbl-list #read-data-container .dx-texteditor-container.cell-toggle-on,
.themed-table #read-data-container td[role=gridcell].cell-toggle-on,
.themed-table #read-data-container .dx-texteditor-input.cell-toggle-on,
.themed-table #read-data-container .dx-texteditor-container.cell-toggle-on,
.ocr #read-data-container td[role=gridcell].cell-toggle-on,
.ocr #read-data-container .dx-texteditor-input.cell-toggle-on,
.ocr #read-data-container .dx-texteditor-container.cell-toggle-on {
    background-color: rgba(192, 255, 158, 0.4);
}
#dataGrid #read-data-container td[role=gridcell].cell-toggle-off,
#dataGrid #read-data-container .dx-texteditor-input.cell-toggle-off,
#dataGrid #read-data-container .dx-texteditor-container.cell-toggle-off,
#tbl-invoice #read-data-container td[role=gridcell].cell-toggle-off,
#tbl-invoice #read-data-container .dx-texteditor-input.cell-toggle-off,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-toggle-off,
#tbl-files #read-data-container td[role=gridcell].cell-toggle-off,
#tbl-files #read-data-container .dx-texteditor-input.cell-toggle-off,
#tbl-files #read-data-container .dx-texteditor-container.cell-toggle-off,
#tbl-accounting-template-lines #read-data-container td[role=gridcell].cell-toggle-off,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input.cell-toggle-off,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-toggle-off,
#stageStatusDataGrid #read-data-container td[role=gridcell].cell-toggle-off,
#stageStatusDataGrid #read-data-container .dx-texteditor-input.cell-toggle-off,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-toggle-off,
.tbl-list #read-data-container td[role=gridcell].cell-toggle-off,
.tbl-list #read-data-container .dx-texteditor-input.cell-toggle-off,
.tbl-list #read-data-container .dx-texteditor-container.cell-toggle-off,
.themed-table #read-data-container td[role=gridcell].cell-toggle-off,
.themed-table #read-data-container .dx-texteditor-input.cell-toggle-off,
.themed-table #read-data-container .dx-texteditor-container.cell-toggle-off,
.ocr #read-data-container td[role=gridcell].cell-toggle-off,
.ocr #read-data-container .dx-texteditor-input.cell-toggle-off,
.ocr #read-data-container .dx-texteditor-container.cell-toggle-off {
    background-color: rgba(255, 122, 122, 0.7);
}
#dataGrid #read-data-container td[role=gridcell].cell-light-grey,
#dataGrid #read-data-container .dx-texteditor-input.cell-light-grey,
#dataGrid #read-data-container .dx-texteditor-container.cell-light-grey,
#tbl-invoice #read-data-container td[role=gridcell].cell-light-grey,
#tbl-invoice #read-data-container .dx-texteditor-input.cell-light-grey,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-light-grey,
#tbl-files #read-data-container td[role=gridcell].cell-light-grey,
#tbl-files #read-data-container .dx-texteditor-input.cell-light-grey,
#tbl-files #read-data-container .dx-texteditor-container.cell-light-grey,
#tbl-accounting-template-lines #read-data-container td[role=gridcell].cell-light-grey,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input.cell-light-grey,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-light-grey,
#stageStatusDataGrid #read-data-container td[role=gridcell].cell-light-grey,
#stageStatusDataGrid #read-data-container .dx-texteditor-input.cell-light-grey,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-light-grey,
.tbl-list #read-data-container td[role=gridcell].cell-light-grey,
.tbl-list #read-data-container .dx-texteditor-input.cell-light-grey,
.tbl-list #read-data-container .dx-texteditor-container.cell-light-grey,
.themed-table #read-data-container td[role=gridcell].cell-light-grey,
.themed-table #read-data-container .dx-texteditor-input.cell-light-grey,
.themed-table #read-data-container .dx-texteditor-container.cell-light-grey,
.ocr #read-data-container td[role=gridcell].cell-light-grey,
.ocr #read-data-container .dx-texteditor-input.cell-light-grey,
.ocr #read-data-container .dx-texteditor-container.cell-light-grey {
    background-color: rgba(0, 0, 0, 0.1);
}
#dataGrid #read-data-container td[role=gridcell].cell-green-text,
#dataGrid #read-data-container .dx-texteditor-input.cell-green-text,
#dataGrid #read-data-container .dx-texteditor-container.cell-green-text,
#tbl-invoice #read-data-container td[role=gridcell].cell-green-text,
#tbl-invoice #read-data-container .dx-texteditor-input.cell-green-text,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-green-text,
#tbl-files #read-data-container td[role=gridcell].cell-green-text,
#tbl-files #read-data-container .dx-texteditor-input.cell-green-text,
#tbl-files #read-data-container .dx-texteditor-container.cell-green-text,
#tbl-accounting-template-lines #read-data-container td[role=gridcell].cell-green-text,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input.cell-green-text,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-green-text,
#stageStatusDataGrid #read-data-container td[role=gridcell].cell-green-text,
#stageStatusDataGrid #read-data-container .dx-texteditor-input.cell-green-text,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-green-text,
.tbl-list #read-data-container td[role=gridcell].cell-green-text,
.tbl-list #read-data-container .dx-texteditor-input.cell-green-text,
.tbl-list #read-data-container .dx-texteditor-container.cell-green-text,
.themed-table #read-data-container td[role=gridcell].cell-green-text,
.themed-table #read-data-container .dx-texteditor-input.cell-green-text,
.themed-table #read-data-container .dx-texteditor-container.cell-green-text,
.ocr #read-data-container td[role=gridcell].cell-green-text,
.ocr #read-data-container .dx-texteditor-input.cell-green-text,
.ocr #read-data-container .dx-texteditor-container.cell-green-text {
    color: rgb(0, 146, 63);
}
#dataGrid #read-data-container td[role=gridcell].cell-red-text,
#dataGrid #read-data-container .dx-texteditor-input.cell-red-text,
#dataGrid #read-data-container .dx-texteditor-container.cell-red-text,
#tbl-invoice #read-data-container td[role=gridcell].cell-red-text,
#tbl-invoice #read-data-container .dx-texteditor-input.cell-red-text,
#tbl-invoice #read-data-container .dx-texteditor-container.cell-red-text,
#tbl-files #read-data-container td[role=gridcell].cell-red-text,
#tbl-files #read-data-container .dx-texteditor-input.cell-red-text,
#tbl-files #read-data-container .dx-texteditor-container.cell-red-text,
#tbl-accounting-template-lines #read-data-container td[role=gridcell].cell-red-text,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input.cell-red-text,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container.cell-red-text,
#stageStatusDataGrid #read-data-container td[role=gridcell].cell-red-text,
#stageStatusDataGrid #read-data-container .dx-texteditor-input.cell-red-text,
#stageStatusDataGrid #read-data-container .dx-texteditor-container.cell-red-text,
.tbl-list #read-data-container td[role=gridcell].cell-red-text,
.tbl-list #read-data-container .dx-texteditor-input.cell-red-text,
.tbl-list #read-data-container .dx-texteditor-container.cell-red-text,
.themed-table #read-data-container td[role=gridcell].cell-red-text,
.themed-table #read-data-container .dx-texteditor-input.cell-red-text,
.themed-table #read-data-container .dx-texteditor-container.cell-red-text,
.ocr #read-data-container td[role=gridcell].cell-red-text,
.ocr #read-data-container .dx-texteditor-input.cell-red-text,
.ocr #read-data-container .dx-texteditor-container.cell-red-text {
    color: rgb(231, 80, 90);
}
#dataGrid #read-data-container td[role=gridcell] .cell-orange-text,
#dataGrid #read-data-container .dx-texteditor-input .cell-orange-text,
#dataGrid #read-data-container .dx-texteditor-container .cell-orange-text,
#tbl-invoice #read-data-container td[role=gridcell] .cell-orange-text,
#tbl-invoice #read-data-container .dx-texteditor-input .cell-orange-text,
#tbl-invoice #read-data-container .dx-texteditor-container .cell-orange-text,
#tbl-files #read-data-container td[role=gridcell] .cell-orange-text,
#tbl-files #read-data-container .dx-texteditor-input .cell-orange-text,
#tbl-files #read-data-container .dx-texteditor-container .cell-orange-text,
#tbl-accounting-template-lines #read-data-container td[role=gridcell] .cell-orange-text,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-input .cell-orange-text,
#tbl-accounting-template-lines #read-data-container .dx-texteditor-container .cell-orange-text,
#stageStatusDataGrid #read-data-container td[role=gridcell] .cell-orange-text,
#stageStatusDataGrid #read-data-container .dx-texteditor-input .cell-orange-text,
#stageStatusDataGrid #read-data-container .dx-texteditor-container .cell-orange-text,
.tbl-list #read-data-container td[role=gridcell] .cell-orange-text,
.tbl-list #read-data-container .dx-texteditor-input .cell-orange-text,
.tbl-list #read-data-container .dx-texteditor-container .cell-orange-text,
.themed-table #read-data-container td[role=gridcell] .cell-orange-text,
.themed-table #read-data-container .dx-texteditor-input .cell-orange-text,
.themed-table #read-data-container .dx-texteditor-container .cell-orange-text,
.ocr #read-data-container td[role=gridcell] .cell-orange-text,
.ocr #read-data-container .dx-texteditor-input .cell-orange-text,
.ocr #read-data-container .dx-texteditor-container .cell-orange-text {
    color: rgb(238, 159, 71);
}
#dataGrid .dx-datagrid-filter-row .dx-menu,
#tbl-invoice .dx-datagrid-filter-row .dx-menu,
#tbl-files .dx-datagrid-filter-row .dx-menu,
#tbl-accounting-template-lines .dx-datagrid-filter-row .dx-menu,
#stageStatusDataGrid .dx-datagrid-filter-row .dx-menu,
.tbl-list .dx-datagrid-filter-row .dx-menu,
.themed-table .dx-datagrid-filter-row .dx-menu,
.ocr .dx-datagrid-filter-row .dx-menu {
    margin-top: 0;
    margin-left: 0;
}
#dataGrid .dx-editor-with-menu,
#dataGrid .dx-editor-container,
#dataGrid .dx-texteditor,
#tbl-invoice .dx-editor-with-menu,
#tbl-invoice .dx-editor-container,
#tbl-invoice .dx-texteditor,
#tbl-files .dx-editor-with-menu,
#tbl-files .dx-editor-container,
#tbl-files .dx-texteditor,
#tbl-accounting-template-lines .dx-editor-with-menu,
#tbl-accounting-template-lines .dx-editor-container,
#tbl-accounting-template-lines .dx-texteditor,
#stageStatusDataGrid .dx-editor-with-menu,
#stageStatusDataGrid .dx-editor-container,
#stageStatusDataGrid .dx-texteditor,
.tbl-list .dx-editor-with-menu,
.tbl-list .dx-editor-container,
.tbl-list .dx-texteditor,
.themed-table .dx-editor-with-menu,
.themed-table .dx-editor-container,
.themed-table .dx-texteditor,
.ocr .dx-editor-with-menu,
.ocr .dx-editor-container,
.ocr .dx-texteditor {
    height: 100%;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    width: 35px;
    min-width: 35px;
    max-width: 35px;
    padding: 7px;
}
#dataGrid .dx-datagrid-header-panel,
#tbl-invoice .dx-datagrid-header-panel,
#tbl-files .dx-datagrid-header-panel,
#tbl-accounting-template-lines .dx-datagrid-header-panel,
#stageStatusDataGrid .dx-datagrid-header-panel,
.tbl-list .dx-datagrid-header-panel,
.themed-table .dx-datagrid-header-panel,
.ocr .dx-datagrid-header-panel {
    padding: 16px 5px;
}
#dataGrid .dx-datagrid-header-panel .dx-toolbar,
#tbl-invoice .dx-datagrid-header-panel .dx-toolbar,
#tbl-files .dx-datagrid-header-panel .dx-toolbar,
#tbl-accounting-template-lines .dx-datagrid-header-panel .dx-toolbar,
#stageStatusDataGrid .dx-datagrid-header-panel .dx-toolbar,
.tbl-list .dx-datagrid-header-panel .dx-toolbar,
.themed-table .dx-datagrid-header-panel .dx-toolbar,
.ocr .dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 0;
}
#dataGrid .dx-datagrid-filter-row td,
#tbl-invoice .dx-datagrid-filter-row td,
#tbl-files .dx-datagrid-filter-row td,
#tbl-accounting-template-lines .dx-datagrid-filter-row td,
#stageStatusDataGrid .dx-datagrid-filter-row td,
.tbl-list .dx-datagrid-filter-row td,
.themed-table .dx-datagrid-filter-row td,
.ocr .dx-datagrid-filter-row td {
    height: 35px;
}
#dataGrid .dx-datagrid-filter-row td > div,
#tbl-invoice .dx-datagrid-filter-row td > div,
#tbl-files .dx-datagrid-filter-row td > div,
#tbl-accounting-template-lines .dx-datagrid-filter-row td > div,
#stageStatusDataGrid .dx-datagrid-filter-row td > div,
.tbl-list .dx-datagrid-filter-row td > div,
.themed-table .dx-datagrid-filter-row td > div,
.ocr .dx-datagrid-filter-row td > div {
    height: 100%;
}
#dataGrid .dx-dropdowneditor-button:last-child,
#tbl-invoice .dx-dropdowneditor-button:last-child,
#tbl-files .dx-dropdowneditor-button:last-child,
#tbl-accounting-template-lines .dx-dropdowneditor-button:last-child,
#stageStatusDataGrid .dx-dropdowneditor-button:last-child,
.tbl-list .dx-dropdowneditor-button:last-child,
.themed-table .dx-dropdowneditor-button:last-child,
.ocr .dx-dropdowneditor-button:last-child {
    margin-right: 0;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-freespace-row td,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row.dx-freespace-row td,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row.dx-freespace-row td,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row.dx-freespace-row td,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-freespace-row td,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row.dx-freespace-row td,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row.dx-freespace-row td,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row.dx-freespace-row td {
    border-color: transparent;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .master__detail--grid .dx-datagrid .dx-row td,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .master__detail--grid .dx-datagrid .dx-row td,
#tbl-files .dx-datagrid-content .dx-datagrid-table .master__detail--grid .dx-datagrid .dx-row td,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .master__detail--grid .dx-datagrid .dx-row td,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .master__detail--grid .dx-datagrid .dx-row td,
.tbl-list .dx-datagrid-content .dx-datagrid-table .master__detail--grid .dx-datagrid .dx-row td,
.themed-table .dx-datagrid-content .dx-datagrid-table .master__detail--grid .dx-datagrid .dx-row td,
.ocr .dx-datagrid-content .dx-datagrid-table .master__detail--grid .dx-datagrid .dx-row td {
    border-left: none;
    border-bottom: none;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:first-child, #dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:first-child,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:first-child,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:first-child,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:first-child,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:first-child,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:first-child,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:first-child,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:first-child,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:first-child,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:first-child,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:first-child,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:first-child,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:first-child,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:first-child,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:first-child {
    border-left-color: #BEBEBE;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:last-child, #dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:last-child,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:last-child,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:last-child,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:last-child,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:last-child,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:last-child,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:last-child,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:last-child,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:last-child,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:last-child,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:last-child,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:last-child,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:last-child,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row td:last-child,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td:last-child {
    border-right-color: #BEBEBE;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space {
    vertical-align: middle;
    border-color: #BEBEBE;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-command-expand,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.dx-command-expand,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-command-expand,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.dx-command-expand,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-command-expand,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.dx-command-expand,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-command-expand,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.dx-command-expand,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-command-expand,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.dx-command-expand,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-command-expand,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.dx-command-expand,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-command-expand,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.dx-command-expand,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-command-expand,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.dx-command-expand {
    padding-top: 0;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader],
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader],
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader],
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader],
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader],
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader],
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader],
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader],
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader],
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader],
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader],
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader],
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader],
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader],
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader],
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader] {
    vertical-align: bottom;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices {
    background: #4B6796;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content {
    color: #FFF;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content a,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content a,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content a,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content a,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content a,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content a,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content a,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content a,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content a,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content a,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content a,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content a,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content a,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content a,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].unitPrices .dx-datagrid-text-content a,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].unitPrices .dx-datagrid-text-content a {
    color: #FFF;
    text-decoration: underline;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices {
    background: #674374;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content {
    color: #FFF;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content a,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content a,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content a,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content a,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content a,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content a,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content a,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content a,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content a,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content a,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content a,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content a,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content a,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content a,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].totalPrices .dx-datagrid-text-content a,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].totalPrices .dx-datagrid-text-content a {
    color: #FFF;
    text-decoration: underline;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities {
    background: #3486B4;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content {
    color: #FFF;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content a,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content a,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content a,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content a,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content a,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content a,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content a,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content a,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content a,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content a,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content a,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content a,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content a,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content a,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td[role=columnheader].quantities .dx-datagrid-text-content a,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space[role=columnheader].quantities .dx-datagrid-text-content a {
    color: #FFF;
    text-decoration: underline;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.no-left-border,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-left-border,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.no-left-border,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-left-border,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.no-left-border,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-left-border,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.no-left-border,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-left-border,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.no-left-border,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-left-border,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.no-left-border,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-left-border,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.no-left-border,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-left-border,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.no-left-border,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-left-border {
    border-left: none;
}
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.no-right-border,
#dataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-right-border,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.no-right-border,
#tbl-invoice .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-right-border,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.no-right-border,
#tbl-files .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-right-border,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.no-right-border,
#tbl-accounting-template-lines .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-right-border,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.no-right-border,
#stageStatusDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-right-border,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.no-right-border,
.tbl-list .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-right-border,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.no-right-border,
.themed-table .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-right-border,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.no-right-border,
.ocr .dx-datagrid-content .dx-datagrid-table .dx-row td.dx-datagrid-group-space.no-right-border {
    border-right: none;
}
#dataGrid .dx-datagrid-revert-tooltip .dx-revert-button,
#tbl-invoice .dx-datagrid-revert-tooltip .dx-revert-button,
#tbl-files .dx-datagrid-revert-tooltip .dx-revert-button,
#tbl-accounting-template-lines .dx-datagrid-revert-tooltip .dx-revert-button,
#stageStatusDataGrid .dx-datagrid-revert-tooltip .dx-revert-button,
.tbl-list .dx-datagrid-revert-tooltip .dx-revert-button,
.themed-table .dx-datagrid-revert-tooltip .dx-revert-button,
.ocr .dx-datagrid-revert-tooltip .dx-revert-button {
    background: #CA3572;
}
#dataGrid .dx-texteditor-label .dx-label span,
#tbl-invoice .dx-texteditor-label .dx-label span,
#tbl-files .dx-texteditor-label .dx-label span,
#tbl-accounting-template-lines .dx-texteditor-label .dx-label span,
#stageStatusDataGrid .dx-texteditor-label .dx-label span,
.tbl-list .dx-texteditor-label .dx-label span,
.themed-table .dx-texteditor-label .dx-label span,
.ocr .dx-texteditor-label .dx-label span {
    background: #FFF;
    overflow: visible;
}
#dataGrid .label,
#tbl-invoice .label,
#tbl-files .label,
#tbl-accounting-template-lines .label,
#stageStatusDataGrid .label,
.tbl-list .label,
.themed-table .label,
.ocr .label {
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
}
#dataGrid .label.label-error,
#tbl-invoice .label.label-error,
#tbl-files .label.label-error,
#tbl-accounting-template-lines .label.label-error,
#stageStatusDataGrid .label.label-error,
.tbl-list .label.label-error,
.themed-table .label.label-error,
.ocr .label.label-error {
    background-color: #CA3572;
}
#dataGrid .label.label-success,
#tbl-invoice .label.label-success,
#tbl-files .label.label-success,
#tbl-accounting-template-lines .label.label-success,
#stageStatusDataGrid .label.label-success,
.tbl-list .label.label-success,
.themed-table .label.label-success,
.ocr .label.label-success {
    background-color: #00923F;
}
#dataGrid .label.label-draft,
#tbl-invoice .label.label-draft,
#tbl-files .label.label-draft,
#tbl-accounting-template-lines .label.label-draft,
#stageStatusDataGrid .label.label-draft,
.tbl-list .label.label-draft,
.themed-table .label.label-draft,
.ocr .label.label-draft {
    background-color: #308BB9;
}
#dataGrid .label.label-warning,
#tbl-invoice .label.label-warning,
#tbl-files .label.label-warning,
#tbl-accounting-template-lines .label.label-warning,
#stageStatusDataGrid .label.label-warning,
.tbl-list .label.label-warning,
.themed-table .label.label-warning,
.ocr .label.label-warning {
    background-color: #DD9000;
}
#dataGrid .dx-editor-cell .dx-texteditor .dx-texteditor-input,
#tbl-invoice .dx-editor-cell .dx-texteditor .dx-texteditor-input,
#tbl-files .dx-editor-cell .dx-texteditor .dx-texteditor-input,
#tbl-accounting-template-lines .dx-editor-cell .dx-texteditor .dx-texteditor-input,
#stageStatusDataGrid .dx-editor-cell .dx-texteditor .dx-texteditor-input,
.tbl-list .dx-editor-cell .dx-texteditor .dx-texteditor-input,
.themed-table .dx-editor-cell .dx-texteditor .dx-texteditor-input,
.ocr .dx-editor-cell .dx-texteditor .dx-texteditor-input {
    height: 100%;
    min-height: 20px;
}
#dataGrid .dx-datagrid-content-fixed td[role=columnheader],
#tbl-invoice .dx-datagrid-content-fixed td[role=columnheader],
#tbl-files .dx-datagrid-content-fixed td[role=columnheader],
#tbl-accounting-template-lines .dx-datagrid-content-fixed td[role=columnheader],
#stageStatusDataGrid .dx-datagrid-content-fixed td[role=columnheader],
.tbl-list .dx-datagrid-content-fixed td[role=columnheader],
.themed-table .dx-datagrid-content-fixed td[role=columnheader],
.ocr .dx-datagrid-content-fixed td[role=columnheader] {
    background: #E3E2E2;
    vertical-align: bottom;
}
#dataGrid .dx-header-row .dx-command-select,
#tbl-invoice .dx-header-row .dx-command-select,
#tbl-files .dx-header-row .dx-command-select,
#tbl-accounting-template-lines .dx-header-row .dx-command-select,
#stageStatusDataGrid .dx-header-row .dx-command-select,
.tbl-list .dx-header-row .dx-command-select,
.themed-table .dx-header-row .dx-command-select,
.ocr .dx-header-row .dx-command-select {
    background: #E3E2E2;
}
#dataGrid .dx-datagrid-column-chooser-button,
#tbl-invoice .dx-datagrid-column-chooser-button,
#tbl-files .dx-datagrid-column-chooser-button,
#tbl-accounting-template-lines .dx-datagrid-column-chooser-button,
#stageStatusDataGrid .dx-datagrid-column-chooser-button,
.tbl-list .dx-datagrid-column-chooser-button,
.themed-table .dx-datagrid-column-chooser-button,
.ocr .dx-datagrid-column-chooser-button {
    height: 34px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #CECDD4;
    color: #272739;
}
#dataGrid .dx-datagrid-column-chooser-button .dx-button-content i::before,
#tbl-invoice .dx-datagrid-column-chooser-button .dx-button-content i::before,
#tbl-files .dx-datagrid-column-chooser-button .dx-button-content i::before,
#tbl-accounting-template-lines .dx-datagrid-column-chooser-button .dx-button-content i::before,
#stageStatusDataGrid .dx-datagrid-column-chooser-button .dx-button-content i::before,
.tbl-list .dx-datagrid-column-chooser-button .dx-button-content i::before,
.themed-table .dx-datagrid-column-chooser-button .dx-button-content i::before,
.ocr .dx-datagrid-column-chooser-button .dx-button-content i::before {
    color: #272739;
}
#dataGrid .dx-datagrid-column-chooser-button.dx-state-hover,
#tbl-invoice .dx-datagrid-column-chooser-button.dx-state-hover,
#tbl-files .dx-datagrid-column-chooser-button.dx-state-hover,
#tbl-accounting-template-lines .dx-datagrid-column-chooser-button.dx-state-hover,
#stageStatusDataGrid .dx-datagrid-column-chooser-button.dx-state-hover,
.tbl-list .dx-datagrid-column-chooser-button.dx-state-hover,
.themed-table .dx-datagrid-column-chooser-button.dx-state-hover,
.ocr .dx-datagrid-column-chooser-button.dx-state-hover {
    background: #F4F4F4;
}
#dataGrid td[role=columnheader],
#tbl-invoice td[role=columnheader],
#tbl-files td[role=columnheader],
#tbl-accounting-template-lines td[role=columnheader],
#stageStatusDataGrid td[role=columnheader],
.tbl-list td[role=columnheader],
.themed-table td[role=columnheader],
.ocr td[role=columnheader] {
    background-color: #F9F9F9;
    vertical-align: bottom;
}
#dataGrid td[role=columnheader] .dx-texteditor,
#tbl-invoice td[role=columnheader] .dx-texteditor,
#tbl-files td[role=columnheader] .dx-texteditor,
#tbl-accounting-template-lines td[role=columnheader] .dx-texteditor,
#stageStatusDataGrid td[role=columnheader] .dx-texteditor,
.tbl-list td[role=columnheader] .dx-texteditor,
.themed-table td[role=columnheader] .dx-texteditor,
.ocr td[role=columnheader] .dx-texteditor {
    margin-bottom: 15px;
    border: 1px solid #272739;
}
#dataGrid td[role=columnheader] .dx-datagrid-text-content,
#tbl-invoice td[role=columnheader] .dx-datagrid-text-content,
#tbl-files td[role=columnheader] .dx-datagrid-text-content,
#tbl-accounting-template-lines td[role=columnheader] .dx-datagrid-text-content,
#stageStatusDataGrid td[role=columnheader] .dx-datagrid-text-content,
.tbl-list td[role=columnheader] .dx-datagrid-text-content,
.themed-table td[role=columnheader] .dx-datagrid-text-content,
.ocr td[role=columnheader] .dx-datagrid-text-content {
    position: relative;
}
#dataGrid td[role=columnheader].inventoryCategory,
#tbl-invoice td[role=columnheader].inventoryCategory,
#tbl-files td[role=columnheader].inventoryCategory,
#tbl-accounting-template-lines td[role=columnheader].inventoryCategory,
#stageStatusDataGrid td[role=columnheader].inventoryCategory,
.tbl-list td[role=columnheader].inventoryCategory,
.themed-table td[role=columnheader].inventoryCategory,
.ocr td[role=columnheader].inventoryCategory {
    background: #3486B4;
}
#dataGrid td[role=columnheader].inventoryCategory .dx-datagrid-text-content,
#tbl-invoice td[role=columnheader].inventoryCategory .dx-datagrid-text-content,
#tbl-files td[role=columnheader].inventoryCategory .dx-datagrid-text-content,
#tbl-accounting-template-lines td[role=columnheader].inventoryCategory .dx-datagrid-text-content,
#stageStatusDataGrid td[role=columnheader].inventoryCategory .dx-datagrid-text-content,
.tbl-list td[role=columnheader].inventoryCategory .dx-datagrid-text-content,
.themed-table td[role=columnheader].inventoryCategory .dx-datagrid-text-content,
.ocr td[role=columnheader].inventoryCategory .dx-datagrid-text-content {
    color: #FFF;
}
#dataGrid td[role=columnheader].accountingCategory,
#tbl-invoice td[role=columnheader].accountingCategory,
#tbl-files td[role=columnheader].accountingCategory,
#tbl-accounting-template-lines td[role=columnheader].accountingCategory,
#stageStatusDataGrid td[role=columnheader].accountingCategory,
.tbl-list td[role=columnheader].accountingCategory,
.themed-table td[role=columnheader].accountingCategory,
.ocr td[role=columnheader].accountingCategory {
    background: #3F77A6;
}
#dataGrid td[role=columnheader].accountingCategory .dx-datagrid-text-content,
#tbl-invoice td[role=columnheader].accountingCategory .dx-datagrid-text-content,
#tbl-files td[role=columnheader].accountingCategory .dx-datagrid-text-content,
#tbl-accounting-template-lines td[role=columnheader].accountingCategory .dx-datagrid-text-content,
#stageStatusDataGrid td[role=columnheader].accountingCategory .dx-datagrid-text-content,
.tbl-list td[role=columnheader].accountingCategory .dx-datagrid-text-content,
.themed-table td[role=columnheader].accountingCategory .dx-datagrid-text-content,
.ocr td[role=columnheader].accountingCategory .dx-datagrid-text-content {
    color: #FFF;
}
#dataGrid td[role=columnheader].controllingCategory,
#tbl-invoice td[role=columnheader].controllingCategory,
#tbl-files td[role=columnheader].controllingCategory,
#tbl-accounting-template-lines td[role=columnheader].controllingCategory,
#stageStatusDataGrid td[role=columnheader].controllingCategory,
.tbl-list td[role=columnheader].controllingCategory,
.themed-table td[role=columnheader].controllingCategory,
.ocr td[role=columnheader].controllingCategory {
    background: #4B6796;
}
#dataGrid td[role=columnheader].controllingCategory .dx-datagrid-text-content,
#tbl-invoice td[role=columnheader].controllingCategory .dx-datagrid-text-content,
#tbl-files td[role=columnheader].controllingCategory .dx-datagrid-text-content,
#tbl-accounting-template-lines td[role=columnheader].controllingCategory .dx-datagrid-text-content,
#stageStatusDataGrid td[role=columnheader].controllingCategory .dx-datagrid-text-content,
.tbl-list td[role=columnheader].controllingCategory .dx-datagrid-text-content,
.themed-table td[role=columnheader].controllingCategory .dx-datagrid-text-content,
.ocr td[role=columnheader].controllingCategory .dx-datagrid-text-content {
    color: #FFF;
}
#dataGrid td[role=columnheader].saftCategory,
#tbl-invoice td[role=columnheader].saftCategory,
#tbl-files td[role=columnheader].saftCategory,
#tbl-accounting-template-lines td[role=columnheader].saftCategory,
#stageStatusDataGrid td[role=columnheader].saftCategory,
.tbl-list td[role=columnheader].saftCategory,
.themed-table td[role=columnheader].saftCategory,
.ocr td[role=columnheader].saftCategory {
    background: #585787;
}
#dataGrid td[role=columnheader].saftCategory .dx-datagrid-text-content,
#tbl-invoice td[role=columnheader].saftCategory .dx-datagrid-text-content,
#tbl-files td[role=columnheader].saftCategory .dx-datagrid-text-content,
#tbl-accounting-template-lines td[role=columnheader].saftCategory .dx-datagrid-text-content,
#stageStatusDataGrid td[role=columnheader].saftCategory .dx-datagrid-text-content,
.tbl-list td[role=columnheader].saftCategory .dx-datagrid-text-content,
.themed-table td[role=columnheader].saftCategory .dx-datagrid-text-content,
.ocr td[role=columnheader].saftCategory .dx-datagrid-text-content {
    color: #FFF;
}
#dataGrid td[role=columnheader].commodityCategory,
#tbl-invoice td[role=columnheader].commodityCategory,
#tbl-files td[role=columnheader].commodityCategory,
#tbl-accounting-template-lines td[role=columnheader].commodityCategory,
#stageStatusDataGrid td[role=columnheader].commodityCategory,
.tbl-list td[role=columnheader].commodityCategory,
.themed-table td[role=columnheader].commodityCategory,
.ocr td[role=columnheader].commodityCategory {
    background: #674374;
}
#dataGrid td[role=columnheader].commodityCategory .dx-datagrid-text-content,
#tbl-invoice td[role=columnheader].commodityCategory .dx-datagrid-text-content,
#tbl-files td[role=columnheader].commodityCategory .dx-datagrid-text-content,
#tbl-accounting-template-lines td[role=columnheader].commodityCategory .dx-datagrid-text-content,
#stageStatusDataGrid td[role=columnheader].commodityCategory .dx-datagrid-text-content,
.tbl-list td[role=columnheader].commodityCategory .dx-datagrid-text-content,
.themed-table td[role=columnheader].commodityCategory .dx-datagrid-text-content,
.ocr td[role=columnheader].commodityCategory .dx-datagrid-text-content {
    color: #FFF;
}
#dataGrid td[role=columnheader] .dx-datagrid-text-content,
#tbl-invoice td[role=columnheader] .dx-datagrid-text-content,
#tbl-files td[role=columnheader] .dx-datagrid-text-content,
#tbl-accounting-template-lines td[role=columnheader] .dx-datagrid-text-content,
#stageStatusDataGrid td[role=columnheader] .dx-datagrid-text-content,
.tbl-list td[role=columnheader] .dx-datagrid-text-content,
.themed-table td[role=columnheader] .dx-datagrid-text-content,
.ocr td[role=columnheader] .dx-datagrid-text-content {
    text-align: center;
    color: #272739;
    font-weight: 600;
    width: 100%;
    white-space: normal;
}
#dataGrid a:not(.validate-btn),
#tbl-invoice a:not(.validate-btn),
#tbl-files a:not(.validate-btn),
#tbl-accounting-template-lines a:not(.validate-btn),
#stageStatusDataGrid a:not(.validate-btn),
.tbl-list a:not(.validate-btn),
.themed-table a:not(.validate-btn),
.ocr a:not(.validate-btn) {
    color: #3486B4;
    font-size: 14px;
}
#dataGrid a.dx-icon-trash,
#tbl-invoice a.dx-icon-trash,
#tbl-files a.dx-icon-trash,
#tbl-accounting-template-lines a.dx-icon-trash,
#stageStatusDataGrid a.dx-icon-trash,
.tbl-list a.dx-icon-trash,
.themed-table a.dx-icon-trash,
.ocr a.dx-icon-trash {
    color: #CA3572;
}
#dataGrid #select-export .dx-button,
#dataGrid #select-actions .dx-button,
#tbl-invoice #select-export .dx-button,
#tbl-invoice #select-actions .dx-button,
#tbl-files #select-export .dx-button,
#tbl-files #select-actions .dx-button,
#tbl-accounting-template-lines #select-export .dx-button,
#tbl-accounting-template-lines #select-actions .dx-button,
#stageStatusDataGrid #select-export .dx-button,
#stageStatusDataGrid #select-actions .dx-button,
.tbl-list #select-export .dx-button,
.tbl-list #select-actions .dx-button,
.themed-table #select-export .dx-button,
.themed-table #select-actions .dx-button,
.ocr #select-export .dx-button,
.ocr #select-actions .dx-button {
    background: #FFF;
    border: 1px solid #CECDD4;
    border-radius: 5px;
    color: #272739;
    font-weight: 600;
}
#dataGrid #select-export .dx-button .dx-icon,
#dataGrid #select-actions .dx-button .dx-icon,
#tbl-invoice #select-export .dx-button .dx-icon,
#tbl-invoice #select-actions .dx-button .dx-icon,
#tbl-files #select-export .dx-button .dx-icon,
#tbl-files #select-actions .dx-button .dx-icon,
#tbl-accounting-template-lines #select-export .dx-button .dx-icon,
#tbl-accounting-template-lines #select-actions .dx-button .dx-icon,
#stageStatusDataGrid #select-export .dx-button .dx-icon,
#stageStatusDataGrid #select-actions .dx-button .dx-icon,
.tbl-list #select-export .dx-button .dx-icon,
.tbl-list #select-actions .dx-button .dx-icon,
.themed-table #select-export .dx-button .dx-icon,
.themed-table #select-actions .dx-button .dx-icon,
.ocr #select-export .dx-button .dx-icon,
.ocr #select-actions .dx-button .dx-icon {
    color: #272739;
}
#dataGrid #select-export .dx-button .dx-button-content,
#dataGrid #select-actions .dx-button .dx-button-content,
#tbl-invoice #select-export .dx-button .dx-button-content,
#tbl-invoice #select-actions .dx-button .dx-button-content,
#tbl-files #select-export .dx-button .dx-button-content,
#tbl-files #select-actions .dx-button .dx-button-content,
#tbl-accounting-template-lines #select-export .dx-button .dx-button-content,
#tbl-accounting-template-lines #select-actions .dx-button .dx-button-content,
#stageStatusDataGrid #select-export .dx-button .dx-button-content,
#stageStatusDataGrid #select-actions .dx-button .dx-button-content,
.tbl-list #select-export .dx-button .dx-button-content,
.tbl-list #select-actions .dx-button .dx-button-content,
.themed-table #select-export .dx-button .dx-button-content,
.themed-table #select-actions .dx-button .dx-button-content,
.ocr #select-export .dx-button .dx-button-content,
.ocr #select-actions .dx-button .dx-button-content {
    padding: 5px 9px 5px 18px;
}
#dataGrid #select-export.split-button .dx-button:first-child,
#dataGrid #select-actions.split-button .dx-button:first-child,
#tbl-invoice #select-export.split-button .dx-button:first-child,
#tbl-invoice #select-actions.split-button .dx-button:first-child,
#tbl-files #select-export.split-button .dx-button:first-child,
#tbl-files #select-actions.split-button .dx-button:first-child,
#tbl-accounting-template-lines #select-export.split-button .dx-button:first-child,
#tbl-accounting-template-lines #select-actions.split-button .dx-button:first-child,
#stageStatusDataGrid #select-export.split-button .dx-button:first-child,
#stageStatusDataGrid #select-actions.split-button .dx-button:first-child,
.tbl-list #select-export.split-button .dx-button:first-child,
.tbl-list #select-actions.split-button .dx-button:first-child,
.themed-table #select-export.split-button .dx-button:first-child,
.themed-table #select-actions.split-button .dx-button:first-child,
.ocr #select-export.split-button .dx-button:first-child,
.ocr #select-actions.split-button .dx-button:first-child {
    border-right: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
#dataGrid #select-export.split-button .dx-button:first-child .dx-button-content,
#dataGrid #select-actions.split-button .dx-button:first-child .dx-button-content,
#tbl-invoice #select-export.split-button .dx-button:first-child .dx-button-content,
#tbl-invoice #select-actions.split-button .dx-button:first-child .dx-button-content,
#tbl-files #select-export.split-button .dx-button:first-child .dx-button-content,
#tbl-files #select-actions.split-button .dx-button:first-child .dx-button-content,
#tbl-accounting-template-lines #select-export.split-button .dx-button:first-child .dx-button-content,
#tbl-accounting-template-lines #select-actions.split-button .dx-button:first-child .dx-button-content,
#stageStatusDataGrid #select-export.split-button .dx-button:first-child .dx-button-content,
#stageStatusDataGrid #select-actions.split-button .dx-button:first-child .dx-button-content,
.tbl-list #select-export.split-button .dx-button:first-child .dx-button-content,
.tbl-list #select-actions.split-button .dx-button:first-child .dx-button-content,
.themed-table #select-export.split-button .dx-button:first-child .dx-button-content,
.themed-table #select-actions.split-button .dx-button:first-child .dx-button-content,
.ocr #select-export.split-button .dx-button:first-child .dx-button-content,
.ocr #select-actions.split-button .dx-button:first-child .dx-button-content {
    padding-right: 9px;
}
#dataGrid #select-export.split-button .dx-button:last-child,
#dataGrid #select-actions.split-button .dx-button:last-child,
#tbl-invoice #select-export.split-button .dx-button:last-child,
#tbl-invoice #select-actions.split-button .dx-button:last-child,
#tbl-files #select-export.split-button .dx-button:last-child,
#tbl-files #select-actions.split-button .dx-button:last-child,
#tbl-accounting-template-lines #select-export.split-button .dx-button:last-child,
#tbl-accounting-template-lines #select-actions.split-button .dx-button:last-child,
#stageStatusDataGrid #select-export.split-button .dx-button:last-child,
#stageStatusDataGrid #select-actions.split-button .dx-button:last-child,
.tbl-list #select-export.split-button .dx-button:last-child,
.tbl-list #select-actions.split-button .dx-button:last-child,
.themed-table #select-export.split-button .dx-button:last-child,
.themed-table #select-actions.split-button .dx-button:last-child,
.ocr #select-export.split-button .dx-button:last-child,
.ocr #select-actions.split-button .dx-button:last-child {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    max-width: unset;
}
#dataGrid #select-export.split-button .dx-button:last-child .dx-button-content,
#dataGrid #select-actions.split-button .dx-button:last-child .dx-button-content,
#tbl-invoice #select-export.split-button .dx-button:last-child .dx-button-content,
#tbl-invoice #select-actions.split-button .dx-button:last-child .dx-button-content,
#tbl-files #select-export.split-button .dx-button:last-child .dx-button-content,
#tbl-files #select-actions.split-button .dx-button:last-child .dx-button-content,
#tbl-accounting-template-lines #select-export.split-button .dx-button:last-child .dx-button-content,
#tbl-accounting-template-lines #select-actions.split-button .dx-button:last-child .dx-button-content,
#stageStatusDataGrid #select-export.split-button .dx-button:last-child .dx-button-content,
#stageStatusDataGrid #select-actions.split-button .dx-button:last-child .dx-button-content,
.tbl-list #select-export.split-button .dx-button:last-child .dx-button-content,
.tbl-list #select-actions.split-button .dx-button:last-child .dx-button-content,
.themed-table #select-export.split-button .dx-button:last-child .dx-button-content,
.themed-table #select-actions.split-button .dx-button:last-child .dx-button-content,
.ocr #select-export.split-button .dx-button:last-child .dx-button-content,
.ocr #select-actions.split-button .dx-button:last-child .dx-button-content {
    padding: 5px;
    border-left: 1px solid #CECDD4;
}
#dataGrid div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger), #dataGrid div[role=button].dx-button-has-icon.dx-datagrid-save-button, #dataGrid div[role=button].dx-button-has-icon.dx-datagrid-cancel-button,
#tbl-invoice div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger),
#tbl-invoice div[role=button].dx-button-has-icon.dx-datagrid-save-button,
#tbl-invoice div[role=button].dx-button-has-icon.dx-datagrid-cancel-button,
#tbl-files div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger),
#tbl-files div[role=button].dx-button-has-icon.dx-datagrid-save-button,
#tbl-files div[role=button].dx-button-has-icon.dx-datagrid-cancel-button,
#tbl-accounting-template-lines div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger),
#tbl-accounting-template-lines div[role=button].dx-button-has-icon.dx-datagrid-save-button,
#tbl-accounting-template-lines div[role=button].dx-button-has-icon.dx-datagrid-cancel-button,
#stageStatusDataGrid div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger),
#stageStatusDataGrid div[role=button].dx-button-has-icon.dx-datagrid-save-button,
#stageStatusDataGrid div[role=button].dx-button-has-icon.dx-datagrid-cancel-button,
.tbl-list div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger),
.tbl-list div[role=button].dx-button-has-icon.dx-datagrid-save-button,
.tbl-list div[role=button].dx-button-has-icon.dx-datagrid-cancel-button,
.themed-table div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger),
.themed-table div[role=button].dx-button-has-icon.dx-datagrid-save-button,
.themed-table div[role=button].dx-button-has-icon.dx-datagrid-cancel-button,
.ocr div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger),
.ocr div[role=button].dx-button-has-icon.dx-datagrid-save-button,
.ocr div[role=button].dx-button-has-icon.dx-datagrid-cancel-button {
    border-radius: 5px;
    border: 1px solid #CECDD4;
    height: 34px;
}
#dataGrid div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger)#delete-all-btn, #dataGrid div[role=button].dx-button-has-icon.dx-datagrid-save-button#delete-all-btn, #dataGrid div[role=button].dx-button-has-icon.dx-datagrid-cancel-button#delete-all-btn,
#tbl-invoice div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger)#delete-all-btn,
#tbl-invoice div[role=button].dx-button-has-icon.dx-datagrid-save-button#delete-all-btn,
#tbl-invoice div[role=button].dx-button-has-icon.dx-datagrid-cancel-button#delete-all-btn,
#tbl-files div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger)#delete-all-btn,
#tbl-files div[role=button].dx-button-has-icon.dx-datagrid-save-button#delete-all-btn,
#tbl-files div[role=button].dx-button-has-icon.dx-datagrid-cancel-button#delete-all-btn,
#tbl-accounting-template-lines div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger)#delete-all-btn,
#tbl-accounting-template-lines div[role=button].dx-button-has-icon.dx-datagrid-save-button#delete-all-btn,
#tbl-accounting-template-lines div[role=button].dx-button-has-icon.dx-datagrid-cancel-button#delete-all-btn,
#stageStatusDataGrid div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger)#delete-all-btn,
#stageStatusDataGrid div[role=button].dx-button-has-icon.dx-datagrid-save-button#delete-all-btn,
#stageStatusDataGrid div[role=button].dx-button-has-icon.dx-datagrid-cancel-button#delete-all-btn,
.tbl-list div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger)#delete-all-btn,
.tbl-list div[role=button].dx-button-has-icon.dx-datagrid-save-button#delete-all-btn,
.tbl-list div[role=button].dx-button-has-icon.dx-datagrid-cancel-button#delete-all-btn,
.themed-table div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger)#delete-all-btn,
.themed-table div[role=button].dx-button-has-icon.dx-datagrid-save-button#delete-all-btn,
.themed-table div[role=button].dx-button-has-icon.dx-datagrid-cancel-button#delete-all-btn,
.ocr div[role=button].dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard):not(.dx-datagrid-export-button):not(.dx-button-danger)#delete-all-btn,
.ocr div[role=button].dx-button-has-icon.dx-datagrid-save-button#delete-all-btn,
.ocr div[role=button].dx-button-has-icon.dx-datagrid-cancel-button#delete-all-btn {
    border: 1px solid #CA3572;
    height: 34px;
}
#dataGrid div[role=button].dx-button-has-icon.dx-datagrid-export-button,
#tbl-invoice div[role=button].dx-button-has-icon.dx-datagrid-export-button,
#tbl-files div[role=button].dx-button-has-icon.dx-datagrid-export-button,
#tbl-accounting-template-lines div[role=button].dx-button-has-icon.dx-datagrid-export-button,
#stageStatusDataGrid div[role=button].dx-button-has-icon.dx-datagrid-export-button,
.tbl-list div[role=button].dx-button-has-icon.dx-datagrid-export-button,
.themed-table div[role=button].dx-button-has-icon.dx-datagrid-export-button,
.ocr div[role=button].dx-button-has-icon.dx-datagrid-export-button {
    border-radius: 5px;
    border: 1px solid #00923F;
    height: 34px;
}
#dataGrid div[role=button].gradient-button,
#tbl-invoice div[role=button].gradient-button,
#tbl-files div[role=button].gradient-button,
#tbl-accounting-template-lines div[role=button].gradient-button,
#stageStatusDataGrid div[role=button].gradient-button,
.tbl-list div[role=button].gradient-button,
.themed-table div[role=button].gradient-button,
.ocr div[role=button].gradient-button {
    background: linear-gradient(90deg, #308BB9 0%, #674374 100%);
    color: #FFF;
    border-width: 0;
}
#dataGrid div[role=button].gradient-button .dx-icon,
#tbl-invoice div[role=button].gradient-button .dx-icon,
#tbl-files div[role=button].gradient-button .dx-icon,
#tbl-accounting-template-lines div[role=button].gradient-button .dx-icon,
#stageStatusDataGrid div[role=button].gradient-button .dx-icon,
.tbl-list div[role=button].gradient-button .dx-icon,
.themed-table div[role=button].gradient-button .dx-icon,
.ocr div[role=button].gradient-button .dx-icon {
    color: #FFF;
}
#dataGrid div[role=button].full-button,
#tbl-invoice div[role=button].full-button,
#tbl-files div[role=button].full-button,
#tbl-accounting-template-lines div[role=button].full-button,
#stageStatusDataGrid div[role=button].full-button,
.tbl-list div[role=button].full-button,
.themed-table div[role=button].full-button,
.ocr div[role=button].full-button {
    background: #3486B4;
    color: #FFF;
}
#dataGrid div[role=button].full-button .dx-icon,
#tbl-invoice div[role=button].full-button .dx-icon,
#tbl-files div[role=button].full-button .dx-icon,
#tbl-accounting-template-lines div[role=button].full-button .dx-icon,
#stageStatusDataGrid div[role=button].full-button .dx-icon,
.tbl-list div[role=button].full-button .dx-icon,
.themed-table div[role=button].full-button .dx-icon,
.ocr div[role=button].full-button .dx-icon {
    color: #FFF;
}
#dataGrid div[role=button].accountingTab,
#tbl-invoice div[role=button].accountingTab,
#tbl-files div[role=button].accountingTab,
#tbl-accounting-template-lines div[role=button].accountingTab,
#stageStatusDataGrid div[role=button].accountingTab,
.tbl-list div[role=button].accountingTab,
.themed-table div[role=button].accountingTab,
.ocr div[role=button].accountingTab {
    background: #FFF;
    border: 1px solid #CECDD4;
    margin-left: 5px;
}
#dataGrid div[role=button].accountingTab .dx-button-content,
#tbl-invoice div[role=button].accountingTab .dx-button-content,
#tbl-files div[role=button].accountingTab .dx-button-content,
#tbl-accounting-template-lines div[role=button].accountingTab .dx-button-content,
#stageStatusDataGrid div[role=button].accountingTab .dx-button-content,
.tbl-list div[role=button].accountingTab .dx-button-content,
.themed-table div[role=button].accountingTab .dx-button-content,
.ocr div[role=button].accountingTab .dx-button-content {
    color: #272739;
}
#dataGrid div[role=button].accountingTab .dx-button-content .dx-button-text,
#tbl-invoice div[role=button].accountingTab .dx-button-content .dx-button-text,
#tbl-files div[role=button].accountingTab .dx-button-content .dx-button-text,
#tbl-accounting-template-lines div[role=button].accountingTab .dx-button-content .dx-button-text,
#stageStatusDataGrid div[role=button].accountingTab .dx-button-content .dx-button-text,
.tbl-list div[role=button].accountingTab .dx-button-content .dx-button-text,
.themed-table div[role=button].accountingTab .dx-button-content .dx-button-text,
.ocr div[role=button].accountingTab .dx-button-content .dx-button-text {
    margin-top: 3px;
}
#dataGrid div[role=button].accountingTab .dx-icon,
#tbl-invoice div[role=button].accountingTab .dx-icon,
#tbl-files div[role=button].accountingTab .dx-icon,
#tbl-accounting-template-lines div[role=button].accountingTab .dx-icon,
#stageStatusDataGrid div[role=button].accountingTab .dx-icon,
.tbl-list div[role=button].accountingTab .dx-icon,
.themed-table div[role=button].accountingTab .dx-icon,
.ocr div[role=button].accountingTab .dx-icon {
    color: #272739;
}
#dataGrid div[role=button].accountingTab.selected,
#tbl-invoice div[role=button].accountingTab.selected,
#tbl-files div[role=button].accountingTab.selected,
#tbl-accounting-template-lines div[role=button].accountingTab.selected,
#stageStatusDataGrid div[role=button].accountingTab.selected,
.tbl-list div[role=button].accountingTab.selected,
.themed-table div[role=button].accountingTab.selected,
.ocr div[role=button].accountingTab.selected {
    border: 1px solid transparent;
}
#dataGrid div[role=button].accountingTab.selected .dx-button-content,
#tbl-invoice div[role=button].accountingTab.selected .dx-button-content,
#tbl-files div[role=button].accountingTab.selected .dx-button-content,
#tbl-accounting-template-lines div[role=button].accountingTab.selected .dx-button-content,
#stageStatusDataGrid div[role=button].accountingTab.selected .dx-button-content,
.tbl-list div[role=button].accountingTab.selected .dx-button-content,
.themed-table div[role=button].accountingTab.selected .dx-button-content,
.ocr div[role=button].accountingTab.selected .dx-button-content {
    color: #FFF;
}
#dataGrid div[role=button].accountingTab.selected .dx-icon,
#tbl-invoice div[role=button].accountingTab.selected .dx-icon,
#tbl-files div[role=button].accountingTab.selected .dx-icon,
#tbl-accounting-template-lines div[role=button].accountingTab.selected .dx-icon,
#stageStatusDataGrid div[role=button].accountingTab.selected .dx-icon,
.tbl-list div[role=button].accountingTab.selected .dx-icon,
.themed-table div[role=button].accountingTab.selected .dx-icon,
.ocr div[role=button].accountingTab.selected .dx-icon {
    color: #FFF;
}
#dataGrid div[role=button].inventoryCategory,
#tbl-invoice div[role=button].inventoryCategory,
#tbl-files div[role=button].inventoryCategory,
#tbl-accounting-template-lines div[role=button].inventoryCategory,
#stageStatusDataGrid div[role=button].inventoryCategory,
.tbl-list div[role=button].inventoryCategory,
.themed-table div[role=button].inventoryCategory,
.ocr div[role=button].inventoryCategory {
    margin-left: 30px;
}
#dataGrid div[role=button].inventoryCategory.selected,
#tbl-invoice div[role=button].inventoryCategory.selected,
#tbl-files div[role=button].inventoryCategory.selected,
#tbl-accounting-template-lines div[role=button].inventoryCategory.selected,
#stageStatusDataGrid div[role=button].inventoryCategory.selected,
.tbl-list div[role=button].inventoryCategory.selected,
.themed-table div[role=button].inventoryCategory.selected,
.ocr div[role=button].inventoryCategory.selected {
    background: #3486B4;
}
#dataGrid div[role=button].accountingCategory.selected,
#tbl-invoice div[role=button].accountingCategory.selected,
#tbl-files div[role=button].accountingCategory.selected,
#tbl-accounting-template-lines div[role=button].accountingCategory.selected,
#stageStatusDataGrid div[role=button].accountingCategory.selected,
.tbl-list div[role=button].accountingCategory.selected,
.themed-table div[role=button].accountingCategory.selected,
.ocr div[role=button].accountingCategory.selected {
    background: #3F77A6;
}
#dataGrid div[role=button].controllingCategory.selected,
#tbl-invoice div[role=button].controllingCategory.selected,
#tbl-files div[role=button].controllingCategory.selected,
#tbl-accounting-template-lines div[role=button].controllingCategory.selected,
#stageStatusDataGrid div[role=button].controllingCategory.selected,
.tbl-list div[role=button].controllingCategory.selected,
.themed-table div[role=button].controllingCategory.selected,
.ocr div[role=button].controllingCategory.selected {
    background: #4B6796;
}
#dataGrid div[role=button].saftCategory.selected,
#tbl-invoice div[role=button].saftCategory.selected,
#tbl-files div[role=button].saftCategory.selected,
#tbl-accounting-template-lines div[role=button].saftCategory.selected,
#stageStatusDataGrid div[role=button].saftCategory.selected,
.tbl-list div[role=button].saftCategory.selected,
.themed-table div[role=button].saftCategory.selected,
.ocr div[role=button].saftCategory.selected {
    background: #585787;
}
#dataGrid div[role=button].commodityCategory.selected,
#tbl-invoice div[role=button].commodityCategory.selected,
#tbl-files div[role=button].commodityCategory.selected,
#tbl-accounting-template-lines div[role=button].commodityCategory.selected,
#stageStatusDataGrid div[role=button].commodityCategory.selected,
.tbl-list div[role=button].commodityCategory.selected,
.themed-table div[role=button].commodityCategory.selected,
.ocr div[role=button].commodityCategory.selected {
    background: #674374;
}
#dataGrid div[role=button].dx-button-success,
#tbl-invoice div[role=button].dx-button-success,
#tbl-files div[role=button].dx-button-success,
#tbl-accounting-template-lines div[role=button].dx-button-success,
#stageStatusDataGrid div[role=button].dx-button-success,
.tbl-list div[role=button].dx-button-success,
.themed-table div[role=button].dx-button-success,
.ocr div[role=button].dx-button-success {
    background: #00923F;
    color: #FFF;
}
#dataGrid div[role=button].dx-button-success i,
#tbl-invoice div[role=button].dx-button-success i,
#tbl-files div[role=button].dx-button-success i,
#tbl-accounting-template-lines div[role=button].dx-button-success i,
#stageStatusDataGrid div[role=button].dx-button-success i,
.tbl-list div[role=button].dx-button-success i,
.themed-table div[role=button].dx-button-success i,
.ocr div[role=button].dx-button-success i {
    color: #FFF;
}
#dataGrid div[role=button].simple-button, #dataGrid div[role=button].dx-datagrid-addrow-button,
#tbl-invoice div[role=button].simple-button,
#tbl-invoice div[role=button].dx-datagrid-addrow-button,
#tbl-files div[role=button].simple-button,
#tbl-files div[role=button].dx-datagrid-addrow-button,
#tbl-accounting-template-lines div[role=button].simple-button,
#tbl-accounting-template-lines div[role=button].dx-datagrid-addrow-button,
#stageStatusDataGrid div[role=button].simple-button,
#stageStatusDataGrid div[role=button].dx-datagrid-addrow-button,
.tbl-list div[role=button].simple-button,
.tbl-list div[role=button].dx-datagrid-addrow-button,
.themed-table div[role=button].simple-button,
.themed-table div[role=button].dx-datagrid-addrow-button,
.ocr div[role=button].simple-button,
.ocr div[role=button].dx-datagrid-addrow-button {
    background: #FFF;
    border: 1px solid #CECDD4;
    border-radius: 5px;
    color: #272739;
    font-weight: 600;
}
#dataGrid div[role=button].simple-button .dx-icon, #dataGrid div[role=button].dx-datagrid-addrow-button .dx-icon,
#tbl-invoice div[role=button].simple-button .dx-icon,
#tbl-invoice div[role=button].dx-datagrid-addrow-button .dx-icon,
#tbl-files div[role=button].simple-button .dx-icon,
#tbl-files div[role=button].dx-datagrid-addrow-button .dx-icon,
#tbl-accounting-template-lines div[role=button].simple-button .dx-icon,
#tbl-accounting-template-lines div[role=button].dx-datagrid-addrow-button .dx-icon,
#stageStatusDataGrid div[role=button].simple-button .dx-icon,
#stageStatusDataGrid div[role=button].dx-datagrid-addrow-button .dx-icon,
.tbl-list div[role=button].simple-button .dx-icon,
.tbl-list div[role=button].dx-datagrid-addrow-button .dx-icon,
.themed-table div[role=button].simple-button .dx-icon,
.themed-table div[role=button].dx-datagrid-addrow-button .dx-icon,
.ocr div[role=button].simple-button .dx-icon,
.ocr div[role=button].dx-datagrid-addrow-button .dx-icon {
    color: #272739;
}
#dataGrid div[role=button] .dx-button-text,
#tbl-invoice div[role=button] .dx-button-text,
#tbl-files div[role=button] .dx-button-text,
#tbl-accounting-template-lines div[role=button] .dx-button-text,
#stageStatusDataGrid div[role=button] .dx-button-text,
.tbl-list div[role=button] .dx-button-text,
.themed-table div[role=button] .dx-button-text,
.ocr div[role=button] .dx-button-text {
    font-size: 15px;
    font-weight: 600;
}
#dataGrid tr td:not(:first-child),
#tbl-invoice tr td:not(:first-child),
#tbl-files tr td:not(:first-child),
#tbl-accounting-template-lines tr td:not(:first-child),
#stageStatusDataGrid tr td:not(:first-child),
.tbl-list tr td:not(:first-child),
.themed-table tr td:not(:first-child),
.ocr tr td:not(:first-child) {
    border-left: 1px solid #BEBEBE;
    vertical-align: middle;
}
#dataGrid tr td.dx-command-expand.dx-datagrid-group-space,
#tbl-invoice tr td.dx-command-expand.dx-datagrid-group-space,
#tbl-files tr td.dx-command-expand.dx-datagrid-group-space,
#tbl-accounting-template-lines tr td.dx-command-expand.dx-datagrid-group-space,
#stageStatusDataGrid tr td.dx-command-expand.dx-datagrid-group-space,
.tbl-list tr td.dx-command-expand.dx-datagrid-group-space,
.themed-table tr td.dx-command-expand.dx-datagrid-group-space,
.ocr tr td.dx-command-expand.dx-datagrid-group-space {
    padding-top: 0;
}
#dataGrid tr td[role=columnheader],
#tbl-invoice tr td[role=columnheader],
#tbl-files tr td[role=columnheader],
#tbl-accounting-template-lines tr td[role=columnheader],
#stageStatusDataGrid tr td[role=columnheader],
.tbl-list tr td[role=columnheader],
.themed-table tr td[role=columnheader],
.ocr tr td[role=columnheader] {
    vertical-align: bottom;
}
#dataGrid tr td[role=gridcell],
#tbl-invoice tr td[role=gridcell],
#tbl-files tr td[role=gridcell],
#tbl-accounting-template-lines tr td[role=gridcell],
#stageStatusDataGrid tr td[role=gridcell],
.tbl-list tr td[role=gridcell],
.themed-table tr td[role=gridcell],
.ocr tr td[role=gridcell] {
    padding: 4px 5px;
}
#dataGrid tr td.idUserAssignedTo .dx-datagrid-text-content,
#tbl-invoice tr td.idUserAssignedTo .dx-datagrid-text-content,
#tbl-files tr td.idUserAssignedTo .dx-datagrid-text-content,
#tbl-accounting-template-lines tr td.idUserAssignedTo .dx-datagrid-text-content,
#stageStatusDataGrid tr td.idUserAssignedTo .dx-datagrid-text-content,
.tbl-list tr td.idUserAssignedTo .dx-datagrid-text-content,
.themed-table tr td.idUserAssignedTo .dx-datagrid-text-content,
.ocr tr td.idUserAssignedTo .dx-datagrid-text-content {
    width: 70px;
    white-space: normal;
    overflow: visible;
}
#dataGrid .dx-datagrid-total-footer .dx-datagrid-content,
#tbl-invoice .dx-datagrid-total-footer .dx-datagrid-content,
#tbl-files .dx-datagrid-total-footer .dx-datagrid-content,
#tbl-accounting-template-lines .dx-datagrid-total-footer .dx-datagrid-content,
#stageStatusDataGrid .dx-datagrid-total-footer .dx-datagrid-content,
.tbl-list .dx-datagrid-total-footer .dx-datagrid-content,
.themed-table .dx-datagrid-total-footer .dx-datagrid-content,
.ocr .dx-datagrid-total-footer .dx-datagrid-content {
    padding: 0;
    border: 1px solid #CECDD4;
}

#tbl-accounting-template-lines .dx-icon-trash,
#acc-templates-fields .dx-icon-trash {
    color: #CA3572;
}
#tbl-accounting-template-lines .details-group,
#tbl-accounting-template-lines .styled-group,
#acc-templates-fields .details-group,
#acc-templates-fields .styled-group {
    margin-left: -10px;
    margin-right: -10px;
}

#tbl-invoice .dx-toolbar-before .dx-toolbar-item {
    padding: 0;
}

#tbl-invoice .dx-texteditor .dx-texteditor-input,
#tbl-accounting-template-lines .dx-texteditor .dx-texteditor-input {
    height: 20px;
}
#tbl-invoice #delete-all-btn,
#tbl-accounting-template-lines #delete-all-btn {
    border: 1px solid transparent;
    border-radius: 4px;
}
#tbl-invoice #delete-all-btn:hover,
#tbl-accounting-template-lines #delete-all-btn:hover {
    border: 1px solid #CA3572;
    color: #CA3572;
    background: #FFF;
}
#tbl-invoice #delete-all-btn:hover i,
#tbl-accounting-template-lines #delete-all-btn:hover i {
    color: #CA3572;
}
#tbl-invoice .dx-datagrid-addrow-button,
#tbl-accounting-template-lines .dx-datagrid-addrow-button {
    border: 1px solid #BEBEBE;
    height: 34px;
}
#tbl-invoice .dx-datagrid-header-panel,
#tbl-accounting-template-lines .dx-datagrid-header-panel {
    padding-top: 4px;
}

#tbl-files .dx-datagrid .dx-datagrid-rowsview,
#stageStatusDataGrid .dx-datagrid .dx-datagrid-rowsview {
    border-color: #BEBEBE;
}
#tbl-files .dx-datagrid .dx-datagrid-headers td,
#stageStatusDataGrid .dx-datagrid .dx-datagrid-headers td {
    border: 1px solid #BEBEBE;
}

#upload-files-btn {
    color: #FFF;
    background: #3486B4;
    border-width: 0;
}
#upload-files-btn .dx-button-content i {
    color: #FFF;
}
#upload-files-btn.dx-state-disabled .dx-button-text {
    color: #FFF;
}

#concierge-action {
    color: #272739;
    background: #e9df18;
    border-width: 0;
}
#concierge-action .dx-button-content i {
    color: #272739;
}
#concierge-action.dx-state-disabled .dx-button-text {
    color: #000;
}

#process-btn,
#send-ocr-btn {
    background: #585787;
    color: #FFF;
    border-width: 0;
}
#process-btn .dx-button-content i,
#send-ocr-btn .dx-button-content i {
    color: #FFF;
}
#process-btn.dx-state-disabled .dx-button-text,
#send-ocr-btn.dx-state-disabled .dx-button-text {
    color: #FFF;
}

#auto-validate-btn {
    color: #FFF;
    background: transparent linear-gradient(90deg, #308BB9 0%, #674374 100%) 0% 0% no-repeat padding-box;
    border-width: 0;
}
#auto-validate-btn .dx-button-content i {
    color: #FFF;
}
#auto-validate-btn.dx-state-disabled .dx-button-text {
    color: #FFF;
}

#upload-files-external-btn {
    height: 35px;
}

#export-tracking-list,
#go-to-list-btn,
#next-btn,
#move-to-btn,
#duplicate-btn,
#moveTo__popup-btn {
    background: #FFF;
    border: 1px solid #CECDD4;
    border-radius: 5px;
    color: #272739;
    font-weight: 600;
}
#export-tracking-list .dx-icon,
#go-to-list-btn .dx-icon,
#next-btn .dx-icon,
#move-to-btn .dx-icon,
#duplicate-btn .dx-icon,
#moveTo__popup-btn .dx-icon {
    color: #272739;
}
#export-tracking-list .dx-button-content,
#go-to-list-btn .dx-button-content,
#next-btn .dx-button-content,
#move-to-btn .dx-button-content,
#duplicate-btn .dx-button-content,
#moveTo__popup-btn .dx-button-content {
    padding: 7px 18px;
}

#clear-filter {
    color: #FFF;
    background: #DD9000;
    border: 1px solid transparent;
}
#clear-filter .dx-button-content i {
    color: #FFF;
}
#clear-filter.dx-state-disabled {
    background: transparent;
    color: #272739;
    border: 1px solid #CECDD4;
    opacity: 0.5;
}
#clear-filter.dx-state-disabled .dx-button-text,
#clear-filter.dx-state-disabled i {
    color: #272739;
    opacity: 0.5;
}

.dx-datagrid-column-chooser-button {
    height: 34px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #CECDD4;
    color: #272739;
}
.dx-datagrid-column-chooser-button .dx-button-content i::before {
    color: #272739;
}
.dx-datagrid-column-chooser-button.dx-state-hover {
    background: #F4F4F4;
}

.select-actions,
#select-actions {
    height: 34px;
}
.select-actions.dx-texteditor, .select-actions.dx-texteditor.dx-editor-filled,
#select-actions.dx-texteditor,
#select-actions.dx-texteditor.dx-editor-filled {
    border: 1px solid #CECDD4;
    border-radius: 5px;
    background-color: #FFF;
}
.select-actions.dx-texteditor input.dx-texteditor-input, .select-actions.dx-texteditor.dx-editor-filled input.dx-texteditor-input,
#select-actions.dx-texteditor input.dx-texteditor-input,
#select-actions.dx-texteditor.dx-editor-filled input.dx-texteditor-input {
    padding: 0 6px;
}
.select-actions.dx-texteditor .dx-texteditor-input-container .dx-placeholder::before, .select-actions.dx-texteditor.dx-editor-filled .dx-texteditor-input-container .dx-placeholder::before,
#select-actions.dx-texteditor .dx-texteditor-input-container .dx-placeholder::before,
#select-actions.dx-texteditor.dx-editor-filled .dx-texteditor-input-container .dx-placeholder::before {
    padding: 0 6px;
    color: #272739;
    font-weight: 600;
}
.select-actions.dx-texteditor::after, .select-actions.dx-texteditor.dx-editor-filled::after,
#select-actions.dx-texteditor::after,
#select-actions.dx-texteditor.dx-editor-filled::after {
    border: none;
}
.select-actions:not(.dx-datebox) .dx-texteditor-container > .dx-texteditor-buttons-container > .dx-dropdowneditor-button,
#select-actions:not(.dx-datebox) .dx-texteditor-container > .dx-texteditor-buttons-container > .dx-dropdowneditor-button {
    margin-right: 0;
}
.select-actions:not(.dx-datebox) .dx-texteditor-container > .dx-texteditor-buttons-container > .dx-dropdowneditor-button .dx-dropdowneditor-icon::before,
#select-actions:not(.dx-datebox) .dx-texteditor-container > .dx-texteditor-buttons-container > .dx-dropdowneditor-button .dx-dropdowneditor-icon::before {
    font-weight: 600;
    color: #272739;
}

.informer {
    padding: 0 5px;
}
.informer h2 {
    font-size: 16px;
    margin: 0;
    text-align: center;
}

.page-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.page-header .left, .page-header .right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.page-header .left > * {
    margin-right: 15px;
    margin-bottom: 13px;
    margin-top: 17px;
    white-space: nowrap;
}
.page-header .right .button {
    margin: 0 5px;
    border-radius: 5px;
}

.details-group,
.styled-group {
    background: #FFF;
    margin: 10px 0;
    border: 2px solid #CECDD4;
}
.details-group .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label .dx-label span,
.details-group .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover .dx-texteditor-label .dx-label span,
.details-group .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label .dx-label span,
.details-group .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-state-readonly .dx-texteditor-label .dx-label span,
.styled-group .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label .dx-label span,
.styled-group .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover .dx-texteditor-label .dx-label span,
.styled-group .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label .dx-label span,
.styled-group .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-state-readonly .dx-texteditor-label .dx-label span {
    font-size: 12px;
}
.details-group.dx-field-item.dx-field-item-has-group:not(.dx-first-row),
.styled-group.dx-field-item.dx-field-item-has-group:not(.dx-first-row) {
    padding-top: 5px;
}
.details-group.dx-field-item.dx-field-item-has-group,
.styled-group.dx-field-item.dx-field-item-has-group {
    padding: 5px 10px 10px 10px;
}
.details-group.invoice-group,
.styled-group.invoice-group {
    margin: 10px;
}
.details-group .toggle-button__input .dx-texteditor-buttons-container,
.styled-group .toggle-button__input .dx-texteditor-buttons-container {
    margin-right: 40px;
}
.details-group #tbl-files .dx-datagrid-rowsview,
.styled-group #tbl-files .dx-datagrid-rowsview {
    border: 1px solid #BEBEBE;
}
.details-group .dx-form-group-with-caption,
.styled-group .dx-form-group-with-caption {
    position: relative;
}
.details-group .dx-form-group-with-caption > .dx-form-group-content,
.styled-group .dx-form-group-with-caption > .dx-form-group-content {
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
}
.details-group .dx-form-group-with-caption .dx-form-group-caption,
.styled-group .dx-form-group-with-caption .dx-form-group-caption {
    color: #272739;
    font-weight: 600;
    font-size: 16px;
    background: linear-gradient(to bottom, #F9F7FA 0%, #F9F7FA 50%, #FFF 51%, #FFF 100%);
    position: absolute;
    top: -24px;
    left: -4px;
    padding: 3px 5px;
}
.details-group .dx-form-group-content,
.styled-group .dx-form-group-content {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}
.details-group .dx-layout-manager .dx-box-item .dx-item-content .styled-group.dx-field-item,
.styled-group .dx-layout-manager .dx-box-item .dx-item-content .styled-group.dx-field-item {
    padding-bottom: 10px;
}
.details-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item,
.styled-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item {
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
}
.details-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item.invoice_subgroup,
.styled-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item.invoice_subgroup {
    padding: 0;
}
.details-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item.field-invoice, .details-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item.field-template-line,
.styled-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item.field-invoice,
.styled-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item.field-template-line {
    padding-top: 0;
}
.details-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item.form-item,
.styled-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item.form-item {
    padding-top: 0;
}
.details-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item.form-item.warning .dx-texteditor.dx-editor-outlined.dx-state-readonly,
.styled-group .dx-layout-manager .dx-box-item .dx-item-content .dx-field-item.form-item.warning .dx-texteditor.dx-editor-outlined.dx-state-readonly {
    background: rgba(221, 144, 0, 0.5);
}
.details-group .dx-texteditor.dx-editor-outlined,
.styled-group .dx-texteditor.dx-editor-outlined {
    border: none;
    box-shadow: none;
}
.details-group .dx-texteditor.dx-editor-outlined.dx-state-readonly,
.styled-group .dx-texteditor.dx-editor-outlined.dx-state-readonly {
    background: #F4F4F4;
}
.details-group .dx-texteditor.dx-editor-outlined .dx-texteditor-input,
.details-group .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
.styled-group .dx-texteditor.dx-editor-outlined .dx-texteditor-input,
.styled-group .dx-texteditor.dx-editor-outlined .dx-placeholder::before {
    padding: 0 8px;
}
.details-group .dx-field-item-label-location-top,
.styled-group .dx-field-item-label-location-top {
    padding: 0;
}
.details-group .dx-field-item-label-text,
.styled-group .dx-field-item-label-text {
    color: #272739;
    font-size: 10px;
    font-weight: 600;
}
.details-group .dx-texteditor.dx-editor-filled::after,
.details-group .dx-texteditor.dx-state-active::before,
.details-group .dx-texteditor.dx-state-focused::before,
.styled-group .dx-texteditor.dx-editor-filled::after,
.styled-group .dx-texteditor.dx-state-active::before,
.styled-group .dx-texteditor.dx-state-focused::before {
    border: none;
}
.details-group .dx-field-item-content .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button,
.styled-group .dx-field-item-content .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button {
    margin-right: 0;
}
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label {
    margin-top: 0;
}
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label-after {
    box-shadow: none;
    border: none;
    padding: 0;
}
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-readonly .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-text-editor-empty.dx-state-hover .dx-texteditor-label .dx-label-after span {
    font-size: 12px;
    overflow: visible;
}
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-after {
    box-shadow: none;
    border: none;
    padding: 0;
}
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after span, .details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-after span {
    font-size: 12px;
    overflow: visible;
}
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after {
    box-shadow: none;
    border: none;
    padding: 0;
}
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label span,
.details-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label span,
.styled-group .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after span {
    font-size: 12px;
    overflow: visible;
}

.inProgress {
    color: #308BB9;
}

.alreadyExported {
    color: #DD9000;
}

.exportFailed {
    color: #CA3572;
}

.exported {
    color: #00923F;
}

.green {
    color: #00923F;
}

.red,
.dx-icon-trash {
    color: #CA3572;
}

.exportStatus i {
    color: #00923F;
}

#fileUpload {
    background: #F4F4F4;
}
#fileUpload .dx-fileuploader-input-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: center;
}
#fileUpload .dx-fileuploader-input-wrapper::before, #fileUpload .dx-fileuploader-input-wrapper::after {
    display: none;
}
#fileUpload .dx-fileuploader-input-wrapper .dx-fileuploader-button {
    width: 150px;
    background: rgba(206, 205, 212, 0.5);
}
#fileUpload .dx-fileuploader-input-wrapper .dx-fileuploader-button .dx-button-text {
    color: #272739;
    font-weight: 600;
}
#fileUpload .dx-fileuploader-input-wrapper .dx-fileuploader-input-container {
    width: 50%;
}
#fileUpload .dx-fileuploader-input-wrapper .dx-fileuploader-input-container .dx-fileuploader-input-label {
    color: #272739;
    font-weight: 600;
}

.delete-file {
    color: #CA3572;
}

#top-menu {
    background: transparent;
}

#clearIdTaxExemptionReason,
#clearIdProduct,
#clearIdUom,
#clearIdAccountingTemplateHeader-Line,
#clearIdExtraDataStorageLocation-Line,
#clearIdControllingTag1-Line,
#clearIdControllingTag2-Line,
#clearIdControllingTag3-Line,
#clearIdControllingTag4-Line,
#clearIdControllingTag5-Line,
#clearIdSaftMovementType-Line,
#clearIdCommodityCodeIntrastat-Line,
#clearIdCommodityCodeCpv-Line,
#clearIdCommodityCodeUnspsc-Line,
#clearIdSaftVatTax-Line,
#clearLineType {
    border: none !important;
    position: absolute;
    top: 8px;
    right: 34px;
}
#clearIdTaxExemptionReason .dx-button-content,
#clearIdProduct .dx-button-content,
#clearIdUom .dx-button-content,
#clearIdAccountingTemplateHeader-Line .dx-button-content,
#clearIdExtraDataStorageLocation-Line .dx-button-content,
#clearIdControllingTag1-Line .dx-button-content,
#clearIdControllingTag2-Line .dx-button-content,
#clearIdControllingTag3-Line .dx-button-content,
#clearIdControllingTag4-Line .dx-button-content,
#clearIdControllingTag5-Line .dx-button-content,
#clearIdSaftMovementType-Line .dx-button-content,
#clearIdCommodityCodeIntrastat-Line .dx-button-content,
#clearIdCommodityCodeCpv-Line .dx-button-content,
#clearIdCommodityCodeUnspsc-Line .dx-button-content,
#clearIdSaftVatTax-Line .dx-button-content,
#clearLineType .dx-button-content {
    padding: 0;
}

#export-status-popup .dx-popup-content-scrollable {
    overflow: hidden;
}

.dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label {
    margin-top: 0;
}
.dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label, .dx-toolbar-button .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label {
    margin-left: 0;
}

#acc-templates-fields .dx-texteditor-input {
    background: #F9F9F9;
}
#acc-templates-fields .dx-dropdowneditor-button:last-child {
    margin-right: 0;
}

.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child {
    margin-right: 0;
}

.dx-button.dx-button-danger.dx-button-mode-contained, .dx-button.dx-button-danger.dx-button-mode-contained.dx-state-focused {
    background: #CA3572;
    color: #FFF;
    border: 1px solid transparent;
    height: 34px;
}
.dx-button.dx-button-danger.dx-button-mode-contained.dx-state-hover, .dx-button.dx-button-danger.dx-button-mode-contained.dx-state-focused.dx-state-hover {
    border: 1px solid #CA3572;
    color: #CA3572;
    background: #FFF;
}
.dx-button.dx-button-danger.dx-button-mode-contained.dx-state-hover i, .dx-button.dx-button-danger.dx-button-mode-contained.dx-state-focused.dx-state-hover i {
    color: #CA3572;
}
.dx-button.dx-button-success.dx-button-mode-contained, .dx-button.dx-button-success.dx-button-mode-contained.dx-state-focused {
    background: #00923F;
    color: #FFF;
    border: 1px solid transparent;
    height: 34px;
}
.dx-button.dx-button-success.dx-button-mode-contained:hover, .dx-button.dx-button-success.dx-button-mode-contained.dx-state-focused:hover {
    border: 1px solid #00923F;
    color: #00923F;
    background: #FFF;
}
.dx-button.dx-button-success.dx-button-mode-contained:hover i, .dx-button.dx-button-success.dx-button-mode-contained.dx-state-focused:hover i {
    color: #00923F;
}
.dx-button.dx-datagrid-export-button.dx-button-mode-contained, .dx-button.dx-datagrid-export-button.dx-button-mode-contained.dx-state-focused {
    background: #00923F;
    color: #FFF;
    border: 1px solid transparent;
    height: 34px;
}
.dx-button.dx-datagrid-export-button.dx-button-mode-contained i, .dx-button.dx-datagrid-export-button.dx-button-mode-contained.dx-state-focused i {
    color: #FFF;
}
.dx-button.dx-datagrid-export-button.dx-button-mode-contained:hover, .dx-button.dx-datagrid-export-button.dx-button-mode-contained.dx-state-focused:hover {
    border: 1px solid #00923F;
    color: #00923F;
    background: #FFF;
}
.dx-button.dx-datagrid-export-button.dx-button-mode-contained:hover i, .dx-button.dx-datagrid-export-button.dx-button-mode-contained.dx-state-focused:hover i {
    color: #00923F;
}

.dx-popup-bottom .dx-button-success,
.dx-popup-bottom .dx-button-success.dx-state-focused {
    background: #00923F;
    color: #FFF;
}
.dx-popup-bottom .dx-button-success:hover,
.dx-popup-bottom .dx-button-success.dx-state-focused:hover {
    border: 1px solid #00923F;
    color: #00923F;
    background: #FFF;
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid {
    background: none;
}

.dx-datagrid-rowsview .dx-row.dx-data-row .dx-validator.dx-datagrid-invalid.dx-cell-modified::after,
.dx-datagrid-rowsview .dx-row.dx-data-row .dx-validator.dx-datagrid-invalid.dx-datagrid-invalid::after,
.dx-datagrid-rowsview .dx-row.dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused.dx-datagrid-invalid::after {
    border: 1px solid #CA3572;
}

.dx-datagrid-rowsview .dx-overlay-wrapper.dx-invalid-message .dx-overlay-content,
.dx-toast-stack .dx-toast-error,
.dx-invalid .dx-invalid-message .dx-overlay-content,
.dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge.dx-widget .dx-texteditor-input-container::after {
    background: #CA3572;
}

.dx-invalid.dx-texteditor.dx-editor-outlined {
    border-color: #CA3572;
}
.dx-invalid.dx-texteditor.dx-editor-outlined.dx-editor-outlined.dx-state-focused {
    border-color: #CA3572;
}

.dx-toast-stack .dx-toast-success {
    background: #00923F;
}

.dx-toast-stack .dx-toast-warning {
    background: #DD9000;
}

.dx-toast-content {
    color: #FFF;
    font-weight: 600;
}

.dx-context-menu .dx-menu-item .dx-menu-item-content,
.dx-datagrid-addrow-button .dx-button-content {
    padding: 6px 10px;
}

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background: transparent;
    border-width: 2px;
}

.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background: transparent;
    font-size: 18px;
}

#backToListing {
    margin-right: 5px;
    margin-left: 5px;
    font-size: 22px;
    font-weight: 600;
    color: rgba(39, 39, 57, 0.6);
}

#invoiceDetailsIban, #invoiceDetailsIbanTransactional {
    font-size: 12px;
}

.master__detail--grid .dx-scrollable-scrollbar {
    display: none;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 0;
}

.dx-dropdowneditor-icon::before {
    margin-top: -8px;
}

span.label {
    line-height: 1.1;
    font-weight: 900;
    color: #FFF;
    text-align: center;
    display: inline;
    white-space: nowrap;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    text-shadow: none;
    text-transform: uppercase;
    border: none;
    font-size: 14px;
    background: none;
}
span.label.label-error {
    background-color: #CA3572;
}
span.label.label-success {
    background-color: #00923F;
}
span.label.label-draft {
    background-color: #308BB9;
}
span.label.label-info {
    background-color: #3486B4;
}
span.label.label-warning {
    background-color: #DD9000;
}
span.label.label-processed {
    background-color: #674374;
}
span.label.label-uploaded {
    background-color: #3F77A6;
}
span.label.label-ignored {
    background-color: rgba(39, 39, 57, 0.6);
}

.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    padding: 7px 17px;
}

#flowStage {
    cursor: pointer;
}
#flowStage .label {
    position: absolute;
    top: 4px;
    margin-left: 5px;
}

#flowStage,
#toolbarHeaderText {
    font-size: 22px;
    font-weight: 600;
    color: rgba(39, 39, 57, 0.6);
}
#flowStage span,
#toolbarHeaderText span {
    font-size: 15px;
}
#flowStage span.document-id,
#toolbarHeaderText span.document-id {
    font-size: 22px;
    padding-left: 5px;
    color: #308BB9;
}

.custom-item i {
    padding-right: 5px;
    width: 20px;
}

.dx-button {
    height: 34px;
    border-width: 0;
}

#content:after,
#footer {
    display: none;
}

.box-title.fixed,
#tbl-roles .dx-datagrid-headers.fixed {
    margin: 0;
    position: fixed;
    top: 40px;
    left: 1px;
    z-index: 99;
    width: 100%;
}

#tbl-roles .dx-datagrid-headers {
    background: #FFF;
}
#tbl-roles .dx-datagrid-headers .dx-tagbox {
    background: #FFF;
}

.box-title#top-menu {
    background: #F9F7FA;
    margin-bottom: 5px;
    position: sticky;
    top: 40px;
    z-index: 2;
}

.query-builder .float-end {
    float: right !important;
}

.query-builder .float-start {
    float: left !important;
}

.query-builder .btn-group > .btn-sm, .btn-sm {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.query-builder span.select2-container {
    display: none;
}

.query-builder .checkbox, .query-builder .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.query-builder .checkbox, .query-builder .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.query-builder .radio input[type=radio] {
    margin-left: 0;
    position: static;
}

.query-builder .radio label {
    padding-left: 0;
}

.query-builder .drag-handle i::before {
    content: "\f883";
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
}

.query-builder#builder {
    width: 60% !important;
}

.container {
    display: flex;
    flex-direction: column;
    padding: 5px 0 5px 15px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 10px;
    margin: 5px 0 5px 0;
}
.container#read-data-container {
    padding-left: 0;
    padding-top: 0;
    margin-top: 0;
    border: none;
}
.container#read-data-container #invoice-supplier-taxrow,
.container#read-data-container #invoice-client-taxrow,
.container#read-data-container #row-providerWorkSite-invoice,
.container#read-data-container #row-iban-invoice,
.container#read-data-container #row-comment-invoice,
.container#read-data-container #row-identifier01-invoice,
.container#read-data-container #row-identifier02-invoice,
.container#read-data-container #row-automotive-invoice,
.container#read-data-container #row-lines-invoice {
    margin-bottom: 3px;
}
.container#read-data-container #invoice-body .dx-datagrid-table {
    border: 1px solid #BEBEBE;
}
.container.idp {
    padding: 0 5px;
    border: none;
}
.container.idp .styled-group.dx-field-item {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 5px;
    margin-top: 12px;
}
.container.idp .styled-group.dx-field-item:not(.subgroup) {
    margin-top: 7px;
}
.container.idp .styled-group.dx-field-item.invoice-header {
    padding: 4px 0;
}
.container.idp .styled-group.dx-field-item.invoice-header .dx-form-group-with-caption .dx-form-group-caption {
    background: #FFF;
}
.container.idp .styled-group.dx-field-item .dx-form-group-with-caption {
    padding-left: 10px;
    padding-right: 10px;
}
.container.idp .styled-group.dx-field-item .dx-form-group-with-caption .dx-form-group-caption {
    top: -24px;
}
.container.idp .styled-group.dx-field-item .dx-field-item {
    padding-top: 0;
}
.container.idp .styled-group.dx-field-item .dx-texteditor-label .dx-label span {
    background: transparent;
}
.container.idp .styled-group.dx-field-item .dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container::after {
    background: #CA3572;
}
.container.idp .styled-group.dx-field-item .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label-before,
.container.idp .styled-group.dx-field-item .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label,
.container.idp .styled-group.dx-field-item .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label-after {
    color: #CA3572;
    border-color: #CA3572;
}
.container.idp .styled-group.dx-field-item .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label {
    border-left: none;
}

.container > .container {
    background-color: #f5f5f5;
}

.container > .container > .container {
    background-color: #fff;
}

.container > .container > .container > .container {
    background-color: #f5f5f5;
}

.container > .container > .container > .container > .container {
    background-color: #fff;
}

.container > .container > .container > .container > .container > .container {
    background-color: #f1f1f1;
}

.object-container {
    width: 97%;
    top: -34px;
    margin-bottom: -50px;
    left: -17px;
}

.button-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.button-group {
    display: flex;
}

/* Small superscript-like buttons for AND/OR */
.btn-small {
    padding: 5px 10px;
    font-size: 12px;
    vertical-align: super;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-radius: 0;
}

.btn-small:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.btn-small:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.btn-blue {
    background-color: #86C3E0;
    color: white;
}

.btn-blue:hover {
    background-color: #0056b3;
}

.btn-blue:active {
    background-color: #004085;
}

.btn-selected {
    background-color: #004085;
}

/* Green buttons for ADD RULE and ADD GROUP with no gap */
.btn-green-small {
    padding: 5px 10px;
    font-size: 12px;
    background-color: #78C59A;
    color: #000;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-radius: 0;
}

.btn-green-small:first-child {
    border-radius: 5px;
    margin-right: 5px;
}

.btn-green-small:nth-child(2) {
    border-radius: 5px;
    margin-right: 5px;
}

.btn-green-small:hover {
    background-color: #218838;
}

.btn-green-small:active {
    background-color: #1e7e34;
}

/* Red DELETE button, same size as others */
.btn-delete-small {
    padding: 5px 10px;
    font-size: 12px;
    background-color: #CA3572;
    color: #FFF;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-right: 5px;
    border: 1px solid transparent;
}

.btn-delete-small:hover {
    background-color: #FFF;
    color: #CA3572;
    border: 1px solid #CA3572;
}

.btn-delete-small:active {
    background-color: #bd2130;
}

/* New white container for select inputs */
.select-container {
    display: flex;
    flex-direction: column;
    padding: 5px 0 5px 5px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 10px;
    margin-top: 5px;
    position: relative;
}

.select-row {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    height: 36px;
}

.select-row select, input {
    width: calc(33% - 20px);
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #CCC;
    height: 30px;
}

.selector > .ruleContainer > .select-container.object-container {
    background: none;
    margin-top: -2px;
    border: 0px;
}

.container .container,
.container .select-container {
    border-right: none;
    border-radius: 10px 0 0 10px;
}

.rulesetContainer .btn-and {
    background-color: #86C3E0;
    color: #000;
    opacity: 0.5;
}

.rulesetContainer .btn-or {
    background-color: #CDC0D2;
    color: #000;
    opacity: 0.5;
}

.rulesetContainer .btn-and.btn-selected {
    opacity: 1;
}

.rulesetContainer .btn-or.btn-selected {
    opacity: 1;
}

.rulesetContainer .btn-green-small {
    background-color: #78C59A;
}

.rulesetContainer .btn-delete-small {
    background-color: #F2828C;
}

.rulesetContainer .container {
    width: 100%;
    max-width: 100%;
}

.object-container .delete-rule {
    display: none;
}

.rulesetContainer .select-container.object-container {
    border: none !important;
    margin-top: -5px;
    background: none;
    left: -21px !important;
}

.rulesetContainer .select-container:not(.object-container) {
    margin-left: 50px;
}

.rulesetContainer .container .ruleContainer .select-container {
    margin-left: 0px !important;
}

.rulesetContainer .select-container.object-container + .container .add-group {
    display: none;
}

#showRuleset {
    margin-bottom: 20px;
    background: #78C59A !important;
    padding: 8px 18px;
    border: none;
    font-size: 14px;
    border-radius: 10px;
}

#showExecution {
    margin-bottom: 20px;
    background: #78C59A !important;
    padding: 8px 18px;
    border: none;
    font-size: 14px;
    border-radius: 10px;
}

.value-input {
    width: calc(33% - 20px);
    line-height: 19px;
}

.add-rule > i,
.add-group > i {
    pointer-events: none;
}

td.expression, td.actions {
    vertical-align: top;
}

.page-sidebar {
    position: fixed;
    bottom: 0;
    top: 0;
    z-index: 1000;
    transition: none;
    height: auto;
    min-height: 100%;
    background: transparent linear-gradient(180deg, #674374 0%, #308BB9 100%) 0% 0% no-repeat padding-box;
}
.page-sidebar > #navigation .portlet:hover > .portlet-topper {
    transform: translateY(0);
}

body.signed-in .portlet-login {
    display: none;
}

body.signed-out {
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url(/o/Profluo-v8/images/background_profluo.png) no-repeat center center fixed #585787;
    background-size: cover;
    position: relative;
}
body.signed-out #wrapper .site-title {
    display: block;
}
body.signed-out #wrapper .user-bar-link {
    margin-top: 7px;
}
body.signed-out #wrapper .login-container .navigation {
    border: 1px solid #BEBEBE;
    border-radius: 0.25em;
    width: 200px;
    text-align: center;
    padding: 8px 18px;
    margin: 0 auto;
}
body.signed-out #wrapper .login-container.login .navigation::after {
    content: "";
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
body.signed-out #wrapper .login-container.forgot-password .navigation::before {
    content: "";
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
body.signed-out #wrapper .page-container {
    background-color: transparent;
    background: none;
    margin-left: 0px;
}
body.signed-out #wrapper .page-content {
    background-color: transparent;
    background: none;
    margin: 0 auto;
}
body.signed-out #wrapper .page-sidebar {
    display: none;
}
body.signed-out #wrapper .portlet-login {
    min-width: 900px;
    margin: 0 auto;
    margin-top: 100px;
    border-radius: 20px;
    position: relative;
    z-index: 5;
}
body.signed-out #wrapper .portlet-login .portlet-header {
    display: none;
}
body.signed-out #wrapper .portlet-login .portlet-content {
    background: none;
    border: none;
    padding: 0;
}
body.signed-out #wrapper .portlet-login .portlet-content .portlet-icon-back {
    display: none;
}
body.signed-out #wrapper .portlet-login .portlet-content label {
    margin-bottom: 0rem;
}
body.signed-out #wrapper .portlet-login .portlet-content input:focus {
    box-shadow: none;
}
body.signed-out #wrapper .portlet-login .signin-container {
    display: flex;
    justify-content: space-between;
    min-height: 600px;
    max-width: 1200px;
    margin: 0 auto;
}
body.signed-out #wrapper .portlet-login .signin-container .messages-container,
body.signed-out #wrapper .portlet-login .signin-container .login-container {
    position: relative;
    width: 50%;
}
body.signed-out #wrapper .portlet-login .signin-container .messages-container {
    background: transparent linear-gradient(180deg, #674374 0%, #308BB9 100%) 0% 0% no-repeat padding-box;
    color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px 0 0 20px;
    padding: 20px;
}
body.signed-out #wrapper .portlet-login .signin-container .messages-container h2 {
    font-size: 70px;
}
body.signed-out #wrapper .portlet-login .signin-container .login-container {
    background: #FFF;
    border-radius: 0 20px 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 70px;
}
body.signed-out #wrapper .portlet-login .signin-container .login-container .fieldset {
    position: relative;
}
body.signed-out #wrapper .portlet-login .signin-container .login-container .showPassword {
    position: absolute;
    cursor: pointer;
    right: 10px;
    bottom: 27px;
}
body.signed-out #wrapper .portlet-login .signin-container .login-container.login .button-holder span {
    text-transform: uppercase;
}
body.signed-out #wrapper .portlet-login .signin-container .login-container.login .button-holder button::after,
body.signed-out #wrapper .portlet-login .signin-container .login-container.login .button-holder .button::after {
    content: "";
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
body.signed-out #wrapper .portlet-login .signin-container .login-container .button-holder button,
body.signed-out #wrapper .portlet-login .signin-container .login-container .button-holder .button {
    width: 100%;
    background: #e7dd1a;
    height: 55px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
body.signed-out #wrapper .portlet-login .signin-container .login-container .button-holder button span,
body.signed-out #wrapper .portlet-login .signin-container .login-container .button-holder .button span {
    font-size: 22px;
    color: #272739;
}
body.signed-out #wrapper .portlet-login .signin-container .login-container .form-group {
    margin-top: 30px;
}
body.signed-out #wrapper .portlet-login .btn-primary.btn-default {
    background: #3486B4;
    border: none;
    float: right;
}
body.signed-out #wrapper .portlet-login a {
    color: #2f3436;
}
body.signed-out #wrapper .portlet-login a:hover {
    color: #2f3436;
}

#add-zone-value-btn,
#add-zone-header-btn {
    border-width: 0;
}
#add-zone-value-btn .dx-icon,
#add-zone-header-btn .dx-icon {
    color: #FFF;
}

#add-zone-value-btn.dx-button {
    background: #00923F;
    color: #FFF;
    border: 1px solid transparent;
    height: 34px;
}
#add-zone-value-btn.dx-button:hover {
    border: 1px solid #00923F;
    color: #00923F;
    background: #FFF;
}
#add-zone-value-btn.dx-button:hover i {
    color: #00923F;
}

#add-zone-header-btn.dx-button {
    background: #3486B4;
    color: #FFF;
    border: 1px solid transparent;
    height: 34px;
}
#add-zone-header-btn.dx-button:hover {
    border: 1px solid #3486B4;
    color: #3486B4;
    background: #FFF;
}
#add-zone-header-btn.dx-button:hover i {
    color: #3486B4;
}

#add-key-btn.dx-button {
    background: #CA3572;
    color: #FFF;
    border: 1px solid transparent;
    height: 34px;
}
#add-key-btn.dx-button:hover {
    border: 1px solid #CA3572;
    color: #CA3572;
    background: #FFF;
}
#add-key-btn.dx-button:hover i {
    color: #CA3572;
}

#download-pagegroup-btn {
    background: #FFF;
    border: 1px solid #BEBEBE;
    height: 34px;
}
#download-pagegroup-btn i {
    color: #333;
}

td.actions .dx-button .dx-button-content {
    padding: 8px;
}

/* card css */
.card {
    border-radius: 10px;
    filter: drop-shadow(0 5px 10px 0 #FFF);
    width: 440px;
    height: 250px;
    background-color: #FFF;
    padding: 20px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: 0.6s ease-in;
}
.card i {
    transition: 0.6s ease-in;
}
.card::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -15px;
    right: -15px;
    background: #674374;
    height: 270px;
    width: 25px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-out;
}
.card:hover {
    color: #FFF;
    background: #674374;
}
.card:hover ::before {
    transition-delay: 0.2s;
    transform: scale(40);
}
.card p {
    padding: 10px 0;
}

.card-blue {
    border-radius: 10px;
    font-size: 14px;
    filter: drop-shadow(0 5px 10px 0 #FFF);
    width: 400px;
    height: 100px;
    background-color: #FFF;
    padding: 20px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: 0.6s ease-in;
    margin-bottom: 20px;
}
.card-blue::before {
    content: "";
    position: absolute;
    font-size: 16px;
    z-index: -1;
    top: -15px;
    right: -15px;
    background: #fefefe;
    height: 120px;
    width: 25px;
    border-radius: 32px;
    margin-bottom: 20px;
}

.wiz-step1 .dx-tile {
    border: none;
}

.highlight .dx-texteditor-input-container,
td.highlight,
.dx-datagrid .dx-row td.cell-orange.highlight {
    background: #F0E75C !important;
}

.robot-loader {
    background: url(/o/Profluo-v7/images/robot-loader.gif) no-repeat center center;
}

.dx-datagrid .informer.total, .dx-datagrid .dx-treelist .informer.total {
    color: #3486B4;
}
.dx-datagrid .informer.draft, .dx-datagrid .dx-treelist .informer.draft {
    color: #308BB9;
}
.dx-datagrid .informer.uploaded, .dx-datagrid .dx-treelist .informer.uploaded {
    color: #308BB9;
}
.dx-datagrid .informer.processed, .dx-datagrid .dx-treelist .informer.processed {
    color: #00923F;
}
.dx-datagrid .informer.processing, .dx-datagrid .dx-treelist .informer.processing {
    color: #585787;
}
.dx-datagrid .informer.error, .dx-datagrid .dx-treelist .informer.error {
    color: #CA3572;
}
.dx-datagrid .informer.success, .dx-datagrid .dx-treelist .informer.success {
    color: #00923F;
}
.dx-datagrid .informer.warning, .dx-datagrid .dx-treelist .informer.warning {
    color: #DD9000;
}

#error-import:not(.dx-state-disabled) {
    background: #DD9000;
    border: 1px solid transparent;
}
#error-import:not(.dx-state-disabled) i {
    color: #FFF;
}
#error-import:not(.dx-state-disabled):hover {
    background: #FFF;
    border: 1px solid #DD9000;
}
#error-import:not(.dx-state-disabled):hover i {
    color: #DD9000;
}

.custom-file-uploader .dx-fileuploader-content .dx-fileuploader-upload-button, .custom-file-uploader .dx-fileuploader-content .dx-fileuploader-button-container {
    display: none;
}

.custom-file-uploader-allow-remove .dx-fileuploader-content .dx-fileuploader-upload-button {
    display: none;
}

.preLineWhiteSpace {
    white-space: pre-line;
}

.tbl-list:not(#tbl-invoice-verification):not(#tbl-product-lines) .dx-datagrid-rowsview .dx-row {
    height: 45px;
}

.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container {
    flex-direction: column;
}

.collapse-header-btn {
    position: absolute;
    top: 2px;
    left: 50%;
    margin-left: -13px;
    z-index: 2;
    border: none;
    background: none;
    font-size: 12px;
    cursor: pointer;
    animation-name: bounce-2;
    animation-timing-function: ease;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    outline: none;
}

.dx-button.dx-button-mode-contained.dx-button-default {
    background: #3486B4;
}

#error-grid td[role=gridcell] {
    vertical-align: top;
}

#upload-files .dx-fileuploader-wrapper {
    border: 1px dashed #BEBEBE;
}

.templateContainer .dx-field-item-content {
    display: flex;
    flex-direction: row;
}
.templateContainer .dx-field-item-content p {
    flex: 0 0 100px;
    margin-left: 3px;
    color: #308cb9;
    font-size: 15px;
}

.dx-toolbar-menu-last-section #export-tracking-list {
    border: none;
}
.dx-toolbar-menu-last-section #export-tracking-list .dx-button-content {
    padding: 7px 9px;
}
.dx-toolbar-menu-last-section .dx-toolbar-menu-custom .dx-toolbar-item-auto-hide {
    padding: 0;
}
.dx-toolbar-menu-last-section .dx-toolbar-menu-custom .dx-toolbar-item-auto-hide .dx-button .dx-button-content {
    padding: 7px 9px;
}
.dx-toolbar-menu-last-section .dx-toolbar-menu-custom .dx-toolbar-item-auto-hide #flow-actions .dx-button .dx-button-content {
    padding: 7px 9px;
}
.dx-toolbar-menu-last-section .dx-toolbar-menu-custom .dx-toolbar-item-auto-hide .gradient-button {
    background: #FFF;
}
.dx-toolbar-menu-last-section .dx-toolbar-menu-custom .dx-toolbar-item-auto-hide .gradient-button .dx-button-content {
    color: #272739;
}

#flow-actions-wrapper .dx-overlay-content {
    border-radius: 0;
}

#templateFromEditor .view-overlays .current-line,
#templateToEditor .view-overlays .current-line,
#templateCcEditor .view-overlays .current-line,
#templateBccEditor .view-overlays .current-line,
#templateSubjectEditor .view-overlays .current-line {
    border: none;
}
#templateFromEditor .monaco-editor,
#templateToEditor .monaco-editor,
#templateCcEditor .monaco-editor,
#templateBccEditor .monaco-editor,
#templateSubjectEditor .monaco-editor {
    margin-left: -14px;
}
#templateFromEditor .view-line,
#templateToEditor .view-line,
#templateCcEditor .view-line,
#templateBccEditor .view-line,
#templateSubjectEditor .view-line {
    padding-left: 8px;
}
#templateFromEditor .monaco-scrollable-element,
#templateToEditor .monaco-scrollable-element,
#templateCcEditor .monaco-scrollable-element,
#templateBccEditor .monaco-scrollable-element,
#templateSubjectEditor .monaco-scrollable-element {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding-left: 10px;
}
#templateFromEditor .decorationsOverviewRuler,
#templateToEditor .decorationsOverviewRuler,
#templateCcEditor .decorationsOverviewRuler,
#templateBccEditor .decorationsOverviewRuler,
#templateSubjectEditor .decorationsOverviewRuler {
    display: none;
}

#templateBodyEditor {
    margin-left: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
#templateBodyEditor .scroll-decoration {
    box-shadow: none;
    border-top: 1px solid #ddd;
}
#templateBodyEditor .lines-content {
    padding-left: 8px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#developerTabs .dx-tab.dx-tab-selected {
    background: #FFF;
    box-shadow: none;
    border: 1px solid #CCC;
    border-bottom: none;
}
#developerTabs .dx-tab.dx-tab-selected::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: #FFF;
}

#ruleset,
#developer-page {
    margin-bottom: 20px;
    background: white;
    padding: 20px 5px;
    border: 1px solid #CCC;
}

#execution-marks-toggler:not(.dx-switch-on-value) .dx-switch-handle::before {
    background: #CA3572;
}

#executionTracesDataGrid,
#executionTracesHistory {
    border: 1px solid #CCC;
}

#processorUid {
    color: #308BB9;
}

#fullScreenToggle span {
    max-width: 90%;
    display: inline-block;
}

.lfr-role-column {
    display: flex;
}

.dx-loadpanel-wrapper {
    z-index: 2000 !important;
}

#simulationBody {
    white-space: pre-wrap;
    border: 1px solid #CCC;
    padding: 10px;
    margin-top: 10px;
}

.styled-group .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label-before,
.styled-group .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label,
.styled-group .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label-after {
    border-color: #CA3572;
    color: #CA3572;
}

.dx-tag-container.dx-texteditor-input-container {
    align-content: flex-start;
}

.form__container .dx-validationsummary {
    display: none;
}

#tbl-stages tr {
    cursor: pointer;
}
#tbl-stages .dx-datagrid-rowsview.dx-empty {
    height: 30px;
}

#flowTypeSelect .dx-label span {
    font-weight: 900;
    font-size: 16px;
}

#chatbot {
    height: 100%;
    font-size: 16px;
}

#chatbotContainer {
    background: #FFF;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#chatbotBody {
    flex: 1;
    padding: 10px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    position: relative;
}

.messageElement {
    align-self: flex-end;
    display: flex;
    flex-direction: column;
}
.messageElement.bot {
    background: transparent;
    align-self: flex-start;
}
.messageElement.bot .messageTimestamp {
    padding-left: 40px;
    align-self: flex-start;
}
.messageElement.user .messageTimestamp {
    align-self: flex-end;
    margin-right: 5px;
}
.messageElement .messageTimestamp {
    color: #BEBEBE;
}

.messageDate {
    color: #BEBEBE;
    text-align: center;
    text-transform: capitalize;
}

.message {
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 10px;
    background: #E3E2E2;
    max-width: 90%;
}
.message.bot {
    background: transparent;
    margin-left: 10px;
}
.message.user {
    margin-right: 5px;
    max-width: 500px;
    word-wrap: break-word;
}

.messageContainer {
    display: flex;
    position: relative;
}

.botImage {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/o/Profluo-v8/images/robin.png");
    background-size: cover;
    border-radius: 50%;
}

.userImage::after {
    background-color: rgba(48, 139, 185, 0.3333333333);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

#chatbotInputs {
    display: flex;
    flex-direction: column;
    padding: 10px;
    position: relative;
    width: 60%;
    margin: 0 auto;
}

#question {
    padding: 12px 50px 5px 30px;
    border: 1px solid #CCC;
    border-radius: 35px;
    outline: none;
    height: 50px;
    max-height: 150px;
    width: 100%;
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.1);
    overflow-y: scroll;
    resize: none;
    scrollbar-width: none;
    transition: height 0.25s linear;
}
#question::-webkit-scrollbar {
    display: none;
}

#send-button {
    padding: 0;
    margin-left: 5px;
    border: none;
    background: #FFF;
    color: #3486B4;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 26px;
    top: calc(50% - 44px);
    font-size: 20px;
    outline: none;
}

.disclaimer {
    width: 100%;
    text-align: center;
    padding: 10px;
    padding-bottom: 5px;
    font-size: 14px;
}
.disclaimer:last-child {
    padding-top: 0;
    padding-bottom: 10px;
}

#chatbotWrapper .dx-popup-normal {
    border-radius: 10px;
    border: none;
}
#chatbotWrapper .dx-popup-content {
    padding: 0;
    width: 100%;
}
#chatbotWrapper .dx-popup-title {
    border-bottom-color: transparent;
}

.chatbotElement {
    position: fixed;
    z-index: 100000;
    border-radius: 25px;
    cursor: pointer;
    left: 50px;
    bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #FFF;
    padding: 5px 10px 5px 5px;
    transition: left 0.5s;
}

body.has-control-menu.open .chatbotElement {
    left: 345px;
}

.chatbotImage {
    width: 50px;
    height: 50px;
    background-image: url("/o/Profluo-v8/images/robin.png");
    background-size: cover;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 15px;
    position: relative;
}
.chatbotImage::after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #00923F;
    bottom: 0;
    right: 5px;
    border-radius: 50%;
}

.chatbotTextContainer .chatbotText {
    font-weight: 900;
}
.chatbotTextContainer .chatbotSubtext {
    font-size: 12px;
}
.chatbotTextContainer p {
    margin: 0;
}

#introHeader,
#introSubheader {
    align-self: center;
    position: absolute;
    bottom: 0;
}

#introHeader {
    margin-bottom: 130px;
}
#introHeader:before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    background-image: url("/o/Profluo-v8/images/robin.png");
    background-size: cover;
    border-radius: 50%;
    margin: 0 auto;
}

#introSubheader {
    margin-bottom: 110px;
}

.typing {
    display: flex;
    gap: 4px;
    align-items: center;
}
.typing span {
    width: 8px;
    height: 8px;
    background: #555;
    border-radius: 50%;
    display: inline-block;
    animation: bounce 0.6s infinite ease-in-out;
}
.typing span:nth-child(1) {
    animation-delay: 0s;
}
.typing span:nth-child(2) {
    animation-delay: 0.2s;
}
.typing span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}
.yui3-widget.overlay .dropdown-menu a {
    min-height: 25px;
}
.yui3-widget.overlay .dropdown-menu a:hover {
    background: #e6e6e6;
}

#timelineHistory-items {
    position: relative;
}
#timelineHistory-items::before {
    content: "";
    position: absolute;
    left: 110px; /* behind icons */
    top: 0;
    bottom: 0;
    width: 2px;
    background: #674374;
}
#timelineHistory-items .date-separator {
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    margin: 15px 0 5px;
    display: inline;
    position: relative;
    padding: 5px 15px;
    z-index: 10000;
    background: white;
    border: 2px solid #674374;
    border-radius: 10px;
    margin-left: 10px;
}
#timelineHistory-items .timelineHistory {
    position: relative;
    margin: 20px 0;
    padding-left: 80px; /* space for hour + icon */
}
#timelineHistory-items .timelineHistory-item {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
#timelineHistory-items .timelineHistory-hour {
    width: 80px;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
    color: #555;
    flex-shrink: 0;
}
#timelineHistory-items .timelineHistory-icon {
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    background: white;
    border-radius: 50%;
    border: 2px solid #674374;
    flex-shrink: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
#timelineHistory-items .timelineHistory-icon.flow {
    border: none;
    background: transparent linear-gradient(90deg, #308BB9 0%, #674374 100%) 0% 0% no-repeat padding-box;
    color: #FFF;
}
#timelineHistory-items .timelineHistory-content {
    margin-left: 20px;
    padding: 6px 10px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#timelineHistory-items .timelineHistory-type {
    margin-right: 4px;
    margin-bottom: 5px;
    font-size: 16px;
}
#timelineHistory-items .timelineHistory-user,
#timelineHistory-items .timelineHistory-comment {
    color: rgba(39, 39, 57, 0.6);
}

#timeline-history-wrapper .dx-toolbar-items-container {
    height: auto;
}
#timeline-history-wrapper .dx-toolbar-items-container .dx-toolbar-center {
    display: flex;
    flex-direction: column;
}
#timeline-history-wrapper .dx-toolbar-items-container .dx-toolbar-center #add-comment-container {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    padding-bottom: 10px;
}
#timeline-history-wrapper .dx-toolbar-items-container .dx-toolbar-center #add-comment-container #add-comment-button {
    align-self: flex-start;
    margin-top: 7px;
}

#filterTimelineDropdown {
    position: absolute;
    top: 53px;
    right: 30px;
}

#smart-fill-dropdown .dx-overlay-content {
    border-radius: 0 0 6px 6px;
    border: none;
    transform: translate(0px, 30px) !important;
}
#smart-fill-dropdown .dx-overlay-content .dx-dropdownbutton-content {
    padding: 0;
}
#smart-fill-dropdown .dx-overlay-content .dx-dropdownbutton-content .dx-list-item-content {
    background: linear-gradient(90deg, #308BB9 0%, #674374 100%);
    color: #FFF;
}