.oc-dashboard{--oc-color-widget-skeleton:var(--bs-secondary-color);--oc-opacity-widget-skeleton:0.5;--oc-color-control-border:#bdc3c7;--oc-dashboard-max-row-widgets:20;--oc-dashboard-gap-size:20px;--oc-widget-body-padding:17px}.daterangepicker{background:var(--bs-modal-bg);border:var(--oc-popup-border) !important;.drp-buttons{border-top:var(--oc-popup-border)}.ranges li:hover{background-color:var(--bs-secondary);color:white}&.show-ranges.ltr .drp-calendar.left{border-left:var(--oc-popup-border)}&:before,&:after{display:none!important}.calendar-table{background-color:transparent;border-color:transparent}td.off,td.off.in-range,td.off.start-date,td.off.end-date{background-color:transparent;color:inherit}td.in-range:not(.active){background-color:var(--bs-secondary)}td.available,th.available{&:hover{background-color:var(--bs-secondary);color:inherit}}.calendar-table{.prev span,.next span{border-color:var(--bs-body-color)}}}.oc-dashboard .dashboard-report-container{transition:margin 0.1s;margin:0;position:relative;&:before{content:'';position:absolute;opacity:0;left:-25px;top:15px;bottom:-30px;border-left:1px dashed var(--oc-color-control-border)}&.edit-mode{margin-left:40px;&::before{opacity:100%}}.rows-container{margin:0 calc((var(--oc-dashboard-gap-size) / 2) * -1)}.row-controls{position:absolute;.edit-row-button{width:35px;height:35px;user-select:none;cursor:pointer;border-radius:38px;border:1px solid var(--oc-toolbar-border);background-color:var(--oc-toolbar-bg);position:absolute;left:-32px;top:0;transition:transform 0.05s;display:flex;justify-content:center;align-items:center;&:focus{border-color:var(--oc-border-focus)}&.add-row i{font-size:22px;color:#5F6368}}}>.row-controls{padding-bottom:50px}}.oc-dashboard .dashboard-toolbar-container{padding-bottom:20px;display:flex;gap:20px;justify-content:space-between;align-items:flex-start;.dashboards{flex:1;min-width:0}.dashboard-toolbar-button{padding:7px 10px;text-decoration:none;display:flex;color:var(--oc-toolbar-color);align-items:center;background-color:var(--oc-toolbar-bg);border:1px solid var(--oc-primary-border);min-height:36px;-webkit-appearance:none;white-space:nowrap;&[disabled]{opacity:0.6}&.selected{background-color:var(--oc-selection);color:white;border-color:var(--oc-selection)}&.primary{background-color:var(--bs-primary);border-color:var(--bs-primary);color:white}i{font-size:18px;&:first-child{margin-right:5px}&:last-child{margin-left:5px}&:first-child:last-child{margin-left:0;margin-right:0}}&.dropdown{i{font-size:14px}}&.stack{text-align:left;align-items:start;flex-direction:column;>div{color:var(--bs-secondary-color);font-weight:500}}}.dashboard-button-set{display:flex;.dashboard-toolbar-button{margin:0 0 0 -1px;&.selected,&.primary{z-index:1;position:relative}&:first-child{margin-left:0;border-top-left-radius:10px;border-bottom-left-radius:10px}&:last-of-type{border-top-right-radius:10px;border-bottom-right-radius:10px}}}.dashboard-selector{display:flex;gap:15px;margin-top:10px;h2{font-size:24px;margin:0;line-height:1.4}}@media (max-width:768px){display:block;.dashboard-selector{justify-content:space-between;margin-bottom:20px}}@media (max-width:576px){.manage-dashboard-controls{.dashboard-toolbar-button{flex:1}}}}.oc-dashboard .report-row{margin-bottom:0;&.no-widgets{margin-bottom:var(--oc-dashboard-gap-size)}&.equal-height-widgets{align-items:stretch}&.widget-doesnt-fit-animation{-webkit-animation:shake-horizontal 0.8s cubic-bezier(0.455,0.030,0.515,0.955) both;animation:shake-horizontal 0.8s cubic-bezier(0.455,0.030,0.515,0.955) both}.row-widgets{margin:0 -(calc(var(--oc-dashboard-gap-size) / 2));display:flex;flex-wrap:wrap;align-items:flex-start;transition:transform 0.2s}&.reordering{.row-widgets{transform:scale(1.002)}}.add-widget-button{border-radius:10px;border:1px solid var(--oc-toolbar-border);background-color:var(--oc-toolbar-bg);height:58px;margin:19px;display:flex;gap:5px;padding:0 10px;justify-content:center;align-items:center;cursor:pointer;>i{font-size:28px;color:#5F6368}>span{}}}.oc-dashboard{.reorder-row-list-move{transition:transform 0.2s}.edit-mode{.report-row{&.no-widgets{.row-widgets{margin:0 (calc(var(--oc-dashboard-gap-size) / 2));min-height:100px;border-radius:10px;border:2px dashed #ECF0F1}}}}.responsive-mode{.report-row{}}}@keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}}.oc-dashboard .dashboard-report-widget{min-width:0;position:relative;margin-bottom:var(--oc-dashboard-gap-size);&.fixed-width-1{width:5%}&.fixed-width-2{width:10%}&.fixed-width-3{width:15%}&.fixed-width-4{width:20%}&.fixed-width-5{width:25%}&.fixed-width-6{width:30%}&.fixed-width-7{width:35%}&.fixed-width-8{width:40%}&.fixed-width-9{width:45%}&.fixed-width-10{width:50%}&.fixed-width-11{width:55%}&.fixed-width-12{width:60%}&.fixed-width-13{width:65%}&.fixed-width-14{width:70%}&.fixed-width-15{width:75%}&.fixed-width-16{width:80%}&.fixed-width-17{width:85%}&.fixed-width-18{width:90%}&.fixed-width-19{width:95%}&.fixed-width-20{width:100%}&:first-child{margin-left:0}&:last-child{margin-right:0}.widget-inner-container{margin:0 calc(var(--oc-dashboard-gap-size) / 2);border-radius:10px;border:1px solid var(--oc-toolbar-border);background-color:var(--oc-toolbar-bg);overflow:hidden;height:100%;transition:box-shadow 0.2s;position:relative}&.frameless{.widget-inner-container{border-radius:0;background-color:transparent;border:none;padding:0;transition:padding 0.2s,background-color 0.2s}&.edit-mode{.widget-inner-container{padding:5px 50px 15px 15px;border-radius:10px;background-color:#F4F5F5}.widget-controls{.edit-widget-button{top:12px}}}}&.dragged{.widget-inner-container{position:relative;&:after{content:'';position:absolute;inset:0;z-index:1;background-color:#ECF0F1}}}.resize-handle{position:absolute;width:5px;right:calc((-2px + var(--oc-dashboard-gap-size)) / 2);top:10px;bottom:10px;border-radius:5px;background-color:var(--bs-secondary);cursor:col-resize;user-select:none;opacity:1;transition:opacity 0.4s;z-index:2}&.widget-clone{position:fixed;top:-1000px;left:-1000px;.resize-handle{opacity:0}}.widget-controls{.edit-widget-button{width:33px;height:33px;user-select:none;cursor:pointer;background-color:var(--oc-toolbar-bg);border-radius:35px;position:absolute;right:18px;top:10px;transition:transform 0.05s;z-index:1;&:hover>img path{fill:red}&:focus{border-color:var(--oc-border-focus)}>img{position:absolute;left:15px;top:9px}}}.widget-error{span.ph{color:#95A5A6;font-size:46px;padding-bottom:10px}p{margin-bottom:0}}.generic-widget-error{padding:15px}h3.widget-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--bs-secondary-color);font-weight:normal}div.widget-body{padding:var(--oc-widget-body-padding)}.dashboard-total-value{font-size:24px}.total-container{display:flex;gap:5px;align-items:center;justify-content:right;&.align-left{justify-content:left}}.prev-period-marker{font-size:12px;display:inline-block;padding:1px 4px 1px 2px;border-radius:6px;background-color:#F1F8E3;color:#77AC06;display:inline-flex;align-items:center;&.negative{background-color:#FCEBE9;color:#C0392B}&.neutral{background-color:#F9F9F9;color:inherit;padding-left:4px}}}.oc-dashboard{[data-report-container].dragging{.dashboard-report-widget{.resize-handle{opacity:0}}}.report-row.reordering{.dashboard-report-widget{.widget-inner-container{box-shadow:0 0 25px rgba(0,0,0,0.11)}}}.responsive-point-1 .report-row{&.widgets-5{.row-widgets .dashboard-report-widget{width:33.3%}}&.widgets-4,&.widgets-3{.row-widgets .dashboard-report-widget{width:50%}}&.widgets-2,&.widgets-1{.row-widgets .dashboard-report-widget{width:100%}}}.responsive-point-2 .report-row{&.widgets-4,&.widgets-5{.row-widgets .dashboard-report-widget{width:50%}}&.widgets-3,&.widgets-2,&.widgets-1{.row-widgets .dashboard-report-widget{width:100%}}}.responsive-point-3 .report-row{&.widgets-5{.row-widgets .dashboard-report-widget{width:50%}}&.widgets-4,&.widgets-3,&.widgets-2,&.widgets-1{.row-widgets .dashboard-report-widget{width:100%}}}.responsive-point-4 .report-row{&,&.widgets-5,&.widgets-4,&.widgets-3,&.widgets-2,&.widgets-1{.row-widgets .dashboard-report-widget{width:100%}}}.dashboard-widget-loading-pulse{animation:dashboard-widget-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}}@keyframes dashboard-widget-pulse{50%{opacity:.3}}@keyframes board-widget-graph-animation{from{left:-100%}to{left:0}}.oc-dashboard .dashboard-report-widget{.report-widget{padding:0;h3{display:none}}}.oc-dashboard .dashboard-report-widget .dashboard-report-widget-indicator{display:flex;flex-direction:column;.indicator-body{padding:var(--oc-widget-body-padding) var(--oc-widget-body-padding) 11px;display:flex;flex-direction:row;gap:15px;.indicator-details{min-width:0}p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h3{margin:-1px 0 0 0}p{color:inherit;font-size:24px;margin:-4px 0 0 0}.widget-error{display:flex;max-width:100%;span.ph{display:inline-block;margin-right:15px;font-size:40px}p{font-size:14px;white-space:normal}}}.indicator-icon{width:40px;height:40px;border-radius:8px;flex-shrink:0;color:white;display:flex;align-items:center;position:relative;justify-content:center;i:before{font-size:32px}&.status-info{background-color:#6A6CF7}&.status-important{background-color:#F1C40F}&.status-success{background-color:#87C00D}&.status-warning{background-color:#D6301D}&.status-disabled{background-color:#BDC3C7}.icon-complication{position:absolute;&.up{width:18px;height:18px;top:-9px;right:-9px;display:block;background:url('../modules/dashboard/assets/images/dashboard/complication-level-up.svg') no-repeat}}}.indicator-link-container{padding:10px 17px;background-color:var(--oc-sidebar-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;&.disabled{color:#BDC3C7}}&.loading{.indicator-icon{background-color:var(--oc-color-widget-skeleton);opacity:var(--oc-opacity-widget-skeleton);i{display:none}}.indicator-link{>span{display:flex;&:before{content:'';margin:3px 0;border-radius:40px;width:60%;background-color:var(--oc-color-widget-skeleton);opacity:var(--oc-opacity-widget-skeleton)}}}.indicator-body{.indicator-details{width:100%;h3,p{position:relative;display:flex;flex-direction:row;&:before,&:after{border-radius:40px;background-color:var(--oc-color-widget-skeleton);opacity:var(--oc-opacity-widget-skeleton)}&:before{content:'';width:30%}}h3:after{content:'';width:20%}p{&:before{width:80%;margin:10px 0 6px 0}}}}}}.oc-dashboard .dashboard-report-widget .dashboard-report-widget-chart{.widget-chart-container{position:relative;width:100%;height:250px;&.error{display:none !important}canvas{height:250px !important;width:100% !important}}&.loading{.widget-chart-container{canvas{display:none !important}&:before,&:after{content:'';position:absolute;width:200%;height:100%;top:0;z-index:0}&:before{background:transparent url('../modules/dashboard/assets/images/dashboard/graph-loading-1.svg') repeat-x 0 50%;animation:board-widget-graph-animation 8s infinite alternate ease-in-out}&:after{background:transparent url('../modules/dashboard/assets/images/dashboard/graph-loading-2.svg') repeat-x 0 50%;animation:board-widget-graph-animation 8s infinite alternate-reverse ease-in-out}}}.widget-error{margin:30px auto;max-width:400px;text-align:center;span.ph{display:inline-block;margin-bottom:15px;font-size:56px}}.totals{display:flex;gap:25px;flex-direction:row;.total-cell{text-align:right;.total-name{font-weight:500;display:flex;gap:5px;align-items:center;justify-content:flex-end;.total-color{width:10px;height:10px;border-radius:6px;border:1px solid white}}.skeleton-container{display:flex;flex-direction:column;align-items:flex-end;.data-skeleton{background-color:var(--oc-color-widget-skeleton);opacity:var(--oc-opacity-widget-skeleton);border-radius:40px;&.skeleton-name{height:14px;margin:3px 0;width:60px;margin-bottom:9px}&.skeleton-value{height:28px;width:40px}}}}}}.oc-dashboard .dashboard-report-widget .dashboard-report-widget-table{.table-widget-data{display:grid;width:100%;.header,.row,.totals{display:contents}.header .cell{font-weight:500}.cell{padding:6px;border-bottom:1px solid var(--oc-toolbar-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;color:inherit;&:first-child{padding-left:0}&:last-child{padding-right:0}&.hide_link{cursor:default;&:hover{text-decoration:none}}.cell-data-container{position:relative;overflow:hidden;text-overflow:ellipsis}.cell-data{overflow:hidden;text-overflow:ellipsis}.data-skeleton{display:none;&.force{display:block}}&.paginating{text-overflow:clip;.cell-data-container{text-overflow:clip}span.cell-data{visibility:hidden;text-overflow:clip}.data-skeleton{display:block;position:absolute;top:0}.relative-bar{visibility:hidden}}&.metric{text-align:right;&.header-loading{display:flex;justify-content:flex-end}&.has-relative-bar{grid-column:span 2}.metric-total{font-size:12px;color:#7F8C8D}&.relative-bar-container{width:50px;display:flex;justify-content:flex-end;align-items:center;padding-right:0;.relative-bar{display:block;border-radius:6px;height:6px}}.metric-data-container{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:5px}}&.paginating{}}.row{&:last-child .cell{border-bottom:none}}}.data-skeleton{border-radius:40px;display:inline-block;width:60%;height:14px;margin:3px 0;max-width:200px;min-width:20px;background-color:var(--oc-color-widget-skeleton);opacity:var(--oc-opacity-widget-skeleton);&.pagination{width:40%}}.totals.loading{.cell{font-size:0}.data-skeleton{height:28px}}.dimension-skeleton{display:flex;gap:5px;.data-skeleton{&:first-child{width:30%}&:last-child{width:50%}}}.pagination-skeleton{display:flex;gap:5px;width:100%;.data-skeleton{min-width:0;max-width:none;margin:6px 0;&:first-child{width:60%}&:nth-child(2){width:14px}&:nth-child(3){width:14px}}}.table-widget-pages{font-size:14px;color:#5F6368;margin-top:10px;display:flex;align-items:center;>div{margin-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.table-pagination{-webkit-appearance:none;width:26px;height:26px;border-radius:100%;display:inline-flex;justify-content:center;align-items:center;border:none;background-color:white;font-size:16px;&:hover{background-color:#F4F5F5}}}.widget-error{margin:30px auto;max-width:400px;text-align:center;span.ph{display:inline-block;margin-bottom:15px;font-size:56px}}}.oc-dashboard .dashboard-report-widget .dashboard-report-widget-notice{background-color:var(--oc-popup-bg);p{margin-bottom:0}h3:last-child{margin-bottom:0}}.oc-dashboard .dashboard-report-widget .dashboard-report-widget-static{.static-body{padding:var(--oc-widget-body-padding) var(--oc-widget-body-padding) 11px}&.loading{.static-body{>span{display:flex;&:before{content:'';margin:3px 0;border-radius:40px;width:60%;background-color:var(--oc-color-widget-skeleton);opacity:var(--oc-opacity-widget-skeleton)}}}}}.oc-dashboard .dashboard-report-widget{h3.dashboard-section{font-size:22px;margin:10px 0 0 0}}body.reportwidget-resize{*{user-select:none}cursor:col-resize}