.dx-header-row {
    background: #3f80ea !important;
}

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


card-title.tablename {
    width: 10% !important;
}
.dx-dropdowneditor.dx-dropdowneditor-field-clickable:hover {
    border: 1px solid gray !important;
}

.dx-texteditor-container:hover {
    border: 1px solid gray !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;
}

.dropdownbox {
    float: left !important;
    margin-top: 7px !important;
}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled, .nav-tabs .nav-link {
    background-color: transparent;
    border-color: transparent;
    color: #000379;
    font-weight: 500;
    border: 1px solid #000379;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dx-datagrid .dx-link {
    text-decoration: underline;
    cursor: pointer;
    color: #00047b !important;
}
.card-header-tabs .nav-link.active {
    color: #fff;
    background-color: #000379;
    border-bottom-color: #000379;
    font-weight: 500;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}
.card-body {
    border-left: 2px solid #00047b;
}
.btn-primary {
    background: #000379 !important;
    border: 1px solid #000379;
}
.card-title {
    font-weight: 500 !important;
    color: black !important;
}

.bgbox {
    background: #fff !important;
    border-radius: 10px !important;
}

select {
    width: 100%;
    height: 26px;
}

#SelectedTableId {
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #b7b7b7;
    width: 100%;
}

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

.dx-header-row .dx-command-edit {
    background: #3f80ea !important;
}


.dx-header-row {
    color: #fff !important;
    background: #3f80ea !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 #e4e4e4 !important;
}

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

.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: 0px !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child {
    border-bottom: 0px !important;
    text-align:left !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: #3f80ea !important;
    border-radius: 100px;
    min-height: 35px;
    min-width: 35px;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
}

.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
    background: #3f80ea !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;
}

.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;
    }

.transparat-logo {
    width: 45%;
    margin: 0 auto;
    opacity: 0.2;
}




.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.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;
}