﻿/* Variables */
/* Typography */
/*
Explicitly define a Segoe UI font-family so that we can assign Segoe UI 
Semilight to an appropriate font-weight.
*/
@font-face {
  font-family: "Segoe UI";
  font-weight: 200;
  src: local("Segoe UI Light");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 300;
  src: local("Segoe UI Semilight");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 400;
  src: local("Segoe UI");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 600;
  src: local("Segoe UI Semibold");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 700;
  src: local("Segoe UI Bold");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 400;
  src: local("Segoe UI Italic");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 700;
  src: local("Segoe UI Bold Italic");
}
/* Mixins */
/*loading spinner using css and one element*/
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.5), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.5), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5), 2.5em 0em 0 0em rgba(80, 80, 80, 0.7), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.5), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.5), 0em 2.5em 0 0em rgba(80, 80, 80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.5), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.5), -2.6em 0em 0 0em rgba(80, 80, 80, 0.7), -1.8em -1.8em 0 0em #505050;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.5), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.5), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5), 2.5em 0em 0 0em rgba(80, 80, 80, 0.7), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.5), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.5), 0em 2.5em 0 0em rgba(80, 80, 80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.5), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.5), -2.6em 0em 0 0em rgba(80, 80, 80, 0.7), -1.8em -1.8em 0 0em #505050;
  }
}
/* Legacy Icons */
/* Color Palette variables*/
/* Sizing Variables */
/* Background colors */
/* Media Query Mixins */
/* Typography 
Explicitly define a Segoe UI font-family so that we can assign Segoe UI 
Semilight to an appropriate font-weight.
*/
@font-face {
  font-family: "Segoe UI";
  font-weight: 200;
  src: local("Segoe UI Light");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 300;
  src: local("Segoe UI Semilight");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 400;
  src: local("Segoe UI");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 600;
  src: local("Segoe UI Semibold");
}
@font-face {
  font-family: "Segoe UI";
  font-weight: 700;
  src: local("Segoe UI Bold");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 400;
  src: local("Segoe UI Italic");
}
@font-face {
  font-family: "Segoe UI";
  font-style: italic;
  font-weight: 700;
  src: local("Segoe UI Bold Italic");
}
/* Vendor Prefixes */
/* Mixins */
/* Mixins for elements so we can use them in our reset and in proper form element LESS files (Reset.less, Input.less, Button.less).*/
/*loading spinner using css and one element*/
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.5), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.5), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5), 2.5em 0em 0 0em rgba(80, 80, 80, 0.7), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.5), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.5), 0em 2.5em 0 0em rgba(80, 80, 80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.5), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.5), -2.6em 0em 0 0em rgba(80, 80, 80, 0.7), -1.8em -1.8em 0 0em #505050;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.5), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.5), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5), 2.5em 0em 0 0em rgba(80, 80, 80, 0.7), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.5), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.5), 0em 2.5em 0 0em rgba(80, 80, 80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.5), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.5), -2.6em 0em 0 0em rgba(80, 80, 80, 0.7), -1.8em -1.8em 0 0em #505050;
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/* Button Defaults */
button.minimize,
input[type=button].minimize,
.button.minimize {
  background-color: transparent;
  position: absolute;
  border: none;
  left: 0;
  width: 100%;
  right: 0;
  top: 0;
  height: 100%;
}
button.minimize:after,
input[type=button].minimize:after,
.button.minimize:after {
  content: '';
  height: 26px;
  width: 26px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATNJREFUeNrsmN0JwjAUhasTdAM7giPoBnYCERfw3RdffHYCoRuIG9QNuoF1g47gCeRRS5TkBvE7cAm04fTmNn98RYHQX2sS23C2PS7UrBWVfzQoro/zvsnhY1oAJX1Ss3vzulXUGsBg5ROiacTBH0aSdnJ/9GLlYzoDlHSp5q4oA7ov9ffalD45ZsAqMOnCr+vUPuYFqCL1rRJ9M/0e8KuKVYBP1uLNwMe2AH4z6gO7N6l9ci2B2l9WxrTRIHsjH9sCKKHOHU2K7sXrwV9eGiufbFdhf57P/YXFHWntt+d1LB+EEIIHwAPgAfAAeAA8AB4AD4AHwAPgAfAAhBCCB8AD4AHwAHgAPAAeAA+AB8AD4AHwAIQQPAAeAA+AB8AD4AHwAHgAPAAeAA+AB8AD/kpPAQYAxSFe0NNcHgsAAAAASUVORK5CYII=) no-repeat center center;
  background-size: 17px;
  position: absolute;
  left: -4px;
  top: 0;
  opacity: 0.3;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
button.minimize:hover,
input[type=button].minimize:hover,
.button.minimize:hover {
  background-color: transparent !important;
}
button.minimize:hover:after,
input[type=button].minimize:hover:after,
.button.minimize:hover:after {
  opacity: 0.8;
}
button.minimize span,
input[type=button].minimize span,
.button.minimize span {
  display: block;
  width: 7px;
  height: 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAMAAACjQTZSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNzFCQUFEMkFBMTExMUUzQjgwQzkxNTAzMDhGRURGQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNzFCQUFEM0FBMTExMUUzQjgwQzkxNTAzMDhGRURGQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3MUJBQUQwQUExMTExRTNCODBDOTE1MDMwOEZFREZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3MUJBQUQxQUExMTExRTNCODBDOTE1MDMwOEZFREZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6zqZiwAAAAZQTFRFd4+pAAAAsJX1egAAAA5JREFUeNpiYEAFAAEGAAAQAAGePof9AAAAAElFTkSuQmCC);
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 15px;
  pointer-events: none;
}
button.minimize.maximize span,
input[type=button].minimize.maximize span,
.button.minimize.maximize span {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowM0ExN0E2MEVCNTkxMUUzQkIzNUVEQTVGNjA3OUE0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowM0ExN0E2MUVCNTkxMUUzQkIzNUVEQTVGNjA3OUE0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAzQTE3QTVFRUI1OTExRTNCQjM1RURBNUY2MDc5QTREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzQTE3QTVGRUI1OTExRTNCQjM1RURBNUY2MDc5QTREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4NARLAAAACxJREFUeNpi/P//PwMMVExYBeZ0FIQxwsSYGAgAggoYy/tX/qfMBNo7EiDAAA9aELYqz/d2AAAAAElFTkSuQmCC);
  height: 8px;
  width: 8px;
  top: 10px;
}
/* link defaults */
.external_link {
  cursor: pointer;
}
.external_link:hover {
  color: #1f6385 !important;
}
.external_link:after {
  content: '\f08e';
  font-family: FontAwesome;
}
.reportgrid .rgDataDiv,
.reportgrid .rgDataDiv table {
  font-size: 10px !important;
}
.emailPreview {
  background: #FCFCFC;
  border: 1px solid #505050;
  padding: 4px;
  overflow: scroll;
}
.emailPreview p {
  white-space: pre-wrap;
}
.email-table {
  border: 1px solid black;
  border-collapse: collapse;
}
.email-table td,
.email-table th {
  border: 1px solid black;
  padding: 3px;
}
html.main {
  overflow: hidden;
}
.profiler-results {
  display: none;
}
body.page {
  background: #f9f9fa;
  position: relative;
}
body#main {
  overflow: hidden;
  height: 100%;
}
a,
a:visited {
  text-decoration: none;
  color: #003399;
}
.option a,
.option a:visited {
  color: inherit !important;
}
.report_option {
  margin: 10px 0;
}
.report_option:first-of-type {
  margin-top: 0;
}
.report_option.checkbox label {
  display: inline !important;
}
a.RadButton:hover {
  text-decoration: none !important;
  color: inherit !important;
}
a:hover {
  text-decoration: underline;
  color: #cc0000;
}
a[disabled=disabled],
a[disabled=disabled]:hover {
  color: #000000 !important;
  text-decoration: none !important;
}
.option a:hover {
  text-decoration: none !important;
}
*:focus {
  outline: none;
}
*::-moz-focus-inner {
  border: 0;
}
hr.pretty {
  background-color: Silver;
  color: Silver;
  height: 1px;
  border: 0 none;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* ============================ MESSAGING ================================ */
.messaging-container,
.messagingContainer {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  z-index: 9999;
  position: relative;
}
.messaging-container.with-rightbar,
.messagingContainer.with-rightbar {
  left: 0;
  right: 250px;
  position: absolute;
}
.messaging-container .messaging,
.messagingContainer .messaging,
.messaging-container .message,
.messagingContainer .message {
  margin-bottom: 10px;
}
.messaging-container .messaging:first-child,
.messagingContainer .messaging:first-child,
.messaging-container .message:first-child,
.messagingContainer .message:first-child {
  margin-top: 10px;
}
.messaging-container .close,
.messagingContainer .close {
  opacity: 0.3;
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.messaging-container .close:before,
.messagingContainer .close:before {
  content: "\f00d";
  color: #f05667;
  font-family: FontAwesome;
  font-size: 14px;
}
.messaging-container .close:hover,
.messagingContainer .close:hover {
  opacity: 1;
}
.messaging-container.fixed,
.messagingContainer.fixed {
  position: fixed;
  left: 50%;
  margin-left: -250px;
}
.messaging-container.fixed .messaging,
.messagingContainer.fixed .messaging,
.messaging-container.fixed .cooltipmessage,
.messagingContainer.fixed .cooltipmessage {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.messaging,
.message,
.cooltipmessage {
  padding: 5px 5px 5px 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  font-size: 1.3em;
  line-height: 1.3;
  position: relative;
  color: #222;
}
.messaging:before,
.message:before,
.cooltipmessage:before {
  font-family: FontAwesome;
  color: #fff;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 5px;
  font-size: 14px;
}
.messaging.info,
.message.info,
.cooltipmessage.info {
  border: 1px solid #174A63;
}
.messaging.info:before,
.message.info:before,
.cooltipmessage.info:before {
  content: '\f05a';
  background-color: #1f6385;
}
.messaging.warning,
.message.warning,
.cooltipmessage.warning {
  border: 1px solid #BEA623;
}
.messaging.warning:before,
.message.warning:before,
.cooltipmessage.warning:before {
  content: '\f06a';
  background-color: #D9BF2D;
}
.messaging.error,
.message.error,
.cooltipmessage.error {
  border: 1px solid #ED3147;
}
.messaging.error:before,
.message.error:before,
.cooltipmessage.error:before {
  content: '\f071';
  background-color: #f05667;
}
.messaging.success,
.message.success,
.cooltipmessage.success,
.messaging.successBox,
.message.successBox,
.cooltipmessage.successBox {
  border: 1px solid #168D3C;
}
.messaging.success:before,
.message.success:before,
.cooltipmessage.success:before,
.messaging.successBox:before,
.message.successBox:before,
.cooltipmessage.successBox:before {
  content: '\f00c';
  background-color: #1cb24b;
}
.messaging.help,
.message.help,
.cooltipmessage.help {
  border: 1px solid #277BA5;
}
.messaging.help:before,
.message.help:before,
.cooltipmessage.help:before {
  content: '\f059';
  background-color: #277BA5;
}
/* ============================ HEADER ================================ */
#header {
  background-color: #1f6385;
  background-repeat: repeat-x;
  z-index: 2000;
  top: 0px;
  left: 0px;
  height: 50px;
  width: 100%;
  position: relative;
}
#header #pagetitle {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	pointer-events: none;
}
#header h1 {
  color: #FFF;
  display: inline-block;
  font-size: 1.5em;
  font-weight: normal;
  white-space: nowrap;
  pointer-events: all;
  line-height: 50px;
}
@media screen and (max-width: 1367px) {
  #header h1 {
    position: absolute;
    left: 275px;
  }
}
.quick_search {
  position: relative;
  float: right;
  z-index: 100;
  margin: 10px 10px;
}
.quick_search:after {
  font-family: FontAwesome;
  content: '\f002';
  right: 5px;
  top: 4px;
  position: absolute;
  font-size: 18px;
  color: #323232;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
}
.quick_search .quick_search_input {
  color: #696969;
  height: 28px;
  width: 200px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 5px 30px 5px 10px;
}
.quick_search input[type=button] {
  -webkit-appearance: none;
  border: 0 !important;
  background-color: transparent !important;
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 28px;
  height: 100%;
  z-index: 999;
}
.quick_search .warning.messaging {
  position: absolute;
  right: 210px;
  top: -10px;
  width: 302px;
  box-shadow: -1px 3px 5px 0px rgba(0, 0, 0, 0.3);
  background: #fff url('../../../Images/icons/warning.png') no-repeat 10px center;
  padding: 10px 10px 10px 50px;
}
.quick_search .warning.messaging.small {
  top: -5px;
}
.quick_search .warning.messaging:after,
.quick_search .warning.messaging:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.quick_search .warning.messaging:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}
.quick_search .warning.messaging:before {
  border-color: rgba(204, 204, 204, 0);
  border-left-color: #cbc62b;
  border-width: 11px;
  margin-top: -11px;
}
.quick_search .error.messaging {
  position: absolute;
  right: 210px;
  top: -10px;
  width: 302px;
  box-shadow: -1px 3px 5px 0px rgba(0, 0, 0, 0.3);
  background: #fff url('../../../Images/icons/error.png') no-repeat 10px center;
  padding: 10px 10px 10px 50px;
}
.quick_search .error.messaging.small {
  top: -5px;
}
.quick_search .error.messaging:after,
.quick_search .error.messaging:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.quick_search .error.messaging:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}
.quick_search .error.messaging:before {
  border-color: rgba(204, 204, 204, 0);
  border-left-color: red;
  border-width: 11px;
  margin-top: -11px;
}
.user_documents {
  float: right;
  margin-top: 11px;
}
.user_documents .messaging {
  margin-left: 10px;
}
.user_menu {
  cursor: default;
  position: relative;
  float: right;
  margin: 10px;
}
.user_menu * {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.user_menu:hover {
  cursor: pointer;
}
.user_menu.open span {
  background-color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid #ccc;
  border-bottom: none;
  color: #1f6385;
}
.user_menu.open span:after {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.user_menu ul.user_menu_options {
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  list-style: none;
  margin: 0;
  padding: 10px 0;
  visibility: hidden;
  position: absolute;
  z-index: 100;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  border-top: none;
  -webkit-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.3);
}
.user_menu ul.user_menu_options.open {
  max-height: 300px;
  visibility: visible;
}
.user_menu ul.user_menu_options li.logout a:before {
  content: '\f011';
  font-family: FontAwesome;
  margin-right: 5px;
}
.user_menu ul.user_menu_options li.hotkeys a:before {
  content: '\f11c';
  font-family: FontAwesome;
  margin-right: 5px;
}
.user_menu ul.user_menu_options li a {
  padding: 5px 10px;
  display: block;
  cursor: pointer;
}
.user_menu ul.user_menu_options li hr {
  border-top: 1px solid #ccc;
  border-left: none;
  width: 80%;
}
.user_menu span {
  background-color: #1f6385;
  padding: 0 30px 0 10px;
  font-size: 18px;
  color: #fff;
  position: relative;
  border: 1px solid transparent;
}
.user_menu span:before {
  font-family: FontAwesome;
  content: '\f013';
  margin-right: 7px;
}
.user_menu span:after {
  font-family: FontAwesome;
  content: '\f054';
  position: absolute;
  right: 8px;
  top: 9px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
}
.user_documents {
  float: right;
  margin-top: 11px;
}
.user_documents .messaging {
  margin-left: 10px;
}
.user_menu {
  cursor: default;
  position: relative;
  float: right;
  margin: 10px;
}
.user_menu * {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.user_menu:hover {
  cursor: pointer;
}
.user_menu.open span {
  background-color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid #ccc;
  border-bottom: none;
  color: #1f6385;
}
.user_menu.open span:after {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.user_menu ul.user_menu_options {
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  list-style: none;
  margin: 0;
  padding: 10px 0;
  visibility: hidden;
  position: absolute;
  z-index: 100;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  border-top: none;
  -webkit-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.3);
}
.user_menu ul.user_menu_options.open {
  max-height: 300px;
  visibility: visible;
}
.user_menu ul.user_menu_options li.logout a:before {
  content: '\f011';
  font-family: FontAwesome;
  margin-right: 5px;
}
.user_menu ul.user_menu_options li.hotkeys a:before {
  content: '\f11c';
  font-family: FontAwesome;
  margin-right: 5px;
}
.user_menu ul.user_menu_options li a {
  padding: 5px 10px;
  display: block;
  cursor: pointer;
}
.user_menu ul.user_menu_options li hr {
  border-top: 1px solid #ccc;
  border-left: none;
  width: 80%;
}
.user_menu span {
  background-color: #1f6385;
  padding: 0 30px 0 10px;
  font-size: 18px;
  color: #fff;
  position: relative;
  border: 1px solid transparent;
}
.user_menu span:before {
  font-family: FontAwesome;
  content: '\f013';
  margin-right: 7px;
}
.user_menu span:after {
  font-family: FontAwesome;
  content: '\f054';
  position: absolute;
  right: 8px;
  top: 9px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
}
/* ============================ Keyboard Shortcut Command Window ================================ */
#shortcutManager {
  font-size: 18px;
  position: absolute;
  width: 100%;
  text-align: center;
  pointer-events: none;
  font-weight: 600;
  top: 50px;
}
#shortcutManager .helpText {
  font-size: 12px;
  color: #4f4f4f;
  padding-top: 8px;
}
#shortcutManager .shortcutCommandWindow {
  pointer-events: all;
  position: relative;
  width: 450px;
  left: calc(50% - 225px);
  background-color: #f7f7f7;
  box-shadow: 0px 3px 9px silver;
  padding: 8px;
}
#shortcutManager .lookupText {
  width: 100%;
}
#shortcutManager .lookupText ::-webkit-input-placeholder {
  font-size: 18px;
}
#shortcutManager .lookupText :-moz-placeholder {
  /* Firefox 18- */
  font-size: 18px;
}
#shortcutManager .lookupText ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 18px;
}
#shortcutManager .lookupText :-ms-input-placeholder {
  font-size: 18px;
}
#shortcutManager .lookupText input {
  font-size: 18px;
  width: 100%;
  margin: 0;
  display: inline-block;
  padding: 6px;
}
#shortcutManager .shortcutContainer {
  height: auto;
  max-height: 450px;
  overflow: auto;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 0;
  padding: 0;
}
#shortcutManager .shortcutContainer .emptyMessage {
  color: #333;
  padding: 12px;
  font-size: 14px;
}
#shortcutManager .shortcutContainer .shortcutSection {
  display: inline-block;
  width: 100%;
}
#shortcutManager .shortcutContainer .shortcutSection .sectionHeader {
  background-color: #e1e1e1;
  width: 100%;
  cursor: auto;
  color: #333;
}
#shortcutManager .shortcutContainer .shortcutSection .shortcutLabel {
  width: 95%;
}
#shortcutManager .shortcutContainer .shortcutSection ul {
  display: inline-block;
  padding: 0;
  width: 100%;
}
#shortcutManager .shortcutContainer .shortcutItem.active .bevel,
#shortcutManager .shortcutContainer .shortcutItem:hover .bevel {
  background-color: #f7f7f7;
  border: 1px solid #1f6385;
}
#shortcutManager .shortcutContainer .shortcutItem,
#shortcutManager .shortcutContainer .sectionHeader {
  color: #1f6385;
  background-color: white;
  border-bottom: 1px solid #ccc;
  text-align: left;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
#shortcutManager .shortcutContainer .shortcutItem .bevel,
#shortcutManager .shortcutContainer .sectionHeader .bevel {
  border: 1px solid transparent;
  border-top: 1px solid white;
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 8px;
}
#shortcutManager .shortcutContainer .shortcutItem .shortcutLabel,
#shortcutManager .shortcutContainer .sectionHeader .shortcutLabel {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 72%;
  overflow: hidden;
  display: inline-block;
}
#shortcutManager .shortcutContainer .shortcutItem .shortcutBinding,
#shortcutManager .shortcutContainer .sectionHeader .shortcutBinding {
  width: 23%;
  height: 100%;
  display: inline-block;
  float: right;
  font-size: 14px;
  padding-top: 4px;
  padding-right: 8px;
}
/* ============================ LEFT SIDEBAR ================================ */
#leftbar {
  position: relative;
  width: 200px;
  float: left;
  background-color: #f7f7f7;
  margin-left: 0px;
  color: #4F4F4F;
  box-shadow: -5px -5px 5px -2px rgba(59, 59, 59, 0.2) inset;
}
#leftbar.collapsed {
  width: 52px !important;
}
#leftbar.collapsed .toolbar {
  display: none;
}
#leftbar.collapsed .title {
  display: none;
}
#leftbar.collapsed .database_options {
  display: none;
}
#leftbar {
  overflow: visible !important;
}
#leftbar div.report {
  background: none;
}
#leftbar .jspPane,
#leftbar .jspContainer {
  overflow: visible !important;
}
#leftbar .folder {
  -webkit-transition: width 150ms ease-in-out !important;
  -moz-transition: width 150ms ease-in-out !important;
  -o-transition: width 150ms ease-in-out !important;
  transition: width 150ms ease-in-out !important;
}
#leftbar #small_toolbar {
  background-color: #3c3c3c;
  display: none;
  height: 30px;
  width: 52px;
  position: relative;
  z-index: 4;
}
#leftbar #small_toolbar.collapsed {
  display: block;
}
#leftbar #showleft {
  display: none;
  background-color: #3c3c3c;
  border-radius: 2px;
  cursor: pointer;
  float: left;
  margin: 5px 10px 5px 18px;
  width: 14px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
  padding: 3px 6px 1px 6px;
  border: none;
}
#leftbar #showleft:after {
  font-family: FontAwesome;
  font-weight: 500;
  content: '\f101';
  color: #ebebeb;
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 2px;
  text-indent: 0;
  font-size: 14px;
  padding-top: 2px;
}
#leftbar #showleft:after:hover {
  color: #111;
}
#leftbar #showleft:hover {
  background-color: #fff;
}
#leftbar #currentlyopen_wrapper.collapsed {
  height: calc(100% - 74px);
}
#leftbar #currentlyopen_wrapper.collapsed:not(.scrollable-up) {
  height: calc(100% - 62px);
}
#leftbar .collapsed #currentlyopen {
  max-width: 52px;
}
#leftbar .collapsed #showleft {
  display: block;
}
#leftbar .collapsed #small_toolbar {
  display: block;
}
#leftbar .collapsed .folder-items .tab {
  display: block;
}
#leftbar .collapsed .folder-items .tab:hover {
  display: inline-block;
}
#leftbar .collapsed .tab {
  max-height: 28px;
  background-color: #f7f7f7;
  width: 45px;
  overflow: hidden;
  min-width: 45px;
}
#leftbar .collapsed .tab .tab_content {
  overflow: hidden;
}
#leftbar .collapsed .tab .tab_label {
  min-width: 0px;
  max-width: 77%;
}
#leftbar .collapsed .folder .tab {
  background-color: transparent;
}
#leftbar .collapsed .folder .tab.folder-title .tab_content {
  min-width: 100%;
  white-space: nowrap;
}
#leftbar .collapsed .tab.expanded {
  max-height: 37px;
}
#leftbar .collapsed .tab:not(.active) {
  border-right: 1px solid transparent;
}
#leftbar .collapsed .tab.active {
  border-right: 1px solid silver !important;
}
#leftbar .collapsed .folder {
  width: 52px;
  overflow: hidden;
}
#leftbar .collapsed .tab:hover {
  width: auto;
}
#leftbar .collapsed .tab:hover:not(.folder-title) {
  border-right: 1px solid silver !important;
}
#leftbar .collapsed .tab:hover .tab_label {
  min-width: 151px;
}
#leftbar .collapsed .folder-count {
  display: none;
}
#leftbar .collapsed .folder:hover .folder-count {
  display: inline;
}
#leftbar .collapsed .folder:hover,
#leftbar .collapsed .folder.foldername-edit {
  overflow: visible;
}
#leftbar .collapsed .folder:hover .tab,
#leftbar .collapsed .folder.foldername-edit .tab {
  width: auto;
}
#leftbar .jspPane {
  position: relative;
  height: 100%;
}
#leftbar .database_options {
  background-color: #1f6385;
  bottom: 0;
  width: 100%;
  position: absolute;
  z-index: 2;
  height: 40px;
}
#leftbar .database_options select {
  float: left;
  width: 45% !important;
  margin: 8px 5px 9px;
  background: #fff url('../../../Images/icons/search/dropdown_arrow.png') no-repeat calc(100% - 5px) center !important;
  padding: 2px 5% 2px 2px;
  -moz-background-size: 7px;
  -o-background-size: 7px;
  -webkit-background-size: 7px;
  background-size: 7px;
  text-indent: 0.01px;
  -ms-text-overflow: '';
  -o-text-overflow: '';
  text-overflow: '';
}
#leftbar .toolbar {
  background-color: #3c3c3c;
  border-bottom: 1px solid #dddddd;
  height: 30px;
  padding-top: 3px;
  position: relative;
  z-index: 4;
}
#leftbar .toolbar #closeleft {
  max-width: 0px;
  max-width: calc(21px);
  overflow: hidden;
  padding: 0px;
  padding: calc(3px);
}
#leftbar .toolbar input,
#leftbar .toolbar button {
  font-family: FontAwesome;
  background: none;
  color: #fff;
  border: none;
  padding: 3px;
  max-width: 21px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  margin: 2px;
  box-shadow: none;
}
#leftbar .toolbar input:hover,
#leftbar .toolbar button:hover {
  background-color: #fff !important;
}
#leftbar .toolbar input.lightbulb,
#leftbar .toolbar button.lightbulb,
#leftbar .toolbar input.hidebar,
#leftbar .toolbar button.hidebar {
  color: #ebebeb;
}
#leftbar .toolbar input.lightbulb:hover,
#leftbar .toolbar button.lightbulb:hover,
#leftbar .toolbar input.hidebar:hover,
#leftbar .toolbar button.hidebar:hover {
  color: #111;
}
#leftbar .toolbar input.history,
#leftbar .toolbar button.history {
  color: #9eacc0;
}
#leftbar .toolbar input.history:hover,
#leftbar .toolbar button.history:hover {
  color: #206385;
}
#leftbar .toolbar input.favorites,
#leftbar .toolbar button.favorites {
  color: #e8e3a9;
}
#leftbar .toolbar input.favorites:hover,
#leftbar .toolbar button.favorites:hover {
  color: #cbc62b;
}
#leftbar .toolbar input.tags,
#leftbar .toolbar button.tags {
  color: #8bca8b;
}
#leftbar .toolbar input.tags:hover,
#leftbar .toolbar button.tags:hover {
  color: #63bd67;
}
#leftbar .toolbar input.savedsearch,
#leftbar .toolbar button.savedsearch {
  color: #9eacc0;
}
#leftbar .toolbar input.savedsearch:hover,
#leftbar .toolbar button.savedsearch:hover {
  color: #206385;
}
#leftbar .toolbar input.alerts,
#leftbar .toolbar button.alerts {
  color: #e8e3a9;
}
#leftbar .toolbar input.alerts:hover,
#leftbar .toolbar button.alerts:hover {
  color: #cbc62b;
}
#leftbar .toolbar input.help,
#leftbar .toolbar button.help {
  color: #f59998;
}
#leftbar .toolbar input.help:hover,
#leftbar .toolbar button.help:hover {
  color: #f05667;
}
#leftbar .toolbar .phonewidget {
  display: none;
}
@-moz-document url-prefix() {
  #leftbar .toolbar input {
    margin: 2px 1px;
  }
}
#leftbar .section {
  margin-bottom: 15px;
}
#leftbar .section > .title {
  font-family: Verdana;
  font-size: large;
  color: Silver;
  margin-bottom: 3px;
  margin-left: 3px;
  cursor: default;
}
#leftbar .jspHorizontalBar {
  display: none;
}
#leftbar #currentlyopen_wrapper {
  height: 100%;
  height: calc(100% - 114px);
  overflow: visible;
}
#leftbar #currentlyopen_wrapper:not(.scrollable-up) {
  height: calc(100% - 102px);
}
#leftbar #currentlyopen {
  z-index: 1;
  overflow: visible;
  padding-bottom: 40px;
  position: absolute;
  max-width: 200px;
}
#leftbar ::-webkit-scrollbar {
  display: none;
}
.tab_context_menu {
  display: none;
  width: 200px;
  background-color: white;
  border: 1px solid silver;
  box-shadow: 0px 0px 3px 1px rgba(59, 59, 59, 0.4);
}
.tab_context_menu .tab_menu_item {
  margin: 5px 0px 5px 0px;
  padding: 2px 7px 7px 2px;
  cursor: pointer;
}
.tab_context_menu .tab_menu_item:hover {
  background-color: #ededed;
}
.tab_context_menu .tab_menu_item:hover .contextIcon:after {
  font-family: FontAwesome;
  color: #676767;
  position: absolute;
  left: 0;
  top: 0;
  width: 27px;
  height: 20px;
  text-indent: 0;
  font-size: 20px;
}
.tab_context_menu .tab_menu_item:hover .closeIcon:after {
  content: '\f057';
}
.tab_context_menu .tab_menu_item:hover .renameIcon:after {
  content: '\f14b';
}
.tab_context_menu .tab_menu_item:hover .copyIcon:after {
  content: '\f0ea';
}
.tab_context_menu .tab_menu_item:hover .createFolderIcon:after {
  content: '\f115';
}
.tab_context_menu > span {
  position: relative;
  top: 2px;
  margin-left: 6px;
}
.tab_context_menu .closeIcon,
.tab_context_menu .renameIcon,
.tab_context_menu .copyIcon,
.tab_context_menu .createFolderIcon {
  background: transparent;
  border: none;
  float: left;
  width: 27px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}
.tab_context_menu.disabled {
  color: #c6c6c6;
  pointer-events: none;
}
#leftbar .tab {
  border-left: 0px solid #616161;
  border-right: 1px solid transparent;
  padding-left: 4px;
  font-size: 12px;
  cursor: pointer;
  /* disabling sweet border animation due to browser stutter
	-webkit-transition: padding-left 150ms ease-in-out, border-left 150ms ease-in-out, width 150ms ease-in-out !important;
	-moz-transition: padding-left 150ms ease-in-out, border-left 150ms ease-in-out, width 150ms ease-in-out !important;
	-o-transition: padding-left 150ms ease-in-out, border-left 150ms ease-in-out, width 150ms ease-in-out !important;
	transition: padding-left 150ms ease-in-out, border-left 150ms ease-in-out, width 150ms ease-in-out !important;
	*/
  display: inline-block;
  min-width: 200px;
  max-width: 200px;
  max-height: 28px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#leftbar .tab:not(.folder-title):not(.dragover):hover {
  border-left: 4px solid #616161;
  padding-left: 0px;
  border-right: 1px solid silver;
}
#leftbar .tab:not(.folder-title):not(.dragover):hover:not(.active) .tab_spacer_top {
  border-top: 1px solid silver;
}
#leftbar .tab:not(.folder-title):not(.dragover):hover:not(.active) .tab_spacer_bottom {
  border-bottom: 1px solid silver;
}
#leftbar .tab .closepage_block {
  display: none;
}
#leftbar .tab .tab_label {
  padding-left: 23px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 98%;
  display: inline-block;
  min-width: 156px;
}
#leftbar .tab .tab_label.use-tabtext:after {
  content: attr(data-tabtext);
}
#tab_dashboard:not(.active):hover .tab-spacer:first-child {
  border-top: 1px solid silver;
}
#leftbar .tab:not(.folder-title):hover {
  background-color: #f7f7f7;
  min-width: 195px;
}
#leftbar .tab:not(.folder-title):hover:not(.active) .tab_label {
  min-width: 150px;
}
#leftbar:not(.collapsed) .folder:hover,
#leftbar:not(.collapsed) .folder.foldername-edit {
  position: relative;
  z-index: 3;
}
#leftbar .folder:hover .tab,
#leftbar .folder.foldername-edit .tab {
  min-width: 100% !important;
}
#leftbar .folder:hover .tab:not(.folder-title):hover,
#leftbar .folder.foldername-edit .tab:not(.folder-title):hover {
  background-color: #efefef;
}
#leftbar .folder:hover .tab:not(.folder-title) .folder-count,
#leftbar .folder.foldername-edit .tab:not(.folder-title) .folder-count {
  display: none;
}
#leftbar .folder:hover .tab:not(.folder-title) .tab_label,
#leftbar .folder.foldername-edit .tab:not(.folder-title) .tab_label {
  min-width: calc(100% - 30px);
}
#leftbar .folder:hover .tab .tab_content,
#leftbar .folder.foldername-edit .tab .tab_content {
  min-width: 100%;
}
#leftbar .folder:hover .folder-body,
#leftbar .folder.foldername-edit .folder-body {
  display: inline-block;
  min-width: 200px;
}
#leftbar .folder:hover .folder-title .tab_label,
#leftbar .folder.foldername-edit .folder-title .tab_label {
  min-width: calc(100% - 35px);
}
#leftbar .folder:hover .folder-title .tab_content,
#leftbar .folder.foldername-edit .folder-title .tab_content {
  white-space: nowrap;
}
#leftbar .folder:hover .folder-title .folder-count,
#leftbar .folder.foldername-edit .folder-title .folder-count {
  top: 0px;
}
#leftbar .tab:hover,
#leftbar .folder:hover .tab,
#leftbar .folder.foldername-edit .tab {
  display: inline-block;
  max-width: none;
}
#leftbar .tab:hover.active,
#leftbar .folder:hover .tab.active,
#leftbar .folder.foldername-edit .tab.active {
  min-width: 200px;
}
#leftbar .tab:hover .tab_label,
#leftbar .folder:hover .tab .tab_label,
#leftbar .folder.foldername-edit .tab .tab_label {
  overflow: visible;
  max-width: none;
  display: inline-block;
}
#leftbar .tab:hover .tab_content,
#leftbar .folder:hover .tab .tab_content,
#leftbar .folder.foldername-edit .tab .tab_content {
  display: inline-block;
  white-space: nowrap;
}
#leftbar .tab:hover .closepage_block,
#leftbar .folder:hover .tab .closepage_block,
#leftbar .folder.foldername-edit .tab .closepage_block {
  display: inline-block;
  width: 15px;
  height: 11px;
  position: absolute;
  right: 4px;
  top: 2px;
}
#leftbar .tab:hover .closepage,
#leftbar .folder:hover .tab .closepage,
#leftbar .folder.foldername-edit .tab .closepage {
  position: absolute;
}
#leftbar .tab_spacer_top {
  border-top: 1px solid transparent;
  padding-left: 10px;
}
#leftbar .tab_spacer_bottom {
  border-bottom: 1px solid transparent;
  padding-left: 10px;
}
#leftbar .tab-spacer {
  height: 6px;
}
#leftbar .tab-spacer.standalone {
  margin-left: 7px;
}
#leftbar .tab_content {
  padding-left: 10px;
  height: 16px;
  position: relative;
  min-width: 100%;
  padding-right: 25px;
}
#leftbar .tab.active {
  border-left: 4px solid #1f6385;
  padding-left: 0px;
  background-color: #ffffff !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
#leftbar #tab_dashboard.active .tab-spacer:not(.tab_spacer_bottom) {
  border-top: 1px solid #cccccc;
}
#leftbar .tab.active .tab_spacer_top {
  border-top: 1px solid #cccccc;
}
#leftbar .tab.active .tab_spacer_bottom {
  border-bottom: 1px solid #cccccc;
}
#leftbar .folder .folder-body {
  background-color: #efefef;
  box-shadow: 0px 0px 3px 2px rgba(59, 59, 59, 0.4) inset;
  padding: 4px 0 4px 0;
}
#leftbar .folder .folder-items {
  /* disabling folder animations for now
		-webkit-transition: max-height 250ms ease-in-out;
		-moz-transition: max-height 250ms ease-in-out;
		-o-transition: max-height 250ms ease-in-out;
		transition: max-height 250ms ease-in-out;
		*/
  max-height: 999px;
}
#leftbar .folder.closed .folder-items {
  max-height: 0px;
  max-width: 0px;
  overflow: hidden;
  display: none;
}
#leftbar .folder.closed .folder-items .levelindicator {
  display: none;
}
#leftbar .folder > .tab-spacer {
  margin-left: 4px;
}
#leftbar .folder .folder-icon {
  font-weight: bold;
}
#leftbar .folder.foldername-edit .folder-title {
  background-color: white;
  border: 1px solid blue;
}
#leftbar .folder.foldername-edit .folder-count {
  display: none;
}
#leftbar .folder .folder-title .folder-count {
  position: relative;
  position: absolute;
  right: 4px;
  margin: 0px 8px 0px 8px;
}
#leftbar .folder .folder-title .closepage_block {
  display: none !important;
}
#leftbar .folder .folder-title .tab_label {
  max-width: 67%;
  min-width: calc(100% - 35px);
}
#leftbar .folder .folder-title .tab_label.foldername-edit {
  overflow: visible;
}
#leftbar .folder .folder-title .tab_content {
  min-width: 100%;
}
#leftbar .tab-spacer.expanded {
  padding-top: 10px;
}
#leftbar .tab-spacer.expanded.dragover {
  border: 2px dotted #616161;
}
#leftbar .dragover.tab_spacer_bottom {
  border-top: 2px dotted #616161;
  border-right: 2px dotted #616161;
  border-left: 2px dotted #616161;
}
#leftbar .dragover.tab_spacer_top {
  border-bottom: 2px dotted #616161;
  border-right: 2px dotted #616161;
  border-left: 2px dotted #616161;
}
#leftbar .tab.dragover {
  border: 2px dotted #616161 !important;
  padding-left: 2px;
}
#leftbar .tab.dragover .tab_spacer_top,
#leftbar .tab.dragover .tab_spacer_ {
  height: 4px;
}
#leftbar .tab .closepage {
  float: right;
  width: 14px;
  height: 14px;
  opacity: 0.3;
  margin: 0 5px 0 0;
}
#leftbar .tab .closepage:before {
  content: "\f00d";
  color: #f05667;
  font-family: FontAwesome;
  font-size: 14px;
}
#leftbar .tab.closeable .closepage:hover {
  opacity: 1;
}
#leftbar .section.fromtoolbar {
  display: none;
  position: absolute;
  background-color: #e1ebef;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  padding-bottom: 15px;
  width: 199px;
  margin-top: -10px;
  z-index: 999;
}
#leftbar #alerts.section.fromtoolbar {
  background-color: #FFFACD !important;
}
#leftbar .tab {
  background: none;
}
.tabicon:before,
.tab:before {
  width: 16px;
  content: '';
  position: absolute;
  height: 16px;
}
.tabicon.home:before,
.tab.home:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -96px -64px !important;
  height: 16px;
  display: inline-block;
  width: 16px;
}
.tabicon.candidate:before,
.tab.candidate:before,
.tabicon.candidate .tabicon.tags:before,
.tab.candidate .tabicon.tags:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -16px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.company:before,
.tab.company:before,
.tabicon.company .tabicon.search:before,
.tab.company .tabicon.search:before,
.tabicon.company .tabicon.tags:before,
.tab.company .tabicon.tags:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.contact:before,
.tab.contact:before,
.tabicon.contact .tabicon.search:before,
.tab.contact .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -32px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.division:before,
.tab.division:before,
.tabicon.division .tabicon.search:before,
.tab.division .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.divisionmarket:before,
.tab.divisionmarket:before,
.tabicon.divisionmarket .tabicon.search:before,
.tab.divisionmarket .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -128px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.position:before,
.tab.position:before,
.tabicon.position .tabicon.search:before,
.tab.position .tabicon.search:before,
.tabicon.position .tabicon.tags:before,
.tab.position .tabicon.tags:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.match:before,
.tab.match:before,
.tabicon.match .tabicon.search:before,
.tab.match .tabicon.search:before,
.tabicon.match .tabicon.tags:before,
.tab.match .tabicon.tags:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -96px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.importmatch:before,
.tab.importmatch:before,
.tabicon.importmatch .tabicon.search:before,
.tab.importmatch .tabicon.search:before,
.tabicon.importmatch .tabicon.tags:before,
.tab.importmatch .tabicon.tags:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -96px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.opportunity:before,
.tab.opportunity:before,
.tabicon.opportunity .tabicon.search:before,
.tab.opportunity .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -64px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.agreement:before,
.tab.agreement:before,
.tabicon.agreement .tabicon.search:before,
.tab.agreement .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -32px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.legalcase:before,
.tab.legalcase:before,
.tabicon.legalcase .tabicon.search:before,
.tab.legalcase .tabicon.search:before,
.tabicon.litigation:before,
.tab.litigation:before,
.tabicon.litigation .tabicon.search:before,
.tab.litigation .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -16px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.marketingcampaign:before,
.tab.marketingcampaign:before,
.tabicon.marketingcampaign .tabicon.search:before,
.tab.marketingcampaign .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -32px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.invoice:before,
.tab.invoice:before,
.tabicon.accounting:before,
.tab.accounting:before,
.tabicon.invoicelinedistribution:before,
.tab.invoicelinedistribution:before,
.tabicon.wipdistribution:before,
.tab.wipdistribution:before,
.tabicon.prebill:before,
.tab.prebill:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -16px -32px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.timesheet:before,
.tab.timesheet:before,
.tabicon.timeentry:before,
.tab.timeentry:before,
.tabicon.timesheetlineattribution:before,
.tab.timesheetlineattribution:before,
.tabicon.timesheet .tabicon.accounting:before,
.tab.timesheet .tabicon.accounting:before,
.tabicon.timesheetimportentry:before,
.tab.timesheetimportentry:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -96px -16px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.tags:before,
.tab.tags:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -48px -64px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.admin:before,
.tab.admin:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -64px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.userpool:before,
.tab.userpool:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -64px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.general:before,
.tab.general:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.security:before,
.tab.security:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -64px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.merge .tabicon.general:before,
.tab.merge .tabicon.general:before,
.tabicon .mergerecords:before,
.tab .mergerecords:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -16px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.profile:before,
.tab.profile:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -32px -64px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.vendor:before,
.tab.vendor:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.recruiter:before,
.tab.recruiter:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -48px -16px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.vendorcontact:before,
.tab.vendorcontact:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.vendormanager:before,
.tab.vendormanager:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -64px -32px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.report,
.tab.report {
  min-height: 16px;
  max-height: 16px;
}
.tabicon.report:before,
.tab.report:before,
.tabicon.savedsearchresult:before,
.tab.savedsearchresult:before,
.tabicon.savedsearchresult .tabicon.search:before,
.tab.savedsearchresult .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.transaction:before,
.tab.transaction:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -48px -32px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.candidateapplication:before,
.tab.candidateapplication:before,
.tabicon.candidateapplication .tabicon.search:before,
.tab.candidateapplication .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -64px -16px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.broadbean:before,
.tab.broadbean:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -96px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.help:before,
.tab.help:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -32px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.scheduling:before,
.tab.scheduling:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -64px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.seed:before,
.tab.seed:before,
.tabicon.seed .tabicon.search:before,
.tab.seed .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -48px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.clientproject:before,
.tab.clientproject:before,
.tabicon.clientproject .tabicon.search:before,
.tab.clientproject .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -32px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.objectrequirement:before,
.tab.objectrequirement:before,
.tabicon.objectrequirement .tabicon.search:before,
.tab.objectrequirement .tabicon.search:before,
.tabicon.objectrequirement .tabicon.tags:before,
.tab.objectrequirement .tabicon.tags:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -64px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.scheduleditem:before,
.tab.scheduleditem:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -64px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.scheduleditem.search_mycalls:before,
.tab.scheduleditem.search_mycalls:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -48px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.savedsearchresult:before,
.tab.savedsearchresult:before,
.tabicon.savedsearchresult .tabicon.search:before,
.tab.savedsearchresult .tabicon.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.helptip:before,
.tab.helptip:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -32px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.email:before,
.tab.email:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -64px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.funnel_candidates:before,
.tab.funnel_candidates:before,
.tabicon.funnel_contacts:before,
.tab.funnel_contacts:before,
.tabicon.funnel_positions:before,
.tab.funnel_positions:before,
.tabicon.funnel_seeds:before,
.tab.funnel_seeds:before,
.tabicon.funnel_opportunities:before,
.tab.funnel_opportunities:before,
.tabicon.funnel_matches:before,
.tab.funnel_matches:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.edit .tabicon:before,
.tab.edit .tabicon:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -96px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.export .tabicon:before,
.tab.export .tabicon:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -96px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.attachment .tabicon:before,
.tab.attachment .tabicon:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -16px -96px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.money .tabicon:before,
.tab.money .tabicon:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -16px -32px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.zoom .tabicon:before,
.tab.zoom .tabicon:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -32px -96px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.email .tabicon:before,
.tab.email .tabicon:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -64px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.history .tabicon:before,
.tab.history .tabicon:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -48px -96px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.tasks .tabicon:before,
.tab.tasks .tabicon:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -16px -64px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.commissionplans:before,
.tab.commissionplans:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -16px -32px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.jobboard:before,
.tab.jobboard:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -64px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.shift:before,
.tab.shift:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -128px -112px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.shift.addshiftandposition:before,
.tab.shift.addshiftandposition:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -96px -96px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.credentialing:before,
.tab.credentialing:before,
.tabicon.credentialing.search:before,
.tab.credentialing.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -112px -128px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.couriermessage:before,
.tab.couriermessage:before,
.tabicon.couriermessage.search:before,
.tab.couriermessage.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -112px -32px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.ponumber:before,
.tab.ponumber:before,
.tabicon.ponumber.search:before,
.tab.ponumber.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -16px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.tabicon.saved:before,
.tab.saved:before {
  width: 16px;
  content: '';
  position: absolute;
  height: 16px;
  top: 2px;
}
.tabicon.saved.company:before,
.tab.saved.company:before {
  background: transparent url('../../../Images/icons/search/search_company.png') no-repeat top left !important;
}
.tabicon.saved.contact:before,
.tab.saved.contact:before {
  background: transparent url('../../../Images/icons/search/search_contact.png') no-repeat top left !important;
}
.tabicon.saved.opportunity:before,
.tab.saved.opportunity:before {
  background: transparent url('../../../Images/icons/search/search_opportunity.png') no-repeat top left !important;
}
.tabicon.saved.position:before,
.tab.saved.position:before {
  background: transparent url('../../../Images/icons/search/search_position.png') no-repeat top left !important;
}
.tabicon.saved.match:before,
.tab.saved.match:before {
  background: transparent url('../../../Images/icons/search/search_match.png') no-repeat top left !important;
}
.tabicon.saved.importmatch:before,
.tab.saved.importmatch:before {
  background: transparent url('../../../Images/icons/search/search_match.png') no-repeat top left !important;
}
.tabicon.saved.candidate:before,
.tab.saved.candidate:before {
  background: transparent url('../../../Images/icons/search/search_candidate.png') no-repeat top left !important;
}
.tabicon.saved.recruiter:before,
.tab.saved.recruiter:before {
  background: transparent url('../../../Images/icons/search/search_recruiter.png') no-repeat top left !important;
}
.tabicon.saved.candidateapplication:before,
.tab.saved.candidateapplication:before {
  background: transparent url('../../../Images/icons/search/search_candidateapplication.png') no-repeat top left !important;
}
.tabicon.saved.scheduleditem:before,
.tab.saved.scheduleditem:before {
  background: transparent url('../../../Images/icons/search/search_scheduleditem.png') no-repeat top left !important;
}
.tabicon.saved.timesheet:before,
.tab.saved.timesheet:before {
  background: transparent url('../../../Images/icons/search/search_timesheet.png') no-repeat top left !important;
}
.tabicon.saved.agreement:before,
.tab.saved.agreement:before {
  background: transparent url('../../../Images/icons/search/search_agreement.png') no-repeat top left !important;
}
.tabicon.saved.invoice:before,
.tab.saved.invoice:before {
  background: transparent url('../../../Images/icons/search/search_invoice.png') no-repeat top left !important;
}
.tabicon.saved.note:before,
.tab.saved.note:before {
  background: transparent url('../../../Images/icons/search/search_note.png') no-repeat top left !important;
}
.tabicon.saved.transaction:before,
.tab.saved.transaction:before {
  background: transparent url('../../../Images/icons/search/search_transaction.png') no-repeat top left !important;
}
.tabicon.saved.vendormanager:before,
.tab.saved.vendormanager:before {
  background: transparent url('../../../Images/icons/search/search_vendormanager.png') no-repeat top left !important;
}
.tabicon.saved.clientproject:before,
.tab.saved.clientproject:before {
  background: transparent url('../../../Images/icons/search/search_clientproject.png') no-repeat top left !important;
}
.tabicon.saved.vendor:before,
.tab.saved.vendor:before {
  background: transparent url('../../../Images/icons/search/search_vendor.png') no-repeat top left !important;
}
.tabicon.saved.vendorcontact:before,
.tab.saved.vendorcontact:before {
  background: transparent url('../../../Images/icons/search/search_vendorcontact.png') no-repeat top left !important;
}
.tabicon.saved.legalcase:before,
.tab.saved.legalcase:before {
  background: transparent url('../../../Images/icons/search/search_legalcase.png') no-repeat top left !important;
}
.tabicon.saved.marketingcampaign:before,
.tab.saved.marketingcampaign:before {
  background: transparent url('../../../Images/icons/search/search_marketingcampaign.png') no-repeat top left !important;
}
.tabicon.saved.seed:before,
.tab.saved.seed:before {
  background: transparent url('../../../Images/icons/search/search_seed.png') no-repeat top left !important;
}
.tabicon.saved.objectrequirement:before,
.tab.saved.objectrequirement:before {
  background: transparent url('../../../Images/icons/search/search_objectrequirement.png') no-repeat top left !important;
}
.tabicon.saved.incident:before,
.tab.saved.incident:before {
  background: transparent url('../../../Images/icons/search/search_incident.png') no-repeat top left !important;
}
.tabicon.saved.scheduledemail:before,
.tab.saved.scheduledemail:before {
  background: transparent url('../../../Images/icons/search/search_scheduledemail.png') no-repeat top left !important;
}
.tabicon.saved.shift:before,
.tab.saved.shift:before {
  background: transparent url('../../../Images/icons/search/search_shift.png') no-repeat top left !important;
}
.tabicon.saved.workhistory:before,
.tab.saved.workhistory:before {
  background: transparent url('../../../Images/icons/search/search_workhistory.png') no-repeat top left !important;
}
.tabicon.saved.educationhistory:before,
.tab.saved.educationhistory:before {
  background: transparent url('../../../Images/icons/search/search_educationhistory.png') no-repeat top left !important;
}
.tabicon.saved.credentialingrequest:before,
.tab.saved.credentialingrequest:before {
  background: transparent url('../../../Images/icons/search/search_credentialing.png') no-repeat top left !important;
}
.tabicon.saved.timesheetlineattribution:before,
.tab.saved.timesheetlineattribution:before {
  background: transparent url('../../../Images/icons/search/search_timesheet.png') no-repeat top left !important;
}
.tabicon.formrespondent:before,
.tab.formrespondent:before,
.tabicon.formrespondent.search:before,
.tab.formrespondent.search:before {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -144px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.folder .tabicon.folder-icon:before {
  width: 16px;
  content: '';
  position: absolute;
  height: 16px;
  top: 2px;
}
.folder.open .tabicon.folder-icon:before {
  background: transparent url('../../../Images/icons/folder_open_gray.png') no-repeat top left;
}
.folder.closed .tabicon.folder-icon:before {
  background: transparent url('../../../Images/icons/folder_closed_gray.png') no-repeat top left;
}
/* Leftbar scroll buttons */
.leftbar-scroll {
  position: relative;
  height: 22px;
  text-align: center;
  padding-bottom: 2px;
  padding-top: 4px;
  z-index: 2;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.leftbar-scroll:hover:after {
  opacity: 1;
}
.leftbar-scroll:not(.hidden) {
  cursor: pointer;
}
.leftbar-scroll.up.hidden {
  height: 10px;
}
.leftbar-scroll.down:not(.hidden) {
  background: linear-gradient(180deg, rgba(247, 247, 247, 0), #f7f7f7 50%);
}
.leftbar-scroll.down:not(.hidden):after {
  content: '\f13a';
}
.leftbar-scroll.up:not(.hidden) {
  background: linear-gradient(180deg, #f7f7f7 50%, rgba(247, 247, 247, 0));
}
.leftbar-scroll.up:not(.hidden):after {
  content: '\f139';
}
.leftbar-scroll:after {
  font-family: FontAwesome;
  font-size: 14px;
  color: #4f4f4f;
  opacity: 0.7;
}
.collapsed .leftbar-scroll {
  text-align: left;
  padding-left: 16px;
}
/* ============================ MAIN DIV ================================ */
#maindiv.main_content {
  max-width: 97%;
  max-width: calc(100% - 201px);
  max-height: 99%;
  height: calc(100% - 50px);
  padding: 0;
}
#maindiv iframe {
  float: left;
  margin-left: -9999px;
  width: 100%;
}
#maindiv iframe.active {
  display: inline;
  margin-left: 0px;
  height: 100%;
}
.main_content {
  float: left;
  width: 100%;
  max-width: 70%;
  max-width: calc(100% - 250px);
  min-height: 1px;
  /* Fix for v2 search pages with no results displayed */
  padding-right: 10px;
}
#uccontent {
  padding-right: 10px;
}
.main_content.no_rightbar {
  max-width: calc(100% - 40px);
}
.main_content.no_leftbar,
#maindiv.main_content.no_leftbar {
  max-width: calc(100% - 52px);
}
.main_content .no_leftbar.no_rightbar {
  width: calc(100% - 89px);
}
#maindiv div.report .rightbar_container {
  margin-top: 0;
}
div.report {
  overflow: hidden;
  min-height: 100vh;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAABCAIAAAB42ySwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0OTBlY2I0My1iOTdmLWNlNDAtOGMzOC1lYmQ1NWJiYWM1NzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzg1NkRGN0E5QkM4MTFFNUJFNkJDQjJBNjNDNzk5Q0YiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzg1NkRGNzk5QkM4MTFFNUJFNkJDQjJBNjNDNzk5Q0YiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5MGVjYjQzLWI5N2YtY2U0MC04YzM4LWViZDU1YmJhYzU3MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OTBlY2I0My1iOTdmLWNlNDAtOGMzOC1lYmQ1NWJiYWM1NzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71NwetAAAAGElEQVR42mI8c+aMtrY2wygYBSMAAAQYAHzUAue3oVAwAAAAAElFTkSuQmCC) repeat-y right top;
  position: relative;
}
div.report .main_content {
  padding: 0;
}
div.report .main_content:only-child {
  width: 100%;
  max-width: 100%;
  overflow: scroll;
  background-color: #F9F9FA;
}
div.report.no_rightbar {
  background-position: calc(100% + 250px) top;
}
div.dialog,
div.page {
  padding: 10px 10px 50px;
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 100vh;
}
div.dialog.withtopmenu,
div.page.withtopmenu {
  clear: both;
  padding: 0 0 40px 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPwAAAABCAIAAAB1xVT3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0OTBlY2I0My1iOTdmLWNlNDAtOGMzOC1lYmQ1NWJiYWM1NzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEM0Mjc3NUE5QkM1MTFFNTk4MzVCRDkyREI4MThEQjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEM0Mjc3NTk5QkM1MTFFNTk4MzVCRDkyREI4MThEQjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5MGVjYjQzLWI5N2YtY2U0MC04YzM4LWViZDU1YmJhYzU3MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OTBlY2I0My1iOTdmLWNlNDAtOGMzOC1lYmQ1NWJiYWM1NzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5FRT6XAAAAHUlEQVR42mI8c+aMtrY2wygYBSMA/Pr1C0gCBBgAnOQF1QDhA+kAAAAASUVORK5CYII=) repeat-y calc(100% + 2px) top;
}
div.dialog.withtopmenu.no_rightbar,
div.page.withtopmenu.no_rightbar {
  background-position: calc(100% + 211px) top;
}
div.dialog.withtopmenu .RadTabStrip,
div.page.withtopmenu .RadTabStrip {
  margin-top: 1px;
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  width: calc(100% - 250px);
  z-index: 0;
}
div.dialog.withtopmenu .main_content.no_rightbar + .RadTabStrip,
div.page.withtopmenu .main_content.no_rightbar + .RadTabStrip {
  width: calc(100% - 40px);
}
/* ============================ MAIN PAGE ELEMENTS ================================ */
.topborder {
  height: 1px;
  width: 100%;
  border-top: 1px solid #C8D6E5;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 3000;
}
.bottombuttons {
  background-color: #969696;
  background-color: rgba(150, 150, 150, 0.9);
  border-top: 1px solid #aaaaaa;
  padding: 4px 8px;
  position: fixed;
  width: 100%;
  height: 40px;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 5999;
}
.bottombuttons .rightbuttons {
  float: right;
  margin-right: 30px;
}
.bottombuttons select {
  height: 28px;
  border-radius: 2px;
  background: #fff url('../../../Images/icons/search/dropdown_arrow.png') no-repeat calc(100% - 5px) center;
  padding: 1px 2% 4px 2px;
  -moz-background-size: 7px;
  -o-background-size: 7px;
  -webkit-background-size: 7px;
  background-size: 7px;
  text-indent: 0.01px;
  -ms-text-overflow: '';
  -o-text-overflow: '';
  text-overflow: '';
}
.bottombuttons > input,
.bottombuttons > label {
  top: -2px !important;
  vertical-align: middle;
  position: relative;
}
.bottombuttons,
.widgetfooter > .buttons {
  vertical-align: middle;
}
.bottombuttons .stats {
  float: right;
  margin-right: 20px;
  margin-top: 5px;
  cursor: default;
}
.bottombuttons .stats .stat {
  margin-right: 5px;
  color: #111 !important;
}
.save_btn_container {
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: -60px;
}
.save_btn_container.messaging {
  -moz-background-size: 26px;
  -o-background-size: 26px;
  -webkit-background-size: 26px;
  background-size: 26px;
  padding: 7px 2px 12px 40px;
  display: none;
}
.save_btn_container.messaging:before {
  font-size: 25px;
}
.save_btn_container .save {
  margin-left: 10px;
}
.dock {
  margin-bottom: 10px !important;
}
.dock .padded {
  padding: 10px;
  background-color: #ffffff;
}
/* ============================ RIGHT SIDEBAR ================================ */
.rightbar_container {
  display: inline-block;
  height: auto;
  margin: 0 -10px 0 0;
  z-index: 8000;
  width: 30%;
  width: calc(40px);
  pointer-events: none;
}
.main_content.search-results + .rightbar_container {
  width: 250px;
  position: absolute;
  height: 100%;
  left: calc(100% - 260px);
  top: 0;
  margin: 0 -10px 0 10px;
  overflow: hidden;
  z-index: 99;
}
.main_content.search-results + .rightbar_container #rightbar {
  height: 100%;
}
.main_content.search-results + .rightbar_container #rightbar.closed .rightbar.section.touched.open {
  height: 100%;
  min-height: 0;
}
.main_content.search-results + .rightbar_container #rightbar .rightbar.section.search .layout div {
  padding: 2px 0 2px 0;
  display: inline-block;
  cursor: pointer;
}
.main_content.search-results + .rightbar_container #rightbar .rightbar.section.search .layout .icon-button-remove {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -96px -112px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.main_content.search-results + .rightbar_container #rightbar .rightbar.section.search .layout .icon-button-share {
  background: url(../../../Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -96px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.main_content.search-results + .rightbar_container #rightbar.closed {
  right: -250px;
}
.main_content.search-results.no_rightbar + .rightbar_container {
  width: 290px;
  left: calc(100% - 305px);
  padding-left: 5px;
}
.main_content .main_content + .rightbar_container {
  display: none;
}
#rightbar {
  pointer-events: all;
  background-color: #f7f7f7;
  border-left: 1px solid #ccc;
  width: 100%;
  width: calc(250px);
  height: 100%;
  min-height: 100vh;
  right: -250px;
  position: relative;
  padding-top: 30px;
  padding-bottom: 40px;
}
#rightbar.main {
  right: 0;
  height: auto;
}
#rightbar.main.closed {
  border-left: none;
}
#rightbar.main.closed .rightbar.section {
  display: none;
}
#rightbar .rightbar.section {
  right: 0px;
}
#rightbar.closed .rightbar.section.touched {
  max-width: 250px;
  position: absolute;
  height: auto;
  min-height: 9999px;
  top: 0px;
  min-width: 250px;
  background-color: #f7f7f7;
  z-index: 5999;
}
#rightbar.closed .rightbar.section.touched.open {
  display: block;
  right: 250px;
  margin-top: 0;
  -webkit-box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.2);
  box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.2);
}
#rightbar.closed .rightbar.section.touched .minimize {
  display: none;
}
#rightbar.closed .rightbar_controls {
  right: -209px;
}
#rightbar.closed .hide_rightbar:after {
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
#rightbar .minimized_rightbar_filler {
  border-left: 1px solid #ccc;
  position: absolute;
  left: 1000px;
  top: 0px;
  padding: 0;
  margin: 0;
  height: 9999px;
  width: 40px;
  background-color: #e7e7e7;
  z-index: 999;
}
#rightbar .minimized_rightbar_filler.open {
  left: 0px;
}
#rightbar .minimized_rightbar {
  position: absolute;
  left: 1000px;
  top: 30px;
  padding: 0;
  margin: 0;
  min-width: 900px;
  height: 40px;
  width: 100%;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transform-origin: 450px 450px;
  -ms-transform-origin: 450px 450px;
  -o-transform-origin: 450px 450px;
  -webkit-transform-origin: 450px 450px;
  transform-origin: 450px 450px;
  background-color: #e7e7e7;
  z-index: 6001;
}
#rightbar .minimized_rightbar.open {
  left: 0;
}
#rightbar .minimized_rightbar li {
  cursor: pointer;
  list-style: none;
  padding: 5px 15px;
  margin: 0;
  float: right;
  font-size: 18px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#rightbar .minimized_rightbar li:hover {
  border-bottom: 5px solid #616161;
}
#rightbar .minimized_rightbar li.active {
  border-bottom: 5px solid #1f6385;
  background-color: #f7f7f7;
}
#rightbar .rightbar_controls {
  height: 30px;
  background-color: #3c3c3c;
  border-left: 1px solid #ccc;
  position: fixed;
  z-index: 9999;
  width: 250px;
  top: 0;
  right: 0;
}
#rightbar .rightbar_controls button {
  background: transparent;
  border: none;
  cursor: pointer;
  float: left;
  font-weight: 500;
  margin: 5px 7px 0 7px;
  width: 13px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
  padding: 0;
  box-shadow: none;
}
#rightbar .rightbar_controls button:hover,
#rightbar .rightbar_controls button:active,
#rightbar .rightbar_controls button:focus {
  background-color: #fff !important;
}
#rightbar .rightbar_controls button:hover:after,
#rightbar .rightbar_controls button:active:after,
#rightbar .rightbar_controls button:focus:after {
  color: #111 !important;
}
#rightbar .rightbar_controls button.hide_rightbar {
  height: 0px;
  height: calc(20px);
}
#rightbar .rightbar_controls button.hide_rightbar:after {
  font-family: FontAwesome;
  content: '\f101';
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  line-height: 20px;
  vertical-align: middle;
  text-indent: 0;
  font-size: 14px;
}
#rightbar .section_content,
#rightbar .section_inner {
  padding: 10px 0;
  position: relative;
}
#rightbar .section_content ul,
#rightbar .section_inner ul {
  margin: 0 0 0 -5px;
  padding: 0;
}
#rightbar .section_content ul li,
#rightbar .section_inner ul li,
#rightbar .section_content ul div.clicktip,
#rightbar .section_inner ul div.clicktip,
#rightbar .section_content ul div.cooltip,
#rightbar .section_inner ul div.cooltip {
  list-style: none;
  margin: 0;
  border-top: 1px solid #ebebeb;
  color: #003399 !important;
}
#rightbar .section_content ul li:first-child,
#rightbar .section_inner ul li:first-child,
#rightbar .section_content ul div.clicktip:first-child,
#rightbar .section_inner ul div.clicktip:first-child,
#rightbar .section_content ul div.cooltip:first-child,
#rightbar .section_inner ul div.cooltip:first-child {
  border-top: none;
}
#rightbar .section_content ul li span span,
#rightbar .section_inner ul li span span,
#rightbar .section_content ul div.clicktip span span,
#rightbar .section_inner ul div.clicktip span span,
#rightbar .section_content ul div.cooltip span span,
#rightbar .section_inner ul div.cooltip span span {
  margin: 0;
}
#rightbar .section_content ul li .tab_spacer_top,
#rightbar .section_inner ul li .tab_spacer_top,
#rightbar .section_content ul div.clicktip .tab_spacer_top,
#rightbar .section_inner ul div.clicktip .tab_spacer_top,
#rightbar .section_content ul div.cooltip .tab_spacer_top,
#rightbar .section_inner ul div.cooltip .tab_spacer_top,
#rightbar .section_content ul li .tab_spacer_bottom,
#rightbar .section_inner ul li .tab_spacer_bottom,
#rightbar .section_content ul div.clicktip .tab_spacer_bottom,
#rightbar .section_inner ul div.clicktip .tab_spacer_bottom,
#rightbar .section_content ul div.cooltip .tab_spacer_bottom,
#rightbar .section_inner ul div.cooltip .tab_spacer_bottom {
  min-height: 5px;
}
#rightbar .section_content ul li:hover,
#rightbar .section_inner ul li:hover,
#rightbar .section_content ul div.clicktip:hover,
#rightbar .section_inner ul div.clicktip:hover,
#rightbar .section_content ul div.cooltip:hover,
#rightbar .section_inner ul div.cooltip:hover {
  color: #000 !important;
}
#rightbar .section_content ul li img,
#rightbar .section_inner ul li img,
#rightbar .section_content ul div.clicktip img,
#rightbar .section_inner ul div.clicktip img,
#rightbar .section_content ul div.cooltip img,
#rightbar .section_inner ul div.cooltip img {
  margin: 0 2px 0 10px;
  vertical-align: middle;
  max-width: 16px;
}
#rightbar .section_content .option,
#rightbar .section_inner .option,
#rightbar .section_content .search-sidebar-button,
#rightbar .section_inner .search-sidebar-button {
  color: #003399;
  margin: 3px 0;
  min-height: 20px;
  cursor: pointer;
}
#rightbar .section_content .option:first-of-type,
#rightbar .section_inner .option:first-of-type,
#rightbar .section_content .search-sidebar-button:first-of-type,
#rightbar .section_inner .search-sidebar-button:first-of-type {
  margin-top: 0;
}
#rightbar .section_content .option:hover,
#rightbar .section_inner .option:hover,
#rightbar .section_content .search-sidebar-button:hover,
#rightbar .section_inner .search-sidebar-button:hover {
  color: #cc0000;
}
#rightbar .section_content .option img,
#rightbar .section_inner .option img,
#rightbar .section_content .search-sidebar-button img,
#rightbar .section_inner .search-sidebar-button img,
#rightbar .section_content .option span,
#rightbar .section_inner .option span,
#rightbar .section_content .search-sidebar-button span,
#rightbar .section_inner .search-sidebar-button span {
  margin-right: 5px;
  max-height: 16px;
  vertical-align: middle;
}
#rightbar .section_content label,
#rightbar .section_inner label {
  display: block;
}
#rightbar .section_content .invoice_options label,
#rightbar .section_inner .invoice_options label {
  display: inline;
}
#rightbar .section_content h4,
#rightbar .section_inner h4 {
  margin: 10px 0 5px;
}
#rightbar .widgettitle:empty {
  display: none;
}
#rightbar .widget {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin: 0 0 10px 0;
}
#rightbar .widget .widget_header {
  padding: 3px;
  border-bottom: 1px solid #ccc;
}
#rightbar .widget .widget_header .widget_controls {
  float: right;
}
#rightbar .widget .widget_header img,
#rightbar .widget .widget_header span {
  vertical-align: middle;
}
#rightbar .widget .widget_content {
  padding: 3px;
}
#rightbar .widget .widget_content.clicktip {
  color: #039;
}
#rightbar .record_counts ul {
  margin-top: -10px;
  margin-right: -5px;
  width: 250px;
}
#rightbar .record_counts ul li {
  padding: 2px 0;
}
#rightbar .record_counts ul li .cooltip {
  color: #000;
}
#rightbar .record_counts ul li .new_tab {
  cursor: pointer;
}
#rightbar .record_counts ul li .cooltip.new_tab {
  color: #003399;
  cursor: pointer;
}
#rightbar .record_counts ul li > span {
  vertical-align: middle;
  line-height: 22px;
}
#rightbar .record_counts ul li > span span {
  font-weight: bold;
}
#rightbar .record_counts ul li .related_buttons {
  float: right;
  padding-right: 5px;
}
#rightbar .record_counts ul li .related_buttons button {
  height: 22px;
  min-width: 22px;
  padding: 0;
  margin: 0;
  line-height: 14px;
}
#rightbar .record_counts ul li .related_buttons button:not(:hover) {
  background-color: #e4e4e4;
}
div.page {
  overflow: hidden;
}
div.page .rightbar_container {
  margin-top: 0;
}
/* there should only be one toolbar per rightbar */
#rightbar .section {
  padding: 0 5px;
}
#rightbar .section .section {
  padding: 0;
}
#rightbar .section .title,
#rightbar .toolbar .title {
  font-size: 15px;
  color: #1f6385;
  background-color: #e1e1e1;
  border-bottom: 1px solid #ccc;
  padding: 3px 0 3px 20px;
  position: relative;
  margin: 0 0 0 -5px;
  width: calc(100% + 10px);
}
#rightbar .section.search .title {
  padding-left: 6px;
}
.calendar_note_actions {
  margin: -10px -9px 10px -5px;
  width: 250px;
  display: table;
  table-layout: fixed;
}
.calendar_note_actions span {
  cursor: pointer;
  height: 30px;
  background-color: #fff;
  border: 1px solid #ccc;
  display: table-cell;
  border-top: none;
  text-align: center;
  vertical-align: middle;
}
.calendar_note_actions span:hover {
  background-color: #ebebeb;
}
.calendar_note_actions span:first-child {
  border-left: none;
}
.calendar_note_actions span:nth-child(2) {
  border-left: none;
  border-right: none;
}
.calendar_note_actions span:nth-child(3) {
  border-right: none;
}
.calendar_note_actions span:last-child {
  border-bottom-right-radius: 3px;
}
.quickadd_note select::-moz-placeholder,
.quickadd_note select::-webkit-input-placeholder,
.quickadd_note select:-ms-input-placeholder,
.quickadd_note textarea::-moz-placeholder,
.quickadd_note textarea::-webkit-input-placeholder,
.quickadd_note textarea:-ms-input-placeholder {
  color: #616161;
}
.quickadd_note input,
.quickadd_note textarea {
  width: 100%;
  border: 1px solid #ccc;
  padding: 3px;
  border-radius: 2px;
  height: 25px;
  font-size: 12px;
}
.quickadd_note input.quicknote_body {
  height: 25px;
  overflow: hidden;
  top: -1px;
  font-family: 'Segoe UI', 'Arial Black', Gadget, sans-serif;
  position: relative;
  padding-right: 25px;
}
.quickadd_note img {
  position: relative;
  left: 218px;
  top: -21px;
}
.minimized_notes {
  max-height: 0;
  overflow: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.minimized_notes.open {
  max-height: 9999px;
}
.note_list button {
  width: 100%;
  margin-top: 10px;
}
.note_list button span {
  pointer-events: none;
}
.note_list .note_messaging {
  display: block;
}
.notebody {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 5px;
  max-width: 600px;
}
.notebody .note_header {
  padding: 3px;
  border-bottom: 1px solid #ccc;
}
.notebody .note_header img {
  float: left;
}
.notebody .note_header > span {
  float: left;
  margin-right: 3px;
  margin-left: 3px;
  height: 100%;
  font-weight: 700;
}
.notebody .last_note_message {
  padding: 5px 5px 0;
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
}
.notebody .note_content {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.notebody .note_content .scheduled_item_info {
  padding: 0 0 10px 0;
  display: inline-block;
}
.notebody .note_content .see_more {
  color: #1a0dab;
  cursor: pointer;
}
.notebody .note_content .see_more:hover {
  text-decoration: underline;
}
.notebody .note_content .note_text {
  margin: 10px 0;
}
.notebody .note_content .note_end {
  display: none;
}
.notebody .note_info {
  display: inline;
}
.notebody .note_info .note_time {
  color: #6e6e6e;
}
#notes_section .widgetBody-tall {
  max-height: 100%;
}
.note_tools,
.widget_controls {
  border-top: 1px solid #ccc;
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
  position: relative;
  top: 1px;
}
.note_tools span,
.widget_controls span {
  border-left: 1px solid #ccc;
  display: table-cell;
  height: 30px;
  cursor: pointer;
  vertical-align: middle;
}
.note_tools span:hover,
.widget_controls span:hover {
  background-color: #ebebeb;
}
.note_tools span:first-child,
.widget_controls span:first-child {
  border-left: none;
}
.note_tools:empty,
.widget_controls:empty {
  display: none;
}
.note_tools span:hover {
  background: none;
}
.note_tools span.action {
  display: inline-block;
  height: 14px;
}
.note_tools span.action:before {
  font-family: FontAwesome;
  font-size: 14px;
  color: #ababab;
}
.note_tools span.email .action:before {
  content: '\f0e0';
}
.note_tools span.email:hover .action:before {
  color: #1f6385;
}
.note_tools span.editNote .action:before {
  content: '\f040';
}
.note_tools span.editNote:hover .action:before {
  color: #D9BF2D;
}
.note_tools span.reschedule .action:before {
  content: '\f073';
}
.note_tools span.reschedule:hover .action:before {
  color: #1f6385;
}
.note_tools span.deleteNote .action:before {
  content: '\f056';
}
.note_tools span.deleteNote:hover .action:before {
  color: #f05667;
}
.note_tools span.deleteNote:hover .action.disabled:before {
  color: #ababab;
}
.note_tools span.confirmNote .action:before {
  content: '\f058';
}
.note_tools span.confirmNote:hover .action:before {
  color: #1cb24b;
}
.contact_preference {
  position: relative;
  top: -11px;
  min-height: 22px !important;
}
.contact_preference span {
  cursor: pointer;
  width: 33.33%;
  height: 30px;
  float: left;
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-color: #d6ebd3;
  background-position: center center;
}
.contact_preference span:before {
  display: inline-block;
  font-family: FontAwesome;
  content: '\f00c';
  color: #1cb24b;
  line-height: 30px;
  vertical-align: middle;
  left: 20%;
  position: relative;
}
.contact_preference span.not_prefered {
  background-color: #f9b9b5;
}
.contact_preference span.not_prefered:before {
  content: '\f00d';
  color: #f05667;
}
.contact_preference span.email {
  background-image: url('../../../Images/icons/email.png') !important;
}
.contact_preference span.text {
  background-image: url('../../../Images/icons/sms.png') !important;
}
.contact_preference span.call {
  background-image: url('../../../Images/icons/phone.png') !important;
  border-left-color: transparent;
  border-right-color: transparent;
}
.contact_preference span:hover {
  background-color: #ebebeb !important;
}
.contact_preference.company span {
  width: 100%;
  border-left-color: #ccc;
  border-right-color: #ccc;
}
.contact_preference.company span:before {
  left: 40%;
}
.toolbar.actions li {
  padding: 3px 0;
}
.popout {
  min-width: 250px;
  max-width: 635px;
  border: 1px solid silver;
  background-color: #DFE9F5;
  position: absolute;
  display: none;
  right: 0px;
  top: 0px;
  z-index: 1000;
  padding: 3px 20px 3px 3px;
}
.popouttrigger {
  cursor: pointer;
}
.popout .buttons {
  padding-right: 4px;
  padding-top: 3px;
  margin-top: 3px;
  text-align: right;
}
.closepopout {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}
.showadvancedpopout {
  position: absolute;
  top: 20px;
  right: 3px;
  cursor: pointer;
}
.popout .advanced {
  display: none;
}
.popout hr,
.reportgrid hr,
.widgetwrapper hr {
  background-color: silver;
  border: 0 none;
  color: silver;
  height: 1px;
}
.reportgrid hr {
  margin: 3px 0;
}
/* ============================ FORM ELEMENTS ================================ */
.rightbar_container .RadComboBox table {
  width: 100% !important;
}
/* ============================ OTHER STUFF ================================ */
.captchalabel {
  color: #535353;
}
h2 {
  color: #535353;
  font-size: 1.3em;
  font-weight: normal;
}
h5,
.h5 {
  display: block;
  color: #535353;
  margin: 3px 3px 3px 0px;
  font-size: 0.9em;
  font-weight: normal;
}
h5 span.title[onclick*=OpenPage],
.h5 span.title[onclick*=OpenPage] {
  cursor: pointer;
}
h5 span.title[onclick*=OpenPage]:hover,
.h5 span.title[onclick*=OpenPage]:hover {
  color: #ff0000;
  text-decoration: underline;
}
.grayedout {
  color: Silver;
}
.sectionmenu {
  border-bottom: 1px solid silver;
  display: block;
  clear: both;
  margin-bottom: 10px;
  background-image: url('../../../Images/bits/bg_sectionmenu.png');
  background-color: #d0e4ee;
  background-repeat: repeat-x;
}
.sectionmenu .body {
  margin: 10px;
  *zoom: 1;
}
.sectionmenu .body:after {
  content: "";
  display: table;
  clear: both;
}
.sectionmenu .body:after {
  content: "";
  display: table;
  clear: both;
}
.sectionmenu.abovegrid {
  margin-bottom: 0px;
  width: 100%;
  *zoom: 1;
}
.sectionmenu.abovegrid:after {
  content: "";
  display: table;
  clear: both;
}
.sectionmenu.abovegrid:after {
  content: "";
  display: table;
  clear: both;
}
.sectionmenu .menuitem {
  display: inline;
  margin-right: 10px;
  float: left;
}
.sectionmenu .menuitem.separator {
  padding-right: 10px;
  border-right: 1px solid Silver;
}
.searchpage div.hr {
  height: 44px;
}
.editablecolumnheader {
  padding-right: 18px;
  background: transparent url('../../../Images/icons/14/edit.png') no-repeat center right;
}
.editablegrideditsection {
  display: none;
}
.editablegrideditelement {
  position: relative;
  z-index: 1000;
  margin-top: -2px;
  margin-left: -6px;
}
.CustomFieldDivider {
  font-size: larger;
  font-weight: bold;
  position: relative;
}
.hiddenbydesign {
  display: none !important;
}
.helparticletitle {
  border-bottom: 1px solid silver;
  padding: 5px;
  font-size: x-large;
  background-image: url('../../../Images/bits/bg_sectionmenu.png');
  background-color: #d0e4ee;
  background-repeat: repeat-x;
}
.helparticle {
  padding: 5px;
}
.customfieldcontainer {
  border-top: 1px dotted silver;
  margin-top: 5px;
  margin-left: 2px;
  margin: 5px 0 5px 2px;
  position: relative;
}
.refundschedule-table {
  border: 1px solid;
  border-color: #535353;
  border-collapse: collapse;
}
.refundschedule-table td,
.refundschedule-table th {
  border: 1px solid #535353;
  padding: 3px;
}
/* ============================ OVERVIEW PAGE / COOLTIPS ================================ */
.t_Tooltip:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.t_Tooltip label {
  white-space: nowrap;
  font-size: 14px;
}
.t_Tooltip label.ui-button {
  min-width: 30px;
}
.t_Tooltip label.ui-button.note_count {
  min-width: 40px;
}
.t_Content ::-webkit-scrollbar-button {
  scrollbar-arrow-color: #f1f1f1;
}
.t_Tooltip .highlighted {
  border-top: 1px dashed silver;
  border-bottom: 1px dashed silver;
  margin: 5px -7px;
  padding: 5px 7px;
  background-color: #f0e5e5;
}
.t_Tooltip .advanced {
  display: none;
}
.t_Tooltip textarea {
  resize: none;
}
.cooltip,
.clicktip,
.coolclicktip {
  cursor: pointer !important;
}
.cooltip,
.cooltip > a {
  border-bottom: 1px dotted #1f6385 !important;
}
.k-grid a {
  color: #003399 !important;
  cursor: pointer;
}
.infotip {
  cursor: help !important;
}
.cooltip:hover {
  text-decoration: none;
}
.cooltip.nohover:hover,
.clicktip.nohover:hover,
.coolclicktip.nohover:hover {
  -webkit-text-shadow: none;
  text-shadow: none;
}
.cooltip.nohover:hover img,
.cooltip:hover img.nohover {
  background-color: transparent;
}
.cooltip a:hover,
.clicktip a:hover,
.coolclicktip a:hover {
  text-decoration: none !important;
}
.menutip {
  cursor: pointer;
  display: inline;
  color: #039;
}
.menutip:hover {
  text-decoration: underline;
}
.t_Tooltip table.tablesorter {
  margin: 0 !important;
}
.rcoptions {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  height: 25px;
  overflow: hidden;
}
.rcoptions .rcoption {
  margin: 0 3px 3px 0;
  float: left;
  cursor: pointer;
  padding: 3px;
}
.rcoptions .rcoption:hover {
  background-color: #3777b5;
  color: #F2F6F9;
}
.rcoptions .rcoption img {
  margin-right: 2px;
}
.autowidget {
  background: transparent url('../../../Images/ajaxloader_small_square.gif') no-repeat center center;
  min-height: 20px;
  width: 100%;
}
.editmode {
  max-height: 350px;
  min-width: 380px;
  max-width: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}
.t_Tooltip .cooltiploading {
  margin: 10px 0;
  text-align: center;
}
.datapoints {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 10px 0;
}
.overviewdatapoint {
  float: left;
  padding: 10px;
  width: 16.66667%;
}
@media screen and (max-width: 960px) {
  .overviewdatapoint {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .overviewdatapoint {
    width: 33.333%;
  }
}
.t_Tooltip .overviewdatapoint {
  margin: 10px 3px 0px;
}
.overviewpage .overviewdatapoint .value {
  font-size: 22px;
  text-align: center;
}
.overviewdatapoint .title {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t_Tooltip .overviewdatapoint .value {
  color: #616161;
  font-family: Verdana;
  font-size: 12px;
  text-align: center;
  height: 20px;
}
.overviewalert {
  text-align: center;
  margin: 3px 0;
  padding: 5px;
  color: #ff0000;
  font-size: 16px;
  border: 1px solid #ff0000;
  background: #fff0f0;
}
.overviewpage .overviewwidget {
  clear: both;
  margin-top: 20px;
  padding: 5px;
  border: 1px solid silver;
  background: #f8f8ff;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.overviewwidgetSmall {
  float: left;
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid silver;
  background: #f8f8ff;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.overviewpage .overviewwidget .title {
  color: #616161;
  font-family: Verdana;
  font-size: larger;
  margin-bottom: 5px;
}
.overviewwidget .value {
  font-size: 12px;
  overflow-x: hidden;
}
.overviewwidgetSmall .title {
  color: #616161;
  font-family: Verdana;
  font-size: larger;
  margin-bottom: 5px;
}
.overviewwidgetSmall .value {
  font-size: 12px;
}
.overviewlistitem {
  margin-bottom: 3px;
  padding: 3px;
}
.overviewlistitem .title {
  color: #000000;
  font-size: 12px;
  border-bottom: 1px solid #c0c0c0;
}
.overviewnotetext {
  display: block;
  max-height: 60px;
  overflow: hidden;
  position: relative;
  padding-right: 18px;
}
.overviewnotetext.expanded {
  max-height: inherit !important;
}
.overviewnotetext .moreless {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: transparent url('../../../Images/icons/arrowdown.png') no-repeat top left;
}
.overviewnotetext.expanded .moreless {
  background: transparent url('../../../Images/icons/arrowup.png') no-repeat top left;
}
.highlight-old,
.resumePreview .highlight {
  color: white;
  background-color: red;
  font-weight: bolder;
  padding: 3px;
  margin: 0;
  border: none;
}
.edit_button {
  position: absolute;
  top: 30px;
  right: 2px;
  z-index: 1000;
  padding: 5px;
  display: none;
  cursor: pointer;
  background-color: #F0F0F0;
  border: 1px solid silver;
}
.view_mode {
  padding: 4px;
}
.view_mode_medium {
  width: 255px;
}
.view_mode_large {
  min-width: 510px;
}
.edit_mode {
  max-height: 330px;
  min-width: 380px;
  overflow-y: auto;
  overflow-x: hidden;
}
.dropdown_normal {
  width: 170px !important;
}
.input_normal {
  width: 190px;
}
.input_short {
  width: 87px;
}
.cooltipmenuoption {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 3px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.cooltipmenuoption:hover {
  background-color: #3777B5;
  color: #F2F6F9;
}
.cooltipmenuoption a {
  display: block !important;
}
.cooltipmenuoption a:hover {
  text-decoration: none !important;
  color: inherit;
}
/******************
 ** scheduling  ***
 ******************/
.day_details {
  border: 1px solid #808080;
  width: 135px;
  height: 412px;
}
.day_details .title {
  display: block;
  background-color: #B8D6E5;
  width: 135px;
  height: 28px;
  font-size: 14px;
  text-align: center;
}
.day_details .content {
  display: block;
  width: 135px;
  background-color: #EDF9FF;
  background-image: url('../../../Images/calendardayback.gif');
  background-repeat: repeat-x;
  height: 384px;
  position: relative;
}
.day_details .content .available {
  position: absolute;
  background-color: #4B8C52;
  border: 1px solid #3C7041;
  padding: 2px;
  background-image: url('../../../Images/icons/availabilitytypes/1.png');
  background-position: top left;
  background-repeat: no-repeat;
}
.day_details .content .unavailable {
  position: absolute;
  background-color: #AF3C52;
  border: 1px solid #933346;
  padding: 2px;
  background-image: url('../../../Images/icons/availabilitytypes/2.png');
  background-position: top left;
  background-repeat: no-repeat;
}
.day_details .content .working {
  position: absolute;
  background-color: #3C64B6;
  border: 1px solid #33569B;
  padding: 2px;
  background-image: url('../../../Images/icons/availabilitytypes/3.png');
  background-position: top left;
  background-repeat: no-repeat;
}
.day_details .content .working_other {
  position: absolute;
  background-color: #7894CC;
  border: 1px solid #406EC4;
  padding: 2px;
  background-image: url('../../../Images/icons/availabilitytypes/3.png');
  background-position: top left;
  background-repeat: no-repeat;
}
.day_details .content .calledoff {
  /*position: absolute;
	top: 25px;
	left: 0px;
	width: 10px;
	background-color: #B50000;*/
  background-image: url('../../../Images/cross.png');
  background-repeat: no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
}
.day_details .content .timerange {
  position: absolute;
  bottom: 2px;
  right: 2px;
  font-size: 10px;
  text-align: right;
  color: #E0E0E0;
}
.week_nav {
  display: block;
  height: 412px;
  width: 20px;
  background-color: #EDF9FF;
  border: 1px solid #AAAAAA;
  color: #AAAAAA;
  cursor: pointer;
  position: relative;
}
.week_nav:hover {
  border: 1px solid #FF9600;
  color: #FF9600;
  text-decoration: none;
  background-color: #FFFFFF;
}
.week_nav_inner {
  font-size: 20px;
  font-weight: bold;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 190px;
}
.RadCalendar_Scheduling .calitem_available {
  background-image: url('../../../Images/icons/availabilitytypes/1s.png');
  color: #4B8C52;
  margin-top: -4px;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 5px !important;
  width: 90px;
  height: 16px;
  overflow: hidden;
  font-size: 10px;
  cursor: pointer;
}
.RadCalendar_Scheduling .calitem_unavailable {
  background-image: url('../../../Images/icons/availabilitytypes/2s.png');
  color: #AF3C52;
  margin-top: -4px;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 5px !important;
  width: 90px;
  height: 16px;
  overflow: hidden;
  font-size: 10px;
  cursor: pointer;
}
.RadCalendar_Scheduling .calitem_working {
  background-image: url('../../../Images/icons/availabilitytypes/3s.png');
  color: #3C64B6;
  margin-top: -4px;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 5px !important;
  width: 90px;
  height: 16px;
  overflow: hidden;
  font-size: 10px;
  cursor: pointer;
}
.scheduletitle_available {
  background-color: #4B8C52;
  border: 1px solid #3C7041;
  padding: 2px;
  height: 26px;
  width: 100%;
  background-image: url('../../../Images/icons/availabilitytypes/1.png');
  background-position: top left;
  background-repeat: no-repeat;
  text-align: center;
  color: #F5F5F5;
  font-size: 16px;
}
.scheduletitle_unavailable {
  background-color: #AF3C52;
  border: 1px solid #933346;
  padding: 2px;
  height: 26px;
  width: 100%;
  background-image: url('../../../Images/icons/availabilitytypes/2.png');
  background-position: top left;
  background-repeat: no-repeat;
  text-align: center;
  color: #F5F5F5;
  font-size: 16px;
}
.scheduletitle_working {
  background-color: #3C64B6;
  border: 1px solid #33569B;
  padding: 2px;
  height: 26px;
  width: 100%;
  background-image: url('../../../Images/icons/availabilitytypes/3.png');
  background-position: top left;
  background-repeat: no-repeat;
  text-align: center;
  color: #F5F5F5;
  font-size: 16px;
}
.editbutton {
  float: right;
  padding: 5px;
  display: none;
  cursor: pointer;
  background-color: #F0F0F0;
  border: 1px solid silver;
}
.widget > .body.hover {
  background-color: #FFFFCC;
}
/** Pay check **/
.paystub {
  font-family: 'Courier New', Courier, 'Nimbus Mono L', monospace;
}
.paystubheader {
  font-weight: bold;
  font-size: 1.1em;
}
/** Timesheets **/
.timesheetdayentry {
  padding: 2px;
  overflow: hidden;
}
.timesheetdayentry.editable {
  cursor: pointer;
}
.timesheetdayentry.editable:hover {
  background-color: #FAFADA;
}
.contextMenu {
  border: 1px solid gray;
  background: #F8F8F8;
  padding: 10px;
  z-index: 20000001;
}
.contextMenu button {
  display: block;
  width: 100%;
  text-align: left;
}
.kmsFrame {
  width: 100%;
  height: 100%;
  border: none;
  background: #eee;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.requirementtitle {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 60%;
}
.colorchip {
  display: inline-block !important;
  border-radius: 2px;
  margin-right: 5px !important;
  vertical-align: middle;
  width: 14px;
  height: 14px;
}
.notification_counter {
  float: left;
  position: relative;
  font-size: 6pt;
  left: -8px;
  top: 0px;
  background-color: red;
  color: white;
  padding: 1px 2px 1px 2px;
  -webkit-border-radius: 4px;
  -webkit-text-shadow: 0.1em 0.1em black;
  text-shadow: 0.1em 0.1em black;
  -webkit-box-shadow: 0.2em 0.2em #666;
}
/* Admin Grid Pages */
.admin_grid_container {
  overflow-x: scroll;
  height: calc(100vh - 30px);
  width: calc(100vw - 10px);
}
.status-container {
  height: calc(100vh - 63px);
}
.admin_grid {
  overflow: hidden;
}
/* Login */
div.page.login_container {
  padding: 0;
  text-align: center;
}
div.page.login_container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
div.login {
  width: 310px;
  background-color: #ebebeb;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: inline-block;
  padding: 10px;
  vertical-align: middle;
}
div.login .client_logo {
  background-position: center 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 110px;
}
div.login div {
  text-align: left;
}
div.login h5 {
  font-size: 14px;
  color: #111;
  text-align: left;
}
div.login input[type=text],
div.login input[type=password] {
  display: block;
  width: 290px !important;
}
div.login .buttons {
  margin-top: 20px;
  text-align: left;
}
div.login .buttons .login {
  float: right;
}
div.login .messaging {
  margin-top: 10px;
  display: block;
  text-align: left;
}
/* Brought over from Site.css, figure out what to do with this. */
h5,
.h5 {
  display: block;
  color: #535353;
  margin: 1px 0px;
  font-size: 0.9em;
  font-weight: normal;
}
/* Classes to defeat inline styles in cooltips */
.cooltip-content-force-fullscreen {
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
}
.cooltip-widget-force-fullscreen {
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
}
.cooltip-widget-force-fullscreen .widgetBody {
  height: calc(100vh - 118px);
  max-height: 100%;
}
.cooltip-widgethelp-autosize {
  height: auto !important;
  min-height: 100px;
  width: 100% !important;
}
.cooltip-widgethelp-content-fill {
  height: 100% !important;
  width: 100% !important;
  max-height: none !important;
}
.department-menu-option {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 3px;
}
.department-menu-option:hover {
  background-color: #3777B5;
  color: #F2F6F9;
}
/*==================================================*/
.widget-editor {
  min-width: 300px;
}
.widget-editor .select2-container,
.widget-editor input,
.widget-editor select,
.widget-editor textarea {
  width: 95%;
}
.widget-editor input {
  padding-right: 0;
}