:root {
    --light: #71c8b8;
    --dblue: #243559;
    --grey: #818181;
    --cyan: #71C8B8;
    --dark: #56a495;
    --black: #575757;
    --blue: #333366;
}

.dx-toast-message {
    text-align: center;
    width: 100%;
    font-family: 'DejaVu Sans';
    font-size: 1.1rem;
    justify-content: center;
    color: var(--dark);
    letter-spacing: 0px !important;
}

.dx-toast-success {
    background-color: white;
    color: var(--dark);
    border: 1px solid;
    box-shadow: 2px 2px 14px -5px;
}

.dx-loadindicator-segment-inner {
    border-color: var(--light)
}

.dx-validationsummary-item-content {
    font-family: 'DejaVu Sans';
}

.dx-button .dx-button-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dx-popup-content.dx-dialog-content {
    padding: 40px 70px !important;
}

.dx-popup-bottom.dx-toolbar {
    padding: 0px 8px 10px 24px !important;
}

.dx-popup-wrapper > .dx-overlay-content {
    border-radius: 15px !important
}

.dx-button-content .dx-button-text {
    font-size: 1rem !important;
    font-family: 'BPG Arial Caps';
    letter-spacing: 0px;
}

.dx-button[aria-label="Save"],
.dx-button[aria-label="შენახვა"],
.dx-button[aria-label="Yes"],
.dx-button[aria-label="დადასტურება"],
.dx-button[aria-label="კი"],
.dx-button[aria-label="რედაქტირება"],
.dx-button[aria-label="OK"] {
    background: rgb(220 220 220 / 74%) !important;
    color: var(--dark) !important;
}

.dx-button[aria-label="დასრულება"],
.dx-button[aria-label="გადახდა"] {
    background: var(--blue) !important;
    color: white !important;
}

.dx-button.dx-state-disabled .dx-button-text {
    color: inherit;
}

.dx-button.dx-state-hover {
    opacity: 0.8;
}

.dx-button[aria-label="Cancel"], .dx-button[aria-label="გაუქმება"], .dx-button[aria-label="დახურვა"], .dx-button[aria-label="წაშლა"], .dx-button[aria-label="No"], .dx-button[aria-label="არა"] {
    color: var(--danger) !important;
    background: rgb(220 220 220 / 74%) !important;
}

.dx-texteditor {
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 0 1px rgb(190, 190, 190) !important;
    box-shadow: inset 0 0 0 1px rgb(71 71 71 / 30%) !important;
    transition: all 0.15s;
    font-family: 'DejaVu Sans';
    background-color: white !important;
}

.dx-toast-content {
    padding: 10px;
    border: 1px solid;
    background: white !important;
}

.dx-toast-error {
    border: 1px solid var(--danger) !important;
}

    .dx-toast-error .dx-toast-message {
        color: var(--danger) !important;
    }

.dx-datagrid-filter-row .dx-texteditor {
    box-shadow: none !important;
    background: none !important;
}

.dx-button-mode-text.dx-button-default.dx-state-focused, .dx-button-mode-text.dx-button-default.dx-state-hover {
    /*background-color:inherit !important;*/
}

.dx-widget input, .dx-textarea .dx-texteditor-input {
    color: rgba(83, 83, 83, 0.85)
}

.dx-texteditor .dx-placeholder {
    font-size: 14px;
    color: #7b7b7b;
    font-family: 'bpg nino-mtavruli';
}

.dx-datagrid-focus-overlay:after {
    background-color: var(--light);
}

.dx-texteditor.dx-state-focused {
    -webkit-box-shadow: inset 0 0 0 2px var(--light) !important;
    box-shadow: inset 0 0 0 2px var(--light) !important;
}

.dx-row .dx-texteditor.dx-state-focused {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.dx-list-select-all-label {
    font-family: 'DejaVu Sans';
}

.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
    left: 13px;
}

.dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu {
    height: auto;
}

    .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
        margin-top: 0px;
        margin-bottom: 3px;
    }

.dx-texteditor.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
    padding: 8px 12px;
    font-family: 'DejaVu Sans';
}

.dx-texteditor.dx-editor-filled .dx-placeholder:before, .dx-texteditor.dx-editor-outlined .dx-placeholder:before {
    padding: 10px 12px 6px;
}

.dx-texteditor.dx-searchbox .dx-placeholder:before {
    padding: 8px 12px 8px 38px;
}

.dx-invalid-message > .dx-overlay-content {
    border-radius: 2px;
    color: #f44336;
    padding: 8px 10px;
    font-family: 'DejaVu Sans';
}

.dx-empty-message {
    font-family: 'DejaVu Sans';
}

.dx-dialog-message {
    font-size: 1rem;
}

.dx-numberbox.dx-texteditor.dx-invalid .dx-texteditor-buttons-container:after {
    right: 24px
}

.dx-field-item-label-text, .dx-scheduler-view-switcher-label {
    font-family: 'DejaVu Sans';
    font-size: 14px;
}

.dx-texteditor.dx-editor-outlined.dx-state-disabled, .dx-texteditor.dx-editor-outlined.dx-state-readonly, .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.dx-state-disabled.dx-widget,
.dx-state-readonly.dx-widget {
    opacity: 0.6;
}

    .dx-state-disabled.dx-widget.dx-texteditor,
    .dx-state-readonly.dx-widget.dx-texteditor {
        background: #e9e9e9 !important;
    }

/*start dx-button*/
.dx-button {
    background:var(--blue) !important;
    border: none;
    color: white !important;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    gap: 8px;
    align-items: baseline;
    /*padding: 8px 16px;*/
    justify-content: center;
    border-radius:5px !important;
    letter-spacing: 0.8px;
    font-family: 'bpg nino-mtavruli';
    font-size: 1rem;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.dx-fileuploader-button {
    border-radius: 4px !important;
}

.dx-button-mode-text .dx-icon{
    color:white;
}

.dx-button-mode-text.dx-button-default.dx-state-focused,
.dx-button-mode-text.dx-button-default.dx-state-hover {
    background: rgba(0, 0, 0, 0.05);
}

.dx-button .dx-button-text {
    font-size: 13px;
}

.dx-button .dx-button-text {
    line-height: normal
}

.icon-right.dx-button .dx-icon {
    padding-left: 10px;
    position: relative;
    top: 3px;
}

.icon-right .dx-button-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

.dx-button-content {
    text-overflow: inherit !important;
}

.dx-button-has-icon.dx-button-has-text .dx-icon {
    color: inherit;
    font-size: 15px;
    margin-right: 12px;
}

.dx-toolbar .dx-datagrid-toolbar-button .dx-icon {
    margin-right: 0px;
}

.bgWhite {
    background-color: white;
}

.bgRed,
.bgRed:hover {
    background-color: var(--red);
}

.bgLight {
    background-color: var(--light);
}

.bgDark,
.bgDark:hover {
    background-color: var(--dark);
}

.bgCyan {
    background-color: var(--cyan);
}

.bgDblue {
    background-color: var(--dblue);
}

.bgLight {
    background-color: var(--light);
}

.br-5 {
    border-radius: 5px !important;
}

.clrWhite {
    color: white;
}

.clrRed {
    color: var(--red);
    border: 2px solid var(--red);
}

.clrGreen {
    color: var(--light);
    border: 2px solid var(--light);
}

.ffDejavu {
    font-family: 'DejaVu Sans';
}

.ffbpgArial, .ffbpgArial input {
    font-family: 'BPG Arial Caps' !important;
}

.br50 {
    border-radius: 50px !important;
}

.br5 {
    border-radius: 5px !important;
}

.br2 {
    border-radius: 2px !important;
}

.bc2Grey {
    border: 2px solid #e1e1e1
}
/*end dx-button*/

/*start checkBox*/
.dx-checkbox {
    font-family: 'DejaVu Sans';
}

.dx-checkbox-icon {
    border: 2px solid var(--blue);
}

.dx-button.dx-button-default.dx-state-disabled .dx-button-text {
    color: rgb(255 255 255 / 50%);
}

.dx-checkbox-checked .dx-checkbox-icon {
    background-color: var(--blue);
}

.dx-checkbox-text {
    font-family: 'DejaVu Sans';
    font-size: 15px;
    padding-left: 40px;
    position: relative;
    text-align: left;
    top: 2px;
    color: var(--blue);
}

.dx-radiobutton .dx-radiobutton-icon:after, .dx-checkbox .dx-checkbox-icon:after {
    opacity: 0 !important;
}
/*end dxCheckBox*/
/*start dxDateBox*/
.dx-calendar {
    width: 240px;
    min-width: 240px;
    height: 270px;
    min-height: 270px;
}

.dx-calendar-cell.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today span {
    background-color: var(--light);
}

.dx-calendar-navigator-next-view.dx-button .dx-icon, .dx-calendar-navigator-next-month.dx-button .dx-icon,
.dx-calendar-navigator-previous-view.dx-button .dx-icon, .dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-cell.dx-calendar-today {
    color: var(--light);
}
/*end dxDatebox*/
/*start dxDataGrid*/
tr.dx-row.dx-header-row {
    background-color: transparent;
    color: #404040;
    font-weight: 700 !important;
    font-family: 'BPG Arial Caps';
}

.dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection {
    background-color: var(--light);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) {
    background-color: transparent;
}


.dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    /*font-family: 'BPG Arial Caps';*/
    font-size: 14px;
    color: #56a495;
    font-weight: 700;
}

.dx-datagrid-nodata {
    font-size: 15px;
    color: rgb(148, 148, 148);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-sort {
    color: rgb(255, 255, 255);
}

.dx-command-edit.dx-command-edit-with-icons {
    text-overflow: initial;
}

    .dx-command-edit.dx-command-edit-with-icons a:before {
        color: #2c2c2cb0;
        padding: 3px;
        font-size: 21px;
        /*border-bottom: 2px solid;*/
    }

.dx-datagrid .dx-row > td {
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 16px;
}

.dx-datagrid-edit-form .dx-field-item-content input {
    font-size: 14px;
    font-family: 'DejaVu Sans';
}

.dx-toolbar .dx-toolbar-items-container {
    height: 45px;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    height: 43px;
    line-height: 43px;
}

.dx-button-has-icon.dx-button-has-text .dx-icon {
    font-size: 17px
}

.dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
    border-radius: 50% !important;
    margin-right: 6px;
    color: white;
    background-color: var(--light);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.dx-datagrid {
    font-family: 'DejaVu Sans';
}

.dx-form-group-caption {
    font-size: 15px;
    font-family: 'BPG Arial Caps';
}

.dx-texteditor.dx-editor-outlined.dx-state-disabled, .dx-texteditor.dx-editor-outlined.dx-state-readonly, .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12) !important;
}

    .dx-texteditor.dx-editor-outlined.dx-state-disabled .dx-texteditor-input, .dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input, .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover .dx-texteditor-input {
        color: white !important;
    }

.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
    background-color: #f1f1f1;
}

td.dx-master-detail-cell {
    padding: 20px 40px !important;
    padding-top: 20px !important;
    padding-right: 40px !important;
    padding-bottom: 20px !important;
    padding-left: 40px !important;
}

.dx-field-item {
    padding-bottom: 3px;
}

.dx-master-detail-row .dx-texteditor {
    border-radius: 5px !important;
    transition: all 0.15s;
    font-family: 'DejaVu Sans';
    background-color: white !important;
}

.dx-field-item-label {
    margin-bottom: 3px !important;
}
/*end dxDataGrid*/
/*start dxPopUp*/
.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 50px;
}

.dx-popup-title.dx-toolbar {
    background-color: var(--light);
    color: white;
    font-family: 'BPG Arial Caps';
}

    .dx-popup-title.dx-toolbar .dx-toolbar-label {
        font-size: 18px;
    }

.dx-popup-content {
    font-family: 'DejaVu Sans';
    text-align: center;
    padding: 0px;
    color: grey;
    overflow-x: auto
}
/*end dxPopUp*/
/*start dropDown-menu*/
.dropdown-menu {
    width: 100%;
    padding: 0;
}

    .dropdown-menu > a {
        padding: 0 10px 0 0;
        font-family: 'BPG Arial Caps';
        font-size: 14px;
    }

.nav-item.dropdown i:before {
    line-height: 37px;
    font-size: 27px;
    padding-left: 7px;
    position: relative;
    top: 0px;
    right: -10px;
    color: #555555 !important;
}

.dropdown-menu .dropdown-item i {
    min-width: 40px;
    text-align: left;
    position: relative;
    top: 2px;
}

    .dropdown-menu .dropdown-item i:before {
        font-size: 17px;
    }

.dropdown-divider {
    margin: 0;
}
/*end dropDown-menu*/

/*start dxSelectBox*/
.dx-dropdowneditor-overlay .dx-list-item-content {
    font-size: 14px;
    font-family: 'DejaVu Sans';
    padding: 7px 15px !important;
    text-align: left;
}

.dx-list-item.dx-state-hover, .dx-list-item.dx-state-active {
    background-color: #7d7c7c !important;
    color: rgb(255, 255, 255) !important;
}
/*end dxSelectBox*/

/*start dxTagBox*/
.dx-tag-content {
    padding: 6px 32px 3px 10px;
}

.dx-tag {
    margin: 0 8px 4px 0;
    max-height: 60px;
}

.dx-tag-container {
    text-align: left;
    min-height: 45px !important;
    padding: 10px !important;
}

.dx-tagbox .dx-texteditor-input {
    height: 0;
}

.dx-checkbox-indeterminate .dx-checkbox-icon {
    background-color: var(--light);
}
/*end dxTagBox*/

/*start dxValidation*/
.dx-invalid.dx-texteditor .dx-texteditor-buttons-container:after {
    background-color: #f44336;
    line-height: 27px;
}
/*end dxValidation*/

/*start dxPopOver*/
.dx-popover-arrow {
    display: block !important;
}

    .dx-popover-arrow:after {
        position: absolute;
        display: block;
        overflow: hidden;
        content: " ";
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #fff;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        border: 1px solid #ddd;
    }
/*end dxPopOver*/

/*start dxAccordion*/
.dx-accordion {
    margin: 0px;
    border-radius: 2px;
    overflow: hidden;
}

.dx-accordion-item {
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 1px;
    border: none;
}

    .dx-accordion-item:last-child {
        margin-bottom: 0;
    }

.dx-accordion-item-title {
    padding: 8px 40px 5px 15px;
    height: auto;
    background: #eaeaea;
}

.dx-accordion-item-opened > .dx-accordion-item-title {
    height: auto;
}

    .dx-accordion-item-title:before, .dx-accordion-item-opened > .dx-accordion-item-title:before {
        top: auto;
        right: 10px;
    }

.dx-accordion-item-opened {
    margin: 0;
}

.dx-accordion-item-body {
    padding: 10px;
    font-size: 13px;
    font-family: 'DejaVu Sans';
}
/*end dxAccordion*/

/*start dxRadioButton*/
.dx-radiobutton .dx-item-content {
    font-family: 'DejaVu Sans';
    position: relative;
    top: 2px;
    font-size: 15px;
}

.dx-radiobutton-icon-checked:before {
    border-color: var(--light);
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background: var(--light)
}
/*end dxRadioButton*/
.dx-texteditor.dx-editor-outlined.dx-state-disabled.calcAmountDxNumberBox {
    background: transparent !important;
    box-shadow: none !important;
}

    .dx-texteditor.dx-editor-outlined.dx-state-disabled.calcAmountDxNumberBox input {
        color: #6aafb4 !important;
        font-family: 'BPG Arial Caps';
        font-size: 15px;
        text-align: right;
        padding-right: 0px;
    }

.dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
    background-color: rgb(233, 233, 233) !important;
}

.dx-calendar-navigator .dx-button {
    color: var(--dark)
}

.dx-field {
    margin: 0 0 15px !important;
}