@charset "UTF-8";
/**
 * Colors
 */
/**
 * Typography
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,500italic|Raleway:400,700);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined);
/**
 * Sizes
 */
/**
 * Convert Typography Units
 */
/**
 * Break points
 */
/* Redesign */
.gutter {
  padding: 20px;
}
.gutter-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}
.gutter-vertical {
  padding-top: 20px;
  padding-bottom: 20px;
}

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

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

.float-left-clear {
  float: left;
  clear: both;
  display: block;
}

.clear-right {
  clear: right;
}

.clear-left {
  clear: left;
}

.overflow-hidden {
  overflow: hidden;
}

.margin-middle {
  margin: 0 auto !important;
}

.vertical-align-top {
  vertical-align: top;
}
.vertical-align-middle {
  vertical-align: middle;
}
.vertical-align-bottom {
  vertical-align: bottom;
}

.one-half {
  width: 50%;
  float: left;
}
.one-third {
  width: 33%;
  float: left;
}
.one-fourth {
  width: 25%;
  float: left;
}
.one-fifth {
  width: 20%;
  float: left;
}

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

.vertical-align-top {
  vertical-align: top;
}
.vertical-align-bottom {
  vertical-align: bottom;
}
.vertical-align-middle {
  vertical-align: middle;
}
.vertical-align-text-top {
  vertical-align: text-top;
}
.vertical-align-text-bottom {
  vertical-align: text-bottom;
}

.font-weight-700 {
  font-weight: 700;
}
.font-weight-600 {
  font-weight: 600;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-300 {
  font-weight: 300;
}

.font-size-8px {
  font-size: 8px;
}
.font-size-9px {
  font-size: 9px;
}
.font-size-10px {
  font-size: 10px;
}
.font-size-12px {
  font-size: 12px;
}
.font-size-14px {
  font-size: 14px;
}
.font-size-16px {
  font-size: 16px;
}
.font-size-17px {
  font-size: 17px;
}
.font-size-18px {
  font-size: 18px;
}
.font-size-20px {
  font-size: 20px;
}
.font-size-21px {
  font-size: 21px;
}
.font-size-22px {
  font-size: 22px;
}
.font-size-23px {
  font-size: 23px;
}
.font-size-24px {
  font-size: 24px;
}
.font-size-25px {
  font-size: 25px;
}
.font-size-26px {
  font-size: 26px;
}

.font-weight-lighter {
  font-weight: lighter;
}
.font-weight-bold {
  font-weight: bold;
}
.font-weight-bolder {
  font-weight: bolder;
}
.font-weight-normal {
  font-weight: normal;
}

.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}

.outline-none {
  outline: none;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/* Redesign */
.rounded-none {
  border-radius: 0 !important;
}

.rounded-sm, .typeahead .tt-dropdown-menu {
  border-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.375rem !important;
}

.rounded-xl {
  border-radius: 0.9375rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.bottom-rounded-sm {
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

.rounded-sm-top-left {
  border-top-left-radius: 0.25rem !important;
}

.rounded-sm-top-right {
  border-top-right-radius: 0.25rem !important;
}

.rounded-sm-bottom-left {
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-sm-bottom-right {
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-lg-top-left {
  border-top-left-radius: 0.375rem !important;
}

.rounded-lg-top-right {
  border-top-right-radius: 0.375rem !important;
}

.rounded-lg-bottom-left {
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-lg-bottom-right {
  border-bottom-right-radius: 0.375rem !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

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

.overflow-y-auto {
  overflow-y: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-auto {
  overflow: auto;
}

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

div.hide-scroll::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .overflow-md-auto {
    overflow: auto;
  }
  .overflow-md-hidden {
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .overflow-xl-auto {
    overflow: auto;
  }
  .overflow-xl-hidden {
    overflow: hidden;
  }
}
.box-shadow-xl {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
}

.box-shadow-md {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
}

/* Redesign */
.dashboard-body {
  padding: 0px;
}

.carousel-controller {
  min-height: 6rem;
}

.table {
  display: table;
}

.gray-background {
  background-color: #fafafa;
}

.silver-background {
  background-color: #F5F5F5;
}

.mid-gray-background {
  background-color: #f0f0f0;
}

.white-background {
  background-color: #FFFFFF;
}

.pc-background {
  background-color: #0b6a77;
}

.pc-navy-background {
  background-color: #072B36;
}

.pc-teal-background {
  background-color: #0b6a77;
}

.pc-blue-background {
  background-color: #127574;
}

.divider {
  border-bottom: solid 1px #E6E6E6;
}
.divider-vertical {
  background-color: #E6E6E6;
  width: 1px;
}

body .hide-all {
  display: none !important;
}

div.soft-hide {
  display: none;
}

.height-full-max {
  height: 100%;
}

.height-auto {
  height: auto !important;
}

.min-height-100px {
  min-height: 100px;
}

.min-height-full-max {
  min-height: 100%;
}

.max-height-reset {
  max-height: unset !important;
}

.full-width {
  width: 100%;
}

.mw-80 {
  max-width: 80% !important;
}

.mw-90 {
  max-width: 90% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.border-default {
  border: solid 1px #E6E6E6;
}

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

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

.position-top-zero {
  top: 0;
}

.position-left-zero {
  left: 0;
}

.position-right-zero {
  right: 0;
}

.position-bottom-zero {
  bottom: 0;
}

@media (min-width: 768px) {
  .carousel-controller {
    min-height: 4.5rem;
  }
  .height-full {
    height: 100vh;
  }
}
@media (min-width: 992px) {
  .height-max {
    height: 100%;
  }
}
.pc-background-gray-1 {
  background-color: #fafafa;
}
.pc-background-gray-2 {
  background-color: #f0f0f0;
}
.pc-background-gray-3 {
  background-color: #E6E6E6;
}
.pc-background-gray-4 {
  background-color: #F5F5F5;
}
.pc-background-gray-5 {
  background-color: #D7D7D7;
}
.pc-background-gray-6 {
  background-color: #DCDCDC;
}
.pc-background-gray-7 {
  background-color: #969696;
}
.pc-background-gray-8 {
  background-color: #5a5a5a;
}
.pc-background-gray-9 {
  background-color: #fafafa;
}

/**
 * Colors
 */
.color-white {
  color: #FFFFFF;
}
.color-teal {
  color: #0b6a77;
}
.color-orange {
  color: #0b6a77;
}
.color-orange-lt {
  color: #127574;
}
.color-blue {
  color: #127574;
}
.color-blue-lt {
  color: #00b0b4;
}
.color-blue-important {
  color: #127574 !important;
}
.color-blue-important-lt {
  color: #00b0b4 !important;
}
.color-bulk-important {
  color: #41b2db !important;
}
.color-bulk-important-lt {
  color: #41b2db !important;
}
.color-green {
  color: #3BAE1C;
}
.color-green-lt {
  color: #3BAE1C;
}
.color-navy {
  color: #072B36;
}
.color-navy-lt {
  color: #105A70;
}
.color-navy-x-lt {
  color: #157794;
}
.color-navy-xx-lt {
  color: #6880a2;
}
.color-navy-desaturate {
  color: #53acc6;
}
.color-gray {
  color: #939598;
}
.color-gray-lt {
  color: #9D9FA2;
}
.color-gray-brand-3 {
  color: #444;
}
.color-gray-1 {
  color: #fafafa;
}
.color-gray-2 {
  color: #f0f0f0;
}
.color-gray-3 {
  color: #E6E6E6;
}
.color-gray-4 {
  color: #F5F5F5;
}
.color-gray-5 {
  color: #D7D7D7;
}
.color-gray-6 {
  color: #DCDCDC;
}
.color-gray-7 {
  color: #969696;
}
.color-gray-8 {
  color: #5a5a5a;
}
.color-gray-9 {
  color: #fafafa;
}
.color-disabled {
  color: #CFD8DC;
}
.color-highlight {
  color: #E0E5EC;
}
.color-me {
  color: #00ADB0;
}
.color-team {
  color: #018D94;
}
.color-group {
  color: #026D77;
}
.color-company {
  color: #015961;
}
.color-ninebox {
  color: #1798FE;
}
.color-recognition {
  color: #E3879E;
}
.color-goal {
  color: #39AE1D;
}
.color-checkin {
  color: #836AA9;
}
.color-reviews {
  color: #13598D;
}
.color-warn {
  color: #ED5959;
}
.color-idp {
  color: #FCA311;
}

.image-ninebox {
  background-image: url("../../../images/feature-icons/9-box-icon.png");
}
.image-recognition {
  background-image: url("../../../images/feature-icons/recognition-icon.png");
}
.image-goal {
  background-image: url("../../../images/feature-icons/goal-icon.png");
}
.image-checkin {
  background-image: url("../../../images/feature-icons/checkin-icon.png");
}

/**
 * Backgrounds
 */
.bg {
  background-color: #fafafa;
}
.bg-white {
  background-color: #FFFFFF;
}
.bg-orange {
  background-color: #0b6a77;
}
.bg-orange-lt {
  background-color: #127574;
}
.bg-blue {
  background-color: #127574;
}
.bg-blue-lt {
  background-color: #00b0b4;
}
.bg-blue-xlt {
  background-color: #DEF2FF;
}
.bg-blue-xxlt {
  background-color: #F2FAFF;
}
.bg-navy {
  background-color: #072B36;
}
.bg-navy-lt {
  background-color: #105A70;
}
.bg-navy-lt-desaturate {
  color: #d9edf2;
}
.bg-gray {
  background-color: #939598;
}
.bg-gray-lt {
  background-color: #9D9FA2;
}
.bg-gray-xlt {
  background-color: #f0f0f0;
}
.bg-gray-xxlt {
  background-color: #F5F5F5;
}
.bg-gray-1 {
  background-color: #fafafa;
}
.bg-gray-2 {
  background-color: #f0f0f0;
}
.bg-gray-3 {
  background-color: #E6E6E6;
}
.bg-gray-4 {
  background-color: #F5F5F5;
}
.bg-gray-5 {
  background-color: #D7D7D7;
}
.bg-gray-6 {
  background-color: #DCDCDC;
}
.bg-gray-7 {
  background-color: #969696;
}
.bg-gray-8 {
  background-color: #5a5a5a;
}
.bg-gray-9 {
  background-color: #fafafa;
}
.bg-disabled {
  background-color: #CFD8DC;
}
.bg-highlight {
  background-color: #E0E5EC;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-goal {
  background-color: #3BAE1C;
}
.bg-goal.transparentize {
  background-color: rgba(59, 174, 28, 0.5);
}
.bg-checkin {
  background-color: #836AA9;
}
.bg-checkin.transparentize {
  background-color: rgba(131, 106, 169, 0.5);
}
.bg-feedback {
  background-color: #FFC502;
}
.bg-feedback.transparentize {
  background-color: rgba(255, 197, 2, 0.5);
}
.bg-review {
  background-color: #13598D;
}
.bg-review.transparentize {
  background-color: rgba(19, 89, 141, 0.5);
}
.bg-ninebox {
  background-color: #1798FE;
}
.bg-ninebox.transparentize {
  background-color: rgba(59, 174, 28, 0.5);
}
.bg-agenda {
  background-color: #B7134C;
}
.bg-agenda.transparentize {
  background-color: rgba(183, 19, 76, 0.5);
}
.bg-learn {
  background-color: #FF5F54;
}
.bg-learn.transparentize {
  background-color: rgba(255, 95, 84, 0.5);
}
.bg-custom {
  background-color: #646B74;
}
.bg-custom.transparentize {
  background-color: rgba(100, 107, 116, 0.5);
}
.bg-ninebox-light {
  background-color: #E3F3FF;
}
.bg-ninebox-gradient {
  background: transparent linear-gradient(226deg, #1C99FF 0%, #E4F2FE 100%) 0 0 no-repeat padding-box;
}

.hover-color-gray-1:hover {
  color: #fafafa;
}
.hover-color-gray-2:hover {
  color: #f0f0f0;
}
.hover-color-gray-3:hover {
  color: #E6E6E6;
}
.hover-color-gray-4:hover {
  color: #F5F5F5;
}
.hover-color-gray-5:hover {
  color: #D7D7D7;
}
.hover-color-gray-6:hover {
  color: #DCDCDC;
}
.hover-color-gray-7:hover {
  color: #969696;
}
.hover-color-gray-8:hover {
  color: #5a5a5a;
}
.hover-color-gray-9:hover {
  color: #fafafa;
}
.hover-color-black:hover {
  color: #111B29 !important;
}

.hover-background-color-gray-1:hover {
  background-color: #fafafa;
}
.hover-background-color-gray-2:hover {
  background-color: #f0f0f0;
}
.hover-background-color-gray-3:hover {
  background-color: #E6E6E6;
}
.hover-background-color-gray-4:hover {
  background-color: #F5F5F5;
}
.hover-background-color-gray-5:hover {
  background-color: #D7D7D7;
}
.hover-background-color-gray-6:hover {
  background-color: #DCDCDC;
}
.hover-background-color-gray-7:hover {
  background-color: #969696;
}
.hover-background-color-gray-8:hover {
  background-color: #5a5a5a;
}
.hover-background-color-gray-9:hover {
  background-color: #fafafa;
}
.hover-background-color-black:hover {
  background-color: #111B29 !important;
}
.hover-background-color-wd_select:hover {
  background-color: #337ab7;
}

/**
 * Borders
 */
.border-gray {
  border: 1px solid #939598;
}
.border-gray-1 {
  border: 1px solid #fafafa;
}
.border-feedback {
  background-color: #FFC502;
}
.border-feedback.transparentize {
  background-color: rgba(255, 197, 2, 0.5);
}
.border-review {
  background-color: #13598D;
}
.border-review.transparentize {
  background-color: rgba(19, 89, 141, 0.5);
}
.border-ninebox {
  background-color: #1798FE;
}
.border-ninebox.transparentize {
  background-color: rgba(23, 152, 254, 0.5);
}
.border-agenda {
  background-color: #B7134C;
}
.border-agenda.transparentize {
  background-color: rgba(183, 19, 76, 0.5);
}
.border-learn {
  background-color: #FF5F54;
}
.border-learn.transparentize {
  background-color: rgba(255, 95, 84, 0.5);
}
.border-custom {
  background-color: #646B74;
}
.border-custom.transparentize {
  background-color: rgba(100, 107, 116, 0.5);
}

html, body {
  font-size: 15px;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 400;
}

p {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 300;
  color: #157794;
}

b,
strong {
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.75em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.3333333333em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.8333333333em;
}

[ng-click] {
  cursor: pointer;
}

[ng-click][disabled] {
  cursor: default;
}

/* Redesign */
p {
  color: #5a5a5a !important;
}

.no-decoration:hover {
  text-decoration: none !important;
}
.no-decoration:active {
  text-decoration: none !important;
}
.no-decoration:visited {
  text-decoration: none !important;
}
.no-decoration:focus {
  text-decoration: none !important;
}

.text-decoration:hover {
  text-decoration: underline;
}

.color-white {
  color: #FFFFFF !important;
}

.color-brand-1 {
  color: #888 !important;
}

.color-brand-2 {
  color: #666 !important;
}

.color-brand-3 {
  color: #444 !important;
}

.color-brand-4 {
  color: #222 !important;
}

.color-brand-5 {
  color: #111 !important;
}

.color-brand-6 {
  color: #6F6F6F !important;
}

.color-ps-stats {
  color: #1F375F !important;
}

.pie-chart-1 {
  color: #07BEB8 !important;
}

.pie-chart-2 {
  color: #5796EE !important;
}

.pie-chart-3 {
  color: #F39743 !important;
}

.pie-chart-4 {
  color: #836AA9 !important;
}

.pie-chart-5 {
  color: #FE5F55 !important;
}

.font-xxxxs {
  font-size: 0.5rem;
}

.font-xxxs {
  font-size: 0.625rem;
}

.font-xxs {
  font-size: 0.75rem;
}

.font-xs {
  font-size: 0.9375rem;
}

.font-xsm {
  font-size: 1rem;
}

.font-sm {
  font-size: 1.0625rem;
}

.font-md {
  font-size: 1.25rem;
}

.font-lg {
  font-size: 1.5rem;
}

.font-xl {
  font-size: 1.75rem;
}

.font-xxl {
  font-size: 2rem;
}

.font-xxxl {
  font-size: 3.625rem;
}

.font-xxxxl {
  font-size: 4rem;
}

.font-bolder {
  font-weight: 600;
}

.font-bold {
  font-weight: 500;
}

.font-reset {
  font-weight: 300;
}

.font-caps {
  text-transform: uppercase;
}

.confirm {
  color: #68C49F !important;
}

.alert {
  color: #B16D41 !important;
}

.warn {
  color: #ED5959 !important;
}

.pc-orange {
  color: #0b6a77 !important;
}
.pc-navy {
  color: #072B36 !important;
}
.pc-recognition {
  color: #E3879E !important;
}
.pc-checkin {
  color: #836AA9 !important;
}
.pc-goal {
  color: #39AE1D !important;
}
.pc-360 {
  color: #F8982C !important;
}
.pc-learn {
  color: #FE5F55 !important;
}
.pc-blue {
  color: #127574 !important;
}
.pc-idp {
  color: #FCA311 !important;
}

.line-height-10px {
  line-height: 10px;
}

.line-height-11px {
  line-height: 11px;
}

.line-height-12px {
  line-height: 12px;
}

.line-height-13px {
  line-height: 13px;
}

.line-height-14px {
  line-height: 14px;
}

.line-height-15px {
  line-height: 15px;
}

.line-height-16px {
  line-height: 16px;
}

.line-height-17px {
  line-height: 17px;
}

.line-height-18px {
  line-height: 18px;
}

.line-height-19px {
  line-height: 19px;
}

.line-height-20px {
  line-height: 20px;
}

.line-height-21px {
  line-height: 21px;
}

.line-height-22px {
  line-height: 22px;
}

.line-height-23px {
  line-height: 23px;
}

.line-height-24px {
  line-height: 24px;
}

ol > li > ol {
  list-style-type: lower-latin;
}

ul.compact-list {
  padding-left: 20px;
}

.print-list-inside ul li {
  font-size: 12px;
  color: #444 !important;
}

i.round {
  height: 100px;
  width: 100px;
  border-radius: 100%;
  display: inline-block;
  border: 1px solid #ececec;
  position: relative;
}
i.round .img {
  height: 90%;
  width: 90%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
i.round .img.round {
  border-radius: 100%;
  background-size: cover;
  background-position: center center;
}
i.company_image {
  height: 48px;
  width: 150px;
  border-radius: 0%;
  padding: 0px;
  margin: 0 15px 0 0;
  border: none;
  text-align: center;
  display: inline-block;
  position: relative;
}
i.company_image img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
i.placeholder {
  text-align: center;
  font-size: 40px;
  color: #9D9FA2;
  line-height: 100px;
  margin: 0 auto;
  display: block;
}

object.signature-icon {
  fill: #337ab7;
  stroke: red;
}

.message-badge {
  position: absolute;
  top: -3px;
  right: -5px;
  background-color: red;
  color: #FFFFFF;
  font-size: 9px;
  line-height: 12px;
  box-sizing: border-box;
  padding: 0 2px;
  margin: 0;
  border-radius: 3px;
}

.drawer-icons {
  border-radius: 15px;
  border: 1px solid #D7D7D7;
  background-color: #FFFFFF;
  outline: none;
}
.drawer-icons > .hovering:hover {
  background-color: #f0f0f0;
}
.drawer-icons > :first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.drawer-icons > :last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.drawer-icons i {
  color: #072B36;
}

.drawer-completed-badge {
  position: absolute;
  top: -2px;
  right: -5px;
  width: 10px;
  height: 10px;
  overflow: visible;
  background-color: #FFFFFF;
  border-radius: 50%;
}
.drawer-completed-badge > span {
  position: absolute;
  top: -3px;
  left: -3px;
}

.drawer-icon-pill {
  padding: 5px 40px;
  background-color: #F4F4F4;
  box-shadow: 0rem 0rem 0.625rem 0.125rem #e0e0e0;
  cursor: pointer;
  outline: none;
}
.drawer-icon-pill:hover {
  outline: none;
}
.drawer-icon-pill.pill-left {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  outline: none;
}
.drawer-icon-pill.pill-right {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  outline: none;
}
.drawer-icon-pill.active {
  background-color: #FFFFFF;
  color: #072B36;
  z-index: 0;
}
.drawer-icon-pill.pill-disabled {
  color: #969696;
  cursor: auto;
}
.drawer-icon-pill.pill-disabled:hover {
  background-color: #FFFFFF;
}

.pin-img {
  border: solid 1px #E6E6E6;
  height: 1.5rem;
  overflow: hidden;
  position: relative;
  width: 1.5rem;
  background-size: cover;
  border: none;
}

.img-img img {
  bottom: 0;
  left: 50%;
  height: auto;
  max-height: 150%;
  max-width: 200%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

.drawer-footer > .drawer-button {
  background-color: #006184;
  color: #FFFFFF;
  border-radius: 15px;
}

.btn {
  padding-left: 25px;
  padding-right: 25px;
  margin-left: 5px;
  border-radius: 15px !important;
  /**
   * Colors
   */
  /**
   * Sizes
   */
}
.btn > * {
  vertical-align: middle;
}
.btn i.first {
  margin-right: 10px;
}
.btn i.last {
  margin-left: 10px;
}
.btn-default, .btn-primary {
  background-color: #127574;
  color: #FFFFFF;
}
.btn-default:hover, .btn-primary:hover {
  background-color: #00b0b4;
  color: #FFFFFF;
}
.btn-orange, .btn-success, .btn-secondary {
  background-color: #0b6a77;
  color: #FFFFFF;
}
.btn-orange:hover, .btn-success:hover, .btn-secondary:hover {
  background-color: #127574;
}
.btn-canceled {
  color: #CFD8DC !important;
  background-color: white;
  border: 1px #CFD8DC solid;
}
.btn.disabled, .btn:disabled {
  background-color: #CFD8DC;
  color: #FFFFFF;
}
.btn-tertiary {
  background-color: #CFD8DC;
  color: #939598;
}
.btn-blue-outline {
  background-color: #FFFFFF;
  border: 2px #127574 solid;
  color: #127574 !important;
}
.btn-orange-outline {
  background-color: #FFFFFF;
  border: 2px #0b6a77 solid;
  color: #0b6a77 !important;
}
.btn-bulk {
  background-color: #41B2DB;
  color: #FFFFFF;
}
.btn .btn-pc-lg {
  width: 275px;
  height: 64px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  color: transparent !important;
  text-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
}
.btn .btn-pc-md {
  width: 213px;
  height: 49px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: transparent !important;
  text-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
}
.btn .btn-pc-sm {
  width: 151px;
  height: 37px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  color: transparent !important;
  text-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
}

@media (min-width: 360px) {
  .nav-btn,
  .action-btn {
    position: absolute;
    top: -30px;
    right: 10px;
  }
}

.nav-empty-btn {
  top: -25px;
}

.no-nav-btn {
  margin-top: -70px;
  margin-left: 66%;
  padding: 10px;
}
@media (min-width: 360px) and (max-width: 768px) {
  .no-nav-btn {
    width: 100%;
    display: block;
    margin-left: 0%;
    margin-top: -70px;
  }
}
@media (min-width: 992px) {
  .no-nav-btn {
    float: right;
    margin-top: -82px;
  }
}

.po-select .btn {
  border-radius: 0.25rem !important;
}

.bottom-btn-group {
  margin-top: -20px;
}
@media (min-width: 768px) {
  .bottom-btn-group {
    float: right;
  }
}
@media (min-width: 992px) {
  .bottom-btn-group {
    float: right;
  }
}

.help-button {
  position: fixed;
  bottom: 20px;
  right: 25px;
  background-color: #105A70;
  width: 70px;
  text-align: center;
  border-radius: 20px;
  padding: 6px;
  z-index: 100;
}
.help-button i {
  font-size: 16px;
  vertical-align: sub;
  margin-right: 2px;
}
.help-button small {
  color: #FFFFFF;
  font-weight: 500;
}

.mobile-button {
  display: none;
}

#login-email-form .btn,
#login-password-form .btn,
#request-password-reset-form .btn,
.portal-signup .btn {
  margin-left: 0px;
}

button.dropdown {
  vertical-align: middle;
  height: auto;
  white-space: normal;
  display: flex;
  padding-right: 10px;
}
button.dropdown .caret {
  display: inline-block;
  vertical-align: middle;
  align-self: center;
  margin-left: auto;
}

/* Redesign */
button.dropdown {
  height: 2.875rem;
}

.btn {
  color: #FFFFFF;
  font-size: 0.875rem;
  padding: 0.5625rem 1.125rem;
  margin-left: 0.5rem;
}
.btn:active, .btn:focus, .btn:active:focus {
  color: #FFFFFF;
}
.btn-primary {
  background-color: #0b6a77;
  border-color: #0b6a77;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
  background-color: #02171a;
}
.btn-primary-outline {
  background-color: #FFFFFF;
  border-color: #0b6a77;
  color: #0b6a77;
  outline: none;
}
.btn-primary-outline:active, .btn-primary-outline:focus {
  background-color: #FFFFFF;
  border-color: #0b6a77;
  color: #0b6a77;
  outline: none;
}
.btn-primary-outline:hover {
  background-color: #0b6a77;
}
.btn-secondary {
  background-color: #0b6a77;
  border-color: #0b6a77;
}
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus {
  background-color: #02171a;
}
.btn-blue {
  background-color: #127574;
  border-color: #127574;
}
.btn-blue:active, .btn-blue:focus, .btn-blue:active:focus {
  background-color: #041d1c;
}
.btn-recognition {
  background-color: #E3879E;
  border-color: #E3879E;
}
.btn-recognition:active, .btn-recognition:focus, .btn-recognition:active:focus {
  background-color: #d0345b;
}
.btn-checkin {
  background-color: #836AA9;
  border-color: #836AA9;
}
.btn-checkin:active, .btn-checkin:focus, .btn-checkin:active:focus {
  background-color: #523f6e;
}
.btn-goal {
  background-color: #39AE1D;
  border-color: #39AE1D;
}
.btn-goal:active, .btn-goal:focus, .btn-goal:active:focus {
  background-color: #1c570e;
}
.btn-360 {
  background-color: #F8982C;
  border-color: #F8982C;
}
.btn-360:active, .btn-360:focus, .btn-360:active:focus {
  background-color: #b86406;
}
.btn-learn {
  background-color: #FE5F55;
  border-color: #FE5F55;
}
.btn-learn:active, .btn-learn:focus, .btn-learn:active:focus {
  background-color: #ec0f01;
}
.btn-review {
  background-color: #13598D;
  border-color: #13598D;
}
.btn-review:active, .btn-review:focus, .btn-review:active:focus {
  background-color: #072033;
}
.btn-calendar {
  background-color: #0D7BC0;
  border-color: #0D7BC0;
}
.btn-calendar:active, .btn-calendar:focus, .btn-calendar:active:focus {
  background-color: #073e60;
}
.btn-ninebox {
  background-color: #1798FE;
  border-color: #1798FE;
}
.btn-ninebox:active, .btn-ninebox:focus, .btn-ninebox:active:focus {
  background-color: #0162ae;
}
.btn-idp {
  background-color: #FCA311;
  border-color: #FCA311;
}
.btn-idp:active, .btn-idp:focus, .btn-idp:active:focus {
  background-color: #a56702;
}
.btn-filter {
  background-color: #E0E5EC;
  border-color: #E0E5EC;
}
.btn-filter:active, .btn-filter:focus, .btn-filter:active:focus {
  background-color: #a1b0c5;
}
.btn-filter[disabled] {
  background-color: #FFFFFF;
  border: solid 1px #D7D7D7;
  color: #444;
}
.btn-gray {
  background-color: #939598;
  border-color: #939598;
}
.btn-gray:active, .btn-gray:focus, .btn-gray:active:focus {
  background-color: #606265;
}
.btn-green {
  background-color: #3BAE1C;
  border-color: #3BAE1C;
}
.btn-green:active, .btn-green:focus, .btn-green:active:focus {
  background-color: #1d560e;
}
.btn-green-outline {
  background-color: #FFFFFF;
  border-color: #3BAE1C;
  color: #3BAE1C;
  outline: none;
}
.btn-green-outline:active, .btn-green-outline:focus {
  background-color: #FFFFFF;
  border-color: #3BAE1C;
  color: #3BAE1C;
  outline: none;
}
.btn-green-outline:hover {
  background-color: #3BAE1C;
}
.btn-warn {
  background-color: #ED5959;
  border-color: #ED5959;
}
.btn-warn:active, .btn-warn:focus, .btn-warn:active:focus {
  background-color: #ca1616;
}
.btn-warn-outline {
  background-color: #FFFFFF;
  border-color: #ED5959;
  color: #ED5959;
  outline: none;
}
.btn-warn-outline:hover {
  background-color: #ED5959;
}
.btn-default:active, .btn-default:focus, .btn-default:active:focus {
  color: #222;
  background-color: #cccccc;
}
.btn[disabled], .btn.disabled, .btn-default {
  background-color: #FFFFFF;
  border: solid 1px #D7D7D7;
  color: #444;
}
.btn.disabled {
  color: #888;
}
.btn-small {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}
.btn-square {
  height: 2.875rem;
  padding: 0;
  width: 2.875rem;
}

@media (min-width: 768px) {
  .btn:hover {
    color: #FFFFFF;
  }
  .btn-default:hover {
    background-color: #e6e6e6;
    border-color: #D7D7D7;
    color: #222;
  }
  .btn-primary:hover {
    background-color: #074048;
    border-color: #074048;
  }
  .btn-secondary:hover {
    background-color: #010709;
    border-color: #010709;
  }
  .btn-blue:hover {
    background-color: #0b4948;
    border-color: #0b4948;
  }
  .btn-recognition:hover {
    background-color: #d95e7d;
    border-color: #d95e7d;
  }
  .btn-checkin:hover {
    background-color: #6a528e;
    border-color: #6a528e;
  }
  .btn-goal:hover {
    background-color: #2b8216;
    border-color: #2b8216;
  }
  .btn-360:hover {
    background-color: #e97f08;
    border-color: #e97f08;
  }
  .btn-learn:hover {
    background-color: #fe2f22;
    border-color: #fe2f22;
  }
  .btn-calendar:hover {
    background-color: #0a5c90;
    border-color: #0a5c90;
  }
  .btn-gray:hover {
    background-color: #838589;
    border-color: #838589;
  }
  .btn-green:hover {
    background-color: #2c8215;
    border-color: #2c8215;
  }
  .btn[disabled], .btn.disabled:hover {
    background-color: #FFFFFF;
    border-color: #D7D7D7;
    color: #888;
    cursor: not-allowed;
  }
  .dropdown:hover {
    cursor: pointer;
  }
}
.btn-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-icon.size-sm {
  width: 24px;
  height: 24px;
}
.btn-icon.size-sm i {
  font-size: 14px;
}
.btn-icon.size-md {
  width: 28px;
  height: 28px;
}
.btn-icon.size-md i {
  font-size: 18px;
}
.btn-icon.size-xl {
  width: 32px;
  height: 32px;
}
.btn-icon.size-xl i {
  font-size: 22px;
}
.btn-icon.color-green i {
  color: #3BAE1C;
}
.btn-icon.round {
  border-radius: 50%;
}
.btn-icon.square-sm {
  border-radius: 3px;
}
.btn-icon.square-md {
  border-radius: 6px;
}
.btn-icon.square-xl {
  border-radius: 10px;
}
.btn-icon.border-color-gray-1 {
  border: 1px solid #fafafa;
}
.btn-icon.border-color-gray-2 {
  border: 1px solid #f0f0f0;
}
.btn-icon.border-color-gray-3 {
  border: 1px solid #E6E6E6;
}
.btn-icon.border-color-gray-4 {
  border: 1px solid #F5F5F5;
}
.btn-icon.border-color-gray-5 {
  border: 1px solid #D7D7D7;
}
.btn-icon.border-color-gray-6 {
  border: 1px solid #DCDCDC;
}
.btn-icon.border-color-gray-7 {
  border: 1px solid #969696;
}
.btn-icon.border-color-gray-8 {
  border: 1px solid #5a5a5a;
}
.btn-icon.border-color-gray-9 {
  border: 1px solid #fafafa;
}

.btn-caret::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: "Material Icons";
  font-size: 1.5rem;
  content: "arrow_drop_down";
  color: #111;
}

select {
  color: #939598;
  background-color: #FFFFFF;
}
select.secondary {
  background-color: #CFD8DC;
}

a .blue {
  color: #00b0b4;
}
a .orange {
  color: #127574;
}
a .edit {
  color: #072B36;
}
a .edit:disabled {
  color: #fafafa;
}

.cursor-pointer {
  cursor: pointer;
}
.cursor-pointer:hover {
  cursor: pointer;
}

.pc-tabs-active {
  width: 122px;
  height: 35px;
  border-radius: 30px;
  text-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #FFFFFF;
  background-color: #939598;
}

.pc-tabs {
  width: 122px;
  height: 35px;
  border-radius: 30px;
  text-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #072B36;
  background-color: #FFFFFF;
}

.form-control, input:not(md-input-container input) {
  border: 1px solid #CFD8DC;
  border-radius: 2px;
  box-shadow: none;
  color: #105A70;
}
.form-control[role=listbox], input:not(md-input-container input)[role=listbox] {
  height: 2.875rem;
}
.form-control::-moz-placeholder, .form-control::-webkit-input-placeholder, input:not(md-input-container input)::-moz-placeholder, input:not(md-input-container input)::-webkit-input-placeholder {
  color: #CFD8DC;
}
.form-control:focus, input:not(md-input-container input):focus {
  border: 1px solid #105A70;
  box-shadow: none;
  color: #105A70;
  outline: none;
}
.form-control:invalid, input:not(md-input-container input):invalid {
  border: 1px solid #0b6a77;
}
.form-control::-webkit-input-placeholder, input:not(md-input-container input)::-webkit-input-placeholder {
  color: #CFD8DC;
}
.form-control:-moz-placeholder, input:not(md-input-container input):-moz-placeholder { /* Firefox 18- */
  color: #CFD8DC;
}
.form-control::-moz-placeholder, input:not(md-input-container input)::-moz-placeholder { /* Firefox 19+ */
  color: #CFD8DC;
}
.form-control:-ms-input-placeholder, input:not(md-input-container input):-ms-input-placeholder {
  color: #CFD8DC;
}

.transparent {
  background-color: transparent;
}

input.placeholder-darker::placeholder {
  color: #666;
}

.input-helper {
  color: #CFD8DC;
}
.input-helper:invalid {
  color: #0b6a77;
}

.has-error .control-label,
.has-error .form-control-feedback,
.has-error .form-control {
  color: #0b6a77;
  border-color: #0b6a77;
  box-shadow: none;
  outline: none;
}

.dropdown {
  text-align: left;
  color: #CFD8DC;
}

ul.dropdown-menu {
  border: none;
  display: block !important;
  margin-left: 5%;
  max-height: 300px;
  opacity: 0;
  overflow-y: auto;
  transition: 0.2s all;
  top: 25%;
  width: auto;
  z-index: -1;
}
ul.dropdown-menu li a {
  color: #666;
  cursor: pointer;
  transition: 0.2s all;
}
ul.dropdown-menu li.add_new a {
  transition: 0.2s all;
  vertical-align: middle;
  color: #0b6a77;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  cursor: pointer;
}
ul.dropdown-menu li.add_new a > i {
  vertical-align: middle;
  font-size: 20px;
  margin: 0 5px 0 0;
}
ul.dropdown-menu li:hover a {
  background-color: #0b6a77;
  color: #FFFFFF;
}
ul.dropdown-menu.pc-blue li:hover a {
  background-color: #127574;
}

.open ul.dropdown-menu {
  opacity: 1;
  top: 75%;
  z-index: 3500;
}

.btn .caret {
  margin-top: 0px;
}

.definition-overflow {
  max-height: 100px;
  overflow-y: auto;
}

.definition-overflow.mh-200 {
  max-height: 200px;
}

.definition-overflow::-webkit-scrollbar {
  -webkit-appearance: none;
}

.definition-overflow::-webkit-scrollbar:vertical {
  width: 11px;
}

.definition-overflow::-webkit-scrollbar:horizontal {
  height: 11px;
}

.definition-overflow::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0, 0, 0, 0.5);
}

.definition-overflow::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 8px;
}

.input-group-addon {
  background-color: transparent;
  color: #CFD8DC;
  border-left: none;
}

.search {
  border-right: none;
}
.search:focus {
  border-left: solid 0.0625rem #CFD8DC;
  border-top: solid 0.0625rem #CFD8DC;
  border-right: 0px;
  border-bottom: solid 0.0625rem #CFD8DC;
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.md-select-menu-container,
.md-datepicker-calendar-pane {
  z-index: 4500;
}

md-backdrop.md-select-backdrop {
  z-index: 4499 !important;
}

.modal-search {
  margin: 10px;
}

.start-date {
  border: 1px solid #CFD8DC;
}

md-radio-button .md-on {
  background-color: #0b6a77;
}

md-radio-button.md-checked .md-off {
  border-color: #0b6a77;
}

md-radio-group .md-checked .md-ink-ripple {
  color: rgba(11, 106, 119, 0.26);
}

.people-new .form-control[disabled], .people-new .form-control[readonly], .people-new fieldset[disabled] .form-control {
  background-color: #FFFFFF;
  padding: 0px;
}
.people-new .start-date {
  margin-top: -15px;
}
.people-new .md-default-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle, .people-new .md-datepicker-triangle-button .md-datepicker-expand-triangle {
  right: 0;
}
.people-new .md-icon.md-default-theme, .people-new md-icon {
  color: #CFD8DC;
}

md-select {
  border: 1px solid #8795AC;
  border-radius: 2px;
  margin: 0;
  padding: 4px 16px;
}
md-select .md-select-value {
  border-bottom-style: none;
  padding: 0;
}
md-select .md-select-value span:not(.md-select-icon) {
  max-width: 100%;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
md-select .md-select-value span:not(.md-select-icon) .md-text {
  display: inline-block;
  background: #ECEFF1;
  padding: 4px 8px;
  border-radius: 25px;
}
md-select .md-select-value.md-select-placeholder {
  padding: 0;
  outline: none;
}
md-select .ng-invalid .ng-touched .md-select-value {
  border-bottom-color: unset;
  color: unset;
}
md-select:not([disabled]).ng-invalid.ng-touched .md-select-value {
  border-bottom-style: unset;
  padding-bottom: 0;
}
md-select:not([disabled]):focus .md-select-value {
  border-bottom-width: 0;
  border-bottom-style: unset;
  padding-bottom: 0;
  outline: none;
}
md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value {
  padding-bottom: 0;
}

md-datepicker {
  padding: 0px !important;
  background-color: transparent !important;
}

md-icon,
.md-datepicker-input,
.md-datepicker-triangle-button {
  color: #105A70;
}
md-icon:focus,
.md-datepicker-input:focus,
.md-datepicker-triangle-button:focus {
  color: #105A70;
}

.field-user-start_date {
  margin-top: -14px;
}

.dropdown,
.md-select-placeholder {
  color: #072B36 !important;
}

.scroll-box {
  max-height: 300px;
  padding: 20px;
  overflow-y: auto;
}

.scroll-box.assign-box {
  padding: 10px;
}

.bg-success,
.bg-warning,
.bg-danger {
  padding: 10px;
  border-radius: 4px;
  width: 100%;
  display: block;
}

.look-required.ng-empty {
  border: 1px solid #F8992C;
}

/* Redesign */
.employee-select .md-text {
  display: inline-block;
  background: #E6E6E6;
  color: #5a5a5a;
  padding: 0.25rem 0.625rem;
  border-radius: 1.5625rem;
  font-size: 0.8125rem;
}

#form,
form {
  margin: 0 2rem 1rem !important;
}

md-select {
  height: auto !important;
}

input[type=file].form-control {
  display: flex;
  padding: 0.75rem;
}

.form-control {
  height: 2.875rem;
}
.form-control.form-sm {
  height: 2.25rem !important;
}
.form-control.form-xs {
  height: 1.625rem !important;
}

.form-control, input {
  border-left: solid 0.0625rem #CFD8DC;
  border-top: solid 0.0625rem #CFD8DC;
  border-bottom: solid 0.0625rem #CFD8DC;
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  color: #444;
}

.form-control.light-outline {
  border-left: solid 0.0625rem #f0f0f0;
  border-top: solid 0.0625rem #f0f0f0;
  border-bottom: solid 0.0625rem #f0f0f0;
  border-right: solid 0.0625rem #f0f0f0;
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  color: #444;
}

.form-control.transparent {
  background-color: transparent;
  border: 0.0625rem solid transparent;
  border-radius: 0;
  box-shadow: none;
  color: #111;
}

input[type=search].transparent::-webkit-input-placeholder {
  color: #666;
}

input[type=search].transparent::-moz-placeholder {
  color: #666;
}

input[type=search].transparent:-ms-input-placeholder {
  color: #666;
}

input[type=search].transparent:-moz-placeholder {
  color: #666;
}

select.hide-appearance {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select.hide-appearance::-ms-expand {
  display: none;
}

.resize-vertical {
  resize: vertical;
}

.nested-selector + i {
  bottom: auto;
  position: absolute;
  right: 0;
  top: auto;
}

.form-group .help-block {
  color: #444;
  display: none;
  font-size: 1rem;
  margin-bottom: 0;
  padding-left: 0.5rem;
}
.form-group .mce-container iframe {
  transform: scale(0.98);
}
.form-group.has-error .help-block {
  display: flex;
}

.form-group[class*=_weight] {
  min-width: 160px;
}

.field-cascadinggoal-completion {
  min-width: 200px;
}

.attachment-row-wrapper .btn-primary {
  height: fit-content;
}

.typeahead > span {
  display: flex !important;
}
.typeahead .tt-dropdown-menu {
  background-color: #FFFFFF;
  border: solid 0.0625rem #E6E6E6;
  box-shadow: 0rem 0rem 0.3125rem 0.3125rem #f0f0f0;
  padding: 1rem 0;
  width: 100%;
}
.typeahead .tt-dataset-0 .tt-suggestion {
  margin: 0.125rem 0;
  padding: 0.25rem 1.5rem;
}

@media (min-width: 768px) {
  .nested-selector:hover {
    cursor: pointer;
  }
  .typeahead .tt-dataset-0 .tt-suggestion p {
    margin: 0;
  }
  .typeahead .tt-dataset-0 .tt-suggestion:hover {
    background-color: #0b6a77;
    cursor: pointer;
  }
  .typeahead .tt-dataset-0 .tt-suggestion:hover p {
    color: #FFFFFF !important;
  }
}
@media (min-width: 992px) {
  .attachment-row-wrapper > div:nth-child(even) {
    margin: 0 2rem !important;
  }
  .attachment-column-wrapper > div {
    margin: 0 1rem 0 0 !important;
  }
  .attachment-column-wrapper > div:nth-child(even) {
    margin: 0 0 0 1rem !important;
  }
}
@media (min-width: 360px) and (max-width: 768px) {
  .mobile-font-size > * {
    font-size: 13px;
  }
  md-select .md-select-value span:not(.md-select-icon) .md-text {
    white-space: break-spaces;
  }
}
#people-create .form-group,
#people-edit .form-group,
#profile-edit .form-group,
#agenda-create .form-group,
#behavior-edit .form-group,
#checkin_template_create .form-group,
#checkin_template_edit .form-group,
#checkin_template_copy .form-group,
#checkin-assessment .form-group,
#review_template_create .form-group,
#review_template_edit .form-group,
#review_template_copy .form-group,
#external_template_assign .form-group,
#internal_template_assign .form-group,
#learn-create .form-group,
#learn-edit .form-group,
#client_feedback-create .form-group,
#feedback_request .form-group,
#feedback-create .form-group,
#stripe_account_billing_form .form-group,
#goal-create .form-group,
#goal-update .form-group,
#performance_review-edit .form-group {
  margin: 0;
}

#accordion-table td {
  height: 4.6875rem;
  align-items: center;
}
#accordion-table .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.sign-form {
  padding-top: 20px;
}
.sign-form i {
  padding-left: 20px;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
  display: none !important;
}

#google_translate_element .goog-te-gadget-simple {
  border: none;
  padding: 0 !important;
  width: 100%;
}
#google_translate_element .goog-te-gadget-simple .goog-te-gadget-icon {
  display: none;
}
#google_translate_element .goog-te-gadget-simple span .goog-te-menu-value,
#google_translate_element .goog-te-gadget-simple span .VIpgJd-ZVi9od-xl07Ob-lTBxed {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 3px 20px;
  color: #666;
}
#google_translate_element .goog-te-gadget-simple span .goog-te-menu-value:before,
#google_translate_element .goog-te-gadget-simple span .VIpgJd-ZVi9od-xl07Ob-lTBxed:before {
  font-family: "Material Icons";
  content: "\e927";
  color: #939598;
  margin-right: 10px;
  font-size: 18px;
  vertical-align: middle;
}
#google_translate_element .goog-te-gadget-simple span .goog-te-menu-value:hover,
#google_translate_element .goog-te-gadget-simple span .VIpgJd-ZVi9od-xl07Ob-lTBxed:hover {
  text-decoration: none;
  color: #FFFFFF;
}
#google_translate_element .goog-te-gadget-simple span .goog-te-menu-value:hover:before,
#google_translate_element .goog-te-gadget-simple span .VIpgJd-ZVi9od-xl07Ob-lTBxed:hover:before {
  color: #FFFFFF;
}
#google_translate_element .goog-te-gadget-simple span .goog-te-menu-value img,
#google_translate_element .goog-te-gadget-simple span .VIpgJd-ZVi9od-xl07Ob-lTBxed img {
  display: none;
}
#google_translate_element .goog-te-gadget-simple span .goog-te-menu-value span:nth-child(n+2),
#google_translate_element .goog-te-gadget-simple span .VIpgJd-ZVi9od-xl07Ob-lTBxed span:nth-child(n+2) {
  display: none;
}

.goog-te-menu-frame {
  box-shadow: none;
}
.goog-te-menu-frame .goog-te-menu2 {
  border: none;
  padding: 10px 20px;
}

.goog-tooltip {
  display: none !important;
}

.goog-tooltip:hover {
  display: none !important;
}

.goog-text-highlight {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
img.image-md {
  width: 50%;
  height: 50%;
}
img.image-sm {
  width: 25%;
  height: 25%;
}

@media (min-width: 360px) and (max-width: 768px) {
  .image-md,
  .image-sm {
    max-width: 100% !important;
    max-height: 100% !important;
    height: auto !important;
    width: auto !important;
  }
}

/* Redesign */
.img-fluid {
  max-width: 100%;
  height: auto;
}

.acc-logo-wrapper {
  height: 12.5rem;
  width: 12.5rem;
}

img {
  vertical-align: middle;
  border-style: none;
}
img.intercom {
  background-color: #FFFFFF;
  bottom: 3rem;
  height: 3rem;
  position: fixed;
  right: 3rem;
  width: 3rem;
}

#sidebar-profile .user-image {
  height: 3rem;
  overflow: hidden;
  position: relative;
  width: 3rem;
}

.flip-horizontal {
  transform: rotateY(180deg);
}

.flip-vertical {
  transform: rotateX(180deg);
}

.flip-horizontal-vertical {
  transform: rotateX(180deg) rotateY(180deg);
}

.panel {
  border-radius: 5px;
}

/**
 * Bootstrap Dropdown fadedown
 */
.company-container {
  margin: 0 0 50px;
}
.company-container .company-title h1,
.company-container .company-title h2,
.company-container .company-title h3,
.company-container .company-title h4,
.company-container .company-title h5,
.company-container .company-title h6 {
  font-size: 1.125em;
  margin: 2px 0 52px;
}
.company-container .detail-block {
  /**
   * Go to ./detail-block.scss for specific styles
   */
}

.print_item label,
.print_item li,
.print_item span,
.print_item small,
.print_item p {
  color: #333333 !important;
  font-size: 1.5rem;
}
.print_item .form-control {
  color: #333333;
  font-size: 1.5rem;
  height: auto;
}

.detail-block {
  margin: 0 0 8px;
}
.detail-block > h1,
.detail-block > h2,
.detail-block > h3,
.detail-block > h4,
.detail-block > h5,
.detail-block > h6 {
  background: #d9edf2;
  color: #53acc6;
  font-size: 1.5rem;
  padding: 13px 16px;
}
.detail-block > div {
  color: #105A70;
  padding: 0px 30px;
}
.detail-block-padding {
  padding: 20px 0 13px;
}

.detail-row .detail-title > h1,
.detail-row .detail-title > h2,
.detail-row .detail-title > h3,
.detail-row .detail-title > h4,
.detail-row .detail-title > h5,
.detail-row .detail-title > h6 {
  background: #d9edf2;
  color: #53acc6;
  font-size: 1.5rem;
  padding: 13px 16px;
  margin: 0 0 5px;
}
.detail-row .detail-value {
  padding: 10px 0;
  font-size: 1.5rem;
}

.detail-row.flex-row {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.detail-row.flex-row .detail-title {
  display: flex;
  align-items: stretch;
  padding-left: 0;
}
.detail-row.flex-row .detail-title h5 {
  margin-bottom: 0;
  width: 100%;
}
.detail-row.flex-row .detail-value {
  display: flex;
  align-items: stretch;
  padding: 0;
  /*> *{
      display: flex;
      align-self: center;
  }*/
}

.mce-container,
.mce-tinymce,
.mce-panel {
  border: none;
  background: none;
}
.mce-container .mce-toolbar-grp,
.mce-tinymce .mce-toolbar-grp,
.mce-panel .mce-toolbar-grp {
  border: none;
  background: none;
  padding: 0;
}
.mce-container .mce-toolbar,
.mce-tinymce .mce-toolbar,
.mce-panel .mce-toolbar {
  background: white;
  padding: 8px 26px !important;
}
.mce-container .mce-btn-group:not(:first-child),
.mce-tinymce .mce-btn-group:not(:first-child),
.mce-panel .mce-btn-group:not(:first-child) {
  padding-left: 8px;
  margin-left: 8px;
}
.mce-container .mce-btn-group .mce-btn,
.mce-tinymce .mce-btn-group .mce-btn,
.mce-panel .mce-btn-group .mce-btn {
  background: none;
  border: none;
}
.mce-container .mce-btn-group .mce-btn button,
.mce-tinymce .mce-btn-group .mce-btn button,
.mce-panel .mce-btn-group .mce-btn button {
  padding: 4px 5px;
}
.mce-container .mce-btn-group .mce-btn .mce-ico,
.mce-tinymce .mce-btn-group .mce-btn .mce-ico,
.mce-panel .mce-btn-group .mce-btn .mce-ico {
  font-size: 12px;
}

.mce-content-body[contenteditable=false] {
  background-color: #eeeeee !important;
}

.fixed-mce-head {
  position: static;
}

.floating-mce-head {
  position: fixed !important;
}

.hidden-mce-head {
  visibility: hidden !important;
}

.select-box {
  border: 2px #CFD8DC solid;
  border-radius: 5px;
  margin: 20px;
  height: 200px;
  text-align: center;
  justify-content: center;
}
.select-box:hover {
  border: 2px #127574 solid;
  background-color: #49fbff;
  color: #127574;
}
.select-box i {
  color: #127574;
  font-size: 50px;
}
.select-box div {
  margin-top: 50px;
}

.select-box-link {
  text-decoration: none !important;
}

.upload-box {
  border: 2px #E0E5EC solid;
  border-radius: 5px;
  margin: 10px;
  height: 120px;
  width: 15%;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  background-color: #E0E5EC;
}
.upload-box:hover {
  border: 2px #CFD8DC solid;
  background-color: #CFD8DC;
  color: #105A70;
}
.upload-box i {
  color: #105A70;
  font-size: 50px;
  margin-top: 32px;
}

.flex-box-right {
  display: flex;
  justify-content: flex-end;
}

.attachment-panel {
  height: 200px;
  margin-top: 25px;
}

.attachment-top {
  height: 75%;
}

.attachment-bottom {
  height: 25%;
}

.btn-attachment-download {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  display: block;
  white-space: normal;
  margin: 0;
}

.btn-attachment-action {
  margin-left: 0;
  margin-top: 10px;
  width: 100%;
}

.pc-toast-success .md-toast-content {
  background-color: #68C49F !important;
}

.pc-toast-error .md-toast-content {
  background-color: #ED5959 !important;
}

md-progress-circular path {
  stroke: rgb(11, 106, 119) !important;
}

.pc-dropdown > i {
  color: #969696;
}
.pc-dropdown > i:hover {
  color: #5a5a5a;
}
.pc-dropdown .pc-dropdown-menu {
  position: absolute;
  display: none;
  top: 0;
}
.pc-dropdown .pc-dropdown-menu.right {
  right: 0;
  left: auto;
}
.pc-dropdown .pc-dropdown-menu.show {
  display: flex;
}
.pc-dropdown .pc-dropdown-menu.pc-dropdown-popup-style {
  flex-direction: column;
  padding: 5px 0;
  margin: 2px 0 0;
  background-color: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.pc-dropdown .pc-dropdown-menu.pc-dropdown-popup-style a {
  padding: 5px 10px;
  display: block;
  white-space: nowrap !important;
  color: #939598;
  background-color: #FFFFFF;
  transition: 0.3s ease all;
  text-decoration: none;
}
.pc-dropdown .pc-dropdown-menu.pc-dropdown-popup-style a:hover {
  background-color: #0b6a77;
  color: #FFFFFF;
}

.pc-dropdown-calendar-pos {
  margin-top: 11px;
}

.mh {
  height: 100vh;
}

.mv {
  width: 100vw;
}

.mw-300px {
  min-width: 300px;
}

.view-container {
  display: flex;
  align-items: stretch;
  height: 100%;
}
@media (max-width: 769px) {
  .view-container {
    flex-wrap: wrap;
    overflow: auto;
  }
}
.view-container h5 {
  font-size: 20px;
  letter-spacing: 0px;
  opacity: 1;
}
.view-container .title {
  font-size: 16px;
  letter-spacing: 0px;
  color: #6F6F6F;
  opacity: 1;
  line-height: normal;
  vertical-align: top;
}
.view-container .user-avatar {
  min-width: 50px;
  height: 50px;
}
.view-container .panel {
  border-radius: 0;
  border-top: hidden;
  border-right: hidden;
}
.view-container .view-block {
  margin-left: 30px;
  margin-top: 10px;
  width: -webkit-fill-available;
}
.view-container .view-block h5 {
  font-size: 20px;
  letter-spacing: 0px;
  opacity: 1;
}
.view-container .view-block h5::before {
  content: "";
  border-left: 3px solid #0b6a77;
  position: relative;
  left: 0;
  margin-right: 15px;
}
.view-container .view-block .panel {
  border-radius: 0;
  border-top: hidden;
  border-right: hidden;
}
.view-container .view-block .details {
  color: #6F6F6F;
  margin-left: 17px;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-right: 40px;
}
.view-container .view-block .details .material-icons {
  vertical-align: text-bottom;
  color: #F8992C;
}
.view-container .view-block .details ul:not(:first-child), .view-container .view-block .details ol:not(:first-child) {
  margin-top: 25px;
  margin-left: 30px;
}
.view-container .view-block .details ul:first-child, .view-container .view-block .details ol:first-child {
  padding-inline-start: 17px;
}

.pc-progress-bar .pc-progress-bar-out {
  position: relative;
  background-color: #E6E6E6;
  border-radius: 11px;
  height: 22px;
  padding: 4px;
}
.pc-progress-bar .pc-progress-bar-in {
  position: relative;
  background-color: #1798FE;
  border-radius: 7px;
  height: 14px;
}

.radius-5 {
  border-radius: 5px !important;
}

.radius-10 {
  border-radius: 10px !important;
}

.radius-15 {
  border-radius: 15px !important;
}

.border-color-gray-7 {
  border: 1px solid #969696 !important;
}

.croppie-container {
  width: 100%;
  height: 100%;
}

.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
}

.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: "";
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px;
}

.croppie-container .cr-original-image {
  display: none;
}

.croppie-container .cr-vp-circle {
  border-radius: 50%;
}

.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
}

.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}

.croppie-result {
  position: relative;
  overflow: hidden;
}

.croppie-result img {
  position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
.cr-slider {
  -webkit-appearance: none;
  /*removes default webkit styles*/
  /*border: 1px solid white; */ /*fix for FF unable to apply focus style bug */
  width: 300px;
  /*required for proper track sizing in FF*/
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
  border-right: none !important;
  border-left: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

.cr-slider:focus {
  outline: none;
}

/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent; /*remove default tick marks*/
}

.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}

.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}

.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}

/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}

.cr-rotate-controls button {
  border: 0;
  background: none;
}

.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}

.cr-rotate-l i:before {
  content: "↺";
}

.cr-rotate-r i:before {
  content: "↺";
}

.pc-progress-bar .pc-progress-bar-out {
  position: relative;
  background-color: #E6E6E6;
  border-radius: 11px;
  height: 22px;
  padding: 4px;
}
.pc-progress-bar .pc-progress-bar-in {
  position: relative;
  background-color: #1798FE;
  border-radius: 7px;
  height: 14px;
}

/*# sourceMappingURL=pc-shared.css.map */