/* POPOVER */

.dx-popover-wrapper .dx-popover-arrow{
    display:block !important;
}

.dx-popover-wrapper .dx-popover-arrow:after{
    border:1px solid #fff;
    background:#fff;
}

body .dx-overlay.dx-popup.dx-popover{
    z-index:10003 !important;
}

body .dx-overlay.dx-popup.dx-popover .dx-popup-normal,
body .dx-overlay.dx-popup.dx-popover .dx-popup-wrapper{
    z-index:10003 !important;
}

.mytz0-dx-theme-dark .dx-popover-wrapper .dx-popover-arrow:after{
    border-color:#363640;
    background:#363640;
}

.dx-overlay-wrapper.dx-popup-wrapper .dx-popup-normal .dx-popup-content {
    padding: 0.5rem;
}

.dx-overlay-wrapper.dx-popup-wrapper.no-padding .dx-popup-normal .dx-popup-content,
.dx-overlay-wrapper.dx-popup-wrapper.dx-dropdowneditor-overlay:not(.dx-formdialog) .dx-popup-normal .dx-popup-content,
.dx-overlay-wrapper.dx-popup-wrapper.dx-dropdownmenu-popup-wrapper .dx-popup-normal .dx-popup-content,
.dx-overlay-wrapper.dx-popup-wrapper.dx-header-filter-menu .dx-popup-normal .dx-popup-content,
.dx-overlay-wrapper.dx-popup-wrapper .dx-popup-normal .dx-popup-content.dx-dropdownbutton-content{
    padding:0;
}

.dx-dropdownlist-popup-wrapper .dx-list-item:first-of-type,
.dx-popup-content.dx-dropdownbutton-content .dx-list-item:first-of-type{
    border-top: none;
    margin-top: 0;
}

.dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type,
.dx-popup-content.dx-dropdownbutton-content .dx-list-item:last-of-type{
    border-bottom: none;
    margin-bottom: 0;
}

/* GALLERY  */
.dx-gallery .dx-gallery-nav-button-next::after,
.dx-gallery .dx-gallery-nav-button-prev::after{
    transition:.15s;
}

/* DROPDOWN */

.dx-dropdowneditor .dx-dropdowneditor-icon::before{
    transition: all .15s;
}
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before{
    content: "\f001";
    transform:rotate(180deg);
}

/* DATEBOX DATETIME */

.dx-timeview-hourarrow, .dx-timeview-minutearrow{
    transition:all .15s;
}
.dx-datebox-wrapper .dx-timeview .dx-texteditor input.dx-texteditor-input{
    padding-top:0;
    padding-bottom:0;
    margin-bottom:0;
    box-shadow:none;
    -webkit-box-shadow:none;
}

.dx-datebox-wrapper .dx-timeview .dx-texteditor input.dx-texteditor-input:focus,
.dx-datebox-wrapper .dx-timeview .dx-texteditor input.dx-texteditor-input:active{
    box-shadow:none;
    -webkit-box-shadow:none;
}

/* PAGER */

.dx-pager.dx-light-mode .dx-page-sizes .dx-selectbox .dx-texteditor-input,
.dx-pager.dx-light-mode .dx-pages .dx-light-pages .dx-page-index .dx-texteditor-input,
.dx-pager.dx-light-mode .dx-pages .dx-page-indexes .dx-navigate-button{
    padding-top: 0;
    padding-bottom: 0;
}

/* ANNOTATIONS */

.dxc-annotation-tooltip{
    z-index:10;
}

/* POPUP */

.dx-popup-title.dx-toolbar .dx-toolbar-items-container .dx-button-has-icon.dx-closebutton{
    transition:all .15s
}
.dx-popup-title.dx-toolbar .dx-toolbar-items-container .dx-button-has-icon .dx-icon{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(50% - 9px);
}

.dx-popup-wrapper.dx-selectbox-popup-wrapper .dx-list-item-content{
    padding:0.5rem;
}

/* modal */

.modal-overlay ~ .dx-overlay-wrapper{
    z-index:100010 !important
}

.modal-overlay ~ .dx-overlay .dx-overlay-wrapper{
    z-index:100010 !important
}

.mytz0-dx-theme-dark .card-loading.card-loading-effect:not(.only-empty):not(.card-loading-dark),
.mytz0-dx-theme-dark .card-loading.card-loading-effect.only-empty:empty:not(.card-loading-dark),
.mytz0-dx-theme-dark .card-loading:not(.card-loading-dark):not(.only-empty) .card-loading-effect,
.mytz0-dx-theme-dark .card-loading:not(.card-loading-dark).only-empty .card-loading-effect:empty{
    background: black;
}

.mytz0-dx-theme-dark .card-loading.card-loading-effect:not(.only-empty)::before,
.mytz0-dx-theme-dark .card-loading.card-loading-effect.only-empty:empty::before,
.mytz0-dx-theme-dark .card-loading .card-loading-effect:not(.only-empty)::before,
.mytz0-dx-theme-dark .card-loading .card-loading-effect.only-empty:empty::before{
    background: rgba(255,255,255,.15);
}

.mytz0-dx-theme-dark .card-loading.card-loading-effect:not(.only-empty)::after,
.mytz0-dx-theme-dark .card-loading.card-loading-effect.only-empty:empty::after,
.mytz0-dx-theme-dark .card-loading .card-loading-effect:not(.only-empty)::after,
.mytz0-dx-theme-dark .card-loading .card-loading-effect.only-empty:empty::after {
    background: -webkit-linear-gradient(180deg, transparent, rgba(255,255,255, 0.1), rgba(255,255,255, 0.3), rgba(255,255,255, 0.2), transparent);
    background: linear-gradient(90deg, transparent, rgba(255,255,255, 0.1), rgba(255,255,255, 0.15), rgba(255,255,255, 0.1), transparent);
}

/* button */

.dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard){
    transition:all .15s
}

/* invalid message*/
.dx-invalid-message > .dx-overlay-content,
.dx-editor-filled .dx-invalid-message-bottom .dx-invalid-message > .dx-overlay-content,
.dx-editor-filled .dx-invalid-message-top .dx-invalid-message > .dx-overlay-content,
.dx-invalid-message-bottom .dx-invalid-message > .dx-overlay-content .dx-editor-outlined,
.dx-invalid-message-top .dx-invalid-message > .dx-overlay-content .dx-editor-outlined{
    padding:0.25rem!important;
}