/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  font-weight: 100; }

input:focus, select:focus, textarea:focus, button:focus {
  outline: none; }

/* Mixins */
/* Colours Primary Colours */
/* White                            */
/* Darkest slate blue               */
/* Dark slate blue                  */
/* Slate blue grey                  */
/* Light slate blue grey            */
/* Secondary Colours */
/* Background grey                  */
/* Light grey                       */
/* Pagination gray                  */
/* Medium grey                      */
/* Heading grey                     */
/* Text colour                      */
/* Pagination gray                  */
/* Tool tip grey                    */
/* Blue icon                        */
/* Light blue icon                  */
/* Notification orange              */
/* Notification orange hover        */
/* Red document icon                */
/* Yellow icon                      */
/* Footer text colours              */
/* Primary nav medium blue          */
/* Primary nav dark blue            */
/* Grey divider                     */
/* Time submission heading          */
/* Input background grey            */
/* Refersh button text shadow       */
/* Refersh button text hover bg     */
/* Refersh button text hover shadow */
/* Refersh button text focus bg     */
/* Refersh button text focus shadow */
/* Save button text shadow          */
/* Save button text hover shadow    */
/* Save button text focus shadow    */
/* Checkbox error border colour     */
/* Login input field bg             */
/* Login status bar border          */
/* Login status bar background      */
/* Login status bar text colour     */
/* Login success button background  */
/* Login success button text shadow */
/* Dark Green                       */
/* Green                            */
/* Medium Green                     */
/* Light Green                      */
h1, h2, h3, h4, h5, h6 {
  margin: 15px 0;
  color: #808080; }

h1 {
  margin: 20px 0;
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: 700;
  line-height: 34px; }

h2 {
  margin: 20px 0;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 700;
  line-height: 28px; }

h3 {
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px; }
  h3 a {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #808080 !important; }
    h3 a:hover {
      color: #8c9ca5 !important; }

h4 {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 700;
  line-height: 22px; }

h5 {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 700;
  line-height: 20px; }

h6 {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 700;
  line-height: 18px; }

p {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin: 20px 0; }

a {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  color: #808080;
  -webkit-transition: color 0.2s ease-in-out 0s;
  -moz-transition: color 0.2s ease-in-out 0s;
  -ms-transition: color 0.2s ease-in-out 0s;
  -o-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s; }
  .content a {
    color: #8c9ca5; }
    .content a:hover {
      color: #445c6c; }

hr {
  border: none;
  border-top: 1px rgba(0, 0, 0, 0.1) solid; }

strong {
  font-weight: 700; }

em {
  font-weight: 400; }

del {
  color: #b54e56; }

blockquote p {
  margin: 25px 0;
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  font-style: italic; }

.clear {
  clear: both; }

.ie-8-image {
  display: none !important; }

.yellow {
  color: #ffa932; }

.content ul {
  margin: 20px 0 20px 35px; }
  .content ul li {
    margin: 10px 0;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #808080; }
    .content ul li .fa-li {
      top: 0;
      left: -29px;
      font-family: "FontAwesome";
      font-size: 8px;
      font-weight: 400;
      line-height: 18px;
      color: #445c6c; }
    .content ul li ul {
      margin: 20px 0 20px 20px; }

.content ol {
  margin: 20px 0 20px 30px; }
  .content ol li {
    margin: 10px 0;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #445c6c; }
    .content ol li span {
      padding: 0 0 0 3px;
      font-family: "Open Sans";
      font-size: 14px;
      font-weight: 400;
      line-height: 18px;
      color: #808080; }

table {
  position: relative;
  width: 100%;
  min-width: 100%; }

th {
  position: relative;
  padding: 7px 10px;
  background: #445c6c;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #fff; }

td {
  position: relative;
  padding: 7px 10px;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  word-wrap: break-word;
  background: #e4e4e4; }
  .even-row td {
    background: #ecebea; }

input, textarea {
  border: none;
  background: #FBFBFB;
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
  padding: 10px !important;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
  color: #969696; }
  input:focus, textarea:focus {
    background: #FFF;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.2); }

input[type=submit] {
  background: #ffa932;
  color: #fff;
  text-shadow: 1px 1px 1px #db9637;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-weight: bold; }
  input[type=submit]:hover {
    background: #3b84b5;
    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear; }

/* Layout */
html {
  height: 100%; }

body {
  margin: 0;
  background: #ecebea;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #808080;
  overflow-x: hidden;
  height: 100%; }

.content-drop {
  border-radius: 7px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }

.row {
  max-width: 1400px; }
  .row .row {
    max-width: 100%; }

.mobile-navigation {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 0; }
  .mobile-navigation .wrapper {
    position: relative;
    width: 282px;
    height: 100%;
    background: #445c6c;
    overflow: auto; }
    .mobile-navigation .wrapper .fa {
      color: #8c9ca5;
      font-family: "FontAwesome";
      font-size: 11px;
      font-weight: 100;
      line-height: 16px; }
    .mobile-navigation .wrapper ul {
      position: relative;
      padding: 0 !important;
      margin-left: 0 !important; }
      .mobile-navigation .wrapper ul li {
        position: relative;
        list-style: none; }
        .mobile-navigation .wrapper ul li.current_menu_ancestor > ul {
          display: block; }
        .mobile-navigation .wrapper ul li .fa-li {
          top: 6px;
          left: 20px;
          width: 10px; }
        .mobile-navigation .wrapper ul li a {
          position: relative;
          min-height: 16px;
          padding: 5px 20px 5px 40px;
          display: block;
          font-family: "Open Sans";
          font-size: 13px;
          font-weight: 600;
          line-height: 16px;
          color: #fff;
          -webkit-transition: color 0.2s ease-in-out 0s;
          -moz-transition: color 0.2s ease-in-out 0s;
          -ms-transition: color 0.2s ease-in-out 0s;
          -o-transition: color 0.2s ease-in-out 0s;
          transition: color 0.2s ease-in-out 0s; }
          .mobile-navigation .wrapper ul li a:hover {
            color: #b1bcc3; }
          .mobile-navigation .wrapper ul li a:before {
            font-family: "FontAwesome";
            font-size: 11px;
            font-weight: 100;
            line-height: 16px;
            display: block; }
        .mobile-navigation .wrapper ul li ul {
          position: relative;
          display: none;
          background: rgba(0, 0, 0, 0.1);
          margin: 0;
          opacity: 1;
          -webkit-transition: opacity 0.2s ease-in-out 0s;
          -moz-transition: opacity 0.2s ease-in-out 0s;
          -ms-transition: opacity 0.2s ease-in-out 0s;
          -o-transition: opacity 0.2s ease-in-out 0s;
          transition: opacity 0.2s ease-in-out 0s; }
          .mobile-navigation .wrapper ul li ul li a {
            padding: 5px 20px 5px 60px; }
          .mobile-navigation .wrapper ul li ul li ul {
            display: none; }
            .mobile-navigation .wrapper ul li ul li ul li .fa-li {
              left: 60px; }
            .mobile-navigation .wrapper ul li ul li ul li a {
              padding: 5px 20px 5px 80px; }
          .mobile-navigation .wrapper ul li ul:hover > a {
            color: #b1bcc3; }
        .mobile-navigation .wrapper ul li.current-menu-item > a {
          color: #b1bcc3; }
        .mobile-navigation .wrapper ul li.current_menu_ancestor > a {
          color: #b1bcc3; }
      .mobile-navigation .wrapper ul :hover > a, .mobile-navigation .wrapper ul ul ul :hover > a {
        color: #b1bcc3; }

.site-wrapper {
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  background: #ecebea;
  z-index: 1;
  -webkit-transition: left 0.4s ease-in-out 0s;
  -moz-transition: left 0.4s ease-in-out 0s;
  -ms-transition: left 0.4s ease-in-out 0s;
  -o-transition: left 0.4s ease-in-out 0s;
  transition: left 0.4s ease-in-out 0s; }
  .nav-active .site-wrapper {
    left: 282px; }

.login-container {
  position: relative;
  height: 100%;
  padding: 180px 0 60px 0; }
  .login-container .login-status .wrapper {
    padding: 10px 20px;
    margin: 0 0 15px 0;
    border: 1px #fdbbbb solid;
    background: #ffd9d9;
    color: #b13131;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .login-container .form-container {
    float: none !important;
    margin: 0 auto; }
    .login-container .form-container.logo {
      margin: 0 auto 30px auto; }
      .login-container .form-container.logo img {
        max-width: 80%;
        height: auto;
        margin: 0 auto;
        display: block; }
    .login-container .form-container.login-form-container, .login-container .form-container.forgot-password-form-container {
      padding: 1.250em 0.625em;
      margin: 20px auto 0 auto;
      background: #fff;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px; }
      .login-container .form-container.login-form-container.forgot-password-form-container, .login-container .form-container.forgot-password-form-container.forgot-password-form-container {
        margin: 0 auto;
        display: none;
        -webkit-transition: opacity 0.3s ease-in-out 0s;
        -moz-transition: opacity 0.3s ease-in-out 0s;
        -ms-transition: opacity 0.3s ease-in-out 0s;
        -o-transition: opacity 0.3s ease-in-out 0s;
        transition: opacity 0.3s ease-in-out 0s; }
        .login-container .form-container.login-form-container.forgot-password-form-container .columns, .login-container .form-container.forgot-password-form-container.forgot-password-form-container .columns {
          float: none !important; }
        .login-container .form-container.login-form-container.forgot-password-form-container p, .login-container .form-container.forgot-password-form-container.forgot-password-form-container p {
          margin: 0 0 20px 0; }
  .login-container .forgot-password-button {
    margin: 20px auto; }
    .login-container .forgot-password-button a {
      color: #808080; }
      .login-container .forgot-password-button a:hover {
        color: #445c6c; }
  .login-container .checkbox-text {
    margin: 14px 0 0 15px; }

.processworx-container {
  width: 100%;
  min-height: 0px;
  padding: 0 0 20px 0; }
  .processworx-container .processworx {
    float: none !important;
    margin: 0 auto;
    text-align: center; }

.header .row {
  padding-left: 20px;
  padding-right: 20px; }

.header {
  position: relative;
  min-height: 120px;
  z-index: 3; }
  .header .logo {
    z-index: 4;
    height: 120px;
    line-height: 120px; }
    .header .logo a {
      max-width: 295px;
      display: block;
      line-height: 120px; }
      .header .logo a .logo_image, .header .logo a img {
        max-height: 70px; }
  .header .account-details {
    position: relative;
    z-index: 5; }
    .header .account-details .panel-button {
      position: absolute;
      top: 0;
      left: 0;
      width: 46px;
      height: 45px;
      display: none;
      border-right: 1px #ecebea solid;
      background: #fff;
      z-index: 6;
      -webkit-transition: background 0.2s ease-in-out 0s;
      -moz-transition: background 0.2s ease-in-out 0s;
      -ms-transition: background 0.2s ease-in-out 0s;
      -o-transition: background 0.2s ease-in-out 0s;
      transition: background 0.2s ease-in-out 0s; }
      .header .account-details .panel-button button {
        width: 45px;
        height: 45px;
        display: block;
        border: 0;
        background: transparent !important; }
        .header .account-details .panel-button button span {
          display: block; }
        .header .account-details .panel-button button.lines-button {
          cursor: pointer;
          user-select: none;
          -webkit-transition: all 0.2s ease-in-out 0s;
          -moz-transition: all 0.2s ease-in-out 0s;
          -ms-transition: all 0.2s ease-in-out 0s;
          -o-transition: all 0.2s ease-in-out 0s;
          transition: all 0.2s ease-in-out 0s; }
          .header .account-details .panel-button button.lines-button:hover {
            opacity: 1; }
            .header .account-details .panel-button button.lines-button:hover .lines:before {
              top: 7px; }
            .header .account-details .panel-button button.lines-button:hover .lines:after {
              top: -7px; }
          .header .account-details .panel-button button.lines-button:active {
            -webkit-transition: all 0.2s ease-in-out 0s;
            -moz-transition: all 0.2s ease-in-out 0s;
            -ms-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s; }
          .header .account-details .panel-button button.lines-button.close {
            -webkit-transform: scale3d(0.8, 0.8, 0.8);
            -moz-transform: scale3d(0.8, 0.8, 0.8);
            -ms-transform: scale3d(0.8, 0.8, 0.8);
            -o-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8); }
          .header .account-details .panel-button button.lines-button.x2 .lines {
            -webkit-transition: background 0.2s ease-in-out 0.2s;
            -moz-transition: background 0.2s ease-in-out 0.2s;
            -ms-transition: background 0.2s ease-in-out 0.2s;
            -o-transition: background 0.2s ease-in-out 0.2s;
            transition: background 0.2s ease-in-out 0.2s; }
            .header .account-details .panel-button button.lines-button.x2 .lines:before, .header .account-details .panel-button button.lines-button.x2 .lines:after {
              -webkit-transform-origin: 50%, 50%;
              -moz-transform-origin: 50%, 50%;
              -ms-transform-origin: 50%, 50%;
              -o-transform-origin: 50%, 50%;
              transform-origin: 50%, 50%;
              transition: top 0.2s 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
              transition: top 0.2s 0.2s ease-in-out, transform 0.2s ease-in-out; }
          .header .account-details .panel-button button.lines-button.x2.close .lines {
            background: transparent !important;
            -webkit-transition: background 0.2s ease-in-out 0s;
            -moz-transition: background 0.2s ease-in-out 0s;
            -ms-transition: background 0.2s ease-in-out 0s;
            -o-transition: background 0.2s ease-in-out 0s;
            transition: background 0.2s ease-in-out 0s; }
            .header .account-details .panel-button button.lines-button.x2.close .lines:before, .header .account-details .panel-button button.lines-button.x2.close .lines:after {
              top: 0;
              width: 23px;
              transition: top 0.2s ease-in-out, -webkit-transform 0.2s 0.2s ease;
              transition: top 0.2s ease-in-out, transform 0.2s 0.2s ease-in-out; }
            .header .account-details .panel-button button.lines-button.x2.close .lines:before {
              -webkit-transform: rotate3d(0, 0, 1, 45deg);
              -moz-transform: rotate3d(0, 0, 1, 45deg);
              -ms-transform: rotate3d(0, 0, 1, 45deg);
              -o-transform: rotate3d(0, 0, 1, 45deg);
              transform: rotate3d(0, 0, 1, 45deg); }
            .header .account-details .panel-button button.lines-button.x2.close .lines:after {
              -webkit-transform: rotate3d(0, 0, 1, -45deg);
              -moz-transform: rotate3d(0, 0, 1, -45deg);
              -ms-transform: rotate3d(0, 0, 1, -45deg);
              -o-transform: rotate3d(0, 0, 1, -45deg);
              transform: rotate3d(0, 0, 1, -45deg); }
          .header .account-details .panel-button button.lines-button .lines {
            position: relative;
            top: -3px;
            width: 20px;
            height: 3px;
            display: inline-block;
            background: #8c9ca4;
            -webkit-transition: all 0.2s ease-in-out 0s;
            -moz-transition: all 0.2s ease-in-out 0s;
            -ms-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s; }
            .header .account-details .panel-button button.lines-button .lines:before, .header .account-details .panel-button button.lines-button .lines:after {
              position: absolute;
              left: 0;
              width: 20px;
              height: 3px;
              display: inline-block;
              background: #8c9ca4;
              content: '';
              -webkit-transition: all 0.2s ease-in-out 0s;
              -moz-transition: all 0.2s ease-in-out 0s;
              -ms-transition: all 0.2s ease-in-out 0s;
              -o-transition: all 0.2s ease-in-out 0s;
              transition: all 0.2s ease-in-out 0s;
              -webkit-transform-origin: 0, center;
              -moz-transform-origin: 0, center;
              -ms-transform-origin: 0, center;
              -o-transform-origin: 0, center;
              transform-origin: 0, center; }
            .header .account-details .panel-button button.lines-button .lines:before {
              top: 7px; }
            .header .account-details .panel-button button.lines-button .lines:after {
              top: -7px; }
    .header .account-details .quick-navigation {
      position: relative;
      float: right;
      height: 46px;
      margin: 35px 0 0 0;
      z-index: 7; }
      .header .account-details .quick-navigation li {
        position: relative;
        float: left;
        height: 46px;
        margin: 0 0 0 20px;
        list-style: none; }
        .header .account-details .quick-navigation li .count {
          position: absolute;
          top: 15px;
          right: 4px;
          width: 0;
          height: 0;
          background: #e37954;
          display: block;
          overflow: hidden;
          font-family: "Open Sans";
          font-size: 9px;
          font-weight: 700;
          line-height: 14px;
          text-align: center;
          color: #fff;
          z-index: 2;
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          -ms-border-radius: 7px;
          -o-border-radius: 7px;
          border-radius: 7px;
          -webkit-transition: all 0.3s ease-in-out 0s;
          -moz-transition: all 0.3s ease-in-out 0s;
          -ms-transition: all 0.3s ease-in-out 0s;
          -o-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
          -webkit-transform-origin: 0, center;
          -moz-transform-origin: 0, center;
          -ms-transform-origin: 0, center;
          -o-transform-origin: 0, center;
          transform-origin: 0, center; }
          .header .account-details .quick-navigation li .count.pop-up {
            top: 8px;
            right: -3px;
            width: 14px;
            height: 14px; }
        .header .account-details .quick-navigation li .tooltip {
          display: inline;
          position: relative;
          z-index: 1; }
          .header .account-details .quick-navigation li .tooltip .tooltip-content {
            position: absolute;
            bottom: 100%;
            left: 40%;
            height: 30px;
            padding: 0 5px;
            margin: 0 0 18px -20px;
            background: #4e4e4e;
            text-align: center;
            color: #fff;
            opacity: 0;
            cursor: pointer;
            z-index: 9999;
            pointer-events: none;
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
            -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
            transition: opacity 0.2s, transform 0.2s;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            z-index: -1; }
            .header .account-details .quick-navigation li .tooltip .tooltip-content .triangle {
              position: absolute;
              bottom: -7px;
              left: 50%;
              width: 12px;
              height: 7px;
              margin: 0 0 0 -6px;
              background: url(assets/art/triangle.png); }
            .header .account-details .quick-navigation li .tooltip .tooltip-content .wrapper {
              font-family: "Open Sans";
              font-size: 11px;
              font-weight: 600;
              line-height: 30px;
              opacity: 0;
              -webkit-transform: translate3d(0, 15px, 0);
              transform: translate3d(0, 15px, 0);
              -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
              transition: opacity 0.2s, transform 0.2s;
              white-space: nowrap; }
          .header .account-details .quick-navigation li .tooltip:hover .tooltip-content {
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
            .header .account-details .quick-navigation li .tooltip:hover .tooltip-content .wrapper {
              opacity: 1;
              pointer-events: auto;
              -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
              transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
        .header .account-details .quick-navigation li .fa {
          position: relative;
          width: 30px;
          height: 24px;
          margin: 11px 0 0 0;
          font-family: "FontAwesome";
          font-size: 24px;
          font-weight: 100;
          line-height: 24px;
          text-align: center;
          color: #8c9ca4;
          -webkit-transition: color 0.2s ease-in-out 0s;
          -moz-transition: color 0.2s ease-in-out 0s;
          -ms-transition: color 0.2s ease-in-out 0s;
          -o-transition: color 0.2s ease-in-out 0s;
          transition: color 0.2s ease-in-out 0s; }
          .header .account-details .quick-navigation li .fa.fa-home {
            font-family: "FontAwesome";
            font-size: 33px;
            font-weight: 100;
            line-height: 24px; }
          .header .account-details .quick-navigation li .fa.fa-clock-o {
            font-family: "FontAwesome";
            font-size: 28px;
            font-weight: 100;
            line-height: 24px; }
        .header .account-details .quick-navigation li:first-child {
          margin: 0; }
        .header .account-details .quick-navigation li:hover .fa {
          color: #a2b5c0; }
        .header .account-details .quick-navigation li:hover .count {
          background: #ffa38a; }
        .header .account-details .quick-navigation li.current-menu-item .fa {
          color: #a2b5c0; }
        .header .account-details .quick-navigation li.current-menu-item .count {
          background: #ffa38a; }
    .header .account-details .profile {
      position: relative;
      float: right;
      min-width: 0;
      height: 46px;
      margin: 38px 0 0 45px;
      cursor: pointer;
      z-index: 8; }
      .header .account-details .profile .persons-name {
        position: relative;
        min-width: 0;
        margin: 0 10px 0 0;
        font-family: "Open Sans";
        font-size: 18px;
        font-weight: 700;
        line-height: 40px;
        color: #979797;
        -webkit-transition: color 0.2s ease-in-out 0s;
        -moz-transition: color 0.2s ease-in-out 0s;
        -ms-transition: color 0.2s ease-in-out 0s;
        -o-transition: color 0.2s ease-in-out 0s;
        transition: color 0.2s ease-in-out 0s; }
        .header .account-details .profile .persons-name .fa {
          width: 10px;
          height: 40px;
          margin: 0;
          font-family: "FontAwesome";
          font-size: 16px;
          font-weight: 100;
          line-height: 40px;
          color: #979797;
          -webkit-transition: color 0.2s ease-in-out 0s;
          -moz-transition: color 0.2s ease-in-out 0s;
          -ms-transition: color 0.2s ease-in-out 0s;
          -o-transition: color 0.2s ease-in-out 0s;
          transition: color 0.2s ease-in-out 0s; }
      .header .account-details .profile .avatar {
        position: relative;
        width: 38px;
        height: 38px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        -webkit-transition: background 0.2s ease-in-out 0s;
        -moz-transition: background 0.2s ease-in-out 0s;
        -ms-transition: background 0.2s ease-in-out 0s;
        -o-transition: background 0.2s ease-in-out 0s;
        transition: background 0.2s ease-in-out 0s; }
      .header .account-details .profile .account-menu {
        position: absolute;
        float: none !important;
        top: 46px;
        right: 0px;
        min-height: 0;
        padding: 5px 0 0 0;
        margin: 0;
        visibility: hidden;
        opacity: 0;
        margin-right: -20px;
        -webkit-transition: opacity 0.2s ease-in-out 0s;
        -moz-transition: opacity 0.2s ease-in-out 0s;
        -ms-transition: opacity 0.2s ease-in-out 0s;
        -o-transition: opacity 0.2s ease-in-out 0s;
        transition: opacity 0.2s ease-in-out 0s; }
        .header .account-details .profile .account-menu .account-menu-triangle {
          position: absolute;
          top: -7px;
          left: 50%;
          width: 21px;
          height: 13px;
          margin: 0 0 0 -11px;
          display: block;
          background: url(assets/art/account-menu-triangle.png) no-repeat;
          z-index: 2; }
        .header .account-details .profile .account-menu ul {
          position: relative;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
          -o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
          z-index: 1; }
          .header .account-details .profile .account-menu ul li {
            position: relative;
            float: none;
            width: 100%;
            min-height: 20px;
            padding: 0;
            margin: 0;
            border-right: 1px #ecebea solid;
            border-bottom: 1px #ecebea solid;
            border-left: 1px #ecebea solid;
            list-style: none; }
            .header .account-details .profile .account-menu ul li a {
              position: relative;
              width: 100%;
              min-height: 20px;
              padding: 15px 25px;
              display: block;
              background: #fff;
              font-family: "Open Sans";
              font-size: 14px;
              font-weight: 700;
              line-height: 20px;
              color: #7f7f7f;
              -webkit-transition: color 0.2s ease-in-out 0s;
              -moz-transition: color 0.2s ease-in-out 0s;
              -ms-transition: color 0.2s ease-in-out 0s;
              -o-transition: color 0.2s ease-in-out 0s;
              transition: color 0.2s ease-in-out 0s; }
              .header .account-details .profile .account-menu ul li a:hover {
                color: #b1bcc3; }
            .header .account-details .profile .account-menu ul li:first-child {
              border-top: 1px #ecebea solid; }
              .header .account-details .profile .account-menu ul li:first-child a {
                -webkit-border-radius: 5px 5px 0 0;
                -moz-border-radius: 5px 5px 0 0;
                -ms-border-radius: 5px 5px 0 0;
                -o-border-radius: 5px 5px 0 0;
                border-radius: 5px 5px 0 0; }
            .header .account-details .profile .account-menu ul li:last-child a {
              -webkit-border-radius: 0 0 5px 5px;
              -moz-border-radius: 0 0 5px 5px;
              -ms-border-radius: 0 0 5px 5px;
              -o-border-radius: 0 0 5px 5px;
              border-radius: 0 0 5px 5px; }
            .header .account-details .profile .account-menu ul li.current-menu-item a {
              color: #b1bcc3; }
      .header .account-details .profile:hover .persons-name {
        color: #cacaca; }
        .header .account-details .profile:hover .persons-name .fa {
          color: #cacaca; }
      .header .account-details .profile:hover .avatar {
        background: #445c6c; }
      .header .account-details .profile:hover .account-menu {
        visibility: visible;
        opacity: 1; }

.mobile-navigation .wrapper {
  padding: 10px 0 15px 0;
  background: #445c6c; }
  .mobile-navigation .wrapper .fa {
    color: #8c9ca5;
    font-family: "FontAwesome";
    font-size: 11px;
    font-weight: 100;
    line-height: 16px; }
  .mobile-navigation .wrapper ul {
    position: relative;
    padding: 0;
    margin-left: 0 !important; }
    .mobile-navigation .wrapper ul li {
      position: relative;
      list-style: none; }
      .mobile-navigation .wrapper ul li a {
        position: relative;
        min-height: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 18px;
        padding-right: 18px;
        display: block;
        font-family: "Open Sans";
        font-size: 12px;
        font-weight: 300;
        line-height: 16px;
        color: #fff;
        -webkit-transition: color 0.2s ease-in-out 0s;
        -moz-transition: color 0.2s ease-in-out 0s;
        -ms-transition: color 0.2s ease-in-out 0s;
        -o-transition: color 0.2s ease-in-out 0s;
        transition: color 0.2s ease-in-out 0s; }
        .mobile-navigation .wrapper ul li a:hover {
          color: #b1bcc3;
          background: rgba(254, 254, 254, 0.05); }
        .mobile-navigation .wrapper ul li a:after {
          content: '';
          display: inline-block;
          position: absolute;
          right: 0;
          font-family: "FontAwesome";
          font-size: 11px;
          font-weight: 100;
          line-height: 16px;
          opacity: 0.4;
          margin: 0 20px 0 0; }
        .mobile-navigation .wrapper ul li a.hasmenu:after {
          content: '\f0d7'; }
        .mobile-navigation .wrapper ul li a.view-folder {
          float: right;
          z-index: 10;
          display: none; }
          .mobile-navigation .wrapper ul li a.view-folder:after {
            content: ''; }
          .mobile-navigation .wrapper ul li a.view-folder i.fa {
            font-size: 12px;
            display: none; }
      .mobile-navigation .wrapper ul li.hr a:after {
        content: '\f0c0'; }
      .mobile-navigation .wrapper ul li.osh a:after {
        content: '\f0f9'; }
      .mobile-navigation .wrapper ul li.administration a:after {
        content: '\f013'; }
      .mobile-navigation .wrapper ul li.current-cat > a:nth-child(2):after, .mobile-navigation .wrapper ul li .current-cat-parent > a:nth-child(2):after {
        content: '\f115'; }
      .mobile-navigation .wrapper ul li.current-cat > a:nth-child(2).hasmenu:after, .mobile-navigation .wrapper ul li .current-cat-parent > a:nth-child(2).hasmenu:after {
        content: '\f07c'; }
      .mobile-navigation .wrapper ul li ul li a:first-child {
        padding-left: 0; }
      .mobile-navigation .wrapper ul li:hover > a i.fa {
        display: inline; }
      .mobile-navigation .wrapper ul li ul {
        position: relative;
        display: none;
        margin: 0;
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-in-out 0s;
        -moz-transition: opacity 0.2s ease-in-out 0s;
        -ms-transition: opacity 0.2s ease-in-out 0s;
        -o-transition: opacity 0.2s ease-in-out 0s;
        transition: opacity 0.2s ease-in-out 0s; }
        .mobile-navigation .wrapper ul li ul li {
          background: rgba(0, 0, 0, 0.08); }
          .mobile-navigation .wrapper ul li ul li .fa-li {
            left: 40px; }
          .mobile-navigation .wrapper ul li ul li a {
            padding-left: 28px; }
          .mobile-navigation .wrapper ul li ul li ul {
            display: none;
            background: rgba(0, 0, 0, 0.1); }
            .mobile-navigation .wrapper ul li ul li ul li .fa-li {
              left: 60px; }
            .mobile-navigation .wrapper ul li ul li ul li a {
              padding-left: 38px; }

.container {
  position: relative;
  z-index: 2; }
  .container .primary-navigation .wrapper {
    padding: 10px 0 15px 0;
    background: #445c6c;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px; }
    .container .primary-navigation .wrapper .fa {
      color: #8c9ca5;
      font-family: "FontAwesome";
      font-size: 11px;
      font-weight: 100;
      line-height: 16px; }
    .container .primary-navigation .wrapper ul {
      position: relative;
      padding: 0;
      margin-left: 0 !important; }
      .container .primary-navigation .wrapper ul li {
        position: relative;
        list-style: none; }
        .container .primary-navigation .wrapper ul li a {
          position: relative;
          min-height: 16px;
          padding-top: 8px;
          padding-bottom: 8px;
          padding-left: 18px;
          padding-right: 18px;
          display: block;
          font-weight: 400;
          color: #fff;
          -webkit-transition: color 0.2s ease-in-out 0s;
          -moz-transition: color 0.2s ease-in-out 0s;
          -ms-transition: color 0.2s ease-in-out 0s;
          -o-transition: color 0.2s ease-in-out 0s;
          transition: color 0.2s ease-in-out 0s; }
          .container .primary-navigation .wrapper ul li a:hover {
            color: #b1bcc3;
            background: rgba(254, 254, 254, 0.05); }
          .container .primary-navigation .wrapper ul li a:after {
            content: '';
            display: inline-block;
            position: absolute;
            right: 0;
            font-family: "FontAwesome";
            font-size: 11px;
            font-weight: 100;
            line-height: 16px;
            opacity: 0.4;
            margin: 0 20px 0 0; }
          .container .primary-navigation .wrapper ul li a.hasmenu:after {
            content: '\f0d7'; }
          .container .primary-navigation .wrapper ul li a.view-folder {
            float: right;
            z-index: 10;
            display: none; }
            .container .primary-navigation .wrapper ul li a.view-folder:after {
              content: ''; }
            .container .primary-navigation .wrapper ul li a.view-folder i.fa {
              font-size: 12px;
              display: none; }
        .container .primary-navigation .wrapper ul li.hr a:after {
          content: '\f0c0'; }
        .container .primary-navigation .wrapper ul li.osh a:after {
          content: '\f0f9'; }
        .container .primary-navigation .wrapper ul li.administration a:after {
          content: '\f013'; }
        .container .primary-navigation .wrapper ul li.current-cat > a:nth-child(2):after, .container .primary-navigation .wrapper ul li .current-cat-parent > a:nth-child(2):after {
          content: '\f115'; }
        .container .primary-navigation .wrapper ul li.current-cat > a:nth-child(2).hasmenu:after, .container .primary-navigation .wrapper ul li .current-cat-parent > a:nth-child(2).hasmenu:after {
          content: '\f07c'; }
        .container .primary-navigation .wrapper ul li ul li a:first-child {
          padding-left: 0; }
        .container .primary-navigation .wrapper ul li:hover > a i.fa {
          display: inline; }
        .container .primary-navigation .wrapper ul li ul {
          position: relative;
          display: none;
          margin: 0;
          opacity: 1;
          -webkit-transition: opacity 0.2s ease-in-out 0s;
          -moz-transition: opacity 0.2s ease-in-out 0s;
          -ms-transition: opacity 0.2s ease-in-out 0s;
          -o-transition: opacity 0.2s ease-in-out 0s;
          transition: opacity 0.2s ease-in-out 0s; }
          .container .primary-navigation .wrapper ul li ul li {
            background: rgba(0, 0, 0, 0.08); }
            .container .primary-navigation .wrapper ul li ul li .fa-li {
              left: 40px; }
            .container .primary-navigation .wrapper ul li ul li a {
              padding-left: 28px; }
            .container .primary-navigation .wrapper ul li ul li ul {
              display: none;
              background: rgba(0, 0, 0, 0.1); }
              .container .primary-navigation .wrapper ul li ul li ul li .fa-li {
                left: 60px; }
              .container .primary-navigation .wrapper ul li ul li ul li a {
                padding-left: 38px; }
  .container .content-section .breadcrumbs {
    position: relative;
    min-height: 14px;
    padding: 15px 20px;
    background: #e4e4e4;
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    text-transform: uppercase;
    color: #8c9ca5;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -ms-border-radius: 7px 7px 0 0;
    -o-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0; }
    .container .content-section .breadcrumbs .divider {
      color: #cacaca; }
    .container .content-section .breadcrumbs a {
      font-family: "Open Sans";
      font-size: 10px;
      font-weight: 600;
      line-height: 14px;
      text-transform: uppercase; }
  .container .content-section .content {
    padding: 20px 20px 50px 20px;
    background: #fff;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px; }
    .container .content-section .content header h1 {
      margin: 0 0 20px 0; }
      .container .content-section .content header h1 .fa {
        margin: 0 10px 0 0;
        color: #8c9ca5; }
    .container .content-section .content header h3 {
      margin: 0;
      font-family: "Open Sans";
      font-size: 18px;
      font-weight: 600;
      line-height: 20px; }
    .container .content-section .content header .post-details {
      margin: 10px 0 0 0;
      min-height: 15px; }
      .container .content-section .content header .post-details .post-detail {
        float: left;
        min-height: 15px;
        font-family: "Open Sans";
        font-size: 11px;
        font-weight: 400;
        line-height: 13px; }
        .container .content-section .content header .post-details .post-detail.divider {
          margin: 0 5px; }
        .container .content-section .content header .post-details .post-detail .fa {
          margin: 0 5px 0 0;
          font-family: "FontAwesome";
          font-size: 13px;
          font-weight: 100;
          line-height: 13px;
          color: #8c9ca5; }
        .container .content-section .content header .post-details .post-detail time {
          font-family: "Open Sans";
          font-size: 11px;
          font-weight: 400;
          line-height: 13px; }
        .container .content-section .content header .post-details .post-detail a {
          font-family: "Open Sans";
          font-size: 11px !important;
          font-weight: 400;
          line-height: 13px !important;
          color: #808080 !important; }
          .container .content-section .content header .post-details .post-detail a:hover {
            color: #b1bcc3 !important; }
      .container .content-section .content header .post-details .article-header-border {
        position: relative;
        width: 15px;
        height: 2px;
        margin: 10px 0;
        display: block;
        background: #e4e4e4;
        -webkit-transition: background 0.2s ease-in-out 0s;
        -moz-transition: background 0.2s ease-in-out 0s;
        -ms-transition: background 0.2s ease-in-out 0s;
        -o-transition: background 0.2s ease-in-out 0s;
        transition: background 0.2s ease-in-out 0s; }
    .container .content-section .content header:hover .post-details .article-header-border {
      background: #445c6c; }
    .container .content-section .content .news-alerts {
      margin-bottom: 30px; }
      .container .content-section .content .news-alerts .alert:last-child {
        margin-bottom: 80px !important; }
      .container .content-section .content .news-alerts .alert {
        border: 3px solid #f4cdaf;
        padding: 0 20px;
        border-radius: 5px;
        margin-bottom: 5px; }
        .container .content-section .content .news-alerts .alert h3 {
          cursor: pointer;
          font-size: 13px;
          color: #F8A528; }
          .container .content-section .content .news-alerts .alert h3 .fa {
            display: none;
            float: right; }
        .container .content-section .content .news-alerts .alert .alert-details {
          display: none; }
          .container .content-section .content .news-alerts .alert .alert-details .post-detail {
            float: left;
            font-family: "Open Sans";
            font-size: 11px;
            font-weight: 400;
            line-height: 13px; }
            .container .content-section .content .news-alerts .alert .alert-details .post-detail.divider {
              margin: 0 5px; }
            .container .content-section .content .news-alerts .alert .alert-details .post-detail .fa {
              margin: 0 5px 0 0;
              font-family: "FontAwesome";
              font-size: 13px;
              font-weight: 100;
              line-height: 13px;
              color: #8c9ca5; }
            .container .content-section .content .news-alerts .alert .alert-details .post-detail time {
              font-family: "Open Sans";
              font-size: 11px;
              font-weight: 400;
              line-height: 13px; }
            .container .content-section .content .news-alerts .alert .alert-details .post-detail a {
              font-family: "Open Sans";
              font-size: 11px !important;
              font-weight: 400;
              line-height: 13px !important;
              color: #808080 !important; }
              .container .content-section .content .news-alerts .alert .alert-details .post-detail a:hover {
                color: #b1bcc3 !important; }
        .container .content-section .content .news-alerts .alert img {
          border: 2px #445c6c solid !important;
          -webkit-transition: border 0.2s ease-in-out 0s;
          -moz-transition: border 0.2s ease-in-out 0s;
          -ms-transition: border 0.2s ease-in-out 0s;
          -o-transition: border 0.2s ease-in-out 0s;
          transition: border 0.2s ease-in-out 0s; }
          .container .content-section .content .news-alerts .alert img:hover {
            border: 2px #8c9ca5 solid !important; }
        .container .content-section .content .news-alerts .alert .article-header-border {
          position: relative;
          width: 15px;
          height: 2px;
          margin: 10px 0;
          display: block;
          background: #e4e4e4;
          -webkit-transition: background 0.2s ease-in-out 0s;
          -moz-transition: background 0.2s ease-in-out 0s;
          -ms-transition: background 0.2s ease-in-out 0s;
          -o-transition: background 0.2s ease-in-out 0s;
          transition: background 0.2s ease-in-out 0s; }
      .container .content-section .content .news-alerts .safety-management-announcement {
        border: 3px solid #ffffaf; }
      .container .content-section .content .news-alerts .hr-announcement {
        border: 3px solid #d9edf6; }
    .container .content-section .content .news-articles article {
      margin: 50px 0 0 0;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      padding-top: 15px; }
      .container .content-section .content .news-articles article .read-more {
        height: 30px; }
        .container .content-section .content .news-articles article .read-more a {
          position: relative;
          padding: 5px 10px;
          background: #445c6c;
          font-family: "Open Sans";
          font-size: 14px;
          font-weight: 700;
          line-height: 20px;
          color: #fff;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          -ms-border-radius: 6px;
          -o-border-radius: 6px;
          border-radius: 6px;
          -webkit-transition: background 0.2s ease-in-out 0s;
          -moz-transition: background 0.2s ease-in-out 0s;
          -ms-transition: background 0.2s ease-in-out 0s;
          -o-transition: background 0.2s ease-in-out 0s;
          transition: background 0.2s ease-in-out 0s; }
          .container .content-section .content .news-articles article .read-more a:hover {
            background: #8c9ca5; }
      .container .content-section .content .news-articles article img {
        border: 2px #eee solid !important;
        -webkit-transition: border 0.2s ease-in-out 0s;
        -moz-transition: border 0.2s ease-in-out 0s;
        -ms-transition: border 0.2s ease-in-out 0s;
        -o-transition: border 0.2s ease-in-out 0s;
        transition: border 0.2s ease-in-out 0s; }
        .container .content-section .content .news-articles article img:hover {
          border: 2px #8c9ca5 solid !important; }
      .container .content-section .content .news-articles article:first-child {
        margin: 0 !important; }
    .container .content-section .content .feature-image {
      margin: 10px 0 0 0;
      border: 2px #445c6c solid !important;
      -webkit-transition: border 0.2s ease-in-out 0s;
      -moz-transition: border 0.2s ease-in-out 0s;
      -ms-transition: border 0.2s ease-in-out 0s;
      -o-transition: border 0.2s ease-in-out 0s;
      transition: border 0.2s ease-in-out 0s; }
      .container .content-section .content .feature-image:hover {
        border: 2px #8c9ca5 solid !important; }
    .container .content-section .content .image-caption {
      margin: 5px 0 20px 0;
      font-family: "Open Sans";
      font-size: 11px;
      font-weight: 600;
      line-height: 14px;
      text-align: center; }
    .container .content-section .content .time-submission-header {
      padding: 0 0 10px 0;
      margin: 0 0 10px 0;
      border-bottom: 1px #ecebea solid;
      font-family: "Open Sans";
      font-size: 14px;
      font-weight: 400;
      line-height: 16px;
      color: #b1b1b1; }
    .container .content-section .content .time-submission-row {
      margin: 10px 0; }
      .container .content-section .content .time-submission-row .day {
        font-family: "Open Sans";
        font-size: 14px;
        font-weight: 700;
        line-height: 50px;
        color: #808080; }
    .container .content-section .content .total-time-section .total-time {
      padding-top: 27px;
      margin-top: 30px;
      margin-bottom: 30px;
      border-top: 1px #ecebea solid;
      font-family: "Open Sans";
      font-size: 22px;
      font-weight: 400;
      line-height: 25px;
      text-align: right; }
    .container .content-section .content .total-time-section .you-agree .wrapper {
      padding: 6px 0 0 50px;
      font-family: "Open Sans";
      font-size: 14px;
      font-weight: 400;
      line-height: 16px;
      text-align: right; }
    .container .content-section .content .tooltip {
      position: absolute;
      right: 25px;
      bottom: 0;
      margin: 0 25px 0 0;
      display: inline;
      z-index: 1; }
      .container .content-section .content .tooltip .edit-this-page {
        position: relative;
        width: 30px;
        min-height: 20px;
        padding: 7px 0 3px 2px;
        display: block;
        background: #ecebea;
        font-family: "FontAwesome";
        font-size: 16px;
        font-weight: 100;
        line-height: 20px;
        text-align: center;
        color: #808080 !important;
        -webkit-border-radius: 7px 7px 0 0;
        -moz-border-radius: 7px 7px 0 0;
        -ms-border-radius: 7px 7px 0 0;
        -o-border-radius: 7px 7px 0 0;
        border-radius: 7px 7px 0 0;
        -webkit-transition: background 0.2s ease-in-out 0s;
        -moz-transition: background 0.2s ease-in-out 0s;
        -ms-transition: background 0.2s ease-in-out 0s;
        -o-transition: background 0.2s ease-in-out 0s;
        transition: background 0.2s ease-in-out 0s; }
        .container .content-section .content .tooltip .edit-this-page:hover {
          background: #cacaca; }
      .container .content-section .content .tooltip .tooltip-content {
        position: absolute;
        bottom: 100%;
        left: 50%;
        width: 80px;
        height: 30px;
        margin: 0 0 10px -40px;
        background: #4e4e4e;
        text-align: center;
        color: #fff;
        opacity: 0;
        cursor: pointer;
        z-index: 9999;
        pointer-events: none;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
        transition: opacity 0.2s, transform 0.2s;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        z-index: -1; }
        .container .content-section .content .tooltip .tooltip-content .triangle {
          position: absolute;
          bottom: -7px;
          left: 50%;
          width: 12px;
          height: 7px;
          margin: 0 0 0 -6px;
          background: url(assets/art/triangle.png); }
        .container .content-section .content .tooltip .tooltip-content .wrapper {
          font-family: "Open Sans";
          font-size: 11px;
          font-weight: 600;
          line-height: 30px;
          opacity: 0;
          -webkit-transform: translate3d(0, 15px, 0);
          transform: translate3d(0, 15px, 0);
          -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
          transition: opacity 0.2s, transform 0.2s; }
      .container .content-section .content .tooltip:hover .tooltip-content {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
        .container .content-section .content .tooltip:hover .tooltip-content .wrapper {
          opacity: 1;
          pointer-events: auto;
          -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
          transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
  .container .sidebar .search {
    position: relative;
    width: 100%;
    min-height: 0px; }
    .container .sidebar .search #searchform div {
      position: relative; }
  .container .sidebar .working:after {
    content: '\f110';
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
    text-align: center;
    width: 40px;
    display: inline-block;
    animation: fa-spin 1s infinite steps(8); }
  .container .sidebar .weather-section {
    position: relative;
    width: 100%;
    min-height: 0px;
    padding: 20px 15px 20px 15px;
    background: #fff; }
    .container .sidebar .weather-section .location {
      margin: 0 0 5px 0;
      font-family: "Open Sans";
      font-size: 13px;
      font-weight: 400;
      line-height: 20px;
      color: #8c9ca5; }
    .container .sidebar .weather-section .current-status {
      width: 100%; }
      .container .sidebar .weather-section .current-status .current-temp {
        font-family: "Open Sans";
        font-size: 32px;
        font-weight: 700;
        line-height: 61px; }
      .container .sidebar .weather-section .current-status img {
        width: 40%;
        max-width: 100px; }
    .container .sidebar .weather-section .forecast {
      margin: 5px 0 0 0;
      font-family: "Open Sans";
      font-size: 11px;
      font-weight: 400;
      line-height: 20px; }
  .container .sidebar .upcoming-events {
    position: relative;
    width: 100%;
    min-height: 0px;
    padding: 0 0 0px 0;
    background: #fff; }
    .container .sidebar .upcoming-events article {
      padding: 15px;
      border-top: 1px #f1f1f1 solid; }
      .container .sidebar .upcoming-events article header h6 {
        margin: 0 0 5px 0;
        font-family: "Open Sans";
        font-size: 11px;
        font-weight: 700;
        line-height: 13px; }
        .container .sidebar .upcoming-events article header h6 a {
          font-family: "Open Sans";
          font-size: 11px;
          font-weight: 700;
          line-height: 13px; }
      .container .sidebar .upcoming-events article footer p {
        margin: 0;
        font-family: "Open Sans";
        font-size: 8px;
        font-weight: 400;
        line-height: 10px; }
      .container .sidebar .upcoming-events article:first-child {
        border-top: 0px; }
  .container .sidebar .quick-links, .container .sidebar .quick-files {
    position: relative;
    width: 100%;
    min-height: 0px;
    padding: 0 0 15px 0;
    background: #fff; }
    .container .sidebar .quick-links ul, .container .sidebar .quick-files ul {
      margin: 15px 15px 0 15px; }
      .container .sidebar .quick-links ul li, .container .sidebar .quick-files ul li {
        position: relative;
        margin: 5px 0 5px 15px;
        padding: 0px 5px 0 15px; }
        .container .sidebar .quick-links ul li a, .container .sidebar .quick-files ul li a {
          font-family: "Open Sans";
          font-size: 11px;
          font-weight: 400;
          line-height: 13px; }
          .container .sidebar .quick-links ul li a:hover, .container .sidebar .quick-files ul li a:hover {
            color: #b54e56; }
          .container .sidebar .quick-links ul li a:before, .container .sidebar .quick-files ul li a:before {
            font-family: "FontAwesome";
            font-size: 11px;
            font-weight: 100;
            line-height: 13px;
            color: #b54e56;
            margin-right: 5px; }
        .container .sidebar .quick-links ul li .fa, .container .sidebar .quick-files ul li .fa {
          top: 3px;
          font-family: "FontAwesome";
          font-size: 13px;
          font-weight: 100;
          line-height: 13px;
          color: #b54e56; }
  .container .sidebar .quick-close {
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    background: #fff;
    height: 7px; }
  .container .sidebar .sidebar-section header h4 {
    padding: 10px 15px;
    margin: 0;
    background: #f1f1f1;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #8c9ca5; }
    .container .sidebar .sidebar-section header h4 .fa {
      margin: 0 5px 0 0; }

.ui-helper-hidden-accessible {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  z-index: 900;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
  font-size: 12px !important;
  color: #7f7f7f; }

ul.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  z-index: 900;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
  font-size: 12px !important;
  color: #7f7f7f; }
  ul.ui-autocomplete li {
    border-bottom: 1px #ecebea solid;
    padding: 4px 15px;
    cursor: pointer; }
    ul.ui-autocomplete li:hover {
      background: #eee;
      color: #8c9ca5; }
    ul.ui-autocomplete li span.search-type:before {
      content: '\f1c6';
      font-family: "FontAwesome";
      font-size: 12px;
      font-weight: 100;
      line-height: 20px;
      color: #b54e56;
      margin: 0 10px 0 0;
      display: none; }
    ul.ui-autocomplete li span.search-type.image:before {
      content: '\f1c5'; }
    ul.ui-autocomplete li span.search-type.pdf:before {
      content: '\f1c1'; }
    ul.ui-autocomplete li span.search-type.excel:before {
      content: '\f1c3'; }
    ul.ui-autocomplete li span.search-type.word:before {
      content: '\f1c2'; }
    ul.ui-autocomplete li span.search-type.powerpoint:before {
      content: '\f1c4'; }
    ul.ui-autocomplete li span.search-type.audio:before {
      content: '\f1c7'; }
    ul.ui-autocomplete li span.search-type.video:before {
      content: '\f1c8'; }
    ul.ui-autocomplete li span.search-type.link:before {
      content: '\f0c1'; }
    ul.ui-autocomplete li span.search-type.directory:before {
      content: '\f07b'; }
    ul.ui-autocomplete li span.search-type.archive:before {
      content: '\f1c6'; }
    ul.ui-autocomplete li span.search-type.code:before {
      content: '\f1c9'; }
    ul.ui-autocomplete li span.search-type.text:before {
      content: '\f0f6'; }
    ul.ui-autocomplete li span.search-type.parent:before {
      content: '\f148'; }
    ul.ui-autocomplete li span.search-type.link-page:before {
      content: '\f0c5'; }

.footer {
  position: relative;
  padding: 40px 0 25px 0;
  font-family: "Open Sans";
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  color: #afaeae;
  z-index: 1; }
  .footer .footer-navigation {
    float: right; }
    .footer .footer-navigation ul {
      position: relative;
      float: right;
      margin: 4px 28px 0 0; }
      .footer .footer-navigation ul li {
        position: relative;
        float: left;
        min-height: 13px;
        padding: 0 10px;
        border-left: 1px #afaeae solid;
        list-style: none; }
        .footer .footer-navigation ul li a {
          position: relative;
          font-family: "Open Sans";
          font-size: 12px;
          font-weight: 400;
          line-height: 13px;
          color: #afaeae;
          -webkit-transition: color 0.2s ease-in-out 0s;
          -moz-transition: color 0.2s ease-in-out 0s;
          -ms-transition: color 0.2s ease-in-out 0s;
          -o-transition: color 0.2s ease-in-out 0s;
          transition: color 0.2s ease-in-out 0s; }
          .footer .footer-navigation ul li a:hover {
            color: #979797; }
        .footer .footer-navigation ul li:first-child {
          border-left: 0; }
        .footer .footer-navigation ul li.current-menu-item a {
          color: #979797; }
  .footer .processworx {
    float: right;
    width: 200px;
    min-height: 0; }

dl, ul.files {
  position: relative;
  width: 100%; }
  dl dd, dl li, ul.files dd, ul.files li {
    position: relative;
    width: 100%;
    background: #fff;
    -webkit-transition: background 0.2s ease-in-out 0s;
    -moz-transition: background 0.2s ease-in-out 0s;
    -ms-transition: background 0.2s ease-in-out 0s;
    -o-transition: background 0.2s ease-in-out 0s;
    transition: background 0.2s ease-in-out 0s; }
    dl dd .file-title, dl li .file-title, ul.files dd .file-title, ul.files li .file-title {
      position: relative;
      border-top: 1px rgba(0, 0, 0, 0.1) solid; }
      dl dd .file-title h5, dl li .file-title h5, ul.files dd .file-title h5, ul.files li .file-title h5 {
        position: relative;
        width: 100%;
        padding: 14px 5px;
        margin: 0;
        display: block;
        font-family: "Open Sans";
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        cursor: pointer;
        color: #808080; }
        dl dd .file-title h5 a, dl li .file-title h5 a, ul.files dd .file-title h5 a, ul.files li .file-title h5 a {
          display: inline-block; }
        dl dd .file-title h5 .newflag, dl li .file-title h5 .newflag, ul.files dd .file-title h5 .newflag, ul.files li .file-title h5 .newflag {
          float: right;
          margin-right: 10px;
          font-weight: bold;
          font-size: 10px;
          color: orange; }
        dl dd .file-title h5 .file-date, dl li .file-title h5 .file-date, ul.files dd .file-title h5 .file-date, ul.files li .file-title h5 .file-date {
          float: right;
          font-size: 10px; }
        dl dd .file-title h5 .fa, dl li .file-title h5 .fa, ul.files dd .file-title h5 .fa, ul.files li .file-title h5 .fa {
          margin: 0 20px 0 0;
          font-family: "FontAwesome";
          font-size: 16px;
          font-weight: 100;
          line-height: 20px;
          color: #b54e56; }
        dl dd .file-title h5 .search_folder, dl li .file-title h5 .search_folder, ul.files dd .file-title h5 .search_folder, ul.files li .file-title h5 .search_folder {
          font-size: 10px;
          display: block; }
    dl dd .files-content, dl li .files-content, ul.files dd .files-content, ul.files li .files-content {
      position: relative;
      float: none !important;
      width: 100%;
      padding: 10px 20px 10px 40px;
      border-top: 1px rgba(0, 0, 0, 0.05) solid;
      display: none;
      background: #fff; }
      dl dd .files-content.display-now, dl li .files-content.display-now, ul.files dd .files-content.display-now, ul.files li .files-content.display-now {
        display: block; }
      dl dd .files-content p:first-of-type, dl li .files-content p:first-of-type, ul.files dd .files-content p:first-of-type, ul.files li .files-content p:first-of-type {
        margin: 0 0 15px 0 !important; }
      dl dd .files-content a.filedl:before, dl li .files-content a.filedl:before, ul.files dd .files-content a.filedl:before, ul.files li .files-content a.filedl:before {
        content: '\f019';
        font-family: "FontAwesome";
        font-size: 12px;
        font-weight: 100;
        line-height: 20px;
        color: #b54e56;
        margin: 0 10px 0 0; }
      dl dd .files-content a.visitlink:before, dl li .files-content a.visitlink:before, ul.files dd .files-content a.visitlink:before, ul.files li .files-content a.visitlink:before {
        content: '\f14c';
        font-family: "FontAwesome";
        font-size: 12px;
        font-weight: 100;
        line-height: 20px;
        color: #b54e56;
        margin: 0 10px 0 0; }
      dl dd .files-content a.internallink:before, dl li .files-content a.internallink:before, ul.files dd .files-content a.internallink:before, ul.files li .files-content a.internallink:before {
        content: '\f105';
        font-family: "FontAwesome";
        font-size: 12px;
        font-weight: 100;
        line-height: 20px;
        color: #b54e56;
        margin: 0 10px 0 0; }
    dl dd.display-now, dl li.display-now, ul.files dd.display-now, ul.files li.display-now {
      display: block; }
    dl dd:hover, dl li:hover, ul.files dd:hover, ul.files li:hover {
      background: #f1f1f1; }

.files {
  padding: 12px 0 0;
  margin: 0 !important;
  list-style: none; }
  .files li {
    margin: 0 !important; }
    .files li h5 a {
      display: block;
      font-weight: bold;
      color: #999;
      font-size: 14px; }
      .files li h5 a:before {
        content: '\f15b';
        font-family: "FontAwesome";
        font-size: 12px;
        font-weight: 100;
        line-height: 20px;
        color: #b54e56;
        margin: 0 10px 0 0; }
    .files li.image a:before {
      content: '\f1c5'; }
    .files li.pdf a:before {
      content: '\f1c1'; }
    .files li.excel a:before {
      content: '\f1c3'; }
    .files li.word a:before {
      content: '\f1c2'; }
    .files li.powerpoint a:before {
      content: '\f1c4'; }
    .files li.audio a:before {
      content: '\f1c7'; }
    .files li.video a:before {
      content: '\f1c8'; }
    .files li.link a:before {
      content: '\f0c1'; }
    .files li.directory a:before {
      content: '\f07b'; }
    .files li.archive a:before {
      content: '\f1c6'; }
    .files li.code a:before {
      content: '\f1c9'; }
    .files li.text a:before {
      content: '\f0f6'; }
    .files li.parent a:before {
      content: '\f148'; }
    .files li.link-page a:before {
      content: '\f0c5'; }
    .files li.contact a:before {
      content: '\f007'; }
    .files li.event a:before {
      content: '\f073'; }
    .files li.highlight {
      background: #e4e4e4; }

.contact .single-contact-image {
  float: right;
  max-width: 20%;
  border-radius: 100%;
  overflow: hidden;
  margin-top: -60px; }

.more-contact-details, .more-event-details {
  float: right; }

.events-date {
  font-weight: bold; }

.expandcal {
  margin-left: -20px;
  margin-right: -20px; }

.contractcal {
  margin-left: 20px;
  margin-right: 20px; }

.calendar td {
  vertical-align: top;
  width: 14%; }
  .calendar td .calendar-cell {
    min-height: 80px; }
    .calendar td .calendar-cell .calendar-date {
      font-size: .8em;
      font-weight: bold; }
    .calendar td .calendar-cell .calendar-event {
      font-size: 10px;
      border-left: solid #ccc 3px;
      display: inline-block;
      margin-left: -10px;
      padding-left: 10px;
      line-height: normal;
      margin-top: 10px; }

.calendar-next {
  float: right; }

.calendar-view-change {
  float: right; }

.ai1ec-subscribe-buttons-widget, .ai1ec-no-results {
  padding: 8px; }

.ai1ec-date {
  background: none !important;
  border-top: none !important; }

.content a[href$=".pdf"]:before {
  content: '\f1c1';
  font-family: 'FontAwesome';
  margin-right: 10px;
  color: #b54e56; }

.content a[href$=".doc"]:before, .content a[href$=".docx"]:before {
  content: '\f1c2';
  font-family: 'FontAwesome';
  margin-right: 10px;
  color: #b54e56; }

.content a[href$=".xls"]:before, .content a[href$=".xlsx"]:before {
  content: '\f1c3';
  font-family: 'FontAwesome';
  margin-right: 10px;
  color: #b54e56; }

.list-contact-image {
  float: right;
  width: 28px;
  border-radius: 28px;
  overflow: hidden; }

.bigbreak {
  height: 30px; }

.pagination-bar {
  margin: 20px auto 0 auto;
  display: table; }
  .pagination-bar .wrapper {
    position: relative;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
    display: table-cell; }
    .pagination-bar .wrapper a {
      position: relative;
      min-width: 24px;
      min-height: 14px;
      padding: 5px 2px;
      display: inline-block;
      border: 0;
      background: #808080;
      font-family: "Open Sans";
      font-size: 12px;
      font-weight: 400;
      line-height: 14px;
      text-align: center;
      color: #fff !important;
      cursor: pointer;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background 0.2s ease-in-out 0s, border-radius 0.2s ease-in-out 0s;
      -moz-transition: background 0.2s ease-in-out 0s, border-radius 0.2s ease-in-out 0s;
      -ms-transition: background 0.2s ease-in-out 0s, border-radius 0.2s ease-in-out 0s;
      -o-transition: background 0.2s ease-in-out 0s, border-radius 0.2s ease-in-out 0s;
      transition: background 0.2s ease-in-out 0s, border-radius 0.2s ease-in-out 0s; }
      .pagination-bar .wrapper a:hover {
        background: #cacaca;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
        border-radius: 12px; }
      .pagination-bar .wrapper a:first-child {
        margin: 0; }
    .pagination-bar .wrapper .current {
      position: relative;
      min-width: 24px;
      min-height: 14px;
      padding: 5px 2px;
      display: inline-block;
      border: 0;
      background: #cacaca;
      font-family: "Open Sans";
      font-size: 12px;
      font-weight: 400;
      line-height: 14px;
      text-align: center;
      color: #fff;
      cursor: pointer;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
      border-radius: 12px;
      -webkit-transition: background 0.2s ease-in-out 0s, border-radius 0.2s ease-in-out 0s;
      -moz-transition: background 0.2s ease-in-out 0s, border-radius 0.2s ease-in-out 0s;
      -ms-transition: background 0.2s ease-in-out 0s, border-radius 0.2s ease-in-out 0s;
      -o-transition: background 0.2s ease-in-out 0s, border-radius 0.2s ease-in-out 0s;
      transition: background 0.2s ease-in-out 0s, border-radius 0.2s ease-in-out 0s; }

/* Forms */
.login-container input {
  position: relative;
  width: 100%;
  min-height: 30px;
  padding: 10px 20px;
  margin: 0 0 20px 0;
  display: block;
  border: 0;
  background: #fbfbfb;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  color: #979797;
  z-index: 0;
  box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -moz-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -ms-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -o-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; }
  .login-container input::-webkit-input-placeholder {
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #979797; }
  .login-container input::-moz-placeholder {
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #979797; }
  .login-container input::-moz-placeholder {
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #979797; }
  .login-container input::-ms-input-placeholder {
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #979797; }
  .login-container input:focus {
    background: #ecebea; }
  .login-container input.error {
    background: #f1f1f1;
    box-shadow: inset 0 0 7px 2px rgba(255, 0, 0, 0.47);
    -moz-box-shadow: inset 0 0 7px 2px rgba(255, 0, 0, 0.47);
    -webkit-box-shadow: inset 0 0 7px 2px rgba(255, 0, 0, 0.47);
    -o-box-shadow: inset 0 0 7px 2px rgba(255, 0, 0, 0.47);
    box-shadow: inset 0 0 7px 2px rgba(255, 0, 0, 0.47); }

.login-container .checkbox .ui-helper-hidden-accessible {
  display: none !important; }

.login-container .checkbox label .ui-button-text {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 14px auto 0 auto;
  display: block;
  border: 1px #cacaca solid;
  background: #fbfbfb;
  font-family: "FontAwesome";
  font-size: 15px;
  font-weight: 100;
  line-height: 20px;
  color: #979797;
  text-align: center;
  cursor: pointer;
  z-index: 0; }
  .login-container .checkbox label .ui-button-text .fa {
    display: none; }
  .login-container .checkbox label .ui-button-text:focus {
    background: #ecebea; }

.login-container .checkbox label.ui-state-active .ui-button-text .fa {
  display: block; }

.login-container button {
  position: relative;
  float: right;
  width: 200px;
  height: 48px;
  margin: 3px 3px 0 0 !important;
  overflow: visible;
  border: 0;
  background: #e4e4e4;
  color: #fff;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  z-index: 1; }
  .login-container button .top-button {
    position: absolute;
    top: -3px;
    left: 3px;
    width: 100%;
    height: 48px;
    display: block;
    background: #ffa932;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 700;
    line-height: 46px;
    text-shadow: 3px 3px 0 #db9637;
    -moz-text-shadow: 3px 3px 0 #db9637;
    -webkit-text-shadow: 3px 3px 0 #db9637;
    -o-text-shadow: 3px 3px 0 #db9637;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
    .login-container button .top-button .fa {
      margin: 0 15px 0 0; }
  .login-container button.login-button {
    width: 120px; }
  .login-container button:hover .top-button {
    background: #e37954;
    text-shadow: 3px 3px 0 #cb6e4c;
    -moz-text-shadow: 3px 3px 0 #cb6e4c;
    -webkit-text-shadow: 3px 3px 0 #cb6e4c;
    -o-text-shadow: 3px 3px 0 #cb6e4c; }
  .login-container button:focus .top-button {
    top: -2px;
    left: 2px;
    background: #b54e56;
    text-shadow: 3px 3px 0 #99494f;
    -moz-text-shadow: 3px 3px 0 #99494f;
    -webkit-text-shadow: 3px 3px 0 #99494f;
    -o-text-shadow: 3px 3px 0 #99494f; }

.success {
  background: #4a8e43 !important;
  text-shadow: 3px 3px 0 #3b7a35 !important;
  -moz-text-shadow: 3px 3px 0 #3b7a35 !important;
  -webkit-text-shadow: 3px 3px 0 #3b7a35 !important;
  -o-text-shadow: 3px 3px 0 #3b7a35 !important; }

.search input[type="text"] {
  position: relative;
  width: 100%;
  min-height: 20px;
  padding: 12px 40px 12px 15px;
  margin: 0;
  display: block;
  border: 0;
  background: #445c6c;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  z-index: 0;
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  -webkit-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -moz-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -ms-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -o-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; }
  .search input[type="text"]::-webkit-input-placeholder {
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    -webkit-transition: color 0.2s ease-in-out 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -ms-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    transition: color 0.2s ease-in-out 0s; }
  .search input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    -webkit-transition: color 0.2s ease-in-out 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -ms-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    transition: color 0.2s ease-in-out 0s; }
  .search input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    -webkit-transition: color 0.2s ease-in-out 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -ms-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    transition: color 0.2s ease-in-out 0s; }
  .search input[type="text"]:-ms-input-placeholder {
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    -webkit-transition: color 0.2s ease-in-out 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -ms-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    transition: color 0.2s ease-in-out 0s; }
  .search input[type="text"]:focus {
    background: #8c9ca5;
    color: #fff; }
    .search input[type="text"]:focus::-webkit-input-placeholder {
      color: #fff !important; }
    .search input[type="text"]:focus::-moz-placeholder {
      color: #fff !important; }
    .search input[type="text"]:focus::-moz-placeholder {
      color: #fff !important; }
    .search input[type="text"]:focus::-ms-input-placeholder {
      color: #fff !important; }
    .search input[type="text"]:focus + button {
      color: #fff; }
      .search input[type="text"]:focus + button:hover {
        color: #b1bcc3; }

.search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  display: block;
  border: 0;
  background: transparent;
  font-family: "FontAwesome";
  font-size: 13px;
  font-weight: 100;
  line-height: 20px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: color 0.2s ease-in-out 0s;
  -moz-transition: color 0.2s ease-in-out 0s;
  -ms-transition: color 0.2s ease-in-out 0s;
  -o-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s; }
  .search button:hover {
    color: #fff; }

.time-submission-row input, .time-submission-row button {
  position: relative;
  width: 100%;
  min-height: 30px; }

.time-submission-row input {
  padding: 10px 20px;
  margin: 0;
  display: block;
  border: 0;
  background: #fbfbfb;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  color: #979797;
  z-index: 0;
  box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -moz-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -ms-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  -o-transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
  transition: background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; }
  .time-submission-row input::-webkit-input-placeholder {
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #979797; }
  .time-submission-row input::-moz-placeholder {
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #979797; }
  .time-submission-row input::-moz-placeholder {
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #979797; }
  .time-submission-row input::-ms-input-placeholder {
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #979797; }
  .time-submission-row input:focus {
    background: #ecebea; }
  .time-submission-row input.error {
    background: #f1f1f1;
    box-shadow: inset 0 0 7px 2px rgba(255, 0, 0, 0.47);
    -moz-box-shadow: inset 0 0 7px 2px rgba(255, 0, 0, 0.47);
    -webkit-box-shadow: inset 0 0 7px 2px rgba(255, 0, 0, 0.47);
    -o-box-shadow: inset 0 0 7px 2px rgba(255, 0, 0, 0.47);
    box-shadow: inset 0 0 7px 2px rgba(255, 0, 0, 0.47); }

.time-submission-row input[type="time"] {
  height: 50px; }

.time-submission-row button {
  position: relative;
  width: 100%;
  height: 48px;
  margin: 2px 0 0 0;
  overflow: visible;
  border: 0;
  background: #e4e4e4;
  color: #fff;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  z-index: 1; }
  .time-submission-row button .fa {
    position: absolute;
    top: -3px;
    left: 3px;
    width: 100%;
    height: 48px;
    display: block;
    font-family: "FontAwesome";
    font-size: 16px;
    font-weight: 100;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
    .time-submission-row button .fa.fa-refresh {
      background: #445c6c;
      text-shadow: 3px 3px 0 #3e5362;
      -moz-text-shadow: 3px 3px 0 #3e5362;
      -webkit-text-shadow: 3px 3px 0 #3e5362;
      -o-text-shadow: 3px 3px 0 #3e5362; }
    .time-submission-row button .fa.fa-floppy-o {
      background: #ffa932;
      text-shadow: 3px 3px 0 #db9637;
      -moz-text-shadow: 3px 3px 0 #db9637;
      -webkit-text-shadow: 3px 3px 0 #db9637;
      -o-text-shadow: 3px 3px 0 #db9637; }
  .time-submission-row button:hover .fa .fa-fa-refresh {
    background: #4b7490;
    text-shadow: 3px 3px 0 #3d5e76;
    -moz-text-shadow: 3px 3px 0 #3d5e76;
    -webkit-text-shadow: 3px 3px 0 #3d5e76;
    -o-text-shadow: 3px 3px 0 #3d5e76; }
  .time-submission-row button:hover .fa.fa-floppy-o {
    background: #e37954;
    text-shadow: 3px 3px 0 #cb6e4c;
    -moz-text-shadow: 3px 3px 0 #cb6e4c;
    -webkit-text-shadow: 3px 3px 0 #cb6e4c;
    -o-text-shadow: 3px 3px 0 #cb6e4c; }
  .time-submission-row button:focus .fa {
    top: -2px;
    left: 2px; }
    .time-submission-row button:focus .fa.fa-refresh {
      background: #3b84b5;
      text-shadow: 3px 3px 0 #366c92;
      -moz-text-shadow: 3px 3px 0 #366c92;
      -webkit-text-shadow: 3px 3px 0 #366c92;
      -o-text-shadow: 3px 3px 0 #366c92; }
    .time-submission-row button:focus .fa.fa-floppy-o {
      background: #b54e56;
      text-shadow: 3px 3px 0 #99494f;
      -moz-text-shadow: 3px 3px 0 #99494f;
      -webkit-text-shadow: 3px 3px 0 #99494f;
      -o-text-shadow: 3px 3px 0 #99494f; }

.total-time-section .ui-helper-hidden-accessible {
  display: none !important; }

.total-time-section label .ui-button-text {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 14px auto 0 auto;
  display: block;
  border: 1px #cacaca solid;
  background: #fbfbfb;
  font-family: "FontAwesome";
  font-size: 15px;
  font-weight: 100;
  line-height: 20px;
  color: #979797;
  text-align: center;
  cursor: pointer;
  z-index: 0; }
  .total-time-section label .ui-button-text .fa {
    display: none; }
  .total-time-section label .ui-button-text:focus {
    background: #ecebea; }

.total-time-section label.ui-state-active .ui-button-text .fa {
  display: block; }

.total-time-section .error label .ui-button-text {
  border: 1px #f5a2a2 solid !important; }

.total-time-section button {
  position: relative;
  float: right;
  width: 200px;
  height: 48px;
  margin: 2px 0 0 0;
  overflow: visible;
  border: 0;
  background: #e4e4e4;
  color: #fff;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  z-index: 1; }
  .total-time-section button .top-button {
    position: absolute;
    top: -3px;
    left: 3px;
    width: 100%;
    height: 48px;
    display: block;
    background: #ffa932;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 700;
    line-height: 46px;
    text-shadow: 3px 3px 0 #db9637;
    -moz-text-shadow: 3px 3px 0 #db9637;
    -webkit-text-shadow: 3px 3px 0 #db9637;
    -o-text-shadow: 3px 3px 0 #db9637;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
    .total-time-section button .top-button .fa {
      margin: 0 15px 0 0; }
  .total-time-section button:hover .top-button {
    background: #e37954;
    text-shadow: 3px 3px 0 #cb6e4c;
    -moz-text-shadow: 3px 3px 0 #cb6e4c;
    -webkit-text-shadow: 3px 3px 0 #cb6e4c;
    -o-text-shadow: 3px 3px 0 #cb6e4c; }
  .total-time-section button:focus .top-button {
    top: -2px;
    left: 2px;
    background: #b54e56;
    text-shadow: 3px 3px 0 #99494f;
    -moz-text-shadow: 3px 3px 0 #99494f;
    -webkit-text-shadow: 3px 3px 0 #99494f;
    -o-text-shadow: 3px 3px 0 #99494f; }

/* ------------------------------------------------------------------------- *
 *  Small Screen : 1140px Width
/* ------------------------------------------------------------------------- */
.site-wrapper {
  margin: 0px; }

@media only screen and (max-width: 1140px) {
  .login-container {
    padding: 120px 0 60px 0; }
  .container .sidebar .sidebar-section header h4 {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 16px; } }

/* ------------------------------------------------------------------------- *
 *  Tablet : 1024px Width
/* ------------------------------------------------------------------------- */
.mobile-navigation .wrapper {
  padding: 10px 0 30px 0;
  background: #445c6c; }
  .mobile-navigation .wrapper .fa {
    color: #8c9ca5;
    font-family: "FontAwesome";
    font-size: 11px;
    font-weight: 100;
    line-height: 16px; }
  .mobile-navigation .wrapper ul {
    position: relative;
    padding: 0;
    margin-left: 0 !important; }
    .mobile-navigation .wrapper ul li {
      position: relative;
      list-style: none; }
      .mobile-navigation .wrapper ul li a {
        position: relative;
        min-height: 16px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 18px;
        padding-right: 18px;
        display: block;
        font-family: "Open Sans";
        font-size: 12px;
        font-weight: 300;
        line-height: 16px;
        color: #fff;
        -webkit-transition: color 0.2s ease-in-out 0s;
        -moz-transition: color 0.2s ease-in-out 0s;
        -ms-transition: color 0.2s ease-in-out 0s;
        -o-transition: color 0.2s ease-in-out 0s;
        transition: color 0.2s ease-in-out 0s; }
        .mobile-navigation .wrapper ul li a:hover {
          color: #b1bcc3;
          background: rgba(254, 254, 254, 0.05); }
        .mobile-navigation .wrapper ul li a:after {
          content: '';
          display: inline-block;
          position: absolute;
          right: 0;
          font-family: "FontAwesome";
          font-size: 11px;
          font-weight: 100;
          line-height: 16px;
          opacity: 0.4;
          margin: 0 20px 0 0; }
        .mobile-navigation .wrapper ul li a.hasmenu:after {
          content: '\f0d7'; }
        .mobile-navigation .wrapper ul li a.view-folder {
          float: right;
          z-index: 10;
          display: none; }
          .mobile-navigation .wrapper ul li a.view-folder:after {
            content: ''; }
          .mobile-navigation .wrapper ul li a.view-folder i.fa {
            font-size: 12px;
            display: none; }
      .mobile-navigation .wrapper ul li.hr a:after {
        content: '\f0c0'; }
      .mobile-navigation .wrapper ul li.osh a:after {
        content: '\f0f9'; }
      .mobile-navigation .wrapper ul li.administration a:after {
        content: '\f013'; }
      .mobile-navigation .wrapper ul li.current-cat > a:nth-child(2):after, .mobile-navigation .wrapper ul li .current-cat-parent > a:nth-child(2):after {
        content: '\f115'; }
      .mobile-navigation .wrapper ul li.current-cat > a:nth-child(2).hasmenu:after, .mobile-navigation .wrapper ul li .current-cat-parent > a:nth-child(2).hasmenu:after {
        content: '\f07c'; }
      .mobile-navigation .wrapper ul li ul li a:first-child {
        padding-left: 0; }
      .mobile-navigation .wrapper ul li:hover > a i.fa {
        display: inline; }
      .mobile-navigation .wrapper ul li ul {
        position: relative;
        display: none;
        margin: 0;
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-in-out 0s;
        -moz-transition: opacity 0.2s ease-in-out 0s;
        -ms-transition: opacity 0.2s ease-in-out 0s;
        -o-transition: opacity 0.2s ease-in-out 0s;
        transition: opacity 0.2s ease-in-out 0s; }
        .mobile-navigation .wrapper ul li ul li {
          background: rgba(0, 0, 0, 0.08); }
          .mobile-navigation .wrapper ul li ul li .fa-li {
            left: 40px; }
          .mobile-navigation .wrapper ul li ul li a {
            padding-left: 28px; }
          .mobile-navigation .wrapper ul li ul li ul {
            display: none;
            background: rgba(0, 0, 0, 0.1); }
            .mobile-navigation .wrapper ul li ul li ul li .fa-li {
              left: 60px; }
            .mobile-navigation .wrapper ul li ul li ul li a {
              padding-left: 38px; }

@media only screen and (max-width: 1024px) {
  .login-container {
    padding: 80px 0 60px 0; }
  .content-section, .sidebar {
    padding: 0px; }
  .search input {
    border-radius: 0px !important; }
  .content-section .breadcrumbs {
    border-radius: 0px !important; }
  .container .content-section .content .news-articles article header .post-details .post-detail {
    float: none;
    min-height: 20px;
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 400;
    line-height: 20px; }
    .container .content-section .content .news-articles article header .post-details .post-detail.divider {
      display: none; }
    .container .content-section .content .news-articles article header .post-details .post-detail .fa {
      font-family: "FontAwesome";
      font-size: 13px;
      font-weight: 100;
      line-height: 20px; }
  .container .content-section .content .time-submission-row .note-for-time label, .container .content-section .content .time-submission-row .time-worked label {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 30px; }
  .container .content-section .content .time-submission-row .save-time {
    padding-top: 30px; }
    .container .content-section .content .time-submission-row .save-time button {
      margin-left: -3px; }
  .container .content-section .content .total-time-section .you-agree .wrapper {
    padding: 0; }
  .container .sidebar .sidebar-section header h4 {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 16px; }
  .total-time-section .submit-button {
    margin: 30px 0 0 0; }
  .total-time-section label .ui-button-text {
    margin: 6px auto 0 auto; } }

/* ------------------------------------------------------------------------- *
 *  Tablet (Portrait) : 890px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 890px) {
  .mobile-navigation {
    display: block; }
  .header {
    min-height: 45px;
    background: #fff; }
    .header .logo {
      display: none !important; }
    .header .account-details {
      width: 100%;
      padding: 0 0 0 60px; }
      .header .account-details .panel-button {
        display: block; }
      .header .account-details .quick-navigation {
        float: left;
        height: 28px;
        margin: 8px 0 0 0; }
        .header .account-details .quick-navigation li {
          position: relative;
          float: left;
          height: 28px; }
          .header .account-details .quick-navigation li .count {
            top: 0;
            right: 0; }
            .header .account-details .quick-navigation li .count.pop-up {
              top: -4px;
              right: -4px; }
          .header .account-details .quick-navigation li .tooltip .tooltip-content {
            display: none !important; }
          .header .account-details .quick-navigation li .fa {
            position: relative;
            width: 20px;
            height: 20px;
            margin: 4px 0 0 0;
            font-family: "FontAwesome";
            font-size: 19px;
            font-weight: 100;
            line-height: 19px; }
            .header .account-details .quick-navigation li .fa.fa-home {
              font-family: "FontAwesome";
              font-size: 28px;
              font-weight: 100;
              line-height: 19px; }
            .header .account-details .quick-navigation li .fa.fa-clock-o {
              font-family: "FontAwesome";
              font-size: 23px;
              font-weight: 100;
              line-height: 19px; }
      .header .account-details .profile {
        float: right;
        height: 28px;
        margin: 3px 10px 0 0; }
        .header .account-details .profile .persons-name {
          position: relative;
          margin: 0 10px 0 0;
          font-family: "Open Sans";
          font-size: 14px;
          font-weight: 700;
          line-height: 40px;
          color: #979797;
          -webkit-transition: color 0.2s ease-in-out 0s;
          -moz-transition: color 0.2s ease-in-out 0s;
          -ms-transition: color 0.2s ease-in-out 0s;
          -o-transition: color 0.2s ease-in-out 0s;
          transition: color 0.2s ease-in-out 0s; }
          .header .account-details .profile .persons-name .fa {
            width: 5px;
            height: 28px;
            margin: 0;
            font-family: "FontAwesome";
            font-size: 14px;
            font-weight: 100;
            line-height: 28px;
            color: #979797; }
        .header .account-details .profile .avatar {
          width: 28px;
          height: 28px;
          margin: 6px 0 0 0; }
          .header .account-details .profile .avatar .img {
            width: 26px;
            height: 26px; }
        .header .account-details .profile .account-menu {
          width: 150px; }
          .header .account-details .profile .account-menu ul li a {
            font-family: "Open Sans";
            font-size: 11px;
            font-weight: 700;
            line-height: 20px; }
        .header .account-details .profile:hover .avatar {
          padding: 3px; }
  .container {
    padding: 1.250em 0 0 0; }
    .container .primary-navigation .wrapper {
      display: none; }
    .container .content-section {
      width: 75%; } }

/* ------------------------------------------------------------------------- *
 *  Mobile (Landscape) : 767px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .persons-name {
    display: none; }
  .header .row {
    padding-left: 0px;
    padding-right: 0px; }
  .container .sidebar .sidebar-section header h4 {
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 400;
    line-height: 16px; } }

/* ------------------------------------------------------------------------- *
 *  Mobile (Portrait) : 640px Width
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 641px) {
  .processworx-container {
    position: absolute;
    bottom: 0; }
  .mobile-only {
    display: none; } }

@media only screen and (max-width: 640px) {
  .container .sidebar .sidebar-section {
    border-radius: 0px !important; }
  .not-mobile {
    display: none; }
  .login-container {
    padding: 40px 0.625em 0 0.625em;
    margin: 0 !important; }
    .login-container .form-container.forgot-password-form-container {
      margin: 0 auto 20px auto !important; }
  .processworx-container {
    position: relative;
    padding: 0 0 40px 0; }
  .container .primary-navigation {
    min-height: 0 !important; }
  .container .content-section {
    width: 100%; }
    .container .content-section .content {
      min-height: 0 !important; }
      .container .content-section .content .news-articles article {
        padding: 30px 0 10px 0;
        margin: 0;
        border-top: 1px #b1bcc3 dashed; }
        .container .content-section .content .news-articles article:first-of-type {
          padding: 0 0 10px 0;
          border-top: 0; }
  .container .sidebar .quick-links {
    min-height: 0 !important; }
  .container .sidebar .sidebar-section {
    margin: 30px 0 0 0;
    overflow: hidden; }
    .container .sidebar .sidebar-section .weather-section .location {
      margin: 0 0 15px 0;
      font-family: "Open Sans";
      font-size: 24px;
      font-weight: 400;
      line-height: 24px; }
    .container .sidebar .sidebar-section .weather-section .current-status .current-temp {
      font-family: "Open Sans";
      font-size: 60px;
      font-weight: 700;
      line-height: 60px; }
    .container .sidebar .sidebar-section .weather-section .forecast {
      font-family: "Open Sans";
      font-size: 16px;
      font-weight: 400;
      line-height: 20px; }
    .container .sidebar .sidebar-section header h4 {
      font-family: "Open Sans";
      font-size: 14px;
      font-weight: 400;
      line-height: 16px; }
  .footer {
    padding: 30px 0; }
    .footer .footer-navigation {
      float: none;
      margin: 0 auto;
      text-align: center; }
      .footer .footer-navigation ul {
        position: relative;
        float: none;
        margin: 0; }
        .footer .footer-navigation ul li {
          position: relative;
          float: none;
          display: inline-block; }
    .footer .processworx {
      float: none;
      margin: 0 auto 10px auto; } }

@media only screen and (max-width: 480px) {
  .login-container .checkbox-text {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 20px; } }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter div.aligncenter {
  margin: 5px auto 5px auto;
  display: block; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

.aligncenter {
  margin: 5px auto 5px auto;
  display: block; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block; }

.wp-caption {
  max-width: 96%;
  padding: 5px 3px 10px;
  border: 1px solid #f0f0f0;
  background: #fff;
  text-align: center; }
  .wp-caption.alignnone {
    margin: 5px 20px 20px 0; }
  .wp-caption.alignleft {
    margin: 5px 20px 20px 0; }
  .wp-caption.alignright {
    margin: 5px 0 20px 20px; }
  .wp-caption img {
    width: auto;
    max-width: 98.5%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0 none; }
  .wp-caption p.wp-caption-text {
    padding: 0 4px 5px;
    margin: 0;
    font-size: 11px;
    line-height: 17px; }

/* IE8 fixes */
.lt-ie9 .svg {
  display: none !important; }

.lt-ie9 .ie-8-image {
  display: block !important; }

.lt-ie9 .fancybox-close {
  background-image: url(assets/art/ie/close-button.png); }

.lt-ie9 .fancybox-prev span {
  background-image: url(assets/art/ie/prev-button.png); }

.lt-ie9 .fancybox-next span {
  background-image: url(assets/art/ie/next-button.png); }

.lt-ie9 .header .account-details .quick-navigation li .tooltip {
  /* Tooltip */ }
  .lt-ie9 .header .account-details .quick-navigation li .tooltip .tooltip-content {
    visibility: hidden !important; }

.lt-ie9 .header .account-details .quick-navigation li:hover .tooltip-content {
  visibility: visible !important; }

.lt-ie9 .header .profile {
  min-width: 183px;
  margin: 38px 0 0 17px; }
  .lt-ie9 .header .profile .avatar {
    float: right; }

.lt-ie9 .container .content-section .content .edit-this-page {
  width: 28px; }

.lt-ie9 .container .content-section .content .tooltip {
  /* Tooltip */ }
  .lt-ie9 .container .content-section .content .tooltip .tooltip-content {
    visibility: hidden !important; }

.lt-ie9 .container .content-section .content:hover .tooltip-content {
  visibility: visible !important; }

.lt-ie9 .time-submission-row input.error {
  background: #f5a2a2 !important; }

.lt-ie9 .total-time-section .ui-helper-hidden-accessible {
  display: block !important;
  margin: 14px auto 0 auto; }

.lt-ie9 .total-time-section label {
  display: none !important; }