@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic);
@import url(/static/css/error-page-shared.css?ad2fbaa36d91);
@font-face {
  font-family: "font-icons";
  src: url("/static/font-icons/fonts/font-icons.ttf?u2e5d3&500ffb18a25d") format("truetype"), url("/static/font-icons/fonts/font-icons.woff?u2e5d3&500ffb18a25d") format("woff"), url("/static/font-icons/fonts/font-icons.svg?u2e5d3&500ffb18a25d#font-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.fi, .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder table > tbody > tr > td > span.false {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "font-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fi-false:before, .pretty-table-holder table > tbody > tr > td > span.false:before {
  content: ""; }

.fi-true:before, .pretty-table-holder table > tbody > tr > td > span.true:before {
  content: ""; }

.fi-clock:before {
  content: ""; }

.fi-comment:before {
  content: ""; }

.fi-cost:before {
  content: ""; }

.fi-kpi:before {
  content: ""; }

.fi-project:before {
  content: ""; }

.fi-task:before {
  content: ""; }

.fi-close:before {
  content: ""; }

.fi-chevron-up:before {
  content: ""; }

.fi-chevron-down:before {
  content: ""; }

.fi-chevron-right:before {
  content: ""; }

.fi-chevron-left:before {
  content: ""; }

.fi-strategytopic:before {
  content: ""; }

.fi-attachment:before {
  content: ""; }

.fi-note:before {
  content: ""; }

.fi-comchannel:before {
  content: ""; }

.fi-commoment:before {
  content: ""; }

.fi-communication:before {
  content: ""; }

.fi-dashboard:before {
  content: ""; }

.fi-mold:before {
  content: ""; }

.fi-plan:before {
  content: ""; }

.fi-chat:before {
  content: ""; }

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,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline; }

input[type=text], input[type=password] {
  background: transparent; }

header, footer, section, nav, aside {
  display: block; }

body {
  font-size: 14px;
  line-height: 1.28;
  font-family: lato, sans-serif;
  min-width: 1280px;
  background-color: #fff;
  color: #343a41;
  position: relative;
  min-height: 100%; }

b, strong {
  font-family: lato, sans-serif;
  font-weight: 700; }

html {
  min-height: 100%;
  height: auto; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

a {
  color: #7171d4;
  text-decoration: none;
  cursor: pointer; }

a:hover {
  text-decoration: underline; }

textarea {
  resize: none; }

h1 {
  font-size: 36px;
  color: #8491a1;
  font-weight: normal;
  margin-bottom: 36px; }

h2 {
  font-size: 30px;
  color: #343a41;
  margin-bottom: 22px;
  font-family: lato, sans-serif;
  font-weight: 700; }

h3 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 14px; }

h4 {
  font-size: 20px;
  color: #343a41;
  margin-bottom: 14px;
  font-family: lato, sans-serif;
  font-weight: 500; }

h5 {
  font-size: 14px;
  margin-bottom: 17px;
  font-weight: 700;
  font-family: lato, sans-serif;
  font-weight: 500; }

h5 b {
  font-family: lato, sans-serif;
  font-weight: 700; }

h6 {
  font-size: 12px;
  margin-bottom: 12px;
  font-weight: normal; }

small {
  font-size: 85%; }

h1 small, h2 small, h3 small {
  font-size: 65%; }

h4 small, h4 small, h6 small {
  font-size: 75%; }

.fr-box .fr-toolbar {
  border-top: none; }

.fr-view {
  padding: 45px 47px !important;
  word-break: break-word; }

.fr-view ul,
.fr-view ol {
  list-style-position: outside;
  line-height: 1.4;
  padding-left: 13.5pt !important; }

.fr-view ul,
.fr-view ol,
.fr-view p {
  font-size: 12pt; }

.fr-view ul {
  list-style-type: disc; }

.fr-view ol {
  list-style-type: decimal; }

.fr-view ul ul,
.fr-view ol ul {
  list-style-type: circle;
  list-style-position: inside;
  padding-left: 10px !important; }

.fr-view ol ol,
.fr-view ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  padding-left: 10px !important;
  margin-left: 0 !important; }

.fr-view p {
  margin: 0; }

.fr-view h5 {
  font-size: 18pt;
  font-weight: 400;
  margin-bottom: 10.5pt; }

.fr-view h6 {
  font-size: 12pt;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 6pt;
  text-align: left;
  color: #343a41; }

.fr-view img.fr-bordered {
  border: #333333 1px solid !important; }

.fr-view table {
  margin: 10px 0; }

.fr-view td,
.fr-view th {
  padding: 4px 10px; }

.fr-box .fr-toolbar {
  border-top: none; }

.fr-view {
  padding: 45px 47px !important;
  word-break: break-word; }

.fr-view ul,
.fr-view ol {
  list-style-position: outside;
  line-height: 1.4;
  padding-left: 13.5pt !important; }

.fr-view ul,
.fr-view ol,
.fr-view p {
  font-size: 12pt; }

.fr-view ul {
  list-style-type: disc; }

.fr-view ol {
  list-style-type: decimal; }

.fr-view ul ul,
.fr-view ol ul {
  list-style-type: circle;
  list-style-position: inside;
  padding-left: 10px !important; }

.fr-view ol ol,
.fr-view ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  padding-left: 10px !important;
  margin-left: 0 !important; }

.fr-view p {
  margin: 0; }

.fr-view h5 {
  font-size: 18pt;
  font-weight: 400;
  margin-bottom: 10.5pt; }

.fr-view h6 {
  font-size: 12pt;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 6pt;
  text-align: left;
  color: #343a41; }

.fr-view img.fr-bordered {
  border: #333333 1px solid !important; }

.fr-view table {
  margin: 10px 0; }

.fr-view td,
.fr-view th {
  padding: 4px 10px; }

.jq-dropdown {
  position: absolute;
  z-index: 6000;
  display: none; }
  .jq-dropdown .jq-dropdown-menu {
    min-width: 160px;
    max-width: 360px;
    list-style: none;
    background: white;
    border: solid 1px #ddd;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    overflow: visible;
    padding: 7px 0;
    margin: 0; }
  .jq-dropdown .jq-dropdown-panel {
    min-width: 160px;
    max-width: 360px;
    list-style: none;
    background: white;
    border: solid 1px #ddd;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    overflow: visible;
    padding: 7px 0;
    margin: 0;
    padding: 10px; }
  .jq-dropdown.jq-dropdown-tip {
    margin-top: 8px; }
    .jq-dropdown.jq-dropdown-tip:before {
      position: absolute;
      top: -6px;
      left: 9px;
      content: "";
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #ddd;
      display: inline-block; }
    .jq-dropdown.jq-dropdown-tip:after {
      position: absolute;
      top: -5px;
      left: 10px;
      content: "";
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid white;
      display: inline-block; }
    .jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before {
      left: auto;
      right: 9px; }
    .jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after {
      left: auto;
      right: 10px; }
  .jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu, .jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel {
    max-height: 300px;
    overflow: auto; }
  .jq-dropdown .jq-dropdown-menu li {
    list-style: none;
    padding: 0 0;
    margin: 0;
    line-height: 18px; }
    .jq-dropdown .jq-dropdown-menu li > a {
      display: block;
      color: inherit;
      text-decoration: none;
      line-height: 18px;
      padding: 8px 15px;
      margin: 0;
      white-space: nowrap; }
  .jq-dropdown .jq-dropdown-menu label {
    display: block;
    color: inherit;
    text-decoration: none;
    line-height: 18px;
    padding: 8px 15px;
    margin: 0;
    white-space: nowrap; }
  .jq-dropdown .jq-dropdown-menu li > a:hover, .jq-dropdown .jq-dropdown-menu label:hover {
    background-color: #f2f2f2;
    color: inherit;
    cursor: pointer; }
  .jq-dropdown .jq-dropdown-menu .jq-dropdown-divider {
    font-size: 1px;
    border-top: solid 1px #e5e5e5;
    padding: 0;
    margin: 7px 0; }
  .jq-dropdown .jq-dropdown-menu .ext-link {
    text-align: center;
    color: #7171d4;
    font-weight: bold; }

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 11000;
  padding: 20px;
  box-sizing: border-box;
  background-color: #222222;
  background-color: rgba(34, 34, 34, 0.7);
  text-align: center; }
  .blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em; }
  .blocker.behind {
    background-color: transparent; }

.modal {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 32px 25px;
  border-radius: 8px;
  box-shadow: 0 0 10px #000;
  text-align: left; }
  .modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=") no-repeat 0 0; }

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center;
  border-radius: 8px; }

/**
 * selectize.css (v0.12.2)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
@keyframes spinner {
  to {
    transform: rotate(360deg); } }

.selectize-control.loading .selectize-input:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: 2%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333333;
  animation: spinner .6s linear infinite; }

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important; }

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden; }

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0; }

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important; }
  .selectize-dropdown-header-close:hover {
    color: #000; }

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  box-sizing: border-box; }
  .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none; }
  .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none; }

.selectize-control {
  position: relative; }
  .selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important; }
    .selectize-control.plugin-remove_button [data-value] .remove {
      z-index: 1;
      /* fixes ie bug (see #392) */
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 17px;
      text-align: center;
      font-weight: bold;
      font-size: 12px;
      color: inherit;
      text-decoration: none;
      vertical-align: middle;
      display: inline-block;
      padding: 2px 0 0 0;
      border-left: 1px solid #d0d0d0;
      border-radius: 0 2px 2px 0;
      box-sizing: border-box; }
      .selectize-control.plugin-remove_button [data-value] .remove:hover {
        background: rgba(0, 0, 0, 0.05); }
    .selectize-control.plugin-remove_button [data-value].active .remove {
      border-left-color: #cacaca; }
  .selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #fff; }
    .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
      background: none; }
  .selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 28px;
    top: 6px;
    font-size: 23px; }

.selectize-dropdown {
  color: #303030;
  font-family: inherit;
  font-size: 14px;
  line-height: 18px;
  -webkit-font-smoothing: inherit; }

.selectize-input {
  color: #303030;
  font-family: inherit;
  font-size: 14px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
  background: #fff;
  cursor: text;
  display: inline-block; }
  .selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 14px;
    line-height: 18px;
    -webkit-font-smoothing: inherit; }

.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block; }

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  border-radius: 3px; }

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px; }

.selectize-input.full {
  background-color: #fff; }

.selectize-input.disabled {
  cursor: default !important; }
  .selectize-input.disabled * {
    cursor: default !important; }

.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0; }

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0; }
  .selectize-control.multi .selectize-input > div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca; }

.selectize-control.multi .selectize-input.disabled > div {
  color: #7d7d7d;
  background: #fff;
  border: 0 solid #fff; }
  .selectize-control.multi .selectize-input.disabled > div.active {
    color: #7d7d7d;
    background: #fff;
    border: 0 solid #fff; }

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important; }
  .selectize-input > input::-ms-clear {
    display: none; }
  .selectize-input > input:focus {
    outline: none !important; }

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left; }

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0; }

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  box-sizing: border-box;
  border-radius: 4px; }
  .selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
    padding: 5px 8px; }
    .selectize-dropdown [data-selectable] .highlight {
      background: rgba(125, 168, 208, 0.2);
      border-radius: 1px; }
  .selectize-dropdown:not(.dropup) {
    border-top: none; }
  .selectize-dropdown.dropup {
    margin: 0 0 2px 0; }
  .selectize-dropdown .optgroup-header {
    padding: 5px 8px; }
  .selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none; }
  .selectize-dropdown .optgroup-header {
    color: #303030;
    background: #fff;
    font-weight: bold;
    cursor: default; }
  .selectize-dropdown .optgroup .option {
    text-indent: 0.5em; }
  .selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68; }
    .selectize-dropdown .active.create {
      color: #495c68; }
  .selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5); }

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px; }

.selectize-control.single .selectize-input {
  cursor: pointer; }
  .selectize-control.single .selectize-input input {
    cursor: pointer; }
  .selectize-control.single .selectize-input.input-active {
    cursor: text; }
    .selectize-control.single .selectize-input.input-active input {
      cursor: text; }
  .selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #000 transparent transparent transparent; }
  .selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -2px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #000 transparent; }

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto; }

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important; }

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 16px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--multiple .select2-selection__choice {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #ced7e1;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 70000; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ced7e1;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 33px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-size: 120%;
    padding-right: 5px; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    position: absolute;
    top: 0px;
    right: 1px;
    width: 21px;
    background: url(/static/images/select-triangl.png?500ffb18a25d) no-repeat right center; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  opacity: 0.5;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: #ced7e1 1px solid;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ced7e1; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #e6ecf0;
  color: #4b5158; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.toast-title {
  font-weight: bold; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }
  .toast-message a, .toast-message label {
    color: #fff; }
  .toast-message a:hover {
    color: #ccc;
    text-decoration: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }
  .toast-close-button:hover, .toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40); }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 69px;
  left: 12px; }

.toast-top-right {
  top: 69px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/ }
  #toast-container * {
    box-sizing: border-box; }
  #toast-container > div {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80); }
  #toast-container > :hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer; }
  #toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }
  #toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }
  #toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }
  #toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }
  #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
    width: 300px;
    margin: auto; }
  #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin: auto; }

.toast {
  background-color: #030303; }

.toast-success {
  background-color: #75b933; }

.toast-error {
  background-color: #e86f6f; }

.toast-info {
  background-color: #75abf4; }

.toast-warning {
  background-color: #eaab24; }

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em; } }

/* slightly modified boostrap dropdown */
.textcomplete-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  bottom: 20px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  /*padding: 5px 0;*/
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  .textcomplete-dropdown > li > a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap; }
    .textcomplete-dropdown > li > a:hover, .textcomplete-dropdown > li > a:focus {
      text-decoration: none;
      color: #262626;
      background-color: #f5f5f5; }
  .textcomplete-dropdown > .active > a {
    text-decoration: none;
    outline: 0;
    background-color: #f2f2f2; }
    .textcomplete-dropdown > .active > a:hover, .textcomplete-dropdown > .active > a:focus {
      text-decoration: none;
      outline: 0;
      background-color: #f2f2f2; }
  .textcomplete-dropdown > .disabled > a {
    color: #777777; }
    .textcomplete-dropdown > .disabled > a:hover, .textcomplete-dropdown > .disabled > a:focus {
      color: #777777; }
    .textcomplete-dropdown > .disabled > a:hover, .textcomplete-dropdown > .disabled > a:focus {
      text-decoration: none;
      background-color: transparent;
      background-image: none;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
      cursor: not-allowed; }

input[type='checkbox'] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  height: 0; }
  input[type='checkbox'] + label {
    cursor: pointer; }
    input[type='checkbox'] + label:before {
      display: inline-block;
      margin-right: 10px;
      width: 18px;
      height: 18px;
      content: '';
      background: url("/static/images/checkbox.png?500ffb18a25d") no-repeat left top; }
  input[type='checkbox']:checked + label:before {
    background-position: left bottom; }

input[type='radio'] {
  position: absolute;
  clip: rect(0, 0, 0, 0); }
  input[type='radio'] + label {
    cursor: pointer; }
    input[type='radio'] + label:before {
      display: inline-block;
      margin-right: 8px;
      vertical-align: middle;
      margin-top: -2px;
      width: 12px;
      height: 12px;
      content: '';
      background: url("/static/images/radio.png?500ffb18a25d") no-repeat left top; }
  input[type='radio']:checked + label:before {
    background-position: left bottom; }

.modelchoice-select-multiple .optgroup > label, .modelchoice-select-multiple .option > label {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 20px - 5px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px; }

.modelchoice-select-multiple .option {
  padding-bottom: 15px; }
  .modelchoice-select-multiple .option:after {
    display: block;
    content: '';
    clear: both; }

.modelchoice-select-multiple .value {
  position: relative;
  float: right; }
  .modelchoice-select-multiple .value label:before {
    margin-right: 2px; }

.modelchoice-select-multiple .widget-header .search {
  border-bottom: #dee4eb 1px solid;
  padding: 5px 0;
  margin-bottom: 15px;
  position: relative; }
  .modelchoice-select-multiple .widget-header .search input {
    display: inline-block;
    width: calc(100% - 20px);
    border: none; }
  .modelchoice-select-multiple .widget-header .search i {
    font-size: 16px;
    display: none;
    color: #8491a1;
    opacity: .6;
    cursor: pointer; }

.modelchoice-select-multiple .widget-body .optgroup:last-child, .modelchoice-select-multiple .widget-body .option:last-child {
  padding-bottom: 0; }

.modelchoice-select-multiple .widget-body .optgroup {
  position: relative;
  padding-bottom: 15px; }
  .modelchoice-select-multiple .widget-body .optgroup:last-child {
    padding-bottom: 0; }
  .modelchoice-select-multiple .widget-body .optgroup > .optgroup-title {
    display: inline-block;
    padding-left: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer; }
    .modelchoice-select-multiple .widget-body .optgroup > .optgroup-title:before {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      border-radius: 3px;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid #dee4eb;
      margin-right: -5px;
      top: 4px;
      left: 0; }
  .modelchoice-select-multiple .widget-body .optgroup .options {
    display: none;
    padding-top: 15px; }
  .modelchoice-select-multiple .widget-body .optgroup.open > .optgroup-title:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 3px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #7171d4;
    margin-top: -2px;
    top: 8px;
    left: 0; }
  .modelchoice-select-multiple .widget-body .optgroup.open .options {
    display: block; }
  .modelchoice-select-multiple .widget-body .optgroup .option {
    margin-left: 25px; }

.modelchoice-select-multiple.model-user .widget-body {
  margin-top: 10px; }
  .modelchoice-select-multiple.model-user .widget-body .option:not(.toggle-all) {
    padding-top: 10px;
    padding-bottom: 10px; }
    .modelchoice-select-multiple.model-user .widget-body .option:not(.toggle-all) .value {
      height: 34px;
      line-height: 34px;
      margin-bottom: 0; }
  .modelchoice-select-multiple.model-user .widget-body .option > label {
    margin-bottom: 0; }
    .modelchoice-select-multiple.model-user .widget-body .option > label .avatar {
      float: left;
      margin-right: 10px; }
    .modelchoice-select-multiple.model-user .widget-body .option > label .text {
      float: left;
      width: calc(100% - 34px - 10px);
      overflow: hidden;
      text-overflow: ellipsis; }

.onoffswitch {
  position: relative;
  width: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }
  .onoffswitch .onoffswitch-checkbox {
    display: none; }
  .onoffswitch .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
    width: 32px; }
    .onoffswitch .onoffswitch-label:before {
      content: none !important;
      background: none; }
  .onoffswitch .onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%; }
    .onoffswitch .onoffswitch-inner:before, .onoffswitch .onoffswitch-inner:after {
      display: block;
      float: left;
      width: 50%;
      height: 16px;
      padding: 0;
      color: white;
      font-weight: bold;
      box-sizing: border-box;
      border-radius: .5rem;
      transition: background-color .15s ease-in-out, border-color .15s ease-in-out; }
    .onoffswitch .onoffswitch-inner:before {
      content: " ";
      padding-left: 10px;
      border-color: #7C89D3;
      background: #7C89D3; }
    .onoffswitch .onoffswitch-inner:after {
      content: " ";
      padding-right: 10px;
      background: #fff;
      border: #adb5bd solid 1px;
      text-align: right; }
  .onoffswitch .onoffswitch-switch {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #adb5bd;
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 16px;
    border-radius: 20px;
    transition: all .15s ease-in-out; }
  .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0; }
  .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    background: #fff; }

.rec-dp {
  position: relative; }
  .rec-dp input[data-datepicker] {
    width: 7.3em; }
  .rec-dp input[data-recurrence] + i.fa-repeat {
    display: none;
    color: #959da7;
    cursor: pointer;
    position: absolute; }
  .rec-dp input[data-recurrence]:not([value=""]) + i.fa-repeat {
    display: inline; }
  .rec-dp input[data-recurrence]:not([value]) + i.fa-repeat {
    display: none; }

.recurrence-widget {
  border-top: #f1f1f1 1px solid;
  padding: 10px 2px 10px 10px; }
  .recurrence-widget .label {
    display: inline-block;
    font-size: 0.9em;
    line-height: 30px;
    width: 45%; }
  .recurrence-widget .select-type, .recurrence-widget .select-value {
    float: right;
    width: 52%;
    height: 30px;
    padding-left: 14px;
    text-indent: 0px;
    text-align: left; }
  .recurrence-widget .type-choices {
    margin-top: 10px; }
    .recurrence-widget .type-choices:after {
      display: block;
      content: '';
      clear: both; }
    .recurrence-widget .type-choices .radio-set label:before {
      content: none; }
    .recurrence-widget .type-choices .radio-set label {
      float: left;
      width: calc(100% / 7);
      text-align: center;
      line-height: 30px;
      margin: 0; }
    .recurrence-widget .type-choices .radio-set input:checked + label {
      color: #fff;
      background: #7171d4; }
  .recurrence-widget .bottom {
    margin-top: 10px;
    text-align: right; }

.context-chooser-input {
  color: inherit; }
  .context-chooser-input .object:not(:empty) + .placeholder {
    display: none; }
  .context-chooser-input:hover {
    text-decoration: none; }

.form .context-chooser-input, .c-mold-datepicker .context-chooser-input {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: #ced7e1 1px solid;
  border-radius: 4px;
  width: 100%;
  height: 36px;
  padding-left: 16px;
  padding-right: 16px; }

#context-chooser-dropdown {
  width: 470px;
  box-sizing: border-box; }
  #context-chooser-dropdown .loading-indicator {
    text-align: center; }
  #context-chooser-dropdown .jq-dropdown-panel {
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    min-width: auto;
    max-width: none;
    width: 100%; }
  #context-chooser-dropdown .choice {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px; }
  #context-chooser-dropdown .cgroup .choice {
    margin-left: -25px;
    padding-left: 25px; }
  #context-chooser-dropdown .cgroup-budget .choice {
    margin-left: -40px;
    padding-left: 40px; }
  #context-chooser-dropdown .choices {
    margin-top: 5px; }
    #context-chooser-dropdown .choices .choice {
      display: flex;
      align-items: center;
      min-height: 28px;
      padding-top: 5px;
      padding-bottom: 5px; }
      #context-chooser-dropdown .choices .choice:hover {
        background: #f5fafd; }
      #context-chooser-dropdown .choices .choice label {
        flex: 1;
        display: flex;
        align-items: baseline; }
        #context-chooser-dropdown .choices .choice label > div {
          flex: 1; }
  #context-chooser-dropdown .cgroup {
    margin-bottom: 15px;
    padding-left: 15px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer; }
    #context-chooser-dropdown .cgroup:first-child {
      margin-top: 15px; }
    #context-chooser-dropdown .cgroup.open > .collapsible {
      display: block !important; }
    #context-chooser-dropdown .cgroup:before {
      position: absolute;
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      border-radius: 3px;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid #dee4eb;
      margin-right: -5px;
      left: 0;
      top: 4px; }
    #context-chooser-dropdown .cgroup.open:before {
      top: 8px;
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      border-radius: 3px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #343a41;
      margin-top: -2px; }
  #context-chooser-dropdown a i {
    font-size: 20px;
    padding: 3px 9px;
    color: #8491a0;
    border: #a0abb8 1px solid;
    border-radius: 4px; }
  #context-chooser-dropdown .section-main .scrollable {
    max-height: 400px;
    overflow-y: auto;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px; }
  #context-chooser-dropdown .section-main .cgroup-communication .choice a {
    margin-left: 5px;
    opacity: 0; }
  #context-chooser-dropdown .section-main .cgroup-communication .choice:hover a {
    opacity: 1; }
  #context-chooser-dropdown .section-moments .back-btn {
    display: flex;
    align-items: center;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
    padding: 6px 10px;
    text-decoration: none;
    background: #cfd8e0;
    color: #474e55; }
    #context-chooser-dropdown .section-moments .back-btn i {
      margin-right: 10px; }
  #context-chooser-dropdown .section-moments .moments-nav .tabs {
    margin-bottom: 5px; }
    #context-chooser-dropdown .section-moments .moments-nav .tabs li {
      margin-right: 18px;
      color: #ced7e1; }
  #context-chooser-dropdown .section-moments .hr {
    margin-left: -10px;
    margin-right: -10px;
    border-top: #cfd8e0 1px solid; }
  #context-chooser-dropdown .section-moments .scrollable {
    max-height: 289px;
    overflow-y: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px; }
  #context-chooser-dropdown .footer {
    display: flex;
    margin-top: 15px; }
    #context-chooser-dropdown .footer .reset-btn {
      align-self: center;
      display: none; }
    #context-chooser-dropdown .footer .btn-close {
      margin-left: auto; }

label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }

input, select, textarea {
  font-family: lato, sans-serif; }

[data-editable] {
  cursor: pointer; }

::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder {
  color: #8491a1;
  opacity: 1; }

.form .input-base, .c-mold-datepicker .input-base, .form .controls .nice-userselect, .c-mold-datepicker .controls .nice-userselect, .form input[type='text'], .c-mold-datepicker input[type='text'], .form input[type='email'], .c-mold-datepicker input[type='email'], .form input[type='password'], .c-mold-datepicker input[type='password'], .form input[type='number'], .c-mold-datepicker input[type='number'], .form input[type='search']:not(.select2-search__field), .c-mold-datepicker input[type='search']:not(.select2-search__field), .form input[type='url'], .c-mold-datepicker input[type='url'] {
  width: 100%;
  display: block;
  background-color: #fff;
  box-sizing: border-box;
  height: 36px;
  line-height: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #343a41;
  border: #ced7e1 1px solid;
  border-radius: 4px;
  font-family: lato, sans-serif; }

.form input[type='submit'], .c-mold-datepicker input[type='submit'] {
  line-height: normal !important; }

.form input[type='email']:disabled, .c-mold-datepicker input[type='email']:disabled, .form input[type='number']:disabled, .c-mold-datepicker input[type='number']:disabled, .form input[type='password']:disabled, .c-mold-datepicker input[type='password']:disabled, .form input[type='search']:disabled, .c-mold-datepicker input[type='search']:disabled, .form input[type='text']:disabled, .c-mold-datepicker input[type='text']:disabled {
  background-color: #e9eef4; }

.form textarea:disabled, .c-mold-datepicker textarea:disabled {
  background-color: #e9eef4; }

.form textarea, .c-mold-datepicker textarea {
  width: 100%;
  display: block;
  background-color: #fff;
  box-sizing: border-box;
  height: 36px;
  line-height: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #343a41;
  border: #ced7e1 1px solid;
  border-radius: 4px;
  font-family: lato, sans-serif;
  height: 82px;
  margin-bottom: 0; }

.form select, .c-mold-datepicker select {
  width: 100%;
  display: block;
  border: #ced7e1 1px solid;
  height: 36px;
  padding-left: 16px;
  padding-right: 24px;
  font-size: 14px;
  line-height: 18px;
  text-overflow: '';
  color: #343a41;
  font-family: lato, sans-serif;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: url("/static/images/select-triangl.png?500ffb18a25d") no-repeat right center;
  background-color: #fff; }
  .form select[multiple], .c-mold-datepicker select[multiple] {
    height: auto;
    background: none; }
  .form select.without-border, .c-mold-datepicker select.without-border {
    border: transparent 1px solid;
    border-radius: 0;
    padding-left: 0; }
    .form select.without-border.lilac, .c-mold-datepicker select.without-border.lilac {
      color: #7171d4;
      background: url("/static/images/select-triangl-lilac.png?500ffb18a25d") no-repeat right center; }
  .form select.without-tip, .c-mold-datepicker select.without-tip {
    background: none; }
  .form select.with-shadow, .c-mold-datepicker select.with-shadow {
    box-shadow: 0 2px 0 #d9e0e9; }
  .form select:-moz-focusring, .c-mold-datepicker select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #969696; }
  .form select::-ms-expand, .c-mold-datepicker select::-ms-expand {
    display: none; }
  .form select::focus, .c-mold-datepicker select::focus {
    outline: none; }
  .form select + .errorlist, .c-mold-datepicker select + .errorlist {
    margin-top: -12px; }

.form .selectize-control, .c-mold-datepicker .selectize-control {
  line-height: 0; }

.form .selectize-input, .c-mold-datepicker .selectize-input {
  padding-left: 16px;
  font-size: inherit;
  line-height: 18px; }
  .form .selectize-input input, .c-mold-datepicker .selectize-input input {
    height: auto; }

.form:not([novalidate]) input:invalid, .c-mold-datepicker:not([novalidate]) input:invalid, .form:not([novalidate]) select:invalid, .c-mold-datepicker:not([novalidate]) select:invalid, .form:not([novalidate]) textarea:invalid, .c-mold-datepicker:not([novalidate]) textarea:invalid {
  border-color: #e86f6f; }

.form .input-group, .c-mold-datepicker .input-group {
  position: relative; }
  .form .input-group .input-icon, .c-mold-datepicker .input-group .input-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 36px;
    color: #959da7; }
  .form .input-group .input-icon-prepend, .c-mold-datepicker .input-group .input-icon-prepend {
    left: 0.75em; }
    .form .input-group .input-icon-prepend ~ input, .c-mold-datepicker .input-group .input-icon-prepend ~ input {
      padding-left: calc(8px + 1.5em); }
  .form .input-group .input-icon-append, .c-mold-datepicker .input-group .input-icon-append {
    right: 0.75em; }
    .form .input-group .input-icon-append ~ input, .c-mold-datepicker .input-group .input-icon-append ~ input {
      padding-right: calc(8px + 1.5em); }

.form .form-group .vertical-list, .c-mold-datepicker .form-group .vertical-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 18px; }
  .form .form-group .vertical-list label, .c-mold-datepicker .form-group .vertical-list label {
    float: none;
    width: auto;
    text-align: left;
    line-height: initial; }
  .form .form-group .vertical-list li, .c-mold-datepicker .form-group .vertical-list li {
    margin-bottom: 10px; }

.form .one-half, .c-mold-datepicker .one-half {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-right: 3px; }
  .form .one-half + .one-half, .c-mold-datepicker .one-half + .one-half {
    padding-left: 3px;
    padding-right: 0; }

.form .one-third, .c-mold-datepicker .one-third {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding-right: 3px; }
  .form .one-third + .one-third, .c-mold-datepicker .one-third + .one-third {
    padding-left: 3px; }
  .form .one-third:last-child, .c-mold-datepicker .one-third:last-child {
    padding-right: 0; }

.form .two-third, .c-mold-datepicker .two-third {
  width: 66.66%;
  float: left;
  box-sizing: border-box;
  padding-right: 3px; }
  .form .two-third + .one-third, .c-mold-datepicker .two-third + .one-third {
    padding-right: 0;
    padding-left: 3px; }

.form .one-third + .two-third, .c-mold-datepicker .one-third + .two-third {
  padding-right: 0;
  padding-left: 3px; }

.form .has-errors, .c-mold-datepicker .has-errors {
  color: red; }

.form .errorlist, .c-mold-datepicker .errorlist {
  margin: 0 !important;
  padding: 0;
  list-style-type: none;
  font-size: 11px !important;
  color: #e86f6f;
  line-height: 100%; }
  .form .errorlist li, .c-mold-datepicker .errorlist li {
    margin-top: 3px; }
  .form .errorlist li:before, .c-mold-datepicker .errorlist li:before {
    content: "" !important; }

.form .error-messages, .c-mold-datepicker .error-messages {
  color: #eb595d !important;
  font-size: 12px !important;
  margin-top: 2px;
  width: auto !important;
  line-height: 13px !important; }

.form h4, .c-mold-datepicker h4 {
  font-weight: bold;
  text-align: center; }

.form .form-group, .c-mold-datepicker .form-group {
  margin-bottom: 10px; }
  .form .form-group:after, .c-mold-datepicker .form-group:after {
    clear: both;
    content: '';
    display: block; }

.form .for-btn, .c-mold-datepicker .for-btn {
  line-height: 33px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }
  .form .for-btn .btn:not(:last-child), .form .for-btn .c-mold-datepicker-ok-btn:not(:last-child), .c-mold-datepicker .for-btn .btn:not(:last-child), .c-mold-datepicker .for-btn .c-mold-datepicker-ok-btn:not(:last-child) {
    margin-right: 10px; }

.form label, .c-mold-datepicker label {
  display: block;
  margin-bottom: 6px; }
  .form label.required span:after, .c-mold-datepicker label.required span:after {
    content: '*';
    color: #e86f6f;
    padding-left: 2px; }

.form fieldset, .c-mold-datepicker fieldset {
  margin-top: 20px; }

.form .form-group .note, .c-mold-datepicker .form-group .note {
  font-size: 14px;
  line-height: 17px;
  padding-top: 8px;
  margin-bottom: 8px; }

.form .help-text, .c-mold-datepicker .help-text {
  text-align: left;
  color: #7b899b;
  font-size: 12px;
  margin-top: 2px; }

.form .nice-chained-userselect:not(.available), .c-mold-datepicker .nice-chained-userselect:not(.available) {
  opacity: 0.5; }

.form .nice-chained-userselect.available, .c-mold-datepicker .nice-chained-userselect.available {
  cursor: pointer; }

.form-horizontal h4 {
  margin-bottom: 28px;
  text-transform: uppercase; }

.form-horizontal .form-group label {
  float: left;
  width: 120px;
  line-height: 36px;
  text-align: right;
  margin-bottom: 0; }

.form-horizontal .form-group .controls label {
  width: auto; }

.form-horizontal label.valign-top {
  line-height: initial; }

.form-horizontal .controls {
  margin-left: 138px; }

.form-horizontal .form-group label span {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-top: -4px;
  line-height: 18px; }

.form-horizontal .controls input[type=file] {
  padding-top: 6px; }

.form.form-md, .form-md.c-mold-datepicker {
  width: 615px; }

.form.form-submit-disabled button[type="submit"], .form-submit-disabled.c-mold-datepicker button[type="submit"],
.form.form-submit-disabled input[type="submit"],
.form-submit-disabled.c-mold-datepicker input[type="submit"] {
  opacity: 0.5;
  pointer-events: none; }

.filter select {
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  width: 120px;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -4px; }

.use-select2 {
  visibility: hidden; }

#filters-bar-holder .filters-bar-blocker {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 29999; }

#filters-bar-holder .filters-bar {
  position: fixed;
  top: 57px;
  left: 0;
  right: 0;
  box-shadow: 0px 5px 10px 0px rgba(195, 203, 215, 0.75);
  padding: 10px 0;
  background: #fff;
  z-index: 30000; }
  #filters-bar-holder .filters-bar select {
    color: inherit; }
  #filters-bar-holder .filters-bar .modelchoice-select-multiple .widget-body {
    height: 224px;
    overflow-y: auto;
    padding-right: 8px;
    margin-right: -15px; }
  #filters-bar-holder .filters-bar .modelchoice-select-multiple.model-user .option {
    padding-top: 0px;
    padding-bottom: 15px; }
  #filters-bar-holder .filters-bar .header {
    padding: 0px 20px;
    line-height: 30px; }
    #filters-bar-holder .filters-bar .header h3 {
      float: left;
      margin: 0;
      font-weight: 600; }
    #filters-bar-holder .filters-bar .header .reset {
      font-weight: bold;
      float: right; }
    #filters-bar-holder .filters-bar .header:after {
      display: block;
      content: '';
      clear: both; }
  #filters-bar-holder .filters-bar .titlebar {
    color: #8491a1;
    background: #f2f6fa;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600; }
  #filters-bar-holder .filters-bar .filter-set {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 10px; }
    #filters-bar-holder .filters-bar .filter-set .row {
      display: table-row; }
    #filters-bar-holder .filters-bar .filter-set .col {
      display: table-cell;
      padding: 10px 20px; }
      #filters-bar-holder .filters-bar .filter-set .col select {
        float: right; }
    #filters-bar-holder .filters-bar .filter-set .body .col {
      border-right: #dee4eb 1px solid;
      padding-bottom: 15px; }
      #filters-bar-holder .filters-bar .filter-set .body .col:last-child {
        border-right: none; }
  #filters-bar-holder .filters-bar .section {
    padding: 20px;
    border-bottom: #dee4eb 1px solid; }
    #filters-bar-holder .filters-bar .section:last-child {
      border-bottom: none; }
    #filters-bar-holder .filters-bar .section .field {
      display: inline-block;
      margin-right: 30px; }
      #filters-bar-holder .filters-bar .section .field input[type=radio] + label {
        margin-left: 10px; }
      #filters-bar-holder .filters-bar .section .field .onoffswitch {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px; }
  #filters-bar-holder .filters-bar .footer {
    padding-bottom: 10px; }
    #filters-bar-holder .filters-bar .footer:after {
      display: block;
      content: '';
      clear: both; }
    #filters-bar-holder .filters-bar .footer .filtered-by {
      display: flex;
      flex-direction: row-reverse;
      justify-content: flex-end;
      line-height: 33px; }
      #filters-bar-holder .filters-bar .footer .filtered-by b {
        padding-right: .2em;
        white-space: nowrap; }
      #filters-bar-holder .filters-bar .footer .filtered-by span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      #filters-bar-holder .filters-bar .footer .filtered-by span:empty + b {
        opacity: 0; }
    #filters-bar-holder .filters-bar .footer .buttons {
      float: right;
      font-weight: 600; }
      #filters-bar-holder .filters-bar .footer .buttons .btn, #filters-bar-holder .filters-bar .footer .buttons .c-mold-datepicker-ok-btn {
        margin-left: 15px;
        font-weight: 600; }

.filter-form .field-inline .form-group {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0; }
  .filter-form .field-inline .form-group .field-holder {
    display: flex;
    align-items: center;
    gap: 5px; }

.toolbar {
  margin-bottom: 20px; }
  .toolbar .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em; }
    .toolbar .row .tabs {
      display: flex;
      align-items: center;
      margin-bottom: 0;
      line-height: initial; }
    .toolbar .row .toolbar-column-right {
      margin-left: auto;
      display: flex;
      align-items: center; }
      .toolbar .row .toolbar-column-right .control:not(:last-child) {
        margin-right: 15px; }
      .toolbar .row .toolbar-column-right .control select {
        margin-top: 2px; }
      .toolbar .row .toolbar-column-right .control .onoffswitch {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px; }

.active-filters {
  flex: 1;
  justify-self: left;
  align-self: center;
  color: #959da7;
  margin-right: 15px; }
  .active-filters .reset-btn {
    color: #959da7;
    margin-left: 5px; }

.pretty-table-holder table {
  border-collapse: collapse;
  width: 100%; }
  .pretty-table-holder table td, .pretty-table-holder table th {
    /*padding: 10px 20px;*/
    padding: 10px 20px 10px 10px;
    text-align: left;
    /*vertical-align: middle;*/ }
  .pretty-table-holder table thead th, .pretty-table-holder table thead td {
    background-color: #f2f6fa;
    font-size: 13px;
    text-transform: uppercase;
    color: #8491a1; }
  .pretty-table-holder table thead th > a:link, .pretty-table-holder table thead th > a:visited {
    color: #8491a1; }
  .pretty-table-holder table thead th.orderable > a {
    padding-right: 20px;
    background: url(/static/images/tables/arrow-inactive-up.png?500ffb18a25d) right center no-repeat; }
  .pretty-table-holder table thead th.orderable.asc > a {
    background-image: url(/static/images/tables/arrow-active-up.png?500ffb18a25d); }
  .pretty-table-holder table thead th.orderable.desc > a {
    background-image: url(/static/images/tables/arrow-active-down.png?500ffb18a25d); }
  .pretty-table-holder table tbody td {
    border-top: #dee4eb 1px solid;
    font-size: 14px; }
  .pretty-table-holder table tbody tr:first-child td {
    border-top: none; }
  .pretty-table-holder table tr.odd {
    /*background-color: #eee;*/ }
  .pretty-table-holder table tr.even {
    /*background-color: white;*/ }
  .pretty-table-holder table + ul.pagination {
    overflow: auto;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #ddd;
    list-style: none; }
    .pretty-table-holder table + ul.pagination > li {
      float: left;
      line-height: 22px;
      margin-left: 10px; }
      .pretty-table-holder table + ul.pagination > li:first-child {
        margin-left: 0; }
      .pretty-table-holder table + ul.pagination > li.cardinality {
        float: right;
        color: #8d8d8d; }
  .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder table > tbody > tr > td > span.false {
    font-size: 0; }
    .pretty-table-holder table > tbody > tr > td > span.true:before, .pretty-table-holder table > tbody > tr > td > span.false:before {
      font-size: initial; }
  .pretty-table-holder table > tbody > tr > td > .missing {
    background: transparent url(/static/images/tables/missing.png?500ffb18a25d) right center no-repeat;
    color: #717171;
    padding-right: 20px; }
    .pretty-table-holder table > tbody > tr > td > .missing:hover {
      color: #333333; }
  .pretty-table-holder table > tbody > tr > td > span.true {
    color: #57b949; }
  .pretty-table-holder table > tbody > tr > td > span.false {
    color: #d74b4c;
    display: none; }

.pretty-table-holder .table-sm thead td, .pretty-table-holder .table-sm thead th {
  padding: 0.5rem 0.25rem; }

.pretty-table-holder .table-sm tbody td, .pretty-table-holder .table-sm tbody th {
  padding: 0.25rem 0.25rem; }

.pretty-table-holder .table-hover tbody tr:hover {
  background-color: #f2f6fa; }

.pretty-table-holder .lazy-loading-indicator-holder {
  text-align: center; }

.table {
  display: table;
  width: 100%; }
  .table .row-group {
    display: table-row-group; }
  .table .row-table {
    display: table-row; }
  .table .cell {
    display: table-cell; }

tr .tr-hoverable .tr-hover {
  opacity: 0;
  transition: opacity .3s ease-in-out; }

tr:hover .tr-hoverable .tr-hover {
  opacity: 1; }

.ui-sortable-helper {
  background: #fff !important;
  border: #7171d4 1px solid !important; }

tr.ui-sortable-helper {
  display: table; }
  tr.ui-sortable-helper td {
    border-top: #7171d4 1px solid !important; }

#ui-datepicker-div {
  z-index: 70000 !important; }

.ui-tooltip {
  z-index: 70010; }
  .ui-tooltip.ui-tooltip-top-black {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    padding: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    left: -30px;
    max-width: 155px;
    border: none !important;
    box-shadow: none !important;
    border-radius: 3px; }
    .ui-tooltip.ui-tooltip-top-black:after {
      display: block;
      content: '';
      border-top: #000 7px solid;
      border-left: transparent 6px solid;
      border-right: transparent 6px solid;
      position: absolute;
      left: 25px;
      bottom: -7px; }
  .ui-tooltip a {
    color: #7171d4; }

.ui-widget button {
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 !important;
  font-weight: normal !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  min-width: 5em; }
  .ui-widget button.ui-priority-primary {
    background: #7171d4;
    color: #fff;
    border: none; }

.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default,
.ui-datepicker-calendar .ui-button {
  background: none !important;
  border: none !important;
  border-top: #f1f1f1 1px solid !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

td.ui-datepicker-week-col {
  padding-top: 5px !important;
  background: #e9e9e9;
  text-align: center;
  cursor: pointer; }

html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: none !important;
  border: none !important;
  border-top: #f1f1f1 1px solid !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.ui-datepicker td {
  padding: 0; }

.ui-datepicker th {
  text-align: right !important; }

.ui-datepicker .ui-datepicker-buttonpane button:empty {
  display: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
  background-color: #7171d4 !important; }

.ui-button:active, .ui-button.ui-state-active:hover {
  background-color: #7171d4 !important; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background-color: #fffa90 !important; }

html, body {
  height: 100%; }

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;
  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;
  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;
  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline; }

sup {
  /* Move the superscripted text up */
  top: -0.5em; }

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em; }

.color-link {
  color: #7171d4; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 18px;
  padding-right: 18px; }

.container-only-center {
  margin-left: 120px;
  margin-right: 120px;
  padding-top: 36px; }

#messages {
  display: none; }

.avatar {
  display: inline-block;
  vertical-align: middle; }
  .avatar .avatar-mold {
    width: 100%;
    height: 100%;
    line-height: inherit;
    border-radius: 50%;
    border: #ced7e1 1px dashed;
    box-sizing: border-box; }
  .avatar .avatar-name {
    width: 100%;
    height: 100%;
    line-height: inherit;
    border-radius: 50%;
    background: #ced7e1;
    text-align: center;
    font-size: 0.35em;
    color: #8491a1;
    border-radius: 50%; }
  .avatar .avatar-image {
    width: 100%;
    height: 100%;
    line-height: inherit;
    border-radius: 50%;
    background: #ced7e1;
    text-align: center;
    font-size: 0.35em;
    color: #8491a1;
    border-radius: 50%;
    background: none; }

.nickname {
  font-weight: bold; }

.drag-handle {
  cursor: move; }

.unorderable .drag-handle {
  display: none; }

.hoverable .hover {
  opacity: 0;
  transition: opacity .3s ease-in-out; }

.hoverable:hover .hover {
  opacity: 1; }

.link-block {
  cursor: pointer; }

.btn, .c-mold-datepicker-ok-btn {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #7171d4;
  border-radius: 4px;
  cursor: pointer;
  border: none;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 75px;
  text-align: center;
  font-family: lato, sans-serif;
  font-weight: 500;
  font-size: 14px; }
  .btn.btn-md, .c-mold-datepicker-ok-btn {
    height: 28px;
    line-height: 28px; }
  .btn.btn-sm, .btn-sm.c-mold-datepicker-ok-btn {
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 0;
    font-size: 12px; }
  .btn.btn-danger, .btn-danger.c-mold-datepicker-ok-btn {
    background-color: #d74b4c; }
  .btn.transp, .transp.c-mold-datepicker-ok-btn {
    background-color: #fff;
    border: #7171d4 1px solid;
    color: #7171d4 !important; }
  .btn.btn-support, .btn-support.c-mold-datepicker-ok-btn {
    background-color: #65af58;
    position: fixed;
    transform: rotate(-90deg);
    transform-origin: bottom left; }

.link {
  color: #7171d4;
  cursor: pointer; }

.btn-link {
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  color: #7171d4;
  padding: 0;
  text-decoration: underline;
  font-family: inherit;
  font-size: inherit; }

input.btn, input.c-mold-datepicker-ok-btn, button.btn, button.c-mold-datepicker-ok-btn {
  line-height: normal; }

.btn .triangl, .c-mold-datepicker-ok-btn .triangl {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  border-top: #fff 5px solid;
  border-left: transparent 5px solid;
  border-right: transparent 5px solid;
  margin-left: 4px; }

.badge {
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  min-width: 19px;
  height: 19px;
  background-color: #ced7e1;
  border-radius: 9px;
  color: #8491a1;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px; }

.gray-label {
  display: inline-block;
  font-size: 10px;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
  padding: 0 5px;
  border-radius: 4px;
  color: #8e9aaa;
  background: #e7ecf0; }

.archived-label {
  display: inline-block;
  font-size: 10px;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
  padding: 0 5px;
  border-radius: 4px;
  color: #e7ecf0;
  background: #8e9aaa; }

.panel {
  padding: 20px;
  box-sizing: border-box;
  border: #ced7e1 1px solid;
  border-radius: 4px;
  position: relative;
  margin-top: 10px;
  padding-bottom: 30px; }
  .panel-label {
    left: 20px;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: top;
    top: -11px;
    position: absolute;
    font-size: 14px;
    line-height: 18px;
    font-family: lato, sans-serif;
    font-weight: 700;
    background-color: #fff; }

.right-sidebar {
  float: right;
  width: 244px;
  margin-right: 20px; }
  .right-sidebar.wide {
    width: 355px;
    box-sizing: border-box;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 10px; }
    .right-sidebar.wide + .center {
      margin-right: 355px;
      border-right: #dee4eb 1px solid; }
  .right-sidebar + .center {
    margin-right: 274px;
    margin-left: 19px; }

.left-and-center {
  float: right;
  width: 100%; }

.gray-bg {
  background-color: #edeff2; }

.wrap-left-and-center {
  padding-top: 18px;
  border-right: #dee4eb 1px solid;
  position: relative;
  right: -1px; }
  .wrap-left-and-center:after {
    display: block;
    content: '';
    clear: both; }

.main {
  padding-bottom: 2px; }
  .main > .container:first-child {
    padding-top: 24px; }

.line-diagram {
  height: 9px;
  margin-bottom: 10px; }
  .line-diagram .line {
    height: 9px;
    float: left; }
    .line-diagram .line.blue {
      background-color: #8fbef4; }
    .line-diagram .line.yellow {
      background-color: #fae069; }
    .line-diagram .line.green {
      background-color: #b0e472; }

.note-diagram {
  float: left;
  width: 33.33%;
  font-size: 11px; }
  .note-diagram.blue {
    color: #8fbef4; }
  .note-diagram.yellow {
    color: #fae069; }
  .note-diagram.green {
    color: #b0e472; }
  .note-diagram b {
    display: block; }

.main h2 {
  margin-left: 20px; }

.filter-menu {
  margin: 0;
  padding: 0;
  list-style: none; }
  .filter-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    padding-left: 0 !important;
    margin-left: 20px !important;
    font-size: 12px !important;
    font-weight: bold !important; }
    .filter-menu li a {
      color: #8491a1 !important; }
    .filter-menu li.active a, .filter-menu li a:hover {
      color: #7171d4 !important;
      text-decoration: none; }
    .filter-menu li span {
      display: inline-block;
      vertical-align: middle;
      margin-top: -5px;
      min-width: 19px;
      height: 19px;
      background-color: #ced7e1;
      border-radius: 9px;
      color: #8491a1;
      font-size: 12px;
      line-height: 18px;
      text-align: center;
      padding-left: 5px;
      padding-right: 5px;
      margin-left: 6px; }

.content.with-footer {
  padding-bottom: 54px; }

footer {
  height: 54px;
  width: 100%;
  line-height: 54px;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center; }

.content:after {
  content: '';
  display: block;
  clear: both; }

.white-btn, .white-btn-b, .filter-btn, .toolbar .row .btn-group a {
  color: #333333 !important;
  font-size: 14px;
  line-height: 31px;
  height: 31px;
  text-decoration: none !important;
  min-width: 30px;
  text-align: center;
  display: inline-block;
  border: #ccd3db 1px solid;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
  box-shadow: 0 2px 0 0 #dee4eb;
  cursor: pointer; }
  .white-btn i, .white-btn-b i, .filter-btn i, .toolbar .row .btn-group a i {
    margin-right: 5px; }
  .white-btn span, .white-btn-b span, .filter-btn span, .toolbar .row .btn-group a span {
    color: #343a41; }

.white-btn-b, .filter-btn, .toolbar .row .btn-group a {
  background: #fff;
  color: #959da7 !important;
  box-sizing: content-box;
  padding: 0 15px;
  height: 36px;
  line-height: 36px; }

ul.btn-group {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  border: #ccd3db 1px solid;
  border-radius: 3px;
  box-shadow: 0 2px 0 0 #dee4eb;
  vertical-align: top; }
  ul.btn-group li {
    float: left; }
    ul.btn-group li:not(:last-child) {
      border-right: #ccd3db 1px solid; }
  ul.btn-group .white-btn, ul.btn-group .white-btn-b, ul.btn-group .filter-btn, .toolbar .row ul.btn-group a {
    margin-right: 0;
    border: none;
    border-radius: 0; }
    ul.btn-group .white-btn.selected, ul.btn-group .selected.white-btn-b, ul.btn-group .selected.filter-btn, .toolbar .row ul.btn-group a.selected, ul.btn-group .white-btn.active, ul.btn-group .active.white-btn-b, ul.btn-group .active.filter-btn, .toolbar .row ul.btn-group a.active {
      color: #343a41 !important;
      box-shadow: inset 0 3px 0 0 #ccd3db;
      pointer-events: none; }

.no-shadow {
  box-shadow: none; }

.white-btn img, .white-btn-b img, .filter-btn img, .toolbar .row .btn-group a img {
  vertical-align: middle;
  margin-top: -3px; }

.wide-title {
  padding-top: 11px;
  padding-bottom: 11px; }

.wrap-left-and-center .wide-title {
  margin-top: -18px; }

.wide-title:after {
  display: block;
  content: '';
  clear: right; }

.wide-title.with-border {
  border-bottom: #dee4eb 1px solid; }

.wide-title h2 {
  margin-bottom: 0;
  margin-left: 0;
  line-height: 33px; }

.right-sidebar.with-title {
  margin-top: 62px;
  padding-top: 0;
  border-top: #dee4eb 1px solid; }

.right-sidebar > h5:first-child {
  margin-top: 24px; }

.right-sidebar h5.title {
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 12px;
  color: #8491a1;
  font-family: lato, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 18px; }

.right-sidebar .menu {
  margin: 0;
  padding: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: #dee4eb 1px solid;
  font-size: 14px;
  font-family: lato, sans-serif;
  font-weight: 700;
  line-height: 18px;
  height: 18px;
  list-style: none; }
  .right-sidebar .menu li {
    margin: 0;
    padding: 0;
    margin-left: 36px;
    float: left; }
    .right-sidebar .menu li a {
      color: #343a41; }
    .right-sidebar .menu li.active a, .right-sidebar .menu li a:hover {
      color: #7171d4;
      text-decoration: none; }
    .right-sidebar .menu li:first-child {
      margin-left: 0; }

.right-sidebar.with-title .activities {
  margin-top: 24px; }

.tabs-btn {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  margin-bottom: 19px;
  border: #ccd3db 1px solid;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 0 #d9e0e9; }

.tabs-btn li {
  float: left;
  padding: 0;
  margin: 0;
  border-left: #ccd3db 1px solid; }
  .tabs-btn li:first-child {
    border: none; }
  .tabs-btn li a {
    display: block;
    height: 34px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    line-height: 34px;
    color: #9ea9b7;
    text-decoration: none !important;
    min-width: 52px;
    text-align: center;
    margin-left: 0 !important; }

.wide-title .tabs-btn li a {
  height: 31px;
  line-height: 31px;
  color: #343a41; }

.tabs-btn li.active a {
  color: #343a41; }

.tabs-btn-content {
  clear: right; }
  .tabs-btn-content > div {
    display: none; }

.green-color {
  color: #65af58; }

.blue-color {
  color: #528bcd; }

.yellow-color {
  color: #e1a516; }

.red-color {
  color: #eb595d; }

.purple-color {
  color: #7171d4; }

.orange-color {
  color: #f9b459; }

.label-status {
  display: block;
  height: 27px;
  line-height: 27px;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
  font-family: lato, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px; }

.label-status-dot {
  display: inline-block;
  content: '';
  width: 5px;
  height: 5px;
  vertical-align: middle;
  margin-right: 6px;
  border-radius: 50%; }

.edit-statuses-form {
  min-width: 280px; }
  .edit-statuses-form .form-group label {
    width: 36px;
    line-height: 34px; }
    .edit-statuses-form .form-group label div {
      display: inline-block;
      width: 30px;
      height: 30px;
      vertical-align: middle;
      border-radius: 3px; }
  .edit-statuses-form .controls {
    margin-left: 50px; }

.heart {
  float: right;
  width: 26px;
  height: 21px;
  margin-top: 2px;
  background: url("/static/images/icon-heart.png?500ffb18a25d") no-repeat left top; }
  .heart:hover, .heart.active {
    background-position: left bottom; }

.fy-num-form {
  min-width: 13em; }

.select-year {
  float: left;
  font-size: 30px;
  line-height: 35px; }
  .select-year a {
    display: inline-block;
    height: 35px;
    width: 15px;
    vertical-align: middle;
    position: relative;
    margin-top: -3px;
    line-height: 35px;
    text-align: center; }
    .select-year a span {
      display: inline-block;
      width: 0;
      height: 0;
      border-right: #343a41 6px solid;
      border-top: transparent 6px solid;
      border-bottom: transparent 6px solid;
      vertical-align: middle;
      margin-top: -7px; }
    .select-year a.next span {
      border-right: none;
      border-left: #343a41 6px solid; }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px; }

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.ordering-msg {
  margin-bottom: 10px;
  color: #8491a1;
  text-transform: lowercase;
  font-size: 11px;
  padding-left: 4px; }

.top-btns {
  float: right;
  font-size: 14px;
  line-height: 33px;
  margin-right: 20px; }
  .top-btns a {
    margin-left: 10px;
    text-decoration: none; }
  .top-btns .message {
    color: #67975e; }

.gray-bg .top-btns a {
  color: #7171d4; }

.log {
  margin-bottom: 36px;
  margin-left: 20px;
  padding-top: 20px; }

.filter {
  float: right;
  margin-right: 20px; }
  .filter select {
    width: 140px; }
  .filter span {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 12px;
    margin-right: 12px; }
  .filter .checkbox {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle; }

.log .filter select {
  display: inline-block;
  margin-left: 15px;
  border: none;
  padding-right: 24px;
  vertical-align: middle;
  display: inline-block;
  height: 32px; }
  .log .filter select.time-select {
    width: 110px; }
  .log .filter select.activities-select {
    width: 137px; }
  .log .filter select.users-select {
    width: 110px; }

.log-more {
  box-shadow: none;
  font-weight: normal; }

.collapsible {
  display: none; }

.btn-open {
  display: block;
  width: 14px;
  height: 12px;
  position: absolute;
  left: 6px;
  top: 18px;
  background: url("/static/images/btn-open.png?500ffb18a25d") no-repeat left top;
  cursor: pointer; }

.btn-open + h4 {
  cursor: pointer; }

.btn-open.expanded, .btn-open-plan.expanded, .expanded .btn-open {
  background-position: left bottom; }

.ellipsis {
  width: 100%;
  position: relative; }
  .ellipsis:after {
    display: inline-block;
    content: ' '; }
  .ellipsis .wrap-ellipsis {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.modal .cost-form {
  width: 512px; }

.green-btn {
  display: block;
  height: 41px;
  padding-left: 17px;
  padding-right: 12px;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  line-height: 41px;
  text-decoration: none !important;
  background-color: #6bca5a;
  margin-bottom: 13px;
  box-shadow: 0 2px #63bb53;
  font-family: lato, sans-serif;
  font-weight: 700; }
  .green-btn img {
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 12px; }

aside .attachments {
  padding: 11px;
  padding-top: 7px;
  padding-bottom: 18px;
  border: #d3d9e0 1px solid;
  margin-bottom: 13px;
  border-radius: 4px; }
  aside .attachments h5 {
    padding-bottom: 8px;
    border-bottom: #d3d9e0 1px solid;
    margin-top: 0;
    margin-left: -11px;
    margin-right: -11px;
    margin-bottom: 12px;
    font-weight: bold;
    color: #333333; }
    aside .attachments h5:last-child {
      margin-bottom: -11px;
      padding-bottom: 0;
      border: none; }
    aside .attachments h5 .icon {
      vertical-align: middle;
      margin-top: -2px;
      margin-right: 6px;
      width: 17px;
      max-height: 17px; }
  aside .attachments .item {
    margin-bottom: 20px;
    width: auto; }
    aside .attachments .item:after {
      content: '';
      display: block;
      clear: both; }
  aside .attachments .preview {
    float: left;
    width: 56px; }
  aside .attachments .file {
    margin-left: 70px;
    color: #333333;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis; }
  aside .attachments h5 a {
    display: block;
    padding-left: 11px;
    padding-right: 11px;
    color: #333333;
    text-decoration: none; }

.attachments .file .filename {
  display: inline-block;
  line-height: 16px;
  vertical-align: top;
  white-space: nowrap; }

aside .attachments .controls {
  float: right; }

.attachments .file .size {
  color: #798189; }

aside .attachments .file .date {
  margin-top: 3px;
  color: #798189;
  line-height: 16px;
  float: left; }

.triangl-down {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: #343a41 6px solid;
  border-left: transparent 6px solid;
  border-right: transparent 6px solid;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 6px; }

.wide-title.white-bg {
  background-color: #fff;
  padding-left: 20px; }

.wide-title.with-border {
  border-bottom: #dee4eb 1px solid;
  margin-bottom: 24px; }
  .wide-title.with-border + .wide-title {
    margin-top: -24px; }

.wide-title .gray-label {
  vertical-align: baseline;
  margin-left: 10px; }

.menu-project.white-bg {
  background-color: #fff; }

.blue-select-holder .selectize-input, .blue-select-holder .selectize-dropdown.single {
  color: #7171d4;
  font-size: 14px;
  font-weight: normal; }

.blue-select-holder .selectize-input {
  border: none; }

.blue-select-holder .selectize-dropdown.single {
  border-top: #d0d0d0 1px solid; }

.attachments .item {
  width: 255px;
  margin: 0;
  margin-bottom: 12px;
  padding: 0; }

.attachments .preview {
  float: left; }

.attachments .file {
  margin-left: 49px; }

.attachments .controls {
  margin-top: 5px; }
  .attachments .controls a {
    display: inline-block;
    margin-right: 12px;
    color: inherit; }
    .attachments .controls a.open {
      opacity: .5;
      margin-right: 10px; }

.attachments .link {
  border-top: #dee4eb 1px solid;
  padding-bottom: 2px; }
  .attachments .link:last-child {
    border-top: none; }

.error-message {
  color: #eb595d; }

.drop-window {
  width: 615px;
  display: none;
  border: #ced7e1 1px solid;
  background-color: #fff;
  border-radius: 6px;
  padding-top: 32px;
  padding-bottom: 32px;
  box-shadow: 5px 5px 12px rgba(109, 119, 132, 0.74); }
  .drop-window h4, .drop-window h5 {
    text-align: center; }
  .drop-window h4 {
    font-size: 21px;
    margin-bottom: 16px; }

.ml-15 {
  margin-left: 15px; }

.field-holder {
  position: relative; }
  .field-holder .error-messages {
    position: absolute;
    left: 0;
    top: 37px; }

.section-title {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 10px; }
  .section-title span {
    font-size: 14px;
    font-weight: normal;
    color: #8491a1; }
  .section-title .btn-open {
    top: 8px;
    left: 0; }

.sections .control-links {
  float: right; }
  .sections .control-links a {
    display: inline-block;
    margin-right: 20px; }

.sections .section-title .control-links a {
  margin-right: 0; }

.sections .control-links a img {
  max-height: 17px; }

a.name-link.strong {
  color: #343a41;
  font-weight: bold; }

a.name-link:hover {
  text-decoration: underline !important;
  color: #343a41 !important; }

.right-sidebar .discussions-widget, .right-sidebar .task-widget {
  margin-bottom: 12px; }

.right-sidebar .discussions-widget img, .right-sidebar .task-widget img {
  width: 17px;
  margin-right: 6px; }

.right-sidebar .discussions-widget .white-btn, .right-sidebar .discussions-widget .white-btn-b, .right-sidebar .discussions-widget .filter-btn, .right-sidebar .discussions-widget .toolbar .row .btn-group a, .toolbar .row .btn-group .right-sidebar .discussions-widget a, .right-sidebar .task-widget .white-btn, .right-sidebar .task-widget .white-btn-b, .right-sidebar .task-widget .filter-btn, .right-sidebar .task-widget .toolbar .row .btn-group a, .toolbar .row .btn-group .right-sidebar .task-widget a {
  display: block;
  text-align: left; }

ul.messagelist {
  padding: 0;
  margin: 0; }
  ul.messagelist li {
    text-align: center;
    font-size: 14px;
    display: block;
    padding: 5px 18px 4px 18px;
    margin: 0 0 3px 0;
    border-bottom: 1px solid #ddd;
    color: #666; }
    ul.messagelist li.info {
      background: #dfd; }
    ul.messagelist li.success {
      background: #e9fce3; }
    ul.messagelist li.warning {
      background: #ffc; }
    ul.messagelist li.error {
      background: #ffefef; }
    ul.messagelist li.hight {
      padding-top: 1em;
      padding-bottom: 1em; }

.item .info .icon {
  margin-right: 6px;
  display: inline-block; }
  .item .info .icon img {
    vertical-align: top;
    margin-top: 1px; }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px; }

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.landing-no-items {
  margin-top: 40px;
  text-align: center; }
  .landing-no-items img {
    height: 155px; }
  .landing-no-items .text {
    margin-top: 10px;
    margin-bottom: 20px; }
    .landing-no-items .text p {
      font-size: 18px;
      color: #8491a1;
      margin-bottom: 10px; }
    .landing-no-items .text .btn, .landing-no-items .text .c-mold-datepicker-ok-btn {
      margin-top: 10px; }

.tabs-menu {
  margin: 0;
  padding: 0;
  list-style: none; }
  .tabs-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 32px;
    float: left;
    font-family: lato, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase; }
    .tabs-menu li a {
      text-decoration: none;
      color: #343a41 !important; }
      .tabs-menu li a:hover {
        color: #7171d4 !important; }
    .tabs-menu li.active a {
      color: #7171d4 !important; }
  .tabs-menu:after {
    display: block;
    content: '';
    clear: left; }

.piechart .pie {
  display: inline-block;
  position: relative;
  text-align: center; }
  .piechart .pie .pie-img {
    width: 100%;
    display: block; }
  .piechart .pie .txt {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .piechart .pie .txt-top {
    position: absolute;
    left: 0;
    right: 0;
    top: 0; }
  .piechart .pie .txt-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .piechart .pie .txt .vert-align {
    width: 100%;
    display: inline-block;
    vertical-align: middle; }

hr {
  height: 0;
  border: none;
  border-top: #dee4eb 1px solid; }

.sticky-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  width: 100%;
  z-index: 499;
  background: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  letter-spacing: -0.5px; }

.wrap-input-select {
  border: #ced7e1 1px solid;
  border-radius: 4px;
  overflow: hidden; }
  .wrap-input-select:after {
    content: '';
    display: block;
    clear: both; }

.add-invite {
  width: 310px;
  padding: 10px;
  background-color: #fff; }
  .add-invite .wrap-input-select {
    margin-bottom: 9px; }
    .add-invite .wrap-input-select input {
      height: 30px;
      padding-top: 0;
      padding-bottom: 0;
      width: 66%;
      box-sizing: border-box;
      padding-left: 12px;
      border: none !important;
      float: left !important;
      border: none !important;
      border-right: #ced7e1 1px solid !important;
      border-radius: 0 !important;
      margin-bottom: 0; }
    .add-invite .wrap-input-select select {
      border: none !important;
      height: 30px !important;
      float: right !important;
      width: 34% !important;
      color: #333333 !important;
      padding-left: 10px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .add-invite select {
    text-indent: 10px;
    padding-left: 0; } }

.dark-color {
  color: #333333; }

.wide-title + .tabs-btn {
  margin-top: 16px;
  margin-right: 20px; }

.group {
  margin-bottom: 18px;
  padding-left: 20px;
  margin-top: 18px; }
  .group .title-group {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px; }
    .group .title-group .links {
      float: right;
      width: 68px;
      padding-right: 10px; }
    .group .title-group .invoices, .group .title-group .estimated {
      float: right;
      width: 150px;
      font-size: 18px;
      color: #51565b;
      padding-right: 5px;
      text-align: right;
      white-space: nowrap; }
    .group .title-group .group-name {
      color: inherit;
      text-decoration: none; }
    .group .title-group .buttons a {
      display: inline-block;
      vertical-align: middle;
      margin-left: 8px;
      opacity: 0.6;
      text-decoration: none;
      color: inherit; }
    .group .title-group .note {
      font-size: 14px;
      margin-top: 5px;
      color: #8491a1;
      font-weight: normal; }
  .group .btn-open {
    float: left;
    margin-left: -20px;
    margin-top: 7px;
    position: static; }
  .group .collapsible {
    margin-left: -24px; }

.btn-select {
  display: inline-block;
  min-width: 200px;
  border: #ced7e1 1px solid;
  border-radius: 4px;
  box-sizing: border-box;
  height: 36px;
  padding: 6px;
  text-decoration: none !important;
  padding-left: 16px;
  font-size: 14px;
  line-height: 21px;
  color: #343a41;
  font-family: lato, sans-serif;
  background: url("/static/images/select-triangl.png?500ffb18a25d") no-repeat right center; }

.list-radio-btn {
  min-width: 198px !important; }
  .list-radio-btn li {
    border-bottom: #dee4eb 1px solid;
    font-size: 14px;
    color: #343a41; }
    .list-radio-btn li:last-child {
      border: none; }

.attachment-btn {
  overflow: hidden;
  position: relative;
  font-size: 14px;
  color: #7171d4;
  display: inline-block;
  margin-top: 10px; }
  .attachment-btn img {
    vertical-align: middle;
    margin-right: 5px;
    width: 18px;
    height: 18px; }
  .attachment-btn input {
    cursor: pointer;
    font-size: 25px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0; }

.new-plan-form {
  width: 520px !important; }
  .new-plan-form .field {
    margin-bottom: 10px !important; }
    .new-plan-form .field .controls select {
      width: 180px; }
  .new-plan-form .avatar {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 10px; }
  .new-plan-form .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px; }
    .new-plan-form .name div {
      color: #8491a1; }
  .new-plan-form .label {
    float: right;
    line-height: 36px;
    font-weight: bold; }
  .new-plan-form .e-mail {
    width: 235px !important;
    float: left; }
  .new-plan-form .without-border {
    float: right;
    width: 135px !important;
    text-align: right !important;
    padding-right: 25px;
    margin-right: -15px; }
  .new-plan-form .formset .controls {
    position: relative; }
    .new-plan-form .formset .controls .remove-btn {
      position: absolute;
      top: 10px;
      left: -28px; }
  .new-plan-form .formset.has-max-forms .add-btn {
    display: none; }
  .new-plan-form .formset .email-field {
    width: 235px;
    float: left; }
  .new-plan-form .formset .role-field {
    width: 135px;
    float: right; }
    .new-plan-form .formset .role-field .errorlist {
      text-align: right; }
  .new-plan-form .formset .form-group .remove-btn {
    opacity: 0;
    transition: opacity 0.3s ease-in-out; }
  .new-plan-form .formset .form-group:hover .remove-btn {
    opacity: 1; }

.plan-name-form {
  min-width: 500px; }

.form .select-filter-project, .c-mold-datepicker .select-filter-project {
  float: right;
  width: 170px;
  margin-left: 10px;
  margin-right: 10px; }
  .form .select-filter-project:first-child, .c-mold-datepicker .select-filter-project:first-child {
    margin-right: 0; }

.drop-cell {
  cursor: pointer; }

.tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 12px;
  padding-top: 12px; }
  .tabs.tabs-centered {
    font-weight: bold;
    text-align: center;
    padding-bottom: 14px;
    border-bottom: #dee4eb 1px solid;
    margin-bottom: 28px; }
    .tabs.tabs-centered li {
      text-align: center; }
      .tabs.tabs-centered li a {
        color: #bcc5d0; }
        .tabs.tabs-centered li a:hover {
          color: #bcc5d0; }
  .tabs.tabs-small {
    padding-top: 0; }
    .tabs.tabs-small li {
      margin-right: 48px;
      font-size: 12px;
      font-weight: 700; }
  .tabs li {
    display: inline-block;
    margin-right: 25px;
    vertical-align: top; }
    .tabs li a {
      text-decoration: none;
      color: #343a41; }
      .tabs li a:hover, .tabs li a.selected {
        color: #7171d4; }
    .tabs li.active a {
      color: #7171d4;
      pointer-events: none; }

.note-text {
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  width: 190px; }

.plan-name-label {
  display: inline-block;
  padding-left: 7px;
  padding-right: 7px;
  height: 22px;
  background-color: #f2f6fa;
  border: #d9e1ea 1px solid;
  border-radius: 3px;
  font-size: 11px;
  color: #8491a1;
  font-weight: bold;
  line-height: 1;
  vertical-align: middle;
  margin-top: -3px;
  box-sizing: border-box;
  padding-top: 4px; }

h2 .white-btn, h2 .white-btn-b, h2 .filter-btn, h2 .toolbar .row .btn-group a, .toolbar .row .btn-group h2 a {
  vertical-align: middle;
  margin-top: -6px; }

.wide-title .icon-btn {
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 8px;
  margin-right: 8px; }

.color.green {
  background-color: #98D78D; }

.color.yellow {
  background-color: #f5cb4c; }

.color.red {
  background-color: #f47575; }

.color.blue {
  background-color: #75abf4; }

.color.grey {
  background-color: #dddddd; }

.color.orange {
  background-color: #FF9977; }

.color.froly {
  background-color: #f57477; }

.color.medium-purple {
  background-color: #a173d9; }

.color.brilliant-rose {
  background-color: #eb64ba; }

.color.puerto-rico {
  background-color: #43c3a0; }

.color.loblolly {
  background-color: #b6bec6; }

.empties {
  text-align: center;
  padding-top: 130px;
  padding-bottom: 36px;
  padding-left: 36px;
  padding-right: 36px; }

.tabs + .empties, .attachment-btn + .empties, .list-files .empties {
  padding-top: 90px; }

.empties h5 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 8px; }

.empties p {
  color: #8491a1; }

.empties .icon {
  margin-bottom: 18px; }

#loading-status-bar {
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 20000;
  display: none; }
  #loading-status-bar span {
    display: inline-block;
    color: #222;
    background: #f9edbe;
    padding: 6px 20px;
    border: 1px solid #f0c36d;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    font-weight: bold; }

.progressbar {
  display: block;
  position: relative;
  overflow: hidden;
  height: 5px;
  background-color: #e3e3e9;
  border-radius: 3px; }
  .progressbar div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; }
  .progressbar div {
    background-color: #98D78D; }
  .progressbar.progressbar-overflow div {
    background-color: #d43c3c; }

@keyframes running-progress {
  0% {
    margin-left: 0px;
    margin-right: 100%; }
  50% {
    margin-left: 25%;
    margin-right: 0%; }
  100% {
    margin-left: 100%;
    margin-right: 0; } }

.loading-progress-endless, .loading-progress-endless div:before {
  height: 6px;
  width: 100%;
  margin: 0; }

.loading-progress-endless div {
  border-radius: 3px;
  background-color: #e3e3e9;
  display: flex; }

.loading-progress-endless div:before {
  border-radius: inherit;
  background-color: #98D78D;
  content: '';
  animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; }

input.duedate {
  cursor: pointer; }
  input.duedate.overdue {
    color: #e86f6f !important; }

input[data-datetimepicker] {
  cursor: pointer;
  word-spacing: 1.5em; }
  input[data-datetimepicker][readonly] {
    pointer-events: None; }

.mdot:before {
  content: "\00a0\00B7\00a0\00a0";
  font-weight: normal; }

.pretty-table-holder td .dropmenu-status {
  display: block; }

table.table-notes .date_updated {
  width: 200px; }

table.table-notes td.project .obj-link {
  color: #343a41;
  font-weight: 700;
  font-size: 16px; }

[data-jq-dropdown] {
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }

a[data-formset-add][disabled] {
  visibility: hidden; }

#sidebar:empty {
  display: none; }

.jq-dropdown-menu.spinner-container {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #343a41; }

.jq-dropdown {
  z-index: 20000; }

.jq-dropdown-menu li.active a:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 13px;
  background: url(/static/images/icon-ok.png?500ffb18a25d) no-repeat left top;
  margin-left: 5px; }

.nice-userselect img {
  vertical-align: middle;
  margin-right: 3px;
  margin-top: -3px; }

.clip-fileinput {
  display: inline-block; }
  .clip-fileinput img {
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -4px; }
  .clip-fileinput label {
    font-weight: normal; }
  .clip-fileinput input {
    display: none; }

h2 .group-name {
  font-size: 14px;
  color: #8491a1;
  font-weight: normal; }

[data-obj][data-id]:empty {
  display: none !important; }

.legend-and-period {
  margin-bottom: 12px;
  margin-top: 24px; }
  .legend-and-period:after {
    content: '';
    display: block;
    clear: right; }
  .legend-and-period .legend {
    font-size: 12px;
    color: #777;
    float: right;
    margin-left: 15px;
    line-height: 18px; }
    .legend-and-period .legend .color-square {
      display: inline-block;
      vertical-align: middle;
      margin-top: -2px;
      width: 9px;
      height: 9px; }
  .legend-and-period .period-select {
    font-size: 14px;
    font-weight: bold; }
    .legend-and-period .period-select a {
      width: 18px;
      height: 18px;
      display: inline-block;
      vertical-align: middle;
      margin-top: -3px;
      text-align: center; }

.triangl-left {
  vertical-align: middle;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-right: #353a41 4px solid;
  border-top: transparent 4px solid;
  border-bottom: transparent 4px solid;
  display: inline-block; }

.triangl-right {
  width: 0;
  height: 0;
  vertical-align: middle;
  margin-top: -4px;
  border-left: #353a41 4px solid;
  border-top: transparent 4px solid;
  border-bottom: transparent 4px solid;
  display: inline-block; }

.only-mobile {
  display: none; }

.table-layout {
  display: table;
  width: 100%; }
  .table-layout .tr {
    display: table-row; }
    .table-layout .tr .td {
      display: table-cell;
      vertical-align: top; }
      .table-layout .tr .td.center {
        margin-right: 0;
        margin-left: 0;
        padding-left: 18px;
        padding-right: 10px; }
      .table-layout .tr .td.right-sidebar {
        float: none;
        margin-right: 0 !important;
        padding-right: 0 !important; }

.object-participants .item-participant {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 4px; }
  .object-participants .item-participant + .link-holder {
    display: none; }

.avatars-only .object-participants .item-participant {
  margin-right: 0px;
  margin-bottom: 2px; }
  .avatars-only .object-participants .item-participant .username {
    display: none; }

.manage-participants-form {
  width: 450px; }
  .manage-participants-form .field-participants .search {
    margin-bottom: 0; }
  .manage-participants-form .field-participants .widget-body {
    height: 275px;
    overflow-y: auto;
    margin-left: 10px;
    margin-right: 5px;
    padding-right: 5px; }
    .manage-participants-form .field-participants .widget-body .option {
      border-bottom: #dee4eb 1px solid;
      margin-left: 5px;
      margin-right: 5px; }
      .manage-participants-form .field-participants .widget-body .option:last-child {
        border-bottom: none; }

.manage-tags-form {
  width: 450px; }
  .manage-tags-form .field-tags .widget-body {
    height: 306px;
    padding-top: 1px;
    overflow-y: auto;
    padding-left: 5px;
    padding-right: 5px; }

.manage-tags-empty-form {
  width: 460px;
  padding-top: 40px;
  padding-bottom: 30px;
  text-align: center; }
  .manage-tags-empty-form h4 {
    margin-top: 30px;
    margin-bottom: 10px; }
  .manage-tags-empty-form p {
    line-height: 170%; }
  .manage-tags-empty-form a {
    margin-top: 40px;
    font-weight: 700; }

.object-link .daterange.has-name {
  font-size: 80%; }

.object-link .fi, .object-link .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .object-link table > tbody > tr > td > span.true, .object-link .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .object-link table > tbody > tr > td > span.false {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #7171d4;
  color: #d9d9f0;
  font-size: 18px;
  text-decoration: none; }

.no-results {
  margin-top: 120px;
  text-align: center; }
  .no-results i {
    font-size: 130px;
    color: #959da7; }
  .no-results img {
    width: 115px;
    height: 106px;
    display: block;
    margin: auto; }
  .no-results h4 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px; }
  .no-results p {
    color: #959da7; }

.editor .fr-box {
  margin-bottom: 14px;
  border: #dee4eb 1px solid;
  box-shadow: 0 0 10px rgba(132, 145, 161, 0.18); }

.editor .locked-message {
  display: none;
  border: #dee4eb 1px solid;
  padding: 10px;
  margin-bottom: 10px;
  font-weight: 600;
  background: #fff7e1;
  color: #bd7106; }

.fa.fa-active {
  position: relative; }
  .fa.fa-active:after {
    content: "\f111";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.4em;
    color: red;
    border-radius: 50%;
    box-shadow: 0 0 5px 1px #ff8484;
    opacity: .6; }

.generic-objects-info {
  display: inline-block;
  color: #9ea9b7;
  margin-left: 10px; }
  .generic-objects-info a {
    font-size: 12px;
    line-height: inherit;
    text-decoration: none !important;
    color: inherit;
    margin-right: 10px; }
    .generic-objects-info a i {
      font-size: 14px;
      margin-left: 2px; }

.collapse-toggle-btn {
  background: url(/static/images/btn-open.png?500ffb18a25d) no-repeat left top;
  width: 14px;
  min-width: 14px;
  height: 12px;
  cursor: pointer;
  margin-right: 6px; }

.expander.expanded .collapse-toggle-btn {
  background-position: left bottom; }

a.anchor {
  display: block;
  position: relative;
  top: -57px;
  visibility: hidden; }

.c-money-diff .money {
  color: #959da7; }
  .c-money-diff .money.money-pos {
    color: #57b949; }
    .c-money-diff .money.money-pos:before {
      content: '+'; }
  .c-money-diff .money.money-neg {
    color: #d74b4c; }

.actions-toolbar {
  line-height: 36px; }
  .actions-toolbar .action-buttons a {
    opacity: .9;
    font-weight: normal;
    margin-right: 5px; }
    .actions-toolbar .action-buttons a i {
      margin-right: 3px; }

.search-form {
  display: inline-block;
  position: relative; }
  .search-form input {
    padding-right: 37px !important;
    width: 20em !important; }
  .search-form label {
    position: absolute;
    margin-bottom: 0;
    top: 0;
    right: 20px;
    transform: translateY(50%); }
    .search-form label a {
      color: inherit; }

.toolbar-row {
  display: flex;
  margin-bottom: 20px; }
  .toolbar-row .actions-toolbar {
    flex: 1; }

.is_stuck {
  z-index: 9999; }

.pagination {
  font-size: 12px;
  float: right; }
  .pagination .endless_page_current {
    width: 29px;
    height: 29px;
    line-height: 29px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background: #7171d4;
    color: #fff;
    border-radius: 3px; }
  .pagination .endless_page_link {
    width: 29px;
    height: 29px;
    line-height: 29px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #8491a1; }
  .pagination .endless_separator {
    width: 29px;
    height: 29px;
    line-height: 29px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #8491a1; }

.card {
  background-color: #fafafc;
  border: #dee4eb 1px solid;
  padding: 14px; }

#header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10000;
  min-width: 1280px;
  border-bottom: #e3e3e3 1px solid;
  background-color: #f2f6fa;
  height: 56px; }
  #header + .content {
    padding-top: 57px; }
  #header nav {
    float: left; }
    #header nav ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      #header nav ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
        margin-right: 24px; }
        #header nav ul li:last-child {
          margin-right: 0; }
        #header nav ul li a {
          display: block;
          padding-left: 10px;
          padding-right: 10px;
          height: 50px;
          line-height: 50px;
          padding-top: 3px;
          font-size: 14px;
          color: #8491a1;
          text-decoration: none !important;
          font-family: lato, sans-serif;
          font-weight: 700;
          text-align: center; }
          #header nav ul li a span {
            display: inline-block;
            line-height: 16px;
            vertical-align: middle;
            margin-top: -2px; }
            #header nav ul li a span br {
              display: none; }
          #header nav ul li a .triangl {
            display: inline-block;
            width: 0;
            height: 0;
            border-top: #8491a1 5px solid;
            border-left: transparent 5px solid;
            border-right: transparent 5px solid;
            vertical-align: middle;
            margin-left: 9px; }
        #header nav ul li.active a {
          border-bottom: #7171d4 4px solid;
          color: #7171d4; }
        #header nav ul li a:hover {
          color: #7171d4; }
    #header nav .context-switcher {
      display: flex;
      background: #fff;
      border-right: #dee4eb 1px solid; }
      #header nav .context-switcher a {
        height: 53px;
        line-height: 53px; }
        #header nav .context-switcher a:hover {
          color: #8491a1; }
      #header nav .context-switcher .logo {
        float: left;
        margin-top: 7px;
        height: 44px; }
      #header nav .context-switcher .title {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        line-height: 1;
        margin-left: 20px; }
        #header nav .context-switcher .title .label {
          font-size: 8px;
          letter-spacing: 0.05em;
          color: #8491a1;
          font-weight: normal; }
        #header nav .context-switcher .title .text {
          max-width: 240px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      #header nav .context-switcher .icon-setup {
        vertical-align: middle;
        margin-top: -3px; }

.context-switcher-dropmenu {
  width: 240px; }
  .context-switcher-dropmenu .jq-dropdown-menu {
    max-height: 374px !important; }
    .context-switcher-dropmenu .jq-dropdown-menu .text {
      max-width: 240px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .context-switcher-dropmenu .jq-dropdown-menu .account {
      background: #f2f6fa;
      line-height: 1.2; }
      .context-switcher-dropmenu .jq-dropdown-menu .account .label {
        font-size: 8px;
        letter-spacing: 0.05em;
        color: #8491a1; }
      .context-switcher-dropmenu .jq-dropdown-menu .account .text {
        font-weight: 700; }
    .context-switcher-dropmenu .jq-dropdown-menu li ul {
      padding-left: 0; }
    .context-switcher-dropmenu .jq-dropdown-menu li a .fa {
      color: #959da7;
      margin-right: 2px; }
    .context-switcher-dropmenu .jq-dropdown-menu > li:first-child {
      margin-top: -10px; }
    .context-switcher-dropmenu .jq-dropdown-menu > li:not(:last-child) {
      margin-bottom: 10px; }

.header-extras {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0; }
  .header-extras li {
    margin: 0;
    padding: 0;
    float: left;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #8491a1; }
    .header-extras li:last-child {
      border-left: #dee4eb 1px solid; }
    .header-extras li a {
      display: block;
      height: 56px;
      padding-left: 9px;
      padding-right: 9px;
      position: relative;
      text-decoration: none !important;
      color: #8491a1; }
      .header-extras li a.new-events:before {
        display: block;
        content: '';
        width: 4px;
        height: 4px;
        background-color: #ee4c4c;
        border: #f5dada 2px solid;
        border-radius: 50%;
        position: absolute;
        left: 17px;
        top: 17px; }
      .header-extras li a .fa, .header-extras li a .fi, .header-extras li a .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .header-extras li a table > tbody > tr > td > span.true, .header-extras li a .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .header-extras li a table > tbody > tr > td > span.false {
        font-size: 18px; }
      .header-extras li a .fi, .header-extras li a .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .header-extras li a table > tbody > tr > td > span.true, .header-extras li a .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .header-extras li a table > tbody > tr > td > span.false {
        position: relative;
        top: 1px; }
    .header-extras li .avatar {
      margin-right: 9px; }

.user-dropmenu a {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.user-dropmenu li ul {
  padding-left: 0; }

.user-dropmenu .section {
  color: #7171d4 !important;
  text-transform: uppercase;
  font-weight: 700;
  pointer-events: none; }

.right-fixed-sidebar {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  width: 520px;
  background-color: #fff;
  z-index: 10000;
  box-shadow: -2px 10px 40px rgba(195, 203, 215, 0.75); }
  .right-fixed-sidebar .scroll {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto; }
  .right-fixed-sidebar .header {
    padding-left: 18px;
    padding-right: 18px;
    border-bottom: #dee4eb 1px solid;
    font-size: 24px;
    line-height: 28px;
    min-height: 28px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #343a41; }
    .right-fixed-sidebar .header .toolbar {
      float: right;
      margin-left: 15px; }
    .right-fixed-sidebar .header input[type="checkbox"] + label::before,
    .right-fixed-sidebar .header input[type="checkbox"] {
      vertical-align: top;
      margin-top: 8px; }
    .right-fixed-sidebar .header .object-name-editable {
      display: inline-block;
      width: 395px; }
  .right-fixed-sidebar .sidebar-details-task .header .object-name-editable {
    width: 362px; }
  .right-fixed-sidebar .header form.object-name-editable input {
    width: 100%;
    padding: 4px !important;
    margin-bottom: -8px; }
  .right-fixed-sidebar .object-description-editable {
    margin-top: 18px;
    margin-bottom: 18px;
    margin-bottom: 18px; }
  .right-fixed-sidebar form.object-description-editable textarea {
    padding: 4px; }
  .right-fixed-sidebar .menu .sections-menu {
    line-height: 37px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 18px; }
    .right-fixed-sidebar .menu .sections-menu:after {
      content: '';
      display: block;
      clear: left; }
    .right-fixed-sidebar .menu .sections-menu ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .right-fixed-sidebar .menu .sections-menu ul li {
        float: left;
        margin-left: 36px; }
        .right-fixed-sidebar .menu .sections-menu ul li:first-child {
          margin-left: 0; }
        .right-fixed-sidebar .menu .sections-menu ul li a {
          color: #343a41;
          display: inline-block;
          position: relative;
          text-decoration: none !important; }
          .right-fixed-sidebar .menu .sections-menu ul li a:hover {
            color: #7777d5; }
        .right-fixed-sidebar .menu .sections-menu ul li.active a {
          color: #7777d5; }
        .right-fixed-sidebar .menu .sections-menu ul li.with-label a:after {
          display: block;
          content: '';
          height: 6px;
          width: 6px;
          background-color: #f45555;
          border: #fbc4c4 3px solid;
          border-radius: 50%;
          position: absolute;
          right: -16px;
          top: 6px; }
  .right-fixed-sidebar .sub-title {
    background-color: #f2f6fa;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 18px;
    padding-right: 18px;
    color: #8491a1;
    margin-bottom: 22px; }
  .right-fixed-sidebar .overview {
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 22px; }
    .right-fixed-sidebar .overview table a .fi, .right-fixed-sidebar .overview table a .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .right-fixed-sidebar .overview table a table > tbody > tr > td > span.true, .right-fixed-sidebar .overview table a .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .right-fixed-sidebar .overview table a table > tbody > tr > td > span.false {
      margin-right: 8px;
      margin-top: -2px; }
    .right-fixed-sidebar .overview table .label-status {
      padding-left: 8px;
      padding-right: 8px;
      display: inline-block;
      vertical-align: top;
      margin-top: -2px; }
    .right-fixed-sidebar .overview p {
      font-size: 14px;
      line-height: 18px;
      color: #343a41;
      margin-bottom: 18px; }
    .right-fixed-sidebar .overview table {
      width: 100%;
      font-size: 14px;
      line-height: 23px;
      color: #343a41; }
      .right-fixed-sidebar .overview table th {
        text-align: left;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 94px; }
      .right-fixed-sidebar .overview table td {
        vertical-align: middle;
        padding-bottom: 10px;
        padding-top: 10px; }
        .right-fixed-sidebar .overview table td .date {
          color: #8491a1; }
        .right-fixed-sidebar .overview table td .progressbar {
          height: 6px;
          width: 80px;
          display: inline-block;
          vertical-align: middle;
          margin-top: -2px;
          margin-left: 10px;
          float: none; }
        .right-fixed-sidebar .overview table td .indicator div {
          background-color: #98D78D;
          height: 6px; }
        .right-fixed-sidebar .overview table td .avatar {
          width: 23px;
          height: 23px;
          margin-right: 5px; }
  .right-fixed-sidebar .tabs {
    padding-left: 18px; }
  .right-fixed-sidebar .footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .right-fixed-sidebar .list-note {
    border-top: #ced7e1 1px solid;
    padding: 5px 18px; }
    .right-fixed-sidebar .list-note i {
      color: #f4c958;
      padding-right: 2px; }
  .right-fixed-sidebar .form.add, .right-fixed-sidebar .add.c-mold-datepicker {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
    z-index: 10;
    border-top: #ced7e1 1px solid;
    background: #fff; }
    .right-fixed-sidebar .form.add:after, .right-fixed-sidebar .add.c-mold-datepicker:after {
      display: block;
      content: '';
      clear: right; }
    .right-fixed-sidebar .form.add fieldset.for-btn, .right-fixed-sidebar .add.c-mold-datepicker fieldset.for-btn {
      margin-top: 0; }
    .right-fixed-sidebar .form.add .form-group, .right-fixed-sidebar .add.c-mold-datepicker .form-group {
      margin-bottom: 6px; }
      .right-fixed-sidebar .form.add .form-group input:not([type='file']):not(.select2-search__field), .right-fixed-sidebar .add.c-mold-datepicker .form-group input:not([type='file']):not(.select2-search__field),
      .right-fixed-sidebar .form.add .form-group textarea,
      .right-fixed-sidebar .add.c-mold-datepicker .form-group textarea {
        padding: 8px 12px; }
      .right-fixed-sidebar .form.add .form-group .select2-search__field, .right-fixed-sidebar .add.c-mold-datepicker .form-group .select2-search__field {
        padding: 3.05px 7px; }
    .right-fixed-sidebar .form.add .input, .right-fixed-sidebar .add.c-mold-datepicker .input {
      border: #ced7e1 1px solid;
      border-radius: 3px;
      margin-bottom: 6px;
      overflow: hidden; }
      .right-fixed-sidebar .form.add .input + .errorlist, .right-fixed-sidebar .add.c-mold-datepicker .input + .errorlist {
        margin-top: -3px !important;
        margin-bottom: 4px !important; }
      .right-fixed-sidebar .form.add .input input, .right-fixed-sidebar .add.c-mold-datepicker .input input {
        display: block;
        height: 34px;
        line-height: 18px;
        font-size: 14px;
        color: #333333;
        width: 100%;
        box-sizing: border-box; }
        .right-fixed-sidebar .form.add .input input.invoice, .right-fixed-sidebar .add.c-mold-datepicker .input input.invoice {
          float: left;
          width: 50%; }
        .right-fixed-sidebar .form.add .input input.amount, .right-fixed-sidebar .add.c-mold-datepicker .input input.amount {
          float: right;
          width: 50%;
          border-left: #ced7e1 1px solid; }
      .right-fixed-sidebar .form.add .input input:not([type='file']), .right-fixed-sidebar .add.c-mold-datepicker .input input:not([type='file']), .right-fixed-sidebar .form.add .input textarea, .right-fixed-sidebar .add.c-mold-datepicker .input textarea {
        padding: 8px 12px; }
      .right-fixed-sidebar .form.add .input:after, .right-fixed-sidebar .add.c-mold-datepicker .input:after {
        clear: both;
        content: '';
        display: block; }
    .right-fixed-sidebar .form.add .selectize-input, .right-fixed-sidebar .add.c-mold-datepicker .selectize-input {
      padding-left: 5px;
      padding-right: 5px; }
    .right-fixed-sidebar .form.add .btn, .right-fixed-sidebar .form.add .c-mold-datepicker-ok-btn, .right-fixed-sidebar .add.c-mold-datepicker .btn, .right-fixed-sidebar .add.c-mold-datepicker .c-mold-datepicker-ok-btn {
      float: right;
      margin-right: 0;
      min-width: 105px; }
    .right-fixed-sidebar .form.add .input textarea, .right-fixed-sidebar .add.c-mold-datepicker .input textarea {
      border: none !important;
      margin-bottom: 0 !important; }
    .right-fixed-sidebar .form.add .for-btn, .right-fixed-sidebar .add.c-mold-datepicker .for-btn {
      color: #94a2b3; }
      .right-fixed-sidebar .form.add .for-btn .note, .right-fixed-sidebar .add.c-mold-datepicker .for-btn .note {
        font-size: 13px;
        color: #343a41;
        line-height: normal; }
      .right-fixed-sidebar .form.add .for-btn img, .right-fixed-sidebar .add.c-mold-datepicker .for-btn img {
        vertical-align: middle;
        margin-right: 5px;
        margin-top: -2px; }
    .right-fixed-sidebar .form.add .nice-userselect, .right-fixed-sidebar .add.c-mold-datepicker .nice-userselect {
      vertical-align: top;
      color: #343a41; }

.account-settings-modal {
  min-height: 520px;
  width: 500px; }
  .account-settings-modal h4 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 0; }
  .account-settings-modal h5 {
    font-weight: bold;
    color: #959da7; }
  .account-settings-modal .subscription-details .my-plans .item {
    border: #d5dbe2 1px solid;
    border-radius: 3px;
    margin-bottom: 12px; }
    .account-settings-modal .subscription-details .my-plans .item table {
      width: 100%; }
      .account-settings-modal .subscription-details .my-plans .item table td {
        padding: 10px;
        font-size: 14px;
        font-weight: bold;
        line-height: 22px; }
        .account-settings-modal .subscription-details .my-plans .item table td div {
          font-size: 12px;
          color: #59636f;
          font-weight: normal; }
        .account-settings-modal .subscription-details .my-plans .item table td:last-child {
          width: 82px;
          vertical-align: middle; }
          .account-settings-modal .subscription-details .my-plans .item table td:last-child .btn, .account-settings-modal .subscription-details .my-plans .item table td:last-child .c-mold-datepicker-ok-btn {
            display: block;
            min-width: 0;
            padding-left: 15px;
            padding-right: 15px; }

header .subscription-trial-info {
  text-decoration: none;
  height: 56px;
  line-height: 56px;
  float: right;
  margin-right: 15px; }
  header .subscription-trial-info .message {
    color: #8491a1;
    font-size: 13px; }
  header .subscription-trial-info .progressbar {
    display: inline-block;
    width: 89px;
    height: 6px;
    margin-left: 10px;
    margin-right: 10px;
    /* flip horizontal */
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
  header .subscription-trial-info.warning .progressbar div {
    background-color: #e86f6f; }
  header .subscription-trial-info .days-left {
    color: #7171d4;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase; }
  header .subscription-trial-info.warning .days-left {
    color: #e86f6f; }
    header .subscription-trial-info.warning .days-left:after {
      content: '!'; }

#app-sidebar-attachments {
  position: relative;
  height: 100%; }
  #app-sidebar-attachments .dropzone {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; }
    #app-sidebar-attachments .dropzone:after {
      content: ' ';
      display: block;
      background: rgba(113, 113, 212, 0.1);
      position: absolute;
      top: 5px;
      right: 10px;
      bottom: 5px;
      left: 10px;
      padding: 5px;
      border: #7171d4 1px dashed;
      border-radius: 3px; }
  #app-sidebar-attachments .attachment-btn {
    margin-left: 18px;
    margin-bottom: 10px;
    text-decoration: none; }
  #app-sidebar-attachments .item {
    padding: 10px;
    padding-left: 18px;
    padding-right: 18px;
    border-bottom: #dee4eb 1px solid; }
    #app-sidebar-attachments .item:after {
      clear: both;
      content: '';
      display: block; }
    #app-sidebar-attachments .item:last-child {
      border: none; }
    #app-sidebar-attachments .item + .empties {
      display: none; }
    #app-sidebar-attachments .item .picture {
      float: left;
      width: 61px;
      height: 61px;
      overflow: hidden;
      border-radius: 4px;
      border: #dee4eb 1px solid;
      margin-right: 14px; }
      #app-sidebar-attachments .item .picture img {
        display: block;
        width: 100%;
        height: 100%; }
    #app-sidebar-attachments .item .txt {
      overflow: hidden;
      font-size: 14px;
      line-height: 18px;
      padding-top: 3px; }
      #app-sidebar-attachments .item .txt a {
        color: #343a41;
        text-decoration: none; }
        #app-sidebar-attachments .item .txt a:hover {
          text-decoration: underline; }
      #app-sidebar-attachments .item .txt .name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      #app-sidebar-attachments .item .txt .info {
        margin-top: 2px;
        color: #8491a1; }
      #app-sidebar-attachments .item .txt .attachment-links a {
        color: #7171d4; }
    #app-sidebar-attachments .item .del, #app-sidebar-attachments .item .download, #app-sidebar-attachments .item .stop {
      float: right;
      margin-left: 15px;
      height: 15px;
      margin-top: 5px; }
    #app-sidebar-attachments .item .dropmenu-status {
      clear: right;
      float: right;
      margin-top: 0.8em; }
    #app-sidebar-attachments .item .download {
      height: 13px;
      margin-top: 6px; }
    #app-sidebar-attachments .item .stop {
      margin-top: 20px; }
    #app-sidebar-attachments .item .loading-progress {
      width: 132px;
      margin-top: 5px; }
    #app-sidebar-attachments .item .open {
      float: right;
      margin-top: 4px;
      margin-right: -4px;
      text-decoration: none;
      color: inherit;
      opacity: .5; }

.right-fixed-sidebar .footer {
  z-index: 1;
  background: #fff; }
  .right-fixed-sidebar .footer .discussion-form textarea {
    transition: height .25s ease-in-out; }
    .right-fixed-sidebar .footer .discussion-form textarea:focus {
      height: 162px; }

.list-discussion .item {
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: #dee4eb 1px solid; }
  .list-discussion .item:last-child {
    border: none; }

.list-discussion .del, .list-discussion .edit {
  float: right;
  margin-left: 15px;
  height: 15px; }

.list-discussion .user-info {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px; }

.list-discussion .time {
  font-size: 12px;
  color: #959da7; }

.list-discussion .user-info:after {
  display: block;
  content: '';
  clear: both; }

.list-discussion .user-info .avatar {
  width: 26px;
  height: 26px;
  float: left;
  margin-top: 5px;
  margin-right: 10px; }

.list-discussion p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px; }

.list-discussion .discussion-edit-form textarea {
  padding: 4px; }

.list-discussion .discussion-asset {
  display: inline-block;
  color: inherit;
  text-decoration: none; }
  .list-discussion .discussion-asset i {
    margin-right: .15em; }
  .list-discussion .discussion-asset-deleted {
    opacity: 0.5; }

.list-discussion .discussion-buttons-bar {
  display: flex; }
  .list-discussion .discussion-buttons-bar a {
    margin-right: 15px; }
    .list-discussion .discussion-buttons-bar a.show-comments {
      padding-right: 14px;
      position: relative; }
      .list-discussion .discussion-buttons-bar a.show-comments:after {
        position: absolute;
        right: 0;
        top: 8px;
        content: '';
        display: block;
        width: 9px;
        height: 5px;
        background: url("/static/images/icon-show-comment.png?500ffb18a25d") no-repeat left bottom; }
      .list-discussion .discussion-buttons-bar a.show-comments.active:after {
        background-position: left top; }

.comments-list {
  padding: 13px;
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #f5f7fa;
  border-radius: 4px;
  margin-top: 10px; }
  .comments-list .item {
    padding-left: 0;
    padding-right: 0; }
    .comments-list .item p {
      margin-bottom: 0; }
  .comments-list .add-you-comment {
    padding-top: 10px;
    padding-bottom: 10px; }
    .comments-list .add-you-comment + .item {
      padding-top: 0; }
    .comments-list .add-you-comment textarea {
      box-sizing: border-box;
      line-height: 16px;
      padding: 8px 12px;
      height: 34px;
      transition: height .25s ease-in-out; }
      .comments-list .add-you-comment textarea:focus {
        height: 146px; }

.fakemodal {
  min-height: 100%;
  height: auto;
  background: url("/static/images/fakemodal-bg.jpg?500ffb18a25d") no-repeat center;
  background-size: cover;
  overflow-x: hidden; }
  .fakemodal .content {
    height: 100%; }

.fakemodal-bg {
  min-height: 500px;
  position: relative;
  height: 100%; }

.fakemodal .header {
  padding-top: 40px;
  color: #fff;
  text-align: center; }
  .fakemodal .header .title-h1 {
    font-size: 48px;
    line-height: 54px;
    font-weight: 300;
    margin-bottom: 4px; }
  .fakemodal .header .title-h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 4px; }

.fakemodal-bg .drop-win {
  width: 618px;
  position: absolute;
  background-color: #fff;
  border-radius: 10px;
  margin-left: -309px;
  margin-top: -240px;
  left: 50%;
  top: 50%;
  box-shadow: 5px 5px 13px rgba(122, 129, 124, 0.61); }

.fakemodal p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px; }

body.fakemodal .fakemodal-bg {
  height: 100%;
  min-height: 0;
  padding-bottom: 37px; }

.fakemodal .drop-win {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 5px 5px 13px rgba(122, 129, 124, 0.61);
  padding: 40px;
  text-align: left;
  color: #343a41;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  position: static;
  margin-bottom: 20px; }

.fakemodal .payments .drop-win p {
  font-size: 14px;
  line-height: 18px;
  color: #8491a1;
  margin-bottom: 18px; }

.registration-stuff .registration-form {
  width: 446px;
  margin-left: auto;
  margin-right: auto; }
  .registration-stuff .registration-form .logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    width: 80%; }
  .registration-stuff .registration-form .title {
    font-size: 28px;
    line-height: 40px;
    color: #8491a1;
    text-align: center;
    margin-bottom: 20px; }
  .registration-stuff .registration-form .row {
    margin-bottom: 10px;
    font-size: 14px; }
    .registration-stuff .registration-form .row input {
      display: block;
      width: 100%;
      box-sizing: border-box;
      padding: 9px 12px;
      font-size: 13px;
      color: #343a41;
      border: #ced7e1 1px solid;
      border-radius: 4px;
      font-family: lato, sans-serif; }
    .registration-stuff .registration-form .row select {
      width: 100%;
      padding: 9px 12px;
      text-indent: 0; }
      .registration-stuff .registration-form .row select + .errorlist {
        margin-top: 3px; }
  .registration-stuff .registration-form label + * {
    margin-top: 5px; }
  .registration-stuff .registration-form .cell.field {
    padding-left: 7px;
    padding-right: 7px;
    vertical-align: top;
    width: 50%; }
    .registration-stuff .registration-form .cell.field:first-child {
      padding-left: 0; }
    .registration-stuff .registration-form .cell.field:last-child {
      padding-right: 0; }

.registration-stuff .drop-win {
  margin-top: 0px; }

.registration-stuff .registration-form .bottom {
  margin-top: 10px;
  border-top: 1px #ced7e1 solid;
  padding: 10px 0;
  text-align: center; }

.registration-stuff .registration-form .for-btn {
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 33px; }

.registration-stuff .selectize-control {
  line-height: 0; }

.registration-stuff .selectize-input {
  padding-left: 12px; }

.registration-stuff .btn, .registration-stuff .c-mold-datepicker-ok-btn {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #7171d4;
  border-radius: 4px;
  cursor: pointer;
  border: none;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 75px;
  text-align: center;
  font-family: lato, sans-serif;
  font-weight: 500;
  font-size: 14px; }

.registration-stuff input.btn, .registration-stuff input.c-mold-datepicker-ok-btn, .registration-stuff button.btn, .registration-stuff button.c-mold-datepicker-ok-btn {
  line-height: normal; }

.registration-stuff .registration-form .for-btn .btn, .registration-stuff .registration-form .for-btn .c-mold-datepicker-ok-btn {
  font-weight: bold;
  min-width: 100px; }

.registration-stuff.login-page .error-message {
  margin-top: -30px;
  margin-bottom: 13px;
  text-align: center; }

.registration-stuff.login-page .registration-form .logo {
  margin-bottom: 50px; }

.registration-stuff.password-reset-flow.password-reset-form .drop-win {
  min-height: 320px; }

.registration-stuff.password-reset-flow.password-confirmation-form .drop-win {
  min-height: 400px; }

.registration-stuff.message-page .drop-win {
  min-height: 0; }

.registration-stuff.message-page .message {
  padding: 20px;
  font-size: 18px; }

.registration-stuff.message-page .message-success {
  color: #65af58; }

.registration-stuff.message-page .message-error {
  color: #e86f6f; }

.registration-stuff.registration-done-page h1 {
  color: #65af58; }

.registration-stuff .registration-form .note {
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
  color: #666; }

.user-profile {
  width: 525px; }
  .user-profile h4 {
    text-align: center;
    margin-bottom: 18px;
    font-weight: bold; }

.user-profile-form__user-form .pull-right-fieldset {
  width: calc(100% - 125px - 20px);
  float: left;
  margin-top: 0; }

.user-profile-form__user-form .update-photo {
  position: relative;
  float: right;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  overflow: hidden; }
  .user-profile-form__user-form .update-photo .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 45px;
    text-align: center;
    background: #7171d4;
    color: #fff;
    font-weight: bold;
    opacity: .9;
    cursor: pointer;
    display: none; }
  .user-profile-form__user-form .update-photo:hover .text {
    display: block; }
  .user-profile-form__user-form .update-photo .avatar-preview {
    width: 100%;
    height: 100%;
    background: url(/static/images/empty-avatar.png?500ffb18a25d) no-repeat center;
    background-size: cover; }

.user-profile-form__user-form.update-photo .upload-photo input {
  display: none; }

.user-profile-form__email-form .controls .short-field {
  display: inline-block;
  width: 92px; }

.activities-log {
  margin-top: 24px;
  margin-bottom: 36px; }
  .activities-log .day {
    margin-bottom: 36px; }
  .activities-log .date {
    font-size: 14px;
    margin-bottom: 14px;
    color: #8491a1; }
  .activities-log .item {
    padding-left: 36px;
    font-size: 14px;
    color: #343a41;
    line-height: 18px;
    margin-bottom: 24px;
    word-break: break-word; }
    .activities-log .item .avatar {
      float: left;
      margin-left: -36px;
      width: 26px;
      border-radius: 50%; }
  .activities-log .citation {
    padding-left: 15px;
    border-left: #dee4eb 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 3px;
    margin-bottom: 3px; }
  .activities-log .time {
    font-size: 12px;
    line-height: 18px;
    color: #959da7; }

.sidebar-activities-log {
  margin: 0;
  padding: 0;
  padding-left: 18px;
  padding-right: 18px;
  list-style: none; }
  .sidebar-activities-log li {
    margin: 0;
    padding: 0;
    margin-bottom: 18px; }
    .sidebar-activities-log li:after {
      clear: both;
      content: '';
      display: block; }
    .sidebar-activities-log li .avatar {
      float: left;
      margin-right: 10px;
      width: 26px;
      height: 26px; }
    .sidebar-activities-log li .txt {
      line-height: 26px;
      font-size: 14px; }
    .sidebar-activities-log li .time {
      float: right;
      color: #959da7;
      margin-left: 25px;
      line-height: 26px; }

.archived-plans-page .view-content {
  margin-top: 16px;
  margin-bottom: 36px; }
  .archived-plans-page .view-content .row-table:not(:first-child) .cell {
    border-top: #dee4eb 1px solid; }
  .archived-plans-page .view-content .cell {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px;
    color: #51565b;
    line-height: 28px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px; }
  .archived-plans-page .view-content .name {
    padding-left: 0;
    font-size: 16px;
    color: #343a41;
    font-family: lato, sans-serif;
    font-weight: 500; }
  .archived-plans-page .view-content .projects {
    width: 90px; }
  .archived-plans-page .view-content .links {
    width: 110px;
    padding-right: 0;
    text-align: right; }
    .archived-plans-page .view-content .links .icon {
      vertical-align: middle;
      margin-top: -6px; }

.tasks-overview-account-page .view-content,
.taskplanning-calendar-account-page .view-content {
  padding-top: 24px; }

.tasks-overview-project-page .view-content,
.taskplanning-calendar-project-page .view-content {
  padding-top: 12px; }

.tasks-overview-page .add-task-form {
  display: flex;
  padding: 14px;
  background-color: #fafafc;
  border: #dee4eb 1px solid;
  margin-top: 20px;
  margin-bottom: 36px; }
  .tasks-overview-page .add-task-form .fieldset:first-child {
    flex: 1; }
  .tasks-overview-page .add-task-form .row {
    display: flex; }
    .tasks-overview-page .add-task-form .row > div:not(:last-child) {
      margin-right: 10px; }
    .tasks-overview-page .add-task-form .row:last-child {
      margin-top: 10px; }
      .tasks-overview-page .add-task-form .row:last-child select, .tasks-overview-page .add-task-form .row:last-child .context-chooser-input {
        height: 19px;
        margin-top: -1px; }
      .tasks-overview-page .add-task-form .row:last-child select:not(.temp) {
        width: 0; }
      .tasks-overview-page .add-task-form .row:last-child .field-holder {
        padding-top: 7px; }
      .tasks-overview-page .add-task-form .row:last-child .erroroverview {
        border-bottom: 1px #d74b4c solid; }
        .tasks-overview-page .add-task-form .row:last-child .erroroverview li {
          display: none; }
  .tasks-overview-page .add-task-form select {
    border: none;
    background: none;
    padding-left: 5px;
    padding-right: 5px; }
  .tasks-overview-page .add-task-form .context-chooser-input {
    border: none;
    padding-left: 5px;
    padding-right: 5px; }
  .tasks-overview-page .add-task-form select {
    max-width: 20em; }
  .tasks-overview-page .add-task-form .context-chooser-input {
    width: 20em; }
  @media (max-width: 1366px) {
    .tasks-overview-page .add-task-form select {
      max-width: 10em; }
    .tasks-overview-page .add-task-form .context-chooser-input {
      width: 10em; } }
  .tasks-overview-page .add-task-form .task-priority-select:not(.input-changed) .task-priority i {
    color: #aab6c4; }
  .tasks-overview-page .add-task-form .task-priority-select:not(.input-changed) .task-priority .text {
    display: none; }
  .tasks-overview-page .add-task-form .field-name {
    flex: 1; }
  .tasks-overview-page .add-task-form .field-due-date {
    width: 10em; }
    .tasks-overview-page .add-task-form .field-due-date i.fa-repeat {
      top: 11px;
      right: 11px; }
  .tasks-overview-page .add-task-form .field-attachment .clip-fileinput label {
    max-width: 10em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0; }
  .tasks-overview-page .add-task-form .field-duration .toggle-duration-field-btn {
    color: #959da7; }
  .tasks-overview-page .add-task-form .field-duration .task-duration-inline-field {
    margin-top: -7px;
    transition: width 50ms ease-in-out; }
    .tasks-overview-page .add-task-form .field-duration .task-duration-inline-field:not(.visible) {
      display: none;
      width: 0; }
  .tasks-overview-page .add-task-form .for-btn {
    margin-left: auto; }
  .tasks-overview-page .add-task-form .add-tasklist-link-holder {
    margin-left: 1.2em;
    padding: 14px;
    border-left: #ced7e1 1px solid;
    width: 8em;
    text-align: center; }
    .tasks-overview-page .add-task-form .add-tasklist-link-holder a {
      display: block;
      line-height: 1.25em; }
      .tasks-overview-page .add-task-form .add-tasklist-link-holder a i {
        display: block;
        margin-bottom: .5em; }

.tasks-overview-page .table-tasks .name .row {
  display: flex; }

.tasks-overview-page .table-tasks .name .col1 {
  white-space: nowrap; }

.tasks-overview-page .table-tasks .name .generic-objects-info {
  display: block;
  margin-left: 0;
  margin-top: 5px; }

.tasks-overview-page .table-tasks .name .obj-link {
  color: #333333; }

.tasks-overview-page .table-tasks .target {
  width: 300px; }
  .tasks-overview-page .table-tasks .target .context-info {
    display: flex;
    width: 300px;
    text-decoration: none;
    color: #8491a1; }
    .tasks-overview-page .table-tasks .target .context-info-plan .icon-col {
      display: none; }
    .tasks-overview-page .table-tasks .target .context-info .icon-col {
      line-height: 17px;
      vertical-align: middle;
      color: #7171d4; }
      .tasks-overview-page .table-tasks .target .context-info .icon-col > div {
        width: 21px;
        padding-right: 8px;
        text-align: right; }
      .tasks-overview-page .table-tasks .target .context-info .icon-col .fi, .tasks-overview-page .table-tasks .target .context-info .icon-col .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .tasks-overview-page .table-tasks .target .context-info .icon-col table > tbody > tr > td > span.true, .tasks-overview-page .table-tasks .target .context-info .icon-col .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .tasks-overview-page .table-tasks .target .context-info .icon-col table > tbody > tr > td > span.false {
        font-size: 22px; }
    .tasks-overview-page .table-tasks .target .context-info .text-col .plan {
      font-style: italic; }
      .tasks-overview-page .table-tasks .target .context-info .text-col .plan:not(:first-child) {
        margin-top: 0.5em; }
    .tasks-overview-page .table-tasks .target .context-info .text-col .project:not(:first-child) {
      margin-top: 0.5em; }
    .tasks-overview-page .table-tasks .target .context-info .text-col .project + .plan {
      margin-top: 0; }
    .tasks-overview-page .table-tasks .target .context-info .text-col .project > div {
      display: inline; }
    .tasks-overview-page .table-tasks .target .context-info .text-col .project .project-name {
      color: #272C32; }
    .tasks-overview-page .table-tasks .target .context-info .text-col .project .project-group:before {
      content: ' · '; }
    .tasks-overview-page .table-tasks .target .context-info .text-col .comchannel,
    .tasks-overview-page .table-tasks .target .context-info .text-col .cost,
    .tasks-overview-page .table-tasks .target .context-info .text-col .kpi,
    .tasks-overview-page .table-tasks .target .context-info .text-col .strategytopic {
      color: #7171d4; }
    .tasks-overview-page .table-tasks .target .context-info .text-col .commoment > div {
      display: inline; }
    .tasks-overview-page .table-tasks .target .context-info .text-col .commoment-name {
      color: #353A41; }
    .tasks-overview-page .table-tasks .target .context-info .text-col .commoment-daterange {
      white-space: nowrap; }

.tasks-overview-page .table-tasks .owner {
  width: 105px; }

.tasks-overview-page .table-tasks .participants {
  width: 93px;
  max-width: 93px; }

.tasks-overview-page .table-tasks .due_date,
.tasks-overview-page .table-tasks .completion_date {
  width: 105px; }

.tasks-overview-page .table-tasks .due_date input {
  color: #333333; }

.tasks-overview-page .table-tasks .due_date i.fa-repeat {
  top: 2px;
  right: 8px; }

.tasks-overview-page .table-tasks .timeblocks {
  width: 14px; }
  .tasks-overview-page .table-tasks .timeblocks a {
    color: #959da7; }
  .tasks-overview-page .table-tasks .timeblocks .btn-add-timeblock {
    display: none; }

.tasks-overview-page .table-tasks tr:hover .timeblocks .btn-add-timeblock {
  display: initial; }

.tasks-overview-page .table-tasks .priority {
  width: 16px;
  padding-right: 0; }
  .tasks-overview-page .table-tasks .priority .task-priority .text {
    display: none; }
  .tasks-overview-page .table-tasks .priority .task-priority.task-priority-1 {
    opacity: 0;
    transition: opacity .3s ease-in-out;
    color: #aab6c4; }

.tasks-overview-page .table-tasks th.priority a {
  padding-right: 12px !important; }

.tasks-overview-page .table-tasks tr:hover .priority .task-priority-1 {
  opacity: 1; }

.tasks-overview-page .table-tasks .status {
  width: 150px; }

.tasks-overview-page .table-tasks .buttons {
  width: 14px; }

#add-tasklist-form {
  width: 1280px;
  padding: 1em; }
  #add-tasklist-form h4 {
    text-align: center; }
  #add-tasklist-form section.primary {
    display: flex;
    align-items: flex-start;
    margin-top: 2em;
    margin-bottom: 1.2em; }
    #add-tasklist-form section.primary .form-group {
      display: flex;
      flex: 1;
      align-items: center; }
      #add-tasklist-form section.primary .form-group:last-child {
        flex: 0 0 17em;
        margin-left: 2em; }
      #add-tasklist-form section.primary .form-group label {
        width: auto;
        white-space: nowrap;
        margin-right: 1em; }
      #add-tasklist-form section.primary .form-group .controls {
        margin-left: 0;
        flex: 1; }
  #add-tasklist-form section.secondary .spinner-container {
    height: 431px;
    display: flex;
    align-items: center;
    justify-content: center; }
  #add-tasklist-form section.secondary .block-info {
    height: 431px;
    position: relative; }
    #add-tasklist-form section.secondary .block-info > div {
      position: absolute;
      top: 6em;
      right: 0;
      bottom: 0;
      left: 0;
      text-align: center; }
    #add-tasklist-form section.secondary .block-info img {
      height: 70px;
      margin-bottom: 18px; }
    #add-tasklist-form section.secondary .block-info h5 {
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 8px; }
    #add-tasklist-form section.secondary .block-info p {
      color: #8491a1; }
    #add-tasklist-form section.secondary .block-info a {
      display: inline-block;
      margin-top: 1.5em; }
  #add-tasklist-form section.secondary .formset table th, #add-tasklist-form section.secondary .formset table td {
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px; }
  #add-tasklist-form section.secondary .formset table .cell-name {
    width: 35%; }
  #add-tasklist-form section.secondary .formset table .cell-owner {
    width: 15%; }
    #add-tasklist-form section.secondary .formset table .cell-owner .mold-to_be_selected {
      border-bottom: #d74b4c 1px dashed; }
  #add-tasklist-form section.secondary .formset table .cell-duedate {
    width: 10%; }
    #add-tasklist-form section.secondary .formset table .cell-duedate.past-date input {
      color: #d74b4c; }
    #add-tasklist-form section.secondary .formset table .cell-duedate input {
      border: none;
      padding: 0;
      cursor: pointer; }
  #add-tasklist-form section.secondary .formset table .cell-participants {
    width: 35%; }
  #add-tasklist-form section.secondary .formset table .cell-extra {
    width: 5%;
    padding-right: 0; }
  #add-tasklist-form section.secondary table {
    table-layout: fixed; }
  #add-tasklist-form section.secondary .scrollable {
    height: 342px;
    overflow-y: scroll; }
  #add-tasklist-form section.secondary .for-btn {
    text-align: right;
    margin-right: 1em; }

#ui-datepicker-div .mold-info {
  border-top: #f1f1f1 1px solid;
  padding: 10px;
  padding-right: 2px;
  color: #959da7; }
  #ui-datepicker-div .mold-info:after {
    display: block;
    content: '';
    clear: both; }
  #ui-datepicker-div .mold-info a {
    color: #7171d4; }
  #ui-datepicker-div .mold-info button {
    margin-top: 5px;
    float: right; }

.task-duration-inline-field {
  width: 5.7em; }
  .task-duration-inline-field .input-group {
    position: relative; }
    .task-duration-inline-field .input-group label {
      display: inline; }
    .task-duration-inline-field .input-group i {
      position: absolute;
      top: 10px;
      left: 8px;
      color: #959da7; }
    .task-duration-inline-field .input-group input {
      height: 32px !important;
      padding-left: 25px !important; }

.add-tasklist-link-holder a:hover {
  text-decoration: none; }

#sidebar .add.task-form .due-date {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0; }
  #sidebar .add.task-form .due-date .errorlist {
    line-height: initial;
    margin-top: -6px !important;
    font-weight: normal; }
  #sidebar .add.task-form .due-date input {
    display: inline-block;
    width: 100px;
    height: auto;
    padding: 0;
    border: 0; }
  #sidebar .add.task-form .due-date i.fa-repeat {
    top: 9px;
    right: 7px; }

#sidebar .add.task-form .task-duration-inline-field {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px; }
  #sidebar .add.task-form .task-duration-inline-field input {
    border: none; }
  #sidebar .add.task-form .task-duration-inline-field .errorlist {
    margin-top: -5px !important; }

#sidebar .add.task-form .add-tasklist-link-holder {
  text-align: right;
  padding-bottom: 12px; }

.add-task-modal-form .due-date i.fa-repeat {
  top: 11px;
  right: 11px; }

.task-priority i {
  margin-right: 2px; }

.task-priority.task-priority-0 {
  color: #75B933; }

.task-priority.task-priority-1 {
  color: #eaab24; }

.task-priority.task-priority-2 {
  color: #e86f6f; }

.sidebar-details-task .sidebar-task-info .due-date .rec-dp {
  display: inline-block; }
  .sidebar-details-task .sidebar-task-info .due-date .rec-dp i.fa-repeat {
    top: 5px;
    right: 8px; }

.sidebar-details-task .sidebar-task-info .duration td > div {
  display: inline-block; }

.sidebar-details-task .sidebar-task-info .duration td input {
  width: 10em; }

.sidebar-details-task .sidebar-task-info .timeblocks-info {
  display: flex; }
  .sidebar-details-task .sidebar-task-info .timeblocks-info .total {
    color: #959da7; }
  .sidebar-details-task .sidebar-task-info .timeblocks-info.overflow .total {
    color: #d74b4c !important; }
  .sidebar-details-task .sidebar-task-info .timeblocks-info .list {
    padding-top: 3px;
    padding-left: 1em; }
  .sidebar-details-task .sidebar-task-info .timeblocks-info .item {
    display: flex;
    line-height: 18px;
    color: inherit;
    text-decoration: none; }
    .sidebar-details-task .sidebar-task-info .timeblocks-info .item:hover {
      color: #7171d4; }
  .sidebar-details-task .sidebar-task-info .timeblocks-info .item-weekday {
    flex: 1;
    text-align: right; }
  .sidebar-details-task .sidebar-task-info .timeblocks-info .item-date {
    padding-right: 1em; }

.sidebar-details-task .sidebar-task-info .project .group-name {
  color: #959da7; }

.sidebar-details-task .sidebar-task-info .change-context a {
  position: relative;
  top: -15px; }

.right-fixed-sidebar .list-task .item {
  padding: 11px;
  padding-left: 50px;
  border-bottom: #dee4eb 1px solid;
  font-size: 14px;
  line-height: 18px; }
  .right-fixed-sidebar .list-task .item:last-child {
    border: none; }
  .right-fixed-sidebar .list-task .item:after {
    clear: both;
    content: '';
    display: block; }
  .right-fixed-sidebar .list-task .item .task-name {
    color: inherit;
    text-decoration: none; }
  .right-fixed-sidebar .list-task .item .date .rec-dp {
    display: inline-block; }
    .right-fixed-sidebar .list-task .item .date .rec-dp input {
      margin-top: 4px;
      color: #94a2b3; }
    .right-fixed-sidebar .list-task .item .date .rec-dp i.fa-repeat {
      top: 6px;
      right: 8px; }
  .right-fixed-sidebar .list-task .item .del {
    float: right;
    margin-top: 5px; }
  .right-fixed-sidebar .list-task .item .owner {
    float: right;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    margin-left: 20px; }

.right-fixed-sidebar .list-task input[type="checkbox"] + label::before,
.right-fixed-sidebar .list-task input[type="checkbox"] {
  float: left;
  margin-left: -30px;
  margin-top: 0px; }

.taskplanning-calendar-page {
  /* Dropdown */
  /* Dropdown Menu */
  /* List Items */ }
  .taskplanning-calendar-page .v-select {
    width: auto; }
    .taskplanning-calendar-page .v-select.user-select {
      width: auto; }
  .taskplanning-calendar-page .vs__dropdown-menu {
    display: block;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 1000;
    padding: 7px 0;
    margin: 0;
    width: 196px;
    max-height: 350px;
    min-width: 160px;
    max-width: 195px;
    overflow-y: auto;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #CED7E1;
    border-radius: 4px;
    text-align: left;
    list-style: none;
    background: #fff; }
  .taskplanning-calendar-page .vs__dropdown-toggle {
    border: 0;
    position: relative; }
  .taskplanning-calendar-page .vs--open .vs__dropdown-toggle:before {
    position: absolute;
    content: "";
    bottom: -16px;
    left: 18px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    border-top: 1px solid #CED7E1;
    border-right: 1px solid #CED7E1;
    z-index: 1001;
    transition: all 0.3s; }
  .taskplanning-calendar-page .vs__dropdown-option {
    line-height: 1.42857143;
    display: flex;
    align-items: center;
    padding: 8px 13px;
    clear: both;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    width: 100%; }
    .taskplanning-calendar-page .vs__dropdown-option .vs__dropdown-option {
      padding: 0; }
    .taskplanning-calendar-page .vs__dropdown-option:hover {
      cursor: pointer; }
  .taskplanning-calendar-page .vs__dropdown-option--highlight {
    background: #e7ecf0;
    color: inherit;
    position: relative; }
  .taskplanning-calendar-page .vs__dropdown-option--selected {
    position: relative; }
    .taskplanning-calendar-page .vs__dropdown-option--selected::after {
      content: '';
      position: absolute;
      right: 10px;
      width: 17px;
      height: 17px;
      background: url("/static/images/icon-ok.png?500ffb18a25d") center right no-repeat; }
  .taskplanning-calendar-page .vs__selected {
    margin-left: 0;
    padding-left: 0;
    font-weight: bold;
    position: relative; }
    .taskplanning-calendar-page .vs__selected::after {
      content: '';
      position: absolute;
      top: calc(50% + 3px);
      left: calc(100% + 3px);
      transform: translateY(-50%);
      border: 5px solid transparent;
      border-top: 5px solid #B5BCC6; }
  .taskplanning-calendar-page .user-select .vs__selected {
    padding-left: 40px; }
  .taskplanning-calendar-page .vs--open .vs__selected::after {
    content: '';
    top: calc(50% - 3px);
    transform: translateY(-50%) rotate(180deg); }
  .taskplanning-calendar-page .vs__actions {
    display: none; }
  .taskplanning-calendar-page .user-select__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase; }
    .taskplanning-calendar-page .user-select__avatar--right {
      margin-right: -37px; }
  .taskplanning-calendar-page .vs__search,
  .taskplanning-calendar-page .vs__search:focus {
    padding: 0; }
  .taskplanning-calendar-page .vs--single.vs--open .vs__selected {
    position: relative; }

.taskplanning-calendar-page {
  /* TaskList */ }
  .taskplanning-calendar-page .fc-unthemed td.fc-today {
    background: transparent; }
  .taskplanning-calendar-page .connect-calendar-message {
    text-align: right;
    margin-bottom: 0; }
    .taskplanning-calendar-page .connect-calendar-message a {
      text-decoration: none; }
    .taskplanning-calendar-page .connect-calendar-message .calendar-disable-link {
      font-size: 80%;
      color: #ced7e1;
      margin-left: 0.5em; }
  .taskplanning-calendar-page .view-content {
    padding-top: 0 !important;
    position: relative; }
  .taskplanning-calendar-page .toolbar {
    position: absolute;
    z-index: 1;
    top: 9px;
    right: 18px;
    margin-bottom: 0; }
  .taskplanning-calendar-page .wide-title.with-border {
    margin-bottom: 0; }
  .taskplanning-calendar-page .calendar {
    display: flex;
    justify-content: space-between;
    position: relative; }
    .taskplanning-calendar-page .calendar__events {
      position: relative;
      width: 220px;
      padding-top: 56px; }
    .taskplanning-calendar-page .calendar__table {
      width: calc(100% - 220px);
      position: relative; }
    .taskplanning-calendar-page .calendar__menu {
      display: flex;
      align-items: center;
      padding: 14px 160px 14px 164px;
      min-height: 57px;
      box-sizing: border-box; }
    .taskplanning-calendar-page .calendar__date {
      margin-right: auto; }
    .taskplanning-calendar-page .calendar__swith {
      padding-left: 2.25rem;
      position: relative;
      margin-left: 25px; }
  .taskplanning-calendar-page .calendar-events__header {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    height: 55px;
    display: flex;
    align-items: center;
    background: #fff;
    padding-right: 18px; }
  .taskplanning-calendar-page .calendar-events__search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border: 0;
    background: transparent;
    cursor: pointer; }
    .taskplanning-calendar-page .calendar-events__search-btn:first-of-type {
      margin-left: auto; }
  .taskplanning-calendar-page .calendar-events__search-input {
    padding-left: 5px;
    width: 100%; }
  .taskplanning-calendar-page .calendar-events__search-close {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url("/static/images/close.png?500ffb18a25d") center no-repeat; }
  .taskplanning-calendar-page .shown .calendar-events__search-close {
    display: block; }
  .taskplanning-calendar-page .calendar-events__input-wrap {
    width: 0;
    position: relative; }
    .taskplanning-calendar-page .calendar-events__input-wrap.shown {
      width: 100%; }
      .taskplanning-calendar-page .calendar-events__input-wrap.shown::before {
        content: '';
        position: absolute;
        top: calc(100% + 3px);
        left: -25px;
        right: 0;
        height: 1px;
        background: #D9DFE7; }
  .taskplanning-calendar-page .calendar-events__list {
    padding: 10px 18px;
    margin-left: -18px;
    box-sizing: border-box;
    background: #f2f6fa;
    height: 753px;
    overflow: auto;
    border: 1px solid #dee4ec;
    border-right: 0;
    border-left: 0; }
  .taskplanning-calendar-page .calendar-events__wrap {
    margin-bottom: 10px; }
  .taskplanning-calendar-page .fc-event__duration {
    color: #8491A1;
    font-size: 10px; }
  .taskplanning-calendar-page .event-duration__timeblocks {
    color: #000; }
  .taskplanning-calendar-page .event-duration__timeblocks--danger {
    color: #d43c3c; }
  .taskplanning-calendar-page .fc-title {
    display: none !important; }
  .taskplanning-calendar-page .calendar__table .fc-event__inner {
    padding: 7px 20px 7px 10px;
    height: 100%;
    border: 1px solid #CED7E1;
    border-top-width: 2px; }
    .taskplanning-calendar-page .calendar__table .fc-event__inner.fc-img {
      padding: 7px 10px; }
  .taskplanning-calendar-page .calendar__table .fc-event__inner--15 .fc-event__title,
  .taskplanning-calendar-page .calendar__table .fc-event__inner--30 .fc-event__title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .taskplanning-calendar-page .calendar__table .fc-event__inner--15 .fc-event__info,
  .taskplanning-calendar-page .calendar__table .fc-event__inner--30 .fc-event__info {
    display: none; }
  .taskplanning-calendar-page .calendar__table .fc-event__inner--15 {
    padding: 0px 20px 0px 10px;
    font-size: 10px; }
  .taskplanning-calendar-page .calendar__table .fc-day-grid .fc-event__title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .taskplanning-calendar-page .calendar__table .fc-day-grid .fc-event__info {
    display: none; }
  .taskplanning-calendar-page .calendar__table .fc-day-grid .fc-event__inner {
    padding: 0px 20px 0px 10px;
    font-size: 10px;
    background-color: #D5E5FB !important; }
  .taskplanning-calendar-page .calendar__table .fc-day-header {
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 15px;
    text-transform: uppercase;
    position: relative;
    border-bottom-color: #fff; }
    .taskplanning-calendar-page .calendar__table .fc-day-header.fc-future, .taskplanning-calendar-page .calendar__table .fc-day-header.fc-past {
      color: #8491A1; }
    .taskplanning-calendar-page .calendar__table .fc-day-header.fc-today {
      color: #343A41; }
    @media (max-width: 1500px) {
      .taskplanning-calendar-page .calendar__table .fc-day-header {
        text-align: left; } }
    .taskplanning-calendar-page .calendar__table .fc-day-header.after-business-time::after {
      content: '';
      position: absolute;
      bottom: -711px;
      left: 50%;
      transform: translateX(-50%);
      border: 6px solid transparent;
      border-top: 6px solid #B5BCC6;
      z-index: 2; }
  .taskplanning-calendar-page .calendar__table .fc-now-indicator-arrow {
    display: none; }
  .taskplanning-calendar-page .calendar__table .fc-now-indicator-line {
    border-color: #7c89d3; }
    .taskplanning-calendar-page .calendar__table .fc-now-indicator-line::before {
      content: "";
      position: absolute;
      top: -3px;
      left: -3px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #7c89d3; }
  .taskplanning-calendar-page .calendar__table .fc-day-grid .fc-resizer.fc-end-resizer::after {
    display: none; }
  .taskplanning-calendar-page .calendar__table .fc-day-grid .fc-row {
    border-right-color: transparent; }
  .taskplanning-calendar-page .calendar__table .fc-day-grid .fc-row .fc-content-skeleton {
    padding-bottom: 0; }
  .taskplanning-calendar-page .calendar__table .fc-day-grid .fc-event-container {
    padding-bottom: 5px; }
  .taskplanning-calendar-page .calendar__table .fc-day-grid .fc-row:first-child table {
    border-top: none; }
  .taskplanning-calendar-page .calendar__table .fc-day-grid table {
    border-color: transparent; }
    .taskplanning-calendar-page .calendar__table .fc-day-grid table tr td:first-child {
      border: none; }
  .taskplanning-calendar-page .calendar__table .fc-day-grid .fc-axis.fc-widget-content ~ td:nth-of-type(2) {
    border-left-color: #fff; }
  .taskplanning-calendar-page .calendar__table .fc-day-grid .fc-axis.fc-widget-content ~ td {
    border-top-color: #fff;
    border-bottom-color: #ddd; }
  .taskplanning-calendar-page .calendar__table .fc-event {
    background: #fff;
    cursor: default;
    color: #000;
    border: 0;
    box-shadow: 0 3px 5px 0 rgba(132, 145, 161, 0.18), 0 1px 4px 0 rgba(132, 145, 161, 0.12), 0 6px 10px 0 rgba(132, 145, 161, 0.14); }
    .taskplanning-calendar-page .calendar__table .fc-event:hover {
      color: #000;
      text-decoration: none; }
      .taskplanning-calendar-page .calendar__table .fc-event:hover.fc-draggable .fc-event__remove {
        display: block; }
    .taskplanning-calendar-page .calendar__table .fc-event.fc-draggable {
      background: #fff;
      cursor: grab; }
      .taskplanning-calendar-page .calendar__table .fc-event.fc-draggable .fc-event__remove {
        display: none;
        position: absolute;
        top: 2px;
        right: 2px;
        width: 12px;
        height: 12px;
        text-align: center;
        color: #CAD3DC;
        cursor: pointer; }
    .taskplanning-calendar-page .calendar__table .fc-event .fc-event__inner.another-plan {
      background: #f2f6fa !important; }
  .taskplanning-calendar-page .calendar__table .fc-content .fc-time {
    display: none; }
  .taskplanning-calendar-page .calendar__table .fc-content {
    display: flex;
    flex-direction: column;
    height: 100%; }
    .taskplanning-calendar-page .calendar__table .fc-content.overdue {
      border-top: 2px solid #d53c3c; }
  .taskplanning-calendar-page .calendar__table .fc-event__date {
    display: none; }
  .taskplanning-calendar-page .calendar__table .overdue .fc-event__date {
    display: inline-block; }
  .taskplanning-calendar-page .fc-event__title {
    color: #343A41;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 2px;
    display: inline-flex; }
    .taskplanning-calendar-page .fc-event__title:hover {
      text-decoration: none; }
  .taskplanning-calendar-page .fc-event__remove {
    display: none; }
  .taskplanning-calendar-page .fc-event__hint {
    position: relative;
    color: #8491A1;
    font-size: 11px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 3px; }
    .taskplanning-calendar-page .fc-event__hint .fi, .taskplanning-calendar-page .fc-event__hint .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .taskplanning-calendar-page .fc-event__hint table > tbody > tr > td > span.true, .taskplanning-calendar-page .fc-event__hint .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .taskplanning-calendar-page .fc-event__hint table > tbody > tr > td > span.false {
      margin-right: 3px;
      font-size: 14px;
      position: relative;
      top: 1px; }
  .taskplanning-calendar-page .fc-event__img-wrap {
    display: none; }
  .taskplanning-calendar-page .fc-img .fc-event__wrap {
    align-items: flex-start; }
  .taskplanning-calendar-page .fc-img .fc-event__img-wrap {
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-left: 5px; }
    .taskplanning-calendar-page .fc-img .fc-event__img-wrap.outlook {
      background: url("/static/images/integrations/outlook365.svg?500ffb18a25d") center no-repeat;
      background-size: contain; }
    .taskplanning-calendar-page .fc-img .fc-event__img-wrap.google {
      background: url("/static/images/integrations/google-calendar.svg?500ffb18a25d") center no-repeat;
      background-size: contain; }
  .taskplanning-calendar-page .fc-event__wrap {
    display: flex;
    align-items: center; }
  .taskplanning-calendar-page .fc-event__info {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .taskplanning-calendar-page .fc-event__info .fc-event__date {
      margin-right: 5px;
      margin-bottom: 4px; }
  .taskplanning-calendar-page .fc-time-grid .fc-slats td,
  .taskplanning-calendar-page .fc-time-grid .fc-axis.fc-widget-content {
    height: 35px !important; }
  .taskplanning-calendar-page .fc-divider.fc-widget-header {
    display: none; }
  .taskplanning-calendar-page .fc-day-header.fc-widget-header {
    padding: 9px; }
    .taskplanning-calendar-page .fc-day-header.fc-widget-header.active {
      position: relative; }
      .taskplanning-calendar-page .fc-day-header.fc-widget-header.active::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background-color: #CCD3DB; }
  .taskplanning-calendar-page .fc-scroller.fc-time-grid-container {
    height: 715px !important; }
  .taskplanning-calendar-page .fc-toolbar.fc-header-toolbar {
    position: absolute;
    top: 0;
    margin-bottom: 0;
    padding: 16px;
    border-left: 1px solid #dee4ec; }
    .taskplanning-calendar-page .fc-toolbar.fc-header-toolbar h2 {
      font-size: 14px;
      line-height: 18px; }
  .taskplanning-calendar-page .calendar-events__title {
    font-size: 11px;
    text-transform: uppercase;
    color: #8491A1;
    margin-bottom: 5px; }
  .taskplanning-calendar-page .fc-event.fc-event--customised {
    background: #fff;
    color: #000;
    border: 0;
    box-shadow: 0 0 1px 1px #ddd;
    text-align: left;
    overflow: hidden;
    cursor: default; }
    .taskplanning-calendar-page .fc-event.fc-event--customised:not(:last-child) {
      margin-bottom: 10px; }
    .taskplanning-calendar-page .fc-event.fc-event--customised:hover {
      color: #000;
      text-decoration: none; }
  .taskplanning-calendar-page .fc-event__title-icon {
    display: none; }
  .taskplanning-calendar-page .fc-event__inner--completed {
    opacity: 0.4; }
    .taskplanning-calendar-page .fc-event__inner--completed .fc-event__title-icon {
      display: inline-block;
      margin-right: 5px; }
  .taskplanning-calendar-page .fc-event.fc-event--drag {
    cursor: grab; }
  .taskplanning-calendar-page .fc-event--transparent {
    opacity: 0.5; }
  .taskplanning-calendar-page .fc-event__inner {
    padding: 7px 10px;
    border-top: 2px solid transparent; }
    .taskplanning-calendar-page .fc-event__inner.overdue {
      border-top-color: #d53c3c !important; }
  .taskplanning-calendar-page .fc-event__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
  .taskplanning-calendar-page .fc-event__date {
    background: transparent;
    font-size: 10px;
    color: #8491A1; }
  .taskplanning-calendar-page .fc-button {
    width: 24px;
    height: 24px;
    padding: 0;
    border-color: #F2F6FA;
    background-color: #F2F6FA;
    position: relative; }
    .taskplanning-calendar-page .fc-button:disabled {
      border-color: #F2F6FA;
      background-color: #F2F6FA; }
    .taskplanning-calendar-page .fc-button.fc-today-button {
      width: auto;
      padding-left: 5px;
      padding-right: 5px;
      color: #8391A0; }
    .taskplanning-calendar-page .fc-button:hover:not(:disabled), .taskplanning-calendar-page .fc-button:active:not(:disabled), .taskplanning-calendar-page .fc-button.fc-button-primary:active:not(:disabled) {
      background-color: #DEE4EC;
      border-color: #DEE4EC;
      color: #8391A0; }
    .taskplanning-calendar-page .fc-button:focus, .taskplanning-calendar-page .fc-button.fc-button-primary:not(:disabled):active:focus {
      box-shadow: 0 0 0 1px rgba(76, 91, 106, 0.5); }
    .taskplanning-calendar-page .fc-button[aria-label="prev"] {
      margin-right: 4px; }
    .taskplanning-calendar-page .fc-button span {
      color: #8391A0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .taskplanning-calendar-page .fc-center {
    margin-right: auto;
    margin-left: 8px; }
  .taskplanning-calendar-page .overdue .fc-event__date {
    padding: 0 3px;
    background: #d53c3c;
    color: #fff;
    border-radius: 2px; }
  .taskplanning-calendar-page .switch__label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top; }
    .taskplanning-calendar-page .switch__label::before {
      left: -38px;
      top: 1px;
      width: 30px;
      border-radius: .5rem;
      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
      position: absolute;
      display: block;
      height: 14px;
      content: "";
      background: #fff;
      border: #adb5bd solid 1px; }
    .taskplanning-calendar-page .switch__label::after {
      position: absolute;
      top: calc(.25rem - 1px);
      left: calc(-38px + 2px);
      display: block;
      width: 12px;
      height: 12px;
      content: "";
      background: no-repeat 50%/50% 50%;
      background-color: #adb5bd;
      border-radius: 50%;
      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
      transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
      transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out; }
  .taskplanning-calendar-page input:checked ~ .switch__label::before {
    color: #fff;
    border-color: #7C89D3;
    background: #7C89D3; }
  .taskplanning-calendar-page input:checked ~ .switch__label::after {
    background-color: #fff;
    transform: translateX(16px); }
  .taskplanning-calendar-page .calendar-events__toggle {
    position: relative;
    top: 2px;
    display: inline-block;
    border: 0;
    width: 14px;
    height: 12px;
    margin-left: 4px;
    background: url("/static/images/btn-open.png?500ffb18a25d") no-repeat;
    background-position: bottom left; }
    .taskplanning-calendar-page .calendar-events__toggle:hover {
      cursor: pointer; }
  .taskplanning-calendar-page .calendar-events__toggle--hide {
    background-position: top left; }
  .taskplanning-calendar-page .fc-resizer.fc-end-resizer::after {
    content: '' !important;
    background: url("/static/images/dot3.png?500ffb18a25d") center no-repeat;
    width: 15px;
    height: 3px;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .taskplanning-calendar-page .fc .fc-axis {
    font-size: 12px;
    color: #8491A1; }
  .taskplanning-calendar-page .fc-time-grid .fc-slats td:first-child {
    border: 0; }
  .taskplanning-calendar-page .taskplanning-calendar-page .fc .fc-axis {
    border-color: #fff; }
  .taskplanning-calendar-page .fc-axis.fc-widget-header {
    border-color: #fff; }
  .taskplanning-calendar-page .fc-head-container.fc-widget-header {
    border-top-color: transparent;
    border-bottom-color: #fff;
    border-right-color: transparent; }
  .taskplanning-calendar-page .fc-row:first-child table {
    border-top: 1px solid #ddd; }
  .taskplanning-calendar-page .fc-row table {
    border-bottom: 1px solid #ddd; }
  .taskplanning-calendar-page .fc-row table {
    border-top: 1px solid #ddd; }
  .taskplanning-calendar-page .fc-axis.fc-time.fc-widget-content ~ td {
    border-left-color: #fff;
    cursor: cell; }
  .taskplanning-calendar-page .fc-axis.fc-time.fc-widget-content span {
    position: absolute;
    margin-left: -13px;
    margin-top: -26px; }
  .taskplanning-calendar-page .fc-widget-content tr:first-child .fc-axis.fc-time.fc-widget-content span {
    margin-top: -21px; }
  .taskplanning-calendar-page .fc-body > tr > .fc-widget-content {
    border-right-color: transparent; }
  .taskplanning-calendar-page .fc-row.fc-widget-header {
    border-right-color: transparent; }
  .taskplanning-calendar-page .fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dashed; }
    .taskplanning-calendar-page .fc-time-grid .fc-slats .fc-minor td.fc-axis {
      border-color: transparent; }
  .taskplanning-calendar-page .event-counter {
    display: inline-block;
    position: absolute;
    right: 10px;
    border-radius: 8px;
    background-color: #7C89D3;
    color: #fff;
    padding: 0 8px;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer; }
  .taskplanning-calendar-page .event-counter__list-wrap {
    display: none; }
    .taskplanning-calendar-page .event-counter__list-wrap--shown {
      display: block;
      position: absolute;
      top: calc(100% + 3px);
      right: -10px;
      z-index: 10;
      width: 196px;
      max-height: 350px;
      min-width: 160px;
      max-width: 195px;
      box-shadow: 0px 3px 6px 0px #ddd;
      border: 1px solid #CED7E1;
      border-radius: 4px;
      text-align: left;
      list-style: none;
      background: #fff; }
    .taskplanning-calendar-page .event-counter__list-wrap--shown:before {
      position: absolute;
      content: "";
      top: -7px;
      right: 25px;
      width: 10px;
      height: 10px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      background: #fff;
      border-top: 1px solid #CED7E1;
      border-right: 1px solid #CED7E1;
      z-index: 11; }
  .taskplanning-calendar-page .event-counter__list {
    padding: 7px 0;
    margin: 0;
    overflow-y: auto;
    max-height: 330px; }
  .taskplanning-calendar-page .event-counter__list-item {
    line-height: 1.42857143;
    display: block;
    align-items: center;
    padding: 8px 13px;
    clear: both;
    color: #333;
    box-sizing: border-box;
    text-transform: none; }
    .taskplanning-calendar-page .event-counter__list-item .fc-event__title {
      display: block;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 100%; }
    .taskplanning-calendar-page .event-counter__list-item:hover {
      cursor: grab;
      background: #e7ecf0; }
  .taskplanning-calendar-page .querytimeblock .fc-event__title {
    color: #fff !important; }
  .taskplanning-calendar-page .querytimeblock.overdue.fc-event__inner {
    background-color: #d53c3c !important; }
    .taskplanning-calendar-page .querytimeblock.overdue.fc-event__inner .fc-event__date {
      background: rgba(255, 255, 255, 0.2); }
  .taskplanning-calendar-page .querytimeblock .fc-event__hint {
    color: rgba(255, 255, 255, 0.5); }
    .taskplanning-calendar-page .querytimeblock .fc-event__hint .fi, .taskplanning-calendar-page .querytimeblock .fc-event__hint .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .taskplanning-calendar-page .querytimeblock .fc-event__hint table > tbody > tr > td > span.true, .taskplanning-calendar-page .querytimeblock .fc-event__hint .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .taskplanning-calendar-page .querytimeblock .fc-event__hint table > tbody > tr > td > span.false {
      color: rgba(255, 255, 255, 0.5); }
  .taskplanning-calendar-page .calendar-events__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
  .taskplanning-calendar-page .calendar-events__reset {
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 14px;
    font-family: inherit;
    color: #7173CE;
    cursor: pointer; }

.taskplanning-calendar-account-page .view-content {
  padding-top: 0; }

.taskplanning-calendar-project-page .view-content {
  padding-top: 0; }

html[lang=fr] .taskplanning-calendar-page .calendar__menu {
  padding-right: 170px; }

.add-time-entry-modal {
  width: 512px; }
  .add-time-entry-modal form .input-time_spent {
    width: 9em; }
  .add-time-entry-modal form .input-name {
    height: auto; }

.select2-dropdown .task-option-content .context {
  font-size: 80%; }
  .select2-dropdown .task-option-content .context .item {
    display: inline;
    color: #959da7; }
    .select2-dropdown .task-option-content .context .item:not(:last-child):after {
      content: " · "; }
    .select2-dropdown .task-option-content .context .item .fi, .select2-dropdown .task-option-content .context .item .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .select2-dropdown .task-option-content .context .item table > tbody > tr > td > span.true, .select2-dropdown .task-option-content .context .item .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .select2-dropdown .task-option-content .context .item table > tbody > tr > td > span.false {
      margin-right: 2px; }

.add-time-entry-dropdown h5 {
  font-size: 18px;
  text-align: center;
  font-style: italic;
  color: #959da7; }

.add-time-entry-dropdown form .form-row {
  display: flex; }
  .add-time-entry-dropdown form .form-row .form-group:not(:last-child) {
    margin-right: 1em; }

.timesheets-time-entries-page .export-btn {
  font-weight: bold; }

.timesheets-time-entries-page .view-content .toolbar .nav {
  margin-right: auto; }
  .timesheets-time-entries-page .view-content .toolbar .nav a {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    color: #cad3dc;
    background: #f2f6fa;
    padding: 2px 4px;
    border-radius: 3px;
    transition: all .2s ease-in-out; }
    .timesheets-time-entries-page .view-content .toolbar .nav a:hover {
      background: #dee4eb;
      color: #8290a0; }
    .timesheets-time-entries-page .view-content .toolbar .nav a:first-child {
      margin-right: 1px; }

.timesheets-time-entries-page .view-content .toolbar .stats {
  display: flex;
  align-items: center; }
  .timesheets-time-entries-page .view-content .toolbar .stats .title {
    font-size: 12px;
    color: #959da7; }
  .timesheets-time-entries-page .view-content .toolbar .stats .value {
    font-size: 24px;
    line-height: 1; }
  .timesheets-time-entries-page .view-content .toolbar .stats__this-week {
    margin-right: 2em; }
    .timesheets-time-entries-page .view-content .toolbar .stats__this-week .value-holder {
      display: flex;
      align-items: center; }
      .timesheets-time-entries-page .view-content .toolbar .stats__this-week .value-holder .compare-prev {
        margin-left: 5px; }
        .timesheets-time-entries-page .view-content .toolbar .stats__this-week .value-holder .compare-prev .compare-prev-up {
          color: #57b949; }
        .timesheets-time-entries-page .view-content .toolbar .stats__this-week .value-holder .compare-prev .compare-prev-down {
          color: #d74b4c; }

.timesheets-time-entries-page .view-content .toolbar .buttons {
  margin-left: 2em; }
  .timesheets-time-entries-page .view-content .toolbar .buttons a {
    margin-left: 1em; }
  .timesheets-time-entries-page .view-content .toolbar .buttons .btn, .timesheets-time-entries-page .view-content .toolbar .buttons .c-mold-datepicker-ok-btn {
    font-weight: bold; }

.timesheets-time-entries-page .view-content .week-calendar {
  display: flex;
  margin-top: 1em; }
  .timesheets-time-entries-page .view-content .week-calendar__day {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    min-height: 41px;
    text-align: center;
    padding: 1em;
    color: #8894a4;
    text-decoration: none;
    border: 1px solid transparent;
    border-top: 2px solid transparent;
    border-bottom: 1px solid #dee4eb; }
    .timesheets-time-entries-page .view-content .week-calendar__day.active {
      border: 1px solid #dee4eb;
      border-top: 2px solid #7171d4;
      border-bottom-color: transparent; }
    .timesheets-time-entries-page .view-content .week-calendar__day:hover, .timesheets-time-entries-page .view-content .week-calendar__day.active {
      color: #7171d4; }
      .timesheets-time-entries-page .view-content .week-calendar__day:hover .details .total, .timesheets-time-entries-page .view-content .week-calendar__day.active .details .total {
        background: #7171d4;
        color: #fff; }
    .timesheets-time-entries-page .view-content .week-calendar__day.has-note .details .icon-note {
      display: initial; }
    .timesheets-time-entries-page .view-content .week-calendar__day .date {
      text-transform: uppercase;
      font-weight: bold; }
    .timesheets-time-entries-page .view-content .week-calendar__day .details .total {
      display: inline-block;
      margin-top: 5px;
      color: #fff;
      font-size: 12px;
      padding: 2px 8px;
      border-radius: 10px;
      background: #cad3dc;
      color: #636D79; }
    .timesheets-time-entries-page .view-content .week-calendar__day .details .icon-note {
      display: none;
      margin-left: .25em; }

.timesheets-time-entries-page .view-content table .timeblocks {
  width: 105px; }

.timesheets-time-entries-page .view-content table .buttons {
  width: 40px;
  text-align: right;
  white-space: nowrap;
  padding-right: 0; }
  .timesheets-time-entries-page .view-content table .buttons a {
    margin-left: 5px;
    text-decoration: none; }

.timesheets-time-entries-page .view-content .timesheet-note-form:not(.focus-within) textarea {
  height: auto;
  cursor: pointer;
  border: none;
  padding: 0; }
  .timesheets-time-entries-page .view-content .timesheet-note-form:not(.focus-within) textarea + .form-buttons {
    display: none; }

.timesheets-time-entries-page .view-content .timesheet-note-form .form-buttons {
  font-weight: bold;
  margin-top: 1em; }
  .timesheets-time-entries-page .view-content .timesheet-note-form .form-buttons button {
    margin-right: 10px; }

.timesheets-time-entries-page .view-content .timesheet-note-form-holder {
  margin-top: 1em; }

.timesheets-time-entries-page .view-content .landing-no-items {
  margin-top: 7em; }
  .timesheets-time-entries-page .view-content .landing-no-items img {
    height: auto;
    width: 85px; }

.jobtype-form .form-group .input-hourly_rate {
  width: 8em; }

.timesheets-jobtypes-page .wide-title .back-btn {
  font-weight: normal; }

.timesheets-jobtypes-page .view-content .actions-toolbar {
  margin-bottom: 20px; }

.timesheets-jobtypes-page .view-content .landing-no-items {
  margin-top: 10em; }
  .timesheets-jobtypes-page .view-content .landing-no-items img {
    height: auto;
    width: 85px; }

.timesheets-jobtypes-page .view-content table .hourly_rate {
  width: 12em; }

.timesheets-jobtypes-page .view-content table .usage {
  width: 12em; }

.timesheets-jobtypes-page .view-content table .buttons {
  width: 40px;
  text-align: right;
  white-space: nowrap;
  padding-right: 0; }
  .timesheets-jobtypes-page .view-content table .buttons a, .timesheets-jobtypes-page .view-content table .buttons button {
    margin-left: 5px;
    text-decoration: none;
    opacity: .6; }

.timesheets-team-overview-dashboard-page .widgets {
  display: flex; }

.timesheets-team-overview-dashboard-page .widgets-column {
  flex: 1; }
  .timesheets-team-overview-dashboard-page .widgets-column:not(:last-child) {
    padding-right: 2em; }

.timesheets-team-overview-dashboard-page .widgets-column-2 {
  flex: 2; }

.timesheets-team-overview-dashboard-page .widget {
  padding: 1.5em 1em;
  border: #dee4eb 1px solid;
  border-radius: 3px;
  margin-bottom: 2em; }
  .timesheets-team-overview-dashboard-page .widget .wrap-spacer {
    padding-left: 5px;
    padding-right: 5px; }
  .timesheets-team-overview-dashboard-page .widget h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-left: 10px; }
    .timesheets-team-overview-dashboard-page .widget h5 span {
      font-weight: normal;
      color: #959da7; }
  .timesheets-team-overview-dashboard-page .widget .canvas-wrap {
    width: 100%; }
  .timesheets-team-overview-dashboard-page .widget .legend .legend-item .color {
    padding-right: .6em; }
    .timesheets-team-overview-dashboard-page .widget .legend .legend-item .color div {
      transition: background .5s ease-in;
      width: 7px;
      height: 7px;
      background: transparent;
      border-radius: 50%; }

.timesheets-team-overview-dashboard-page .widget-by-date .canvas-wrap {
  width: 100%;
  height: 15em; }

.timesheets-team-overview-dashboard-page .widget-total .value {
  display: flex;
  align-items: center; }
  .timesheets-team-overview-dashboard-page .widget-total .value .total {
    font-size: 40px;
    line-height: 1.2; }
  .timesheets-team-overview-dashboard-page .widget-total .value .diff-prev {
    margin-left: .5em;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold; }
    .timesheets-team-overview-dashboard-page .widget-total .value .diff-prev.diff-up {
      color: #57b949;
      background: rgba(87, 185, 73, 0.15); }
    .timesheets-team-overview-dashboard-page .widget-total .value .diff-prev.diff-down {
      color: #d74b4c;
      background: rgba(215, 75, 76, 0.15); }

.timesheets-team-overview-dashboard-page .widget-total .title {
  color: #959da7; }

.timesheets-team-overview-dashboard-page .widget-billable-total {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .timesheets-team-overview-dashboard-page .widget-billable-total .canvas-wrap {
    position: relative;
    width: 50%;
    margin-left: -10px;
    height: 10em; }
    .timesheets-team-overview-dashboard-page .widget-billable-total .canvas-wrap .details {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      text-align: center; }
      .timesheets-team-overview-dashboard-page .widget-billable-total .canvas-wrap .details .value {
        font-size: 28px; }
        .timesheets-team-overview-dashboard-page .widget-billable-total .canvas-wrap .details .value span {
          font-size: 80%; }
      .timesheets-team-overview-dashboard-page .widget-billable-total .canvas-wrap .details .title {
        color: #959da7; }
  .timesheets-team-overview-dashboard-page .widget-billable-total .legend {
    flex: 1;
    margin-left: 2em; }
    .timesheets-team-overview-dashboard-page .widget-billable-total .legend .legend-item {
      display: flex;
      align-items: baseline;
      margin-bottom: .7em; }
      .timesheets-team-overview-dashboard-page .widget-billable-total .legend .legend-item .color {
        position: relative;
        top: -0.2em; }
      .timesheets-team-overview-dashboard-page .widget-billable-total .legend .legend-item .value {
        font-size: 18px; }
      .timesheets-team-overview-dashboard-page .widget-billable-total .legend .legend-item .title {
        color: #959da7; }

.timesheets-team-overview-dashboard-page .widget-team-members table {
  width: 100%;
  margin-top: -10px; }
  .timesheets-team-overview-dashboard-page .widget-team-members table th, .timesheets-team-overview-dashboard-page .widget-team-members table td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px; }
  .timesheets-team-overview-dashboard-page .widget-team-members table th {
    font-weight: normal;
    color: #8491a1;
    text-align: left; }
  .timesheets-team-overview-dashboard-page .widget-team-members table td {
    border-top: #edf1f4 1px solid;
    vertical-align: middle; }
  .timesheets-team-overview-dashboard-page .widget-team-members table .cell-user-avatar {
    width: 1px;
    padding-right: 1em; }
  .timesheets-team-overview-dashboard-page .widget-team-members table .cell-time-spent {
    width: 1px;
    white-space: nowrap; }
    .timesheets-team-overview-dashboard-page .widget-team-members table .cell-time-spent .pct {
      color: #959da7; }
  .timesheets-team-overview-dashboard-page .widget-team-members table .cell-amount {
    width: 1px;
    white-space: nowrap;
    padding-right: 3em; }

.timesheets-team-overview-dashboard-page .widget-stacked100 .canvas-wrap {
  height: 1em; }

.timesheets-team-overview-dashboard-page .widget-stacked100 .legend .legend-item {
  display: flex;
  align-items: baseline;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px; }
  .timesheets-team-overview-dashboard-page .widget-stacked100 .legend .legend-item .color {
    position: relative;
    top: -0.1em; }
  .timesheets-team-overview-dashboard-page .widget-stacked100 .legend .legend-item .title {
    flex: 1; }
  .timesheets-team-overview-dashboard-page .widget-stacked100 .legend .legend-item .value {
    color: #959da7;
    padding-left: 2em; }

.timesheets-team-overview-dashboard-page .widget-stacked100 .legend .legend-more {
  display: none; }

.timesheets-team-overview-dashboard-page .widget-stacked100 .legend .toggle-more-btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none; }
  .timesheets-team-overview-dashboard-page .widget-stacked100 .legend .toggle-more-btn span {
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: #b9bae6 1px dotted; }
  .timesheets-team-overview-dashboard-page .widget-stacked100 .legend .toggle-more-btn .show-less-text {
    display: none; }

.timesheets-team-overview-dashboard-page .widget-stacked100 .legend.open .legend-more {
  display: initial; }

.timesheets-team-overview-dashboard-page .widget-stacked100 .legend.open .show-less-text {
  display: initial; }

.timesheets-team-overview-dashboard-page .widget-stacked100 .legend.open .show-more-text {
  display: none; }

.timesheets-team-overview-list-page .view-content table .date {
  width: 80px; }

.timesheets-team-overview-list-page .view-content table .user {
  width: 120px; }
  .timesheets-team-overview-list-page .view-content table .user .avatar {
    margin-right: 4px; }

.timesheets-team-overview-page .view-content .toolbar .date-filter-form .input-group {
  width: 12em; }

.timesheets-team-overview-page .view-content .toolbar .date-filter-form .reset-btn {
  cursor: pointer; }

.timesheets-time-entries-page .wide-title,
.timesheets-team-overview-page .wide-title {
  margin-bottom: 0; }
  .timesheets-time-entries-page .wide-title + .tabs,
  .timesheets-team-overview-page .wide-title + .tabs {
    padding: 9px 20px;
    border-bottom: #dee4eb 1px solid;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #343A41; }

.timesheets-time-entries-page .view-content table .name .obj-link,
.timesheets-team-overview-list-page .view-content table .name .obj-link {
  color: inherit; }

.timesheets-time-entries-page .view-content table .context,
.timesheets-team-overview-list-page .view-content table .context {
  width: 200px; }
  .timesheets-time-entries-page .view-content table .context .context-info,
  .timesheets-team-overview-list-page .view-content table .context .context-info {
    display: flex; }
    .timesheets-time-entries-page .view-content table .context .context-info .icon-col,
    .timesheets-team-overview-list-page .view-content table .context .context-info .icon-col {
      line-height: 17px;
      vertical-align: middle;
      color: #8491a1; }
      .timesheets-time-entries-page .view-content table .context .context-info .icon-col > div,
      .timesheets-team-overview-list-page .view-content table .context .context-info .icon-col > div {
        width: 21px;
        padding-right: 4px;
        text-align: right; }
        .timesheets-time-entries-page .view-content table .context .context-info .icon-col > div .fi, .timesheets-time-entries-page .view-content table .context .context-info .icon-col > div .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .timesheets-time-entries-page .view-content table .context .context-info .icon-col > div table > tbody > tr > td > span.true, .timesheets-time-entries-page .view-content table .context .context-info .icon-col > div .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .timesheets-time-entries-page .view-content table .context .context-info .icon-col > div table > tbody > tr > td > span.false,
        .timesheets-team-overview-list-page .view-content table .context .context-info .icon-col > div .fi,
        .timesheets-team-overview-list-page .view-content table .context .context-info .icon-col > div .pretty-table-holder table > tbody > tr > td > span.true,
        .pretty-table-holder .timesheets-team-overview-list-page .view-content table .context .context-info .icon-col > div table > tbody > tr > td > span.true,
        .timesheets-team-overview-list-page .view-content table .context .context-info .icon-col > div .pretty-table-holder table > tbody > tr > td > span.false,
        .pretty-table-holder .timesheets-team-overview-list-page .view-content table .context .context-info .icon-col > div table > tbody > tr > td > span.false {
          font-size: 22px; }
    .timesheets-time-entries-page .view-content table .context .context-info .text-col .commoment-name,
    .timesheets-team-overview-list-page .view-content table .context .context-info .text-col .commoment-name {
      color: #8491a1; }

.timesheets-time-entries-page .view-content table .project,
.timesheets-team-overview-list-page .view-content table .project {
  width: 160px; }
  .timesheets-time-entries-page .view-content table .project .project-group,
  .timesheets-team-overview-list-page .view-content table .project .project-group {
    font-style: italic;
    color: #959da7; }
  .timesheets-time-entries-page .view-content table .project .plan,
  .timesheets-team-overview-list-page .view-content table .project .plan {
    color: #959da7; }

.timesheets-time-entries-page .view-content table .time_spent,
.timesheets-team-overview-list-page .view-content table .time_spent {
  width: 60px;
  white-space: nowrap;
  text-align: right; }

.timesheets-time-entries-page .view-content table td.time_spent,
.timesheets-team-overview-list-page .view-content table td.time_spent {
  color: inherit; }
  .timesheets-time-entries-page .view-content table td.time_spent .progressbar,
  .timesheets-team-overview-list-page .view-content table td.time_spent .progressbar {
    width: 100%;
    margin-left: auto;
    margin-top: 5px; }

.timesheets-time-entries-page .view-content table .amount,
.timesheets-team-overview-list-page .view-content table .amount {
  width: 4em;
  text-align: right;
  white-space: nowrap; }

.timesheets-time-entries-page .view-content table .job_type,
.timesheets-team-overview-list-page .view-content table .job_type {
  width: 80px; }

.timesheets-time-entries-page .view-content table .is_billable,
.timesheets-team-overview-list-page .view-content table .is_billable {
  width: 110px;
  text-align: center; }

.timesheets-time-entries-page .view-content table tfoot,
.timesheets-team-overview-list-page .view-content table tfoot {
  margin-top: 2em; }
  .timesheets-time-entries-page .view-content table tfoot td,
  .timesheets-team-overview-list-page .view-content table tfoot td {
    vertical-align: middle;
    border-top: 1px solid #ced7e1;
    line-height: 4em;
    text-align: right; }
  .timesheets-time-entries-page .view-content table tfoot .project,
  .timesheets-time-entries-page .view-content table tfoot .timeblocks,
  .timesheets-team-overview-list-page .view-content table tfoot .project,
  .timesheets-team-overview-list-page .view-content table tfoot .timeblocks {
    text-transform: uppercase;
    font-size: 14px;
    color: #959da7; }
  .timesheets-time-entries-page .view-content table tfoot .time_spent, .timesheets-time-entries-page .view-content table tfoot .amount,
  .timesheets-team-overview-list-page .view-content table tfoot .time_spent,
  .timesheets-team-overview-list-page .view-content table tfoot .amount {
    font-size: 18px; }

.timesheets-team-overview-page .toolbar .row .toolbar-item:nth-child(2) {
  margin-left: auto; }

.timesheets-team-overview-page .toolbar .row .toolbar-item:not(:last-child) {
  margin-right: 1em; }

.timesheets-team-overview-page .toolbar .row .toolbar-item .btn, .timesheets-team-overview-page .toolbar .row .toolbar-item .c-mold-datepicker-ok-btn {
  height: 38px;
  line-height: 38px;
  font-weight: bold; }

.timesheets-team-overview-page .toolbar .row .toolbar-item .btn-group li a {
  min-width: initial; }
  .timesheets-team-overview-page .toolbar .row .toolbar-item .btn-group li a i {
    margin-right: 0; }

.timesheets-team-overview-page .toolbar .row .date-filter-form {
  display: flex; }
  .timesheets-team-overview-page .toolbar .row .date-filter-form .separator {
    line-height: 36px;
    margin: 0 .5em;
    color: #959da7; }

.timesheets-team-overview-page .toolbar {
  margin-top: .5em; }

.с-budget-total {
  height: 100%; }
  .с-budget-total .c-body {
    height: 100%; }
    .с-budget-total .c-body:after {
      display: block;
      content: '';
      clear: both; }
  .с-budget-total .chart-holder {
    float: left;
    width: 40%;
    height: 100%; }
  .с-budget-total .legend {
    float: right;
    width: 50%; }
    .с-budget-total .legend .plan-limits-change-btn img {
      height: 12px;
      vertical-align: middle;
      margin-left: 8px; }
    .с-budget-total .legend table {
      width: 100%; }
      .с-budget-total .legend table tr > * {
        padding: 8px 0;
        padding-right: 10px; }
        .с-budget-total .legend table tr > *:nth-child(n+3) {
          text-align: right; }
      .с-budget-total .legend table th {
        color: #959da7; }
      .с-budget-total .legend table td:first-child {
        padding-left: 10px;
        width: 1px; }
        .с-budget-total .legend table td:first-child:before {
          display: inline-block;
          content: ''; }
      .с-budget-total .legend table .row-plan-limit td:first-child:before {
        vertical-align: super;
        border-top: #d74b4c 1px dashed;
        width: 0.6em; }
      .с-budget-total .legend table .row-pg-limit td:first-child:before {
        vertical-align: super;
        border-top: silver 1px solid;
        width: 0.6em; }
      .с-budget-total .legend table .row-budget td:first-child:before {
        width: 0.6em;
        height: 0.6em;
        background: #c4aff0;
        border-radius: 50%; }
      .с-budget-total .legend table .row-estimated td:first-child:before {
        width: 0.6em;
        height: 0.6em;
        background: #b1e278;
        border-radius: 50%; }
      .с-budget-total .legend table .row-invoices td:first-child:before {
        display: inline-block;
        width: 0.6em;
        height: 0.6em;
        background: #70d5f0;
        border-radius: 50%; }
      .с-budget-total .legend table .col-diff .money {
        color: #959da7; }
        .с-budget-total .legend table .col-diff .money.money-pos {
          color: #57b949; }
          .с-budget-total .legend table .col-diff .money.money-pos:before {
            content: '+'; }
        .с-budget-total .legend table .col-diff .money.money-neg {
          color: #d74b4c; }
      .с-budget-total .legend table .col-flt {
        display: none;
        color: #7171d4; }
      .с-budget-total--filtered.с-budget-total .legend table .row-pg-limit,
      .с-budget-total--filtered.с-budget-total .legend table .row-plan-limit {
        display: none; }
      .с-budget-total--filtered.с-budget-total .legend table .col-flt {
        display: table-cell !important; }
      .с-budget-total--filtered.с-budget-total .legend table .col-diff {
        display: none; }

.с-plan-budget-total .legend table .row-budget {
  background: #f2f5fA; }
  .с-plan-budget-total .legend table .row-budget td:not(:last-child) {
    font-weight: 600; }

.с-project-budget-total table .row-budget td:nth-child(2) {
  font-weight: 600; }

.с-project-budget-total table .row-budget .col-ttl {
  font-size: 28px;
  color: #7171d4; }

.с-project-budget-total table .row-budget .col-btn-holder {
  width: 1px;
  vertical-align: bottom;
  padding-left: 5px; }
  .с-project-budget-total table .row-budget .col-btn-holder a {
    position: relative;
    top: -4px; }

.c-budget-invoices {
  height: 100%; }
  .c-budget-invoices .chart-holder {
    height: 100%; }

.budget-overview-page.budget-overview-page-filtered .table-budget th.limit,
.budget-overview-page.budget-overview-page-filtered .table-budget td.limit {
  display: none; }

.budget-overview-page.budget-overview-page-filtered .table-budget .limits-change-btn {
  display: none; }

.budget-overview-page.budget-overview-page-filtered .table-budget .c-money-diff {
  display: none; }

.budget-overview-page .charts {
  height: 18em;
  margin-top: 2em;
  margin-bottom: 3em; }

.budget-overview-page .anchor {
  top: -93px; }

.budget-overview-page .c-account-budget-metrics {
  box-shadow: 0 2px #dee4eb;
  z-index: 1; }
  .budget-overview-page .c-account-budget-metrics .items-holder {
    margin-top: 1.5em;
    max-height: 585px;
    overflow-y: auto; }
  .budget-overview-page .c-account-budget-metrics table {
    width: 100%; }
    .budget-overview-page .c-account-budget-metrics table td {
      padding-top: 2px;
      padding-bottom: 2px;
      padding: px(5px); }
      .budget-overview-page .c-account-budget-metrics table td:not(:first-child) {
        text-align: right; }
  .budget-overview-page .c-account-budget-metrics .items-table a {
    color: inherit;
    text-decoration: none; }
  .budget-overview-page .c-account-budget-metrics .items-table .pct {
    width: 4em;
    color: #959da7; }
  .budget-overview-page .c-account-budget-metrics .items-table .val {
    width: 6em;
    white-space: nowrap; }
    .budget-overview-page .c-account-budget-metrics .items-table .val.val-zero {
      color: #959da7; }
  .budget-overview-page .c-account-budget-metrics .total-table .total {
    text-align: right;
    font-size: 18px;
    color: #7171d4;
    padding-top: 1em; }

.budget-overview-page .table-budget tr[data-href] {
  cursor: pointer; }

.budget-overview-page .table-budget th.name {
  padding-left: 24px; }

.budget-overview-page .table-budget th.owner,
.budget-overview-page .table-budget td.owner {
  width: 3rem; }

.budget-overview-page .table-budget th.limit, .budget-overview-page .table-budget th.estimated, .budget-overview-page .table-budget th.budget, .budget-overview-page .table-budget th.invoices,
.budget-overview-page .table-budget td.limit,
.budget-overview-page .table-budget td.estimated,
.budget-overview-page .table-budget td.budget,
.budget-overview-page .table-budget td.invoices {
  width: 7rem;
  white-space: nowrap;
  text-align: right; }

.budget-overview-page .table-budget td.name {
  font-size: 16px; }
  .budget-overview-page .table-budget td.name > span {
    font-weight: bold; }
  .budget-overview-page .table-budget td.name .extra-info {
    display: flex;
    margin-top: 2px;
    font-size: 12px; }
    .budget-overview-page .table-budget td.name .extra-info .date-range {
      color: #9ea9b7;
      margin-right: 1em; }
  .budget-overview-page .table-budget td.name .limits-change-btn {
    margin-left: 20px;
    align-self: flex-end; }

.budget-overview-page .table-budget td .money {
  display: block; }
  .budget-overview-page .table-budget td .money.money-zero {
    opacity: 0.5; }

.budget-overview-page .table-budget td .progressbar {
  display: inline-block;
  width: 68px;
  vertical-align: middle; }

.budget-overview-page .table-budget td .filtered-out {
  color: #959da7; }
  .budget-overview-page .table-budget td .filtered-out .money-pos:before {
    content: "+"; }

.budget-overview-page .project-group {
  margin-top: 10px; }
  .budget-overview-page .project-group .group-header .name .expander {
    display: flex;
    align-items: flex-start; }
    .budget-overview-page .project-group .group-header .name .expander .collapse-toggle-btn {
      transform: translateY(50%); }
    .budget-overview-page .project-group .group-header .name .expander .fa-spinner {
      margin-top: 4px;
      margin-right: 6px;
      font-size: 14px; }
      .budget-overview-page .project-group .group-header .name .expander .fa-spinner[style=""] + .collapse-toggle-btn {
        display: none; }
    .budget-overview-page .project-group .group-header .name .expander .group-name {
      font-size: 20px;
      font-weight: bold; }
  .budget-overview-page .project-group .group-header td {
    border-bottom: #dee4eb 1px solid; }
    .budget-overview-page .project-group .group-header td > .money {
      font-weight: bold; }
  .budget-overview-page .project-group .table-budget .name {
    padding-left: 0; }
  .budget-overview-page .project-group .table-budget .budget {
    background: #f2f6fa; }
  .budget-overview-page .project-group .project-group-body .table-budget .name {
    padding-left: 21px; }

.budget-overview-page.plan-budget-overview-page .table-header {
  padding-bottom: 20px; }

.budget-overview-page.account-budget-overview-page .toolbar {
  margin-top: 24px; }
  .budget-overview-page.account-budget-overview-page .toolbar + hr {
    display: none; }

.budget-overview-page.account-budget-overview-page .view-content {
  display: flex; }
  .budget-overview-page.account-budget-overview-page .view-content .column-metrics {
    flex: 0 0 400px;
    margin-right: 32px; }
  .budget-overview-page.account-budget-overview-page .view-content .column-tables {
    flex-grow: 1;
    margin-top: 10px; }
    .budget-overview-page.account-budget-overview-page .view-content .column-tables .plan {
      margin-top: 3em; }
      .budget-overview-page.account-budget-overview-page .view-content .column-tables .plan:not(:last-child) {
        border-bottom: #ced7e1 2px solid; }
      .budget-overview-page.account-budget-overview-page .view-content .column-tables .plan .plan-header .table-budget td .plan-name,
      .budget-overview-page.account-budget-overview-page .view-content .column-tables .plan .plan-header .table-budget td > .money {
        color: #7171d4;
        font-size: 18px; }
      .budget-overview-page.account-budget-overview-page .view-content .column-tables .plan .plan-header .table-budget .name > div {
        display: flex;
        align-items: center; }

.project-budget {
  margin-left: 18px;
  margin-right: 18px; }
  .project-budget .charts {
    height: 12em;
    margin-top: 1em;
    margin-bottom: 2em; }
  .project-budget .c-money-diff-none {
    display: none; }
  .project-budget table {
    width: 100%; }
    .project-budget table.table-header td {
      font-size: 13px !important;
      color: #8491a1 !important;
      line-height: 15px;
      padding-bottom: 10px;
      font-family: lato, sans-serif;
      font-weight: 700;
      border: none;
      background-color: #f2f6fa; }
    .project-budget table td {
      vertical-align: top;
      font-size: 14px;
      color: #51565b;
      line-height: 18px;
      padding-top: 9px;
      padding-bottom: 9px; }
    .project-budget table .cell-name {
      vertical-align: middle;
      padding-left: 24px;
      font-size: 16px;
      color: #343a41;
      padding-right: 5px !important; }
    .project-budget table .cell-owner {
      padding-right: 5px !important;
      width: 75px; }
    .project-budget table .cell-tags {
      padding-right: 5px !important;
      width: 25%; }
    .project-budget table .cell-estimated,
    .project-budget table .cell-invoices {
      width: 150px;
      padding-right: 5px !important;
      text-align: right; }
      .project-budget table .cell-estimated a,
      .project-budget table .cell-invoices a {
        color: #343a41;
        text-decoration: none; }
    .project-budget table .cell-invoices .value:after {
      display: block;
      content: '';
      clear: both; }
    .project-budget table .cell-invoices .value .col {
      float: right; }
    .project-budget table .cell-links {
      width: 68px;
      text-align: right;
      padding-right: 10px; }
  .project-budget .items {
    padding-top: 18px; }
    .project-budget .items .group table td {
      border-bottom: 1px solid #dee4eb; }
    .project-budget .items .group table tr:last-child td {
      border-bottom: none; }
  .project-budget .shared-budget {
    margin-bottom: 1em;
    margin-left: -4px; }
    .project-budget .shared-budget td {
      padding-top: 8px;
      padding-bottom: 8px; }
    .project-budget .shared-budget .row-total td {
      color: #75B933 !important;
      font-weight: bold; }
    .project-budget .shared-budget .row-total .cell-name img {
      height: 1em;
      vertical-align: middle; }
    .project-budget .shared-budget .row-total .cell-name span {
      margin-left: 5px;
      vertical-align: middle; }
    .project-budget .shared-budget .row-project td {
      padding-top: 4px;
      padding-bottom: 4px; }

.list-invoices {
  padding-bottom: 25px; }
  .list-invoices .item {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: #dee4eb 1px solid; }
    .list-invoices .item:after {
      clear: both;
      content: '';
      display: block; }
    .list-invoices .item .item-wrap {
      text-decoration: none;
      color: inherit; }
    .list-invoices .item .del {
      float: right;
      margin-top: 7px; }
    .list-invoices .item .attachments {
      line-height: 24px;
      min-width: 90px;
      float: right;
      margin-top: 5px;
      font-size: 12px;
      color: #8491a1;
      cursor: pointer;
      margin-right: 25px; }
      .list-invoices .item .attachments img {
        height: 12px;
        vertical-align: middle;
        margin-top: -2px;
        margin-right: 5px; }
    .list-invoices .item .amount {
      min-width: 70px;
      text-align: right;
      margin-right: 12px;
      margin-left: 25px;
      font-size: 14px;
      line-height: 24px;
      margin-top: 5px;
      float: right; }
    .list-invoices .item .date {
      font-size: 14px;
      line-height: 20px; }
    .list-invoices .item .name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #8491a1;
      font-size: 14px;
      line-height: 20px; }
  .list-invoices .total {
    text-align: right;
    padding-right: 46px;
    font-size: 16px;
    font-weight: bold; }

.sidebar-details-cost .invoice-form .input input {
  border: none;
  border-radius: 0; }

.sidebar-details-cost .invoice-form .errorlist {
  margin-bottom: 5px !important; }

.sidebar-details-cost .invoice-form .errors-date {
  float: left;
  width: 50%;
  margin-top: -7px; }

.sidebar-details-cost .invoice-form .errors-amount {
  float: right;
  width: 50%;
  margin-top: -7px; }

.sidebar-details-cost .invoice-form .buttons {
  float: right; }
  .sidebar-details-cost .invoice-form .buttons a {
    margin-right: 10px;
    line-height: 33px; }

.budget-overview-page .charts:after,
.project-budget .charts:after {
  display: block;
  content: '';
  clear: both; }

.budget-overview-page .charts .item,
.project-budget .charts .item {
  height: 100%;
  float: left; }
  .budget-overview-page .charts .item:first-child,
  .project-budget .charts .item:first-child {
    width: 70%;
    margin-right: 20px; }
  .budget-overview-page .charts .item:last-child,
  .project-budget .charts .item:last-child {
    width: calc(30% - 20px); }

@media screen and (max-width: 1365px) {
  .budget-overview-page .charts,
  .project-budget .charts {
    height: auto; }
    .budget-overview-page .charts .item,
    .project-budget .charts .item {
      float: none;
      width: 100% !important;
      margin-right: 0 !important; }
      .budget-overview-page .charts .item:last-child,
      .project-budget .charts .item:last-child {
        margin-top: 20px;
        margin-bottom: 20px; } }

.change-budget-limits-form .controls {
  margin-left: 163px; }

.change-budget-limits-form .form-group label {
  width: 145px; }

.change-budget-limits-form .budget-limit-item {
  position: relative; }
  .change-budget-limits-form .budget-limit-item a {
    position: absolute;
    top: 0;
    right: -10px;
    padding-right: 20px;
    line-height: 36px;
    color: #e86f6f;
    text-decoration: none;
    display: none; }
  .change-budget-limits-form .budget-limit-item:hover a {
    display: block; }
  .change-budget-limits-form .budget-limit-item input {
    padding-right: 25px; }

.c-shared-project-budget table .row-total td img {
  height: 1em;
  vertical-align: middle; }

.c-shared-project-budget table .row-total td span {
  margin-left: 5px;
  vertical-align: middle; }

.showhide-dropdown .form, .showhide-dropdown .c-mold-datepicker {
  padding: 1.2em; }
  .showhide-dropdown .form .vertical-list, .showhide-dropdown .c-mold-datepicker .vertical-list {
    list-style: none;
    padding-left: .3em; }

.tasks-dropdown > div {
  width: 180px;
  padding: 10px;
  background-color: #fff;
  font-size: 12px;
  line-height: 18px; }

.tasks-dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  padding-top: 10px; }
  .tasks-dropdown ul li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px; }
    .tasks-dropdown ul li:before {
      display: block;
      width: 3px;
      height: 3px;
      content: '';
      background-color: #343a41;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 9px; }

.sidebar-details-comchannel .moments-nav {
  padding-bottom: 10px; }
  .sidebar-details-comchannel .moments-nav .tabs {
    margin-bottom: 0;
    padding-right: 18px;
    color: #ced7e1; }
    .sidebar-details-comchannel .moments-nav .tabs:not(:first-child) {
      padding-top: 8px; }
    .sidebar-details-comchannel .moments-nav .tabs.month-tabs li {
      margin-right: 23px; }
      .sidebar-details-comchannel .moments-nav .tabs.month-tabs li:last-child {
        margin-right: 0; }

.sidebar-details-comchannel .moments {
  clear: both;
  position: relative;
  padding-bottom: 25px; }
  .sidebar-details-comchannel .moments table {
    width: 100%; }
    .sidebar-details-comchannel .moments table td {
      padding-top: 12px;
      padding-bottom: 12px;
      padding-right: 9px;
      line-height: 18px; }
      .sidebar-details-comchannel .moments table td:first-child {
        padding-left: 18px; }
      .sidebar-details-comchannel .moments table td:last-child {
        padding-right: 18px; }
    .sidebar-details-comchannel .moments table tr.item td {
      border-top: #dee4eb 1px solid;
      border-bottom: #dee4eb 1px solid; }
    .sidebar-details-comchannel .moments table tr.item:last-child td {
      border-bottom: none; }
    .sidebar-details-comchannel .moments table .cell-info .object-tags {
      margin-top: 7px; }
    .sidebar-details-comchannel .moments table .cell-info a {
      color: inherit;
      text-decoration: none; }
    .sidebar-details-comchannel .moments table .cell-info .generic-objects-info {
      margin-left: 0;
      float: left; }
    .sidebar-details-comchannel .moments table .cell-amount {
      text-align: right; }
    .sidebar-details-comchannel .moments table td:last-child {
      width: 1px;
      padding-left: 0; }
      .sidebar-details-comchannel .moments table td:last-child img {
        height: 16px; }
    .sidebar-details-comchannel .moments table .budget-totals td {
      padding-top: 0;
      padding-bottom: 10px; }
    .sidebar-details-comchannel .moments table .budget-totals .row-total td {
      padding-bottom: 18px; }
    .sidebar-details-comchannel .moments table .budget-totals .row-total .cell-amount {
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap; }
    .sidebar-details-comchannel .moments table .budget-totals .cell-info {
      text-align: right; }
    .sidebar-details-comchannel .moments table .budget-totals .row-own .cell-info {
      color: #959da7; }
    .sidebar-details-comchannel .moments table .budget-totals .row-own .cell-amount {
      font-size: 15px;
      color: #272C32; }
    .sidebar-details-comchannel .moments table .budget-totals .row-ext td {
      color: #75B933; }
    .sidebar-details-comchannel .moments table .budget-totals .row-ext .cell-amount {
      font-size: 15px; }
  .sidebar-details-comchannel .moments .earlier-moments {
    margin-top: 2em; }
    .sidebar-details-comchannel .moments .earlier-moments caption {
      text-align: left;
      color: #959da7;
      font-weight: bold;
      padding: 12px 18px; }

.sidebar-details-comchannel .sub-title + .commoment-inline-form {
  margin-top: -5px; }

.sidebar-details-comchannel .commoment-inline-form .field {
  margin-bottom: 8px; }
  .sidebar-details-comchannel .commoment-inline-form .field:last-child {
    margin-bottom: 0; }

.sidebar-details-comchannel .commoment-inline-form .daterange {
  font-size: 0;
  line-height: 0; }

.sidebar-details-comchannel .commoment-inline-form .controls .hyphen {
  font-size: 14px;
  display: inline-block;
  padding-top: 8px;
  vertical-align: top;
  line-height: 18px;
  text-align: center;
  width: 3.3%; }

.sidebar-details-comchannel .commoment-inline-form input[type="text"] {
  width: 100%;
  display: inline-block;
  border: #ced7e1 1px solid;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  color: #343a41; }

.sidebar-details-comchannel .commoment-inline-form .date-field {
  vertical-align: top;
  display: inline-block;
  width: 48.35%; }

.sidebar-details-comchannel .commoment-inline-form .buttons {
  float: right; }
  .sidebar-details-comchannel .commoment-inline-form .buttons a {
    margin-right: 10px;
    line-height: 33px; }
  .sidebar-details-comchannel .commoment-inline-form .buttons .btn, .sidebar-details-comchannel .commoment-inline-form .buttons .c-mold-datepicker-ok-btn {
    min-width: 105px;
    margin-left: 10px; }

.sidebar-details-commoment .menu .parent-channel {
  float: right !important;
  margin-right: 5px; }
  .sidebar-details-commoment .menu .parent-channel a img {
    height: 32px; }

.sidebar-details-commoment .object-link {
  line-height: 18px; }
  .sidebar-details-commoment .object-link .fi, .sidebar-details-commoment .object-link .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .sidebar-details-commoment .object-link table > tbody > tr > td > span.true, .sidebar-details-commoment .object-link .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .sidebar-details-commoment .object-link table > tbody > tr > td > span.false {
    float: left; }
  .sidebar-details-commoment .object-link .text {
    margin-top: -5px;
    float: left;
    width: calc(100% - 38px); }
    .sidebar-details-commoment .object-link .text .channel-context {
      display: block;
      color: #272C32; }
      .sidebar-details-commoment .object-link .text .channel-context .project-group,
      .sidebar-details-commoment .object-link .text .channel-context .plan {
        color: #8491a1; }
        .sidebar-details-commoment .object-link .text .channel-context .project-group .dot,
        .sidebar-details-commoment .object-link .text .channel-context .plan .dot {
          font-weight: 600; }

.sidebar-details-commoment .moment-linked-channels .object-link:not(:nth-last-child(2)) {
  margin-bottom: 8px; }

.sidebar-details-commoment .moment-linked-channels .object-link:after {
  display: block;
  content: '';
  clear: both; }

.communication .calendar {
  border-bottom: #ced7e1 1px solid; }
  .communication .calendar .kpis-weekly {
    position: relative; }
    .communication .calendar .kpis-weekly .line {
      height: 39px;
      line-height: 39px; }
    .communication .calendar .kpis-weekly .cell input {
      height: 39px;
      width: 100%;
      text-align: center; }
    .communication .calendar .kpis-weekly.kpis-weekly-header .line {
      padding-left: 24px;
      border-right: none; }
  .communication .calendar .scroll.dragging .kpis-weekly-body {
    border-left: #ced7e1 1px solid; }
  .communication .calendar [data-sticky-top] {
    background-color: #fff; }
  .communication .calendar .indicator {
    top: 18px; }
  .communication .calendar .project-name {
    width: 350px;
    vertical-align: top;
    float: left; }
    .communication .calendar .project-name .add-planitem {
      float: right; }
  .communication .calendar .progress-cell {
    border-left: #ced7e1 1px solid;
    margin-left: 350px;
    position: relative; }
    .communication .calendar .progress-cell:before {
      position: absolute;
      right: -1px;
      top: 0;
      height: 36px;
      border-right: #fff 1px solid;
      display: block;
      content: ''; }
  .communication .calendar .scroll {
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */ }
    .communication .calendar .scroll::-webkit-scrollbar {
      display: none;
      /* Safari and Chrome */ }
  .communication .calendar .today {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    background: url("/static/images/line-today.png?500ffb18a25d") repeat-y center top;
    margin-left: -5px;
    z-index: 100; }
    .communication .calendar .today div {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #6cd96a; }
  .communication .calendar .progress-cell .line {
    min-height: 39px; }
  .communication .calendar .project-name ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .communication .calendar .project-name ul li {
      padding: 0;
      margin: 0;
      list-style: none;
      position: relative;
      height: 39px;
      padding-left: 25px;
      line-height: 39px;
      padding-right: 10px; }
      .communication .calendar .project-name ul li .label-status-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        left: 11px;
        top: 10px;
        display: block;
        content: ''; }
      .communication .calendar .project-name ul li .for-hint {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        margin-top: -2px;
        width: 100%;
        line-height: 16px; }
      .communication .calendar .project-name ul li.red:before {
        background-color: #e06a6d; }
      .communication .calendar .project-name ul li.yellow:before {
        background-color: #febb1b; }
      .communication .calendar .project-name ul li.blue:before {
        background-color: #5d8bbf; }
      .communication .calendar .project-name ul li.green:before {
        background-color: #96d696; }
      .communication .calendar .project-name ul li.orange:before {
        background-color: #f9b459; }
  .communication .calendar .romb {
    float: left;
    position: relative;
    left: -5px;
    top: 14px; }
  .communication .calendar .add-line {
    min-height: 36px; }
  .communication .calendar .line {
    border-top: #ced7e1 1px solid; }
  .communication .calendar .communication-left .line:first-child {
    border-top: none; }
  .communication .calendar .weeks-bg + .line {
    border-top: none; }
  .communication .calendar [data-hover].active {
    background: #f2f6fa; }
  .communication .calendar .project-name .line {
    border-left: #ced7e1 1px solid;
    border-right: #ced7e1 1px solid; }
  .communication .calendar .project-name .empty-line {
    min-height: 39px;
    border-top: #ced7e1 1px solid;
    border-bottom: #ced7e1 1px solid; }
  .communication .calendar .project-name .line-content {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-left: 24px;
    box-sizing: border-box;
    vertical-align: middle;
    margin-top: -2px;
    line-height: 16px; }
  .communication .calendar .project-name .planitem-add-btn {
    margin-left: 25px; }
  .communication .calendar .project-name ul li {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    height: auto; }
    .communication .calendar .project-name ul li .btn-open {
      top: 14px;
      z-index: 1; }
    .communication .calendar .project-name ul li .generic-objects-info {
      float: right; }
    .communication .calendar .project-name ul li .links-control {
      display: none;
      float: right;
      margin-left: 15px; }
    .communication .calendar .project-name ul li .hover-links:hover .links-control {
      display: block; }
    .communication .calendar .project-name ul li .items-group li {
      border: none; }
    .communication .calendar .project-name ul li .title {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #343a41; }
      .communication .calendar .project-name ul li .title a {
        color: #343a41;
        text-decoration: none; }
    .communication .calendar .project-name ul li .project .title a {
      font-weight: bold; }
  .communication .calendar .progress-cell {
    border-left: none;
    border-bottom: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default; }
    .communication .calendar .progress-cell .communication-right {
      position: relative; }
      .communication .calendar .progress-cell .communication-right .weeks-bg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }
        .communication .calendar .progress-cell .communication-right .weeks-bg .week, .communication .calendar .progress-cell .communication-right .weeks-bg .weeks-row {
          height: 100%; }
          .communication .calendar .progress-cell .communication-right .weeks-bg .week > div, .communication .calendar .progress-cell .communication-right .weeks-bg .weeks-row > div {
            height: 100%; }
      .communication .calendar .progress-cell .communication-right .moments-row {
        display: grid; }
        .communication .calendar .progress-cell .communication-right .moments-row:first-child {
          margin-top: 5px; }
        .communication .calendar .progress-cell .communication-right .moments-row.last {
          margin-bottom: 5px; }
        .communication .calendar .progress-cell .communication-right .moments-row .moment-span-simple {
          position: relative;
          border-radius: 3px;
          height: 9px;
          margin-bottom: 4px;
          cursor: pointer;
          z-index: 101;
          grid-column-start: 1;
          grid-row-start: 1; }
        .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose {
          position: relative;
          margin-bottom: 4px;
          box-sizing: border-box;
          line-height: 1.2em;
          grid-column-start: 1;
          grid-row-start: 1; }
          .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .wrap {
            display: flex;
            flex-direction: column;
            height: 100%;
            box-sizing: border-box;
            padding: 4px;
            background: #fff; }
            .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .wrap .bg {
              position: absolute;
              left: 0;
              right: 0; }
              .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .wrap .bg.bg-top {
                top: 0;
                height: 2px; }
              .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .wrap .bg.bg-bottom {
                top: 2px;
                bottom: 0;
                opacity: .3; }
          .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose.ovfl {
            padding-left: 4px; }
          .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose:not(.ovfl) .wrap .bg-top {
            border-top-left-radius: 3px; }
          .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose:not(.ovfl) .wrap .bg-bottom {
            border-bottom-left-radius: 3px; }
          .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose:not(.ovfr) .wrap .bg-top {
            border-top-right-radius: 3px; }
          .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose:not(.ovfr) .wrap .bg-bottom {
            border-bottom-right-radius: 3px; }
          .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-header {
            color: #343a41;
            opacity: .9;
            text-decoration: none; }
            .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-header a {
              display: block;
              text-decoration: none;
              color: inherit; }
            .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-header .moment-link {
              display: block;
              height: 16px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
              .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-header .moment-link .name {
                font-weight: bold;
                margin-right: .5em; }
              .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-header .moment-link .daterange {
                opacity: .7; }
          .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body {
            margin-top: 0; }
            .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body .info {
              margin-top: 0.2em;
              overflow: hidden;
              position: relative; }
              .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body .info > * {
                float: left; }
              .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body .info .generic-objects-info {
                margin-left: 0;
                color: inherit; }
                .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body .info .generic-objects-info a {
                  white-space: nowrap; }
            .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body .tags {
              position: relative; }
              .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body .tags .indent {
                position: absolute;
                left: 0;
                top: 0; }
              .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body .tags ul {
                margin: 0;
                padding: 0;
                list-style: none; }
              .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body .tags .group-list {
                margin-left: 1.5em; }
                .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body .tags .group-list .tag-group {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap; }
                  .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body .tags .group-list .tag-group ul, .communication .calendar .progress-cell .communication-right .moments-row .moment-span-verbose .moment-body .tags .group-list .tag-group li {
                    display: inline-block; }
    .communication .calendar .progress-cell .scroll-wrapper {
      overflow: hidden; }
    .communication .calendar .progress-cell .scroll {
      opacity: 0; }
      .communication .calendar .progress-cell .scroll .move-btn {
        position: absolute;
        top: 0; }
        .communication .calendar .progress-cell .scroll .move-btn.move-btn-forwards {
          content: "";
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          border-top: 18px solid transparent;
          border-bottom: 18px solid transparent;
          border-left: 18px solid #ced7e1;
          margin-right: -18px;
          border-left-width: 11px;
          margin-right: -11px;
          right: 1px; }
          .communication .calendar .progress-cell .scroll .move-btn.move-btn-forwards.active {
            border-left-color: #7171d4 !important; }
        .communication .calendar .progress-cell .scroll .move-btn.move-btn-backwards {
          content: "";
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          border-top: 18px solid transparent;
          border-bottom: 18px solid transparent;
          border-right: 18px solid #ced7e1;
          margin-left: -18px;
          border-right-width: 11px;
          margin-left: -11px;
          left: -1px; }
          .communication .calendar .progress-cell .scroll .move-btn.move-btn-backwards.active {
            border-right-color: #7171d4 !important; }
      .communication .calendar .progress-cell .scroll .spinner {
        position: absolute;
        top: 0;
        width: 20px;
        height: 100%;
        display: none; }

@keyframes spinner {
  to {
    transform: rotate(360deg); } }
        .communication .calendar .progress-cell .scroll .spinner:before {
          content: '';
          box-sizing: border-box;
          position: absolute;
          top: 50%;
          left: 50%;
          width: 20px;
          height: 20px;
          margin-top: -10px;
          margin-left: -10px;
          border-radius: 50%;
          border: 2px solid #ccc;
          border-top-color: #333333;
          animation: spinner .6s linear infinite; }
      .communication .calendar .progress-cell .scroll .spinner-forwards {
        right: 5px; }
      .communication .calendar .progress-cell .scroll .spinner-backwards {
        left: 5px; }
      .communication .calendar .progress-cell .scroll.loading-forwards .spinner-forwards {
        display: block; }
      .communication .calendar .progress-cell .scroll.loading-backwards .spinner-backwards {
        display: block; }
      .communication .calendar .progress-cell .scroll.dragging .date-line {
        border-left: #ced7e1 1px solid !important; }
      .communication .calendar .progress-cell .scroll.dragging .communication-right .line:not(.plan):not(.project-group) {
        border-left: #ced7e1 1px solid !important; }
      .communication .calendar .progress-cell .scroll.loaded {
        opacity: 1; }
        .communication .calendar .progress-cell .scroll.loaded.fadein {
          transition: opacity .3s; }
  .communication .calendar .progress-cell .timeline-content .name-months {
    height: 36px;
    font-size: 14px;
    color: #8491a1;
    line-height: 18px;
    font-family: lato, sans-serif;
    font-weight: 700;
    z-index: 100; }
    .communication .calendar .progress-cell .timeline-content .name-months div {
      border-left: #ced7e1 1px solid;
      text-indent: 7px;
      float: left;
      position: relative; }
      .communication .calendar .progress-cell .timeline-content .name-months div span {
        display: block;
        font-size: 12px; }
  .communication .calendar .progress-cell .timeline-content .line {
    position: relative;
    overflow: hidden; }
  .communication .calendar .progress-cell .timeline-content .items-group .line {
    border: none; }
  .communication .calendar .progress-cell .timeline-content .label-romb {
    position: absolute;
    bottom: 0;
    width: 16px;
    height: 16px;
    background: url("/static/images/label.png?500ffb18a25d") no-repeat left top;
    z-index: 1000;
    cursor: pointer; }
    .communication .calendar .progress-cell .timeline-content .label-romb:hover {
      background-position: left bottom; }
  .communication .calendar .progress-cell .timeline-content.timeline-content__type-weeks .name-months div:first-child {
    border-left: none; }
  .communication .calendar .progress-cell .timeline-content.timeline-content__type-weeks .name-months div .week-name {
    width: 100%;
    text-align: center; }
  .communication .calendar .progress-cell .timeline-content .weeks-row,
  .communication .calendar .progress-cell .timeline-content .week {
    float: left;
    border-right: #ced7e1 1px solid; }
  .communication .calendar .progress-cell .timeline-content .week {
    float: left;
    border-right: #ced7e1 1px solid;
    display: flex; }
  .communication .calendar .progress-cell .timeline-content .weeks-row div,
  .communication .calendar .progress-cell .timeline-content .week div {
    border-right: #ced7e1 1px solid;
    height: 39px;
    text-align: center;
    line-height: 39px;
    float: left;
    font-size: 12px; }
  .communication .calendar .progress-cell .timeline-content .weeks-row div:last-child,
  .communication .calendar .progress-cell .timeline-content .week div:last-child {
    border: none; }
  .communication .calendar .progress-cell .timeline-content .date-line {
    height: 39px;
    border-top: #ced7e1 1px solid;
    border-bottom: #ced7e1 1px solid; }
  .communication .calendar .progress-cell .timeline-content.timeline-content__type-weeks .week .holiday {
    background: #f2f6f9;
    color: #8491a1; }

.communication .calendar .line.plan,
.communication .calendar .line.project-group {
  background-color: #fff; }
  .communication .calendar .line.plan.plan,
  .communication .calendar .line.project-group.plan {
    padding-top: 1.5em; }

.communication .calendar .communication-left .line.plan,
.communication .calendar .communication-left .line.project-group {
  display: flex;
  border-right: none; }
  .communication .calendar .communication-left .line.plan .plan-title,
  .communication .calendar .communication-left .line.plan .project-group-title,
  .communication .calendar .communication-left .line.project-group .plan-title,
  .communication .calendar .communication-left .line.project-group .project-group-title {
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 24px;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1; }
    .communication .calendar .communication-left .line.plan .plan-title a,
    .communication .calendar .communication-left .line.plan .project-group-title a,
    .communication .calendar .communication-left .line.project-group .plan-title a,
    .communication .calendar .communication-left .line.project-group .project-group-title a {
      color: inherit;
      text-decoration: none; }
  .communication .calendar .communication-left .line.plan .project-group-buttons,
  .communication .calendar .communication-left .line.project-group .project-group-buttons {
    padding-right: 10px;
    opacity: 0.6; }
    .communication .calendar .communication-left .line.plan .project-group-buttons img,
    .communication .calendar .communication-left .line.project-group .project-group-buttons img {
      height: 16px; }
  .communication .calendar .communication-left .line.plan:not(:hover) .project-group-buttons,
  .communication .calendar .communication-left .line.project-group:not(:hover) .project-group-buttons {
    opacity: 0; }
  .communication .calendar .communication-left .line.plan.plan,
  .communication .calendar .communication-left .line.project-group.plan {
    border-left: none;
    border-right: none; }
    .communication .calendar .communication-left .line.plan.plan > div,
    .communication .calendar .communication-left .line.project-group.plan > div {
      background-color: #2b2b4b;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px; }
      .communication .calendar .communication-left .line.plan.plan > div a,
      .communication .calendar .communication-left .line.project-group.plan > div a {
        color: #fff;
        text-decoration: none; }

.communication .calendar .communication-right .line.project-group {
  border-right: #ced7e1 1px solid; }

.communication .calendar .project-name .planitem .drag-handle {
  position: absolute;
  top: 13px;
  left: 7px;
  z-index: 1;
  display: none; }

.communication .calendar:not(.unorderable) .project-name .planitem:hover .drag-handle {
  display: inline-block; }

.project-details-page.communication-section .main > .fix-clear {
  display: block;
  width: auto; }

.project-details-page.communication-section .communication .calendar .line {
  display: block !important; }

.project-details-page.communication-section .communication .calendar .project-name ul li {
  border-top: none; }

.project-details-page.communication-section .communication .calendar .project-name .empty-line {
  border-bottom: #ced7e1 1px solid; }

.project-details-page.communication-section .communication .calendar .communication-right .line.plan-project {
  border-top: none; }

.communication .timeline__type-week {
  opacity: 0; }
  .communication .timeline__type-week .header {
    background: #fff; }
    .communication .timeline__type-week .header .dates {
      display: flex;
      border-top: 1px #ced7e1 solid;
      border-bottom: 1px #ced7e1 solid; }
      .communication .timeline__type-week .header .dates .date {
        padding-top: 9px;
        padding-bottom: 10px;
        position: relative; }
        .communication .timeline__type-week .header .dates .date.today {
          color: #343a41;
          box-shadow: inset 0 3px 0 0 #34D418; }
        .communication .timeline__type-week .header .dates .date .week-day {
          font-size: 13px;
          color: #343a41; }
        .communication .timeline__type-week .header .dates .date .day {
          font-size: 16px; }
        .communication .timeline__type-week .header .dates .date .btn, .communication .timeline__type-week .header .dates .date .c-mold-datepicker-ok-btn {
          position: absolute;
          top: 4px;
          left: 4px;
          right: 4px;
          bottom: 4px;
          min-width: auto;
          height: auto;
          line-height: 28px;
          opacity: 0;
          transition: opacity ease-in-out 300ms; }
        .communication .timeline__type-week .header .dates .date:hover .btn, .communication .timeline__type-week .header .dates .date:hover .c-mold-datepicker-ok-btn {
          opacity: 1; }
  .communication .timeline__type-week .date {
    padding: 8px;
    flex: 1;
    overflow: hidden; }
  .communication .timeline__type-week .row {
    display: flex; }
    .communication .timeline__type-week .row .on-hover {
      display: none; }
    .communication .timeline__type-week .row.row-hover .col {
      position: relative; }
    .communication .timeline__type-week .row.row-hover:hover {
      background: #f2f6fa; }
      .communication .timeline__type-week .row.row-hover:hover .on-hover {
        display: initial; }
  .communication .timeline__type-week .row.channel {
    min-height: 39px; }
    .communication .timeline__type-week .row.channel .col {
      padding-top: 5px;
      padding-bottom: 5px; }
  .communication .timeline__type-week .col.col-left {
    flex: 0 0 350px;
    max-width: 350px; }
  .communication .timeline__type-week .col.col-right {
    flex: 1; }
  .communication .timeline__type-week .col-left {
    box-sizing: border-box;
    overflow: hidden; }
  .communication .timeline__type-week .date {
    border-right: 1px #ced7e1 solid; }
    .communication .timeline__type-week .date:first-child {
      border-left: 1px #ced7e1 solid; }
    .communication .timeline__type-week .date.holiday {
      position: relative; }
      .communication .timeline__type-week .date.holiday:after {
        content: ' ';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #f3f6f9;
        z-index: -1; }
  .communication .timeline__type-week .header .nav {
    position: relative;
    height: 36px;
    line-height: 36px; }
    .communication .timeline__type-week .header .nav .week-info .week-name {
      color: #8491a1;
      font-size: 14px;
      font-weight: bold;
      line-height: 18px;
      text-indent: 7px; }
      .communication .timeline__type-week .header .nav .week-info .week-name span {
        display: block;
        font-size: 12px; }
    .communication .timeline__type-week .header .nav a {
      position: absolute;
      top: 0; }
      .communication .timeline__type-week .header .nav a.next {
        right: 8px;
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 18px solid #ced7e1;
        margin-right: -18px;
        border-left-width: 11px; }
      .communication .timeline__type-week .header .nav a.prev {
        left: 7px;
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-right: 18px solid #ced7e1;
        margin-left: -18px;
        border-right-width: 11px; }
  .communication .timeline__type-week .header .empty-col {
    border: 1px #ced7e1 solid;
    border-right: none; }
  .communication .timeline__type-week .body {
    position: relative; }
    .communication .timeline__type-week .body .week-bg {
      display: flex;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 350px; }
    .communication .timeline__type-week .body .item {
      border-right: 1px #ced7e1 solid;
      border-bottom: 1px #ced7e1 solid;
      border-left: 1px #ced7e1 solid; }
      .communication .timeline__type-week .body .item .line-wrap {
        position: relative;
        width: 100%;
        float: right; }
        .communication .timeline__type-week .body .item .line-wrap .line-text {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .communication .timeline__type-week .body .item .line-wrap .line-text a {
            color: inherit;
            text-decoration: none; }
          .communication .timeline__type-week .body .item .line-wrap .line-text .group-name {
            color: #959da7; }
        .communication .timeline__type-week .body .item .line-wrap .line-extra {
          float: right;
          margin-left: 15px; }
    .communication .timeline__type-week .body .item-plan,
    .communication .timeline__type-week .body .item-project-group {
      position: relative;
      background: #fff; }
      .communication .timeline__type-week .body .item-plan .col,
      .communication .timeline__type-week .body .item-project-group .col {
        display: flex;
        align-items: center; }
        .communication .timeline__type-week .body .item-plan .col .item-plan-title,
        .communication .timeline__type-week .body .item-plan .col .item-project-group-title,
        .communication .timeline__type-week .body .item-project-group .col .item-plan-title,
        .communication .timeline__type-week .body .item-project-group .col .item-project-group-title {
          font-weight: bold;
          text-transform: uppercase;
          padding-left: 24px;
          padding-right: 10px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          padding-top: 11px;
          padding-bottom: 11px;
          flex: 1; }
          .communication .timeline__type-week .body .item-plan .col .item-plan-title a,
          .communication .timeline__type-week .body .item-plan .col .item-project-group-title a,
          .communication .timeline__type-week .body .item-project-group .col .item-plan-title a,
          .communication .timeline__type-week .body .item-project-group .col .item-project-group-title a {
            color: inherit;
            text-decoration: none; }
        .communication .timeline__type-week .body .item-plan .col .item-project-group-buttons,
        .communication .timeline__type-week .body .item-project-group .col .item-project-group-buttons {
          padding-right: 10px;
          opacity: 0.6; }
          .communication .timeline__type-week .body .item-plan .col .item-project-group-buttons img,
          .communication .timeline__type-week .body .item-project-group .col .item-project-group-buttons img {
            height: 16px; }
        .communication .timeline__type-week .body .item-plan .col:not(:hover) .item-project-group-buttons,
        .communication .timeline__type-week .body .item-project-group .col:not(:hover) .item-project-group-buttons {
          opacity: 0; }
      .communication .timeline__type-week .body .item-plan.item-plan,
      .communication .timeline__type-week .body .item-project-group.item-plan {
        padding-top: 1.5em;
        border-left: none; }
        .communication .timeline__type-week .body .item-plan.item-plan .col-left > div,
        .communication .timeline__type-week .body .item-project-group.item-plan .col-left > div {
          background-color: #2b2b4b;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px; }
          .communication .timeline__type-week .body .item-plan.item-plan .col-left > div a,
          .communication .timeline__type-week .body .item-project-group.item-plan .col-left > div a {
            color: #fff;
            text-decoration: none; }
    .communication .timeline__type-week .body .item-header .col-left {
      padding: 11px 8px;
      padding-right: 0; }
      .communication .timeline__type-week .body .item-header .col-left .btn-open {
        top: 14px; }
      .communication .timeline__type-week .body .item-header .col-left .line-text a {
        font-weight: bold; }
    .communication .timeline__type-week .body .item-header .project-span-holder {
      position: relative; }
    .communication .timeline__type-week .body .item-header .line-wrap {
      width: calc(100% - 16px); }
    .communication .timeline__type-week .body .item-body {
      border-radius: 3px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-right: none; }
      .communication .timeline__type-week .body .item-body .channel .col-left {
        padding-left: 9px;
        overflow: hidden; }
        .communication .timeline__type-week .body .item-body .channel .col-left .drag-handle {
          vertical-align: bottom; }
        .communication .timeline__type-week .body .item-body .channel .col-left .line-wrap {
          width: calc(100% - 15px); }
      .communication .timeline__type-week .body .item-body .row.moments-row {
        display: grid; }
        .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose {
          position: relative;
          margin-bottom: 4px;
          box-sizing: border-box;
          line-height: 1.2em;
          grid-column-start: 1;
          grid-row-start: 1; }
          .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .wrap {
            display: flex;
            flex-direction: column;
            height: 100%;
            box-sizing: border-box;
            padding: 4px;
            background: #fff; }
            .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .wrap .bg {
              position: absolute;
              left: 0;
              right: 0; }
              .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .wrap .bg.bg-top {
                top: 0;
                height: 2px; }
              .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .wrap .bg.bg-bottom {
                top: 2px;
                bottom: 0;
                opacity: .3; }
          .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose.ovfl {
            padding-left: 4px; }
          .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose:not(.ovfl) .wrap .bg-top {
            border-top-left-radius: 3px; }
          .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose:not(.ovfl) .wrap .bg-bottom {
            border-bottom-left-radius: 3px; }
          .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose:not(.ovfr) .wrap .bg-top {
            border-top-right-radius: 3px; }
          .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose:not(.ovfr) .wrap .bg-bottom {
            border-bottom-right-radius: 3px; }
          .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-header {
            color: #343a41;
            opacity: .9;
            text-decoration: none; }
            .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-header a {
              display: block;
              text-decoration: none;
              color: inherit; }
            .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-header .moment-link {
              display: block;
              height: 16px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
              .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-header .moment-link .name {
                font-weight: bold;
                margin-right: .5em; }
              .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-header .moment-link .daterange {
                opacity: .7; }
          .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body {
            margin-top: 0; }
            .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body .info {
              margin-top: 0.2em;
              overflow: hidden;
              position: relative; }
              .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body .info > * {
                float: left; }
              .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body .info .generic-objects-info {
                margin-left: 0;
                color: inherit; }
                .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body .info .generic-objects-info a {
                  white-space: nowrap; }
            .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body .tags {
              position: relative; }
              .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body .tags .indent {
                position: absolute;
                left: 0;
                top: 0; }
              .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body .tags ul {
                margin: 0;
                padding: 0;
                list-style: none; }
              .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body .tags .group-list {
                margin-left: 1.5em; }
                .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body .tags .group-list .tag-group {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap; }
                  .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body .tags .group-list .tag-group ul, .communication .timeline__type-week .body .item-body .row.moments-row .moment-span-verbose .moment-body .tags .group-list .tag-group li {
                    display: inline-block; }
      .communication .timeline__type-week .body .item-body .row-group-tasks .date {
        border: none; }
      .communication .timeline__type-week .body .item-body .row-group-tasks .task {
        display: block;
        position: relative;
        text-decoration: none;
        color: inherit;
        margin-bottom: 1em; }
        .communication .timeline__type-week .body .item-body .row-group-tasks .task .indent {
          position: absolute;
          top: 0;
          left: 0; }
        .communication .timeline__type-week .body .item-body .row-group-tasks .task .content {
          margin-left: .9em; }
          .communication .timeline__type-week .body .item-body .row-group-tasks .task .content > div {
            overflow: hidden;
            text-overflow: ellipsis; }
          .communication .timeline__type-week .body .item-body .row-group-tasks .task .content .owner {
            color: #959da7; }
    .communication .timeline__type-week .body .hr {
      height: 1px;
      background-image: linear-gradient(90deg, #ddd, #ddd 50%, transparent 50%, transparent 100%);
      background-size: 10px 1px;
      border: none; }

.communication-list-page table .generic-objects-info {
  display: block;
  margin-left: 0;
  margin-top: 5px; }

.plan-communication-page .communication .communication-right .weeks-bg + [data-project] .line.plan-project:first-child {
  border-top: none; }

.communication {
  margin-top: 26px;
  padding-right: 20px;
  margin-left: 20px; }
  .communication::after {
    white-space: pre-wrap;
    content: '\A\A'; }
  .communication .unorderable .drag-handle {
    display: none !important; }
  .communication .filter-toolbar {
    margin-bottom: 19px; }
  .communication .add-inline-btn {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    color: #94a2b3;
    font-size: 12px;
    text-decoration: none;
    margin-right: 10px;
    vertical-align: bottom; }
    .communication .add-inline-btn img,
    .communication .add-inline-btn i {
      font-size: 16px;
      height: 16px; }
    .communication .add-inline-btn img {
      opacity: 0.6; }
  .communication .indicator {
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    height: 9px;
    cursor: pointer;
    z-index: 101; }
    .communication .indicator.narrow {
      background: url(/static/images/romb.png?500ffb18a25d) 0 0 no-repeat;
      background-size: cover;
      width: 9px !important;
      height: 9px !important; }
    .communication .indicator.project {
      height: 9px;
      background-image: url(/static/images/project-bar.png?500ffb18a25d);
      background-color: #cdd7e3;
      cursor: inherit;
      top: 15px; }
  .communication .timeline-content .moment-span {
    z-index: 200; }
  .communication .timeline-content__type-year .line.planitem .moments-row:first-child {
    margin-top: 16px; }
  .communication [data-sticky-top] {
    padding-top: 10px; }
    .communication [data-sticky-top] .move-btn {
      margin-top: 10px; }

.project-details-page.communication-section .communication-left {
  border-left: #ced7e1 1px solid; }
  .project-details-page.communication-section .communication-left .line {
    border-left: none; }

.js-week-select-trigger {
  cursor: pointer; }
  .js-week-select-trigger [data-datepicker] {
    position: absolute !important;
    left: 0;
    bottom: 0;
    width: 0; }

.communication-report-form .datarange {
  display: flex;
  align-items: center; }

.communication-report-form .sep {
  padding-left: 0.5em;
  padding-right: 0.5em;
  color: #959da7; }

.communication-report-form .note {
  margin-top: 1em;
  color: #959da7;
  font-style: italic; }

.integrations-settings {
  width: 32em; }
  .integrations-settings h4 {
    font-weight: bold;
    text-align: center; }
  .integrations-settings section h5 {
    margin-bottom: .2em;
    font-weight: bold; }
  .integrations-settings .section-main .choices {
    display: flex;
    margin-top: .9em;
    margin-bottom: 1.2em; }
    .integrations-settings .section-main .choices .choice {
      flex: 1;
      margin-right: 1.5em;
      text-align: center;
      border: transparent 1px solid;
      border-radius: 3px; }
      .integrations-settings .section-main .choices .choice .branding {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        position: relative;
        text-decoration: none;
        color: inherit;
        padding-top: 1.2em;
        padding-bottom: 1em; }
        .integrations-settings .section-main .choices .choice .branding img {
          width: 4em; }
        .integrations-settings .section-main .choices .choice .branding .text {
          color: inherit;
          margin-top: 1em;
          white-space: nowrap;
          text-align: center; }
          .integrations-settings .section-main .choices .choice .branding .text i {
            opacity: .7; }
      .integrations-settings .section-main .choices .choice.active {
        border-color: #272C32; }
      .integrations-settings .section-main .choices .choice.invalid {
        border-color: #d74b4c;
        color: #d74b4c; }
      .integrations-settings .section-main .choices .choice:last-child {
        margin-right: 0; }
      .integrations-settings .section-main .choices .choice .links {
        line-height: 2em; }
      .integrations-settings .section-main .choices .choice .sign-in-link {
        display: inline-flex;
        align-items: center;
        text-decoration: none; }
        .integrations-settings .section-main .choices .choice .sign-in-link img {
          height: 1.5em;
          margin-right: .6em; }
    .integrations-settings .section-main .choices .sep {
      border-right: #ededed 2px solid; }
  .integrations-settings .section-extra form .api-key-field .warning-note {
    color: #d74b4c;
    opacity: 0; }
  .integrations-settings .footer {
    display: flex;
    align-items: center; }
    .integrations-settings .footer a:last-child {
      margin-left: auto; }

.kpis-weekly {
  border-bottom: #ced7e1 1px solid; }
  .kpis-weekly .header {
    background: #f2f6fa;
    color: #8491a1;
    font-weight: 600; }
  .kpis-weekly.kpis-weekly-header {
    border-right: #ced7e1 1px solid; }
  .kpis-weekly.kpis-weekly-body .line.totals {
    font-weight: 600; }
  .kpis-weekly.kpis-weekly-body .cell-group {
    float: left;
    border-right: #ced7e1 1px solid;
    box-sizing: border-box; }
    .kpis-weekly.kpis-weekly-body .cell-group.empty {
      height: 100%;
      background-image: url(/static/images/stripe45.png?500ffb18a25d); }
    .kpis-weekly.kpis-weekly-body .cell-group .cell {
      float: left;
      width: 50%;
      text-align: center;
      box-sizing: border-box; }
      .kpis-weekly.kpis-weekly-body .cell-group .cell.budget {
        border-right: #ced7e1 1px solid; }
      .kpis-weekly.kpis-weekly-body .cell-group .cell input {
        color: #343a41; }
    .kpis-weekly.kpis-weekly-body .cell-group[data-status=failed] .forecast {
      background: #fbeff1; }
    .kpis-weekly.kpis-weekly-body .cell-group[data-status=success] .forecast {
      background: #e9fce3; }

.projects-overview-list-page .table-projects td.name {
  font-size: 16px; }
  .projects-overview-list-page .table-projects td.name a {
    color: #343a41;
    font-weight: 400; }
  .projects-overview-list-page .table-projects td.name > span {
    display: block;
    margin-top: 2px;
    color: #9ea9b7;
    font-size: 12px; }

.projects-overview-list-page .table-projects .owner {
  width: 50px; }

.projects-overview-list-page .table-projects .open_tasks {
  width: 40px; }
  .projects-overview-list-page .table-projects .open_tasks a {
    color: inherit;
    text-decoration: none; }

.projects-overview-list-page .table-projects .comchannels {
  width: 70px; }
  .projects-overview-list-page .table-projects .comchannels a {
    color: inherit;
    text-decoration: none; }

.projects-overview-list-page .table-projects .budget {
  width: 110px;
  text-align: right; }
  .projects-overview-list-page .table-projects .budget a {
    text-decoration: none;
    color: inherit; }
  .projects-overview-list-page .table-projects .budget .progressbar {
    display: inline-block;
    width: 80%; }

.projects-overview-list-page .table-projects .status {
  width: 105px;
  max-width: 105px; }
  .projects-overview-list-page .table-projects .status .label-status {
    overflow: hidden;
    text-overflow: ellipsis; }

.projects-overview-list-page .table-projects .buttons {
  width: 48px;
  text-align: right;
  padding-right: 0;
  white-space: nowrap; }
  .projects-overview-list-page .table-projects .buttons a {
    text-decoration: none;
    margin-left: 5px; }

.projects-overview-list-page .group .table-projects td {
  border-top: #dee4eb 1px solid !important; }

.projects-overview-list-page .group .table-projects + .pagination {
  border-top: none; }

.projects-overview-list-page .group .table-projects td.name {
  padding-left: 24px; }

.projects-overview-list-page .ungrouped-only .group .title-group {
  display: none !important; }

.projects-overview-list-page .ungrouped-only .group .collapsible {
  display: block !important; }

.projects-overview-list-page .ungrouped-only .group .table-projects tbody tr:first-child td {
  border-top: none !important; }

.projects-overview-timeline-page {
  margin-bottom: 12em; }
  .projects-overview-timeline-page .row {
    display: flex; }
    .projects-overview-timeline-page .row .col {
      box-sizing: border-box; }
    .projects-overview-timeline-page .row .col-name {
      width: 35em;
      padding: .5em .8em; }
      .projects-overview-timeline-page .row .col-name .line {
        display: flex; }
        .projects-overview-timeline-page .row .col-name .line .name {
          flex: 1; }
        @media print {
          .projects-overview-timeline-page .row .col-name .line .buttons {
            display: none; } }
        .projects-overview-timeline-page .row .col-name .line .buttons a {
          text-decoration: none; }
    .projects-overview-timeline-page .row .col-duration {
      position: relative;
      flex-grow: 1; }
    .projects-overview-timeline-page .row .col-budget {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: 10em;
      padding: .5em; }
  .projects-overview-timeline-page .header {
    border-bottom: #ced7e1 1px solid;
    position: sticky;
    top: 57px;
    background: #fff;
    z-index: 1; }
    .projects-overview-timeline-page .header .col-duration .move-btn {
      position: absolute;
      top: 0; }
      .projects-overview-timeline-page .header .col-duration .move-btn.move-btn-forwards {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 18px solid #ced7e1;
        margin-right: -18px;
        border-left-width: 11px;
        margin-right: -11px;
        right: 1px; }
      .projects-overview-timeline-page .header .col-duration .move-btn.move-btn-backwards {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-right: 18px solid #ced7e1;
        margin-left: -18px;
        border-right-width: 11px;
        margin-left: -11px;
        left: 1px; }
    .projects-overview-timeline-page .header .col-duration .months {
      display: flex; }
      .projects-overview-timeline-page .header .col-duration .months .month {
        box-sizing: border-box;
        padding-left: .5em;
        font-size: 14px;
        color: #8491a1;
        font-weight: bold;
        height: 36px; }
        .projects-overview-timeline-page .header .col-duration .months .month .month-year {
          font-size: 12px; }
        .projects-overview-timeline-page .header .col-duration .months .month:not(:last-child) {
          border-right: #ced7e1 1px solid; }
    .projects-overview-timeline-page .header .col-budget {
      font-weight: bold;
      color: #959da7; }
  .projects-overview-timeline-page .project-group {
    margin-top: 1.2em; }
    .projects-overview-timeline-page .project-group .group-header {
      margin-bottom: 10px;
      font-weight: bold; }
      .projects-overview-timeline-page .project-group .group-header .col-group-name {
        flex-grow: 1;
        display: flex;
        padding-left: .2em;
        font-size: 20px;
        align-items: center; }
        .projects-overview-timeline-page .project-group .group-header .col-group-name .expander.expanded .toggle-btn {
          background-position: left bottom; }
        .projects-overview-timeline-page .project-group .group-header .col-group-name .group-name {
          color: inherit;
          text-decoration: none;
          margin-right: 4px; }
        .projects-overview-timeline-page .project-group .group-header .col-group-name .buttons {
          padding-top: 3px; }
          @media print {
            .projects-overview-timeline-page .project-group .group-header .col-group-name .buttons {
              display: none; } }
          .projects-overview-timeline-page .project-group .group-header .col-group-name .buttons a {
            display: inline;
            vertical-align: middle;
            margin-left: 8px;
            opacity: 0.6;
            text-decoration: none; }
    .projects-overview-timeline-page .project-group .group-body {
      position: relative; }
      .projects-overview-timeline-page .project-group .group-body .row:hover {
        background: #f2f6fa; }
      .projects-overview-timeline-page .project-group .group-body .row .col {
        border: #ced7e1 1px solid; }
        .projects-overview-timeline-page .project-group .group-body .row .col:not(:last-child) {
          border-right: none; }
      .projects-overview-timeline-page .project-group .group-body .row:not(:last-child) .col {
        border-bottom: none; }
      .projects-overview-timeline-page .project-group .group-body .col-name {
        display: flex; }
        .projects-overview-timeline-page .project-group .group-body .col-name .label-status-dot {
          width: 7px;
          height: 7px; }
        .projects-overview-timeline-page .project-group .group-body .col-name .txt {
          flex-grow: 1; }
          .projects-overview-timeline-page .project-group .group-body .col-name .txt a {
            color: inherit; }
          .projects-overview-timeline-page .project-group .group-body .col-name .txt .duration {
            color: #8491a1;
            font-size: 12px; }
      .projects-overview-timeline-page .project-group .group-body .col-duration .today {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 10px;
        height: 100%;
        background: url(/static/images/line-today.png?500ffb18a25d) repeat-y center top;
        margin-left: -5px; }
      .projects-overview-timeline-page .project-group .group-body .col-duration .line {
        display: flex;
        align-items: center;
        height: 100%; }
        .projects-overview-timeline-page .project-group .group-body .col-duration .line .indicator {
          height: 5px;
          border-radius: 2px;
          background-color: #7171d4; }
  .projects-overview-timeline-page .popup {
    width: 32em;
    font-size: 14px; }
    .projects-overview-timeline-page .popup .project-name {
      font-size: 1.2em;
      font-weight: bold; }
    .projects-overview-timeline-page .popup .toolbar {
      display: flex; }
      .projects-overview-timeline-page .popup .toolbar .duration {
        flex-grow: 1;
        color: #959da7;
        font-size: .8em; }
      .projects-overview-timeline-page .popup .toolbar .btns a {
        text-decoration: none; }
        .projects-overview-timeline-page .popup .toolbar .btns a img {
          height: 1em;
          margin-right: .7em; }
    .projects-overview-timeline-page .popup h6 {
      font-size: .7em;
      font-weight: 600;
      margin-bottom: .1em; }
    .projects-overview-timeline-page .popup .budget dl {
      display: flex; }
      .projects-overview-timeline-page .popup .budget dl dt {
        color: #959da7; }

.projects-overview-page .toolbar .tabs {
  margin-left: 3em; }

.project-details-page .project-detail {
  margin-bottom: 36px; }
  .project-details-page .project-detail .cell {
    width: 50%;
    padding-left: 20px;
    padding-bottom: 42px;
    padding-right: 20px;
    font-size: 14px;
    vertical-align: top;
    border-bottom: #dee4eb 1px solid; }
    .project-details-page .project-detail .cell .cell-internal {
      width: 45%;
      display: inline-block;
      vertical-align: top; }
    .project-details-page .project-detail .cell .num {
      color: #7171d4;
      margin-top: 36px;
      font-size: 48px; }
    .project-details-page .project-detail .cell ul {
      margin: 0;
      padding: 0;
      list-style: none;
      margin-bottom: 8px; }
      .project-details-page .project-detail .cell ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px;
        padding-left: 20px;
        position: relative; }
        .project-details-page .project-detail .cell ul li:before {
          position: absolute;
          left: 0;
          top: 10px;
          width: 4px;
          height: 4px;
          background-color: #343a41;
          border-radius: 50%;
          content: '';
          display: block; }
    .project-details-page .project-detail .cell .note {
      color: #7b899b; }
  .project-details-page .project-detail .cell.pr-info {
    border-right: #dee4eb 1px solid;
    padding-top: 40px;
    width: 50%;
    vertical-align: top; }
    .project-details-page .project-detail .cell.pr-info:last-child {
      border-right: none; }
    .project-details-page .project-detail .cell.pr-info table {
      width: 100%; }
      .project-details-page .project-detail .cell.pr-info table th {
        text-align: right;
        padding-bottom: 16px;
        width: 100px;
        padding-right: 10px;
        font-size: 14px;
        line-height: 21px; }
      .project-details-page .project-detail .cell.pr-info table td {
        padding-bottom: 16px;
        font-size: 14px;
        line-height: 21px;
        color: #51565b; }
        .project-details-page .project-detail .cell.pr-info table td .label-status {
          display: inline-block;
          vertical-align: middle;
          margin-top: -2px;
          padding-left: 15px;
          padding-right: 15px; }
      .project-details-page .project-detail .cell.pr-info table th.valign-middle {
        vertical-align: middle;
        padding-bottom: 22px; }
    .project-details-page .project-detail .cell.pr-info h4 a {
      margin-left: 10px; }
    .project-details-page .project-detail .cell.pr-info .avatar {
      margin-top: -3px;
      margin-right: 7px; }
  .project-details-page .project-detail .cell.ext-members {
    padding-top: 40px;
    width: 33.3%;
    vertical-align: top; }
    .project-details-page .project-detail .cell.ext-members p {
      margin-bottom: 8px; }
    .project-details-page .project-detail .cell.ext-members .list-invited {
      margin-top: 8px; }
      .project-details-page .project-detail .cell.ext-members .list-invited ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .project-details-page .project-detail .cell.ext-members .list-invited ul li {
          margin: 0;
          padding: 0;
          min-height: 32px;
          line-height: 32px;
          border-bottom: #ced7e1 1px solid;
          padding-left: 5px;
          padding-top: 5px;
          padding-bottom: 5px; }
          .project-details-page .project-detail .cell.ext-members .list-invited ul li:before {
            display: none; }
          .project-details-page .project-detail .cell.ext-members .list-invited ul li:after {
            clear: both;
            content: '';
            display: block; }
          .project-details-page .project-detail .cell.ext-members .list-invited ul li:last-child {
            border: none; }
          .project-details-page .project-detail .cell.ext-members .list-invited ul li .remove {
            float: right;
            margin-top: 12px;
            margin-right: 10px; }
          .project-details-page .project-detail .cell.ext-members .list-invited ul li select {
            width: 110px;
            border: none;
            padding-right: 24px;
            text-align: right;
            vertical-align: middle;
            height: 32px;
            margin-left: 20px;
            float: right;
            margin-right: 20px; }
          .project-details-page .project-detail .cell.ext-members .list-invited ul li .user-name {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 17px;
            font-size: 14px; }
          .project-details-page .project-detail .cell.ext-members .list-invited ul li .user-status {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 17px;
            font-size: 14px;
            font-size: 12px;
            color: #7b899b; }
          .project-details-page .project-detail .cell.ext-members .list-invited ul li .avatar {
            float: left;
            margin-right: 15px; }
      .project-details-page .project-detail .cell.ext-members .list-invited .resend-btn {
        margin-left: 5px; }
  .project-details-page .project-detail .progress {
    background-color: #e0e4e9;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 6px; }
    .project-details-page .project-detail .progress div {
      background-color: #7171d4;
      height: 7px; }

#jq-dropdown-invite-more {
  z-index: 10005; }
  #jq-dropdown-invite-more .add-invite .errors-holder {
    float: left;
    margin-top: -9px;
    margin-bottom: 5px; }
  #jq-dropdown-invite-more .add-invite .errors-holder-email {
    width: 66%; }
  #jq-dropdown-invite-more .add-invite .errors-holder-role {
    float: right;
    width: 34%; }

.project-form {
  padding-right: 0; }
  .project-form.form-horizontal label {
    width: 125px; }
  .project-form.form-horizontal .controls {
    margin-left: 150px; }
  .project-form .add-group-inplace {
    margin-top: -10px;
    text-transform: lowercase; }
  .project-form .daterange help-text {
    clear: left; }
  .project-form .budget-formset .wrap-input-select input, .project-form .budget-formset .wrap-input-select select {
    border: none; }
  .project-form .budget-formset .wrap-input-select input {
    float: left;
    width: 58%;
    border: none;
    border-right: #ced7e1 1px solid;
    border-radius: 0; }
  .project-form .budget-formset .wrap-input-select select {
    border: none;
    float: right;
    width: 42%;
    color: #333333;
    background: none;
    pointer-events: none; }
  .project-form .budget-formset .budget-errors {
    width: 58%;
    float: left; }
  .project-form .budget-formset .year-errors {
    width: 42%;
    float: right; }
  .project-form .budget-formset .controls {
    margin-bottom: 10px; }
  .project-form.form-horizontal .members-formset.has-errors .list-invited {
    border-color: #e86f6f; }
  .project-form.form-horizontal .members-formset .errorlist li {
    margin-top: -7px;
    margin-bottom: 5px;
    padding-left: 19px;
    line-height: 12px;
    min-height: 0; }
  .project-form.form-horizontal .members-formset .input-wrapper {
    display: inline-block;
    vertical-align: top; }
    .project-form.form-horizontal .members-formset .input-wrapper input,
    .project-form.form-horizontal .members-formset .input-wrapper select {
      height: 32px;
      border: none; }
  .project-form.form-horizontal .members-formset .input-wrapper-email {
    width: 215px; }
  .project-form.form-horizontal .members-formset .input-wrapper-role {
    width: 170px; }
    .project-form.form-horizontal .members-formset .input-wrapper-role select {
      width: 100%; }
  .project-form .list-invited {
    margin-top: 8px;
    height: 138px;
    overflow: auto;
    border: #ced7e1 1px solid;
    border-radius: 3px; }
    .project-form .list-invited ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .project-form .list-invited ul li {
        margin: 0;
        padding: 0;
        min-height: 32px;
        line-height: 32px;
        border-bottom: #ced7e1 1px solid; }
        .project-form .list-invited ul li:after {
          clear: both;
          content: "";
          display: block; }
        .project-form .list-invited ul li:last-child {
          border: none; }
        .project-form .list-invited ul li .remove {
          float: right;
          margin-top: 12px;
          margin-right: 10px; }
        .project-form .list-invited ul li select {
          width: 110px;
          border: none;
          padding-right: 24px;
          text-align: right;
          vertical-align: middle;
          display: inline-block;
          height: 32px;
          margin-left: 20px; }
        .project-form .list-invited ul li .user-name {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-left: 15px;
          float: left;
          width: 210px; }

.project-copy-form .note {
  line-height: normal;
  font-style: italic; }

.project-report-form .field-tasks > label {
  display: none; }

.project-report-form .field-tasks ul {
  margin-bottom: 0 !important; }

.project-report-form .field-tasks_status {
  display: flex;
  flex-direction: column-reverse; }
  .project-report-form .field-tasks_status label {
    padding-bottom: 0.5em; }
  .project-report-form .field-tasks_status > ul {
    max-height: 70px;
    overflow-y: auto;
    padding-left: 20px !important;
    margin-bottom: 0 !important; }
    .project-report-form .field-tasks_status > ul li {
      margin-bottom: 0 !important; }
      .project-report-form .field-tasks_status > ul li:last-child label {
        padding-bottom: 0; }

.menu-project {
  padding-left: 20px;
  padding-top: 17px;
  padding-bottom: 17px;
  border-top: #dee4eb 1px solid;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  font-family: lato, sans-serif;
  font-weight: 700; }
  .menu-project ul, .menu-project li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .menu-project.bottom-border {
    border-bottom: #dee4eb 1px solid; }
    .menu-project.bottom-border + .menu-project {
      border-top: none; }
    .menu-project.bottom-border + .project-detail .row-table:first-child .cell {
      border-top: none !important; }
    .menu-project.bottom-border + .project-budget {
      padding-top: 18px; }
  .menu-project li {
    margin-right: 48px;
    float: left; }
    .menu-project li a {
      color: #343a41;
      text-decoration: none; }
      .menu-project li a:hover, .menu-project li a.selected {
        color: #7171d4; }
    .menu-project li.active a {
      color: #7171d4; }
  .menu-project .select-year {
    font-weight: normal; }
  .menu-project .filter {
    margin-top: 0; }

.results-overview-page .add-kpi-link {
  display: flex;
  align-items: center; }

.results-overview-page .table-results tr:first-child td {
  border-top: #dee4eb 1px solid; }

.results-overview-page .table-results tr td.name {
  padding-left: 24px; }
  .results-overview-page .table-results tr td.name a {
    color: #343a41; }

.results-overview-page .table-results tr > .kpis {
  width: 60px;
  text-align: right; }
  .results-overview-page .table-results tr > .kpis a {
    color: inherit;
    text-decoration: none; }

.results-overview-page .table-results tr > .last_updated {
  width: 145px; }

.results-overview-page .table-results tr > .dashboards {
  width: 200px; }
  .results-overview-page .table-results tr > .dashboards a {
    color: inherit;
    text-decoration: none;
    margin-right: 5px; }

.results-overview-page .table-results tr > .buttons {
  width: 20px; }

.results-kpi-list-page .container {
  padding-top: 26px; }

.results-kpi-list-page .tabs {
  padding-top: 0;
  margin-bottom: 32px; }
  .results-kpi-list-page .tabs .settings-link a {
    color: #959da7; }
  .results-kpi-list-page .tabs .settings-link:nth-child(n + 3) {
    float: right;
    margin-right: 0; }

.results-kpi-list-page .results-inner {
  margin-top: 0; }

.results-kpi-list-page .select-year {
  float: none;
  line-height: 33px;
  margin-bottom: 19px; }

.results-kpi-list-page .table-header {
  background: #fff;
  border: transparent 1px solid; }

.results-kpi-list-page .sections {
  margin-top: 24px; }

.results-kpi-list-page .section-item {
  border: #ced7e1 1px solid;
  border-bottom: #ced7e1 3px solid;
  margin-bottom: 20px;
  border-radius: 5px; }

.results-kpi-list-page table {
  width: 100%; }

.results-kpi-list-page table th {
  width: 6.7%; }

.results-kpi-list-page table .result-link {
  margin-right: 20px;
  float: right;
  font-size: 14px; }

.results-kpi-list-page table .result-link .fa {
  color: #B1BDC7;
  font-size: 20px; }

.results-kpi-list-page table td input {
  padding: 0 5px;
  box-sizing: border-box;
  width: 100%;
  background: none;
  text-align: center; }

.results-kpi-list-page table td.excluded p {
  display: none; }

.results-kpi-list-page .section-item:first-child .move-up-link, .results-kpi-list-page .section-item:last-child .move-down-link {
  opacity: .5;
  pointer-events: none; }

.results-kpi-list-page .table-result-title th {
  border-left: #ced7e1 1px solid;
  border-bottom: #ced7e1 1px solid;
  padding-left: 5px;
  height: 30px;
  vertical-align: middle;
  text-align: left;
  font-size: 14px;
  color: #bcc5d0; }
  .results-kpi-list-page .table-result-title th span {
    display: block;
    font-size: 12px; }
  .results-kpi-list-page .table-result-title th:first-child {
    border-left: none;
    width: auto !important; }
  .results-kpi-list-page .table-result-title th:last-child {
    color: #343a41; }

.results-kpi-list-page .table-result-items + .table-result-items {
  border-top: #ced7e1 1px solid; }

.results-kpi-list-page .table-result-items td {
  width: 6.7%;
  height: 45px;
  vertical-align: middle;
  border-left: #ced7e1 1px solid;
  border-bottom: #ced7e1 1px solid;
  font-size: 14px;
  color: #343a41; }

.results-kpi-list-page .table-result-items input.row-total {
  padding-left: 0;
  text-align: left;
  font-weight: 700;
  color: inherit; }

.results-kpi-list-page td.bg-green {
  background-color: #e9fce3; }

.results-kpi-list-page td.bg-red {
  background-color: #fbeff1; }

.results-kpi-list-page td.no-active {
  background-color: #f8fafd; }

.results-kpi-list-page td.no-active {
  border-left: #e9eef3 1px solid;
  border-bottom: #e9eef3 1px solid;
  background-color: #f8fafd; }

.results-kpi-list-page .table-result-items td:first-child {
  width: auto;
  border-left: none;
  padding-left: 15px; }

.results-kpi-list-page .table-result-items .kpi-data td:last-child {
  padding-left: 5px;
  font-weight: bold; }
  .results-kpi-list-page .table-result-items .kpi-data td:last-child span {
    font-size: 12px;
    color: #8491a1;
    display: block; }

.results-kpi-list-page .table-result-items .bullet {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 8px;
  background-color: #ced5dd;
  border-radius: 50%; }

.results-kpi-list-page .table-result-items.wide-td {
  font-size: 14px;
  font-weight: normal !important;
  padding-left: 15px; }
  .results-kpi-list-page .table-result-items.wide-td a {
    display: inline-block;
    height: 17px;
    text-decoration: none !important;
    color: #94a2b3;
    font-size: 12px;
    line-height: 17px; }

.results-kpi-list-page .table-result-items td.wide-td a {
  display: inline-block; }
  .results-kpi-list-page .table-result-items td.wide-td a img {
    max-height: 17px;
    vertical-align: middle;
    margin-top: -4px; }
  .results-kpi-list-page .table-result-items td.wide-td a.strong {
    font-weight: bold;
    font-size: 14px;
    color: #343a41; }

.results-kpi-list-page .table-result-items td.excluded {
  border-left: #e9eef3 1px solid;
  border-bottom: #e9eef3 1px solid;
  background-color: #f8fafd; }

.results-kpi-list-page .results-empty {
  display: flex;
  justify-content: center;
  padding-top: 10em; }
  .results-kpi-list-page .results-empty > a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    width: 20em;
    height: 15em;
    padding: 1em;
    text-decoration: none;
    color: #272C32;
    border: #ced7e1 1px solid;
    border-radius: 4px;
    box-shadow: 0 2px 0 #d9e0e9; }
    .results-kpi-list-page .results-empty > a:first-child {
      margin-right: 10px; }
    .results-kpi-list-page .results-empty > a:last-child {
      margin-left: 10px; }
    .results-kpi-list-page .results-empty > a > div {
      text-align: center; }
      .results-kpi-list-page .results-empty > a > div.footer {
        position: absolute;
        bottom: 1em;
        left: 1em;
        right: 1em; }
        .results-kpi-list-page .results-empty > a > div.footer img {
          width: 80%; }
      .results-kpi-list-page .results-empty > a > div b {
        display: block; }

#results-settings {
  width: 600px; }
  #results-settings .header {
    text-align: center;
    margin-bottom: 32px; }
    #results-settings .header .title {
      font-weight: bold;
      margin-bottom: 20px; }
    #results-settings .header .info {
      line-height: 1.4; }
      #results-settings .header .info a {
        display: block; }
  #results-settings .body {
    display: flex; }
    #results-settings .body > div {
      padding-top: 5px;
      padding-bottom: 5px; }
    #results-settings .body .items {
      flex: 0 0 15em;
      overflow: hidden;
      border: #ced7e1 1px solid;
      border-radius: 4px; }
      #results-settings .body .items .item {
        display: flex;
        align-items: flex-start;
        padding: 5px 10px; }
        #results-settings .body .items .item.active {
          background: #f2f6fa; }
        #results-settings .body .items .item.item-hidden {
          color: #959da7; }
        #results-settings .body .items .item .drag-handle {
          margin-top: 2px;
          margin-right: 7px; }
        #results-settings .body .items .item .edit-link {
          overflow: hidden;
          text-overflow: ellipsis;
          color: inherit;
          text-decoration: none; }
        #results-settings .body .items .item .toggle-link {
          margin-left: auto;
          padding-left: 5px; }
    #results-settings .body .form-holder {
      display: flex;
      width: 100%; }
      #results-settings .body .form-holder .form, #results-settings .body .form-holder .c-mold-datepicker {
        flex: 1; }
        #results-settings .body .form-holder .form .form-group, #results-settings .body .form-holder .c-mold-datepicker .form-group {
          display: flex; }
          #results-settings .body .form-holder .form .form-group label, #results-settings .body .form-holder .c-mold-datepicker .form-group label {
            flex: 0 0 5em;
            text-align: right;
            padding-right: 1em;
            padding-top: 9px; }
          #results-settings .body .form-holder .form .form-group .controls, #results-settings .body .form-holder .c-mold-datepicker .form-group .controls {
            flex: 1; }
        #results-settings .body .form-holder .form .for-btn, #results-settings .body .form-holder .c-mold-datepicker .for-btn {
          text-align: right; }
          #results-settings .body .form-holder .form .for-btn .remove-link, #results-settings .body .form-holder .c-mold-datepicker .for-btn .remove-link {
            margin-right: 10px; }
      #results-settings .body .form-holder .max-note {
        flex: 1;
        align-self: center;
        text-align: center;
        color: #959da7; }
  #results-settings .footer {
    margin-top: 20px; }
    #results-settings .footer .btn, #results-settings .footer .c-mold-datepicker-ok-btn {
      font-weight: bold; }

.strategy-overview-page .table-strategy td.buttons, .strategy-overview-page .table-strategy th.buttons {
  width: 48px;
  white-space: nowrap; }

.strategy-overview-page .table-strategy td.name, .strategy-overview-page .table-strategy th.name {
  padding-left: 24px; }

.strategy-overview-page .table-strategy td.last_updated, .strategy-overview-page .table-strategy th.last_updated {
  width: 130px; }

.strategy-overview-page .table-strategy td.status, .strategy-overview-page .table-strategy th.status {
  width: 130px; }

.strategy-overview-page .table-strategy td.name .drag-handle {
  margin-right: 5px;
  position: relative;
  top: 3px; }

.strategy-overview-page .table-strategy td.name .obj-link {
  color: #343a41;
  font-weight: 400;
  font-size: 16px; }

.strategy-overview-page .table-strategy td.buttons a {
  margin-right: 10px; }

.strategy-detail-page .wide-title .white-btn, .strategy-detail-page .wide-title .white-btn-b, .strategy-detail-page .wide-title .filter-btn, .strategy-detail-page .wide-title .toolbar .row .btn-group a, .toolbar .row .btn-group .strategy-detail-page .wide-title a {
  font-weight: normal; }

.strategy-detail-page .wide-title .back-btn {
  margin-top: 2px; }

.strategy-detail-page .wide-title .tabs-btn {
  margin-bottom: 2px; }

.strategy-form {
  width: 480px; }

.tag-manager {
  margin-left: 18px;
  margin-right: 18px; }
  .tag-manager .forms {
    padding: 20px 10px;
    border: #dee4eb 1px solid;
    background: #fafafc;
    margin-bottom: 20px;
    line-height: 36px;
    overflow: hidden; }
    .tag-manager .forms button {
      width: 150px;
      height: 36px;
      line-height: 36px; }
    .tag-manager .forms .field {
      width: 250px;
      margin-right: 10px;
      float: left; }
    .tag-manager .forms .add-tag-group-form {
      float: right; }
    .tag-manager .forms .add-tag-form {
      float: left; }
    .tag-manager .forms:after {
      display: block;
      content: '';
      clear: both; }
    @media (max-width: 1366px) {
      .tag-manager .forms form {
        float: none !important; }
        .tag-manager .forms form:first-child {
          margin-bottom: 20px; }
        .tag-manager .forms form.add-tag-form button {
          margin-top: 42px; }
      .tag-manager .forms button {
        width: 20%; }
      .tag-manager .forms .field {
        width: 78%;
        margin-bottom: 7px; } }
  .tag-manager .row-table .cell {
    vertical-align: middle;
    line-height: 18px;
    padding: 9px 5px 9px 24px;
    font-size: 14px; }
  .tag-manager .row-table.header .cell {
    background: #f2f6fa;
    color: #8491a1;
    font-weight: 700; }
  .tag-manager .row-table:not(.header) .cell {
    border-bottom: #dee4eb 1px solid; }
  .tag-manager .row-table .cell-used-in {
    width: 10rem;
    text-align: right; }
  .tag-manager .row-table .cell-buttons {
    width: 48px;
    text-align: right;
    padding-right: 0;
    white-space: nowrap; }
    .tag-manager .row-table .cell-buttons a {
      margin-right: 5px;
      text-decoration: none; }

.tags-modal-form {
  width: 400px; }

.members {
  width: 640px; }
  .members h4 {
    text-align: center;
    font-weight: bold; }
  .members .user .avatar {
    float: left;
    margin-right: 12px; }
  .members .non-field-errors {
    margin-top: 5px;
    color: #d74b4c; }
  .members .invite-account-member-form.membership-limit-reached.paid-role-selected {
    display: none; }
  .members .invite-member-form .cell {
    vertical-align: top; }
  .members .invite-member-form .cell-email, .members .invite-member-form .cell-role {
    padding-right: 10px; }
  .members .invite-member-form .cell-email {
    width: 70%; }
  .members .invite-member-form .cell-role {
    width: 30%; }
  .members .invite-member-form .cell-submit input {
    width: 100%; }
  .members .cell.function .change-role-form .select {
    padding-right: 0;
    width: 110px; }
  .members .row-table.member .cell.function {
    width: 135px;
    position: relative; }
    .members .row-table.member .cell.function select {
      text-indent: 8px; }
    .members .row-table.member .cell.function .remove-btn {
      position: absolute;
      top: 21px;
      right: -20px; }
    .members .row-table.member .cell.function form.none + .remove-btn {
      right: 0; }
  .members .cell.person {
    max-width: 305px; }
    .members .cell.person .resend-btn {
      font-size: 13px; }
  .members .cell.function {
    vertical-align: middle;
    padding-left: 10px;
    text-align: right; }
    .members .cell.function select {
      margin-bottom: 0; }
    .members .cell.function a {
      font-size: 14px; }
  .members .user .email {
    margin-right: 5px; }
  .members .errorlist {
    text-align: left; }
  .members .member-list {
    margin-bottom: 60px; }
    .members .member-list .cell {
      vertical-align: middle;
      padding: 12px 0;
      border-bottom: #ced7e1 1px solid; }
  .members.account-members .subscription-info {
    text-align: center;
    margin-bottom: 20px; }
  .members.account-members .filter-menu {
    text-align: center;
    border-bottom: #ced7e1 1px solid; }
  .members.account-members .invite-member-form {
    margin-top: 30px; }
  .members.account-members .note {
    margin-top: 10px;
    margin-bottom: 20px; }
  .members.account-members .filter-menu:after {
    display: block;
    content: '';
    clear: both; }
  .members.account-members .filter-menu li {
    float: none;
    display: inline-block;
    height: 32px; }

.pending-label {
  font-family: lato, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  padding: 0 5px;
  background: #cfd7e0;
  color: #8591a0;
  border-radius: 3px; }

.c-mold-datepicker {
  background: #fff;
  border: 1px silver solid;
  padding: 1em;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2); }
  .c-mold-datepicker-row {
    display: flex;
    margin-top: 1em; }
  .c-mold-datepicker-field input,
  .c-mold-datepicker-field select {
    height: 30px !important; }
  .c-mold-datepicker-field-inactive, .c-mold-datepicker-field-inactive input {
    color: #959da7 !important; }
  .c-mold-datepicker-days-field {
    width: 5em;
    padding-right: 1em; }
    .c-mold-datepicker-days-field, .c-mold-datepicker-days-field input {
      text-align: center; }
  .c-mold-datepicker-wd-field {
    display: flex;
    align-items: center;
    border-left: #ced7e1 1px solid;
    padding-left: 1em;
    padding-right: 1em; }
    .c-mold-datepicker-wd-field input[type=radio] + label {
      margin: 0;
      padding: 4px 4px; }
      .c-mold-datepicker-wd-field input[type=radio] + label:before {
        background: none;
        width: 0;
        margin: 0; }
    .c-mold-datepicker-wd-field input[type=radio]:checked + label {
      background: #7171d4;
      color: #fff; }
  .c-mold-datepicker-prep-field {
    padding-right: 1em;
    min-width: 10em; }
  .c-mold-datepicker-target-field {
    flex: 1; }
  .c-mold-datepicker-clear-btn {
    align-self: center; }
  .c-mold-datepicker-ok-btn {
    min-width: 3em !important;
    align-self: center;
    margin-left: auto; }

.app-molds-tasks-overview table td {
  border-bottom: #ced7e1 1px solid; }

.app-molds-tasks-overview table .cell-name {
  padding-left: 24px; }
  .app-molds-tasks-overview table .cell-name a {
    color: inherit; }

.app-molds-tasks-overview table .cell-tasks {
  width: 100px; }

.app-molds-tasks-overview table .cell-last-updated {
  width: 140px; }

.app-molds-tasks-overview table .cell-buttons {
  width: 52px;
  padding-right: 0; }
  .app-molds-tasks-overview table .cell-buttons a {
    text-decoration: none;
    margin-right: 5px; }

.app-molds-tasks-details .wide-title .back-btn {
  margin-top: 2px;
  font-weight: normal; }

.app-molds-tasks-details .list-info .head {
  display: flex;
  align-items: flex-start; }
  .app-molds-tasks-details .list-info .head .title {
    flex: 1;
    font-size: 30px;
    font-weight: bold;
    line-height: 1; }
    .app-molds-tasks-details .list-info .head .title .group-name {
      font-size: 14px;
      color: #8491a1;
      font-weight: normal; }
  .app-molds-tasks-details .list-info .head .buttons a {
    margin-left: 5px;
    text-decoration: none; }

.app-molds-tasks-details .list-info .body {
  margin: 2em 0; }
  .app-molds-tasks-details .list-info .body table {
    width: 100%; }
    .app-molds-tasks-details .list-info .body table td {
      padding: .5em 1em;
      vertical-align: bottom; }
      .app-molds-tasks-details .list-info .body table td.vr {
        border-right: #ced7e1 1px solid; }
      .app-molds-tasks-details .list-info .body table td div {
        font-size: 22px;
        font-weight: bold; }
    .app-molds-tasks-details .list-info .body table td:first-child {
      text-align: right;
      font-weight: bold;
      width: 10em; }
    .app-molds-tasks-details .list-info .body table td:nth-child(2) {
      width: 60%; }
    .app-molds-tasks-details .list-info .body table td:nth-child(2n+1) {
      white-space: nowrap; }

.app-molds-tasks-details .add-taskmold-form {
  padding: 14px;
  padding-bottom: 8px;
  background-color: #fafafc;
  border: #dee4eb 1px solid;
  margin-bottom: 36px; }
  .app-molds-tasks-details .add-taskmold-form .form-row {
    display: flex;
    align-items: flex-start; }
    .app-molds-tasks-details .add-taskmold-form .form-row:last-child .form-group {
      padding-top: 7px; }
  .app-molds-tasks-details .add-taskmold-form .form-group-name {
    flex: 1; }
  .app-molds-tasks-details .add-taskmold-form .form-group-duedate {
    flex: 0 0 20em; }
  .app-molds-tasks-details .add-taskmold-form .for-btn {
    margin-left: auto;
    text-align: right; }
    .app-molds-tasks-details .add-taskmold-form .for-btn input {
      font-weight: bold; }

.app-molds-tasks-details .table-taskmolds td.name .drag-handle {
  margin-right: 5px;
  position: relative;
  top: 3px; }

.app-molds-tasks-details .table-taskmolds td.name a {
  color: inherit;
  text-decoration: none; }
  .app-molds-tasks-details .table-taskmolds td.name a .name-text:hover {
    text-decoration: underline; }

.app-molds-tasks-details .table-taskmolds td.owner {
  width: 15em; }
  .app-molds-tasks-details .table-taskmolds td.owner .avatar {
    margin-right: 5px; }

.app-molds-tasks-details .table-taskmolds td.participants {
  width: 15em; }

.app-molds-tasks-details .table-taskmolds td.due_date {
  width: 20em; }

.app-molds-tasks-details .table-taskmolds td.duration {
  width: 5.7em; }

.app-molds-tasks-details .table-taskmolds td.buttons {
  width: 1px; }

.sidebar-details-taskmold .sidebar-taskmold-info {
  margin-top: 10px; }
  .sidebar-details-taskmold .sidebar-taskmold-info .duration td > div {
    display: inline-block; }
  .sidebar-details-taskmold .sidebar-taskmold-info .duration td input {
    width: 10em; }

#add-taskmold-list-form .form-group-context {
  margin-top: 1.5em;
  margin-bottom: 18px; }
  #add-taskmold-list-form .form-group-context label {
    line-height: initial; }
  #add-taskmold-list-form .form-group-context .controls {
    display: flex; }
    #add-taskmold-list-form .form-group-context .controls .js-context-widget {
      flex: 1; }
      #add-taskmold-list-form .form-group-context .controls .js-context-widget:last-child {
        padding-left: 1.5em;
        border-left: #ced7e1 1px solid; }
      #add-taskmold-list-form .form-group-context .controls .js-context-widget .vertical-list {
        margin-bottom: 0; }
        #add-taskmold-list-form .form-group-context .controls .js-context-widget .vertical-list:last-child {
          height: 168px;
          overflow-y: auto; }

.app-molds .molds-nav {
  font-weight: bold;
  margin-bottom: 1.5em; }

.notifications-overview-page .view-content .day {
  margin-bottom: 26px; }

.notifications-overview-page .view-content .title {
  font-size: 14px;
  font-weight: bold;
  color: #94a2b3;
  margin-bottom: 12px; }

.notifications-overview-page .view-content .item {
  position: relative;
  border-bottom: #dee4eb 1px solid; }
  .notifications-overview-page .view-content .item:last-child {
    border: none; }
  .notifications-overview-page .view-content .item .toggle-read-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    margin-left: 1em;
    text-decoration: none;
    color: #7171d4;
    opacity: 0;
    transition: opacity .2s ease-in-out; }
    .notifications-overview-page .view-content .item .toggle-read-btn i:before {
      content: "\f003"; }
  .notifications-overview-page .view-content .item:hover .toggle-read-btn {
    opacity: 1; }
  .notifications-overview-page .view-content .item.not-read .toggle-read-btn i:before {
    content: "\f2b7"; }
  .notifications-overview-page .view-content .item.not-read .txt {
    background-color: #f2f6fa; }
  .notifications-overview-page .view-content .item .txt {
    padding-left: 34px;
    padding-right: 28px;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.5;
    transition: all .2s ease-in-out; }
    .notifications-overview-page .view-content .item .txt .icon {
      float: left;
      margin-left: -32px; }
      .notifications-overview-page .view-content .item .txt .icon img {
        max-height: 18px; }
      .notifications-overview-page .view-content .item .txt .icon .fi, .notifications-overview-page .view-content .item .txt .icon .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .notifications-overview-page .view-content .item .txt .icon table > tbody > tr > td > span.true, .notifications-overview-page .view-content .item .txt .icon .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .notifications-overview-page .view-content .item .txt .icon table > tbody > tr > td > span.false {
        font-size: 22px;
        color: #aab6c4; }
    .notifications-overview-page .view-content .item .txt .plan-name-label {
      text-decoration: none;
      margin-left: 10px; }
    .notifications-overview-page .view-content .item .txt p + .plan-name-label {
      margin-left: 0; }
    .notifications-overview-page .view-content .item .txt .citation {
      padding-left: 17px;
      margin-top: 8px;
      padding-top: 5px;
      padding-bottom: 5px;
      max-width: 600px;
      border-left: #dee4eb 1px solid; }
    .notifications-overview-page .view-content .item .txt .time {
      display: inline-block;
      margin-left: 10px;
      color: #94a2b3; }
    .notifications-overview-page .view-content .item .txt .nickname {
      font-weight: normal;
      color: #7171d4; }

.search-results {
  border-top: 1px #dee4eb solid;
  display: table;
  width: 100%;
  min-height: calc(100vh - 55px - 57px - 3px); }
  .search-results .categories {
    display: table-cell;
    vertical-align: top;
    width: 270px;
    padding: 20px;
    padding-top: 40px;
    border-right: #dee4eb 1px solid; }
    .search-results .categories a {
      display: table-row;
      font-weight: bold;
      text-decoration: none;
      color: inherit; }
      .search-results .categories a .col {
        display: table-cell;
        vertical-align: middle;
        height: 39px; }
        .search-results .categories a .col.name, .search-results .categories a .col.num div {
          transition: all .5s ease-in; }
      .search-results .categories a.active .name, .search-results .categories a:hover .name {
        color: #7171d4; }
      .search-results .categories a.active .num div, .search-results .categories a:hover .num div {
        color: #fff;
        background: #7171d4; }
      .search-results .categories a.active {
        pointer-events: none; }
      .search-results .categories a .num {
        text-align: right; }
        .search-results .categories a .num div {
          display: inline-block;
          min-width: 21px;
          padding: 2px 4px;
          text-align: center;
          background: #dee4eb;
          font-size: 12px;
          color: #8491a1;
          border-radius: 10px; }
  .search-results .items {
    display: table-cell;
    vertical-align: top;
    padding: 40px;
    padding-top: 40px;
    padding-right: 30px; }
    .search-results .items .item {
      display: table;
      width: 100%;
      padding: 15px 0;
      text-decoration: none;
      color: inherit;
      border-top: 1px #dee4eb solid; }
      .search-results .items .item .row {
        display: table-row; }
      .search-results .items .item .col {
        display: table-cell;
        vertical-align: middle; }
        .search-results .items .item .col:not(:last-child) {
          padding-right: 15px; }
      .search-results .items .item .icon {
        width: 44px; }
        .search-results .items .item .icon .fi, .search-results .items .item .icon .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .search-results .items .item .icon table > tbody > tr > td > span.true, .search-results .items .item .icon .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .search-results .items .item .icon table > tbody > tr > td > span.false,
        .search-results .items .item .icon .fa {
          display: inline-flex;
          justify-content: center;
          align-items: center;
          color: #9ea9b7;
          background: #f2f6fa;
          width: 44px;
          height: 44px;
          border-radius: 50%; }
        .search-results .items .item .icon .fi, .search-results .items .item .icon .pretty-table-holder table > tbody > tr > td > span.true, .pretty-table-holder .search-results .items .item .icon table > tbody > tr > td > span.true, .search-results .items .item .icon .pretty-table-holder table > tbody > tr > td > span.false, .pretty-table-holder .search-results .items .item .icon table > tbody > tr > td > span.false {
          font-size: 18px; }
      .search-results .items .item .title {
        font-size: 16px; }
        .search-results .items .item .title em {
          font-style: inherit;
          font-weight: bold; }
        .search-results .items .item .title .label {
          display: inline-block;
          padding: 2px 10px;
          margin-left: 10px;
          color: #8491a1;
          background: #f2f6fa;
          font-size: 12px;
          vertical-align: top; }
      .search-results .items .item .info {
        font-size: 12px;
        color: #8491a1; }
        .search-results .items .item .info .attr:not(:first-child):before {
          content: "·";
          font-weight: bold;
          padding: 0 5px; }
        .search-results .items .item .info .avatar {
          padding-right: 2px; }
      .search-results .items .item .status {
        width: 120px; }
      .search-results .items .item .extra {
        font-style: italic; }
        .search-results .items .item .extra em {
          font-weight: bold; }
    .search-results .items .item-task .overdue {
      color: #e86f6f; }
    .search-results .items .item-task.completed .label-status {
      display: none; }
    .search-results .items .empty {
      color: #636D79; }
      .search-results .items .empty h4 {
        margin-bottom: 20px; }
      .search-results .items .empty ul {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 15px; }
        .search-results .items .empty ul li {
          margin-bottom: 15px; }
          .search-results .items .empty ul li::before {
            content: "•";
            color: #7171d4;
            padding-right: 1em; }

.plan-search-form {
  display: none;
  position: relative;
  clear: left;
  width: 100%;
  margin-top: 10px;
  margin-right: 10px; }
  .plan-search-form label {
    top: 9px;
    position: absolute;
    color: #bcc5d0; }
    .plan-search-form label.search {
      left: 10px; }
    .plan-search-form label.reset {
      right: 5px;
      cursor: pointer; }
  .plan-search-form input[type=text] {
    padding-left: 30px;
    padding-right: 18px;
    border-radius: 0; }
  .plan-search-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #b5bcc6; }
  .plan-search-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #b5bcc6; }
  .plan-search-form :-ms-input-placeholder {
    /* IE 10+ */
    color: #b5bcc6; }
  .plan-search-form :-moz-placeholder {
    /* Firefox 18- */
    color: #b5bcc6; }

.saml2-auth-setup-modal {
  width: 600px; }
  .saml2-auth-setup-modal h4 {
    font-weight: bold;
    text-align: center; }

.right-fixed-sidebar .sub-title .toggl-target {
  float: right;
  margin-top: -2px;
  font-weight: normal; }
  .right-fixed-sidebar .sub-title .toggl-target .toggl-button {
    text-decoration: none;
    color: inherit; }

.table-tasks .name .toggl-target {
  position: relative;
  top: -4px; }
  .table-tasks .name .toggl-target .toggl-button {
    font-size: 0;
    opacity: 0.3; }
    .table-tasks .name .toggl-target .toggl-button.active {
      opacity: 1; }

.support-form {
  min-width: 600px; }
  .support-form .contact-info {
    display: flex; }
    .support-form .contact-info .picture img {
      width: 115px;
      padding-right: 20px; }
  .support-form p {
    margin-bottom: 10px; }
  .support-form fieldset {
    margin-bottom: 10px; }
  .support-form textarea {
    height: 12rem; }

@media print {
  body {
    background: none !important; }
  .main {
    margin-left: 0;
    border-left: none; }
    .main .menu-project {
      display: none; }
    .main .planning {
      margin: 0;
      background: white; }
  header,
  #main .wide-title,
  #main .filters-bar-holder {
    display: none !important; } }

body.ajax-running {
  cursor: progress !important; }

#blocker, #loading {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999; }

#loading {
  cursor: progress; }
  #loading .loader {
    height: 2px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #e3e3e3; }
  #loading .loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 2px;
    background-color: #7171d4;
    animation: loading 2s linear infinite; }

@keyframes loading {
  from {
    left: -200px;
    width: 30%; }
  50% {
    width: 30%; }
  70% {
    width: 70%; }
  80% {
    left: 50%; }
  95% {
    left: 120%; }
  to {
    left: 100%; } }

.clearFix {
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden; }

.fix-clear {
  display: table;
  width: 100%; }

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

.clickable {
  cursor: pointer; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-muted {
  color: #959da7 !important; }

.text-italic {
  font-style: italic !important; }

.text-small {
  font-size: 90%; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.flip-horizontal {
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

.disabled {
  pointer-events: none !important; }

.disabled-opaque, .context-chooser-input:not(.available) {
  pointer-events: none !important;
  opacity: 0.5 !important; }

label.disabled-opaque:before, label.context-chooser-input:not(.available):before {
  opacity: .7; }

.block {
  display: block !important; }

.inline-block {
  display: inline-block !important; }

.flex {
  display: flex !important; }

.flex-1 {
  flex: 1; }

.invisible {
  visibility: hidden !important; }

.none {
  display: none !important; }

.overflow-hidden {
  overflow: hidden !important; }

.implicit-link {
  color: inherit; }
  .implicit-link, .implicit-link:hover {
    text-decoration: none; }

.m-0 {
  margin: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.me-0 {
  margin-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ms-0 {
  margin-left: 0 !important; }

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.p-0 {
  padding: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pe-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.ps-0 {
  padding-left: 0 !important; }

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.me-1 {
  margin-right: 0.25rem !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.ms-1 {
  margin-left: 0.25rem !important; }

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important; }

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pe-1 {
  padding-right: 0.25rem !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.ps-1 {
  padding-left: 0.25rem !important; }

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.me-2 {
  margin-right: 0.5rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.ms-2 {
  margin-left: 0.5rem !important; }

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pe-2 {
  padding-right: 0.5rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.ps-2 {
  padding-left: 0.5rem !important; }

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.me-3 {
  margin-right: 1rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.ms-3 {
  margin-left: 1rem !important; }

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pe-3 {
  padding-right: 1rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.ps-3 {
  padding-left: 1rem !important; }

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4 {
  margin-top: 1.5rem !important; }

.me-4 {
  margin-right: 1.5rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.ms-4 {
  margin-left: 1.5rem !important; }

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pe-4 {
  padding-right: 1.5rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.ps-4 {
  padding-left: 1.5rem !important; }

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5 {
  margin-top: 3rem !important; }

.me-5 {
  margin-right: 3rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

.ms-5 {
  margin-left: 3rem !important; }

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pe-5 {
  padding-right: 3rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.ps-5 {
  padding-left: 3rem !important; }

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto {
  margin-top: auto !important; }

.me-auto {
  margin-right: auto !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ms-auto {
  margin-left: auto !important; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.p-auto {
  padding: auto !important; }

.pt-auto {
  padding-top: auto !important; }

.pe-auto {
  padding-right: auto !important; }

.pb-auto {
  padding-bottom: auto !important; }

.ps-auto {
  padding-left: auto !important; }

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important; }

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.m-0-auto {
  margin: auto !important; }

.mt-0-auto {
  margin-top: auto !important; }

.me-0-auto {
  margin-right: auto !important; }

.mb-0-auto {
  margin-bottom: auto !important; }

.ms-0-auto {
  margin-left: auto !important; }

.mx-0-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-0-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.p-0-auto {
  padding: auto !important; }

.pt-0-auto {
  padding-top: auto !important; }

.pe-0-auto {
  padding-right: auto !important; }

.pb-0-auto {
  padding-bottom: auto !important; }

.ps-0-auto {
  padding-left: auto !important; }

.px-0-auto {
  padding-left: auto !important;
  padding-right: auto !important; }

.py-0-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.m-1-auto {
  margin: auto !important; }

.mt-1-auto {
  margin-top: auto !important; }

.me-1-auto {
  margin-right: auto !important; }

.mb-1-auto {
  margin-bottom: auto !important; }

.ms-1-auto {
  margin-left: auto !important; }

.mx-1-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-1-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.p-1-auto {
  padding: auto !important; }

.pt-1-auto {
  padding-top: auto !important; }

.pe-1-auto {
  padding-right: auto !important; }

.pb-1-auto {
  padding-bottom: auto !important; }

.ps-1-auto {
  padding-left: auto !important; }

.px-1-auto {
  padding-left: auto !important;
  padding-right: auto !important; }

.py-1-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.m-2-auto {
  margin: auto !important; }

.mt-2-auto {
  margin-top: auto !important; }

.me-2-auto {
  margin-right: auto !important; }

.mb-2-auto {
  margin-bottom: auto !important; }

.ms-2-auto {
  margin-left: auto !important; }

.mx-2-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-2-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.p-2-auto {
  padding: auto !important; }

.pt-2-auto {
  padding-top: auto !important; }

.pe-2-auto {
  padding-right: auto !important; }

.pb-2-auto {
  padding-bottom: auto !important; }

.ps-2-auto {
  padding-left: auto !important; }

.px-2-auto {
  padding-left: auto !important;
  padding-right: auto !important; }

.py-2-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.m-3-auto {
  margin: auto !important; }

.mt-3-auto {
  margin-top: auto !important; }

.me-3-auto {
  margin-right: auto !important; }

.mb-3-auto {
  margin-bottom: auto !important; }

.ms-3-auto {
  margin-left: auto !important; }

.mx-3-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-3-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.p-3-auto {
  padding: auto !important; }

.pt-3-auto {
  padding-top: auto !important; }

.pe-3-auto {
  padding-right: auto !important; }

.pb-3-auto {
  padding-bottom: auto !important; }

.ps-3-auto {
  padding-left: auto !important; }

.px-3-auto {
  padding-left: auto !important;
  padding-right: auto !important; }

.py-3-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.m-4-auto {
  margin: auto !important; }

.mt-4-auto {
  margin-top: auto !important; }

.me-4-auto {
  margin-right: auto !important; }

.mb-4-auto {
  margin-bottom: auto !important; }

.ms-4-auto {
  margin-left: auto !important; }

.mx-4-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-4-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.p-4-auto {
  padding: auto !important; }

.pt-4-auto {
  padding-top: auto !important; }

.pe-4-auto {
  padding-right: auto !important; }

.pb-4-auto {
  padding-bottom: auto !important; }

.ps-4-auto {
  padding-left: auto !important; }

.px-4-auto {
  padding-left: auto !important;
  padding-right: auto !important; }

.py-4-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.m-5-auto {
  margin: auto !important; }

.mt-5-auto {
  margin-top: auto !important; }

.me-5-auto {
  margin-right: auto !important; }

.mb-5-auto {
  margin-bottom: auto !important; }

.ms-5-auto {
  margin-left: auto !important; }

.mx-5-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-5-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.p-5-auto {
  padding: auto !important; }

.pt-5-auto {
  padding-top: auto !important; }

.pe-5-auto {
  padding-right: auto !important; }

.pb-5-auto {
  padding-bottom: auto !important; }

.ps-5-auto {
  padding-left: auto !important; }

.px-5-auto {
  padding-left: auto !important;
  padding-right: auto !important; }

.py-5-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.m-auto-auto {
  margin: auto !important; }

.mt-auto-auto {
  margin-top: auto !important; }

.me-auto-auto {
  margin-right: auto !important; }

.mb-auto-auto {
  margin-bottom: auto !important; }

.ms-auto-auto {
  margin-left: auto !important; }

.mx-auto-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-auto-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.p-auto-auto {
  padding: auto !important; }

.pt-auto-auto {
  padding-top: auto !important; }

.pe-auto-auto {
  padding-right: auto !important; }

.pb-auto-auto {
  padding-bottom: auto !important; }

.ps-auto-auto {
  padding-left: auto !important; }

.px-auto-auto {
  padding-left: auto !important;
  padding-right: auto !important; }

.py-auto-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.mdot:before {
  content: "\00a0\00B7\00a0\00a0";
  font-weight: normal; }

[data-expander] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }

.ic-trans-fadeout {
  transition: all .25s; }
  .ic-trans-fadeout.ic-removing {
    opacity: 0; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.autohide {
  animation: hideanimation 0s ease-in 5s forwards;
  animation-fill-mode: forwards; }

@keyframes hideanimation {
  to {
    width: 0;
    height: 0;
    overflow: hidden; } }

.text-danger {
  color: #d74b4c !important; }

.bg-danger {
  background-color: #fbeff1 !important; }

.text-success {
  color: #57b949 !important; }

.bg-success {
  background-color: #e9fce3 !important; }