body html {
  width: 100%;
  height: 100%;
}

html,
body,
app-root {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: inter;
}
ul {
  list-style-type: none;
  padding-left: 0;
}

.tab {
  padding-top: 2px;
  padding-bottom: 18px;
  cursor: pointer
}

.active {
  background-color: burlywood;
}

.e-dbrd-blueWaitingIndcator {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 54px;
  width: 54px;
  top: 50%;
  left: 50%;
  position: relative;
}

.e-waiting {
  position: fixed;
  display: block;
  margin: 0px auto;
  width: 54px;
  height: 54px;
  zoom: 0.5;
  margin-left: 55px;
}

#container {
  width: 13%;
  float: left;
  height: 100%;
  float: left;
  background: #f4f4f4;
  height: 100%;
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, .12);
  overflow: auto;
  overflow-x: hidden;
}

#grid-title {
  font-size: 17px;
  border-bottom: 1px solid #333;
  padding: 15px;
}

#panel {
  width: 100%;
  float: left;
  background: #f4f4f4;
  overflow: auto;
}

#dashboard, #dashboard-designer {
  width: 100%;
  float: left;
  height: 100%;
  display: block;
}

.dashboard-item {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

#viewer-section {
  width: 100%;
  /* height: calc(100vh - 50px); */
  overflow: hidden!important;
  /* float: left; */
  /* min-height: 600px; */
}

    #viewer-section1 {
      width: 100%;
      height: 840px;
      overflow: hidden!important;
      float: left;
  
        }
    .e-rte-content
    {
    overflow: hidden!important;
    }
#viewer-header {
  padding: 10px;
  display: block;
  float: left;
  width: 100%;
}

#create-dashboard {
  float: right;
  margin-right: 20px;
  background: #0565ff;
  border: 0;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  height: 28px;
  line-height: 28px;
  min-width: 90px;
  outline: none;
  text-align: center;
  border: 1px solid #0450cc;
}

#edit-dashboard {
  float: right;
  background: #fff;
  margin-right: 20px;
  border: 0;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  height: 28px;
  line-height: 28px;
  min-width: 90px;
  outline: none;
  text-align: center;
  border: 1px solid #b3b3b3;
}

#dashboardDesigner{
  height: 900px;
  border: 2px solid #333;
}

/*Search box in the datasource&designer*/
.boldbi-dashboarddesigner .bbi-dbrd-designer-item-panel .bbi-dbrd-designer-autocomplete .bbi-autocomplete, .boldbi-dashboarddesigner .bbi-shared-ds-search-box .bbi-designer-atc-boxshadow.e-input {
  height: 27px !important;
}

.boldbi-dashboarddesigner .bbi-dbrd-designer-item-panel .bbi-dbrd-designer-widget-group-header-wrapper.minus:first-of-type, .boldbi-dashboarddesigner .bbi-dbrd-designer-hoverable-icon, .boldbi-dashboarddesigner .bbi-dbrd-designer-shared-ds-item
{
  line-height: normal;
}

.boldbi-dashboarddesigner .bbi-dbrd-designer-hoverable-icon{
  padding: 5.5px !important;
}

.boldbi-dashboarddesigner .e-grid .e-content {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.boldbi-dashboarddesigner .bbi-viewdata-dialog #dashboard_embeddedbi_viewdata_dialog_title.e-titlebar{
  padding-left: 0px !important;
  padding-right: 0px !important;
  line-height: 16px !important;
}
.boldbi-dashboarddesigner .bbi-viewdata-dialog .bbi-dbrd-viewdata-icon-container .bbi-dbrd-view-data-export-menu-icon{
  box-sizing: content-box;
}
.boldbi-dashboarddesigner .e-grid .e-filterbarcell{
  padding: 0px 9px 0px 7px !important;
  border-width: 1px 0 0 1px !important;
}
.boldbi-dashboarddesigner .e-grid .e-filterdiv{
  padding-right: 7% !important;
}
.boldbi-dashboarddesigner .e-grid .e-filterbarcell input{
  padding-right: 10% !important;
  border-width: 1px !important;
  width: 89% !important;
}
.boldbi-dashboarddesigner .e-scrollbar .e-vscroll{
  padding: 0px !important;
}
.boldbi-dashboarddesigner .bbi-dbrd-viewdata-selectcolumn-listbox .e-input-group.e-control-wrapper{
  border-width: 0 0 1px 0 !important;
}
.boldbi-dashboarddesigner .bbi-dbrd-viewdata-selectcolumn-listbox .e-filter-parent{
  padding: 0px !important;
}
.boldbi-dashboarddesigner .bbi-dbrd-viewdata-selectcolumn-listbox .e-css.e-checkbox-wrapper .e-stop{
  line-height: 10px !important;
  padding: 2px 0px !important;
}
.spinner {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #5592FB;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  animation: spin 1s linear infinite;
  position: relative;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}