/* COLORS */
/* COLORS */
@font-face {
  font-family: "proofhq_icons";
  src: url("../fonts/icon_font/proofhq_icons.eot?69t1ch");
  src: url("../fonts/icon_font/proofhq_icons.eot?69t1ch#iefix") format("embedded-opentype"), url("../fonts/icon_font/proofhq_icons.ttf?69t1ch") format("truetype"), url("../fonts/icon_font/proofhq_icons.woff?69t1ch") format("woff"), url("../fonts/icon_font/proofhq_icons.svg?69t1ch#proofhq_icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-font:before {
  display: inline-block;
  width: 26px;
  padding-bottom: 4px;
  vertical-align: middle;
  /* Use !important to prevent issues with browser extensions that change fonts */
  font-family: "proofhq_icons" !important;
  speak: none;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #848484;
  /* Better font rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-font.activity:before {
  content: "\e900"; }

.icon-font.contacts:before {
  content: "\e901"; }

.icon-font.dashboard:before {
  content: "\e902"; }

.icon-font.dropzone:before {
  content: "\e903"; }

.icon-font.groups:before {
  content: "\e904"; }

.icon-font.show:before {
  content: "\e905"; }

.icon-font.trash:before {
  content: "\e906"; }

.icon-font.views:before {
  content: "\e907"; }

.icon-font.workflows:before {
  content: "\e908"; }

.icon-font.arrow_up:before {
  content: "\e909"; }

.icon-font.arrow_down:before {
  content: "\e90a"; }

.icon-font.folder:before {
  content: "\e90b"; }

.icon-font.favourite:before {
  content: "\e90c"; }

.icon-font.hide:before {
  content: "\e90d"; }

.icon-font.sub-folder:before {
  content: "\e90e"; }

.icon-font.new-proof:before {
  content: "\e90f"; }

.icon-font.share:before {
  content: "\e910"; }

.icon-font.create:before {
  content: "\e911"; }

.icon-font.arrow_down::before, .icon-font.arrow_up::before {
  font-size: 8px;
  font-weight: bold;
  color: #2f609f; }
  .bttn-new-proof .icon-font.arrow_down::before, .bttn-new-proof .icon-font.arrow_up::before {
    padding: 12px 0 0 7px;
    color: #fff; }
  .bttn-dropzone .icon-font.arrow_down::before, .bttn-dropzone .icon-font.arrow_up::before {
    position: absolute;
    right: -11px;
    top: 10px; }
  .views_menu .icon-font.arrow_down::before, .views_menu .icon-font.arrow_up::before {
    position: absolute;
    left: 6px;
    top: 4px; }
  .views_menu.selected .icon-font.arrow_down::before, .views_menu.selected .icon-font.arrow_up::before {
    color: #fff; }
  .show_more_less .icon-font.arrow_down::before, .show_more_less .icon-font.arrow_up::before {
    display: inline-block;
    margin: 1px 0 0 4px; }

#left_sidebar {
  background-color: #fff; }
  #left_sidebar a:hover {
    text-decoration: none; }
  #left_sidebar > div > a {
    height: 36px;
    box-sizing: border-box;
    color: #2f609f;
    border: none; }
    #left_sidebar > div > a.selected {
      background-color: #2f609f; }
      #left_sidebar > div > a.selected::before {
        color: #fff; }
    #left_sidebar > div > a:hover {
      background-color: #e4e4e4; }
  #left_sidebar div.item:hover, #left_sidebar div.item:hover a {
    background-color: #e4e4e4; }
  #left_sidebar .bttn-dropzone .vertical-spacer {
    position: absolute;
    right: 21px;
    top: 0;
    display: block;
    height: 27px;
    width: 1px;
    background-color: #d7d7d7; }
  #left_sidebar .views_menu {
    position: relative; }
    #left_sidebar .views_menu #views_menu {
      position: absolute;
      top: 8px;
      right: 12px;
      left: auto;
      float: right;
      width: 22px;
      height: 18px;
      padding: 0;
      box-sizing: border-box;
      background-position: center 4px;
      border: 1px solid #d7d7d7;
      border-radius: 2px; }
    #left_sidebar .views_menu.selected #views_menu {
      background-position: center -40px; }
  #left_sidebar .show_more_less {
    position: relative; }
  #left_sidebar .sidebar_action_list {
    overflow: hidden;
    padding-top: 6px;
    border-top: 1px solid #e4e4e4; }
  #left_sidebar .workspaces .empty-folders-list {
    text-align: center; }
    #left_sidebar .workspaces .empty-folders-list .no-folders-info {
      padding: 40px 0;
      color: #a9a9a9; }
    #left_sidebar .workspaces .empty-folders-list .bttn.create-folder {
      padding: 6px 18px 4px 4px;
      color: #2f609f;
      font-size: 13px;
      line-height: 20px; }
      #left_sidebar .workspaces .empty-folders-list .bttn.create-folder.create:before {
        color: #2f609f;
        font-size: 14px; }
  #left_sidebar .workspaces .item-highlight {
    background-color: #e4e4e4; }
  #left_sidebar .workspaces .workspace_progerss {
    color: #2f609f; }
  #left_sidebar .workspaces .create-folder {
    display: inline-block;
    background-color: #fff; }

.context-menu-sidebar {
  width: auto; }
  .context-menu-sidebar.context_menu_proof {
    margin: 3px 0 0 17px; }
    .context-menu-sidebar.context_menu_proof a:hover {
      background-color: #e4e4e4;
      text-decoration: none; }
  .context-menu-sidebar .context_menu_content {
    padding: 0;
    border: none; }
    .context-menu-sidebar .context_menu_content .context_menu_subcontent {
      padding: 0;
      border: 1px solid #d7d7d7;
      box-shadow: 1px 1px 2px #d7d7d7; }
      .context-menu-sidebar .context_menu_content .context_menu_subcontent a.icon-font {
        background-image: none; }