/* Property/Value Structure
------------------------------------------------------------------------------------------------------------*/

/* 
    <> Display & Positioning
        -> display 
        -> position
        -> top, left, right, bottom 
    <> Margin & Padding
        -> margin 
        -> padding
        -> width
        -> height
    <> Float & Clear
        -> float
        -> clear
    <> Font Styling
        -> font
        -> font-size
        -> font-style
        -> font-weight
        -> font-variant
        -> line-height
        -> text-decoration
        -> color
    <> Backgrounds & Broders
        -> background
        -> background-color
        -> background-image
        -> background-repeat
        -> background-position
        -> border
    <> Additionals
        -> overflow
        -> visibility
        -> z-index
        -> "rest"
*/

/* DevExtreme - Overrides
------------------------------------------------------------------------------------------------------------*/

/* dxWidget */

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

/* dxButton */

.dx-button-has-text .dx-button-content {
    padding: 7px 12px 8px;
}

.dx-button-has-text.dx-button-has-icon .dx-button-content {
    padding: 7px 12px 8px 10px;
}

.dx-button-has-text .dx-icon {
    margin-right: 4px;
}

.dx-button-has-text.dx-button-has-icon .dx-icon {
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 16px;
}

/* dxScrollable */

.dx-scrollbar-vertical {
    right: -2px;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 10px;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 10px;
}

/* dxTooltip */

.dx-tooltip-wrapper {
    width: 100%;
}

/* dxDataGrid */

.dx-datagrid-search-panel {
    margin-left: 0;
}

.dx-datagrid-headers {
    border-bottom: none;
    color: #676a6c;
}

.dx-datagrid-content .dx-datagrid-table td {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-datagrid .dx-header-row > td {
    font-weight: 600;
}

.dx-datagrid .dx-header-row > td, .dx-datagrid .dx-data-row > td {
    color: #676a6c;
    padding: 12px 10px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td {
    vertical-align: middle;
}

.dx-datagrid .dx-link {
    text-decoration: none;
}

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before {
    background-image: none;
}

.dx-datagrid-nodata {
    font-size: 20px;
    text-align: center;
    width: 100%;
}

.dx-datagrid-revert-tooltip {
    display: none;
}

.dx-datagrid-focus-overlay {
    border: none;
}

.dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
    background-color: #3498db;
    border-color: #3498db;
    color: white;
    height: 22px;
    width: 22px;
}

.dx-datagrid-checkbox-size.dx-state-focused .dx-checkbox-icon {
    border-color: lightgray;
}

.dx-datagrid-checkbox-size .dx-checkbox-icon {
    height: 22px;
    width: 22px;
}

.dx-datagrid-checkbox-size .dx-checkbox-icon:hover {
    border-color: #3498db;
    border-width: 2px;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: transparent !important;
}

.dx-datagrid-pager {
    border-top: none;
    margin-top: 5px;
}

/* dxDataList */

.dx-list-select-all-label {
    font-weight: 600;
}

.dx-list-item {
    border-top: 1px solid #E7EAEC;
}

.dx-list .dx-empty-message {
    border-top: none;
    color: #888888;
    font-size: 16px;
    font-weight: 600;
    padding: 40px 0;
    text-align: center;
}

/* dxTreeList */

.dx-treelist-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
    font-size: 10px;
}

.dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon:before {
    height: 8px;
    left: 3px;
    top: 3px;
    /*width: 6px;
    height: 6px;
    left: 4px;
    top: 4px;*/
    width: 8px;
}

.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
    background-image: none;
}

/* dxTreeView */

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

.dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item {
    /*padding-left: 32px;*/
    padding-left: 28px;
}

.dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-checkbox {
    left: 17px;
    top: 7px;
}

.dx-treeview .dx-treeview-toggle-item-visibility {
    font-size: 18px;
    height: 28px;
    line-height: 18px;
    width: 16px;
}

.dx-treeview .dx-treeview-toggle-item-visibility:before {
    margin-left: -6px;
    /*margin-top: -7px;
    margin-left: -7px;*/
    margin-top: -8px;
    width: 18px;
}

.dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
    font-size: 18px;
    line-height: 18px;
}

.dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    margin-left: -6px;
    /*margin-top: -7px;
    margin-left: -7px;*/
    margin-top: -8px;
    width: 18px;
}

.dx-treeview .dx-empty-message {
    color: #999;
    display: block;
    font-size: 16px;
    left: auto;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

/* dxForm */

.dx-form-group-caption {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

/* dxPopup */

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

.dx-popup-content.dx-dialog-content {
    padding: 20px;
    padding-bottom: 0 !important;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container .dx-toolbar-center {
    float: right !important;
}