.card-header {
    background: #ffffff !important;
    border-bottom: 6px solid #e7e7e7;
    padding-bottom: 30px;
    padding-right: 34px;
    padding-top: 20px;
    border-left: 15px solid #00047b;
}
.tablename {
    width: 10% !important;
}
.card-body {
    border-left: 2px solid #00047b;
}
.dropdownbox {
    float: left !important;
    margin-top: 7px !important;
}

h1 {
    font-weight: 500 !important;
    color: #3f80ea !important;
    font-size: 1.3rem !important;
}

.bgbox {
    background: #fff !important;
    border-radius: 10px !important;
}
.dx-checkbox-indeterminate .dx-checkbox-icon::before {
    position: relative;
    display: block;
    width: 1em;
    top: 50%;
    margin-top: -.5em;
    left: 50%;
    margin-left: -.5em;
    content: "";
    background-color: transparent !important;
    border-radius: 2px;
    height: 1em;
}
#SelectedTableId {
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 100%;
}

.dx-texteditor.dx-state-hover {
    border: none !important;
}

.dx-header-row .dx-command-edit {
    background: #00047b !important;
}


.dx-header-row {
    color: #fff !important;
    background: #00047b !important;
    font-weight: 500 !important;
}


.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter {
    color: #fff !important;
}

table tr td {
    border: none !important;
}

.dx-datagrid .dx-column-lines > td {
    border-left: none !important;
    border-right: 1px solid #a4a4a4 !important;
}

.dx-datagrid-rowsview .dx-row {
    border-bottom: 1px solid #a4a4a4 !important;
    /*#e4e4e4*/
}

.dx-datagrid .dx-row-lines > td {
    border-bottom: 0px !important;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
    border: 1px solid darkgrey !important;
    margin-right: 10px !important;
}

/*.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    border-top: 1px !important;
}*/

.dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child {
    border-bottom: 0px !important;
}

.dx-datagrid-borders > .dx-datagrid-headers {
    border-top: none !important;
    border-bottom: none !important;
}

.dx-state-hover {
    border: 1px solid #265a87 !important;
}

#gridContainer {
    width: 100% !important;
    padding: 15px !important;
    background: #fff !important;
}

#dx-col-2 {
    width: auto !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td.dx-datagrid-headers .dx-datagrid-table .dx-row > td

#dx-col-1 {
    width: auto !important;
}

/*.dx-datagrid-rowsview {*/
    /*max-height: 410px !important;*/
    /*overflow-y: auto !important;
}*/

.dx-command-edit {
    background: #fff !important;
}

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    cursor: inherit;
    text-shadow: none;
    color: #fff !important;
    font-weight: bold !important;
    border-color: transparent;
    background-color: #00047b !important;
    border-radius: 100px;
    min-height: 35px;
    min-width: 35px;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #00047b #00047b #00047b !important;
    isolation: isolate;
}
.btn-primary {
    background: #000379 !important;
    border: 1px solid #000379;
}
.dx-datagrid .dx-link {
    text-decoration: underline;
    cursor: pointer;
    color: #00047b !important;
}
.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
    background: #00047b !important;
    border-radius: 100px;
}

.dx-field-value, .dx-field-value-static {
    float: left !important;
}

.dx-toolbar-text-auto-hide .dx-button .dx-icon {
    color: #fff !important;
}

/*
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    color: #fff !important;
    background: #3f80ea !important;
    font-weight: 500 !important;
}
    */

.dx-column-indicators {
    float: left !important;
}

.dx-text-content-alignment-left {
    margin-left: 12px !important;
}

.dx-button-mode-contained {
    border-color: #fff !important;
}

    .dx-button-mode-contained :hover {
        border-color: #fff !important;
    }

    .dx-button-mode-contained:focus {
        border-color: #fff !important;
    }

        .dx-button-mode-contained:focus .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
            border-color: #fff !important;
        }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container:focus-visible {
    border: #fff !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child:focus-visible {
    border: #fff !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell:focus-visible {
    border: #fff !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
    height: 50px !important;
}




.dx-field-label {
    width: 10% !important;
}

.readonly {
    background-color: lightgray;
    border: 1px solid darkgray;
}

.textboxWM {
    margin-top: 8px;
    width: 180px;
    height: 27px;
}

.dx-field-value-static, .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
    width: 20% !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    text-align: left !important;
}

.dx-state-hover {
    border: none !important;
}

.dx-context-menu-container-border {
    border: none !important;
}


    .dx-context-menu-container-border:hover {
        border: none !important;
    }

:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}


.nav-tabs .tabbtn:hover {
    color: #fff !important;
    background: #3266bb;
    border: 1px solid #3266bb;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: none;
}

.nav-tabs .tabbtn.active {
    color: #fff !important;
    background: #3266bb;
    border: 1px solid #3266bb;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: none;
}



.sites-wrapper {
    background-color: #ededed !important;
    height: 100% !important;
    display: block !important;
    max-height: calc(100% - 70px) !important;
}

    .sites-wrapper ul {
        padding: 0 !important;
        padding-top: 10px !important;
        overflow-y: auto !important;
        max-height: 300px !important;
    }

.site {
    list-style-type: none !important;
    text-align: left !important;
    padding: 5px 10px !important;
    background-color: white !important;
    border-radius: 3px !important;
    margin: 4px !important;
    text-transform: capitalize !important;
    cursor: pointer !important;
}

    .site.selected {
        background-color: #3f80ea !important;
        color: #fff !important;
    }

.dx-focused {
    border: none !important;
}

.dx-icon-export {
    font-size: 1.5rem !important;
    margin-right: 4px !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell:focus {
    border: none !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell:focus-within {
    border: none !important;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu {
    margin-left: 0.5rem;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #c7c7c7;
    outline: none;
    box-shadow: none;
}

button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}
footer.footer {
    background: #ffffff;
    border-top: 2px solid #000379;
    direction: ltr;
    padding: 1rem .75rem;
}