.dx-fileuploader-wrapper {
    padding: 0 !important;
}

.dx-datagrid-header-panel{
    padding: 0 !important;
}
.dx-datagrid-header-panel .dx-toolbar {
    padding-block: 0.5rem;
    padding-inline: 0 !important;
}


.dx-texteditor.dx-editor-filled,
.dx-texteditor.dx-editor-filled.dx-state-disabled,
.dx-texteditor.dx-editor-filled.dx-state-readonly,
.dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover {
    /*background-color: rgb(235 235 235 / 12%) !important;
    background-color: #ededed !important;*/
}

.c-dropdown-item:hover {
    background: #0386c3;
    color: #FFF;
}

.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
    padding: 0px 0px 0 !important;
}

.dx-field-item-label-location-top {
    display: block;
    padding: 0px 0px 0px;
}

.dx-popup-wrapper.dx-overlay-modal > .dx-overlay-content.dx-popup-normal,
.dx-popup-wrapper > .dx-overlay-content {
    border-radius: 14px !important;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-bottom: 1rem;
}

.dx-toolbar-item-content > .dx-button {
    border-radius: 14px !important;
}

.fa-icon {
    font-size: 0.95em !important;
}

.dx-datagrid-header-panel .dx-button {
    border-radius: 5px !important;
}

.dx-datagrid-header-panel .dx-toolbar-item-content .dx-button-content {
    padding: 5px 8px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dx-datagrid-header-panel .dx-toolbar-button .dx-button-content .dx-icon {
    margin-right: 0 !important;
}

.dx-datagrid-header-panel .dx-toolbar-button .dx-button-content .dx-icon-x {
    margin-right: 2px !important;
}

.dx-datagrid-header-panel .dx-toolbar-button .dx-button-content .fa-icon-x {
    margin-right: 4px !important;
}

.dx-datagrid-header-panel .dx-button.dx-back-button {
    padding: 0 !important;
    width: 28px !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.dx-popup-title.dx-toolbar .dx-button.dx-closebutton {
    background: #d0cfcf !important;
}

.dx-popup-title.dx-toolbar .dx-button.dx-closebutton .dx-button-content.dx-icon-close {
    color: #8b8b8b;
}


.amo-btn {
    height: 28px;
    overflow: hidden;
    border-radius: 2px;
    color: rgba(0,0,0,.87);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 24%);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 13px;
    font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif;
    box-sizing: border-box;
    outline: none;
    border: none;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 0;
    /*box-shadow: 0 1px 3px rgb(0 0 0 / 24%);*/
    overflow: hidden;
    cursor: pointer;
}

.amo-btn .dx-button-text{
    line-height: 0!important;
}


.amo-btn-success {
    background-color: #8bc34a;
    color: #fff;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 24%); 
}

.amo-btn-info {
    background-color: #3ebfea !important;
    color: #FFF !important;
}

.amo-btn:focus {
    outline: none;
}

.amo-btn-success:hover, .amo-btn-success:focus {
    background-color: #75a938;
    color: #FFF;
}


.amo-btn-info:hover, .amo-btn-info:focus {
    background-color: #36b1da !important;
    color: #FFF !important;
}

.amo-progress-bar:hover {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.amo-badge-status-info {
    background: #17a2b850;
    color: #17a2b8;
    padding: 4px 8px;
}

.amo-badge-status-primary {
    background: #17a2b850;
    color: #17a2b8;
    padding: 4px 8px;
}

.amo-badge-status-danger {
    background: #dc354550;
    color: #dc3545;
    padding: 4px 8px;
}

.amo-badge-status-success {
    background: #14b76b50;
    color: #14b76b;
    padding: 4px 8px;
}

.amo-badge-status-warning {
    background: #ffc10750;
    padding: 4px 8px;
}

.amo-badge-status-secondary {
    background: #6c757d50;
    color: #6c757d;
    padding: 4px 8px;
}

.amo-badge-status-pink {
    position: relative;
    background: #ee41ba50;
    color: #ee41ba;
    padding: 4px 8px;
}

.amo-highlited-row::before {
    position: absolute;
    content: '';
    left: 0px;
    width: 8px;
    height: 8px;
    background: var(--bg);
    align-self: center;
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    top: 14px;
}

.dx-row.dx-data-row.dx-row-focused > td > span.badge,
.dx-row.dx-data-row.dx-row-focused > td.amo-highlited-row {
    --bg: #fff !important;
    color: var(--bg);
}

.btn-group > .amo-btn:first-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-group > .amo-btn:last-child {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.amo-row-btn {
    font-size: 0.75em;
    height: 22px;
    margin: 0 !important;
    padding-inline: 8px;
}

.amo-row-btn>i.icon{
    font-size: inherit;
    margin-inline: 0 !important;
}

.dropdown-menu {
    -webkit-box-shadow: 6px 8px 18px 0px rgb(69 90 100 / 67%);
    box-shadow: 6px 8px 18px 0px rgb(69 90 100 / 67%);
}

.dropdown-menu .dropdown-item:hover{
     background: #3ebfea !important;
    color: #FFFFFF !important;
}


.amo-btn-bold,.amo-btn-bold:focus {
    position: relative;
    background: transparent !important;
}

.amo-btn-bold.dx-icon-add::before {
    border-radius: 50%;
    top: -5px;
    bottom: 0;
    height: 23px;
    width: 23px;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.amo-btn-bold.success.dx-icon-add::before{
    background: #4caf50;
    box-shadow: 1px 1px 5px 1px #767676;
}

.no-border.dx-state-focused::before,
.no-border.dx-state-hover::before,
.no-border.dx-state-hover {
    border: none !important;
}

.no-border .dx-editor-filled.dx-state-hover {
    background: red;
}

.no-border .dx-texteditor.dx-editor-filled.dx-state-hover {
    background: red !important;
}

.no-border .dx-state-hover * {
    border: none !important;
    background: transparent !important;
}