.addon-nav-wrapper {
  width: 240px;
  margin-right: 25px; }

.addon-nav-container {
  position: fixed;
  overflow-y: auto;
  height: 78.7vh;
  width: 240px;
  max-height: calc(70vh - 90px); }
  .addon-nav-container a {
    color: #525F7E;
    font-weight: 500;
    font-size: 1.2rem;
    padding-bottom: 10px !important;
    line-height: 2.8rem;
    border-left: 4px solid transparent;
    padding-left: 12% !important; }
  .addon-nav-container .p-l-25 {
    padding-left: 25px !important; }
  .addon-nav-container .navbar {
    padding: 0; }

.addon-nav-container.guideflow_hovered {
  overflow-y: auto; }

.settings-side-nav-bar {
  border-right: 1px solid #CCCCCC;
  border-radius: 3px;
  border-bottom: unset; }
  .settings-side-nav-bar .nav {
    padding: 18px; }
  .settings-side-nav-bar .nav.guideflow_hovered {
    cursor: pointer;
    background-color: #EFF3F8; }
  .settings-side-nav-bar p {
    color: #525F7E;
    font-weight: 600;
    text-align: center;
    line-height: 1.3rem;
    letter-spacing: 0.5px; }

/* Quick Action checkbox styling starts here */
.quick-actions-checkbox-container .checkmark {
  left: 4px !important;
  border-radius: 3px !important;
  height: 16px !important;
  width: 16px !important; }
.quick-actions-checkbox-container label {
  padding-left: 13px !important; }

/* On mouse-over, add a $primary-color border */
.quick-actions-checkbox-container.guideflow_hovered input ~ .checkmark {
  left: 4px !important;
  border-radius: 3px !important;
  height: 16px !important;
  width: 16px !important; }

/* Style the checkmark/indicator */
.quick-actions-checkbox-container .checkmark:after {
  left: 4px !important;
  top: 1px !important;
  width: 5px !important;
  height: 10px !important; }

/* Quick Action checkbox styling ends here */
.kpi-settings {
  /* On mouse-over, add a $primary-color border */
  /* Style the checkmark/indicator */ }
  .kpi-settings .checkbox-container {
    /* Create a custom checkbox */ }
    .kpi-settings .checkbox-container .checkmark {
      position: absolute;
      top: 2px;
      left: 0;
      height: 22px;
      width: 22px;
      border: 1px solid #CCCCCC;
      border-radius: 50px;
      background-color: #FFFFFF; }
  .kpi-settings .checkbox-container.guideflow_hovered input ~ .checkmark {
    border: 1px solid #A1A1A1;
    background-color: #FFFFFF;
    border-radius: 50px; }
  .kpi-settings .checkbox-container .checkmark:after {
    left: 7px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0; }

.selected-dashboard-widget {
  border: 1px solid #006FC8 !important; }

.widgets-modal-dialog .customization-kpis-container .kpi-header {
  border-bottom: none !important; }
  .widgets-modal-dialog .customization-kpis-container .kpi-header h5 {
    line-height: 22px;
    font-size: 1.3rem; }

.customized-kpi-container.guideflow_hovered {
  border: 1px solid #006FC8 !important;
  cursor: pointer; }

.customized-kpi-widget-body .kpi-description {
  padding: 0px 5px 2px 10px; }
.customized-kpi-widget-body img {
  height: 45% !important; }

.dashboard-customize-widgets-sidebar a.guideflow_hovered {
  color: #006FC8; }
.dashboard-customize-widgets-sidebar .active {
  color: #006FC8;
  background-color: #E6F1F9;
  border-left: 4px solid #006FC8; }

@media (min-width: 1691px) {
  .customized-kpi-widget-body {
    height: 120px !important; } }
@media (min-width: 1547px) and (max-width: 1690px) {
  .customized-kpi-widget-body {
    height: 140px !important; } }
@media (min-width: 1421px) and (max-width: 1546px) {
  .customized-kpi-widget-body {
    height: 160px !important; } }
@media (min-width: 1200px) and (max-width: 1420px) {
  .customized-kpi-widget-body {
    height: 180px !important; }

  .widgets-modal-dialog .customization-kpis-container .kpi-header {
    height: 70px !important; } }
@media (max-width: 1199px) {
  .customized-kpi-widget-body {
    height: 120px !important; } }
.dashboard-widgets-customization-heading {
  padding: 9px; }

/*# sourceMappingURL=customized_dashboard_widgets.css.map */