/*Remove grid view table border focus highlight*/
table:focus {
    outline: none;
}

/*Remove some rounding from grid view toolbars*/
.dxgvRBB, .dxm-item.dxct-if, .dxm-item.dxct-il {
    border-radius: 0 !important
}

/*Fix overrun in gridview header dropdown filters*/
.dxeListBox_MaterialCompact td.dxeT {
    padding-left: 15px !important
}

/*Add ellipsis to text overflow in grid view cells*/
td.dxgv {
    text-overflow: ellipsis
}

/*Make flyout menu wider*/
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    width: 230px;
}

/*Darker text for field captions*/
.dxflFormLayout_MaterialCompact .dxflCaption_MaterialCompact {
    color: #222d32;
}

/*Larger and darker group row captions in gridview*/
.dxgvGroupRow_MaterialCompact {
    color: #484848;
    font-size: larger;
}

/*toggle icon default color-profile override*/
/*unchecked state */
.dxToggle.dxWeb_edtCheckBoxUnchecked_MaterialCompact {
    background-color: rgba(198, 68, 68, 0.25) !important;
    border-color: #c64444 !important;
    border-radius: 20px !important;
    transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

.dxToggle.dxWeb_edtCheckBoxUnchecked_MaterialCompact .dxSwitcher {
    background-color: #c64444 !important;
    border-color: #c64444 !important;
    border-radius: 50% !important;
    box-shadow: 0 1px 4px rgba(198, 68, 68, 0.35) !important;
    transition: all 0.3s ease !important;
}

/*checked state*/
.dxToggle.dxWeb_edtCheckBoxChecked_MaterialCompact {
    background-color: rgba(76, 175, 100, 0.25) !important;
    border-color: #4caf64 !important;
    border-radius: 20px !important;
    transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

.dxToggle.dxWeb_edtCheckBoxChecked_MaterialCompact .dxSwitcher {
    background-color: #4caf64 !important;
    border-color: #4caf64 !important;
    border-radius: 50% !important;
    box-shadow: 0 1px 4px rgba(76, 175, 100, 0.35) !important;
    transition: all 0.3s ease !important;
}

.dx-icon-ownericon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOCAxN0w4IDE1QzggMTIuNzkwOSA5Ljc5MDg2IDExIDEyIDExTDE3IDExIiBzdHJva2U9IiMyMDBFMzIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNCA4TDE3IDExTDE0IDE0IiBzdHJva2U9IiMyMDBFMzIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    display: inline-block;
    filter: invert(27%) sepia(100%) saturate(1500%) hue-rotate(200deg) brightness(95%);
}