/*Begin Dashboard How Hide Menus Based on QueryParams*/
#page-topbar {
    display: none;
}

.dashboard-header {
    display: none;
}

/*End Dashboard How Hide Menus Based on QueryParams*/

/*Begin Overwrite Devexpress Dashboard Css*/
/*dashboard-title{
        display: none !important;
    }
    .dx-dashboard-viewer.dx-dashboard-container .dx-dashboard-layout-container {
        top: 0 !important;
    }*/
    
.dxqb-designer .dxqb-table .dx-checkbox-container .dx-checkbox-icon {
    display: inline-block;
}

/*This was done to adjust the position of the dashboard*/
.dashboard-viewer-mode .dx-dashboard-surface {
    top: 0px !important;
    bottom: 0px !important;
    /* left: -10px !important;
    right: -10px !important; */
}

.dashboard-viewer-mode .dx-dashboard-surface.dx-dashboard-mobile-surface {
    top: 0px !important;
}

.dashboard-designer-mode .dx-dashboard-surface {
    left: 81px !important;
    top: 36px !important;
    /* right: -12px !important; */
    bottom: 0px !important;
}

/*End Overwrite Devexpress Dashboard Css*/
/*Begin Dashboard Viewer Mode Css*/
/*Begin Dashboard Viewer Mode Css*/
/*Begin Dashboard Designer Mode Css*/
.dashboard-designer-mode .dx-dashboard-item-plate {
    pointer-events: auto;
    top: 0px;
    left: calc(50% - 15px);
    cursor: move;
    background: #2d3f53;
    border-radius: 2px;
    width: 30px;
    height: 30px;
}

.dashboard-designer-mode .dx-dashboard-item-plate svg {
    height: 32px;
}

.dashboard-designer-mode .dx-dashboard-item-menu {
    top: 0;
    transform: translateY(0.1%);
    right: -37px;
    padding-left: 0;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
    background-color: #2d3f53;
}

.dashboard-designer-mode .dx-dashboard-datasource-icon.dx-dashboard-datasource-icon-rename,
.dashboard-designer-mode .dx-dashboard-datasource-icon.dx-dashboard-datasource-icon-remove,
.dashboard-designer-mode .dx-dashboard-datasource-field-icon.dx-dashboard-datasource-field-icon-remove,
.dashboard-designer-mode .dx-dashboard-datasource-tree-wrapper .dx-treelist-item:not(.dx-treelist-group-item) .dx-dashboard-datasource-field-icon-edit,
.dashboard-designer-mode .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-row-action,
.dashboard-designer-mode .dx-dashboard-datasource-tree-actions-wrapper .dx-dashboard-form-row-action {
    display: none !important
}

/*End Dashboard Designer Mode Css*/

/*Begin Data Grid Modify Css*/
.custom-grid-item-selection-pupup-scroll-container {
    overflow-y: auto;
    height: 25em;
}

/*End Data Grid Modify Css*/

/*Begin Designer Item Information Css*/
#info-summernote+.note-editor.note-frame {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    overflow: hidden;
    z-index: 9999;
}

#info-summernote+.note-editor.note-frame .note-editing-area {
    flex: 1;
}

#info-summernote+.note-editor.note-frame .note-editable {
    height: 100% !important;
}

#info-summernote+.note-editor.note-frame.fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
    transform: none;
    z-index: 1050;
}

#info-summernote+.note-editor.note-frame .note-editor-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    column-gap: 1rem;
    padding: 0.625rem 0 0 0;
}

.note-modal-footer {
    padding: 0;
    margin: 10px;
}

/*Begin Designer Item Information Css*/

/* Bigin Right Sidebar Css*/
.right-bar {
    width: 322px;
    right: -322px;
}

/* End Right Sidebar Css*/



/****** GRID MODIFY POPUP STYLING*************/
.modify-grid-popup .dx-popup-title {
    border-bottom: 0;
}

.modify-grid-popup-title {
    color: #020303;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.modify-grid-popup-cancel-btn,
.modify-grid-popup-cancel-btn.dx-state-hover {
    color: #EB5757;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    background: none;
}

.modify-grid-popup .dx-toolbar.dx-popup-bottom {
    border-radius: 0px 0px 6px 6px;
    border-top: 1px solid #DEE4E4;
}

.modify-grid-popup .dx-toolbar.dx-popup-bottom .dx-toolbar-items-container {
    height: 40px;
}

.modify-grid-popup-save-btn,
.modify-grid-popup-save-btn.dx-state-hover,
.modify-grid-popup-save-btn.dx-state-focused {
    border-radius: 6px;
    border: 1px solid #0B9294;
    background: #0B9294;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    padding: 4px 14px;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.modify-grid-popup-reset-btn,
.modify-grid-popup-reset-btn.dx-state-hover,
.modify-grid-popup-reset-btn.dx-state-focused {
    border-radius: 6px;
    border: 1px solid #B6BFBF;
    background: #FFF;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    padding: 4px 14px;
    justify-content: center;
    align-items: center;
    color: #020303;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

#modify-grid-nav-tab .nav-link,
#modify-grid-nav-tab .nav-link:hover {
    color: #5A6161;
    font-weight: 600;
    display: flex;
    height: 36px;
    padding: 0px 12px 12px 4px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 0;
    font-size: 14px;
}

#modify-grid-nav-tab .nav-link.active {
    border: 0;
    border-bottom: 2px solid #0B9294;
    color: #0B9294;
}

.modify-grid-list-items .dx-texteditor.dx-editor-outlined {
    border-radius: 6px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #B6BFBF;
    background: #FFF;
}

.modify-grid-list-items .dx-scrollable-wrapper {
    border-top: 1px solid #DEE4E4;
    margin-top: 3%;
}

.modify-grid-list-items .dx-scrollable-wrapper .dx-scrollable-container {
    padding-top: 2%;
}

.modify-grid-selected-column {
    border-left: 1px solid #DEE4E4;
    border-top: 1px solid #DEE4E4;
    margin-top: 4.5%;
}

.modify-grid-selected-column .dx-list-item {
    border-radius: 6px;
    border: 1px solid #B6BFBF;
    background: #FFF;
    display: flex;
    padding: 6px;
    justify-content: center;
    align-items: center;
    margin-bottom: 9px;
}

.modify-grid-list-font {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-wrap: wrap;
}

.modify-grid-list-items .dx-checkbox-checked .dx-checkbox-icon {
    color: #fff;
    background: #0B9294;
    border-radius: 4px;
}

#dashboard-reload-button,
#breadcrumb-grid-icon {
    color:#8C8282;
    font-size: 14px;
    border-radius: 0px;
    padding: 0px 4px;
    width: 24px;
    height: 24px;
    border: 0px; 
}

#dashboard-reload-button:focus,
#breadcrumb-grid-icon:focus {
    box-shadow: none !important;
}

.dashboard-header button#dashboard-reload-button i,
.dashboard-header button#breadcrumb-grid-icon i {
    font-size: 14px;
}