/*
    dxForm items
*/
.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 5px;
}

/*
    Splošno ikone, gumbi
*/
.dx-button .dx-icon {
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    font-size: 14px;
    line-height: 14px;
}

/*.dx-widget {
    font-size: 14px !important;
}*/

.dx-button-has-text .dx-button-content {
    padding: 3px 11px;
}

.dx-datagrid .dx-row > td {
    padding: 2px 3px;
}

.dx-datagrid .dx-row > td.dx-command-edit {
    padding: 2px 0;
}

.dx-datagrid-rowsview .dx-button-has-icon .dx-button-content {
    padding: 2px 5px;
}

/* Skrije gumb za preklic sprememb pri inline editiranju*/
.dx-datagrid-revert-tooltip {
    display: none;
}
/* Skrije zelen okvir okrog spremenjenih celic v kodi */
.dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline {
    display: none;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
    margin: 0 2px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
    width: 1px;
    min-width: 0;
    white-space: nowrap;
}

.vascoListView .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link:not(.dx-icon) {
    display: inline-block;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link:not(.dx-icon) {
    margin: auto 2px;
    padding: 1px 3px;
    text-decoration: none;
    border: 1px solid;
    border-radius: 2px;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link.dx-state-disabled:not(.dx-icon) {
    color: #1d4047;
    border-color: #b3b3b3;
    opacity: 0.5;
}

.dx-datagrid-rowsview .dx-data-row .dx-command-edit .dx-link.dx-state-hover:not(.dx-icon) {
    background-color: rgba(179, 179, 179, 0.20);
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link.dx-state-hover:not(.dx-icon) {
    background-color: rgba(179, 179, 179, 0.40);
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus:not(.dx-icon) {
    background-color: rgba(179, 179, 179, 0.30);
    color: #fff;
}

.dx-datagrid-rowsview .dx-data-row .dx-command-edit .dx-link.dx-state-active:not(.dx-icon) {
    background-color: rgba(179, 179, 179, 0.50);
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link.dx-state-active:not(.dx-icon) {
    background-color: rgba(179, 179, 179, 0.70);
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link .dx-icon {
    vertical-align: middle;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link.dx-state-disabled .dx-icon,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link.dx-state-disabled .dx-button-text {
    opacity: 0.6;
}

.dx-datagrid-total-footer td:not(:empty),
.dx-datagrid-group-footer td:not(:empty):not(.dx-command-select):not(.dx-command-expand) {
    background-color: #ff8;
}

.dx-treelist .dx-row > td {
    padding: 2px 5px;
}

.dx-datagrid .dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    background-color: #fcfcfc;
}

.dx-treelist .dx-button-has-icon .dx-button-content {
    padding: 2px 5px;
}

/*
    VASCO MENU TreeView  - expand/collapse na desni strani, manjši padding z leve strani
*/
.vascoPageBody {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.vascoSidebarContent {
    padding: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.vascoSidebarMenu {
    flex: 1;
    min-height: 0;
}

.vascoSidebarFooter {
    background-color: #a4c8e0;
    min-height: 48px;
    margin: -5px;
    margin-top: 0px;
    padding: 5px;
}

.vascoSidebarFooterContainer {
    display: table;
    height: 100%;
}

.vascoSidebarFooterContent {
    display: table-cell;
    vertical-align: middle;
}

.vascoSidebar .dx-treeview-toggle-item-visibility {
    left: unset;
    right: 10px;
}

.vascoSidebar .dx-scrollable-content > .dx-treeview-node-container > .dx-treeview-node {
    padding-left: 4px;
}
 
.vascoSidebar .dx-scrollable-content > .dx-treeview-node-container > .dx-treeview-node:not(.dx-treeview-node-is-leaf) > .dx-item * {
    font-weight: bold !important;
}

.vascoSidebar .dx-treeview-node .dx-treeview-node {
    padding-left: 10px;
}

.vascoIcon {
    font-size: 26px;
    color: rgb(52, 152, 219);
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

.vascoListViewFill {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100px;
    padding-bottom: 5px;
}

.vascoListViewHalf {
    display: flex;
    flex-direction: column;
    flex: 0.5;
    min-height: 100px;
    padding-bottom: 5px;
}

.vasco-listview-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.vasco-listview {
    position: absolute;
    width: 100%;
    height: 100%;
}

.vascoFormListViewItemButtons {
    flex-basis: 100px;
    flex: 0;
}

/*
    dxDataGrid - vertical content alignemnt
*/
.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}

/*Odstrani kljukico za validacijo*/
.dx-valid.dx-texteditor.dx-editor-filled .dx-texteditor-input-container:after,
.dx-valid.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container:after,
.dx-valid.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container:after {
    display: none;
}

.dx-valid .dx-texteditor-input {
    padding-right: 5px;
}

.dx-texteditor.dx-valid .dx-texteditor-input {
    padding-right: 5px;
}

/*popravek za nevidne gumbe v toolbar meniju*/
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default {
    background-color: #337ab7;
    border-color: transparent;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger {
    background-color: #e89895;
    border-color: transparent;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success {
    background-color: #5cb85c;
    border-color: transparent;
}

.dx-toolbar .dx-toolbar-label {
    font-size: 14px;
}

/*Naredi da pod ListView(grid) ni črt (vertical in horizontal)*/
.dx-freespace-row td {
    border-color: transparent !important;
}



/*ŠIRINA EDITOR-JEV*/

.vascoDate {
    max-width: 140px !important;
}

.vascoTime {
    max-width: 140px !important;
}

.vascoDateTime {
    max-width: 140px !important;
}

.vascoSifraInt {
    max-width: 140px !important;
}

.vascoStevilkaLeto {
    max-width: 140px !important;
}

.vascoDecimal {
    max-width: 140px !important;
}

.vascoInt {
    max-width: 140px !important;
}

.bg {
    /* The image used */
    background-image: url("/images/ozadje.png");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Popravki za zmanjšanje razmakov in splošno velikosti */
.dx-tab {
    padding: 2px;
}

.dx-form-group-caption {
    font-size: 14px;
}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 5px;
}

label {
    margin-bottom: 2px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 2px;
}

.dx-texteditor-input {
    padding: 2px;
    min-height: 20px;
}

.dx-texteditor-buttons-container > .dx-button.dx-button-has-icon:not(.dx-button-has-text) > .dx-button-content {
    padding: 0;
}

.dx-placeholder:before {
    padding: 1px 5px 1px;
}

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

.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 24px;
}

.dx-popup-bottom.dx-toolbar {
    padding-top: 2px;
}

.dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox, .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
    margin-top: 3px;
    margin-bottom: 2px;
}