.wrapper-heading-bg {
    background-color: #f7f7f7;
}

.page-heading {
    padding: 0 10px 10px 10px;
    margin-bottom: 10px;
}

.page-heading-navbar {
    margin-top: 20px
}

.page-heading-back {
    font-size: 25px;
    padding-right: 10px;
}

.breadcrumb {
    background-color: #f7f7f7;
    margin-top: 25px;
    font-size: 16px;
    color: #304967;
}

    .breadcrumb > .active {
        color: #00A1DF;
    }

.breadcrumb-item + .breadcrumb-item::before {
    color: #304967;
    content: "/";
    padding-right: .2rem;
}

.menu-heading-navbar {
    float: right;
    margin-bottom: 5px;
    margin-left: 5px;
    /*margin-right: 2px;*/
}

.dx-field-item-required-mark {
    color: #00A1DF;
}

.dx-texteditor.dx-editor-underlined {
    border: none;
}

/*.dx-button-mode-contained.dx-state-hover {
    background-color: #00A1DF;
}*/

.dx-switch {
    height: 30px;
    width: 80px;
}

.dx-switch-container {
    height: 30px;
    padding: 0 4px;
}

.dx-switch-handle {
    height: 20px;
    margin-top: 4px;
}

.dx-switch-on, .dx-switch-off {
    font-size: 12px;
    line-height: 26px;
}

.dx-switch-on-value .dx-switch-handle:before,
.dx-switch-on-value.dx-switch.dx-state-hover.dx-switch-on-value .dx-switch-handle:before,
.dx-switch-on-value.dx-switch.dx-state-focused .dx-switch-handle:before,
.dx-switch-on-value.dx-switch.dx-state-active .dx-switch-handle:before {
    background-color: #2684ff;
    border: #2684ff;
}

.dx-switch-on-value.dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before {
    background-color: #fff;
}

.dx-switch-off-value .dx-switch-handle:before,
.dx-switch.dx-state-hover .dx-switch-handle:before,
.dx-switch.dx-state-focused .dx-switch-handle:before,
.dx-switch-off-value.dx-switch.dx-state-active .dx-switch-handle:before,
.dx-switch-handle:before {
    background-color: #fff;
}

.dx-switch-handle:before, .dx-switch-container {
    border-radius: 2px;
}

.dx-switch-on-value.dx-state-hover .dx-switch-container, .dx-switch-on-value.dx-state-focused .dx-switch-container {
    border-color: green;
}

.note > span {
    font-weight: 600;
}

#form1 > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(2) > div > div, #form1 > div > div > div > div > div > div > div > div > div {
    padding-top: 0 !important;
}

#form1 {
    margin-top: 2rem;
}

.long-title {
    z-index: 1;
    position: absolute;
    color: #333;
}

    .long-title h2 {
        font-size: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.dx-badge {
    color: #fff !important;
}

.form-control:focus, .single-line:focus {
    border-color: #00A1DF;
}

.form-control:hover, .single-line:hover {
    border-color: rgba(240, 91, 65, 0.4);
}

/*shadow*/
.dx-texteditor-input-container {
    box-shadow: none;
}
.dx-texteditor.dx-editor-outlined {
    box-shadow: 1px 1px 1.5px #9e9b9b8f;
}

.dx-checkbox-container, .dx-radiobutton-icon {
    box-shadow: 1px 1px 2px #949494;
}

.dx-radiobutton-icon {
    box-shadow: 1px 1px 2px #949494;
    border-radius: 50px;
}

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

.dx-treeview-item.dx-state-hover, .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused)
, .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: #DDE8FF;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td
, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: rgb(0 161 223 / 61%);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-left-color: #00a1dfde;
    border-right-color: #00a1dfde;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td {
    border-bottom: 1px solid rgb(0 161 223 / 62%);
    border-top: 1px solid rgb(0 161 223 / 62%);
}

.dx-texteditor.dx-state-hover, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon {
    border-color: #2684ff;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: #dde8ff;
}

.dx-button-mode-text .dx-icon {
    color: #2684ff;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected, .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
    background-color: rgb(0 161 223 / 60%);
}

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
        background-color: rgb(0 161 223 / 30%);
    }

.dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #00a1df;
}

.dx-tab.dx-state-hover {
    background-color: rgb(0 161 223 / 18%);
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon, .dx-datagrid-focus-overlay {
    border: 1px solid #00a1df;
}

.dx-datagrid-checkbox-size {
    line-height: 0em;
}

.dx-calendar-cell.dx-state-hover {
   /* box-shadow: inset 0 -1px 0 1000px rgb(0 161 223 / 25%);*/
}

.dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) {
   /* box-shadow: inset 0 -1px 0 1000px #00a1dffa;*/
}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
    border-color: rgb(0 161 223 / 50%);
}

.dx-switch-handle:before {
    background-color: #fff;
}

.dx-switch.dx-state-active .dx-switch-handle:before, .dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before {
    /*background-color: #00a1df;*/
    background-color: #2684ff;
    border: #fff;
}

.dx-datagrid-columns-separator {
    background-color: rgb(0 161 223 / 44%);
}

.dx-datagrid-columns-separator-transparent {
    background-color: transparent;
}

.disabled {
    pointer-events: none;
    opacity: 0.2;
    user-select: none;
    zoom: 1;
    cursor: default;
}

.spinner-custom {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: radial-gradient(farthest-side,#007bff 94%,#0000) top/9px 9px no-repeat, conic-gradient(#0000 30%,#007bff);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
  animation: spinner-c7wet2 1s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
}

@keyframes spinner-c7wet2 {
  100% {
    transform: rotate(1turn);
  }
}