/** This file is auto-generated by the Clean Theme configuration. Do not edit the file directly. */

:root {
    --hh-ct-container-max-width: 1600px;
    --default: #5B7C95;
    --primary: #6B8CAE;
    --info: #7DA3C4;
    --success: #7bd056;
    --warning: #f1c232;
    --danger: #d33b3b;
    --link: #7DA3C4;
    --hh-ct-text-color-heading: #2F3E46;
    --text-color-main: #3D4B53;
    --text-color-default: #ecf3f9;
    --text-color-secondary: #6B7780;
    --text-color-highlight: #2F3E46;
    --text-color-soft: #7B8794;
    --text-color-soft2: #8F9BA8;
    --text-color-soft3: #B5C1CC;
    --text-color-contrast: #FFFFFF;
    --background-color-main: #F8FAFC;
    --background-color-secondary: #F4F6F8;
    --background-color-page: #EDF1F4;
    --background-color-highlight: #E8F0F5;
    --background-color-highlight-soft: #F2F6F9;
    --hh-ct-font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --hh-ct-font-size: 12px;
    --hh-ct-font-weight: 400;
    --hh-ct-font-bold-weight: 700;
    --hh-ct-heading-font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --hh-ct-ph-font-size: 12px;
    --hh-ct-h1-font-size: 1.7em;
    --hh-ct-h1-stream-font-size: 1.45em;
    --hh-ct-h2-font-size: 1.5em;
    --hh-ct-h2-stream-font-size: 1.3em;
    --hh-ct-h3-font-size: 1.2em;
    --hh-ct-h4-font-size: 1.1em;
    --hh-ct-h5-font-size: 1.0em;
    --hh-ct-h6-font-size: 0.85em;
    --hh-ct-ph-font-weight: 500;
    --hh-ct-panel-border-width: 1px;
    --hh-ct-panel-border-style: solid;
    --hh-ct-panel-border-color: #d2d3e4;
    --hh-ct-panel-border-radius: 2px;
    --hh-ct-panel-box-shadow: none;
    --hh-ct-menu-font-size: 12px;
    --hh-ct-menu-text-color: #3D4B53;
    --hh-ct-menu-border-color: #D6E0E7;
    --hh-ct-top-bar-height: 55px;
    --hh-ct-top-bar-font-size: 12px;
    --hh-ct-top-menu-nav-justify-content: space-around;
    --hh-ct-top-menu-background-color: #F8FAFC;
    --hh-ct-top-menu-text-color: #3D4B53;
    --hh-ct-top-menu-button-hover-background-color: #F0F4F7;
    --hh-ct-top-menu-button-hover-text-color: #2F3E46;

    --background-color-main-darken-10: #dfe1e2;
    --background-color-page-darken-5: #e0e4e7;
    --background-color-page-lighten-10: #ffffff;
    --background-color-page-lighten-20: #ffffff;
    --background-color-page-lighten-30: #ffffff;
    --background-color-secondary-darken-2: #eff1f3;
    --background-color-secondary-darken-5: #e7e9eb;
    --danger-darken-10: #ab3030;
    --danger-darken-5: #bf3535;
    --danger-lighten-20: #e68e8e;
    --danger-lighten-5: #d85050;
    --default-darken-2: #57778f;
    --default-darken-5: #516f85;
    --default-lighten-2: #618199;
    --info-darken-10: #6989a5;
    --info-darken-27: #475d70;
    --info-darken-5: #7396b4;
    --info-lighten-25: #d5e1ec;
    --info-lighten-30: #e6edf4;
    --info-lighten-40: #ffffff;
    --info-lighten-5: #8fafcc;
    --info-lighten-50: #ffffff;
    --info-lighten-8: #99b7d1;
    --link-darken-2: #799ebe;
    --link-lighten-5: #8fafcc;
    --primary-darken-10: #58738e;
    --primary-darken-5: #617f9e;
    --primary-lighten-10: #8ca6c0;
    --primary-lighten-20: #adbfd2;
    --primary-lighten-25: #bdccdb;
    --primary-lighten-5: #7b99b7;
    --primary-lighten-8: #85a0bc;
    --success-darken-10: #66ac47;
    --success-darken-5: #70be4f;
    --success-lighten-20: #b9e6a6;
    --success-lighten-5: #8bd66a;
    --text-color-highlight-fade-15: #2F3E4626;
    --text-color-highlight-fade-30: #2F3E464d;
    --text-color-secondary-lighten-25: #b0b6bb;
    --warning-darken-10: #c7a029;
    --warning-darken-2: #e9bb30;
    --warning-darken-5: #dcb12e;
    --warning-lighten-10: #f4d062;
    --warning-lighten-20: #f8de91;
    --warning-lighten-40: #fefbf1;
    --warning-lighten-5: #f3c94a;
    --hh-ct-top-bar-bottom-spacing: 30px;
    --hh-fixed-header-height: 85px;
    --hh-fixed-footer-height: 0px;
}

@media (max-width: 768px) {
    :root {
        --hh-ct-top-bar-height: 50px;
        --hh-ct-top-bar-bottom-spacing: 5px;
        --hh-fixed-header-height: 55px;
    }
}

@media (max-width: 570px) {
    :root {
        --hh-fixed-footer-height: 52px;
    }
}

@charset "UTF-8";
.panel {
  margin: 14px !important;
  margin-bottom: 25px !important;
}
.dropdown-menu {
  background-color: #fff !important;
}
.dropdown-menu li a {
  color: #3D4B53 !important;
  font-weight: bold !important;
  font-size: 12px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.dropdown-menu li a:hover {
  color: #fff !important;
}
#user-header-controls-menu {
  margin-right: 15px !important;
  margin-left: 10px !important;
}
@media (max-width: 800px) {
  .controls.controls-header.pull-right {
    margin-top: 15px;
  }
}
#mail-conversation-create-button {
  margin-bottom: 15px !important;
}
#mail-conversation-create-button {
  position: relative;
  top: -5px;
}
#space-menu-spaces li a {
  padding: 0 !important;
}
#space-menu-spaces li a .media .media-body p {
  font-weight: 400 !important;
}
.top-menu-item .fa-tachometer::before {
  content: "";
  font-size: 25px;
}
.top-menu-item .fa-dot-circle-o::before {
  content: "";
  font-size: 25px;
}
.top-menu-item .fa-users::before {
  font-size: 25px;
}
.dropdown .fa-dot-circle-o::before {
  content: "";
  font-size: 25px;
}
.dropup a div .fa-dot-circle-o::before {
  content: "";
  font-size: 25px;
}
#dropdown-notifications ul.media-list li {
  padding: 0 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
#dropdown-notifications li.dropdown-header {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  margin-bottom: 0 !important;
  align-items: center !important;
}
#topbar > .container .notifications .dropdown-menu li .media .media-body {
  font-size: 12px;
}
#topbar > .container .notifications .dropdown-menu li .media .media-body:hover {
  color: #7B8794;
}