html,
body,
form {
    height: 100vh;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
}

body {
    background-color: #EFF1F3 !important;
}


/* DevExtreme overrides */
/* ======================================= */
/* Changes font to Source Sans Pro*/
/*body,
.dx-widget,
.dx-widget input,
.dx-widget text-area {
    font-family: 'Source Sans Pro', Arial, sans-serif !important;   
}*/


/* Tabs */
.dx-tab {
    background-color: transparent;
    border-bottom: 4px solid transparent;
    padding-bottom: 5px;
}

.dx-tabs {
    border: none;
}

.dx-tab.dx-tab-selected {
    color: #3C83C1;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid #3C83C1;
}

.dx-tab-selected:after {
    border: none;
}

.dx-tab.dx-state-hover {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid #3C83C1;
}

.dx-tab.dx-state-focused:after {
    border: none;
}

/* Form text fields */
.dx-field-item-label-text {
    font-weight: 600;
}

/* Toolbar */

.dx-button-mode-text.dx-button-default {
    color: #3C83C1;
    text-decoration: underline;
}

.dx-header-row {
    font-weight: 600;
    font-size: 11px;
    background-color: rgba(60,131,193, 0.9);
    color: white;
}
/* styles header row column left-right borders */
.dx-datagrid .dx-column-lines.dx-header-row > td {
    border-left: 1px solid #286DAA;
    border-right: 1px solid #286DAA;
}
/* removes header row border*/
.dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-pager {
    border-top: none;
}

.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: none;
    border-right: none;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
    padding-bottom: 0;
}

.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    border-top: none;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #286DAA;
}

.dx-icon {
    font-size: 25px;
}


.overflow-auto {
    overflow: auto !important;
}

.margin-0 {
    margin: 0px;
}

.padding-0 {
    padding: 0px;
}

.bottom-0 {
    bottom: 0px;
}

.hide {
    display: none !important;
}


::-webkit-scrollbar {
    height: 7px;
    width: 7px;
}


::-webkit-scrollbar-track {
    background: #f1f1f1;
}


::-webkit-scrollbar-thumb {
    background: #888;
}


    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


input[disabled] {
    cursor: not-allowed;
}


.txtinput {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem !important;
    padding: 0px !important;
    padding-left: 20px !important;
    width: 100%;
    height: 25px;
}

option {
    font-size: 15px;
}

.dx-texteditor-input {
    /*padding: 4px 9px !important;*/
    min-height: unset !important;
    font-size: 11px !important;
}

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

    .dx-field-item-label:hover {
        cursor: pointer;
    }

.valFailed {
    border: 1px solid #bb0000 !important;
}

.dx-datagrid-header-panel .dx-toolbar {
    background: #286DAA;
    margin-bottom: 0px;
}

.progressbar {
    top: 50%;
    left: 50%;
    position: absolute;
}

table {
    border-collapse: collapse;
    font-size: 11px !important;
}

table, th, td {
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 5px;
}

.dx-button-mode-contained {
    background-color: rgba(0,0,0,.08);
    border-color: transparent;
    color: #333;
}
    /* Focused state style for accessible tabbing */
    .dx-button-mode-contained.dx-state-hover,
    .dx-button-mode-contained.dx-state-focused {
        background-color: rgba(0,0,0, .12);
    }

/*BillOCR UI 2021.02.1 Task 58868: Development : New UI changes and development*/
.btn-submit-total {
    padding: 0px 10px;
    font-size: 14px;
    vertical-align: text-bottom;
    margin-left: 25px;
}

.chk-total {
    vertical-align: middle;
    padding: 0px 5px;
}

/* Buttons */
/*.btn--gradient {
    background: transparent linear-gradient(90deg, #0164F2 0%, #10A4F0 100%) 0% 0% no-repeat padding-box;
    font-weight: 600;
}

    .btn--gradient.dx-state-hover {
        background: none;
        background-color: #0164f2;
    }

.dx-button-mode-contained {
    padding: 6px 0;
    border-radius: 4px;
}

    .dx-button-mode-contained.dx-button-default {
        background-color: rgba(0,0,0,.08);
        border: none;
        color: #333;
        font-weight: 600;
    }

        .dx-button-mode-contained.dx-button-default.dx-state-hover {
            background-color: rgba(0,0,0,.12);
        }*/