@charset "UTF-8";
/* Clearfix
  ========================================================================== */
/* Usage */
/* .article {
    @include clearfix();
} */
/* Box Model
  ========================================================================== */
/* Usage */
/* *,
*:after,
*:before {
    @include box-sizing(border-box);
} */
/* Border Radius
  ========================================================================== */
/* Usage */
/* .button {
    @include border-radius(5px);
}

.submit-button {
    @include border-top-radius(10px);
} */
/* Opacity
  ========================================================================== */
/* Usage */
/* .article-heading {
    @include opacity(0.8);
}
 */
/* Text overflow
  ========================================================================== */
/* Usage */
/* .text-truncate {
    @include text-truncate;
} */
/* Placeholder
  ========================================================================== */
/* Usage */
/*
input {
    @include placeholder-color(#FA4A4A)
}
 */
/* Usage */
/*.item {
    @include transition(padding, 1s, ease-in-out);
}*/
*,
*:before,
*:after {
  box-sizing: border-box;
}

::-moz-selection {
  color: #fff;
  background: #5da8fe;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #5da8fe;
  text-shadow: none;
}

:-moz-placeholder {
  /* Firefox 18- */
}

::-moz-placeholder {
  /* Firefox 19+ */
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

iframe {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
blockquote,
figure,
button {
  margin: 0;
  padding: 0;
}

main,
li {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
p {
  font-size: inherit;
  font-weight: 400;
}

strong {
  font-weight: bold;
}

sup {
  position: relative;
  top: -0.5em;
  font-size: 65%;
  line-height: 0;
  vertical-align: baseline;
}

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

a,
button {
  color: inherit;
}

a {
  text-decoration: none;
}

button {
  overflow: visible;
  border: 0;
  font: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
  -webkit-font-smoothing: inherit;
}
button:focus {
  outline: 0;
}

::-moz-focus-inner {
  padding: 0;
  border: 0;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

input[type=search] {
  box-shadow: none;
}

[role=button] {
  cursor: pointer;
}

/*  input {
  -webkit-appearance: none; // force iOS to not show rounded borders
}
    */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * App Configuration
 */
/* Survey Builder */
.sentiment__media li, a {
  transition: all 0.5s ease;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

*:before,
*:after {
  font-feature-settings: "liga";
}

html {
  margin: 0;
  padding: 0;
}

button {
  outline: none;
}
button:focus {
  outline: none;
}

[contenteditable=true]:active,
[contenteditable=true]:focus {
  border: none;
  outline: none;
}

body {
  background: #f4f5f9;
  color: #4d565f;
  background-size: cover;
}

a {
  color: #4d565f;
}
a:hover {
  color: #4ca1fe;
}

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

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

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

.test {
  position: relative;
  background: #ffff00;
}

.wrapper {
  max-width: 667px;
  margin: 0 auto;
  position: relative;
  padding: 0 25px;
  box-shadow: 5px 5px #82bc00;
  border-radius: 50px;
  transform: scale(2);
  background: #ffff00;
}

.icon--12 {
  font-size: 12px !important;
}

.icon--14 {
  font-size: 14px !important;
}

.icon--16 {
  font-size: 16px !important;
}

.icon--20 {
  font-size: 20px !important;
}

.icon--22 {
  font-size: 22px !important;
}

.icon--24 {
  font-size: 24px !important;
}

.icon--26 {
  font-size: 26px !important;
}

.icon--reversed {
  transform: rotate(180deg);
}

.icon--rotating {
  -webkit-animation: rotation 1s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.border-top-none {
  border-top: 0 !important;
}

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

.error-text {
  color: #fe596b !important;
}
.form--editcustomer .error-text {
  font-size: 14px;
  padding: 3px 0 0 0;
}

.cursor-pointer {
  cursor: pointer;
}

.pad-right-50 {
  padding-right: 50px;
}

.pad-right-30 {
  padding-right: 30px;
}

.pad-bot-20 {
  padding-bottom: 20px !important;
}

.pad-bot-0 {
  padding-bottom: 0 !important;
}

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

.pad-top-20 {
  padding-top: 20px !important;
}

.border--none {
  border: none !important;
}

hr {
  padding: 0;
  margin: 20px 0;
  border: none;
  border-top: 1px solid #ebebeb;
}

.filter-bar {
  display: inline-block;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 0 3px 3px 0;
  font-size: 12px;
  line-height: 32px;
  color: #34495e;
  border-left: 0;
}
.filter-bar i {
  font-size: 13px;
  line-height: 14px;
  vertical-align: middle;
}
.filter-bar a {
  color: #4ca1fe;
}
.filter-bar a:hover {
  color: #1a1a1a;
}
.filter-bar .filter-dropdown {
  position: absolute;
  right: -6px;
  left: auto;
  top: 100%;
  z-index: 9;
  width: 150px;
  min-height: auto;
  padding: 7px 13px;
  margin: 11px 0 0 0;
  font-size: 12px;
  color: #34495e;
  background: #fff;
  border: 1px solid #4ca1fe;
  border-radius: 5px;
  box-shadow: 0px 0px 6.48px 1.52px rgba(146, 146, 146, 0.32);
  transform: translateY(45px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.filter-bar .filter-dropdown:before {
  content: "";
  position: absolute;
  right: 12px;
  top: -5px;
  width: 9px;
  height: 9px;
  background: #fff;
  border: 1px solid #4ca1fe;
  border-width: 1px 0 0 1px;
  transform: rotate(45deg);
}
.filter-bar .filter-dropdown ul {
  float: left;
  width: 100%;
}
.filter-bar .filter-dropdown ul li {
  float: left;
  width: 100%;
}
.filter-bar .filter-dropdown ul li a {
  color: #34495e;
  display: block;
}
.filter-bar .filter-dropdown ul li a:hover, .filter-bar .filter-dropdown ul li a.active {
  color: #4ca1fe;
}
.filter-bar .filter-dropdown ul li ul {
  clear: both;
}
.filter-bar .filter-dropdown ul li ul li {
  float: left;
  width: 25%;
  padding-right: 10px;
}
.filter-bar .filter-dropdown > ul > li {
  border-top: 1px solid #e5e5e5;
  padding: 5px 2px;
}
.filter-bar .filter-dropdown > ul > li:first-child {
  border-top: none;
  color: #a9b4bd;
}
.filter-bar .filter-dropdown.active {
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.filter-bar .filter-dropdown.filter-options {
  width: 450px;
  right: -1px;
}
.filter-bar .filter-name {
  text-align: left;
  display: inline-block;
  min-width: 160px;
  padding: 0 19px 0 14px;
  border-right: 1px solid #e1e1e1;
  position: relative;
}
.filter-bar .filter-name .filter__icon {
  position: absolute;
  right: 10px;
}
.filter-bar .action-btns {
  display: inline-block;
  padding: 0 10px 0;
  border-right: 1px solid #e1e1e1;
}
.filter-bar .action-btns a {
  margin: 0 5px;
}
.filter-bar .filter-dropdown-node {
  display: inline-block;
  position: relative;
}
.filter-bar .filter-dropdown-node > a {
  display: block;
  border-radius: 0 3px 3px 0;
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #848484;
}

.tabs-block .tabs__header {
  border-bottom: 2px solid #e1e1e1;
  margin: 0 0 10px 0;
}
.tabs-block .tabs__header .tab {
  display: inline-block;
  border-bottom: 2px solid #e1e1e1;
  border-right: 1px solid #fff;
  background: #f4f5f9;
  padding: 10px 24px;
  margin: 0 0 -2px 0;
  font-size: 14px;
  color: #4d565f;
  cursor: pointer;
}
.tabs-block .tabs__header .tab:hover, .tabs-block .tabs__header .tab.active {
  background: #edeef2;
}
.tabs-block .tabs__header .tab.active {
  border-bottom-color: #4ca1fe;
}
.tabs-block .tabs__content__group .tab__content {
  display: none;
}
.tabs-block .tabs__content__group .tab__content.active {
  display: block;
}

.campaign-theme-wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.campaign-theme-wrapper .theme-info {
  padding: 0 0 20px;
  text-align: center;
}
.campaign-theme-wrapper .theme-info strong {
  font-weight: 600;
}
.campaign-theme-wrapper .theme-info h4 {
  font-size: 13px;
  font-weight: 600;
  padding: 0 0 10px;
  text-transform: uppercase;
}
.campaign-theme-wrapper .theme-info h4 :lang(fr) {
  text-transform: none;
}
.campaign-theme-wrapper .theme-info .info-container {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.campaign-theme-wrapper .theme-info .info-container p {
  font-size: 13px;
  display: table-cell;
  text-align: center;
  padding: 10px;
  border: 1px solid #d5d6d8;
}

.color-blue {
  color: #4ca1fe !important;
}

.action-menu-node {
  float: left;
  position: relative;
}
.date-range-field .action-menu-node {
  float: none;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 6px;
}
.date-range-field .action-menu-node > i {
  font-size: 18px;
}
.action-menu-node .action-menu-btn {
  display: block;
  width: 26px;
  height: 26px;
  z-index: 1;
  color: #96a2b6;
  position: relative;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
}
.action-menu-node .action-menu-btn i {
  font-size: 16px;
}
.action-menu-node .action-menu-btn:hover {
  background: white;
}
.action-menu-node .action-menu {
  position: absolute;
  right: -10px;
  top: 100%;
  z-index: 9;
  width: 140px;
  padding: 10px 13px;
  margin: 6px 0 0 0;
  font-size: 12px;
  color: #34495e;
  background: #fff;
  border: 1px solid #4ca1fe;
  border-radius: 5px;
  box-shadow: 0px 0px 6.48px 1.52px rgba(146, 146, 146, 0.32);
  transform: translateY(20px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.action-menu-node .action-menu:before {
  content: "";
  position: absolute;
  right: 12px;
  top: -5px;
  width: 9px;
  height: 9px;
  background: #fff;
  border: 1px solid #4ca1fe;
  border-width: 1px 0 0 1px;
  transform: rotate(45deg);
}
.action-menu-node .action-menu ul li {
  border-top: 1px solid #e5e5e5;
  padding: 2px;
}
.action-menu-node .action-menu ul li:first-child {
  border-top: none;
}
.action-menu-node .action-menu ul li:first-child a {
  color: #34495e;
}
.action-menu-node .action-menu ul li:first-child a:hover {
  color: #4ca1fe;
}
.action-menu-node .action-menu ul li label {
  float: left;
  line-height: 16px;
}
.action-menu-node .action-menu ul li.admin-user-switch {
  padding-top: 4px;
  padding-bottom: 4px;
}
.action-menu-node .action-menu ul li.admin-user-switch:before, .action-menu-node .action-menu ul li.admin-user-switch:after {
  content: " ";
  display: table;
}
.action-menu-node .action-menu ul li.admin-user-switch:after {
  clear: both;
}
.action-menu-node .action-menu ul li.admin-user-switch .toggle {
  float: right;
  padding: 0 2px 0 0;
}
.action-menu-node .action-menu ul li.welcome-note {
  position: relative;
  line-height: 16px;
  padding-left: 36px;
  padding-bottom: 4px;
}
.action-menu-node .action-menu ul li.welcome-note .user-initial {
  position: absolute;
  left: 0;
  top: 3px;
  width: 29px;
  height: 29px;
  font-size: 16px;
  line-height: 29px;
  background: #4ca1fe;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}
.action-menu-node .action-menu ul li.welcome-note strong {
  font-weight: 600;
}
.action-menu-node .action-menu ul li.active {
  background: #4ca1fe;
  color: #fff;
}
.action-menu-node .action-menu ul li.active a {
  color: #fff;
}
.date-range-field .action-menu-node .action-menu {
  right: -13px;
}
.action-menu-node .action-menu.active {
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.action-menu-node .action-menu.topnav--actionmenu {
  width: 180px;
}
.action-menu-node.question-settings {
  float: right;
  padding: 0 0 0 10px;
}
.action-menu-node.question-settings .action-menu-btn i {
  font-size: 20px;
  line-height: 20px;
}
.action-menu-node.question-settings .action-menu-btn:hover, .action-menu-node.question-settings .action-menu-btn.active {
  color: #4ca1fe;
}
.action-menu-node.question-settings .action-menu {
  right: -8px;
  width: 130px;
  padding: 5px 10px;
  margin: 6px 0 0 0;
}
.action-menu-node.question-settings .action-menu ul li {
  padding: 1px 2px 3px;
}
.action-menu-node.question-settings .action-menu ul li a {
  color: #34495e;
  display: block;
}
.action-menu-node.question-settings .action-menu ul li a i {
  font-size: 16px;
  line-height: 18px;
  margin: 0 5px 0 0;
  position: relative;
  top: 3px;
  left: 2px;
  color: #b0bdc5;
}
.action-menu-node.question-settings .action-menu ul li a:hover {
  color: #4ca1fe;
}
.action-menu-node.question-settings .action-menu ul li a:hover i {
  color: #4ca1fe;
}
.action-menu-node.question-translation {
  float: right;
  padding: 0 5px 0 10px;
}
.action-menu-node.question-translation .action-menu-btn {
  text-transform: uppercase;
  width: auto;
  font-size: 12px;
  line-height: 20px;
}
.action-menu-node.question-translation .action-menu-btn :lang(fr) {
  text-transform: none;
}
.action-menu-node.question-translation .action-menu-btn span {
  float: left;
  padding: 0 5px 0 0;
}
.action-menu-node.question-translation .action-menu-btn i {
  font-size: 20px;
  line-height: 20px;
}
.action-menu-node.question-translation .action-menu-btn:hover, .action-menu-node.question-translation .action-menu-btn.active {
  color: #4ca1fe;
}
.action-menu-node.question-translation .action-menu {
  right: 6px;
  width: 230px;
  max-height: 175px;
  padding: 5px 10px;
  margin: 6px 0 0 0;
}
.action-menu-node.question-translation .action-menu ul li {
  padding: 3px;
}
.action-menu-node.question-translation .action-menu ul li a {
  color: #34495e;
}
.action-menu-node.question-translation .action-menu ul li a i {
  font-size: 16px;
  line-height: 18px;
  margin: 0 5px 0 0;
  position: relative;
  top: 3px;
  left: 2px;
  color: #b0bdc5;
}
.action-menu-node.question-translation .action-menu ul li a:hover {
  color: #4ca1fe;
}
.action-menu-node.question-translation .action-menu ul li a:hover i {
  color: #4ca1fe;
}
.action-menu-node.question-translation .action-menu ul li.heading {
  font-weight: bold;
  text-transform: uppercase;
}
.action-menu-node.question-translation .action-menu ul li.heading :lang(fr) {
  text-transform: none;
}
.action-menu-node.question-translation .action-menu ul li.translated:before {
  font-family: "Material Icons";
  content: "check";
  color: #0f9d46;
  text-transform: lowercase;
  padding: 0 3px 0 0;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  top: 2px;
}
.action-menu-node.question-translation .action-menu.secondary--theme .mCSB_scrollTools {
  bottom: 5px;
  top: 5px;
  right: -5px;
}
.action-menu-node.card--action {
  position: absolute;
  right: 20px;
  top: 15px;
}
.action-menu-node.card--action .action-menu-btn {
  display: inline-block;
}
.action-menu-node.card--action .action-menu-btn i {
  font-size: 16px;
  line-height: 16px;
}
.action-menu-node.card--action .action-menu-btn:hover, .action-menu-node.card--action .action-menu-btn.active {
  color: #4ca1fe;
}
.action-menu-node.card--action .action-menu {
  right: -8px;
  width: 110px;
  padding: 5px 10px;
  margin: 6px 0 0 0;
}
.action-menu-node.card--action .action-menu ul li {
  padding: 1px 2px 3px;
}
.action-menu-node.card--action .action-menu ul li a {
  color: #34495e;
}
.action-menu-node.card--action .action-menu ul li a i {
  font-size: 16px;
  line-height: 18px;
  margin: 0 5px 0 0;
  position: relative;
  top: 3px;
  left: 2px;
  color: #b0bdc5;
}
.action-menu-node.card--action .action-menu ul li a:hover {
  color: #4ca1fe;
}
.action-menu-node.card--action .action-menu ul li a:hover i {
  color: #4ca1fe;
}
.action-menu-node.card--action .dropdown-wrapper {
  display: inline-block;
  padding: 0 5px 0 0;
  position: relative;
  top: -5px;
}
.action-menu-node.filter-settings {
  float: right;
  padding: 3px 0 0 10px;
}
.action-menu-node.filter-settings .action-menu {
  right: -4px;
  width: 180px;
  padding: 5px 10px;
  margin: 6px 0 0 0;
}
.action-menu-node.filter-settings .action-menu ul li {
  padding: 1px 2px 3px;
}
.action-menu-node.filter-settings .action-menu ul li a {
  color: #34495e;
}
.action-menu-node.filter-settings .action-menu ul li a i {
  font-size: 16px;
  line-height: 18px;
  margin: 0 5px 0 0;
  position: relative;
  top: 3px;
  left: 2px;
  color: #b0bdc5;
}
.action-menu-node.filter-settings .action-menu ul li a:hover {
  color: #4ca1fe;
}
.action-menu-node.filter-settings .action-menu ul li a:hover i {
  color: #4ca1fe;
}

.ui-overlaypanel--filter-dropdown .ui-overlaypanel-content {
  padding: 0 !important;
}
.ui-overlaypanel--filter-dropdown .ui-overlaypanel-content:before, .ui-overlaypanel--filter-dropdown .ui-overlaypanel-content:after {
  content: " ";
  display: table;
}
.ui-overlaypanel--filter-dropdown .ui-overlaypanel-content:after {
  clear: both;
}
.ui-overlaypanel--filter-dropdown .filter-dropdown-panel {
  width: 450px;
  padding: 7px 13px;
  font-size: 12px;
  color: #34495e;
  background: #fff;
}
.ui-overlaypanel--filter-dropdown .filter-dropdown-panel:before, .ui-overlaypanel--filter-dropdown .filter-dropdown-panel:after {
  content: " ";
  display: table;
}
.ui-overlaypanel--filter-dropdown .filter-dropdown-panel:after {
  clear: both;
}
.ui-overlaypanel--filter-dropdown .filter-dropdown-panel ul {
  float: left;
  width: 100%;
}
.ui-overlaypanel--filter-dropdown .filter-dropdown-panel ul li {
  float: left;
  width: 100%;
}
.ui-overlaypanel--filter-dropdown .filter-dropdown-panel ul li a {
  color: #34495e;
  display: block;
}
.ui-overlaypanel--filter-dropdown .filter-dropdown-panel ul li a:hover, .ui-overlaypanel--filter-dropdown .filter-dropdown-panel ul li a.active {
  color: #4ca1fe;
}
.ui-overlaypanel--filter-dropdown .filter-dropdown-panel ul li ul {
  clear: both;
}
.ui-overlaypanel--filter-dropdown .filter-dropdown-panel ul li ul li {
  float: left;
  width: 25%;
  padding-right: 10px;
}
.ui-overlaypanel--filter-dropdown .filter-dropdown-panel > ul > li {
  border-top: 1px solid #e5e5e5;
  padding: 5px 2px;
}
.ui-overlaypanel--filter-dropdown .filter-dropdown-panel > ul > li:first-child {
  border-top: none;
  color: #a9b4bd;
}

.btn {
  position: relative;
  display: inline-block;
  color: #fff;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  border-radius: 3px;
  padding: 9px 15px;
  border: 1px solid #4ca1fe;
  font-size: 12px;
  background: #4ca1fe;
  outline: none;
  cursor: pointer;
}
.btn:hover {
  background-color: #238cfe;
  color: #fff;
}
.btn.btn-icon-only {
  margin: 0 2px;
  font-size: 16px;
  padding: 5px 8px;
  color: #98999c;
  background-color: #e6e6e6;
  border: none;
}
.btn.btn-icon-only.active, .btn.btn-icon-only:hover {
  background: #4ca1fe;
  color: #fff;
}
.btn.btn--cancel {
  background: #969dab;
  border-color: #969dab;
}
.btn.btn--cancel:hover {
  background-color: #7f8899;
}
.btn.btn--danger {
  background: #ef207d;
  border-color: #ef207d;
}
.btn.btn--danger:hover {
  background-color: #d70f69;
}
.btn.btn--full {
  width: 100%;
  text-align: center;
}
.btn.btn--icon {
  padding-left: 9px;
  padding-right: 9px;
}
.btn.btn--icon i {
  font-size: 14px;
  line-height: 14px;
  color: #4ca1fe;
}
.btn.btn--icon-right {
  padding-right: 40px;
  padding-left: 20px;
}
.btn.btn--icon-right i {
  left: auto;
  right: 10px;
}
.btn.btn--secondary {
  color: #34495e;
  background: #fff;
  border-color: #e1e1e1;
}
.btn.btn--secondary:hover {
  color: #34495e !important;
  background: #fff;
  border-color: #4ca1fe;
}
.btn.btn--secondary.ui-state-active {
  background: #4ca1fe;
  color: #fff !important;
  border-color: #4ca1fe;
}
.btn.btn--withicon {
  color: #a0a6ac;
  background: #fff;
  border-color: #e1e1e1;
  padding: 8px 11px;
  vertical-align: middle;
}
.btn.btn--withicon i {
  font-size: 16px;
}
.btn.btn--withicon:hover {
  color: #4ca1fe;
  background: #fff;
  border-color: #4ca1fe;
}
.btn.btn--filter {
  margin: 8px 10px 0;
}
.btn.btn--flat {
  color: #34495e;
  background: none;
  border-color: transparent;
  box-shadow: none;
}
.btn.btn--flat.active {
  color: #4ca1fe !important;
  background: #fff;
  border-color: #4ca1fe;
  box-shadow: 0px 8px 16px 0px rgba(157, 175, 185, 0.25);
}
.btn.btn--flat:hover {
  color: #4ca1fe !important;
}
.btn.btn--big {
  border-radius: 20px;
  padding: 7px 25px 6px;
  font-size: 14px;
  line-height: 21px;
}
.btn.btn--small {
  padding-top: 3px;
  padding-bottom: 3px;
}
.btn.btn--medium {
  padding-top: 7px;
  padding-bottom: 7px;
}
.btn.btn--disabled, .btn:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  background: #d7d7d7 !important;
  border-color: transparent !important;
  color: #4d565f !important;
}
.btn.dropdown-toggle {
  border: 1px solid #e1e1e1 !important;
  border-radius: 3px;
  padding: 5px 25px 5px 15px;
  background: #fff;
  font-size: 12px;
  color: #34495e;
  white-space: nowrap;
  width: 100%;
  position: relative;
  font-weight: normal !important;
  text-transform: none;
  box-shadow: none;
}
.btn.dropdown-toggle:hover, .btn.dropdown-toggle:active {
  color: #161f28 !important;
  background-color: #fff;
}
.btn.dropdown-toggle:active {
  box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.25);
}
.btn.dropdown-toggle .caret:before {
  font-size: 21px;
  margin: 2px -5px 0 0;
}
.btn.dropdown-toggle.error {
  border-color: #fe596b !important;
}
.btn.dropdown-toggle.btn-language {
  border: 1px solid #4ca1fe !important;
  border-radius: 20px;
  padding: 3px 40px 4px 32px;
  background: #fff;
  font-size: 14px;
  color: #4ca1fe;
  white-space: nowrap;
  width: 100%;
  position: relative;
}
.btn.dropdown-toggle.btn-language i {
  top: 7px;
  left: 10px;
}
.btn.dropdown-toggle.btn-language:hover, .btn.dropdown-toggle.btn-language:active {
  color: #4ca1fe !important;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.15);
}
.btn.dropdown-toggle.btn-survey-language {
  padding: 5px 25px 5px 40px;
}
.btn.dropdown-toggle.btn-survey-language i {
  top: 8px;
  left: 10px;
}
.btn.dropdown-toggle.btn-survey-language:hover, .btn.dropdown-toggle.btn-survey-language:active {
  color: #4ca1fe !important;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.15);
}
.btn.dropdown-toggle.btn-number {
  padding: 3px 20px 3px 10px;
  height: 38px;
}
.btn.dropdown-toggle.btn-number .caret {
  margin-top: -1px !important;
}
.btn.dropdown-toggle.btn-search-filter {
  padding: 0 30px 0 15px;
  height: 32px;
  border-radius: 0 3px 3px 0;
  border: 1px solid #4ca1fe !important;
  background: #4ca1fe;
  color: #fff !important;
}
.btn.dropdown-toggle.btn-search-filter .caret {
  margin-top: -9px !important;
  -webkit-text-stroke: 0px !important;
  top: 50% !important;
}
.btn.dropdown-toggle.btn-search-filter .caret:before {
  font-size: 16px;
  color: #fff;
  margin: 0;
}

.full-btn {
  padding: 0 0 10px;
}

.actions a.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.actions a.disabled .tooltiptext {
  display: none;
}
.actions a.disabled:hover {
  color: #cdd4d8 !important;
  border-color: #cdd4d8;
}

/*!
 * Quill Editor v1.2.2
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  min-height: 200px;
  margin: 0;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  cursor: text;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: "•";
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.ql-editor li::before {
  display: inline-block;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
}

.ql-editor ol li,
.ql-editor ul li {
  padding-left: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-num;
}

.ql-editor ol li:before {
  content: counter(list-num, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px;
}

.ql-snow .ql-editor code:before,
.ql-snow .ql-editor code:after {
  content: " ";
  letter-spacing: -2px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "Save";
  padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.row-grid {
  margin: 0 -10px;
}

.row-grid .col {
  float: left;
  padding: 10px;
}

.row-grid::after {
  content: "";
  display: table;
  clear: both;
}

.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

.col-three-dashboard {
  float: left;
  width: 25%;
}

.mat-horizontal-stepper-header {
  pointer-events: none !important;
}

.mat-step-header {
  pointer-events: none !important;
}

.mat-horizontal-stepper-header-container {
  margin: 0 auto;
  padding: 30px 0;
  max-width: 1100px;
  text-align: center;
}
.mat-horizontal-stepper-header-container:before, .mat-horizontal-stepper-header-container:after {
  content: " ";
  display: table;
}
.mat-horizontal-stepper-header-container:after {
  clear: both;
}
.mat-horizontal-stepper-header-container .mat-step-header {
  float: left;
  width: calc(100% / 4);
  display: block !important;
  padding: 0 !important;
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner {
  display: block;
  width: 100%;
  position: relative;
  padding: 0 0 25px 0;
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner:before {
  content: "";
  position: absolute;
  left: -50%;
  bottom: -2px;
  z-index: 1;
  width: 100%;
  height: 3px;
  background: #cdd4d8;
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner .step__status {
  position: absolute;
  z-index: 2;
  bottom: -13px;
  left: 50%;
  margin: 0 0 0 -13px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #cdd4d8;
  box-shadow: 0px 8px 16px 0px rgba(112, 124, 131, 0.25);
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner .step__no {
  display: block;
  font-size: 32px;
  font-weight: bold;
  color: #cdd4d8;
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner .step__name {
  font-size: 15px;
  color: #4d565f;
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner.current:before, .mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner.done:before {
  background: #4ca1fe;
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner.current .step__status, .mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner.done .step__status {
  border-color: #4ca1fe;
  box-shadow: 0px 8px 16px 0px rgba(76, 161, 254, 0.25);
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner.current .step__no, .mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner.done .step__no {
  color: #7c8288;
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner.current .step__name, .mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner.done .step__name {
  font-weight: 600;
  color: #34495e;
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner.done .step__no {
  color: #4d565f;
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner.current .step__status:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #4ca1fe;
  border-radius: 50%;
}
.mat-horizontal-stepper-header-container .mat-step-header .mat-step-header-inner.done .step__status:after {
  content: "check";
  font-family: "Material Icons";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -11px 0 0 -11px;
  font-size: 18px;
  line-height: 18px;
  border: 2px solid #4ca1fe;
  color: #fff;
  background: #4ca1fe;
  border-radius: 50%;
}
.mat-horizontal-stepper-header-container .mat-horizontal-stepper-header:first-child .mat-step-header-inner:before {
  display: none;
}

.hide {
  display: none !important;
}

.hide-collapse {
  display: none;
}

.alphabetic-filters {
  float: right;
}
.alphabetic-filters > ul {
  text-transform: uppercase;
  font-size: 0;
}
.alphabetic-filters > ul :lang(fr) {
  text-transform: none;
}
.alphabetic-filters > ul > li {
  display: inline-block;
  border: 1px solid #e1e1e1;
  border-left: none;
}
.alphabetic-filters > ul > li > a {
  display: inline-block;
  font-size: 12px;
  background: #f4f5f9;
  padding: 0.75em;
  cursor: pointer;
  color: #34495e;
}
.alphabetic-filters > ul > li > a > i {
  font-size: 14px;
  line-height: 14px;
  vertical-align: bottom;
}
.alphabetic-filters > ul > li > a:hover, .alphabetic-filters > ul > li > a.active {
  background: #4ca1fe;
  color: #fff;
}
.alphabetic-filters > ul > li:first-child {
  border-left: 1px solid #e1e1e1;
  border-radius: 3px 0 0 3px;
}
.alphabetic-filters > ul > li:first-child a {
  border-radius: 3px 0 0 3px;
}
.alphabetic-filters > ul > li:last-child {
  border-radius: 0 3px 3px 0;
  vertical-align: top;
}
.alphabetic-filters > ul > li:last-child a {
  border-radius: 0 3px 3px 0;
}
.alphabetic-filters .dropdown-menu {
  font-size: 12px;
  text-transform: none;
}
.alphabetic-filters .btn.dropdown-toggle {
  border: none !important;
  padding-bottom: 4px;
}
.alphabetic-filters.secondary--theme > ul > li > a {
  background: #fff;
}
.alphabetic-filters.secondary--theme > ul > li > a:hover, .alphabetic-filters.secondary--theme > ul > li > a.active {
  background: #4ca1fe;
}

.crop-image {
  display: table;
  width: 100%;
  min-height: 300px;
  vertical-align: middle;
  text-align: center;
}
.crop-image .image-wrapper {
  display: table-cell;
  width: 50%;
  padding: 20px;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.crop-image .image-wrapper .image {
  font-size: 0;
  display: inline-block;
  padding: 10px;
  border: 2px solid #4ca1fe;
  background: #f4f5f9;
  border-radius: 3px;
}
.crop-image .image-wrapper p {
  font-size: 12px;
  font-weight: 600;
  color: #34495e;
  text-transform: uppercase;
  padding: 5px 5px 0 5px;
}
.crop-image .image-wrapper p :lang(fr) {
  text-transform: none;
}
.crop-image .image-wrapper p.dimensions {
  font-size: 11px;
  font-weight: 400;
  text-transform: none;
  padding-top: 0;
}
.crop-image .image-wrapper.original--image .image {
  border-style: dotted;
}
.crop-image .image-wrapper:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin: -12px -12px 0 0;
  font-family: "Font Awesome 5 Pro";
  text-transform: lowercase;
  color: #99a4ae;
  font-size: 24px;
}

.icon-outline {
  display: inline-block;
  width: 26px;
  height: 26px;
  padding: 2px;
  border: 2px solid #4d565f;
  border-radius: 50%;
  margin: 5px 0 0 0;
}
.icon-outline i {
  font-size: 14px;
  line-height: 20px;
}
.icon-outline.positive {
  border-color: #88be58;
  color: #88be58;
  box-shadow: 0px 8px 16px 0px rgba(140, 192, 93, 0.25);
}
.icon-outline.negative {
  border-color: #ec638d;
  color: #ec638d;
  box-shadow: 0px 8px 16px 0px rgba(236, 99, 141, 0.25);
}

.reportrange {
  border-radius: 3px;
  margin: 0 10px 0 0;
  padding: 1px 0 1px 35px;
  border: 1px solid #e1e1e1;
  cursor: pointer;
  background: #fff;
}
.reportrange > i {
  display: none;
}
.reportrange .caret {
  font-weight: normal;
}
.reportrange .caret:before {
  font-size: 21px;
  margin: 0 2px 0 0;
  position: relative;
  top: 2px;
  -webkit-text-stroke: 1px white;
  color: black;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 50px;
  background-color: #4c5e70;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 0 3px 3px 0;
  font-size: 11px;
  line-height: 20px;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
  position: absolute;
  z-index: 1;
  left: 64px;
  top: 50%;
  margin: -15px 0 0 0;
  box-shadow: 0px 0px 4.05px 0.95px rgba(146, 146, 146, 0.25);
}
.tooltip .tooltiptext :lang(fr) {
  text-transform: none;
}
.tooltip .tooltiptext:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #4c5e70 transparent transparent;
}
.tooltip.tooltip--top .tooltiptext {
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  border-radius: 3px;
  left: 50%;
  top: -22px;
  z-index: 20;
  min-width: 66px;
  margin: -10px 0 0 0;
  padding: 3px 5px;
  transform: translateX(-50%);
}
.tooltip.tooltip--top .tooltiptext:before {
  top: 100%;
  right: auto;
  left: 50%;
  margin: 0 0 0 -5px;
  border-color: #4c5e70 transparent transparent transparent;
}
.tooltip.tooltip--bottom .tooltiptext {
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  border-radius: 3px;
  left: 50%;
  top: auto;
  bottom: -25px;
  z-index: 20;
  min-width: 66px;
  margin: -10px 0 0 0;
  padding: 3px 5px;
  transform: translateX(-50%);
}
.tooltip.tooltip--bottom .tooltiptext:before {
  top: -10px;
  right: auto;
  left: 50%;
  margin: 0 0 0 -5px;
  border-color: transparent transparent #4c5e70 transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.info-strip {
  display: inline-block;
  border: 1px solid #4ca1fe;
  text-transform: uppercase;
  color: #4ca1fe !important;
  font-size: 10px;
  font-weight: 500;
  line-height: 110%;
  padding: 2px 8px !important;
  border-radius: 3px;
  max-width: 100px;
  text-align: center;
  background: #e7f6f8;
}
.info-strip :lang(fr) {
  text-transform: none;
}
.info-strip.inprogress {
  color: #f2c200 !important;
  border-color: #f2c200;
  background: #fbf2ce;
}
.info-strip.pending {
  color: #f2c200 !important;
  border-color: #f2c200;
  background: #fbf2ce;
}
.info-strip.draft {
  color: #f2c200 !important;
  border-color: #f2c200;
  text-transform: capitalize;
  background: #fbf2ce;
}
.info-strip.draft :lang(fr) {
  text-transform: none;
}
.info-strip.completed {
  color: #0c9c44 !important;
  border-color: #0c9c44;
  background: #e7f6f8;
}
.info-strip.active {
  color: #0c9c44 !important;
  border-color: #0c9c44;
  background: #e7f6f8;
}
.info-strip.open {
  color: #4ca1fe !important;
  border-color: #4ca1fe;
  background: #e7f6f8;
}
.info-strip.viewed {
  color: #ff6c00 !important;
  border-color: #ff6c00;
  background: #fcb988;
}
.info-strip.failed, .info-strip.close {
  color: #ff2f2f !important;
  background: #fbeaec;
  border-color: #ff2f2f;
}
.info-strip.graytag {
  color: #979797 !important;
  background: #e9ecef;
  border-color: #e9ecef;
  border-radius: 20px;
  max-width: 100%;
}

.info-strip-long {
  display: inline-block;
  border: 1px solid #4ca1fe;
  text-transform: uppercase;
  color: #4ca1fe !important;
  font-size: 10px;
  font-weight: 500;
  line-height: 110%;
  padding: 2px 8px !important;
  border-radius: 3px;
  text-align: center;
  background: #e7f6f8;
}
.info-strip-long :lang(fr) {
  text-transform: none;
}
.info-strip-long.green {
  color: #0c9c44 !important;
  border-color: #0c9c44;
  background: #e7f6f8;
}
.info-strip-long.red {
  color: #ff2f2f !important;
  background: #fbeaec;
  border-color: #ff2f2f;
}
.info-strip-long.black {
  color: #979797 !important;
  background: #e9ecef;
  border-color: #979797;
}

.plus-minus-action {
  font-size: 14px;
  font-weight: 600;
  color: #4d565f;
}
.setting-field .plus-minus-action {
  font-weight: 400;
}
.plus-minus-action p {
  padding: 5px 0;
}
.plus-minus-action .options {
  line-height: 20px;
}
.plus-minus-action .options span {
  padding: 0 5px;
}
.plus-minus-action .options i {
  font-size: 12px;
  line-height: 20px;
  color: #4ca1fe;
  vertical-align: top;
}
.plus-minus-action .options .disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.plus-minus-action .options .disabled i {
  color: #d7d7d7;
}

.modal__outer {
  position: relative;
}

.image-block {
  float: left;
  width: 90px;
  padding: 10px;
  text-align: center;
  position: relative;
}
.summary__answer .image-block {
  width: 80px;
  padding-left: 0;
  padding-top: 0;
}
.image-block .image {
  width: 70px;
  height: 60px;
  border: 1px solid #d1dce2;
  display: table;
  border-radius: 3px;
}
.image-block .image i {
  color: #d1dce2;
  font-size: 48px;
  vertical-align: middle;
  display: table-cell;
}
.image-block .image img {
  max-width: 50px;
  max-height: 50px;
  margin: 5px;
  border-radius: 3px;
}
.image-block .image-title {
  font-size: 13px;
  color: #a6aaaf;
  padding: 3px;
}
.image-block .delete {
  position: absolute;
  right: 3px;
  top: 3px;
}
.image-block .delete a {
  display: table;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
}
.image-block .delete a i {
  display: table-cell;
  font-size: 16px;
  line-height: 16px;
  color: #ec638d;
  vertical-align: middle;
}
.image-block .delete a:hover i {
  color: #ad4967;
}

.disabled-content {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}

.clear {
  clear: both;
}

.brand-logo {
  max-width: 48px;
}

.not-compatible {
  text-align: center;
  font-size: 1rem;
  width: 100%;
  height: 120px;
  position: absolute;
  left: 50%;
  top: 55px;
  margin: 0 0 0 -50%;
}
.not-compatible .compatible__icons {
  position: relative;
  width: 75px;
  height: 75px;
  margin: 0 auto;
}
.not-compatible .icon--mobile {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.not-compatible .icon--mobile:before {
  font-size: 72px;
  color: #5b6c7c;
  vertical-align: middle;
}
.not-compatible .icon--close {
  position: absolute;
  background: #e9ecef;
  right: 11px;
  bottom: 10px;
}
.not-compatible .icon--close:before {
  font-size: 20px;
  color: #ef207d;
  vertical-align: middle;
}
.not-compatible .compatible__msg {
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 600;
}

.password-hint {
  display: block;
  width: 95%;
  padding: 7px 10px;
  font-size: 12px;
  border: 1px solid #d7d7d7;
}
.login-form .password-hint {
  width: 100%;
}
.password-hint p {
  font-weight: bold;
  padding: 0 0 5px 0;
}
.password-hint ul li {
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
  padding: 0 0 5px 10px;
}

.password-strength {
  position: relative;
}
.password-strength .password-strength-bar {
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
}
.login-form .password-strength .password-strength-bar {
  bottom: -4px;
}
.password-strength .password-strength-bar .password-strength-block {
  width: calc(100%/3);
  display: inline-block;
  height: 3px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.password-strength .password-strength-bar .password-strength-block.weak {
  background: #ef207d;
}
.password-strength .password-strength-bar .password-strength-block.moderate {
  background: #fca52b;
}
.password-strength .password-strength-bar .password-strength-block.strong {
  background: #9bc559;
}

.login-page {
  float: left;
  display: table;
  width: 100%;
  height: 100vh;
  table-layout: fixed;
  background: #fff;
}
.login-page .col-left {
  display: table-cell;
  width: 50%;
  height: 100%;
}
@media (max-width: 1024px) {
  .login-page .col-left {
    width: 100%;
  }
}
.login-page .col-right {
  display: table-cell;
  width: 50%;
  background: url("assets/styles/portal/build/assets/images/login-screen.jpg") no-repeat center center;
  background-size: cover;
}
@media (max-width: 1024px) {
  .login-page .col-right {
    display: none;
  }
}
.login-page .col-right-mbc {
  display: table-cell;
  width: 50%;
  background: url("assets/styles/portal/build/assets/images/login-screen-mbc.jpg") no-repeat center center;
  background-size: cover;
}
@media (max-width: 1024px) {
  .login-page .col-right-mbc {
    display: none;
  }
}
.login-page .col-right-reflecx {
  display: table-cell;
  width: 50%;
  background: url("assets/styles/portal/build/assets/images/login-screen-reflecx.jpg") no-repeat center center;
  background-size: cover;
}
@media (max-width: 1024px) {
  .login-page .col-right-reflecx {
    display: none;
  }
}

.login-form {
  height: 100%;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.login-form .form {
  display: table-cell;
  vertical-align: middle;
  max-width: 100%;
}
.login-form .form .form__inner {
  padding: 0 20%;
  width: 100%;
}
@media (max-width: 1024px) {
  .login-form .form .form__inner {
    padding: 0 5%;
  }
}
.login-form .form__header {
  padding: 0 0 50px;
  color: #34495e;
}
.login-form .form__header .logo-login {
  text-align: left;
  display: none;
  margin-bottom: 20px;
}
.login-form .form__header .logo-login img {
  max-width: 220px;
}
@media (max-width: 1024px) {
  .login-form .form__header .logo-login {
    display: block;
  }
}
.login-form .form__header h3 {
  font-size: 30px;
  font-weight: normal;
}
.login-form .form__header p {
  font-size: 20px;
  font-weight: 300;
}
.login-form .form .form__group {
  padding: 0 0 25px;
  position: relative;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
.login-form .form .form__icon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #4ca1fe;
  font-size: 18px;
}
.login-form .form .form__input {
  width: 100%;
  max-width: 100%;
  font-size: 16px;
  color: #34495e;
  padding: 10px 40px 10px 0;
  border: 0;
  border-bottom: 2px solid #d6dade;
  background: #fff;
  transition: all 0.3s;
}
.login-form .form .form__input.placeholder {
  color: #a6b1b9;
}
.login-form .form .form__input:-moz-placeholder {
  color: #a6b1b9;
}
.login-form .form .form__input::-webkit-input-placeholder {
  color: #a6b1b9;
}
.login-form .form .form__input:-ms-input-placeholder {
  color: #a6b1b9;
}
.login-form .form .form__input:focus {
  border-color: #4ca1fe;
  outline: none;
  box-shadow: none;
}
.login-form .form .form__input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login-form .form .validation-message {
  color: #e74c3c;
  font-size: 12px;
}
.login-form .form .field__error {
  color: #e74c3c;
  font-size: 12px;
  padding: 5px 0 0 0;
}
.login-form .form .actions {
  font-size: 13px;
}
.login-form .form .actions .form-link {
  float: right;
  padding: 10px 0 0 0;
}
.login-form .form .actions .btn {
  float: left;
}

.form {
  position: relative;
}
.form fieldset {
  border: 0;
  margin: 0;
}

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

.edit-field {
  position: relative;
}
.edit-field:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  color: #4ca1fe;
  position: absolute;
  right: 8px;
  top: 8px;
}
.edit-field input {
  padding-right: 30px;
}

.field-message {
  background: #F9F9F9;
  border-radius: 5px;
  padding: 10px;
}

.search-field,
.date-field,
.time-field {
  float: left;
  position: relative;
}
.search-field:before,
.date-field:before,
.time-field:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  color: #8c8c8c;
  position: absolute;
  left: 8px;
}
.search-field input,
.date-field input,
.time-field input {
  padding-left: 30px;
  width: 170px;
}

.date-field:before {
  content: "insert_invitation";
  color: #d1dce2;
}
.date-field input[type=text] {
  width: 130px;
}
.date-field input[type=date] {
  padding: 4px 15px 4px 30px;
}

.search-field:before {
  top: 16px;
}
.dashboard-filters .search-field:before, .content-header .search-field:before, .question-bank-filters .search-field:before {
  top: 6px;
}
.search-field.inverse--icon:before {
  left: auto;
  right: 8px;
}
.search-field.inverse--icon input {
  padding-right: 30px;
  padding-left: 15px;
}

.time-field:before {
  content: "access_time";
  color: #d1dce2;
}
.time-field input[type=text] {
  width: 130px;
}
.time-field input[type=date] {
  padding: 4px 15px 4px 30px;
}

.custom-checkbox {
  display: inline-block;
}
.custom-checkbox > label {
  font-size: 13px;
  vertical-align: middle;
  margin-left: 10px;
}
.custom-checkbox input[type=checkbox]:not(old) {
  width: 2em;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0;
  display: none;
}
.custom-checkbox input[type=checkbox]:not(old) ~ label {
  display: inline-block;
  margin-left: 0;
  line-height: 1.5em;
  font-size: 13px;
  color: #546a79;
  cursor: pointer;
}
.custom-checkbox input[type=checkbox]:not(old) ~ label > span:first-child {
  display: inline-block;
  border: 1px solid #d6dade;
  border-radius: 0;
  background: #fff;
  vertical-align: bottom;
  line-height: 14px;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0 8px 0 0;
  top: -3px;
}
.custom-checkbox input[type=checkbox]:not(old):checked ~ label > span:first-child:before {
  content: "done";
  display: block;
  font-family: "Material Icons";
  color: #4ca1fe;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  -webkit-text-stroke: 1px #4ca1fe;
}
.custom-checkbox i {
  color: #d1dce2;
  font-size: 20px;
  margin-right: 5px;
  vertical-align: bottom;
}

.toggle input {
  position: absolute;
  left: -9999px;
}
.toggle .toggle__switch {
  position: relative;
  display: block;
  width: 27px;
  height: 15px;
  cursor: pointer;
  border-radius: 8px;
  transition: 350ms;
  background: #bdc2c6;
}
.toggle .toggle__switch:after {
  position: absolute;
  content: "";
  width: 11px;
  height: 11px;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  transition: 250ms ease-in-out;
  background: #fff;
}
.toggle input:checked + .toggle__switch {
  background: #4ca1fe;
}
.toggle input:checked + .toggle__switch::after {
  left: 14px;
}

.upload-field {
  font-size: 12px;
  clear: both;
}
.upload-field input {
  display: none;
}
.upload-field .field__label {
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 0 30px;
  display: block;
}
.upload-field .field__label :lang(fr) {
  text-transform: none;
}
.upload-field .field__controls {
  display: inline-block;
  vertical-align: middle;
}
.upload-field .field__controls label {
  display: inline-block;
}
.upload-field .field__controls .btn {
  text-transform: capitalize;
  cursor: pointer;
  vertical-align: middle;
}
.upload-field .field__controls .btn :lang(fr) {
  text-transform: none;
}
.upload-field .field__controls .file-name {
  vertical-align: middle;
  padding: 7px 0 0 0;
  display: block;
}
.upload-field .field__instructions {
  color: #b1b9c1;
  padding: 4px 0 0 0;
}

.form__error {
  background: #ffeded;
  color: #fe596b;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  padding: 10px 15px;
  border-radius: 3px;
  border: 1px solid #f9e0e3;
  position: relative;
}
.form__error .error-heading {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  padding: 0 0 10px 0;
}
.form__error .error-heading i {
  font-size: 24px;
  line-height: 20px;
  vertical-align: top;
  margin: 0 5px 0 0;
}
.form__error .error-list {
  list-style-type: disc;
}
.form__error .error-list li {
  padding: 2px 0;
  list-style-position: inside;
  display: list-item;
}
.form__error .close {
  position: absolute;
  right: 5px;
  top: 5px;
}
.form__error .close a {
  color: #fe596b;
}
.form__error .close i {
  font-size: 14px;
}

.form__info {
  background: #f4f5f9;
  color: #4c5e70;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  padding: 15px;
  border-radius: 3px;
  border: 1px solid #c6c7ca;
  position: relative;
}
.form__info ul {
  padding: 5px 0;
}
.form__info ul li {
  padding: 3px 0 3px 30px;
  position: relative;
}
.form__info ul li:before {
  content: "●";
  font-size: 10px;
  position: absolute;
  left: 10px;
  top: 1px;
  color: #4ca1fe;
}
.form__info .close {
  position: absolute;
  right: 5px;
  top: 5px;
}
.form__info .close a {
  color: #fe596b;
}
.form__info .close i {
  font-size: 14px;
}

.form-steps {
  margin: 0 -5px;
  padding: 5px 0 0 0;
}
.form-steps ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.form-steps ul li {
  display: table-cell;
  width: 100%;
  padding: 0 5px;
}
.form-steps ul li .step__item {
  display: block;
  width: 100%;
  height: 4px;
  background: #dcdee7;
  border-radius: 4px;
}
.form-steps ul li.active .step__item {
  background: #4ca1fe;
}

.validation {
  text-align: center;
  color: #fe596b;
  font-size: 15px;
  font-weight: 400;
}
.validation .validation__bar {
  max-width: 200px;
  margin: 0 auto;
  padding: 8px 0;
}

.progress {
  position: relative;
  height: 8px;
  overflow: hidden;
  background-color: #e4e4e4;
  border-radius: 4px;
  border: 1px solid #fe596b;
}
.progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 8px;
  background-color: #4ca1fe;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
.progress.progress-bar-loading {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
          animation: progress-bar-stripes 1s linear infinite;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 20px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 20px 0;
  }
  to {
    background-position: 0 0;
  }
}
.modal-form {
  padding: 20px 0 25px;
}
.modal-form .row {
  padding: 6px 0;
  font-size: 12px;
}
.modal-form .row .col-left {
  width: 30%;
  display: inline-block;
  text-align: right;
  padding: 0 10px 0 0;
  vertical-align: top;
  line-height: 34px;
}
.modal-form .row .col-right {
  display: inline-block;
  width: 64%;
}
.modal-form .row .col-right.align-right {
  padding-left: 30%;
  width: 94%;
}
.modal-form .row .col-full {
  width: 100%;
  padding: 5px 0;
}
.modal-form .row .checkbox--inline {
  display: inline-block;
  padding: 0 20px 0 0;
}
.modal-form .row .upload-label {
  line-height: 38px;
}
.modal-form .row input,
.modal-form .row .date-field {
  width: 100%;
}
.modal-form .row input.password,
.modal-form .row .date-field.password {
  max-width: 200px;
}
.modal-form .row textarea {
  width: 64%;
}
.modal-form .row .required {
  font-weight: bold;
  color: #4ca1fe;
}
.modal-form .row .upload-field {
  display: inline-block;
  width: 64%;
}
.modal-form .row h3 {
  font-size: 16px;
  font-weight: normal;
  padding: 0 10px 20px;
}
.modal-form .row .info {
  vertical-align: top;
  line-height: 30px;
  color: #9ea8af;
  font-size: 14px;
  line-height: 20px;
}
.modal-form .row .info span {
  color: #4ca1fe;
  padding: 0 20px;
}
.modal-form .row .info h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}
.modal-form .row .info p {
  font-weight: normal;
  padding: 6px 0 0 0;
}
.modal-form .row .info.error {
  font-size: 12px;
  line-height: 16px;
  color: #f00;
}
.modal-form .row.profile--row {
  padding: 2px 0;
  font-size: 14px;
  font-weight: normal;
}
.modal-form .row.profile--row label {
  font-weight: 600;
}
.modal-form .row.photo--row {
  padding-bottom: 25px;
}
.modal-form .row.photo--row .info {
  margin: 20px;
}
.modal-form .row.photo--row .col-left {
  padding: 0;
}
.modal-form .row.photo--row .col-right {
  vertical-align: middle;
}
.modal-form.modal-info {
  padding-bottom: 10px !important;
}
.modal-form.modal-info h4 {
  margin: 0 0 10px 0;
}
.modal-form.modal-info .row {
  padding: 10px 20px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  background: #f4f5f9;
  border-bottom: 1px solid #e1e1e1;
}
.modal-form.modal-info .row > p {
  padding: 0 0 10px 0;
}
.modal-form.modal-info .row .col-left {
  width: 35%;
  line-height: inherit;
  text-align: left;
}
.modal-form.modal-info .row .col-left i {
  font-size: 14px;
  width: 14px;
  color: #4ca1fe;
  margin: 0 10px 0 0;
  text-align: center;
}
.modal-form.modal-info .row .col-right {
  width: 59%;
}
.modal-form.modal-info .row .info {
  vertical-align: middle;
  color: #4ca1fe;
}
.modal-form.modal-info .row.error {
  color: #fe596b !important;
  background: #ffeded;
}
.modal-form.modal-info .row.error .col-left i {
  color: #fe596b;
}
.modal-form.modal-info .row.error .info {
  color: #fe596b;
}

.delete {
  position: absolute;
  right: 2px;
  top: 0px;
}
.grid-column .delete {
  top: 5px;
}
.delete a {
  display: block;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
}
.delete a i {
  font-size: 14px;
  line-height: 14px;
  color: #ec638d;
  vertical-align: middle;
}
.delete a:hover i {
  color: #ad4967;
}

.custom-radio {
  display: inline-block;
}
.custom-radio input[type=radio] {
  display: none;
}
.custom-radio input[type=radio] + label {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  cursor: pointer;
  vertical-align: middle;
  font-size: 13px;
  transition: all 0.3s ease-in-out;
}
.custom-radio input[type=radio] + label:before, .custom-radio input[type=radio] + label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  text-align: center;
  color: black;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.custom-radio input[type=radio] + label:before {
  transition: all 0.3s ease;
  box-shadow: inset 0 0 0 0.1em white, inset 0 0 0 1em white;
  border: 1px solid #d7dbdf;
}
.custom-radio input[type=radio] + label:hover:before {
  transition: all 0.3s ease;
  box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #c6c6c6;
}
.custom-radio input[type=radio] + label span {
  display: block;
}
.custom-radio input[type=radio] + label .thumb-container {
  max-width: 550px;
  height: 275px;
  overflow: hidden;
  border: 2px solid #e0e3ea;
  border-radius: 3px;
  margin: 10px 0 0 0;
}
.custom-radio input[type=radio] + label .thumb-container img {
  width: 100%;
  transition: transform 0.5s ease-in-out;
}
.custom-radio input[type=radio] + label:hover .thumb-container {
  box-shadow: 0 0 10px 0 rgba(120, 120, 120, 0.25);
}
.custom-radio input[type=radio] + label:hover .thumb-container img {
  transform: translate3d(0px, -1198px, 0px);
  transition: transform 10s ease-in-out;
}
.custom-radio input[type=radio]:checked + label:before {
  transition: all 0.3s ease;
  box-shadow: inset 0 0 0 0.1em white, inset 0 0 0 1em #4ca1fe;
  border: 1px solid #4ca1fe;
}
.custom-radio input[type=radio]:checked + label .thumb-container {
  border-color: #4ca1fe;
}
.custom-radio + input[type=text] {
  clear: both;
  display: block;
  margin: 10px 0;
  max-width: 170px;
}
.custom-radio.custom__label {
  width: 100%;
}
.custom-radio.custom__label input[type=radio] {
  display: none;
}
.custom-radio.custom__label input[type=radio] + label {
  display: block;
}
.custom-radio.custom__label input[type=radio] + label:before, .custom-radio.custom__label input[type=radio] + label:after {
  top: 8px;
}
.custom-radio.custom__label input[type=radio] + label span {
  background: #f4f5f9;
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  padding: 9px 10px;
  margin: 0 0 5px 0;
}
.custom-radio.custom__label input[type=radio] + label span strong {
  float: right;
  color: #4ca1fe;
}

.question-numbering {
  float: left;
  width: 100%;
  clear: both;
  margin: 0 0 5px 0;
  cursor: pointer;
}
.question-numbering .numbering__label {
  background: #f4f5f9;
  display: inline-block;
  width: 90%;
  border: 1px solid #ebebeb;
  padding: 9px 10px;
}
.question-numbering .numbering__label strong {
  float: right;
  color: #4ca1fe;
}

.thumb-container {
  cursor: pointer;
  max-width: 550px;
  height: 275px;
  overflow: hidden;
  border: 2px solid #e0e3ea;
  border-radius: 3px;
  margin: 10px 0 0 0;
}
.thumb-container img {
  width: 100%;
  transition: transform 0.5s ease-in-out;
}
.thumb-container:hover {
  box-shadow: 0 0 10px 0 rgba(120, 120, 120, 0.25);
}
.thumb-container:hover img {
  transform: translate3d(0px, -1198px, 0px);
  transition: transform 10s ease-in-out;
}

.page-content {
  height: 100%;
  width: 100%;
  padding: 0 0 0 65px;
}
.page-content .sub-nav-wrapper {
  position: fixed;
  left: -345px;
  top: 0px;
  z-index: 5;
  width: 280px;
  height: 100%;
  background: #edeef1;
  padding: 79px 0 0 0;
}
.page-content .sub-nav-wrapper .sub-nav {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  overflow-y: auto;
}
.page-content .sub-nav-wrapper .sub-nav .input-search {
  display: block;
  margin-bottom: 10px;
}
.page-content .sub-nav-wrapper .sub-nav h3 {
  padding: 15px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #222d38;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.page-content .sub-nav-wrapper .sub-nav h3 :lang(fr) {
  text-transform: none;
}
.page-content .sub-nav-wrapper .sub-nav h3 i {
  font-size: 16px;
}
.page-content .sub-nav-wrapper .sub-nav h3 a {
  float: right;
  color: #8c8c8c;
}
.page-content .sub-nav-wrapper .sub-nav h3 a:hover {
  color: #575757;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li {
  position: relative;
  margin: 0 0 15px 0;
  font-size: 13px;
  line-height: 125%;
  font-weight: 300;
  background: #fff;
  border-radius: 5px;
  box-shadow: -2.517px 3.109px 6.48px 1.52px rgba(146, 146, 146, 0.11);
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li span {
  position: absolute;
  left: 7px;
  top: 50%;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  line-height: 16px;
  padding: 4px 3px 3px 3px;
  margin: -13px 0 0 0;
  display: inline-block;
  width: 28px;
  height: 24px;
  color: #4ca1fe;
  border: 1px solid #4ca1fe;
  border-radius: 3px;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li a,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text {
  display: block;
  padding: 13px 7px 14px 47px;
  border-radius: 3px;
  color: #34495e;
  position: relative;
  cursor: pointer;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li a i,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text i {
  font-size: 14px;
  position: absolute;
  right: 14px;
  top: 14px;
  color: #d1dce2;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li a:hover, .page-content .sub-nav-wrapper .sub-nav ul.questions-list li a.active,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text:hover,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text.active {
  color: #fff;
  background: #4ca1fe;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li a:hover span, .page-content .sub-nav-wrapper .sub-nav ul.questions-list li a.active span,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text:hover span,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text.active span {
  color: #4ca1fe;
  background: #fff;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li a:hover i, .page-content .sub-nav-wrapper .sub-nav ul.questions-list li a.active i,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text:hover i,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text.active i {
  color: #fff;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li a:hover .icon-link, .page-content .sub-nav-wrapper .sub-nav ul.questions-list li a.active .icon-link,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text:hover .icon-link,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text.active .icon-link {
  color: #fff;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li a:hover .icon-link i, .page-content .sub-nav-wrapper .sub-nav ul.questions-list li a.active .icon-link i,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text:hover .icon-link i,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text.active .icon-link i {
  color: #fff;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li a .icon-link,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text .icon-link {
  font-size: 16px;
  position: absolute;
  right: 14px;
  top: 14px;
  color: #4ca1fe;
  padding: 0;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li a .icon-link i,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text .icon-link i {
  right: 0;
  top: 0;
  color: #4ca1fe;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li a .icon-link:hover, .page-content .sub-nav-wrapper .sub-nav ul.questions-list li a .icon-link.active,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text .icon-link:hover,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text .icon-link.active {
  color: #fff;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li a .icon-link:hover i, .page-content .sub-nav-wrapper .sub-nav ul.questions-list li a .icon-link.active i,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text .icon-link:hover i,
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li .question-text .icon-link.active i {
  color: #fff;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list li.ui-sortable-placeholder {
  border: 2px dashed #d1dce2;
  min-height: 34px;
  background: none;
  border-radius: 0;
  box-shadow: none;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list.list--icon li span {
  border: none;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list.list--icon li span i {
  font-size: 20px;
  line-height: 30px;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list.list--icon li a:hover span {
  background: none;
}
.page-content .sub-nav-wrapper .sub-nav ul.questions-list.list--icon li a:hover span i {
  color: #fff;
}
.page-content .sub-nav-wrapper .sub-nav ul.basic-list li {
  position: relative;
  margin: 0 0 15px 0;
  font-size: 14px;
  line-height: 125%;
  font-weight: 300;
  background: #fff;
  border-radius: 5px;
  box-shadow: -2.517px 3.109px 6.48px 1.52px rgba(146, 146, 146, 0.11);
}
.page-content .sub-nav-wrapper .sub-nav ul.basic-list li a {
  display: block;
  padding: 13px 40px 14px 10px;
  border-radius: 5px;
  color: #34495e;
}
.page-content .sub-nav-wrapper .sub-nav ul.basic-list li a:hover {
  color: #fff;
  background: #4ca1fe;
}
.page-content .sub-nav-wrapper .sub-nav ul.basic-list li.active a {
  position: relative;
}
.page-content .sub-nav-wrapper .sub-nav ul.basic-list li.active a:after {
  position: absolute;
  right: 16px;
  top: 50%;
  content: "check";
  font-family: "Material Icons";
  font-size: 16px;
  line-height: 16px;
  color: #4ca1fe;
  margin: -8px 0 0 0;
}
.page-content .sub-nav-wrapper .sub-nav ul.basic-list li.active a:hover:after {
  color: #fff;
}
.page-content .sub-nav-wrapper .questions-bank {
  margin: 0 0 15px 0;
}
.page-content .sub-nav-wrapper .questions-bank .question-block {
  background: #fff;
  border-radius: 3px 3px 0 0;
  box-shadow: 0px 0px 4.05px 0.95px rgba(146, 146, 146, 0.2);
}
.page-content .sub-nav-wrapper .questions-bank .question-block h4 {
  position: relative;
  padding: 20px 15px 20px 60px;
  font-size: 14px;
  line-height: 125%;
  font-weight: 600;
  color: #34495e;
}
.page-content .sub-nav-wrapper .questions-bank .question-block h4 span {
  position: absolute;
  left: 17px;
  top: 50%;
  font-size: 14px;
  margin: -17px 0 0 0;
  display: inline-block;
  width: 34px;
  height: 34px;
  color: #fff;
  background: #4ca1fe;
  text-align: center;
  line-height: 34px;
  border-radius: 3px;
  font-weight: bold;
  letter-spacing: 1px;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question {
  padding: 0 0 10px 0;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .category {
  position: relative;
  background: #fff;
  color: #34495e;
  padding: 6px 10px 6px 17px;
  font-size: 12px;
  line-height: 125%;
  font-weight: normal;
  border-left: 2px solid #4ca1fe;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .category:before {
  font-family: "Material Icons";
  content: "keyboard_arrow_down";
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  right: 17px;
  top: 50%;
  margin: -8px 0 0 0;
  color: #bdc2c6;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .category + .question-option {
  border-top: none;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .category.first--level {
  font-size: 14px;
  padding: 10px 10px 10px 17px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .category.second--level {
  background: #f4f5f9;
  border-left-color: #c1dcfb;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .category.third--level {
  background: #ecedef;
  border-left-color: #dce5f1;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .category.active {
  border-left-color: #4ca1fe !important;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .category i {
  font-size: 16px;
  float: right;
  color: #4ca1fe;
  margin: 0 30px 0 0;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .question-option {
  color: #717f8e;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  border-top: 1px solid #e5e5e5;
  margin: 0 15px;
  padding: 8px 5px 8px 30px;
  position: relative;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .question-option span {
  position: absolute;
  left: 6px;
  top: 8px;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .question-option span:before {
  font-family: "Material Icons";
  content: "check";
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  left: -20px;
  top: 50%;
  margin: -8px 0 0 0;
  color: #4ca1fe;
  display: none;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .question-option.no-records {
  color: #34495e;
  border-top: none;
  padding: 14px 5px 14px 5px;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .question-option.active {
  padding-left: 45px;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .question-option.active span {
  left: 22px;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question .question-option.active span:before {
  display: block;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .question-text {
  position: relative;
  background: #edeef1;
  color: #34495e;
  padding: 10px 10px 10px 17px;
  font-size: 12px;
  line-height: 125%;
  font-weight: normal;
  border-left: 2px solid #9cc7f8;
  border-bottom: 1px solid #dbdbdb;
  cursor: pointer;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .question-text:before {
  font-family: "Font Awesome 5 Pro";
  content: "";
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  right: 17px;
  top: 50%;
  margin: -8px 0 0 0;
  color: #bdc2c6;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .question-text i {
  font-size: 16px;
  float: right;
  color: #4ca1fe;
  margin: -1px 30px -1px 0;
  position: relative;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .question-text.no-records {
  color: #34495e;
  padding: 14px 10px 14px 17px;
  cursor: default;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .question-text.no-records:before {
  display: none;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .ui-sortable-placeholder {
  border: 2px dashed #d1dce2;
  min-height: 30px;
  background: none;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .second--level .question-text {
  background: #f5f6f7;
  border-left-color: #d3e5f8;
  padding: 6px 10px 6px 17px;
  border-bottom-color: #e3e4e5;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .third--level .question-text {
  background: #fdfdfd;
  padding: 6px 10px 6px 17px;
  border-left-color: #e3effd;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .fourth--level {
  background: #fff;
  border-bottom: 1px solid #dbdbdb;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .fourth--level .question-text {
  background: #fff;
  color: #717f8e;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  border-top: 1px solid #e5e5e5;
  border-bottom: none;
  margin: 0 15px;
  padding: 8px 5px 8px 30px;
  position: relative;
  border-left: none;
  cursor: move;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .fourth--level .question-text span {
  position: absolute;
  left: 6px;
  top: 8px;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .fourth--level .question-text span:before {
  font-family: "Font Awesome 5 Pro";
  content: "";
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  left: -20px;
  top: 50%;
  margin: -8px 0 0 0;
  color: #4ca1fe;
  display: none;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .fourth--level .question-text:before {
  display: none;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .fourth--level .question-text.added {
  padding-left: 45px;
  opacity: 0.35;
  cursor: not-allowed;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .fourth--level .question-text.added span {
  left: 22px;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .fourth--level .question-text.added span:before {
  display: block;
}
.page-content .sub-nav-wrapper .questions-bank .question-block .question-bank-list .fourth--level li:first-child .question-text {
  border-top: none;
}
.page-content .content {
  margin-top: 79px;
  padding: 20px;
}
.page-content .content:before, .page-content .content:after {
  content: " ";
  display: table;
}
.page-content .content:after {
  clear: both;
}
.page-content .content .ui-sortable-placeholder {
  border: 2px dashed #d1dce2;
  min-height: 195px;
  margin-bottom: 20px;
  background: #fff;
}
.page-content.subnav--active .sub-nav-wrapper {
  left: 65px;
}
.page-content.subnav--active .content {
  margin-left: 280px;
}
.page-content.header-subnav--active .sub-nav-wrapper {
  padding-top: 120px;
}
.page-content.header-subnav--active .content {
  margin-top: 120px;
}

.header-sub-nav + .page-content .sub-nav-wrapper {
  padding-top: 120px;
}
.header-sub-nav + .page-content .content {
  margin-top: 120px;
}

.widget {
  border-radius: 5px;
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: -1.259px 1.554px 6.48px 1.52px rgba(146, 146, 146, 0.11);
}
.widget:before, .widget:after {
  content: " ";
  display: table;
}
.widget:after {
  clear: both;
}
.widget.no--pad {
  padding: 0px;
}

.content-header {
  margin-bottom: 20px;
}
.content-header:before, .content-header:after {
  content: " ";
  display: table;
}
.content-header:after {
  clear: both;
}
.content-header h2 {
  float: left;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}
.content-header h2 i {
  font-size: 25px;
  line-height: 30px;
  color: #4ca1fe;
  position: relative;
  top: 3px;
}
.content-header h3 {
  float: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #4d565f;
}
.content-header h3 i {
  font-size: 24px;
  line-height: 24px;
  color: #cbcbcb;
  position: relative;
  top: 4px;
  margin: 0 10px 0 0;
}
.content-header h4 {
  float: left;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: #34495e;
  padding: 7px 0;
}
.content-header h4 i {
  font-size: 18px;
  line-height: 18px;
  color: #cdd4d8;
  position: relative;
  top: 4px;
  margin: 0 10px 0 0;
}
.content-header .details {
  float: left;
  font-size: 12px;
  line-height: 16px;
  padding: 7px 0;
}
.content-header .details a {
  color: #4ca1fe;
}
.content-header .details a:hover {
  color: #1a1a1a;
}
.content-header .actions {
  float: right;
  padding: 4px 0 0 10px;
}
.content-header .actions > .btn {
  float: right;
  margin: 0 0 0 10px;
}
.content-header .actions .search-survey {
  display: inline-block;
  margin: 0 0 0 10px;
  position: relative;
}
.content-header .actions .search-survey input {
  width: 277px;
  height: 30px;
  padding: 0 30px 0 10px;
  background: #fff;
  border: 1px solid #e1e1e1;
  font-family: inherit;
  font-size: 12px;
  color: #34495e;
}
.content-header .actions .search-survey:after {
  position: absolute;
  right: 10px;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "";
  font-size: 14px;
  line-height: 30px;
  color: #8c8c8c;
}
.content-header .actions .filter-by {
  float: left;
}
.content-header .actions > label {
  float: left;
  padding: 0 20px 0 0;
}
.content-header .actions .toggle {
  float: left;
  padding: 5px 0 0 0;
}
.content-header .actions .insert-shortcode {
  float: left;
}
.content-header .actions .insert-shortcode label {
  display: block;
  font-size: 12px;
  padding: 3px 0;
}
.content-header .actions.action-icons {
  padding: 8px 0 0 0;
}
.content-header .actions.action-icons i {
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
}
.content-header .actions.action-icons a {
  color: #d1dce2;
  margin: 0 5px;
  cursor: pointer;
}
.content-header .actions.action-icons a:hover, .content-header .actions.action-icons a.active {
  color: #4ca1fe;
}
.content-header.shortcode h2 {
  padding-top: 20px;
}
.content-header.journey-header {
  margin-bottom: 5px;
}
.content-header.journey-header .actions {
  float: right;
}
.content-header.journey-header .actions i {
  font-size: 20px;
}
.content-header.journey-header .actions a {
  margin: 0 0 0 10px;
  color: #cdd4d8;
}
.content-header.journey-header .actions a:hover {
  color: #4ca1fe;
}

.question-draggable {
  cursor: move;
  outline: none;
}

.question-droppable {
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
  border: 2px dashed #d1dce2;
  width: 100%;
  min-height: 195px;
  display: table;
  vertical-align: middle;
  text-align: center;
}
.question-droppable .details {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
  color: #4c5e70;
  opacity: 0.5;
}
.question-droppable .details p {
  padding: 5px 0;
}
.question-droppable .details p i {
  font-size: 36px;
  opacity: 0.5;
}
.question-droppable.active {
  border: 2px solid #a9b2b7;
}
.question-droppable.active .details {
  opacity: 0.8;
}
.question-droppable.active .details p i {
  opacity: 0.8;
}

.add-pages .btn {
  float: left;
}

.survey-pagination {
  float: left;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #34495e;
}
.survey-pagination ul li {
  display: inline-block;
  margin: 0 4px 0 0;
  position: relative;
}
.survey-pagination ul li > a {
  color: #34495e;
  display: inline-block;
  background: #fff;
  padding: 6px 15px;
  border-radius: 3px;
  box-shadow: 0px 3px 16px 0px rgba(157, 175, 185, 0.25);
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
.survey-pagination ul li > a i {
  font-size: 21px;
  line-height: 18px;
  height: 18px;
  vertical-align: middle;
  text-align: center;
  margin: 0 -7px;
  color: #4ca1fe;
}
.survey-pagination ul li > a:hover {
  color: #fff;
  background: #4ca1fe;
}
.survey-pagination ul li > a:hover i {
  color: #fff;
}
.survey-pagination ul li > a.active {
  cursor: default;
}
.survey-pagination ul li .delete {
  position: absolute;
  right: -4px;
  top: -7px;
}
.survey-pagination ul li .delete a {
  display: block;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
}
.survey-pagination ul li .delete a i {
  font-size: 14px;
  line-height: 14px;
  color: #ec638d;
  vertical-align: middle;
}
.survey-pagination ul li .delete a:hover i {
  color: #ad4967;
}
.survey-pagination ul li.active > a {
  color: #fff;
  background: #4ca1fe;
}
.survey-pagination ul li.active > a i {
  color: #fff;
}
.survey-pagination ul li.disabled > a {
  color: #dddddd;
  background-color: #fff;
  cursor: not-allowed;
}
.survey-pagination ul li.disabled > a i {
  color: #ddd;
}
.survey-pagination ul li.disabled .delete {
  opacity: 0.5;
}
.survey-pagination ul li.disabled .delete a {
  cursor: not-allowed;
}

.editable-page-content {
  font-size: 14px;
  line-height: 200%;
  margin: 0 0 15px;
}
.editable-page-content p {
  padding: 10px 0 15px;
}

.question-draggable {
  z-index: 900;
}

body > li.app {
  background: #fff;
  color: #717f8e;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  padding: 8px 5px 8px 16px;
  height: auto !important;
  cursor: move;
}

body > .app.question-block-main {
  cursor: move;
  border: 2px dashed red;
  box-shadow: none !important;
}
body > .app.question-block-main .question-header .actions {
  display: none;
}

body > li.app.question-types {
  position: relative;
  margin: 0 0 15px 0;
  font-size: 14px;
  line-height: 125%;
  font-weight: 300;
  background: #4ca1fe;
  border-radius: 5px;
  box-shadow: -2.517px 3.109px 6.48px 1.52px rgba(146, 146, 146, 0.11);
  color: #fff;
  padding: 0px;
  border: none;
}
body > li.app.question-types span {
  position: absolute;
  left: 7px;
  top: 50%;
  font-size: 12px;
  margin: -15px 0 0 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #4ca1fe;
  border: 1px solid #4ca1fe;
  text-align: center;
  line-height: 30px;
  border-radius: 5px;
  font-weight: bold;
  letter-spacing: 1px;
}
body > li.app.question-types a {
  display: block;
  padding: 13px 7px 14px 47px;
  border-radius: 5px;
  color: #fff;
  background: #4ca1fe;
}
body > li.app.question-types a span {
  color: #4ca1fe;
  background: #fff;
}

.main-loader {
  position: fixed;
  z-index: 1100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: none;
}
.main-loader .loader-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
}
.main-loader.active {
  display: block;
}

.main-loader {
  position: fixed;
  z-index: 1100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: none;
}
.main-loader .loader-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
}
.main-loader.active {
  display: block;
}

.top-loader {
  position: fixed;
  z-index: 1100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
}
.top-loader .loader-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
}
.top-loader.active {
  display: block;
}

.error__content {
  text-align: center;
  font-size: 14px;
}
.error__content .error-icon {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background: url("assets/styles/portal/build/assets/images/icon-hourglass.svg") no-repeat center center;
  background-size: auto 100%;
}
.modal--404 .error__content .error-icon {
  background-image: url("assets/styles/portal/build/assets/images/icon-404.svg");
}
.modal--403 .error__content .error-icon {
  background-image: url("assets/styles/portal/build/assets/images/icon-lock.svg");
}
.modal--loading .error__content .error-icon {
  background-image: url("assets/styles/portal/build/assets/images/loader.svg");
  width: 120px;
  height: 120px;
}
.error__content h2 {
  font-size: 42px;
  padding: 5px 0;
}
.error__content h3 {
  font-size: 18px;
  padding: 5px 0;
}
.error__content p {
  padding: 8px 0;
}

.img-wrapper {
  margin: 0 auto;
  max-width: 1000px;
}
.img-wrapper .image-info {
  background: rgba(0, 0, 0, 0.25);
}

.journey-upload .journey__header {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.journey-upload .journey__header h2 {
  font-size: 18px;
  float: left;
  color: #4d565f;
}
.journey-upload .journey__header .actions {
  float: right;
  font-size: 12px;
}
.journey-upload .journey__header .actions a {
  color: #4d565f;
}
.journey-upload .journey__header .actions a i {
  margin-right: 5px;
}
.journey-upload .journey__header .actions a:hover {
  color: #4ca1fe;
}
.journey-upload .journey__content {
  position: relative;
  float: left;
  width: 100%;
}
.journey-upload .journey__content:before, .journey-upload .journey__content:after {
  content: " ";
  display: table;
}
.journey-upload .journey__content:after {
  clear: both;
}
.journey-upload .journey__content .image-block {
  padding: 0;
  text-align: center;
}
.journey-upload .journey__content .image-block .image {
  margin: 0 auto;
}
.journey-upload .journey__content p {
  margin-bottom: 10px;
  font-size: 12px;
  color: #4c5e70;
}

.ui-block-overlay {
  position: fixed;
  left: 65px;
  right: 0;
  top: 120px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 50;
}
.ui-block-overlay h4 {
  color: #393939;
  background: #ddb6b9;
  padding: 10px;
  margin: 2px 0 0 0;
  text-align: center;
  font-size: 14px;
}
.ui-block-overlay h4 i {
  margin-right: 5px;
}

.sidebar {
  position: fixed;
  left: 0px;
  top: 79px;
  z-index: 31;
  width: 65px;
  height: 100%;
  background: #fff;
  border-top: 1px solid #e1e4e7;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0.5, 0.32, 0.01, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0.32, 0.01, 1);
}
.sidebar .sidebar-nav ul {
  list-style-type: none;
}
.sidebar .sidebar-nav ul li {
  padding: 10px 0;
  width: 100%;
  text-align: center;
  color: #d1dce2;
}
.sidebar .sidebar-nav ul li a {
  display: block;
  color: #d1dce2;
}
.sidebar .sidebar-nav ul li a:hover {
  color: #4ca1fe;
}
.sidebar .sidebar-nav ul li i {
  font-size: 20px;
  line-height: 36px;
}
.sidebar .sidebar-nav ul li.active a {
  color: #4ca1fe;
}
.sidebar .sidebar-nav ul li.disable {
  opacity: 0.5;
}
.sidebar .sidebar-nav ul li.disable i {
  cursor: not-allowed;
}

.my-surveys .survey-block {
  background: #fff;
  border: 1px solid #e0e8ec;
  border-radius: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  padding: 10px 20px;
  display: table;
  width: 100%;
  table-layout: fixed;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
.my-surveys .survey-block:hover, .my-surveys .survey-block.active {
  border-color: #c9d0d4;
  box-shadow: -1.259px 1.554px 6.48px 1.52px rgba(146, 146, 146, 0.11);
}
.my-surveys .survey-block p {
  color: #a9b4bd;
  padding: 3px 0;
}
.my-surveys .survey-block p.copy__desc {
  color: #34495e;
}
.my-surveys .survey-block a {
  color: #4ca1fe;
}
.my-surveys .survey-block a:hover {
  color: #1a1a1a;
}
.my-surveys .survey-block .col-left {
  display: table-cell;
  width: 30%;
  vertical-align: middle;
}
.my-surveys .survey-block .col-right {
  display: table-cell;
  width: 70%;
  text-align: right;
  vertical-align: middle;
  font-weight: 400;
}
.my-surveys .survey-block .col-full {
  display: table;
  width: 100%;
  vertical-align: middle;
  font-weight: 400;
}
.my-surveys .survey-block .name {
  position: relative;
  padding: 0 0 0 40px;
}
.my-surveys .survey-block .name .number {
  position: absolute;
  left: 0;
  top: 50%;
  margin: -13px 0 0 0;
  color: #4ca1fe;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  min-width: 26px;
  padding: 2px 3px;
  border-radius: 3px;
  border: 1px solid #4ca1fe;
}
.my-surveys .survey-block .name .number.invalid:after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  right: -7px;
  top: -7px;
  background: #dd3546;
  border: 1px solid #fff;
  border-radius: 50%;
}
.my-surveys .survey-block .name .details {
  padding: 8px 0 0 0;
  word-break: break-all;
}
.my-surveys .survey-block .name .details h4 {
  font-size: 14px;
  color: #34495e;
  font-weight: 400;
}
.my-surveys .survey-block .inline-block {
  display: inline-block;
  text-align: center;
  padding: 0 25px;
  vertical-align: middle;
  min-width: 120px;
  max-width: 200px;
}
.my-surveys .survey-block .table-cell {
  display: table-cell;
  text-align: center;
  padding: 0 10px;
  vertical-align: middle;
}
.my-surveys .survey-block .table-cell.name {
  padding: 0 0 0 40px;
  text-align: left;
  width: 20%;
}
.my-surveys .survey-block .status {
  min-width: 130px;
  max-width: 150px;
}
.my-surveys .survey-block .actions {
  padding: 1px 0 0 0;
  width: 170px;
  cursor: pointer;
}
.my-surveys .survey-block .actions i {
  font-size: 14px;
  line-height: 30px;
}
.my-surveys .survey-block .actions a {
  display: inline-block;
  margin: 0 0 0 10px;
  color: #cdd4d8;
  width: 32px;
  height: 32px;
  border: 1px solid #cdd4d8;
  border-radius: 5px;
}
.my-surveys .survey-block .actions a:hover {
  color: #4ca1fe;
  border-color: #4ca1fe;
}
.my-surveys .survey-block .actions a.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: auto;
}
.my-surveys .survey-block .actions a.disabled .tooltiptext {
  display: none;
}
.my-surveys .survey-block .actions a.disabled:hover {
  color: #cdd4d8;
  border-color: #cdd4d8;
}
.my-surveys .contact-list-header {
  padding-left: 70px;
  position: relative;
}
.my-surveys .contact-list-header .toggle {
  position: absolute;
  left: 24px;
  top: 30px;
  width: 20px;
  height: 20px;
  border: 2px solid #4ca1fe;
  border-radius: 2px;
  cursor: pointer;
}
.my-surveys .contact-list-header .toggle:before {
  content: "add";
  position: absolute;
  left: -1px;
  top: -1px;
  font-size: 18px;
  line-height: 18px;
  font-family: "Material Icons";
  color: #4ca1fe;
}
.my-surveys .contact-list-header.active .toggle:before {
  content: "remove";
}
.my-surveys .contact-list-expandable {
  padding: 0 0 0 75px;
  display: none;
}

.norecords-block {
  background: #fff;
  border: 1px solid #e0e8ec;
  border-radius: 5px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 30px;
  text-align: center;
  float: left;
  width: 100%;
}
.norecords-block p {
  padding: 2px 0;
}

.survey-type {
  margin-right: -10px;
  margin-left: -10px;
  display: flex;
  justify-content: center;
}
.survey-type:before, .survey-type:after {
  content: " ";
  display: table;
}
.survey-type:after {
  clear: both;
}
.survey-type .type__item {
  width: 33.3333333333%;
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
}
.survey-type .type__header {
  padding: 10px;
  background: #f4f5f9;
  border-bottom: 1px solid #e1e9ed;
}
.survey-type .type__header h2 {
  font-size: 12px;
  color: #4d565f;
}
.survey-type .type__header i {
  color: #4ca1fe;
  font-size: 30px;
  margin: 15px 0;
}
.survey-type .type__content {
  padding: 10px;
}
.survey-type .type__content p {
  color: #4d565f;
  font-size: 12px;
}
.survey-type .rating__label {
  float: left;
  width: 100%;
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  border: 1px solid #e1e9ed;
  text-align: center;
  /*&:after {
    position: absolute;
    right: -10px;
    top: -10px;
    content: 'check_circle';
    font-family: 'Material Icons';
    font-size: 24px;
    border: 3px solid $white;
    color: $clr-pri;
    background: $white;
    border-radius: 50%;

    transform: scale(0);
  }*/
}
.survey-type .rating__label img {
  width: 100%;
  border: 2px solid #e1e1e1;
  border-radius: 5px;
  padding: 5px;
  background: #fff;
  margin: 0 0 8px 0;
}
.survey-type .rating__label:hover img, .survey-type .rating__label:active img {
  border-color: #c9c9c9;
}
.survey-type .rating__label:hover p span, .survey-type .rating__label:active p span {
  border-color: #c9c9c9;
}
.survey-type .rating__field {
  position: absolute;
  left: -9999px;
}
.survey-type .rating__field:checked + label {
  border: 2px solid #4ca1fe;
  /* &:after {
     transform: scale(1);
   }*/
}
.survey-type .rating__field:checked + label p span {
  background: #4ca1fe;
  color: #fff;
  border-color: #4ca1fe;
}

.form-container.create--survey .ui-table .ui-table-thead > tr > th {
  border: 0;
  padding: 10px;
}
.form-container.create--survey .ui-table .ui-table-tbody > tr > td {
  padding: 10px;
}
.form-container .table-container {
  margin-bottom: 0;
}
.form-container .table-container .form-label {
  color: #a9b4bd;
}
.form-container.create--page {
  padding: 20px 0;
  margin-right: -10px;
  margin-left: -10px;
}
.form-container.create--page:before, .form-container.create--page:after {
  content: " ";
  display: table;
}
.form-container.create--page:after {
  clear: both;
}

.table-createsurvey {
  height: 250px;
}

.option-list {
  margin: 0;
  padding: 0;
}
.option-list:before, .option-list:after {
  content: " ";
  display: table;
}
.option-list:after {
  clear: both;
}
.option-list li {
  text-transform: capitalize;
  display: block;
  width: 100%;
  padding: 15px 10px;
}
.option-list li :lang(fr) {
  text-transform: none;
}
.option-list li strong {
  min-width: 170px;
  display: inline-block;
  font-weight: 500;
}
.option-list li i {
  color: #4ca1fe;
  margin: 0 5px 0 8px;
  text-align: center;
  width: 20px;
  vertical-align: middle;
  font-size: 17px;
}
.option-list li:nth-child(even) {
  background: #f4f5f9;
  border-bottom: 1px solid #e1e9ed;
}
.option-list li label {
  vertical-align: middle;
  cursor: pointer;
}
.option-list li.active {
  background: #dfeeff;
}

.number-box {
  position: absolute;
  left: 20px;
  top: 13px;
  color: #4ca1fe;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  min-width: 26px;
  padding: 2px 3px;
  border-radius: 3px;
  border: 1px solid #4ca1fe;
  display: inline-block;
}
.number-box.invalid:after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  right: -7px;
  top: -7px;
  background: #dd3546;
  border: 1px solid #fff;
  border-radius: 50%;
}

.question-block-main.widget {
  margin-bottom: 20px !important;
}
.question-block-main .question-header {
  padding: 4px 0;
}
.question-block-main .question-header:before, .question-block-main .question-header:after {
  content: " ";
  display: table;
}
.question-block-main .question-header:after {
  clear: both;
}
.question-block-main .question-header .tag {
  float: left;
  border: 1px solid #4ca1fe;
  text-transform: uppercase;
  color: #4ca1fe;
  font-weight: 600;
  font-size: 11px;
  padding: 2px 4px 1px;
}
.question-block-main .question-header .tag :lang(fr) {
  text-transform: none;
}
.question-block-main .question-header .actions {
  float: right;
}
.question-block-main .question-header .actions i {
  font-size: 18px;
}
.question-block-main .question-header .actions a {
  margin: 0 0 0 10px;
  color: #cdd4d8;
}
.question-block-main .question-header .actions a:hover {
  color: #4ca1fe;
}
.question-block-main .question-copy {
  font-size: 14px;
  line-height: 130%;
  outline: none;
  margin: 0 0 10px 0;
}
.question-block-main .question-copy p {
  position: relative;
  padding: 0 0 7px 45px;
  word-wrap: break-word;
}
.question-block-main .question-copy p span {
  position: absolute;
  left: 0;
  top: 0;
  color: #4ca1fe;
}
.question-block-main .question-copy p.instructions {
  font-size: 12px;
  color: #b1b9c1;
}
.question-block-main .question-copy[contenteditable=true] {
  cursor: text;
}
.question-block-main .question-copy[contenteditable=true] span {
  cursor: default;
}
.question-block-main .question-copy .action {
  position: relative;
  left: auto;
  top: auto;
  display: inline-block;
  padding: 0 0 0 5px;
}
.question-block-main .question-copy .action i {
  font-size: inherit;
  vertical-align: middle;
}
.question-block-main .question-copy .action a {
  color: #4ca1fe;
}
.question-block-main .question-copy .action a:hover {
  color: #1a1a1a;
}
.question-block-main .answer-options {
  color: #a6aaaf;
  outline: none;
  padding: 5px 0 5px 45px;
  font-size: 12px;
}
.question-block-main .answer-options:before, .question-block-main .answer-options:after {
  content: " ";
  display: table;
}
.question-block-main .answer-options:after {
  clear: both;
}
.question-block-main .answer-options .action {
  display: inline-block;
  padding: 0 0 0 5px;
}
.question-block-main .answer-options .action i {
  font-size: inherit;
  vertical-align: middle;
}
.question-block-main .answer-options .action a {
  color: #4ca1fe;
}
.question-block-main .answer-options .action a:hover {
  color: #1a1a1a;
}
.question-block-main .answer-options ul.grid-column {
  float: left;
  width: 33.33%;
  vertical-align: top;
  padding: 7px 0 20px 0;
  font-size: 12px;
}
.question-block-main .answer-options ul.grid-column li {
  clear: both;
  padding: 8px 50px 7px 2px;
  position: relative;
  border-bottom: 1px solid #d4dfe4;
  white-space: normal;
  word-break: break-all;
}
.question-block-main .answer-options ul.grid-column li:before {
  content: "- ";
  padding: 0 4px 0 5px;
}
.question-block-main .answer-options ul.grid-column li.list-question {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #4d565f;
  border-bottom: 2px solid #4ca1fe;
  padding: 0 0 10px 0;
  margin: 0 0 15px 0;
}
.question-block-main .answer-options ul.grid-column li.list-question:before {
  content: "";
  padding: 0;
}
.question-block-main .answer-options ul.grid-column li.list-question div[contenteditable=true] {
  cursor: text;
}
.question-block-main .answer-options ul.grid-column li.options-choices {
  margin: 0 0 15px 0;
  border-bottom: none;
  padding: 8px 8px 7px 2px;
  display: table;
  width: 100%;
}
.question-block-main .answer-options ul.grid-column li.options-choices:before {
  content: "";
  padding: 0;
}
.question-block-main .answer-options ul.grid-column li.options-choices > div {
  display: table-cell;
}
.question-block-main .answer-options ul.grid-column li.options-choices > div:not(:first-child) {
  text-align: right;
}
.question-block-main .answer-options ul.grid-column li.options-choices .choices {
  font-size: 12px;
  font-weight: 600;
  color: #4d565f;
  margin-top: -10px;
}
.question-block-main .answer-options ul.grid-column li.options-choices .choices p {
  padding: 5px 0;
}
.question-block-main .answer-options ul.grid-column li.options-choices .choices .options {
  padding: 5px 0;
  line-height: 20px;
}
.question-block-main .answer-options ul.grid-column li.options-choices .choices .options span {
  padding: 0 5px;
}
.question-block-main .answer-options ul.grid-column li.options-choices .choices .options i {
  font-size: 14px;
  line-height: 20px;
  color: #4ca1fe;
  vertical-align: top;
}
.question-block-main .answer-options ul.grid-column li.options-choices .choices .options .disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.question-block-main .answer-options ul.grid-column li.options-choices .choices .options .disabled i {
  color: #d7d7d7;
}
.question-block-main .answer-options ul.grid-column li.options-choices .toggle {
  margin: 0 0 5px 0;
  color: #4d565f;
}
.question-block-main .answer-options ul.grid-column li.options-choices .toggle .ui-inputswitch {
  margin: 0 0 0 5px;
}
.question-block-main .answer-options ul.grid-column li .action {
  position: absolute;
  top: 5px;
  right: 4px;
}
.question-block-main .answer-options ul.grid-column li .action i {
  font-size: 14px;
}
.question-block-main .answer-options ul.grid-column li .action a {
  color: #4ca1fe;
}
.question-block-main .answer-options ul.grid-column li .action a:hover {
  color: #1a1a1a;
}
.question-block-main .answer-options ul.grid-column li .action a.close {
  color: #ec638d;
}
.question-block-main .answer-options ul.grid-column li .action.action--image {
  right: 25px;
  top: 5;
}
.question-block-main .answer-options ul.grid-column li .action.action--image a {
  color: #d1dce2;
}
.question-block-main .answer-options ul.grid-column li .action.action--image a i {
  font-size: 20px;
}
.question-block-main .answer-options ul.grid-column li[contenteditable=true]:active, .question-block-main .answer-options ul.grid-column li[contenteditable=true]:focus, .question-block-main .answer-options ul.grid-column li.active {
  border: 2px dashed #e9ecef;
  padding: 6px 48px 6px 0px;
}
.question-block-main .answer-options ul.grid-column li[contenteditable=true]:active .action.action--image, .question-block-main .answer-options ul.grid-column li[contenteditable=true]:focus .action.action--image, .question-block-main .answer-options ul.grid-column li.active .action.action--image {
  top: 3px;
  right: 23px;
}
.question-block-main .answer-options ul.grid-column li[contenteditable=true] {
  cursor: text;
}
.question-block-main .answer-options ul.grid-column li.image--option {
  padding-right: 50px;
}
.question-block-main .answer-options.multiple--columns {
  overflow-x: auto;
}
.question-block-main .answer-options.multiple--columns ul {
  padding: 7px 0 7px 20px;
}
.question-block-main .answer-options.multiple--columns ul:first-child {
  padding-left: 0;
}
.question-block-main.active .edit {
  display: none;
}

.header-options.widget {
  margin-bottom: 20px !important;
}
.header-options .question-block-main {
  position: relative;
  min-height: 80px;
}
.header-options .question-block-main .question-copy p {
  padding: 0;
}
.header-options .question-block-main .question-copy p.instructions {
  font-size: 12px;
  color: #b1b9c1;
}
.header-options .upload-section {
  background: #f4f5f9;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #ebebeb;
}
.header-options .upload-section:before, .header-options .upload-section:after {
  content: " ";
  display: table;
}
.header-options .upload-section:after {
  clear: both;
}
.header-options .upload-section .col {
  float: left;
  width: 50%;
  padding: 20px 25px;
}
.header-options .upload-section .col:first-child {
  border-right: 1px solid #ebebeb;
}
.header-options .tag {
  background: #4ca1fe;
  border: 1px solid #4ca1fe;
  color: #fff;
}
.header-options .image-preview {
  width: 180px;
  position: absolute;
  right: 0;
  top: -10px;
}
.header-options.header-options .question-block-main .question-copy {
  margin-bottom: 0;
  padding: 0 300px 0 0;
}
.journey-index .widget {
  padding: 20px 35px;
  box-shadow: 0px 0px 4.05px 0.95px rgba(146, 146, 146, 0.25);
}
.journey-index .widget .question-block-main {
  box-shadow: none;
  border-radius: 0;
  padding: 20px 5px;
  margin-bottom: 0;
  border-top: 1px solid #e4e6e7;
}
.journey-index .widget .question-block-main .question-header {
  margin: 0 0 10px 0;
}
.journey-index .widget .question-block-main:first-child {
  border-top: none;
}
.journey-index .widget .question-block-main:hover {
  box-shadow: none;
}
.journey-index .widget .question-block-main.active {
  box-shadow: none;
}
.journey-index .widget .question-block-main.active:hover {
  box-shadow: none;
}
.journey-index .widget .question-block-main .question-copy {
  margin: 0 0 10px 0;
}
.journey-index .widget .content-header + .question-block-main {
  border-top: none;
}
.journey-index .widget .content-header h2 {
  color: #4ca1fe;
  font-weight: normal;
}

.options-grid {
  clear: both;
  margin: 0;
}
.options-grid .content-header {
  margin: 0px;
}
.options-grid .content-header h3 {
  font-size: 12px;
  font-weight: bold;
  padding: 20px 0 0 0;
}
.options-grid .content-header .actions {
  padding: 0;
}
.options-grid .content-header .actions a {
  color: #d1dce2;
  margin: 0 0 0 5px;
}
.options-grid .content-header .actions a:hover, .options-grid .content-header .actions a.active {
  color: #4ca1fe;
}

.conditions-block {
  clear: both;
  margin: 0 0 10px 45px;
  font-size: 13px;
  color: #34495e;
}
.conditions-block .content-header {
  margin: 10px 0;
}
.conditions-block .content-header h3 {
  font-size: 14px;
  font-weight: bold;
}
.conditions-block .conditions {
  padding: 5px 15px;
  background: #f4f5f9;
  border: 2px solid #ebebeb;
  border-radius: 3px;
}
.conditions-block .conditions textarea {
  height: 100px;
  padding: 8px 12px;
}
.conditions-block .conditions > ul {
  display: table;
}
.conditions-block .conditions > ul:before, .conditions-block .conditions > ul:after {
  content: " ";
  display: table;
}
.conditions-block .conditions > ul:after {
  clear: both;
}
.conditions-block .conditions > ul > li {
  display: table-cell;
  padding: 10px 30px 10px 0;
  vertical-align: middle;
  border-bottom: none !important;
}
.conditions-block .conditions > ul > li > label {
  display: inline-block;
  padding: 3px;
}
.conditions-block .conditions > ul > li .actions {
  margin: 0 0 -4px 0;
}
.conditions-block .conditions > ul > li .actions .btn {
  margin-right: 10px;
}
.conditions-block .conditions > ul > li .inline-label {
  padding: 0 10px 0 0;
  vertical-align: middle;
}
.conditions-block .conditions > ul > li input[type=checkbox]:not(old) ~ label {
  color: #34495e;
}
.conditions-block .conditions > ul > li:before {
  display: none !important;
}
.conditions-block .conditions.add-to-bank {
  padding: 15px 20px 12px;
}
.conditions-block .conditions.add-to-bank > ul {
  width: 100%;
}
.conditions-block .conditions.add-to-bank > ul:before, .conditions-block .conditions.add-to-bank > ul:after {
  content: " ";
  display: table;
}
.conditions-block .conditions.add-to-bank > ul:after {
  clear: both;
}
.conditions-block .conditions.add-to-bank > ul > li {
  float: left;
  width: 50%;
  max-width: 350px;
  padding-right: 20px;
  vertical-align: middle;
}
.conditions-block .conditions.add-to-bank > ul > li .toggle-options label {
  display: inline-block;
}
.conditions-block .conditions.add-to-bank > ul > li .toggle-options .toggle {
  display: inline-block;
  padding: 3px 5px;
}
.conditions-block .conditions.add-to-bank > ul > li input[type=text] {
  width: 100%;
}
.conditions-block .conditions .form-container {
  padding: 0;
}
.conditions-block .conditions .form-container .form-label > span {
  margin: 0 10px 0 0;
}
.conditions-block .conditions .form-container .number-length {
  width: 80px;
}

.logic-block {
  clear: both;
  margin: 0 0 15px 45px;
  font-size: 14px;
  color: #bfc1c4;
}
.logic-block:before, .logic-block:after {
  content: " ";
  display: table;
}
.logic-block:after {
  clear: both;
}
.logic-block .content-header {
  margin: 5px 0;
}
.logic-block .content-header h3 {
  font-size: 14px;
  font-weight: bold;
  color: #4d565f;
}
.logic-block .logic {
  float: left;
  clear: left;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  margin: 0 0 15px 0;
  padding: 0 30px 0 0;
  width: 66.6%;
  position: relative;
}
.logic-block .logic p span {
  color: #4d565f;
}
.logic-block .logic .logic-content {
  float: left;
  font-size: 12px;
  line-height: 20px;
  padding: 5px 10px;
  width: 100%;
  border-right: 1px solid #e1e1e1;
  border-top: 1px dotted #e1e1e1;
}
.logic-block .logic .logic-content:first-child {
  border-top: none;
}
.logic-block .logic .actions {
  position: absolute;
  right: 10px;
  top: 50%;
  margin: -15px 0 0 0;
}
.logic-block .logic .actions i {
  font-size: 14px;
  line-height: 30px;
}
.logic-block .logic .actions a {
  display: block;
  color: #4ca1fe;
}
.logic-block .logic .actions a:hover {
  color: #1a1a1a;
}

.question-bank-filters {
  position: relative;
  z-index: 4;
  border-radius: 3px;
  background: #f4f5f9;
  margin: 15px 0 15px;
  border: 1px solid #dde5eb;
}
.question-bank-filters:before, .question-bank-filters:after {
  content: " ";
  display: table;
}
.question-bank-filters:after {
  clear: both;
}
.question-bank-filters h4 {
  float: left;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: #34495e;
  padding: 18px 15px 10px 15px;
}
.question-bank-filters h4 i {
  font-size: 18px;
  line-height: 18px;
  color: #cdd4d8;
  position: relative;
  top: 4px;
  margin: 0 5px 0 0;
}
.question-bank-filters .actions {
  float: right;
  padding: 12px 15px 10px;
}
.question-bank-filters .actions input {
  float: left;
  margin: 0 10px 0 0;
}
.question-bank-filters .actions .btn-group {
  float: left;
  margin: 0 10px 0 0;
}
.question-bank-filters .actions .btn-group .btn {
  float: none;
  margin: 0;
}
.question-bank-filters .actions .btn-group .btn .caret:before {
  margin-right: -9px;
}
.question-bank-filters .actions .btn {
  float: left;
}
.question-bank-filters .actions .dropdown-menu {
  font-size: 12px !important;
  max-width: 100%;
  overflow-x: hidden;
}

.question-bank-import {
  border: 1px solid #dde5eb;
  border-radius: 5px;
}
.question-bank-import:before, .question-bank-import:after {
  content: " ";
  display: table;
}
.question-bank-import:after {
  clear: both;
}
.question-bank-import .content-header {
  background: #f4f5f9;
  margin: 0;
  padding: 10px 10px 10px 20px;
  border-radius: 3px 3px 0 0;
}
.question-bank-import .content-header .actions {
  padding-top: 0;
}
.question-bank-import .content-header h4 {
  font-size: 12px;
}

.add-to-bank-block {
  clear: both;
  margin: 15px 0;
  font-size: 12px;
  background: #f4f5f9;
  border: 1px dashed #afafaf;
  border-radius: 3px;
}
.add-to-bank-block textarea {
  height: 100px;
  padding: 8px 12px;
}
.add-to-bank-block > ul {
  width: 100%;
}
.add-to-bank-block > ul:before, .add-to-bank-block > ul:after {
  content: " ";
  display: table;
}
.add-to-bank-block > ul:after {
  clear: both;
}
.add-to-bank-block > ul > li {
  float: left;
  width: 50%;
  vertical-align: middle;
  /*.toggle-options {
    padding: 0 0 3px 0;
    label {
      display: inline-block;
      padding: 3px;
    }
    .toggle {
      display: inline-block;
      padding: 3px 5px;
      position: relative;
      top: 3px;
    }
    &.single-option {
      text-align: center;
      label {
        display: block;
        font-weight: 600;
        padding: 10px 0 0 0;
      }
    }
  }
  input[type="text"] {
    width: 100%;
  }*/
}
.add-to-bank-block > ul > li .col {
  float: left;
  width: 75%;
  padding: 10px 20px;
  height: 80px;
}
.add-to-bank-block > ul > li .col .toggle-options {
  margin-bottom: 5px;
}
.add-to-bank-block > ul > li .col:first-child {
  width: 25%;
  background: #fff;
  position: relative;
}
.add-to-bank-block > ul > li .col:first-child .single-option label {
  display: block;
  margin: 4px 0 5px;
}
.add-to-bank-block > ul > li .col:first-child:before {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid #fff;
}
.add-to-bank-block > ul > li .actions {
  margin: 0 0 -4px 0;
}
.add-to-bank-block > ul > li .actions .btn {
  margin-right: 10px;
}
.add-to-bank-block > ul > li .inline-label {
  padding: 0 10px 0 0;
  vertical-align: middle;
}
.add-to-bank-block > ul > li input[type=checkbox]:not(old) ~ label {
  color: #34495e;
}

.question-type-strip {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #4ca1fe;
  border: 1px solid #4ca1fe;
  padding: 1px 6px;
}
.question-type-strip :lang(fr) {
  text-transform: none;
}

.twocolumn-grid {
  clear: both;
  width: 100%;
}
.twocolumn-grid ul {
  width: 50% !important;
  margin: 0 !important;
  padding: 0 40px 30px 0 !important;
}

.highlight-admin {
  clear: both;
  padding: 15px 5px 5px 45px;
}
.highlight-admin .choices {
  font-size: 12px;
  font-weight: 600;
  color: #4d565f;
  margin-top: -10px;
}
.highlight-admin .choices p {
  padding: 5px 0;
}
.highlight-admin .choices .options {
  padding: 5px 0;
  line-height: 20px;
}
.highlight-admin .choices .options span {
  padding: 0 5px;
}
.highlight-admin .choices .options i {
  font-size: 14px;
  line-height: 20px;
  color: #4ca1fe;
  vertical-align: top;
}
.highlight-admin .choices .options .disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.highlight-admin .choices .options .disabled i {
  color: #d7d7d7;
}
.highlight-admin .highlight-tags {
  padding: 10px 0 0 0;
}
.highlight-admin .tag {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin: 0 10px 10px 0;
  padding: 6px 10px;
  font-size: 14px;
  color: #909090;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  position: relative;
}
.highlight-admin .tag .delete {
  background: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 2px;
  position: absolute;
  right: -6px;
  top: -6px;
}
.highlight-admin .tag .delete i {
  font-size: 12px;
  line-height: 12px;
  color: #ec638d;
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 2px;
}
.highlight-admin .tag.active {
  border-color: #4ca1fe;
}
.highlight-admin .highlight-input {
  padding: 15px 0 0 0;
}
.highlight-admin .highlight-input input {
  width: 250px;
  padding: 10px;
  border: 1px solid #e1e1e1;
  font-family: inherit;
  font-size: 12px;
}
.highlight-admin .highlight-input input:focus {
  border-bottom-color: #4ca1fe;
}

.hotspot-wrapper {
  max-width: 780px;
  margin: 0 0 0 45px;
  clear: both;
}

.hotspot-features {
  clear: both;
  padding: 0 0 10px 0;
}
.hotspot-features:before, .hotspot-features:after {
  content: " ";
  display: table;
}
.hotspot-features:after {
  clear: both;
}
.hotspot-features .hotspot-labels {
  float: left;
}
.hotspot-features .hotspot-labels .label {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: #34495e;
  border-radius: 10px;
  padding: 2px 20px;
  margin: 0 12px 0 0;
  min-width: 85px;
  border: 2px solid #34495e;
}
.hotspot-features .hotspot-labels .label :lang(fr) {
  text-transform: none;
}
.hotspot-features .hotspot-labels .label.red {
  background: #cd2b17;
  border-color: #cd2b17;
  color: #fff;
}
.hotspot-features .hotspot-labels .label.green {
  border-color: #88be58;
}
.hotspot-features .marks {
  float: right;
  font-size: 12px;
  color: #909090;
  padding: 5px 0 0 0;
}
.hotspot-features .marks a {
  color: #909090;
}
.hotspot-features .marks a:hover {
  text-decoration: underline;
}
.hotspot-features .marks span {
  padding: 0 0 0 10px;
}
.hotspot-features .marks span i {
  color: #fe596b;
  margin: 0 3px 0 0;
}

.hotspot-image {
  background: #fff;
  padding: 10px;
  width: 100%;
  max-height: 370px;
  border: 1px solid #e1e1e1;
  text-align: center;
  overflow: auto;
}

.hotspot-image img {
  max-width: none;
}

.hotspot-buttons {
  text-align: center;
  padding: 15px 10px;
}
.hotspot-buttons .btn {
  margin: 0 5px;
  padding: 9px 25px;
  border-radius: 20px;
}

.fivestar-question-block h4 {
  font-size: 12px;
  font-weight: 500;
  color: #4d565f;
  text-transform: uppercase;
}
.fivestar-question-block h4 :lang(fr) {
  text-transform: none;
}

.fivestar-question-copy {
  font-size: 18px;
  line-height: 130%;
  outline: none;
  margin: 0 0 10px 0;
  color: #4d565f;
}
.fivestar-question-copy p {
  position: relative;
  padding: 0 0 7px 45px;
  word-wrap: break-word;
}
.fivestar-question-copy p:after {
  content: "";
  position: absolute;
  left: 40px;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #4ca1fe;
}
.fivestar-question-copy p span {
  position: absolute;
  left: 0;
  top: 0;
  color: #4ca1fe;
}
.fivestar-question-copy p em {
  font-style: normal;
  color: #ec638d;
}

.fivestar-grid .column {
  box-sizing: border-box;
  width: 20%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0 5px;
}
.fivestar-grid .column:first-child {
  box-sizing: border-box;
  width: 60%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0 5px 0 0;
}
.fivestar-grid h4 {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #bdc2c6;
  padding: 10px 0;
}
.fivestar-grid h4 :lang(fr) {
  text-transform: none;
}
.fivestar-grid .negative-block h4 {
  color: #f10075;
}
.fivestar-grid .positive-block h4 {
  color: #00cccc;
}
.fivestar-grid .star-field-row {
  margin: 0 -10px;
}
.fivestar-grid .star-field {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  color: #4d565f;
  font-size: 18px;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.fivestar-grid .star-field:after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 2px;
  background: #d1dce2;
}
.fivestar-grid .star-field .number {
  font-size: 12px;
  color: #ada9b2;
}
.fivestar-grid .star-field .star-icon {
  font-size: 24px;
  color: #ffdb19;
  position: relative;
  top: 2px;
  padding: 0 10px 0 0;
}
.fivestar-grid .negative-block .star-field {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.star-block {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 200px;
  background: #f4f5f9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.negative-block .star-block {
  background: #f4e9f2;
}
.positive-block .star-block {
  background: #e8f3f7;
}

.drop-container {
  clear: both;
  font-size: 11px;
  color: #818999;
  padding: 10px 0;
}
.drop-container:before, .drop-container:after {
  content: "";
  display: table;
}
.drop-container:after {
  clear: both;
}
.drop-container .drop-label {
  padding: 10px 0;
}
.drop-container .drop-area {
  position: relative;
  min-height: 110px;
  text-align: center;
  font-size: 12px;
  color: #c6c4ca;
  background: rgba(255, 255, 255, 0.25);
  border: 2px dashed #fff;
}
.drop-container .drop-area i {
  font-size: 20px;
  padding: 5px 0;
}
.drop-container .drop-area p {
  padding: 5px 0;
}
.drop-container .drop-area .drop-message {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.sentiments-instructions {
  clear: both;
  color: #717f8e;
  font-size: 12px;
  line-height: 16px;
  padding: 15px 0;
}
.sentiments-instructions p {
  padding: 5px 0;
}

.sentiments-list {
  padding: 10px 0;
}
.sentiments-list .sentiment-icon {
  display: inline-block;
  text-align: center;
  padding: 0 8px;
}
.sentiments-list .sentiment-icon:first-child {
  padding-left: 0;
}
.sentiments-list .sentiment-icon a {
  display: block;
  margin: 0 auto;
  width: 56px;
  height: 56px;
  text-align: center;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  cursor: -webkit-grab;
  cursor: grab;
}
.sentiments-list .sentiment-icon a i {
  font-size: 26px;
  line-height: 54px;
  color: #4ca1fe;
}
.sentiments-list .sentiment-icon a:hover {
  border: 1px dashed #4ca1fe;
}
.sentiments-list .sentiment-icon span {
  display: inline-block;
  font-size: 10px;
  color: #34495e;
  padding: 5px 0;
}
.sentiments-list .sentiment-icon.add-more a {
  background: #4ca1fe;
  cursor: pointer;
}
.sentiments-list .sentiment-icon.add-more a i {
  color: #fff;
}

.fivestar-settings-block {
  clear: both;
  font-size: 12px;
  color: #34495e;
  padding: 0 0 15px 0;
}

.settings-row-group {
  margin: 10px 0 0 0;
}
.settings-row-group .settings-row:nth-child(even) {
  background: #eeeff4;
}
.settings-row-group .settings-row:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top: 1px solid #ebebeb;
}
.settings-row-group .settings-row:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.settings-row {
  background: #f4f5f9;
  border: 1px solid #ebebeb;
  border-width: 0 1px 1px 1px;
  padding: 15px 5px;
}
.settings-row .column {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.settings-row .column .field-label {
  padding: 0 0 5px 0;
}
.settings-row .column .ui-inputtext {
  min-width: 250px;
  margin: 0 10px 0 0;
}
.settings-row:before, .settings-row:after {
  content: " ";
  display: table;
}
.settings-row:after {
  clear: both;
}

.toggle-switch label {
  padding: 0 0 0 10px;
  vertical-align: middle;
}

.themes-list {
  padding: 10px 0;
}
.themes-list .theme-icon {
  display: inline-block;
  text-align: center;
  padding: 0 8px;
}
.themes-list .theme-icon:first-child {
  padding-left: 0;
}
.themes-list .theme-icon a {
  display: block;
  margin: 0 auto;
  width: 91px;
  height: 85px;
  text-align: center;
  border: 2px solid #e1e1e1;
  border-radius: 3px;
}
.themes-list .theme-icon a:hover {
  border-color: #b8b8b8;
}

.fontawesome-list {
  font-size: 24px;
  color: #495057;
}
.fontawesome-list ul li {
  display: inline-block;
  margin: 5px;
  width: 60px;
  max-width: 60px;
  text-align: center;
  vertical-align: top;
}
.fontawesome-list ul li i {
  font-size: 36px;
}
.fontawesome-list ul li span {
  display: block;
  font-size: 10px;
}

.fivestar-preview-image {
  text-align: center;
}

.settings-block {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 4.05px 0.95px rgba(146, 146, 146, 0.2);
}
.settings-block .actions-bar {
  padding: 20px 5px;
}
.settings-block .actions-bar i {
  font-size: 18px;
}
.settings-block .actions-bar a {
  color: #d1dce2;
  margin: 0 9px;
}
.settings-block .actions-bar a:hover, .settings-block .actions-bar a.active {
  color: #4ca1fe;
}
.settings-block .setting-field {
  width: 100%;
  padding: 12px;
  border-top: 1px solid #ebebeb;
}
.settings-block .setting-field:before, .settings-block .setting-field:after {
  content: " ";
  display: table;
}
.settings-block .setting-field:after {
  clear: both;
}
.settings-block .setting-field label {
  float: left;
  font-size: 12px;
  color: #34495e;
  padding: 2px 0 0 0;
}
.settings-block .setting-field .number-length {
  float: right;
  width: 80px;
}
.settings-block .setting-field .toggle {
  float: right;
  padding: 0 0 0 10px;
}
.settings-block .setting-field .half-column {
  float: left;
  width: 50%;
}
.settings-block .setting-field .btn.dropdown-toggle {
  font-size: 12px;
  padding: 7px 20px 7px 10px;
}
.settings-block .setting-field .dropdown-menu {
  font-size: 14px;
  padding: 0px;
}
.settings-block .setting-field .dropdown-menu ul li .question-no {
  display: inline-block;
  width: 30px;
  color: #4ca1fe;
  font-weight: bold;
}
.settings-block .setting-field .question {
  font-size: 12px;
  color: #34495e;
  padding: 0 0 0 30px;
  position: relative;
}
.settings-block .setting-field .question span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  font-weight: bold;
  color: #4ca1fe;
}
.settings-block .setting-field .two-digits-select {
  float: right;
  margin: -3px 0 0 0;
}
.settings-block .setting-field .two-digits-select .btn.dropdown-toggle {
  font-size: 12px;
  line-height: 19px;
  padding: 0 5px;
  color: #34495e;
}
.settings-block .setting-field .two-digits-select .btn.dropdown-toggle .caret {
  right: 4px;
  margin-top: -6px;
}
.settings-block .setting-field .two-digits-select .dropdown-menu li > a {
  padding: 5px;
}
.settings-block .setting-field .plus-minus-action {
  float: right;
}
.settings-block .setting-field .anchor-label {
  padding: 7px 0 0 0;
}
.settings-block .setting-field .anchor-input {
  float: right;
  width: 130px;
  text-align: right;
}
.settings-block .setting-field .anchor-input input {
  width: 105px;
  text-align: center;
  padding: 5px;
  font-size: 11px;
}
.settings-block .setting-field .anchor-input i {
  font-size: 16px;
  line-height: 30px;
  float: right;
}
.settings-block .setting-field .anchor-input a {
  color: #cdd4d8;
}
.settings-block .setting-field .anchor-input a:hover {
  color: #4ca1fe;
}
.settings-block .setting-field .anchor-input.comment-length {
  width: 80px;
}
.settings-block .setting-field .anchor-input.comment-length input {
  width: 100%;
  text-align: left;
}
.settings-block .setting-field .ui-inputswitch {
  font-size: 8px;
}
.settings-block .upload-field {
  padding: 12px;
  border-top: 1px solid #ebebeb;
  font-size: 12px;
}
.settings-block .upload-field input {
  display: none;
}
.settings-block .upload-field .field__label {
  font-size: 14px;
  font-weight: normal;
  padding: 0 0 9px 0;
  display: block;
  text-transform: none;
  color: #34495e;
}
.settings-block .upload-field .field__controls {
  display: inline-block;
  vertical-align: middle;
}
.settings-block .upload-field .field__controls label {
  display: inline-block;
}
.settings-block .upload-field .field__controls .btn {
  cursor: pointer;
  margin-right: 5px;
  vertical-align: middle;
}
.settings-block .upload-field .field__controls .file-name {
  display: block;
  vertical-align: middle;
  padding: 9px 0 0 0;
}
.settings-block .upload-field .field__instructions {
  color: #34495e;
  padding: 0 0 9px 0;
  font-size: 11px;
}

.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  font-size: 1rem;
  /*.btn {
    border-width: 2px;
    font-weight: 600;
  }*/
}
.modal .modal__header {
  text-align: left;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px 20px 15px;
  position: relative;
}
.modal .modal__header h2 {
  font-size: 16px;
  font-weight: normal;
}
.modal .modal__header h2 span {
  color: #4ca1fe;
}
.modal .modal__header .actions {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  padding: 0 25px 0 0;
}
.modal .modal__header .actions :lang(fr) {
  text-transform: none;
}
.modal .modal__header .actions a {
  display: inline-block;
  color: #4d565f;
  vertical-align: middle;
  padding: 25px 5px 16px 27px;
  border-bottom: 2px solid #fff;
}
.modal .modal__header .actions a:hover, .modal .modal__header .actions a.active {
  border-bottom-color: #4ca1fe;
}
.modal .modal__header .actions .alert {
  display: inline-block;
  padding: 0 3px;
  position: relative;
  line-height: 14px;
}
.modal .modal__header .actions .alert i {
  position: absolute;
  left: 5px;
  top: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  border-radius: 10px;
  background: #e5e5e5;
  padding: 3px;
  margin: -8px 0 0 0;
  color: #fff;
}
.modal .modal__header .actions .alert.complete i {
  background: #35b968;
}
.modal .modal__header .actions .alert.complete strong {
  color: #35b968;
}
.modal .modal__header .actions .alert.updated i {
  background: #4ca1fe;
  transform: rotate(180deg);
}
.modal .modal__header .actions .alert.updated strong {
  color: #4ca1fe;
}
.modal .modal__header .actions .alert.deleted i {
  background: #ce4a73;
}
.modal .modal__header .actions .alert.deleted strong {
  color: #ce4a73;
}
.modal .modal__header .actions .alert.canceled i {
  background: #ec638d;
}
.modal .modal__header .actions .alert.canceled strong {
  color: #ec638d;
}
.modal .modal__header .actions .alert.no-icon a {
  padding-left: 5px;
}
.modal .modal__content {
  padding: 0 20px;
  text-align: left;
  max-height: 400px;
  overflow-y: auto;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
.modal .modal__footer {
  background: #f4f5f9;
  border-top: 1px solid #d7d7d7;
  padding: 15px 20px;
  border-radius: 0 0 5px 5px;
}
.modal .btn--action {
  text-align: right;
  /* .btn {
     padding: 7px 35px 6px;
     border-radius: 20px;
     margin: 0 4px;
   }*/
}
.modal.modal--big .mat-dialog-container {
  min-width: 1000px;
}
.modal.modal--small .mat-dialog-container {
  min-width: 550px;
}
.modal.modal--medium .mat-dialog-container {
  min-width: 750px;
}
.modal.modal--account-settings {
  background: #f4f5f9;
}
.modal.modal--account-settings .modal__header {
  background: #fff;
}
.modal.modal--account-settings .modal__sidebar {
  float: left;
  width: 30%;
  padding: 15px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
.modal.modal--account-settings .modal__sidebar ul.left-nav li {
  margin: 0 0 8px 0;
}
.modal.modal--account-settings .modal__sidebar ul.left-nav li a {
  position: relative;
  display: block;
  color: #34495e;
  background: #fff;
  border-radius: 3px;
  vertical-align: middle;
  padding: 8px 25px 8px 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 0px 0px 4.05px 0.95px rgba(146, 146, 146, 0.2);
}
.modal.modal--account-settings .modal__sidebar ul.left-nav li a i {
  position: absolute;
  left: 10px;
  top: 50%;
  margin: -10px 0 0 0;
  font-size: 20px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  color: #cbcbcb;
}
.modal.modal--account-settings .modal__sidebar ul.left-nav li a .close {
  height: 20px;
  right: 15px;
  margin: -10px 0 0;
  position: absolute;
  top: 50%;
  width: 20px;
  cursor: pointer;
}
.modal.modal--account-settings .modal__sidebar ul.left-nav li a:hover, .modal.modal--account-settings .modal__sidebar ul.left-nav li a.active {
  background: #4ca1fe;
  color: #fff;
}
.modal.modal--account-settings .modal__sidebar ul.left-nav li a:hover i, .modal.modal--account-settings .modal__sidebar ul.left-nav li a.active i {
  color: #fff;
}
.modal.modal--account-settings .modal__content {
  float: left;
  width: 70%;
  padding: 0;
  background: #fff;
  border-left: 1px solid #d7d7d7;
  max-height: none;
}
.modal.modal--account-settings .modal__content .modal-form {
  padding: 20px 20px 40px;
  min-height: 400px;
  max-height: 400px;
  overflow-y: auto;
}
.modal.modal--account-settings .modal__content .modal-form .row .col-left {
  width: 25%;
}
.modal.modal--account-settings .modal__content .modal-form .row .col-right {
  width: 70%;
}
.modal.modal--account-settings .modal__content .modal-form .row .col-right.align-right {
  padding-left: 25%;
}
.modal.modal--account-settings .modal__content .modal-form .row input,
.modal.modal--account-settings .modal__content .modal-form .row textarea,
.modal.modal--account-settings .modal__content .modal-form .row .upload-field,
.modal.modal--account-settings .modal__content .modal-form .row .info {
  width: 100%;
}
.modal.modal--account-settings .modal__content .modal-form .row .upload-photo {
  width: 100%;
  text-align: center;
}
.modal.modal--account-settings .modal__content .modal-form .row .upload-photo .profile-photo {
  width: 100%;
  height: 100px;
}
.modal.modal--account-settings .modal__content .modal-form .row .upload-photo .profile-photo i {
  font-size: 100px;
  line-height: 100px;
  height: 100px;
  color: #d5d7dd;
}
.modal.modal--account-settings .modal__content .modal-form .row .upload-photo .profile-photo img {
  border-radius: 50%;
  max-width: 100px;
  vertical-align: top;
}
.modal.modal--account-settings .modal__content .modal-form .row .upload-photo .btn {
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  margin: -25px 0 0 0;
}
.modal.modal--account-settings .modal__content .modal-form .row .upload-photo .btn i {
  position: relative;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 38px;
  text-align: center;
}
.modal.modal--account-settings .modal__content .modal-form .row a {
  color: #4ca1fe;
}
.modal.modal--account-settings .modal__content .modal-form .row a:hover {
  color: #1a1a1a;
}
.modal.modal--account-settings .modal__footer {
  background: #fff;
}
.modal.modal--account-settings .btn--action {
  text-align: right;
}
.modal.modal--account-settings .btn--action .btn {
  padding: 7px 25px 6px;
}
.modal.modal--account-settings .btn {
  border-width: 2px;
  font-weight: 600;
}
.modal.modal--create-data-source .modal__content {
  position: relative;
  height: 450px;
  max-height: 450px;
}
.modal.modal--create-data-source .modal__content .modal-form {
  padding: 20px 30px 30px 30px;
}
.modal.modal--create-data-source .modal__content .modal-form .form__error {
  padding: 15px;
  font-size: 14px;
  text-align: center;
}
.modal.modal--create-data-source .modal__content h4 {
  font-size: 14px;
  font-weight: 600;
  color: #34495e;
  padding: 0 0 5px 0;
}
.modal.modal--create-data-source .modal__content h4.icon-heading {
  color: #4ca1fe;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
.modal.modal--create-data-source .modal__content h4.icon-heading i {
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
  margin: -3px 0 0 0;
}
.modal.modal--create-data-source .modal__content a {
  color: #4ca1fe;
}
.modal.modal--create-data-source .modal__content a:hover {
  color: #1a1a1a;
}
.modal.modal--create-data-source .form-steps {
  padding: 10px 20px;
  background: #fff;
  position: relative;
}
.modal.modal--notifications .modal__header:before, .modal.modal--notifications .modal__header:after {
  content: " ";
  display: table;
}
.modal.modal--notifications .modal__header:after {
  clear: both;
}
.modal.modal--notifications .modal__header h2 {
  float: left;
  padding: 5px 0;
}
.modal.modal--notifications .modal__content {
  clear: both;
}
.modal.modal--notifications .modal__content .modal-form {
  padding: 10px 0;
}
.modal.modal--questionbank .modal__header:before, .modal.modal--questionbank .modal__header:after {
  content: " ";
  display: table;
}
.modal.modal--questionbank .modal__header:after {
  clear: both;
}
.modal.modal--questionbank .modal__header h2 {
  float: left;
  padding: 5px 0;
}
.modal.modal--questionbank .modal__content {
  clear: both;
}
.modal.modal--error .modal__background {
  background: #f4f5f9;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.modal.modal--error .modal__background:after {
  content: "";
  position: fixed;
  right: -2%;
  bottom: -20%;
  width: 100%;
  height: 100%;
  background: url("assets/styles/portal/build/assets/images/icon-hourglass.svg") no-repeat right top;
  filter: grayscale(100%);
  opacity: 0.05;
}
.modal.modal--error .modal__outer .modal__inner {
  background: none;
  box-shadow: none;
}
.modal.modal--404 .modal__background:after {
  height: 90%;
  background-image: url("assets/styles/portal/build/assets/images/icon-404.svg");
}
.modal.modal--403 .modal__background:after {
  background-image: url("assets/styles/portal/build/assets/images/icon-lock.svg");
}
.modal.modal--loading .modal__background:after {
  display: none;
}
.modal.modal--fixheight .modal__content {
  min-height: 400px;
}
.modal.modal--fixheight-medium .modal__content {
  min-height: 230px;
  max-height: 230px;
}

.notification-modal ul {
  font-size: 12px;
  padding: 5px 13px;
}
.notification-modal ul li {
  border-top: 1px solid #e5e5e5;
  padding: 12px 5px 7px;
  min-height: 40px;
}
.notification-modal ul li a {
  color: #4ca1fe;
}
.notification-modal ul li a:hover {
  color: #1a1a1a;
}
.notification-modal ul li:first-child {
  border-top: none;
}
.notification-modal.active {
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.notification-modal .alert {
  padding: 3px 110px 3px 28px;
  position: relative;
  line-height: 14px;
}
.notification-modal .alert > i {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  border-radius: 10px;
}
.notification-modal .alert.complete > i {
  color: #35b968;
}
.notification-modal .alert.updated > i {
  color: #4ca1fe;
  transform: rotate(180deg);
}
.notification-modal .alert.deleted > i {
  color: #ce4a73;
}
.notification-modal .alert.canceled > i {
  color: #ec638d;
}
.notification-modal .alert span {
  position: absolute;
  right: 0;
  top: 0;
  padding: 3px 0 0 0;
  color: #a7b0b9;
  font-size: 11px;
  line-height: 11px;
}
.notification-modal .alert span i {
  font-size: 11px;
  line-height: 11px;
  margin: 0 5px 0 0;
  position: relative;
  top: 0;
}

.form--editcustomer label {
  display: block;
  font-size: 14px;
  padding: 0 3px 5px 3px;
}
.form--editcustomer input[type=text],
.form--editcustomer input[type=password],
.form--editcustomer input[type=date],
.form--editcustomer input[type=number],
.form--editcustomer input[type=tel],
.form--editcustomer input[type=email] {
  width: 100%;
}

.translation-module {
  padding: 5px 20px 10px 20px;
  font-size: 14px;
}
.translation-module .question-copy {
  padding: 15px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #d7d7d7;
}
.translation-module .question-copy h2 {
  margin-bottom: 5px;
  color: #4ca1fe;
}
.translation-module .question-copy h3 {
  font-weight: normal;
  position: relative;
}
.translation-module .row {
  margin: 0 0 10px 0;
}
.translation-module .row:before, .translation-module .row:after {
  content: " ";
  display: table;
}
.translation-module .row:after {
  clear: both;
}
.translation-module .row .col {
  float: left;
  padding: 0 0 0 15px;
}
.translation-module .row .col:first-child {
  padding-left: 0;
}
.translation-module .row.two--column .col {
  width: 50%;
  padding: 5px 0;
}
.translation-module .row.four--column .col {
  width: 25%;
}
.translation-module .row.translation--row textarea {
  height: 80px;
  padding: 10px;
}
.translation-module h4 {
  font-weight: 400;
  color: #5d6872;
  padding: 0 0 5px 0;
}
.translation-module h4 span {
  color: #4ca1fe;
}
.translation-module .input-search {
  width: 100%;
}
.translation-module .selected-languages {
  font-size: 12px;
  line-height: 16px;
  color: #5d6872;
}
.translation-module .selected-languages ul {
  padding: 8px 0 0 0;
}
.translation-module .selected-languages ul li {
  float: left;
  position: relative;
  margin: 6px 16px 6px 0;
}
.translation-module .selected-languages ul li > a {
  display: block;
  color: #5d6872;
  padding: 5px 24px 5px 12px;
  border: 1px solid #4ca1fe;
  border-radius: 3px;
  box-shadow: -1.888px 2.331px 4.05px 0.95px rgba(146, 146, 146, 0.11);
}
.translation-module .selected-languages ul li > a.current {
  background: #4ca1fe;
  color: #fff;
}
.translation-module .selected-languages ul li .delete {
  position: absolute;
  right: -9px;
  top: 50%;
  margin: -9px 0 0 0;
}
.translation-module .selected-languages ul li .delete a {
  display: block;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 19px;
  background: #fff;
  border-radius: 50%;
}
.translation-module .selected-languages ul li .delete a i {
  font-size: 16px;
  line-height: 16px;
  color: #ec638d;
  vertical-align: middle;
}
.translation-module .selected-languages ul li .delete a:hover i {
  color: #ad4967;
}
.translation-module .select-language-list li {
  float: left;
  width: 25%;
  padding: 0 0 12px 12px;
  font-size: 12px;
  line-height: 125%;
  background: #fff;
}
.translation-module .select-language-list li .language {
  position: relative;
}
.translation-module .select-language-list li .language > a {
  position: relative;
  display: block;
  padding: 13px 7px 12px 47px;
  border-radius: 5px;
  color: #34495e;
  border: 1px solid #4ca1fe;
  box-shadow: -1.888px 2.331px 4.05px 0.95px rgba(146, 146, 146, 0.11);
  transition: none;
}
.translation-module .select-language-list li .language > a span {
  position: absolute;
  left: 7px;
  top: 50%;
  font-size: 12px;
  line-height: 28px;
  margin: -14px 0 0 0;
  display: inline-block;
  width: 28px;
  height: 28px;
  color: #4ca1fe;
  border: 1px solid #4ca1fe;
  text-align: center;
  border-radius: 5px;
  font-weight: 500;
  letter-spacing: 1px;
}
.translation-module .select-language-list li .language > a:hover, .translation-module .select-language-list li .language > a.active {
  padding: 12px 6px 11px 46px;
  color: #4ca1fe;
  border-width: 2px;
}
.translation-module .select-language-list li .language > a:hover span, .translation-module .select-language-list li .language > a.active span {
  color: #fff;
  background: #4ca1fe;
  border-color: #fff;
}
.translation-module .select-language-list li .language .delete {
  position: absolute;
  right: -8px;
  top: -8px;
}
.translation-module .select-language-list li .language .delete a {
  display: block;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
}
.translation-module .select-language-list li .language .delete a i {
  font-size: 16px;
  line-height: 16px;
  color: #ec638d;
  vertical-align: middle;
}
.translation-module .select-language-list li .language .delete a:hover i {
  color: #ad4967;
}
.translation-module .select-language-list li .language.current > a {
  color: #4ca1fe;
  padding: 13px 6px 12px 46px;
  border-width: 1px;
}
.translation-module .select-language-list li .language.current > a span {
  background: #4ca1fe;
  color: #fff;
}
.translation-module .select-language-list li .language.current > a:hover, .translation-module .select-language-list li .language.current > a.active {
  color: #4ca1fe;
  background: #fff;
}
.translation-module .select-language-list li .language.current > a:hover span, .translation-module .select-language-list li .language.current > a.active span {
  background: #4ca1fe;
  color: #fff;
  border-color: #4ca1fe;
}
.translation-module .select-language-list li .language.added > a {
  padding-right: 35px;
  background: #4ca1fe;
  color: #fff;
}
.translation-module .select-language-list li .language.added > a span {
  background: #fff;
  color: #4ca1fe;
}
.translation-module .select-language-list li .language.added > a:hover, .translation-module .select-language-list li .language.added > a.active {
  color: #fff;
  background: #4ca1fe;
  padding: 13px 35px 12px 47px;
  border-width: 1px;
}
.translation-module .select-language-list li .language.added > a:hover span, .translation-module .select-language-list li .language.added > a.active span {
  color: #4ca1fe;
  background: #fff;
  border-color: #4ca1fe;
}
.translation-module .select-language-list li .language.added:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  margin: -7px 0 0 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  line-height: 14px;
  text-transform: lowercase;
  color: #fff;
}
.translation-module .select-language-list li:first-child, .translation-module .select-language-list li:nth-child(4n+1) {
  padding-left: 0;
}

.translation-select .dropdown-menu {
  font-size: 12px;
  padding: 0;
  margin: 0;
}

.table > table {
  width: 100%;
  border-collapse: collapse;
}
.table > table > tr > td {
  padding: 6px 16px;
}
.table > table > tr > td.actions .btn {
  float: left;
  margin: 4px;
  vertical-align: middle;
}
.table > table > thead {
  background: #fff;
  font-size: 13px;
  font-weight: bold;
  color: #4ca1fe;
  text-transform: uppercase;
  border-bottom: 2px solid #4ca1fe;
}
.table > table > thead :lang(fr) {
  text-transform: none;
}
.table > table > tbody {
  background: #f4f5f9;
  border-bottom: 1px solid #d7d7d7;
}
.table > table > tbody > tr:first-child > td {
  padding-top: 15px;
  padding-bottom: 0px;
}

.language--table {
  font-size: 12px;
}
.language--table table tr td.actions .btn {
  float: left;
  margin: 4px;
  vertical-align: middle;
}
.language--table table tr td.action-icons a {
  color: #4ca1fe;
}
.language--table table tr td.action-icons a:hover {
  color: #1a1a1a;
}
.language--table p {
  font-weight: 600;
}

.category-options {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #d7d7d7;
  padding: 13px 0 10px;
  vertical-align: middle;
}
.category-options:before, .category-options:after {
  content: " ";
  display: table;
}
.category-options:after {
  clear: both;
}
.category-options :lang(fr) {
  text-transform: none;
}
.category-options h4 {
  float: left;
  font-size: 14px;
  cursor: pointer;
}
.category-options h4 i {
  font-size: 24px;
  vertical-align: middle;
  margin: -2px 0 0 0;
  color: #4ca1fe;
  transform: rotate(-90deg);
}
.category-options .actions {
  float: right;
  padding: 3px 0 0 0;
}
.category-options .actions a {
  color: #4ca1fe;
}
.category-options .actions a:hover {
  color: #1a1a1a;
}

.options-block {
  display: none;
}

.language--table + .category-options + .options-block {
  display: block;
}

.category-options.active:before, .category-options.active:after {
  content: " ";
  display: table;
}
.category-options.active:after {
  clear: both;
}
.category-options.active h4 i {
  transform: rotate(0deg);
}

.table > table {
  width: 100%;
  border-collapse: collapse;
}
.table > table > tr > td {
  padding: 6px 16px;
}
.table > table > tr > td.actions .btn {
  float: left;
  margin: 4px;
  vertical-align: middle;
}
.table > table > thead {
  background: #fff;
  font-size: 13px;
  font-weight: bold;
  color: #4ca1fe;
  text-transform: uppercase;
  border-bottom: 2px solid #4ca1fe;
}
.table > table > thead :lang(fr) {
  text-transform: none;
}
.table > table > tbody {
  background: #f4f5f9;
  border-bottom: 1px solid #d7d7d7;
}
.table > table > tbody > tr:first-child > td {
  padding-top: 15px;
  padding-bottom: 0px;
}

.question-bank-import .table-striped {
  height: 160px;
}
.table-striped table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  color: #34495e;
  border-top: 1px solid #ebebeb;
}
.table-striped table tr {
  border-bottom: 1px solid #ebebeb;
}
.table-striped table tr td {
  padding: 10px 40px;
  vertical-align: middle;
}
.question-bank-import .table-striped table tr td {
  padding: 10px;
}
.question-bank-import .table-striped table tr td:first-child {
  padding-left: 20px;
  max-width: 40px;
}
.table-striped table tr td.actions .btn {
  float: left;
  margin: 4px;
  vertical-align: middle;
}
.table-striped table thead {
  background: #fff;
  color: #a9b4bd;
  border-bottom: 1px solid #ebebeb;
}
.table-striped table thead i {
  vertical-align: middle;
}
.table-striped table tbody {
  background: #fff;
}
.table-striped table tbody tr:nth-child(even) {
  background: #f4f5f9;
}

.table-print h3 {
  font-size: 18px;
  color: #000;
}
.table-print table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  color: #34495e;
}
.table-print table tr td {
  border: 1px solid #ebebeb;
  padding: 10px;
}
.table-print table thead {
  background: #fff;
  color: #a9b4bd;
}
.table-print table thead tr td {
  border-bottom: 2px solid #ebebeb;
}
.table-print table thead i {
  vertical-align: middle;
}
.table-print table tbody {
  background: #fff;
}
.table-print table tbody tr:nth-child(even) {
  background: #f4f5f9;
}

.administration--table {
  width: 100%;
  overflow-x: auto;
  padding: 0 0 3px 0;
}
.administration--table table {
  border-top: none;
}
.administration--table table tr {
  border-bottom: none;
  border-top: 1px solid #ebebeb;
}
.administration--table table tr td {
  padding: 10px;
  white-space: nowrap;
}
.administration--table table tr td:first-child {
  padding-left: 40px;
}
.administration--table a {
  color: #4ca1fe;
}
.administration--table a:hover {
  color: #1a1a1a;
}
.administration--table .actions a {
  color: #cdd4d8;
  margin: 0 15px;
  cursor: pointer;
}
.administration--table .actions a:hover {
  color: #4ca1fe;
}
.administration--table .actions i {
  font-size: 22px;
}

.add-manual-contact--table {
  padding: 0 0 35px 0;
}
.add-manual-contact--table table tbody tr td {
  padding: 10px;
}
.add-manual-contact--table table tbody tr:first-child td {
  padding: 15px 10px 10px;
}
.add-manual-contact--table table tbody tr:last-child td {
  padding-bottom: 25px;
}
.add-manual-contact--table input[type=text] {
  width: 100%;
}
.add-manual-contact--table a {
  color: #4ca1fe;
}
.add-manual-contact--table a:hover {
  color: #1a1a1a;
}
.add-manual-contact--table .content-header {
  padding: 15px 0;
  margin: 0;
}
.add-manual-contact--table .content-header .actions a {
  margin: 0 5px;
}

.ui-dialog--create-filter .table > table > thead td {
  padding: 10px;
}
.ui-dialog--create-filter .table > table > tbody > tr > td {
  padding: 10px;
}
.ui-dialog--create-filter .table > table > tbody > tr > td.actions {
  width: 12%;
}
.ui-dialog--create-filter .table > table > tbody > tr > td .action a {
  margin: 0 5px;
}
.ui-dialog--create-filter .table > table > tbody > tr > td .action i {
  font-size: 16px;
}
.ui-dialog--create-filter .content-header {
  padding: 20px 0;
  margin: 0;
  border-bottom: 1px solid #d7d7d7;
}
.ui-dialog--create-filter .content-header h4 {
  float: left;
  font-size: 12px;
  line-height: 34px;
  padding: 0 10px 0 0;
}

.card-table {
  font-size: 13px;
  color: #34495e;
  padding: 0 0 10px 0;
}
.card-table:before, .card-table:after {
  content: " ";
  display: table;
}
.card-table:after {
  clear: both;
}
.card-table table {
  width: 100%;
}
.card-table table th {
  color: #a9b4bd;
  font-weight: 600;
  text-align: left;
}
.card-table table td {
  border-top: 1px solid #ebebeb;
}
.card-table table td .percentage {
  color: #9d9d9d;
}
.card-table table td,
.card-table table th {
  padding: 5px 20px;
}
.card-table a {
  color: #4ca1fe;
}
.card-table a:hover {
  color: #1a1a1a;
}

.table-report {
  background: #fff;
  border-radius: 3px;
  font-size: 12px;
  margin: 0 -1px 20px;
  overflow-x: auto;
}
.table-report table {
  width: 100%;
  border-collapse: collapse;
}
.table-report table tr th,
.table-report table tr td {
  padding: 10px;
  border: 1px solid #e4e9ed;
}
.table-report table thead {
  background: #fff;
  color: #4ca1fe;
  text-transform: uppercase;
  border-bottom: 2px solid #4ca1fe;
}
.table-report table thead :lang(fr) {
  text-transform: none;
}
.table-report .gray {
  background: #f8f9fa;
  font-weight: bold;
  color: #5b6c7c;
}
.table-report .text-gray {
  text-transform: none;
  color: #5b6c7c;
  font-weight: 600;
}

.distribution-table table {
  width: 100%;
  border-collapse: collapse;
}
.distribution-table table tr th,
.distribution-table table tr td {
  width: 33.3333333333%;
  padding: 8px;
  border-top: 1px solid #ebebeb;
  vertical-align: top;
}
.distribution-table table tr:first-child th,
.distribution-table table tr:first-child td {
  border-top: none;
}
.distribution-table table thead {
  text-align: left;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  color: #5b6c7c;
  border-bottom: 2px solid #4ca1fe;
}

.validation-table {
  font-size: 14px;
}
.validation-table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.validation-table table tr td {
  padding: 10px 20px;
  vertical-align: top;
  text-align: center;
}
.validation-table table tr td:first-child {
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  padding-left: 5px;
}
.validation-table table tr td.summary-heading {
  padding-bottom: 5px;
  border-bottom: 1px solid #ebebeb;
}

.table-user-management table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  color: #666666;
  table-layout: fixed;
}
.table-user-management table tr {
  border-bottom: 1px solid #ebebeb;
}
.table-user-management table tr td, .table-user-management table tr th {
  width: 25%;
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  font-weight: normal;
}
.table-user-management table tr td {
  border: 1px solid #ebebeb;
  font-weight: 600;
}
.table-user-management table thead {
  background: #fff;
  border-bottom: 1px solid #e1e9ed;
}
.table-user-management table tbody {
  background: #fff;
  font-weight: 500;
}
.table-user-management table tbody tr:nth-child(odd) {
  background: #f4f5f9;
}

.pagination-list {
  font-size: 12px;
  line-height: 34px;
  width: 100%;
  padding: 0;
  color: #34495e;
}
.pagination-list:before, .pagination-list:after {
  content: " ";
  display: table;
}
.pagination-list:after {
  clear: both;
}
.pagination-list .pagination__list {
  float: left;
  width: 100%;
}
.pagination-list .pagination__list > li {
  float: left;
  width: 33.3333333333%;
  text-align: center;
}
.pagination-list .pagination__list > li:first-child {
  text-align: left;
}
.pagination-list .pagination__list > li.last--child {
  text-align: right;
  line-height: normal;
}
.pagination-list .pagination__list > li .info {
  display: inline-block;
  padding: 0 3px;
}
.pagination-list .pagination__list > li input.page-no {
  width: 45px;
  height: 38px;
  padding: 5px 10px;
  text-align: center;
}
.pagination-list .pagination__list > li .page-of {
  float: left;
}
.pagination-list .pagination__list > li .actions {
  float: left;
  padding: 0 0 0 20px;
}
.pagination-list .pagination__list > li .pagination__btn {
  float: right;
  width: 41px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #d6dade;
  border-radius: 0 3px 3px 0;
}
.pagination-list .pagination__list > li .pagination__btn i {
  font-size: 16px;
  line-height: 36px;
  color: #8c8c8c;
}
.pagination-list .pagination__list > li .pagination__btn.btn--prev {
  width: 40px;
  border-right: none;
  border-radius: 3px 0 0 3px;
}
.pagination-list .pagination__list > li .pagination__btn.btn--disabled {
  color: #727272;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 2px 0;
  border-radius: 3px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 10px;
  line-height: 100%;
  text-decoration: none;
  color: #4ca1fe;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  background-clip: padding-box;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  background-clip: padding-box;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #4ca1fe;
  border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #4ca1fe;
  border-color: #4ca1fe;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #ddd;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.logic-field {
  text-align: center;
  color: #34495e;
}
.logic-field .logic-header {
  text-transform: uppercase;
  border-top: 1px solid #ebebeb;
  border-left: 2px solid #4ca1fe;
  padding: 10px;
  font-size: 14px;
  position: relative;
  cursor: pointer;
}
.logic-field .logic-header :lang(fr) {
  text-transform: none;
}
.logic-field .logic-header:after {
  font-family: "Font Awesome 5 Pro";
  content: "";
  font-size: 14px;
  line-height: 17px;
  text-transform: lowercase;
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -8px 0 0 0;
  color: #4ca1fe;
}
.logic-field .logic-header.active:after {
  transform: rotate(90deg);
}
.logic-field .logic-content {
  font-size: 12px;
  background: #f4f5f9;
  border-top: 1px solid #ebebeb;
  border-left: 2px solid #c0deff;
  padding: 15px;
}
.logic-field .logic-content .btn.dropdown-toggle {
  padding-top: 5px;
  padding-bottom: 5px;
}
.logic-field .logic-content .dropdown-menu {
  font-size: 12px;
  padding: 0;
  margin-top: 3px;
}
.logic-field .logic-content .condition {
  padding: 6px 0;
}
.logic-field .logic-content .actions {
  padding: 10px 0 0 0;
}
.logic-field .logic-content .actions a {
  margin: 0 3px;
  color: #4ca1fe;
}
.logic-field .logic-content .actions a:hover {
  color: #1a1a1a;
}

.administration-block {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e0e8ec;
  margin: 0 0 15px 0;
}
.administration-block .content-header {
  margin-bottom: 0px;
  padding: 15px;
}
.administration-block .content-header .actions {
  padding: 0;
}
.administration-block .content-header .actions .btn {
  float: none;
}
.administration-block .content-header .actions > .btn {
  float: left;
  margin: 0 0 0 10px;
}
.administration-block .content-header .actions .search-survey {
  float: left;
  margin: 0;
}
.administration-block .content-header .actions .search-survey input {
  width: 233px;
  height: 32px;
  border-radius: 3px 0 0 3px;
  padding: 0 40px 0 15px;
}
.administration-block .content-header .actions .search-survey:after {
  line-height: 32px;
}
.administration-block .content-header .actions div.dropdown-menu {
  left: auto;
  right: 0;
  padding: 7px 10px;
  min-width: 120px;
  margin: 4px 0 0;
  font-size: 12px;
  border: 1px solid #4ca1fe;
  border-radius: 5px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.administration-block .content-header .actions div.dropdown-menu li {
  border-top: 1px solid #e5e5e5;
}
.administration-block .content-header .actions div.dropdown-menu li:first-child {
  border-top: none;
}
.administration-block .content-header .actions div.dropdown-menu li a {
  padding: 6px 5px;
  font-size: 12px;
}
.administration-block .content-header .actions div.dropdown-menu li a:hover {
  background: none;
  color: #4ca1fe;
}
.administration-block .content-header .actions div.dropdown-menu li.selected a {
  background: none;
  color: #4ca1fe;
}

.contact-list-block {
  float: left;
  width: 100%;
  clear: both;
  border: 1px solid #ebebeb;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
}
.contact-list-block > .content-header {
  padding: 10px 15px;
  margin-bottom: 0;
  background: #edeef1;
}
.contact-list-block > .content-header input {
  float: left;
  margin: 0 10px 0 0;
}
.contact-list-block > .content-header .btn-group {
  float: left;
  margin: 0 10px 0 0;
}
.contact-list-block > .content-header .btn-group .btn {
  float: none;
  margin: 0;
}
.contact-list-block > .content-header .btn-group .btn .caret:before {
  margin-right: -9px;
}
.contact-list-block > .content-header .btn {
  float: left;
}
.contact-list-block > .content-header .dropdown-menu {
  font-size: 12px !important;
}
.contact-list-block > .content-header .action-import-export {
  float: right;
  padding: 0 5px;
}
.contact-list-block > .content-header .action-import-export .btn {
  margin: 0 5px;
}
.contact-list-block > .content-header .action-tabs {
  float: left;
}
.contact-list-block > .content-header .action-tabs .btn {
  margin: 1px 2px;
}
.contact-list-block .administration-block {
  border-radius: 0;
  border-width: 1px 0 0 0;
}

.role-container {
  margin-left: 148px;
  width: 63%;
  margin-top: 10px;
  border: 1px solid #efefef;
}
.role-container .ui-chkbox {
  margin-right: 10px;
}
.role-container h6 {
  font-size: 12px;
  margin: 0;
  font-weight: 400;
  background: #f9f8f8;
  padding: 10px 15px;
  border-bottom: 1px solid #efefef;
}
.role-container h6 label {
  vertical-align: middle;
}
.role-list {
  margin: 0;
  padding: 15px;
}
.role-list li {
  display: inline-block;
  margin-right: 15px;
  text-transform: capitalize;
}
.role-list li :lang(fr) {
  text-transform: none;
}
.role-list li label {
  font-size: 12px;
  vertical-align: middle;
  font-weight: 400;
}

/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */
.flag {
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url("assets/styles/portal/build/assets/images/flags.png") no-repeat;
  margin: 0 2px -1px 0;
}
.ui-dropdown .flag {
  margin: -2px 5px 0 0;
  vertical-align: middle;
}
.mat-option-text .flag {
  vertical-align: middle;
  margin: -3px 5px -1px 0;
}
.flag.flag-WS {
  background-position: -112px -165px;
}
.flag.flag-KR {
  background-position: -144px -77px;
}
.flag.flag-TV {
  background-position: -80px -154px;
}
.flag.flag-PE {
  background-position: -208px -110px;
}
.flag.flag-KP {
  background-position: -128px -77px;
}
.flag.flag-BJ {
  background-position: -128px -11px;
}
.flag.flag-MC {
  background-position: -160px -88px;
}
.flag.flag-CD {
  background-position: -80px -22px;
}
.flag.flag-JM {
  background-position: -240px -66px;
}
.flag.flag-RW {
  background-position: -240px -121px;
}
.flag.flag-TG {
  background-position: -160px -143px;
}
.flag.flag-MZ {
  background-position: -224px -99px;
}
.flag.flag-IC {
  background-position: -48px -66px;
}
.flag.flag-SN {
  background-position: -208px -132px;
}
.flag.flag-AN {
  background-position: -112px 0;
}
.flag.flag-SH {
  background-position: -112px -132px;
}
.flag.flag-SG {
  background-position: -96px -132px;
}
.flag.flag-TO {
  background-position: -32px -154px;
}
.flag.flag-FR {
  background-position: -144px -44px;
}
.flag.flag-TZ {
  background-position: -112px -154px;
}
.flag.flag-NR {
  background-position: -128px -110px;
}
.flag.flag-NZ {
  background-position: -160px -110px;
}
.flag.flag-HM {
  background-position: -224px -55px;
}
.flag.flag-CG {
  background-position: -112px -22px;
}
.flag.flag-ST {
  background-position: -32px -143px;
}
.flag.flag-CL {
  background-position: -176px -22px;
}
.flag.flag-IQ {
  background-position: -160px -66px;
}
.flag.flag-TJ {
  background-position: -208px -143px;
}
.flag.flag-RU {
  background-position: -224px -121px;
}
.flag.flag-MD {
  background-position: -176px -88px;
}
.flag.flag-CW {
  background-position: -32px -33px;
}
.flag.flag-GT {
  background-position: -144px -55px;
}
.flag.flag-CM {
  background-position: -192px -22px;
}
.flag.flag-PN {
  background-position: -64px -121px;
}
.flag.flag-VI {
  background-position: -32px -165px;
}
.flag.flag-IR {
  background-position: -176px -66px;
}
.flag.flag-SE {
  background-position: -80px -132px;
}
.flag.flag-LT {
  background-position: -80px -88px;
}
.flag.flag-GW {
  background-position: -176px -55px;
}
.flag.flag-DM {
  background-position: -128px -33px;
}
.flag.flag-BD {
  background-position: -32px -11px;
}
.flag.flag-KUrdistan {
  background-position: -160px -77px;
}
.flag.flag-AE {
  background-position: -16px 0;
}
.flag.flag-ZM {
  background-position: -208px -165px;
}
.flag.flag-BN {
  background-position: -160px -11px;
}
.flag.flag-LB {
  background-position: -240px -77px;
}
.flag.flag-ZW {
  background-position: -224px -165px;
}
.flag.flag-LU {
  background-position: -96px -88px;
}
.flag.flag-EE {
  background-position: -192px -33px;
}
.flag.flag-AD {
  background-position: 0 0;
}
.flag.flag-GF {
  background-position: -224px -44px;
}
.flag.flag-EG {
  background-position: -208px -33px;
}
.flag.flag-LY {
  background-position: -128px -88px;
}
.flag.flag-UG {
  background-position: -144px -154px;
}
.flag.flag-CF {
  background-position: -96px -22px;
}
.flag.flag-AG {
  background-position: -48px 0;
}
.flag.flag-NL {
  background-position: -80px -110px;
}
.flag.flag-GQ {
  background-position: -96px -55px;
}
.flag.flag-SK {
  background-position: -160px -132px;
}
.flag.flag-IO {
  background-position: -144px -66px;
}
.flag.flag-AR {
  background-position: -144px 0;
}
.flag.flag-VC {
  background-position: -240px -154px;
}
.flag.flag-NE {
  background-position: -16px -110px;
}
.flag.flag-PA {
  background-position: -192px -110px;
}
.flag.flag-CA {
  background-position: -48px -22px;
}
.flag.flag-DK {
  background-position: -112px -33px;
}
.flag.flag-SOmaliland {
  background-position: -240px -132px;
}
.flag.flag-CO {
  background-position: -224px -22px;
}
.flag.flag-GB {
  background-position: -176px -44px;
}
.flag.flag-AF {
  background-position: -32px 0;
}
.flag.flag-NI {
  background-position: -64px -110px;
}
.flag.flag-ZA {
  background-position: -176px -165px;
}
.flag.flag-JP {
  background-position: -16px -77px;
}
.flag.flag-MV {
  background-position: -160px -99px;
}
.flag.flag-GD {
  background-position: -192px -44px;
}
.flag.flag-BT {
  background-position: -224px -11px;
}
.flag.flag-DE {
  background-position: -80px -33px;
}
.flag.flag-SCotland {
  background-position: -48px -132px;
}
.flag.flag-KH {
  background-position: -64px -77px;
}
.flag.flag-XK {
  background-position: -128px -165px;
}
.flag.flag-GH {
  background-position: 0 -55px;
}
.flag.flag-LV {
  background-position: -112px -88px;
}
.flag.flag-QA {
  background-position: -160px -121px;
}
.flag.flag-MP {
  background-position: -64px -99px;
}
.flag.flag-SS {
  background-position: -16px -143px;
}
.flag.flag-GA {
  background-position: -160px -44px;
}
.flag.flag-ER {
  background-position: 0 -44px;
}
.flag.flag-MO {
  background-position: -48px -99px;
}
.flag.flag-VE {
  background-position: 0 -165px;
}
.flag.flag-UA {
  background-position: -128px -154px;
}
.flag.flag-LS {
  background-position: -64px -88px;
}
.flag.flag-PG {
  background-position: -240px -110px;
}
.flag.flag-WAles {
  background-position: -80px -165px;
}
.flag.flag-RE {
  background-position: -176px -121px;
}
.flag.flag-GU {
  background-position: -160px -55px;
}
.flag.flag-GS {
  background-position: -128px -55px;
}
.flag.flag-MA {
  background-position: -144px -88px;
}
.flag.flag-BS {
  background-position: -208px -11px;
}
.flag.flag-ES {
  background-position: -16px -44px;
}
.flag.flag-PW {
  background-position: -128px -121px;
}
.flag.flag-BW {
  background-position: 0 -22px;
}
.flag.flag-ZAnzibar {
  background-position: -192px -165px;
}
.flag.flag-LI {
  background-position: -16px -88px;
}
.flag.flag-MM {
  background-position: -16px -99px;
}
.flag.flag-KE {
  background-position: -32px -77px;
}
.flag.flag-SA {
  background-position: 0 -132px;
}
.flag.flag-FK {
  background-position: -96px -44px;
}
.flag.flag-BB {
  background-position: -16px -11px;
}
.flag.flag-SL {
  background-position: -176px -132px;
}
.flag.flag-WF {
  background-position: -96px -165px;
}
.flag.flag-KI {
  background-position: -80px -77px;
}
.flag.flag-HT {
  background-position: -16px -66px;
}
.flag.flag-CN {
  background-position: -208px -22px;
}
.flag.flag-UZ {
  background-position: -208px -154px;
}
.flag.flag-ME {
  background-position: -192px -88px;
}
.flag.flag-LK {
  background-position: -32px -88px;
}
.flag.flag-LC {
  background-position: 0 -88px;
}
.flag.flag-GY {
  background-position: -192px -55px;
}
.flag.flag-LR {
  background-position: -48px -88px;
}
.flag.flag-FJ {
  background-position: -80px -44px;
}
.flag.flag-SB {
  background-position: -16px -132px;
}
.flag.flag-PF {
  background-position: -224px -110px;
}
.flag.flag-YT {
  background-position: -160px -165px;
}
.flag.flag-TR {
  background-position: -48px -154px;
}
.flag.flag-VG {
  background-position: -16px -165px;
}
.flag.flag-AU {
  background-position: -192px 0;
}
.flag.flag-PR {
  background-position: -80px -121px;
}
.flag.flag-PY {
  background-position: -144px -121px;
}
.flag.flag-GL {
  background-position: -32px -55px;
}
.flag.flag-TM {
  background-position: 0 -154px;
}
.flag.flag-SV {
  background-position: -48px -143px;
}
.flag.flag-FO {
  background-position: -128px -44px;
}
.flag.flag-ET {
  background-position: -32px -44px;
}
.flag.flag-MW {
  background-position: -176px -99px;
}
.flag.flag-IE {
  background-position: -80px -66px;
}
.flag.flag-DO {
  background-position: -144px -33px;
}
.flag.flag-MQ {
  background-position: -80px -99px;
}
.flag.flag-AS {
  background-position: -160px 0;
}
.flag.flag-CK {
  background-position: -160px -22px;
}
.flag.flag-GN {
  background-position: -64px -55px;
}
.flag.flag-NG {
  background-position: -48px -110px;
}
.flag.flag-GE {
  background-position: -208px -44px;
}
.flag.flag-VU {
  background-position: -64px -165px;
}
.flag.flag-KN {
  background-position: -112px -77px;
}
.flag.flag-PS {
  background-position: -96px -121px;
}
.flag.flag-FI {
  background-position: -64px -44px;
}
.flag.flag-RO {
  background-position: -192px -121px;
}
.flag.flag-MX {
  background-position: -192px -99px;
}
.flag.flag-VN {
  background-position: -48px -165px;
}
.flag.flag-SZ {
  background-position: -96px -143px;
}
.flag.flag-KY {
  background-position: -192px -77px;
}
.flag.flag-BG {
  background-position: -80px -11px;
}
.flag.flag-NF {
  background-position: -32px -110px;
}
.flag.flag-PM {
  background-position: -48px -121px;
}
.flag.flag-TH {
  background-position: -176px -143px;
}
.flag.flag-TF {
  background-position: -144px -143px;
}
.flag.flag-IL {
  background-position: -96px -66px;
}
.flag.flag-BR {
  background-position: -192px -11px;
}
.flag.flag-TK {
  background-position: -224px -143px;
}
.flag.flag-EU {
  background-position: -48px -44px;
}
.flag.flag-AT {
  background-position: -176px 0;
}
.flag.flag-UY {
  background-position: -192px -154px;
}
.flag.flag-IS {
  background-position: -192px -66px;
}
.flag.flag-AI {
  background-position: -64px 0;
}
.flag.flag-GP {
  background-position: -80px -55px;
}
.flag.flag-AO {
  background-position: -128px 0;
}
.flag.flag-NU {
  background-position: -144px -110px;
}
.flag.flag-SO {
  background-position: -224px -132px;
}
.flag.flag-NC {
  background-position: 0 -110px;
}
.flag.flag-PK {
  background-position: -16px -121px;
}
.flag.flag-IT {
  background-position: -208px -66px;
}
.flag.flag-LA {
  background-position: -224px -77px;
}
.flag.flag-AW {
  background-position: -208px 0;
}
.flag.flag-AM {
  background-position: -96px 0;
}
.flag.flag-BO {
  background-position: -176px -11px;
}
.flag.flag-BI {
  background-position: -112px -11px;
}
.flag.flag-SX {
  background-position: -64px -143px;
}
.flag.flag-EH {
  background-position: -224px -33px;
}
.flag.flag-YE {
  background-position: -144px -165px;
}
.flag.flag-KW {
  background-position: -176px -77px;
}
.flag.flag-BY {
  background-position: -16px -22px;
}
.flag.flag-VA {
  background-position: -224px -154px;
}
.flag.flag-CY {
  background-position: -48px -33px;
}
.flag.flag-MY {
  background-position: -208px -99px;
}
.flag.flag-JO {
  background-position: 0 -77px;
}
.flag.flag-HK {
  background-position: -208px -55px;
}
.flag.flag-BA {
  background-position: 0 -11px;
}
.flag.flag-BE {
  background-position: -48px -11px;
}
.flag.flag-HN {
  background-position: -240px -55px;
}
.flag.flag-MN {
  background-position: -32px -99px;
}
.flag.flag-GG {
  background-position: -240px -44px;
}
.flag.flag-TD {
  background-position: -128px -143px;
}
.flag.flag-UM {
  background-position: -160px -154px;
}
.flag.flag-DZ {
  background-position: -160px -33px;
}
.flag.flag-BM {
  background-position: -144px -11px;
}
.flag.flag-HU {
  background-position: -32px -66px;
}
.flag.flag-FM {
  background-position: -112px -44px;
}
.flag.flag-SJ {
  background-position: -144px -132px;
}
.flag.flag-PT {
  background-position: -112px -121px;
}
.flag.flag-HR {
  background-position: 0 -66px;
}
.flag.flag-CH {
  background-position: -128px -22px;
}
.flag.flag-CI {
  background-position: -144px -22px;
}
.flag.flag-KZ {
  background-position: -208px -77px;
}
.flag.flag-AZ {
  background-position: -240px 0;
}
.flag.flag-KG {
  background-position: -48px -77px;
}
.flag.flag-ML {
  background-position: 0 -99px;
}
.flag.flag-BZ {
  background-position: -32px -22px;
}
.flag.flag-IM {
  background-position: -112px -66px;
}
.flag.flag-PH {
  background-position: 0 -121px;
}
.flag.flag-BV {
  background-position: -240px -11px;
}
.flag.flag-GI {
  background-position: -16px -55px;
}
.flag.flag-MR {
  background-position: -96px -99px;
}
.flag.flag-RS {
  background-position: -208px -121px;
}
.flag.flag-IN {
  background-position: -128px -66px;
}
.flag.flag-SD {
  background-position: -64px -132px;
}
.flag.flag-CU {
  background-position: 0 -33px;
}
.flag.flag-AX {
  background-position: -224px 0;
}
.flag.flag-TT {
  background-position: -64px -154px;
}
.flag.flag-MH {
  background-position: -224px -88px;
}
.flag.flag-GM {
  background-position: -48px -55px;
}
.flag.flag-CAtalonia {
  background-position: -64px -22px;
}
.flag.flag-MS {
  background-position: -112px -99px;
}
.flag.flag-MU {
  background-position: -144px -99px;
}
.flag.flag-TW {
  background-position: -96px -154px;
}
.flag.flag-TL {
  background-position: -240px -143px;
}
.flag.flag-SY {
  background-position: -80px -143px;
}
.flag.flag-NA {
  background-position: -240px -99px;
}
.flag.flag-KM {
  background-position: -96px -77px;
}
.flag.flag-MT {
  background-position: -128px -99px;
}
.flag.flag-CV {
  background-position: -16px -33px;
}
.flag.flag-SM {
  background-position: -192px -132px;
}
.flag.flag-OM {
  background-position: -176px -110px;
}
.flag.flag-ID {
  background-position: -64px -66px;
}
.flag.flag-TN {
  background-position: -16px -154px;
}
.flag.flag-MK {
  background-position: -240px -88px;
}
.flag.flag-PL {
  background-position: -32px -121px;
}
.flag.flag-BF {
  background-position: -64px -11px;
}
.flag.flag-AL {
  background-position: -80px 0;
}
.flag.flag-ENgland {
  background-position: -240px -33px;
}
.flag.flag-CZ {
  background-position: -64px -33px;
}
.flag.flag-NP {
  background-position: -112px -110px;
}
.flag.flag-CR {
  background-position: -240px -22px;
}
.flag.flag-SI {
  background-position: -128px -132px;
}
.flag.flag-NO {
  background-position: -96px -110px;
}
.flag.flag-JE {
  background-position: -224px -66px;
}
.flag.flag-MG {
  background-position: -208px -88px;
}
.flag.flag-US {
  background-position: -176px -154px;
}
.flag.flag-TIbet {
  background-position: -192px -143px;
}
.flag.flag-EC {
  background-position: -176px -33px;
}
.flag.flag-DJ {
  background-position: -96px -33px;
}
.flag.flag-TC {
  background-position: -112px -143px;
}
.flag.flag-SR {
  background-position: 0 -143px;
}
.flag.flag-GR {
  background-position: -112px -55px;
}
.flag.flag-SC {
  background-position: -32px -132px;
}
.flag.flag-BH {
  background-position: -96px -11px;
}

/*!
 * angular-loading-bar v0.9.0
 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2016 Wes Cruver
 * License: MIT
 */
/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  transition: width 350ms;
  background: #29d;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: 0.45;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px;
}

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-bar-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */
.jq-toast-wrap {
  display: block;
  position: fixed;
  width: 400px;
  pointer-events: none !important;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
  z-index: 9000 !important;
}

.jq-toast-wrap * {
  margin: 0;
  padding: 0;
}

.jq-toast-wrap.bottom-left {
  bottom: 20px;
  left: 20px;
}

.jq-toast-wrap.bottom-right {
  bottom: 20px;
  right: 40px;
}

.jq-toast-wrap.top-left {
  top: 20px;
  left: 20px;
}

.jq-toast-wrap.top-right {
  top: 20px;
  right: 40px;
}

.jq-toast-single {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 0px 0px 15px;
  border-radius: 5px 5px 0 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 135%;
  position: relative;
  pointer-events: all !important;
  background: #444444;
  color: white;
  box-shadow: 0px 0px 16.2px 1.8px rgba(146, 146, 146, 0.5);
  word-wrap: break-word;
}

.jq-toast-single h2 {
  font-size: 18px;
  margin: 0px 0px 7px;
  background: none;
  color: inherit;
  line-height: inherit;
  letter-spacing: normal;
}

.jq-toast-single a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid white;
  padding-bottom: 3px;
  font-size: 12px;
}

.jq-toast-single ul {
  margin: 0px 0px 0px 15px;
  background: none;
  padding: 0px;
}

.jq-toast-single ul li {
  list-style-type: disc !important;
  line-height: 17px;
  background: none;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}

.close-jq-toast-single {
  position: absolute;
  top: 4px;
  right: 12px;
  font-size: 16px;
  cursor: pointer;
}

.jq-toast-loader {
  display: block;
  position: absolute;
  bottom: 0px;
  height: 5px;
  width: 0%;
  left: 0;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.25) !important;
}

.jq-toast-loaded {
  width: 100%;
}

.jq-has-icon {
  padding: 20px 20px 20px 70px;
  position: relative;
  word-wrap: normal;
}
.jq-has-icon:before {
  content: "check";
  position: absolute;
  top: 50%;
  left: 15px;
  color: rgba(0, 0, 0, 0.25);
  font-family: "Material Icons";
  font-size: 40px;
  line-height: 40px;
  text-transform: lowercase;
  margin: -20px 0 0 0;
}

.jq-icon-info {
  background: #0b75ad;
}
.jq-icon-info:before {
  content: "error_outline";
  transform: rotate(180deg);
}

.jq-icon-warning {
  background: #8a6d3b;
}
.jq-icon-warning:before {
  content: "error_outline";
}

.jq-icon-error {
  background: #fe596b;
}
.jq-icon-error:before {
  content: "not_interested";
}

.jq-icon-success {
  background: #88be58;
}

.campaign-config {
  font-size: 13px;
}
.campaign-config .row {
  clear: both;
  padding: 10px 0;
}
.campaign-config .row:before, .campaign-config .row:after {
  content: " ";
  display: table;
}
.campaign-config .row:after {
  clear: both;
}
.campaign-config .col-full {
  float: left;
  width: 100%;
  padding: 0 10px;
}
.campaign-config .col-half {
  float: left;
  width: 50%;
  padding: 0 10px;
}
.campaign-config .col-half .col-full {
  padding: 5px 0;
}
.campaign-config .col-oneForth {
  float: left;
  width: 25%;
  padding: 0 10px;
}
.campaign-config .col-oneThird {
  float: left;
  width: 33.33%;
  padding: 0 10px;
}
.campaign-config .col-twoThird {
  float: left;
  width: 66.66%;
  padding: 0 10px;
}
.campaign-config .item__content .col {
  float: left;
  width: 25%;
  padding: 0 10px;
  vertical-align: middle;
}
.campaign-config .item__content .col .col {
  width: 50%;
}
.campaign-config .item__content .col .date-field input[type=date],
.campaign-config .item__content .col .date-field input[type=text] {
  padding-top: 6px;
  padding-bottom: 6px;
  width: 100%;
}
.campaign-config .item__content .col .date-field span {
  padding: 0 8px 0 6px;
}
.campaign-config .item__content .col .full-field {
  width: 100%;
}
.campaign-config .item__content .col .full-field input {
  width: 100%;
}
.campaign-config .item__content .col .custom-checkbox {
  padding: 5px 0 0 0;
}
.campaign-config .item__content .input__container {
  padding: 0 5px;
}
.campaign-config .item__content .input__container input[type=text] {
  max-width: 80px;
}
.campaign-config .item__content.survey--flow .row {
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
}
.campaign-config .item__content.survey--flow .row:first-child {
  border-top: none;
}
.campaign-config .item__content.survey--flow .date-field,
.campaign-config .item__content.survey--flow .time-field {
  float: none;
}
.campaign-config .item__content.survey--flow .date-field input[type=text],
.campaign-config .item__content.survey--flow .date-field input[type=date],
.campaign-config .item__content.survey--flow .time-field input[type=text],
.campaign-config .item__content.survey--flow .time-field input[type=date] {
  max-width: 110px;
}
.campaign-config h2 {
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 20px 0;
}
.campaign-config h3 {
  font-size: 14px;
}
.campaign-config h3.blue {
  color: #4ca1fe;
}
.campaign-config h3.green {
  color: #0f9d46;
}
.campaign-config h3.red {
  color: #fe596b;
}
.campaign-config p {
  padding: 10px 0;
}
.campaign-config .field__label {
  display: block;
  font-weight: 600;
  padding: 0 0 5px 0;
}
.campaign-config .field__info {
  display: block;
  color: #b1b9c1;
  padding: 3px 0 0 0;
}
.campaign-config .actions {
  padding-top: 6px;
}
.campaign-config .actions a {
  color: #4ca1fe;
  margin: 0 5px;
}
.campaign-config .actions a:hover {
  color: #4d565f;
}
.campaign-config .actions i {
  font-size: 16px;
  line-height: 100%;
  vertical-align: text-top;
}
.campaign-config .toggle-options {
  padding: 0;
}
.campaign-config .toggle-options .toggle {
  display: inline-block;
  padding: 3px 0;
  position: relative;
}

.campaign-widget {
  padding: 10px 0 20px 40px;
  line-height: 1.5em;
  font-size: 13px;
}
.campaign-widget:before, .campaign-widget:after {
  content: " ";
  display: table;
}
.campaign-widget:after {
  clear: both;
}
.campaign-widget .col-left {
  float: left;
  width: 40%;
}
.campaign-widget .col-right {
  float: left;
  width: 55%;
}
.campaign-widget .row {
  padding: 3px 0;
}
.campaign-widget strong {
  font-weight: 600;
}
.campaign-widget .multiple {
  display: inline-block;
}
.campaign-widget .multiple input[type=text] {
  margin: 0 0 0 10px;
  width: 45px;
  padding: 7px 10px;
}
.campaign-widget .date-field {
  float: none;
  display: inline-block;
  margin: 0 5px;
}
.campaign-widget .col {
  float: left;
  padding: 0 20px 0 0;
}
.campaign-widget .col input[type=text] {
  margin: 5px 0;
}
.campaign-widget.campaign-protection .row {
  padding: 5px 0;
}

.campaign-config-old {
  margin: 0 30px;
  font-size: 13px;
}
.campaign-config-old .campaign__item {
  clear: both;
  padding: 30px 0;
  border-top: 1px solid #ebebeb;
}
.campaign-config-old .campaign__item:before, .campaign-config-old .campaign__item:after {
  content: " ";
  display: table;
}
.campaign-config-old .campaign__item:after {
  clear: both;
}
.campaign-config-old .campaign__item:first-child {
  border-top: none;
}
.campaign-config-old .row {
  clear: both;
  padding: 10px 0;
}
.campaign-config-old .row:before, .campaign-config-old .row:after {
  content: " ";
  display: table;
}
.campaign-config-old .row:after {
  clear: both;
}
.campaign-config-old .col-full {
  float: left;
  width: 100%;
  padding: 0 10px;
}
.campaign-config-old .col-left {
  float: left;
  width: 20%;
}
.campaign-config-old .col-left h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  color: #4d565f;
  text-align: center;
  padding: 10px 0 20px 0;
}
.campaign-config-old .col-left h3 i {
  font-size: 40px;
  color: #4ca1fe;
  margin: 0 0 10px 0;
}
.campaign-config-old .col-right {
  float: right;
  width: 80%;
}
.campaign-config-old .col-right .col {
  float: left;
  width: 43.5%;
  max-width: 400px;
  padding: 0 10px;
  vertical-align: middle;
}
.campaign-config-old .col-right .col > input[type=text] {
  width: 100%;
}
.campaign-config-old .col-right .col .date-field input[type=date] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.campaign-config-old .col-right .col .date-field span {
  padding: 0 8px 0 6px;
}
.campaign-config-old .col-right .col .full-field {
  width: 100%;
}
.campaign-config-old .col-right .col .full-field input {
  width: 100%;
}
.campaign-config-old .col-right .col .custom-checkbox {
  padding: 5px 0 0 0;
}
.campaign-config-old .col-right .input__container {
  padding: 0 10px;
}
.campaign-config-old .col-right .input__container input[type=text] {
  max-width: 80px;
}
.campaign-config-old .col-right.sub--section .row {
  border-top: 1px solid #ebebeb;
  padding: 20px 0 30px;
}
.campaign-config-old .col-right.sub--section .row .col-full {
  padding: 5px 0;
}
.campaign-config-old .col-right.sub--section .row:first-child {
  border-top: none;
}
.campaign-config-old h2 {
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 20px 0;
}
.campaign-config-old h3 {
  font-size: 14px;
  font-weight: 600;
}
.campaign-config-old h3.blue {
  color: #4ca1fe;
}
.campaign-config-old h3.green {
  color: #0f9d46;
}
.campaign-config-old h3.red {
  color: #fe596b;
}
.campaign-config-old p {
  padding: 10px 0;
}
.campaign-config-old .field__label {
  display: block;
  font-weight: 600;
  padding: 0 0 5px 0;
}
.campaign-config-old .field__info {
  display: block;
  color: #b1b9c1;
  padding: 3px 0 0 0;
}

.pagination-list {
  font-size: 12px;
  line-height: 34px;
  width: 100%;
  padding: 0;
  color: #34495e;
}
.pagination-list:before, .pagination-list:after {
  content: " ";
  display: table;
}
.pagination-list:after {
  clear: both;
}
.pagination-list .pagination__list {
  float: left;
  width: 100%;
}
.pagination-list .pagination__list > li {
  float: left;
  width: 33.3333333333%;
  text-align: center;
}
.pagination-list .pagination__list > li:first-child {
  text-align: left;
}
.pagination-list .pagination__list > li.last--child {
  text-align: right;
  line-height: normal;
}
.pagination-list .pagination__list > li .info {
  display: inline-block;
  padding: 0 3px;
}
.pagination-list .pagination__list > li input.page-no {
  width: 45px;
  height: 38px;
  padding: 5px 10px;
  text-align: center;
}
.pagination-list .pagination__list > li .page-of {
  float: left;
}
.pagination-list .pagination__list > li .actions {
  float: left;
  padding: 0 0 0 20px;
}
.pagination-list .pagination__list > li .pagination__btn {
  float: right;
  width: 41px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #d6dade;
  border-radius: 0 3px 3px 0;
}
.pagination-list .pagination__list > li .pagination__btn i {
  font-size: 16px;
  line-height: 36px;
  color: #8c8c8c;
}
.pagination-list .pagination__list > li .pagination__btn.btn--prev {
  width: 40px;
  border-right: none;
  border-radius: 3px 0 0 3px;
}
.pagination-list .pagination__list > li .pagination__btn.btn--disabled {
  color: #727272;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 2px 0;
  border-radius: 3px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 10px;
  line-height: 100%;
  text-decoration: none;
  color: #4ca1fe;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  background-clip: padding-box;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  background-clip: padding-box;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #4ca1fe;
  border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #4ca1fe;
  border-color: #4ca1fe;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #ddd;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.distribution-wizard {
  padding: 0;
  clear: both;
}
.distribution-wizard .wizard__content {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px 0;
}
.distribution-wizard .wizard__footer {
  padding: 15px;
  clear: both;
  text-align: center;
  background: #f4f5f9;
  border-top: 1px solid #ebebeb;
  border-radius: 0 0 3px 3px;
}
.distribution-wizard .wizard__footer .btn {
  margin: 0 3px;
}
.distribution-wizard .wizard-step {
  font-size: 13px;
}
.distribution-wizard .wizard-step .btn.dropdown-toggle {
  font-size: 13px;
}
.distribution-wizard .wizard-step .row {
  clear: both;
  padding: 10px 0;
}
.distribution-wizard .wizard-step .row:before, .distribution-wizard .wizard-step .row:after {
  content: " ";
  display: table;
}
.distribution-wizard .wizard-step .row:after {
  clear: both;
}
.distribution-wizard .wizard-step .row .col {
  float: left;
  width: calc(100% / 3);
  padding: 0 10px;
}
.distribution-wizard .wizard-step .row.twoColumn .col {
  width: calc(100% / 2) !important;
  padding-bottom: 10px;
}
.distribution-wizard .wizard-step .row.fourColumn .col {
  width: calc(100% / 4) !important;
}
.distribution-wizard .wizard-step .row.fullColumn .col {
  width: 100% !important;
}
.distribution-wizard .wizard-step .row.customColumn .col {
  width: calc(100% / 5);
}
.distribution-wizard .wizard-step .row.customColumn .col:first-child, .distribution-wizard .wizard-step .row.customColumn .col:first-child + .col {
  width: calc(100% / 3.333333333333333);
}
.distribution-wizard .wizard-step.step--01 {
  padding: 0 0 30px 0;
}
.distribution-wizard .wizard-step.step--02 .row {
  padding: 10px 35px;
}
.distribution-wizard .wizard-step.step--03 .row .col {
  width: calc(100% / 5);
}
.distribution-wizard .wizard-step.step--03 .row .col:first-child, .distribution-wizard .wizard-step.step--03 .row .col:first-child + .col {
  width: calc(100% / 3.333333333333333);
}
.distribution-wizard .wizard-step.step--03 .row .col.firstTwoColumns {
  width: calc(100% / 1.25);
}
.distribution-wizard .wizard-step.step--04 .row {
  border-top: 1px solid #ebebeb;
  padding: 20px 0;
}
.distribution-wizard .wizard-step.step--04 .row:first-child {
  border-top: none;
}
.distribution-wizard .wizard-step.step--04 a {
  color: #4ca1fe;
}
.distribution-wizard .wizard-step.step--04 a:hover {
  color: #1a1a1a;
}
.distribution-wizard .wizard-step.step--04 p i {
  color: #4ca1fe;
  font-size: 12px;
}
.distribution-wizard .wizard-step.step--04 .when {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 10px;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #ebebeb;
}
.distribution-wizard .wizard-step.step--04 .when :lang(fr) {
  text-transform: none;
}
.distribution-wizard .form__label {
  font-size: 15px;
  font-weight: 600;
  color: #4d565f;
}
.distribution-wizard .form__value {
  font-size: 18px;
  font-weight: normal;
  color: #4ca1fe;
}
.distribution-wizard .form__value .flag {
  position: relative;
  top: -1px;
  left: -3px;
}
.distribution-wizard .form__input {
  width: 100%;
}
.distribution-wizard .date-field,
.distribution-wizard .time-field {
  width: 100%;
}
.distribution-wizard .date-field input,
.distribution-wizard .time-field input {
  width: 100% !important;
  padding: 5px 15px 6px 30px;
}
.distribution-wizard .form__error {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.distribution-wizard .survey-message {
  width: 100%;
  height: 200px;
}
.distribution-wizard .customer-prefered {
  display: block;
  padding-top: 7px;
}
.distribution-wizard .actions {
  padding-top: 7px;
  display: block;
}
.distribution-wizard .actions a {
  color: #4ca1fe;
  margin: 0 5px 0 0;
}
.distribution-wizard .actions a:hover {
  color: #4d565f;
}
.distribution-wizard .actions i {
  font-size: 16px;
  line-height: 100%;
  vertical-align: text-top;
}

.validation-progress {
  text-align: center;
  color: #4d565f;
}
.validation-progress .validation__label,
.validation-progress .validation__count {
  font-weight: normal;
  font-size: 15px;
  padding: 10px 0;
}
.validation-progress .progress {
  border: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.validation-progress.error {
  color: #fe596b;
}
.validation-progress.error .progress {
  border: 1px solid #fe596b;
}
.validation-progress.one-line .validation__label,
.validation-progress.one-line .validation__count,
.validation-progress.one-line .progress {
  display: inline-block;
}
.validation-progress.one-line .validation__label {
  width: 30%;
}
.validation-progress.one-line .validation__count {
  width: 10%;
}
.validation-progress.one-line .progress {
  width: 50%;
  margin: 0 2%;
}

.validation-summary .validation__item {
  padding: 0 0 15px 0;
}
.validation-summary .validation__item header {
  padding: 10px 5px;
  border-bottom: 1px solid #e1e1e1;
  color: #34495e;
  margin: 0 0 15px 0;
}
.validation-summary .validation__item header:before, .validation-summary .validation__item header:after {
  content: " ";
  display: table;
}
.validation-summary .validation__item header:after {
  clear: both;
}
.validation-summary .validation__item header h3 {
  float: left;
  font-size: 15px;
  font-weight: bold;
}
.validation-summary .validation__item header p {
  float: right;
  font-size: 15px;
}

.create-data-source-wizard .wizard__step.step--01 {
  padding: 20px 0 0 0;
}
.create-data-source-wizard .wizard__step.step--02 {
  padding: 20px 0 0 0;
}
.create-data-source-wizard .wizard__step.step--03 .row .col-left {
  width: 25% !important;
}
.create-data-source-wizard .wizard__step.step--04 {
  padding: 20px 0 0 0;
}
.create-data-source-wizard .wizard__step .upload-field {
  width: 100%;
}
.create-data-source-wizard .wizard__step .validation-progress {
  padding: 15px 0 0 0;
  position: relative;
}
.create-data-source-wizard .wizard__step .validation-progress .close-progress {
  position: absolute;
  right: -30px;
  top: 12px;
}
.create-data-source-wizard .wizard__step .validation-progress .close-progress i {
  font-size: 16px;
  color: #fe596b;
}
.create-data-source-wizard .wizard__step .validation-progress .close-progress i:hover {
  color: #fe2e47;
}
.create-data-source-wizard .wizard__step .col {
  padding-top: 0;
  padding-bottom: 0;
}

.modal--create-data-source .timeline {
  padding: 0 0 40px 0;
}

.file-types {
  background: #f4f5f9;
  border-radius: 3px;
}
.file-types li {
  clear: both;
  padding: 10px 45px 10px 15px;
  border-bottom: 1px solid #d2dae4;
  font-size: 12px;
  line-height: 20px;
  position: relative;
  cursor: pointer;
}
.file-types li:before, .file-types li:after {
  content: " ";
  display: table;
}
.file-types li:after {
  clear: both;
}
.file-types li .file-extension {
  display: inline-block;
  width: 80px;
  font-weight: 600;
  border-right: 1px solid #c0cfdc;
}
.file-types li .file-extension:after {
  position: absolute;
  right: 15px;
  top: 50%;
  margin: -8px 0 0 0;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  text-transform: lowercase;
  color: #4ca1fe;
  display: none;
}
.file-types li .file-extension i {
  display: inline-block;
  font-size: 20px;
  color: #b8bbc0;
  margin: 0 10px 0 0;
  vertical-align: text-bottom;
}
.file-types li .file-extension span {
  display: inline-block;
}
.file-types li .file-description {
  display: inline-block;
  padding: 0 10px;
}
.file-types li:hover {
  background: #edeef2;
  border-bottom-color: #c6ced7;
}
.file-types li:hover .file-extension i {
  color: #a9abb0;
}
.file-types li.active, .file-types li.active:hover {
  background: #e3ecfa;
  border-bottom-color: #4ca1fe;
}
.file-types li.active .file-extension i, .file-types li.active:hover .file-extension i {
  color: #4ca1fe;
}
.file-types li.active .file-extension:after, .file-types li.active:hover .file-extension:after {
  display: block;
}

.process-list {
  background: #f4f5f9;
  border-radius: 3px;
}
.process-list li {
  clear: both;
  padding: 10px 45px 10px 15px;
  border-bottom: 1px solid #d2dae4;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  position: relative;
}
.process-list li:before, .process-list li:after {
  content: " ";
  display: table;
}
.process-list li:after {
  clear: both;
}
.process-list li .process__description {
  position: relative;
  padding: 0 50px 0 0;
}
.process-list li .process__description .process__no {
  font-size: 16px;
  width: 25px;
  display: inline-block;
  text-align: right;
  margin: 0 10px 0 0;
}
.process-list li .process__description .process__percentage {
  position: absolute;
  right: 0;
  top: 2px;
}
.process-list li .process__description .process__more {
  margin: 0 0 0 20px;
  font-weight: normal;
}
.process-list li .process__description .process__more strong {
  font-weight: 600;
}
.process-list li:after {
  position: absolute;
  right: 15px;
  top: 50%;
  margin: -10px 0 0 0;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  text-transform: lowercase;
  color: #4ca1fe;
}
.process-list li.error {
  color: #fe596b;
  background: #ffeded;
}
.process-list li.error:after {
  content: "info";
  color: #fe596b;
}

.response-profile-details {
  padding: 0 0 20px 0;
}
.response-profile-details:before, .response-profile-details:after {
  content: " ";
  display: table;
}
.response-profile-details:after {
  clear: both;
}
.response-profile-details .col-left {
  float: left;
  width: 22.5%;
  padding: 0 15px 0 0;
}
.response-profile-details .col-right {
  float: left;
  width: 77.5%;
}
.response-profile-details .user-info {
  background: #fff;
  border: 1px solid #e0e8ec;
  border-radius: 3px;
  padding: 20px;
}
.response-profile-details .user-info header {
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 0 20px;
}
.response-profile-details .user-info header .profile-photo {
  width: 100%;
  height: 100px;
}
.response-profile-details .user-info header .profile-photo i {
  font-size: 120px;
  line-height: 100px;
  height: 100px;
  color: #cdd4d8;
}
.response-profile-details .user-info header .profile-photo img {
  border-radius: 50%;
  max-width: 100px;
  vertical-align: top;
}
.response-profile-details .user-info header h3 {
  font-size: 18px;
  color: #4d565f;
  padding: 15px 0 0 0;
}
.response-profile-details .user-info header p {
  font-size: 14px;
  color: #9ea8af;
  padding: 5px 0 0 0;
}
.response-profile-details .user-info .user-details {
  padding: 0 0 15px 0;
}
.response-profile-details .user-info .user-details h3 {
  font-size: 14px;
  font-weight: 600;
  color: #4d565f;
  padding: 15px 0;
}
.response-profile-details .user-info .user-details .item {
  padding: 10px 0;
}
.response-profile-details .user-info .user-details h5 {
  font-size: 12px;
  font-weight: 400;
  color: #a8b9c2;
}
.response-profile-details .user-info .user-details p {
  font-size: 14px;
  color: #4d565f;
}
.response-profile-details .user-info .user-details a {
  color: #4ca1fe;
}
.response-profile-details .user-info .user-details a:hover {
  color: #4d565f;
}
.response-profile-details .survey-summary {
  background: #fff;
  border: 1px solid #e0e8ec;
  border-radius: 3px;
  padding: 35px;
}
.response-profile-details .survey-summary .summary-block {
  padding: 0 0 20px;
  border: 1px solid #e1e9ed;
  background: #fff;
  font-size: 14px;
  line-height: 18px;
  color: #4d565f;
  border-radius: 3px;
}
.response-profile-details .survey-summary .summary-block .row {
  border-top: 1px solid #e0e8ec;
  padding: 20px 25px;
}
.response-profile-details .survey-summary .summary-block .row:before, .response-profile-details .survey-summary .summary-block .row:after {
  content: " ";
  display: table;
}
.response-profile-details .survey-summary .summary-block .row:after {
  clear: both;
}
.response-profile-details .survey-summary .summary-block .row.header--row {
  border-top: none;
  background: #f4f5f9;
}
.response-profile-details .survey-summary .summary-block .row.header--row + .row {
  border-bottom: 1px solid #e0e8ec;
  padding-top: 10px;
  padding-bottom: 10px;
}
.response-profile-details .survey-summary .summary-block .row.header--row h2 {
  padding: 10px 25px 10px 60px;
  position: relative;
}
.response-profile-details .survey-summary .summary-block .row.header--row h2 span {
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  font-size: 16px;
  line-height: 34px;
  font-weight: 600;
  color: #4ca1fe;
  text-align: center;
  border: 1px solid #4ca1fe;
  border-radius: 3px;
  background: #fff;
}
.response-profile-details .survey-summary .summary-block .row .col {
  float: left;
  width: 50%;
}
.response-profile-details .survey-summary .summary-block h2 {
  font-size: 16px;
  font-weight: normal;
  color: #34495e;
}
.response-profile-details .survey-summary .summary-block h3 {
  font-size: 14px;
  font-weight: 600;
  color: #a9b4bd;
}
.response-profile-details .survey-summary .summary-block h4 {
  font-size: 16px;
  font-weight: 600;
  color: #4d565f;
}
.response-profile-details .survey-summary .summary-block h5 {
  font-size: 12px;
  font-weight: 600;
  color: #a9b4bd;
  padding: 10px 0;
}
.response-profile-details .survey-summary .summary-block .status {
  float: right;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #a9b4bd;
}
.response-profile-details .survey-summary .summary-block .summary__question {
  padding: 0 35px;
  position: relative;
}
.response-profile-details .survey-summary .summary-block .summary__question .question__no {
  position: absolute;
  left: 0;
  top: 0;
  color: #4ca1fe;
}
.response-profile-details .survey-summary .summary-block .summary__answer {
  padding: 25px 0 0 0;
  word-break: break-word;
}
.response-profile-details .survey-summary .summary-block .summary__answer:first-child {
  padding: 0;
}
.response-profile-details .survey-summary .summary-block .second__level {
  padding: 0 60px;
}
.response-profile-details .survey-summary .summary-block .second__level .row {
  padding-left: 0;
  padding-right: 0;
}
.response-profile-details .survey-summary .summary-block .second__level .row .summary__question {
  padding-left: 0;
}

.response-filters {
  clear: both;
  padding: 8px 15px;
  border-top: 1px solid #ebebeb;
  float: left;
  width: 100%;
}
.response-filters .filter-inputs {
  float: left;
}
.response-filters .filter-results {
  float: right;
  line-height: 34px;
}
.response-filters .filter-results .filter__item {
  font-size: 12px;
  margin-left: 20px;
  margin-right: 0;
  color: #a9b4bd;
}
.response-filters .filter-results .filter__item span {
  color: #212229;
}
.response-filters .filter__item {
  display: inline-block;
  margin-right: 15px;
}
.response-filters .filter__item label {
  font-size: 12px;
  margin-right: 10px;
  color: #212229;
}

.question-weightage:before, .question-weightage:after {
  content: " ";
  display: table;
}
.question-weightage:after {
  clear: both;
}
.question-weightage .weightage-summary {
  border-radius: 3px;
}
.question-weightage .weightage-summary .summary-block {
  padding: 0 0 20px;
  border: 1px solid #e1e9ed;
  background: #fff;
  font-size: 14px;
  line-height: 18px;
  color: #4d565f;
  border-radius: 3px;
}
.question-weightage .weightage-summary .summary-block .summary-heading {
  background: #ffffff;
  padding: 15px 15px 15px 80px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #ebebeb;
}
.question-weightage .weightage-summary .summary-block .summary-heading h2 {
  font-size: 16px;
  color: #34495e;
}
.question-weightage .weightage-summary .summary-block h2 {
  font-size: 14px;
  color: #dc3545;
  font-weight: 500;
}
.question-weightage .weightage-summary .summary-block h2.positive {
  color: #17a2b8;
}
.question-weightage .weightage-summary .summary-block h3 {
  font-size: 12px;
  font-weight: 500;
}
.question-weightage .weightage-summary .summary-block .summary__question {
  padding: 0 0 0 70px;
  position: relative;
}
.question-weightage .weightage-summary .summary-block .summary__question .question__no {
  position: absolute;
  left: 20px;
  top: 0;
  color: #4ca1fe;
  font-weight: 500;
}
.question-weightage .weightage-summary .summary-block .summary__answer .percentage {
  font-weight: bold;
  color: #4ca1fe;
  margin: 0 0 0 5px;
}

.weight-table-wrapper {
  overflow-x: auto;
  max-width: 100%;
}

.weight-table {
  font-size: 12px;
  color: #4d565f;
  min-width: 100%;
}
.weight-table tr {
  border-bottom: 1px solid #ebebeb;
  background: #ffffff;
}
.weight-table tr:first-child .summary__question .question__no {
  color: #4d565f;
}
.weight-table tr td {
  white-space: nowrap;
  min-width: 150px;
  padding: 10px;
  text-align: center;
}
.weight-table tr td:first-child {
  width: 50%;
  min-width: 500px;
  text-align: left;
}
.weight-table tr.first--level {
  background: #e9ecef;
}
.weight-table tr.second--level {
  background: #f0f2f4;
}
.weight-table tr.second--level .summary__question {
  padding-left: 90px;
}
.weight-table tr.third--level {
  background: #f8f9fa;
}
.weight-table tr.third--level .summary__question {
  padding-left: 110px;
}

.weight-kpi-bar {
  padding: 10px 0 0 0;
}
.weight-kpi-bar form, .weight-kpi-bar div, .weight-kpi-bar button {
  display: inline-block;
}
.weight-kpi-bar form {
  margin: 0 10px 0 0;
}
.weight-kpi-bar .kpi-edit-mode {
  display: inline;
  font-size: 12px;
  padding: 0.75em;
  border: 1px solid #ddd;
  cursor: pointer;
  color: #212229;
}
.weight-kpi-bar .kpi-edit-mode .kpi-percentage {
  margin: 0 0 0 5px;
  color: #969dab;
}
.weight-kpi-bar .active-kpi {
  border-color: #4ca1fe;
  background: #4ca1fe;
  color: #fff;
  border-radius: 3px;
}
.weight-kpi-bar .active-kpi .kpi-percentage {
  color: #fff;
}
.weight-kpi-bar .kpi-container {
  margin: 0 10px 0 0;
}
.weight-kpi-bar .icon {
  margin: 0 0 0 10px;
}
.weight-kpi-bar .btn {
  padding: 9px;
}

.dashboard {
  margin: 0 0 10px 0;
}
.dashboard h2 {
  font-size: 24px;
  font-weight: 300;
}
.dashboard .contact-list-block .administration-block {
  border: none;
  margin: 0;
}
.dashboard.reports--dashboard .card .card-header {
  border-bottom: none;
}

.card {
  min-height: 50px;
  border-radius: 3px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
  position: relative;
}
.card .card-header {
  padding: 15px 25px 15px 20px;
  border-bottom: 2px solid #f5f5f5;
}
.card .card-header h3 {
  font-size: 15px;
}
.card .card-chart {
  text-align: center;
  position: relative;
  z-index: 1;
}
.card .card-table .col {
  padding: 0;
}
.card .card-table .col:first-child {
  border-right: 1px solid #ebebeb;
}
.card.card--drop {
  opacity: 0.5;
  box-shadow: none;
  background: transparent;
  border: 2px dashed #34495e;
}
.card.card--drop .drop-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.card.card--drop .drop-wrapper .drop-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 15px;
  color: #34495e;
  font-size: 12px;
}
.card.card--drop .drop-wrapper .drop-content h4 {
  font-size: 18px;
  font-weight: 600;
}
.card.card--drop.active {
  opacity: 0.8;
}
.card.card--plain {
  box-shadow: none;
  background: #cee3ef;
}
.card.card--successful {
  background: #e1efd5;
}
.card.card--successful .notification-card .icon {
  background: #88be58;
}
.card.card--failed {
  background: #fbe0e8;
}
.card.card--failed .notification-card .icon {
  background: #ec638d;
}

.language-card {
  padding: 20px 20px 25px 95px;
  position: relative;
}
.language-card .icon {
  position: absolute;
  left: 20px;
  top: 15px;
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 50%;
  background: #4ca1fe;
  color: #fff;
  box-shadow: 0px 10px 15px 0px rgba(115, 115, 115, 0.3);
}
.language-card .icon i {
  font-size: 20px;
  line-height: 60px;
}
.language-card .details {
  color: #bdc2c6;
  font-size: 13px;
}
.language-card .details h3 {
  color: #4d565f;
  font-size: 24px;
  font-weight: 600;
}
.language-card.dark-purple .icon {
  background: #724a9f;
}
.language-card.orange .icon {
  background: #ff994f;
}
.language-card.pink .icon {
  background: #ec638d;
}
.language-card.tan .icon {
  background: #73c1b3;
}
.language-card.lightpurple .icon {
  background: #bc5dfe;
}

.dashboard-filters {
  position: relative;
  z-index: 4;
}
.dashboard-filters:before, .dashboard-filters:after {
  content: " ";
  display: table;
}
.dashboard-filters:after {
  clear: both;
}
.dashboard-filters h4 {
  float: left;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: #34495e;
  padding: 15px;
}
.dashboard-filters h4 i {
  font-size: 16px;
  line-height: 16px;
  color: #cdd4d8;
  position: relative;
  top: 2px;
  margin: 0 5px 0 0;
}
.dashboard-filters .actions {
  float: left;
  clear: both;
  width: 100%;
  padding: 15px 15px 5px;
  background: #edeef1;
}
.dashboard-filters .actions input {
  float: left;
  margin: 0 10px 0 0;
}
.dashboard-filters .actions .btn-group {
  float: left;
  margin: 0 10px 0 0;
}
.dashboard-filters .actions .btn-group .btn {
  float: none;
  margin: 0;
}
.dashboard-filters .actions .btn-group .btn .caret:before {
  margin-right: -9px;
}
.dashboard-filters .actions .btn {
  margin-right: 10px;
  margin-bottom: 10px;
}
.dashboard-filters .actions .dropdown-menu {
  font-size: 12px !important;
  max-width: 100%;
  overflow-x: hidden;
}
.dashboard-filters .actions .col {
  float: left;
}
.dashboard-filters .actions .col label {
  display: block;
}

ul.widgets-list {
  clear: both;
}
ul.widgets-list li {
  position: relative;
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 125%;
  font-weight: 300;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 4.05px 0.95px rgba(146, 146, 146, 0.2);
}
ul.widgets-list li span {
  position: absolute;
  left: 7px;
  top: 50%;
  font-size: 12px;
  margin: -15px 0 0 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #4ca1fe;
  border: 1px solid #4ca1fe;
  text-align: center;
  line-height: 30px;
  border-radius: 5px;
  font-weight: bold;
  letter-spacing: 1px;
}
ul.widgets-list li .item {
  display: block;
  padding: 13px 60px 14px 47px;
  border-radius: 5px;
  color: #34495e;
  position: relative;
  cursor: pointer;
}
ul.widgets-list li .item .actions {
  position: absolute;
  right: 10px;
  top: 50%;
  margin: -8px 0 0 0;
}
ul.widgets-list li .item .actions i {
  color: #ebebeb;
  font-size: 14px;
  line-height: 14px;
  padding: 0 5px;
}
ul.widgets-list li .item .image-tooltip-wrapper {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 15;
  left: 100%;
  top: 50%;
  margin: -80px 0 0 0;
  cursor: default;
  transition: all 0.2s ease-in-out;
}
ul.widgets-list li .item .image-tooltip-wrapper .image-tooltip {
  position: fixed;
  width: 170px;
  height: 160px;
  padding: 0 0 0 10px;
  border-radius: 5px;
}
ul.widgets-list li .item .image-tooltip-wrapper .image-tooltip:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -6px;
  margin-top: -6px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}
ul.widgets-list li .item .image-tooltip-wrapper .image-tooltip img {
  vertical-align: middle;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 23.49px 5.51px rgba(146, 146, 146, 0.3);
}
ul.widgets-list li .item .image-tooltip-wrapper .image-tooltip:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
ul.widgets-list li .item:hover, ul.widgets-list li .item.selected {
  color: #fff;
  background: #4ca1fe;
}
ul.widgets-list li .item:hover span, ul.widgets-list li .item.selected span {
  color: #4ca1fe;
  background: #fff;
}
ul.widgets-list li .item:hover .actions i, ul.widgets-list li .item.selected .actions i {
  color: #fff;
}
ul.widgets-list li .item:hover .image-tooltip-wrapper {
  visibility: visible;
  opacity: 1;
}
ul.widgets-list li:first-child .item .image-tooltip-wrapper {
  top: 100%;
  margin: -55px 0 0 0;
}
ul.widgets-list li:first-child .item .image-tooltip-wrapper .image-tooltip:before {
  top: 19%;
}
ul.widgets-list li:last-child .item .image-tooltip-wrapper {
  top: 100%;
  margin: -150px 0 0 0;
}
ul.widgets-list li:last-child .item .image-tooltip-wrapper .image-tooltip:before {
  top: 79%;
}

.sub-nav-wrapper .search-field {
  width: 100%;
  margin: 0 0 10px 0;
}
.sub-nav-wrapper .search-field:before {
  top: 10px;
}
.sub-nav-wrapper .search-field input {
  width: 100%;
  padding-top: 9px;
  padding-bottom: 10px;
}

.pagination-holder {
  border-top: 1px solid #e4e9ed;
  padding: 10px 20px 5px;
}

.table-info {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.table-info p {
  margin: 15px 0;
  line-height: 18px;
}

.drop-area {
  float: left;
  width: 100%;
  height: 100%;
}

.notification-card {
  padding: 10px 10px 10px 50px;
  position: relative;
}
.notification-card .icon {
  position: absolute;
  left: 12px;
  top: 15px;
  width: 28px;
  height: 28px;
  text-align: center;
  border-radius: 50%;
  background: #4ca1fe;
  color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(115, 115, 115, 0.2);
}
.notification-card .icon i {
  font-size: 16px;
  line-height: 30px;
}
.notification-card .details {
  color: #34495e;
  font-size: 13px;
}
.notification-card .details h3 {
  font-size: 26px;
  font-weight: normal;
}

.notification-listing {
  font-size: 12px;
  color: #34495e;
}
.notification-listing .notification__item {
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 0;
}
.notification-listing .notification__item:before, .notification-listing .notification__item:after {
  content: " ";
  display: table;
}
.notification-listing .notification__item:after {
  clear: both;
}
.notification-listing .notification__item h4 {
  font-size: 13px;
  font-weight: bold;
  padding: 0 0 5px 0;
}
.notification-listing .notification__info {
  float: left;
}
.notification-listing .notification__info span {
  margin: 0 10px 0 0;
}
.notification-listing .notification__info span.imported i {
  color: #4ca1fe;
}
.notification-listing .notification__info span.successful i {
  color: #88be58;
}
.notification-listing .notification__info span.failed i {
  color: #ec638d;
}
.notification-listing .notification__info i {
  font-size: 14px;
  vertical-align: bottom;
}
.notification-listing .notification__date {
  float: right;
  color: #72818f;
}
.notification-listing .notification__date span {
  margin: 0 10px 0 10px;
}
.notification-listing .notification__date i {
  font-size: 14px;
  vertical-align: bottom;
  color: #99a4ae;
}
.notification-listing .notification__globe {
  float: right;
}
.notification-listing .notification__globe span {
  margin: 0 5px 0 10px;
}
.notification-listing .notification__globe i {
  color: #4ca1fe;
  font-size: 14px;
  vertical-align: bottom;
}
.notification-listing .notification__status {
  float: right;
}
.notification-listing .notification__status span {
  margin: 0 20px 0 10px;
}
.notification-listing .notification__status i {
  font-size: 14px;
  vertical-align: bottom;
}

.notification-tabs {
  float: right;
  color: #4d565f;
  font-size: 15px;
}
.notification-tabs a {
  color: #4d565f;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 25px;
  margin: 0 5px;
}
.notification-tabs a:hover {
  color: #4ca1fe;
}
.notification-tabs a.active {
  color: #fff;
  background: #4ca1fe;
  box-shadow: 0px 10px 20px 0px rgba(76, 161, 254, 0.3);
}

.ngx-datatable {
  display: block;
  overflow-x: hidden;
  justify-content: center;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  /**
   * Vertical Scrolling Adjustments
   */
  /**
   * Horizontal Scrolling Adjustments
   */
  /**
   * Fixed Header Height Adjustments
   */
  /**
   * Fixed row height adjustments
   */
  /**
   * Shared Styles
   */
  /**
   * Header Styles
   */
  /**
   * Body Styles
   */
  /**
   * Footer Styles
   */
}
.ngx-datatable .my-surveys {
  width: 100%;
}
.ngx-datatable .alphabetic-filters {
  margin: 15px;
}
.ngx-datatable .datatable-body-cell .actions {
  margin: -6px 0 0 0;
  min-width: auto;
  max-width: auto;
  cursor: pointer;
}
.ngx-datatable .datatable-body-cell .actions i {
  font-size: 14px;
  line-height: 30px;
}
.ngx-datatable .datatable-body-cell .actions a {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #cdd4d8;
  width: 32px;
  height: 32px;
  border: 1px solid #cdd4d8;
  border-radius: 5px;
  text-align: center;
}
.ngx-datatable .datatable-body-cell .actions a:hover {
  color: #4ca1fe;
  border-color: #4ca1fe;
}
.ngx-datatable .datatable-body-cell .actions a.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: auto;
}
.ngx-datatable .datatable-body-cell .actions a.disabled .tooltiptext {
  display: none;
}
.ngx-datatable .datatable-body-cell .actions a.disabled:hover {
  color: #cdd4d8;
  border-color: #cdd4d8;
}
.ngx-datatable .datatable-header-inner[_ngcontent-c11] {
  margin-top: 0 !important;
}
.ngx-datatable [hidden] {
  display: none !important;
}
.ngx-datatable * {
  box-sizing: border-box;
}
.ngx-datatable *:before, .ngx-datatable *:after {
  box-sizing: border-box;
}
.ngx-datatable.scroll-vertical .datatable-body {
  overflow-y: auto;
}
.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
  position: absolute;
}
.ngx-datatable.scroll-horz .datatable-body {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.ngx-datatable.fixed-row .datatable-scroll {
  outline: none;
}
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
  border-bottom: 1px solid #ebebeb;
}
.ngx-datatable .datatable-body-row,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-header-inner {
  display: table;
  table-layout: fixed;
  outline: none;
}
.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell {
  vertical-align: top;
  display: table-cell;
  line-height: 1.625;
  white-space: nowrap;
}
.ngx-datatable .datatable-body-cell:focus,
.ngx-datatable .datatable-header-cell:focus {
  outline: none;
}
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-right {
  z-index: 9;
}
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-row-group,
.ngx-datatable .datatable-row-right {
  position: relative;
}
.ngx-datatable .datatable-header {
  display: block;
  overflow: hidden;
}
.ngx-datatable .datatable-header .datatable-header-inner {
  align-items: stretch;
  -webkit-align-items: stretch;
}
.ngx-datatable .datatable-header .datatable-header-cell {
  position: relative;
  display: table-cell;
}
.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
  cursor: pointer;
}
.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
  cursor: move;
}
.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
  line-height: 100%;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
  color: #4ca1fe;
  font-size: 17px;
}
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  padding: 0 4px;
  visibility: hidden;
}
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
  cursor: ew-resize;
}
.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle, .ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
  visibility: visible;
}
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
  position: absolute;
  top: 0;
  bottom: 0;
}
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
  right: 0;
}
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
  left: 0;
}
.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
  height: inherit;
}
.ngx-datatable .datatable-body {
  position: relative;
  z-index: 10;
  display: block;
}
.ngx-datatable .datatable-body .datatable-row-detail {
  overflow-y: hidden;
}
.ngx-datatable .datatable-body .datatable-row-wrapper {
  display: table;
  table-layout: fixed;
}
.ngx-datatable .datatable-body .datatable-body-row {
  outline: none;
}
.ngx-datatable .datatable-body .datatable-body-row > div {
  display: table;
  table-layout: fixed;
}
.ngx-datatable .datatable-footer {
  display: block;
  width: 100%;
}
.ngx-datatable .datatable-footer .datatable-footer-inner {
  display: flex;
  align-items: center;
  width: 100%;
}
.ngx-datatable .datatable-footer .selected-count .page-count {
  flex: 1 1 40%;
}
.ngx-datatable .datatable-footer .selected-count .datatable-pager {
  flex: 1 1 60%;
}
.ngx-datatable .datatable-footer .page-count {
  flex: 1 1 20%;
}
.ngx-datatable .datatable-footer .datatable-pager {
  flex: 1 1 80%;
  text-align: right;
}

.datatable-mainbody-wrapper {
  font-size: 12px;
  background: #fff;
  border: 1px solid #e0e8ec;
  border-bottom: none;
  overflow: hidden;
  clear: both;
}
.datatable-mainbody-wrapper .records-found {
  float: left;
  margin: 15px 0 0 20px;
  line-height: 34px;
}

.ngx-datatable.material {
  /**
     * Shared Styles
     */
  /**
     * Global Row Styles
     */
  /**
     * Header Styles
     */
  /**
     * Body Styles
     */
  /**
     * Footer Styles
     */
}
.ngx-datatable.material.striped .datatable-row-odd {
  background: #f4f5f9;
}
.ngx-datatable.material.single-selection .datatable-body-row.active, .ngx-datatable.material.multi-selection .datatable-body-row.active, .ngx-datatable.material.multi-click-selection .datatable-body-row.active {
  background-color: #304ffe;
  color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
  background-color: #304ffe;
  color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover {
  background-color: #193ae4;
  color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
  background-color: #193ae4;
  color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus {
  background-color: #2041ef;
  color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
  background-color: #2041ef;
  color: #fff;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover {
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:hover {
  background-color: #eee;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group {
  background-color: #eee;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:focus {
  background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group {
  background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active {
  background-color: #304ffe;
  color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group {
  background-color: #304ffe;
  color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover {
  background-color: #193ae4;
  color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group {
  background-color: #193ae4;
  color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus {
  background-color: #2041ef;
  color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group {
  background-color: #2041ef;
  color: #fff;
}
.ngx-datatable.material .empty-row {
  height: 50px;
  text-align: left;
  padding: 0.5rem 1.2rem;
  vertical-align: top;
  border-top: 0;
}
.ngx-datatable.material .loading-row {
  text-align: left;
  padding: 0.5rem 1.2rem;
  vertical-align: top;
  border-top: 0;
}
.ngx-datatable.material .datatable-header .datatable-row-left,
.ngx-datatable.material .datatable-body .datatable-row-left {
  background-color: #fff;
  background-position: 100% 0;
  background-repeat: repeat-y;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header .datatable-row-right,
.ngx-datatable.material .datatable-body .datatable-row-right {
  background-position: 0 0;
  background-color: #fff;
  background-repeat: repeat-y;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}
.ngx-datatable.material .datatable-header .datatable-header-cell {
  text-align: left;
  padding: 15px 20px;
  font-weight: 400;
  color: #a9b4bd;
  vertical-align: bottom;
}
.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
  position: relative;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after {
  transition: transform 400ms ease, opacity 400ms ease;
  opacity: 0.5;
  transform: scale(1);
}
.ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  height: 60px;
  width: 60px;
  background: #eee;
  border-radius: 100%;
  opacity: 1;
  filter: none;
  transform: scale(0);
  z-index: 9999;
  pointer-events: none;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
  border-right: none;
}
.ngx-datatable.material .datatable-header .resize-handle {
  border-right: solid 1px #eee;
}
.ngx-datatable.material .datatable-body .datatable-row-detail {
  background: #f5f5f5;
  padding: 10px;
}
.ngx-datatable.material .datatable-body .datatable-group-header {
  background: #f5f5f5;
  border-bottom: solid 1px #d9d8d9;
  border-top: solid 1px #d9d8d9;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell,
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
  text-align: left;
  padding: 15px 20px;
  vertical-align: top;
  border-top: 0;
  color: #34495e;
  transition: width 0.3s ease;
  font-weight: 400;
}
.ngx-datatable.material .datatable-body .progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  padding: 0;
  margin: 0;
  position: absolute;
}
.ngx-datatable.material .datatable-body .progress-linear .container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 5px;
  transform: translate(0, 0) scale(1, 1);
  background-color: #aad1f9;
}
.ngx-datatable.material .datatable-body .progress-linear .container .bar {
  transition: all 0.2s linear;
  -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.2s linear;
  background-color: #106cc8;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}
.ngx-datatable.material .datatable-footer {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
}
.ngx-datatable.material .datatable-footer .page-count {
  line-height: 50px;
  height: 50px;
  padding: 0 1.2rem;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row {
  background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
  background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
  font-weight: bold;
}

/**
 * Checkboxes
**/
.datatable-checkbox {
  position: relative;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  padding: 0;
}
.datatable-checkbox input[type=checkbox] {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer;
  outline: none;
}
.datatable-checkbox input[type=checkbox]:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  border: 2px solid #f2f2f2;
}
.datatable-checkbox input[type=checkbox]:checked:before {
  transform: rotate(-45deg);
  height: 0.5rem;
  border-color: #009688;
  border-top-style: none;
  border-right-style: none;
}
.datatable-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: #fff;
  cursor: pointer;
}

/**
 * Progress bar animations
 */
@-webkit-keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}
@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}
.ql-editor .mention {
  color: #0366d6 !important;
  text-decoration: underline !important;
  height: 24px;
  width: 65px;
  border-radius: 6px;
  background-color: #d3e1eb;
  padding: 3px 0;
  margin-left: 5px;
}

.ql-mention-list-item {
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  padding: 0 10px;
  vertical-align: middle;
}
.ql-mention-list-item.selected {
  background-color: #edeef1;
  text-decoration: none;
  border-radius: 0 !important;
  width: auto !important;
}

.ql-mention-list-container {
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
  position: absolute;
  visibility: visible;
  top: 30px;
  left: 105px;
  width: auto !important;
  overflow: auto;
  max-height: 150px;
}

.ql-mention-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.ql-toolbar {
  border-bottom: 1px solid #d1d1d1 !important;
  background: #f8f8f8 !important;
  padding: 6px 8px 2px !important;
  white-space: normal !important;
  padding: 4px !important;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button,
.ql-snow .ql-picker,
.ql-snow .ql-picker-label {
  height: 22px !important;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 1px !important;
}

.mention-list {
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
  margin: 31px 0 0 14px;
  position: relative;
  z-index: 4;
}
.mention-list .dropdown-menu li {
  padding: 0 !important;
  border: none !important;
}
.mention-list .dropdown-menu li:before {
  content: "" !important;
  display: none;
}
.mention-list .dropdown-menu li a {
  display: block;
  cursor: pointer;
  font-size: 12px;
  line-height: 18px;
  padding: 3px 10px;
  color: #666;
}
.mention-list .dropdown-menu li.active a {
  background-color: #edeef1;
}

* {
  box-sizing: border-box;
}

.ui-widget {
  font-family: "Roboto";
  font-size: 12px;
  text-decoration: none;
}

.ui-corner-all {
  border-radius: 3px;
}

.ui-corner-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ui-corner-bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-corner-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.ui-corner-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

a {
  color: #4ca1fe;
  text-decoration: none;
}
a:hover {
  color: #116fbf;
}
a:active {
  color: #005b9f;
}

.ui-helper-reset {
  line-height: normal;
}

.ui-state-disabled,
.ui-widget:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.pi {
  font-size: 1.25em;
}

.ui-inputtext {
  font-size: 12px;
  color: #333333;
  background: #ffffff;
  padding: 0.75em;
  border: 1px solid #e1e1e1;
  max-width: 100%;
  transition: border-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ui-inputtext:enabled:hover:not(.ui-state-error) {
  border-color: #e1e1e1;
}
.ui-inputtext:enabled:focus:not(.ui-state-error) {
  border-color: #d1d1d1;
  outline: 0 none;
  box-shadow: 0 0 10px 0 rgba(120, 120, 120, 0.25);
}
.ui-inputtext.fluid {
  width: 100%;
}
.ui-inputtext.two-digit {
  max-width: 70px;
}
.ui-inputtext.count {
  max-width: 100px;
}
.ui-inputtext.editable-text {
  width: 100%;
  font-size: 14px;
  border: 2px dashed #e9ecef !important;
  padding: 10px;
  min-height: auto !important;
  font-family: inherit;
}
.ui-inputtext.editable-text:focus {
  box-shadow: none !important;
  border-color: #ccc !important;
}

.input-search {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.header-actions .input-search {
  width: 220px;
}
.header-actions .input-search .ui-inputtext {
  border-radius: 3px 0 0 3px;
}
.input-search:before {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -7px;
  content: "";
  font-size: 14px;
  line-height: 14px;
  font-family: "Font Awesome 5 Pro";
  color: #969dab;
}
.input-search .ui-inputtext {
  width: 100%;
  padding-left: 30px;
}

.ui-autocomplete .ui-autocomplete-input {
  padding: 0.75em;
}
.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
  padding: 0.375em 0.75em;
}
.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
  border-color: #e1e1e1;
}
.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
  border-color: #d1d1d1;
  outline: 0 none;
  box-shadow: 0 0 10px 0 rgba(120, 120, 120, 0.25);
}
.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
  margin: 0;
  padding: 0.375em 0;
  color: #333333;
}
.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
  font-family: "Roboto";
  font-size: 12px;
  padding: 0;
  margin: 0;
}
.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
  font-size: 12px;
  padding: 0.375em 0.75em;
  margin: 3px 5px 3px 0;
  background: #e4e6ec;
  color: #333333;
}

.ui-autocomplete-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-autocomplete-panel .ui-autocomplete-items {
  padding: 0;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  border-radius: 0;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item.ui-state-highlight {
  color: #333333;
  background-color: #e4e6ec;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
  padding: 0.429em 0.857em;
  background-color: #d8dae2;
  color: #333333;
}

.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  width: 2.357em;
}
.ui-fluid .ui-autocomplete.ui-autocomplete-multiple.ui-autocomplete-dd .ui-autocomplete-multiple-container {
  border-right: 0 none;
  width: calc(100% - 2.357em);
}
.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-inputtext {
  border-right: 0 none;
  width: calc(100% - 2.357em);
}

.ui-multiselect {
  background: #ffffff;
  border: 1px solid #e1e1e1;
  transition: border-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-multiselect:not(.ui-state-disabled):hover {
  border-color: #e1e1e1;
}
.ui-multiselect:not(.ui-state-disabled).ui-state-focus {
  border-color: #d1d1d1;
  outline: 0 none;
  box-shadow: 0 0 10px 0 rgba(120, 120, 120, 0.25);
}
.ui-multiselect .ui-multiselect-label {
  padding: 0.75em;
  padding-right: 2em;
  color: #333333;
}
.ui-multiselect .ui-multiselect-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #848484;
}

.ui-multiselect-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-multiselect-panel .ui-multiselect-header {
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}
.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container {
  float: none;
  width: 80%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}
.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext {
  padding: 0.75em;
  padding-right: 2em;
}
.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
  color: #4ca1fe;
  top: 50%;
  margin-top: -0.5em;
  right: 0.5em;
  left: auto;
}
.ui-multiselect-panel .ui-multiselect-header .ui-chkbox {
  margin-right: 0.5em;
  float: none;
  vertical-align: middle;
}
.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close {
  color: #848484;
  top: 50%;
  margin-top: -0.5em;
  transition: color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
  color: #333333;
}
.ui-multiselect-panel .ui-multiselect-items {
  padding: 0;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  border-radius: 0;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
  color: #333333;
  background-color: #e4e6ec;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box {
  cursor: auto;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box:hover {
  border: 1px solid #e1e1e1;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box.ui-state-active:hover {
  border-color: #4ca1fe;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label {
  display: inline-block;
  vertical-align: middle;
}

.ui-listbox {
  padding: 0;
  min-width: 12em;
  background: #ffffff;
  border: 1px solid #a6a6a6;
}
.ui-listbox .ui-chkbox {
  margin: 0 0.5em 0 0;
}
.ui-listbox .ui-listbox-header {
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}
.ui-listbox .ui-listbox-header .ui-listbox-filter-container {
  width: calc( 100% - ( 0.5em + 0.5em + 0.5em ) );
}
.ui-listbox .ui-listbox-header .ui-listbox-filter-container input {
  padding: 0.75em;
  padding-right: 2em;
}
.ui-listbox .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
  top: 50%;
  left: auto;
  margin-top: -0.5em;
  right: 0.5em;
  color: #4ca1fe;
}
.ui-listbox .ui-listbox-list {
  background-color: #ffffff;
}
.ui-listbox .ui-listbox-list .ui-listbox-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  border-radius: 0;
}
.ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
  color: #333333;
  background-color: #e4e6ec;
}
.ui-listbox .ui-listbox-list .ui-listbox-item .ui-chkbox {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}
.ui-listbox .ui-listbox-list .ui-listbox-item label {
  display: inline-block;
  vertical-align: middle;
}
.ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}
.ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border: 1px solid #e1e1e1;
}
.ui-listbox .ui-listbox-footer {
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-top: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
}

.ui-editor-container .ui-editor-toolbar {
  border: none;
  background-color: #ffffff;
}
.ui-editor-container .ui-editor-content {
  border: none;
}
.ui-editor-container .ui-editor-content .ql-editor {
  background-color: #ffffff;
  color: #333333;
}
.ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
  color: #34495e;
}
.ui-editor-container .ql-stroke {
  stroke: #34495e;
}
.ui-editor-container .ql-picker-label {
  color: #34495e;
}
.ui-editor-container .ql-snow.ql-toolbar button:hover,
.ui-editor-container .ql-snow .ql-toolbar button:hover,
.ui-editor-container .ql-snow.ql-toolbar button.ql-active,
.ui-editor-container .ql-snow .ql-toolbar button.ql-active,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #e4e6ec;
}
.ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #e4e6ec;
}

.ui-rating a {
  text-align: center;
  display: inline-block;
  color: #333333;
  transition: color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-rating a.ui-rating-cancel {
  color: #e4018d;
}
.ui-rating a .ui-rating-icon {
  font-size: 20px;
}
.ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:hover {
  color: #4ca1fe;
}
.ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a.ui-rating-cancel:hover {
  color: #b5019f;
}

.ui-spinner .ui-spinner-input {
  padding-right: 2.75em;
}
.ui-spinner .ui-spinner-button {
  width: 2em;
}
.ui-spinner .ui-spinner-button.ui-spinner-up {
  border-top-right-radius: 3px;
}
.ui-spinner .ui-spinner-button.ui-spinner-down {
  border-bottom-right-radius: 3px;
}
.ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
}

.ui-fluid .ui-spinner .ui-spinner-input {
  padding-right: 2.75em;
}
.ui-fluid .ui-spinner .ui-spinner-button {
  width: 2em;
}
.ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  left: 50%;
}

.ui-slider {
  background-color: #c8c8c8;
  border: 0 none;
}
.ui-slider.ui-slider-horizontal {
  height: 0.286em;
}
.ui-slider.ui-slider-horizontal .ui-slider-handle {
  top: 50%;
  margin-top: -0.5715em;
}
.ui-slider.ui-slider-vertical {
  width: 0.286em;
}
.ui-slider.ui-slider-vertical .ui-slider-handle {
  left: 50%;
  margin-left: -0.5715em;
}
.ui-slider .ui-slider-handle {
  height: 1.143em;
  width: 1.143em;
  background-color: #ffffff;
  border: 2px solid #666666;
  border-radius: 100%;
  transition: border-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-slider .ui-slider-range {
  background-color: #4ca1fe;
}
.ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
  background-color: 2px solid #666666;
  border: 2px solid #4ca1fe;
}

.dropdown--surveyscore .ui-slider, .filter-slider .ui-slider {
  margin: 15px 10px;
}
.dropdown--surveyscore .ui-slider.ui-slider-horizontal, .filter-slider .ui-slider.ui-slider-horizontal {
  height: 5px;
}
.dropdown--surveyscore .ui-slider.ui-slider-horizontal .ui-slider-handle, .filter-slider .ui-slider.ui-slider-horizontal .ui-slider-handle {
  margin-top: -10px;
}
.dropdown--surveyscore .ui-slider.ui-slider-vertical, .filter-slider .ui-slider.ui-slider-vertical {
  width: 5px;
}
.dropdown--surveyscore .ui-slider.ui-slider-vertical .ui-slider-handle, .filter-slider .ui-slider.ui-slider-vertical .ui-slider-handle {
  left: 50%;
  margin-left: -10px;
}
.dropdown--surveyscore .ui-slider .ui-slider-handle, .filter-slider .ui-slider .ui-slider-handle {
  height: 20px;
  width: 20px;
  border: 5px solid #4ca1fe;
  cursor: pointer;
  outline: none;
}
.dropdown--surveyscore .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover, .filter-slider .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
  border: 5px solid #4ca1fe;
}

.ui-fileupload .ui-fileupload-buttonbar {
  background-color: #ffffff;
  padding: 7px;
  border: none;
  color: #34495e;
  border-bottom: 0 none;
}
.ui-fileupload .ui-fileupload-buttonbar .ui-button {
  margin-right: 8px;
}
.ui-fileupload .ui-fileupload-content {
  background-color: #ffffff;
  padding: 10px 30px;
  border: none;
  color: #333333;
}
.ui-fileupload .ui-progressbar {
  top: 0;
}

.ui-fileupload-choose:not(.ui-state-disabled):hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}
.ui-fileupload-choose:not(.ui-state-disabled):active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}
.ui-fileupload-choose.ui-state-focus {
  outline: 0 none;
  outline-offset: 0px;
}

.ui-password-panel {
  padding: 12px;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-inputgroup .ui-inputgroup-addon {
  border-color: #a6a6a6;
  background-color: #eaeaea;
  color: #848484;
  padding: 0.75em;
  min-width: 2em;
}
.ui-inputgroup .ui-inputgroup-addon:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ui-inputgroup .ui-inputgroup-addon:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox {
  position: relative;
}
.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox .ui-chkbox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
}
.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton {
  position: relative;
}
.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton .ui-radiobutton {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
}
.ui-inputgroup .ui-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ui-inputgroup .ui-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-fluid .ui-inputgroup .ui-button {
  width: auto;
}
.ui-fluid .ui-inputgroup .ui-button.ui-button-icon-only {
  width: 2.357em;
}

::-webkit-input-placeholder {
  color: #666666;
}

:-moz-placeholder {
  color: #666666;
}

::-moz-placeholder {
  color: #666666;
}

:-ms-input-placeholder {
  color: #666666;
}

/* Validations */
.ui-inputtext.ng-dirty.ng-invalid,
p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,
p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,
p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext,
p-chips.ng-dirty.ng-invalid > .ui-inputtext,
p-inputmask.ng-dirty.ng-invalid > .ui-inputtext,
p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
p-listbox.ng-dirty.ng-invalid .ui-inputtext,
p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,
p-spinner.ng-dirty.ng-invalid > .ui-inputtext,
p-selectbutton.ng-dirty.ng-invalid .ui-button,
p-togglebutton.ng-dirty.ng-invalid .ui-button {
  border: 1px solid #a80000;
}

.ui-button {
  margin: 0;
  color: #ffffff;
  background-color: #4ca1fe;
  border: 1px solid #4ca1fe;
  font-size: 12px;
  transition: background-color 0.2s, box-shadow 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-button:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}
.ui-button:enabled:focus {
  outline: 0 none;
  outline-offset: 0px;
  box-shadow: 0 0 0 0.2em #fefeff;
}
.ui-button:enabled:active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}
.ui-button.ui-button-text-only .ui-button-text {
  padding: 0.429em 1em;
}
.ui-button.ui-button-text-icon-left .ui-button-text {
  padding: 0.429em 1em 0.429em 2em;
}
.ui-button.ui-button-text-icon-right .ui-button-text {
  padding: 0.429em 2em 0.429em 1em;
}
.ui-button.ui-button-icon-only {
  width: 2.357em;
}
.ui-button.ui-button-icon-only .ui-button-text {
  padding: 0.429em;
}
.ui-button.ui-button-raised {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}
.ui-button.ui-button-rounded {
  border-radius: 15px;
}

.ui-fluid .ui-button-icon-only {
  width: 2.357em;
}

.ui-togglebutton {
  background-color: #dadada;
  border: 1px solid #dadada;
  color: #333333;
  transition: background-color 0.2s, box-shadow 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-togglebutton .ui-button-icon-left {
  color: #666666;
}
.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
}
.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
  color: #212121;
}
.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
  outline: 0 none;
}
.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
  color: #212121;
}
.ui-togglebutton.ui-state-active {
  background-color: #4ca1fe;
  border-color: #4ca1fe;
  color: #ffffff;
}
.ui-togglebutton.ui-state-active .ui-button-icon-left {
  color: #ffffff;
}
.ui-togglebutton.ui-state-active:hover {
  background-color: #116fbf;
  border-color: #116fbf;
  color: #ffffff;
}
.ui-togglebutton.ui-state-active:hover .ui-button-icon-left {
  color: #ffffff;
}
.ui-togglebutton.ui-state-active.ui-state-focus {
  background-color: #005b9f;
  border-color: #005b9f;
  color: #ffffff;
}
.ui-togglebutton.ui-state-active.ui-state-focus .ui-button-icon-left {
  color: #ffffff;
}

.ui-selectbutton .ui-button {
  background-color: #dadada;
  border: 1px solid #dadada;
  color: #333333;
  transition: background-color 0.2s, box-shadow 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-selectbutton .ui-button .ui-button-icon-left {
  color: #666666;
}
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
}
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
  color: #212121;
}
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
  outline: 0 none;
}
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
  color: #212121;
}
.ui-selectbutton .ui-button.ui-state-active {
  background-color: #4ca1fe;
  border-color: #4ca1fe;
  color: #ffffff;
}
.ui-selectbutton .ui-button.ui-state-active .ui-button-icon-left {
  color: #ffffff;
}
.ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover {
  background-color: #116fbf;
  border-color: #116fbf;
  color: #ffffff;
}
.ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-button-icon-left {
  color: #ffffff;
}
.ui-selectbutton .ui-button.ui-state-active.ui-state-focus {
  background-color: #005b9f;
  border-color: #005b9f;
  color: #ffffff;
}
.ui-selectbutton .ui-button.ui-state-active.ui-state-focus .ui-button-icon-left {
  color: #ffffff;
}
.ui-selectbutton .ui-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ui-selectbutton .ui-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (max-width: 640px) {
  .ui-buttonset:not(.ui-splitbutton) .ui-button {
    margin-bottom: 1px;
    border-radius: 3px;
  }
}
.ui-splitbutton.ui-buttonset .ui-button {
  border: 1px solid transparent;
}
.ui-splitbutton.ui-buttonset .ui-menu {
  min-width: 100%;
}

.ui-button.ui-state-default.ui-button-secondary,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
  color: #333333;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
}
.ui-button.ui-state-default.ui-button-secondary:enabled:hover,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover {
  background-color: #c8c8c8;
  color: #333333;
  border-color: #c8c8c8;
}
.ui-button.ui-state-default.ui-button-secondary:enabled:focus,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #fefeff;
}
.ui-button.ui-state-default.ui-button-secondary:enabled:active,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:active {
  background-color: #a0a0a0;
  color: #333333;
  border-color: #a0a0a0;
}

.ui-button.ui-state-default.ui-button-info,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
}
.ui-button.ui-state-default.ui-button-info:enabled:hover,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}
.ui-button.ui-state-default.ui-button-info:enabled:focus,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #8dcdff;
}
.ui-button.ui-state-default.ui-button-info:enabled:active,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}

.ui-button.ui-state-default.ui-button-success,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #34a835;
  border: 1px solid #34a835;
}
.ui-button.ui-state-default.ui-button-success:enabled:hover,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover {
  background-color: #107d11;
  color: #ffffff;
  border-color: #107d11;
}
.ui-button.ui-state-default.ui-button-success:enabled:focus,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #aae5aa;
}
.ui-button.ui-state-default.ui-button-success:enabled:active,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:active {
  background-color: #0c6b0d;
  color: #ffffff;
  border-color: #0c6b0d;
}

.ui-button.ui-state-default.ui-button-warning,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
  color: #333333;
  background-color: #ffba01;
  border: 1px solid #ffba01;
}
.ui-button.ui-state-default.ui-button-warning:enabled:hover,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover {
  background-color: #ed990b;
  color: #333333;
  border-color: #ed990b;
}
.ui-button.ui-state-default.ui-button-warning:enabled:focus,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #ffeab4;
}
.ui-button.ui-state-default.ui-button-warning:enabled:active,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:active {
  background-color: #d38b10;
  color: #333333;
  border-color: #d38b10;
}

.ui-button.ui-state-default.ui-button-danger,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #e91224;
  border: 1px solid #e91224;
}
.ui-button.ui-state-default.ui-button-danger:enabled:hover,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover {
  background-color: #c01120;
  color: #ffffff;
  border-color: #c01120;
}
.ui-button.ui-state-default.ui-button-danger:enabled:focus,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #f9b4ba;
}
.ui-button.ui-state-default.ui-button-danger:enabled:active,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:active {
  background-color: #a90000;
  color: #ffffff;
  border-color: #a90000;
}

.ui-widget-content p {
  line-height: 1.5;
  margin: 0;
}

.ui-panel {
  padding: 0;
  border: 0 none;
}
.ui-panel .ui-panel-titlebar {
  border: none;
  padding: 7px;
  background-color: #ffffff;
  color: #34495e;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-panel .ui-panel-titlebar .ui-panel-title {
  vertical-align: middle;
  font-weight: 400;
}
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
  margin: 0;
  position: relative;
  font-size: 12px;
  color: #34495e;
  border: 1px solid transparent;
  transition: color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
  color: #34495e;
}
.ui-panel .ui-panel-content {
  padding: 10px 30px;
  border: none;
  background-color: #ffffff;
  color: #333333;
  padding: 10px 30px;
  border-top: 0 none;
}
.ui-panel .ui-panel-footer {
  padding: 7px;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  border-top: 0 none;
  margin: 0;
}

.ui-fieldset {
  border: none;
  background-color: #ffffff;
  color: #333333;
}
.ui-fieldset .ui-fieldset-legend a {
  padding: 7px;
  border: none;
  color: #34495e;
  background-color: #ffffff;
  border-radius: 3px;
  transition: background-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-fieldset .ui-fieldset-legend a .ui-fieldset-toggler {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  color: #34495e;
}
.ui-fieldset .ui-fieldset-legend a .ui-fieldset-legend-text {
  padding: 0;
}
.ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover {
  background-color: #ffffff;
  border: none;
  color: #34495e;
}
.ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover .ui-fieldset-toggler {
  color: #34495e;
}
.ui-fieldset .ui-fieldset-content {
  padding: 0;
}

.ui-tabview.ui-tabview-top, .ui-tabview.ui-tabview-bottom, .ui-tabview.ui-tabview-left, .ui-tabview.ui-tabview-right {
  border: 0 none;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav, .ui-tabview.ui-tabview-bottom .ui-tabview-nav, .ui-tabview.ui-tabview-left .ui-tabview-nav, .ui-tabview.ui-tabview-right .ui-tabview-nav {
  padding: 0;
  background: transparent;
  border: 0 none;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li, .ui-tabview.ui-tabview-left .ui-tabview-nav li, .ui-tabview.ui-tabview-right .ui-tabview-nav li {
  border: none;
  background-color: #ffffff;
  transition: background-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li a, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a, .ui-tabview.ui-tabview-left .ui-tabview-nav li a, .ui-tabview.ui-tabview-right .ui-tabview-nav li a {
  float: none;
  display: inline-block;
  color: #34495e;
  padding: 7px;
  font-weight: 400;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-left-icon, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-left-icon, .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-left-icon, .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-left-icon {
  margin-right: 0.5em;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-right-icon, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-right-icon, .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-right-icon, .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-right-icon {
  margin-left: 0.5em;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-tabview-close, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-tabview-close, .ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-tabview-close, .ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-tabview-close {
  color: #34495e;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: #ffffff;
  border: none;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
  color: #34495e;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close {
  color: #34495e;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {
  background-color: #4ca1fe;
  border: none;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a, .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a, .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a {
  color: #ffffff;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active .ui-tabview-close, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active .ui-tabview-close, .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active .ui-tabview-close, .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active .ui-tabview-close {
  color: #ffffff;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover, .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover, .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover {
  border: none;
  background-color: #4ca1fe;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a, .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a, .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a {
  color: #ffffff;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon {
  color: #ffffff;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-tabview-selected a, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-tabview-selected a, .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-tabview-selected a, .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-tabview-selected a {
  cursor: pointer;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav {
  margin-bottom: -1px;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li {
  margin-right: 2px;
}
.ui-tabview.ui-tabview-bottom .ui-tabview-nav {
  margin-top: -1px;
}
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li {
  margin-right: 2px;
}
.ui-tabview.ui-tabview-left .ui-tabview-nav {
  margin-right: -px;
}
.ui-tabview.ui-tabview-left .ui-tabview-nav li {
  margin-bottom: 2px;
}
.ui-tabview.ui-tabview-right .ui-tabview-nav {
  margin-right: -1px;
}
.ui-tabview.ui-tabview-right .ui-tabview-nav li {
  margin-bottom: 2px;
}
.ui-tabview .ui-tabview-panels {
  background-color: #ffffff;
  padding: 10px 30px;
  border: none;
  color: #333333;
}
.ui-tabview .ui-tabview-panels .ui-tabview-panel {
  padding: 0;
}

.ui-toolbar {
  background-color: #ffffff;
  border: none;
  padding: 7px;
}
.ui-toolbar button {
  vertical-align: middle;
}
.ui-toolbar .ui-toolbar-separator {
  vertical-align: middle;
  color: #34495e;
  margin: 0 0.5em;
}

.ui-card {
  background-color: #ffffff;
  color: #333333;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.ui-datagrid .ui-datagrid-header {
  background-color: #ffffff;
  color: #34495e;
  border: none;
  padding: 7px;
  font-weight: 400;
  border-bottom: 0 none;
}
.ui-datagrid .ui-datagrid-content {
  padding: 10px 30px;
  border: none;
  background-color: #ffffff;
  color: #333333;
  padding: 10px 30px;
}
.ui-datagrid .ui-datagrid-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 7px;
  border-top: 0 none;
}

.ui-datalist .ui-datalist-header {
  background-color: #ffffff;
  color: #34495e;
  border: none;
  padding: 7px;
  font-weight: 400;
  border-bottom: 0 none;
}
.ui-datalist .ui-datalist-content {
  padding: 10px 30px;
  border: none;
  background-color: #ffffff;
  color: #333333;
  padding: 10px 30px;
}
.ui-datalist .ui-datalist-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 7px;
  border-top: 0 none;
}

.ui-datascroller .ui-datascroller-header {
  background-color: #ffffff;
  color: #34495e;
  border: none;
  padding: 7px;
  font-weight: 400;
  border-bottom: 0 none;
}
.ui-datascroller .ui-datascroller-content {
  padding: 10px 30px;
  border: none;
  background-color: #ffffff;
  color: #333333;
  padding: 10px 30px;
}
.ui-datascroller .ui-datascroller-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 7px;
  border-top: 0 none;
}

.ui-virtualscroller .ui-virtualscroller-header {
  background-color: #ffffff;
  color: #34495e;
  border: none;
  padding: 7px;
  font-weight: 400;
  border-bottom: 0 none;
}
.ui-virtualscroller .ui-virtualscroller-content {
  border: none;
  background-color: #ffffff;
  color: #333333;
}
.ui-virtualscroller .ui-virtualscroller-content .ui-virtualscroller-list li {
  border-bottom: none;
}
.ui-virtualscroller .ui-virtualscroller-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 7px;
  border-top: 0 none;
}

.ui-dataview .ui-dataview-header {
  background-color: #ffffff;
  color: #34495e;
  border: none;
  padding: 7px;
  font-weight: 400;
  border-bottom: 0 none;
}
.ui-dataview .ui-dataview-content {
  padding: 10px 30px;
  border: none;
  background-color: #ffffff;
  color: #333333;
  padding: 10px 30px;
}
.ui-dataview .ui-dataview-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 7px;
  border-top: 0 none;
}

.fc th {
  background-color: #ffffff;
  border: none;
  color: #34495e;
  padding: 7px;
}
.fc td.ui-widget-content {
  background-color: #ffffff;
  border: none;
  color: #333333;
}
.fc td.fc-head-container {
  border: none;
}
.fc .fc-event {
  background-color: #116fbf;
  border: 1px solid #116fbf;
  color: #ffffff;
}
.fc .fc-toolbar .ui-button .ui-icon-circle-triangle-w {
  font-family: "PrimeIcons";
  text-indent: 0;
}
.fc .fc-toolbar .ui-button .ui-icon-circle-triangle-w:before {
  content: "";
}
.fc .fc-toolbar .ui-button .ui-icon-circle-triangle-e {
  font-family: "PrimeIcons";
  text-indent: 0;
}
.fc .fc-toolbar .ui-button .ui-icon-circle-triangle-e:before {
  content: "";
}
.fc .fc-toolbar .ui-button:focus {
  outline: 0 none;
}
.fc .fc-divider {
  background-color: #ffffff;
  border: none;
}

.ui-fluid .fc .fc-toolbar .ui-button {
  width: auto;
}

.ui-picklist .ui-picklist-buttons button {
  font-size: 14px;
}
.ui-picklist .ui-picklist-caption {
  background-color: #ffffff;
  color: #34495e;
  border: none;
  padding: 7px;
  font-weight: 400;
  border-bottom: 0 none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-picklist .ui-picklist-filter-container {
  padding: 0.5em 0.5em 0.5em 0.5em;
  border: none;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  border-bottom: 0 none;
}
.ui-picklist .ui-picklist-filter-container input.ui-picklist-filter {
  width: 100%;
  padding-right: 2em;
  text-indent: 0;
}
.ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  left: auto;
  right: 1em;
  color: #4ca1fe;
}
.ui-picklist .ui-picklist-buttons {
  padding: 10px 30px;
}
.ui-picklist .ui-picklist-list {
  border: none;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}
.ui-picklist .ui-picklist-list .ui-picklist-item {
  padding: 0.429em 0.857em;
  margin: 0;
  border: 0 none;
  color: #333333;
  background-color: transparent;
}
.ui-picklist .ui-picklist-list .ui-picklist-item:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-picklist .ui-picklist-list .ui-picklist-droppoint-highlight {
  background-color: #e4e6ec;
}

@media (max-width: 40em) {
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
    padding: 10px 30px;
  }
}
.ui-orderlist .ui-orderlist-controls {
  padding: 10px 30px;
}
.ui-orderlist .ui-orderlist-controls button {
  font-size: 14px;
}
.ui-orderlist .ui-orderlist-caption {
  background-color: #ffffff;
  color: #34495e;
  border: none;
  padding: 7px;
  font-weight: 400;
  border-bottom: 0 none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-orderlist .ui-orderlist-filter-container {
  padding: 0.5em 0.5em 0.5em 0.5em;
  border: none;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  border-bottom: 0 none;
}
.ui-orderlist .ui-orderlist-filter-container input.ui-inputtext {
  width: 100%;
  padding-right: 2em;
  text-indent: 0;
}
.ui-orderlist .ui-orderlist-filter-container .ui-orderlist-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  left: auto;
  right: 1em;
  color: #4ca1fe;
}
.ui-orderlist .ui-orderlist-list {
  border: none;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}
.ui-orderlist .ui-orderlist-list .ui-orderlist-item {
  padding: 0.429em 0.857em;
  margin: 0;
  border: 0 none;
  color: #333333;
  background-color: transparent;
}
.ui-orderlist .ui-orderlist-list .ui-orderlist-item:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-orderlist .ui-orderlist-list .ui-orderlist-droppoint-highlight {
  background-color: #e4e6ec;
}

.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight .ui-node-toggler i {
  color: #99a1b7;
}
.ui-organizationchart .ui-organizationchart-line-down {
  background-color: #c8c8c8;
}
.ui-organizationchart .ui-organizationchart-line-left {
  border-right: none;
  border-color: #c8c8c8;
}
.ui-organizationchart .ui-organizationchart-line-top {
  border-top: none;
  border-color: #c8c8c8;
}
.ui-organizationchart .ui-organizationchart-node-content {
  border: none;
  background-color: #ffffff;
  color: #333333;
  padding: 10px 30px;
}
.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  bottom: -0.7em;
  margin-left: -0.46em;
  color: #4ca1fe;
}

.ui-messages {
  padding: 1em;
  margin: 1em 0;
}
.ui-messages.ui-messages-info {
  background-color: #0b75ad;
  border: 0 none;
  color: #ffffff;
}
.ui-messages.ui-messages-info .ui-messages-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ui-messages.ui-messages-info .ui-messages-close {
  color: rgba(0, 0, 0, 0.25);
}
.ui-messages.ui-messages-success {
  background-color: #88be58;
  border: 0 none;
  color: #ffffff;
}
.ui-messages.ui-messages-success .ui-messages-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ui-messages.ui-messages-success .ui-messages-close {
  color: rgba(0, 0, 0, 0.25);
}
.ui-messages.ui-messages-warn {
  background-color: #8a6d3b;
  border: 0 none;
  color: #ffffff;
}
.ui-messages.ui-messages-warn .ui-messages-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ui-messages.ui-messages-warn .ui-messages-close {
  color: rgba(0, 0, 0, 0.25);
}
.ui-messages.ui-messages-error {
  background-color: #fe596b;
  border: 0 none;
  color: #ffffff;
}
.ui-messages.ui-messages-error .ui-messages-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ui-messages.ui-messages-error .ui-messages-close {
  color: rgba(0, 0, 0, 0.25);
}
.ui-messages .ui-messages-close {
  top: 0.25em;
  right: 0.5em;
  font-size: 1.5em;
}
.ui-messages .ui-messages-icon {
  font-size: 2em;
}

.ui-message {
  padding: 0.429em;
  margin: 0;
}
.ui-message.ui-message-info {
  background-color: #0b75ad;
  border: 0 none;
  color: #ffffff;
}
.ui-message.ui-message-info .ui-message-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ui-message.ui-message-success {
  background-color: #88be58;
  border: 0 none;
  color: #ffffff;
}
.ui-message.ui-message-success .ui-message-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ui-message.ui-message-warn {
  background-color: #8a6d3b;
  border: 0 none;
  color: #ffffff;
}
.ui-message.ui-message-warn .ui-message-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ui-message.ui-message-error {
  background-color: #fe596b;
  border: 0 none;
  color: #ffffff;
}
.ui-message.ui-message-error .ui-message-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ui-message .ui-message-icon {
  font-size: 1.25em;
}
.ui-message .ui-message-text {
  font-size: 1em;
}

.ui-growl {
  top: 70px;
}
.ui-growl .ui-growl-item-container {
  margin: 0 0 1em 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-growl .ui-growl-item-container .ui-growl-item {
  padding: 1em;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message {
  margin: 0 0 0 4em;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image {
  font-size: 2.571em;
}
.ui-growl .ui-growl-item-container.ui-growl-message-info {
  background-color: #0b75ad;
  border: 0 none;
  color: #ffffff;
}
.ui-growl .ui-growl-item-container.ui-growl-message-info .ui-growl-image {
  color: rgba(0, 0, 0, 0.25);
}
.ui-growl .ui-growl-item-container.ui-growl-message-success {
  background-color: #88be58;
  border: 0 none;
  color: #ffffff;
}
.ui-growl .ui-growl-item-container.ui-growl-message-success .ui-growl-image {
  color: rgba(0, 0, 0, 0.25);
}
.ui-growl .ui-growl-item-container.ui-growl-message-warn {
  background-color: #8a6d3b;
  border: 0 none;
  color: #ffffff;
}
.ui-growl .ui-growl-item-container.ui-growl-message-warn .ui-growl-image {
  color: rgba(0, 0, 0, 0.25);
}
.ui-growl .ui-growl-item-container.ui-growl-message-error {
  background-color: #fe596b;
  border: 0 none;
  color: #ffffff;
}
.ui-growl .ui-growl-item-container.ui-growl-message-error .ui-growl-image {
  color: rgba(0, 0, 0, 0.25);
}

.ui-widget-overlay {
  background-color: rgba(77, 86, 95, 0.7);
}

.ui-overlaypanel {
  background-color: #ffffff;
  color: #333333;
  padding: 0;
  border: 1px solid #c8c8c8;
  border-radius: 0;
}
.ui-overlaypanel .ui-overlaypanel-content {
  padding: 10px 30px;
}
.ui-overlaypanel .ui-overlaypanel-close {
  background-color: #4ca1fe;
  color: #ffffff;
  width: 1.538em;
  height: 1.538em;
  line-height: 1.538em;
  text-align: center;
  position: absolute;
  top: -0.769em;
  right: -0.769em;
  transition: background-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-overlaypanel .ui-overlaypanel-close:hover {
  background-color: #005b9f;
  color: #ffffff;
}
.ui-overlaypanel .ui-overlaypanel-close .ui-overlaypanel-close-icon {
  line-height: inherit;
}
.ui-overlaypanel:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}
.ui-overlaypanel:before {
  border-color: rgba(200, 200, 200, 0);
  border-bottom-color: #c8c8c8;
}
.ui-overlaypanel.ui-overlaypanel-flipped:after {
  border-top-color: #ffffff;
}
.ui-overlaypanel.ui-overlaypanel-flipped:before {
  border-top-color: #c8c8c8;
}

.ui-sidebar {
  background-color: #ffffff;
  color: #333333;
  padding: 10px 30px;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-sidebar .ui-sidebar-close {
  color: #848484;
}
.ui-sidebar .ui-sidebar-close:hover {
  color: #333333;
}

.ui-lightbox {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-lightbox .ui-lightbox-caption {
  border: none;
  background-color: #ffffff;
  color: #34495e;
  padding: 7px;
  font-weight: 400;
}
.ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
  color: #34495e;
  margin: 0;
}
.ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
  padding: 0;
  color: #34495e;
  transition: color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
  color: #34495e;
}
.ui-lightbox .ui-lightbox-content-wrapper {
  overflow: hidden;
  background-color: #ffffff;
  color: #333333;
  border: 0 none;
  padding: 0;
  border-radius: 0;
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left,
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
  transition: all 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
  font-size: 3em;
  color: #ffffff;
  margin-top: -0.5em;
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover,
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
  transform: scale(1.2);
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading ~ a {
  display: none;
}

.ui-breadcrumb {
  background-color: #ffffff;
  border: none;
  padding: 10px 30px;
}
.ui-breadcrumb ul li .ui-menuitem-link {
  color: #333333;
  margin: 0;
}
.ui-breadcrumb ul li.ui-breadcrumb-chevron {
  margin: 0 0.5em 0 0.5em;
  color: #848484;
}
.ui-breadcrumb ul li:first-child a {
  color: #848484;
  margin: 0;
}
.ui-breadcrumb ul li .ui-menuitem-icon {
  color: #848484;
}

.ui-menu .ui-menuitem-link,
.ui-menubar .ui-menuitem-link,
.ui-tieredmenu .ui-menuitem-link,
.ui-contextmenu .ui-menuitem-link,
.ui-megamenu .ui-menuitem-link,
.ui-slidemenu .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
  font-weight: normal;
  border-radius: 0;
}
.ui-menu .ui-menuitem-link .ui-menuitem-text,
.ui-menubar .ui-menuitem-link .ui-menuitem-text,
.ui-tieredmenu .ui-menuitem-link .ui-menuitem-text,
.ui-contextmenu .ui-menuitem-link .ui-menuitem-text,
.ui-megamenu .ui-menuitem-link .ui-menuitem-text,
.ui-slidemenu .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-menu .ui-menuitem-link .ui-menuitem-icon,
.ui-menubar .ui-menuitem-link .ui-menuitem-icon,
.ui-tieredmenu .ui-menuitem-link .ui-menuitem-icon,
.ui-contextmenu .ui-menuitem-link .ui-menuitem-icon,
.ui-megamenu .ui-menuitem-link .ui-menuitem-icon,
.ui-slidemenu .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
  margin-right: 0.5em;
  width: 1em;
  text-align: center;
}
.ui-menu .ui-menuitem-link:hover,
.ui-menubar .ui-menuitem-link:hover,
.ui-tieredmenu .ui-menuitem-link:hover,
.ui-contextmenu .ui-menuitem-link:hover,
.ui-megamenu .ui-menuitem-link:hover,
.ui-slidemenu .ui-menuitem-link:hover {
  background-color: #eaeaea;
}
.ui-menu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-menubar .ui-menuitem-link:hover .ui-menuitem-text,
.ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-megamenu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-text {
  color: #333333;
}
.ui-menu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-menubar .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-megamenu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-icon {
  color: #333333;
}

.ui-menubar {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
  padding: 0.714em 0.857em;
}
.ui-menubar .ui-menubar-root-list > .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 0 0 0 1px;
}
.ui-menubar .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-menubar .ui-submenu-list .ui-menuitem {
  margin: 0;
}
.ui-menubar .ui-submenu-list .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}
.ui-menubar .ui-menuitem {
  margin: 0;
}
.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}

.ui-contextmenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-contextmenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-contextmenu .ui-menuitem {
  margin: 0;
}
.ui-contextmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
.ui-contextmenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

.ui-tieredmenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.ui-tieredmenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-tieredmenu .ui-menuitem {
  margin: 0;
}
.ui-tieredmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
.ui-tieredmenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

.ui-slidemenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.ui-slidemenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 0 none;
}
.ui-slidemenu .ui-menuitem {
  margin: 0;
}
.ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
.ui-slidemenu .ui-slidemenu-backward {
  margin: 0;
  padding: 7px;
  color: #34495e;
  background-color: #ffffff;
  font-weight: 400;
  border: 0 none;
}
.ui-slidemenu .ui-slidemenu-backward:hover {
  background-color: #ffffff;
  color: #34495e;
}
.ui-slidemenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

.ui-megamenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.ui-megamenu .ui-megamenu-submenu-header {
  margin: 0;
  padding: 7px;
  color: #34495e;
  background-color: #ffffff;
  font-weight: 400;
  border: 0 none;
}
.ui-megamenu .ui-megamenu-panel {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-megamenu .ui-menuitem {
  margin: 0;
}
.ui-megamenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
.ui-megamenu.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  right: 0.429em;
}

.ui-progressbar {
  border: 0 none;
  height: 24px;
  background-color: #ebebeb;
}
.ui-progressbar .ui-progressbar-value {
  border: 0 none;
  margin: 0;
  background: #4ca1fe;
}
.progress--yellow .ui-progressbar .ui-progressbar-value {
  background: #ffc107;
}
.ui-progressbar .ui-progressbar-label {
  margin-top: 0;
  color: #333333;
  line-height: 24px;
}

.ui-galleria .ui-galleria-nav-prev,
.ui-galleria .ui-galleria-nav-next {
  transition: all 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
  position: absolute;
  color: #848484;
}
.ui-galleria .ui-galleria-nav-prev:hover,
.ui-galleria .ui-galleria-nav-next:hover {
  transform: scale(1.2);
}
.ui-galleria .ui-galleria-nav-prev {
  font-size: 14px;
}
.ui-galleria .ui-galleria-nav-next {
  font-size: 14px;
}

.ui-terminal {
  background-color: #ffffff;
  color: #333333;
  border: none;
  padding: 10px 30px;
}
.ui-terminal .ui-terminal-input {
  font-size: 12px;
  font-family: "Roboto";
  height: 14px;
}
.ui-terminal .ui-terminal-command {
  height: 14px;
}

.ui-inplace {
  min-height: 2.357em;
}
.ui-inplace .ui-inplace-display {
  padding: 0.75em;
  border-radius: 3px;
  transition: background-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-inplace .ui-inplace-display:not(.ui-state-disabled):hover {
  background-color: #eaeaea;
  color: #333333;
}

.ui-fluid .ui-inplace.ui-inplace-closable .ui-inplace-content > :first-child {
  display: inline-block;
  width: calc(100% - 2.357em);
}

/* Add your customizations of theme here */
.ui-accordion .ui-accordion-item {
  float: left;
  width: 100%;
  clear: both;
  padding: 0;
  margin: 0 0 15px 0;
  border-radius: 5px !important;
  background: #fff;
  box-shadow: 0px 0px 4.05px 0.95px rgba(146, 146, 146, 0.25);
}
.ui-accordion .ui-accordion-item:before, .ui-accordion .ui-accordion-item:after {
  content: " ";
  display: table;
}
.ui-accordion .ui-accordion-item:after {
  clear: both;
}
.ui-accordion .ui-accordion-header {
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
}
.ui-accordion .ui-accordion-header > a {
  position: relative;
  padding: 15px 40px 15px 20px;
  display: block;
  outline: none;
}
.ui-accordion .ui-accordion-header .heading {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #4d565f;
  font-weight: 500;
  padding: 0;
}
.ui-accordion .ui-accordion-header .heading i {
  font-size: 15px;
  color: #4ca1fe;
  margin: 0 10px 0 0;
  vertical-align: top;
}
.ui-accordion .ui-accordion-toggle-icon {
  position: absolute;
  right: 20px;
  top: 16px;
  cursor: pointer;
  font-size: 14px;
}
.ui-accordion .ui-accordion-content {
  padding: 20px 40px;
}

.ui-accordion-content-wrapper-overflown {
  overflow: hidden;
}

.ui-rtl .ui-accordion .ui-accordion-header a {
  padding: 20px 30px 15px 50px !important;
}
.ui-rtl .ui-accordion .ui-accordion-toggle-icon {
  left: 20px;
  right: auto;
}

.sidebar--accordion .ui-accordion .ui-accordion-item {
  border-radius: 3px !important;
  margin-bottom: 9px;
}
.sidebar--accordion .ui-accordion .ui-accordion-header > a {
  padding: 7px;
  border-radius: 3px 3px 0 0;
}
.sidebar--accordion .ui-accordion .ui-accordion-header .heading {
  font-size: 12px;
  color: #34495e;
}
.sidebar--accordion .ui-accordion .ui-accordion-header .heading .initials {
  display: inline-block;
  width: 28px;
  height: 26px;
  font-size: 12px;
  line-height: 18px;
  color: #4ca1fe;
  text-align: center;
  padding: 4px;
  border: 1px solid #4ca1fe;
  border-radius: 3px;
  margin: 0 10px 0 0;
}
.sidebar--accordion .ui-accordion .ui-accordion-header .heading .count {
  color: #969dab;
}
.sidebar--accordion .ui-accordion .ui-accordion-header.ui-state-active > a {
  background: #4ca1fe;
}
.sidebar--accordion .ui-accordion .ui-accordion-header.ui-state-active .heading {
  color: #fff;
}
.sidebar--accordion .ui-accordion .ui-accordion-header.ui-state-active .heading .count {
  color: #fff;
}
.sidebar--accordion .ui-accordion .ui-accordion-header.ui-state-active .heading .initials {
  color: #fff;
  border-color: #fff;
}
.sidebar--accordion .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-toggle-icon {
  color: #fff;
}
.sidebar--accordion .ui-accordion .ui-accordion-toggle-icon {
  color: #bdc2c6;
  right: 15px;
  top: 14px;
}
.sidebar--accordion .ui-accordion .ui-accordion-content {
  padding: 10px 50px;
}
.sidebar--accordion .ui-accordion .ui-accordion-content ul li {
  padding: 5px 0;
}
.sidebar--accordion .ui-accordion .ui-accordion-content ul li a {
  color: #34495e;
}
.sidebar--accordion .ui-accordion .ui-accordion-content ul li a .count {
  color: #969dab;
}
.sidebar--accordion .ui-accordion .ui-accordion-content ul li a:hover {
  color: #4ca1fe;
}
.sidebar--accordion .ui-accordion .ui-accordion-content ul li.active a {
  color: #4ca1fe;
}

.ui-steps ul {
  list-style-type: none;
  margin: 0 auto;
  padding: 30px 0;
  max-width: 1100px;
  text-align: center;
}
.ui-steps ul:before, .ui-steps ul:after {
  content: " ";
  display: table;
}
.ui-steps ul:after {
  clear: both;
}
.ui-steps .ui-steps-item {
  float: left;
  width: calc(100% / 4);
  position: relative;
}
.ui-steps .ui-steps-item:before {
  content: "";
  position: absolute;
  left: -50%;
  bottom: -2px;
  z-index: 1;
  width: 100%;
  height: 3px;
  background: #cdd4d8;
}
.ui-steps .ui-steps-item:first-child:before {
  display: none;
}
.ui-steps .ui-steps-item.ui-steps-current:before, .ui-steps .ui-steps-item.ui-state-complete:before {
  background: #4ca1fe;
}
.ui-steps .ui-steps-item.ui-steps-current .ui-menuitem-link:before, .ui-steps .ui-steps-item.ui-state-complete .ui-menuitem-link:before {
  border-color: #4ca1fe;
  box-shadow: 0px 8px 16px 0px rgba(76, 161, 254, 0.25);
}
.ui-steps .ui-steps-item.ui-steps-current .ui-steps-number, .ui-steps .ui-steps-item.ui-state-complete .ui-steps-number {
  color: #7c8288;
}
.ui-steps .ui-steps-item.ui-steps-current .ui-steps-title, .ui-steps .ui-steps-item.ui-state-complete .ui-steps-title {
  font-weight: 600;
  color: #34495e;
}
.ui-steps .ui-steps-item.ui-state-complete .ui-steps-number {
  color: #4d565f;
}
.ui-steps .ui-steps-item.ui-steps-current .ui-menuitem-link:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin: 0 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #4ca1fe;
  border-radius: 50%;
}
.ui-steps .ui-steps-item.ui-state-complete .ui-menuitem-link:after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 50%;
  bottom: -11px;
  margin: 0 0 0 -11px;
  width: 22px;
  font-size: 14px;
  line-height: 18px;
  border: 2px solid #4ca1fe;
  color: #fff;
  background: #4ca1fe;
  border-radius: 50%;
}
.ui-steps .ui-steps-item.ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ui-steps.ui-steps-readonly .ui-steps-item {
  cursor: auto;
}
.ui-steps .ui-steps-number {
  display: block;
  font-size: 32px;
  font-weight: bold;
  color: #cdd4d8;
}
.ui-steps .ui-steps-title {
  display: block;
  white-space: nowrap;
  font-size: 15px;
  color: #4d565f;
}
.ui-steps .ui-menuitem-link {
  display: block;
  position: relative;
  padding: 0 0 25px 0;
  cursor: default;
  outline: none;
}
.ui-steps .ui-menuitem-link:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -13px;
  left: 50%;
  margin: 0 0 0 -13px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #cdd4d8;
  box-shadow: 0px 8px 16px 0px rgba(112, 124, 131, 0.25);
}
.ui-steps .ui-menuitem-link:after {
  z-index: 3;
}

.timeline {
  margin: 0 auto;
  padding: 30px 0;
  max-width: 1100px;
  text-align: center;
}
.timeline:before, .timeline:after {
  content: " ";
  display: table;
}
.timeline:after {
  clear: both;
}
.timeline .timeline__step {
  float: left;
  width: calc(100% / 4);
  position: relative;
  padding: 0 0 25px 0;
}
.timeline .timeline__step:before {
  content: "";
  position: absolute;
  left: -50%;
  bottom: -2px;
  z-index: 1;
  width: 100%;
  height: 3px;
  background: #cdd4d8;
}
.timeline .timeline__step:first-child:before {
  display: none;
}
.timeline .timeline__step .step__status {
  position: absolute;
  z-index: 2;
  bottom: -13px;
  left: 50%;
  margin: 0 0 0 -13px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #cdd4d8;
  box-shadow: 0px 8px 16px 0px rgba(112, 124, 131, 0.25);
}
.timeline .timeline__step .step__no {
  display: block;
  font-size: 32px;
  font-weight: bold;
  color: #cdd4d8;
}
.timeline .timeline__step .step__name {
  font-size: 15px;
  color: #4d565f;
}
.timeline .timeline__step.current:before, .timeline .timeline__step.done:before {
  background: #4ca1fe;
}
.timeline .timeline__step.current .step__status, .timeline .timeline__step.done .step__status {
  border-color: #4ca1fe;
  box-shadow: 0px 8px 16px 0px rgba(76, 161, 254, 0.25);
}
.timeline .timeline__step.current .step__no, .timeline .timeline__step.done .step__no {
  color: #7c8288;
}
.timeline .timeline__step.current .step__name, .timeline .timeline__step.done .step__name {
  font-weight: 600;
  color: #34495e;
}
.timeline .timeline__step.done .step__no {
  color: #4d565f;
}
.timeline .timeline__step.current .step__status:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #4ca1fe;
  border-radius: 50%;
}
.timeline .timeline__step.done .step__status:after {
  content: "check";
  font-family: "Material Icons";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -11px 0 0 -11px;
  font-size: 18px;
  line-height: 18px;
  border: 2px solid #4ca1fe;
  color: #fff;
  background: #4ca1fe;
  border-radius: 50%;
}

.ui-dialog {
  position: fixed;
  padding: 0;
  background: #fff;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ui-dialog .ui-dialog-titlebar {
  text-align: left;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px 20px 15px;
  position: relative;
}
.ui-dialog .ui-dialog-titlebar h2 {
  float: left;
  font-size: 14px;
  font-weight: 500;
}
.ui-dialog .ui-dialog-titlebar h2 span {
  color: #4d565f;
  font-size: 16px;
  margin-right: 8px;
}
.ui-dialog .ui-dialog-titlebar .actions {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  padding: 0 25px 0 0;
}
.ui-dialog .ui-dialog-titlebar .actions :lang(fr) {
  text-transform: none;
}
.ui-dialog .ui-dialog-titlebar .actions a {
  display: inline-block;
  color: #4d565f;
  vertical-align: middle;
  padding: 25px 5px 16px 27px;
  border-bottom: 2px solid #fff;
}
.ui-dialog .ui-dialog-titlebar .actions a:hover, .ui-dialog .ui-dialog-titlebar .actions a.active {
  border-bottom-color: #4ca1fe;
}
.ui-dialog .ui-dialog-titlebar .actions .alert {
  display: inline-block;
  padding: 0 3px;
  position: relative;
  line-height: 14px;
}
.ui-dialog .ui-dialog-titlebar .actions .alert i {
  position: absolute;
  left: 5px;
  top: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  border-radius: 10px;
  background: #e5e5e5;
  padding: 3px;
  margin: -8px 0 0 0;
  color: #fff;
}
.ui-dialog .ui-dialog-titlebar .actions .alert.complete i {
  background: #35b968;
}
.ui-dialog .ui-dialog-titlebar .actions .alert.complete strong {
  color: #35b968;
}
.ui-dialog .ui-dialog-titlebar .actions .alert.updated i {
  background: #4ca1fe;
  transform: rotate(180deg);
}
.ui-dialog .ui-dialog-titlebar .actions .alert.updated strong {
  color: #4ca1fe;
}
.ui-dialog .ui-dialog-titlebar .actions .alert.deleted i {
  background: #ce4a73;
}
.ui-dialog .ui-dialog-titlebar .actions .alert.deleted strong {
  color: #ce4a73;
}
.ui-dialog .ui-dialog-titlebar .actions .alert.canceled i {
  background: #ec638d;
}
.ui-dialog .ui-dialog-titlebar .actions .alert.canceled strong {
  color: #ec638d;
}
.ui-dialog .ui-dialog-titlebar .actions .alert.no-icon a {
  padding-left: 5px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-actions {
  float: right;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 20px;
  zoom: 1;
  max-height: 400px;
  overflow: auto;
}
.ui-dialog .ui-dialog-footer {
  background: #f4f5f9;
  border-top: 1px solid #d7d7d7;
  padding: 15px 20px;
  border-radius: 0 0 5px 5px;
  text-align: right;
}
.ui-dialog .ui-dialog-footer .btn {
  margin: 0 5px;
}
.ui-dialog .ui-dialog-titlebar-icon {
  text-decoration: none;
  float: right;
  padding: 0.125em;
  cursor: pointer;
  border: 1px solid transparent;
  position: absolute;
  right: 15px;
  top: 19px;
}
.ui-dialog .ui-dialog-titlebar-icon span {
  display: block;
  margin: 0;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
@media (max-width: 1024px) {
  .ui-dialog {
    min-width: 90% !important;
    max-width: 90% !important;
  }
}

.ui-dialog--big {
  min-width: 1000px;
  max-width: 1000px;
}

.ui-dialog--small {
  min-width: 550px;
  max-width: 550px;
}

.ui-dialog--medium {
  min-width: 750px;
  max-width: 750px;
}

.ui-dynamicdialog {
  top: 50%;
  left: 50%;
}

.ui-dialog-resizable .ui-dialog-content {
  overflow: auto;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-dialog-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.ui-dialog-maximized {
  transition: left 0.3s, top 0.3s, width 0.3s, height 0.3s;
}

/* ConfirmDialog */
.ui-confirmdialog {
  width: 30em;
  top: 50%;
  left: 50%;
}
.ui-confirmdialog.ui-dialog .ui-dialog-content {
  padding: 3em 2em;
}
.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon {
  font-size: 1.5em;
  vertical-align: middle;
  margin-right: 0.5em;
}
.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-message {
  vertical-align: middle;
}

.ui-dialog-footer .ui-button {
  margin-right: 0.25em;
}

/* Fluid */
.ui-fluid .ui-dialog-footer .ui-button {
  width: auto;
}

/* RTL */
.ui-rtl .ui-dialog .ui-dialog-titlebar-close {
  float: left;
}
.ui-rtl .ui-dialog .ui-dialog-buttonpane button {
  text-align: right;
}

@media screen and (max-width: 40em) {
  .ui-confirmdialog {
    width: 90%;
  }
}
.ui-dialog--create-data-source .ui-dialog-content {
  position: relative;
  height: 450px;
  max-height: 450px;
}
.ui-dialog--create-data-source .ui-dialog-content .modal-form {
  padding: 30px 0;
}
.ui-dialog--create-data-source .ui-dialog-content .modal-form .form__error {
  padding: 15px;
  font-size: 14px;
  text-align: center;
}
.ui-dialog--create-data-source .ui-dialog-content h4 {
  font-size: 14px;
  font-weight: 500;
  color: #34495e;
  padding: 0 0 5px 0;
}
.ui-dialog--create-data-source .ui-dialog-content h4.icon-heading {
  color: #4ca1fe;
  font-size: 14px;
  line-height: 18px;
}
.ui-dialog--create-data-source .ui-dialog-content h4.icon-heading i {
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
  margin: -3px 10px 0 0;
}
.ui-dialog--create-data-source .ui-dialog-content a {
  color: #4ca1fe;
}
.ui-dialog--create-data-source .ui-dialog-content a:hover {
  color: #1a1a1a;
}
.ui-dialog--create-data-source .ui-steps ul {
  padding: 0 0 40px;
}
.ui-dialog--create-data-source .form-steps {
  padding: 10px 20px;
  background: #fff;
  position: relative;
}

.ui-dialog--account-settings {
  background: #f4f5f9;
}
.ui-dialog--account-settings .ui-dialog-titlebar {
  background: #fff;
}
.ui-dialog--account-settings .ui-dialog-content {
  padding: 0;
}
.ui-dialog--account-settings .modal__sidebar {
  float: left;
  width: 30%;
  padding: 15px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
@media (max-width: 1024px) {
  .ui-dialog--account-settings .modal__sidebar {
    width: 100%;
  }
}
.ui-dialog--account-settings .modal__sidebar ul.left-nav li {
  margin: 0 0 8px 0;
}
@media (max-width: 1024px) {
  .ui-dialog--account-settings .modal__sidebar ul.left-nav li {
    width: 50%;
    display: inline-block;
    padding: 0 5px;
  }
}
@media (max-width: 480px) {
  .ui-dialog--account-settings .modal__sidebar ul.left-nav li {
    width: 100%;
    padding: 0;
  }
}
.ui-dialog--account-settings .modal__sidebar ul.left-nav li a {
  font-size: 12px;
  position: relative;
  display: block;
  color: #34495e;
  background: #fff;
  border-radius: 3px;
  vertical-align: middle;
  padding: 8px 25px 8px 38px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 0px 0px 4.05px 0.95px rgba(146, 146, 146, 0.2);
}
.ui-dialog--account-settings .modal__sidebar ul.left-nav li a i {
  position: absolute;
  left: 10px;
  top: 50%;
  margin: -8px 0 0 0;
  font-size: 16px;
  line-height: 16px;
  width: 20px;
  text-align: center;
  height: 16px;
  vertical-align: middle;
  color: #cbcbcb;
}
.ui-dialog--account-settings .modal__sidebar ul.left-nav li a .close {
  height: 16px;
  right: 10px;
  margin: -8px 0 0;
  position: absolute;
  top: 50%;
  width: 16px;
  cursor: pointer;
}
.ui-dialog--account-settings .modal__sidebar ul.left-nav li a .close i {
  left: 0;
}
.ui-dialog--account-settings .modal__sidebar ul.left-nav li a:hover, .ui-dialog--account-settings .modal__sidebar ul.left-nav li a.active {
  background: #4ca1fe;
  color: #fff;
}
.ui-dialog--account-settings .modal__sidebar ul.left-nav li a:hover i, .ui-dialog--account-settings .modal__sidebar ul.left-nav li a.active i {
  color: #fff;
}
.ui-dialog--account-settings .modal__content {
  min-height: 400px;
  float: left;
  width: 70%;
  padding: 0;
  background: #fff;
  border-left: 1px solid #d7d7d7;
}
@media (max-width: 1024px) {
  .ui-dialog--account-settings .modal__content {
    width: 100%;
  }
}
.ui-dialog--account-settings .modal__content .input-search {
  width: 100%;
}
.ui-dialog--account-settings .modal__content .modal-form {
  padding: 20px 20px 40px;
}
.ui-dialog--account-settings .modal__content .modal-form .row .col-left {
  width: 25%;
}
@media (max-width: 1024px) {
  .ui-dialog--account-settings .modal__content .modal-form .row .col-left {
    width: 40%;
  }
}
.ui-dialog--account-settings .modal__content .modal-form .row .col-right {
  width: 70%;
}
@media (max-width: 1024px) {
  .ui-dialog--account-settings .modal__content .modal-form .row .col-right {
    width: 60%;
  }
}
.ui-dialog--account-settings .modal__content .modal-form .row .col-right.align-right {
  padding-left: 25%;
}
@media (max-width: 1024px) {
  .ui-dialog--account-settings .modal__content .modal-form .row .col-right.align-right {
    padding-left: 40%;
  }
}
.ui-dialog--account-settings .modal__content .modal-form .row input,
.ui-dialog--account-settings .modal__content .modal-form .row textarea,
.ui-dialog--account-settings .modal__content .modal-form .row .upload-field,
.ui-dialog--account-settings .modal__content .modal-form .row .info {
  width: 100%;
}
.ui-dialog--account-settings .modal__content .modal-form .row .upload-photo {
  width: 100%;
  text-align: center;
}
.ui-dialog--account-settings .modal__content .modal-form .row .upload-photo .profile-photo {
  width: 100%;
  height: 100px;
}
.ui-dialog--account-settings .modal__content .modal-form .row .upload-photo .profile-photo i {
  font-size: 120px;
  line-height: 100px;
  height: 100px;
  color: #cdd4d8;
}
@media (max-width: 1024px) {
  .ui-dialog--account-settings .modal__content .modal-form .row .upload-photo .profile-photo i {
    font-size: 100px;
  }
}
.ui-dialog--account-settings .modal__content .modal-form .row .upload-photo .profile-photo img {
  border-radius: 50%;
  max-width: 100px;
  vertical-align: top;
  border: 1px solid #cdd4d8;
}
.ui-dialog--account-settings .modal__content .modal-form .row .upload-photo .btn {
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  border-radius: 100%;
  margin: -25px 0 0 0;
}
.ui-dialog--account-settings .modal__content .modal-form .row .upload-photo .btn i {
  position: relative;
  left: 0;
  top: 0;
  font-size: 20px;
  line-height: 38px;
  text-align: center;
}
.ui-dialog--account-settings .modal__content .modal-form .row a {
  color: #4ca1fe;
}
.ui-dialog--account-settings .modal__content .modal-form .row a:hover {
  color: #1a1a1a;
}
.ui-dialog--account-settings .ui-dialog-footer {
  clear: both;
  background: #fff;
}
.ui-dialog--account-settings .ui-dialog-footer .btn {
  padding: 7px 25px 6px;
}

.ui-dialog--notifications .ui-dialog-titlebar:before, .ui-dialog--notifications .ui-dialog-titlebar:after {
  content: " ";
  display: table;
}
.ui-dialog--notifications .ui-dialog-titlebar:after {
  clear: both;
}
.ui-dialog--notifications .ui-dialog-titlebar h2 {
  float: left;
  padding: 5px 0;
}
.ui-dialog--notifications .ui-dialog-content {
  clear: both;
}
.ui-dialog--notifications .ui-dialog-content .modal-form {
  padding: 10px 0;
}

.ui-dialog--createsurvey .ui-dialog-titlebar:before, .ui-dialog--createsurvey .ui-dialog-titlebar:after {
  content: " ";
  display: table;
}
.ui-dialog--createsurvey .ui-dialog-titlebar:after {
  clear: both;
}
.ui-dialog--createsurvey .ui-dialog-titlebar .toggle-options {
  float: right;
  margin-right: 20px;
}
.ui-dialog--createsurvey .ui-dialog-content {
  padding: 20px;
}

.ui-dialog--questionbank .ui-dialog-titlebar:before, .ui-dialog--questionbank .ui-dialog-titlebar:after {
  content: " ";
  display: table;
}
.ui-dialog--questionbank .ui-dialog-titlebar:after {
  clear: both;
}
.ui-dialog--questionbank .ui-dialog-titlebar h2 {
  float: left;
  padding: 5px 0;
}
.ui-dialog--questionbank .ui-dialog-content {
  clear: both;
}

.ui-dialog--error .modal__background {
  background: #f4f5f9;
  opacity: 1;
  filter: alpha(opacity=100);
}
.ui-dialog--error .modal__background:after {
  content: "";
  position: fixed;
  right: -2%;
  bottom: -20%;
  width: 100%;
  height: 100%;
  background: url("assets/styles/portal/build/assets/images/icon-hourglass.svg") no-repeat right top;
  filter: grayscale(100%);
  opacity: 0.05;
}

.ui-dialog--404 .modal__background:after {
  height: 90%;
  background-image: url("assets/styles/portal/build/assets/images/icon-404.svg");
}

.ui-dialog--403 .modal__background:after {
  background-image: url("assets/styles/portal/build/assets/images/icon-lock.svg");
}

.ui-dialog--loading .modal__background:after {
  display: none;
}

.ui-dialog--fixheight .ui-dialog-content {
  min-height: 400px;
  max-height: 400px;
}

.ui-dialog--fixheight-medium .ui-dialog-content {
  min-height: 230px;
  max-height: 230px;
}

.ui-dialog--image-preview .ui-dialog-content {
  padding: 20px;
  text-align: center;
}
.ui-dialog--image-preview .ui-dialog-footer {
  text-align: center;
  padding: 0 20px;
}

.image-preview-meta .meta-info {
  color: #969dab;
}
.image-preview-meta .meta-info p {
  display: inline-block;
  width: 33%;
  padding: 10px 20px;
  border-left: 1px solid #e3e4e5;
}
.image-preview-meta .meta-info p:first-child {
  border-left: none;
}
.image-preview-meta .meta-info p span {
  display: block;
  padding: 3px 0;
  color: #4d565f;
  font-weight: 600;
  text-transform: uppercase;
}
.image-preview-meta .meta-info p span :lang(fr) {
  text-transform: none;
}
.image-preview-meta .btn {
  position: absolute;
  right: 20px;
  top: 20px;
}

.navigator {
  margin: 0 10px;
}

.navigator-list {
  border: 1px solid #e3e4e6;
  border-radius: 3px;
  line-height: 20px;
}
.navigator-list:before, .navigator-list:after {
  content: " ";
  display: table;
}
.navigator-list:after {
  clear: both;
}
.navigator-list li {
  padding: 10px 15px;
  height: 40px;
  float: left;
  border-left: 1px solid #e3e4e6;
}
.navigator-list li.icon--item {
  background: #f4f5f9;
  color: #4ca1fe;
}
.navigator-list li.icon--item i {
  font-size: 20px;
}
.navigator-list li:first-child {
  border: 0;
}
.navigator-list li:last-child {
  float: right;
}

.ui-dialog-fixed-header-table {
  border: 1px solid #dde5eb;
  border-radius: 5px;
  margin: 20px 0;
}
.ui-dialog-fixed-header-table:before, .ui-dialog-fixed-header-table:after {
  content: " ";
  display: table;
}
.ui-dialog-fixed-header-table:after {
  clear: both;
}
.ui-dialog-fixed-header-table .content-header {
  background: #f4f5f9;
  margin: 0;
  padding: 10px 10px 10px 20px;
  border-radius: 3px 3px 0 0;
}
.ui-dialog-fixed-header-table .content-header .actions {
  padding-top: 0;
}
.ui-dialog-fixed-header-table .content-header h4 {
  font-size: 12px;
}
.ui-dialog-fixed-header-table .table-striped {
  max-height: 270px;
}
.ui-dialog-fixed-header-table .table-striped table tr td {
  padding: 10px;
}

.ui-dialog--fullwidthcontent .ui-dialog-content {
  padding: 0;
}

.dialog-confirmation-content p {
  padding: 5px 0 10px;
}
.dialog-confirmation-content p.alert-bar {
  border: 1px solid #dc3545;
  padding: 10px;
  margin: 0 0 10px 0;
}
.dialog-confirmation-content ul {
  padding: 5px 0 10px 10px;
  list-style-position: outside;
  margin: 0 0 0 10px;
}
.dialog-confirmation-content ul li {
  list-style-type: disc;
  display: list-item;
  padding: 0 0 5px 0;
}

@media (max-width: 1024px) {
  .ui-dailog--categoryconfiguration .ui-dialog-content {
    max-height: 400px !important;
  }
  .ui-dailog--categoryconfiguration .ui-dialog-content .rg-drop-column {
    max-height: none !important;
    min-height: auto !important;
  }
}
.ui-dailog--categoryconfiguration .col {
  float: left;
  width: 48%;
  padding: 10px;
}
@media (max-width: 1024px) {
  .ui-dailog--categoryconfiguration .col {
    width: 100%;
  }
}
.ui-dailog--categoryconfiguration .col-seperator {
  width: 4%;
  float: left;
  min-height: 400px;
  max-height: 400px;
  text-align: center;
}
.ui-dailog--categoryconfiguration .col-seperator i {
  margin-top: 250px;
  font-size: 30px;
  color: #ccc;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .ui-dailog--categoryconfiguration .col-seperator {
    width: 100%;
    min-height: auto;
    max-height: none;
  }
  .ui-dailog--categoryconfiguration .col-seperator i {
    margin-top: 0;
  }
}

.ui-dropdown {
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  /* .language-switcher & {
     border: none;
   }*/
}
.dashboard-filters .ui-dropdown {
  margin-right: 10px;
}
.alphabetic-filters .ui-dropdown {
  border: none;
}
.ui-dropdown .ui-dropdown-clear-icon {
  position: absolute;
  right: 2em;
  top: 50%;
  font-size: 1em;
  height: 1em;
  margin-top: -0.5em;
}
.ui-dropdown .ui-dropdown-trigger {
  border-right: none;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
  width: 1.5em;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.25em;
}
.ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  position: absolute;
  font-size: 12px;
}
.alphabetic-filters .ui-dropdown .ui-dropdown-trigger {
  border-left: 1px solid #e1e1e1;
}
.ui-dropdown .ui-dropdown-label {
  display: block;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  width: 100%;
  font-size: 12px;
  line-height: normal;
  padding-right: 2.5em;
  /* .language-switcher & {
     padding-left: 0.5em;
     color: #b3b3b3;
     font-size: 13px;
   }*/
}
.alphabetic-filters .ui-dropdown .ui-dropdown-label {
  padding-left: 1em;
  padding-right: 3.5em;
}
.dashboard-filters .ui-dropdown .ui-dropdown-label {
  max-width: 185px;
  text-overflow: ellipsis;
}
.form-field .ui-dropdown .ui-dropdown-label {
  padding: 8px 2.5em 8px 10px;
}

.ui-dropdown-item-empty,
.ui-dropdown-label-empty {
  text-indent: -9999px;
  overflow: hidden;
}

.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,
.ui-dropdown.ui-state-disabled .ui-dropdown-label {
  cursor: default;
}
.ui-dropdown label.ui-dropdown-label {
  cursor: pointer;
}
.ui-dropdown input.ui-dropdown-label {
  cursor: default;
}
.ui-dropdown .ui-dropdown-panel {
  min-width: 100%;
}
.language-switcher .ui-dropdown .ui-dropdown-panel {
  min-width: 170px;
}

.ui-dropdown-panel {
  position: absolute;
  height: auto;
}
.ui-dropdown-panel .ui-dropdown-items-wrapper {
  overflow: auto;
}
.ui-dropdown-panel .ui-dropdown-item {
  font-weight: normal;
  border: 0 none;
  cursor: pointer;
  margin: 1px 0;
  padding: 0.125em 0.25em;
  text-align: left;
}
.ui-dropdown-panel .ui-dropdown-empty-message {
  padding: 0.5em;
}
.ui-dropdown-panel .ui-dropdown-item-group {
  font-weight: bold;
  cursor: default;
}
.ui-dropdown-panel .ui-dropdown-list {
  padding: 0.4em;
  border: 0 none;
}
.ui-dropdown-panel .ui-dropdown-filter {
  width: 100%;
  box-sizing: border-box;
  padding-right: 1.5em;
}
.ui-dropdown-panel .ui-dropdown-filter-container {
  position: relative;
  margin: 0;
  padding: 0.4em;
  display: inline-block;
  width: 100%;
}
.ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
  position: absolute;
  top: 0.8em;
  right: 1em;
  font-size: 14px;
}
.ui-dropdown-panel.maxwidth-defined .ui-dropdown-items-wrapper {
  max-width: 506px;
}

/** Dropdown **/
.ui-fluid .ui-dropdown {
  width: 100%;
}

.ui-dropdown {
  background: #ffffff;
  border: 1px solid #e1e1e1;
  transition: border-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-dropdown:not(.ui-state-disabled):hover {
  border-color: #e1e1e1;
}
.ui-dropdown:not(.ui-state-disabled).ui-state-focus {
  border-color: #d1d1d1;
  outline: 0 none;
  box-shadow: 0 0 10px 0 rgba(120, 120, 120, 0.25);
}
.language-switcher .ui-dropdown:not(.ui-state-disabled).ui-state-focus {
  box-shadow: none;
}
.ui-dropdown .ui-dropdown-label {
  padding-left: 0.75em;
}
.ui-dropdown .ui-dropdown-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #848484;
}
.ui-dropdown .ui-dropdown-clear-icon {
  color: #848484;
}

.ui-dropdown-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-dropdown-panel .ui-dropdown-filter-container {
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}
.ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
  width: 100%;
  padding-right: 2em;
}
.ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  right: 1em;
  color: #4ca1fe;
}
.ui-dropdown-panel .ui-dropdown-items {
  padding: 0;
}
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item,
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  border-radius: 0;
}
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight,
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight {
  color: #333333;
  background-color: #e4e6ec;
}
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover,
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}

.ui-toast {
  position: fixed;
  width: 400px;
}
.ui-toast .ui-toast-message {
  position: relative;
  display: block;
  margin-bottom: 0.75em;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.ui-toast .ui-toast-message-content {
  padding: 20px 20px 20px 70px;
  position: relative;
  font-size: 13px;
}
.ui-toast .ui-toast-message-content h3 {
  font-size: 18px;
  margin: 0 0 7px;
}
.ui-toast .ui-toast-close-icon {
  position: absolute;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  right: 10px;
  top: 6px;
}
.ui-toast .ui-toast-summary {
  font-weight: bold;
  padding: 0 0 0.5em 0;
  display: block;
}
.ui-toast .ui-toast-icon {
  position: absolute;
  display: inline-block;
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 40px;
  left: 15px;
  line-height: 40px;
  margin: -20px 0 0;
  top: 50%;
}
.ui-toast .ui-toast-message-text-content {
  padding: 0 0 0.25em 0;
  margin-left: 2.5em;
}

/* Positions */
.ui-toast-top-right {
  top: 20px;
  right: 20px;
}

.ui-toast-top-left {
  top: 20px;
  left: 20px;
}

.ui-toast-bottom-right,
.ui-toast-bottom-left {
  bottom: 20px;
  right: 20px;
}

.ui-toast-top-center {
  top: 20px;
  left: 50%;
  margin-left: -10em;
}

.ui-toast-bottom-center {
  bottom: 20px;
  left: 50%;
  margin-left: -10em;
}

.ui-toast-center {
  left: 50%;
  top: 50%;
  min-width: 20vw;
  transform: translate(-50%, -50%);
}

.ui-toast .ui-toast-message {
  box-shadow: 0 0 16.2px 1.8px rgba(145, 145, 145, 0.5);
  margin: 0 0 15px 0;
}
.ui-toast .ui-toast-message.ui-toast-message-info {
  background-color: #0b75ad;
  border: 0 none;
  color: #ffffff;
}
.ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-close-icon {
  color: #ffffff;
}
.ui-toast .ui-toast-message.ui-toast-message-success {
  background-color: #88be58;
  border: 0 none;
  color: #ffffff;
}
.ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-close-icon {
  color: #ffffff;
}
.ui-toast .ui-toast-message.ui-toast-message-warn {
  background-color: #8a6d3b;
  border: 0 none;
  color: #ffffff;
}
.ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-close-icon {
  color: #ffffff;
}
.ui-toast .ui-toast-message.ui-toast-message-error {
  background-color: #fe596b;
  border: 0 none;
  color: #ffffff;
}
.ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-close-icon {
  color: #ffffff;
}

.ui-menu {
  width: 185px;
  padding: 0.25em;
}
.ui-menu.ui-menu-dynamic {
  position: absolute;
}
.ui-menu .ui-menu-separator {
  border-width: 1px 0 0 0;
}
.ui-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-menu .ui-submenu-header {
  padding: 0.25em 0.5em;
  margin: 0.125em 0;
}
.ui-menu .ui-menuitem {
  margin: 0.125em 0;
}
.ui-menu .ui-menuitem-link {
  padding: 0.6em 0.9em;
  display: block;
  text-decoration: none;
}
.ui-menu .ui-menuitem-icon {
  margin-right: 0.5em;
  font-size: 14px;
  font-weight: 300;
  vertical-align: middle;
}
.ui-menu .ui-menuitem-text {
  vertical-align: middle;
}

.ui-menu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.ui-menu .ui-menuitem {
  margin: 0;
}
.ui-menu.ui-shadow {
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-menu .ui-submenu-header {
  margin: 0;
  padding: 0.714em 0.857em;
  color: #34495e;
  background-color: #ffffff;
  font-weight: 400;
  border: 0 none;
}
.ui-menu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

.ui-tooltip .ui-tooltip-text {
  background-color: #4c5e70;
  color: #ffffff;
  padding: 0.75em;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: #4c5e70;
}
.ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: #4c5e70;
}
.ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
  border-top-color: #4c5e70;
}
.ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
  border-bottom-color: #4c5e70;
}

.ui-tooltip {
  position: absolute;
  display: none;
  padding: 0.25em 0.5em;
  max-width: 25em;
  font-size: 12px;
}
.ui-tooltip.ui-tooltip-right, .ui-tooltip.ui-tooltip-left {
  padding: 0 0.25em;
}
.ui-tooltip.ui-tooltip-top, .ui-tooltip.ui-tooltip-bottom {
  padding: 0.25em 0;
}
.ui-tooltip.ui-tooltip-top {
  margin: -3px 0 0 0;
}
.ui-tooltip.ui-tooltip-bottom {
  margin: 3px 0 0 0;
}
.ui-tooltip.ui-tooltip-right {
  margin: 0 0 0 3px;
}
.ui-tooltip.ui-tooltip-left {
  margin: 0 0 0 -3px;
}
.ui-tooltip .ui-tooltip-text {
  padding: 0.25em 0.75em;
  background-color: #4c4c4c;
  color: #ffffff;
  white-space: pre-line;
}
.ui-tooltip.tooltip--questionblock {
  max-width: 186px;
}
.ui-tooltip.tooltip--questionblock .ui-tooltip-text {
  background-color: #f3f6f8;
  color: #34495e;
  font-size: 14px;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-tooltip.tooltip--questionblock .ui-tooltip-text p {
  padding: 0 0 15px 0;
}
.ui-tooltip.tooltip--questionblock.ui-tooltip-right {
  margin: 0 0 0 10px;
}
.ui-tooltip.tooltip--questionblock.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: #f3f6f8;
  margin-top: -10px;
  margin-left: -7px;
  border-width: 10px 10px 10px 0;
}
.ui-tooltip.tooltip--questionblock.ui-tooltip-left {
  margin: 0 0 0 -10px;
}
.ui-tooltip.tooltip--questionblock.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: #f3f6f8;
  margin-top: -10px;
  margin-right: -7px;
  border-width: 10px 0 10px 10px;
}
.ui-tooltip.tooltip--questionblock.ui-tooltip-top {
  margin: -10px 0 0 0;
  padding: 10px 0;
}
.ui-tooltip.tooltip--questionblock.ui-tooltip-top .ui-tooltip-arrow {
  border-top-color: #f3f6f8;
  margin-left: -10px;
  margin-bottom: 0px;
  border-width: 10px 10px 0;
}
.ui-tooltip.tooltip--questionblock.ui-tooltip-bottom {
  margin: 10px 0 0 0;
}
.ui-tooltip.tooltip--questionblock.ui-tooltip-bottom .ui-tooltip-arrow {
  border-bottom-color: #f3f6f8;
  margin-left: -10px;
  margin-top: -7px;
  border-width: 0 10px 10px;
}

.ui-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.ui-tooltip-right .ui-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -0.25em;
  border-width: 0.25em 0.25em 0.25em 0;
  border-right-color: #4c4c4c;
}

.ui-tooltip-left .ui-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -0.25em;
  border-width: 0.25em 0 0.25em 0.25em;
  border-left-color: #4c4c4c;
}

.ui-tooltip.ui-tooltip-top {
  padding: 0.25em 0;
}

.ui-tooltip-top .ui-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -0.25em;
  border-width: 0.25em 0.25em 0;
  border-top-color: #4c4c4c;
}

.ui-tooltip-bottom .ui-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -0.25em;
  border-width: 0 0.25em 0.25em;
  border-bottom-color: #4c4c4c;
}

.ui-datepicker {
  padding: 0.857em;
  min-width: 20em;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #a6a6a6;
}
.ui-datepicker:not(.ui-datepicker-inline) {
  border: 1px solid #c8c8c8;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover {
  color: #4ca1fe;
}
.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:focus,
.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:focus {
  outline: 0 none;
  color: #4ca1fe;
}
.ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover {
  background-color: #eaeaea;
}
.ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover {
  background-color: #eaeaea;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0.5em 0.5em 0.5em 0.5em;
  background-color: #ffffff;
  color: #333333;
  border-radius: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  top: 0;
  color: #a6a6a6;
  transition: color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  margin-top: -0.35em;
  margin-bottom: 0;
}
.ui-datepicker table {
  font-size: 12px;
  margin: 0.857em 0 0 0;
}
.ui-datepicker table th {
  padding: 0.5em;
}
.ui-datepicker table td {
  padding: 0.25em;
}
.ui-datepicker table td > a,
.ui-datepicker table td > span {
  display: block;
  text-align: center;
  color: #333333;
  padding: 0.25em;
  border-radius: 3px;
}
.ui-datepicker table td > a {
  cursor: pointer;
}
.ui-datepicker table td > a.ui-state-active {
  color: #ffffff;
  background-color: #4ca1fe;
}
.ui-datepicker table td.ui-datepicker-today a {
  background-color: #d0d0d0;
  color: #333333;
}
.ui-datepicker table td.ui-datepicker-today a.ui-state-active {
  color: #ffffff;
  background-color: #4ca1fe;
}
.ui-datepicker .ui-datepicker-buttonbar {
  border-top: 1px solid #d8dae2;
}
.ui-datepicker .ui-timepicker {
  border: 0 none;
  border-top: 1px solid #d8dae2;
  padding: 0.857em;
}
.ui-datepicker .ui-timepicker a {
  color: #333333;
  font-size: 1.286em;
}
.ui-datepicker .ui-timepicker a:hover {
  color: #4ca1fe;
}
.ui-datepicker .ui-timepicker span {
  font-size: 1.286em;
}
.ui-datepicker .ui-monthpicker .ui-monthpicker-month {
  color: #333333;
}
.ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
  color: #ffffff;
  background-color: #4ca1fe;
}
.ui-datepicker.ui-datepicker-timeonly {
  padding: 0;
}
.ui-datepicker.ui-datepicker-timeonly .ui-timepicker {
  border-top: 0 none;
}
.ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group {
  padding: 5px;
  vertical-align: middle;
}
.ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:first-child {
  padding-left: 0;
}
.ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:last-child {
  padding-right: 0;
  border-right: 0 none;
}

.ui-calendar.ui-calendar-w-btn .ui-inputtext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
  width: calc(100% - 2.357em);
}
.ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:hover:not(.ui-state-error), .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:focus:not(.ui-state-error) {
  border-right: 0 none;
}
.ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
  width: 2.357em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 12px;
  position: absolute;
}

.ui-fluid .ui-calendar.ui-calendar-w-btn input.ui-inputtext {
  width: calc(100% - 2.357em);
}

.ui-calendar {
  position: relative;
  display: inline-block;
  width: 100%;
}
.ui-calendar .ui-calendar-button {
  height: 100%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 2em;
  border-left: 0 none;
}
.ui-calendar .ui-calendar-button:enabled:hover, .ui-calendar .ui-calendar-button:focus {
  border-left: 0 none;
}
.ui-calendar .ui-datepicker {
  min-width: 100%;
  font-size: 13px;
}
.ui-calendar .date-range-field {
  border-radius: 3px;
  margin: 0 10px 0 0;
  padding: 9px 30px 9px 35px;
  border: 1px solid #e1e1e1;
  cursor: pointer;
  background: #fff;
  font-size: 12px;
  position: relative;
}
.ui-calendar .date-range-field > i {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -8px;
}
.ui-calendar .date-range-field .date-range-label {
  display: inline-block;
}
.ui-calendar .date-range-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}
.ui-calendar .date-range-time select {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}
.ui-calendar .date-range-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.ui-calendar.insight-calendar {
  width: auto;
}

/* Fluid */
.ui-fluid .ui-calendar {
  width: 100%;
}
.ui-fluid .ui-calendar-button {
  width: 2em;
}
.ui-fluid .ui-datepicker-buttonbar button {
  width: auto;
}
.ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext {
  width: calc(100% - 2em);
}

/* Datepicker */
.ui-datepicker {
  width: auto;
  padding: 0.2em;
  position: absolute;
}
.dashboard-filters .ui-datepicker {
  padding: 0;
  margin-top: 5px !important;
  left: -140px;
}
.ui-datepicker.ui-datepicker-inline {
  display: inline-block;
  position: static;
}
.ui-datepicker .ui-datepicker-range {
  display: table-cell;
  min-width: 140px;
  border-right: 1px solid #dddddd;
}
.ui-datepicker .ui-datepicker-range ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.ui-datepicker .ui-datepicker-range ul li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-range ul li a {
  color: #333333;
}
.ui-datepicker .ui-datepicker-range ul li:hover {
  background-color: #eee;
}
.ui-datepicker .ui-datepicker-range ul li.active {
  background-color: #4ca1fe;
  color: #fff;
}
.ui-datepicker .ui-datepicker-range ul li.active a {
  color: #fff;
}
.ui-datepicker .ui-datepicker-footer {
  text-align: right;
  border-top: 1px solid #dddddd;
  padding: 8px;
}
.ui-datepicker .ui-datepicker-group {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  margin-bottom: 10px;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.5em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0.5em;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0.125em;
}
.ui-datepicker .ui-datepicker-next {
  right: 0.125em;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 0.125em 0;
  vertical-align: middle;
}
.ui-datepicker select.ui-datepicker-month {
  margin-right: 0.25em;
}
.ui-datepicker span.ui-datepicker-year {
  margin-left: 0.25em;
}

/* Header */
/* Multiple Month DatePicker */
.ui-datepicker-multiple-month .ui-datepicker-group {
  display: table-cell;
  border-left-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
}

/* DatePicker Table */
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.5em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 0;
}
.ui-datepicker td > span,
.ui-datepicker td > a {
  display: block;
  padding: 0.5em;
  text-decoration: none;
  border: 0 none;
  text-align: center;
}
.ui-datepicker .ui-datepicker-buttonbar {
  border-left: 0 none;
  border-right: 0 none;
  border-bottom: 0 none;
  padding: 0.5em;
}
.ui-datepicker .ui-datepicker-buttonbar > .ui-g > div {
  padding: 0;
}
.ui-datepicker .ui-datepicker-buttonbar > .ui-g > div:last-child {
  text-align: right;
}

.ui-calendar.ui-calendar-w-btn input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* Month Picker */
.ui-monthpicker {
  text-align: center;
}

.ui-monthpicker .ui-monthpicker-month {
  width: 54px;
  display: inline-block;
  text-align: center;
  padding: 0;
  height: 54px;
  line-height: 54px;
  margin: 2px;
  border-radius: 3px;
}

.ui-datepicker-monthpicker select.ui-datepicker-year {
  width: auto;
}

/* Time Picker */
.ui-timepicker {
  text-align: center;
  padding: 0.5em 0;
}
.ui-timepicker > div {
  display: inline-block;
  margin-left: 0.5em;
  min-width: 1.5em;
}
.ui-timepicker > .ui-minute-picker,
.ui-timepicker > .ui-second-picker {
  margin-left: 0;
}
.ui-timepicker > .ui-separator {
  margin-left: 0px;
  min-width: 0.75em;
}
.ui-timepicker > .ui-separator a {
  visibility: hidden;
}
.ui-timepicker > div a {
  display: block;
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  cursor: pointer;
}
.ui-timepicker > div a:last-child {
  margin-top: 0.3em;
}
.ui-timepicker > div a:hover {
  display: block;
  opacity: 1;
  filter: Alpha(Opacity=100);
}

input[type=text]::-ms-clear {
  display: none;
}

/* Touch UI */
.ui-datepicker-touch-ui,
.ui-calendar .ui-datepicker-touch-ui {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 80vw;
}

.ui-datepicker-touch-ui.ui-datepicker th {
  padding: 2em 0;
}
.ui-datepicker-touch-ui.ui-datepicker td {
  padding: 0;
}
.ui-datepicker-touch-ui.ui-datepicker td > span,
.ui-datepicker-touch-ui.ui-datepicker td > a {
  padding: 2em 0;
}
.ui-datepicker-touch-ui .ui-timepicker {
  padding: 1em 0;
}
.ui-datepicker-touch-ui .ui-timepicker > div a {
  font-size: 2em;
}

.ui-datepicker-mask {
  position: fixed;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 40em) {
  .ui-datepicker-multiple-month {
    width: 17em;
    overflow: auto;
  }

  .ui-datepicker-touch-ui.ui-datepicker th {
    padding: 1em 0;
  }
  .ui-datepicker-touch-ui.ui-datepicker td span,
.ui-datepicker-touch-ui.ui-datepicker td a {
    padding: 1em 0;
  }
}
/** TabMenu **/
.ui-tabmenu .ui-tabmenu-nav {
  margin: 0;
  border-radius: 0;
  padding: 0.25em 0.5em 0 0.25em;
  font-size: 14px;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  list-style: none;
  float: left;
  position: relative;
  margin: 0 3em 1px 0;
  padding: 0;
  white-space: nowrap;
  display: block;
  border-bottom: 0;
  top: 1px;
}
@media (max-width: 1024px) {
  .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    margin: 0 20px 1px 0;
  }
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
  float: left;
  padding: 0 0 0.8em 0;
  text-decoration: none;
  outline: none;
}
@media (max-width: 1024px) {
  .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    padding: 0 0 5px 0;
  }
}
.ui-tabmenu .ui-tabmenu-nav a {
  padding: 0.5em 1em;
}
.ui-tabmenu .ui-menuitem-icon {
  vertical-align: middle;
}
.ui-tabmenu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a {
  cursor: default;
}

.ui-tabmenu {
  border: 0 none;
}
.ui-tabmenu .ui-tabmenu-nav {
  padding: 0;
  background: transparent;
  border-bottom: 3px solid #e1e4e8;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  position: static;
  margin-bottom: -3px;
  transition: background-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
  color: #34495e;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-text {
  color: #212229;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon {
  color: #34495e;
  margin-right: 0.5em;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-text {
  color: #4ca1fe;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-icon {
  color: #34495e;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
  border-bottom: 3px solid #4ca1fe;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-text {
  color: #4ca1fe;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-icon {
  color: #ffffff;
}

.tabs-secondary {
  border: 0 none;
  font-size: 0.75em;
}
.tabs-secondary .ui-tabmenu-nav {
  padding: 0;
  background: transparent;
  border-bottom: 0;
  font-size: 12px;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem {
  position: static;
  margin: 0 5px 0 0;
  border-radius: 3px;
  transition: background-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem a {
  padding: 7px 15px;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem a .tab__count {
  color: #a9b4bd;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
  color: #34495e;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-text {
  color: #212229;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon {
  color: #34495e;
  margin-right: 0.5em;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-text {
  color: #4ca1fe;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-icon {
  color: #34495e;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
  background-color: #4ca1fe;
  color: #fff;
  border: 0;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link {
  color: #fff;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-text {
  color: #fff;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .tab__count {
  color: #fff;
}
.tabs-secondary .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-icon {
  color: #ffffff;
}

.tabs--right {
  float: right;
}

.ui-scrollpanel:before, .ui-scrollpanel:after {
  content: " ";
  display: table;
}
.ui-scrollpanel:after {
  clear: both;
}

.ui-scrollpanel-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left;
}
.ui-scrollpanel-wrapper:not(.ui-scrollpanel-wrapper-hidden) {
  border-right: 6px solid #f4f4f4;
}
.ui-scrollpanel-wrapper:not(.ui-scrollpanel-wrapper-hidden) .ui-scrollpanel-content {
  padding: 0 0 18px 0;
}

.ui-scrollpanel-content {
  height: calc(100% + 18px);
  width: calc(100% + 18px);
  padding: 0 18px 18px 0;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}

.ui-scrollpanel-bar {
  position: relative;
  border-radius: 3px;
  z-index: 2;
  cursor: pointer;
  transition: opacity 0.25s linear;
  background-color: #d3d5d6;
  opacity: 1;
}
.ui-scrollpanel-bar:hover {
  background-color: #4ca1fe;
}

.ui-scrollpanel-bar-y {
  width: 6px;
  top: 0;
}

.ui-scrollpanel-bar-x {
  height: 6px;
  bottom: 0;
}

.ui-scrollpanel-hidden {
  visibility: hidden;
}

.ui-scrollpanel:hover .ui-scrollpanel-bar, .ui-scrollpanel:active .ui-scrollpanel-bar {
  opacity: 1;
}

.ui-scrollpanel-grabbed {
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.hierarchy__list .ui-scrollpanel-wrapper:not(.ui-scrollpanel-wrapper-hidden) .ui-scrollpanel-content {
  padding: 0;
}
.hierarchy__list .ui-scrollpanel-content {
  height: 100%;
}

.ui-table {
  clear: both;
  font-size: 12px;
}
.small-td-padding .ui-table {
  padding-top: 0.75em;
}
.ui-table .ui-table-caption,
.ui-table .ui-table-summary {
  background-color: #ffffff;
  color: #34495e;
  border: none;
  padding: 7px;
  text-align: center;
}
.ui-table .ui-table-caption {
  border-bottom: 0 none;
  font-weight: 700;
}
.ui-table .ui-table-summary {
  border-top: 0 none;
  font-weight: 700;
}
.ui-table .ui-table-thead > tr > th, .ui-table .ui-table-thead > tr > td {
  padding: 1.25em;
  border: 1px solid #ebebeb;
  font-weight: 500;
  color: #a9b4bd;
  background-color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  border-width: 1px 0;
}
.ui-table .ui-table-thead > tr > th :lang(fr), .ui-table .ui-table-thead > tr > td :lang(fr) {
  text-transform: none;
}
.ui-table .ui-table-tbody > tr > td {
  padding: 1.25em;
}
.small-td-padding .ui-table .ui-table-tbody > tr > td {
  padding: 0.75em;
  word-break: break-word;
}
.ui-table .ui-table-tfoot > tr > td {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #ffffff;
}
.ui-table .ui-sortable-column .ui-sortable-column-icon {
  color: #848484;
}
.ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #e0e0e0;
  color: #333333;
}
.ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  color: #333333;
}
.ui-table .ui-sortable-column.ui-state-highlight {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #333333;
}
.ui-table .ui-editable-column input {
  font-size: 12px;
  font-family: "Roboto";
}
.ui-table .ui-editable-column input:focus {
  outline: 1px solid #d1d1d1;
  outline-offset: 2px;
}
.ui-table .ui-table-tbody > tr {
  background-color: #ffffff;
  color: #34495e;
  outline: none;
}
.ui-table .ui-table-tbody > tr.gray-bar {
  background-color: #f4f5f9 !important;
}
.ui-table .ui-table-tbody > tr > td {
  background-color: inherit;
  border: 1px solid #ebebeb;
  border-width: 1px 0;
}
.ui-table .ui-table-tbody > tr > td.nw {
  white-space: normal;
}
.ui-table .ui-table-tbody > tr > td .source-icon {
  vertical-align: bottom;
}
.ui-table .ui-table-tbody > tr.ui-state-highlight {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-table .ui-table-tbody > tr.ui-state-highlight a {
  color: #333333;
}
.ui-table .ui-table-tbody > tr.ui-contextmenu-selected {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #e4e6ec;
}
.ui-table .ui-table-tbody > tr:nth-child(odd) {
  background-color: #f4f5f9;
}
.ui-table .ui-table-tbody > tr:nth-child(odd).ui-state-highlight {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-table .ui-table-tbody > tr:nth-child(odd).ui-state-highlight a {
  color: #333333;
}
.ui-table .ui-table-tbody > tr:nth-child(odd).ui-contextmenu-selected {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-table-bordered .ui-table {
  text-align: center;
}
.ui-table-bordered .ui-table .ui-table-thead > tr > th, .ui-table-bordered .ui-table .ui-table-thead > tr > td {
  border-width: 1px;
  text-align: center;
}
.ui-table-bordered .ui-table .ui-table-tbody > tr > td {
  border-width: 1px;
}
.ui-table-bordered .ui-table .ui-table-tbody > tr > td:first-child {
  text-align: left;
}
.ui-table-plain-bg .ui-table .ui-table-tbody > tr:nth-child(odd) {
  background-color: #fff;
}
.ui-table-dealer-competitors .ui-table .ui-table-thead > tr > th:first-child, .ui-table-dealer-competitors .ui-table .ui-table-tbody > tr > td:first-child {
  border-right: 0 !important;
}
.ui-table-dealer-competitors .ui-table .ui-table-thead > tr > th.product-title, .ui-table-dealer-competitors .ui-table .ui-table-tbody > tr > td.product-title {
  border-left: 0 !important;
}
.ui-table.ui-table-hoverable-rows .ui-table-tbody > tr.ui-selectable-row:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  cursor: pointer;
  background: #ddeafa;
  color: #333333;
}
.ui-table .ui-column-resizer-helper {
  background-color: #4ca1fe;
}
.ui-table .actions {
  margin: -6px 0 0 0;
  min-width: auto;
  max-width: auto;
  cursor: pointer;
}
.ui-table .actions i {
  font-size: 14px;
  line-height: 30px;
}
.ui-table .actions i.icon-big {
  font-size: 18px;
}
.ui-table .actions a {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #cdd4d8;
  width: 32px;
  height: 32px;
  border: 1px solid #cdd4d8;
  border-radius: 5px;
  text-align: center;
}
.ui-table .actions a:hover {
  color: #4ca1fe;
  border-color: #4ca1fe;
}
.ui-table .actions a.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: auto;
}
.ui-table .actions a.disabled .tooltiptext {
  display: none;
}
.ui-table .actions a.disabled:hover {
  color: #cdd4d8;
  border-color: #cdd4d8;
}
.ui-table.nostripes .ui-table-tbody > tr, .ui-table.nostripes .ui-table-tbody > tr:nth-child(odd) {
  background-color: #f4f5f9;
}
.ui-table.nostripes .ui-table-tbody > tr:not(.bar) {
  background-color: #ffffff;
}

@media screen and (max-width: 40em) {
  .ui-table.ui-table-responsive .ui-paginator-top {
    border-bottom: none;
  }
  .ui-table.ui-table-responsive .ui-paginator-bottom {
    border-top: none;
  }
  .ui-table.ui-table-responsive .ui-table-tbody > tr > td {
    border: 0 none;
  }
}
.ui-table {
  position: relative;
}
.ui-table table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.ui-table .ui-sortable-column {
  cursor: pointer;
}
.ui-table p-sorticon {
  vertical-align: middle;
}

.ui-table-auto-layout > .ui-table-wrapper {
  overflow-x: auto;
}
.ui-table-auto-layout > .ui-table-wrapper > table {
  table-layout: auto;
}

/* Sections */
.ui-table-caption,
.ui-table-summary {
  padding: 0.25em 0.5em;
  text-align: center;
  font-weight: bold;
}

.ui-table-caption {
  border-bottom: 0 none;
}

.ui-table-summary {
  border-top: 0 none;
}

/* Paginator */
.ui-table .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-table .ui-paginator-bottom {
  border-top: 0 none;
}

/* Scrollable */
.ui-table-scrollable-wrapper {
  position: relative;
}

.ui-table-scrollable-header,
.ui-table-scrollable-footer {
  overflow: hidden;
  border: 0 none;
}

.ui-table-scrollable-body {
  overflow: auto;
  position: relative;
}

.ui-table-virtual-table {
  position: absolute;
}

/* Frozen Columns */
.ui-table-frozen-view .ui-table-scrollable-body {
  overflow: hidden;
}
.ui-table-frozen-view > .ui-table-scrollable-body > table > .ui-table-tbody > tr > td:last-child {
  border-right: 0 none;
}

.ui-table-unfrozen-view {
  position: absolute;
  top: 0px;
}

/* Resizable */
.ui-table-resizable > .ui-table-wrapper {
  overflow-x: auto;
}
.ui-table-resizable .ui-table-thead > tr > th,
.ui-table-resizable .ui-table-tfoot > tr > td,
.ui-table-resizable .ui-table-tbody > tr > td {
  overflow: hidden;
}
.ui-table-resizable .ui-resizable-column {
  background-clip: padding-box;
  position: relative;
}

.ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
  display: none;
}

.ui-table .ui-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: 0.5em;
  height: 100%;
  padding: 0px;
  cursor: col-resize;
  border: 1px solid transparent;
}
.ui-table .ui-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none;
}
.ui-table .ui-table-tbody > tr > td.ui-editing-cell {
  padding: 0;
}
.ui-table .ui-table-tbody > tr > td.ui-editing-cell p-celleditor > * {
  width: 100%;
}

/* Edit */
/* Reorder */
.ui-table-reorder-indicator-up,
.ui-table-reorder-indicator-down {
  position: absolute;
  display: none;
}

/* Responsive */
.ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
  display: none;
}

@media screen and (max-width: 40em) {
  .ui-table-responsive .ui-table-thead > tr > th,
.ui-table-responsive .ui-table-tfoot > tr > td {
    display: none !important;
  }
  .ui-table-responsive .ui-table-tbody > tr > td {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100% !important;
    box-sizing: border-box;
    float: left;
    clear: left;
  }
  .ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
    font-weight: bold;
  }
}
/* Loader */
.ui-table-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}

.ui-table-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}

.ui-table .ui-table-loading-icon {
  font-size: 2em;
}

.accordion-table .ui-table-tbody > tr,
.accordion-table .ui-treetable-tbody > tr {
  background-color: #fff;
}
.accordion-table .ui-table-tbody > tr.parent,
.accordion-table .ui-treetable-tbody > tr.parent {
  background: #f4f5f9;
}
.accordion-table .ui-table-tbody > tr.bar > td:first-child,
.accordion-table .ui-treetable-tbody > tr.bar > td:first-child {
  position: relative;
}
.accordion-table .ui-table-tbody > tr.bar > td:first-child:before,
.accordion-table .ui-treetable-tbody > tr.bar > td:first-child:before {
  content: "";
  width: 4px;
  height: 100%;
  background: #4ca1fe;
  position: absolute;
  left: 0;
  top: 0;
}
.accordion-table .ui-table-tbody > tr.bar.expanded,
.accordion-table .ui-treetable-tbody > tr.bar.expanded {
  background: #ffffff;
}
.accordion-table .ui-table-tbody > tr.bar.expanded > td:first-child:before,
.accordion-table .ui-treetable-tbody > tr.bar.expanded > td:first-child:before {
  background: #c2e3f7;
}
.accordion-table .ui-table-tbody > tr.bar.child td:first-child:before,
.accordion-table .ui-treetable-tbody > tr.bar.child td:first-child:before {
  background: #c2e3f7;
}
.accordion-table .ui-table-tbody > tr.bar .accordion a,
.accordion-table .ui-treetable-tbody > tr.bar .accordion a {
  color: #34495e;
}
.accordion-table .ui-table-tbody > tr.bar .accordion a i,
.accordion-table .ui-treetable-tbody > tr.bar .accordion a i {
  color: #4ca1fe;
  font-size: 14px;
  margin: 0 1em 0 0;
}

.comment-column__text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
  white-space: nowrap;
}

.ui-paginator {
  border: none;
  padding: 0;
  font-size: 12px;
  color: #34495e;
}
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last {
  color: #848484;
  height: 2.286em;
  min-width: 2.286em;
  border: 0 none;
  line-height: 2.286em;
  padding: 0;
  margin: 0 3px;
  vertical-align: top;
  border-radius: 0;
}
.ui-paginator .ui-paginator-first:not(.ui-state-disabled):not(.ui-state-active):hover,
.ui-paginator .ui-paginator-prev:not(.ui-state-disabled):not(.ui-state-active):hover,
.ui-paginator .ui-paginator-next:not(.ui-state-disabled):not(.ui-state-active):hover,
.ui-paginator .ui-paginator-last:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #e0e0e0;
  color: #333333;
}
.ui-paginator .ui-dropdown .ui-dropdown-trigger, .ui-paginator .ui-dropdown .ui-dropdown-label {
  color: #848484;
}
.ui-paginator .ui-dropdown:hover .ui-dropdown-trigger, .ui-paginator .ui-dropdown:hover .ui-dropdown-label {
  color: #333333;
}
.ui-paginator .ui-paginator-first:before {
  position: relative;
  top: 1px;
}
.ui-paginator .ui-paginator-prev:before {
  position: relative;
}
.ui-paginator .ui-paginator-next:before {
  position: relative;
  top: 1px;
}
.ui-paginator .ui-paginator-last:before {
  position: relative;
  top: 1px;
}
.ui-paginator .ui-paginator-pages {
  vertical-align: top;
  display: inline-block;
  padding: 0;
}
.ui-paginator .ui-paginator-pages .ui-paginator-page {
  color: #34495e;
  height: 2.286em;
  min-width: 2.286em;
  border: 0 none;
  line-height: 2.286em;
  padding: 0;
  margin: 0 3px;
  vertical-align: top;
  border-radius: 0;
  outline: none;
  padding: 2px 0 0 0;
}
.ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #fff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover {
  background-color: #e0e0e0;
  color: #333333;
}
.ui-paginator .ui-dropdown {
  margin-left: 0.5em;
  min-width: auto;
}

.ui-paginator {
  margin: 0;
  text-align: center;
  padding: 1em;
}
.ui-paginator .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-paginator .ui-paginator-bottom {
  border-top: 0 none;
}
.ui-paginator .ui-paginator-left-content {
  float: left;
  line-height: 32px;
}
@media (max-width: 1024px) {
  .ui-paginator .ui-paginator-left-content {
    float: none;
    padding-bottom: 10px;
  }
}
.ui-paginator .ui-paginator-right-content {
  float: right;
}
@media (max-width: 1024px) {
  .ui-paginator .ui-paginator-right-content {
    float: none;
    padding-top: 10px;
  }
}
.ui-paginator .ui-paginator-right-content .per-page {
  margin: 0 5px 0 0;
}
.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current {
  display: inline-block;
  zoom: 1;
  margin-left: 0.063em;
  margin-right: 0.063em;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  position: relative;
  outline: none;
}
.ui-paginator .ui-paginator-pages {
  width: auto;
  line-height: 1;
}
.ui-paginator .ui-paginator-icon {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em;
}
.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev {
  cursor: pointer;
}
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
  margin-left: 1em;
  margin-right: 1em;
  background-image: none;
}
.ui-paginator .ui-paginator-jtp-select option, .ui-paginator .ui-paginator-rpp-options option {
  background-image: none;
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.ui-paginator a.ui-state-disabled {
  outline: 0 none;
}
.ui-paginator .ui-dropdown {
  min-width: 4em;
  margin-left: 0.375em;
}

.ui-fluid .ui-paginator .ui-dropdown {
  width: auto;
}

.ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.ui-chkbox .ui-chkbox-box {
  border: 1px solid #e1e1e1;
  background-color: #ffffff;
  width: 16px;
  height: 16px;
  line-height: 1.5em;
  text-align: center;
  border-radius: 3px;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
  border-color: #e1e1e1;
}
.ui-chkbox .ui-chkbox-box.ui-state-focus {
  border-color: #4ca1fe;
  background-color: #ffffff;
  color: #4ca1fe;
  box-shadow: 0 0 0 0.2em #fefeff;
}
.ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #016de3;
  background-color: #4ca1fe;
  color: #ffffff;
}
.ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
  border-color: #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}
.ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-focus {
  border-color: #4ca1fe;
  background-color: #4ca1fe;
  color: #ffffff;
}
.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  overflow: hidden;
  position: relative;
  font-size: 12px;
}
.ui-table .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  font-weight: 400;
  font-family: "Font Awesome 5 Pro";
}
.ui-chkbox.secondary-checkbox {
  position: relative;
}
.ui-chkbox.secondary-checkbox .ui-chkbox-box {
  border-radius: 3px;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-chkbox.secondary-checkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
  border-color: #005b9f;
}
.ui-chkbox.secondary-checkbox .ui-chkbox-box:not(.ui-state-disabled):hover .ui-chkbox-icon {
  background: #005b9f;
}
.ui-chkbox.secondary-checkbox .ui-chkbox-box.ui-state-focus {
  background-color: #fff;
}
.ui-chkbox.secondary-checkbox .ui-chkbox-box.ui-state-active {
  background-color: #fff;
}
.ui-chkbox.secondary-checkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
  background-color: #fff;
}
.ui-chkbox.secondary-checkbox .ui-chkbox-box.ui-state-active.ui-state-focus {
  background-color: #fff;
}
.ui-chkbox.secondary-checkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 10px;
  height: 10px;
  background: #4ca1fe;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-chkbox.secondary-checkbox .ui-chkbox-box .ui-chkbox-icon:before {
  content: "" !important;
}

.ui-chkbox-label {
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  cursor: pointer;
}

.ui-checkbox-absolute p-checkbox {
  display: block;
  position: relative;
  padding: 0 0 0 23px;
}
.ui-checkbox-absolute .ui-chkbox {
  position: absolute;
  left: 0;
  right: 0;
}
.ui-checkbox-absolute .ui-chkbox-label {
  margin: 0;
}

/*

.ui-radiobutton {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 0.25em;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.ui-radiobutton-box {
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  position: relative;
}

.ui-radiobutton-icon {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.ui-radiobutton,
.ui-radiobutton-label {
  vertical-align: middle;
}*/
.ui-radiobutton {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.ui-radiobutton .ui-radiobutton-box {
  border: 1px solid #e1e1e1;
  background-color: #ffffff;
  width: 16px;
  height: 16px;
  text-align: center;
  position: relative;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
  border-radius: 50%;
}
.ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #e1e1e1;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-focus {
  border-color: #4ca1fe;
  background-color: #ffffff;
  color: #4ca1fe;
  box-shadow: 0 0 0 0.2em #fefeff;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border-color: #4ca1fe;
  background-color: #4ca1fe;
  color: #ffffff;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
  background-color: #ffffff;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover {
  border-color: #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-focus {
  border-color: #4ca1fe;
  background-color: #4ca1fe;
  color: #ffffff;
}
.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  background: transparent;
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -4px;
  transition: background-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
  border-radius: 50%;
}
.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
  display: none;
}

.ui-radiobutton-label {
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  cursor: pointer;
}

.ui-treetable {
  position: relative;
  font-size: 12px;
}
.ui-treetable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.ui-treetable .ui-treetable-thead > tr > th,
.ui-treetable .ui-treetable-tbody > tr > td,
.ui-treetable .ui-treetable-tfoot > tr > td {
  padding: 0.25em 0.5em;
}
.ui-treetable .ui-treetable-toggler {
  cursor: pointer;
  display: inline-block;
  height: 1em;
  position: relative;
  top: 50%;
  margin-top: -0.5em;
  color: #4ca1fe;
}
.ui-treetable .ui-treetable-toggler i {
  color: #4ca1fe;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0.6em 0 0;
}
.ui-treetable .ui-sortable-column {
  cursor: pointer;
}
.ui-treetable p-treetablesorticon {
  vertical-align: middle;
}

.ui-treetable-auto-layout > .ui-treetable-wrapper {
  overflow-x: auto;
}
.ui-treetable-auto-layout > .ui-treetable-wrapper > table {
  table-layout: auto;
}

.ui-treetable .ui-treetable-chkbox {
  margin: 0 0.25em;
  vertical-align: middle;
}

.ui-treetable .ui-treetable-caption,
.ui-treetable .ui-treetable-summary {
  background-color: #ffffff;
  color: #34495e;
  border: none;
  padding: 7px;
  text-align: center;
}
.ui-treetable .ui-treetable-caption {
  border-bottom: 0 none;
  font-weight: 700;
}
.ui-treetable .ui-treetable-summary {
  border-top: 0 none;
  font-weight: 700;
}
.ui-treetable .ui-treetable-thead tr {
  outline: none;
  text-align: left;
}
.ui-treetable .ui-treetable-thead > tr > th {
  padding: 1.25em;
  border: 1px solid #ebebeb;
  border-width: 1px 0;
  font-weight: 500;
  color: #a9b4bd;
  font-size: 12px;
}
.ui-treetable .ui-treetable-tbody > tr > td {
  padding: 1.25em;
}
.ui-treetable .ui-treetable-tfoot > tr > td {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #ffffff;
}
.ui-treetable .ui-sortable-column .ui-sortable-column-icon {
  color: #848484;
}
.ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #e0e0e0;
  color: #333333;
}
.ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  color: #333333;
}
.ui-treetable .ui-sortable-column.ui-state-highlight {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #333333;
}
.ui-treetable .ui-editable-column input {
  font-size: 12px;
  font-family: "Roboto";
}
.ui-treetable .ui-editable-column input:focus {
  outline: 1px solid #d1d1d1;
  outline-offset: 2px;
}
.ui-treetable .ui-treetable-tbody > tr {
  color: #34495e;
  outline: none;
}
.ui-treetable .ui-treetable-tbody > tr > td {
  background-color: inherit;
  border: 1px solid #ebebeb;
  border-width: 1px 0;
  font-size: 12px;
}
.ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler {
  color: #4ca1fe;
  vertical-align: middle;
}
.ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-chkbox {
  vertical-align: middle;
  margin-right: 0.5em;
}
.ui-treetable .ui-treetable-tbody > tr > td .highcharts-container, .ui-treetable .ui-treetable-tbody > tr > td .container-bar {
  overflow: visible !important;
}
.ui-treetable .ui-treetable-tbody > tr > td .highcharts-container svg {
  overflow: visible !important;
}
.ui-treetable .ui-treetable-tbody > tr.ui-state-highlight {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td {
  background-color: inherit;
  border: 1px solid #ebebeb;
}
.ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td .ui-treetable-toggler {
  color: #333333;
}
.ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td {
  background-color: inherit;
  border: 1px solid #ebebeb;
}
.ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td .ui-treetable-toggler {
  color: #333333;
}
.ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  cursor: pointer;
  background-color: #eaeaea;
  color: #333333;
}
.ui-treetable .ui-column-resizer-helper {
  background-color: #4ca1fe;
}

.ui-carousel {
  position: relative;
  padding: 0.063em;
  font-size: 12px;
}
.ui-carousel .ui-carousel-viewport-wrapper {
  padding: 0 40px;
  position: relative;
  float: left;
  clear: both;
  width: 100%;
}
.ui-carousel .ui-carousel-viewport {
  overflow: hidden;
  position: relative;
  border: 0;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 32000px;
  /*  width: 100%;
    text-align: center;*/
  left: 0;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  margin: 5px;
  padding: 0;
  float: left;
  box-sizing: border-box;
}
.ui-carousel .ui-carousel-footer {
  margin: 1px 1px 0px 1px;
  padding: 0.5em;
  overflow: hidden;
}
.ui-carousel .ui-carousel-header {
  margin: 0 1px;
  overflow: hidden;
  padding: 0.625em;
}
.ui-carousel .ui-carousel-header .ui-carousel-header-title {
  display: inline-block;
  overflow: hidden;
}
.ui-carousel .ui-carousel-dropdown,
.ui-carousel .ui-carousel-mobiledropdown {
  float: right;
  margin: 0px 0.625em;
  background-image: none;
}
.ui-carousel .ui-carousel-dropdown option,
.ui-carousel .ui-carousel-mobiledropdown option {
  background-image: none;
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.ui-carousel .ui-carousel-button {
  float: right;
}
.ui-carousel .ui-carousel-page-link {
  margin: 0 6px;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  font-size: 8px;
  color: #ced1d7;
}
.ui-carousel .ui-carousel-page-link.active {
  color: #4ca1fe;
}
.ui-carousel .ui-carousel-button {
  cursor: pointer;
}
.ui-carousel .ui-carousel-page-links {
  float: left;
  width: 100%;
  text-align: center;
  padding: 15px;
}
.ui-carousel .ui-carousel-mobiledropdown {
  display: none;
}

.ui-carousel {
  padding: 0;
  clear: both;
}
.ui-carousel .ui-carousel-header {
  color: #34495e;
  padding: 7px;
  margin: 0;
  font-weight: 400;
}
.ui-carousel .ui-carousel-header .ui-carousel-header-title {
  padding: 0;
}
.ui-carousel .ui-carousel-viewport {
  border: none;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
  border-left: 0;
  clear: both;
  border-right: 0;
  border-color: #ebebeb;
}
.ui-carousel .ui-carousel-viewport.carousel--child {
  border-top: 0;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  text-align: center;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item a {
  display: inline-block;
  color: #212229;
  padding: 10px;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item a span {
  color: #969dab;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item a.active {
  background: #4ca1fe;
  color: #fff;
  border-radius: 3px;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item a.active span {
  color: #fff;
}
.ui-carousel .ui-carousel-footer {
  background-color: #ffffff;
  color: #34495e;
  padding: 7px;
  border: none;
  margin: 0;
}
.ui-carousel .ui-carousel-button {
  color: #34495e;
  transition: color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
  position: absolute;
  top: 15px;
  z-index: 5;
}
.ui-carousel .ui-carousel-button.ui-carousel-next-button {
  font-size: 20px;
  right: 15px;
}
.ui-carousel .ui-carousel-button.ui-carousel-prev-button {
  font-size: 20px;
  left: 15px;
}
.ui-carousel .ui-carousel-button:not(.ui-state-disabled):hover {
  color: #34495e;
}
.ui-carousel .ui-carousel-page-links .ui-carousel-page-link {
  transition: color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-carousel .ui-carousel-page-links .ui-carousel-page-link:hover {
  color: #4ca1fe;
}

.ui-inputswitch {
  font-size: 10px;
  position: relative;
  display: inline-block;
  width: 3em;
  height: 1.75em;
  vertical-align: middle;
}
.ui-inputswitch.ui-inputswitch-with-label {
  width: auto;
  height: auto;
}
.ui-inputswitch.ui-inputswitch-with-label label {
  float: left;
  line-height: 20px;
  color: #969dab;
  cursor: pointer;
  font-size: 12px;
}
.ui-inputswitch.ui-inputswitch-with-label label.active {
  color: #212229;
}
.ui-inputswitch.ui-inputswitch-with-label .switch {
  float: left;
  margin: 0 10px;
  width: 30px;
  height: 18px;
  position: relative;
}

.ui-inputswitch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.3s;
  border-radius: 30px;
}
.ui-inputswitch-slider:before {
  position: absolute;
  content: "";
  height: 1.25em;
  width: 1.25em;
  left: 0.25em;
  bottom: 0.25em;
  border-radius: 50%;
  transition: 0.3s;
}

.ui-inputswitch-checked .ui-inputswitch-slider:before {
  transform: translateX(1.25em);
}

.ui-inputswitch.ui-state-disabled .ui-inputswitch-slider,
.ui-inputswitch-readonly .ui-inputswitch-slider {
  cursor: default;
}

.ui-inputswitch {
  width: 3em;
  height: 1.75em;
}
.ui-inputswitch .ui-inputswitch-slider {
  transition: background-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
  border-radius: 30px;
  background: #cccccc;
}
.ui-inputswitch .ui-inputswitch-slider:before {
  background-color: #ffffff;
  height: 1.25em;
  width: 1.25em;
  left: 0.25em;
  bottom: 0.25em;
  border-radius: 50%;
  transition: 0.2s;
}
.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
  transform: translateX(1.25em);
}
.ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
  background: #b7b7b7;
}
.ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #b7b7b7;
}
.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
  background-color: #4ca1fe;
}
.ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #116fbf;
}
.ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider {
  background: #005b9f;
}

.ui-tree {
  background-color: #ffffff;
  color: #333333;
  padding: 0;
  border-radius: 0;
}
.ui-tree .ui-tree-container {
  padding: 25px 5px;
  margin: 0;
}
.ui-tree .ui-tree-container > p-treenode:first-child > li {
  border-top: none;
}
.ui-tree .ui-tree-container .ui-treenode {
  border-top: 1px solid #ebebeb;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
  padding: 5px 0;
  border: 1px solid transparent;
  outline: none;
  cursor: pointer;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
  vertical-align: middle;
  display: inline-block;
  float: none;
  margin: 0 10px 0 0;
  color: #4ca1fe;
  font-size: 14px;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
  vertical-align: middle;
  display: inline-block;
  margin: 0 10px 0 0;
  color: #4ca1fe;
  font-size: 16px;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon.fa-plus {
  font-size: 12px;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  padding: 3px;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
  margin: 0 0.5em 0 0;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-chkbox-icon {
  margin: 0 0 0 0;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content > span {
  line-height: inherit;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-dragover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:not(.ui-treenode-selectable) {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-tree .ui-tree-container .ui-treenode-droppoint.ui-treenode-droppoint-active {
  background-color: #e4e6ec;
}
.ui-tree.ui-tree-horizontal {
  padding-left: 0;
  padding-right: 0;
}
.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content {
  border: none;
  background-color: #ffffff;
  color: #333333;
  padding: 10px 30px;
}
.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-state-highlight {
  background-color: #e4e6ec;
  color: #333333;
}
.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon {
  color: #4ca1fe;
}
.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: inherit;
  color: inherit;
}
.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-tree .input-search {
  width: 100%;
}

.ui-tree-empty-message {
  padding: 0.25em;
}

.ui-tree .ui-treenode-children {
  margin: 0;
  padding: 0 0 0 1em;
}
.ui-tree .ui-treenode {
  background-attachment: scroll;
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat-y;
  list-style: none outside none;
  margin: 0;
  padding: 0.125em 0 0 0;
}
.ui-tree .ui-treenode-droppoint {
  height: 4px;
  list-style-type: none;
}
.ui-tree .ui-treenode-droppoint-active {
  border: 0 none;
}
.ui-tree .ui-tree-toggler {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.ui-tree .ui-treenode-icon {
  display: inline-block;
  vertical-align: middle;
}
.ui-tree .ui-treenode-label {
  display: inline-block;
  padding: 0 0.25em;
  vertical-align: middle;
}
.ui-tree .ui-treenode-label.ui-state-hover, .ui-tree .ui-treenode-label.ui-state-highlight {
  font-weight: normal;
  border: 0 none;
}
.ui-tree .ui-treenode.ui-treenode-leaf > .ui-treenode-content > .ui-tree-toggler {
  visibility: hidden;
}
.ui-tree .ui-chkbox-box {
  cursor: pointer;
}
.ui-tree .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
}
.ui-tree .ui-chkbox .ui-chkbox-icon {
  margin-left: 1px;
}

/** Fluid **/
.ui-fluid .ui-tree {
  width: 100%;
}

/** Horizontal Tree **/
.ui-tree-horizontal {
  width: auto;
  padding: 0.5em 0;
  overflow: auto;
}

.ui-tree.ui-tree-horizontal table,
.ui-tree.ui-tree-horizontal tr,
.ui-tree.ui-tree-horizontal td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.ui-tree.ui-tree-horizontal .ui-tree-toggler {
  vertical-align: middle;
  margin: 0;
}

.ui-tree-horizontal .ui-treenode-content {
  font-weight: normal;
  padding: 0.4em 1em 0.4em 0.2em;
}

.ui-tree.ui-tree-horizontal .ui-tree-node-label {
  margin: 0;
}

.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
  font-weight: normal;
  white-space: nowrap;
}

.ui-tree.ui-tree-horizontal .ui-treenode {
  background: url("/assets/styles/portal/source/styles/vendor/primeng/images/line.gif") repeat-x scroll center center transparent;
  padding: 0.25em 2.5em;
}
.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf, .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
  padding-right: 0;
}
.ui-tree.ui-tree-horizontal .ui-treenode-children {
  padding: 0;
  margin: 0;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector {
  width: 1px;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
  height: 100%;
  width: 1px;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
  background: url("/assets/styles/portal/source/styles/vendor/primeng/images/line.gif") repeat-y scroll 0 0 transparent;
  width: 1px;
}
.ui-tree.ui-tree-horizontal table {
  height: 0;
}
.ui-tree.ui-tree-horizontal .ui-chkbox {
  vertical-align: bottom;
  margin-right: 0.25em;
}
.ui-tree.ui-tree-loading {
  position: relative;
  min-height: 4em;
}
.ui-tree .ui-tree-loading-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}
.ui-tree .ui-tree-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}
.ui-tree .ui-tree-loading-content .ui-tree-loading-icon {
  font-size: 2em;
}

.ui-tree-category .ui-tree .ui-tree-container > r-treenode > .ui-treenode:first-child {
  border: none;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
  cursor: default;
  position: relative;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
  padding: 0;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label input[type=text] {
  border: 1px solid #4ca1fe;
  font: inherit;
  color: inherit;
  padding: 2px 5px;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-actions {
  position: absolute;
  right: 0;
  top: 3px;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-actions > span {
  color: #4ca1fe;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-actions .handler {
  display: inline-block;
  width: 24px;
  height: 24px;
  z-index: 1;
  color: #4ca1fe;
  position: relative;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-actions .handler i {
  font-size: 12px;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-actions .handler:hover {
  background: #f1f6fa;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label-inner {
  cursor: pointer;
  padding: 3px;
  display: block;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: transparent;
  color: #333333;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight) .ui-treenode-label-inner:hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-tree-category .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content > span {
  line-height: inherit;
}

.ui-panelmenu .ui-icon {
  position: static;
}
.ui-panelmenu .ui-panelmenu-header {
  padding: 0;
}
.ui-panelmenu .ui-panelmenu-header > a {
  border: none;
  background-color: #ffffff;
  color: #34495e;
  padding: 0.714em 0.857em;
  font-weight: 400;
  position: relative;
  font-size: 12px;
  border-radius: 3px;
  transition: background-color 0.2s 0.3s ease-in-out;
  transition-delay: 0s;
}
.ui-panelmenu .ui-panelmenu-header > a .ui-panelmenu-icon {
  position: absolute;
  right: 15px;
  top: 14px;
  font-size: 14px;
  color: #34495e;
}
.ui-panelmenu .ui-panelmenu-header > a .initials {
  display: inline-block;
  width: 28px;
  height: 26px;
  font-size: 12px;
  line-height: 18px;
  color: #4ca1fe;
  text-align: center;
  padding: 4px;
  border: 1px solid #4ca1fe;
  border-radius: 3px;
  margin: 0 10px 0 0;
}
.ui-panelmenu .ui-panelmenu-header > a .count {
  color: #969dab;
}
.ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover {
  outline: 0 none;
  border: none;
  background-color: #ffffff;
  color: #34495e;
}
.ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover .ui-panelmenu-icon {
  color: #34495e;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a {
  border: none;
  background-color: #4ca1fe;
  color: #ffffff;
  border-radius: 3px 3px 0 0;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a .ui-panelmenu-icon {
  color: #ffffff;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a .initials {
  color: #ffffff;
  border-color: #ffffff;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a .count {
  color: #ffffff;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover {
  outline: 0 none;
  border: none;
  background-color: #4ca1fe;
  color: #ffffff;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover .ui-panelmenu-icon {
  color: #ffffff;
}
.ui-panelmenu .ui-panelmenu-panel {
  margin-top: 15px;
  box-shadow: 0 0 4.05px 0.95px rgba(146, 146, 146, 0.25);
  border-radius: 3px;
}
.ui-panelmenu .ui-panelmenu-panel:first-child {
  margin-top: 0;
}
.ui-panelmenu .ui-panelmenu-content {
  padding: 0;
  background-color: #ffffff;
  margin-top: 0;
  position: static;
  border-top: 0 none;
  border-radius: 0 0 3px 3px;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem {
  margin: 0;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-menuitem-icon,
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-panelmenu-icon {
  margin: 0 5px 0 0;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-panelmenu-icon {
  color: #333333;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-text {
  color: #333333;
}

.ui-panelmenu {
  width: auto;
}
.ui-panelmenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}
.ui-panelmenu .ui-panelmenu-content-wrapper {
  overflow: hidden;
}
.ui-panelmenu .ui-panelmenu-header {
  margin: -1px 0 0 0;
  zoom: 1;
}
.ui-panelmenu .ui-panelmenu-header-link {
  padding: 0.5em;
  display: block;
  text-decoration: none;
}
.ui-panelmenu .ui-panelmenu-icon,
.ui-panelmenu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-panelmenu .ui-panelmenu-icon.active-menu,
.ui-panelmenu .ui-menuitem-text.active-menu {
  color: #4ca1fe !important;
  font-weight: 500;
}
.ui-panelmenu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-panelmenu .ui-panelmenu-content {
  border-top: 0;
}
.ui-panelmenu .ui-submenu-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 1.5em;
}
.ui-panelmenu .ui-panelmenu-content > .ui-panelmenu-root-submenu > .ui-submenu-list {
  margin-left: 0;
}
.ui-panelmenu .ui-menuitem {
  overflow: hidden;
  margin: 0.125em 0;
}
.ui-panelmenu .ui-menuitem-link {
  padding: 0.25em;
  display: block;
  text-decoration: none;
}

.ui-chips {
  border-radius: 3px;
  border: 1px solid #d0d7dd;
  padding: 2px 10px 0px;
}
.ui-chips > ul.ui-inputtext {
  width: 100%;
  min-height: 25px;
  clear: left;
  cursor: text;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0 !important;
  border: none !important;
}
.ui-chips > .ui-state-disabled .ui-chips-token-label {
  margin-right: 0;
}

.ui-chips-token {
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  border: 0 none;
  font-size: 0.9em;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 3px 20px 2px 7px;
}
.ui-chips-token :lang(fr) {
  text-transform: none;
}
.ui-chips-token .ui-chips-token-label {
  display: block;
}
.ui-chips-token .ui-chips-token-icon {
  margin-top: -0.5em;
  position: absolute;
  right: 5px;
  top: 50%;
  cursor: pointer;
}
.ui-chips--without-close .ui-chips-token .ui-chips-token-icon {
  display: none;
}
.ui-chips--without-close .ui-chips-token {
  padding-right: 7px;
}

.ui-chips-input-token {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
}
.ui-chips-input-token input {
  border: 0 none;
  width: 10em;
  outline: medium none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  min-height: 25px;
}

.ui-chips > ul.ui-inputtext {
  display: inline-block;
}
.ui-chips > ul.ui-inputtext:not(.ui-state-disabled):hover {
  border-color: #e1e1e1;
}
.ui-chips > ul.ui-inputtext .ui-chips-input-token input {
  font-family: "Roboto";
  font-size: 12px;
  padding: 0;
  margin: 0;
  color: #333333;
  border: 0 none;
}
.ui-chips > ul.ui-inputtext .ui-chips-input-token input:hover {
  border: 0 none;
}
.ui-chips > ul.ui-inputtext .ui-chips-input-token input:focus {
  border: 0 none;
  box-shadow: none;
}
.ui-chips > ul.ui-inputtext .ui-chips-token {
  font-size: 12px;
  margin: 3px 5px 3px 0;
  background: #4da1ff;
  color: #fff;
}

.ui-widget {
  box-sizing: border-box;
}
.ui-widget * {
  box-sizing: border-box;
}

.ui-helper-hidden {
  display: none !important;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-hidden-accessible input,
.ui-helper-hidden-accessible select {
  transform: scale(0);
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-clearfix::before {
  content: "";
  display: table;
}
.ui-helper-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-state-disabled {
  cursor: default !important;
}
.ui-state-disabled a {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-shadow {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

.ui-unselectable-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.ui-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

.ui-overflow-hidden {
  overflow: hidden;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #898989;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #898989;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #898989;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #898989;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #898989;
}

.ui-placeholder {
  color: #898989;
}

input[type=button], input[type=submit], input[type=reset], input[type=file]::-webkit-file-upload-button {
  border-radius: 0;
}

button {
  border-radius: 0;
}

.ui-blockui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-blockui-document {
  position: fixed;
}

.ui-autocomplete {
  width: auto;
  zoom: 1;
  cursor: pointer;
  box-shadow: none;
  position: relative;
  display: inline-block;
}
.ui-autocomplete .ui-autocomplete-dropdown {
  height: 100%;
  width: 2em;
  margin-right: 0;
  vertical-align: top;
}
.ui-autocomplete .ui-autocomplete-input {
  padding-right: 1.5em;
}

.ui-autocomplete-loader {
  position: absolute;
  right: 0.25em;
  top: 50%;
  margin-top: -0.5em;
}

.ui-autocomplete-query {
  font-weight: bold;
}

.ui-autocomplete .ui-autocomplete-panel {
  min-width: 100%;
}

.ui-autocomplete-panel {
  position: absolute;
  overflow: auto;
}
.ui-autocomplete-panel .ui-autocomplete-list {
  padding: 0.4em;
  border: 0 none;
}
.ui-autocomplete-panel .ui-autocomplete-list-item {
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin: 1px 0;
  padding: 0.186em 0.313em;
  text-align: left;
}

.ui-autocomplete .ui-button-icon-only {
  border-left: 0 none;
}
.ui-autocomplete .ui-button-icon-only:enabled:hover, .ui-autocomplete .ui-button-icon-only:enabled:focus, .ui-autocomplete .ui-button-icon-only:enabled:active {
  border-left: 0 none;
}

/* Multiple Selection */
.ui-autocomplete-multiple-container {
  display: inline-block;
  vertical-align: middle;
}
.ui-autocomplete-multiple-container.ui-inputtext {
  clear: left;
  cursor: text;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0 1.5em 0 0.25em;
}

.ui-autocomplete-token {
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0.125em 0.5em;
  white-space: nowrap;
  position: relative;
  margin-right: 0.125em;
  border: 0 none;
  font-size: 0.9em;
}

.ui-autocomplete-token-label {
  display: block;
  margin-right: 2em;
}

.ui-autocomplete-token-icon {
  margin-top: -0.5em;
  position: absolute;
  right: 0.2em;
  top: 50%;
  cursor: pointer;
}

.ui-autocomplete-input-token {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin: 0 0 0 0.125em;
  padding: 0.25em 0.25em 0.25em 0;
}
.ui-autocomplete-input-token input {
  border: 0 none;
  width: 10em;
  outline: medium none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}

.ui-autocomplete-dd .ui-autocomplete-loader {
  right: 2.25em;
}
.ui-autocomplete-dd input.ui-corner-all,
.ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

/** AutoComplete **/
.ui-fluid p-autocomplete,
.ui-fluid .ui-autocomplete,
.ui-fluid .ui-autocomplete-input {
  width: 100%;
}
.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,
.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container {
  width: calc(100% - 2em);
}
.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  width: 2em;
}

/* Button */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  /* the overflow property removes extra width in IE */
}

p-button {
  display: inline-block;
}

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.25em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-text-empty .ui-button-text {
  padding: 0.25em;
  text-indent: -9999999px;
}

.ui-button-text-icon-left .ui-button-text {
  padding: 0.25em 1em 0.25em 2.1em;
}

.ui-button-text-icon-right .ui-button-text {
  padding: 0.25em 2.1em 0.25em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-button-icon-left,
.ui-button-text-icon-left .ui-button-icon-left,
.ui-button-text-icon-right .ui-button-icon-right {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  height: 1em;
}

.ui-button-icon-only .ui-button-icon-left {
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
}

.ui-button-icon-left {
  left: 0.5em;
}

.ui-button-icon-right {
  right: 0.5em;
}

/*button sets*/
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: 0;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
  /* reset extra padding in Firefox */
}

/** Fluid **/
.ui-fluid .ui-button {
  width: 100%;
}
.ui-fluid .ui-button-text-icon-left .ui-button-text,
.ui-fluid .ui-button-text-icon-right .ui-button-text {
  padding-left: 1em;
  padding-right: 1em;
}
.ui-fluid .ui-buttonset {
  width: 100%;
}
.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button {
  width: 100%;
}
.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {
  width: 50%;
}
.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {
  width: 33.3%;
}
.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {
  width: 25%;
}
.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button {
  width: 20%;
}
.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
  width: 16.6%;
}

/** ButtonSet **/
@media (max-width: 640px) {
  .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button, .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button, .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button, .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button, .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button, .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
    width: 100%;
  }
}
/** Breadcrumb **/
.ui-breadcrumb {
  margin: 0;
  padding: 0;
  padding: 0.5em;
}
.ui-breadcrumb ul {
  margin: 0;
  padding: 0;
}
.ui-breadcrumb ul li {
  display: inline-block;
  margin: 0 0.25em;
}

.ui-breadcrumb-chevron,
.ui-breadcrumb-home {
  vertical-align: middle;
}

.ui-breadcrumb ul li .ui-menuitem-link {
  text-decoration: none;
}
.ui-breadcrumb .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-breadcrumb .ui-menuitem-text {
  vertical-align: middle;
}

.ui-card-header img {
  width: 100%;
}

.ui-card-body {
  padding: 1em;
}

.ui-card-title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.ui-card-subtitle {
  opacity: 0.7;
  margin-bottom: 0.5em;
  margin-top: -0.25em;
  font-weight: bold;
}

.ui-card-footer {
  padding-top: 1em;
}

/*.ui-chkbox {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 0.25em;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  .ui-chkbox-box {
    width: 1.125em;
    height: 1.125em;
    line-height: 1.125em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
  }
  .ui-chkbox-icon {
    display: block;
  }
}*/
/*.ui-chkbox-label {
  vertical-align: middle;
}*/
.ui-colorpicker {
  display: inline-block;
}

.ui-colorpicker-dragging {
  cursor: pointer;
}

.ui-colorpicker-overlay {
  position: relative;
}

.ui-colorpicker-panel {
  position: relative;
  width: 193px;
  height: 166px;
  background-color: #323232;
  border-color: #191919;
}

.ui-colorpicker-overlay-panel {
  position: absolute;
}

.ui-colorpicker-preview {
  width: 2em;
  cursor: pointer;
}

.ui-colorpicker-panel .ui-colorpicker-content {
  position: relative;
}
.ui-colorpicker-panel .ui-colorpicker-color-selector {
  width: 150px;
  height: 150px;
  top: 8px;
  left: 8px;
  position: absolute;
}
.ui-colorpicker-panel .ui-colorpicker-color {
  width: 150px;
  height: 150px;
  background: transparent url("/assets/styles/portal/source/styles/vendor/primeng/images/color.png") no-repeat left top;
}
.ui-colorpicker-panel .ui-colorpicker-color-handle {
  position: absolute;
  top: 0px;
  left: 150px;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  margin: -5px 0 0 -5px;
  cursor: pointer;
}
.ui-colorpicker-panel .ui-colorpicker-hue {
  background: transparent url("/assets/styles/portal/source/styles/vendor/primeng/images/hue.png") no-repeat left top;
  width: 17px;
  height: 150px;
  top: 8px;
  left: 167px;
  position: absolute;
  opacity: 0.85;
}
.ui-colorpicker-panel .ui-colorpicker-hue-handle {
  position: absolute;
  top: 150px;
  left: 0px;
  width: 21px;
  margin-left: -2px;
  margin-top: -5px;
  height: 10px;
  border: 2px solid #ffffff;
  opacity: 0.85;
  cursor: pointer;
}
.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle,
.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle {
  opacity: 0.5;
}

.ui-contextmenu {
  width: 12.5em;
  padding: 0.25em;
  position: absolute;
  display: none;
}
.ui-contextmenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}
.ui-contextmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-contextmenu .ui-submenu-list {
  display: none;
  position: absolute;
  width: 12.5em;
  padding: 0.25em;
}
.ui-contextmenu .ui-menuitem-link {
  padding: 0.25em;
  display: block;
  position: relative;
}
.ui-contextmenu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-contextmenu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-contextmenu .ui-menuitem {
  position: relative;
}
.ui-contextmenu .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -0.5em;
  right: 0;
  top: 50%;
}
.ui-contextmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block !important;
}

.ui-datagrid .ui-paginator {
  text-align: center;
}

.ui-datagrid-column {
  padding: 0.25em;
}

.ui-datagrid-content-empty {
  padding: 0.25em 0.625em;
}

.ui-datagrid .ui-datagrid-header,
.ui-datagrid .ui-datagrid-footer {
  text-align: center;
  padding: 0.5em 0.75em;
}
.ui-datagrid .ui-datagrid-header {
  border-bottom: 0 none;
}
.ui-datagrid .ui-datagrid-footer {
  border-top: 0 none;
}
.ui-datagrid .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-datagrid .ui-paginator-bottom {
  border-top: 0 none;
}

.ui-datalist .ui-datalist-header,
.ui-datalist .ui-datalist-footer {
  text-align: center;
  padding: 0.5em 0.75em;
}
.ui-datalist .ui-datalist-header {
  border-bottom: 0 none;
}
.ui-datalist .ui-datalist-footer {
  border-top: 0 none;
}
.ui-datalist .ui-datalist-data {
  margin: 0;
  padding: 0;
}
.ui-datalist .ui-datalist-data > li {
  list-style-type: none;
}
.ui-datalist .ui-datalist-emptymessage {
  padding: 0.5em 0.75em;
}
.ui-datalist.ui-datalist-scrollable .ui-datalist-content {
  overflow: auto;
}
.ui-datalist .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-datalist .ui-paginator-bottom {
  border-top: 0 none;
}

.ui-datascroller .ui-datascroller-header {
  text-align: center;
  padding: 0.5em 0.75em;
  border-bottom: 0 none;
}
.ui-datascroller .ui-datascroller-footer {
  text-align: center;
  padding: 0.25em 0.625em;
  border-top: 0px none;
}
.ui-datascroller .ui-datascroller-content {
  padding: 0.25em 0.625em;
}

.ui-datascroller-inline .ui-datascroller-content {
  overflow: auto;
}

.ui-datascroller .ui-datascroller-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ui-datatable {
  position: relative;
}
.ui-datatable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-caption,
.ui-datatable .ui-datatable-footer {
  text-align: center;
  padding: 0.5em 0.75em;
  box-sizing: border-box;
}
.ui-datatable .ui-datatable-caption,
.ui-datatable .ui-datatable-header {
  border-bottom: 0 none;
}
.ui-datatable .ui-datatable-footer {
  border-top: 0 none;
}
.ui-datatable thead th,
.ui-datatable tfoot td {
  text-align: center;
}
.ui-datatable thead tr {
  border-width: 0;
}
.ui-datatable .ui-datatable-thead > tr > th,
.ui-datatable .ui-datatable-tfoot > tr > td,
.ui-datatable .ui-datatable-data > tr > td {
  border-color: inherit;
  box-sizing: border-box;
  padding: 0.25em 0.5em;
  border-width: 1px;
  border-style: solid;
}
.ui-datatable.ui-datatable-resizable .ui-datatable-thead > tr > th,
.ui-datatable.ui-datatable-resizable .ui-datatable-tfoot > tr > td,
.ui-datatable.ui-datatable-resizable .ui-datatable-data > tr > td {
  overflow: hidden;
}
.ui-datatable .ui-datatable-thead > tr > th,
.ui-datatable .ui-datatable-tfoot > tr > td {
  font-weight: normal;
}
.ui-datatable tbody {
  outline: 0;
}
.ui-datatable .ui-sortable-column {
  cursor: pointer;
}
.ui-datatable .ui-sortable-column-icon {
  display: inline-block;
  margin-left: 0.125em;
}
.ui-datatable tr.ui-state-highlight {
  cursor: pointer;
}

/* Scrollable */
.ui-datatable-scrollable-body {
  overflow: auto;
  overflow-anchor: none;
  min-height: 0%;
}

.ui-datatable-scrollable-header,
.ui-datatable-scrollable-footer {
  overflow: hidden;
}

.ui-datatable-scrollable .ui-datatable-scrollable-header,
.ui-datatable-scrollable .ui-datatable-scrollable-footer {
  position: relative;
  border: 0 none;
}
.ui-datatable-scrollable .ui-datatable-scrollable-header td {
  font-weight: normal;
}

.ui-datatable-scrollable-body .ui-datatable-data {
  border-top-color: transparent;
}
.ui-datatable-scrollable-body .ui-datatable-data > tr:first-child {
  border-top-color: transparent;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover, .ui-datatable .ui-datatable-data tr.ui-state-highlight {
  border-color: inherit;
  font-weight: inherit;
  cursor: pointer;
}
.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td a,
.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td span.ui-rowgroup-header-name {
  display: inline-block;
  vertical-align: middle;
}

.ui-datatable-scrollable-theadclone {
  height: 0;
}
.ui-datatable-scrollable-theadclone tr {
  height: 0;
}
.ui-datatable-scrollable-theadclone th.ui-state-default {
  height: 0;
  border-bottom-width: 0;
  border-top-width: 0;
  padding-top: 0;
  padding-bottom: 0;
  outline: 0 none;
}
.ui-datatable-scrollable-theadclone th span.ui-column-title {
  display: block;
  height: 0;
}

.ui-datatable .ui-paginator {
  padding: 0.125em;
}
.ui-datatable .ui-paginator-top {
  border-bottom-width: 0;
}
.ui-datatable .ui-paginator-bottom {
  border-top-width: 0;
}

.ui-datatable-rtl {
  direction: rtl;
}
.ui-datatable-rtl.ui-datatable thead th,
.ui-datatable-rtl.ui-datatable tfoot td {
  text-align: right;
}

/* Row Toggler */
.ui-row-toggler {
  cursor: pointer;
}

/* Resizable */
.ui-datatable .ui-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: 0.5em;
  height: 100%;
  padding: 0px;
  cursor: col-resize;
  border: 1px solid transparent;
}
.ui-datatable .ui-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none;
}

.ui-datatable-resizable {
  padding-bottom: 1px;
  /*fix for webkit overlow*/
  overflow: auto;
}
.ui-datatable-resizable thead th,
.ui-datatable-resizable tbody td,
.ui-datatable-resizable tfoot td {
  white-space: nowrap;
}
.ui-datatable-resizable th.ui-resizable-column {
  background-clip: padding-box;
  position: relative;
}

/** Reflow **/
.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
  display: none;
}

/* Filter */
.ui-datatable .ui-column-filter {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.25em;
}
.ui-datatable .ui-editable-column input {
  width: 100%;
  outline: 0;
}
.ui-datatable .ui-datatable-data > tr > td.ui-editable-column {
  padding: 0.5em;
}
.ui-datatable .ui-editable-column > .ui-cell-editor {
  display: none;
}
.ui-datatable .ui-datatable-data > tr > td.ui-editable-column.ui-cell-editing {
  padding: 1px;
}
.ui-datatable .ui-editable-column.ui-cell-editing > .ui-cell-editor {
  display: block;
}
.ui-datatable .ui-editable-column.ui-cell-editing > .ui-cell-data {
  display: none;
}

/* Editing */
.ui-datatable-stacked thead th,
.ui-datatable-stacked tfoot td {
  display: none !important;
}

.ui-datatable.ui-datatable-stacked .ui-datatable-data > tr > td {
  text-align: left;
  display: block;
  border: 0 none;
  width: 100%;
  box-sizing: border-box;
  float: left;
  clear: left;
}
.ui-datatable.ui-datatable-stacked .ui-datatable-data.ui-widget-content {
  border: 0 none;
}

.ui-datatable-stacked .ui-datatable-data tr.ui-widget-content {
  border-left: 0 none;
  border-right: 0 none;
}
.ui-datatable-stacked .ui-datatable-data td .ui-column-title {
  padding: 0.4em;
  min-width: 30%;
  display: inline-block;
  margin: -0.4em 1em -0.4em -0.4em;
  font-weight: bold;
}

.ui-datatable .ui-selection-column .ui-chkbox,
.ui-datatable .ui-selection-column .ui-radiobutton {
  margin: 0;
  display: block;
}
.ui-datatable .ui-selection-column .ui-chkbox-box,
.ui-datatable .ui-selection-column .ui-radiobutton-box {
  display: block;
  box-sizing: border-box;
  margin: 0;
}

.ui-datatable-scrollable-wrapper {
  position: relative;
}

.ui-datatable-frozen-view .ui-datatable-scrollable-body {
  overflow: hidden;
}

.ui-datatable-unfrozen-view {
  position: absolute;
  top: 0px;
}

.ui-datatable .ui-datatable-load-status {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.ui-datatable .ui-datatable-virtual-table {
  position: absolute;
  top: 0px;
  left: 0px;
}
.ui-datatable .ui-datatable-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}
.ui-datatable .ui-datatable-loading-content {
  position: absolute;
  left: 50%;
  top: 25%;
  z-index: 2;
}

@media (max-width: 35em) {
  .ui-datatable-reflow thead th,
.ui-datatable-reflow tfoot td {
    display: none !important;
  }
  .ui-datatable-reflow .ui-datatable-data > tr > td {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100% !important;
    box-sizing: border-box;
    float: left;
    clear: left;
  }
  .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
    border: 0 none;
  }
  .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
    border-left: 0 none;
    border-right: 0 none;
  }
  .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
    font-weight: bold;
  }
  .ui-datatable-reflow.ui-datatable-scrollable .ui-datatable-scrollable-body colgroup {
    display: block;
  }
}
.ui-dataview {
  position: relative;
}
.ui-dataview .ui-paginator {
  text-align: center;
}

.ui-dataview-column {
  padding: 0.25em;
}

.ui-dataview-content-empty {
  padding: 0.25em 0.625em;
}

.ui-dataview .ui-dataview-header,
.ui-dataview .ui-dataview-footer {
  padding: 0.5em 0.75em;
}
.ui-dataview .ui-dataview-header {
  border-bottom: 0 none;
}
.ui-dataview .ui-dataview-footer {
  border-top: 0 none;
}
.ui-dataview .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-dataview .ui-paginator-bottom {
  border-top: 0 none;
}
.ui-dataview.ui-dataview-list > .ui-dataview-content > div.ui-g > div {
  width: 100%;
}
.ui-dataview .ui-dataview-emptymessage {
  padding: 0.5em 0.75em;
}

/* Loader */
.ui-dataview-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}

.ui-dataview-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}

.ui-dataview-loading-icon {
  font-size: 2em;
}

.ui-fieldset {
  padding: 0.5em 1em;
}
.ui-fieldset .ui-fieldset-legend {
  padding: 0.5em 1em;
}

.ui-fieldset-toggleable .ui-fieldset-legend {
  padding: 0;
}
.ui-fieldset-toggleable .ui-fieldset-legend a {
  padding: 0.5em 1em;
  cursor: pointer;
  white-space: nowrap;
  display: block;
}

.ui-fieldset .ui-fieldset-toggler {
  margin-right: 0.1em;
  display: inline-block;
  vertical-align: middle;
}
.ui-fieldset .ui-fieldset-legend-text {
  vertical-align: middle;
}
.ui-fieldset .ui-fieldset-content-wrapper-overflown {
  overflow: hidden;
}

/*
 * FileUpload
 */
.ui-fileupload-buttonbar {
  padding: 0.5em;
  border-bottom: 0 none;
}
.ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input {
  cursor: default;
}
.ui-fileupload-buttonbar .ui-button {
  vertical-align: middle;
  margin-right: 0.25em;
}

.ui-fileupload-content {
  padding: 1em;
  position: relative;
  transition: border-color 0.3s;
}
.ui-fileupload-content.ui-fileupload-highlight {
  border-color: #156090;
}

.ui-fileupload-files {
  display: table;
}
.ui-fileupload-files img {
  border: none;
}

.ui-fileupload-row {
  display: table-row;
}
.ui-fileupload-row > div {
  display: table-cell;
  padding: 0.5em 1em;
  vertical-align: middle;
}

.ui-fileupload-content .ui-progressbar {
  width: 100%;
  position: absolute;
  top: 1px;
  left: 0;
  height: 0.25em;
  border: 0 none;
}
.ui-fileupload-content .ui-progressbar-value {
  border-radius: 0;
  border: 0 none;
}

/* Simple */
.ui-fileupload-choose {
  position: relative;
  overflow: hidden;
}
.ui-fileupload-choose input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  direction: ltr;
  cursor: pointer;
}
.ui-fileupload-choose.ui-fileupload-choose-selected input[type=file] {
  display: none;
}

/* ui-fluid */
.ui-fluid .ui-fileupload .ui-button {
  width: auto;
}
.ui-fluid .ui-fileupload-content .ui-button-icon-only {
  width: 2em;
}
.ui-fluid .fc .ui-button {
  width: auto;
}

@media (max-width: 40em) {
  .ui-fileupload-buttonbar .ui-button {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.25em;
  }
  .ui-fileupload-buttonbar .ui-button:last-child {
    margin-bottom: 0;
  }

  .ui-fileupload-row > div {
    display: block;
  }
}
.ui-galleria {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.ui-galleria .ui-galleria-panel-wrapper {
  position: relative;
  padding: 0;
  margin: 0;
}
.ui-galleria .ui-galleria-panel {
  filter: inherit;
  position: absolute;
  top: 0;
  left: 0;
  list-style-type: none;
}
.ui-galleria .ui-galleria-filmstrip-wrapper {
  overflow: hidden;
  margin: 0.25em auto;
  position: relative;
}
.ui-galleria .ui-galleria-filmstrip {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: 2340px;
  z-index: 900;
  position: absolute;
  top: 0;
  left: 0;
}
.ui-galleria .ui-galleria-frame {
  float: left;
  margin-right: 5px;
  opacity: 0.3;
  cursor: pointer;
}
.ui-galleria .ui-galleria-frame-active {
  opacity: 1;
}
.ui-galleria .ui-galleria-frame-content {
  overflow: hidden;
}
.ui-galleria .ui-galleria-nav-next {
  cursor: pointer;
  position: absolute;
  z-index: 910;
}
.ui-galleria .ui-galleria-nav-prev {
  cursor: pointer;
  position: absolute;
  z-index: 910;
  left: 4px;
}
.ui-galleria .ui-galleria-nav-next {
  right: 4px;
}
.ui-galleria .ui-galleria-caption {
  position: absolute;
  left: 1px;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  color: #ededed;
  padding: 0.2em 1em;
}
.ui-galleria .ui-galleria-caption h4 {
  color: #ededed;
}
.ui-galleria .ui-galleria-panel-content {
  padding: 1em 1.4em;
}

/* Deprecated Grid CSS */
.ui-grid {
  clear: both;
  padding: 0;
  margin: 0;
}
.ui-grid::before {
  content: "";
  display: table;
}
.ui-grid::after {
  content: "";
  display: table;
  clear: both;
}
.ui-grid .ui-grid-row {
  display: flex;
  clear: both;
}

.ui-grid-row::after {
  clear: both;
  content: "";
  display: table;
}

.ui-grid-col-1,
.ui-grid-col-2,
.ui-grid-col-3,
.ui-grid-col-4,
.ui-grid-col-5,
.ui-grid-col-6,
.ui-grid-col-7,
.ui-grid-col-8,
.ui-grid-col-9,
.ui-grid-col-10,
.ui-grid-col-11,
.ui-grid-col-12 {
  float: left;
  box-sizing: border-box;
}

.ui-grid-col-1 {
  width: 8.33333%;
}

.ui-grid-col-2 {
  width: 16.66666%;
}

.ui-grid-col-3 {
  width: 25%;
}

.ui-grid-col-4 {
  width: 33.33333%;
}

.ui-grid-col-5 {
  width: 41.66666%;
}

.ui-grid-col-6 {
  width: 50%;
}

.ui-grid-col-7 {
  width: 58.33333%;
}

.ui-grid-col-8 {
  width: 66.66666%;
}

.ui-grid-col-9 {
  width: 75%;
}

.ui-grid-col-10 {
  width: 83.33333%;
}

.ui-grid-col-11 {
  width: 91.66666%;
}

.ui-grid-col-12 {
  width: 100%;
}

@media (min-width: 480px) {
  .ui-grid-fixed {
    width: 480px;
  }
}
@media (min-width: 768px) {
  .ui-grid-fixed {
    width: 768px;
  }
}
@media (min-width: 960px) {
  .ui-grid-fixed {
    width: 960px;
  }
}
@media (min-width: 1024px) {
  .ui-grid-fixed {
    width: 1024px;
  }
}
/* Responsive */
@media (max-width: 640px) {
  .ui-grid-responsive .ui-grid-row {
    display: block;
  }
  .ui-grid-responsive .ui-grid-col-1,
.ui-grid-responsive .ui-grid-col-2,
.ui-grid-responsive .ui-grid-col-3,
.ui-grid-responsive .ui-grid-col-4,
.ui-grid-responsive .ui-grid-col-5,
.ui-grid-responsive .ui-grid-col-6,
.ui-grid-responsive .ui-grid-col-7,
.ui-grid-responsive .ui-grid-col-8,
.ui-grid-responsive .ui-grid-col-9,
.ui-grid-responsive .ui-grid-col-10,
.ui-grid-responsive .ui-grid-col-11,
.ui-grid-responsive .ui-grid-col-12 {
    width: 100%;
    float: none;
  }
}
.ui-grid.ui-grid-pad > .ui-grid-row > div {
  padding: 0.25em 0.5em;
}

/* Responsive */
@media (max-width: 640px) {
  .ui-grid-responsive .ui-grid-row {
    display: block;
  }
  .ui-grid-responsive .ui-grid-col-1,
.ui-grid-responsive .ui-grid-col-2,
.ui-grid-responsive .ui-grid-col-3,
.ui-grid-responsive .ui-grid-col-4,
.ui-grid-responsive .ui-grid-col-5,
.ui-grid-responsive .ui-grid-col-6,
.ui-grid-responsive .ui-grid-col-7,
.ui-grid-responsive .ui-grid-col-8,
.ui-grid-responsive .ui-grid-col-9,
.ui-grid-responsive .ui-grid-col-10,
.ui-grid-responsive .ui-grid-col-11,
.ui-grid-responsive .ui-grid-col-12 {
    width: 100%;
    float: none;
  }
}
/* New Grid CSS */
.ui-g {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.ui-g::after {
  clear: both;
  content: "";
  display: table;
  box-sizing: border-box;
}

.ui-g-1,
.ui-g-2,
.ui-g-3,
.ui-g-4,
.ui-g-5,
.ui-g-6,
.ui-g-7,
.ui-g-8,
.ui-g-9,
.ui-g-10,
.ui-g-11,
.ui-g-12 {
  float: left;
  box-sizing: border-box;
  padding: 0.5em;
}

.ui-g-1 {
  width: 8.3333%;
}

.ui-g-2 {
  width: 16.6667%;
}

.ui-g-3 {
  width: 25%;
}

.ui-g-4 {
  width: 33.3333%;
}

.ui-g-5 {
  width: 41.6667%;
}

.ui-g-6 {
  width: 50%;
}

.ui-g-7 {
  width: 58.3333%;
}

.ui-g-8 {
  width: 66.6667%;
}

.ui-g-9 {
  width: 75%;
}

.ui-g-10 {
  width: 83.3333%;
}

.ui-g-11 {
  width: 91.6667%;
}

.ui-g-12 {
  width: 100%;
}

.ui-g-offset-12 {
  margin-left: 100%;
}

.ui-g-offset-11 {
  margin-left: 91.66666667%;
}

.ui-g-offset-10 {
  margin-left: 83.33333333%;
}

.ui-g-offset-9 {
  margin-left: 75%;
}

.ui-g-offset-8 {
  margin-left: 66.66666667%;
}

.ui-g-offset-7 {
  margin-left: 58.33333333%;
}

.ui-g-offset-6 {
  margin-left: 50%;
}

.ui-g-offset-5 {
  margin-left: 41.66666667%;
}

.ui-g-offset-4 {
  margin-left: 33.33333333%;
}

.ui-g-offset-3 {
  margin-left: 25%;
}

.ui-g-offset-2 {
  margin-left: 16.66666667%;
}

.ui-g-offset-1 {
  margin-left: 8.33333333%;
}

.ui-g-offset-0 {
  margin-left: 0%;
}

@media screen and (max-width: 40em) {
  .ui-sm-1,
.ui-sm-2,
.ui-sm-3,
.ui-sm-4,
.ui-sm-5,
.ui-sm-6,
.ui-sm-7,
.ui-sm-8,
.ui-sm-9,
.ui-sm-10,
.ui-sm-11,
.ui-sm-12 {
    padding: 0.5em;
  }

  .ui-sm-1 {
    width: 8.3333%;
  }

  .ui-sm-2 {
    width: 16.6667%;
  }

  .ui-sm-3 {
    width: 25%;
  }

  .ui-sm-4 {
    width: 33.3333%;
  }

  .ui-sm-5 {
    width: 41.6667%;
  }

  .ui-sm-6 {
    width: 50%;
  }

  .ui-sm-7 {
    width: 58.3333%;
  }

  .ui-sm-8 {
    width: 66.6667%;
  }

  .ui-sm-9 {
    width: 75%;
  }

  .ui-sm-10 {
    width: 83.3333%;
  }

  .ui-sm-11 {
    width: 91.6667%;
  }

  .ui-sm-12 {
    width: 100%;
  }

  .ui-sm-offset-12 {
    margin-left: 100%;
  }

  .ui-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .ui-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .ui-sm-offset-9 {
    margin-left: 75%;
  }

  .ui-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .ui-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .ui-sm-offset-6 {
    margin-left: 50%;
  }

  .ui-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .ui-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .ui-sm-offset-3 {
    margin-left: 25%;
  }

  .ui-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .ui-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .ui-sm-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 40.063em) {
  .ui-md-1,
.ui-md-2,
.ui-md-3,
.ui-md-4,
.ui-md-5,
.ui-md-6,
.ui-md-7,
.ui-md-8,
.ui-md-9,
.ui-md-10,
.ui-md-11,
.ui-md-12 {
    padding: 0.5em;
  }

  .ui-md-1 {
    width: 8.3333%;
  }

  .ui-md-2 {
    width: 16.6667%;
  }

  .ui-md-3 {
    width: 25%;
  }

  .ui-md-4 {
    width: 33.3333%;
  }

  .ui-md-5 {
    width: 41.6667%;
  }

  .ui-md-6 {
    width: 50%;
  }

  .ui-md-7 {
    width: 58.3333%;
  }

  .ui-md-8 {
    width: 66.6667%;
  }

  .ui-md-9 {
    width: 75%;
  }

  .ui-md-10 {
    width: 83.3333%;
  }

  .ui-md-11 {
    width: 91.6667%;
  }

  .ui-md-12 {
    width: 100%;
  }

  .ui-md-offset-12 {
    margin-left: 100%;
  }

  .ui-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .ui-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .ui-md-offset-9 {
    margin-left: 75%;
  }

  .ui-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .ui-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .ui-md-offset-6 {
    margin-left: 50%;
  }

  .ui-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .ui-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .ui-md-offset-3 {
    margin-left: 25%;
  }

  .ui-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .ui-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .ui-md-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 64.063em) {
  .ui-lg-1,
.ui-lg-2,
.ui-lg-3,
.ui-lg-4,
.ui-lg-5,
.ui-lg-6,
.ui-lg-7,
.ui-lg-8,
.ui-lg-9,
.ui-lg-10,
.ui-lg-11,
.ui-lg-12 {
    padding: 0.5em;
  }

  .ui-lg-1 {
    width: 8.3333%;
  }

  .ui-lg-2 {
    width: 16.6667%;
  }

  .ui-lg-3 {
    width: 25%;
  }

  .ui-lg-4 {
    width: 33.3333%;
  }

  .ui-lg-5 {
    width: 41.6667%;
  }

  .ui-lg-6 {
    width: 50%;
  }

  .ui-lg-7 {
    width: 58.3333%;
  }

  .ui-lg-8 {
    width: 66.6667%;
  }

  .ui-lg-9 {
    width: 75%;
  }

  .ui-lg-10 {
    width: 83.3333%;
  }

  .ui-lg-11 {
    width: 91.6667%;
  }

  .ui-lg-12 {
    width: 100%;
  }

  .ui-lg-offset-12 {
    margin-left: 100%;
  }

  .ui-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .ui-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .ui-lg-offset-9 {
    margin-left: 75%;
  }

  .ui-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .ui-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .ui-lg-offset-6 {
    margin-left: 50%;
  }

  .ui-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .ui-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .ui-lg-offset-3 {
    margin-left: 25%;
  }

  .ui-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .ui-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .ui-lg-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 90.063em) {
  .ui-xl-1,
.ui-xl-2,
.ui-xl-3,
.ui-xl-4,
.ui-xl-5,
.ui-xl-6,
.ui-xl-7,
.ui-xl-8,
.ui-xl-9,
.ui-xl-10,
.ui-xl-11,
.ui-xl-12 {
    padding: 0.5em;
  }

  .ui-xl-1 {
    width: 8.3333%;
  }

  .ui-xl-2 {
    width: 16.6667%;
  }

  .ui-xl-3 {
    width: 25%;
  }

  .ui-xl-4 {
    width: 33.3333%;
  }

  .ui-xl-5 {
    width: 41.6667%;
  }

  .ui-xl-6 {
    width: 50%;
  }

  .ui-xl-7 {
    width: 58.3333%;
  }

  .ui-xl-8 {
    width: 66.6667%;
  }

  .ui-xl-9 {
    width: 75%;
  }

  .ui-xl-10 {
    width: 83.3333%;
  }

  .ui-xl-11 {
    width: 91.6667%;
  }

  .ui-xl-12 {
    width: 100%;
  }

  .ui-xl-offset-12 {
    margin-left: 100%;
  }

  .ui-xl-offset-11 {
    margin-left: 91.66666667%;
  }

  .ui-xl-offset-10 {
    margin-left: 83.33333333%;
  }

  .ui-xl-offset-9 {
    margin-left: 75%;
  }

  .ui-xl-offset-8 {
    margin-left: 66.66666667%;
  }

  .ui-xl-offset-7 {
    margin-left: 58.33333333%;
  }

  .ui-xl-offset-6 {
    margin-left: 50%;
  }

  .ui-xl-offset-5 {
    margin-left: 41.66666667%;
  }

  .ui-xl-offset-4 {
    margin-left: 33.33333333%;
  }

  .ui-xl-offset-3 {
    margin-left: 25%;
  }

  .ui-xl-offset-2 {
    margin-left: 16.66666667%;
  }

  .ui-xl-offset-1 {
    margin-left: 8.33333333%;
  }

  .ui-xl-offset-0 {
    margin-left: 0%;
  }
}
.ui-g-nopad {
  padding: 0;
}

.ui-growl {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 20em;
}

.ui-growl-item-container {
  position: relative;
  margin: 0 0 10px 0;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

.ui-growl-item {
  position: relative;
  display: block;
  padding: 0.5em 1em;
}
.ui-growl-item p {
  padding: 0;
  margin: 0;
}

.ui-growl-icon-close {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
}

.ui-growl-title {
  font-weight: bold;
  padding: 0 0 0.5em 0;
  display: block;
}

.ui-growl-image {
  position: absolute;
  display: inline-block;
  left: 0.5em;
  top: 0.25em;
  padding: 0;
  font-size: 2em;
}

.ui-growl-message {
  padding: 0 0 0.25em 0;
  margin-left: 2.5em;
}
.ui-growl-message p {
  font-weight: normal;
}

.ui-inplace .ui-inplace-display {
  display: inline;
  cursor: pointer;
  border: 0 none;
  padding: 0.25em;
  font-weight: normal;
}
.ui-inplace .ui-inplace-content {
  display: inline;
}

.ui-fluid .ui-inputgroup p-inputmask {
  flex: 1 1 auto;
}

.ui-inputgroup p-inputmask:not(:first-child) .ui-inputtext {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0 none;
}
.ui-inputgroup p-inputmask:not(:last-child) .ui-inputtext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}

.ui-widget-header .ui-inputtext,
.ui-widget-content .ui-inputtext {
  font-weight: normal;
}

.ui-fluid .ui-inputtext {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.ui-inputgroup {
  display: flex;
}
.ui-inputgroup .ui-inputgroup-addon {
  display: inline-block;
  text-align: center;
  min-width: 1.5em;
  padding: 0.25em;
  border-width: 1px;
  border-style: solid;
}
.ui-inputgroup .ui-inputgroup-addon + .ui-inputgroup-addon {
  border-left: 0 none;
}
.ui-inputgroup .ui-inputtext {
  padding-left: 0.5em;
}
.ui-inputgroup .ui-inputtext:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0 none;
}
.ui-inputgroup .ui-inputtext:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}
.ui-inputgroup .ui-button {
  margin-right: 0;
  border-radius: 0;
}

.ui-fluid .ui-inputgroup .ui-button {
  width: auto;
}
.ui-fluid .ui-inputgroup .ui-inputtext {
  flex: 1 1 auto;
}

.ui-inputgroup .ui-chkbox,
.ui-inputgroup .ui-radiobutton {
  margin-right: 0;
  vertical-align: bottom;
}

/* Floating Label */
.ui-float-label {
  display: block;
  position: relative;
}
.ui-float-label > label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0.25em;
  top: 50%;
  margin-top: -0.5em;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
  color: #898989;
  line-height: 1;
}
.ui-float-label > input:-webkit-autofill ~ label, .ui-float-label > input:focus ~ label, .ui-float-label > input.ui-state-filled ~ label {
  top: -0.75em;
  font-size: 12px;
}
.ui-float-label > .ui-inputwrapper-focus ~ label,
.ui-float-label > .ui-inputwrapper-filled ~ label {
  top: -0.75em;
  font-size: 12px;
}

/* breaks firefox so defined separately */
textarea.ui-inputtext {
  width: 100%;
  min-height: 107px;
}

.ui-inputtextarea-resizable {
  overflow: hidden;
  resize: none;
}

.ui-fluid .ui-inputtextarea {
  width: 100%;
}

.ui-float-label textarea:focus ~ label, .ui-float-label textarea.ui-state-filled ~ label, .ui-float-label textarea:-webkit-autofill ~ label {
  top: -0.75em;
  font-size: 12px;
}
.ui-float-label > textarea ~ label {
  left: 0.25em;
  top: 0.75em;
}

.ui-lightbox {
  position: fixed;
  display: none;
}

.ui-lightbox-content-wrapper {
  position: relative;
}

.ui-lightbox-content {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #000000;
}

.ui-lightbox-nav-right {
  position: absolute;
  top: 50%;
  cursor: pointer;
}

.ui-lightbox-nav-left {
  position: absolute;
  top: 50%;
  cursor: pointer;
  left: 0;
}

.ui-lightbox-nav-right {
  right: 0;
}

.ui-lightbox-loading .ui-lightbox-content {
  background: url("/assets/styles/portal/source/styles/vendor/primeng/images/loading.gif") #000000 center center no-repeat;
}

.ui-lightbox-caption {
  padding: 0.2em 0.4em;
  display: none;
}

.ui-lightbox-caption-text {
  margin: 0.3em 0 0.1em 0;
  float: left;
}

.ui-lightbox-close {
  float: right;
  margin: 0;
  padding: 0.125em;
}
.ui-lightbox-close.ui-state-hover {
  padding: 0;
}

.ui-lightbox-nav-left,
.ui-lightbox-nav-right {
  opacity: 0.5;
}

.ui-lightbox-nav-left:hover,
.ui-lightbox-nav-right:hover {
  opacity: 1;
}

.ui-listbox {
  padding: 0.25em;
  width: 10em;
}
.ui-listbox .ui-listbox-list-wrapper {
  overflow: auto;
}
.ui-listbox .ui-listbox-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ui-listbox .ui-listbox-item {
  padding: 0.25em;
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 1px;
}
.ui-listbox .ui-listbox-item > span {
  vertical-align: middle;
}
.ui-listbox .ui-listbox-item:last-child {
  margin-bottom: 0;
}
.ui-listbox.ui-state-disabled .ui-listbox-item {
  cursor: default;
}

.ui-listbox-header {
  margin-bottom: 0.3em;
  padding: 0.125em 0.2em;
  position: relative;
}
.ui-listbox-header .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.ui-listbox-header .ui-listbox-filter-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
}
.ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container {
  width: calc(100% - 2em);
}
.ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
  position: absolute;
  top: 0.25em;
  left: 0.25em;
}
.ui-listbox-header .ui-inputtext {
  padding: 0.125em 0.125em 0.125em 1.25em;
  width: 100%;
}

.ui-listbox-footer {
  padding: 0.125em 0.2em;
}

.ui-megamenu {
  padding: 0.25em;
}

.ui-megamenu-root-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-megamenu-root-list > .ui-menuitem {
  position: relative;
}

.ui-megamenu .ui-menuitem-link {
  padding: 0.25em;
  display: block;
  text-decoration: none;
}
.ui-megamenu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-megamenu .ui-menuitem-text {
  vertical-align: middle;
}

.ui-megamenu-panel {
  display: none;
  position: absolute;
  width: auto;
}

.ui-megamenu-root-list > .ui-menuitem-active > .ui-megamenu-panel {
  display: block;
}

.ui-megamenu-panel .ui-menuitem {
  margin: 0.125em 0;
}

.ui-megamenu-submenu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 12.5em;
}

.ui-megamenu-submenu-header {
  padding: 0.25em;
}

/* Horizontal */
.ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem {
  display: inline-block;
}
.ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  vertical-align: middle;
  margin-left: 0.25em;
}

/* Vertical */
.ui-megamenu-vertical {
  width: 12.5em;
}
.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem {
  display: block;
}
.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link {
  position: relative;
}
.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  position: absolute;
  width: 1em;
  height: 1em;
  top: 50%;
  right: 0;
  margin-top: -0.5em;
}

.ui-megamenu .ui-g {
  flex-wrap: nowrap;
}

.ui-menubar {
  padding: 0.25em;
}
.ui-menubar:after {
  content: "";
  clear: both;
  display: table;
}
.ui-menubar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-menubar .ui-menuitem-link {
  display: block;
  padding: 0.25em;
  position: relative;
  text-decoration: none;
}
.ui-menubar .ui-menuitem-icon {
  margin-right: 0.25em;
}
.ui-menubar .ui-menubar-root-list {
  display: inline-block;
}
.ui-menubar .ui-menubar-root-list > .ui-menuitem {
  display: inline-block;
  position: relative;
}
.ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
  padding: 0.5em;
}
.ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  vertical-align: middle;
  margin-left: 0.25em;
}
.ui-menubar .ui-menubar-root-list > li ul {
  display: none;
}
.ui-menubar .ui-menubar-root-list > .ui-menu-separator {
  display: inline-block;
  vertical-align: middle;
  height: 1.5em;
}
.ui-menubar .ui-submenu-list {
  display: none;
  position: absolute;
  min-width: 12.5em;
  padding: 0.25em;
}
.ui-menubar .ui-submenu-list .ui-menuitem {
  margin: 0.125em 0;
  position: relative;
}
.ui-menubar .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-menubar .ui-menuitem-text {
  vertical-align: middle;
}
.ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -0.5em;
  right: 0;
  top: 50%;
}
.ui-menubar .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block;
}
.ui-menubar .ui-menubar-custom {
  float: right;
  padding: 0.25em;
}

.ui-message {
  border: 1px solid;
  margin: 0px 0.25em;
  padding: 0.25em 0.5em;
  display: inline-block;
  vertical-align: top;
}
.ui-message .ui-message-icon,
.ui-message .ui-message-text {
  vertical-align: middle;
}

.ui-fluid .ui-message {
  display: block;
}

.ui-messages {
  border: 1px solid;
  margin: 0.5em 0;
  padding: 1em 1em 1em 0.5em;
  position: relative;
  display: flex;
}
.ui-messages .ui-messages-icon {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  font-size: 2em;
}
.ui-messages .ui-messages-summary {
  font-weight: bold;
  margin-left: 0.25em;
}
.ui-messages .ui-messages-detail {
  margin-left: 0.25em;
}
.ui-messages ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.ui-messages ul > li {
  padding: 0.25em;
}
.ui-messages.ui-messages-noicon ul {
  margin: 0 1.5em 0 0;
}
.ui-messages .ui-messages-close {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}

.ui-multiselect {
  display: inline-block;
  position: relative;
  width: 100%;
  cursor: pointer;
  border-color: #d0d7dd;
}
.ui-multiselect .ui-multiselect-trigger {
  border-right: none;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
  width: 2em;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
}
.ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  position: absolute;
  font-size: 12px;
}
.ui-multiselect .ui-multiselect-label-container {
  overflow: hidden;
}
.ui-multiselect .ui-multiselect-label {
  display: block;
  padding: 2px 2.5em 3px 10px;
  width: auto;
  border: none;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}
.setting-field .ui-multiselect .ui-multiselect-label {
  font-size: 11px;
  padding: 5px;
  padding-right: 2.5em;
  max-width: 70px;
}
.ui-multiselect.ui-state-disabled .ui-multiselect-trigger,
.ui-multiselect.ui-state-disabled .ui-multiselect-label {
  cursor: auto;
}
.ui-multiselect .ui-multiselected-item-token,
.ui-multiselect .ui-multiselected-empty-token {
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  border: 0 none;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 3px 7px 2px;
  margin: 3px 5px 3px 0;
}
.ui-multiselect .ui-multiselected-item-token :lang(fr),
.ui-multiselect .ui-multiselected-empty-token :lang(fr) {
  text-transform: none;
}
.ui-multiselect .ui-multiselected-item-token {
  background: #4ca1fe;
  color: #ffffff;
}
.ui-multiselect .ui-multiselected-empty-token {
  background: #4ca1fe;
  color: #ffffff;
}

.ui-multiselect-panel {
  padding: 0.2em;
  position: absolute;
  min-width: 12em;
}

.ui-multiselect .ui-multiselect-panel {
  min-width: 100%;
}

.ui-multiselect-panel .ui-multiselect-items-wrapper {
  overflow: auto;
  position: relative;
  padding: 0.2em 0;
}
.ui-multiselect-panel .ui-multiselect-list {
  border: 0 none;
}
.ui-multiselect-panel .ui-multiselect-item {
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin: 1px 0;
  padding: 0.125em 0.25em;
  text-align: left;
  white-space: nowrap;
  display: block;
  position: relative;
  padding: 7px 5px 7px 30px !important;
  clear: both;
  float: left;
  width: 100%;
}
.ui-multiselect-panel .ui-multiselect-item .ui-chkbox,
.ui-multiselect-panel .ui-multiselect-item span {
  display: inline-block;
}
.ui-multiselect-panel .ui-multiselect-item > span {
  padding: 3px 0 0 0;
  vertical-align: middle;
}
.ui-multiselect-panel .ui-multiselect-item .ui-chkbox {
  position: absolute !important;
  left: 6px;
  top: 50%;
  margin-top: -9px !important;
}
.ui-multiselect-panel .ui-multiselect-item > div {
  float: none !important;
  font-size: 13px !important;
  margin-top: 0 !important;
}

.ui-multiselect-header {
  margin-bottom: 0.3em;
  padding: 0.25em;
  position: relative;
  text-align: left;
  min-height: 2em;
}
.ui-multiselect-header .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.ui-multiselect-header .ui-multiselect-filter-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 65%;
}
.ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container {
  width: 85%;
}
.ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
  position: absolute;
  top: 0.25em;
  left: 0.125em;
}
.ui-multiselect-header .ui-inputtext {
  padding: 0.125em 0.125em 0.125em 1.25em;
  width: 100%;
}
.ui-multiselect-header .ui-multiselect-close {
  position: absolute;
  right: 0.5em;
  top: 0.375em;
  display: block;
  border: 0 none;
  cursor: pointer;
}
.ui-multiselect-header a.ui-multiselect-all, .ui-multiselect-header a.ui-multiselect-none {
  float: left;
  margin-right: 10px;
  display: block;
}

.ui-multiselect-footer {
  padding: 0.25em;
}

.ui-fluid .ui-multiselect {
  width: 100%;
  box-sizing: border-box;
}

.ui-orderlist {
  display: flex;
  flex-wrap: wrap;
}

.ui-orderlist-controls-left {
  flex-direction: row;
}

.ui-orderlist-controls-right {
  flex-direction: row-reverse;
}

.ui-orderlist-controls,
.ui-orderlist-list-container {
  flex: 0 0 auto;
}

.ui-orderlist-controls {
  padding: 0 0.25em;
  width: 16.66666%;
  align-self: center;
}
.ui-orderlist-controls .ui-button.ui-button-icon-only {
  display: block;
  margin-bottom: 0.25em;
  width: 100%;
}

.ui-orderlist-list-container {
  width: 83.33333%;
}

.ui-orderlist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 12.5em;
}

.ui-orderlist-caption {
  text-align: center;
  padding: 0.5em 0.75em;
  border-bottom: 0 none;
}

.ui-orderlist-item {
  margin: 1px;
  padding: 0.125em;
  cursor: pointer;
  border: 0 none;
  font-weight: inherit;
}

.ui-orderlist-filter-container {
  position: relative;
  width: 100%;
  padding: 0.5em 0.6em;
  border-bottom: 0 none;
}
.ui-orderlist-filter-container .ui-inputtext {
  text-indent: 1.1em;
  width: 100%;
}
.ui-orderlist-filter-container .ui-orderlist-filter-icon {
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -0.6em;
}

.ui-orderlist.ui-state-disabled .ui-orderlist-item,
.ui-orderlist.ui-state-disabled .ui-button {
  cursor: default;
}
.ui-orderlist.ui-state-disabled .ui-orderlist-list {
  overflow: hidden;
}
.ui-orderlist .ui-orderlist-droppoint {
  height: 6px;
  list-style-type: none;
}

@media (max-width: 767px) {
  .ui-orderlist-controls {
    width: 100%;
    text-align: center;
  }

  .ui-orderlist .ui-orderlist-list-container {
    width: 100%;
  }
  .ui-orderlist .ui-orderlist-controls .ui-button.ui-button.ui-button-icon-only {
    display: inline-block;
    width: 20%;
    margin-right: 0.25em;
  }
}
.ui-organizationchart .ui-organizationchart-table {
  border-spacing: 0;
  border-collapse: separate;
  margin: 0 auto;
}
.ui-organizationchart .ui-organizationchart-table > tr > td {
  text-align: center;
  vertical-align: top;
  padding: 0;
  padding: 0 0.75em;
}
.ui-organizationchart .ui-organizationchart-node-content {
  padding: 0.5em 0.75em;
  display: inline-block;
  position: relative;
}
.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  position: absolute;
  bottom: -9px;
  margin-left: -8px;
  z-index: 2;
  left: 50%;
}
.ui-organizationchart .ui-organizationchart-line-down {
  margin: 0 auto;
  height: 20px;
  width: 1px;
  float: none;
}
.ui-organizationchart .ui-organizationchart-line-right {
  float: none;
  border-radius: 0px;
}
.ui-organizationchart .ui-organizationchart-line-left {
  float: none;
  border-radius: 0;
}
.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
  cursor: pointer;
}

.ui-overlaypanel {
  padding: 0;
  margin: 0;
  position: absolute;
  margin-top: 10px;
}

.ui-overlaypanel-flipped {
  margin-top: 0;
  margin-bottom: 10px;
}

.ui-overlaypanel-content {
  padding: 0.5em 1em;
}

.ui-overlaypanel-close {
  position: absolute;
  top: -1em;
  right: -1em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
}

.ui-overlaypanel-close-icon {
  line-height: inherit;
}

.ui-overlaypanel:after, .ui-overlaypanel:before {
  bottom: 100%;
  left: 1.25em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ui-overlaypanel:after {
  border-width: 8px;
  margin-left: -8px;
}
.ui-overlaypanel:before {
  border-width: 10px;
  margin-left: -10px;
}

.ui-overlaypanel-flipped:after, .ui-overlaypanel-flipped:before {
  bottom: auto;
  top: 100%;
}

.ui-overlaypanel.ui-overlaypanel-flipped:after, .ui-overlaypanel.ui-overlaypanel-flipped:before {
  border-bottom-color: transparent;
}

.ui-panel {
  padding: 0.2em;
}
.ui-panel .ui-panel-titlebar {
  padding: 0.5em 0.75em;
}
.ui-panel .ui-panel-titlebar.ui-panel-titlebar-clickable {
  cursor: pointer;
}
.ui-panel .ui-panel-titlebar-icon {
  float: right;
  cursor: pointer;
  margin-left: 0.2em;
  margin-top: -0.1em;
}
.ui-panel .ui-panel-content {
  border: 0;
  background: none;
  padding: 0.5em 0.75em;
}
.ui-panel .ui-panel-footer {
  border-width: 1px 0 0;
  padding: 0.25em 0.5em;
  text-align: left;
}

.ui-panel-content-wrapper-overflown {
  overflow: hidden;
}

.ui-password-panel {
  padding: 0.25em 0.5em;
  position: absolute;
}
.ui-password-panel .ui-password-meter {
  height: 10px;
  background: transparent url("/assets/styles/portal/source/styles/vendor/primeng/images/password-meter.png") no-repeat left top;
  padding: 0;
  margin: 0;
}

.ui-password-info {
  margin-top: 0.25em;
}

/* Overlay Animations */
.ui-password-panel {
  transform: translateY(5%);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
}

.ui-password-panel-visible {
  transform: translateY(0);
  opacity: 1;
}

.ui-password-panel-hidden {
  opacity: 0;
  transform: translateY(5%);
  transition: transform 0.3s, opacity 0.15s;
}

.ui-picklist {
  display: table;
}
.ui-picklist > div {
  float: left;
}
.ui-picklist .ui-picklist-buttons {
  height: 12.5em;
  padding: 0 0.25em;
}
.ui-picklist .ui-picklist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 12.5em;
  width: 12.5em;
}
.ui-picklist .ui-picklist-list li {
  margin: 1px;
  padding: 0.125em;
}
.ui-picklist .ui-button {
  display: block;
  margin-bottom: 0.25em;
}
.ui-picklist .ui-button-text-icon-left {
  width: 100%;
}
.ui-picklist .ui-picklist-item {
  cursor: pointer;
  border: 0 none;
  font-weight: inherit;
}
.ui-picklist .ui-picklist-caption {
  text-align: center;
  padding: 0.5em 0.75em;
  border-bottom: 0 none;
}
.ui-picklist table {
  width: 100%;
  border-collapse: collapse;
}
.ui-picklist .ui-picklist-filter-container {
  position: relative;
  width: 100%;
  padding: 0.5em 0.6em;
  border-bottom: 0 none;
}
.ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
  text-indent: 1.1em;
  width: 100%;
}
.ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -0.6em;
}
.ui-picklist > div {
  float: none;
  display: table-cell;
  vertical-align: top;
}
.ui-picklist .ui-picklist-buttons {
  vertical-align: middle;
}
.ui-picklist.ui-picklist-vertical {
  display: table;
}
.ui-picklist.ui-picklist-vertical > div {
  float: none;
  display: table-row;
  vertical-align: top;
}
.ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
  text-align: center;
  height: auto;
}
.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button {
  display: inline-block;
}
.ui-picklist.ui-picklist-vertical .ui-button {
  margin-top: 0.25em;
}

/* Vertical */
.ui-picklist-outline {
  outline: 1px dotted black;
  z-index: 1;
}

.ui-picklist .ui-picklist-droppoint {
  height: 6px;
  list-style-type: none;
}
.ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty {
  height: 100%;
  list-style-type: none;
}

.ui-picklist-list.ui-picklist-source, .ui-picklist-list.ui-picklist-target {
  outline: none;
}

/* Responsive */
.ui-picklist.ui-picklist-responsive {
  width: 100%;
}
.ui-picklist.ui-picklist-responsive * {
  box-sizing: border-box;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper {
  width: 35%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols {
  width: 45%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
  width: 10%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
  width: 100%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-list {
  width: auto;
}

/* Responsive */
@media (max-width: 40em) {
  .ui-picklist.ui-picklist-responsive {
    display: block;
  }
  .ui-picklist.ui-picklist-responsive > div {
    display: block;
    width: 100% !important;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
    text-align: center;
    height: auto;
    padding: 0.4em 0;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
    display: inline-block;
    width: 20%;
    margin-bottom: 0;
    margin-right: 0.25em;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons {
    padding-bottom: 0.4em;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons {
    padding-top: 0.4em;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right::before {
    content: "";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right::before {
    content: "";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left::before {
    content: "";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left::before {
    content: "";
  }
}
.ui-progressbar {
  height: 1.2em;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.ui-progressbar-determinate .ui-progressbar-value {
  height: 100%;
  width: 0%;
  position: absolute;
  display: none;
  border: 0 none;
}
.ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 1s ease-in-out;
}
.ui-progressbar-determinate .ui-progressbar-label {
  text-align: center;
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
  font-weight: bold;
}

.ui-progressbar-indeterminate {
  height: 3px;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  border: 0 none;
}
.ui-progressbar-indeterminate .ui-progressbar-value::before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.ui-progressbar-indeterminate .ui-progressbar-value::after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

@-webkit-keyframes ui-progressbar-indeterminate-anim {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes ui-progressbar-indeterminate-anim {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes ui-progressbar-indeterminate-anim-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes ui-progressbar-indeterminate-anim-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
.ui-progress-spinner {
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: inline-block;
}
.ui-progress-spinner::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.ui-progress-spinner-svg {
  -webkit-animation: ui-progress-spinner-rotate 2s linear infinite;
          animation: ui-progress-spinner-rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.ui-progress-spinner-circle {
  stroke-dasharray: 89, 200;
  stroke-dashoffset: 0;
  stroke: #d62d20;
  -webkit-animation: ui-progress-spinner-dash 1.5s ease-in-out infinite, ui-progress-spinner-color 6s ease-in-out infinite;
          animation: ui-progress-spinner-dash 1.5s ease-in-out infinite, ui-progress-spinner-color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes ui-progress-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes ui-progress-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ui-progress-spinner-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes ui-progress-spinner-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes ui-progress-spinner-color {
  100%, 0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%, 90% {
    stroke: #ffa700;
  }
}
@keyframes ui-progress-spinner-color {
  100%, 0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%, 90% {
    stroke: #ffa700;
  }
}
.ui-rating {
  font-size: 1.25em;
}

.ui-fluid .fc .ui-button {
  width: auto;
}

.ui-selectbutton {
  display: inline-block;
}
.ui-selectbutton.ui-state-error {
  padding: 0;
}
.ui-selectbutton .ui-button.ui-state-focus {
  outline: none;
}

.ui-sidebar {
  position: fixed;
  padding: 0.5em 1em;
  transition: transform 0.3s;
}

.ui-sidebar-left {
  top: 0;
  left: 0;
  width: 20em;
  height: 100%;
  transform: translateX(-100%);
}

.ui-sidebar-right {
  top: 0;
  right: 0;
  width: 20em;
  height: 100%;
  transform: translateX(100%);
}

.ui-sidebar-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 10em;
  transform: translateY(-100%);
}

.ui-sidebar-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10em;
  transform: translateY(100%);
}

.ui-sidebar-full {
  width: 100%;
  height: 100%;
  left: 0;
  transition: transform 0s;
}

.ui-sidebar-left.ui-sidebar-active,
.ui-sidebar-right.ui-sidebar-active {
  transform: translateX(0);
}

.ui-sidebar-left.ui-sidebar-sm,
.ui-sidebar-right.ui-sidebar-sm {
  width: 20em;
}

.ui-sidebar-left.ui-sidebar-md,
.ui-sidebar-right.ui-sidebar-md {
  width: 40em;
}

.ui-sidebar-left.ui-sidebar-lg,
.ui-sidebar-right.ui-sidebar-lg {
  width: 60em;
}

.ui-sidebar-top.ui-sidebar-active,
.ui-sidebar-bottom.ui-sidebar-active {
  transform: translateY(0);
}

.ui-sidebar-top.ui-sidebar-sm,
.ui-sidebar-bottom.ui-sidebar-sm {
  height: 10em;
}

.ui-sidebar-top.ui-sidebar-md,
.ui-sidebar-bottom.ui-sidebar-md {
  height: 20em;
}

.ui-sidebar-top.ui-sidebar-lg,
.ui-sidebar-bottom.ui-sidebar-lg {
  height: 30em;
}

.ui-sidebar-mask {
  position: fixed;
  width: 100%;
  height: 100%;
}

.ui-sidebar-close {
  float: right;
}

@media screen and (max-width: 64em) {
  .ui-sidebar-left.ui-sidebar-lg, .ui-sidebar-left.ui-sidebar-md {
    width: 20em;
  }

  .ui-sidebar-right.ui-sidebar-lg, .ui-sidebar-right.ui-sidebar-md {
    width: 20em;
  }
}
.ui-slidemenu {
  width: 12.5em;
  padding: 0.25em;
}
.ui-slidemenu.ui-slidemenu-dynamic {
  position: absolute;
}
.ui-slidemenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}
.ui-slidemenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-slidemenu .ui-slidemenu-rootlist {
  position: absolute;
  top: 0;
}
.ui-slidemenu .ui-submenu-list {
  display: none;
  position: absolute;
  top: 0;
  width: 12.5em;
  padding: 0.25em;
}
.ui-slidemenu .ui-menuitem-link {
  padding: 0.25em;
  display: block;
  position: relative;
  text-decoration: none;
}
.ui-slidemenu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-slidemenu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-slidemenu .ui-menuitem {
  position: relative;
  margin: 0.125em 0;
}
.ui-slidemenu .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -0.5em;
  right: 0;
  top: 50%;
}
.ui-slidemenu .ui-slidemenu-wrapper {
  position: relative;
}
.ui-slidemenu .ui-slidemenu-content {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

.ui-slidemenu-backward {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.25em;
  cursor: pointer;
  display: none;
}
.ui-slidemenu-backward .ui-slidemenu-backward-icon,
.ui-slidemenu-backward span {
  vertical-align: middle;
}

.ui-slidemenu .ui-menuitem-active {
  position: static;
}
.ui-slidemenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block;
}
.ui-slidemenu ul:not(.ui-active-submenu) > .ui-menuitem:not(.ui-menuitem-active) {
  display: none;
}
.ui-slidemenu .ui-active-submenu > .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: none;
}
.ui-slidemenu .ui-active-submenu > .ui-menuitem-active ~ .ui-menuitem {
  display: block;
}

.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  touch-action: none;
  z-index: 1;
}
.ui-slider .ui-slider-handle.ui-slider-handle-active {
  z-index: 2;
}
.ui-slider .ui-slider-range {
  position: absolute;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.25em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.25em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-slider-animate .ui-slider-handle {
  transition: left 0.3s;
}

.ui-spinner {
  display: inline-block;
  overflow: visible;
  padding: 0;
  position: relative;
  vertical-align: middle;
}

.ui-spinner-input {
  vertical-align: middle;
  padding-right: 1.5em;
}

.ui-spinner-button {
  cursor: default;
  display: block;
  height: 50%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: middle;
  width: 1.5em;
}

.ui-spinner .ui-spinner-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* Fluid */
.ui-fluid .ui-spinner {
  width: 100%;
}
.ui-fluid .ui-spinner .ui-spinner-input {
  padding-right: 2em;
  width: 100%;
}
.ui-fluid .ui-spinner .ui-spinner-button {
  width: 1.5em;
}
.ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  left: 0.7em;
}

.ui-splitbutton {
  position: relative;
  display: inline-block;
  zoom: 1;
}
.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  width: 2em;
  vertical-align: top;
}
.ui-splitbutton.ui-state-disabled button {
  cursor: default;
}

.ui-fluid .ui-splitbutton {
  width: 100%;
}
.ui-fluid .ui-splitbutton .ui-button:first-child {
  width: calc(100% - 2em);
}
.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  width: 2em;
}

/* Responsive */
@media (max-width: 40em) {
  .ui-steps .ui-steps-item .ui-menuitem-link {
    padding: 0.5em;
  }
  .ui-steps .ui-steps-item .ui-steps-title {
    display: none;
  }
}
/** TabMenu **/
.ui-tabview {
  padding: 0.25em;
}
.ui-tabview .ui-tabview-nav {
  margin: 0;
}
.ui-tabview .ui-tabview-nav li {
  list-style: none;
  float: left;
  position: relative;
  margin: 0 0.125em 1px 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabview .ui-tabview-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabview .ui-tabview-nav li.ui-tabview-selected a, .ui-tabview .ui-tabview-nav li.ui-state-disabled a, .ui-tabview .ui-tabview-nav li.ui-state-processing a {
  cursor: text;
}
.ui-tabview .ui-tabview-nav li a {
  cursor: pointer;
}
.ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a {
  cursor: pointer;
}
.ui-tabview .ui-tabview-panel {
  border-width: 0;
  padding: 1em;
  background: none;
}
.ui-tabview .ui-tabview-nav li {
  display: block;
}
.ui-tabview .ui-tabview-nav li .ui-tabview-left-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-tabview .ui-tabview-nav li .ui-tabview-right-icon {
  margin-left: 0.25em;
  vertical-align: middle;
}
.ui-tabview .ui-tabview-title {
  vertical-align: middle;
}
.ui-tabview .ui-tabview-nav li .ui-tabview-close {
  margin: 0.5em 0.3em 0 0;
  cursor: pointer;
}
.ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
}
.ui-tabview.ui-tabview-top > .ui-tabview-nav li {
  border-bottom: 0;
  top: 1px;
}
.ui-tabview.ui-tabview-bottom > .ui-tabview-nav {
  padding: 0 0.2em 0.2em;
}
.ui-tabview.ui-tabview-bottom > .ui-tabview-nav li {
  border-top: 0;
}

/* per orientation settings */
/* top and bottom */
/* left and right*/
.ui-tabview-left::after,
.ui-tabview-right::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.ui-tabview-left > .ui-tabview-nav {
  float: left;
  width: 25%;
  height: 300px;
  background-image: none;
  padding-top: 1px;
}
.ui-tabview-left > .ui-tabview-panels {
  float: right;
  width: 75%;
}

.ui-tabview.ui-tabview-left > .ui-tabview-nav li, .ui-tabview.ui-tabview-right > .ui-tabview-nav li {
  display: block;
  float: right;
  white-space: normal;
  width: 99%;
}
.ui-tabview.ui-tabview-left > .ui-tabview-nav li {
  margin: 0 0 1px 0;
  border-right: 0 none;
}
.ui-tabview.ui-tabview-right > .ui-tabview-nav {
  float: right;
  width: 25%;
  height: 300px;
  background-image: none;
  padding-top: 1px;
}
.ui-tabview.ui-tabview-right > .ui-tabview-panels {
  float: left;
  width: 75%;
}
.ui-tabview.ui-tabview-right > .ui-tabview-nav li {
  margin: 0 0 1px 0;
  border-left: 0 none;
}

/* RTL */
.ui-rtl .ui-tabview .ui-tabview-nav li {
  float: right;
}

.ui-terminal {
  height: 18em;
  overflow: auto;
  padding: 0.25em;
}

.ui-terminal-input {
  border: 0 none;
  background-color: transparent;
  color: inherit;
  padding: 0;
  margin: 0 0 0 0.125em;
  width: 75%;
  outline: none;
  vertical-align: baseline;
}

.ui-terminal-command {
  margin-left: 0.125em;
  -moz-margin-start: 0.125em;
}

.ui-terminal-input::-ms-clear {
  display: none;
}

.ui-tieredmenu {
  width: 12.5em;
  padding: 0.25em;
}
.ui-tieredmenu.ui-tieredmenu-dynamic {
  position: absolute;
}
.ui-tieredmenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}
.ui-tieredmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-tieredmenu .ui-submenu-list {
  display: none;
  position: absolute;
  width: 12.5em;
  padding: 0.25em;
}
.ui-tieredmenu .ui-menuitem-link {
  padding: 0.25em;
  display: block;
  position: relative;
  text-decoration: none;
}
.ui-tieredmenu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-tieredmenu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-tieredmenu .ui-menuitem {
  position: relative;
  margin: 0.125em 0;
}
.ui-tieredmenu .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -0.5em;
  right: 0;
  top: 50%;
}
.ui-tieredmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block;
}

.ui-toolbar {
  padding: 0.25em 0.5em;
}

.ui-toolbar-group-left {
  float: left;
}

.ui-toolbar-group-right {
  float: right;
}

/** Loading **/
/* Sections */
.ui-treetable-caption,
.ui-treetable-summary {
  padding: 0.25em 0.5em;
  text-align: center;
  font-weight: bold;
}

.ui-treetable-caption {
  border-bottom: 0 none;
}

.ui-treetable-summary {
  border-top: 0 none;
}

/* Paginator */
.ui-treetable .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-treetable .ui-paginator-bottom {
  border-top: 0 none;
}

/* Scrollable */
.ui-treetable-scrollable-wrapper {
  position: relative;
}

.ui-treetable-scrollable-header,
.ui-treetable-scrollable-footer {
  overflow: hidden;
  border: 0 none;
}

.ui-treetable-scrollable-body {
  overflow: auto;
  position: relative;
}
.ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr:first-child > td {
  border-top: 0 none;
}

.ui-treetable-virtual-table {
  position: absolute;
}

/* Frozen Columns */
.ui-treetable-frozen-view .ui-treetable-scrollable-body {
  overflow: hidden;
}
.ui-treetable-frozen-view > .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr > td:last-child {
  border-right: 0 none;
}

.ui-treetable-unfrozen-view {
  position: absolute;
  top: 0px;
}

/* Resizable */
.ui-treetable-resizable > .ui-treetable-wrapper {
  overflow-x: auto;
}
.ui-treetable-resizable .ui-treetable-thead > tr > th,
.ui-treetable-resizable .ui-treetable-tfoot > tr > td,
.ui-treetable-resizable .ui-treetable-tbody > tr > td {
  overflow: hidden;
}
.ui-treetable-resizable .ui-resizable-column {
  background-clip: padding-box;
  position: relative;
}

.ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
  display: none;
}

.ui-treetable .ui-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: 0.5em;
  height: 100%;
  padding: 0px;
  cursor: col-resize;
  border: 1px solid transparent;
}
.ui-treetable .ui-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none;
}

/* Reorder */
.ui-treetable-reorder-indicator-up,
.ui-treetable-reorder-indicator-down {
  position: absolute;
  display: none;
}

/* Responsive */
.ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
  display: none;
}

@media screen and (max-width: 40em) {
  .ui-treetable-responsive .ui-treetable-thead > tr > th,
.ui-treetable-responsive .ui-treetable-tfoot > tr > td {
    display: none !important;
  }
  .ui-treetable-responsive .ui-treetable-tbody > tr > td {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100% !important;
    box-sizing: border-box;
    float: left;
    clear: left;
  }
  .ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
    font-weight: bold;
  }
}
/* Loader */
.ui-treetable-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}

.ui-treetable-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}

.ui-treetable .ui-treetable-loading-icon {
  font-size: 2em;
}

.ui-virtualscroller .ui-virtualscroller-header {
  text-align: center;
  padding: 0.5em 0.75em;
  border-bottom: 0 none;
}
.ui-virtualscroller .ui-virtualscroller-footer {
  text-align: center;
  padding: 0.25em 0.625em;
  border-top: 0px none;
}
.ui-virtualscroller .ui-virtualscroller-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.main-content {
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  margin: 80px 0 0 0;
  padding: 0 0 0 65px;
  transition: margin 0.3s ease-in-out;
  transition-delay: 0s;
}
@media (max-width: 1024px) {
  .main-content {
    padding-left: 0;
    margin-top: 55px;
  }
}

/*.row {
  @include clearfix();
  margin-left: 0 - gutter();
  margin-right: 0 - gutter();
}*/
[class*=page-] .page_header,
[class*=" page-"] .page_header {
  float: left;
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
.admin--body [class*=page-] .page_header,
.admin--body [class*=" page-"] .page_header {
  margin: 0 0 15px 0;
}
[class*=page-] .page_header.no--margin,
[class*=" page-"] .page_header.no--margin {
  margin: 0 0 5px 0;
}
[class*=page-] .page_header .page_header_item,
[class*=" page-"] .page_header .page_header_item {
  flex: 1 1 auto;
}
@media (max-width: 1024px) {
  [class*=page-] .page_header .page_header_item,
[class*=" page-"] .page_header .page_header_item {
    flex: 1 100%;
  }
}
[class*=page-] .page_header .page-breadcrumbs,
[class*=" page-"] .page_header .page-breadcrumbs {
  flex: 1 100%;
}
[class*=page-] .page_header .header-actions,
[class*=" page-"] .page_header .header-actions {
  text-align: right;
}
@media (max-width: 1024px) {
  [class*=page-] .page_header .header-actions,
[class*=" page-"] .page_header .header-actions {
    text-align: left;
  }
}
[class*=page-] .page_header .popover,
[class*=" page-"] .page_header .popover {
  top: 35px;
  margin: 0;
}
[class*=page-] .page__title,
[class*=" page-"] .page__title {
  font-size: 21px;
  line-height: 34px;
  font-weight: 500;
  color: #4d565f;
  float: left;
}
@media (max-width: 480px) {
  [class*=page-] .page__title,
[class*=" page-"] .page__title {
    line-height: 24px;
    font-size: 20px;
    margin: 5px 0 0;
  }
}
[class*=page-] .page_inner,
[class*=" page-"] .page_inner {
  padding: 8px 10px 10px;
  float: left;
  width: 100%;
}
@media (max-width: 1024px) {
  [class*=page-] .page_inner,
[class*=" page-"] .page_inner {
    padding: 5px 0 0;
  }
}

.header-actions .breadcrumbs {
  line-height: 34px;
}
@media (max-width: 480px) {
  .header-actions .breadcrumbs {
    line-height: normal;
    padding-top: 5px;
  }
}
.header-actions .action__item {
  display: inline-block;
  margin: 0 0 0 10px;
}
.header-actions .action__item.item--nospace {
  margin: 0;
}

.layout-icons a {
  margin: 0 0 0 10px;
}
.layout-icons a:hover, .layout-icons a.active {
  color: #4ca1fe;
}

.survey_core {
  color: #34495e;
  text-transform: uppercase;
  border-radius: 3px;
  background: #f6f7f8;
  padding: 3px;
  font-size: 10px;
  margin-left: 10px;
  border: 1px solid #a9b4bd;
  word-break: break-word;
}
.survey_core :lang(fr) {
  text-transform: none;
}

.count-icon {
  padding: 0 0 0 4px;
}
.count-icon i {
  font-size: 16px;
  color: #4ca1fe;
  vertical-align: middle;
}

appc-layout-xl {
  display: block;
  clear: both;
}

.googlemap-print {
  display: none;
}

body {
  background-color: #e9ecef;
  color: #666;
  font-family: "Roboto";
  margin: 0;
}
body.admin--body {
  background: #f4f5f9;
}

a {
  color: #4ca1fe;
  cursor: pointer;
}
a:hover {
  color: #4ca1fe;
}
a.link--gray {
  color: #a9b4bd;
}

select {
  outline: none;
}

textarea {
  resize: none;
}

.clr-red {
  color: #dc3545 !important;
}
.clr-red a {
  color: #dc3545;
}

.clr-pink {
  color: #dc3545 !important;
}
.clr-pink a {
  color: #dc3545;
}

.clr-green {
  color: #3bb001 !important;
}
.clr-green a {
  color: #3bb001;
}

.clr-amber {
  color: #fd7e14 !important;
}
.clr-amber a {
  color: #fd7e14;
}

.clr-orange {
  color: #fd7e14 !important;
}
.clr-orange a {
  color: #fd7e14;
}

.clr-blue {
  color: #59b9ef !important;
}

.clr-gray {
  color: #eeeeee !important;
}
.clr-gray a {
  color: #eeeeee;
}

.clr-google {
  color: #ea4335 !important;
}

.clr-green-background {
  background: #3bb001 !important;
}

.clr-red-background {
  background: #dc3545 !important;
}

.clr-amber-background {
  background: #fd7e14 !important;
}

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

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

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

.hidden-desktop {
  display: none;
}

@media (max-width: 1024px) {
  .hidden-desktop {
    display: block;
  }
}
.hide {
  display: none !important;
}

.right {
  float: right;
}

.showprint {
  display: none !important;
}

.icon-cell i {
  font-size: 16px;
}

.clr-blue {
  color: #4ca1fe !important;
}

.icon-gray i {
  color: #969dab;
}
.icon-gray a i {
  color: #969dab;
}
.icon-gray a:hover i {
  color: #4ca1fe;
}

.follow-btn {
  border: 1px solid #4ca1fe;
  background: #ecf5ff;
  border-radius: 3px;
  padding: 2px 5px;
  font-weight: 500;
  text-transform: uppercase;
  color: #4ca1fe;
  font-size: 10px;
}
.follow-btn :lang(fr) {
  text-transform: none;
}
.follow-btn.active {
  background: #4ca1fe;
  color: #fff;
}

.tag-btn {
  background: #73c1b3;
  border-radius: 3px;
  padding: 2px 7px;
  color: #fff;
  font-size: 12px;
}
.tag-btn:hover {
  color: #fff;
  background-color: #57b4a4;
}

.icon--circular i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  text-align: center;
  border: 1px solid #4ca1fe;
}

.progress--green .ui-progressbar .ui-progressbar-value {
  background: #3bb001;
}

.progress--red .ui-progressbar .ui-progressbar-value {
  background: #dc3545;
}

.progress--blue .ui-progressbar .ui-progressbar-value {
  background: #4ca1fe;
}

.whitespace-pre {
  white-space: pre;
}

#section-to-print {
  display: none !important;
}

@media print {
  .noprint {
    display: none;
  }

  .noprint ~ #section-to-print {
    display: block !important;
  }
}
.form .form-col-left {
  box-sizing: border-box;
  width: 66.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.form .form-col-right {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.form fieldset {
  padding: 10px;
  border: 0;
  margin: 0;
}
.form .field {
  margin-bottom: 20px;
}
.form .field .field__label {
  font-size: 12px;
  font-weight: 500;
  display: block;
  margin-bottom: 5px;
}
.form .field .file-field {
  border: 1px solid #d0d7dd;
  padding: 4px 5px 0;
  border-radius: 5px;
  width: 66%;
}
.form .field .file-field .file-name {
  position: relative;
  top: -14px;
  font-size: 12px;
}
.form .field .file-field .btn {
  margin-right: 10px;
}
.form .field .file-field .file-field {
  position: absolute;
  left: -9999px;
}
.form .field .select__field {
  position: relative;
}
.form .field ::-webkit-input-placeholder {
  font-size: 12px;
  color: #989898;
}
.form .field :-moz-placeholder {
  font-size: 12px;
  color: #989898;
}
.form .field ::-moz-placeholder {
  font-size: 12px;
  color: #989898;
}
.form .field :-ms-input-placeholder {
  font-size: 12px;
  color: #989898;
}
.form .field_group {
  margin-left: -10px;
  margin-right: -10px;
}
.form .field_group:before, .form .field_group:after {
  content: " ";
  display: table;
}
.form .field_group:after {
  clear: both;
}
.form .field_group .field {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .form .field_group .field {
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 480px) {
  .form .field_group .field {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.form .field_group .field.fields--auto {
  width: auto !important;
}
.form .field_group .field.fields--one {
  box-sizing: border-box;
  width: 41.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.form .field_group .field.fields--two {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.form .field_group .field.fields--three {
  box-sizing: border-box;
  width: 25%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .form .field_group .field.fields--three {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.form .field_group .field.fields--eight {
  box-sizing: border-box;
  width: 66.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.form .field_group .field.fields--full {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.form .field_group .field .field__controls {
  width: 100%;
}
.form .field_group .field .field__controls input[type=text] {
  width: 100%;
}
.form .field_group .field.field--small .field__controls input[type=text] {
  width: 50%;
}
.form .field_group .field.field--small .field__controls .field__label {
  display: inline-block;
}
.form .field_group .field.field--medium {
  width: 33%;
}

.form-container:before, .form-container:after {
  content: " ";
  display: table;
}
.form-container:after {
  clear: both;
}
.form-container.form--padding {
  padding: 20px;
}
.form-container.form--padding10 {
  padding: 10px;
}
.form-container.form--grey {
  background: #f9fafc;
}
.form-container .input-search {
  width: 100%;
}
.form-container .form-error {
  margin-top: 3px;
  color: #dc3545;
  display: block;
}
.form-container .form-info-error {
  margin-top: 3px;
  color: #dc3545;
  display: block;
  font-size: 12px;
}

.form-column {
  margin-bottom: 10px;
  margin-top: 10px;
}

.form--modal .form-column {
  padding-left: 15px;
  padding-right: 15px;
}

.one.form-column,
.one.form-column {
  box-sizing: border-box;
  width: 8.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.two.form-column {
  box-sizing: border-box;
  width: 16.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.three.form-column {
  box-sizing: border-box;
  width: 25%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .three.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.four.form-column {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .four.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.five.form-column {
  box-sizing: border-box;
  width: 41.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .five.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.six.form-column {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .six.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.seven.form-column {
  box-sizing: border-box;
  width: 58.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .seven.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.eight.form-column {
  box-sizing: border-box;
  width: 66.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .eight.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.nine.form-column {
  box-sizing: border-box;
  width: 75%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .nine.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.ten.form-column {
  box-sizing: border-box;
  width: 83.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .ten.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.eleven.form-column {
  box-sizing: border-box;
  width: 91.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .eleven.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.twelve.form-column {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .twelve.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.one-third.form-column {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .one-third.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.two-thirds.form-column {
  box-sizing: border-box;
  width: 66.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .two-thirds.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.one-half.form-column {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .one-half.form-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.no-label.form-column {
  padding-top: 19px;
  line-height: 32px;
}

.select-reason.form-column .form-label {
  padding: 4px 0;
}

.no--label.form-column {
  padding-top: 19px;
}

.form-label {
  font-size: 12px;
  padding: 0 0 5px 0;
}

.form-field {
  position: relative;
}
.form-field input[type=text],
.form-field input[type=url],
.form-field input[type=email],
.form-field input[type=password] {
  width: 100%;
  padding: 8px 10px;
  border-radius: 3px;
  border: 1px solid #d0d7dd;
  font-family: "Roboto";
  font-size: 12px;
  color: #666;
}
.form-field input[type=text]:focus,
.form-field input[type=url]:focus,
.form-field input[type=email]:focus,
.form-field input[type=password]:focus {
  box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.25);
}
.form-field input[type=text]:disabled,
.form-field input[type=url]:disabled,
.form-field input[type=email]:disabled,
.form-field input[type=password]:disabled {
  background: #f1f1f1;
  opacity: 0.5;
}
.form-field input[type=text].field--error input[type=text],
.form-field input[type=text].field--error input[type=url],
.form-field input[type=text].field--error input[type=email],
.form-field input[type=text].field--error input[type=password],
.form-field input[type=url].field--error input[type=text],
.form-field input[type=url].field--error input[type=url],
.form-field input[type=url].field--error input[type=email],
.form-field input[type=url].field--error input[type=password],
.form-field input[type=email].field--error input[type=text],
.form-field input[type=email].field--error input[type=url],
.form-field input[type=email].field--error input[type=email],
.form-field input[type=email].field--error input[type=password],
.form-field input[type=password].field--error input[type=text],
.form-field input[type=password].field--error input[type=url],
.form-field input[type=password].field--error input[type=email],
.form-field input[type=password].field--error input[type=password] {
  border-color: #dc3545;
}
.form-field.field--error input[type=text],
.form-field.field--error input[type=url],
.form-field.field--error input[type=email],
.form-field.field--error input[type=password] {
  border-color: #dc3545;
}
.form-field textarea {
  width: 100%;
  padding: 10px;
  font-family: "Roboto";
  border-radius: 3px;
  border: 1px solid #d0d7dd;
  font-size: 12px;
  height: 102px;
}
.form-field textarea:focus {
  box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.25);
}
.form-field.field--search:before {
  font-family: "Font Awesome 5 Pro";
  content: "";
  font-weight: 400;
  position: absolute;
  right: 14px;
  top: 11px;
}
.form-field.field--radio-group {
  font-size: 13px;
}
.form-field.field--radio-group .ui-radiobutton-label {
  margin: 0 10px 0 5px;
}

.calendar-field {
  position: relative;
}
.calendar-field:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "";
  position: absolute;
  top: 8px;
  right: 11px;
  pointer-events: none;
  font-size: 16px;
  color: #ced1d7;
  z-index: 10;
}

.calendar-field-plain {
  position: relative;
  width: 100%;
  padding: 8px 10px;
  border-radius: 3px;
  border: 1px solid #d0d7dd;
  font-family: "Roboto";
  font-size: 12px;
  color: #666;
  background: #f1f1f1;
  opacity: 0.5;
}
.calendar-field-plain:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "";
  position: absolute;
  top: 8px;
  right: 11px;
  pointer-events: none;
  font-size: 16px;
  color: #ced1d7;
  z-index: 10;
}

.field-attachment label {
  text-align: left;
  margin-right: 0;
  font-size: 12px;
  color: #4c5e70;
}
.field-attachment .btn {
  margin-right: 10px;
}
.field-attachment .file-field {
  position: absolute;
  left: -9999px;
}

.upload-files-list {
  font-size: 12px;
}
.upload-files-list ul {
  padding: 2px 0;
}
.upload-files-list ul li {
  padding: 2px 0;
  word-break: break-word;
}
.upload-files-list ul li .delete-file {
  margin: 0 0 0 5px;
  color: #fe2e47;
}
.upload-files-list ul li .delete-file a {
  color: #fe2e47;
}

.upload-files-list {
  font-size: 12px;
}
.upload-files-list ul {
  padding: 2px 0;
}
.upload-files-list ul li {
  padding: 2px 0;
  word-break: break-word;
}
.upload-files-list ul li .delete-file {
  margin: 0 0 0 5px;
  color: #fe2e47;
}
.upload-files-list ul li .delete-file a {
  color: #fe2e47;
}

.file__field .file__name {
  position: relative;
  top: -10px;
  font-size: 12px;
}
.file__field .btn {
  margin-right: 10px;
}
.file__field .file__input {
  position: absolute;
  left: -9999px;
}

.radio-list {
  width: 100%;
  margin-top: 10px;
}
.radio-list li {
  margin-bottom: 10px;
}
.radio-list li:last-child {
  margin: 0;
}
.radio-list input[type=radio] {
  display: none;
}
.radio-list input[type=radio] + label {
  position: relative;
  font-size: 12px;
  display: inline-block;
  padding-left: 25px;
  cursor: pointer;
  line-height: 23px;
  transition: all 0.3s ease-in-out;
}
.radio-list input[type=radio] + label:before, .radio-list input[type=radio] + label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  text-align: center;
  color: black;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.radio-list input[type=radio] + label:before {
  transition: all 0.3s ease;
  box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em white;
  border: 1px solid #b7b7b7;
}
.radio-list input[type=radio] + label:hover:before {
  transition: all 0.3s ease;
  box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em #c6c6c6;
}
.radio-list input[type=radio]:checked + label:before {
  transition: all 0.3s ease;
  box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #4ca1fe;
  border: 1px solid #b7b7b7;
}

.image-based-radio .radio-container {
  float: left;
  display: table;
  width: 80px;
  height: 70px;
  margin-left: 10px;
}
.image-based-radio .radio-container:first-child {
  margin-left: 0;
}
.image-based-radio .radio-image {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 7px;
  vertical-align: middle;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  border: 2px solid #fff;
}
.image-based-radio .radio-image:hover {
  border-color: #d0d7dd;
}
.image-based-radio .radio-hidden:checked ~ .radio-image {
  border-color: #4ca1fe;
}
.image-based-radio .radio-hidden {
  position: absolute;
  visibility: hidden;
}

.form-row {
  clear: both;
}
.form-row:before, .form-row:after {
  content: " ";
  display: table;
}
.form-row:after {
  clear: both;
}
.form-row.with--padding {
  padding: 10px 0 0;
}
.form-row .form-row .form-column {
  margin: 0;
  /*&:first-child {
    padding-left: 0;
  }
  &:last-child {
    padding-right: 0;
  }*/
}

.row-grey {
  background: #f1f1f1;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}

.form-title {
  padding: 0 0 5px 10px;
}

.form__footer {
  border-top: 1px solid #ebebeb;
  padding: 15px 30px;
  margin: 0 0 0;
  position: relative;
  background: #f9fafc;
  text-align: right;
  border-radius: 0 0 3px 3px;
}
.form__footer .btn {
  margin: 0 5px 0 0;
}

.form__full {
  margin: 0 0 0;
  position: relative;
}
.form__full.form--gray {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  background: #f9fafc;
}
.form__full.form--gray + .form__footer {
  margin-top: 20px;
}

.form-content {
  font-size: 13px;
  padding: 0 10px;
}
.form-content .content-row {
  padding: 5px 0;
}
.form-content .content-row ul {
  padding: 0 0 0 25px;
  list-style: disc inside none;
}
.form-content .content-row ul li {
  display: list-item;
  padding: 0 0 5px 0;
}

.inline-item {
  display: inline-block;
  padding: 0 15px 0 0;
}

.small-button-holder .btn {
  padding: 4px 15px 3px;
  border-radius: 15px;
}

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.container:after {
  content: " ";
  display: block;
  clear: both;
}

[class*=card-]:not(.kpi__card) {
  margin-bottom: 10px;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  [class*=card-]:not(.kpi__card) {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

.card-xsmall {
  box-sizing: border-box;
  width: 25%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .card-xsmall {
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.card-small {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .card-small {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.card-medium {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .card-medium {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.card-large {
  box-sizing: border-box;
  width: 66.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .card-large {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.card-xl {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.card--nofloat {
  float: none;
  clear: both;
  margin: 0 0 20px 0;
}

.form-container {
  padding: 0 10px 20px;
}
.form-container:before, .form-container:after {
  content: " ";
  display: table;
}
.form-container:after {
  clear: both;
}
.ui-accordion .form-container {
  padding: 0;
}
.ui-dialog-content .form-container {
  padding: 0;
  margin-right: -10px;
  margin-left: -10px;
}
.form-container .input-search {
  width: 100%;
}
.form-container .form-error {
  margin-top: 3px;
  color: #dc3545;
}

.form-column {
  margin-bottom: 10px;
  margin-top: 10px;
}
.form-column.border-top-bottom {
  border: 1px solid #ebebeb;
  border-width: 1px 0;
  padding: 10px 0;
}
.form-column:first-child {
  clear: both;
}

.one.form-column,
.one.form-column {
  box-sizing: border-box;
  width: 8.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.two.form-column {
  box-sizing: border-box;
  width: 16.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.three.form-column {
  box-sizing: border-box;
  width: 25%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.four.form-column {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.five.form-column {
  box-sizing: border-box;
  width: 41.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.six.form-column {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.seven.form-column {
  box-sizing: border-box;
  width: 58.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.eight.form-column {
  box-sizing: border-box;
  width: 66.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.nine.form-column {
  box-sizing: border-box;
  width: 75%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.ten.form-column {
  box-sizing: border-box;
  width: 83.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.eleven.form-column {
  box-sizing: border-box;
  width: 91.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.twelve.form-column {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.one-third.form-column {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.two-thirds.form-column {
  box-sizing: border-box;
  width: 66.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.one-half.form-column {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.no-label.form-column {
  padding-top: 19px;
  line-height: 34px;
}

.form-label {
  font-size: 12px;
  font-weight: 500;
  padding: 0 0 5px 0;
}

.header {
  width: 100%;
  height: 79px;
  background-color: #fff;
  position: fixed;
  z-index: 29;
  top: 0;
  left: 0;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
  .header {
    height: 55px;
  }
}

.logo {
  float: left;
  height: 100%;
  text-align: center;
  width: 100%;
  max-width: 200px;
  max-height: 100%;
  padding: 0 20px;
  outline: none;
  position: relative;
}
@media (max-width: 1024px) {
  .logo {
    padding: 0;
    margin-left: 45px;
    max-width: 150px;
  }
}
@media (max-width: 480px) {
  .logo {
    margin-left: 40px;
  }
}
.logo.TCI-logo {
  padding-top: 10px;
}
.logo:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.logo a {
  outline: none;
}
.logo img {
  max-height: 100%;
}

.nav .nav__link {
  float: left;
  font-size: 12px;
  font-weight: 400;
  border-left: 1px solid #ebebeb;
  text-transform: capitalize;
  text-align: center;
  position: relative;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  max-width: 100px;
}
.nav .nav__link :lang(fr) {
  text-transform: none;
}
.nav .nav__link a {
  display: block;
  padding: 5px 15px;
  color: #969dab;
  height: 80px;
  cursor: pointer;
  border-top: 3px solid #fff;
}
.nav .nav__link a:hover {
  color: #4ca1fe;
}
.nav .nav__link a:hover .icon {
  color: #4ca1fe;
}
.nav .nav__link .fal {
  display: block;
  font-size: 20px;
  margin: 5px 0 5px;
}
.nav .active a {
  border-color: #4ca1fe;
  color: #4ca1fe;
}
@media (max-width: 1024px) {
  .nav {
    display: block;
    position: absolute;
    background: #fff;
    top: 56px;
    width: 100%;
    left: 0;
    padding: 0;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
  }
  .nav .nav__link {
    display: block;
    height: auto;
    float: none;
    font-size: 14px;
    max-width: 100%;
    width: 100%;
    font-weight: 400;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #ebebeb;
  }
  .nav .nav__link:last-child {
    border: 0;
  }
  .nav .nav__link .fal {
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
    font-size: 16px;
    top: 0;
  }
  .nav .nav__link a {
    height: auto;
    border: 0;
    padding: 15px;
  }
  .nav .nav__link a:before {
    height: 100%;
    top: 0;
    left: 0;
    width: 3px;
  }
}

.navbar-right {
  float: right;
  padding: 22px 25px 0 0;
}
@media (max-width: 1024px) {
  .navbar-right {
    padding-right: 15px;
    padding-top: 10px;
  }
}
@media (max-width: 480px) {
  .navbar-right {
    padding-right: 5px;
  }
}
.navbar-right .user-info {
  float: right;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  color: #808080;
}
.navbar-right .user-info span {
  float: left;
  line-height: 18px;
  padding: 9px 13px 9px 0;
}
.navbar-right .user-info img {
  float: left;
  border-radius: 50%;
  max-width: 36px;
  border: 1px solid #d2d2d2;
}
.navbar-right .user-info i {
  font-size: 30px;
  color: #969dab;
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-top: 3px;
}
@media (max-width: 480px) {
  .navbar-right .user-info i {
    font-size: 24px;
    line-height: 30px;
  }
}
.navbar-right .user-info .user-dropdown-link {
  float: left;
  position: relative;
  display: block;
  padding: 0 25px 0 0;
  color: #808080;
}
.navbar-right .user-info .user-dropdown-link:after {
  content: "";
  font-size: 20px;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  position: absolute;
  right: 6px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  top: 50%;
  margin-top: -10px;
}
.navbar-right .user-info .user-dropdown-link:hover {
  color: #222222;
}
.navbar-right .user-info .user-dropdown-link:hover i {
  border-color: #222222;
}
.navbar-right .user-features {
  float: right;
  padding: 0 15px;
}
@media (max-width: 1024px) {
  .navbar-right .user-features {
    padding: 0;
  }
}
.navbar-right .user-features .feature-node {
  float: left;
  margin: 0 5px;
  position: relative;
  min-width: 36px;
}
@media (max-width: 1024px) {
  .navbar-right .user-features .feature-node {
    margin: 0 5px 0 0;
  }
  .navbar-right .user-features .feature-node.notification-node {
    margin: 0 0 0 5px;
  }
}
.navbar-right .user-features .handler {
  display: block;
  padding: 9px;
  color: #d5d7dd;
  position: relative;
  text-align: center;
}
.navbar-right .user-features .handler i {
  font-size: 16px;
}
.navbar-right .user-features .handler:after {
  content: "";
  width: 36px;
  height: 36px;
  background: #f1f6fa;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  margin: -18px 0 0 -18px;
  display: none;
}
.navbar-right .user-features .handler:hover:after {
  display: block;
}
.navbar-right .user-features .handler.active:after {
  display: block;
}
.navbar-right .menu-node {
  float: right;
  display: none;
}
@media (max-width: 1024px) {
  .navbar-right .menu-node {
    display: block;
    margin: 9px 0 0 0;
  }
}
.navbar-right .language-switcher {
  float: right;
  padding: 2px 0 0 0;
}

.notification-node .noti-dot {
  position: relative;
  top: 7px;
  right: -1px;
}
.notification-node .pulse {
  width: 2px;
  height: 2px;
  border: 3px solid #4ca1fe;
  border-radius: 30px;
  background-color: #4ca1fe;
  z-index: 10;
  position: absolute;
  right: 8px;
}
.notification-node .dot {
  border: 4px solid #4ca1fe;
  background: transparent;
  border-radius: 60px;
  height: 30px;
  width: 30px;
  -webkit-animation: pulse 3s ease-out;
  animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -12px;
  right: -4px;
  z-index: 1;
  opacity: 0;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
.user-mode {
  background: #f9f9f9;
  line-height: 18px;
  font-size: 12px;
  color: #34495e;
  padding: 15px 10px;
  border-bottom: 1px solid #ebebeb;
}
.user-mode .ui-inputswitch {
  float: right;
}

.user {
  border-bottom: 1px solid #ebebeb;
  position: relative;
  padding: 10px 10px 10px 52px;
}
.user p {
  line-height: 15px;
}
.user p strong {
  display: block;
  font-weight: 500;
}
.user .user__inital {
  border: 1px solid #4ca1fe;
  border-radius: 100%;
  font-size: 18px;
  width: 35px;
  position: absolute;
  left: 10px;
  color: #4ca1fe;
  top: 7px;
  text-align: center;
  line-height: 35px;
  height: 35px;
}

.notification a.active:after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4ca1fe;
}
.notification a .count {
  position: absolute;
  left: 20px;
  top: -5px;
  background: #4ca1fe;
  font-size: 10px;
  line-height: 100%;
  color: #fff;
  padding: 3px 5px;
  border-radius: 3px;
  border: 2px solid #fff;
  display: none;
}
.notification a.show--count .count {
  display: block;
}
.notification .notification-popup {
  position: absolute;
  right: -1px;
  top: 100%;
  width: 280px;
  margin: 6px 0 0 0;
  font-size: 12px;
  color: #34495e;
  background: #fff;
  border: 1px solid #4ca1fe;
  border-radius: 5px;
  box-shadow: 0px 0px 6.48px 1.52px rgba(146, 146, 146, 0.32);
  transform: translateY(45px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.notification .notification-popup:before {
  content: "";
  position: absolute;
  right: 12px;
  top: -5px;
  width: 9px;
  height: 9px;
  background: #4ca1fe;
  border: 1px solid #4ca1fe;
  border-width: 1px 0 0 1px;
  transform: rotate(45deg);
}
.notification .notification-popup .top-bar {
  background: #4ca1fe;
  color: #fff;
  border-radius: 3px 3px 0 0;
  padding: 6px 15px 4px;
}
.notification .notification-popup .top-bar span {
  display: inline-block;
  width: 49%;
  text-align: right;
}
.notification .notification-popup .top-bar span:first-child {
  text-align: left;
}
.notification .notification-popup .top-bar a {
  color: #fff;
}
.notification .notification-popup ul {
  padding: 5px 13px;
}
.notification .notification-popup ul li {
  border-top: 1px solid #e5e5e5;
  padding: 6px 2px;
}
.notification .notification-popup ul li a {
  color: #4ca1fe;
}
.notification .notification-popup ul li a:hover {
  color: #1a1a1a;
}
.notification .notification-popup ul li:first-child {
  border-top: none;
}
.notification .notification-popup.active {
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.notification .notification-popup .alert {
  padding: 3px 0 3px 28px;
  position: relative;
  line-height: 14px;
  word-wrap: break-word;
}
.notification .notification-popup .alert > i {
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  padding: 0;
}
.notification .notification-popup .alert.complete > i {
  color: #35b968;
}
.notification .notification-popup .alert.updated > i {
  color: #4ca1fe;
  transform: rotate(180deg);
}
.notification .notification-popup .alert.deleted > i {
  color: #ce4a73;
}
.notification .notification-popup .alert.canceled > i {
  color: #ec638d;
}
.notification .notification-popup .alert span {
  display: block;
  padding: 3px 0 0 0;
  color: #a7b0b9;
  font-size: 11px;
  line-height: 11px;
}
.notification .notification-popup .alert span i {
  font-size: 11px;
  line-height: 11px;
  margin: 0 3px 0 0;
  position: relative;
  top: 1px;
}

.header-sub-nav {
  float: left;
  clear: both;
  width: 100%;
  position: fixed;
  left: 0;
  top: 79px;
  z-index: 10;
  background: #e9ecef;
  border-bottom: 1px solid #e8e9ec;
  padding: 0 0 0 65px;
}
.header-sub-nav .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  margin: 14px 30px -3px;
  font-size: 12px;
}
.header-sub-nav ul {
  list-style-type: none;
}
.header-sub-nav .header-sub-nav__actions {
  padding: 6px 0 8px 0;
  position: absolute;
  top: 0;
  width: 50%;
  right: 20px;
  text-align: right;
}
.header-sub-nav .header-sub-nav__actions .dropdown__nav {
  display: inline-block;
  width: 200px;
  text-align: left;
}
.header-sub-nav .header-sub-nav__actions .dropdown__nav .ui-inputtext {
  padding: 5px;
}
.header-sub-nav .header-sub-nav__actions .btn {
  margin: 0 5px;
}

.tabs {
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #ebebeb;
}
.tabs li {
  display: inline-block;
  padding: 0 25px !important;
  margin: 0 !important;
  margin-bottom: -3px !important;
}
.tabs li:first-child {
  padding-left: 0;
}
.tabs li a {
  display: block;
  padding: 2px 0 10px;
  color: #212229;
  cursor: pointer;
  font-weight: 400;
  position: relative;
}
.tabs li a:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 3px;
  background: #4ca1fe;
}
.tabs li a:hover, .tabs li a.active {
  color: #4ca1fe;
}
.tabs li a.active:after {
  display: block;
}
.tabs ul li:first-child {
  padding-left: 0 !important;
}

.tabs--timeline ul {
  padding: 5px 20px 0 !important;
  text-align: center;
  border-bottom: none !important;
}
.tabs--timeline ul li {
  display: inline-block !important;
  float: none !important;
  border-bottom: none !important;
}
.tabs--timeline ul li a {
  padding: 10px !important;
}
.tabs--timeline ul li.ui-state-active a {
  color: #4ca1fe !important;
}
.tabs--timeline ul li.ui-state-active a:after {
  display: block;
}

/************
 Mixin
************/
/************
 Use
************/
.box.arrow-top-left:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-top-left:after {
  border-width: 10px;
  border-bottom-color: #4fade3;
  top: -20px;
  left: 10px;
}
.box.arrow-top-right:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-top-right:after {
  border-width: 10px;
  border-bottom-color: #4fade3;
  top: -20px;
  right: 10px;
}
.box.arrow-top-center:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-top-center:after {
  border-width: 10px;
  border-bottom-color: #4fade3;
  top: -20px;
  right: 50%;
  margin-right: -10px;
}
.box.arrow-bottom-left:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-bottom-left:after {
  border-width: 10px;
  border-top-color: #4fade3;
  bottom: -20px;
  left: 10px;
}
.box.arrow-bottom-right:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-bottom-right:after {
  border-width: 10px;
  border-top-color: #4fade3;
  bottom: -20px;
  right: 10px;
}
.box.arrow-bottom-center:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-bottom-center:after {
  border-width: 10px;
  border-top-color: #4fade3;
  bottom: -20px;
  right: 50%;
  margin-right: -10px;
}
.box.arrow-left-top:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-left-top:after {
  border-width: 10px;
  border-right-color: #4fade3;
  left: -20px;
  top: 10px;
}
.box.arrow-left-center:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-left-center:after {
  border-width: 10px;
  border-right-color: #4fade3;
  left: -20px;
  top: 50%;
  margin-top: -10px;
}
.box.arrow-left-bottom:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-left-bottom:after {
  border-width: 10px;
  border-right-color: #4fade3;
  left: -20px;
  bottom: 10px;
}
.box.arrow-right-top:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-right-top:after {
  border-width: 10px;
  border-left-color: #4fade3;
  right: -20px;
  top: 10px;
}
.box.arrow-right-center:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-right-center:after {
  border-width: 10px;
  border-left-color: #4fade3;
  right: -20px;
  top: 50%;
  margin-top: -10px;
}
.box.arrow-right-bottom:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box.arrow-right-bottom:after {
  border-width: 10px;
  border-left-color: #4fade3;
  right: -20px;
  bottom: 10px;
}

.box-with-border.arrow-top-left:after, .box-with-border.arrow-top-left:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-top-left:after {
  border-width: 10px;
  border-bottom-color: #eee;
  top: -20px;
  left: 10px;
}
.box-with-border.arrow-top-left:before {
  border-width: 16px;
  border-bottom-color: #4fade3;
  top: -32px;
  left: 4px;
}
.box-with-border.arrow-top-right:after, .box-with-border.arrow-top-right:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-top-right:after {
  border-width: 10px;
  border-bottom-color: #eee;
  top: -20px;
  right: 10px;
}
.box-with-border.arrow-top-right:before {
  border-width: 16px;
  border-bottom-color: #4fade3;
  top: -32px;
  right: 4px;
}
.box-with-border.arrow-top-center:after, .box-with-border.arrow-top-center:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-top-center:after {
  border-width: 10px;
  border-bottom-color: #eee;
  top: -20px;
  right: 50%;
  margin-right: -10px;
}
.box-with-border.arrow-top-center:before {
  border-width: 16px;
  border-bottom-color: #4fade3;
  top: -32px;
  right: 50%;
  margin-right: -16px;
}
.box-with-border.arrow-bottom-left:after, .box-with-border.arrow-bottom-left:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-bottom-left:after {
  border-width: 10px;
  border-top-color: #eee;
  bottom: -20px;
  left: 10px;
}
.box-with-border.arrow-bottom-left:before {
  border-width: 16px;
  border-top-color: #4fade3;
  bottom: -32px;
  left: 4px;
}
.box-with-border.arrow-bottom-right:after, .box-with-border.arrow-bottom-right:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-bottom-right:after {
  border-width: 10px;
  border-top-color: #eee;
  bottom: -20px;
  right: 10px;
}
.box-with-border.arrow-bottom-right:before {
  border-width: 16px;
  border-top-color: #4fade3;
  bottom: -32px;
  right: 4px;
}
.box-with-border.arrow-bottom-center:after, .box-with-border.arrow-bottom-center:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-bottom-center:after {
  border-width: 10px;
  border-top-color: #eee;
  bottom: -20px;
  right: 50%;
  margin-right: -10px;
}
.box-with-border.arrow-bottom-center:before {
  border-width: 16px;
  border-top-color: #4fade3;
  bottom: -32px;
  right: 50%;
  margin-right: -16px;
}
.box-with-border.arrow-left-top:after, .box-with-border.arrow-left-top:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-left-top:after {
  border-width: 10px;
  border-right-color: #eee;
  left: -20px;
  top: 10px;
}
.box-with-border.arrow-left-top:before {
  border-width: 16px;
  border-right-color: #4fade3;
  left: -32px;
  top: 4px;
}
.box-with-border.arrow-left-center:after, .box-with-border.arrow-left-center:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-left-center:after {
  border-width: 10px;
  border-right-color: #eee;
  left: -20px;
  top: 50%;
  margin-top: -10px;
}
.box-with-border.arrow-left-center:before {
  border-width: 16px;
  border-right-color: #4fade3;
  left: -32px;
  top: 50%;
  margin-top: -16px;
}
.box-with-border.arrow-left-bottom:after, .box-with-border.arrow-left-bottom:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-left-bottom:after {
  border-width: 10px;
  border-right-color: #eee;
  left: -20px;
  bottom: 10px;
}
.box-with-border.arrow-left-bottom:before {
  border-width: 16px;
  border-right-color: #4fade3;
  left: -32px;
  bottom: 4px;
}
.box-with-border.arrow-right-top:after, .box-with-border.arrow-right-top:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-right-top:after {
  border-width: 10px;
  border-left-color: #eee;
  right: -20px;
  top: 10px;
}
.box-with-border.arrow-right-top:before {
  border-width: 16px;
  border-left-color: #4fade3;
  right: -32px;
  top: 4px;
}
.box-with-border.arrow-right-center:after, .box-with-border.arrow-right-center:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-right-center:after {
  border-width: 10px;
  border-left-color: #eee;
  right: -20px;
  top: 50%;
  margin-top: -10px;
}
.box-with-border.arrow-right-center:before {
  border-width: 16px;
  border-left-color: #4fade3;
  right: -32px;
  top: 50%;
  margin-top: -16px;
}
.box-with-border.arrow-right-bottom:after, .box-with-border.arrow-right-bottom:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.box-with-border.arrow-right-bottom:after {
  border-width: 10px;
  border-left-color: #eee;
  right: -20px;
  bottom: 10px;
}
.box-with-border.arrow-right-bottom:before {
  border-width: 16px;
  border-left-color: #4fade3;
  right: -32px;
  bottom: 4px;
}

/************
 Css for demo
************/
.box-with-border,
.box {
  width: 28%;
  height: 100px;
  background: #4fade3;
  margin: 24px;
  display: inline-block;
  position: relative;
}
.box-with-border span,
.box span {
  color: #f1f1f1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 18px;
}

.box-with-border {
  border: 4px solid #4fade3;
  background: #eee;
}
.box-with-border span {
  color: #4fade3;
}

.breadcrumbs .breadcrumbs_list {
  display: inline-block;
}
.breadcrumbs .breadcrumbs_list li {
  display: inline;
  vertical-align: middle;
  white-space: normal;
  font-size: 12px;
  font-weight: 500;
  color: #969dab;
}
.breadcrumbs .breadcrumbs_list li:before {
  color: #73879d;
  position: relative;
  top: 1px;
  font-size: 14px;
  margin: 0 10px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  content: "";
  font-family: "Font Awesome 5 Pro";
}
.breadcrumbs .breadcrumbs_list li:first-child:before {
  display: none;
}
.breadcrumbs .breadcrumbs_list li.active a {
  color: #969dab;
}
.breadcrumbs.page-breadcrumbs .breadcrumbs_list li:before {
  color: #73879d;
  position: relative;
  top: 1px;
  font-size: 14px;
  margin: 0 5px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  content: "/";
}

.voc-filter-breadcrumbs {
  border-bottom: 1px solid #ebebeb;
  padding: 11px;
  background: #fcfcfc;
  float: none;
  line-height: normal;
}
.voc-filter-breadcrumbs .breadcrumbs_list {
  display: inline-block;
}
.voc-filter-breadcrumbs .breadcrumbs_list li {
  display: inline;
  vertical-align: middle;
  white-space: normal;
  font-size: 12px;
  font-weight: 500;
  color: #969dab;
  word-break: break-all;
}
.voc-filter-breadcrumbs .breadcrumbs_list li:before {
  color: #73879d;
  position: relative;
  top: 1px;
  font-size: 14px;
  margin: 0 10px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  content: "";
  font-family: "Font Awesome 5 Pro";
}
.voc-filter-breadcrumbs .breadcrumbs_list li:first-child:before {
  display: none;
}
.voc-filter-breadcrumbs .breadcrumbs_list li.active a {
  color: #969dab;
}

.breadcrumbs-tags {
  float: left;
}
.breadcrumbs-tags .breadcrumbs_list li {
  float: left;
  vertical-align: middle;
  white-space: normal;
  font-size: 10px;
  font-weight: 500;
  margin-right: 10px;
  margin-bottom: 5px;
}
.breadcrumbs-tags .breadcrumbs_list li a {
  background: #4ca1fe;
  display: inline-block;
  padding: 3px 8px;
  text-transform: uppercase;
  position: relative;
  color: #fff;
  border-radius: 3px;
}
.breadcrumbs-tags .breadcrumbs_list li a:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.breadcrumbs-tags .breadcrumbs_list li a:after {
  border-width: 4px;
  border-left-color: #4fade3;
  right: -8px;
  top: 50%;
  margin-top: -4px;
}
.breadcrumbs-tags .breadcrumbs_list li a :lang(fr) {
  text-transform: none;
}

.filter {
  float: left;
  clear: both;
  width: 100%;
  border-radius: 3px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
}
@media (max-width: 1024px) {
  .filter {
    padding: 0 0 8px;
    margin: 0 0 10px 0;
  }
}
.filter > ul {
  display: flex;
  position: relative;
}
@media (max-width: 1024px) {
  .filter > ul {
    flex-direction: column;
  }
}
.filter.filter--disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.filter .filter__item {
  border-left: 1px solid #ebebeb;
}
@media (max-width: 1024px) {
  .filter .filter__item {
    border-left: none;
    border-top: 1px solid #ebebeb;
    flex: 1 1 auto !important;
  }
}
.filter .filter__item:first-child {
  border-left: none;
}
.filter .filter__item.filter--btns {
  padding: 11px 11px 0 10px;
  border-left: none;
}
.filter .filter__item.flex4 {
  flex: 4;
}
.filter .filter__item.flex3 {
  flex: 3;
}
.filter .filter__item.flex2 {
  flex: 2;
}
@media (max-width: 1024px) {
  .filter .filter__item .btn {
    display: block;
    text-align: center;
  }
}
.filter.filter--voc > ul {
  flex-wrap: wrap;
}
.filter.filter--voc .filter__item.flexbreak {
  flex-basis: 100%;
  height: 0;
  border-top: 1px solid #ebebeb;
}
@media (max-width: 1024px) {
  .filter.filter--voc .filter__item.flexbreak {
    border-top: none;
  }
}
.filter.filter--voc .filter__item.flexbtn {
  order: 20;
}

.filter-dropdown {
  position: absolute;
  background: #fff;
  width: 100%;
  box-shadow: 0px 17px 38px 0px rgba(0, 0, 0, 0.21);
  top: 57px;
  padding: 10px;
  text-align: left;
  left: 0;
  min-height: 200px;
  z-index: 18;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
.filter-dropdown .dropdown__footer {
  float: left;
  width: 100%;
  text-align: right;
  clear: both;
  background: #f4f5f9;
  padding: 10px;
  border-top: 1px solid #ebebeb;
  border-radius: 0 0 3px 3px;
}
@media (max-width: 1024px) {
  .filter-dropdown .dropdown__footer {
    text-align: left;
  }
}
.filter-dropdown.active, .filter-dropdown.categorydropdown--active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (max-width: 1024px) {
  .filter-dropdown {
    width: 100%;
    max-width: 100%;
    top: 44px;
  }
}
.filter-dropdown.dropdown--crs {
  width: 237px;
  min-height: 130px;
  padding: 10px 0;
}
.filter-dropdown .loader-overlay {
  position: absolute;
}
.filter-dropdown.dropdown--action {
  border: 0;
  width: 230px;
  max-width: 250px;
  left: auto;
  top: 55px;
  min-height: 100px;
  right: -12px;
  padding: 0;
  /*box-shadow: 0px 0px 30px 0px rgba(119, 119, 119, 0.35);
  @include arrow('top', 'right', 10px, $white, #eee, 1px);*/
  /* &:before {
    right: 20px;
  }
  &:after {
    right: 21px;
  }*/
}
.filter-dropdown.dropdown--brand {
  border: 0;
  width: 130px;
  max-width: 200px;
  left: auto;
  min-height: 50px;
  right: 2px;
  padding: 5px 0;
  box-shadow: 0px 0px 30px 0px rgba(119, 119, 119, 0.35);
}
.filter-dropdown.dropdown--brand:after, .filter-dropdown.dropdown--brand:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.filter-dropdown.dropdown--brand:after {
  border-width: 10px;
  border-bottom-color: #fff;
  top: -20px;
  right: 10px;
}
.filter-dropdown.dropdown--brand:before {
  border-width: 11px;
  border-bottom-color: #eee;
  top: -22px;
  right: 9px;
}
.filter-dropdown.dropdown--brand:before {
  right: 20px;
}
.filter-dropdown.dropdown--brand:after {
  right: 21px;
}
.filter-dropdown.dropdown--template {
  border: 1px solid #d6dade;
  width: 100.5%;
  left: -1px;
  min-height: auto;
  top: 34px;
  padding: 10px 5px;
  box-shadow: 0px 20px 30px 0px rgba(119, 119, 119, 0.2);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5;
  border-bottom-right-radius: 5;
}
.filter-dropdown.dropdown--panel {
  border: 0;
  width: 300px;
  min-height: auto;
  left: 5px;
  top: 50px;
  padding: 10px 0;
  box-shadow: 0px 0px 30px 0px rgba(119, 119, 119, 0.35);
}
.filter-dropdown.dropdown--panel:after, .filter-dropdown.dropdown--panel:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.filter-dropdown.dropdown--panel:after {
  border-width: 10px;
  border-bottom-color: #fff;
  top: -20px;
  left: 10px;
}
.filter-dropdown.dropdown--panel:before {
  border-width: 11px;
  border-bottom-color: #eee;
  top: -22px;
  left: 9px;
}
.filter-dropdown.dropdown--panel:before {
  left: 20px;
}
.filter-dropdown.dropdown--panel:after {
  left: 21px;
}
.filter-dropdown.dropdown--language {
  min-height: auto;
  padding: 0;
}
.filter-dropdown.dropdown--survey {
  width: 206px;
  min-height: auto;
}
@media (max-width: 1024px) {
  .filter-dropdown.dropdown--survey {
    width: 100%;
  }
}
.filter-dropdown.dropdown--allmodels {
  width: 670px;
  padding: 0;
  min-height: 200px;
}
.filter-dropdown.dropdown--allmodels.models--rg {
  left: auto;
  right: 0;
}
.filter-dropdown.dropdown--allmodels.models--rg .custom-checkbox {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 5px;
}
@media (max-width: 1024px) {
  .filter-dropdown.dropdown--allmodels {
    width: 100%;
  }
}
.filter-dropdown.dropdown--hierarchy.hierarchy--big {
  padding: 0;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--big .top-control {
  padding: 10px;
  text-align: right;
  border-bottom: 1px solid #f3f3f3;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--big .top-control a {
  font-size: 12px;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single {
  padding: 0;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single .col-right {
  display: none;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single.with--suggetions {
  width: 500px;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single.with--suggetions .col-right {
  display: block;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single.with--suggetions .col-left,
.filter-dropdown.dropdown--hierarchy.hierarchy--single.with--suggetions .col-right {
  box-sizing: border-box;
  width: 50%;
  float: left;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single .col-left {
  border-right: 1px solid #e5e5e5;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single .col-left .hierarchy__list {
  display: block;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single .hierarchy-breadcrumbs {
  background: #f1f6f9;
  box-shadow: none;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0;
  position: relative;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single .hierarchy-breadcrumbs li a {
  color: #4c6377;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single .hierarchy__list {
  padding: 10px;
  width: 100%;
  border: 0;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single .hierarchy__control {
  padding: 12px;
  margin-top: 0;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--single .hierarchy__control a {
  display: block;
}
.filter-dropdown.dropdown--hierarchy.hierarchy--search {
  padding: 10px 0 0;
}
.filter-dropdown.dropdown--calendar {
  width: 570px;
  right: 0;
  left: auto;
  padding: 0;
}
@media (max-width: 1024px) {
  .filter-dropdown.dropdown--calendar {
    width: 100%;
  }
  .filter-dropdown.dropdown--calendar .date-filters {
    width: 100%;
    border-right: none;
    padding: 10px 0;
    text-align: center;
  }
  .filter-dropdown.dropdown--calendar .date-filters li {
    border-radius: 3px;
    padding: 10px;
    display: inline-block;
  }
  .filter-dropdown.dropdown--calendar .date__calendar {
    width: 100%;
    padding: 10px 20px;
  }
}
.filter-dropdown.calendar--custom {
  width: 550px;
}
.filter-dropdown.calendar--custom .date-filters {
  width: 27%;
}
@media (max-width: 768px) {
  .filter-dropdown.calendar--custom .date-filters {
    width: 100%;
  }
}
.filter-dropdown.calendar--custom .date__calendar {
  float: left;
  width: 73%;
}
@media (max-width: 768px) {
  .filter-dropdown.calendar--custom .date__calendar {
    width: 100%;
  }
}
.filter-dropdown.dropdown--list {
  padding: 0;
  min-height: auto;
}
.filter-dropdown.dropdown--surveyscore {
  width: 400px;
  min-height: auto;
  left: auto;
  right: 0;
}
.filter-dropdown.dropdown--surveyscore .survey-score-heading {
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 10px 0;
}
.filter-dropdown.dropdown--surveyscore .survey-score-heading :lang(fr) {
  text-transform: none;
}
.filter-dropdown.dropdown--surveyscore .survey-score-heading span {
  font-weight: bold;
}
.filter-dropdown.dropdown--surveyscore .survey-score-ranges {
  font-size: 12px;
  color: #b3b3b3;
}
.filter-dropdown.dropdown--surveyscore .survey-score-ranges li {
  cursor: pointer;
  border-top: 1px solid #ebebeb;
  padding: 5px 10px;
}
.filter-dropdown.dropdown--surveyscore .survey-score-ranges li:first-child {
  border-top: none;
}
.filter-dropdown.dropdown--surveyscore .survey-score-ranges li .survey-score-range-value {
  float: right;
  font-weight: bold;
}
.filter-dropdown.dropdown--surveyscore .survey-score-ranges li.active {
  background: #f3f6f9;
  color: #666;
  font-weight: bold;
}
.filter-dropdown.dropdown--surveyresponses {
  width: 500px;
  padding: 0;
}
.filter-dropdown.dropdown--surveyresponses .filter-search-wrapper {
  padding: 10px;
  background: #fcfcfc;
  border-bottom: 1px solid #ebebeb;
}
.filter-dropdown.dropdown--surveyresponses .model-column {
  box-sizing: border-box;
  width: 50%;
  float: left;
}
@media (max-width: 1024px) {
  .filter-dropdown.dropdown--surveyresponses {
    width: 100%;
  }
}
.filter-dropdown.dropdown--categories {
  padding: 0;
  min-height: auto;
}
.filter-dropdown.dropdown--categories .ui-scrollpanel-content {
  padding-bottom: 0;
  height: 100%;
}
.filter-dropdown .filter-search input {
  padding: 8px;
  border: 1px solid #ebebeb;
}
.filter-dropdown.dropdown--vocsurvey {
  min-height: auto;
  padding: 0;
}
.filter-dropdown.dropdown--vocsurvey .filter-search-wrapper {
  padding: 10px;
  background: #fcfcfc;
  border-bottom: 1px solid #ebebeb;
}
.filter-dropdown.dropdown--vocsurvey .filter__list ul {
  max-height: 209px;
  overflow-y: auto;
}
.filter-dropdown.dropdown--versionlist .dropdown__footer {
  padding: 5px;
  font-size: 11px;
}
.filter-dropdown.dropdown--versionlist .dropdown__footer .btn {
  padding: 4px 8px;
}
.filter-dropdown.dropdown--languagelist {
  min-width: 180px;
}

.filter-field {
  float: left;
  position: relative;
  padding: 6px 10px;
  width: 100%;
}
@media (max-width: 1024px) {
  .filter-field {
    width: 100%;
    padding: 0;
  }
}
.filter-field .filter__trigger {
  padding: 15px 20px 15px 10px;
  cursor: pointer;
  float: left;
  width: 100%;
}
.filter-field .filter__trigger > i {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -8px;
  font-size: 16px;
  color: #969dab;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
@media (max-width: 1024px) {
  .filter-field .filter__trigger > i {
    left: 10px;
  }
}
.filter-field .filter__trigger > i.fa-search {
  margin-top: -7px;
}
.filter-field .field__flag {
  display: inline-block;
  position: relative;
  top: -2px;
}
.filter-field.filter--CRS {
  width: 140px;
}
.filter-field.filter--language {
  width: 253px;
  background: #fff;
  float: none;
  margin: 0 auto;
}
.filter-field.filter--language .field__label {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.filter-field.filter--modal {
  width: 100%;
}
.filter-field.filter--search {
  width: 235px;
}
.filter-field.filter--hierarchy {
  width: 100%;
  border-radius: 3px 0 0 3px;
}
.filter-field.filter--hierarchy .filter__trigger {
  padding-left: 30px;
}
.filter-field.filter--hierarchy input {
  background: transparent;
  border: 0;
  width: 85%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 14px;
  padding: 0;
  font-family: inherit;
  font-weight: 400;
}
.filter-field.filter--hierarchy input:focus {
  box-shadow: none;
}
.filter-field.filter--hierarchy input::-moz-placeholder {
  color: #969dab;
}
.filter-field.filter--hierarchy input::placeholder {
  color: #969dab;
}
.filter-field.filter--hierarchy .icon-search {
  position: relative;
  top: 1px;
}
.filter-field.hierarchy--right .filter-dropdown {
  left: auto;
  right: -1px;
}
.filter-field.hierarchy--withcal .filter-dropdown {
  left: auto;
  right: -323px;
}
.filter-field.filter--calendar {
  width: 100%;
}
.filter-field.filter--calendar .filter__trigger {
  padding-left: 30px;
}
.filter-field.filter--save {
  width: 333px;
  background: #fff;
}
.filter-field.filter--save input {
  background: transparent;
  border: 0;
  width: 180px;
}
.filter-field.filter--save .icon-save {
  top: 3px;
  position: relative;
}
.filter-field.filter--save .icon-save:before {
  font-size: 16px;
}
.filter-field .field__label {
  float: left;
  width: 100%;
  color: #969dab;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}
.filter-field .field__label .to {
  opacity: 0.5;
  margin: 0 8px;
}
.filter-field .field__label.text__ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10%;
  white-space: nowrap;
}
.filter-field .field__icons {
  position: absolute;
  right: 17px;
  top: 20px;
}
@media (max-width: 1024px) {
  .filter-field .field__icons {
    top: 13px;
  }
}
.filter-field .field__icons > i {
  font-size: 18px;
  line-height: 19px;
  margin-left: 5px;
  cursor: pointer;
  color: #b3b3b3;
}
.filter-field .field__icons > i.fa-angle-down {
  font-size: 14px;
  right: 5px;
  line-height: 14px;
  position: relative;
}
.filter-field .field__icons .icons__active {
  width: 23px;
  height: 23px;
  font-size: 12px;
  display: none;
  border-radius: 50%;
  text-align: center;
  padding: 0;
  line-height: 23px;
  color: #fff;
  position: relative;
  top: -4px;
  background: #fe6e6e;
  margin: 0 5px 0 0;
}
.filter-field .field__icons .icons__active.icon--ok {
  background: #5ee2a0;
}
.filter-field .field__icons .icons__active .icon {
  margin: 0;
}
.filter-field.active {
  background: #f3f6f9;
}
.filter-field.active .fa-angle-down {
  display: none;
}
.filter-field.active .icons__active {
  display: inline-block;
}
.filter-field.last--visited {
  background: #feeed8;
}

.category-breadcrumbs {
  border-bottom: 1px solid #ebebeb;
  padding: 12px;
  background: #fcfcfc;
  float: none;
  line-height: normal;
}
.category-breadcrumbs .breadcrumbs_list li {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #4ca1fe;
}
.category-breadcrumbs .breadcrumbs_list li:first-child:before {
  display: none;
}
.category-breadcrumbs .breadcrumbs_list li:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  position: relative;
  font-weight: 500;
  display: inline-block;
  margin: 0 3px 0 5px;
}
.category-breadcrumbs .breadcrumbs_list li.active a {
  color: #666;
}

.voc-category-list {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.voc-category-list li {
  display: block;
}
.voc-category-list li a {
  display: block;
  padding: 10px 20px 10px 15px;
  font-size: 13px;
  position: relative;
  color: #b3b3b3;
  cursor: pointer;
  font-weight: 500;
  word-break: break-word;
  border-bottom: 1px solid #ebebeb;
}
.voc-category-list li a:before {
  display: none;
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 10px;
  font-size: 16px;
  z-index: 1;
  color: #9aa6b2;
  top: 50%;
  margin-top: -8px;
}
.voc-category-list li a:hover {
  color: #666666;
  background: #f3f6f9;
}
.voc-category-list li.active a {
  color: #666666;
  background: #f3f6f9;
}
.voc-category-list li.has-child a:before {
  display: block;
}
.voc-category-list li:last-child {
  border-bottom: 0;
}

.filter-overlay {
  background-color: #415a68;
  height: 100%;
  width: 100%;
  position: fixed;
  opacity: 0.4;
  top: 0;
  z-index: 10;
}

.hierarchy-breadcrumbs {
  border-bottom: 1px solid #ebebeb;
  padding: 12px;
}
.hierarchy-breadcrumbs .breadcrumbs_list li {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #4ca1fe;
  white-space: pre;
}
.hierarchy-breadcrumbs .breadcrumbs_list li:first-child:before {
  display: none;
}
.hierarchy-breadcrumbs .breadcrumbs_list li:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  position: relative;
  font-weight: 500;
  display: inline-block;
  margin: 0 10px;
}
.hierarchy-breadcrumbs .breadcrumbs_list li.active a {
  color: #666;
}

.hierarchy {
  display: table;
  float: left;
}
@media (max-width: 1024px) {
  .hierarchy {
    width: 100%;
  }
}

.hierarchy__list {
  width: 240px;
  min-width: 240px;
  display: table-cell;
  vertical-align: top;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  border-right: 1px solid #ebebeb;
}
@media (max-width: 1024px) {
  .hierarchy__list {
    width: 100%;
    display: none;
  }
}
@media (max-width: 1024px) {
  .hierarchy__list:last-child {
    width: 100%;
    display: block;
    border-right: 0;
  }
}
.hierarchy__list.with--checkbox li {
  position: relative;
}
.hierarchy__list.with--checkbox li .custom-checkbox {
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 2px;
}
.hierarchy__list.with--checkbox li a {
  padding-left: 40px;
}
.hierarchy__list ul li {
  display: block;
}
.hierarchy__list ul li a {
  display: block;
  padding: 12px 15px;
  font-size: 13px;
  border-bottom: 1px solid #f3f3f3;
  position: relative;
  color: #b3b3b3;
  cursor: pointer;
  font-weight: 500;
  white-space: pre;
}
.hierarchy__list ul li a:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 10px;
  color: #b8b8b8;
  font-size: 15px;
  top: 50%;
  margin: -7px 0 0 0;
}
.hierarchy__list ul li a:hover {
  color: #666666;
}
.hierarchy__list ul li a:hover:before {
  color: #666666;
}
.hierarchy__list ul li.active a {
  color: #666666;
  background: #f3f6f9;
}
.hierarchy__list ul li.active a:before {
  color: #666666;
}
.hierarchy__list ul li.no--child a:before {
  display: none;
}

.date-calendar {
  float: right;
  width: 70%;
}
@media (max-width: 768px) {
  .date-calendar {
    width: 100%;
  }
}

.date-filters {
  float: left;
  width: 30%;
  border-right: 1px solid #e5e5e5;
  padding: 20px 0;
}
.date-filters ul {
  display: block;
  width: 100%;
}
.date-filters li {
  display: block;
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  padding: 10px 15px;
  color: #b3b3b3;
}
.date-filters li :lang(fr) {
  text-transform: none;
}
.date-filters li a {
  color: #b3b3b3;
}
.date-filters li a:hover {
  color: #666666;
}
.date-filters li.active {
  background: #f3f6f9;
}
.date-filters li.active a {
  color: #666666;
}

.model-column {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  border-right: 1px solid #ebebeb;
}
.model-column .model-search {
  width: 100%;
  height: 60px;
  padding: 15px;
  background: #fcfcfc;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.model-column .model-search .search__icon {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -8px;
}
.model-column .model-search .search__icon:before {
  color: #b3b3b3;
  font-size: 16px;
}
.model-column .model-search .search__field {
  width: 100%;
  border: 1px solid #d0d7dd;
  background: #fff;
  padding: 7px 30px 7px 10px;
  border-radius: 4px;
}
.model-column .model-search ::-webkit-input-placeholder {
  font-size: 13px;
  font-weight: 500;
  color: #b3b3b3;
}
.model-column .model-search :-moz-placeholder {
  font-size: 13px;
  font-weight: 500;
  color: #b3b3b3;
}
.model-column .model-search ::-moz-placeholder {
  font-size: 13px;
  font-weight: 500;
  color: #b3b3b3;
}
.model-column .model-search :-ms-input-placeholder {
  font-size: 13px;
  font-weight: 500;
  color: #b3b3b3;
}
.model-column .model__title {
  font-size: 13px;
  display: block;
  font-weight: 400;
  padding: 15px;
  color: #666666;
}
.model-column .model__title span {
  color: #969dab;
}
.model-column .model__list {
  height: 164px;
  padding-bottom: 8px;
  overflow-x: auto;
}
.model-column .model__list li {
  display: block;
  position: relative;
}
.model-column .model__list li:first-child {
  border: 0;
}
.model-column .model__list li a {
  display: block;
  padding: 12px 15px;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  border-bottom: 1px solid #f3f3f3;
  color: #b3b3b3;
  cursor: pointer;
}
.model-column .model__list li a:hover {
  color: #666666;
}
.model-column .model__list li.active a {
  background-color: #f3f6f9;
  color: #666666;
}
.model-column .model__list li:before {
  display: none;
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 10px;
  font-size: 16px;
  z-index: 1;
  color: #9aa6b2;
  top: 50%;
  margin-top: -8px;
}
.model-column .model__list li.has-child:before {
  display: block;
}
.model-column .model__list.all__models li:before {
  display: none;
}

.calendar-dropdown {
  border: 1px solid #d6dade;
  border-radius: 5px;
  padding: 8px 10px;
  min-width: 240px;
  float: left;
  background: #fff;
  position: relative;
}
.calendar-dropdown .filter__label {
  color: #969dab;
}
.calendar-dropdown .filter__label span {
  opacity: 0.5;
}
.calendar-dropdown .icon-calendar {
  color: #4ca1fe;
}
.calendar-dropdown .filter__icons {
  position: absolute;
  right: 12px;
  top: 8px;
}
.calendar-dropdown .filter__icons .icon {
  cursor: pointer;
}

.date__calendar {
  float: right;
  padding: 20px;
  width: 70%;
}
.date__calendar .ui-datepicker {
  border: 0;
}
.date__calendar .ui-calendar {
  display: block;
}

.filter__list ul li {
  display: block;
}
.filter__list ul li a {
  display: block;
  padding: 12px 15px;
  font-size: 13px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  color: #b3b3b3;
  cursor: pointer;
  font-weight: 500;
}
.filter__list ul li a:hover {
  color: #666666;
  background: none;
}
.filter__list ul li.active a {
  color: #666666;
  background: #f3f6f9;
}

.ngxp__container {
  width: 240px;
  background: #FFF;
  padding: 20px;
  border-radius: 3px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.ngxp__container.ngxp__animation {
  -webkit-animation: ngxp-fadeIn 150ms ease-out;
  animation: ngxp-fadeIn 150ms ease-out;
}

.ngxp__container > .ngxp__arrow {
  border-color: white;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 10px;
  filter: drop-shadow(1px -1px 1px rgba(0, 0, 0, 0.2));
}

.ngxp__container[x-placement^=top],
.ngxp__container[x-placement^=bottom],
.ngxp__container[x-placement^=right],
.ngxp__container[x-placement^=left] {
  display: block;
}

.ngxp__container[x-placement^=top] {
  margin-bottom: 10px;
}

.ngxp__container[x-placement^=top] > .ngxp__arrow {
  border-width: 10px 10px 0 10px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  bottom: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
}

.ngxp__container[x-placement^=top] > .ngxp__arrow.__force-arrow {
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}

.ngxp__container[x-placement^=bottom] {
  margin-top: 10px;
}

.ngxp__container[x-placement^=bottom] > .ngxp__arrow {
  border-width: 0 10px 10px 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  top: -10px;
  left: calc(50% - 10px);
  margin-top: 0;
  margin-bottom: 0;
}

.ngxp__container[x-placement^=bottom] > .ngxp__arrow.__force-arrow {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
}

.ngxp__container[x-placement^=right] {
  margin-left: 10px;
}

.ngxp__container[x-placement^=right] > .ngxp__arrow {
  border-width: 10px 10px 10px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  left: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
}

.ngxp__container[x-placement^=right] > .ngxp__arrow.__force-arrow {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}

.ngxp__container[x-placement^=left] {
  margin-right: 10px;
}

.ngxp__container[x-placement^=left] > .ngxp__arrow {
  border-width: 10px 0 10px 10px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  right: -10px;
  top: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
}

.ngxp__container[x-placement^=left] > .ngxp__arrow.__force-arrow {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}

@-webkit-keyframes ngxp-fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes ngxp-fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
/*ngxp-popper template classes*/
.ngxp-title {
  font-size: 18px;
  color: #34495e;
}

.ngxp-content {
  font-size: 12px;
  color: #969dab;
  line-height: 18px;
  font-weight: normal;
  margin: 15px 0;
}

.tour__pagination {
  float: left;
}
.tour__pagination a {
  display: inline-block;
  color: #34495e;
  font-size: 20px;
  vertical-align: middle;
}
.tour__pagination a.disabled {
  opacity: 0.3;
}

.step__count {
  color: #34495e;
  font-size: 14px;
  margin: 0 10px;
  display: inline-block;
}

.ngxp-btn {
  border: none;
  background: none;
}
.ngxp-btn.btn-end {
  float: right;
  font-size: 16px;
  color: #34495e;
}

.circle-ripple {
  background-color: #fff;
  font-size: 3px;
  display: none;
  position: relative;
  right: -20px;
  top: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-animation: ripple 0.7s linear infinite;
          animation: ripple 0.7s linear infinite;
}

@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(76, 161, 254, 0.3), 0 0 0 1em rgba(76, 161, 254, 0.3), 0 0 0 3em rgba(76, 161, 254, 0.3), 0 0 0 5em rgba(76, 161, 254, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(76, 161, 254, 0.3), 0 0 0 3em rgba(76, 161, 254, 0.3), 0 0 0 5em rgba(76, 161, 254, 0.3), 0 0 0 8em rgba(76, 161, 254, 0);
  }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(76, 161, 254, 0.3), 0 0 0 1em rgba(76, 161, 254, 0.3), 0 0 0 3em rgba(76, 161, 254, 0.3), 0 0 0 5em rgba(76, 161, 254, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(76, 161, 254, 0.3), 0 0 0 3em rgba(76, 161, 254, 0.3), 0 0 0 5em rgba(76, 161, 254, 0.3), 0 0 0 8em rgba(76, 161, 254, 0);
  }
}
.customized-dashboard {
  float: left;
  width: 100%;
  padding: 0;
  margin: 20px 0;
  border: 1px solid #ebebeb;
}
.customized-dashboard .customize__column {
  box-sizing: border-box;
  width: 50%;
  float: left;
}
.customized-dashboard .customize__column:last-child {
  border-left: 1px solid #ebebeb;
}
.customized-dashboard .col__header {
  float: left;
  width: 100%;
  background: #f5f6f7;
  padding: 10px 15px;
  border-bottom: 1px solid #ebebeb;
}
.customized-dashboard .col__header .item-selected {
  float: left;
  font-size: 12px;
}
.customized-dashboard .col__header .remove {
  float: right;
  font-size: 13px;
  font-weight: 500;
  color: #a9b4bd;
  cursor: pointer;
}
.customized-dashboard .cdk-drag-placeholder {
  background: #fbfbfb;
  border: dashed 2px #999;
  min-height: 30px;
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.customize__list {
  background: #fff;
  height: 160px;
  clear: both;
  outline: none;
  overflow-y: auto;
}
.customize__list li {
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
  padding: 10px 10px 10px 30px;
  position: relative;
}
.customize__list li:last-child {
  border: 0;
}
.customize__list li:before {
  content: "";
  position: absolute;
  left: 13px;
  top: 10px;
  font-family: "Font Awesome 5 Pro";
  color: #96a2b6;
  font-size: 12px;
}
.customize__list li:hover, .customize__list li:active {
  background: #fbfbfb;
  cursor: move;
}
.customize__list .add {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 35px;
  height: 35px;
  color: #4ca1fe;
  z-index: 1;
  font-size: 12px;
}
.customize__list .add i {
  top: 10px;
  position: relative;
}
.customize__list .add:hover {
  cursor: pointer;
}

.cdk-drag-preview {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.cdk-drag-preview {
  font-size: 12px;
  z-index: 1000000 !important;
  padding: 10px 10px 10px 30px;
  background: white;
  cursor: move;
}
.cdk-drag-preview .add, .cdk-drag-preview .actions, .cdk-drag-preview .image-tooltip-wrapper {
  display: none;
}

.summary__heading {
  position: relative;
}

.ui-dialog--customized-dashboard {
  background: #f4f5f9;
}
.ui-dialog--customized-dashboard .ui-dialog-titlebar {
  background: #fff;
  padding: 20px 0 10px;
}
.ui-dialog--customized-dashboard .ui-dialog-titlebar h2 {
  padding: 0 20px;
}
.ui-dialog--customized-dashboard .ui-dialog-content {
  padding: 0;
}
.ui-dialog--customized-dashboard .input-search {
  width: 100%;
  margin-top: 20px;
  padding: 10px 20px 0;
  border-top: 1px solid #d5d5d5;
  background: #fff;
}
.ui-dialog--customized-dashboard .input-search:before {
  left: 20px;
  margin-top: -2px;
}
.ui-dialog--customized-dashboard .input-search .ui-inputtext {
  border: 0;
}
.ui-dialog--customized-dashboard .input-search .ui-inputtext:focus {
  box-shadow: none;
}
.ui-dialog--customized-dashboard .modal__sidebar {
  float: left;
  width: 30%;
  padding: 15px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  position: fixed;
}
.ui-dialog--customized-dashboard .modal__sidebar h2 {
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #222d38;
}
.ui-dialog--customized-dashboard .modal__sidebar h2 :lang(fr) {
  text-transform: none;
}
.ui-dialog--customized-dashboard .modal__sidebar ul.left-nav li {
  margin: 0 0 8px 0;
}
.ui-dialog--customized-dashboard .modal__sidebar ul.left-nav li a {
  font-size: 12px;
  position: relative;
  display: block;
  color: #34495e;
  background: #fff;
  border-radius: 3px;
  vertical-align: middle;
  padding: 8px 25px 8px 38px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 0px 0px 4.05px 0.95px rgba(146, 146, 146, 0.2);
}
.ui-dialog--customized-dashboard .modal__sidebar ul.left-nav li a i {
  position: absolute;
  left: 10px;
  top: 50%;
  margin: -8px 0 0 0;
  font-size: 16px;
  line-height: 16px;
  width: 20px;
  text-align: center;
  height: 16px;
  vertical-align: middle;
  color: #cbcbcb;
}
.ui-dialog--customized-dashboard .modal__sidebar ul.left-nav li a .close {
  height: 16px;
  right: 10px;
  margin: -8px 0 0;
  position: absolute;
  top: 50%;
  width: 16px;
  cursor: pointer;
}
.ui-dialog--customized-dashboard .modal__sidebar ul.left-nav li a .close i {
  left: 0;
}
.ui-dialog--customized-dashboard .modal__sidebar ul.left-nav li a:hover, .ui-dialog--customized-dashboard .modal__sidebar ul.left-nav li a.active {
  background: #4ca1fe;
  color: #fff;
}
.ui-dialog--customized-dashboard .modal__sidebar ul.left-nav li a:hover i, .ui-dialog--customized-dashboard .modal__sidebar ul.left-nav li a.active i {
  color: #fff;
}
.ui-dialog--customized-dashboard .modal__content {
  min-height: 400px;
  float: left;
  width: 70%;
  padding: 0;
  margin-left: 30%;
  background: #fff;
  border-left: 1px solid #d7d7d7;
}
.ui-dialog--customized-dashboard .modal__content .modal-form {
  padding: 20px 20px 40px;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row .col-left {
  width: 25%;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row .col-right {
  width: 70%;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row .col-right.align-right {
  padding-left: 25%;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row input,
.ui-dialog--customized-dashboard .modal__content .modal-form .row textarea,
.ui-dialog--customized-dashboard .modal__content .modal-form .row .upload-field,
.ui-dialog--customized-dashboard .modal__content .modal-form .row .info {
  width: 100%;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row .upload-photo {
  width: 100%;
  text-align: center;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row .upload-photo .profile-photo {
  width: 100%;
  height: 100px;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row .upload-photo .profile-photo i {
  font-size: 120px;
  line-height: 100px;
  height: 100px;
  color: #cdd4d8;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row .upload-photo .profile-photo img {
  border-radius: 50%;
  max-width: 100px;
  vertical-align: top;
  border: 1px solid #cdd4d8;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row .upload-photo .btn {
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  border-radius: 100%;
  margin: -25px 0 0 0;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row .upload-photo .btn i {
  position: relative;
  left: 0;
  top: 0;
  font-size: 20px;
  line-height: 38px;
  text-align: center;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row a {
  color: #4ca1fe;
}
.ui-dialog--customized-dashboard .modal__content .modal-form .row a:hover {
  color: #1a1a1a;
}
.ui-dialog--customized-dashboard .ui-dialog-footer {
  clear: both;
  background: #fff;
}
.ui-dialog--customized-dashboard .ui-dialog-footer .btn {
  padding: 7px 25px 6px;
}

.customized-widgets {
  padding: 20px;
}
.customized-widgets .widget__item {
  margin-bottom: 20px;
  position: relative;
  padding-right: 100px;
  float: left;
  width: 100%;
}
.customized-widgets .widget__item .widget__image {
  border: 1px solid #d0d7dd;
  height: 98px;
  width: 125px;
  text-align: center;
  float: left;
  border-radius: 3px;
  margin-right: 15px;
}
.customized-widgets .widget__item h2 {
  color: #4d565f;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.customized-widgets .widget__item p {
  color: #4d565f;
  font-size: 12px;
}
.customized-widgets .widget__item .btn {
  position: absolute;
  right: 0;
  top: 30px;
}

.toggle ul li {
  display: table-cell;
  vertical-align: middle;
}
.toggle ul li label {
  font-size: 12px;
  font-weight: 400;
  color: #969dab;
  cursor: pointer;
  text-transform: capitalize;
  margin: 0;
}
.toggle ul li label :lang(fr) {
  text-transform: none;
}
.toggle ul li label :active {
  color: Black;
}
.toggle ul li label.toggle__switch {
  margin: 0 10px;
}
.toggle.toggle--right {
  float: right;
}
.toggle input {
  position: absolute;
  left: -9999px;
}
.toggle .toggle__switch {
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  border-radius: 20px;
  transition: 350ms;
  border: 1px solid #d0d7dd;
}
.toggle .toggle__switch::after {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  top: -4px;
  left: 15px;
  border-radius: 50%;
  transition: 250ms ease-in-out;
  background: #fff;
  border: 1px solid #d0d7dd;
}
.toggle input:checked + .toggle__switch::after {
  left: -2px;
}

.toggle_label {
  padding-right: 5px;
  vertical-align: middle;
}

.table-reporting {
  width: 100%;
  max-width: 100%;
}
.table-reporting th,
.table-reporting td {
  padding: 10px;
  font-size: 13px;
  text-align: center;
  font-weight: 400;
}
.table-reporting th:first-child,
.table-reporting td:first-child {
  text-align: left;
}
.table-reporting tr {
  border-bottom: 1px solid #e9ecef;
}
.table-reporting tr:last-child {
  border-bottom: none;
}
.table-reporting.table--border th, .table-reporting.table--border td {
  border: 1px solid #e9ecef;
}

/*
.ui-table table {
  table-layout: auto !important;
}

.ui-table .ui-table-thead > tr > th,
.ui-table .ui-table-tbody > tr > td {
  white-space: nowrap;
}
*/
.sales-question {
  width: 100%;
  max-width: 100%;
}
.sales-question th,
.sales-question td {
  padding: 15px 5px 15px;
}
.sales-question th div,
.sales-question td div {
  margin: 0 auto;
}
.table-tooltip .dealerTitle_Tooltip {
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
.table-tooltip table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}
.table-tooltip table thead tr {
  background: #f4f5f9;
}
.table-tooltip table th,
.table-tooltip table td {
  padding: 10px;
  font-size: 13px;
  text-align: center;
  font-weight: 400;
  border: 1px solid #e9ecef;
}
.table-tooltip table th {
  font-weight: 500;
}

.table-scroll {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 40%;
}
.table-scroll .btn {
  position: absolute;
  height: 50px;
  line-height: 30px;
  left: 30px;
  font-size: 20px;
}
.table-scroll .btn.btn--right {
  left: auto;
  right: 30px;
}

.sticky-table table tr.sticky-row th, .sticky-table table tr.sticky-row td {
  position: relative !important;
  z-index: 5;
}

.sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell {
  position: relative !important;
  z-index: 10;
}

.sticky-table table tr.sticky-row td.sticky-cell, .sticky-table table tr.sticky-row th.sticky-cell {
  z-index: 15;
}

.bluefixedtable td, .bluefixedtable th {
  width: auto;
  white-space: nowrap;
}

.status-icon i {
  font-size: 16px;
}
.status-icon .clr-green {
  color: #28b266;
}
.status-icon .clr-red {
  color: #f16363;
}
.status-icon .clr-yellow {
  color: #fcc014;
}

.nowrap-table {
  white-space: nowrap;
}

.fa,
.pi,
.fas,
.far,
.fal,
.fab,
.pi {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.pi {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "";
}

.fa-abacus:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-acorn:before {
  content: "";
}

.fa-acquisitions-incorporated:before {
  content: "";
}

.fa-ad:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-adobe:before {
  content: "";
}

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-air-freshener:before {
  content: "";
}

.fa-alarm-clock:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

.fa-alicorn:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-alipay:before {
  content: "";
}

.fa-allergies:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

.fa-analytics:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-angel:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angry:before {
  content: "";
}

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-ankh:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-apple-alt:before {
  content: "";
}

.fa-apple-crate:before {
  content: "";
}

.fa-apple-pay:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-archway:before {
  content: "";
}

.fa-arrow-alt-circle-down:before {
  content: "";
}

.fa-arrow-alt-circle-left:before {
  content: "";
}

.fa-arrow-alt-circle-right:before {
  content: "";
}

.fa-arrow-alt-circle-up:before {
  content: "";
}

.fa-arrow-alt-down:before {
  content: "";
}

.fa-arrow-alt-from-bottom:before {
  content: "";
}

.fa-arrow-alt-from-left:before {
  content: "";
}

.fa-arrow-alt-from-right:before {
  content: "";
}

.fa-arrow-alt-from-top:before {
  content: "";
}

.fa-arrow-alt-left:before {
  content: "";
}

.fa-arrow-alt-right:before {
  content: "";
}

.fa-arrow-alt-square-down:before {
  content: "";
}

.fa-arrow-alt-square-left:before {
  content: "";
}

.fa-arrow-alt-square-right:before {
  content: "";
}

.fa-arrow-alt-square-up:before {
  content: "";
}

.fa-arrow-alt-to-bottom:before {
  content: "";
}

.fa-arrow-alt-to-left:before {
  content: "";
}

.fa-arrow-alt-to-right:before {
  content: "";
}

.fa-arrow-alt-to-top:before {
  content: "";
}

.fa-arrow-alt-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-arrow-from-bottom:before {
  content: "";
}

.fa-arrow-from-left:before {
  content: "";
}

.fa-arrow-from-right:before {
  content: "";
}

.fa-arrow-from-top:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-square-down:before {
  content: "";
}

.fa-arrow-square-left:before {
  content: "";
}

.fa-arrow-square-right:before {
  content: "";
}

.fa-arrow-square-up:before {
  content: "";
}

.fa-arrow-to-bottom:before {
  content: "";
}

.fa-arrow-to-left:before {
  content: "";
}

.fa-arrow-to-right:before {
  content: "";
}

.fa-arrow-to-top:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-arrows-alt-h:before {
  content: "";
}

.fa-arrows-alt-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-artstation:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-atlas:before {
  content: "";
}

.fa-atlassian:before {
  content: "";
}

.fa-atom:before {
  content: "";
}

.fa-atom-alt:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-award:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

.fa-axe:before {
  content: "";
}

.fa-axe-battle:before {
  content: "";
}

.fa-baby:before {
  content: "";
}

.fa-baby-carriage:before {
  content: "";
}

.fa-backpack:before {
  content: "";
}

.fa-backspace:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-badge:before {
  content: "";
}

.fa-badge-check:before {
  content: "";
}

.fa-badge-dollar:before {
  content: "";
}

.fa-badge-percent:before {
  content: "";
}

.fa-badger-honey:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-balance-scale-left:before {
  content: "";
}

.fa-balance-scale-right:before {
  content: "";
}

.fa-ball-pile:before {
  content: "";
}

.fa-ballot:before {
  content: "";
}

.fa-ballot-check:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-band-aid:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-barcode-alt:before {
  content: "";
}

.fa-barcode-read:before {
  content: "";
}

.fa-barcode-scan:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-baseball:before {
  content: "";
}

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-basketball-hoop:before {
  content: "";
}

.fa-bat:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-bolt:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-slash:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-bell-school:before {
  content: "";
}

.fa-bell-school-slash:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bells:before {
  content: "";
}

.fa-bezier-curve:before {
  content: "";
}

.fa-bible:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-biohazard:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blanket:before {
  content: "";
}

.fa-blender:before {
  content: "";
}

.fa-blender-phone:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blog:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-bone:before {
  content: "";
}

.fa-bone-break:before {
  content: "";
}

.fa-bong:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-book-alt:before {
  content: "";
}

.fa-book-dead:before {
  content: "";
}

.fa-book-heart:before {
  content: "";
}

.fa-book-open:before {
  content: "";
}

.fa-book-reader:before {
  content: "";
}

.fa-book-spells:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-books:before {
  content: "";
}

.fa-boot:before {
  content: "";
}

.fa-booth-curtain:before {
  content: "";
}

.fa-bow-arrow:before {
  content: "";
}

.fa-bowling-ball:before {
  content: "";
}

.fa-bowling-pins:before {
  content: "";
}

.fa-box:before {
  content: "";
}

.fa-box-alt:before {
  content: "";
}

.fa-box-ballot:before {
  content: "";
}

.fa-box-check:before {
  content: "";
}

.fa-box-fragile:before {
  content: "";
}

.fa-box-full:before {
  content: "";
}

.fa-box-heart:before {
  content: "";
}

.fa-box-open:before {
  content: "";
}

.fa-box-up:before {
  content: "";
}

.fa-box-usd:before {
  content: "";
}

.fa-boxes:before {
  content: "";
}

.fa-boxes-alt:before {
  content: "";
}

.fa-boxing-glove:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-brain:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-briefcase-medical:before {
  content: "";
}

.fa-broadcast-tower:before {
  content: "";
}

.fa-broom:before {
  content: "";
}

.fa-browser:before {
  content: "";
}

.fa-brush:before {
  content: "";
}

.fa-btc:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-bullseye-arrow:before {
  content: "";
}

.fa-bullseye-pointer:before {
  content: "";
}

.fa-burn:before {
  content: "";
}

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-bus-alt:before {
  content: "";
}

.fa-bus-school:before {
  content: "";
}

.fa-business-time:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-cabinet-filing:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-calculator-alt:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-calendar-alt:before {
  content: "";
}

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-day:before {
  content: "";
}

.fa-calendar-edit:before {
  content: "";
}

.fa-calendar-exclamation:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-star:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

.fa-calendar-week:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-camera-alt:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-campfire:before {
  content: "";
}

.fa-campground:before {
  content: "";
}

.fa-canadian-maple-leaf:before {
  content: "";
}

.fa-candle-holder:before {
  content: "";
}

.fa-candy-cane:before {
  content: "";
}

.fa-candy-corn:before {
  content: "";
}

.fa-cannabis:before {
  content: "";
}

.fa-capsules:before {
  content: "";
}

.fa-car:before {
  content: "";
}

.fa-car-alt:before {
  content: "";
}

.fa-car-battery:before {
  content: "";
}

.fa-car-bump:before {
  content: "";
}

.fa-car-crash:before {
  content: "";
}

.fa-car-garage:before {
  content: "";
}

.fa-car-mechanic:before {
  content: "";
}

.fa-car-side:before {
  content: "";
}

.fa-car-tilt:before {
  content: "";
}

.fa-car-wash:before {
  content: "";
}

.fa-caret-circle-down:before {
  content: "";
}

.fa-caret-circle-left:before {
  content: "";
}

.fa-caret-circle-right:before {
  content: "";
}

.fa-caret-circle-up:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-caret-square-down:before {
  content: "";
}

.fa-caret-square-left:before {
  content: "";
}

.fa-caret-square-right:before {
  content: "";
}

.fa-caret-square-up:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-carrot:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cash-register:before {
  content: "";
}

.fa-cat:before {
  content: "";
}

.fa-cauldron:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-centercode:before {
  content: "";
}

.fa-centos:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-chair:before {
  content: "";
}

.fa-chair-office:before {
  content: "";
}

.fa-chalkboard:before {
  content: "";
}

.fa-chalkboard-teacher:before {
  content: "";
}

.fa-charging-station:before {
  content: "";
}

.fa-chart-area:before {
  content: "";
}

.fa-chart-bar:before {
  content: "";
}

.fa-chart-line:before {
  content: "";
}

.fa-chart-line-down:before {
  content: "";
}

.fa-chart-network:before {
  content: "";
}

.fa-chart-pie:before {
  content: "";
}

.fa-chart-pie-alt:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-check-double:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-bishop-alt:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-clock:before {
  content: "";
}

.fa-chess-clock-alt:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-king-alt:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-knight-alt:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-pawn-alt:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-queen-alt:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

.fa-chess-rook-alt:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-double-down:before {
  content: "";
}

.fa-chevron-double-left:before {
  content: "";
}

.fa-chevron-double-right:before {
  content: "";
}

.fa-chevron-double-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-chevron-square-down:before {
  content: "";
}

.fa-chevron-square-left:before {
  content: "";
}

.fa-chevron-square-right:before {
  content: "";
}

.fa-chevron-square-up:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-chimney:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-church:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-circle-notch:before {
  content: "";
}

.fa-city:before {
  content: "";
}

.fa-claw-marks:before {
  content: "";
}

.fa-clipboard:before {
  content: "";
}

.fa-clipboard-check:before {
  content: "";
}

.fa-clipboard-list:before {
  content: "";
}

.fa-clipboard-list-check:before {
  content: "";
}

.fa-clipboard-prescription:before {
  content: "";
}

.fa-clock:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-download-alt:before {
  content: "";
}

.fa-cloud-drizzle:before {
  content: "";
}

.fa-cloud-hail:before {
  content: "";
}

.fa-cloud-hail-mixed:before {
  content: "";
}

.fa-cloud-meatball:before {
  content: "";
}

.fa-cloud-moon:before {
  content: "";
}

.fa-cloud-moon-rain:before {
  content: "";
}

.fa-cloud-rain:before {
  content: "";
}

.fa-cloud-rainbow:before {
  content: "";
}

.fa-cloud-showers:before {
  content: "";
}

.fa-cloud-showers-heavy:before {
  content: "";
}

.fa-cloud-sleet:before {
  content: "";
}

.fa-cloud-snow:before {
  content: "";
}

.fa-cloud-sun:before {
  content: "";
}

.fa-cloud-sun-rain:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-cloud-upload-alt:before {
  content: "";
}

.fa-clouds:before {
  content: "";
}

.fa-clouds-moon:before {
  content: "";
}

.fa-clouds-sun:before {
  content: "";
}

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

.fa-club:before {
  content: "";
}

.fa-cocktail:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-code-branch:before {
  content: "";
}

.fa-code-commit:before {
  content: "";
}

.fa-code-merge:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-coffee-togo:before {
  content: "";
}

.fa-coffin:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-cogs:before {
  content: "";
}

.fa-coins:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-comment-alt:before {
  content: "";
}

.fa-comment-alt-check:before {
  content: "";
}

.fa-comment-alt-dollar:before {
  content: "";
}

.fa-comment-alt-dots:before {
  content: "";
}

.fa-comment-alt-edit:before {
  content: "";
}

.fa-comment-alt-exclamation:before {
  content: "";
}

.fa-comment-alt-lines:before {
  content: "";
}

.fa-comment-alt-minus:before {
  content: "";
}

.fa-comment-alt-plus:before {
  content: "";
}

.fa-comment-alt-slash:before {
  content: "";
}

.fa-comment-alt-smile:before {
  content: "";
}

.fa-comment-alt-times:before {
  content: "";
}

.fa-comment-check:before {
  content: "";
}

.fa-comment-dollar:before {
  content: "";
}

.fa-comment-dots:before {
  content: "";
}

.fa-comment-edit:before {
  content: "";
}

.fa-comment-exclamation:before {
  content: "";
}

.fa-comment-lines:before {
  content: "";
}

.fa-comment-minus:before {
  content: "";
}

.fa-comment-plus:before {
  content: "";
}

.fa-comment-slash:before {
  content: "";
}

.fa-comment-smile:before {
  content: "";
}

.fa-comment-times:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-comments-alt:before {
  content: "";
}

.fa-comments-alt-dollar:before {
  content: "";
}

.fa-comments-dollar:before {
  content: "";
}

.fa-compact-disc:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-compass-slash:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-compress-alt:before {
  content: "";
}

.fa-compress-arrows-alt:before {
  content: "";
}

.fa-compress-wide:before {
  content: "";
}

.fa-concierge-bell:before {
  content: "";
}

.fa-confluence:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-container-storage:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-conveyor-belt:before {
  content: "";
}

.fa-conveyor-belt-alt:before {
  content: "";
}

.fa-cookie:before {
  content: "";
}

.fa-cookie-bite:before {
  content: "";
}

.fa-copy:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-corn:before {
  content: "";
}

.fa-couch:before {
  content: "";
}

.fa-cow:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-creative-commons-by:before {
  content: "";
}

.fa-creative-commons-nc:before {
  content: "";
}

.fa-creative-commons-nc-eu:before {
  content: "";
}

.fa-creative-commons-nc-jp:before {
  content: "";
}

.fa-creative-commons-nd:before {
  content: "";
}

.fa-creative-commons-pd:before {
  content: "";
}

.fa-creative-commons-pd-alt:before {
  content: "";
}

.fa-creative-commons-remix:before {
  content: "";
}

.fa-creative-commons-sa:before {
  content: "";
}

.fa-creative-commons-sampling:before {
  content: "";
}

.fa-creative-commons-sampling-plus:before {
  content: "";
}

.fa-creative-commons-share:before {
  content: "";
}

.fa-creative-commons-zero:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-credit-card-blank:before {
  content: "";
}

.fa-credit-card-front:before {
  content: "";
}

.fa-cricket:before {
  content: "";
}

.fa-critical-role:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-crop-alt:before {
  content: "";
}

.fa-cross:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-crow:before {
  content: "";
}

.fa-crown:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-css3-alt:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-curling:before {
  content: "";
}

.fa-cut:before {
  content: "";
}

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-d-and-d-beyond:before {
  content: "";
}

.fa-dagger:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-deaf:before {
  content: "";
}

.fa-deer:before {
  content: "";
}

.fa-deer-rudolph:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-democrat:before {
  content: "";
}

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-desktop-alt:before {
  content: "";
}

.fa-dev:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-dewpoint:before {
  content: "";
}

.fa-dharmachakra:before {
  content: "";
}

.fa-dhl:before {
  content: "";
}

.fa-diagnoses:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-diaspora:before {
  content: "";
}

.fa-dice:before {
  content: "";
}

.fa-dice-d10:before {
  content: "";
}

.fa-dice-d12:before {
  content: "";
}

.fa-dice-d20:before {
  content: "";
}

.fa-dice-d4:before {
  content: "";
}

.fa-dice-d6:before {
  content: "";
}

.fa-dice-d8:before {
  content: "";
}

.fa-dice-five:before {
  content: "";
}

.fa-dice-four:before {
  content: "";
}

.fa-dice-one:before {
  content: "";
}

.fa-dice-six:before {
  content: "";
}

.fa-dice-three:before {
  content: "";
}

.fa-dice-two:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-digital-ocean:before {
  content: "";
}

.fa-digital-tachograph:before {
  content: "";
}

.fa-diploma:before {
  content: "";
}

.fa-directions:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-divide:before {
  content: "";
}

.fa-dizzy:before {
  content: "";
}

.fa-dna:before {
  content: "";
}

.fa-do-not-enter:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

.fa-dog:before {
  content: "";
}

.fa-dog-leashed:before {
  content: "";
}

.fa-dollar-sign:before {
  content: "";
}

.fa-dolly:before {
  content: "";
}

.fa-dolly-empty:before {
  content: "";
}

.fa-dolly-flatbed:before {
  content: "";
}

.fa-dolly-flatbed-alt:before {
  content: "";
}

.fa-dolly-flatbed-empty:before {
  content: "";
}

.fa-donate:before {
  content: "";
}

.fa-door-closed:before {
  content: "";
}

.fa-door-open:before {
  content: "";
}

.fa-dot-circle:before {
  content: "";
}

.fa-dove:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-draft2digital:before {
  content: "";
}

.fa-drafting-compass:before {
  content: "";
}

.fa-dragon:before {
  content: "";
}

.fa-draw-circle:before {
  content: "";
}

.fa-draw-polygon:before {
  content: "";
}

.fa-draw-square:before {
  content: "";
}

.fa-dreidel:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-dribbble-square:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-drum:before {
  content: "";
}

.fa-drum-steelpan:before {
  content: "";
}

.fa-drumstick:before {
  content: "";
}

.fa-drumstick-bite:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-duck:before {
  content: "";
}

.fa-dumbbell:before {
  content: "";
}

.fa-dumpster:before {
  content: "";
}

.fa-dumpster-fire:before {
  content: "";
}

.fa-dungeon:before {
  content: "";
}

.fa-dyalog:before {
  content: "";
}

.fa-ear:before {
  content: "";
}

.fa-ear-muffs:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-ebay:before {
  content: "";
}

.fa-eclipse:before {
  content: "";
}

.fa-eclipse-alt:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-elementor:before {
  content: "";
}

.fa-elephant:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-h-alt:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-ellipsis-v-alt:before {
  content: "";
}

.fa-ello:before {
  content: "";
}

.fa-ember:before {
  content: "";
}

.fa-empire:before {
  content: "";
}

.fa-empty-set:before {
  content: "";
}

.fa-engine-warning:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-dollar:before {
  content: "";
}

.fa-envelope-open-text:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-equals:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-ethernet:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-euro-sign:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-exchange-alt:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-exclamation-square:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-expand-alt:before {
  content: "";
}

.fa-expand-arrows:before {
  content: "";
}

.fa-expand-arrows-alt:before {
  content: "";
}

.fa-expand-wide:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-external-link-alt:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-external-link-square-alt:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-dropper:before {
  content: "";
}

.fa-eye-evil:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-fantasy-flight-games:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-feather:before {
  content: "";
}

.fa-feather-alt:before {
  content: "";
}

.fa-fedex:before {
  content: "";
}

.fa-fedora:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-field-hockey:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-figma:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-alt:before {
  content: "";
}

.fa-file-archive:before {
  content: "";
}

.fa-file-audio:before {
  content: "";
}

.fa-file-certificate:before {
  content: "";
}

.fa-file-chart-line:before {
  content: "";
}

.fa-file-chart-pie:before {
  content: "";
}

.fa-file-check:before {
  content: "";
}

.fa-file-code:before {
  content: "";
}

.fa-file-contract:before {
  content: "";
}

.fa-file-csv:before {
  content: "";
}

.fa-file-download:before {
  content: "";
}

.fa-file-edit:before {
  content: "";
}

.fa-file-excel:before {
  content: "";
}

.fa-file-exclamation:before {
  content: "";
}

.fa-file-export:before {
  content: "";
}

.fa-file-image:before {
  content: "";
}

.fa-file-import:before {
  content: "";
}

.fa-file-invoice:before {
  content: "";
}

.fa-file-invoice-dollar:before {
  content: "";
}

.fa-file-medical:before {
  content: "";
}

.fa-file-medical-alt:before {
  content: "";
}

.fa-file-minus:before {
  content: "";
}

.fa-file-pdf:before {
  content: "";
}

.fa-file-plus:before {
  content: "";
}

.fa-file-powerpoint:before {
  content: "";
}

.fa-file-prescription:before {
  content: "";
}

.fa-file-signature:before {
  content: "";
}

.fa-file-spreadsheet:before {
  content: "";
}

.fa-file-times:before {
  content: "";
}

.fa-file-upload:before {
  content: "";
}

.fa-file-user:before {
  content: "";
}

.fa-file-video:before {
  content: "";
}

.fa-file-word:before {
  content: "";
}

.fa-fill:before {
  content: "";
}

.fa-fill-drip:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-film-alt:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-fingerprint:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-fire-alt:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-fire-smoke:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-fireplace:before {
  content: "";
}

.fa-first-aid:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-first-order-alt:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

.fa-fish:before {
  content: "";
}

.fa-fist-raised:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-flag-alt:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-flag-usa:before {
  content: "";
}

.fa-flame:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-flask-poison:before {
  content: "";
}

.fa-flask-potion:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-flipboard:before {
  content: "";
}

.fa-flushed:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

.fa-fog:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-minus:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-folder-plus:before {
  content: "";
}

.fa-folder-times:before {
  content: "";
}

.fa-folders:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-font-awesome-logo-full:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-football-helmet:before {
  content: "";
}

.fa-forklift:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-fragile:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

.fa-frog:before {
  content: "";
}

.fa-frosty-head:before {
  content: "";
}

.fa-frown:before {
  content: "";
}

.fa-frown-open:before {
  content: "";
}

.fa-fulcrum:before {
  content: "";
}

.fa-function:before {
  content: "";
}

.fa-funnel-dollar:before {
  content: "";
}

.fa-futbol:before {
  content: "";
}

.fa-galactic-republic:before {
  content: "";
}

.fa-galactic-senate:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-gas-pump:before {
  content: "";
}

.fa-gas-pump-slash:before {
  content: "";
}

.fa-gavel:before {
  content: "";
}

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-ghost:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-gift-card:before {
  content: "";
}

.fa-gifts:before {
  content: "";
}

.fa-gingerbread-man:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-champagne:before {
  content: "";
}

.fa-glass-cheers:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glass-martini-alt:before {
  content: "";
}

.fa-glass-whiskey:before {
  content: "";
}

.fa-glass-whiskey-rocks:before {
  content: "";
}

.fa-glasses:before {
  content: "";
}

.fa-glasses-alt:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-globe-africa:before {
  content: "";
}

.fa-globe-americas:before {
  content: "";
}

.fa-globe-asia:before {
  content: "";
}

.fa-globe-europe:before {
  content: "";
}

.fa-globe-snow:before {
  content: "";
}

.fa-globe-stand:before {
  content: "";
}

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-golf-club:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-google-drive:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-google-plus-g:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-gopuram:before {
  content: "";
}

.fa-graduation-cap:before {
  content: "";
}

.fa-gratipay:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-greater-than:before {
  content: "";
}

.fa-greater-than-equal:before {
  content: "";
}

.fa-grimace:before {
  content: "";
}

.fa-grin:before {
  content: "";
}

.fa-grin-alt:before {
  content: "";
}

.fa-grin-beam:before {
  content: "";
}

.fa-grin-beam-sweat:before {
  content: "";
}

.fa-grin-hearts:before {
  content: "";
}

.fa-grin-squint:before {
  content: "";
}

.fa-grin-squint-tears:before {
  content: "";
}

.fa-grin-stars:before {
  content: "";
}

.fa-grin-tears:before {
  content: "";
}

.fa-grin-tongue:before {
  content: "";
}

.fa-grin-tongue-squint:before {
  content: "";
}

.fa-grin-tongue-wink:before {
  content: "";
}

.fa-grin-wink:before {
  content: "";
}

.fa-grip-horizontal:before {
  content: "";
}

.fa-grip-lines:before {
  content: "";
}

.fa-grip-lines-vertical:before {
  content: "";
}

.fa-grip-vertical:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-guitar:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-h1:before {
  content: "";
}

.fa-h2:before {
  content: "";
}

.fa-h3:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-hacker-news-square:before {
  content: "";
}

.fa-hackerrank:before {
  content: "";
}

.fa-hammer:before {
  content: "";
}

.fa-hammer-war:before {
  content: "";
}

.fa-hamsa:before {
  content: "";
}

.fa-hand-heart:before {
  content: "";
}

.fa-hand-holding:before {
  content: "";
}

.fa-hand-holding-box:before {
  content: "";
}

.fa-hand-holding-heart:before {
  content: "";
}

.fa-hand-holding-magic:before {
  content: "";
}

.fa-hand-holding-seedling:before {
  content: "";
}

.fa-hand-holding-usd:before {
  content: "";
}

.fa-hand-holding-water:before {
  content: "";
}

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

.fa-hand-point-down:before {
  content: "";
}

.fa-hand-point-left:before {
  content: "";
}

.fa-hand-point-right:before {
  content: "";
}

.fa-hand-point-up:before {
  content: "";
}

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-receiving:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-hands:before {
  content: "";
}

.fa-hands-heart:before {
  content: "";
}

.fa-hands-helping:before {
  content: "";
}

.fa-hands-usd:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-handshake-alt:before {
  content: "";
}

.fa-hanukiah:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-hat-santa:before {
  content: "";
}

.fa-hat-winter:before {
  content: "";
}

.fa-hat-witch:before {
  content: "";
}

.fa-hat-wizard:before {
  content: "";
}

.fa-haykal:before {
  content: "";
}

.fa-hdd:before {
  content: "";
}

.fa-head-side:before {
  content: "";
}

.fa-head-vr:before {
  content: "";
}

.fa-heading:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-headphones-alt:before {
  content: "";
}

.fa-headset:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-heart-broken:before {
  content: "";
}

.fa-heart-circle:before {
  content: "";
}

.fa-heart-rate:before {
  content: "";
}

.fa-heart-square:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-helicopter:before {
  content: "";
}

.fa-helmet-battle:before {
  content: "";
}

.fa-hexagon:before {
  content: "";
}

.fa-highlighter:before {
  content: "";
}

.fa-hiking:before {
  content: "";
}

.fa-hippo:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-hockey-mask:before {
  content: "";
}

.fa-hockey-puck:before {
  content: "";
}

.fa-hockey-sticks:before {
  content: "";
}

.fa-holly-berry:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-home-heart:before {
  content: "";
}

.fa-hood-cloak:before {
  content: "";
}

.fa-hooli:before {
  content: "";
}

.fa-hornbill:before {
  content: "";
}

.fa-horse:before {
  content: "";
}

.fa-horse-head:before {
  content: "";
}

.fa-hospital:before {
  content: "";
}

.fa-hospital-alt:before {
  content: "";
}

.fa-hospital-symbol:before {
  content: "";
}

.fa-hot-tub:before {
  content: "";
}

.fa-hotel:before {
  content: "";
}

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-house-damage:before {
  content: "";
}

.fa-house-flood:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-hryvnia:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-hubspot:before {
  content: "";
}

.fa-humidity:before {
  content: "";
}

.fa-hurricane:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-ice-skate:before {
  content: "";
}

.fa-icicles:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-id-card-alt:before {
  content: "";
}

.fa-igloo:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-inbox-in:before {
  content: "";
}

.fa-inbox-out:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-industry-alt:before {
  content: "";
}

.fa-infinity:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-info-square:before {
  content: "";
}

.fa-inhaler:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-integral:before {
  content: "";
}

.fa-intercom:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-intersection:before {
  content: "";
}

.fa-inventory:before {
  content: "";
}

.fa-invision:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-jack-o-lantern:before {
  content: "";
}

.fa-java:before {
  content: "";
}

.fa-jedi:before {
  content: "";
}

.fa-jedi-order:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-jira:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

.fa-joint:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-journal-whills:before {
  content: "";
}

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-kaaba:before {
  content: "";
}

.fa-kaggle:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-key-skeleton:before {
  content: "";
}

.fa-keybase:before {
  content: "";
}

.fa-keyboard:before {
  content: "";
}

.fa-keycdn:before {
  content: "";
}

.fa-keynote:before {
  content: "";
}

.fa-khanda:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-kidneys:before {
  content: "";
}

.fa-kiss:before {
  content: "";
}

.fa-kiss-beam:before {
  content: "";
}

.fa-kiss-wink-heart:before {
  content: "";
}

.fa-kite:before {
  content: "";
}

.fa-kiwi-bird:before {
  content: "";
}

.fa-knife-kitchen:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

.fa-lambda:before {
  content: "";
}

.fa-lamp:before {
  content: "";
}

.fa-landmark:before {
  content: "";
}

.fa-landmark-alt:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-laptop-code:before {
  content: "";
}

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-laugh:before {
  content: "";
}

.fa-laugh-beam:before {
  content: "";
}

.fa-laugh-squint:before {
  content: "";
}

.fa-laugh-wink:before {
  content: "";
}

.fa-layer-group:before {
  content: "";
}

.fa-layer-minus:before {
  content: "";
}

.fa-layer-plus:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-leaf-heart:before {
  content: "";
}

.fa-leaf-maple:before {
  content: "";
}

.fa-leaf-oak:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-lemon:before {
  content: "";
}

.fa-less:before {
  content: "";
}

.fa-less-than:before {
  content: "";
}

.fa-less-than-equal:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-level-down-alt:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-up-alt:before {
  content: "";
}

.fa-life-ring:before {
  content: "";
}

.fa-lightbulb:before {
  content: "";
}

.fa-lightbulb-dollar:before {
  content: "";
}

.fa-lightbulb-exclamation:before {
  content: "";
}

.fa-lightbulb-on:before {
  content: "";
}

.fa-lightbulb-slash:before {
  content: "";
}

.fa-lights-holiday:before {
  content: "";
}

.fa-line:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-linkedin-in:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-lips:before {
  content: "";
}

.fa-lira-sign:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-location:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-location-circle:before {
  content: "";
}

.fa-location-slash:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-lock-alt:before {
  content: "";
}

.fa-lock-open:before {
  content: "";
}

.fa-lock-open-alt:before {
  content: "";
}

.fa-long-arrow-alt-down:before {
  content: "";
}

.fa-long-arrow-alt-left:before {
  content: "";
}

.fa-long-arrow-alt-right:before {
  content: "";
}

.fa-long-arrow-alt-up:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-loveseat:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-luchador:before {
  content: "";
}

.fa-luggage-cart:before {
  content: "";
}

.fa-lungs:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-mace:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-mail-bulk:before {
  content: "";
}

.fa-mailchimp:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-mandalorian:before {
  content: "";
}

.fa-mandolin:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-map-marked:before {
  content: "";
}

.fa-map-marked-alt:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-map-marker-alt:before {
  content: "";
}

.fa-map-marker-alt-slash:before {
  content: "";
}

.fa-map-marker-check:before {
  content: "";
}

.fa-map-marker-edit:before {
  content: "";
}

.fa-map-marker-exclamation:before {
  content: "";
}

.fa-map-marker-minus:before {
  content: "";
}

.fa-map-marker-plus:before {
  content: "";
}

.fa-map-marker-question:before {
  content: "";
}

.fa-map-marker-slash:before {
  content: "";
}

.fa-map-marker-smile:before {
  content: "";
}

.fa-map-marker-times:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-markdown:before {
  content: "";
}

.fa-marker:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mask:before {
  content: "";
}

.fa-mastodon:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-medal:before {
  content: "";
}

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.fa-megaphone:before {
  content: "";
}

.fa-megaport:before {
  content: "";
}

.fa-meh:before {
  content: "";
}

.fa-meh-blank:before {
  content: "";
}

.fa-meh-rolling-eyes:before {
  content: "";
}

.fa-memory:before {
  content: "";
}

.fa-mendeley:before {
  content: "";
}

.fa-menorah:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-meteor:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-alt:before {
  content: "";
}

.fa-microphone-alt-slash:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-microscope:before {
  content: "";
}

.fa-microsoft:before {
  content: "";
}

.fa-mind-share:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-minus-hexagon:before {
  content: "";
}

.fa-minus-octagon:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-mistletoe:before {
  content: "";
}

.fa-mitten:before {
  content: "";
}

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mizuni:before {
  content: "";
}

.fa-mobile:before {
  content: "";
}

.fa-mobile-alt:before {
  content: "";
}

.fa-mobile-android:before {
  content: "";
}

.fa-mobile-android-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

.fa-money-bill-wave:before {
  content: "";
}

.fa-money-bill-wave-alt:before {
  content: "";
}

.fa-money-check:before {
  content: "";
}

.fa-money-check-alt:before {
  content: "";
}

.fa-monitor-heart-rate:before {
  content: "";
}

.fa-monkey:before {
  content: "";
}

.fa-monument:before {
  content: "";
}

.fa-moon:before {
  content: "";
}

.fa-moon-cloud:before {
  content: "";
}

.fa-moon-stars:before {
  content: "";
}

.fa-mortar-pestle:before {
  content: "";
}

.fa-mosque:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-mountain:before {
  content: "";
}

.fa-mountains:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-mug-hot:before {
  content: "";
}

.fa-mug-marshmallows:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-napster:before {
  content: "";
}

.fa-narwhal:before {
  content: "";
}

.fa-neos:before {
  content: "";
}

.fa-network-wired:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nimblr:before {
  content: "";
}

.fa-nintendo-switch:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-not-equal:before {
  content: "";
}

.fa-notes-medical:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-octagon:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-oil-can:before {
  content: "";
}

.fa-oil-temp:before {
  content: "";
}

.fa-old-republic:before {
  content: "";
}

.fa-om:before {
  content: "";
}

.fa-omega:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-ornament:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

.fa-otter:before {
  content: "";
}

.fa-outdent:before {
  content: "";
}

.fa-page4:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-paint-brush-alt:before {
  content: "";
}

.fa-paint-roller:before {
  content: "";
}

.fa-palette:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

.fa-pallet:before {
  content: "";
}

.fa-pallet-alt:before {
  content: "";
}

.fa-paper-plane:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-parachute-box:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-parking:before {
  content: "";
}

.fa-parking-circle:before {
  content: "";
}

.fa-parking-circle-slash:before {
  content: "";
}

.fa-parking-slash:before {
  content: "";
}

.fa-passport:before {
  content: "";
}

.fa-pastafarianism:before {
  content: "";
}

.fa-paste:before {
  content: "";
}

.fa-patreon:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-paw-alt:before {
  content: "";
}

.fa-paw-claws:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-peace:before {
  content: "";
}

.fa-pegasus:before {
  content: "";
}

.fa-pen:before {
  content: "";
}

.fa-pen-alt:before {
  content: "";
}

.fa-pen-fancy:before {
  content: "";
}

.fa-pen-nib:before {
  content: "";
}

.fa-pen-square:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-pencil-alt:before {
  content: "";
}

.fa-pencil-paintbrush:before {
  content: "";
}

.fa-pencil-ruler:before {
  content: "";
}

.fa-pennant:before {
  content: "";
}

.fa-penny-arcade:before {
  content: "";
}

.fa-people-carry:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-percentage:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-person-booth:before {
  content: "";
}

.fa-person-carry:before {
  content: "";
}

.fa-person-dolly:before {
  content: "";
}

.fa-person-dolly-empty:before {
  content: "";
}

.fa-person-sign:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

.fa-phoenix-squadron:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-phone-office:before {
  content: "";
}

.fa-phone-plus:before {
  content: "";
}

.fa-phone-slash:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-phone-volume:before {
  content: "";
}

.fa-php:before {
  content: "";
}

.fa-pi:before {
  content: "";
}

.fa-pie:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-pied-piper-hat:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pig:before {
  content: "";
}

.fa-piggy-bank:before {
  content: "";
}

.fa-pills:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-place-of-worship:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-plane-alt:before {
  content: "";
}

.fa-plane-arrival:before {
  content: "";
}

.fa-plane-departure:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-plus-hexagon:before {
  content: "";
}

.fa-plus-octagon:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-podium:before {
  content: "";
}

.fa-podium-star:before {
  content: "";
}

.fa-poll:before {
  content: "";
}

.fa-poll-h:before {
  content: "";
}

.fa-poll-people:before {
  content: "";
}

.fa-poo:before {
  content: "";
}

.fa-poo-storm:before {
  content: "";
}

.fa-poop:before {
  content: "";
}

.fa-portrait:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-pray:before {
  content: "";
}

.fa-praying-hands:before {
  content: "";
}

.fa-prescription:before {
  content: "";
}

.fa-prescription-bottle:before {
  content: "";
}

.fa-prescription-bottle-alt:before {
  content: "";
}

.fa-presentation:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-print-slash:before {
  content: "";
}

.fa-procedures:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-project-diagram:before {
  content: "";
}

.fa-pumpkin:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-python:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-question-square:before {
  content: "";
}

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-quran:before {
  content: "";
}

.fa-r-project:before {
  content: "";
}

.fa-rabbit:before {
  content: "";
}

.fa-rabbit-fast:before {
  content: "";
}

.fa-racquet:before {
  content: "";
}

.fa-radiation:before {
  content: "";
}

.fa-radiation-alt:before {
  content: "";
}

.fa-rainbow:before {
  content: "";
}

.fa-raindrops:before {
  content: "";
}

.fa-ram:before {
  content: "";
}

.fa-ramp-loading:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-raspberry-pi:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

.fa-reacteurope:before {
  content: "";
}

.fa-readme:before {
  content: "";
}

.fa-rebel:before {
  content: "";
}

.fa-receipt:before {
  content: "";
}

.fa-rectangle-landscape:before {
  content: "";
}

.fa-rectangle-portrait:before {
  content: "";
}

.fa-rectangle-wide:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-red-river:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-redhat:before {
  content: "";
}

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-repeat:before {
  content: "";
}

.fa-repeat-1:before {
  content: "";
}

.fa-repeat-1-alt:before {
  content: "";
}

.fa-repeat-alt:before {
  content: "";
}

.fa-reply:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-replyd:before {
  content: "";
}

.fa-republican:before {
  content: "";
}

.fa-researchgate:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

.fa-restroom:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-retweet-alt:before {
  content: "";
}

.fa-rev:before {
  content: "";
}

.fa-ribbon:before {
  content: "";
}

.fa-ring:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-robot:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

.fa-route:before {
  content: "";
}

.fa-route-highway:before {
  content: "";
}

.fa-route-interstate:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-ruble-sign:before {
  content: "";
}

.fa-ruler:before {
  content: "";
}

.fa-ruler-combined:before {
  content: "";
}

.fa-ruler-horizontal:before {
  content: "";
}

.fa-ruler-triangle:before {
  content: "";
}

.fa-ruler-vertical:before {
  content: "";
}

.fa-running:before {
  content: "";
}

.fa-rupee-sign:before {
  content: "";
}

.fa-rv:before {
  content: "";
}

.fa-sad-cry:before {
  content: "";
}

.fa-sad-tear:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

.fa-satellite:before {
  content: "";
}

.fa-satellite-dish:before {
  content: "";
}

.fa-save:before {
  content: "";
}

.fa-scalpel:before {
  content: "";
}

.fa-scalpel-path:before {
  content: "";
}

.fa-scanner:before {
  content: "";
}

.fa-scanner-keyboard:before {
  content: "";
}

.fa-scanner-touchscreen:before {
  content: "";
}

.fa-scarecrow:before {
  content: "";
}

.fa-scarf:before {
  content: "";
}

.fa-schlix:before {
  content: "";
}

.fa-school:before {
  content: "";
}

.fa-screwdriver:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-scroll:before {
  content: "";
}

.fa-scroll-old:before {
  content: "";
}

.fa-scrubber:before {
  content: "";
}

.fa-scythe:before {
  content: "";
}

.fa-sd-card:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-search-dollar:before {
  content: "";
}

.fa-search-location:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-searchengin:before {
  content: "";
}

.fa-seedling:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

.fa-shapes:before {
  content: "";
}

.fa-share:before {
  content: "";
}

.fa-share-all:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-sheep:before {
  content: "";
}

.fa-shekel-sign:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-shield-check:before {
  content: "";
}

.fa-shield-cross:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shipping-fast:before {
  content: "";
}

.fa-shipping-timed:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shoe-prints:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-shopware:before {
  content: "";
}

.fa-shovel:before {
  content: "";
}

.fa-shovel-snow:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-shredder:before {
  content: "";
}

.fa-shuttle-van:before {
  content: "";
}

.fa-shuttlecock:before {
  content: "";
}

.fa-sigma:before {
  content: "";
}

.fa-sign:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-sign-in-alt:before {
  content: "";
}

.fa-sign-language:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-sign-out-alt:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-signal-1:before {
  content: "";
}

.fa-signal-2:before {
  content: "";
}

.fa-signal-3:before {
  content: "";
}

.fa-signal-4:before {
  content: "";
}

.fa-signal-alt:before {
  content: "";
}

.fa-signal-alt-1:before {
  content: "";
}

.fa-signal-alt-2:before {
  content: "";
}

.fa-signal-alt-3:before {
  content: "";
}

.fa-signal-alt-slash:before {
  content: "";
}

.fa-signal-slash:before {
  content: "";
}

.fa-signature:before {
  content: "";
}

.fa-sim-card:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-sith:before {
  content: "";
}

.fa-skating:before {
  content: "";
}

.fa-skeleton:before {
  content: "";
}

.fa-sketch:before {
  content: "";
}

.fa-ski-jump:before {
  content: "";
}

.fa-ski-lift:before {
  content: "";
}

.fa-skiing:before {
  content: "";
}

.fa-skiing-nordic:before {
  content: "";
}

.fa-skull:before {
  content: "";
}

.fa-skull-crossbones:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-slack-hash:before {
  content: "";
}

.fa-slash:before {
  content: "";
}

.fa-sledding:before {
  content: "";
}

.fa-sleigh:before {
  content: "";
}

.fa-sliders-h:before {
  content: "";
}

.fa-sliders-h-square:before {
  content: "";
}

.fa-sliders-v:before {
  content: "";
}

.fa-sliders-v-square:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-smile:before {
  content: "";
}

.fa-smile-beam:before {
  content: "";
}

.fa-smile-plus:before {
  content: "";
}

.fa-smile-wink:before {
  content: "";
}

.fa-smog:before {
  content: "";
}

.fa-smoke:before {
  content: "";
}

.fa-smoking:before {
  content: "";
}

.fa-smoking-ban:before {
  content: "";
}

.fa-sms:before {
  content: "";
}

.fa-snake:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snow-blowing:before {
  content: "";
}

.fa-snowboarding:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

.fa-snowflakes:before {
  content: "";
}

.fa-snowman:before {
  content: "";
}

.fa-snowmobile:before {
  content: "";
}

.fa-snowplow:before {
  content: "";
}

.fa-socks:before {
  content: "";
}

.fa-solar-panel:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-alpha-down:before {
  content: "";
}

.fa-sort-alpha-up:before {
  content: "";
}

.fa-sort-amount-down:before {
  content: "";
}

.fa-sort-amount-up:before {
  content: "";
}

.fa-sort-down:before {
  content: "";
}

.fa-sort-numeric-down:before {
  content: "";
}

.fa-sort-numeric-up:before {
  content: "";
}

.fa-sort-up:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-sourcetree:before {
  content: "";
}

.fa-spa:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-spade:before {
  content: "";
}

.fa-speakap:before {
  content: "";
}

.fa-spider:before {
  content: "";
}

.fa-spider-black-widow:before {
  content: "";
}

.fa-spider-web:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-spinner-third:before {
  content: "";
}

.fa-splotch:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-spray-can:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-square-full:before {
  content: "";
}

.fa-square-root:before {
  content: "";
}

.fa-square-root-alt:before {
  content: "";
}

.fa-squarespace:before {
  content: "";
}

.fa-squirrel:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-staff:before {
  content: "";
}

.fa-stamp:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-and-crescent:before {
  content: "";
}

.fa-star-christmas:before {
  content: "";
}

.fa-star-exclamation:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-star-half-alt:before {
  content: "";
}

.fa-star-of-david:before {
  content: "";
}

.fa-star-of-life:before {
  content: "";
}

.fa-stars:before {
  content: "";
}

.fa-staylinked:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-steam-symbol:before {
  content: "";
}

.fa-steering-wheel:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-stocking:before {
  content: "";
}

.fa-stomach:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-store:before {
  content: "";
}

.fa-store-alt:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-stream:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-stroopwafel:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-suitcase-rolling:before {
  content: "";
}

.fa-sun:before {
  content: "";
}

.fa-sun-cloud:before {
  content: "";
}

.fa-sun-dust:before {
  content: "";
}

.fa-sun-haze:before {
  content: "";
}

.fa-sunrise:before {
  content: "";
}

.fa-sunset:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-supple:before {
  content: "";
}

.fa-surprise:before {
  content: "";
}

.fa-suse:before {
  content: "";
}

.fa-swatchbook:before {
  content: "";
}

.fa-swimmer:before {
  content: "";
}

.fa-swimming-pool:before {
  content: "";
}

.fa-sword:before {
  content: "";
}

.fa-swords:before {
  content: "";
}

.fa-synagogue:before {
  content: "";
}

.fa-sync:before {
  content: "";
}

.fa-sync-alt:before {
  content: "";
}

.fa-syringe:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-table-tennis:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-tablet-alt:before {
  content: "";
}

.fa-tablet-android:before {
  content: "";
}

.fa-tablet-android-alt:before {
  content: "";
}

.fa-tablet-rugged:before {
  content: "";
}

.fa-tablets:before {
  content: "";
}

.fa-tachometer:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

.fa-tachometer-alt-average:before {
  content: "";
}

.fa-tachometer-alt-fast:before {
  content: "";
}

.fa-tachometer-alt-fastest:before {
  content: "";
}

.fa-tachometer-alt-slow:before {
  content: "";
}

.fa-tachometer-alt-slowest:before {
  content: "";
}

.fa-tachometer-average:before {
  content: "";
}

.fa-tachometer-fast:before {
  content: "";
}

.fa-tachometer-fastest:before {
  content: "";
}

.fa-tachometer-slow:before {
  content: "";
}

.fa-tachometer-slowest:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-tally:before {
  content: "";
}

.fa-tape:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-taxi:before {
  content: "";
}

.fa-teamspeak:before {
  content: "";
}

.fa-teeth:before {
  content: "";
}

.fa-teeth-open:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

.fa-temperature-frigid:before {
  content: "";
}

.fa-temperature-high:before {
  content: "";
}

.fa-temperature-hot:before {
  content: "";
}

.fa-temperature-low:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-tenge:before {
  content: "";
}

.fa-tennis-ball:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-the-red-yeti:before {
  content: "";
}

.fa-theater-masks:before {
  content: "";
}

.fa-themeco:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-thermometer:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-theta:before {
  content: "";
}

.fa-think-peaks:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbtack:before {
  content: "";
}

.fa-thunderstorm:before {
  content: "";
}

.fa-thunderstorm-moon:before {
  content: "";
}

.fa-thunderstorm-sun:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

.fa-tilde:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-times-hexagon:before {
  content: "";
}

.fa-times-octagon:before {
  content: "";
}

.fa-times-square:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-tint-slash:before {
  content: "";
}

.fa-tire:before {
  content: "";
}

.fa-tire-flat:before {
  content: "";
}

.fa-tire-pressure-warning:before {
  content: "";
}

.fa-tire-rugged:before {
  content: "";
}

.fa-tired:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-toilet:before {
  content: "";
}

.fa-toilet-paper:before {
  content: "";
}

.fa-toilet-paper-alt:before {
  content: "";
}

.fa-tombstone:before {
  content: "";
}

.fa-tombstone-alt:before {
  content: "";
}

.fa-toolbox:before {
  content: "";
}

.fa-tools:before {
  content: "";
}

.fa-tooth:before {
  content: "";
}

.fa-toothbrush:before {
  content: "";
}

.fa-torah:before {
  content: "";
}

.fa-torii-gate:before {
  content: "";
}

.fa-tornado:before {
  content: "";
}

.fa-tractor:before {
  content: "";
}

.fa-trade-federation:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-traffic-cone:before {
  content: "";
}

.fa-traffic-light:before {
  content: "";
}

.fa-traffic-light-go:before {
  content: "";
}

.fa-traffic-light-slow:before {
  content: "";
}

.fa-traffic-light-stop:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-tram:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

.fa-treasure-chest:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-tree-alt:before {
  content: "";
}

.fa-tree-christmas:before {
  content: "";
}

.fa-tree-decorated:before {
  content: "";
}

.fa-tree-large:before {
  content: "";
}

.fa-trees:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-triangle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-trophy-alt:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-truck-container:before {
  content: "";
}

.fa-truck-couch:before {
  content: "";
}

.fa-truck-loading:before {
  content: "";
}

.fa-truck-monster:before {
  content: "";
}

.fa-truck-moving:before {
  content: "";
}

.fa-truck-pickup:before {
  content: "";
}

.fa-truck-plow:before {
  content: "";
}

.fa-truck-ramp:before {
  content: "";
}

.fa-tshirt:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-turkey:before {
  content: "";
}

.fa-turtle:before {
  content: "";
}

.fa-tv:before {
  content: "";
}

.fa-tv-retro:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-ubuntu:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-umbrella-beach:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-undo-alt:before {
  content: "";
}

.fa-unicorn:before {
  content: "";
}

.fa-union:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-university:before {
  content: "";
}

.fa-unlink:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-untappd:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-ups:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-usd-circle:before {
  content: "";
}

.fa-usd-square:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-user-alt:before {
  content: "";
}

.fa-user-alt-slash:before {
  content: "";
}

.fa-user-astronaut:before {
  content: "";
}

.fa-user-chart:before {
  content: "";
}

.fa-user-check:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-clock:before {
  content: "";
}

.fa-user-cog:before {
  content: "";
}

.fa-user-crown:before {
  content: "";
}

.fa-user-edit:before {
  content: "";
}

.fa-user-friends:before {
  content: "";
}

.fa-user-graduate:before {
  content: "";
}

.fa-user-injured:before {
  content: "";
}

.fa-user-lock:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-user-minus:before {
  content: "";
}

.fa-user-ninja:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-user-shield:before {
  content: "";
}

.fa-user-slash:before {
  content: "";
}

.fa-user-tag:before {
  content: "";
}

.fa-user-tie:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-users:before {
  content: "";
}

.fa-users-class:before {
  content: "";
}

.fa-users-cog:before {
  content: "";
}

.fa-users-crown:before {
  content: "";
}

.fa-usps:before {
  content: "";
}

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-fork:before {
  content: "";
}

.fa-utensil-knife:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-utensils-alt:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-value-absolute:before {
  content: "";
}

.fa-vector-square:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-vial:before {
  content: "";
}

.fa-vials:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

.fa-video:before {
  content: "";
}

.fa-video-plus:before {
  content: "";
}

.fa-video-slash:before {
  content: "";
}

.fa-vihara:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-vimeo-v:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-vnv:before {
  content: "";
}

.fa-volcano:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

.fa-volume:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-mute:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-slash:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-vote-nay:before {
  content: "";
}

.fa-vote-yea:before {
  content: "";
}

.fa-vr-cardboard:before {
  content: "";
}

.fa-vuejs:before {
  content: "";
}

.fa-walking:before {
  content: "";
}

.fa-wallet:before {
  content: "";
}

.fa-wand:before {
  content: "";
}

.fa-wand-magic:before {
  content: "";
}

.fa-warehouse:before {
  content: "";
}

.fa-warehouse-alt:before {
  content: "";
}

.fa-watch:before {
  content: "";
}

.fa-watch-fitness:before {
  content: "";
}

.fa-water:before {
  content: "";
}

.fa-water-lower:before {
  content: "";
}

.fa-water-rise:before {
  content: "";
}

.fa-weebly:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-weight:before {
  content: "";
}

.fa-weight-hanging:before {
  content: "";
}

.fa-weixin:before {
  content: "";
}

.fa-whale:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

.fa-wheat:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-whistle:before {
  content: "";
}

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wifi-1:before {
  content: "";
}

.fa-wifi-2:before {
  content: "";
}

.fa-wifi-slash:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-wind:before {
  content: "";
}

.fa-wind-warning:before {
  content: "";
}

.fa-window:before {
  content: "";
}

.fa-window-alt:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-windsock:before {
  content: "";
}

.fa-wine-bottle:before {
  content: "";
}

.fa-wine-glass:before {
  content: "";
}

.fa-wine-glass-alt:before {
  content: "";
}

.fa-wix:before {
  content: "";
}

.fa-wizards-of-the-coast:before {
  content: "";
}

.fa-wolf-pack-battalion:before {
  content: "";
}

.fa-won-sign:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-wpressr:before {
  content: "";
}

.fa-wreath:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-x-ray:before {
  content: "";
}

.fa-xbox:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-y-combinator:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yarn:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yin-yang:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-zhihu:before {
  content: "";
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.pi-500px:before {
  content: "";
}

.pi-abacus:before {
  content: "";
}

.pi-accessible-icon:before {
  content: "";
}

.pi-accusoft:before {
  content: "";
}

.pi-acorn:before {
  content: "";
}

.pi-acquisitions-incorporated:before {
  content: "";
}

.pi-ad:before {
  content: "";
}

.pi-address-book:before {
  content: "";
}

.pi-address-card:before {
  content: "";
}

.pi-adjust:before {
  content: "";
}

.pi-adn:before {
  content: "";
}

.pi-adobe:before {
  content: "";
}

.pi-adversal:before {
  content: "";
}

.pi-affiliatetheme:before {
  content: "";
}

.pi-air-freshener:before {
  content: "";
}

.pi-alarm-clock:before {
  content: "";
}

.pi-algolia:before {
  content: "";
}

.pi-alicorn:before {
  content: "";
}

.pi-align-center:before {
  content: "";
}

.pi-align-justify:before {
  content: "";
}

.pi-align-left:before {
  content: "";
}

.pi-align-right:before {
  content: "";
}

.pi-alipay:before {
  content: "";
}

.pi-allergies:before {
  content: "";
}

.pi-amazon:before {
  content: "";
}

.pi-amazon-pay:before {
  content: "";
}

.pi-ambulance:before {
  content: "";
}

.pi-american-sign-language-interpreting:before {
  content: "";
}

.pi-amilia:before {
  content: "";
}

.pi-analytics:before {
  content: "";
}

.pi-anchor:before {
  content: "";
}

.pi-android:before {
  content: "";
}

.pi-angel:before {
  content: "";
}

.pi-angellist:before {
  content: "";
}

.pi-angle-double-down:before {
  content: "";
}

.pi-angle-double-left:before {
  content: "";
}

.pi-angle-double-right:before {
  content: "";
}

.pi-angle-double-up:before {
  content: "";
}

.pi-angle-down:before {
  content: "";
}

.pi-angle-left:before {
  content: "";
}

.pi-angle-right:before {
  content: "";
}

.pi-angle-up:before {
  content: "";
}

.pi-angry:before {
  content: "";
}

.pi-angrycreative:before {
  content: "";
}

.pi-angular:before {
  content: "";
}

.pi-ankh:before {
  content: "";
}

.pi-app-store:before {
  content: "";
}

.pi-app-store-ios:before {
  content: "";
}

.pi-apper:before {
  content: "";
}

.pi-apple:before {
  content: "";
}

.pi-apple-alt:before {
  content: "";
}

.pi-apple-crate:before {
  content: "";
}

.pi-apple-pay:before {
  content: "";
}

.pi-archive:before {
  content: "";
}

.pi-archway:before {
  content: "";
}

.pi-arrow-alt-circle-down:before {
  content: "";
}

.pi-arrow-alt-circle-left:before {
  content: "";
}

.pi-arrow-alt-circle-right:before {
  content: "";
}

.pi-arrow-alt-circle-up:before {
  content: "";
}

.pi-arrow-alt-down:before {
  content: "";
}

.pi-arrow-alt-from-bottom:before {
  content: "";
}

.pi-arrow-alt-from-left:before {
  content: "";
}

.pi-arrow-alt-from-right:before {
  content: "";
}

.pi-arrow-alt-from-top:before {
  content: "";
}

.pi-arrow-alt-left:before {
  content: "";
}

.pi-arrow-alt-right:before {
  content: "";
}

.pi-arrow-alt-square-down:before {
  content: "";
}

.pi-arrow-alt-square-left:before {
  content: "";
}

.pi-arrow-alt-square-right:before {
  content: "";
}

.pi-arrow-alt-square-up:before {
  content: "";
}

.pi-arrow-alt-to-bottom:before {
  content: "";
}

.pi-arrow-alt-to-left:before {
  content: "";
}

.pi-arrow-alt-to-right:before {
  content: "";
}

.pi-arrow-alt-to-top:before {
  content: "";
}

.pi-arrow-alt-up:before {
  content: "";
}

.pi-arrow-circle-down:before {
  content: "";
}

.pi-arrow-circle-left:before {
  content: "";
}

.pi-arrow-circle-right:before {
  content: "";
}

.pi-arrow-circle-up:before {
  content: "";
}

.pi-arrow-down:before {
  content: "";
}

.pi-arrow-from-bottom:before {
  content: "";
}

.pi-arrow-from-left:before {
  content: "";
}

.pi-arrow-from-right:before {
  content: "";
}

.pi-arrow-from-top:before {
  content: "";
}

.pi-arrow-left:before {
  content: "";
}

.pi-arrow-right:before {
  content: "";
}

.pi-arrow-square-down:before {
  content: "";
}

.pi-arrow-square-left:before {
  content: "";
}

.pi-arrow-square-right:before {
  content: "";
}

.pi-arrow-square-up:before {
  content: "";
}

.pi-arrow-to-bottom:before {
  content: "";
}

.pi-arrow-to-left:before {
  content: "";
}

.pi-arrow-to-right:before {
  content: "";
}

.pi-arrow-to-top:before {
  content: "";
}

.pi-arrow-up:before {
  content: "";
}

.pi-arrows:before {
  content: "";
}

.pi-arrows-alt:before {
  content: "";
}

.pi-arrows-alt-h:before {
  content: "";
}

.pi-arrows-alt-v:before {
  content: "";
}

.pi-arrows-h:before {
  content: "";
}

.pi-arrows-v:before {
  content: "";
}

.pi-artstation:before {
  content: "";
}

.pi-assistive-listening-systems:before {
  content: "";
}

.pi-asterisk:before {
  content: "";
}

.pi-asymmetrik:before {
  content: "";
}

.pi-at:before {
  content: "";
}

.pi-atlas:before {
  content: "";
}

.pi-atlassian:before {
  content: "";
}

.pi-atom:before {
  content: "";
}

.pi-atom-alt:before {
  content: "";
}

.pi-audible:before {
  content: "";
}

.pi-audio-description:before {
  content: "";
}

.pi-autoprefixer:before {
  content: "";
}

.pi-avianex:before {
  content: "";
}

.pi-aviato:before {
  content: "";
}

.pi-award:before {
  content: "";
}

.pi-aws:before {
  content: "";
}

.pi-axe:before {
  content: "";
}

.pi-axe-battle:before {
  content: "";
}

.pi-baby:before {
  content: "";
}

.pi-baby-carriage:before {
  content: "";
}

.pi-backpack:before {
  content: "";
}

.pi-backspace:before {
  content: "";
}

.pi-backward:before {
  content: "";
}

.pi-badge:before {
  content: "";
}

.pi-badge-check:before {
  content: "";
}

.pi-badge-dollar:before {
  content: "";
}

.pi-badge-percent:before {
  content: "";
}

.pi-badger-honey:before {
  content: "";
}

.pi-balance-scale:before {
  content: "";
}

.pi-balance-scale-left:before {
  content: "";
}

.pi-balance-scale-right:before {
  content: "";
}

.pi-ball-pile:before {
  content: "";
}

.pi-ballot:before {
  content: "";
}

.pi-ballot-check:before {
  content: "";
}

.pi-ban:before {
  content: "";
}

.pi-band-aid:before {
  content: "";
}

.pi-bandcamp:before {
  content: "";
}

.pi-barcode:before {
  content: "";
}

.pi-barcode-alt:before {
  content: "";
}

.pi-barcode-read:before {
  content: "";
}

.pi-barcode-scan:before {
  content: "";
}

.pi-bars:before {
  content: "";
}

.pi-baseball:before {
  content: "";
}

.pi-baseball-ball:before {
  content: "";
}

.pi-basketball-ball:before {
  content: "";
}

.pi-basketball-hoop:before {
  content: "";
}

.pi-bat:before {
  content: "";
}

.pi-bath:before {
  content: "";
}

.pi-battery-bolt:before {
  content: "";
}

.pi-battery-empty:before {
  content: "";
}

.pi-battery-full:before {
  content: "";
}

.pi-battery-half:before {
  content: "";
}

.pi-battery-quarter:before {
  content: "";
}

.pi-battery-slash:before {
  content: "";
}

.pi-battery-three-quarters:before {
  content: "";
}

.pi-bed:before {
  content: "";
}

.pi-beer:before {
  content: "";
}

.pi-behance:before {
  content: "";
}

.pi-behance-square:before {
  content: "";
}

.pi-bell:before {
  content: "";
}

.pi-bell-school:before {
  content: "";
}

.pi-bell-school-slash:before {
  content: "";
}

.pi-bell-slash:before {
  content: "";
}

.pi-bells:before {
  content: "";
}

.pi-bezier-curve:before {
  content: "";
}

.pi-bible:before {
  content: "";
}

.pi-bicycle:before {
  content: "";
}

.pi-bimobject:before {
  content: "";
}

.pi-binoculars:before {
  content: "";
}

.pi-biohazard:before {
  content: "";
}

.pi-birthday-cake:before {
  content: "";
}

.pi-bitbucket:before {
  content: "";
}

.pi-bitcoin:before {
  content: "";
}

.pi-bity:before {
  content: "";
}

.pi-black-tie:before {
  content: "";
}

.pi-blackberry:before {
  content: "";
}

.pi-blanket:before {
  content: "";
}

.pi-blender:before {
  content: "";
}

.pi-blender-phone:before {
  content: "";
}

.pi-blind:before {
  content: "";
}

.pi-blog:before {
  content: "";
}

.pi-blogger:before {
  content: "";
}

.pi-blogger-b:before {
  content: "";
}

.pi-bluetooth:before {
  content: "";
}

.pi-bluetooth-b:before {
  content: "";
}

.pi-bold:before {
  content: "";
}

.pi-bolt:before {
  content: "";
}

.pi-bomb:before {
  content: "";
}

.pi-bone:before {
  content: "";
}

.pi-bone-break:before {
  content: "";
}

.pi-bong:before {
  content: "";
}

.pi-book:before {
  content: "";
}

.pi-book-alt:before {
  content: "";
}

.pi-book-dead:before {
  content: "";
}

.pi-book-heart:before {
  content: "";
}

.pi-book-open:before {
  content: "";
}

.pi-book-reader:before {
  content: "";
}

.pi-book-spells:before {
  content: "";
}

.pi-bookmark:before {
  content: "";
}

.pi-books:before {
  content: "";
}

.pi-boot:before {
  content: "";
}

.pi-booth-curtain:before {
  content: "";
}

.pi-bow-arrow:before {
  content: "";
}

.pi-bowling-ball:before {
  content: "";
}

.pi-bowling-pins:before {
  content: "";
}

.pi-box:before {
  content: "";
}

.pi-box-alt:before {
  content: "";
}

.pi-box-ballot:before {
  content: "";
}

.pi-box-check:before {
  content: "";
}

.pi-box-fragile:before {
  content: "";
}

.pi-box-full:before {
  content: "";
}

.pi-box-heart:before {
  content: "";
}

.pi-box-open:before {
  content: "";
}

.pi-box-up:before {
  content: "";
}

.pi-box-usd:before {
  content: "";
}

.pi-boxes:before {
  content: "";
}

.pi-boxes-alt:before {
  content: "";
}

.pi-boxing-glove:before {
  content: "";
}

.pi-braille:before {
  content: "";
}

.pi-brain:before {
  content: "";
}

.pi-briefcase:before {
  content: "";
}

.pi-briefcase-medical:before {
  content: "";
}

.pi-broadcast-tower:before {
  content: "";
}

.pi-broom:before {
  content: "";
}

.pi-browser:before {
  content: "";
}

.pi-brush:before {
  content: "";
}

.pi-btc:before {
  content: "";
}

.pi-bug:before {
  content: "";
}

.pi-building:before {
  content: "";
}

.pi-bullhorn:before {
  content: "";
}

.pi-bullseye:before {
  content: "";
}

.pi-bullseye-arrow:before {
  content: "";
}

.pi-bullseye-pointer:before {
  content: "";
}

.pi-burn:before {
  content: "";
}

.pi-buromobelexperte:before {
  content: "";
}

.pi-bus:before {
  content: "";
}

.pi-bus-alt:before {
  content: "";
}

.pi-bus-school:before {
  content: "";
}

.pi-business-time:before {
  content: "";
}

.pi-buysellads:before {
  content: "";
}

.pi-cabinet-filing:before {
  content: "";
}

.pi-calculator:before {
  content: "";
}

.pi-calculator-alt:before {
  content: "";
}

.pi-calendar:before {
  content: "";
}

.pi-calendar-alt:before {
  content: "";
}

.pi-calendar-check:before {
  content: "";
}

.pi-calendar-day:before {
  content: "";
}

.pi-calendar-edit:before {
  content: "";
}

.pi-calendar-exclamation:before {
  content: "";
}

.pi-calendar-minus:before {
  content: "";
}

.pi-calendar-plus:before {
  content: "";
}

.pi-calendar-star:before {
  content: "";
}

.pi-calendar-times:before {
  content: "";
}

.pi-calendar-week:before {
  content: "";
}

.pi-camera:before {
  content: "";
}

.pi-camera-alt:before {
  content: "";
}

.pi-camera-retro:before {
  content: "";
}

.pi-campfire:before {
  content: "";
}

.pi-campground:before {
  content: "";
}

.pi-canadian-maple-leaf:before {
  content: "";
}

.pi-candle-holder:before {
  content: "";
}

.pi-candy-cane:before {
  content: "";
}

.pi-candy-corn:before {
  content: "";
}

.pi-cannabis:before {
  content: "";
}

.pi-capsules:before {
  content: "";
}

.pi-car:before {
  content: "";
}

.pi-car-alt:before {
  content: "";
}

.pi-car-battery:before {
  content: "";
}

.pi-car-bump:before {
  content: "";
}

.pi-car-crash:before {
  content: "";
}

.pi-car-garage:before {
  content: "";
}

.pi-car-mechanic:before {
  content: "";
}

.pi-car-side:before {
  content: "";
}

.pi-car-tilt:before {
  content: "";
}

.pi-car-wash:before {
  content: "";
}

.pi-caret-circle-down:before {
  content: "";
}

.pi-caret-circle-left:before {
  content: "";
}

.pi-caret-circle-right:before {
  content: "";
}

.pi-caret-circle-up:before {
  content: "";
}

.pi-caret-down:before {
  content: "";
}

.pi-caret-left:before {
  content: "";
}

.pi-caret-right:before {
  content: "";
}

.pi-caret-square-down:before {
  content: "";
}

.pi-caret-square-left:before {
  content: "";
}

.pi-caret-square-right:before {
  content: "";
}

.pi-caret-square-up:before {
  content: "";
}

.pi-caret-up:before {
  content: "";
}

.pi-carrot:before {
  content: "";
}

.pi-cart-arrow-down:before {
  content: "";
}

.pi-cart-plus:before {
  content: "";
}

.pi-cash-register:before {
  content: "";
}

.pi-cat:before {
  content: "";
}

.pi-cauldron:before {
  content: "";
}

.pi-cc-amazon-pay:before {
  content: "";
}

.pi-cc-amex:before {
  content: "";
}

.pi-cc-apple-pay:before {
  content: "";
}

.pi-cc-diners-club:before {
  content: "";
}

.pi-cc-discover:before {
  content: "";
}

.pi-cc-jcb:before {
  content: "";
}

.pi-cc-mastercard:before {
  content: "";
}

.pi-cc-paypal:before {
  content: "";
}

.pi-cc-stripe:before {
  content: "";
}

.pi-cc-visa:before {
  content: "";
}

.pi-centercode:before {
  content: "";
}

.pi-centos:before {
  content: "";
}

.pi-certificate:before {
  content: "";
}

.pi-chair:before {
  content: "";
}

.pi-chair-office:before {
  content: "";
}

.pi-chalkboard:before {
  content: "";
}

.pi-chalkboard-teacher:before {
  content: "";
}

.pi-charging-station:before {
  content: "";
}

.pi-chart-area:before {
  content: "";
}

.pi-chart-bar:before {
  content: "";
}

.pi-chart-line:before {
  content: "";
}

.pi-chart-line-down:before {
  content: "";
}

.pi-chart-network:before {
  content: "";
}

.pi-chart-pie:before {
  content: "";
}

.pi-chart-pie-alt:before {
  content: "";
}

.pi-check:before {
  content: "";
}

.pi-check-circle:before {
  content: "";
}

.pi-check-double:before {
  content: "";
}

.pi-check-square:before {
  content: "";
}

.pi-chess:before {
  content: "";
}

.pi-chess-bishop:before {
  content: "";
}

.pi-chess-bishop-alt:before {
  content: "";
}

.pi-chess-board:before {
  content: "";
}

.pi-chess-clock:before {
  content: "";
}

.pi-chess-clock-alt:before {
  content: "";
}

.pi-chess-king:before {
  content: "";
}

.pi-chess-king-alt:before {
  content: "";
}

.pi-chess-knight:before {
  content: "";
}

.pi-chess-knight-alt:before {
  content: "";
}

.pi-chess-pawn:before {
  content: "";
}

.pi-chess-pawn-alt:before {
  content: "";
}

.pi-chess-queen:before {
  content: "";
}

.pi-chess-queen-alt:before {
  content: "";
}

.pi-chess-rook:before {
  content: "";
}

.pi-chess-rook-alt:before {
  content: "";
}

.pi-chevron-circle-down:before {
  content: "";
}

.pi-chevron-circle-left:before {
  content: "";
}

.pi-chevron-circle-right:before {
  content: "";
}

.pi-chevron-circle-up:before {
  content: "";
}

.pi-chevron-double-down:before {
  content: "";
}

.pi-chevron-double-left:before {
  content: "";
}

.pi-chevron-double-right:before {
  content: "";
}

.pi-chevron-double-up:before {
  content: "";
}

.pi-chevron-down:before {
  content: "";
}

.pi-chevron-left:before {
  content: "";
}

.pi-chevron-right:before {
  content: "";
}

.pi-chevron-square-down:before {
  content: "";
}

.pi-chevron-square-left:before {
  content: "";
}

.pi-chevron-square-right:before {
  content: "";
}

.pi-chevron-square-up:before {
  content: "";
}

.pi-chevron-up:before {
  content: "";
}

.pi-child:before {
  content: "";
}

.pi-chimney:before {
  content: "";
}

.pi-chrome:before {
  content: "";
}

.pi-church:before {
  content: "";
}

.pi-circle:before {
  content: "";
}

.pi-circle-notch:before {
  content: "";
}

.pi-city:before {
  content: "";
}

.pi-claw-marks:before {
  content: "";
}

.pi-clipboard:before {
  content: "";
}

.pi-clipboard-check:before {
  content: "";
}

.pi-clipboard-list:before {
  content: "";
}

.pi-clipboard-list-check:before {
  content: "";
}

.pi-clipboard-prescription:before {
  content: "";
}

.pi-clock:before {
  content: "";
}

.pi-clone:before {
  content: "";
}

.pi-closed-captioning:before {
  content: "";
}

.pi-cloud:before {
  content: "";
}

.pi-cloud-download:before {
  content: "";
}

.pi-cloud-download-alt:before {
  content: "";
}

.pi-cloud-drizzle:before {
  content: "";
}

.pi-cloud-hail:before {
  content: "";
}

.pi-cloud-hail-mixed:before {
  content: "";
}

.pi-cloud-meatball:before {
  content: "";
}

.pi-cloud-moon:before {
  content: "";
}

.pi-cloud-moon-rain:before {
  content: "";
}

.pi-cloud-rain:before {
  content: "";
}

.pi-cloud-rainbow:before {
  content: "";
}

.pi-cloud-showers:before {
  content: "";
}

.pi-cloud-showers-heavy:before {
  content: "";
}

.pi-cloud-sleet:before {
  content: "";
}

.pi-cloud-snow:before {
  content: "";
}

.pi-cloud-sun:before {
  content: "";
}

.pi-cloud-sun-rain:before {
  content: "";
}

.pi-cloud-upload:before {
  content: "";
}

.pi-cloud-upload-alt:before {
  content: "";
}

.pi-clouds:before {
  content: "";
}

.pi-clouds-moon:before {
  content: "";
}

.pi-clouds-sun:before {
  content: "";
}

.pi-cloudscale:before {
  content: "";
}

.pi-cloudsmith:before {
  content: "";
}

.pi-cloudversify:before {
  content: "";
}

.pi-club:before {
  content: "";
}

.pi-cocktail:before {
  content: "";
}

.pi-code:before {
  content: "";
}

.pi-code-branch:before {
  content: "";
}

.pi-code-commit:before {
  content: "";
}

.pi-code-merge:before {
  content: "";
}

.pi-codepen:before {
  content: "";
}

.pi-codiepie:before {
  content: "";
}

.pi-coffee:before {
  content: "";
}

.pi-coffee-togo:before {
  content: "";
}

.pi-coffin:before {
  content: "";
}

.pi-cog:before {
  content: "";
}

.pi-cogs:before {
  content: "";
}

.pi-coins:before {
  content: "";
}

.pi-columns:before {
  content: "";
}

.pi-comment:before {
  content: "";
}

.pi-comment-alt:before {
  content: "";
}

.pi-comment-alt-check:before {
  content: "";
}

.pi-comment-alt-dollar:before {
  content: "";
}

.pi-comment-alt-dots:before {
  content: "";
}

.pi-comment-alt-edit:before {
  content: "";
}

.pi-comment-alt-exclamation:before {
  content: "";
}

.pi-comment-alt-lines:before {
  content: "";
}

.pi-comment-alt-minus:before {
  content: "";
}

.pi-comment-alt-plus:before {
  content: "";
}

.pi-comment-alt-slash:before {
  content: "";
}

.pi-comment-alt-smile:before {
  content: "";
}

.pi-comment-alt-times:before {
  content: "";
}

.pi-comment-check:before {
  content: "";
}

.pi-comment-dollar:before {
  content: "";
}

.pi-comment-dots:before {
  content: "";
}

.pi-comment-edit:before {
  content: "";
}

.pi-comment-exclamation:before {
  content: "";
}

.pi-comment-lines:before {
  content: "";
}

.pi-comment-minus:before {
  content: "";
}

.pi-comment-plus:before {
  content: "";
}

.pi-comment-slash:before {
  content: "";
}

.pi-comment-smile:before {
  content: "";
}

.pi-comment-times:before {
  content: "";
}

.pi-comments:before {
  content: "";
}

.pi-comments-alt:before {
  content: "";
}

.pi-comments-alt-dollar:before {
  content: "";
}

.pi-comments-dollar:before {
  content: "";
}

.pi-compact-disc:before {
  content: "";
}

.pi-compass:before {
  content: "";
}

.pi-compass-slash:before {
  content: "";
}

.pi-compress:before {
  content: "";
}

.pi-compress-alt:before {
  content: "";
}

.pi-compress-arrows-alt:before {
  content: "";
}

.pi-compress-wide:before {
  content: "";
}

.pi-concierge-bell:before {
  content: "";
}

.pi-confluence:before {
  content: "";
}

.pi-connectdevelop:before {
  content: "";
}

.pi-container-storage:before {
  content: "";
}

.pi-contao:before {
  content: "";
}

.pi-conveyor-belt:before {
  content: "";
}

.pi-conveyor-belt-alt:before {
  content: "";
}

.pi-cookie:before {
  content: "";
}

.pi-cookie-bite:before {
  content: "";
}

.pi-copy:before {
  content: "";
}

.pi-copyright:before {
  content: "";
}

.pi-corn:before {
  content: "";
}

.pi-couch:before {
  content: "";
}

.pi-cow:before {
  content: "";
}

.pi-cpanel:before {
  content: "";
}

.pi-creative-commons:before {
  content: "";
}

.pi-creative-commons-by:before {
  content: "";
}

.pi-creative-commons-nc:before {
  content: "";
}

.pi-creative-commons-nc-eu:before {
  content: "";
}

.pi-creative-commons-nc-jp:before {
  content: "";
}

.pi-creative-commons-nd:before {
  content: "";
}

.pi-creative-commons-pd:before {
  content: "";
}

.pi-creative-commons-pd-alt:before {
  content: "";
}

.pi-creative-commons-remix:before {
  content: "";
}

.pi-creative-commons-sa:before {
  content: "";
}

.pi-creative-commons-sampling:before {
  content: "";
}

.pi-creative-commons-sampling-plus:before {
  content: "";
}

.pi-creative-commons-share:before {
  content: "";
}

.pi-creative-commons-zero:before {
  content: "";
}

.pi-credit-card:before {
  content: "";
}

.pi-credit-card-blank:before {
  content: "";
}

.pi-credit-card-front:before {
  content: "";
}

.pi-cricket:before {
  content: "";
}

.pi-critical-role:before {
  content: "";
}

.pi-crop:before {
  content: "";
}

.pi-crop-alt:before {
  content: "";
}

.pi-cross:before {
  content: "";
}

.pi-crosshairs:before {
  content: "";
}

.pi-crow:before {
  content: "";
}

.pi-crown:before {
  content: "";
}

.pi-css3:before {
  content: "";
}

.pi-css3-alt:before {
  content: "";
}

.pi-cube:before {
  content: "";
}

.pi-cubes:before {
  content: "";
}

.pi-curling:before {
  content: "";
}

.pi-cut:before {
  content: "";
}

.pi-cuttlefish:before {
  content: "";
}

.pi-d-and-d:before {
  content: "";
}

.pi-d-and-d-beyond:before {
  content: "";
}

.pi-dagger:before {
  content: "";
}

.pi-dashcube:before {
  content: "";
}

.pi-database:before {
  content: "";
}

.pi-deaf:before {
  content: "";
}

.pi-deer:before {
  content: "";
}

.pi-deer-rudolph:before {
  content: "";
}

.pi-delicious:before {
  content: "";
}

.pi-democrat:before {
  content: "";
}

.pi-deploydog:before {
  content: "";
}

.pi-deskpro:before {
  content: "";
}

.pi-desktop:before {
  content: "";
}

.pi-desktop-alt:before {
  content: "";
}

.pi-dev:before {
  content: "";
}

.pi-deviantart:before {
  content: "";
}

.pi-dewpoint:before {
  content: "";
}

.pi-dharmachakra:before {
  content: "";
}

.pi-dhl:before {
  content: "";
}

.pi-diagnoses:before {
  content: "";
}

.pi-diamond:before {
  content: "";
}

.pi-diaspora:before {
  content: "";
}

.pi-dice:before {
  content: "";
}

.pi-dice-d10:before {
  content: "";
}

.pi-dice-d12:before {
  content: "";
}

.pi-dice-d20:before {
  content: "";
}

.pi-dice-d4:before {
  content: "";
}

.pi-dice-d6:before {
  content: "";
}

.pi-dice-d8:before {
  content: "";
}

.pi-dice-five:before {
  content: "";
}

.pi-dice-four:before {
  content: "";
}

.pi-dice-one:before {
  content: "";
}

.pi-dice-six:before {
  content: "";
}

.pi-dice-three:before {
  content: "";
}

.pi-dice-two:before {
  content: "";
}

.pi-digg:before {
  content: "";
}

.pi-digital-ocean:before {
  content: "";
}

.pi-digital-tachograph:before {
  content: "";
}

.pi-diploma:before {
  content: "";
}

.pi-directions:before {
  content: "";
}

.pi-discord:before {
  content: "";
}

.pi-discourse:before {
  content: "";
}

.pi-divide:before {
  content: "";
}

.pi-dizzy:before {
  content: "";
}

.pi-dna:before {
  content: "";
}

.pi-do-not-enter:before {
  content: "";
}

.pi-dochub:before {
  content: "";
}

.pi-docker:before {
  content: "";
}

.pi-dog:before {
  content: "";
}

.pi-dog-leashed:before {
  content: "";
}

.pi-dollar-sign:before {
  content: "";
}

.pi-dolly:before {
  content: "";
}

.pi-dolly-empty:before {
  content: "";
}

.pi-dolly-flatbed:before {
  content: "";
}

.pi-dolly-flatbed-alt:before {
  content: "";
}

.pi-dolly-flatbed-empty:before {
  content: "";
}

.pi-donate:before {
  content: "";
}

.pi-door-closed:before {
  content: "";
}

.pi-door-open:before {
  content: "";
}

.pi-dot-circle:before {
  content: "";
}

.pi-dove:before {
  content: "";
}

.pi-download:before {
  content: "";
}

.pi-draft2digital:before {
  content: "";
}

.pi-drafting-compass:before {
  content: "";
}

.pi-dragon:before {
  content: "";
}

.pi-draw-circle:before {
  content: "";
}

.pi-draw-polygon:before {
  content: "";
}

.pi-draw-square:before {
  content: "";
}

.pi-dreidel:before {
  content: "";
}

.pi-dribbble:before {
  content: "";
}

.pi-dribbble-square:before {
  content: "";
}

.pi-dropbox:before {
  content: "";
}

.pi-drum:before {
  content: "";
}

.pi-drum-steelpan:before {
  content: "";
}

.pi-drumstick:before {
  content: "";
}

.pi-drumstick-bite:before {
  content: "";
}

.pi-drupal:before {
  content: "";
}

.pi-duck:before {
  content: "";
}

.pi-dumbbell:before {
  content: "";
}

.pi-dumpster:before {
  content: "";
}

.pi-dumpster-fire:before {
  content: "";
}

.pi-dungeon:before {
  content: "";
}

.pi-dyalog:before {
  content: "";
}

.pi-ear:before {
  content: "";
}

.pi-ear-muffs:before {
  content: "";
}

.pi-earlybirds:before {
  content: "";
}

.pi-ebay:before {
  content: "";
}

.pi-eclipse:before {
  content: "";
}

.pi-eclipse-alt:before {
  content: "";
}

.pi-edge:before {
  content: "";
}

.pi-edit:before {
  content: "";
}

.pi-eject:before {
  content: "";
}

.pi-elementor:before {
  content: "";
}

.pi-elephant:before {
  content: "";
}

.pi-ellipsis-h:before {
  content: "";
}

.pi-ellipsis-h-alt:before {
  content: "";
}

.pi-ellipsis-v:before {
  content: "";
}

.pi-ellipsis-v-alt:before {
  content: "";
}

.pi-ello:before {
  content: "";
}

.pi-ember:before {
  content: "";
}

.pi-empire:before {
  content: "";
}

.pi-empty-set:before {
  content: "";
}

.pi-engine-warning:before {
  content: "";
}

.pi-envelope:before {
  content: "";
}

.pi-envelope-open:before {
  content: "";
}

.pi-envelope-open-dollar:before {
  content: "";
}

.pi-envelope-open-text:before {
  content: "";
}

.pi-envelope-square:before {
  content: "";
}

.pi-envira:before {
  content: "";
}

.pi-equals:before {
  content: "";
}

.pi-eraser:before {
  content: "";
}

.pi-erlang:before {
  content: "";
}

.pi-ethereum:before {
  content: "";
}

.pi-ethernet:before {
  content: "";
}

.pi-etsy:before {
  content: "";
}

.pi-euro-sign:before {
  content: "";
}

.pi-exchange:before {
  content: "";
}

.pi-exchange-alt:before {
  content: "";
}

.pi-exclamation:before {
  content: "";
}

.pi-exclamation-circle:before {
  content: "";
}

.pi-exclamation-square:before {
  content: "";
}

.pi-exclamation-triangle:before {
  content: "";
}

.pi-expand:before {
  content: "";
}

.pi-expand-alt:before {
  content: "";
}

.pi-expand-arrows:before {
  content: "";
}

.pi-expand-arrows-alt:before {
  content: "";
}

.pi-expand-wide:before {
  content: "";
}

.pi-expeditedssl:before {
  content: "";
}

.pi-external-link:before {
  content: "";
}

.pi-external-link-alt:before {
  content: "";
}

.pi-external-link-square:before {
  content: "";
}

.pi-external-link-square-alt:before {
  content: "";
}

.pi-eye:before {
  content: "";
}

.pi-eye-dropper:before {
  content: "";
}

.pi-eye-evil:before {
  content: "";
}

.pi-eye-slash:before {
  content: "";
}

.pi-facebook:before {
  content: "";
}

.pi-facebook-f:before {
  content: "";
}

.pi-facebook-messenger:before {
  content: "";
}

.pi-facebook-square:before {
  content: "";
}

.pi-fantasy-flight-games:before {
  content: "";
}

.pi-fast-backward:before {
  content: "";
}

.pi-fast-forward:before {
  content: "";
}

.pi-fax:before {
  content: "";
}

.pi-feather:before {
  content: "";
}

.pi-feather-alt:before {
  content: "";
}

.pi-fedex:before {
  content: "";
}

.pi-fedora:before {
  content: "";
}

.pi-female:before {
  content: "";
}

.pi-field-hockey:before {
  content: "";
}

.pi-fighter-jet:before {
  content: "";
}

.pi-figma:before {
  content: "";
}

.pi-file:before {
  content: "";
}

.pi-file-alt:before {
  content: "";
}

.pi-file-archive:before {
  content: "";
}

.pi-file-audio:before {
  content: "";
}

.pi-file-certificate:before {
  content: "";
}

.pi-file-chart-line:before {
  content: "";
}

.pi-file-chart-pie:before {
  content: "";
}

.pi-file-check:before {
  content: "";
}

.pi-file-code:before {
  content: "";
}

.pi-file-contract:before {
  content: "";
}

.pi-file-csv:before {
  content: "";
}

.pi-file-download:before {
  content: "";
}

.pi-file-edit:before {
  content: "";
}

.pi-file-excel:before {
  content: "";
}

.pi-file-exclamation:before {
  content: "";
}

.pi-file-export:before {
  content: "";
}

.pi-file-image:before {
  content: "";
}

.pi-file-import:before {
  content: "";
}

.pi-file-invoice:before {
  content: "";
}

.pi-file-invoice-dollar:before {
  content: "";
}

.pi-file-medical:before {
  content: "";
}

.pi-file-medical-alt:before {
  content: "";
}

.pi-file-minus:before {
  content: "";
}

.pi-file-pdf:before {
  content: "";
}

.pi-file-plus:before {
  content: "";
}

.pi-file-powerpoint:before {
  content: "";
}

.pi-file-prescription:before {
  content: "";
}

.pi-file-signature:before {
  content: "";
}

.pi-file-spreadsheet:before {
  content: "";
}

.pi-file-times:before {
  content: "";
}

.pi-file-upload:before {
  content: "";
}

.pi-file-user:before {
  content: "";
}

.pi-file-video:before {
  content: "";
}

.pi-file-word:before {
  content: "";
}

.pi-fill:before {
  content: "";
}

.pi-fill-drip:before {
  content: "";
}

.pi-film:before {
  content: "";
}

.pi-film-alt:before {
  content: "";
}

.pi-filter:before {
  content: "";
}

.pi-fingerprint:before {
  content: "";
}

.pi-fire:before {
  content: "";
}

.pi-fire-alt:before {
  content: "";
}

.pi-fire-extinguisher:before {
  content: "";
}

.pi-fire-smoke:before {
  content: "";
}

.pi-firefox:before {
  content: "";
}

.pi-fireplace:before {
  content: "";
}

.pi-first-aid:before {
  content: "";
}

.pi-first-order:before {
  content: "";
}

.pi-first-order-alt:before {
  content: "";
}

.pi-firstdraft:before {
  content: "";
}

.pi-fish:before {
  content: "";
}

.pi-fist-raised:before {
  content: "";
}

.pi-flag:before {
  content: "";
}

.pi-flag-alt:before {
  content: "";
}

.pi-flag-checkered:before {
  content: "";
}

.pi-flag-usa:before {
  content: "";
}

.pi-flame:before {
  content: "";
}

.pi-flask:before {
  content: "";
}

.pi-flask-poison:before {
  content: "";
}

.pi-flask-potion:before {
  content: "";
}

.pi-flickr:before {
  content: "";
}

.pi-flipboard:before {
  content: "";
}

.pi-flushed:before {
  content: "";
}

.pi-fly:before {
  content: "";
}

.pi-fog:before {
  content: "";
}

.pi-folder:before {
  content: "";
}

.pi-folder-minus:before {
  content: "";
}

.pi-folder-open:before {
  content: "";
}

.pi-folder-plus:before {
  content: "";
}

.pi-folder-times:before {
  content: "";
}

.pi-folders:before {
  content: "";
}

.pi-font:before {
  content: "";
}

.pi-font-awesome:before {
  content: "";
}

.pi-font-awesome-alt:before {
  content: "";
}

.pi-font-awesome-flag:before {
  content: "";
}

.pi-font-awesome-logo-full:before {
  content: "";
}

.pi-fonticons:before {
  content: "";
}

.pi-fonticons-fi:before {
  content: "";
}

.pi-football-ball:before {
  content: "";
}

.pi-football-helmet:before {
  content: "";
}

.pi-forklift:before {
  content: "";
}

.pi-fort-awesome:before {
  content: "";
}

.pi-fort-awesome-alt:before {
  content: "";
}

.pi-forumbee:before {
  content: "";
}

.pi-forward:before {
  content: "";
}

.pi-foursquare:before {
  content: "";
}

.pi-fragile:before {
  content: "";
}

.pi-free-code-camp:before {
  content: "";
}

.pi-freebsd:before {
  content: "";
}

.pi-frog:before {
  content: "";
}

.pi-frosty-head:before {
  content: "";
}

.pi-frown:before {
  content: "";
}

.pi-frown-open:before {
  content: "";
}

.pi-fulcrum:before {
  content: "";
}

.pi-function:before {
  content: "";
}

.pi-funnel-dollar:before {
  content: "";
}

.pi-futbol:before {
  content: "";
}

.pi-galactic-republic:before {
  content: "";
}

.pi-galactic-senate:before {
  content: "";
}

.pi-gamepad:before {
  content: "";
}

.pi-gas-pump:before {
  content: "";
}

.pi-gas-pump-slash:before {
  content: "";
}

.pi-gavel:before {
  content: "";
}

.pi-gem:before {
  content: "";
}

.pi-genderless:before {
  content: "";
}

.pi-get-pocket:before {
  content: "";
}

.pi-gg:before {
  content: "";
}

.pi-gg-circle:before {
  content: "";
}

.pi-ghost:before {
  content: "";
}

.pi-gift:before {
  content: "";
}

.pi-gift-card:before {
  content: "";
}

.pi-gifts:before {
  content: "";
}

.pi-gingerbread-man:before {
  content: "";
}

.pi-git:before {
  content: "";
}

.pi-git-square:before {
  content: "";
}

.pi-github:before {
  content: "";
}

.pi-github-alt:before {
  content: "";
}

.pi-github-square:before {
  content: "";
}

.pi-gitkraken:before {
  content: "";
}

.pi-gitlab:before {
  content: "";
}

.pi-gitter:before {
  content: "";
}

.pi-glass-champagne:before {
  content: "";
}

.pi-glass-cheers:before {
  content: "";
}

.pi-glass-martini:before {
  content: "";
}

.pi-glass-martini-alt:before {
  content: "";
}

.pi-glass-whiskey:before {
  content: "";
}

.pi-glass-whiskey-rocks:before {
  content: "";
}

.pi-glasses:before {
  content: "";
}

.pi-glasses-alt:before {
  content: "";
}

.pi-glide:before {
  content: "";
}

.pi-glide-g:before {
  content: "";
}

.pi-globe:before {
  content: "";
}

.pi-globe-africa:before {
  content: "";
}

.pi-globe-americas:before {
  content: "";
}

.pi-globe-asia:before {
  content: "";
}

.pi-globe-europe:before {
  content: "";
}

.pi-globe-snow:before {
  content: "";
}

.pi-globe-stand:before {
  content: "";
}

.pi-gofore:before {
  content: "";
}

.pi-golf-ball:before {
  content: "";
}

.pi-golf-club:before {
  content: "";
}

.pi-goodreads:before {
  content: "";
}

.pi-goodreads-g:before {
  content: "";
}

.pi-google:before {
  content: "";
}

.pi-google-drive:before {
  content: "";
}

.pi-google-play:before {
  content: "";
}

.pi-google-plus:before {
  content: "";
}

.pi-google-plus-g:before {
  content: "";
}

.pi-google-plus-square:before {
  content: "";
}

.pi-google-wallet:before {
  content: "";
}

.pi-gopuram:before {
  content: "";
}

.pi-graduation-cap:before {
  content: "";
}

.pi-gratipay:before {
  content: "";
}

.pi-grav:before {
  content: "";
}

.pi-greater-than:before {
  content: "";
}

.pi-greater-than-equal:before {
  content: "";
}

.pi-grimace:before {
  content: "";
}

.pi-grin:before {
  content: "";
}

.pi-grin-alt:before {
  content: "";
}

.pi-grin-beam:before {
  content: "";
}

.pi-grin-beam-sweat:before {
  content: "";
}

.pi-grin-hearts:before {
  content: "";
}

.pi-grin-squint:before {
  content: "";
}

.pi-grin-squint-tears:before {
  content: "";
}

.pi-grin-stars:before {
  content: "";
}

.pi-grin-tears:before {
  content: "";
}

.pi-grin-tongue:before {
  content: "";
}

.pi-grin-tongue-squint:before {
  content: "";
}

.pi-grin-tongue-wink:before {
  content: "";
}

.pi-grin-wink:before {
  content: "";
}

.pi-grip-horizontal:before {
  content: "";
}

.pi-grip-lines:before {
  content: "";
}

.pi-grip-lines-vertical:before {
  content: "";
}

.pi-grip-vertical:before {
  content: "";
}

.pi-gripfire:before {
  content: "";
}

.pi-grunt:before {
  content: "";
}

.pi-guitar:before {
  content: "";
}

.pi-gulp:before {
  content: "";
}

.pi-h-square:before {
  content: "";
}

.pi-h1:before {
  content: "";
}

.pi-h2:before {
  content: "";
}

.pi-h3:before {
  content: "";
}

.pi-hacker-news:before {
  content: "";
}

.pi-hacker-news-square:before {
  content: "";
}

.pi-hackerrank:before {
  content: "";
}

.pi-hammer:before {
  content: "";
}

.pi-hammer-war:before {
  content: "";
}

.pi-hamsa:before {
  content: "";
}

.pi-hand-heart:before {
  content: "";
}

.pi-hand-holding:before {
  content: "";
}

.pi-hand-holding-box:before {
  content: "";
}

.pi-hand-holding-heart:before {
  content: "";
}

.pi-hand-holding-magic:before {
  content: "";
}

.pi-hand-holding-seedling:before {
  content: "";
}

.pi-hand-holding-usd:before {
  content: "";
}

.pi-hand-holding-water:before {
  content: "";
}

.pi-hand-lizard:before {
  content: "";
}

.pi-hand-paper:before {
  content: "";
}

.pi-hand-peace:before {
  content: "";
}

.pi-hand-point-down:before {
  content: "";
}

.pi-hand-point-left:before {
  content: "";
}

.pi-hand-point-right:before {
  content: "";
}

.pi-hand-point-up:before {
  content: "";
}

.pi-hand-pointer:before {
  content: "";
}

.pi-hand-receiving:before {
  content: "";
}

.pi-hand-rock:before {
  content: "";
}

.pi-hand-scissors:before {
  content: "";
}

.pi-hand-spock:before {
  content: "";
}

.pi-hands:before {
  content: "";
}

.pi-hands-heart:before {
  content: "";
}

.pi-hands-helping:before {
  content: "";
}

.pi-hands-usd:before {
  content: "";
}

.pi-handshake:before {
  content: "";
}

.pi-handshake-alt:before {
  content: "";
}

.pi-hanukiah:before {
  content: "";
}

.pi-hashtag:before {
  content: "";
}

.pi-hat-santa:before {
  content: "";
}

.pi-hat-winter:before {
  content: "";
}

.pi-hat-witch:before {
  content: "";
}

.pi-hat-wizard:before {
  content: "";
}

.pi-haykal:before {
  content: "";
}

.pi-hdd:before {
  content: "";
}

.pi-head-side:before {
  content: "";
}

.pi-head-vr:before {
  content: "";
}

.pi-heading:before {
  content: "";
}

.pi-headphones:before {
  content: "";
}

.pi-headphones-alt:before {
  content: "";
}

.pi-headset:before {
  content: "";
}

.pi-heart:before {
  content: "";
}

.pi-heart-broken:before {
  content: "";
}

.pi-heart-circle:before {
  content: "";
}

.pi-heart-rate:before {
  content: "";
}

.pi-heart-square:before {
  content: "";
}

.pi-heartbeat:before {
  content: "";
}

.pi-helicopter:before {
  content: "";
}

.pi-helmet-battle:before {
  content: "";
}

.pi-hexagon:before {
  content: "";
}

.pi-highlighter:before {
  content: "";
}

.pi-hiking:before {
  content: "";
}

.pi-hippo:before {
  content: "";
}

.pi-hips:before {
  content: "";
}

.pi-hire-a-helper:before {
  content: "";
}

.pi-history:before {
  content: "";
}

.pi-hockey-mask:before {
  content: "";
}

.pi-hockey-puck:before {
  content: "";
}

.pi-hockey-sticks:before {
  content: "";
}

.pi-holly-berry:before {
  content: "";
}

.pi-home:before {
  content: "";
}

.pi-home-heart:before {
  content: "";
}

.pi-hood-cloak:before {
  content: "";
}

.pi-hooli:before {
  content: "";
}

.pi-hornbill:before {
  content: "";
}

.pi-horse:before {
  content: "";
}

.pi-horse-head:before {
  content: "";
}

.pi-hospital:before {
  content: "";
}

.pi-hospital-alt:before {
  content: "";
}

.pi-hospital-symbol:before {
  content: "";
}

.pi-hot-tub:before {
  content: "";
}

.pi-hotel:before {
  content: "";
}

.pi-hotjar:before {
  content: "";
}

.pi-hourglass:before {
  content: "";
}

.pi-hourglass-end:before {
  content: "";
}

.pi-hourglass-half:before {
  content: "";
}

.pi-hourglass-start:before {
  content: "";
}

.pi-house-damage:before {
  content: "";
}

.pi-house-flood:before {
  content: "";
}

.pi-houzz:before {
  content: "";
}

.pi-hryvnia:before {
  content: "";
}

.pi-html5:before {
  content: "";
}

.pi-hubspot:before {
  content: "";
}

.pi-humidity:before {
  content: "";
}

.pi-hurricane:before {
  content: "";
}

.pi-i-cursor:before {
  content: "";
}

.pi-ice-skate:before {
  content: "";
}

.pi-icicles:before {
  content: "";
}

.pi-id-badge:before {
  content: "";
}

.pi-id-card:before {
  content: "";
}

.pi-id-card-alt:before {
  content: "";
}

.pi-igloo:before {
  content: "";
}

.pi-image:before {
  content: "";
}

.pi-images:before {
  content: "";
}

.pi-imdb:before {
  content: "";
}

.pi-inbox:before {
  content: "";
}

.pi-inbox-in:before {
  content: "";
}

.pi-inbox-out:before {
  content: "";
}

.pi-indent:before {
  content: "";
}

.pi-industry:before {
  content: "";
}

.pi-industry-alt:before {
  content: "";
}

.pi-infinity:before {
  content: "";
}

.pi-info:before {
  content: "";
}

.pi-info-circle:before {
  content: "";
}

.pi-info-square:before {
  content: "";
}

.pi-inhaler:before {
  content: "";
}

.pi-instagram:before {
  content: "";
}

.pi-integral:before {
  content: "";
}

.pi-intercom:before {
  content: "";
}

.pi-internet-explorer:before {
  content: "";
}

.pi-intersection:before {
  content: "";
}

.pi-inventory:before {
  content: "";
}

.pi-invision:before {
  content: "";
}

.pi-ioxhost:before {
  content: "";
}

.pi-italic:before {
  content: "";
}

.pi-itunes:before {
  content: "";
}

.pi-itunes-note:before {
  content: "";
}

.pi-jack-o-lantern:before {
  content: "";
}

.pi-java:before {
  content: "";
}

.pi-jedi:before {
  content: "";
}

.pi-jedi-order:before {
  content: "";
}

.pi-jenkins:before {
  content: "";
}

.pi-jira:before {
  content: "";
}

.pi-joget:before {
  content: "";
}

.pi-joint:before {
  content: "";
}

.pi-joomla:before {
  content: "";
}

.pi-journal-whills:before {
  content: "";
}

.pi-js:before {
  content: "";
}

.pi-js-square:before {
  content: "";
}

.pi-jsfiddle:before {
  content: "";
}

.pi-kaaba:before {
  content: "";
}

.pi-kaggle:before {
  content: "";
}

.pi-key:before {
  content: "";
}

.pi-key-skeleton:before {
  content: "";
}

.pi-keybase:before {
  content: "";
}

.pi-keyboard:before {
  content: "";
}

.pi-keycdn:before {
  content: "";
}

.pi-keynote:before {
  content: "";
}

.pi-khanda:before {
  content: "";
}

.pi-kickstarter:before {
  content: "";
}

.pi-kickstarter-k:before {
  content: "";
}

.pi-kidneys:before {
  content: "";
}

.pi-kiss:before {
  content: "";
}

.pi-kiss-beam:before {
  content: "";
}

.pi-kiss-wink-heart:before {
  content: "";
}

.pi-kite:before {
  content: "";
}

.pi-kiwi-bird:before {
  content: "";
}

.pi-knife-kitchen:before {
  content: "";
}

.pi-korvue:before {
  content: "";
}

.pi-lambda:before {
  content: "";
}

.pi-lamp:before {
  content: "";
}

.pi-landmark:before {
  content: "";
}

.pi-landmark-alt:before {
  content: "";
}

.pi-language:before {
  content: "";
}

.pi-laptop:before {
  content: "";
}

.pi-laptop-code:before {
  content: "";
}

.pi-laravel:before {
  content: "";
}

.pi-lastfm:before {
  content: "";
}

.pi-lastfm-square:before {
  content: "";
}

.pi-laugh:before {
  content: "";
}

.pi-laugh-beam:before {
  content: "";
}

.pi-laugh-squint:before {
  content: "";
}

.pi-laugh-wink:before {
  content: "";
}

.pi-layer-group:before {
  content: "";
}

.pi-layer-minus:before {
  content: "";
}

.pi-layer-plus:before {
  content: "";
}

.pi-leaf:before {
  content: "";
}

.pi-leaf-heart:before {
  content: "";
}

.pi-leaf-maple:before {
  content: "";
}

.pi-leaf-oak:before {
  content: "";
}

.pi-leanpub:before {
  content: "";
}

.pi-lemon:before {
  content: "";
}

.pi-less:before {
  content: "";
}

.pi-less-than:before {
  content: "";
}

.pi-less-than-equal:before {
  content: "";
}

.pi-level-down:before {
  content: "";
}

.pi-level-down-alt:before {
  content: "";
}

.pi-level-up:before {
  content: "";
}

.pi-level-up-alt:before {
  content: "";
}

.pi-life-ring:before {
  content: "";
}

.pi-lightbulb:before {
  content: "";
}

.pi-lightbulb-dollar:before {
  content: "";
}

.pi-lightbulb-exclamation:before {
  content: "";
}

.pi-lightbulb-on:before {
  content: "";
}

.pi-lightbulb-slash:before {
  content: "";
}

.pi-lights-holiday:before {
  content: "";
}

.pi-line:before {
  content: "";
}

.pi-link:before {
  content: "";
}

.pi-linkedin:before {
  content: "";
}

.pi-linkedin-in:before {
  content: "";
}

.pi-linode:before {
  content: "";
}

.pi-linux:before {
  content: "";
}

.pi-lips:before {
  content: "";
}

.pi-lira-sign:before {
  content: "";
}

.pi-list:before {
  content: "";
}

.pi-list-alt:before {
  content: "";
}

.pi-list-ol:before {
  content: "";
}

.pi-list-ul:before {
  content: "";
}

.pi-location:before {
  content: "";
}

.pi-location-arrow:before {
  content: "";
}

.pi-location-circle:before {
  content: "";
}

.pi-location-slash:before {
  content: "";
}

.pi-lock:before {
  content: "";
}

.pi-lock-alt:before {
  content: "";
}

.pi-lock-open:before {
  content: "";
}

.pi-lock-open-alt:before {
  content: "";
}

.pi-long-arrow-alt-down:before {
  content: "";
}

.pi-long-arrow-alt-left:before {
  content: "";
}

.pi-long-arrow-alt-right:before {
  content: "";
}

.pi-long-arrow-alt-up:before {
  content: "";
}

.pi-long-arrow-down:before {
  content: "";
}

.pi-long-arrow-left:before {
  content: "";
}

.pi-long-arrow-right:before {
  content: "";
}

.pi-long-arrow-up:before {
  content: "";
}

.pi-loveseat:before {
  content: "";
}

.pi-low-vision:before {
  content: "";
}

.pi-luchador:before {
  content: "";
}

.pi-luggage-cart:before {
  content: "";
}

.pi-lungs:before {
  content: "";
}

.pi-lyft:before {
  content: "";
}

.pi-mace:before {
  content: "";
}

.pi-magento:before {
  content: "";
}

.pi-magic:before {
  content: "";
}

.pi-magnet:before {
  content: "";
}

.pi-mail-bulk:before {
  content: "";
}

.pi-mailchimp:before {
  content: "";
}

.pi-male:before {
  content: "";
}

.pi-mandalorian:before {
  content: "";
}

.pi-mandolin:before {
  content: "";
}

.pi-map:before {
  content: "";
}

.pi-map-marked:before {
  content: "";
}

.pi-map-marked-alt:before {
  content: "";
}

.pi-map-marker:before {
  content: "";
}

.pi-map-marker-alt:before {
  content: "";
}

.pi-map-marker-alt-slash:before {
  content: "";
}

.pi-map-marker-check:before {
  content: "";
}

.pi-map-marker-edit:before {
  content: "";
}

.pi-map-marker-exclamation:before {
  content: "";
}

.pi-map-marker-minus:before {
  content: "";
}

.pi-map-marker-plus:before {
  content: "";
}

.pi-map-marker-question:before {
  content: "";
}

.pi-map-marker-slash:before {
  content: "";
}

.pi-map-marker-smile:before {
  content: "";
}

.pi-map-marker-times:before {
  content: "";
}

.pi-map-pin:before {
  content: "";
}

.pi-map-signs:before {
  content: "";
}

.pi-markdown:before {
  content: "";
}

.pi-marker:before {
  content: "";
}

.pi-mars:before {
  content: "";
}

.pi-mars-double:before {
  content: "";
}

.pi-mars-stroke:before {
  content: "";
}

.pi-mars-stroke-h:before {
  content: "";
}

.pi-mars-stroke-v:before {
  content: "";
}

.pi-mask:before {
  content: "";
}

.pi-mastodon:before {
  content: "";
}

.pi-maxcdn:before {
  content: "";
}

.pi-medal:before {
  content: "";
}

.pi-medapps:before {
  content: "";
}

.pi-medium:before {
  content: "";
}

.pi-medium-m:before {
  content: "";
}

.pi-medkit:before {
  content: "";
}

.pi-medrt:before {
  content: "";
}

.pi-meetup:before {
  content: "";
}

.pi-megaphone:before {
  content: "";
}

.pi-megaport:before {
  content: "";
}

.pi-meh:before {
  content: "";
}

.pi-meh-blank:before {
  content: "";
}

.pi-meh-rolling-eyes:before {
  content: "";
}

.pi-memory:before {
  content: "";
}

.pi-mendeley:before {
  content: "";
}

.pi-menorah:before {
  content: "";
}

.pi-mercury:before {
  content: "";
}

.pi-meteor:before {
  content: "";
}

.pi-microchip:before {
  content: "";
}

.pi-microphone:before {
  content: "";
}

.pi-microphone-alt:before {
  content: "";
}

.pi-microphone-alt-slash:before {
  content: "";
}

.pi-microphone-slash:before {
  content: "";
}

.pi-microscope:before {
  content: "";
}

.pi-microsoft:before {
  content: "";
}

.pi-mind-share:before {
  content: "";
}

.pi-minus:before {
  content: "";
}

.pi-minus-circle:before {
  content: "";
}

.pi-minus-hexagon:before {
  content: "";
}

.pi-minus-octagon:before {
  content: "";
}

.pi-minus-square:before {
  content: "";
}

.pi-mistletoe:before {
  content: "";
}

.pi-mitten:before {
  content: "";
}

.pi-mix:before {
  content: "";
}

.pi-mixcloud:before {
  content: "";
}

.pi-mizuni:before {
  content: "";
}

.pi-mobile:before {
  content: "";
}

.pi-mobile-alt:before {
  content: "";
}

.pi-mobile-android:before {
  content: "";
}

.pi-mobile-android-alt:before {
  content: "";
}

.pi-modx:before {
  content: "";
}

.pi-monero:before {
  content: "";
}

.pi-money-bill:before {
  content: "";
}

.pi-money-bill-alt:before {
  content: "";
}

.pi-money-bill-wave:before {
  content: "";
}

.pi-money-bill-wave-alt:before {
  content: "";
}

.pi-money-check:before {
  content: "";
}

.pi-money-check-alt:before {
  content: "";
}

.pi-monitor-heart-rate:before {
  content: "";
}

.pi-monkey:before {
  content: "";
}

.pi-monument:before {
  content: "";
}

.pi-moon:before {
  content: "";
}

.pi-moon-cloud:before {
  content: "";
}

.pi-moon-stars:before {
  content: "";
}

.pi-mortar-pestle:before {
  content: "";
}

.pi-mosque:before {
  content: "";
}

.pi-motorcycle:before {
  content: "";
}

.pi-mountain:before {
  content: "";
}

.pi-mountains:before {
  content: "";
}

.pi-mouse-pointer:before {
  content: "";
}

.pi-mug-hot:before {
  content: "";
}

.pi-mug-marshmallows:before {
  content: "";
}

.pi-music:before {
  content: "";
}

.pi-napster:before {
  content: "";
}

.pi-narwhal:before {
  content: "";
}

.pi-neos:before {
  content: "";
}

.pi-network-wired:before {
  content: "";
}

.pi-neuter:before {
  content: "";
}

.pi-newspaper:before {
  content: "";
}

.pi-nimblr:before {
  content: "";
}

.pi-nintendo-switch:before {
  content: "";
}

.pi-node:before {
  content: "";
}

.pi-node-js:before {
  content: "";
}

.pi-not-equal:before {
  content: "";
}

.pi-notes-medical:before {
  content: "";
}

.pi-npm:before {
  content: "";
}

.pi-ns8:before {
  content: "";
}

.pi-nutritionix:before {
  content: "";
}

.pi-object-group:before {
  content: "";
}

.pi-object-ungroup:before {
  content: "";
}

.pi-octagon:before {
  content: "";
}

.pi-odnoklassniki:before {
  content: "";
}

.pi-odnoklassniki-square:before {
  content: "";
}

.pi-oil-can:before {
  content: "";
}

.pi-oil-temp:before {
  content: "";
}

.pi-old-republic:before {
  content: "";
}

.pi-om:before {
  content: "";
}

.pi-omega:before {
  content: "";
}

.pi-opencart:before {
  content: "";
}

.pi-openid:before {
  content: "";
}

.pi-opera:before {
  content: "";
}

.pi-optin-monster:before {
  content: "";
}

.pi-ornament:before {
  content: "";
}

.pi-osi:before {
  content: "";
}

.pi-otter:before {
  content: "";
}

.pi-outdent:before {
  content: "";
}

.pi-page4:before {
  content: "";
}

.pi-pagelines:before {
  content: "";
}

.pi-paint-brush:before {
  content: "";
}

.pi-paint-brush-alt:before {
  content: "";
}

.pi-paint-roller:before {
  content: "";
}

.pi-palette:before {
  content: "";
}

.pi-palfed:before {
  content: "";
}

.pi-pallet:before {
  content: "";
}

.pi-pallet-alt:before {
  content: "";
}

.pi-paper-plane:before {
  content: "";
}

.pi-paperclip:before {
  content: "";
}

.pi-parachute-box:before {
  content: "";
}

.pi-paragraph:before {
  content: "";
}

.pi-parking:before {
  content: "";
}

.pi-parking-circle:before {
  content: "";
}

.pi-parking-circle-slash:before {
  content: "";
}

.pi-parking-slash:before {
  content: "";
}

.pi-passport:before {
  content: "";
}

.pi-pastafarianism:before {
  content: "";
}

.pi-paste:before {
  content: "";
}

.pi-patreon:before {
  content: "";
}

.pi-pause:before {
  content: "";
}

.pi-pause-circle:before {
  content: "";
}

.pi-paw:before {
  content: "";
}

.pi-paw-alt:before {
  content: "";
}

.pi-paw-claws:before {
  content: "";
}

.pi-paypal:before {
  content: "";
}

.pi-peace:before {
  content: "";
}

.pi-pegasus:before {
  content: "";
}

.pi-pen:before {
  content: "";
}

.pi-pen-alt:before {
  content: "";
}

.pi-pen-fancy:before {
  content: "";
}

.pi-pen-nib:before {
  content: "";
}

.pi-pen-square:before {
  content: "";
}

.pi-pencil:before {
  content: "";
}

.pi-pencil-alt:before {
  content: "";
}

.pi-pencil-paintbrush:before {
  content: "";
}

.pi-pencil-ruler:before {
  content: "";
}

.pi-pennant:before {
  content: "";
}

.pi-penny-arcade:before {
  content: "";
}

.pi-people-carry:before {
  content: "";
}

.pi-percent:before {
  content: "";
}

.pi-percentage:before {
  content: "";
}

.pi-periscope:before {
  content: "";
}

.pi-person-booth:before {
  content: "";
}

.pi-person-carry:before {
  content: "";
}

.pi-person-dolly:before {
  content: "";
}

.pi-person-dolly-empty:before {
  content: "";
}

.pi-person-sign:before {
  content: "";
}

.pi-phabricator:before {
  content: "";
}

.pi-phoenix-framework:before {
  content: "";
}

.pi-phoenix-squadron:before {
  content: "";
}

.pi-phone:before {
  content: "";
}

.pi-phone-office:before {
  content: "";
}

.pi-phone-plus:before {
  content: "";
}

.pi-phone-slash:before {
  content: "";
}

.pi-phone-square:before {
  content: "";
}

.pi-phone-volume:before {
  content: "";
}

.pi-php:before {
  content: "";
}

.pi-pi:before {
  content: "";
}

.pi-pie:before {
  content: "";
}

.pi-pied-piper:before {
  content: "";
}

.pi-pied-piper-alt:before {
  content: "";
}

.pi-pied-piper-hat:before {
  content: "";
}

.pi-pied-piper-pp:before {
  content: "";
}

.pi-pig:before {
  content: "";
}

.pi-piggy-bank:before {
  content: "";
}

.pi-pills:before {
  content: "";
}

.pi-pinterest:before {
  content: "";
}

.pi-pinterest-p:before {
  content: "";
}

.pi-pinterest-square:before {
  content: "";
}

.pi-place-of-worship:before {
  content: "";
}

.pi-plane:before {
  content: "";
}

.pi-plane-alt:before {
  content: "";
}

.pi-plane-arrival:before {
  content: "";
}

.pi-plane-departure:before {
  content: "";
}

.pi-play:before {
  content: "";
}

.pi-play-circle:before {
  content: "";
}

.pi-playstation:before {
  content: "";
}

.pi-plug:before {
  content: "";
}

.pi-plus:before {
  content: "";
}

.pi-plus-circle:before {
  content: "";
}

.pi-plus-hexagon:before {
  content: "";
}

.pi-plus-octagon:before {
  content: "";
}

.pi-plus-square:before {
  content: "";
}

.pi-podcast:before {
  content: "";
}

.pi-podium:before {
  content: "";
}

.pi-podium-star:before {
  content: "";
}

.pi-poll:before {
  content: "";
}

.pi-poll-h:before {
  content: "";
}

.pi-poll-people:before {
  content: "";
}

.pi-poo:before {
  content: "";
}

.pi-poo-storm:before {
  content: "";
}

.pi-poop:before {
  content: "";
}

.pi-portrait:before {
  content: "";
}

.pi-pound-sign:before {
  content: "";
}

.pi-power-off:before {
  content: "";
}

.pi-pray:before {
  content: "";
}

.pi-praying-hands:before {
  content: "";
}

.pi-prescription:before {
  content: "";
}

.pi-prescription-bottle:before {
  content: "";
}

.pi-prescription-bottle-alt:before {
  content: "";
}

.pi-presentation:before {
  content: "";
}

.pi-print:before {
  content: "";
}

.pi-print-slash:before {
  content: "";
}

.pi-procedures:before {
  content: "";
}

.pi-product-hunt:before {
  content: "";
}

.pi-project-diagram:before {
  content: "";
}

.pi-pumpkin:before {
  content: "";
}

.pi-pushed:before {
  content: "";
}

.pi-puzzle-piece:before {
  content: "";
}

.pi-python:before {
  content: "";
}

.pi-qq:before {
  content: "";
}

.pi-qrcode:before {
  content: "";
}

.pi-question:before {
  content: "";
}

.pi-question-circle:before {
  content: "";
}

.pi-question-square:before {
  content: "";
}

.pi-quidditch:before {
  content: "";
}

.pi-quinscape:before {
  content: "";
}

.pi-quora:before {
  content: "";
}

.pi-quote-left:before {
  content: "";
}

.pi-quote-right:before {
  content: "";
}

.pi-quran:before {
  content: "";
}

.pi-r-project:before {
  content: "";
}

.pi-rabbit:before {
  content: "";
}

.pi-rabbit-fast:before {
  content: "";
}

.pi-racquet:before {
  content: "";
}

.pi-radiation:before {
  content: "";
}

.pi-radiation-alt:before {
  content: "";
}

.pi-rainbow:before {
  content: "";
}

.pi-raindrops:before {
  content: "";
}

.pi-ram:before {
  content: "";
}

.pi-ramp-loading:before {
  content: "";
}

.pi-random:before {
  content: "";
}

.pi-raspberry-pi:before {
  content: "";
}

.pi-ravelry:before {
  content: "";
}

.pi-react:before {
  content: "";
}

.pi-reacteurope:before {
  content: "";
}

.pi-readme:before {
  content: "";
}

.pi-rebel:before {
  content: "";
}

.pi-receipt:before {
  content: "";
}

.pi-rectangle-landscape:before {
  content: "";
}

.pi-rectangle-portrait:before {
  content: "";
}

.pi-rectangle-wide:before {
  content: "";
}

.pi-recycle:before {
  content: "";
}

.pi-red-river:before {
  content: "";
}

.pi-reddit:before {
  content: "";
}

.pi-reddit-alien:before {
  content: "";
}

.pi-reddit-square:before {
  content: "";
}

.pi-redhat:before {
  content: "";
}

.pi-redo:before {
  content: "";
}

.pi-redo-alt:before {
  content: "";
}

.pi-registered:before {
  content: "";
}

.pi-renren:before {
  content: "";
}

.pi-repeat:before {
  content: "";
}

.pi-repeat-1:before {
  content: "";
}

.pi-repeat-1-alt:before {
  content: "";
}

.pi-repeat-alt:before {
  content: "";
}

.pi-reply:before {
  content: "";
}

.pi-reply-all:before {
  content: "";
}

.pi-replyd:before {
  content: "";
}

.pi-republican:before {
  content: "";
}

.pi-researchgate:before {
  content: "";
}

.pi-resolving:before {
  content: "";
}

.pi-restroom:before {
  content: "";
}

.pi-retweet:before {
  content: "";
}

.pi-retweet-alt:before {
  content: "";
}

.pi-rev:before {
  content: "";
}

.pi-ribbon:before {
  content: "";
}

.pi-ring:before {
  content: "";
}

.pi-road:before {
  content: "";
}

.pi-robot:before {
  content: "";
}

.pi-rocket:before {
  content: "";
}

.pi-rocketchat:before {
  content: "";
}

.pi-rockrms:before {
  content: "";
}

.pi-route:before {
  content: "";
}

.pi-route-highway:before {
  content: "";
}

.pi-route-interstate:before {
  content: "";
}

.pi-rss:before {
  content: "";
}

.pi-rss-square:before {
  content: "";
}

.pi-ruble-sign:before {
  content: "";
}

.pi-ruler:before {
  content: "";
}

.pi-ruler-combined:before {
  content: "";
}

.pi-ruler-horizontal:before {
  content: "";
}

.pi-ruler-triangle:before {
  content: "";
}

.pi-ruler-vertical:before {
  content: "";
}

.pi-running:before {
  content: "";
}

.pi-rupee-sign:before {
  content: "";
}

.pi-rv:before {
  content: "";
}

.pi-sad-cry:before {
  content: "";
}

.pi-sad-tear:before {
  content: "";
}

.pi-safari:before {
  content: "";
}

.pi-sass:before {
  content: "";
}

.pi-satellite:before {
  content: "";
}

.pi-satellite-dish:before {
  content: "";
}

.pi-save:before {
  content: "";
}

.pi-scalpel:before {
  content: "";
}

.pi-scalpel-path:before {
  content: "";
}

.pi-scanner:before {
  content: "";
}

.pi-scanner-keyboard:before {
  content: "";
}

.pi-scanner-touchscreen:before {
  content: "";
}

.pi-scarecrow:before {
  content: "";
}

.pi-scarf:before {
  content: "";
}

.pi-schlix:before {
  content: "";
}

.pi-school:before {
  content: "";
}

.pi-screwdriver:before {
  content: "";
}

.pi-scribd:before {
  content: "";
}

.pi-scroll:before {
  content: "";
}

.pi-scroll-old:before {
  content: "";
}

.pi-scrubber:before {
  content: "";
}

.pi-scythe:before {
  content: "";
}

.pi-sd-card:before {
  content: "";
}

.pi-search:before {
  content: "";
}

.pi-search-dollar:before {
  content: "";
}

.pi-search-location:before {
  content: "";
}

.pi-search-minus:before {
  content: "";
}

.pi-search-plus:before {
  content: "";
}

.pi-searchengin:before {
  content: "";
}

.pi-seedling:before {
  content: "";
}

.pi-sellcast:before {
  content: "";
}

.pi-sellsy:before {
  content: "";
}

.pi-server:before {
  content: "";
}

.pi-servicestack:before {
  content: "";
}

.pi-shapes:before {
  content: "";
}

.pi-share:before {
  content: "";
}

.pi-share-all:before {
  content: "";
}

.pi-share-alt:before {
  content: "";
}

.pi-share-alt-square:before {
  content: "";
}

.pi-share-square:before {
  content: "";
}

.pi-sheep:before {
  content: "";
}

.pi-shekel-sign:before {
  content: "";
}

.pi-shield:before {
  content: "";
}

.pi-shield-alt:before {
  content: "";
}

.pi-shield-check:before {
  content: "";
}

.pi-shield-cross:before {
  content: "";
}

.pi-ship:before {
  content: "";
}

.pi-shipping-fast:before {
  content: "";
}

.pi-shipping-timed:before {
  content: "";
}

.pi-shirtsinbulk:before {
  content: "";
}

.pi-shoe-prints:before {
  content: "";
}

.pi-shopping-bag:before {
  content: "";
}

.pi-shopping-basket:before {
  content: "";
}

.pi-shopping-cart:before {
  content: "";
}

.pi-shopware:before {
  content: "";
}

.pi-shovel:before {
  content: "";
}

.pi-shovel-snow:before {
  content: "";
}

.pi-shower:before {
  content: "";
}

.pi-shredder:before {
  content: "";
}

.pi-shuttle-van:before {
  content: "";
}

.pi-shuttlecock:before {
  content: "";
}

.pi-sigma:before {
  content: "";
}

.pi-sign:before {
  content: "";
}

.pi-sign-in:before {
  content: "";
}

.pi-sign-in-alt:before {
  content: "";
}

.pi-sign-language:before {
  content: "";
}

.pi-sign-out:before {
  content: "";
}

.pi-sign-out-alt:before {
  content: "";
}

.pi-signal:before {
  content: "";
}

.pi-signal-1:before {
  content: "";
}

.pi-signal-2:before {
  content: "";
}

.pi-signal-3:before {
  content: "";
}

.pi-signal-4:before {
  content: "";
}

.pi-signal-alt:before {
  content: "";
}

.pi-signal-alt-1:before {
  content: "";
}

.pi-signal-alt-2:before {
  content: "";
}

.pi-signal-alt-3:before {
  content: "";
}

.pi-signal-alt-slash:before {
  content: "";
}

.pi-signal-slash:before {
  content: "";
}

.pi-signature:before {
  content: "";
}

.pi-sim-card:before {
  content: "";
}

.pi-simplybuilt:before {
  content: "";
}

.pi-sistrix:before {
  content: "";
}

.pi-sitemap:before {
  content: "";
}

.pi-sith:before {
  content: "";
}

.pi-skating:before {
  content: "";
}

.pi-skeleton:before {
  content: "";
}

.pi-sketch:before {
  content: "";
}

.pi-ski-jump:before {
  content: "";
}

.pi-ski-lift:before {
  content: "";
}

.pi-skiing:before {
  content: "";
}

.pi-skiing-nordic:before {
  content: "";
}

.pi-skull:before {
  content: "";
}

.pi-skull-crossbones:before {
  content: "";
}

.pi-skyatlas:before {
  content: "";
}

.pi-skype:before {
  content: "";
}

.pi-slack:before {
  content: "";
}

.pi-slack-hash:before {
  content: "";
}

.pi-slash:before {
  content: "";
}

.pi-sledding:before {
  content: "";
}

.pi-sleigh:before {
  content: "";
}

.pi-sliders-h:before {
  content: "";
}

.pi-sliders-h-square:before {
  content: "";
}

.pi-sliders-v:before {
  content: "";
}

.pi-sliders-v-square:before {
  content: "";
}

.pi-slideshare:before {
  content: "";
}

.pi-smile:before {
  content: "";
}

.pi-smile-beam:before {
  content: "";
}

.pi-smile-plus:before {
  content: "";
}

.pi-smile-wink:before {
  content: "";
}

.pi-smog:before {
  content: "";
}

.pi-smoke:before {
  content: "";
}

.pi-smoking:before {
  content: "";
}

.pi-smoking-ban:before {
  content: "";
}

.pi-sms:before {
  content: "";
}

.pi-snake:before {
  content: "";
}

.pi-snapchat:before {
  content: "";
}

.pi-snapchat-ghost:before {
  content: "";
}

.pi-snapchat-square:before {
  content: "";
}

.pi-snow-blowing:before {
  content: "";
}

.pi-snowboarding:before {
  content: "";
}

.pi-snowflake:before {
  content: "";
}

.pi-snowflakes:before {
  content: "";
}

.pi-snowman:before {
  content: "";
}

.pi-snowmobile:before {
  content: "";
}

.pi-snowplow:before {
  content: "";
}

.pi-socks:before {
  content: "";
}

.pi-solar-panel:before {
  content: "";
}

.pi-sort:before {
  content: "";
}

.pi-sort-alpha-down:before {
  content: "";
}

.pi-sort-alpha-up:before {
  content: "";
}

.pi-sort-amount-down:before {
  content: "";
}

.pi-sort-amount-up:before {
  content: "";
}

.pi-sort-down:before {
  content: "";
}

.pi-sort-numeric-down:before {
  content: "";
}

.pi-sort-numeric-up:before {
  content: "";
}

.pi-sort-up:before {
  content: "";
}

.pi-soundcloud:before {
  content: "";
}

.pi-sourcetree:before {
  content: "";
}

.pi-spa:before {
  content: "";
}

.pi-space-shuttle:before {
  content: "";
}

.pi-spade:before {
  content: "";
}

.pi-speakap:before {
  content: "";
}

.pi-spider:before {
  content: "";
}

.pi-spider-black-widow:before {
  content: "";
}

.pi-spider-web:before {
  content: "";
}

.pi-spinner:before {
  content: "";
}

.pi-spinner-third:before {
  content: "";
}

.pi-splotch:before {
  content: "";
}

.pi-spotify:before {
  content: "";
}

.pi-spray-can:before {
  content: "";
}

.pi-square:before {
  content: "";
}

.pi-square-full:before {
  content: "";
}

.pi-square-root:before {
  content: "";
}

.pi-square-root-alt:before {
  content: "";
}

.pi-squarespace:before {
  content: "";
}

.pi-squirrel:before {
  content: "";
}

.pi-stack-exchange:before {
  content: "";
}

.pi-stack-overflow:before {
  content: "";
}

.pi-staff:before {
  content: "";
}

.pi-stamp:before {
  content: "";
}

.pi-star:before {
  content: "";
}

.pi-star-and-crescent:before {
  content: "";
}

.pi-star-christmas:before {
  content: "";
}

.pi-star-exclamation:before {
  content: "";
}

.pi-star-half:before {
  content: "";
}

.pi-star-half-alt:before {
  content: "";
}

.pi-star-of-david:before {
  content: "";
}

.pi-star-of-life:before {
  content: "";
}

.pi-stars:before {
  content: "";
}

.pi-staylinked:before {
  content: "";
}

.pi-steam:before {
  content: "";
}

.pi-steam-square:before {
  content: "";
}

.pi-steam-symbol:before {
  content: "";
}

.pi-steering-wheel:before {
  content: "";
}

.pi-step-backward:before {
  content: "";
}

.pi-step-forward:before {
  content: "";
}

.pi-stethoscope:before {
  content: "";
}

.pi-sticker-mule:before {
  content: "";
}

.pi-sticky-note:before {
  content: "";
}

.pi-stocking:before {
  content: "";
}

.pi-stomach:before {
  content: "";
}

.pi-stop:before {
  content: "";
}

.pi-stop-circle:before {
  content: "";
}

.pi-stopwatch:before {
  content: "";
}

.pi-store:before {
  content: "";
}

.pi-store-alt:before {
  content: "";
}

.pi-strava:before {
  content: "";
}

.pi-stream:before {
  content: "";
}

.pi-street-view:before {
  content: "";
}

.pi-strikethrough:before {
  content: "";
}

.pi-stripe:before {
  content: "";
}

.pi-stripe-s:before {
  content: "";
}

.pi-stroopwafel:before {
  content: "";
}

.pi-studiovinari:before {
  content: "";
}

.pi-stumbleupon:before {
  content: "";
}

.pi-stumbleupon-circle:before {
  content: "";
}

.pi-subscript:before {
  content: "";
}

.pi-subway:before {
  content: "";
}

.pi-suitcase:before {
  content: "";
}

.pi-suitcase-rolling:before {
  content: "";
}

.pi-sun:before {
  content: "";
}

.pi-sun-cloud:before {
  content: "";
}

.pi-sun-dust:before {
  content: "";
}

.pi-sun-haze:before {
  content: "";
}

.pi-sunrise:before {
  content: "";
}

.pi-sunset:before {
  content: "";
}

.pi-superpowers:before {
  content: "";
}

.pi-superscript:before {
  content: "";
}

.pi-supple:before {
  content: "";
}

.pi-surprise:before {
  content: "";
}

.pi-suse:before {
  content: "";
}

.pi-swatchbook:before {
  content: "";
}

.pi-swimmer:before {
  content: "";
}

.pi-swimming-pool:before {
  content: "";
}

.pi-sword:before {
  content: "";
}

.pi-swords:before {
  content: "";
}

.pi-synagogue:before {
  content: "";
}

.pi-sync:before {
  content: "";
}

.pi-sync-alt:before {
  content: "";
}

.pi-syringe:before {
  content: "";
}

.pi-table:before {
  content: "";
}

.pi-table-tennis:before {
  content: "";
}

.pi-tablet:before {
  content: "";
}

.pi-tablet-alt:before {
  content: "";
}

.pi-tablet-android:before {
  content: "";
}

.pi-tablet-android-alt:before {
  content: "";
}

.pi-tablet-rugged:before {
  content: "";
}

.pi-tablets:before {
  content: "";
}

.pi-tachometer:before {
  content: "";
}

.pi-tachometer-alt:before {
  content: "";
}

.pi-tachometer-alt-average:before {
  content: "";
}

.pi-tachometer-alt-fast:before {
  content: "";
}

.pi-tachometer-alt-fastest:before {
  content: "";
}

.pi-tachometer-alt-slow:before {
  content: "";
}

.pi-tachometer-alt-slowest:before {
  content: "";
}

.pi-tachometer-average:before {
  content: "";
}

.pi-tachometer-fast:before {
  content: "";
}

.pi-tachometer-fastest:before {
  content: "";
}

.pi-tachometer-slow:before {
  content: "";
}

.pi-tachometer-slowest:before {
  content: "";
}

.pi-tag:before {
  content: "";
}

.pi-tags:before {
  content: "";
}

.pi-tally:before {
  content: "";
}

.pi-tape:before {
  content: "";
}

.pi-tasks:before {
  content: "";
}

.pi-taxi:before {
  content: "";
}

.pi-teamspeak:before {
  content: "";
}

.pi-teeth:before {
  content: "";
}

.pi-teeth-open:before {
  content: "";
}

.pi-telegram:before {
  content: "";
}

.pi-telegram-plane:before {
  content: "";
}

.pi-temperature-frigid:before {
  content: "";
}

.pi-temperature-high:before {
  content: "";
}

.pi-temperature-hot:before {
  content: "";
}

.pi-temperature-low:before {
  content: "";
}

.pi-tencent-weibo:before {
  content: "";
}

.pi-tenge:before {
  content: "";
}

.pi-tennis-ball:before {
  content: "";
}

.pi-terminal:before {
  content: "";
}

.pi-text-height:before {
  content: "";
}

.pi-text-width:before {
  content: "";
}

.pi-th:before {
  content: "";
}

.pi-th-large:before {
  content: "";
}

.pi-th-list:before {
  content: "";
}

.pi-the-red-yeti:before {
  content: "";
}

.pi-theater-masks:before {
  content: "";
}

.pi-themeco:before {
  content: "";
}

.pi-themeisle:before {
  content: "";
}

.pi-thermometer:before {
  content: "";
}

.pi-thermometer-empty:before {
  content: "";
}

.pi-thermometer-full:before {
  content: "";
}

.pi-thermometer-half:before {
  content: "";
}

.pi-thermometer-quarter:before {
  content: "";
}

.pi-thermometer-three-quarters:before {
  content: "";
}

.pi-theta:before {
  content: "";
}

.pi-think-peaks:before {
  content: "";
}

.pi-thumbs-down:before {
  content: "";
}

.pi-thumbs-up:before {
  content: "";
}

.pi-thumbtack:before {
  content: "";
}

.pi-thunderstorm:before {
  content: "";
}

.pi-thunderstorm-moon:before {
  content: "";
}

.pi-thunderstorm-sun:before {
  content: "";
}

.pi-ticket:before {
  content: "";
}

.pi-ticket-alt:before {
  content: "";
}

.pi-tilde:before {
  content: "";
}

.pi-times:before {
  content: "";
}

.pi-times-circle:before {
  content: "";
}

.pi-times-hexagon:before {
  content: "";
}

.pi-times-octagon:before {
  content: "";
}

.pi-times-square:before {
  content: "";
}

.pi-tint:before {
  content: "";
}

.pi-tint-slash:before {
  content: "";
}

.pi-tire:before {
  content: "";
}

.pi-tire-flat:before {
  content: "";
}

.pi-tire-pressure-warning:before {
  content: "";
}

.pi-tire-rugged:before {
  content: "";
}

.pi-tired:before {
  content: "";
}

.pi-toggle-off:before {
  content: "";
}

.pi-toggle-on:before {
  content: "";
}

.pi-toilet:before {
  content: "";
}

.pi-toilet-paper:before {
  content: "";
}

.pi-toilet-paper-alt:before {
  content: "";
}

.pi-tombstone:before {
  content: "";
}

.pi-tombstone-alt:before {
  content: "";
}

.pi-toolbox:before {
  content: "";
}

.pi-tools:before {
  content: "";
}

.pi-tooth:before {
  content: "";
}

.pi-toothbrush:before {
  content: "";
}

.pi-torah:before {
  content: "";
}

.pi-torii-gate:before {
  content: "";
}

.pi-tornado:before {
  content: "";
}

.pi-tractor:before {
  content: "";
}

.pi-trade-federation:before {
  content: "";
}

.pi-trademark:before {
  content: "";
}

.pi-traffic-cone:before {
  content: "";
}

.pi-traffic-light:before {
  content: "";
}

.pi-traffic-light-go:before {
  content: "";
}

.pi-traffic-light-slow:before {
  content: "";
}

.pi-traffic-light-stop:before {
  content: "";
}

.pi-train:before {
  content: "";
}

.pi-tram:before {
  content: "";
}

.pi-transgender:before {
  content: "";
}

.pi-transgender-alt:before {
  content: "";
}

.pi-trash:before {
  content: "";
}

.pi-trash-alt:before {
  content: "";
}

.pi-treasure-chest:before {
  content: "";
}

.pi-tree:before {
  content: "";
}

.pi-tree-alt:before {
  content: "";
}

.pi-tree-christmas:before {
  content: "";
}

.pi-tree-decorated:before {
  content: "";
}

.pi-tree-large:before {
  content: "";
}

.pi-trees:before {
  content: "";
}

.pi-trello:before {
  content: "";
}

.pi-triangle:before {
  content: "";
}

.pi-tripadvisor:before {
  content: "";
}

.pi-trophy:before {
  content: "";
}

.pi-trophy-alt:before {
  content: "";
}

.pi-truck:before {
  content: "";
}

.pi-truck-container:before {
  content: "";
}

.pi-truck-couch:before {
  content: "";
}

.pi-truck-loading:before {
  content: "";
}

.pi-truck-monster:before {
  content: "";
}

.pi-truck-moving:before {
  content: "";
}

.pi-truck-pickup:before {
  content: "";
}

.pi-truck-plow:before {
  content: "";
}

.pi-truck-ramp:before {
  content: "";
}

.pi-tshirt:before {
  content: "";
}

.pi-tty:before {
  content: "";
}

.pi-tumblr:before {
  content: "";
}

.pi-tumblr-square:before {
  content: "";
}

.pi-turkey:before {
  content: "";
}

.pi-turtle:before {
  content: "";
}

.pi-tv:before {
  content: "";
}

.pi-tv-retro:before {
  content: "";
}

.pi-twitch:before {
  content: "";
}

.pi-twitter:before {
  content: "";
}

.pi-twitter-square:before {
  content: "";
}

.pi-typo3:before {
  content: "";
}

.pi-uber:before {
  content: "";
}

.pi-ubuntu:before {
  content: "";
}

.pi-uikit:before {
  content: "";
}

.pi-umbrella:before {
  content: "";
}

.pi-umbrella-beach:before {
  content: "";
}

.pi-underline:before {
  content: "";
}

.pi-undo:before {
  content: "";
}

.pi-undo-alt:before {
  content: "";
}

.pi-unicorn:before {
  content: "";
}

.pi-union:before {
  content: "";
}

.pi-uniregistry:before {
  content: "";
}

.pi-universal-access:before {
  content: "";
}

.pi-university:before {
  content: "";
}

.pi-unlink:before {
  content: "";
}

.pi-unlock:before {
  content: "";
}

.pi-unlock-alt:before {
  content: "";
}

.pi-untappd:before {
  content: "";
}

.pi-upload:before {
  content: "";
}

.pi-ups:before {
  content: "";
}

.pi-usb:before {
  content: "";
}

.pi-usd-circle:before {
  content: "";
}

.pi-usd-square:before {
  content: "";
}

.pi-user:before {
  content: "";
}

.pi-user-alt:before {
  content: "";
}

.pi-user-alt-slash:before {
  content: "";
}

.pi-user-astronaut:before {
  content: "";
}

.pi-user-chart:before {
  content: "";
}

.pi-user-check:before {
  content: "";
}

.pi-user-circle:before {
  content: "";
}

.pi-user-clock:before {
  content: "";
}

.pi-user-cog:before {
  content: "";
}

.pi-user-crown:before {
  content: "";
}

.pi-user-edit:before {
  content: "";
}

.pi-user-friends:before {
  content: "";
}

.pi-user-graduate:before {
  content: "";
}

.pi-user-injured:before {
  content: "";
}

.pi-user-lock:before {
  content: "";
}

.pi-user-md:before {
  content: "";
}

.pi-user-minus:before {
  content: "";
}

.pi-user-ninja:before {
  content: "";
}

.pi-user-plus:before {
  content: "";
}

.pi-user-secret:before {
  content: "";
}

.pi-user-shield:before {
  content: "";
}

.pi-user-slash:before {
  content: "";
}

.pi-user-tag:before {
  content: "";
}

.pi-user-tie:before {
  content: "";
}

.pi-user-times:before {
  content: "";
}

.pi-users:before {
  content: "";
}

.pi-users-class:before {
  content: "";
}

.pi-users-cog:before {
  content: "";
}

.pi-users-crown:before {
  content: "";
}

.pi-usps:before {
  content: "";
}

.pi-ussunnah:before {
  content: "";
}

.pi-utensil-fork:before {
  content: "";
}

.pi-utensil-knife:before {
  content: "";
}

.pi-utensil-spoon:before {
  content: "";
}

.pi-utensils:before {
  content: "";
}

.pi-utensils-alt:before {
  content: "";
}

.pi-vaadin:before {
  content: "";
}

.pi-value-absolute:before {
  content: "";
}

.pi-vector-square:before {
  content: "";
}

.pi-venus:before {
  content: "";
}

.pi-venus-double:before {
  content: "";
}

.pi-venus-mars:before {
  content: "";
}

.pi-viacoin:before {
  content: "";
}

.pi-viadeo:before {
  content: "";
}

.pi-viadeo-square:before {
  content: "";
}

.pi-vial:before {
  content: "";
}

.pi-vials:before {
  content: "";
}

.pi-viber:before {
  content: "";
}

.pi-video:before {
  content: "";
}

.pi-video-plus:before {
  content: "";
}

.pi-video-slash:before {
  content: "";
}

.pi-vihara:before {
  content: "";
}

.pi-vimeo:before {
  content: "";
}

.pi-vimeo-square:before {
  content: "";
}

.pi-vimeo-v:before {
  content: "";
}

.pi-vine:before {
  content: "";
}

.pi-vk:before {
  content: "";
}

.pi-vnv:before {
  content: "";
}

.pi-volcano:before {
  content: "";
}

.pi-volleyball-ball:before {
  content: "";
}

.pi-volume:before {
  content: "";
}

.pi-volume-down:before {
  content: "";
}

.pi-volume-mute:before {
  content: "";
}

.pi-volume-off:before {
  content: "";
}

.pi-volume-slash:before {
  content: "";
}

.pi-volume-up:before {
  content: "";
}

.pi-vote-nay:before {
  content: "";
}

.pi-vote-yea:before {
  content: "";
}

.pi-vr-cardboard:before {
  content: "";
}

.pi-vuejs:before {
  content: "";
}

.pi-walking:before {
  content: "";
}

.pi-wallet:before {
  content: "";
}

.pi-wand:before {
  content: "";
}

.pi-wand-magic:before {
  content: "";
}

.pi-warehouse:before {
  content: "";
}

.pi-warehouse-alt:before {
  content: "";
}

.pi-watch:before {
  content: "";
}

.pi-watch-fitness:before {
  content: "";
}

.pi-water:before {
  content: "";
}

.pi-water-lower:before {
  content: "";
}

.pi-water-rise:before {
  content: "";
}

.pi-weebly:before {
  content: "";
}

.pi-weibo:before {
  content: "";
}

.pi-weight:before {
  content: "";
}

.pi-weight-hanging:before {
  content: "";
}

.pi-weixin:before {
  content: "";
}

.pi-whale:before {
  content: "";
}

.pi-whatsapp:before {
  content: "";
}

.pi-whatsapp-square:before {
  content: "";
}

.pi-wheat:before {
  content: "";
}

.pi-wheelchair:before {
  content: "";
}

.pi-whistle:before {
  content: "";
}

.pi-whmcs:before {
  content: "";
}

.pi-wifi:before {
  content: "";
}

.pi-wifi-1:before {
  content: "";
}

.pi-wifi-2:before {
  content: "";
}

.pi-wifi-slash:before {
  content: "";
}

.pi-wikipedia-w:before {
  content: "";
}

.pi-wind:before {
  content: "";
}

.pi-wind-warning:before {
  content: "";
}

.pi-window:before {
  content: "";
}

.pi-window-alt:before {
  content: "";
}

.pi-window-close:before {
  content: "";
}

.pi-window-maximize:before {
  content: "";
}

.pi-window-minimize:before {
  content: "";
}

.pi-window-restore:before {
  content: "";
}

.pi-windows:before {
  content: "";
}

.pi-windsock:before {
  content: "";
}

.pi-wine-bottle:before {
  content: "";
}

.pi-wine-glass:before {
  content: "";
}

.pi-wine-glass-alt:before {
  content: "";
}

.pi-wix:before {
  content: "";
}

.pi-wizards-of-the-coast:before {
  content: "";
}

.pi-wolf-pack-battalion:before {
  content: "";
}

.pi-won-sign:before {
  content: "";
}

.pi-wordpress:before {
  content: "";
}

.pi-wordpress-simple:before {
  content: "";
}

.pi-wpbeginner:before {
  content: "";
}

.pi-wpexplorer:before {
  content: "";
}

.pi-wpforms:before {
  content: "";
}

.pi-wpressr:before {
  content: "";
}

.pi-wreath:before {
  content: "";
}

.pi-wrench:before {
  content: "";
}

.pi-x-ray:before {
  content: "";
}

.pi-xbox:before {
  content: "";
}

.pi-xing:before {
  content: "";
}

.pi-xing-square:before {
  content: "";
}

.pi-y-combinator:before {
  content: "";
}

.pi-yahoo:before {
  content: "";
}

.pi-yandex:before {
  content: "";
}

.pi-yandex-international:before {
  content: "";
}

.pi-yarn:before {
  content: "";
}

.pi-yelp:before {
  content: "";
}

.pi-yen-sign:before {
  content: "";
}

.pi-yin-yang:before {
  content: "";
}

.pi-yoast:before {
  content: "";
}

.pi-youtube:before {
  content: "";
}

.pi-youtube-square:before {
  content: "";
}

.pi-zhihu:before {
  content: "";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-light-300.eot");
  src: url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-light-300.woff2") format("woff2"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-light-300.woff") format("woff"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-light-300.ttf") format("truetype"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-light-300.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-regular-400.eot");
  src: url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-regular-400.woff") format("woff"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  src: url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-solid-900.eot");
  src: url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-solid-900.woff") format("woff"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-brands-400.eot");
  src: url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-brands-400.woff") format("woff"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-brands-400.ttf") format("truetype"), url("/assets/styles/portal/build/assets/fonts/fontawesome/fa-brands-400.svg#fontawesome") format("svg");
}
.fal {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

.fa,
.fas {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fab {
  font-family: "Font Awesome 5 Brands";
}

.nodata {
  text-align: center;
  width: 100%;
  height: 46px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -23px 0 0 -50%;
}
.nodata .nodata__icon {
  display: inline-block;
  margin-bottom: 10px;
}
.nodata .nodata__icon:before {
  font-size: 25px;
  vertical-align: middle;
  color: #dc3545;
}
.nodata .nodata__msg {
  font-size: 12px;
}

.nodata-wrapper {
  clear: both;
  height: 150px;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -75px;
}

.widget {
  background: #fff;
  position: relative;
  width: 100%;
  padding: 20px;
  margin-bottom: 0 !important;
  border-radius: 3px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.widget:before, .widget:after {
  content: " ";
  display: table;
}
.widget:after {
  clear: both;
}
.widget .widget__header {
  clear: both;
  margin-bottom: 20px;
}
.widget .widget__footer {
  clear: both;
  background: #f4f5f9;
  text-align: right;
  padding: 15px 20px;
  border-top: 1px solid #ebebeb;
  border-radius: 0 0 3px 3px;
}
.widget .widget__footer .btn {
  margin: 0 5px;
}
.widget .widget__graph {
  float: left;
  width: 100%;
}
.widget .widget__title {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  color: #212229;
  display: inline-block;
}
.widget .widget__title :lang(fr) {
  text-transform: none;
}
.widget .widget__title a {
  color: #212229;
}
.widget .widget__title a:hover {
  color: #4ca1fe;
}
.widget .title__tag {
  border: 1px solid #4ca1fe;
  text-transform: uppercase;
  color: #4ca1fe;
  font-weight: 500;
  font-size: 11px;
  padding: 2px 4px 1px;
}
.widget .title__tag :lang(fr) {
  text-transform: none;
}
.widget.header-options .title__tag {
  background: #4ca1fe;
  border: 1px solid #4ca1fe;
  color: #fff;
}
.widget.fullpage--widget {
  padding: 0;
}
.widget.fullpage--widget .widget__header {
  padding: 20px;
  margin: 0;
}
.widget.fullpage--widget .from--select-kpi .widget__header {
  padding: 20px 20px 0 20px;
}
.widget.no-padding .widget__header {
  padding: 0;
}
.widget.active {
  box-shadow: 0 0 16.2px 1.8px rgba(145, 145, 145, 0.5);
}
.widget.widget--customer-profile, .widget.widget--customer-life-cycle {
  height: 400px;
}

.center-block {
  text-align: center;
}

.widget--menu {
  width: 110px;
}

.widget__tool {
  position: absolute;
  right: 15px;
  top: 15px;
}
.widget__tool .widget-node {
  float: left;
  margin: 0 2px;
  position: relative;
}
.widget__tool .widget-node.toggle {
  top: 2px;
}
.widget__tool .widget-node .ui-dropdown {
  top: -4px;
}
.widget__tool .handler {
  display: block;
  width: 26px;
  height: 26px;
  z-index: 1;
  color: #96a2b6;
  position: relative;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
}
.widget__tool .handler i {
  font-size: 16px;
}
.widget__tool .handler:hover {
  background: #f1f6fa;
}
.widget__tool .text-handler {
  display: block;
  z-index: 1;
  color: #96a2b6;
  position: relative;
  font-size: 14px;
  margin: 7px 0 0 0;
}
.widget__tool .text-handler i {
  margin-left: 5px;
  font-size: 16px;
}
.widget__tool .text-handler:hover {
  color: #4ca1fe;
}

.dropdown-wrapper {
  padding: 10px 0;
  float: left;
  width: 100%;
}

.widget--chart-valign .valign__content {
  display: table;
  float: left;
  width: 100%;
  position: relative;
  height: calc(100% - 58px);
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .widget--chart-valign .valign__content {
    display: block;
    height: auto;
  }
}
.widget--chart-valign .valign__content .valign__graph {
  float: none;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}
@media (max-width: 1024px) {
  .widget--chart-valign .valign__content .valign__graph {
    display: block;
    height: auto;
  }
}

.main-kpi .kpi {
  box-sizing: border-box;
  width: 25%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .main-kpi .kpi {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.main-kpi.kpi--threecol .kpi {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .main-kpi.kpi--threecol .kpi {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.main-kpi.kpi--twocol .kpi {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .main-kpi.kpi--twocol .kpi {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.widget--kpi {
  min-height: 100px;
}

.kpi .kpi__inner {
  text-align: center;
}
.kpi .kpi__location {
  text-align: left;
  padding: 40px 2px 0;
  vertical-align: top;
  display: inline-block;
  max-width: 80px;
}
@media (max-width: 1024px) {
  .kpi .kpi__location {
    /*float: left;
    width: 30%;
    padding: 20px 20px 0 0;*/
  }
}
.kpi .kpi__location li {
  display: block;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 2px solid #e2eaf2;
}
.kpi .kpi__location li .icon {
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.kpi .kpi__location li .location__label {
  display: block;
  color: #34495e;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.kpi .kpi__location li .location__label :lang(fr) {
  text-transform: none;
}
.kpi .kpi__location li .location__score {
  display: block;
  font-size: 12px;
  color: #3bb001;
  font-weight: 700;
}
.kpi .kpi__location li.location--positive .location__score {
  color: #3bb001;
}
.kpi .kpi__location li.location--negative .location__score {
  color: #dc3545;
}
.kpi .kpi__meter {
  width: 200px;
  display: inline-block;
  height: 200px;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
.kpi .kpi__meter div:first-child {
  width: 200px;
  height: 200px;
}

.kpi__footer {
  margin-top: 10px;
  height: auto;
  font-size: 14px;
  color: #212229;
}

.resources-list ul li a {
  padding: 15px 15px 15px 35px;
  font-size: 12px;
  color: #34495e;
  display: block;
  border-top: 1px solid #ebebeb;
  cursor: pointer;
  position: relative;
}
.resources-list ul li a:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  font-size: 16px;
  top: 13px;
  color: #4ca1fe;
  font-weight: 300;
  left: 10px;
}
.resources-list ul li a:after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  font-size: 12px;
  top: 15px;
  color: #969dab;
  font-weight: 300;
  right: 15px;
}
.resources-list ul li a:hover {
  background: #f4f5f9;
}
.resources-list ul li a:hover:after {
  color: #4ca1fe;
}
.resources-list ul li:first-child a {
  border: 0;
}

.training-videos .video-list {
  box-sizing: border-box;
  width: 41.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.training-videos .video-preview {
  box-sizing: border-box;
  width: 58.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.training-videos .video-preview video {
  border: 1px solid #ebebeb;
  width: 100% !important;
  height: auto !important;
}

.video-list ul li a {
  padding: 15px 15px 15px 40px;
  font-size: 12px;
  color: #34495e;
  display: block;
  border-top: 1px solid #ebebeb;
  cursor: pointer;
  position: relative;
}
.video-list ul li a:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  font-size: 16px;
  top: 13px;
  color: #4ca1fe;
  font-weight: 300;
  left: 10px;
}
.video-list ul li a:after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  font-size: 12px;
  top: 15px;
  color: #4ca1fe;
  font-weight: 900;
  right: 15px;
  display: none;
}
.video-list ul li a:hover {
  background: #f4f5f9;
}
.video-list ul li a:hover:after {
  display: block;
}
.video-list ul li.active a {
  background: #f4f5f9;
}
.video-list ul li.active a:after {
  display: block;
}
.video-list ul li:first-child a {
  border: 0;
}

.upload-zone {
  display: table;
  width: 100%;
  height: 150px;
  border: 2px dashed #ebebeb;
  background: #fff;
  font-size: 12px;
  color: #969dab;
  text-align: center;
}
.upload-zone .upload-zone-content {
  display: table-cell;
  vertical-align: middle;
}
.upload-zone p {
  padding: 2px 0;
}

.library-filters {
  padding: 10px 0 0 0;
}
.library-filters:before, .library-filters:after {
  content: " ";
  display: table;
}
.library-filters:after {
  clear: both;
}
.library-filters .filter--left {
  float: left;
  line-height: 34px;
}
.library-filters .filter--left .library-filter-item {
  margin-right: 8px;
}
.library-filters .filter--right {
  float: right;
}
.library-filters .filter--right .library-filter-item {
  margin-left: 8px;
}
.library-filters .library-filter-item {
  display: inline-block;
}
.library-filters .input-search {
  width: 320px;
}
.library-filters .select-view a {
  font-size: 20px;
  line-height: 34px;
  display: inline-block;
  color: #ced1d7;
  vertical-align: middle;
  padding: 0 7px;
}
.library-filters .select-view a:hover, .library-filters .select-view a.active {
  color: #4ca1fe;
}

.library-grid {
  margin-right: -10px;
  margin-left: -10px;
}
.library-grid:before, .library-grid:after {
  content: " ";
  display: table;
}
.library-grid:after {
  clear: both;
}
.library-grid .grid__item {
  box-sizing: border-box;
  width: 20%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1440px) {
  .library-content .library-grid .grid__item {
    box-sizing: border-box;
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.library-grid .grid__item {
  margin-bottom: 10px;
  margin-top: 10px;
}
.library-grid .grid__item .grid__label {
  float: left;
  width: 100%;
  cursor: pointer;
  position: relative;
  margin: 0;
}
.library-grid .grid__item .grid__label:after {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 15px;
  top: 15px;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #cad0e8;
  color: #fff;
  background: #fff;
  border-radius: 3px;
}
.library-grid .grid__item .grid__label:before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  border: 3px solid #4ca1fe;
  border-radius: 3px;
  z-index: 5;
}
.library-grid .grid__item .grid__label img {
  width: 100%;
  border-radius: 3px;
  padding: 5px;
  background: #fff;
}
.library-grid .grid__item .grid__label p {
  font-size: 14px;
  line-height: 16px;
  color: #1a1a1a;
  padding: 5px 10px 15px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.library-grid .grid__item .grid__label .preview-icon, .library-grid .grid__item .grid__label .more-icon {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 24px;
  height: 20px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #cad0e8;
  color: #969dab;
  background: #fff;
  border-radius: 3px;
  z-index: 8;
}
.library-grid .grid__item .grid__label .preview-icon i, .library-grid .grid__item .grid__label .more-icon i {
  vertical-align: middle;
}
.library-grid .grid__item .grid__label .more-icon {
  display: none;
  width: 24px;
  height: 20px;
  font-size: 12px;
  line-height: 18px;
  color: #969dab;
}
.library-grid .grid__item .grid__label .more-icon i {
  vertical-align: middle;
}
.library-grid .grid__item .grid__label .thumb-icon {
  width: 100%;
  height: 225px;
  display: block;
  text-align: center;
  background: white;
  color: #4ca1fe;
  font-size: 48px;
  line-height: 225px;
  border-radius: 3px;
}
.library-grid .grid__item .grid__label .library-image-tooltip {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  transform: translateY(45px);
  transition: all 0.1s ease-in-out;
}
.library-grid .grid__item .grid__label:hover .more-icon, .library-grid .grid__item .grid__label:active .more-icon {
  display: block;
}
.library-grid .grid__item .grid__label:hover img, .library-grid .grid__item .grid__label:active img {
  border-color: #c9c9c9;
}
.library-grid .grid__item .grid__label:hover .library-image-tooltip, .library-grid .grid__item .grid__label:active .library-image-tooltip {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  transform: translateY(0);
}
.library-grid .grid__item .grid__label.ui-label-active {
  background: #fff;
}
.library-grid .grid__item .grid__label.ui-label-active:after {
  content: "";
  border-color: #4ca1fe;
  background: #4ca1fe;
}
.library-grid .grid__item .grid__label.ui-label-active:before {
  display: block;
}
.library-grid .grid__item .grid__label.ui-label-active img {
  border-color: #4ca1fe;
}
.library-grid .grid__item .grid__label.ui-label-active p {
  background: #fff;
}
.library-grid .grid__item .grid__label.ui-label-active:hover .more-icon, .library-grid .grid__item .grid__label.ui-label-active:active .more-icon {
  display: none;
}
.library-grid .grid__item .grid__label.ui-label-active:hover .library-image-tooltip, .library-grid .grid__item .grid__label.ui-label-active:active .library-image-tooltip {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  transform: translateY(0);
}
.library-grid .grid__item .grid__field {
  position: absolute;
  left: -9999px;
}
.library-grid .grid__item .grid__field:checked + label {
  background: #fff;
}
.library-grid .grid__item .grid__field:checked + label:after {
  content: "";
  border-color: #4ca1fe;
  background: #4ca1fe;
}
.library-grid .grid__item .grid__field:checked + label:before {
  display: block;
}
.library-grid .grid__item .grid__field:checked + label img {
  border-color: #4ca1fe;
}
.library-grid .grid__item .grid__field:checked + label p {
  background: #fff;
}

.radio-image {
  position: relative;
  width: 100%;
}
.radio-image li {
  float: left;
  padding: 0 12px 12px;
  width: 25%;
}
.radio-image li:first-child, .radio-image li:nth-child(4n+1) {
  margin-left: -12px;
  clear: left;
}
@media (max-width: 768px) {
  .radio-image li {
    width: 50%;
  }
  .radio-image li:nth-child(4n+1) {
    margin-left: 0;
    clear: none;
  }
  .radio-image li:first-child, .radio-image li:nth-child(2n+1) {
    margin-left: -12px;
    clear: left;
  }
}

.library-image-tooltip {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 50px;
  background: #fff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  font-size: 12px;
  padding: 10px;
}
.library-image-tooltip .tooltip__content {
  display: table;
  width: 100%;
}
.library-image-tooltip .tooltip-row {
  display: table-row;
  border-top: 1px solid #e1e9ed;
}
.library-image-tooltip .tooltip-row:first-child {
  border-top: none;
}
.library-image-tooltip .tooltip-row .label, .library-image-tooltip .tooltip-row .info {
  display: table-cell;
  padding: 3px 0;
}
.library-image-tooltip .tooltip-row .label {
  font-weight: 500;
}
.widget--areasforimprovements, .widget--keyperformance {
  overflow: hidden;
}
.widget--areasforimprovements .highcharts-container, .widget--keyperformance .highcharts-container {
  overflow: visible !important;
}
.widget--areasforimprovements .half-column, .widget--keyperformance .half-column {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.widget--areasforimprovements .half-column .widget__footer, .widget--keyperformance .half-column .widget__footer {
  margin: 0 -10px -10px;
}
.widget--areasforimprovements .widget__footer, .widget--keyperformance .widget__footer {
  border-top: 1px solid #ebebeb;
  padding: 20px;
  margin: 0 -20px -20px;
  position: relative;
  background: #f4f5f7;
}
.widget--areasforimprovements .widget__footer:after, .widget--areasforimprovements .widget__footer:before, .widget--keyperformance .widget__footer:after, .widget--keyperformance .widget__footer:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.widget--areasforimprovements .widget__footer:after, .widget--keyperformance .widget__footer:after {
  border-width: 10px;
  border-bottom-color: #f4f5f7;
  top: -20px;
  right: 50%;
  margin-right: -10px;
}
.widget--areasforimprovements .widget__footer:before, .widget--keyperformance .widget__footer:before {
  border-width: 11px;
  border-bottom-color: #ebebeb;
  top: -22px;
  right: 50%;
  margin-right: -11px;
}
.widget--areasforimprovements .table tr:last-child, .widget--keyperformance .table tr:last-child {
  border-bottom: 0;
}
.widget--areasforimprovements .table th, .widget--keyperformance .table th {
  padding: 10px;
  font-weight: 400;
  font-size: 12px;
  vertical-align: top;
}
.widget--areasforimprovements .table th :lang(fr), .widget--keyperformance .table th :lang(fr) {
  text-transform: none;
}
.widget--areasforimprovements .table td, .widget--keyperformance .table td {
  vertical-align: middle;
  font-size: 12px;
  padding: 10px;
  font-weight: normal;
}
.widget--areasforimprovements .table td:first-child, .widget--keyperformance .table td:first-child {
  text-transform: uppercase;
}
.widget--areasforimprovements .table td:first-child :lang(fr), .widget--keyperformance .table td:first-child :lang(fr) {
  text-transform: none;
}
.widget--areasforimprovements .highest__score, .widget--areasforimprovements .lowest__score, .widget--keyperformance .highest__score, .widget--keyperformance .lowest__score {
  float: left;
  width: 50%;
}
@media (max-width: 1024px) {
  .widget--areasforimprovements .highest__score, .widget--areasforimprovements .lowest__score, .widget--keyperformance .highest__score, .widget--keyperformance .lowest__score {
    width: 100%;
  }
}
.widget--keyperformance .widget__content {
  padding: 0;
  background: #f4f5f7;
}
.widget--keyperformance .widget__content:before, .widget--keyperformance .widget__content:after {
  content: " ";
  display: table;
}
.widget--keyperformance .widget__content:after {
  clear: both;
}
.widget--keyperformance .widget__graph {
  padding: 0 20px;
}
.widget--keyperformance .table {
  padding: 0 20px;
  width: 100%;
}
.widget--keyperformance .table tr {
  border-bottom: 1px solid #e7ebef;
}
.widget--keyperformance .widget__footer {
  padding: 20px;
  margin: 0;
}
.widget--keyperformance .highest__score, .widget--keyperformance .lowest__score {
  background: #ffffff;
}

.multiple--widget .widget__child {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.widget__filters {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .widget__filters {
    flex-direction: column;
  }
}
.page-category-configuration .widget__filters {
  background: #f9fafc;
  border-bottom: 1px solid #ebebeb;
}
@media (max-width: 1024px) {
  .page-category-configuration .widget__filters {
    flex-direction: row;
  }
}
.page-category-configuration .widget__filters .toggle {
  padding: 4px 0 0 0;
}
.widget__filters .filter-item {
  padding: 15px 20px;
  border-left: 1px solid #ebebeb;
  min-height: 60px;
}
@media (max-width: 1024px) {
  .widget__filters .filter-item {
    min-height: 0;
    border-top: 1px solid #ebebeb;
    flex-basis: auto !important;
    padding: 10px;
  }
  .widget__filters .filter-item .ui-dropdown {
    width: 100% !important;
  }
  .widget__filters .filter-item p-button {
    display: block;
  }
  .widget__filters .filter-item p-button .btn {
    width: 100%;
    padding: 4px;
  }
  .widget__filters .filter-item .btn {
    width: 100%;
  }
}
.widget__filters .filter-item:first-child {
  border-left: none;
  border-top: none;
}
.widget__filters .filter-item.filter-item--btntranslation {
  flex: 1;
}
.widget__filters .filter-item.filter-item--tabs {
  flex: 1;
}
.widget__filters .filter-item.filter-item--tags {
  flex: 1;
}
.widget__filters .filter-item.filter-item--search {
  flex-basis: 280px;
}
.widget__filters.filters--medium .filter-item {
  min-height: 10px;
  padding: 0 5px 15px;
}
.widget__filters.filters--commentlist .filter-item {
  padding: 15px 10px;
}
.widget__filters.filters--commentlist .filter-item.filter-item--search {
  flex-basis: 170px;
  padding-top: 17px;
}
.widget__filters.filters--commentlist .filter-item.filter-item--searchbtn {
  padding-top: 19px;
}
.widget__filters.filters--commentlist .filter-item .tags-list li {
  padding: 5px;
}
.widget__filters.filters--commentlist .filter-item .tags-list li.with-info {
  padding-right: 32px;
}

.filter-percentage {
  min-width: 160px;
}
.filter-percentage h3 {
  font-size: 11px;
  font-weight: bold;
  color: #969dab;
  padding: 0 0 7px 0;
}
.filter-percentage h3 span {
  color: #4ca1fe;
}
.filter-percentage .ui-progressbar {
  height: 7px;
}

.filter-search {
  position: relative;
}
.filter-search i {
  position: absolute;
  left: 7px;
  top: 7px;
  color: #969dab;
  opacity: 0.5;
}
.filter-search input {
  width: 100%;
  border: none;
  box-shadow: none;
  color: #969dab;
  font-size: 12px;
  padding: 8px 20px 8px 35px;
}

.widget-header-filter-dropdown > label {
  display: inline-block;
  font-size: 12px;
  padding: 0 10px 0 0;
}
@media (max-width: 1024px) {
  .widget-header-filter-dropdown > label {
    padding: 0 0 10px 0;
  }
}
.widget-header-filter-dropdown > .dropdown-container {
  display: inline-block;
}
@media (max-width: 1024px) {
  .widget-header-filter-dropdown > .dropdown-container {
    display: block;
  }
}

.filter-slider {
  position: relative;
  padding: 12px 0 0 0;
}
.filter-slider .ui-slider {
  margin: 0;
  position: relative;
  z-index: 14;
}
.filter-slider .survey-score-heading {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: -10px;
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
  text-align: center;
}
.filter-slider .survey-score-heading :lang(fr) {
  text-transform: none;
}
.filter-slider .survey-score-heading span {
  font-weight: bold;
}
.filter-slider .ui-slider-legends {
  position: absolute;
  z-index: 12;
  left: -4px;
  right: -5px;
  bottom: -28px;
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
}
.filter-slider .ui-slider-legends :lang(fr) {
  text-transform: none;
}
.filter-slider .ui-slider-legends span {
  float: right;
}
.filter-slider .ui-slider-legends span:first-child {
  float: left;
}

.translation__overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  display: none;
}
.translation__overlay .btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.edit--translation {
  border: 1px dashed #969dab;
  position: relative;
}
.edit--translation:hover .translation__overlay {
  display: block;
}

.widget--totalhotalerts .widget__content:before, .widget--totalhotalerts .widget__content:after {
  content: " ";
  display: table;
}
.widget--totalhotalerts .widget__content:after {
  clear: both;
}
.widget--totalhotalerts .highcharts-tooltip > span {
  padding: 8px;
  background-color: white;
  background-color: white \9 ;
  /* < IE11 */
  z-index: 9999 !important;
}
.widget--totalhotalerts .widget__graph {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .widget--totalhotalerts .widget__graph {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.widget--totalhotalerts .widget__graph div {
  margin: 0 auto;
}
.widget--totalhotalerts .widget__graph .alert__count {
  font-size: 10px;
  color: red;
}
.widget--totalhotalerts .widget__counts {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  height: 240px;
  position: relative;
}
@media (max-width: 1024px) {
  .widget--totalhotalerts .widget__counts {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: auto;
  }
}
.widget--totalhotalerts .counts__table {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 100%;
}
@media (max-width: 1024px) {
  .widget--totalhotalerts .counts__table {
    position: static;
    top: 0;
    transform: none;
  }
}
.widget--totalhotalerts .counts__table table {
  width: 100%;
}
.widget--totalhotalerts .counts__table table td {
  color: #969dab;
  padding: 5px 0;
  font-size: 16px;
  vertical-align: middle;
}
.widget--totalhotalerts .counts__table table td .count__percentage {
  margin: 0 10px;
  white-space: nowrap;
}
.widget--totalhotalerts .counts__table table td .series__name {
  font-size: 13px;
}
.widget--totalhotalerts .counts__table .count__symbol {
  width: 8px;
  background: #eeeeee;
  margin-right: 10px;
  height: 8px;
  border-radius: 100%;
  display: inline-block;
}

.pie-chart {
  text-align: center;
}
.pie-chart span {
  display: block;
  padding-bottom: 2px;
}
.pie-chart .chart__title {
  font-weight: normal;
}
.pie-chart .chart__count {
  font-size: 30px;
}
.pie-chart .chart__label {
  font-size: 11px;
  font-weight: normal;
}
.pie-chart .chart__link {
  font-size: 14px;
  color: #4ca1fe;
  cursor: pointer;
  font-weight: normal;
}

.hc-clr-new {
  background: #3BB001 !important;
}

.hc-clr-inprogress {
  background: #FFC107 !important;
}

.hc-clr-late {
  background: #FD7E14 !important;
}

.hc-clr-closedintarget {
  background: #007BFF !important;
}

.hc-clr-closedouttarget {
  background: #DC3545 !important;
}

.hc-clr-followupyes {
  background: #27D4D4 !important;
}

.hc-clr-followupno {
  background: #17A2B8 !important;
}

.clr-green-background {
  background: #3bb001 !important;
}

.clr-red-background {
  background: #dc3545 !important;
}

.clr-yellow-background {
  background: #ffc107 !important;
}

.clr-orange-background {
  background: #fd7e14 !important;
}

.clr-blue-background {
  background: #4ca1fe !important;
}

.clr-gray-background {
  background: #7d7d7d !important;
}

.page-performancetrend .widget__graph {
  padding: 30px 0;
}

.page__filters {
  clear: both;
  display: flex;
  position: relative;
  background: #f5f6f7;
  border-bottom: 1px solid #ebebeb;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .page__filters {
    flex-flow: row wrap;
  }
}
.page__filters .filter-item {
  padding: 10px;
}
@media (max-width: 1024px) {
  .page__filters .filter-item {
    flex-basis: 100%;
  }
}
@media (max-width: 1024px) {
  .page__filters .filter-item.filter-item--toggle {
    padding-top: 0;
  }
}
.filter-hierarchy label {
  font-size: 12px;
  float: left;
  line-height: 37px;
}
@media (max-width: 1024px) {
  .filter-hierarchy label {
    width: 100%;
  }
}
.filter-hierarchy .filter-dropdown {
  top: 55px;
}
@media (max-width: 1024px) {
  .filter-hierarchy .filter-dropdown {
    top: 85px;
  }
}
.filter-hierarchy .filter-field {
  background: #fff;
  padding: 0;
  margin: 0 10px;
  width: 650px;
  position: static;
}
@media (max-width: 1024px) {
  .filter-hierarchy .filter-field {
    width: calc(100% - 58px);
    margin-left: 0;
  }
}
.filter-hierarchy .filter-field .filter__trigger {
  padding: 8px 10px 3px;
  border: 1px solid #ebebeb;
  min-height: 37px;
  border-radius: 3px;
  position: relative;
}
.filter-hierarchy .filter-field .field__icons {
  top: 8px;
  right: 15px;
}
.filter-hierarchy .btn {
  float: left;
  padding: 11px 15px;
}

.percentage-topbottom h3 {
  float: right;
  width: 30%;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  color: #969dab;
}
.percentage-topbottom .ui-progressbar {
  height: 7px;
  margin-top: 3px;
  float: left;
  width: 65%;
}

.rg__filters {
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
.rg__filters .filter-item {
  padding: 10px;
  border-right: 1px solid #ebebeb;
}
.rg__filters .filter-item.filter-item--settings .btn {
  margin: 0 5px;
  padding: 9px;
}
.rg__filters .filter-item.filter-item--action {
  border-right: none;
  margin-left: auto;
}
.rg__filters .filter-item.filter-item--action .actions {
  float: left;
  margin: 0 5px;
}
.rg__filters .filter-item.filter-item--action .actions .btn {
  padding: 9px;
}
.rg__filters .filter-item .item__label {
  font-size: 12px;
  color: #34495e;
  margin-right: 30px;
}
.rg__filters .filter-by {
  display: inline-block;
}
.rg__filters .filter-by .list__item {
  display: inline-block;
  margin: 0 5px;
}
.rg__filters .filter-by .list__item .btn {
  padding: 9px;
}
.rg__filters .filter-by .list__item.list__item--filter .btn {
  padding-left: 9px;
  padding-right: 25px;
}
.rg__filters .filter-by .list__item.list__item--filter .btn:after {
  content: "";
  font-size: 12px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #bdc2c6;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -7px;
}
.rg__filters .filter-by .list__item.list__item--filter .btn:hover {
  border-color: #aeaeae;
}
.rg__filters .filter-by .list__item.list__item--filter .btn.btn--active {
  background: #4ca1fe;
  color: #fff;
  border-color: #4ca1fe;
}
.rg__filters .filter-by .list__item.list__item--filter .btn.btn--active:after {
  color: #fff;
}
.rg__filters .filter-by .list__item.list__item--filter .btn.btn--active:hover {
  background-color: #238cfe;
  color: #fff !important;
  border-color: #4ca1fe;
}

.report-generator {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  min-height: 550px;
}
.report-generator:after {
  content: " ";
  display: block;
  clear: both;
}
.report-generator.sticky .rg-drag-column {
  position: fixed;
  top: 79px;
  max-width: calc(25% - 48px);
  padding: 0;
  background: #fff;
}
.report-generator.sticky .rg-drop-column {
  margin-left: 25%;
}

.rg-drag-column {
  box-sizing: border-box;
  width: 25%;
  float: left;
  min-height: 400px;
  padding: 0 15px 0 0;
}
.rg-drag-column .rg-drag-column-inner {
  border: 1px solid #ebebeb;
}
.rg-drag-column .rg-drag-column-inner > ul {
  max-height: 365px;
  overflow: auto;
}
.rg-drag-column .tabs-container {
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
}
.rg-drag-column .search-field-container {
  padding: 10px;
}
.rg-drag-column .search-field-container .filter-search {
  border: 1px solid #ebebeb;
}
.rg-drag-column .drag__list .list__item a {
  display: block;
  font-size: 12px;
  padding: 12px 35px 12px 15px;
  text-transform: capitalize;
  color: #34495e;
  border-top: 1px solid #ebebeb;
  text-decoration: none;
  position: relative;
  background: #f5f6f7;
}
.rg-drag-column .drag__list .list__item a :lang(fr) {
  text-transform: none;
}
.rg-drag-column .drag__list .list__item a:hover {
  cursor: move;
}
.rg-drag-column .drag__list .list__item a:before, .rg-drag-column .drag__list .list__item a .action {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  content: "";
  color: #bdc2c6;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  width: 38px;
  height: 38px;
  right: 0;
  top: 0;
  cursor: pointer;
}
.rg-drag-column .drag__list .list__item.active > a {
  background: #edeef1;
}
.rg-drag-column .drag__list .list__item.active > a:before {
  content: "";
}
.rg-drag-column .drag__list .list__item.disabled a {
  opacity: 0.5;
}
.rg-drag-column .drag__list .list__item ul li a {
  background: #fff;
}
.rg-drag-column .drag__list .list__item ul li a:before:hover {
  cursor: pointer;
}
.rg-drag-column .drag__list .list__item ul li a:hover {
  background: #4ca1fe;
  color: #fff;
}
.rg-drag-column .drag__list .list__item ul li a.ui-state-disabled:hover {
  color: #000;
  opacity: 1;
}
.rg-drag-column .drag__list .list__item ul li a.active span {
  display: none;
}
.rg-drag-column .drag__list .list__item ul li:first-child a {
  border-radius: 0;
}
.rg-drag-column .drag__list .list__item ul li.selected a {
  padding-right: 55px;
}
.rg-drag-column .drag__list .list__item ul li.selected a i {
  position: absolute;
  right: 37px;
  top: 12px;
  font-size: 13px;
  color: #dc3545;
  cursor: pointer;
}
.rg-drag-column .drag__list .list__item ul li.selected a:before {
  content: "";
  color: #4ca1fe;
  font-size: 12px;
  right: 17px;
  top: 12px;
}
.rg-drag-column .drag__list .list__item ul li.selected a:hover {
  background: none;
  cursor: default;
  color: inherit;
}
.rg-drop-column {
  box-sizing: border-box;
  width: 75%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  min-height: 400px;
  padding: 0;
}
.rg-drop-column .btn--danger {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -41px;
  text-align: center;
}
.rg-drop-column .drag-preview {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #f9f8f8;
  border: 2px dashed #ebebeb;
  z-index: 5;
  opacity: 0.9;
  top: 0;
  left: 0;
}
.rg-drop-column .filter-item {
  padding: 10px;
  border: 1px solid #ebebeb;
}
.rg-drop-column .cdk-drag-placeholder {
  display: none;
}
.rg-drop-column .tab-view {
  border: 1px solid #ebebeb;
  border-width: 0 1px;
}
.rg-drop-column .filter-charts {
  padding: 10px;
  background: #f4f5f9;
  border: 1px solid #ebebeb;
  border-width: 1px 0;
}
.rg-drop-column .filter-charts .chart-list {
  list-style-type: none;
}
.rg-drop-column .filter-charts .chart-list li {
  display: inline-block;
  padding: 0 6px 0 0;
}
.rg-drop-column .topbar--piechart {
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
}
.rg-drop-column .drag-content {
  border: 2px dashed #ebebeb;
  padding: 15px;
  margin: 15px 0 0 0;
  text-align: center;
  border-radius: 3px;
  clear: both;
  float: left;
  width: 100%;
  max-height: 500px;
  min-height: 90px;
  overflow-y: auto;
}
.rg-drop-column .drag-content.cdk-drop-list-receiving, .rg-drop-column .drag-content.cdk-drop-list-dragging {
  border-color: #b8b8b8;
}
.rg-drop-column .drag-content .drag__msg {
  padding: 30px;
}
.rg-drop-column .drag-content .drag__msg i {
  display: inline-block;
  font-size: 25px;
  color: #d5d7dd;
}
.rg-drop-column .drag-content p {
  font-size: 12px;
  margin-top: 10px;
}
.rg-drop-column .drop-list .list__item {
  display: inline-block;
  width: calc(25% - 10px);
  margin: 5px;
  position: relative;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
.rg-drop-column .drop-list .list__item a {
  color: #34495e;
  border: 1px solid #ebebeb;
  padding: 15px;
  border-radius: 3px;
  display: block;
  cursor: move;
}
.rg-drop-column .drop-list .list__item a.input-holder {
  padding: 14px 15px;
}
.rg-drop-column .drop-list .list__item a.input-holder input {
  min-width: 70px;
  width: 100%;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  border: none;
  text-align: center;
}
.rg-drop-column .drop-list .list__item a.input-holder input:focus {
  box-shadow: none;
}
.rg-drop-column .drop-list .list__item i {
  position: absolute;
  top: -7px;
  right: -7px;
  font-size: 10px;
  cursor: pointer;
  z-index: 1;
  background: #ef207d;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  text-align: center;
  width: 18px;
  color: #fff;
  height: 18px;
  line-height: 19px;
  border-radius: 100%;
}
.rg-drop-column .drop-list .list__item:hover a {
  border-color: #b7b7b7;
}
.rg-drop-column .actions-next {
  position: absolute;
  right: 10px;
  top: 10px;
}
.rg-drop-column .ui-table-bordered {
  padding: 10px;
}
.rg-drop-column .ui-table-bordered .ui-table {
  text-align: left;
}
.rg-drop-column .ui-table-bordered .short-column {
  width: 20%;
  text-align: center;
}
.rg-drop-column .ui-table-bordered .short-column .ui-dropdown {
  text-align: left;
}
.rg-drop-column .ui-table-bordered p-checkbox {
  display: block;
  position: relative;
  padding: 0 0 0 22px;
}
.rg-drop-column .ui-table-bordered p-checkbox .ui-chkbox {
  position: absolute;
  left: 0;
  top: 0;
}
.rg-drop-column .ui-table-bordered p-checkbox .ui-chkbox-label {
  margin: 0;
}

.ui-overlaypanel-content .filter-dropdown {
  position: relative;
  top: auto;
  left: auto;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  box-shadow: none;
  padding: 0;
  min-width: 250px;
  min-height: auto;
}
.ui-overlaypanel-content .filter-dropdown .filter-search-wrapper {
  padding: 10px;
  background: #fcfcfc;
  border-bottom: 1px solid #ebebeb;
}
.ui-overlaypanel-content .select-deselect {
  padding: 10px;
  text-align: right;
  font-size: 13px;
  color: #666666;
  border-bottom: 1px solid #ebebeb;
}
.ui-overlaypanel-content .select-deselect a {
  color: #b3b3b3;
}
.ui-overlaypanel-content .select-deselect a:hover {
  color: #666666;
}
.ui-overlaypanel-content .filter__list {
  max-height: 158px;
  overflow-y: auto;
}
.ui-overlaypanel-content .filter__list ul li a:before {
  display: none;
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 10px;
  color: #b8b8b8;
  font-size: 15px;
  top: 50%;
  margin: -7px 0 0 0;
}
.ui-overlaypanel-content .filter__list ul li a:hover {
  color: #666666;
  background: none;
}
.ui-overlaypanel-content .filter__list ul li a:hover:before {
  color: #666666;
}
.ui-overlaypanel-content .filter__list ul li.has-child a:before {
  display: block;
}
.ui-overlaypanel-content .filter__list ul li.active a {
  color: #666666;
  background: #f3f6f9;
}
.ui-overlaypanel-content .model-column {
  min-height: 303px;
}
.ui-overlaypanel-content .model-column .model__title {
  border-bottom: 1px solid #ebebeb;
}
.ui-overlaypanel-content .model-column.filter-column {
  width: 100%;
  min-height: 0;
  max-height: 303px;
  border-right: 0;
}

/* Animate items as they're being sorted. */
.cdk-drop-list-dragging .cdk-drag {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

/* Animate an item that has been dropped. */
.cdk-drag-animating {
  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);
}

body > .list__item--rg-drag.cdk-drag-preview {
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: none;
}
body > .list__item--rg-drag a {
  display: block;
  font-size: 12px;
  padding: 12px 35px 12px 15px;
  text-transform: capitalize;
  color: #34495e;
  border-top: 1px solid #ebebeb;
  text-decoration: none;
  position: relative;
  background: #f5f6f7;
}
body > .list__item--rg-drag a :lang(fr) {
  text-transform: none;
}
body > .list__item--rg-drag a:hover {
  cursor: move;
}
body > .list__item--rg-drag a:before, body > .list__item--rg-drag a .action {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  content: "";
  color: #bdc2c6;
  font-size: 14px;
  right: 20px;
  cursor: pointer;
}
body > .list__item--rg-drag:not(.active) a {
  border: 1px solid #ebebeb;
}
body > .list__item--rg-drag.active {
  border: 1px solid #ebebeb;
}
body > .list__item--rg-drag.active > a {
  background: #edeef1;
}
body > .list__item--rg-drag.active > a:before {
  content: "";
}
body > .list__item--rg-drag.active ul {
  border-bottom: 1px solid #ebebeb;
}
body > .list__item--rg-drag.disabled a {
  opacity: 0.5;
}
body > .list__item--rg-drag ul li a {
  background: #fff;
}
body > .list__item--rg-drag ul li a:before:hover {
  cursor: pointer;
}
body > .list__item--rg-drag ul li a:hover {
  background: #4ca1fe;
  color: #fff;
}
body > .list__item--rg-drag ul li a.ui-state-disabled:hover {
  color: #000;
  opacity: 1;
}
body > .list__item--rg-drag ul li a.active span {
  display: none;
}
body > .list__item--rg-drag ul li:first-child a {
  border-radius: 0;
}
body > .list__item--rg-drag ul li.selected a {
  padding-right: 55px;
}
body > .list__item--rg-drag ul li.selected a i {
  position: absolute;
  right: 37px;
  top: 12px;
  font-size: 13px;
  color: #dc3545;
  cursor: pointer;
}
body > .list__item--rg-drag ul li.selected a:before {
  content: "";
  color: #4ca1fe;
  font-size: 12px;
  right: 17px;
  top: 12px;
}
body > .list__item--rg-drag ul li.selected a:hover {
  background: none;
  cursor: default;
  color: inherit;
}
body > .list__item--rg-drop {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  font-size: 12px;
}
body > .list__item--rg-drop.cdk-drag-preview {
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body > .list__item--rg-drop a {
  color: #34495e;
  border: 1px solid #ebebeb;
  padding: 15px;
  border-radius: 3px;
  display: block;
  cursor: move;
}
body > .list__item--rg-drop a.input-holder {
  padding: 14px 15px;
}
body > .list__item--rg-drop a.input-holder input {
  min-width: 70px;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  border: none;
  text-align: center;
}
body > .list__item--rg-drop i {
  position: absolute;
  top: -7px;
  right: -7px;
  font-size: 10px;
  cursor: pointer;
  z-index: 1;
  background: #ef207d;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  text-align: center;
  width: 18px;
  color: #fff;
  height: 18px;
  line-height: 19px;
  border-radius: 100%;
}
body > .list__item--rg-drop:hover a {
  border-color: #b7b7b7;
}
.survey-completion .completion__item {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.survey-completion .completion__item h2 {
  color: #212229;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 5px;
}
.survey-completion .completion__item p {
  color: #494c57;
  font-size: 12px;
  margin-bottom: 5px;
}
.survey-completion .completion__item .completion__percentage {
  color: #96a2b6;
  font-size: 11px;
}
.survey-completion .completion__item .ui-progressbar {
  height: 7px;
  margin-bottom: 5px;
}

.charts {
  display: table;
  width: 100%;
  position: relative;
}
@media (max-width: 1024px) {
  .charts {
    display: block;
  }
}
.charts:after {
  content: "";
  display: table;
  clear: both;
}
.charts .cej_chart_container {
  display: table-cell;
  width: 50%;
  padding: 0 20px 30px;
}
@media (max-width: 1024px) {
  .charts .cej_chart_container {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 0 30px;
  }
}
.charts .cej_header {
  width: 100%;
  text-align: center;
  padding: 0 0 30px 0;
}
@media (max-width: 768px) {
  .charts .cej_header {
    padding: 0 0 15px 0;
  }
}
.charts .cej_dd_container {
  display: inline-block;
  padding: 0 5px;
}
.charts .cej_dd_container > label {
  float: left;
  font-size: 14px;
  line-height: 34px;
  padding-right: 5px;
}
.charts .cej_dd_container .select-dropdown {
  text-align: left;
  display: inline-block;
  margin: 0 5px;
}
@media (max-width: 1024px) {
  .charts .cej_dd_container {
    display: block;
  }
  .charts .cej_dd_container > label {
    float: none;
  }
  .charts .cej_dd_container .select-dropdown {
    display: block;
    text-align: center;
  }
}

.cej_chart {
  width: 546px;
  height: 315px;
  border: 4px solid #fff;
  border-radius: 180px;
  display: block;
  position: relative;
  margin: 40px auto;
  padding: 55px;
  box-shadow: -1.975px 0.313px 27.26px 1.74px rgba(0, 0, 0, 0.12);
}
@media (max-width: 768px) {
  .cej_chart {
    position: relative;
    transform: scale(0.5);
    left: 50%;
    transform-origin: left center;
    margin: -70px auto;
    margin-left: -136px;
  }
}
.cej_chart .start-btn {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ebebeb;
  border: 1px solid #d6d9dc;
  top: -26px;
  right: 217px;
  font-weight: 600;
  z-index: 3;
  vertical-align: middle;
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
}
.cej_chart .cej_chart-inner {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 100px;
  border: 4px dotted #e7e7e7;
  padding: 50px;
  position: relative;
  z-index: 1;
}
.cej_chart .cej_chart-inner .arrow-1 {
  position: absolute;
  top: -12px;
  left: 109px;
  font-size: 22px;
}
.cej_chart .cej_chart-inner .arrow-2 {
  position: absolute;
  top: -12px;
  right: 132px;
  font-size: 22px;
}
.cej_chart .cej_chart-inner .arrow-2 i {
  margin: 0 2px;
}
.cej_chart .cej_chart-inner .arrow-3 {
  position: absolute;
  bottom: 5px;
  right: 30px;
  font-size: 22px;
  transform: rotate(-31deg);
}
.cej_chart .cej_chart-inner .arrow-4 {
  position: absolute;
  bottom: -12px;
  right: 189px;
  font-size: 22px;
}
.cej_chart .cej_chart-inner .arrow-4 i {
  margin: 0 2px;
}
.cej_chart .cej_chart-inner .arrow-5 {
  position: absolute;
  bottom: -2px;
  left: 44px;
  font-size: 22px;
  transform: rotate(33deg);
}
.cej_chart .cej_chart-inner .arrow-5 i {
  margin: 0 2px;
}
.cej_chart .cej_chart-inner .exp-container {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 100px;
  padding: 25px;
  box-shadow: inset 3px 2px 22px -2px rgba(0, 0, 0, 0.23);
}
.cej_chart .cej_chart-inner .exp-container .exp-box {
  width: 100%;
  height: 100%;
  background-color: #a3afba;
  border-radius: 100px;
  display: table;
}
.cej_chart .cej_chart-inner .exp-container .exp-box h3 {
  font-size: 20px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 20px;
  font-weight: 500;
  color: #fff;
}
.cej_chart .cej_chart-inner .exp-container .exp-box h3 span {
  font-weight: 600;
}
.cej_chart .item {
  height: 110px;
  width: 110px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  border: 4px solid #ddd;
  z-index: 2;
}
.cej_chart .item a {
  font-size: 10px;
  padding: 8px;
  margin-top: 15px;
  line-height: 1;
  display: block;
  text-align: center;
  color: white;
  font-weight: 600;
}
.cej_chart .item a:focus {
  outline: 0;
  text-decoration: none;
}
.cej_chart .item a span {
  margin-top: 6px;
  display: block;
  font-size: 28px;
}
.cej_chart .item a span i {
  font-size: 12px;
  position: relative;
  top: -12px;
}
.cej_chart .item:nth-child(7) {
  top: 0px;
  left: 199px;
}
.cej_chart .item:nth-child(6) {
  top: 10px;
  left: 47px;
}
.cej_chart .item:nth-child(5) {
  top: 136px;
  left: 2px;
}
.cej_chart .item:nth-child(4) {
  top: 203px;
  left: 136px;
}
.cej_chart .item:nth-child(3) {
  top: 200px;
  right: 120px;
}
.cej_chart .item:nth-child(2) {
  top: 113px;
  right: -4px;
}
.cej_chart .item:nth-child(1) {
  top: 3px;
  right: 66px;
}
.cej_chart .item.positive {
  border: 4px solid #8ec549;
  background-color: #8ec549;
}
.cej_chart .item.positive span {
  color: white;
}
.cej_chart .item.negative {
  border: 4px solid #eb2151;
  background-color: #eb2151;
}
.cej_chart .item.negative span {
  color: white;
}
.cej_chart .item.neutral {
  border: 4px solid #ef662f;
  background-color: #ef662f;
}
.cej_chart .item.neutral span {
  color: white;
}
.cej_chart .item.normal {
  border: 4px solid #ebebeb;
  background-color: #ebebeb;
  color: #646464;
}
.cej_chart .item.normal a {
  color: #646464;
}
.cej_chart .item.normal span {
  color: #eb2151;
}
.cej_chart.left {
  float: left;
}
.cej_chart.right {
  float: right;
}
.cej_chart.five .item:nth-child(6) {
  display: none;
}
.cej_chart.five .item:nth-child(7) {
  display: none;
}
.cej_chart.five .item:nth-child(1) {
  top: -4px;
  left: 85px;
}
.cej_chart.five .item:nth-child(2) {
  top: -3px;
  right: 84px;
}
.cej_chart.five .item:nth-child(3) {
  top: 156px;
  right: 13px;
}
.cej_chart.five .item:nth-child(4) {
  top: 203px;
  left: 226px;
}
.cej_chart.five .item:nth-child(5) {
  top: 150px;
  left: 12px;
}
.cej_chart.five .start-btn {
  right: 329px;
}
.cej_chart.five .arrow-2 {
  position: absolute;
  top: -15px;
  right: 191px;
  font-size: 22px;
}
.cej_chart.five .arrow-5 {
  position: absolute;
  bottom: -16px;
  left: 100px;
  font-size: 22px;
  transform: rotate(5deg);
}
.cej_chart.five .arrow-4 {
  position: absolute;
  bottom: -16px;
  right: 88px;
  font-size: 22px;
}

.widget--keyperformance-indicators .keyperformance-container {
  float: left;
  width: 100%;
  color: #212229;
  margin: 10px 0 25px;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .widget--keyperformance-indicators .keyperformance-container {
    margin: 10px 0 10px;
  }
}
.widget--keyperformance-indicators .keyperformance-container .keyperformance__solidchart {
  position: absolute;
  left: 0;
}
.widget--keyperformance-indicators .keyperformance-container .keyperformance__solidchart highcharts-chart {
  display: block;
  width: 52px;
  height: 52px;
}
.widget--keyperformance-indicators .keyperformance-container .keyperformance__header {
  float: left;
  width: 48%;
  position: relative;
  padding-left: 65px;
}
@media (max-width: 1024px) {
  .widget--keyperformance-indicators .keyperformance-container .keyperformance__header {
    width: 100%;
  }
}
.widget--keyperformance-indicators .keyperformance-container .keyperformance__header .keyperformance__score {
  font-size: 25px;
  font-weight: 500;
}
.widget--keyperformance-indicators .keyperformance-container .keyperformance__linechart {
  float: right;
  width: 50%;
}
@media (max-width: 1024px) {
  .widget--keyperformance-indicators .keyperformance-container .keyperformance__linechart {
    width: 100%;
  }
}
.widget--keyperformance-indicators .keyperformance-container .keyperformance__linechart highcharts-chart {
  display: block;
  width: 100%;
  height: 50px;
}

.customer-comment-row {
  overflow: auto;
  clear: both;
  border-bottom: 1px solid #e9ecef;
  padding: 20px 0;
  margin-right: 15px;
}

.customer-comment-container {
  overflow: auto;
  font-size: 12px;
}
@media (max-width: 1024px) {
  .customer-comment-container {
    height: auto;
  }
}
.customer-comment-container .customer-title-col {
  float: left;
  width: 100%;
  position: relative;
  padding: 0 0 0 50px;
}
.customer-comment-container .customer-title-label {
  position: absolute;
  left: 0;
  top: 0;
}
.customer-comment-container .customer-title-label .label-prefix {
  background-color: #058DC7;
  color: #fff;
  font-size: 14px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  vertical-align: bottom;
}
.customer-comment-container .customer-title {
  font-weight: bold;
  color: #333;
  padding-bottom: 5px;
  font-size: 14px;
}
.customer-comment-container .customer-title-kpi {
  color: #333;
  font-weight: bold;
}
.customer-comment-container .customer-comments {
  padding: 8px 0;
}
.customer-comment-container .label-question {
  float: left;
  width: 50%;
  text-align: left;
}
.customer-comment-container .label-question .radius {
  float: left;
  margin-right: 4px;
  background-color: #ef207d;
  color: #fff;
  font-size: 11px;
  width: 25px;
  height: 15px;
  line-height: 15px;
  border-radius: 20px;
  text-align: center;
  vertical-align: bottom;
}
.customer-comment-container .label-question .radius2 {
  float: left;
  width: 25px;
  line-height: 17px;
  color: #969dab;
}
.customer-comment-container .label-date {
  float: left;
  width: 50%;
  color: #969dab;
  text-align: right;
  padding: 0 5px 0 0;
}
.customer-comment-container .customer-bottom-row {
  clear: both;
  overflow: auto;
}

/*@import 'app/widgets/exprience__kpi';
@import 'app/widgets/last__days';
@import 'app/widgets/weekly__traffic';
@import 'app/widgets/alerts';
@import 'app/widgets/sales__driver';
@import 'app/widgets/surveys';
@import 'app/widgets/recent__comments';

@import 'app/widgets/areas__for__improvement';
@import 'app/widgets/tags';
@import 'app/widgets/cl__breakdown';
@import 'app/widgets/cl__efficiency';
@import 'app/widgets/obw';
@import 'app/widgets/retailers';
@import 'app/widgets/cl__re';
@import 'app/widgets/emerging__trends';
@import 'app/widgets/customer__inquiries';
@import 'app/widgets/auto__reviews';
@import 'app/widgets/top__issues';
@import 'app/widgets/top__bottom';
@import "app/widgets/response__analysis";
@import "app/widgets/multiple__widget";
@import "app/widgets/multiple__hot__alerts";
@import "app/widgets/total__alerts";
@import "app/widgets/sentiment__analysis";

@import "app/widgets/social__media__feed";
@import "app/widgets/social__media__cards";
@import "app/widgets/keywords";
@import "app/widgets/categories";

@import 'app/kpi';
@import 'app/kpi__tabular';

@import 'app/messages';
@import 'app/table__tabs';*/
.loader-overlay {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  opacity: 0.9;
  filter: alpha(opacity=90);
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 31;
}

.loader {
  width: 100%;
  text-align: center;
  position: absolute;
  transition: all 0.2s ease;
  height: 44px;
  top: 50%;
  margin: -22px 0 0 0;
}

.loader-overlay-w {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
}
.loader-overlay-w.active {
  opacity: 0.9;
  filter: alpha(opacity=90);
  visibility: visible;
}
.loader-overlay-w .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
}

.error-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.error-wrapper .error {
  height: 100%;
  width: 100%;
  background: url("assets/styles/portal/build/assets/images/mbc-icon-light.png") center 25% no-repeat #fff;
  position: relative;
  background-size: 30% auto;
}
@media only screen and (max-width: 1024px) {
  .error-wrapper .error {
    background-size: 60% auto;
    background-position: center 32.5%;
  }
}
.error-wrapper .error .error__inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  text-align: center;
  z-index: 2;
  background: rgba(253, 237, 235, 0.75);
}
.error-wrapper .error .error__inner i {
  margin-top: -43px;
  font-size: 60px;
  background: #fff;
  position: relative;
  border-radius: 100%;
  padding: 10px;
  border: 3px solid #fdedeb;
  color: #e74c3c;
}
.error-wrapper .error .error__inner i img {
  float: left;
  max-width: 60px;
  max-height: 60px;
}
.error-wrapper .error .error__inner h1 {
  font-size: 50px;
  color: #333333;
}
.error-wrapper .error .error__inner p {
  font-size: 18px;
  margin: 15px 0;
  color: #4c5e70;
}
.error-wrapper .error .error__footer .btn {
  margin: 0 5px;
}
.error-wrapper .error.error--success i {
  color: #eaeceb;
  border-color: #e8f1eb;
}
.error-wrapper .error.error--success .error__inner {
  background: #e8f1eb;
}
.error-wrapper .error.error--success .error__inner p {
  margin: 20px 0;
}

.timeout {
  display: table;
  height: 100%;
  background: #fff;
  width: 100%;
  font-size: 1rem;
}
.timeout .timeout__inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.timeout .timeout__inner h1 {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #4ca1fe;
}
.timeout .timeout__inner h1 :lang(fr) {
  text-transform: none;
}
.timeout .timeout__inner p {
  font-size: 1.8em;
  margin: 30px 0;
}
.timeout .timeout__inner .btn--timeout {
  display: inline-block;
}

.logout-page {
  display: table;
  height: 100%;
  background: #fff;
  width: 100%;
}
.logout-page .logout__inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.logout-page .logout__inner p {
  font-size: 24px;
  margin: 0;
  color: #4ca1fe;
  font-weight: 600;
}

.customer-profile .customer-info {
  box-sizing: border-box;
  width: 41.6666666667%;
  float: left;
}
.customer-profile .customer-info .customer-name {
  font-size: 20px;
  color: #34495e;
  line-height: 26px;
}
.customer-profile .customer-info .customer-name .customer__email {
  display: block;
  font-size: 14px;
  text-transform: lowercase;
}
.customer-profile .customer-info .customer-detail {
  float: left;
  width: 100%;
}
.customer-profile .customer-info .customer-detail ul {
  list-style: none outside none;
  padding: 0;
}
.customer-profile .customer-info .customer-detail ul li {
  margin-top: 15px;
  line-height: 22px;
}
.customer-profile .customer-info .customer-detail ul li .title {
  display: block;
  font-size: 12px;
  color: #a9b4bd;
}
.customer-profile .customer-info .customer-detail ul li .number {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 12px;
  color: #34495e;
  font-weight: 600;
  padding-right: 40px;
}
.customer-profile .customer-info .customer-detail ul li .status {
  padding: 2px 10px;
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-weight: 600;
  font-size: 12px;
  margin-top: 2px;
}
.customer-profile .customer-info .customer-detail ul li .status.open {
  background: #28b266;
}
.customer-profile .customer-info .customer-detail ul li .status.in-progress {
  background: #fcc014;
}
.customer-profile .customer-info .customer-detail ul li .status.late, .customer-profile .customer-info .customer-detail ul li .status.close {
  background-color: #f16363;
}
.customer-profile .customer-detailed-info {
  box-sizing: border-box;
  width: 58.3333333333%;
  float: left;
  padding: 5px 10px;
}
.customer-profile .customer-detailed-info .profile-details {
  width: 100%;
}
.customer-profile .customer-detailed-info .profile-details tr td {
  padding: 12px 0;
  border-bottom: 1px solid #ededed;
}
.customer-profile .customer-detailed-info .profile-details tr td:first-child {
  font-size: 12px;
  color: #a9b4bd;
  font-weight: 500;
  width: 45%;
}
.customer-profile .customer-detailed-info .profile-details tr td:last-child {
  font-size: 12px;
  color: #666;
}
.customer-profile .customer-detailed-info .profile-details tr:last-child td {
  border: 0;
}

.customer-life-cycle {
  padding: 0;
  position: relative;
  height: calc(100% - 40px);
}
.customer-life-cycle .timeline-details {
  clear: both;
}
.customer-life-cycle .timeline-details .timeline-block {
  padding: 0 0 15px 0;
  position: relative;
}
.customer-life-cycle .timeline-details .timeline-block:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 1px solid #e7e7ea;
  left: 15px;
  top: 0;
}
.customer-life-cycle .timeline-details .timeline-block .icon-box {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  text-align: center;
  margin-right: 15px;
  display: inline-block;
  line-height: 26px;
  color: white;
  padding: 0;
  font-size: 12px;
  border: 2px solid white;
}
.customer-life-cycle .timeline-details .timeline-block .icon-box.green {
  background-color: #dbefec;
  color: #70c1b3;
  border-color: #70c1b3;
}
.customer-life-cycle .timeline-details .timeline-block .icon-box.orange {
  background-color: #fee5c2;
  color: #fca52b;
  border-color: #fca52b;
}
.customer-life-cycle .timeline-details .timeline-block .icon-box.blue {
  background-color: #c4f5ff;
  color: #00a3c4;
  border-color: #00a3c4;
}
.customer-life-cycle .timeline-details .timeline-block .icon-box.red {
  background-color: #fef9f9;
  color: #dc3545;
  border-color: #dc3545;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content {
  background: white;
  border: 1px solid #e2e7ec;
  display: inline-block;
  width: calc(100% - 60px);
  vertical-align: top;
  position: relative;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content:after, .customer-life-cycle .timeline-details .timeline-block .timeline__content:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content:after {
  border-width: 8px;
  border-right-color: #fff;
  left: -16px;
  top: 8px;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content:before {
  border-width: 9px;
  border-right-color: #d9dee3;
  left: -18px;
  top: 7px;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__left {
  float: left;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__right {
  float: right;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__date {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 2px;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__status {
  border-radius: 3px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1px 3px;
  vertical-align: middle;
  color: #ffffff;
  display: inline-block;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__status :lang(fr) {
  text-transform: none;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__status.green {
  background: #70c1b3;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__status.orange {
  background: #fca52b;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__status.blue {
  background: #00a3c4;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__status.red {
  background: #dc3545;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__rating {
  font-size: 12px;
  font-weight: 600;
  padding-top: 14px;
  float: left;
  display: inline-block;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__count {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  padding: 2px;
  float: left;
  font-weight: 500;
  color: white;
  font-size: 12px;
  text-align: center;
  line-height: 36px;
  margin: 0 0 0 7px;
  border: 1px solid white;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__count.green {
  background-color: #dbefec;
  color: #70c1b3;
  border-color: #70c1b3;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__count.orange {
  background-color: #fee5c2;
  color: #fca52b;
  border-color: #fca52b;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__count.blue {
  background-color: #c4f5ff;
  color: #00a3c4;
  border-color: #00a3c4;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__count.red {
  background-color: #fef9f9;
  color: #dc3545;
  border-color: #dc3545;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__top {
  padding: 8px 15px;
  float: left;
  width: 100%;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__bottom {
  float: left;
  width: 100%;
  background: #f3f6f9;
  padding: 8px 15px;
  border-top: 1px solid #e2e7ec;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__bottom .timeline__right {
  margin: 0;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__model {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__model span {
  display: block;
  color: #989898;
  font-size: 12px;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__source {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.customer-life-cycle .timeline-details .timeline-block .timeline__content .timeline__source span {
  display: block;
  color: #989898;
  font-size: 12px;
}
.customer-life-cycle .timeline-details:last-child .timeline-block:before, .customer-life-cycle .timeline-details .last-child .timeline-block:before {
  display: none;
}

.all-survey {
  max-width: 100%;
}
.all-survey table {
  width: 100%;
}
.all-survey table tr {
  display: table-row;
  border-bottom: 1px solid #f5f5f5;
}
.all-survey table tr.last-child {
  border: 0;
}
.all-survey table tr.header-row {
  border: 1px solid #ebebeb;
}
.all-survey table tr.header-row td {
  background: #f3f6f9;
  padding: 10px !important;
  vertical-align: middle;
  text-align: left;
  font-size: 12px;
  color: #666666;
}
.all-survey table tr.header-row td.center {
  text-align: center;
}
.all-survey table tr.header-row td:first-child {
  padding-left: 22px;
  font-size: 14px;
  text-transform: none;
}
.all-survey table tr td {
  font-size: 12px;
  padding: 15px 10px !important;
  color: #989898;
  border: none !important;
}
.all-survey table tr td:first-child {
  padding-left: 50px;
  text-transform: uppercase;
}
.all-survey table tr td:first-child :lang(fr) {
  text-transform: none;
}
.all-survey table tr.highlighted-row {
  background-color: white;
  text-transform: uppercase;
  border-color: #e0e0e0;
}
.all-survey table tr.highlighted-row :lang(fr) {
  text-transform: none;
}
.all-survey table tr.highlighted-row td {
  color: #4ca1fe;
}
.all-survey table .th-text {
  display: inline-block;
  vertical-align: top;
  color: #989898;
}
.all-survey table .th-text span {
  display: block;
  color: #666;
}
.all-survey table .icon-col {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
}
.all-survey table .icon-col.blue {
  color: #00a3c4;
}
.all-survey table .icon-col.red {
  color: #e35092;
}
.all-survey table .icon-col.green {
  color: #11c97e;
}
.all-survey table .icon-col.orange {
  color: #fd7e14;
}
.all-survey table .rating-box {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border: 1px solid white;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 600;
  background-color: white;
  display: inline-block;
  padding: 0 1px;
  text-align: center;
}
.all-survey table .rating-box.green {
  background-color: #dbefec;
  color: #70c1b3;
  border-color: #70c1b3;
}
.all-survey table .rating-box.orange {
  background-color: #fee5c2;
  color: #fca52b;
  border-color: #fca52b;
}
.all-survey table .rating-box.blue {
  background-color: #c4f5ff;
  color: #00a3c4;
  border-color: #00a3c4;
}
.all-survey table .rating-box.red {
  background-color: #fef9f9;
  color: #dc3545;
  border-color: #dc3545;
}

.following-field {
  border-radius: 5px;
  border: 1px solid #d6dade;
  padding: 9px 10px 10px;
  height: 40px;
}

.following-tags li {
  display: inline-block;
  margin-right: 5px;
  font-weight: 500;
  font-size: 11px;
  color: white;
  text-transform: uppercase;
  padding: 3px 7px;
  border-radius: 3px;
  background: #4da1ff;
  background-clip: padding-box;
}
.following-tags li :lang(fr) {
  text-transform: none;
}

.timeline-history {
  position: relative;
  padding: 0 50px 40px;
  margin-top: 40px;
  float: left;
  width: 100%;
  text-align: left;
}
.timeline-history .status {
  padding: 3px 10px 2px;
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-weight: 500;
  font-size: 11px;
  margin-top: 2px;
  text-transform: uppercase;
}
.timeline-history .status :lang(fr) {
  text-transform: none;
}
.timeline-history .status.open {
  background: #dc3545;
}
.timeline-history .status.in-progress {
  background: #fd7e14;
}
.timeline-history .status.late {
  background: #dc3545;
}
.timeline-history .status.close {
  background-color: #3bb001;
}
.timeline-history .status.comment {
  background-color: #4ca1fe;
}
.timeline-history .timeline__icon {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 20;
  background: white;
  margin-left: -22.5px;
  width: 45px;
  text-align: center;
  height: 45px;
  line-height: 41px;
  border-radius: 50%;
  border: 2px solid #e5e5e5;
  font-size: 20px;
  color: #e5e5e5;
}
.timeline-history .timeline__icon.open {
  color: #dc3545;
}
.timeline-history .timeline__icon.in-progress {
  color: #fd7e14;
}
.timeline-history .timeline__icon.late {
  color: #dc3545;
}
.timeline-history .timeline__icon.close {
  color: #3bb001;
}
.timeline-history .timeline__icon.comment {
  color: #4ca1fe;
}

.timeline__block {
  position: relative;
  padding: 0 0 40px 0;
  float: left;
  width: 100%;
}
.timeline__block:last-child:after, .timeline__block .last-child:after {
  display: none;
}
.timeline__block:after {
  /* this is the vertical line */
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  height: 100%;
  width: 2px;
  background: #e5e5e5;
  display: inline;
  z-index: 10;
}
.timeline__block .timeline__content {
  position: relative;
  border-radius: 3px;
  background: #f3f6f9;
  margin-left: 0;
  float: right;
  padding: 20px;
  width: 45%;
}
.timeline__block .timeline__content:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.timeline__block .timeline__content:after {
  border-width: 10px;
  border-right-color: #f3f6f9;
  left: -20px;
  top: 10px;
}
.timeline__block .timeline__content h2 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}
.timeline__block .timeline__content h2 :lang(fr) {
  text-transform: none;
}
.timeline__block .timeline__content h2 .time {
  color: #999999;
}
.timeline__block .timeline__content p {
  font-size: 12px;
  padding: 10px 0 0;
}
.timeline__block .timeline__content .timeline__date {
  padding: 0;
  line-height: 25px;
  text-align: right;
  color: #333333;
  position: absolute;
  width: 100%;
  right: 122%;
  top: 6px;
}
.timeline__block .timeline__content .timeline__date h4 {
  font-size: 30px;
}
.timeline__block .timeline__content .timeline__date.open {
  color: #dc3545;
}
.timeline__block .timeline__content .timeline__date.in-progress {
  color: #fd7e14;
}
.timeline__block .timeline__content .timeline__date.late {
  color: #dc3545;
}
.timeline__block .timeline__content .timeline__date.close {
  color: #3bb001;
}
.timeline__block .timeline__content .timeline__date.comment {
  color: #4ca1fe;
}
.timeline__block .timeline__content .timeline__date h5 {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  color: #666;
}
.timeline__block .timeline__content .timeline__date h5 :lang(fr) {
  text-transform: none;
}
.timeline__block .timeline__content .timeline__user {
  font-size: 12px;
  text-transform: uppercase;
  padding: 10px 0 0 0;
}
.timeline__block .timeline__content .timeline__user :lang(fr) {
  text-transform: none;
}
.timeline__block .timeline__content .timeline__user i {
  margin-right: 3px;
}
.timeline__block.manual-comment .timeline__content {
  float: left;
  text-align: right;
}
.timeline__block.manual-comment .timeline__content:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.timeline__block.manual-comment .timeline__content:after {
  border-width: 10px;
  border-left-color: #f3f6f9;
  right: -20px;
  top: 10px;
}
.timeline__block.manual-comment .timeline__content:after {
  left: auto;
}
.timeline__block.manual-comment .timeline__content .timeline__date {
  right: auto;
  left: 122%;
  text-align: left;
}

.ct__filters {
  display: flex;
  border-bottom: 1px solid #ebebeb;
  align-items: baseline;
}
.ct__filters .filter-item {
  padding: 15px 20px;
  flex: 1 1 0;
}
.ct__filters .filter-item .ui-inputgroup {
  float: right;
}

.ct__topcontrols {
  float: left;
}
.ct__topcontrols li {
  display: inline-block;
  margin-right: 5px;
}

.crosstab__wrapper {
  clear: both;
}
.crosstab__wrapper:before, .crosstab__wrapper:after {
  content: " ";
  display: table;
}
.crosstab__wrapper:after {
  clear: both;
}
.crosstab__wrapper .content {
  padding: 20px 10px;
}
.crosstab__wrapper .content:before, .crosstab__wrapper .content:after {
  content: " ";
  display: table;
}
.crosstab__wrapper .content:after {
  clear: both;
}
.crosstab__wrapper .content .content__col {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 500px;
}
.crosstab__wrapper .content .content__col.col--left {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.crosstab__wrapper .content .content__col.col--right {
  box-sizing: border-box;
  width: 66.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.defer-row {
  clear: both;
  font-size: 14px;
  padding: 10px 0;
}
.defer-row p-checkbox {
  display: inline-block;
  padding: 7px 0 0 0;
}
.defer-row p-checkbox .ui-chkbox {
  margin-top: -1px;
}
.defer-row .btn {
  float: right;
}

.ct__footer {
  border-top: 1px solid #ebebeb;
  padding: 15px;
  margin: 0 0 0;
  position: relative;
  background: #f9fafc;
  text-align: right;
  border-radius: 0 0 3px 3px;
}
.ct__footer .btn {
  margin: 0 5px 0 0;
}

.default-content p {
  margin-bottom: 20px;
}

.default {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.default .default__filters {
  float: left;
  width: 100%;
  padding: 0;
}
.default .default__filters ul {
  display: block;
  width: 100%;
}
.default .default__filters li {
  float: left;
  text-align: left;
  border: 1px solid #ebebeb;
  overflow: hidden;
  border-right: 0;
}
.default .default__filters li:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 0;
}
.default .default__filters li:last-child {
  border-right: 1px solid #ebebeb;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 3px;
}
.default .default__filters li a {
  color: #666;
  font-size: 14px;
  padding: 10px 25px;
  display: block;
}
.default .default__filters li a:hover {
  color: #666;
  background: #f3f6f9;
}

.dx-loadpanel-content {
  z-index: 900 !important;
}

.ui-inputgroup .ui-dropdown-label {
  position: relative;
}
.ui-inputgroup .btn-group {
  position: absolute;
  right: 24px;
  top: 0;
}
.ui-inputgroup .btn-group .ui-button.ui-button-icon-only {
  width: 26px;
  background: none;
  border-radius: 0;
  border: none;
  color: #b3b3b3;
  font-size: 14px;
}
.ui-inputgroup .btn-group .ui-button.ui-button-icon-only .ui-button-text {
  padding: 0;
  line-height: 32px;
}
.ui-inputgroup .ui-dropdown-item {
  position: relative;
  padding: 9px 10px 8px !important;
}
.ui-inputgroup .ui-dropdown-item:first-child {
  border-top: 0;
}
.ui-inputgroup .ui-dropdown-item .btn-group {
  right: 0;
}
.ui-inputgroup .ui-dropdown-item .btn-group .ui-button.ui-button-icon-only {
  font-size: 13px;
}

.dx-pivotgrid-container {
  overflow-x: auto;
  width: 100.1%;
}

._checkbox_disabled {
  pointer-events: none;
}
._checkbox_disabled .dx-checkbox-icon {
  background: #ddd;
}

div[group=filter] .dx-sort.dx-sort-up {
  display: none;
}

.dx-pivotgrid.dx-overflow-hidden {
  overflow: initial !important;
}

.notification-template .template__editable,
.notification-template .template__original {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding: 20px;
}
.notification-template h4 {
  font-size: 12px;
  margin-bottom: 10px;
  color: #a9b4bd;
}
.notification-template .template__subject {
  margin-bottom: 15px;
}
.notification-template .template__subject input[type=text] {
  width: 100%;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #ebebeb;
}
.notification-template .invite__content {
  background: #fff;
  padding: 30px;
  border-radius: 3px;
  border: 1px solid #ebebeb;
}
.notification-template .invite__content table {
  margin-bottom: 20px;
  border-collapse: separate;
  border-spacing: 15px;
  width: 100%;
}
.notification-template .invite__content table tr {
  border: 0;
}
.notification-template .invite__content table td {
  text-align: left;
  font-size: 12px;
  color: #a9b4bd;
  font-weight: normal;
  border-bottom: 2px solid #ebebeb;
}
.notification-template .invite__content table td:first-child {
  color: #34495e;
}
.notification-template .invite__content h2 {
  margin-bottom: 10px;
  font-size: 12px;
  color: #34495e;
}
.notification-template .invite__content p {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 18px;
}
.notification-template .template__original .invite__content {
  border: 0;
  padding: 0 0 0;
  background: transparent;
}
.notification-template .template__original .template__subject {
  font-size: 12px;
  margin: 20px 0 52px;
  color: #34495e;
}
.notification-template .template__original .template__subject span {
  display: inline-block;
  margin-right: 10px;
  color: #a9b4bd;
}
.notification-template .template__actions {
  margin: 15px 0;
}
.notification-template .template__actions .btn {
  margin-right: 10px;
}
.notification-template .template__actions p {
  margin: 20px 0;
  font-size: 12px;
  color: #34495e;
}
.notification-template .template__actions p span {
  display: inline-block;
  margin-right: 10px;
  color: #a9b4bd;
}

.main-sidebar {
  top: 79px;
  border-top: 1px solid #e1e4e7;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0.5, 0.32, 0.01, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0.32, 0.01, 1);
  left: -192px;
  z-index: 31;
  height: 100%;
  width: 257px;
  position: fixed;
  background: #fff;
}
@media (max-width: 1024px) {
  .main-sidebar {
    left: -262px;
    top: 55px;
  }
}
.main-sidebar ul {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  visibility: hidden;
  padding-top: 50px;
}
.main-sidebar ul li a {
  display: block;
  padding: 15px 20px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  color: #494c57;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
.main-sidebar ul li a:hover {
  color: #4ca1fe;
}
.main-sidebar ul li a:after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -5px;
}
.main-sidebar ul li.active > a {
  color: #4ca1fe;
}
.main-sidebar ul li.selected > a {
  border-left: 4px solid #4ca1fe;
  color: #4ca1fe;
}
.main-sidebar ul li.selected > a:after {
  content: "";
}
.main-sidebar ul li ul {
  margin: 0;
  padding: 10px 0 10px 30px;
  background: #f5f6f7;
}
.main-sidebar ul li ul li a {
  border: 0;
  padding: 8px;
  color: #969dab;
}
.main-sidebar ul li ul li a:after {
  display: none;
}
.main-sidebar.active {
  left: 0;
}
.main-sidebar.active ul {
  opacity: 1;
  visibility: visible;
}

.sidebar-header {
  position: relative;
  float: left;
  width: 100%;
}

.sidebar-overlay {
  position: fixed;
  z-index: 30;
  width: 100%;
  height: 100%;
  top: 79px;
  bottom: 0;
  left: 0;
}

.menu-wrapper {
  position: absolute;
  top: 23px;
  right: 23px;
  bottom: 0;
  width: 18px;
  height: 14px;
  z-index: 10;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .menu-wrapper {
    display: block;
  }
}
.header .menu-wrapper {
  top: 0;
  left: 0;
  right: auto;
  height: 55px;
  width: 35px;
  padding: 21px 0 0 12px;
  display: none;
}
@media (max-width: 1024px) {
  .header .menu-wrapper {
    display: block;
  }
}
.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
  width: 18px;
  height: 2px;
}

.hamburger-menu {
  position: relative;
  transform: translateY(6px);
  background: #caced5;
  transition: all 0ms 300ms;
}
.hamburger-menu.animate {
  background: rgba(202, 206, 213, 0);
}

.hamburger-menu:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 6px;
  background: #caced5;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu:after {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  background: #caced5;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.arrow-wrap {
  width: 100%;
  margin: 0;
}
@media (max-width: 1024px) {
  .arrow-wrap {
    display: none;
  }
}
.arrow-wrap .arrow__left, .arrow-wrap .arrow__right {
  cursor: all-scroll;
  position: absolute;
  z-index: 16;
  width: 36px;
  height: 63px;
  line-height: 63px;
  font-size: 36px;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  text-align: center;
  background-color: rgba(227, 237, 240, 0.8);
  border-radius: 10px;
}
.arrow-wrap .arrow__left .icon, .arrow-wrap .arrow__right .icon {
  color: #d1d1d1;
}
.arrow-wrap .arrow__left:hover, .arrow-wrap .arrow__right:hover {
  background: #4ca1fe;
}
.arrow-wrap .arrow__left:hover .icon, .arrow-wrap .arrow__right:hover .icon {
  color: #fff;
}
.arrow-wrap .arrow__right {
  right: 2%;
}

.ds__filters {
  display: flex;
  border-bottom: 1px solid #ebebeb;
  align-items: baseline;
}
.ds__filters .filter-item {
  padding: 15px 20px;
  flex: 1 1 0;
  border-left: 1px solid #ebebeb;
}
.ds__filters .filter-item:first-child {
  border-left: 0;
}
.ds__filters .filter-item .item__label {
  font-size: 12px;
  color: #969dab;
  margin-right: 50px;
}

.dynamic-topic-search {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.dynamic-topic-search:after {
  content: " ";
  display: block;
  clear: both;
}

.ds-drag-column {
  box-sizing: border-box;
  width: 25%;
  float: left;
  border-right: 1px solid #ebebeb;
  min-height: 400px;
}
@media (max-width: 1024px) {
  .ds-drag-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    min-height: auto;
  }
}
.ds-drag-column .drag__list .list__item a {
  display: block;
  font-size: 12px;
  padding: 12px 15px;
  text-transform: capitalize;
  color: #34495e;
  border-bottom: 1px solid #ebebeb;
  text-decoration: none;
  position: relative;
  background: #f5f6f7;
}
.ds-drag-column .drag__list .list__item a :lang(fr) {
  text-transform: none;
}
.ds-drag-column .drag__list .list__item a:hover {
  cursor: move;
}
.ds-drag-column .drag__list .list__item a .action {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  content: "";
  color: #bdc2c6;
  font-size: 14px;
  right: 20px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .ds-drag-column .drag__list .list__item a .action:before {
    content: "";
  }
}
.ds-drag-column .drag__list .list__item.active > a {
  background: #edeef1;
}
.ds-drag-column .drag__list .list__item.active > a:before {
  content: "";
}
.ds-drag-column .drag__list .list__item.disabled a {
  opacity: 0.5;
}
.ds-drag-column .drag__list .list__item ul li a {
  background: #fff;
  padding: 9px 15px;
}
.ds-drag-column .drag__list .list__item ul li a:before:hover {
  cursor: pointer;
}
.ds-drag-column .drag__list .list__item ul li a:hover {
  background: #4ca1fe;
  color: #fff;
}
.ds-drag-column .drag__list .list__item ul li a.ui-state-disabled:hover {
  color: #000;
  opacity: 1;
}
.ds-drag-column .drag__list .list__item ul li a.active span {
  display: none;
}
.ds-drag-column .drag__list .list__item ul li:first-child a {
  border-radius: 0;
}
.ds-drag-column .drag__list .list__item ul li.selected a:before {
  content: "";
  color: #4ca1fe;
  font-size: 12px;
  right: 17px;
}
.ds-drag-column .drag__list .list__item ul li.selected a:hover {
  background: none;
  cursor: default;
  color: inherit;
}
.ds-drop-column {
  box-sizing: border-box;
  width: 75%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  min-height: 400px;
  padding: 25px;
}
@media (max-width: 1024px) {
  .ds-drop-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding: 10px;
    min-height: auto;
  }
}
.ds-drop-column .btn--danger {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -41px;
  text-align: center;
}
.ds-drop-column .drop-list .list__item {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
@media (max-width: 1024px) {
  .ds-drop-column .drop-list .list__item {
    margin-bottom: 10px;
  }
}
.ds-drop-column .drop-list .list__item a {
  color: #34495e;
  border: 1px solid #ebebeb;
  padding: 15px;
  border-radius: 3px;
  display: block;
  cursor: move;
}
.ds-drop-column .drop-list .list__item a.input-holder {
  padding: 14px 15px;
}
.ds-drop-column .drop-list .list__item a.input-holder input {
  min-width: 70px;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  border: none;
  text-align: center;
}
.ds-drop-column .drop-list .list__item i {
  position: absolute;
  top: -7px;
  right: -7px;
  font-size: 10px;
  cursor: pointer;
  z-index: 1;
  background: #ef207d;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  text-align: center;
  width: 18px;
  color: #fff;
  height: 18px;
  line-height: 19px;
  border-radius: 100%;
}
.ds-drop-column .drop-list .list__item:hover a {
  border-color: #b7b7b7;
}
.ds-drop-column .drag-content {
  border: 2px dashed #ebebeb;
  padding: 20px;
  text-align: center;
  border-radius: 3px;
  clear: both;
  float: left;
  width: 100%;
  max-height: 500px;
  min-height: 90px;
  overflow-y: auto;
}
.ds-drop-column .drag-content.cdk-drop-list-receiving, .ds-drop-column .drag-content.cdk-drop-list-dragging {
  border-color: #b8b8b8;
}
.ds-drop-column .drag-content .drag__msg {
  padding: 30px;
}
.ds-drop-column .drag-content .drag__msg i {
  display: inline-block;
  font-size: 25px;
  color: #d5d7dd;
}
.ds-drop-column .drag-content p {
  font-size: 12px;
  margin-top: 10px;
}

body > .list__item--drop.cdk-drag-preview {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  font-size: 12px;
  padding: 0;
  border-radius: 3px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
body > .list__item--drop.cdk-drag-preview a {
  color: #34495e;
  border: 1px solid #b7b7b7;
  padding: 15px;
  border-radius: 3px;
  display: block;
}
body > .list__item--drop.cdk-drag-preview a.input-holder {
  padding: 14px 15px;
}
body > .list__item--drop.cdk-drag-preview a.input-holder input {
  min-width: 70px;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  border: none;
  text-align: center;
}
body > .list__item--drop.cdk-drag-preview i {
  display: none;
}

.ds-drop-column .drag-content > .list__item--drag {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  font-size: 12px;
  padding: 0;
  border-radius: 3px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.ds-drop-column .drag-content > .list__item--drag a {
  color: #34495e;
  border: 1px solid #b7b7b7;
  padding: 15px;
  border-radius: 3px;
  display: block;
}
.ds-drop-column .drag-content > .list__item--drag a.input-holder {
  padding: 14px 15px;
}
.ds-drop-column .drag-content > .list__item--drag a.input-holder input {
  min-width: 70px;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  border: none;
  text-align: center;
}
.ds-drop-column .drag-content > .list__item--drag i {
  display: none;
}

body > .list__item--drag.cdk-drag-preview {
  padding: 0;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
body > .list__item--drag.cdk-drag-preview a {
  display: block;
  font-size: 12px;
  padding: 12px 15px;
  text-transform: capitalize;
  color: #34495e;
  border-bottom: 1px solid #ebebeb;
  text-decoration: none;
  position: relative;
  background: #f5f6f7;
}
body > .list__item--drag.cdk-drag-preview a :lang(fr) {
  text-transform: none;
}
body > .list__item--drag.cdk-drag-preview a:before, body > .list__item--drag.cdk-drag-preview a .action {
  display: none;
}

.tags-list {
  font-size: 13px;
}
.tags-list li {
  display: inline-block;
  padding: 5px 8px;
  margin: 3px 5px 3px 0;
  border-radius: 3px;
  background: #fff;
  position: relative;
  border: 1px solid #d6dade;
}
.tags-list li span {
  color: #969dab;
  margin-right: 3px;
  display: inline-block;
}
.tags-list li.with-info {
  padding-right: 35px;
}
.tags-list li .tooltip {
  position: absolute;
  top: 0;
  border-left: 1px solid #d6dade;
  right: 0;
  padding: 5px 7px;
  color: #666;
  margin-right: 0;
  background: #e9ecef;
  bottom: 0;
}

.draggable-control {
  float: left;
  width: 100%;
  padding-top: 10px;
}
.draggable-control .btn {
  margin-right: 5px;
}

.search-result {
  float: left;
  width: 100%;
  min-height: 150px;
  position: relative;
}
@media (max-width: 1024px) {
  .search-result {
    min-height: auto;
  }
}
.search-result h2 {
  font-size: 14px;
  color: #212229;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
  margin: 20px 0;
}
.search-result ul {
  max-height: 450px;
  overflow-y: auto;
}
.search-result ul li {
  position: relative;
  margin: 0 10px 10px 0;
  float: left;
}
.search-result ul li a {
  cursor: default;
  display: block;
  font-size: 14px;
  padding: 0 0 0 15px;
  line-height: 34px;
  color: #000;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  background: #fff;
  text-align: left;
}
.search-result ul li.positive a {
  background: #d5e8d4;
  border-color: #82b366;
}
.search-result ul li.negative a {
  background: #f8cecc;
  border-color: #b85450;
}
.search-result ul li.neutral a {
  background: #fff2cc;
  border-color: #d6b656;
}

.pills-container {
  margin-left: 15px;
  font-size: 0;
  float: right;
  height: 36px;
  cursor: pointer;
}

.pills {
  padding: 0 5px;
  text-align: center;
  min-width: 30px;
  display: inline-block;
  font-size: 12px;
}
.pills.unassigned {
  background: #f5f5f5;
}
.pills.positive {
  background: #d5e8d4;
  border-color: #82b366;
}
.pills.negative {
  background: #f8cecc;
  border-color: #b85450;
}
.pills.neutral {
  background: #fff2cc;
  border-color: #d6b656;
}

.page-commentlist .widget--commentlist {
  min-height: 350px;
}
.page-commentlist .table tbody tr.expanded td {
  padding: 0;
  position: relative;
  font-weight: normal;
}
.page-commentlist .table tbody tr.expanded td:before {
  content: "";
  width: 4px;
  height: 100%;
  background: white;
  position: absolute;
  left: 0;
  top: 0;
}
.page-commentlist #GTPanelItem, .page-commentlist #GTPanelItemContent {
  overflow: visible !important;
}

.breadcrumbs-commentlist {
  margin-bottom: 5px;
}
.breadcrumbs-commentlist .icon {
  padding-left: 20px;
  position: relative;
}
.breadcrumbs-commentlist .icon:after {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Pro";
  content: "=";
  font-size: 12px;
  top: 50%;
  margin-top: -7px;
}
.breadcrumbs-commentlist .icon.neutral:after {
  color: #fd7e14;
  content: "";
}
.breadcrumbs-commentlist .icon.positive:after {
  content: "";
  color: #3bb001;
}
.breadcrumbs-commentlist .icon.negative:after {
  content: "";
  color: #dc3545;
}
.breadcrumbs-commentlist .icon.unassigned:after {
  content: "";
  color: #c2cbdc;
}
.breadcrumbs-commentlist li {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  font-size: 12px;
  font-weight: 400;
  color: #34495e;
}
@media (max-width: 480px) {
  .breadcrumbs-commentlist li {
    font-size: 12px;
  }
}
.breadcrumbs-commentlist li:before {
  color: #969dab;
  position: relative;
  top: 0;
  font-size: 12px;
  margin: 0 5px;
  content: "";
  font-family: "Font Awesome 5 Pro";
}
.breadcrumbs-commentlist li:first-child:before {
  display: none;
}
.breadcrumbs-commentlist li.active a {
  color: #969dab;
}

.expanded__content {
  float: left;
  width: 100%;
  padding: 15px;
  max-width: calc(100vw - 150px);
}
.expanded__content:before, .expanded__content:after {
  content: " ";
  display: table;
}
.expanded__content:after {
  clear: both;
}
.expanded__content .content__left {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 30px 0 0;
}
.expanded__content .content__right {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 0 0 30px;
  border-left: 2px solid #ebebeb;
}
.expanded__content.is--admin .content__left {
  width: 100%;
}
.expanded__content.is--admin .testimonial {
  min-height: auto;
}
.expanded__content.is--admin .translation .translation__content {
  width: 100%;
}

.testimonial {
  float: left;
  width: 100%;
  margin: 15px 0;
  padding: 15px 0;
  position: relative;
  border-top: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
  min-height: 90px;
}
.testimonial:before, .testimonial:after {
  content: " ";
  display: table;
}
.testimonial:after {
  clear: both;
}
.testimonial h3 {
  font-weight: 400;
  font-size: 14px;
  color: #34495e;
  padding: 0 0 0 30px;
  margin-bottom: 10px;
}
.testimonial h3 small {
  display: block;
  font-size: 12px;
  color: #a9b4bd;
  margin-top: 3px;
}
.testimonial p {
  color: #34495e;
  line-height: 18px;
  position: relative;
  padding: 5px 0 0 30px;
}
.testimonial p:before {
  position: absolute;
  left: 0;
  color: #a9b4bd;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  content: "";
}
.testimonial .testimonial__footer {
  padding: 15px 0 0 30px;
}

.translation {
  float: left;
  padding: 0;
  width: 100%;
  position: relative;
}
.translation:before, .translation:after {
  content: " ";
  display: table;
}
.translation:after {
  clear: both;
}
.translation h2 {
  margin-bottom: 10px;
  color: #34495e;
  font-size: 12px;
  font-weight: normal;
}
.translation p {
  position: relative;
  color: #34495e;
  font-size: 12px;
  line-height: 18px;
  white-space: pre-wrap;
  padding: 10px 22px 10px 0;
  margin-bottom: 10px;
}
.translation p.translation__notification {
  color: #5b6c7c;
}
.translation .translation__content {
  float: left;
  width: 50%;
  padding: 0;
}
.translation .translation__form {
  float: right;
  width: 50%;
}
.translation .translation__form .form__label {
  color: #a9b4bd;
  display: block;
  font-size: 11px;
  margin-bottom: 10px;
}
.translation .translation__form textarea {
  width: 100%;
  padding: 10px;
  font-family: "Roboto";
  border-radius: 3px;
  border: 1px solid #d0d7dd;
  font-size: 12px;
  height: 105px;
  color: #34495e;
  line-height: 18px;
}
.translation .translation__form textarea:focus {
  box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.25);
}

.category {
  float: left;
  width: 100%;
  position: relative;
}
.category:before, .category:after {
  content: " ";
  display: table;
}
.category:after {
  clear: both;
}
.category .category__col {
  box-sizing: border-box;
  width: 16.6666666667%;
  float: left;
}
.category .category__col:first-child {
  box-sizing: border-box;
  width: 41.6666666667%;
  float: left;
  padding-right: 20px;
}
.category .category__col:nth-child(2) {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
}
.category .category__col:last-child {
  box-sizing: border-box;
  width: 8.3333333333%;
  float: left;
}
.category .category__col h2 {
  font-size: 11px;
  text-transform: uppercase;
  color: #a9b4bd;
  font-weight: 500;
  margin-bottom: 8px;
}
.category .category__col h2 :lang(fr) {
  text-transform: none;
}
.category .category__col > i {
  cursor: pointer;
}
.category .category__content .category__field {
  position: relative;
  word-break: break-word;
}
.category .category__content .category__field .category_link {
  display: block;
  border: 1px solid #d6dade;
  padding: 8px 18px 8px 8px;
  font-size: 12px;
  color: #34495e;
}
.category .category__content .category__field .category_link:after {
  font-size: 12px;
  color: #b3b3b3;
  font-family: "Font Awesome 5 Pro";
  content: "";
  position: absolute;
  top: 9px;
  right: 10px;
}
.category .category__content .category__field .category_link:hover, .category .category__content .category__field .category_link:active {
  color: #808690;
  border-color: #808690;
}
.category .category__content .category__field .category_link:hover:after, .category .category__content .category__field .category_link:active:after {
  color: #808690;
}
.category .category__content .category__field .category_link.active {
  color: #808690;
  border-color: #808690;
}
.category .category__content .category__field .category_link.active:after {
  content: "";
  color: #808690;
}
.category .remove-category {
  padding-top: 22px;
}
.category .remove-category a {
  color: #dc3545;
  font-size: 16px;
}
.category .remove-category a.disabled {
  color: #d5d5d5;
  opacity: 0.9;
  cursor: default;
}

.sentiment__media li {
  display: inline-block;
  margin-right: 5px;
}
.sentiment__media li .rounded-icon {
  opacity: 0.25;
}
.sentiment__media li .rounded-icon.active {
  opacity: 1;
}
.sentiment__media li:hover {
  cursor: pointer;
}
.sentiment__media li:hover .rounded-icon {
  opacity: 0.75;
}

.add-category {
  float: right;
  width: 100%;
  text-align: right;
  border-top: 2px solid #ebebeb;
  padding: 10px 0 0;
}
.add-category .disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.expanded__control {
  float: left;
  width: 100%;
  text-align: right;
  background: #fff;
  padding: 12px 20px;
  max-width: calc(100vw - 150px);
  border-top: 2px solid #ebebeb;
}
.expanded__control:before, .expanded__control:after {
  content: " ";
  display: table;
}
.expanded__control:after {
  clear: both;
}
.expanded__control .btn {
  margin-left: 5px;
}

.last-updated-msg {
  float: left;
  display: inline-block;
  padding: 5px;
  margin: 4px 0 0 0;
  text-align: left;
  font-size: 12px;
  color: #34495e;
}
.last-updated-msg i {
  margin-right: 5px;
  color: #59b9ef;
}
.modal__header .last-updated-msg {
  float: right;
  padding: 0 8px;
  margin: 8px 8px 5px;
  color: #969dab;
  border-right: 1px solid #969dab;
}

.category__overlay {
  position: absolute;
  background: #fff;
  width: 100%;
  box-shadow: 0px 0px 6.48px 1.52px rgba(146, 146, 146, 0.32);
  padding: 0;
  text-align: left;
  left: 0;
  min-height: 200px;
  z-index: 18;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  border-radius: 0 0 3px 3px;
}
.category__overlay.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.category__overlay .overlay__header {
  background: #eff0f2;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 15px;
}
.category__overlay .overlay__header li {
  display: inline;
  vertical-align: middle;
  font-size: 11px;
  font-weight: 500;
  white-space: normal;
}
.category__overlay .overlay__header li:before {
  content: "/";
  display: inline-block;
  margin: 0 3px 0 3px;
  color: #a9b4bd;
  position: relative;
  top: 0;
}
.category__overlay .overlay__header li:first-child:before {
  display: none;
}
.category__overlay .overlay__header li a {
  color: #a9b4bd;
}
.category__overlay .overlay__header li a:hover {
  color: #4ca1fe;
}
.category__overlay .overlay__header li.active a {
  color: #4ca1fe;
}
.category__overlay .overlay__content {
  padding: 10px;
}
.category__overlay .overlay__content .mCSB_scrollTools {
  top: 5px;
  padding-bottom: 5px;
  right: 0;
}
.category__overlay .overlay__content ul {
  max-height: 165px;
  overflow-y: auto;
}
.category__overlay .overlay__content ul li {
  display: block;
  /* &.active {

     a {
       color: #666;
       background: #f3f6f9;
       &:before {
         color: #666;
       }
     }

   }*/
}
.category__overlay .overlay__content ul li a {
  display: block;
  padding: 12px 15px;
  font-size: 13px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  cursor: pointer;
  color: #b3b3b3;
}
.category__overlay .overlay__content ul li a:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 8px;
  color: #b8b8b8;
  font-size: 16px;
  top: 10px;
}
.category__overlay .overlay__content ul li a:hover {
  color: #666666;
}
.category__overlay .overlay__content ul li a:hover:before {
  color: #666666;
}
.category__overlay .overlay__content ul li.selected a {
  color: #666;
}
.category__overlay .overlay__content ul li.selected a:before {
  color: #666;
}
.category__overlay .overlay__content ul li.no--child a:before {
  display: none;
}
.category__overlay .overlay__footer {
  float: left;
  width: 100%;
  clear: both;
  padding: 10px;
  border-radius: 0 0 3px 3px;
}
.category__overlay .overlay__footer a {
  display: block;
}

.comment-portal {
  float: right;
  width: 150px;
  max-width: 20%;
}

.segment {
  float: left;
  width: 100%;
  margin: 20px 0;
}
.segment h3 {
  font-size: 11px;
  text-transform: uppercase;
  color: #a9b4bd;
  font-weight: 500;
  margin-bottom: 8px;
}
.segment h3 :lang(fr) {
  text-transform: none;
}
.segment .segment__area {
  width: 100%;
  cursor: pointer;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  min-height: 50px;
  position: relative;
  padding: 12px 60px 12px 12px;
}
.segment .segment__area p {
  font-size: 12px;
  line-height: 18px;
  color: #a9b4bd;
  white-space: pre-wrap;
}
.segment .segment__area textarea {
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  border: none;
  outline: none;
  resize: none;
}
.segment .segment__control {
  position: absolute;
  top: 5px;
  text-align: right;
  right: 5px;
}
.segment .segment__control a {
  display: none;
  margin: 0 5px;
  font-size: 14px;
}
.segment .segment__control a.edit {
  display: inline-block;
}
.segment.active p {
  color: #34495e;
}
.segment.active .segment__control a {
  display: inline-block;
}
.segment.active .segment__control a.edit {
  display: none;
}
.segment.active .segment__control a.close {
  color: #dc3545;
}
.segment.active .segment__control a.confirm {
  color: #3bb001;
}
.segment.active .segment__area {
  background: #fff;
  cursor: default;
  border: 2px dashed #e1e1e1;
}

.segment-error {
  float: left;
  clear: both;
  width: 100%;
  color: #dc3545;
  padding-top: 10px;
  font-size: 12px;
}

.confidence {
  float: left;
  padding: 10px 5px 15px;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
}
.confidence li {
  margin-right: 10px;
  float: left;
}
.confidence li label {
  display: block;
  color: #5b6c7c;
  margin-bottom: 5px;
}

.rounded-icon {
  width: 30px;
  line-height: 30px;
  font-size: 14px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  height: 30px;
  position: relative;
}
.rounded-icon i {
  vertical-align: middle;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.rounded-icon.negative {
  border: 1px solid #dc3545;
  color: #dc3545;
  background: #fae3e5;
}
.rounded-icon.positive {
  border: 1px solid #3bb001;
  color: #3bb001;
  background: #f4ffee;
}
.rounded-icon.neutral {
  border: 1px solid #fd7e14;
  color: #fd7e14;
  background: #ffedde;
}
.rounded-icon.primary {
  border: 1px solid #59b9ef;
  color: #59b9ef;
  background: #e5f4fc;
}
.rounded-icon.unassigned {
  border: 1px solid #c2cbdc;
  color: #c2cbdc;
  background: #f3f4f8;
}

.kpi__card {
  box-sizing: border-box;
  width: 25%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #e1e1e1;
  min-height: 165px;
  padding: 20px 10px 20px 20px;
  position: relative;
}
@media (max-width: 1024px) {
  .kpi__card {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 50px;
    border-right: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #e1e1e1;
  }
}
widget-kpi-total-reviews .kpi__card {
  border: 0;
}
.kpi__card .temp-loader {
  right: 10px !important;
  top: 10px !important;
}
.kpi__card .card__title {
  font-size: 13px;
  color: #383838;
  margin-bottom: 10px;
  font-weight: 500;
}
.kpi__card .card__label {
  font-size: 12px;
  color: #969dab;
  margin-top: 5px;
}
.kpi__card .chart__detail {
  padding: 10px 0;
  position: relative;
}
.kpi__card .card__chart {
  position: absolute;
  right: 0;
  top: 0;
  width: 155px;
}
.kpi__card .card__chart .highcharts-container {
  overflow: visible !important;
}
.kpi__card .card__chart .highcharts-tooltip > span {
  padding: 8px;
  font-size: 11px !important;
  position: relative;
  background-color: white;
  background-color: white \9 ;
  /* < IE11 */
  z-index: 9999 !important;
}
.kpi__card .card__score {
  font-size: 28px;
  color: #383838;
  font-weight: normal;
}
.kpi__card .card__score small {
  font-size: 13px;
  margin-left: 5px;
}
.kpi__card .card__footer {
  font-size: 14px;
  font-weight: normal;
  margin-top: 10px;
  position: relative;
  padding-left: 20px;
}
.kpi__card .card__footer:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  left: 0;
  content: "";
  font-size: 12px;
  font-weight: 700;
}
.kpi__card .card__footer strong {
  font-weight: 600;
}
.kpi__card.card--negative .card__footer strong {
  color: #dc3545;
}
.kpi__card.card--negative .card__footer:before {
  content: "";
  color: #dc3545;
}
.kpi__card.card--positive .card__footer strong {
  color: #3bb001;
}
.kpi__card.card--positive .card__footer:before {
  content: "";
  color: #3bb001;
}
.kpi__card.card--neutral .card__footer strong, .kpi__card.card--neutral .card__footer i {
  color: #fd7e14;
}
.kpi__card.card--neutral .card__footer:before {
  content: "";
  color: #fd7e14;
}

.rating-distribution .completion__item {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.rating-distribution .completion__item .col__left {
  float: left;
  height: 60px;
  position: relative;
  width: 10%;
}
.rating-distribution .completion__item .col__left img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.rating-distribution .completion__item .col__right {
  float: right;
  width: 85%;
  min-height: 60px;
}
.rating-distribution .completion__item .col__right img {
  vertical-align: middle;
}
.rating-distribution .completion__item .rating__value {
  float: left;
}
.rating-distribution .completion__item .star-icon {
  color: #ffc107;
  font-size: 20px;
  position: relative;
  top: -3px;
}
.rating-distribution .completion__item .star-icon i {
  margin: 0 0 0 5px;
}
.rating-distribution .completion__item h2 {
  color: #212229;
  display: inline-block;
  font-weight: 500;
  font-size: 26px;
}
.rating-distribution .completion__item .completion__percentage {
  color: #494c57;
  float: right;
  margin-top: 15px;
  font-size: 14px;
}
.rating-distribution .completion__item .progress-bar {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.rating-distribution .completion__item .progress-bar span {
  float: left;
  animation: grower 3s linear;
  -moz-animation: grower 3s linear;
  -webkit-animation: grower 3s linear;
  -o-animation: grower 3s linear;
  height: 7px;
}
.rating-distribution.review--distribution .completion__item {
  margin: 10px 0 30px 0;
}
.rating-distribution.todays--survey .completion__item {
  margin: 20px 0;
}
.rating-distribution.todays--survey .col__left i {
  font-size: 33px;
  color: #999;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.rating-distribution.todays--survey h2 {
  font-size: 22px;
}

.social-progress-bar {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.social-progress-bar .progress__label {
  margin-bottom: 5px;
  font-size: 11px;
  display: block;
  color: #969dab;
}
.social-progress-bar .progress__label span {
  color: #4ca1fe;
}
.social-progress-bar .social-progress {
  width: 100%;
  height: 7px;
  float: left;
  background: #e9ecef;
  border-radius: 3px;
  overflow: hidden;
  /*&.progress--positive {
    .progress__bar {
      background: #54c5ab;
    }
  }

  &.progress--negative {
    .progress__bar {
      background: #ff2b43;
    }
  }*/
}
.social-progress-bar .social-progress .progress__bar {
  background: #4ca1fe;
  height: 7px;
  float: left;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
.social-progress-bar .social-progress.progress--green .progress__bar {
  background: #00cccc;
}
.social-progress-bar .social-progress.progress--yellow .progress__bar {
  background: #ffc107;
}
.social-progress-bar .social-progress.progress--pink .progress__bar {
  background: #f10075;
}
.social-progress-bar .social-progress.progress--purple .progress__bar {
  background: #6f42c1;
}
.social-progress-bar .social-progress.progress--gray .progress__bar {
  background: #3f3f3f;
}
.social-progress-bar .social-progress.progress--blue .progress__bar {
  background: #59b9ef;
}

.dealer-profile {
  float: left;
  width: 100%;
  padding: 0 20px;
}
.dealer-profile .profile__info {
  border-bottom: 1px solid #ebebeb;
  float: left;
  padding: 20px 20px 20px 75px;
  width: 100%;
  position: relative;
}
.dealer-profile:last-child .profile__info {
  border-bottom: 0;
}
.dealer-profile .profile__icon {
  position: absolute;
  width: 55px;
  left: 0;
  top: 12px;
  text-align: center;
  height: 55px;
  font-size: 20px;
  background: #f5f5f5;
  border-radius: 100%;
}
.dealer-profile .profile__icon i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.dealer-profile h5 {
  color: #969dab;
  font-weight: normal;
  font-size: 14px;
}
.dealer-profile h2 {
  font-size: 18px;
  color: #4c5e70;
  font-weight: normal;
}

.source img {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

.total-reviews {
  float: left;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  border-bottom: 1px solid #d5d5d5;
  text-align: left;
  margin: 0;
  font-weight: 500;
}
.total-reviews span {
  color: #a9b4bd;
}

.comment-container {
  border-top: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
  margin: 15px 0;
  clear: both;
  float: left;
  width: 100%;
}

.comments__footer {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.comments-review {
  padding: 15px 15px 15px 70px;
  width: 100%;
  position: relative;
  float: left;
}
.comments-review h2 {
  font-weight: 400;
  font-size: 16px;
  color: #34495e;
  margin-bottom: 10px;
}
.comments-review h2 small {
  display: block;
  font-size: 12px;
  color: #a9b4bd;
  margin-top: 3px;
}
.comments-review p {
  line-height: 18px;
  color: #34495e;
  font-weight: normal;
}
.comments-review .user-initial {
  float: left;
  background: white;
  border: 2px solid #4ca1fe;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  border-radius: 100%;
  font-size: 18px;
  margin-left: -60px;
  color: #4ca1fe;
}

.response {
  padding: 0 20px 20px 30px;
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 2px solid #ebebeb;
  margin-bottom: 15px;
}
.response .feedback {
  border-left: 5px solid #4ca1fe;
  background: #f4f5f9;
  padding: 20px;
  width: 90%;
  float: left;
}
.response h3 {
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 10px;
  color: #a9b4bd;
}
.response p {
  line-height: 18px;
  color: #34495e;
  font-weight: normal;
}
.response .user-initial {
  float: left;
  background: white;
  border: 2px solid #4ca1fe;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 18px;
  border-radius: 100%;
  margin-left: -60px;
  color: #4ca1fe;
}

.star-ratings-percentage {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  color: #b1b1b1;
}
.star-ratings-percentage .full-stars {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #fbcd33;
}
.star-ratings-percentage .empty-stars:before, .star-ratings-percentage .full-stars:before {
  content: "    ";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 16px;
}

.tree-report {
  clear: both;
  box-sizing: border-box;
  width: 75%;
  float: left;
}
.tree-report:before, .tree-report:after {
  content: " ";
  display: table;
}
.tree-report:after {
  clear: both;
}
@media (max-width: 1024px) {
  .tree-report {
    box-sizing: border-box;
    width: 100%;
    float: left;
  }
}
.tree-report .report__col {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
}
@media (max-width: 1024px) {
  .tree-report .report__col {
    width: 100%;
  }
}
.tree-report .report__col .col__inner {
  min-height: 550px;
  border-left: 1px solid #e7e7e7;
}
.tree-report .report__col .col__inner:before, .tree-report .report__col .col__inner:after {
  content: " ";
  display: table;
}
.tree-report .report__col .col__inner:after {
  clear: both;
}
.tree-report .report__col .col__inner .report-list {
  height: 550px;
  padding-bottom: 10px;
  overflow-y: auto;
}
.tree-report .report__col .col__inner .report-list .mCSB_scrollTools {
  right: 0;
}
@media (max-width: 1024px) {
  .tree-report .report__col .col__inner {
    min-height: auto;
  }
}
.tree-report .report__col:first-child .col__inner {
  border: 0;
  background: #f5f6f7;
}
.tree-report .report__col .col__title {
  text-transform: uppercase;
  color: #a9b4bd;
  padding: 12px 20px;
  border-bottom: 1px solid #ebebeb;
  background: #f5f6f7;
  font-size: 11px;
  font-weight: 500;
}
.tree-report .report__col .col__title :lang(fr) {
  text-transform: none;
}
@media (max-width: 1024px) {
  .tree-report .report__col .col__title {
    background: #ebebeb;
    color: #000;
  }
}
@media (max-width: 1024px) {
  .tree-report .ui-scrollpanel-wrapper {
    border: none !important;
  }
}
@media (max-width: 1024px) {
  .tree-report .ui-scrollpanel-content {
    height: 100%;
    width: 100%;
    padding: 0 !important;
  }
}
@media (max-width: 1024px) {
  .tree-report .ui-scrollpanel-bar {
    display: none;
  }
}

.report-list .list__item a {
  display: block;
  padding: 12px 20px;
  font-size: 12px;
  color: #34495e;
  position: relative;
}
.report-list .list__item a:before {
  display: none;
  font-family: "Font Awesome 5 Pro";
  content: "";
  color: #bdc2c6;
  position: absolute;
  font-size: 14px;
  right: 15px;
}
.report-list .list__item a em {
  font-style: normal;
  color: #4ca1fe;
}
.report-list .list__item a:hover {
  color: #4ca1fe;
}
.report-list .list__item.active a {
  background: #f5f6f7;
  border-left: 3px solid #4ca1fe;
}
.report-list .list__item.has-child a:before {
  display: block;
}
.report-list.list--area .list__item {
  border-bottom: 1px solid #ebebeb;
}
.report-list.list--area .list__item.active a {
  background: #fff;
}
.report-list.list--area .list__item.active a em {
  color: #4ca1fe;
}

.tree-comments {
  box-sizing: border-box;
  width: 25%;
  float: left;
}
@media (max-width: 1024px) {
  .tree-comments {
    box-sizing: border-box;
    width: 100%;
    float: left;
  }
}
.tree-comments .comments__inner {
  border-left: 1px solid #e7e7e7;
  position: relative;
}
.tree-comments .comments__inner .tags {
  margin-bottom: 20px;
}
.tree-comments .comments__inner .comments__inner__content {
  padding: 20px;
}
.tree-comments .col__title {
  text-transform: uppercase;
  color: #a9b4bd;
  padding: 12px 20px;
  border-bottom: 1px solid #ebebeb;
  background: #f5f6f7;
  font-size: 11px;
  font-weight: 500;
}
.tree-comments .col__title :lang(fr) {
  text-transform: none;
}

.comments-list {
  padding: 0;
  position: relative;
  clear: both;
}
.comments-list .list__item {
  display: block;
  margin-bottom: 10px;
  padding: 10px 10px 10px 35px;
  position: relative;
  border: 1px solid #ebebeb;
  background: #f5f6f7;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.comments-list .list__item:before {
  position: absolute;
  left: 10px;
  top: 9px;
  font-weight: 500;
  font-family: "Font Awesome 5 Pro";
  content: "";
  font-size: 14px;
}
.comments-list .list__item.neutral:before {
  color: #fd7e14;
  content: "";
}
.comments-list .list__item.positive:before {
  content: "";
  color: #3bb001;
}
.comments-list .list__item.negative:before {
  content: "";
  color: #dc3545;
}
.comments-list .list__item.unassigned:before {
  content: "";
  color: #666;
}
.comments-list .list__item p {
  font-size: 12px;
  color: #34495e;
}

.map-legends {
  width: auto;
  height: 27px;
  position: absolute !important;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  top: 10px !important;
  right: 10px !important;
  border-radius: 3px;
  overflow: hidden;
}
.map-legends li {
  display: inline-block;
  padding: 8px 8px 8px 30px;
  position: relative;
  cursor: pointer;
}
.map-legends li.active {
  background: #e9ecef;
}
.map-legends li i {
  position: absolute;
  left: 10px;
  font-size: 12px;
  top: 8px;
}

.table.cloud--table th .icon:before {
  font-size: 16px;
}

.dealerTitle_Tooltip {
  font-size: 14px;
}

#map-canvas {
  margin: 0;
  padding: 0;
  height: 400px;
  max-width: none;
}

#map-canvas img {
  max-width: none !important;
}

#marker-tooltip {
  display: none;
  position: absolute;
}

.view-more-wrapper {
  text-align: right;
}
.view-more-wrapper .view-more {
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}

.page-commentlist .widget--commentlist {
  min-height: 350px;
}
.page-commentlist .table tbody tr.expanded td {
  padding: 0;
  position: relative;
  font-weight: normal;
}
.page-commentlist .table tbody tr.expanded td:before {
  content: "";
  width: 4px;
  height: 100%;
  background: white;
  position: absolute;
  left: 0;
  top: 0;
}
.page-commentlist #GTPanelItem, .page-commentlist #GTPanelItemContent {
  overflow: visible !important;
}

.breadcrumbs-commentlist {
  margin-bottom: 5px;
}
.breadcrumbs-commentlist .icon {
  padding-left: 20px;
  position: relative;
}
.breadcrumbs-commentlist .icon:after {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Pro";
  content: "=";
  font-size: 12px;
  top: 50%;
  margin-top: -7px;
}
.breadcrumbs-commentlist .icon.neutral:after {
  color: #fd7e14;
  content: "";
}
.breadcrumbs-commentlist .icon.positive:after {
  content: "";
  color: #3bb001;
}
.breadcrumbs-commentlist .icon.negative:after {
  content: "";
  color: #dc3545;
}
.breadcrumbs-commentlist .icon.unassigned:after {
  content: "";
  color: #c2cbdc;
}
.breadcrumbs-commentlist li {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  font-size: 12px;
  font-weight: 400;
  color: #34495e;
}
@media (max-width: 480px) {
  .breadcrumbs-commentlist li {
    font-size: 12px;
  }
}
.breadcrumbs-commentlist li:before {
  color: #969dab;
  position: relative;
  top: 0;
  font-size: 12px;
  margin: 0 5px;
  content: "";
  font-family: "Font Awesome 5 Pro";
}
.breadcrumbs-commentlist li:first-child:before {
  display: none;
}
.breadcrumbs-commentlist li.active a {
  color: #969dab;
}

.expanded__content {
  float: left;
  width: 100%;
  padding: 15px;
  max-width: calc(100vw - 150px);
}
.expanded__content:before, .expanded__content:after {
  content: " ";
  display: table;
}
.expanded__content:after {
  clear: both;
}
.expanded__content .content__left {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 30px 0 0;
}
.expanded__content .content__right {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 0 0 30px;
  border-left: 2px solid #ebebeb;
}
.expanded__content.is--admin .content__left {
  width: 100%;
}
.expanded__content.is--admin .testimonial {
  min-height: auto;
}
.expanded__content.is--admin .translation .translation__content {
  width: 100%;
}

.testimonial {
  float: left;
  width: 100%;
  margin: 15px 0;
  padding: 15px 0;
  position: relative;
  border-top: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
  min-height: 90px;
}
.testimonial:before, .testimonial:after {
  content: " ";
  display: table;
}
.testimonial:after {
  clear: both;
}
.testimonial h3 {
  font-weight: 400;
  font-size: 14px;
  color: #34495e;
  padding: 0 0 0 30px;
  margin-bottom: 10px;
}
.testimonial h3 small {
  display: block;
  font-size: 12px;
  color: #a9b4bd;
  margin-top: 3px;
}
.testimonial p {
  color: #34495e;
  line-height: 18px;
  position: relative;
  padding: 5px 0 0 30px;
}
.testimonial p:before {
  position: absolute;
  left: 0;
  color: #a9b4bd;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  content: "";
}
.testimonial .testimonial__footer {
  padding: 15px 0 0 30px;
}

.translation {
  float: left;
  padding: 0;
  width: 100%;
  position: relative;
}
.translation:before, .translation:after {
  content: " ";
  display: table;
}
.translation:after {
  clear: both;
}
.translation h2 {
  margin-bottom: 10px;
  color: #34495e;
  font-size: 12px;
  font-weight: normal;
}
.translation p {
  position: relative;
  color: #34495e;
  font-size: 12px;
  line-height: 18px;
  white-space: pre-wrap;
  padding: 10px 22px 10px 0;
  margin-bottom: 10px;
}
.translation p.translation__notification {
  color: #5b6c7c;
}
.translation .translation__content {
  float: left;
  width: 50%;
  padding: 0;
}
.translation .translation__form {
  float: right;
  width: 50%;
}
.translation .translation__form .form__label {
  color: #a9b4bd;
  display: block;
  font-size: 11px;
  margin-bottom: 10px;
}
.translation .translation__form textarea {
  width: 100%;
  padding: 10px;
  font-family: "Roboto";
  border-radius: 3px;
  border: 1px solid #d0d7dd;
  font-size: 12px;
  height: 105px;
  color: #34495e;
  line-height: 18px;
}
.translation .translation__form textarea:focus {
  box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.25);
}

.category {
  float: left;
  width: 100%;
  position: relative;
}
.category:before, .category:after {
  content: " ";
  display: table;
}
.category:after {
  clear: both;
}
.category .category__col {
  box-sizing: border-box;
  width: 16.6666666667%;
  float: left;
}
.category .category__col:first-child {
  box-sizing: border-box;
  width: 41.6666666667%;
  float: left;
  padding-right: 20px;
}
.category .category__col:nth-child(2) {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
}
.category .category__col:last-child {
  box-sizing: border-box;
  width: 8.3333333333%;
  float: left;
}
.category .category__col h2 {
  font-size: 11px;
  text-transform: uppercase;
  color: #a9b4bd;
  font-weight: 500;
  margin-bottom: 8px;
}
.category .category__col h2 :lang(fr) {
  text-transform: none;
}
.category .category__col > i {
  cursor: pointer;
}
.category .category__content .category__field {
  position: relative;
  word-break: break-word;
}
.category .category__content .category__field .category_link {
  display: block;
  border: 1px solid #d6dade;
  padding: 8px 18px 8px 8px;
  font-size: 12px;
  color: #34495e;
}
.category .category__content .category__field .category_link:after {
  font-size: 12px;
  color: #b3b3b3;
  font-family: "Font Awesome 5 Pro";
  content: "";
  position: absolute;
  top: 9px;
  right: 10px;
}
.category .category__content .category__field .category_link:hover, .category .category__content .category__field .category_link:active {
  color: #808690;
  border-color: #808690;
}
.category .category__content .category__field .category_link:hover:after, .category .category__content .category__field .category_link:active:after {
  color: #808690;
}
.category .category__content .category__field .category_link.active {
  color: #808690;
  border-color: #808690;
}
.category .category__content .category__field .category_link.active:after {
  content: "";
  color: #808690;
}
.category .remove-category {
  padding-top: 22px;
}
.category .remove-category a {
  color: #dc3545;
  font-size: 16px;
}
.category .remove-category a.disabled {
  color: #d5d5d5;
  opacity: 0.9;
  cursor: default;
}

.sentiment__media li {
  display: inline-block;
  margin-right: 5px;
}
.sentiment__media li .rounded-icon {
  opacity: 0.25;
}
.sentiment__media li .rounded-icon.active {
  opacity: 1;
}
.sentiment__media li:hover {
  cursor: pointer;
}
.sentiment__media li:hover .rounded-icon {
  opacity: 0.75;
}

.add-category {
  float: right;
  width: 100%;
  text-align: right;
  border-top: 2px solid #ebebeb;
  padding: 10px 0 0;
}
.add-category .disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.expanded__control {
  float: left;
  width: 100%;
  text-align: right;
  background: #fff;
  padding: 12px 20px;
  max-width: calc(100vw - 150px);
  border-top: 2px solid #ebebeb;
}
.expanded__control:before, .expanded__control:after {
  content: " ";
  display: table;
}
.expanded__control:after {
  clear: both;
}
.expanded__control .btn {
  margin-left: 5px;
}

.last-updated-msg {
  float: left;
  display: inline-block;
  padding: 5px;
  margin: 4px 0 0 0;
  text-align: left;
  font-size: 12px;
  color: #34495e;
}
.last-updated-msg i {
  margin-right: 5px;
  color: #59b9ef;
}
.modal__header .last-updated-msg {
  float: right;
  padding: 0 8px;
  margin: 8px 8px 5px;
  color: #969dab;
  border-right: 1px solid #969dab;
}

.category__overlay {
  position: absolute;
  background: #fff;
  width: 100%;
  box-shadow: 0px 0px 6.48px 1.52px rgba(146, 146, 146, 0.32);
  padding: 0;
  text-align: left;
  left: 0;
  min-height: 200px;
  z-index: 18;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  border-radius: 0 0 3px 3px;
}
.category__overlay.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.category__overlay .overlay__header {
  background: #eff0f2;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 15px;
}
.category__overlay .overlay__header li {
  display: inline;
  vertical-align: middle;
  font-size: 11px;
  font-weight: 500;
  white-space: normal;
}
.category__overlay .overlay__header li:before {
  content: "/";
  display: inline-block;
  margin: 0 3px 0 3px;
  color: #a9b4bd;
  position: relative;
  top: 0;
}
.category__overlay .overlay__header li:first-child:before {
  display: none;
}
.category__overlay .overlay__header li a {
  color: #a9b4bd;
}
.category__overlay .overlay__header li a:hover {
  color: #4ca1fe;
}
.category__overlay .overlay__header li.active a {
  color: #4ca1fe;
}
.category__overlay .overlay__content {
  padding: 10px;
}
.category__overlay .overlay__content .mCSB_scrollTools {
  top: 5px;
  padding-bottom: 5px;
  right: 0;
}
.category__overlay .overlay__content ul {
  max-height: 165px;
  overflow-y: auto;
}
.category__overlay .overlay__content ul li {
  display: block;
  /* &.active {

     a {
       color: #666;
       background: #f3f6f9;
       &:before {
         color: #666;
       }
     }

   }*/
}
.category__overlay .overlay__content ul li a {
  display: block;
  padding: 12px 15px;
  font-size: 13px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  cursor: pointer;
  color: #b3b3b3;
}
.category__overlay .overlay__content ul li a:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 8px;
  color: #b8b8b8;
  font-size: 16px;
  top: 10px;
}
.category__overlay .overlay__content ul li a:hover {
  color: #666666;
}
.category__overlay .overlay__content ul li a:hover:before {
  color: #666666;
}
.category__overlay .overlay__content ul li.selected a {
  color: #666;
}
.category__overlay .overlay__content ul li.selected a:before {
  color: #666;
}
.category__overlay .overlay__content ul li.no--child a:before {
  display: none;
}
.category__overlay .overlay__footer {
  float: left;
  width: 100%;
  clear: both;
  padding: 10px;
  border-radius: 0 0 3px 3px;
}
.category__overlay .overlay__footer a {
  display: block;
}

.comment-portal {
  float: right;
  width: 150px;
  max-width: 20%;
}

.segment {
  float: left;
  width: 100%;
  margin: 20px 0;
}
.segment h3 {
  font-size: 11px;
  text-transform: uppercase;
  color: #a9b4bd;
  font-weight: 500;
  margin-bottom: 8px;
}
.segment h3 :lang(fr) {
  text-transform: none;
}
.segment .segment__area {
  width: 100%;
  cursor: pointer;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  min-height: 50px;
  position: relative;
  padding: 12px 60px 12px 12px;
}
.segment .segment__area p {
  font-size: 12px;
  line-height: 18px;
  color: #a9b4bd;
  white-space: pre-wrap;
}
.segment .segment__area textarea {
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  border: none;
  outline: none;
  resize: none;
}
.segment .segment__control {
  position: absolute;
  top: 5px;
  text-align: right;
  right: 5px;
}
.segment .segment__control a {
  display: none;
  margin: 0 5px;
  font-size: 14px;
}
.segment .segment__control a.edit {
  display: inline-block;
}
.segment.active p {
  color: #34495e;
}
.segment.active .segment__control a {
  display: inline-block;
}
.segment.active .segment__control a.edit {
  display: none;
}
.segment.active .segment__control a.close {
  color: #dc3545;
}
.segment.active .segment__control a.confirm {
  color: #3bb001;
}
.segment.active .segment__area {
  background: #fff;
  cursor: default;
  border: 2px dashed #e1e1e1;
}

.segment-error {
  float: left;
  clear: both;
  width: 100%;
  color: #dc3545;
  padding-top: 10px;
  font-size: 12px;
}

.confidence {
  float: left;
  padding: 10px 5px 15px;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
}
.confidence li {
  margin-right: 10px;
  float: left;
}
.confidence li label {
  display: block;
  color: #5b6c7c;
  margin-bottom: 5px;
}

.rounded-icon {
  width: 30px;
  line-height: 30px;
  font-size: 14px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  height: 30px;
  position: relative;
}
.rounded-icon i {
  vertical-align: middle;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.rounded-icon.negative {
  border: 1px solid #dc3545;
  color: #dc3545;
  background: #fae3e5;
}
.rounded-icon.positive {
  border: 1px solid #3bb001;
  color: #3bb001;
  background: #f4ffee;
}
.rounded-icon.neutral {
  border: 1px solid #fd7e14;
  color: #fd7e14;
  background: #ffedde;
}
.rounded-icon.primary {
  border: 1px solid #59b9ef;
  color: #59b9ef;
  background: #e5f4fc;
}
.rounded-icon.unassigned {
  border: 1px solid #c2cbdc;
  color: #c2cbdc;
  background: #f3f4f8;
}

.widget--sentimentcount .widget__content:before, .widget--sentimentcount .widget__content:after {
  content: " ";
  display: table;
}
.widget--sentimentcount .widget__content:after {
  clear: both;
}
.widget--sentimentcount .highcharts-tooltip > span {
  padding: 8px;
  background-color: white;
  background-color: white \9 ;
  /* < IE11 */
  z-index: 9999 !important;
}
.widget--sentimentcount .widget__graph {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.widget--sentimentcount .widget__graph .chart__score {
  cursor: pointer;
}
@media (max-width: 1024px) {
  .widget--sentimentcount .widget__graph {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.widget--sentimentcount .widget__graph div {
  margin: 0 auto;
}
.widget--sentimentcount .widget__graph .alert__count {
  font-size: 10px;
  color: red;
}
.widget--sentimentcount .widget__counts {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  height: 200px;
  position: relative;
}
@media (max-width: 1024px) {
  .widget--sentimentcount .widget__counts {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: auto;
  }
}
.widget--sentimentcount .counts__table {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 90%;
}
@media (max-width: 1024px) {
  .widget--sentimentcount .counts__table {
    position: static;
    top: 0;
    transform: none;
    width: 100%;
  }
}
.widget--sentimentcount .counts__table table {
  width: 100%;
}
.widget--sentimentcount .counts__table table td {
  color: #969dab;
  padding: 5px 0;
  font-size: 16px;
  vertical-align: middle;
}
.widget--sentimentcount .counts__table table td div {
  display: inline-block;
}
.widget--sentimentcount .counts__table table td .count__percentage {
  margin: 0 5px;
  white-space: nowrap;
}
.widget--sentimentcount .counts__table .count__symbol {
  width: 8px;
  background: #eeeeee;
  margin-right: 5px;
  height: 8px;
  border-radius: 100%;
  display: inline-block;
}

.widget--trendingtopic .view-more {
  float: right;
  font-size: 14px;
  margin: 0;
  font-weight: 500;
  text-decoration: underline;
  position: relative;
  top: 2px;
}
.widget--trendingtopic .tags {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.tags .tags__item {
  display: inline-block;
  font-size: 22px;
  margin-right: 7px;
  margin-bottom: 5px;
}
.tags .tags__item .tags__count {
  font-size: 16px;
  color: #a5adb5;
}
.tags.tags--smaller .tags__item {
  font-size: 15px;
}
.tags.tags--smaller .tags__item .tags__count {
  font-size: 12px;
}

.tags-section {
  float: left;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #d6dbdf;
}
.tags-section .section-title {
  float: left;
  color: #4c5e70;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.tags-section .section-title :lang(fr) {
  text-transform: none;
}
.tags-section:last-child {
  border: 0;
}

.search-field--trending-topics {
  clear: both;
  width: 100%;
  position: relative;
  z-index: 1;
}
.search-field--trending-topics input {
  border: 1px solid #d6dade;
  box-shadow: none;
  color: #969dab;
  min-width: 250px;
  max-width: 100%;
  width: 100%;
  font-size: 12px;
  border-radius: 3px;
  padding: 8px 40px 8px 10px;
}
.search-field--trending-topics input:focus {
  box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.25);
}
.search-field--trending-topics .btn--search {
  position: absolute;
  right: 4px;
  top: 4px;
  padding: 4px 10px;
  width: 34px;
  text-align: center;
}
.search-field--trending-topics .btn--close {
  position: absolute;
  right: 4px;
  top: 4px;
  padding: 4px 10px;
  width: 34px;
  text-align: center;
}

.widget--correlation .widget__content {
  padding: 0;
}
.widget--correlation .widget__content:before, .widget--correlation .widget__content:after {
  content: " ";
  display: table;
}
.widget--correlation .widget__content:after {
  clear: both;
}
.widget--correlation .table--correlation {
  margin: 0;
}
.widget--correlation .SurveyCountClick {
  cursor: pointer;
}

.category-legends > span {
  position: relative;
  margin-right: 10px;
  color: #a9b4bd;
  font-size: 11px;
  padding-left: 15px;
  text-transform: uppercase;
}
.category-legends > span :lang(fr) {
  text-transform: none;
}
.category-legends .rounded-bullet {
  width: 10px;
  height: 10px;
  background: #000;
  display: inline-block;
  border-radius: 50%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 1px;
}
.category-legends .rounded-bullet.green {
  background: #3bb001;
}
.category-legends .rounded-bullet.yellow {
  background: #fd7e14;
}
.category-legends .rounded-bullet.red {
  background: #dc3545;
}

.correlation-scores {
  padding: 0 20%;
  width: 100%;
  border-top: 1px solid #ebebeb;
}
@media (max-width: 1024px) {
  .correlation-scores {
    padding: 0 2%;
  }
}
.correlation-scores:before, .correlation-scores:after {
  content: " ";
  display: table;
}
.correlation-scores:after {
  clear: both;
}
.correlation-scores .completion__item {
  padding: 25px 0;
  float: left;
  width: 100%;
}
.correlation-scores .completion__item .item__infobar {
  float: left;
  width: 100%;
  position: relative;
  padding: 0 0 50px 0;
}
.correlation-scores .completion__item .item__infobar:after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  height: 30px;
  width: 2px;
  background: #e1e1e1;
}
.correlation-scores .completion__item .item__infobar .info__block {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.correlation-scores .completion__item .item__infobar .info__block h2 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 5px;
}
.correlation-scores .completion__item .item__infobar .info__block p {
  font-size: 14px;
  margin-bottom: 0;
}
.correlation-scores .completion__item .item__infobar .info__block.no-of-survey {
  position: relative;
}
.correlation-scores .completion__item .item__infobar .info__block.no-of-survey h2 {
  color: #4ca1fe;
  font-weight: 700;
}
.correlation-scores .completion__item .item__infobar .info__block.no-of-survey:before, .correlation-scores .completion__item .item__infobar .info__block.no-of-survey:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  width: 30px;
  background: #e1e1e1;
}
.correlation-scores .completion__item .item__infobar .info__block.no-of-survey:before {
  left: -15px;
}
.correlation-scores .completion__item .item__infobar .info__block.no-of-survey:after {
  right: -15px;
}
.correlation-scores .completion__item .progress-bar {
  float: left;
  width: 100%;
  margin: 8px 0;
}
.correlation-scores .completion__item .progress-bar span {
  float: left;
  animation: grower 3s linear;
  -moz-animation: grower 3s linear;
  -webkit-animation: grower 3s linear;
  -o-animation: grower 3s linear;
  height: 10px;
}
.correlation-scores .completion__item .progress {
  background: #b0b0b0;
  border: none;
  height: 10px;
  margin: 0;
}
.correlation-scores .completion__item .progress.progress--double .progress__bar {
  background: #fd7e14;
  height: 10px;
  float: left;
}
.correlation-scores .completion__item .scores__legends__bar .scores__legends {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.correlation-scores .completion__item .scores__legends {
  color: #494c57;
  font-size: 14px;
  float: left;
  padding-left: 15px;
  position: relative;
}
.correlation-scores .completion__item .scores__legends strong {
  font-weight: 600;
}
.correlation-scores .completion__item .scores__legends:before {
  content: "";
  display: inline-block;
  width: 10px;
  background: #b0b0b0;
  height: 10px;
  border-radius: 5px;
  margin: 0 5px 0 0;
}
.correlation-scores .completion__item .scores__legends.legends--first:before {
  background: #4ca1fe;
}
.correlation-scores .completion__item .scores__legends.legends--center {
  text-align: center;
}
.correlation-scores .completion__item .scores__legends.legends--center:before {
  background: #fd7e14;
}
.correlation-scores .completion__item .scores__legends.legends--last {
  text-align: right;
}
.correlation-scores .completion__item .scores__legends.legends--last:before {
  border: 1px solid #7d7d7d;
}

.progress-categorized {
  margin: 0 auto;
  max-width: 300px;
  border: 0;
  background: #e9ecef;
  height: 20px;
  border-radius: 3px;
  overflow: hidden;
}
.progress-categorized:before, .progress-categorized:after {
  content: " ";
  display: table;
}
.progress-categorized:after {
  clear: both;
}
.progress-categorized .progress-bar {
  background: #4ca1fe;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  color: #fff;
  float: left;
  animation: grower 3s linear;
  -moz-animation: grower 3s linear;
  -webkit-animation: grower 3s linear;
  -o-animation: grower 3s linear;
}

.progress-multiple {
  margin: 0 auto;
  max-width: 260px;
  overflow: hidden;
  border-radius: 3px;
  background-color: #e9ecef;
  height: 15px;
}
.progress-multiple .progress__pill {
  font-size: 11px;
  float: left;
  height: 15px;
  line-height: 15px;
  font-weight: 400;
  text-align: center;
  color: #fff;
}
.progress-multiple .progress__pill.rec {
  background: #3bb001;
}
.progress-multiple .progress__pill.pas {
  background: #fd7e14;
}
.progress-multiple .progress__pill.dec {
  background: #c3002f;
}
.progress-multiple .progress__pill span {
  overflow: hidden;
  display: block;
  max-width: 100%;
}

.table--correlation {
  width: 100%;
  max-width: 100%;
  clear: both;
  height: auto;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .table--correlation {
    overflow-x: auto;
  }
}
.table--correlation table {
  width: 100%;
}
.table--correlation table tr {
  border-bottom: 1px solid #ebebeb;
}
.table--correlation table tr.parent {
  background: #f4f5f9;
}
.table--correlation table tr.active {
  background: transparent;
}
.table--correlation table tr.child--one td:first-child {
  padding-left: 70px;
}
.table--correlation table tr.child--two {
  border: 0;
  background: #f4f5f9;
}
.table--correlation table tr.child--two td:first-child {
  padding-left: 90px;
}
.table--correlation table td, .table--correlation table th {
  padding: 15px;
}
.table--correlation table td:first-child, .table--correlation table th:first-child {
  padding-left: 50px;
}
.table--correlation table td.SurveyCountClick a, .table--correlation table th.SurveyCountClick a {
  cursor: pointer;
}
.table--correlation .bar > td:nth-child(1) {
  position: relative;
}
.table--correlation .bar > td:nth-child(1):before {
  content: "";
  width: 4px;
  height: 100%;
  background: #e4f1ff;
  position: absolute;
  left: 0;
  top: 0;
}
.table--correlation .bar > td:nth-child(2):before {
  display: none;
}
.table--correlation .bar.active > td:nth-child(1):before {
  background: #4ca1fe;
}

.widget--catfrequency .widget__content {
  padding: 20px;
}
.widget--catfrequency .chart-sorting {
  color: #888888;
  font-size: 14px;
  padding: 0 20px;
  vertical-align: middle;
}
.widget--catfrequency .chart-sorting p span {
  margin: 0 10px 0 0;
}

.frequency-charts .chart__frequency {
  box-sizing: border-box;
  width: 66.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-right: 60px;
  text-align: right;
}
@media (max-width: 1024px) {
  .frequency-charts .chart__frequency {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-right: 0;
  }
}
.frequency-charts .chart__score {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .frequency-charts .chart__score {
    box-sizing: border-box;
    width: 100%;
    float: left;
  }
}
.frequency-charts .chart__score .chart-sorting p span {
  margin: 0 0 0 10px;
}

.temp-dropdown:before, .temp-dropdown:after {
  content: " ";
  display: table;
}
.temp-dropdown:after {
  clear: both;
}
.temp-dropdown .ui-dropdown {
  float: right;
  margin: 0 0 0 10px;
}

.widget--categorytime .widget__content {
  padding: 0;
}
.widget--categorytime .widget__content:before, .widget--categorytime .widget__content:after {
  content: " ";
  display: table;
}
.widget--categorytime .widget__content:after {
  clear: both;
}
@media (max-width: 1024px) {
  .widget--categorytime .widget__content {
    padding: 0;
  }
}
.widget--categorytime .col-left {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-right: 1%;
}
@media (max-width: 1024px) {
  .widget--categorytime .col-left {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-top: 0;
    padding-right: 0;
  }
}
.widget--categorytime .col-right {
  box-sizing: border-box;
  width: 66.6666666667%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .widget--categorytime .col-right {
    box-sizing: border-box;
    width: 100%;
    float: left;
  }
}
.widget--categorytime .col-full {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-top: 20px;
}

.cattime-chart {
  padding-left: 60px;
}

.table--cattime {
  width: 100%;
  max-width: 100%;
  clear: both;
  font-size: 12px;
  height: auto;
}
@media (max-width: 1024px) {
  .table--cattime {
    overflow-x: auto;
  }
}
.table--cattime table {
  width: 100%;
}
.table--cattime table tr {
  border: 1px solid #fff;
}
.table--cattime table tr.positive {
  background: #f3f8fb;
}
.table--cattime table tr.negative {
  background: #fff7f7;
}
.table--cattime table tr.neutral {
  background: #fff9f6;
}
.table--cattime table td, .table--cattime table th {
  padding: 7px 10px;
  min-width: 50px;
  white-space: nowrap;
  font-size: 12px;
}
.table--cattime table td:first-child, .table--cattime table th:first-child {
  white-space: normal;
}

.category-table-legends {
  position: relative;
  padding-left: 20px;
  word-break: break-word;
}
.category-table-legends .rounded-bullet {
  width: 10px;
  height: 10px;
  background: #4ca1fe;
  display: inline-block;
  border-radius: 50%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 2px;
}
.category-table-legends .rounded-bullet.blue {
  background: #007bff;
}
.category-table-legends .rounded-bullet.green {
  background: #3bb001;
}
.category-table-legends .rounded-bullet.yellow {
  background: #ffc107;
}
.category-table-legends .rounded-bullet.red {
  background: #dc3545;
}
.category-table-legends .rounded-bullet.voc-color0 {
  background: #007bff;
}
.category-table-legends .rounded-bullet.voc-color1 {
  background: #ffc107;
}
.category-table-legends .rounded-bullet.voc-color2 {
  background: #3bb000;
}
.category-table-legends .rounded-bullet.voc-color3 {
  background: #dc3545;
}
.category-table-legends .rounded-bullet.voc-color4 {
  background: #6f42c1;
}
.category-table-legends .rounded-bullet.voc-color5 {
  background: #17a2b8;
}
.category-table-legends .rounded-bullet.voc-color6 {
  background: #27d4d4;
}
.category-table-legends .rounded-bullet.voc-color7 {
  background: #fd7e14;
}
.category-table-legends .rounded-bullet.voc-color8 {
  background: #4ca1fe;
}
.category-table-legends .rounded-bullet.voc-color9 {
  background: #34495e;
}
.category-table-legends .rounded-bullet.voc-color10 {
  background: #cad0e8;
}
.category-table-legends .rounded-bullet.voc-color11 {
  background: #d4c99e;
}
.category-table-legends .rounded-bullet.voc-color12 {
  background: #a25016;
}
.category-table-legends .rounded-bullet.voc-color13 {
  background: #566127;
}
.category-table-legends .rounded-bullet.voc-color14 {
  background: #b62b6e;
}

.ds__filters {
  display: flex;
  border-bottom: 1px solid #ebebeb;
  align-items: baseline;
}
.ds__filters .filter-item {
  padding: 15px 20px;
  flex: 1 1 0;
  border-left: 1px solid #ebebeb;
}
.ds__filters .filter-item:first-child {
  border-left: 0;
}
.ds__filters .filter-item .item__label {
  font-size: 12px;
  color: #969dab;
  margin-right: 50px;
}

.dynamic-topic-search {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.dynamic-topic-search:after {
  content: " ";
  display: block;
  clear: both;
}

.ds-drag-column {
  box-sizing: border-box;
  width: 25%;
  float: left;
  border-right: 1px solid #ebebeb;
  min-height: 400px;
}
@media (max-width: 1024px) {
  .ds-drag-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    min-height: auto;
  }
}
.ds-drag-column .drag__list .list__item a {
  display: block;
  font-size: 12px;
  padding: 12px 15px;
  text-transform: capitalize;
  color: #34495e;
  border-bottom: 1px solid #ebebeb;
  text-decoration: none;
  position: relative;
  background: #f5f6f7;
}
.ds-drag-column .drag__list .list__item a :lang(fr) {
  text-transform: none;
}
.ds-drag-column .drag__list .list__item a:hover {
  cursor: move;
}
.ds-drag-column .drag__list .list__item a .action {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  content: "";
  color: #bdc2c6;
  font-size: 14px;
  right: 20px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .ds-drag-column .drag__list .list__item a .action:before {
    content: "";
  }
}
.ds-drag-column .drag__list .list__item.active > a {
  background: #edeef1;
}
.ds-drag-column .drag__list .list__item.active > a:before {
  content: "";
}
.ds-drag-column .drag__list .list__item.disabled a {
  opacity: 0.5;
}
.ds-drag-column .drag__list .list__item ul li a {
  background: #fff;
  padding: 9px 15px;
}
.ds-drag-column .drag__list .list__item ul li a:before:hover {
  cursor: pointer;
}
.ds-drag-column .drag__list .list__item ul li a:hover {
  background: #4ca1fe;
  color: #fff;
}
.ds-drag-column .drag__list .list__item ul li a.ui-state-disabled:hover {
  color: #000;
  opacity: 1;
}
.ds-drag-column .drag__list .list__item ul li a.active span {
  display: none;
}
.ds-drag-column .drag__list .list__item ul li:first-child a {
  border-radius: 0;
}
.ds-drag-column .drag__list .list__item ul li.selected a:before {
  content: "";
  color: #4ca1fe;
  font-size: 12px;
  right: 17px;
}
.ds-drag-column .drag__list .list__item ul li.selected a:hover {
  background: none;
  cursor: default;
  color: inherit;
}
.ds-drop-column {
  box-sizing: border-box;
  width: 75%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  min-height: 400px;
  padding: 25px;
}
@media (max-width: 1024px) {
  .ds-drop-column {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding: 10px;
    min-height: auto;
  }
}
.ds-drop-column .btn--danger {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -41px;
  text-align: center;
}
.ds-drop-column .drop-list .list__item {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
}
@media (max-width: 1024px) {
  .ds-drop-column .drop-list .list__item {
    margin-bottom: 10px;
  }
}
.ds-drop-column .drop-list .list__item a {
  color: #34495e;
  border: 1px solid #ebebeb;
  padding: 15px;
  border-radius: 3px;
  display: block;
  cursor: move;
}
.ds-drop-column .drop-list .list__item a.input-holder {
  padding: 14px 15px;
}
.ds-drop-column .drop-list .list__item a.input-holder input {
  min-width: 70px;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  border: none;
  text-align: center;
}
.ds-drop-column .drop-list .list__item i {
  position: absolute;
  top: -7px;
  right: -7px;
  font-size: 10px;
  cursor: pointer;
  z-index: 1;
  background: #ef207d;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  text-align: center;
  width: 18px;
  color: #fff;
  height: 18px;
  line-height: 19px;
  border-radius: 100%;
}
.ds-drop-column .drop-list .list__item:hover a {
  border-color: #b7b7b7;
}
.ds-drop-column .drag-content {
  border: 2px dashed #ebebeb;
  padding: 20px;
  text-align: center;
  border-radius: 3px;
  clear: both;
  float: left;
  width: 100%;
  max-height: 500px;
  min-height: 90px;
  overflow-y: auto;
}
.ds-drop-column .drag-content.cdk-drop-list-receiving, .ds-drop-column .drag-content.cdk-drop-list-dragging {
  border-color: #b8b8b8;
}
.ds-drop-column .drag-content .drag__msg {
  padding: 30px;
}
.ds-drop-column .drag-content .drag__msg i {
  display: inline-block;
  font-size: 25px;
  color: #d5d7dd;
}
.ds-drop-column .drag-content p {
  font-size: 12px;
  margin-top: 10px;
}

body > .list__item--drop.cdk-drag-preview {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  font-size: 12px;
  padding: 0;
  border-radius: 3px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
body > .list__item--drop.cdk-drag-preview a {
  color: #34495e;
  border: 1px solid #b7b7b7;
  padding: 15px;
  border-radius: 3px;
  display: block;
}
body > .list__item--drop.cdk-drag-preview a.input-holder {
  padding: 14px 15px;
}
body > .list__item--drop.cdk-drag-preview a.input-holder input {
  min-width: 70px;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  border: none;
  text-align: center;
}
body > .list__item--drop.cdk-drag-preview i {
  display: none;
}

.ds-drop-column .drag-content > .list__item--drag {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  font-size: 12px;
  padding: 0;
  border-radius: 3px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.ds-drop-column .drag-content > .list__item--drag a {
  color: #34495e;
  border: 1px solid #b7b7b7;
  padding: 15px;
  border-radius: 3px;
  display: block;
}
.ds-drop-column .drag-content > .list__item--drag a.input-holder {
  padding: 14px 15px;
}
.ds-drop-column .drag-content > .list__item--drag a.input-holder input {
  min-width: 70px;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  border: none;
  text-align: center;
}
.ds-drop-column .drag-content > .list__item--drag i {
  display: none;
}

body > .list__item--drag.cdk-drag-preview {
  padding: 0;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
body > .list__item--drag.cdk-drag-preview a {
  display: block;
  font-size: 12px;
  padding: 12px 15px;
  text-transform: capitalize;
  color: #34495e;
  border-bottom: 1px solid #ebebeb;
  text-decoration: none;
  position: relative;
  background: #f5f6f7;
}
body > .list__item--drag.cdk-drag-preview a :lang(fr) {
  text-transform: none;
}
body > .list__item--drag.cdk-drag-preview a:before, body > .list__item--drag.cdk-drag-preview a .action {
  display: none;
}

.tags-list {
  font-size: 13px;
}
.tags-list li {
  display: inline-block;
  padding: 5px 8px;
  margin: 3px 5px 3px 0;
  border-radius: 3px;
  background: #fff;
  position: relative;
  border: 1px solid #d6dade;
}
.tags-list li span {
  color: #969dab;
  margin-right: 3px;
  display: inline-block;
}
.tags-list li.with-info {
  padding-right: 35px;
}
.tags-list li .tooltip {
  position: absolute;
  top: 0;
  border-left: 1px solid #d6dade;
  right: 0;
  padding: 5px 7px;
  color: #666;
  margin-right: 0;
  background: #e9ecef;
  bottom: 0;
}

.draggable-control {
  float: left;
  width: 100%;
  padding-top: 10px;
}
.draggable-control .btn {
  margin-right: 5px;
}

.search-result {
  float: left;
  width: 100%;
  min-height: 150px;
  position: relative;
}
@media (max-width: 1024px) {
  .search-result {
    min-height: auto;
  }
}
.search-result h2 {
  font-size: 14px;
  color: #212229;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
  margin: 20px 0;
}
.search-result ul {
  max-height: 450px;
  overflow-y: auto;
}
.search-result ul li {
  position: relative;
  margin: 0 10px 10px 0;
  float: left;
}
.search-result ul li a {
  cursor: default;
  display: block;
  font-size: 14px;
  padding: 0 0 0 15px;
  line-height: 34px;
  color: #000;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  background: #fff;
  text-align: left;
}
.search-result ul li.positive a {
  background: #d5e8d4;
  border-color: #82b366;
}
.search-result ul li.negative a {
  background: #f8cecc;
  border-color: #b85450;
}
.search-result ul li.neutral a {
  background: #fff2cc;
  border-color: #d6b656;
}

.pills-container {
  margin-left: 15px;
  font-size: 0;
  float: right;
  height: 36px;
  cursor: pointer;
}

.pills {
  padding: 0 5px;
  text-align: center;
  min-width: 30px;
  display: inline-block;
  font-size: 12px;
}
.pills.unassigned {
  background: #f5f5f5;
}
.pills.positive {
  background: #d5e8d4;
  border-color: #82b366;
}
.pills.negative {
  background: #f8cecc;
  border-color: #b85450;
}
.pills.neutral {
  background: #fff2cc;
  border-color: #d6b656;
}

.categories {
  padding: 0;
}
.categories:before, .categories:after {
  content: " ";
  display: table;
}
.categories:after {
  clear: both;
}
.categories .cat__column {
  box-sizing: border-box;
  width: 33.3333333333%;
  float: left;
}
@media (max-width: 1024px) {
  .categories .cat__column {
    box-sizing: border-box;
    width: 100%;
    float: left;
  }
}
.categories .cat__column .cat__content ul {
  border-left: 1px solid #ebebeb;
}
.categories .cat__column:first-child .cat__content ul {
  border-left: 0;
}
.categories .cat__content {
  float: left;
  width: 100%;
  position: relative;
}
.categories .cat__heading {
  padding: 15px 10px 10px 20px;
  border-bottom: 1px solid #ebebeb;
}
.categories .cat__heading h3 {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  color: #a9b4bd;
}
.categories .cat__heading h3 :lang(fr) {
  text-transform: none;
}
.categories .cat__control {
  float: right;
  margin-top: -5px;
  position: relative;
}
.categories .cat__control .control__link {
  border-radius: 100%;
  background: #eff0f2;
  width: 22px;
  height: 22px;
  display: inline-block;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  color: #969dab;
  border: 1px solid #ebebeb;
}
.categories .cat__control .control__link:hover {
  background: #4ca1fe;
  color: #fff;
}
.categories .cat__control .add__categories input[type=text] {
  width: 100%;
  padding: 6px 10px;
  border-radius: 3px;
  border: 1px solid #d0d7dd;
  font-family: "Roboto";
  font-size: 12px;
  color: #666;
}
.categories .cat__control .add__categories input[type=text]:focus {
  box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.25);
}
.categories .cat__control .add__categories input[type=text]:disabled {
  background: #f1f1f1;
  opacity: 0.5;
}
.categories .cat__control .add__categories input[type=text].field--error input[type=text],
.categories .cat__control .add__categories input[type=text].field--error input[type=url],
.categories .cat__control .add__categories input[type=text].field--error input[type=email],
.categories .cat__control .add__categories input[type=text].field--error input[type=password] {
  border-color: #dc3545;
}
.categories .cat__list {
  min-height: 350px;
}
@media (max-width: 1024px) {
  .categories .cat__list {
    min-height: auto;
  }
}
.categories .cat__list .mCSB_scrollTools {
  right: -4px;
  top: 0;
}
.categories .cat__list li {
  position: relative;
  transition: 0.5s ease-out;
  border-bottom: 1px solid #ebebeb;
}
.categories .cat__list li a {
  display: block;
  color: #34495e;
  font-size: 12px;
  padding: 10px 55px 10px 20px;
  position: relative;
}
.categories .cat__list li.new > a {
  font-style: italic;
  color: #d3d3d4;
}
.categories .cat__list li.new > a:before {
  font-family: "Font Awesome 5 Pro";
  content: "";
  height: 12px;
  color: #fd7e14;
  font-style: normal;
  width: 12px;
  display: inline-block;
  margin-right: 5px;
}
.categories .cat__list li input[type=text] {
  width: 80%;
  padding: 8px 10px;
  border-radius: 3px;
  border: 1px solid #d0d7dd;
  font-family: "Roboto";
  font-size: 12px;
  color: #666;
}
.categories .cat__list li input[type=text]:focus {
  box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.25);
}
.categories .cat__list li input[type=text]:disabled {
  background: #f1f1f1;
  opacity: 0.5;
}
.categories .cat__list li input[type=text].field--error input[type=text],
.categories .cat__list li input[type=text].field--error input[type=url],
.categories .cat__list li input[type=text].field--error input[type=email],
.categories .cat__list li input[type=text].field--error input[type=password] {
  border-color: #dc3545;
}
.categories .cat__list li .category__control {
  position: absolute;
  right: 0;
  top: 5px;
  transition: 0.5s ease-out;
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
}
.categories .cat__list li .category__control a {
  padding: 5px 10px;
  position: static;
  float: left;
}
.categories .cat__list li .category__control a i {
  font-size: 14px;
}
.categories .cat__list li .category__control a:hover, .categories .cat__list li .category__control a:active {
  color: #4ca1fe;
}
.categories .cat__list li .category__control a.hide {
  display: none !important;
}
.categories .cat__list li:hover a {
  color: #4ca1fe;
}
.categories .cat__list li:hover .category__control {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.categories .cat__list li.selected {
  padding: 5px 5px 5px 18px;
}
.categories .cat__list li.selected .translation--link {
  opacity: 0.5;
}
.categories .cat__list li.active {
  background: #f5f6f7;
  border-left: 3px solid #4ca1fe;
  color: #666;
}
.categories .cat__list li.active .category__control {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.categories .cat__list li.active .category__control a:hover, .categories .cat__list li.active .category__control a:active {
  color: #4ca1fe;
}
.cat-notification {
  float: right;
  font-size: 1rem;
  min-width: 230px;
  max-width: 40%;
  margin-right: 1em;
  border-radius: 12px;
  background-color: #88c057;
  color: #fff;
  padding: 0.5em 1em;
  padding-right: 2.5em;
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  opacity: 0;
}
.cat-notification:before, .cat-notification:after {
  content: " ";
  display: table;
}
.cat-notification:after {
  clear: both;
}
.cat-notification p {
  font-size: 1.2em;
  float: left;
}
.cat-notification a {
  position: absolute;
  right: 10px;
  top: 4px;
  color: #fff;
}
.cat-notification.active {
  opacity: 1;
  transform: translateY(10px);
}
.cat-notification.notification--danger {
  background: #dc3545;
}
.modal--keywordsconfiguration .cat-notification.active {
  opacity: 1;
  transform: translateY(0px);
}

.search-box {
  transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  width: 28px;
  height: 28px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  border-color: #d6dade;
  background: #fff;
}
.search-box + label .search-icon {
  color: #9d9d9d;
  vertical-align: middle;
}
.search-box + label .search-icon:before {
  font-size: 13px;
  position: relative;
}
.search-box:hover {
  color: white;
  background: #4ca1fe;
  box-shadow: 0 0 0 5px #4ca1fe;
  border-color: #fff;
}
.search-box:hover + label .search-icon {
  color: white;
}
.search-box:focus {
  transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
  outline: none;
  box-shadow: none;
  padding-left: 15px;
  cursor: text;
  width: 250px;
  padding-right: 25px;
  border-radius: 3px;
  background: #fff;
  color: black;
}
.search-box:focus + label .search-icon {
  color: #4ca1fe;
}
.search-box:not(:focus) {
  text-indent: -5000px;
}

#search-submit {
  position: relative;
  left: -5000px;
}

.search-icon {
  left: -22px;
  color: white;
  position: relative;
  cursor: pointer;
  top: 1px;
}

.extract-filter {
  float: right;
  position: relative;
}
.extract-filter .filter__link {
  border-radius: 50%;
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  width: 28px;
  text-align: center;
  height: 28px;
  color: #a0a6ac;
  transition: none;
}
.extract-filter .filter__link .icon:before {
  vertical-align: middle;
}
.extract-filter .filter__link:hover {
  background: #eeeeee;
  color: #34495e;
}
.extract-filter .filter__link.active {
  background: #e4e4e4;
  color: #34495e;
}
.extract-filter .filter__dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  margin: 10px 0 0 0;
  min-width: 240px;
  background: #fff;
  border-radius: 5px;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0px 2px 7px 0px rgba(35, 31, 32, 0.36);
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  opacity: 0;
  transform: translateY(-10px);
  visibility: hidden;
}
.extract-filter .filter__dropdown.dropdown--active {
  opacity: 1;
  transform: translateY(2px);
  visibility: visible;
}
.extract-filter .filter__list {
  font-size: 12px;
  text-align: left;
  font-weight: normal;
}
.extract-filter .filter__list li {
  display: block;
}
.extract-filter .filter__list li i {
  margin-right: 5px;
}
.extract-filter .filter__list li a {
  display: block;
  padding: 8px 10px;
}

.keywords {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 0 20px 20px;
}
.keywords .keywords__col {
  display: table-cell;
  width: 41%;
}
.keywords .keywords__col h2 {
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  color: #212229;
  margin-bottom: 10px;
}
.keywords .keywords__col.keywords__sorting {
  text-align: center;
  padding: 10px;
  vertical-align: middle;
  width: 8%;
}
.keywords .keywords__content {
  border: 1px solid #d6dade;
  padding: 10px;
  position: relative;
  border-radius: 5px;
}
.keywords .keywords__list:before, .keywords .keywords__list:after {
  content: " ";
  display: table;
}
.keywords .keywords__list:after {
  clear: both;
}
.keywords .keywords__list .mCSB_scrollTools {
  top: 0;
  right: -4px;
}
.keywords .keywords__list ul {
  height: 300px;
  overflow-y: auto;
}
.keywords .keywords__list ul .mCSB_container {
  overflow: visible !important;
}
.keywords .keywords__header {
  height: 25px;
  margin-bottom: 20px;
}
.keywords .keywords__header:before, .keywords .keywords__header:after {
  content: " ";
  display: table;
}
.keywords .keywords__header:after {
  clear: both;
}
.keywords .keywords__header .edit-field {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  display: inline-block;
  color: #5b6c7c;
}
.keywords .keywords__header .edit-field :lang(fr) {
  text-transform: none;
}
.keywords .keywords--btn:before {
  font-family: "Font Awesome 5 Pro";
  content: "";
  top: 10px;
  left: 10px;
}
.keywords .keywords--btn:hover {
  background: #4ca1fe;
  color: #fff;
}
.keywords .keywords--btn:hover:before {
  -webkit-animation: error 0.8s ease;
          animation: error 0.8s ease;
}
.keywords .keywords--btn.hover {
  background: #4ca1fe;
  color: #fff;
}
.keywords .keywords--btn.hover:before {
  -webkit-animation: error 0.8s ease;
          animation: error 0.8s ease;
}

.keywords__control {
  float: right;
  width: 100%;
  text-align: right;
  margin-bottom: 15px;
}
.keywords__control .keyword__field {
  display: inline-block;
  position: relative;
}
.keywords__control .search-btn {
  position: absolute;
  right: 10px;
  top: 11px;
}
.keywords__control .search-btn i:before {
  font-size: 14px;
  color: #b3b3b3;
}
.keywords__control input[type=text].keyword__search {
  width: 170px;
  border: 1px solid #d6dade;
  text-transform: none;
  background: #f8f9fa;
  margin-left: 5px;
  padding: 10px;
  color: #000;
  text-align: left;
  font-size: 14px;
  height: 36px;
  vertical-align: top;
  margin-top: 0;
  border-radius: 3px;
}
.keywords__control input[type=text].keyword__search ::-webkit-input-placeholder {
  color: #cccccc;
}
.keywords__control input[type=text].keyword__search :-moz-placeholder {
  color: #cccccc;
}
.keywords__control input[type=text].keyword__search ::-moz-placeholder {
  color: #cccccc;
}
.keywords__control input[type=text].keyword__search :-ms-input-placeholder {
  color: #cccccc;
}
.keywords__control .btn {
  margin-left: 5px;
  vertical-align: top;
}

.keywords__legend {
  padding-top: 15px;
}
.keywords__legend ul li {
  display: block;
  font-size: 12px;
  margin-bottom: 7px;
  position: relative;
  padding-left: 20px;
}
.keywords__legend ul li .icon {
  position: absolute;
  color: #dc3545;
  font-size: 14px;
  left: 0;
}
.keywords__legend ul li.non-representative .icon {
  color: #4ca1fe;
}

.tags-keyword {
  list-style-type: none;
  width: 100%;
  font-size: 1rem;
}
.tags-keyword .tag__item {
  position: relative;
  display: inline-block;
  border: 2px solid #dc3545;
  vertical-align: middle;
  padding: 8px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.tags-keyword .tag__item .icon {
  padding-left: 6px;
  vertical-align: middle;
}
.tags-keyword .tag__item a {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 400;
}
.tags-keyword .tag__item a:hover {
  color: #4ca1fe;
}
.tags-keyword .tag__item.active {
  border-bottom: 2px solid #4ca1fe;
}
.tags-keyword .tag__item.active a {
  color: #4ca1fe;
}
.tags-keyword .tag__item.tag--nonrepresentativekeywords {
  border-color: #4ca1fe;
}
.tags-keyword .tag__item.tag--nonrepresentativekeywords.tag--selected {
  background: #4ca1fe;
}
.tags-keyword .tag__item.tag--selected {
  background: #dc3545;
}
.tags-keyword .tag__item.tag--selected a {
  color: #fff;
}
.tags-keyword .tag__item.tag--unassigned {
  border-color: #cecdcd;
}
.tags-keyword .tag__item.tag--unassigned a {
  color: #cecdcd;
}
.tags-keyword .tag__item.tag--unassigned.tag--selected {
  background: #cecdcd;
}
.tags-keyword .tag__item.tag--unassigned.tag--selected a {
  color: #fff;
}
.tags-keyword .tag__item.tag--positive {
  border-color: #3bb001;
}
.tags-keyword .tag__item.tag--positive a {
  color: #3bb001;
}
.tags-keyword .tag__item.tag--positive.tag--selected {
  background: #3bb001;
}
.tags-keyword .tag__item.tag--positive.tag--selected a {
  color: #fff;
}
.tags-keyword .tag__item.tag--negative {
  border-color: #dc3545;
}
.tags-keyword .tag__item.tag--negative a {
  color: #dc3545;
}
.tags-keyword .tag__item.tag--negative.tag--selected {
  background: #dc3545;
}
.tags-keyword .tag__item.tag--negative.tag--selected a {
  color: #fff;
}
.tags-keyword .tag__item.tag--neutral {
  border-color: #fd7e14;
}
.tags-keyword .tag__item.tag--neutral a {
  color: #fd7e14;
}
.tags-keyword .tag__item.tag--neutral.tag--selected {
  background: #fd7e14;
}
.tags-keyword .tag__item.tag--neutral.tag--selected a {
  color: #fff;
}
.tags-keyword.tags--available .tag__item {
  border: 1px solid #ebebeb;
}
.tags-keyword.tags--available .tag__item a {
  color: #4ca1fe;
}
.tags-keyword.tags--available .tag__item a:hover {
  color: #2d2d2d;
}
.tags-keyword.tags--available .tag__item.tag--selected {
  background: #4ca1fe;
}
.tags-keyword.tags--available .tag__item.tag--selected a {
  color: #fff;
}

.keywordConfiguration .last-updated {
  background-color: #f8f9fa;
  padding: 20px;
  border-bottom: 1px solid #eceef1;
  font-size: 12px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.keywordConfiguration .last-updated p {
  font-weight: 600;
  color: #a3afba;
}
.keywordConfiguration .last-updated p span {
  color: #4ca1fe;
}
.keywordConfiguration .last-updated .icon {
  margin-right: 5px;
}

.modal.modal--keywordsconfiguration .modal__outer .modal__inner .last-updated {
  position: absolute;
  right: 50px;
  background: #f8f9fa;
  padding: 10px 25px;
  border-radius: 20px;
  top: 15px;
}
.modal.modal--keywordsconfiguration .modal__outer .modal__inner .last-updated .icon {
  margin-right: 5px;
}
.modal.modal--keywordsconfiguration .modal__outer .modal__inner .last-updated p {
  font-weight: 600;
  color: #a3afba;
  font-size: 12px;
}
.modal.modal--keywordsconfiguration .modal__outer .modal__inner .last-updated p span {
  color: #4ca1fe;
}
.modal.modal--keywordsconfiguration .modal__outer .modal__inner .modal__content .keywords {
  padding-top: 0;
}

.icon-positive {
  color: #3bb001;
}

.icon-neutral {
  color: #fd7e14;
}

.icon-negative {
  color: #dc3545;
}

.suggested__keyword {
  float: right;
  margin: -3px 0 0 0;
}

.rg-overlay > .ui-overlaypanel-content {
  padding: 0 !important;
}

.rg-overlay .ui-scrollpanel-bar.ui-scrollpanel-bar-x {
  display: none !important;
}

.highcharts-credits {
  display: none !important;
}

.rg-drag-column .drag__list .list__item ul li.selected a.drag-item-a:before {
  right: 0px !important;
  top: 0px !important;
}

.ps__rail-y {
  display: none !important;
}

body {
  background: #fff;
}

.header {
  border-bottom: 1px solid #d6dbdf !important;
  position: static;
  box-shadow: none;
  height: 60px;
}

.logo img {
  max-height: 40px;
}

.l-content {
  margin: 0;
}

input.field__label:disabled {
  color: black !important;
}

.noprint,
.arrow-wrap,
.nav,
.navbar-right,
.main-sidebar,
.owl-nav,
.back-link,
.mCSB_scrollTools,
.masthead__controls,
.loader,
.btn,
.help-icon,
.tooltip_templates,
.header-options,
.loader-overlay,
.filter-field .field__icons,
.carousel-wrap:before,
.carousel-wrap:after,
.widget-node,
.filter-dropdown,
.googlemap-screen,
.ui-scrollpanel-bar {
  display: none !important;
}

.widget-node.widget-node__print {
  display: block !important;
}

.ui-scrollpanel-wrapper {
  border: none !important;
}

.btn.btn-select {
  display: block !important;
}

[class*=page-],
[class*=" page-"] {
  width: 100%;
  vertical-align: top;
}

[class*=page-] .page_inner, [class*=" page-"] .page_inner {
  padding-bottom: 0;
}

.widget__graph {
  width: 100%;
  float: left;
  overflow: hidden;
  padding: 0;
  text-align: center;
}

.widget {
  overflow: hidden;
  border: 1px solid #d6dbdf;
  box-shadow: none;
}
.widget.widget--comingsoon {
  min-height: 100px;
}

.card--last {
  margin-bottom: 0 !important;
}

.filter {
  overflow: hidden;
  border: 1px solid #d6dbdf;
  box-shadow: none;
  background: #fff;
}

.main-breadcrumbs li.active a {
  color: #fff !important;
}

.highcharts-container {
  margin: 0 auto !important;
  float: none !important;
}

.widget {
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: avoid;
}
.widget.page--widget {
  page-break-after: avoid !important;
  page-break-before: avoid !important;
  page-break-inside: auto !important;
}

.page-break {
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: avoid;
}

.table.table--scroll {
  overflow-y: auto !important;
  height: auto;
}

.GridCellDiv {
  display: inline-block;
}

.showprint {
  display: block !important;
}

#print-canvas img {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}

.right--header {
  width: 50%;
  text-align: right;
  float: right;
}

.owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
}

.filter--calendar .field__label span {
  display: inline-block;
}
.filter--calendar .field__label .to {
  padding: 0 5px;
}

.btn--removal {
  display: block !important;
}

table.table--bordered tr {
  border: 0;
}
.page-myappeals .table table th, .page-myappeals .table table td {
  white-space: normal !important;
}
.page-myappeals .table table th.removal-reason, .page-myappeals .table table td.removal-reason {
  max-width: 400px;
}

.search-result ul {
  max-height: none !important;
  overflow-y: visible !important;
}
.search-result ul .mCustomScrollBox {
  max-height: none !important;
}

.main-content {
  margin: 0;
  padding: 0;
}

.googlemap-print {
  display: block;
}

.widget--catfrequency .chart-sorting .btn.btn-icon-only {
  display: inline-block !important;
}