.display-none {
  display: none !important;
}
.display-block {
  display: block !important;
}
.display-content {
  display: content !important;
}
.logo b img {
  width: 60px;
  height: 60px;
}
.logo span img {
  width: 149px;
  height: 21px;
}
/*rebranding*/
.top-left-part {
  width: 195px;
}
.top-left-part .logo b img {
  width: 18px;
  height: auto;
}
.top-left-part .logo b {
  height: auto;
  display: inline-block;
  width: 30px;
  line-height: 60px;
  text-align: center;
  margin-left: 20px;
}
.top-left-part .logo span img {
  width: 125px;
  height: auto;
}
@media (max-width: 767px) {
  .top-left-part {
    width: 60px;
  }
}
.new-border-radius {
  border-radius: var(--cc-radius-base, 12px);
}
.gj-checkbox-md span {
  border-radius: var(--cc-radius-xs, 4px);
}
/*rebranding*/
.login-box .btn-block.btn-login {
  background: var(--cc-primary, #2A478B) !important;
  border: 1px solid var(--cc-primary, #2A478B) !important;
}
.login-box .btn-block.btn-login:hover,
.login-box .btn-block.btn-login:focus,
.login-box .btn-block.btn-login:active {
  background: var(--cc-primary, #2A478B) !important;
  opacity: 0.8 !important;
  border: 1px solid var(--cc-primary, #2A478B) !important;
}
.login-box .btn-login.btn-outline {
  color: var(--cc-primary, #2A478B) !important;
  background-color: transparent !important;
}
.login-box .btn-login.btn-outline:hover,
.login-box .btn-login.btn-outline:focus,
.login-box .btn-login.btn-outline:active {
  background: var(--cc-primary, #2A478B) !important;
  color: var(--cc-on-primary, #ffffff) !important;
  border: 1px solid var(--cc-primary, #2A478B) !important;
}
.login-box.login-screen {
  background: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--cc-text, #686868);
}
.text-strong {
  font-weight: bold;
}
.text-line-through {
  text-decoration: line-through;
}
p.info-text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
}
.text-split-inline {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
}
.text-default {
  color: var(--cc-text-muted-strong, #797979) !important;
}
.bg-default {
  background-color: var(--cc-light, #e4e7ea);
  color: var(--cc-text, #686868) !important;
}
.color-dark-gray {
  color: var(--cc-text, #686868) !important;
}
.color-gray {
  color: var(--cc-text-utility-gray, #9b9b9b);
}
.template-green {
  color: var(--cc-success, #2E9B72);
}
.template-red {
  color: var(--cc-danger, #B4443C);
}
.template-yellow {
  color: var(--cc-warning, #D4A72C);
}
.template-principal {
  color: var(--cc-primary, #2A478B) !important;
}
.display-inline-block {
  display: inline-block !important;
}
.display-inline-flex {
  display: inline-flex;
}
.display-group-inline {
  position: relative;
  display: flex;
  width: 100%;
}
.display-group-inline .item-group {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.write-vertical-180 {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
.p-l-r-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.p-l-r-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.p-l-r-7 {
  padding-right: 7px !important;
  padding-left: 7px !important;
}
.p-l-r-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.p-t-b-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.p-t-b-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.p-t-b-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.p-t-b-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.p-t-b-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.p-t-b-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.p-t-b-190 {
  padding-top: 190px !important;
  padding-bottom: 190px !important;
}
.p-t-b-210 {
  padding-top: 210px !important;
  padding-bottom: 210px !important;
}
.m-r-150 {
  margin-right: 150px !important;
}
.m-r-l-7 {
  margin-left: 7.5px !important;
  margin-right: 7.5px !important;
}
.m-r-l-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.m-r-l-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.m-r-l-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.m-r-3 {
  margin-right: 3px !important;
}
.m-r-4 {
  margin-right: 4px !important;
}
.m-r-25 {
  margin-right: 25px !important;
}
.m-r-8 {
  margin-right: 8px !important;
}
.m-r-28 {
  margin-right: 28px !important;
}
.m-r--10 {
  margin-right: -10px !important;
}
.l-h-22 {
  line-height: 22px;
}
.p-0 {
  padding: 0;
}
.p-5 {
  padding: 5px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-30 {
  padding: 30px;
}
.p-t-8 {
  padding-top: 8px !important;
}
.p-t-33 {
  padding-top: 33px !important;
}
.m-auto {
  margin: auto;
}
.m-b-0 {
  margin-bottom: 0;
}
.m-b-4 {
  margin-bottom: 4px !important;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-b-12 {
  margin-bottom: 12px;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-b-25 {
  margin-bottom: 25px;
}
.m-b-35 {
  margin-bottom: 35px;
}
.m-b-40 {
  margin-bottom: 40px;
}
.m-b-45 {
  margin-bottom: 45px;
}
.m-b-50 {
  margin-bottom: 50px;
}
.m-b-55 {
  margin-bottom: 55px;
}
.m-b-60 {
  margin-bottom: 60px;
}
.m-b-100 {
  margin-bottom: 100px;
}
.m-t-0 {
  margin-top: 0;
}
.m-t-6 {
  margin-top: 6px;
}
.m-t-7 {
  margin-top: 7px;
}
.m-t-8 {
  margin-top: 8px;
}
.m-t-3 {
  margin-top: 3px;
}
.m-t-14 {
  margin-top: 14px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-t-18 {
  margin-top: 18px !important;
}
.m-t-20 {
  margin-top: 20px;
}
.m-t--20 {
  margin-top: -20px;
}
.m-t-25 {
  margin-top: 25px;
}
.m-t-27 {
  margin-top: 27px;
}
.m-t-32 {
  margin-top: 32px;
}
.m-t-35 {
  margin-top: 35px;
}
.m-t-45 {
  margin-top: 45px;
}
.m-t-50 {
  margin-top: 50px;
}
.m-t-55 {
  margin-top: 55px;
}
.m-t-60 {
  margin-top: 60px !important;
}
.m-t-70 {
  margin-top: 70px !important;
}
.m-t-80 {
  margin-top: 80px !important;
}
.m-t-90 {
  margin-top: 90px !important;
}
.m-t-100 {
  margin-top: 100px;
}
.m-t-160 {
  margin-top: 160px;
}
.m-t-16 {
  margin-top: 16px;
}
.m-t-110 {
  margin-top: 110px;
}
.m-t-120 {
  margin-top: 120px;
}
.m-l-15 {
  margin-left: 15px;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-l-3 {
  margin-left: 3px !important;
}
.m-l-35 {
  margin-left: 35px !important;
}
.m-r-0 {
  margin-right: 0 !important;
}
.m-r-3 {
  margin-right: 3px;
}
.m-t-b-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-t-b-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.m-l-r-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-l-0 {
  padding-left: 0 !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.p-l-18 {
  padding-left: 18px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.p-r-17 {
  padding-right: 17px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.p-r-175 {
  padding-right: 175px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.p-l-35 {
  padding-left: 35px !important;
}
.p-l-60 {
  padding-left: 60px !important;
}
.p-t-2 {
  padding-top: 2px !important;
}
.p-t-4 {
  padding-top: 4px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}
.p-t-7 {
  padding-top: 7px !important;
}
.p-t-9 {
  padding-top: 9px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-t-7 {
  padding-top: 7px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-t-32 {
  padding-top: 32px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-t-60 {
  padding-top: 60px !important;
}
.p-t-70 {
  padding-top: 70px !important;
}
.p-t-90 {
  padding-top: 90px !important;
}
.p-t-100 {
  padding-top: 100px !important;
}
.p-b-2 {
  padding-bottom: 2px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.p-b-7 {
  padding-bottom: 7px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.p-b-60 {
  padding-bottom: 60px !important;
}
.p-b-80 {
  padding-bottom: 80px !important;
}
.p-b-90 {
  padding-bottom: 90px !important;
}
.b-b-0 {
  border-bottom: 0 !important;
}
.b-b-1 {
  border-bottom: 1px solid var(--cc-light, #e4e7ea) !important;
}
.bottom-15 {
  position: relative;
  bottom: 15px;
}
.width-0 {
  width: 0px;
}
.width-20-px {
  width: 20px;
}
.width-40 {
  width: 40px;
}
.with-100 {
  width: 100%;
}
.width-85-percent {
  width: 85%;
}
.max-width-250 {
  max-width: 250px;
}
.width-200 {
  width: 200px;
}
.width-300 {
  width: 300px;
}
.width-400 {
  width: 400px;
}
.width-60 {
  width: 60px;
}
.width-155 {
  width: 155px;
}
.min-width-15 {
  min-width: 15px;
}
.min-width-150 {
  min-width: 150px;
}
.min-width-200 {
  min-width: 200px;
}
.min-width-300 {
  min-width: 300px !important;
}
.width-600 {
  width: 600px;
}
.width-height-15 {
  width: 15px !important;
  height: 15px !important;
}
.width-height-20 {
  width: 20px !important;
  height: 20px !important;
}
.width-height-22 {
  width: 22px !important;
  height: 22px !important;
}
.width-height-30 {
  width: 30px !important;
  height: 30px !important;
}
.width-height-45 {
  width: 45px;
  height: 45px;
}
.width-height-50 {
  width: 50px !important;
  height: 50px !important;
}
.width-height-40 {
  width: 40px !important;
  height: 40px !important;
}
.width-height-32 {
  width: 32px !important;
  height: 32px !important;
}
.width-height-100 {
  width: 100px !important;
  height: 100px !important;
}
.height-39 {
  height: 39px !important;
}
.height-auto {
  height: auto !important;
}
.height-60 {
  height: 65px !important;
}
.height-230 {
  height: 230px !important;
}
.height-245 {
  height: 245px !important;
}
.height-250 {
  height: 250px !important;
}
.height-290 {
  height: 290px !important;
}
.height-364 {
  height: 364px !important;
}
.height-365 {
  height: 365px !important;
}
.height-371 {
  height: 371px !important;
}
.height-385 {
  height: 385px !important;
}
.height-437 {
  height: 437px !important;
}
.height-444 {
  height: 444px !important;
}
.height-528 {
  height: 528px !important;
}
.height-545 {
  height: 545px !important;
}
.height-600 {
  height: 600px !important;
}
.height-645 {
  height: 645px !important;
}
.height-693 {
  height: 693px !important;
}
.height-748 {
  height: 748px !important;
}
.height-1020 {
  height: 1020px !important;
}
.max-height-385 {
  height: 385px;
  max-height: 385px;
  overflow-y: auto;
  overflow-x: hidden;
}
.max-height-400 {
  height: 400px !important;
  max-height: 400px !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.middle-table-list {
  height: 385px;
  max-height: 385px;
  overflow-y: auto;
  overflow-x: hidden;
}
.empty-table-vessel-list {
  height: 120px;
  max-height: 385px;
  overflow-y: auto;
  overflow-x: hidden;
}
.bold {
  font-weight: bold;
}
.font-small {
  font-size: 80%;
}
.line-height-inherit {
  line-height: inherit;
}
.break-words {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
}
i.fa-trash {
  cursor: pointer;
}
.title-check {
  font-size: 16px;
}
#page-wrapper {
  background-color: var(--cc-surface, #ffffff);
}
.img-list {
  width: 76px !important;
  height: 76px !important;
}
.img-profile {
  width: 150px !important;
  height: 150px !important;
}
.img-thumbnail {
  display: inline-block;
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-border-default, #dddddd);
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.img-no-border {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.no-border {
  border: 0 !important;
}
.justify-content-space-between {
  justify-content: space-between;
}
.two-line-clamp {
  display: block !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.four-line-clamp {
  display: block !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -moz-line-clamp: 4;
  -ms-line-clamp: 4;
  -o-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.one-line-clamp {
  display: block !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.one-line-ellipsis {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.paragraph-lines {
  display: block !important;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  white-space: normal;
}
.img-circle {
  border-radius: 50%;
}
.pagination-area {
  width: 100%;
}
.pagination-area .pagination {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .panel-body {
    padding: 10px !important;
  }
  .panel-body.p-r-15 {
    padding-right: 0 !important;
  }
}
.img-text-user {
  display: inline-block;
  vertical-align: middle;
}
.footer-cruise {
  border-top: 1px solid var(--cc-light, #e4e7ea);
}
footer .show .dropdown-toggle::after,
footer .open .dropdown-toggle::after,
footer .show.open .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
footer a.dropdown-toggle {
  cursor: pointer;
}
.footer.footer-cruise {
  padding: 3px 20px;
  font-size: 12px;
}
.fa-stack.list-flag {
  font-size: 13px;
  position: absolute;
  top: 0;
  left: 3px;
}
.fa-stack-1x.mdi {
  top: 6px;
}
.ready-circle {
  color: var(--cc-warning, #D4A72C);
}
.profile-name {
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
  font-weight: 500;
}
.navbar-top-links.navbar-left .search {
  color: var(--cc-on-primary, #ffffff);
  padding: 0 12px;
  line-height: 60px;
  min-height: 60px;
}
.navbar-top-links.navbar-left .search:hover,
.navbar-top-links.navbar-left .search:focus {
  color: var(--cc-on-primary, #ffffff);
  background: var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1));
  text-decoration: none;
}
.icons-name a i {
  font-size: 14px;
}
.insights-profile {
  padding: 0;
}
.insights-profile .box-title {
  margin: 0px;
}
.insights-number {
  line-height: 35px;
  margin: 5px 0;
}
.insights-box-title {
  line-height: 20px;
}
.col-buttons-right {
  text-align: left;
  margin-top: 15px;
}
.font-30 {
  font-size: 30px;
}
.font-36 {
  font-size: 36px;
}
.font-50 {
  font-size: 50px;
}
@media only screen and (min-width: 1200px) {
  .insights-left {
    padding-right: 15px;
  }
  .insights-right {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .col-buttons-right {
    text-align: right;
    margin-top: 0;
  }
}
.color-info {
  color: var(--cc-primary, #2A478B);
}
.button-link-icon {
  display: inline-block;
  font-size: 30px;
  padding: 0;
}
.icon-deactive {
  color: var(--cc-text-hint-muted, #bcbbbb);
  transition: all 0.2s ease-in-out;
}
.icon-danger {
  color: var(--cc-danger, #B4443C);
}
.icon-active {
  color: var(--cc-primary, #2A478B);
  transition: all 0.2s ease-in-out;
}
.icon-active:hover,
.icon-active:focus {
  color: var(--cc-primary, #2A478B);
  opacity: 0.8;
}
.icon-deactive:hover,
.icon-deactive:focus {
  color: var(--cc-primary, #2A478B);
}
.panel-cruise {
  z-index: 900;
}
body[style^='overflow:hidden'] .panel-cruise {
  z-index: 1005 !important;
}
.panel-cruise .panel-heading {
  border-color: var(--cc-surface, #ffffff);
  font-size: 18px;
  font-weight: 500;
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
  background-color: var(--cc-surface-muted, #fafafa);
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  padding: 20px 25px;
}
.panel-cruise .panel-body {
  font-size: 16px;
  font-weight: 400;
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  border-top: none;
  border-bottom-left-radius: var(--cc-radius-base, 12px);
  border-bottom-right-radius: var(--cc-radius-base, 12px);
}
.lobipanel.panel-collapsed > .panel-heading {
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
/*------------------------------------------- Fix edge problems with lists -------------------------------------------*/
ul li {
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
}
.page-legal-no-auth ul li {
  list-style-image: none;
}
.dropdown-user li,
.dropdown-user li > a,
ul.nav-second-level li,
ul.nav-second-level li > a,
ul.nav-third-level li,
ul.nav-third-level li > a {
  float: left;
  width: 100%;
}
/*------------------------------------------- End fix edge problems with lists -------------------------------------------*/
/*------------------------------------------- Fix tooltip problems with calc position -------------------------------------------*/
.tooltip {
  top: 0;
}
/*------------------------------------------- End fix tooltip problems with calc position -------------------------------------------*/
#wrapper #page-wrapper {
  padding: 0 0 24px;
}
@media (min-width: 768px) {
  #wrapper.fix-top #page-wrapper {
    padding-top: 55px;
  }
}
.panel-cruise .panel-heading .dropdown .dropdown-menu > li > a {
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
}
.panel-cruise .panel-heading .dropdown .dropdown-menu {
  margin-top: 5px;
}
.panel-cruise .panel-heading .dropdown .dropdown-menu.show {
  width: 160px;
}
.lobipanel .panel-heading .dropdown .dropdown-menu > li > a:focus:hover,
.lobipanel .panel-heading .dropdown .dropdown-menu > li > a:hover {
  cursor: pointer;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-no-allowed {
  cursor: not-allowed !important;
}
.cursor-grab {
  cursor: grab !important;
}
.clear-all:hover {
  color: var(--cc-text-heading-charcoal, #363636);
}
.table-performance-review .table.dataTable {
  border: 2px solid var(--cc-page-bg, #f1f2f7);
}
.chart-container {
  position: relative;
  display: flex;
  height: 100%;
  /*top: 50%;*/
  /*-ms-transform: translateY(-50%);*/
  /*-webkit-transform: translateY(-50%);*/
  /*transform: translateY(-50%);*/
}
.chart-elements-container {
  margin: auto;
}
@media only screen and (max-width: 991px) {
  .table-performance-review {
    margin-top: 25px;
  }
}
/*Performance Review*/
.top-level-tab-nav li a {
  padding: 9px 10px;
  font-size: 16px;
  color: var(--cc-text-heading-charcoal, #363636);
}
.top-level-tab-nav li.active a {
  background: var(--cc-primary-light, #64c1f6);
  color: var(--cc-on-primary, #ffffff);
}
.top-level-tab-nav ul {
  margin-bottom: 0;
}
.top-level-tab-nav ul li {
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}
.question-tab ul li a {
  padding: 8px 15px;
  display: block;
  color: var(--cc-text-heading-charcoal, #363636);
  border: 1px solid transparent;
  padding-left: 45px;
  position: relative;
}
.question-tab li a:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  border: 1px solid var(--cc-border-modal, #b7b7b7);
  position: absolute;
  left: 15px;
  top: 8px;
}
.question-tab li.active a:before {
  background: var(--cc-surface, #ffffff);
  border: transparent;
}
.question-tab li.active a:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 15px;
  background: var(--cc-primary-deep, #2489c5);
  position: absolute;
  left: 20px;
  top: 13px;
  display: block;
}
.question-tab li.active a {
  background: var(--cc-surface-gray-225, #e1e1e1);
}
.question-tab li {
  position: relative;
}
.question-tab li.active:after {
  content: "\f105";
  z-index: 9;
  display: inline-block;
  font: normal normal normal 15px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  position: absolute;
  right: 9px;
  top: 11px;
  color: var(--cc-text-heading-charcoal, #363636);
}
.qa-builder-heading {
  color: var(--cc-text-heading-charcoal, #363636);
  font-size: 16px;
  margin-bottom: 10px;
}
.qa-builder-heading .fa-info-circle {
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
}
.qa-question-input-wrapper {
  /*padding-right: 60px;*/
  margin-bottom: 15px;
}
.question-lists li {
  margin-bottom: 10px;
}
.qa-answer-option-item {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 15px;
}
.iradio_css {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 40px;
  border: 1px solid var(--cc-border-card-strong, #b8b8b8);
  cursor: pointer;
}
.iradio_css.checked:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 20px;
  display: block;
  background: var(--cc-primary-deep, #2489c5);
  top: 4px;
  left: 4px;
  position: absolute;
  z-index: 1;
}
.qa-answer-option-item .icheck_box {
  position: absolute;
  left: 0;
  top: 8px;
}
.qa-answer-separator {
  border-bottom: 1px solid var(--cc-border-strong, #cccccc);
  margin-bottom: 15px;
}
.qa-optional-inputs label {
  font-weight: 400 !important;
  color: var(--cc-text-label-strong, #404040) !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px !important;
}
.qa-optional-inputs {
  margin-bottom: 20px;
}
.qa-submit {
  background: var(--cc-teal-accent, #30c6a3);
  padding: 10px 15px;
  font-size: 16px;
  color: var(--cc-on-primary, #ffffff);
  font-weight: 500;
  text-align: center;
  border-radius: 4px;
  outline: none !important;
  border: none;
}
.qa-answer-text {
  margin-bottom: 15px;
}
.qa-answer-text-limit {
  font-weight: 700;
  margin-bottom: 15px;
}
.form-control.only-bottom-border {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--cc-border-strong, #cccccc);
}
.question-lists li a {
  display: block;
  position: relative;
  padding-right: 25px;
  font-weight: 500;
}
.question-lists li {
  padding-left: 30px;
  position: relative;
}
.delete-question {
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0;
  border-radius: 30px;
  text-align: center;
  line-height: 15px;
  color: var(--cc-on-primary, #ffffff);
  position: absolute;
  right: 6px;
  top: 10px;
  border: none;
  outline: none !important;
  background: transparent !important;
}
.delete-question button {
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0;
  border-radius: 30px;
  text-align: center;
  line-height: 15px;
  color: var(--cc-on-primary, #ffffff);
  font-weight: 700;
  position: absolute;
  right: 6px;
  top: 10px;
  border: none;
  outline: none !important;
  background: var(--cc-surface, #ffffff) !important;
}
.delete-question i:before {
  color: var(--cc-text, #686868);
}
.fa-trash:hover:before {
  color: var(--cc-palette-red-pure, #ff0000);
  transition: all 0.8s;
}
.qa-answer-input-wrapper {
  padding-left: 0;
}
.qa-answer-option-item li:before {
  content: "\f0c9";
  width: 10px;
  height: 10px;
  background: var(--cc-surface, #ffffff);
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 19px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  position: absolute;
  left: 0;
  top: 5px;
  color: var(--cc-text-toolbar-mid, #929394);
}
.dd3-content {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px 5px 40px;
  color: var(--cc-text-toolbar-muted, #979898);
  text-decoration: none;
  font-weight: bold;
  background: var(--cc-surface, #ffffff);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd3-content a {
  color: var(--cc-text, #686868);
  text-decoration: none;
}
.dd3-content a:hover,
.dd3-content a:focus,
.dd3-content a:active {
  color: var(--cc-primary, #2A478B) !important;
}
.custom-dd-empty .dd-list .dd3-content {
  height: auto;
  border: none;
  padding: 8px 19px 8px 46px;
  background: var(--cc-surface, #ffffff);
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
}
.custom-dd-empty .dd-list .dd3-handle {
  border: none;
  background: var(--cc-surface, #ffffff);
  height: 36px !important;
  width: 36px !important;
}
.custom-dd-empty .dd-list .dd3-handle:before {
  color: inherit;
  top: 7px;
}
.dd {
  max-width: 100% !important;
  margin: 0 0 0 10px !important;
}
.qa-header:hover {
  background: var(--cc-surface-gray-200, #f2f2f2) !important;
  transition: all 0.8s;
}
.w80 {
  width: 79%;
  display: inline-block;
}
.w20 {
  width: 20%;
  display: inline-block;
}
.qa-answer-option-item span {
  position: absolute;
  left: 5px;
  top: 10px;
}
.qa-answer-option-item button span {
  position: inherit;
  left: 0;
  top: 0;
}
.question-tab-content .tab-content {
  margin-top: 0;
}
.one a {
  text-decoration: none;
  font-weight: 400;
  position: relative;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  padding: 5px;
  text-align: center;
  margin: 20px auto;
  color: var(--cc-text-muted-strong, #797979) !important;
  background: var(--cc-surface, #ffffff);
  width: 35%;
}
.one a:hover {
  color: var(--cc-primary, #2A478B) !important;
  background-color: var(--cc-surface, #ffffff);
  transition: all 0.6s;
}
.one a:before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--cc-primary, #2A478B);
  content: "";
  transform: translateY(8px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.6s;
}
.one a:hover:before {
  transform: translateY(0);
  opacity: 1;
}
.card-box {
  padding: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 20px;
  background-color: var(--cc-surface, #ffffff);
}
.card-box {
  border: none;
  padding: 20px !important;
}
.card-box {
  border: none;
}
.qa-header {
  background: var(--cc-surface-gray-225, #e1e1e1);
  padding: 1px 0 1px 10px;
  margin: 5px 0;
  color: var(--cc-text-toolbar-muted, #979898);
  text-decoration: none;
  transition: all 0.8s;
}
.qa-header:hover {
  background: var(--cc-surface-gray-200, #f2f2f2) !important;
  transition: all 0.8s;
}
.bg-temporal {
  background: var(--cc-surface-gray-210, #f1f1f1) !important;
}
.with25 {
  width: 25% !important;
}
.right {
  float: right;
  text-align: right;
}
.fix-width {
  max-width: 65% !important;
}
.header-title.text-overflow {
  position: relative;
}
.text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  overflow: hidden;
}
/* .name-two-lines{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 42px;
} */
.text-two-lines {
  width: 100%;
  height: 42px;
  /* Ensures space for up to 2 lines */
  text-align: center;
  /* Centers text horizontally */
  display: flex;
  align-items: center;
  /* Centers the inner container vertically */
  justify-content: center;
  /* Optional: Centers horizontally */
}
.text-two-lines h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Limits text to 2 lines */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 42px;
  /* Prevents more than 2 lines */
  margin: 0;
  /* Removes default margin */
  padding: 0;
  /* Ensures no extra spacing */
  font-weight: normal;
  /* Optional: adjust font weight */
}
.two-row-clamp-min-width-230 {
  min-width: 230px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Limits text to 2 lines */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 43px;
  /* Ensures only 2 lines are visible */
}
.text-paragraph {
  white-space: normal;
  margin: 0;
}
.text-pink {
  color: var(--cc-brand-magenta, #d12cab);
}
.label-section-region {
  float: left;
}
.right-options {
  margin: 7px 12px 7px 7px;
  position: absolute;
  top: 0;
  right: 0;
}
.right-options a {
  color: var(--cc-text, #686868);
}
.right-options a.mdi-pencil:hover,
.right-options a.mdi-pencil:focus {
  color: var(--cc-primary, #2A478B);
  cursor: pointer;
}
.input-group-btn .btn {
  padding: 8px 12px 7px;
}
/* Input group: outer corners rounded, inner joints flat */
.input-group > .form-control,
.input-group > .input-group-addon,
.input-group > .input-group-btn > .btn {
  border-radius: 0;
}
.input-group > .form-control:first-child,
.input-group > .input-group-addon:first-child,
.input-group > .input-group-btn:first-child > .btn {
  border-top-left-radius: var(--cc-radius-md, 8px);
  border-bottom-left-radius: var(--cc-radius-md, 8px);
}
.input-group > .form-control:last-child,
.input-group > .input-group-addon:last-child,
.input-group > .input-group-btn:last-child > .btn {
  border-top-right-radius: var(--cc-radius-md, 8px);
  border-bottom-right-radius: var(--cc-radius-md, 8px);
}
.fileinput.fileinput-new.input-group > .input-group-addon {
  border-radius: var(--cc-radius-md, 8px);
}
.fileinput .form-control[data-trigger="fileinput"] {
  border-radius: var(--cc-radius-md, 8px);
}
.input-select.input-group > .form-control.input-select-content {
  border-radius: var(--cc-radius-md, 8px);
}
/*Performance Review*/
.form-control:focus {
  box-shadow: none;
  border-color: var(--cc-primary, #2A478B);
}
.add-section-region-general,
.add-section-region {
  padding: 5px 5px 5px 0;
}
.add-section-region-general .input-group-addon,
.add-section-region .input-group-addon {
  padding: 6px 4px;
  font-size: 14px;
}
.b-l-1-dark {
  border-left: 1px solid !important;
}
.b-l-1 {
  border-left: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13)) !important;
}
.b-r-0 {
  border-right: 0 !important;
}
.b-r-1 {
  border-right: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13)) !important;
}
.border-radius-0 {
  border-radius: 0 !important;
}
.border-radius-50 {
  border-radius: 50%;
}
.visibility-hidden {
  visibility: hidden;
}
.badge-custom {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  margin: 0;
  background-color: var(--cc-primary, #2A478B) !important;
  min-width: 10px;
  padding: 3px 7px;
  line-height: 1;
}
.panel-group .panel .panel-heading.panel-audience a[data-toggle="collapse"] {
  display: inline;
}
.acordion-options {
  margin-right: 40px;
  margin-top: -19px;
  text-align: -webkit-right;
  text-transform: lowercase !important;
}
.acordion-options span {
  border-left: 1px solid var(--cc-border-vertical-rule, #d6d6d6);
  padding-left: 10px;
  padding-right: 10px;
}
.acordion-options span:last-child {
  border-right: 1px solid var(--cc-border-vertical-rule, #d6d6d6);
}
.panel-group .panel {
  margin-top: 5px;
}
.tagcloud06 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tagcloud06 ul li {
  display: inline-block;
  margin: 0.3em;
  padding: 0;
}
.tagcloud06 ul li a {
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 1em 0 0.75em;
  background-color: var(--cc-surface-panel-warm, #e5e5e4);
  border-radius: 3px;
  color: var(--cc-text-form, #555555);
  font-size: 13px;
  text-decoration: none;
  transition: 0.2s;
}
.tagcloud06 ul li[data-type="ship"] a {
  background-color: var(--cc-primary-soft-bg, #b3dcf7);
}
.tagcloud06 ul li a:hover,
.tagcloud06 ul li a:focus,
.tagcloud06 ul li.selected a {
  background: var(--cc-primary, #2A478B) !important;
  color: var(--cc-on-primary, #ffffff) !important;
}
.radio,
.checkbox {
  margin-top: -5px;
}
/*workflow*/
.workflow-card-box {
  padding: 20px;
  border: 2px solid var(--cc-border-workflow-card, #f3f3f3);
  border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom: 20px;
  background-color: var(--cc-surface, #ffffff);
}
.thumb-xl {
  height: 120px;
  width: 120px;
}
.star-padding-0 {
  -webkit-padding-start: 0px !important;
}
ul.sortable {
  list-style: none;
}
.min-width-50 {
  min-width: 50px;
}
.min-width-70 {
  min-width: 70px;
}
.min-width-80 {
  min-width: 80px;
}
.min-width-120 {
  min-width: 120px;
}
.min-width-150 {
  min-width: 150px;
}
.min-width-170 {
  min-width: 170px;
}
.min-width-200 {
  min-width: 170px;
}
.width-100 {
  width: 100%;
}
.width-70-percent {
  width: 70%;
}
.width-50-percent {
  width: 50%;
}
.width-25-px {
  width: 25px !important;
}
.width-30-px {
  width: 30px;
}
.width-35-px {
  width: 35px;
}
.width-40-px {
  width: 40px !important;
}
.width-50-px {
  width: 50px;
}
.width-60-px {
  width: 60px;
}
.width-70-px {
  width: 70px;
}
.width-100-px {
  width: 100px;
}
.width-120-px {
  width: 120px;
}
.width-125-px {
  width: 125px;
}
.width-150-px {
  width: 150px;
}
.width-200-px {
  width: 200px;
}
.width-250-px {
  width: 250px !important;
}
.width-300-px {
  width: 300px !important;
}
.width-50 {
  width: 50%;
}
.width-78 {
  width: 78% !important;
}
.width-20 {
  width: 20% !important;
}
.width-130 {
  width: 130px;
}
.width-145 {
  width: 145px;
}
.width-80 {
  width: 80px;
}
@media only screen and (max-width: 1200px) {
  .btn-application-action {
    font-size: 12px;
    padding: 0.2rem 0.8rem;
  }
}
@media only screen and (max-width: 480px) {
  .btn-application-action {
    width: 100%;
    margin: 0 0 5px 0;
  }
}
.dropdown-toggle.card-drop::after {
  content: none;
}
.workflow-card-box .dropdown-menu,
.options-questions .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  padding: 5px 0;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--cc-text-bootstrap-secondary, #6c757d);
  background-color: transparent;
}
.dropdown-item.disabled:hover,
.dropdown-item.disabled:focus {
  color: var(--cc-text-bootstrap-secondary, #6c757d) !important;
  background-color: transparent;
  cursor: default;
}
.workflow-card-box .dropdown-menu > li > a:focus,
.workflow-card-box .dropdown-menu > li > a:hover,
.options-questions .dropdown-menu > li > a:focus,
.options-questions .dropdown-menu > li > a:hover {
  color: var(--cc-primary, #2A478B);
  background: var(--cc-extra-light, #f7fafc);
}
.workflow-card-box:focus,
.workflow-card-box:hover {
  box-shadow: var(--cc-shadow-ambient-20, rgba(0, 0, 0, 0.2)) 0 3px 3px !important;
  cursor: move !important;
}
.workflow-card-box.first:focus,
.workflow-card-box.first:hover {
  box-shadow: var(--cc-shadow-ambient-20, rgba(0, 0, 0, 0.2)) 0 3px 3px !important;
  cursor: default !important;
}
.add-workflow,
.add-recognition,
.add-disciplinary-action,
.add-badge {
  border: 2px dashed var(--cc-divider-soft, #eeeeee);
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-clip: padding-box;
  margin: auto;
  background-color: var(--cc-surface-wash, #f9f9f9);
  min-height: 298px;
  padding: 26px 10px;
  transition: all 0.4s;
}
.workflow-application .add-workflow,
.add-recognition,
.add-badge,
.add-disciplinary-action {
  min-height: 250px;
}
.add-disciplinary-action {
  min-height: 338px;
  padding: 18px 10px;
}
.cancel-disciplinary-action {
  position: relative;
  top: -18px;
  right: -8px;
}
.add-recognition,
.add-badge {
  padding: 9px 10px;
}
.add-workflow span:before,
.add-recognition span:before,
.add-badge span:before,
.add-disciplinary-action span:before {
  font-family: "Material Design Icons";
  content: "\F419";
  font-size: 12.9em;
  color: var(--cc-text-disabled-pale, #dcdcdc) !important;
}
.workflow-application .add-workflow span:before,
.workflow-application .add-recognition span:before,
.workflow-application .add-badge span:before,
.workflow-application .add-disciplinary-action span:before {
  line-height: 197px;
}
.add-workflow:hover,
.add-recognition:hover,
.add-badge:hover,
.add-disciplinary-action:hover {
  background-color: var(--cc-surface, #ffffff);
  color: var(--cc-on-primary, #ffffff) !important;
  border: 1px solid var(--cc-divider-soft, #eeeeee);
  transition: all 0.4s;
  box-shadow: var(--cc-shadow-ambient-20, rgba(0, 0, 0, 0.2)) 0 3px 3px !important;
}
.add-workflow span:hover:before,
.add-workflow span:focus:before,
.add-recognition span:hover:before,
.add-recognition span:focus:before,
.add-badge span:hover:before,
.add-badge span:focus:before,
.add-disciplinary-action span:hover:before,
.add-disciplinary-action span:focus:before {
  color: var(--cc-primary, #2A478B) !important;
}
.form-control.edit-react {
  margin-bottom: 13px;
  padding: 7px !important;
}
.btn-save.form-control {
  color: var(--cc-on-primary, #ffffff);
}
@media only screen and (max-width: 1200px) {
  .workflow-action,
  .workflow-action .qa-builder-heading {
    margin: 0 !important;
  }
  .workflow-buttons {
    margin-top: 20px !important;
  }
  .workflow-select-position {
    margin-top: 10px !important;
  }
  .workflow-overdue .qa-builder-heading {
    margin-bottom: 0 !important;
  }
  .workflow-add-card .workflow-overdue {
    margin-top: 20px !important;
  }
  .workflow-add-card .workflow-select-position {
    margin-top: 15px !important;
  }
  .workflow-add-card .qa-builder-heading {
    margin-bottom: 0 !important;
  }
}
/*finalice*/
.title-content {
  margin-top: 25px !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px !important;
  position: relative !important;
  max-width: 950px !important;
  padding: 15px !important;
  background: var(--cc-primary, #2A478B) !important;
  border-radius: 0 !important;
  color: var(--cc-on-primary, #ffffff);
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  border: 1px solid var(--cc-primary, #2A478B) !important;
  font-size: 22px;
}
.bg-gray {
  background: var(--cc-divider-soft, #eeeeee) !important;
}
.pagination-area ul.pagination li a,
.pagination-area ul.pagination li span {
  height: 34px;
  padding: 6px 12px;
}
.pagination-area .btn-prev-pagination,
.pagination-area .btn-next-pagination,
.pagination-area .btn-pagination,
.pagination-area .btn-pagination {
  height: 34px;
  padding: 5px;
}
.pagination-area .btn-prev-pagination:hover,
.pagination-area .btn-prev-pagination:focus,
.pagination-area .btn-prev-pagination:active,
.pagination-area .btn-next-pagination:hover,
.pagination-area .btn-next-pagination:focus,
.pagination-area .btn-next-pagination:active {
  box-shadow: none;
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-on-primary, #ffffff);
  border: 1px solid var(--cc-primary, #2A478B);
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: var(--cc-primary, #2A478B);
  border-color: var(--cc-primary, #2A478B);
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background-color: var(--cc-primary-pagination-hover-alpha, rgba(3, 177, 251, 0.18));
}
.final-header {
  border-bottom: var(--cc-primary, #2A478B) solid 1px;
  padding-bottom: 10px;
  margin-bottom: 25px;
  margin-top: 0;
  text-transform: uppercase;
  position: relative;
}
.final-header > span {
  border-bottom: var(--cc-primary, #2A478B) solid 3px;
  position: absolute;
  width: 50%;
  bottom: 0;
  left: 0;
}
.select2-search-field:before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f002";
  top: 6px;
  right: 12px;
}
.select2-container-disabled .select2-search-field:before {
  content: "";
}
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: var(--cc-surface, #ffffff);
  background-image: none;
  border: 1px solid var(--cc-border-default, #dddddd);
  cursor: default;
}
.move-card:before {
  content: "\e6e2";
  font-family: themify;
  transform: rotate(90deg);
  position: absolute;
  margin: 15px -8px;
  color: var(--cc-border-strong, #cccccc);
}
.move-card {
  border: 1px solid var(--cc-divider-soft, #eeeeee);
  padding: 10px;
  border-radius: 5px;
  background: var(--cc-surface, #ffffff);
  font-size: 14px;
}
.move-card:hover {
  box-shadow: var(--cc-shadow-ambient-20, rgba(0, 0, 0, 0.2)) 0 3px 3px !important;
  cursor: move !important;
}
.calendar-date-out .input-group-addon {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 0;
  background-color: var(--cc-bootstrap-gray-200, #eceeef);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fc .loading {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  opacity: 0.7;
  background-color: var(--cc-surface, #ffffff);
  z-index: 99;
  text-align: center;
}
.input-group-filled .input-group-addon {
  background-color: var(--cc-bootstrap-gray-200, #eceeef);
  border-radius: 0;
  border-right: 0;
}
.has-error .input-group-filled .input-group-addon {
  color: var(--cc-text, #686868);
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  background-color: var(--cc-bootstrap-gray-200, #eceeef);
}
.review-content {
  margin: auto !important;
  position: relative !important;
  max-width: 950px !important;
  padding: 50px !important;
  background: var(--cc-surface, #ffffff) !important;
  border: 1px solid var(--cc-border-review, #e6e6e6) !important;
  border-radius: 5px !important;
}
.review-content:first-child {
  margin: auto !important;
  border-radius: 0 0 5px 5px !important;
  margin-bottom: 20px !important;
}
.review-pagination {
  max-width: 950px !important;
  margin: auto;
}
.font-8 {
  font-size: 8px;
}
.font-9 {
  font-size: 9px !important;
}
.font-10 {
  font-size: 10px;
}
.font-11 {
  font-size: 11px;
}
.font-12 {
  font-size: 12px !important;
}
.font-13 {
  font-size: 13px !important;
}
.font-14 {
  font-size: 14px !important;
}
.font-16 {
  font-size: 16px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-20 {
  font-size: 20px;
}
.font-22 {
  font-size: 22px;
}
.font-26 {
  font-size: 26px;
}
.font-28 {
  font-size: 28px;
}
.font-30 {
  font-size: 30px;
}
.font-35 {
  font-size: 35px;
}
.font-40 {
  font-size: 40px !important;
}
.l-h-18 {
  line-height: 18px;
}
.opacity-5 {
  opacity: 0.5 !important;
}
.opacity-7 {
  opacity: 0.7 !important;
}
.step-by-step-content.content-wrap section {
  padding: 0;
  min-height: 0;
}
.step-by-step-container nav ul {
  justify-content: center;
}
.step-by-step-container nav li.tab-current a::after {
  background: var(--cc-primary, #2A478B);
}
.step-by-step-container nav a:focus,
.step-by-step-container nav a:hover {
  color: var(--cc-primary, #2A478B);
}
.step-by-step-container nav a:focus::after,
.step-by-step-container nav a:hover::after,
.step-by-step-container nav li.tab-current a::after {
  background: var(--cc-primary, #2A478B);
}
.tabs-style-linebox nav li.tab-current .text-info {
  color: var(--cc-on-primary, #ffffff) !important;
}
.text-decoration-underline {
  text-decoration: underline;
}
.block-loading {
  background: var(--cc-overlay-material-green-30, rgba(76, 175, 80, 0.3));
  width: 100%;
  height: 100%;
  min-height: 50px;
  position: absolute;
  top: 0;
}
.display-inline {
  display: inline;
}
.box-shadow-none {
  box-shadow: none !important;
}
.check-validate label.error,
.validated-password label.error {
  color: var(--cc-palette-red-pure, #ff0000);
}
.text-right-responsive,
.text-right-responsive-xs,
.text-right-responsive-sm,
.text-right-responsive-md,
.text-right-responsive-lg {
  text-align: right;
}
.pull-right-responsive-xs,
.pull-right-responsive-sm {
  float: right;
}
.filters-dashboard {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 0;
}
.filters-dashboard:first-child {
  margin-left: 0;
}
.width-200-100 {
  width: 200px;
}
.width-400 {
  width: 400px !important;
}
.ribbon-custom {
  right: -43px;
  top: -35px;
  font-size: 20px;
}
.ribbon-small {
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  top: 6px;
}
.ribbon-small.ribbon-right {
  left: auto;
  right: -5px;
}
.visible-inline-576 {
  display: none;
}
@media only screen and (max-width: 768px) {
  .text-right-responsive {
    text-align: left;
  }
  .text-center-xs {
    text-align: center !important;
  }
  .filters-dashboard {
    display: block;
    margin-left: 0;
    margin-bottom: 10px !important;
  }
  .width-200-100 {
    width: 100%;
  }
  .ribbon-custom {
    right: -13px;
    top: -13px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .text-right-responsive-lg {
    text-align: left;
  }
}
@media only screen and (max-width: 992px) {
  .text-right-responsive-md {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .text-right-responsive-sm {
    text-align: left;
  }
  .pull-right-responsive-sm {
    float: none;
  }
}
@media only screen and (max-width: 575px) {
  .text-right-responsive-xs {
    text-align: left;
  }
  .pull-right-responsive-xs {
    float: none;
  }
  .bg-gray {
    padding: 0 !important;
  }
  .visible-inline-576 {
    display: inline-block;
  }
}
.white-box.questions-steps {
  padding: 0;
  margin-bottom: 0;
  margin-top: 15px;
}
.questions-steps .thin-steps-numbered-bg .step-title {
  font-size: 18px;
}
.questions-steps .thin-steps-numbered-bg .column-step.active .step-number,
.questions-steps .thin-steps-numbered-bg .step-number {
  font-size: 82px;
  bottom: -13px;
}
.questions-steps .thin-steps-numbered-bg .column-step {
  padding: 15px;
}
.questions-steps .thin-steps-numbered-bg {
  margin-left: 0;
  margin-right: 0;
}
.thin-steps-numbered-bg .step-number {
  color: var(--cc-primary, #2A478B);
}
.thin-steps-numbered-bg .column-step.active .step-number {
  color: var(--cc-primary-tint-pale, #b0e1f7);
}
@media only screen and (max-width: 768px) {
  .questions-steps .thin-steps-numbered-bg .column-step.active .step-number,
  .questions-steps .thin-steps-numbered-bg .step-number {
    font-size: 50px;
    bottom: -17px;
  }
  .questions-steps .thin-steps-numbered-bg .column-step {
    padding: 10px;
  }
}
/* Rating Star Widgets Style */
.rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.rating-stars ul > li.star {
  display: inline-block;
}
/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size: 2.5em;
  /* Change the size of the stars */
  /* Color on idle state */
  color: var(--cc-border-strong, #cccccc);
}
/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color: var(--cc-rating-star-hover, #ed6e58);
}
/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color: var(--cc-rating-star-selected, #ed5565);
}
/* Character Count styles */
.qa-question-input-wrapper .counter {
  position: relative;
  float: right;
  top: -25px;
  font-size: 14px;
  color: var(--cc-text-placeholder, #999999);
  margin-right: 17px;
}
.qa-question-input-wrapper .warning {
  color: var(--cc-legacy-660000, #660000);
}
.qa-question-input-wrapper .exceeded {
  color: var(--cc-legacy-ee0000, #ee0000);
}
/*Menu nav*/
#side-menu .nav {
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: var(--cc-extra-light, #f7fafc);
}
#side-menu .nav-second-level li .nav-third-level.collapse.in,
.nav-third-level {
  left: 211px;
}
/*end Menu nav*/
/*Menu nav fourth level*/
.sidebar {
  z-index: 998 !important;
}
.sidebar .nav-second-level li a {
  padding-left: 15px;
}
.sidebar .nav-third-level li a {
  padding-left: 25px;
}
.sidebar .nav-fourth-level li a {
  padding-left: 35px;
}
@media (min-width: 767px) {
  .sidebar .nav-second-level li a {
    padding-left: 15px;
  }
  .sidebar .nav-third-level li a {
    padding-left: 15px;
  }
  .sidebar .nav-fourth-level li a {
    padding-left: 15px;
  }
  #side-menu .nav-second-level li .nav-fourth-level.collapse.in,
  .nav-fourth-level {
    position: absolute;
    width: 220px;
    left: 211px;
    top: 0;
    display: none;
    box-shadow: 5px 10px 20px var(--cc-legacy-rgba-bc76b2532d2444, rgba(0, 0, 0, 0.05));
  }
  #side-menu .nav-third-level li:hover .nav-fourth-level,
  #side-menu .nav-third-level li:hover .nav-fourth-level.collapse.in {
    display: block;
  }
  #side-menu .nav-third-level.two-li > li:hover .nav-fourth-level {
    z-index: 1;
    box-shadow: 2px 0 20px var(--cc-legacy-rgba-bc76b2532d2444, rgba(0, 0, 0, 0.05));
  }
}
/*end Menu nav fourth level*/
/*dashboard*/
/*Cards dashboard*/
.card-dashboard {
  border: 1px solid var(--cc-border-default, #dddddd);
  padding: 25px 25px 15px;
}
.card-dashboard-data {
  height: 70px;
}
.two-part-30-70 li:first-child {
  width: 28%;
}
.two-part-30-70 li i {
  font-size: 50px;
}
@media screen and (max-width: 58em) {
  .sttabs nav a span {
    display: block;
  }
  .sttabs.dynamic-tabs-container nav a span {
    display: inline-block;
  }
}
.two-part-30-70 li:last-child {
  width: 69.8%;
}
.number-count {
  line-height: 44px;
  font-size: 40px !important;
}
.text-small-number {
  font-size: 12px;
}
.number-big {
  line-height: 30px;
}
.cards-charts canvas {
  width: 100% !important;
  height: auto !important;
  max-height: 150px !important;
  max-width: 150px !important;
}
.legend-chart .chart-loading {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .cards-charts .fa-spin {
    position: absolute;
    margin-top: 30%;
  }
}
@media (min-width: 766px) {
  .cards-charts .fa-spin {
    position: absolute;
    margin-top: 40%;
  }
}
@media (min-width: 576px) {
  .cards-charts .fa-spin {
    position: absolute;
    margin-top: 15%;
  }
}
.chart-container .cards-charts .fa-spin {
  top: -50px;
  margin-top: 0;
}
.thin-steps-numbered-bg .column-step.active .step-number,
.thin-steps-numbered-bg .step-number {
  z-index: 0;
}
.border-down {
  border-bottom: 1px solid var(--cc-light, #e4e7ea);
}
/*workflow datatable*/
.bg-gray {
  background: var(--cc-divider-soft, #eeeeee) !important;
}
.bg-success {
  background: var(--cc-success, #2E9B72) !important;
  background-color: var(--cc-success, #2E9B72) !important;
}
.bg-pending {
  background: var(--cc-warning, #D4A72C) !important;
}
.bg-orange {
  background-color: var(--cc-legacy-ec9006, #ec9006) !important;
}
.progress.bar-steps {
  position: relative;
  overflow: visible;
  background-color: transparent!important;
}
.progress-bar.progress-hover:first-child {
  margin-left: 0;
  border-radius: 5px 0 0 5px;
}
.progress-bar.progress-hover:last-child {
  border-radius: 0 5px 5px 0;
}
.progress-bar.progress-hover:hover:last-child {
  border-radius: 0 5px 5px 0;
}
.progress-bar.progress-hover.progressbar-unique {
  border-radius: 5px 5px 5px 5px !important;
}
.progress-bar.progress-hover {
  position: relative;
  overflow: hidden;
  margin-left: 1.2%;
}
.progress-hover:hover:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 69px;
  background: var(--cc-legacy-rgba-3671eee0157649, rgba(0, 0, 0, 0));
}
.progress-hover:hover {
  box-shadow: var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1)) 0 2px 6px !important;
  background-image: linear-gradient(45deg, var(--cc-legacy-rgba-760d5a356f2e7b, rgba(255, 255, 255, 0.15)) 25%, transparent 25%, transparent 50%, var(--cc-legacy-rgba-760d5a356f2e7b, rgba(255, 255, 255, 0.15)) 50%, var(--cc-legacy-rgba-760d5a356f2e7b, rgba(255, 255, 255, 0.15)) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  animation: progress-bar-stripes 1s linear infinite;
  border: 2px solid var(--cc-legacy-rgba-5c615864d3d4f8, rgba(255, 255, 255, 0.5));
}
.tooltip-hover {
  left: 50%;
  bottom: 112%;
  background-color: var(--cc-legacy-rgba-fd7c8f9fe5c761, #ffffff);
  border-radius: 0 5px 5px 0 ;
  display: none;
  position: absolute;
  min-width: 200px;
  box-shadow: var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1)) 0 2px 6px !important;
  color: var(--cc-legacy-575d69, #575d69) !important;
  font-size: 14px;
  z-index: 999;
}
.progress .progress-bar .tooltip-hover {
  right: 0;
  left: auto;
}
.bg-gray .tooltip-hover {
  border-left: solid 4px var(--cc-divider-soft, #eeeeee);
}
.bg-success .tooltip-hover {
  border-left: solid 4px var(--cc-success, #2E9B72);
}
.bg-pending .tooltip-hover,
.bg-warning .tooltip-hover {
  border-left: solid 4px var(--cc-warning, #D4A72C);
}
.bg-primary .tooltip-hover {
  border-left: solid 4px var(--cc-primary-bootstrap, #6B4FA3);
}
.bg-pending .tooltip-hover {
  border-left: solid 4px var(--cc-warning, #D4A72C);
}
.tooltip-hover img {
  width: 35px!important;
  height: 35px!important;
  margin-right: 6px !important;
}
.tooltip-hover img.wide {
  width: 100% !important;
  height: auto !important;
}
.progress-hover:hover .tooltip-hover {
  display: inline-block;
}
.tooltip-hover .fb-inbox-item {
  overflow: hidden;
  position: relative;
  padding: 0 10px 10px 10px;
  margin-top: 5px;
}
.content-wrap section p {
  padding: 0;
}
.font-100 {
  font-weight: 100;
}
.font-300 {
  font-weight: 300;
}
.font-400 {
  font-weight: 400;
}
.font-600 {
  font-weight: 600;
}
.tooltip-hover .font-300 {
  white-space: normal;
}
/*Datatable*/
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 5px !important;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0 !important;
}
.dataTables_paginate.paging_listbox select {
  background-color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-light, #e4e7ea);
  border-radius: 0;
  box-shadow: none;
  color: var(--cc-text-body-dense, #565656);
  min-width: 40px;
  transition: all 300ms linear 0s;
  -moz-text-align-last: center;
       text-align-last: center;
}
.dataTables_length label {
  margin-right: 10px;
}
.dataTables_length .dt-button {
  font-size: 14px;
  border-left: 1px var(--cc-divider-soft, #eeeeee) solid !important;
  display: inline;
  margin-right: 0;
}
.jsGridTables_length .dt-button {
  font-size: 14px;
  display: inline-block;
  margin-right: 0;
  margin-bottom: 10px;
}
div.dt-buttons {
  margin-top: 5px !important;
}
button.dt-button,
div.dt-button,
a.dt-button {
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
}
.dt-buttons a {
  border-right: 1px var(--cc-divider-soft, #eeeeee) solid !important;
  margin-right: 0 !important;
  transition: all 0.3s ease !important;
}
.dt-buttons a:active {
  box-shadow: none !important;
}
.dt-buttons a:hover,
.dt-buttons a:focus {
  color: var(--cc-surface, #ffffff) !important;
  background-color: var(--cc-primary, #2A478B) !important;
}
.dt-buttons a:first-child {
  border-left: none!important;
}
.dt-buttons a:last-child {
  border-right: none!important;
  border-left: none!important;
}
.buttons-copy,
.buttons-csv,
.buttons-pdf,
.buttons-excel,
.buttons-print,
.buttons-refresh {
  background-color: var(--cc-surface, #ffffff) !important;
  background-image: none !important;
  border: none!important;
}
.fb-inbox-item img {
  width: 50px;
  height: 50px;
  margin-right: 12px;
}
table.dataTable .fb-inbox-widget tbody tr {
  background-color: transparent;
}
table.dataTable .fb-inbox-widget tbody tr:focus,
table.dataTable .fb-inbox-widget tbody tr:hover {
  background-color: transparent;
}
.fb-inbox-item-text {
  padding: 8px 10px 8px 0 !important;
}
.fb-inbox-item-center table.fb-inbox-item {
  width: 100%;
}
.fb-inbox-item-center .fb-inbox-item-img {
  text-align: right;
}
.sub-right {
  border-right: solid var(--cc-divider-soft, #eeeeee) 1px;
}
.datatable-actions a:hover,
.datatable-actions a:focus {
  color: var(--cc-primary, #2A478B) !important;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  background: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: var(--cc-surface, #ffffff) !important;
  border: 1px solid var(--cc-primary, #2A478B);
  background-color: var(--cc-primary, #2A478B);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: var(--cc-surface, #ffffff) !important;
  border: 1px solid var(--cc-primary-pagination-hover-alpha, rgba(3, 177, 251, 0.18));
  background-color: var(--cc-primary-pagination-hover-alpha, rgba(3, 177, 251, 0.18));
}
ul.gj-list {
  margin-bottom: 0;
}
.gj-checkbox-md input[type=checkbox]:indeterminate + span:after {
  top: 2px !important;
}
.gj-checkbox-md input[type=checkbox]:checked + span:after {
  top: 1px !important;
  background-color: var(--cc-header-bg, #2A478B);
}
/*start performance review*/
.title-start-performance {
  margin-top: 65px !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px !important;
  max-width: 950px!important;
  padding: 15px!important;
  border-radius: 0!important;
  color: var(--cc-text, #686868);
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 22px;
}
.box-questions-workflow {
  padding: 10px;
  border: 1px var(--cc-divider-soft, #eeeeee) solid !important;
}
.twi-user.start-performance {
  margin: 0;
}
.workflow-now {
  font-size: 80%;
}
.title-questions-text {
  font-size: 18px;
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
  font-weight: 500;
}
.cant-questions {
  font-size: 40px;
  line-height: 30px;
}
.btn-continue {
  padding: 0.8rem 6.2rem;
}
.questions-p-30 {
  padding: 30px;
}
@media only screen and (max-width: 768px) {
  .twi-user.user-data {
    margin-bottom: 20px;
  }
  .questions-p-30 {
    padding: 0;
  }
  .review-content {
    padding: 20px!important;
  }
}
@media only screen and (max-width: 576px) {
  .user-data {
    text-align: center;
  }
  .user-data .img-profile {
    margin-right: 0;
  }
}
/*Career Navigation*/
.color-success {
  color: var(--cc-success, #2E9B72) !important;
}
.color-danger {
  color: var(--cc-danger, #B4443C);
}
.color-red {
  color: var(--cc-palette-red-pure, #ff0000);
}
.color-warning {
  color: var(--cc-warning, #D4A72C);
}
.bg-success {
  background-color: var(--cc-success, #2E9B72) !important;
}
.bg-danger {
  background-color: var(--cc-danger, #B4443C);
}
.bg-red {
  background-color: var(--cc-palette-red-pure, #ff0000);
}
.bg-warning {
  background-color: var(--cc-warning, #D4A72C);
}
.color-blue-career {
  color: var(--cc-primary, #2A478B);
}
.percent-insights {
  text-align: right;
}
.add-mentor i {
  font-size: 64px;
}
.supervisor .fb-inbox-item img {
  margin-right: 6px;
  margin-left: 6px;
}
.add-mentor .fb-inbox-item img {
  margin-right: 6px;
  margin-left: 6px;
}
.change-supervisor-mentor a:hover i,
.change-supervisor-mentor a:hover p,
.change-supervisor-mentor a:focus i,
.change-supervisor-mentor a:focus p {
  color: var(--cc-primary, #2A478B);
}
.change-supervisor-mentor a:hover img,
.change-supervisor-mentor a:focus img {
  border: 3px solid var(--cc-primary, #2A478B);
}
/*schedule*/
.column-schedule {
  width: 100%;
  border-radius: 4px;
  /*border: 1px solid var(--cc-border-input-idle, @cc-border-input-idle);*/
  box-shadow: 0 5px 10px var(--cc-legacy-rgba-d56f42a1e19cd3, rgba(0, 0, 0, 0.15));
}
.schedule-top-color {
  border-radius: 4px 4px 0 0;
  height: 5px;
  background-color: var(--cc-primary, #2A478B);
}
.column-schedule-head {
  font-size: 18px;
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
  font-weight: 500;
  text-align: left;
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 15px;
}
.column-schedule-body {
  width: 100%;
  height: 515px;
  max-height: 515px;
  overflow-y: auto;
  overflow-x: hidden;
}
.column-schedule-body.column-career-dashboard {
  width: 100%;
  height: 852px;
  max-height: 852px;
  overflow-y: auto;
  overflow-x: hidden;
}
.schedule-table.schedule-table-empty .column-schedule-body.column-career-dashboard {
  width: 100%;
  height: 340px;
  max-height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
}
.schedule-table.schedule-table-empty .schedule-posts-ul {
  min-height: 330px;
}
.schedule-posts-ul {
  margin: 0;
  padding: 0;
  list-style: none;
  min-height: 500px;
}
.schedule-posts-ul li {
  background-color: var(--cc-surface, #ffffff);
  padding: 20px 15px 5px;
  cursor: move;
}
.schedule-card {
  padding: 5px;
  border-bottom: 1px solid var(--cc-legacy-f6f4f4, #f6f4f4);
}
.schedule-posts-ul li.new-skill {
  background-color: var(--cc-legacy-rgba-c78b40dcd9a155, rgba(11, 144, 253, 0.03));
}
.comments-attach-profile a:hover i,
.comments-attach-profile a:focus i {
  color: var(--cc-primary, #2A478B);
}
.add-task a {
  font-size: 18px;
  color: var(--cc-border-input-idle, #bfbfbf);
  font-weight: 500;
}
.column-schedule-footer a {
  color: var(--cc-border-input-idle, #bfbfbf);
}
.add-task a:hover,
.add-task a:focus,
.add-task a:hover,
.add-task a:focus {
  color: var(--cc-primary, #2A478B);
}
.type-task i {
  color: var(--cc-legacy-rgba-00e723464ccf47, rgba(84, 102, 122, 0.77));
}
.type-task .comment-text {
  color: var(--cc-legacy-rgba-00e723464ccf47, rgba(84, 102, 122, 0.77));
  font-weight: 300;
  margin-right: 2px;
}
.date-task {
  color: var(--cc-border-input-idle, #bfbfbf);
  font-size: 14px;
  font-weight: 300;
}
/*.schedule-data{*/
/*border-style: solid;*/
/*border-width: 0 1px 1px 1px;*/
/*border-color: var(--cc-border-pale, @cc-border-pale);*/
/*border-radius: 0 0 4px 4px;*/
/*padding: 5px 5px 7px 5px;*/
/*}*/
/*.schedule-data-no-image{*/
/*border-style: solid;*/
/*border-width: 3px 1px 1px 1px;*/
/*border-color: var(--cc-border-pale, @cc-border-pale);*/
/*border-radius: 4px 4px 4px 4px;*/
/*padding: 5px 5px 7px 5px;*/
/*}*/
/*.schedule-social .fa{*/
/*width: 19px !important;*/
/*height: 19px !important;*/
/*line-height: 19px !important;*/
/*font-size: 9px !important;*/
/*}*/
/*.schedule-post-link{*/
/*font-size: 12px;*/
/*font-family: 'Lato', sans-serif;*/
/*color: var(--cc-legacy-f46c93, @cc-legacy-f46c93);*/
/*cursor: pointer;*/
/*}*/
/*.schedule-post-link:hover, .schedule-post-link:focus, .schedule-post-link:active, .schedule-post-link:visited{*/
/*font-size: 12px;*/
/*font-family: 'Lato', sans-serif;*/
/*color: var(--cc-legacy-f46c93, @cc-legacy-f46c93);*/
/*cursor: pointer;*/
/*}*/
.clear-both {
  clear: both;
}
.comments-attach-profile {
  font-size: 12px;
  font-weight: 700;
}
.comments-attach-profile .comments,
.comments-attach-profile .attach {
  color: var(--cc-border-input-idle, #bfbfbf);
  font-weight: 300;
}
.comments-attach-profile img {
  width: 30px;
  height: 30px;
}
.comments-attach-profile .mdi-plus-circle-outline {
  color: var(--cc-border-input-idle, #bfbfbf);
  font-size: 33px;
}
.schedule-post-text {
  font-size: 16px;
  min-height: 44px;
}
.width-full {
  width: 100%;
}
.priority span {
  border-radius: 4px;
  padding: 3px 13px;
  color: var(--cc-surface, #ffffff);
}
.priority.low-priority span {
  background-color: var(--cc-border-input-idle, #bfbfbf);
}
.priority.high-priority span,
.priority.danger-priority span {
  background-color: var(--cc-danger, #B4443C);
}
.priority.med-priority span {
  background-color: var(--cc-warning, #D4A72C);
}
.priority.success-priority span {
  background-color: var(--cc-success, #2E9B72);
}
.priority.info-priority span {
  background-color: var(--cc-primary, #2A478B);
}
.mini-priority span {
  padding: 2px 5px;
}
/* Desktop large screen */
/*@media (min-width: 1200px) {*/
/*.schedule-table .schedule-colum:last-child{*/
/*padding-right: 7.5px !important;*/
/*padding-left: 25px !important;*/
/*}*/
/*.schedule-table .schedule-colum:first-child{*/
/*padding-right: 25px !important;*/
/*padding-left: 7.5px !important;*/
/*}*/
/*.schedule-colum{*/
/*padding-left: 25px !important;*/
/*padding-right: 25px !important;*/
/*}*/
/*}*/
/*end responsive schedule table*/
/*Career Navigation*/
.position-aplied-chart circle {
  fill-opacity: 1;
  r: 10;
}
.view-upcoming {
  color: var(--cc-primary, #2A478B);
}
.circle-view {
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
  padding: 2px 5px;
  border-radius: 50%;
  background-color: var(--cc-border-input-idle, #bfbfbf);
}
.text-chart p {
  font-size: 18px;
  font-weight: 500;
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
}
.text-chart {
  height: 100%;
}
.display-table {
  display: table;
}
.table-cell {
  display: table-cell;
  vertical-align: middle;
}
.table-cell-top {
  display: table-cell;
  vertical-align: top;
}
.circle-table {
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
  padding: 2px 5px;
  border-radius: 50%;
  background-color: var(--cc-border-input-idle, #bfbfbf);
}
.table-label-overdue {
  font-size: 14px;
  padding: 1px 3px;
  color: var(--cc-surface, #ffffff);
  background-color: var(--cc-warning, #D4A72C);
}
.table-label-success {
  font-size: 14px;
  padding: 1px 3px;
  color: var(--cc-surface, #ffffff);
  background-color: var(--cc-success, #2E9B72);
}
.table-label-expired {
  font-size: 14px;
  padding: 1px 3px;
  color: var(--cc-surface, #ffffff);
  background-color: var(--cc-danger, #B4443C);
}
.table td.vertical-middle {
  vertical-align: middle;
}
.check-success {
  color: var(--cc-success, #2E9B72);
  font-size: 18px;
}
.link-table-go {
  color: var(--cc-text-muted-strong, #797979);
}
.link-table-go:hover,
.link-table-go:focus {
  color: var(--cc-primary, #2A478B);
}
.year-applied {
  font-size: 22px;
}
.year-applied .mdi {
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
}
.year-applied .mdi:hover,
.year-applied .mdi:focus {
  color: var(--cc-primary, #2A478B);
}
.leyend-chart {
  font-size: 14px;
}
#morris-line-chart svg {
  cursor: pointer;
}
.p-l-15-7 {
  padding-left: 15px;
}
.p-r-15-7 {
  padding-right: 15px;
}
.z-index-1000 {
  z-index: 1000;
}
@media (max-width: 992px) {
  .p-l-15-7 {
    padding-left: 7.5px;
  }
  .p-r-15-7 {
    padding-right: 7.5px;
  }
}
.table-row {
  height: 35px;
}
.title-position {
  color: var(--cc-legacy-rgba-0eb9fe0e6bee0a, rgba(0, 0, 0, 0.5));
  line-height: 22px;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 2px solid var(--cc-primary, #2A478B);
  display: inline-block;
  padding-bottom: 10px;
}
/*End Career Navigation*/
/*dashboard career*/
.white-box-border {
  border: 1px solid var(--cc-border-default, #dddddd);
}
.btn-small {
  font-size: 12px;
  padding: 0.3rem 0.8rem 0.1rem;
}
.btn-next-back {
  padding-top: 5px;
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  background-color: var(--cc-surface-muted, #fafafa);
}
.btn-next-back:hover {
  background-color: var(--cc-surface-row-hover, #f5f5f5);
}
.comment-center .mail-contnet .mail-desc {
  height: auto;
}
.pending-career-navigation .comment-body img {
  padding: 2px;
  border: 2px solid var(--cc-warning, #D4A72C);
}
.completed-career-navigation .comment-body img {
  padding: 2px;
  border: 2px solid var(--cc-success, #2E9B72);
}
.completed-career-navigation,
.pending-career-navigation {
  padding: 25px 25px 0 25px;
}
.comment-center-career {
  height: 434px;
  max-height: 434px;
  overflow-y: auto;
  overflow-x: hidden;
}
/*End dashboard career*/
.notification-no-read {
  border-left: 2px solid var(--cc-primary, #2A478B);
}
.asterisk {
  color: var(--cc-legacy-e1313c, #e1313c);
}
.btn-clear-sign {
  position: relative;
  float: right;
  padding: 0.5rem 1rem;
  top: 35px;
  right: 3px;
}
.signature-field {
  border: 2px dotted var(--cc-legacy-cbcbcb, #cbcbcb);
  background-color: var(--cc-legacy-rgba-5b8baea21f29c2, rgba(251, 251, 251, 0.99));
}
.signature-field canvas {
  height: 215px !important;
}
.iradio_square-blue.checked.disabled {
  background-position: -168px 0;
}
.iradio_square-red.checked.disabled {
  background-position: -168px 0;
}
.iradio_square-green.checked.disabled {
  background-position: -168px 0;
}
.icheckbox_square-blue.checked.disabled {
  background-position: -48px 0;
}
.icheckbox_square-red.checked.disabled {
  background-position: -48px 0;
}
.icheckbox_square-green.checked.disabled {
  background-position: -48px 0;
}
.irs-disabled {
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: var(--cc-surface, #ffffff);
}
select[readonly] {
  color: var(--cc-primary, #2A478B);
  font-weight: 500;
}
select[readonly] option {
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
  font-weight: 300;
}
select[readonly] option[selected] {
  color: var(--cc-primary, #2A478B);
  font-weight: 500;
}
.sub-title {
  margin: 0 0 12px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  color: var(--cc-text-strong, #2b2b2b);
}
.border-comment-decisions {
  border-bottom: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
.border-comment-decisions:last-child {
  border-bottom: 1px solid var(--cc-primary, #2A478B);
}
.decisions-recognition .border-comment-decisions:last-child {
  border-bottom: none !important;
}
.last-b-b-0:last-child {
  border-bottom: none !important;
}
.comment-center .mail-contnet .mail-desc {
  height: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-word;
  text-align: left;
}
.border-comment-decisions .comment-body {
  border-bottom: none !important;
}
.twi-user {
  margin: 0;
}
.user-data .img-user {
  position: relative;
}
.user-data .fa-stack {
  position: absolute;
  top: 4px;
  left: 5px;
}
.user-data .candidate-flag {
  position: absolute;
  top: 120px;
  left: 5px;
}
.btn-success {
  color: var(--cc-surface, #ffffff);
}
.btn-info {
  color: var(--cc-surface, #ffffff);
  background: var(--cc-primary, #2A478B);
  border: 1px solid var(--cc-primary, #2A478B);
}
.btn-info:focus {
  color: var(--cc-surface, #ffffff);
  background: var(--cc-primary, #2A478B);
  opacity: 0.8;
  border: 1px solid var(--cc-primary, #2A478B);
  box-shadow: none;
}
.btn-info.disabled,
.btn-info:disabled {
  background: var(--cc-primary, #2A478B);
  border: 1px solid var(--cc-primary, #2A478B);
}
.modal-body,
.modal-footer {
  padding: 16px 20px;
}
.spinner-center {
  position: absolute;
  margin-top: 40%;
  margin-left: 49%;
}
.employee-details-icon {
  color: var(--cc-legacy-bootstrap-primary, #337ab7);
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}
.ribbon-default {
  background: var(--cc-border-input-idle, #bfbfbf) !important;
}
.evaluation-skill-details p {
  float: left;
  margin-right: 10px;
}
.link-action {
  color: var(--cc-text-muted-strong, #797979);
}
.link-action:hover {
  color: var(--cc-legacy-bootstrap-primary, #337ab7);
}
.img-select2 {
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.select2-selection--multiple .img-select2 {
  width: 16px;
  height: 16px;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 1px solid var(--cc-light, #e4e7ea);
}
.select2-container--default .select2-selection--single:focus {
  border-color: var(--cc-primary, #2A478B);
}
.select2-container--open .select2-selection,
.select2-container--focus .select2-selection,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--cc-primary, #2A478B);
}
.select2-container {
  width: 100% !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.select2-container--default .select2-selection--single {
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
}
.select2-html .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: auto;
  top: 50%;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 6px;
}
.select2-container .select2-selection--single {
  height: 39px;
  max-width: 100%;
  padding: 6px 12px;
  border-radius: var(--cc-radius-md, 8px);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 4px;
}
.select2-html .select2-container .select2-selection--single {
  height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 25px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  margin-top: 2px;
}
.select2-search input,
.select2-selection--multiple {
  background: var(--cc-surface, #ffffff) url('../../images/app/select2.png') no-repeat 100% 6px;
}
.select2-selection--multiple {
  background: var(--cc-surface, #ffffff) url('../../images/app/select2.png') no-repeat 100% 10px;
}
.select2-selection--multiple {
  min-height: 38px !important;
  max-width: 100%;
}
.select2-container--default .select2-selection--multiple {
  border-radius: var(--cc-radius-md, 8px);
}
.select2-container--default.select2-container--open .select2-selection--multiple {
  border-radius: var(--cc-radius-md, 8px) var(--cc-radius-md, 8px) 0 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background: var(--cc-surface, #ffffff) !important;
}
.select-form .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background: var(--cc-legacy-rgba-130ed7ce657b58, rgba(228, 228, 228, 0.51)) url('../../images/app/select2.png') no-repeat 100% 10px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 18px 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--cc-legacy-rgba-130ed7ce657b58, rgba(228, 228, 228, 0.51));
  border: 1px solid var(--cc-legacy-rgba-e6c78bfdcd2858, rgba(170, 170, 170, 0.59));
}
.select2-dropdown {
  border-bottom: 1px solid var(--cc-primary, #2A478B);
  border-right: 1px solid var(--cc-primary, #2A478B);
  border-left: 1px solid var(--cc-primary, #2A478B);
}
.jsgrid-invalid .select2-selection {
  background: var(--cc-legacy-ffe3e5, #ffe3e5);
  border: 1px solid var(--cc-legacy-ff808a, #ff808a) !important;
}
.label {
  padding: 0.4em 0.4em;
}
.label-default,
.color-default {
  color: var(--cc-text, #686868);
}
/* iCheck square-blue: CSS skin (replaces PNG sprites — border-radius + primary color) */
.icheckbox_square-blue,
.iradio_square-blue {
  position: relative;
  width: 22px;
  height: 22px;
  background: none !important;
  background-color: var(--cc-surface, #ffffff) !important;
  background-image: none !important;
  border: 2px solid var(--cc-border-input-idle, #bfbfbf);
  border-radius: var(--cc-radius-sm, 6px);
  box-sizing: border-box;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.icheckbox_square-blue.hover,
.iradio_square-blue.hover {
  border-color: var(--cc-border-strong, #cccccc);
  background-position: 0 0 !important;
}
.icheckbox_square-blue.checked,
.iradio_square-blue.checked {
  background-color: var(--cc-primary, #2A478B) !important;
  border-color: var(--cc-primary, #2A478B) !important;
  background-position: 0 0 !important;
}
.icheckbox_square-blue.disabled,
.iradio_square-blue.disabled {
  opacity: 0.65;
  cursor: default;
  background-position: 0 0 !important;
}
.icheckbox_square-blue.checked.disabled,
.iradio_square-blue.checked.disabled {
  background-color: var(--cc-primary, #2A478B) !important;
  border-color: var(--cc-primary, #2A478B) !important;
  opacity: 0.65;
  background-position: 0 0 !important;
}
.icheckbox_square-blue.checked::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid var(--cc-on-primary, #ffffff);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.iradio_square-blue {
  border-radius: 50%;
}
.iradio_square-blue.checked::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 50%;
  background: var(--cc-on-primary, #ffffff);
}
@media (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .icheckbox_square-blue,
  .iradio_square-blue {
    background-image: none !important;
  }
}
.review-content .bar-text {
  margin-bottom: 5px;
}
.a-white,
.a-white:visited,
.a-white:focus {
  color: var(--cc-surface, #ffffff) !important;
}
.a-white:hover {
  color: var(--cc-divider-soft, #eeeeee);
}
.a-666 {
  color: var(--cc-text-body-mid, #666666);
}
.panel-body-205 .panel-body {
  height: 205px;
}
.panel-body-310 .panel-body {
  height: 310px;
  overflow-y: auto;
}
.panel-body-537 .panel-body {
  height: 537px;
  overflow-y: auto;
}
.min-panel-body-310 .panel-body {
  min-height: 310px;
}
.max-height-600 {
  max-height: 600px;
  overflow-y: auto;
}
table.no-border-first-tr tr:first-child td {
  border-top: none;
}
.checkbox-m-t-10 label::before,
.checkbox-m-t-10 input[type=checkbox],
.checkbox-m-t-10 input[type=checkbox]:checked + label::before,
.checkbox-m-t-10 input[type=checkbox]:checked + label::after {
  margin-top: 10px;
}
.checkbox-table label::before {
  border: 1px solid var(--cc-primary, #2A478B);
}
/*background yellow*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px var(--cc-surface, #ffffff) inset !important;
}
input:-webkit-autofill {
  -webkit-text-fill-color: var(--cc-text, #686868) !important;
}
.login-register {
  height: 100%;
  position: fixed;
  overflow: auto;
}
.login-register-cruise-control1 {
  background: url(./login-images/cc-cruise-sailing-1.jpg) center center / cover no-repeat !important;
}
.login-register-cruise-control2 {
  background: url(./login-images/cc-cruise-sailing-2.jpg) center center / cover no-repeat !important;
}
.choose-company-box {
  width: 500px;
}
@media (max-width: 480px) {
  .choose-company-box {
    width: 100%;
  }
}
.login-screen .form-material .form-control,
.login-screen .form-material .form-control.focus,
.login-screen .form-material .form-control:focus {
  background-image: linear-gradient(var(--cc-primary, #2A478B), var(--cc-primary, #2A478B)) !important;
  border-bottom: solid 1px var(--cc-border, rgba(120, 130, 140, 0.13));
}
.checkbox-primary input[type=checkbox]:checked + label::before {
  background-color: var(--cc-primary, #2A478B);
  border-color: var(--cc-primary, #2A478B);
}
.logo-login {
  width: 130px;
  height: auto;
}
.logo-login-up {
  width: 30px;
  height: auto;
}
.card-login-company {
  padding-top: 10px;
  margin-bottom: 20px;
  text-align: center;
}
.card-login-company:hover {
  background-color: var(--cc-surface-muted, #fafafa);
}
.card-login-company .logo-login-company {
  width: 80px;
  height: auto;
}
.margin-logo-up {
  margin-top: -13px;
}
.footer-login {
  color: var(--cc-surface, #ffffff);
  font-weight: bold;
  background: transparent;
}
.footer-login a {
  color: var(--cc-surface, #ffffff);
}
.footer-login a:hover,
.footer-login a:focus {
  color: var(--cc-text-disabled-pale, #dcdcdc);
}
.image_picker_selector .image_picker_image {
  width: 80px;
}
ul.thumbnails.image_picker_selector li .thumbnail.selected {
  background: var(--cc-primary, #2A478B);
}
ul.thumbnails.image_picker_selector li .thumbnail {
  padding: 3px;
  border-radius: 0;
}
.image-picker-vertical .image_picker_selector .image_picker_image {
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .image-picker-vertical .thumbnails li {
    width: 28%;
  }
  .image-picker-vertical .thumbnails li {
    width: 28%;
  }
}
.image-picker-vertical .thumbnail {
  margin-bottom: 0;
}
#preview-template {
  border: 1px solid var(--cc-border-default, #dddddd);
}
.user-permissions-btn {
  position: absolute;
  top: 50px;
  left: 65px;
  font-size: 12px;
  /*border: 1px solid var(--cc-legacy-bootstrap-primary, @cc-legacy-bootstrap-primary);*/
  padding: 2px 6px !important;
  color: var(--cc-surface, #ffffff);
  background-color: var(--cc-primary, #2A478B);
}
.user-permissions-top-btn {
  top: 5px;
}
.remove-btn {
  background-color: var(--cc-danger, #B4443C);
}
.remove-btn:hover {
  background-color: var(--cc-legacy-dc3545, #dc3545);
  color: var(--cc-surface, #ffffff);
}
#companies-permissions .collapse-content,
#ships-departments .collapse-content {
  margin-top: 25px!important;
  margin-bottom: 5px;
  position: relative!important;
  border-radius: 0!important;
  color: var(--cc-legacy-373737, #373737);
  border-bottom: 1px solid var(--cc-primary, #2A478B) !important;
  font-size: 16px;
}
#companies-permissions .collapse-content i,
#ships-departments .collapse-content i {
  color: var(--cc-legacy-828181, #828181);
}
.gj-checkbox-md input[type=checkbox]:checked + span {
  border: 2px solid var(--cc-primary, #2A478B);
}
.gj-checkbox-md input[type=checkbox]:checked + span:after {
  background-color: var(--cc-primary, #2A478B);
}
.datepicker {
  text-align: center;
}
.datepicker table tr td {
  cursor: pointer;
}
.datepicker table tr td.active,
.datepicker table tr td.range-start,
.datepicker table tr td.range-end,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background: var(--cc-primary, #2A478B) !important;
  color: var(--cc-surface, #ffffff);
}
.datepicker table tr td.range {
  background: var(--cc-legacy-ebebeb, #ebebeb);
}
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background: var(--cc-accent-blue-bright, #0878f3);
  color: var(--cc-surface, #ffffff);
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
  background-color: var(--cc-accent-blue-bright, #0878f3);
  color: var(--cc-surface, #ffffff);
}
.cursor-text {
  cursor: text !important;
}
.picture-picker-body {
  height: 350px;
  overflow-y: auto;
}
.show-password,
.clear-input {
  border: none;
  position: relative;
  float: right;
  top: -34px;
  color: var(--cc-legacy-rgba-0b22b597ff79ba, rgba(105, 114, 124, 0.52));
  cursor: pointer;
}
.qa-question-input-wrapper.date-range-picker {
  position: relative;
}
.date-range-picker .clear-input {
  border: none;
  position: absolute;
  top: 4px;
  right: 0;
  color: var(--cc-legacy-rgba-0b22b597ff79ba, rgba(105, 114, 124, 0.52));
  cursor: pointer;
}
.qa-question-input-wrapper.date-range-picker span.clear-input:hover {
  color: var(--cc-accent-blue-bright, #0878f3);
}
.has-error .form-control:focus ~ label,
.has-error .form-control:valid ~ label {
  color: var(--cc-palette-red-pure, #ff0000);
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: var(--cc-palette-red-pure, #ff0000);
}
.has-error .form-control {
  border-bottom: 1px solid red;
  border-color: red;
}
.has-error .form-control {
  border-color: var(--cc-palette-red-pure, #ff0000);
}
/*right side bar*/
.left-sidebar {
  left: -340px;
  width: 340px;
  background: var(--cc-surface, #ffffff);
}
.shw-rside {
  right: 0;
  width: 400px;
  display: block;
}
@media only screen and (max-width: 480px) {
  .shw-rside {
    width: 100%;
  }
}
/*left side bar*/
.left-sidebar {
  position: fixed;
  left: -340px;
  width: 340px;
  display: none;
  z-index: 1005;
  background: var(--cc-surface, #ffffff);
  top: 0;
  height: 100%;
  box-shadow: 5px 1px 40px var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1));
  transition: all 0.3s ease;
}
.right-sidebar {
  z-index: 1005;
}
.search-employees-sidebar,
.newsletter-sidebar,
.manual-sidebar {
  position: fixed;
  right: -240px;
  width: 240px;
  display: none;
  z-index: 2005;
  background: var(--cc-surface, #ffffff);
  top: 0;
  height: 100%;
  box-shadow: 5px 1px 40px var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1));
  transition: all 0.3s ease;
}
.search-employees-sidebar.shw-rside,
.newsletter-sidebar.shw-rside,
.manual-sidebar.shw-rside {
  right: 0;
  width: 400px ;
  display: block;
}
.search-employees-sidebar .rpanel-title,
.newsletter-sidebar .rpanel-title,
.manual-sidebar .rpanel-title {
  background: var(--cc-primary, #2A478B);
  display: block;
  padding: 21px;
  color: var(--cc-surface, #ffffff);
  text-transform: uppercase;
  font-size: 13px;
}
.search-employees-sidebar .r-panel-body {
  padding: 20px;
}
.search-employees-sidebar .r-panel-body ul,
.newsletter-sidebar .r-panel-body ul,
.manual-sidebar .r-panel-body ul {
  padding-left: 0px;
}
.search-employees-sidebar .r-panel-body ul li.title {
  padding: 15px 0 15px 15px;
}
.search-employees-sidebar .r-panel-body ul li {
  padding: 0;
}
.newsletter-sidebar .rpanel-title .ti-close,
.manual-sidebar .rpanel-title .ti-close {
  margin-right: -15px;
  padding: 20px;
}
.left-sidebar .rpanel-title {
  display: block;
  padding: 21px;
  color: var(--cc-surface, #ffffff);
  text-transform: uppercase;
  font-size: 13px;
  background: var(--cc-legacy-ff6849, #ff6849);
}
.left-sidebar .rpanel-title span {
  float: right;
  cursor: pointer;
  font-size: 11px;
}
.left-sidebar .rpanel-title span:hover {
  color: var(--cc-text-strong, #2b2b2b);
}
.left-sidebar .r-panel-body {
  padding: 20px;
}
.left-sidebar .r-panel-body ul {
  margin: 0;
  padding: 0;
}
.left-sidebar .r-panel-body ul li {
  list-style: none;
  padding: 5px 0;
}
@media only screen and (max-width: 480px) {
  .shw-rside {
    width: 100% !important;
  }
}
.comment-action span {
  float: right;
  margin-right: 10px;
}
.shw-lside {
  left: 0;
  width: 430px;
  display: block;
}
@media only screen and (max-width: 480px) {
  .shw-lside {
    width: 100%;
  }
}
.left-sidebar .rpanel-title {
  background: var(--cc-primary, #2A478B);
}
/*end left side bar*/
.mailbox {
  width: 340px;
}
.navbar-header .search-mobile {
  float: left;
  color: var(--cc-surface, #ffffff) !important;
  padding: 0;
  line-height: 60px;
  min-height: 60px;
  border: 0;
  color: var(--cc-legacy-rgba-5c615864d3d4f8, rgba(255, 255, 255, 0.5));
  margin: 0;
  display: inline-block;
  border-radius: 0;
}
.navbar-header .navbar-toggle {
  padding: 0 12px;
  color: var(--cc-surface, #ffffff) !important;
}
.navbar-header .search-mobile:focus,
.navbar-header .search-mobile:hover {
  background: var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1));
  color: var(--cc-surface, #ffffff);
}
.navbar-header .navbar-toggle {
  color: var(--cc-surface, #ffffff) !important;
}
.navbar-header .navbar-toggle:focus,
.navbar-header .navbar-toggle:hover {
  background: var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1));
  color: var(--cc-surface, #ffffff);
}
@media only screen and (min-width: 768px) {
  .company-home {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 860px) {
  .company-home {
    margin-top: 15px;
  }
}
.notification .icon {
  float: left;
  margin-right: 5px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
}
.notification .icon i {
  color: var(--cc-surface, #ffffff);
  line-height: 30px;
  font-size: 16px;
}
.notification a.unread {
  background: var(--cc-legacy-f2f5f7, #f2f5f7);
}
.message-center .mail-contnet .mail-desc {
  margin: 0;
}
.message-center a {
  padding: 15px 15px;
}
.right-sidebar .r-panel-body {
  padding: 0;
}
.right-sidebar .r-panel-body ul li.title {
  padding: 15px 0 15px 15px;
}
.right-sidebar .r-panel-body ul li {
  padding: 0;
}
.message-center a:hover {
  background: var(--cc-extra-light, #f7fafc);
}
@media (min-width: 576px) {
  .navbar-right .mailbox {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-tasks {
    left: auto;
    right: 0;
  }
}
@media (max-width: 576px) {
  .navbar-right .mailbox {
    left: auto;
    right: -98px;
  }
  .navbar-right .dropdown-tasks {
    left: auto;
    right: -61px;
  }
}
.profile-name {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*.img-text-user{*/
/*display: block;*/
/*padding: 4px;*/
/*}*/
.list-added-skills,
.list-added-competences {
  height: 535px;
  max-height: 535px;
  overflow-y: auto;
}
.customtab.nav-tabs .nav-link.active,
.customtab.nav-tabs .nav-link.active:focus,
.customtab.nav-tabs .nav-link:hover {
  border-bottom: 2px solid var(--cc-primary, #2A478B);
  color: var(--cc-primary, #2A478B);
}
.nav-shortcut {
  margin-top: 10px;
  /*margin-right: 20px;*/
}
.nav-shortcut > li {
  display: inline-block;
  list-style: none;
}
.nav-shortcut > li a {
  margin: 0px 4px;
  border: 1px solid var(--cc-legacy-rgba-4b2720a7acebef, rgba(84, 102, 122, 0.47));
  padding: 5px 10px;
  color: var(--cc-legacy-rgba-00e723464ccf47, rgba(84, 102, 122, 0.77));
}
.nav-shortcut > li a:hover {
  color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-primary, #2A478B);
  background-color: var(--cc-primary, #2A478B);
  cursor: pointer;
}
.group-form .form-control {
  border-right: 0;
}
.group-form .form-control:hover {
  border-right: 0;
}
.group-form .input-group-addon {
  background-color: var(--cc-surface, #ffffff);
  border-right: 1px solid var(--cc-light, #e4e7ea);
  border-top: 1px solid var(--cc-light, #e4e7ea);
  border-bottom: 1px solid var(--cc-light, #e4e7ea);
  border-left: 0;
  border-radius: 0 ;
  transition: all 300ms linear 0s;
  padding-top: 9px;
  padding-left: 2px;
}
.group-form .form-control {
  padding-right: 0px;
}
.group-form .form-control:focus + .input-group-addon {
  border-color: var(--cc-primary, #2A478B);
}
ul.colorpicker {
  display: block;
}
ul.colorpicker li {
  display: inline-block;
}
ul.colorpicker li:first-child {
  display: block;
}
.colorpicker li a {
  width: 38px;
  height: 38px;
  display: inline-block;
  margin: 8px;
  color: transparent;
  position: relative;
}
.colorpicker li a.selected:before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 38px;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--cc-surface, #ffffff);
  text-align: center;
}
#themecolors li a,
.colorpicker li a {
  margin-left: 0;
}
.thumb-number {
  border: 1px solid var(--cc-light, #e4e7ea);
  padding-top: 15px;
  color: var(--cc-text-body-dense, #565656);
  font-size: 60px;
}
thead .backgroud-filled {
  background-color: var(--cc-extra-light, #f7fafc) !important;
}
.app-search .refresh-btn {
  right: 27px;
  font-size: 11px;
  margin-top: 3px;
}
.filter-search {
  position: relative;
  margin: 0;
}
.filter-search a {
  position: absolute;
  top: 9px;
  right: 10px;
  color: var(--cc-inverse, #4c5667);
}
.filter-search .refresh-btn {
  right: 27px;
  font-size: 11px;
  margin-top: 3px;
}
.filter-search input {
  padding-right: 25px;
}
.button-link-icon {
  cursor: pointer;
}
/*Tooltip Bootstrap 3*/
.tooltip.bottom {
  padding: 0.4rem 0;
}
.bottom .tooltip-arrow,
.bottom .tooltip-arrow {
  top: 0;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip-arrow {
  float: right;
  line-height: 1.42857;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bottom .tooltip-arrow::before,
.bottom .tooltip-arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: var(--cc-rich-black, #000000);
}
/*End Tooltip Bootstrap 3*/
.add-workflow-recognition {
  padding-top: 10px;
}
@media only screen and (max-width: 768px) {
  .add-workflow-recognition {
    padding-top: 0px;
    padding-bottom: 5px;
  }
}
.target-score .input-group > .form-control {
  width: 47px !important;
  max-width: 47px !important;
}
.target-score .input-group-addon {
  padding: 8px 5px;
}
.target-score .bootstrap-touchspin-down,
.target-score .bootstrap-touchspin-up {
  height: 38px;
  width: 35px;
}
.bootstrap-touchspin-postfix {
  height: 38px;
  background-color: var(--cc-bootstrap-gray-200, #eceeef);
}
.padding-l-0-r-10 {
  padding: 0 10px 0 0;
}
.padding-r-0-l-10 {
  padding: 0 0 0 10px;
}
@media only screen and (max-width: 992px) {
  .padding-l-0-r-10 {
    padding: 0;
  }
  .padding-r-0-l-10 {
    padding: 0;
  }
}
.text-area-default {
  min-height: 40px;
  max-height: 400px;
}
.thin-steps-numbered-bg .column-step.active .step-number {
  color: var(--cc-primary-tint-pale, #b0e1f7);
}
.preloader .text-preloader {
  position: absolute;
  top: calc(55% - 3.5px);
  text-align: center;
  width: 100%;
  margin-left: 15px;
}
/*Timeline*/
.timeline {
  position: relative;
  padding: 20px 0;
  list-style: none;
  /*max-width: 1200px;*/
  margin: 0 auto;
}
.timeline > li {
  position: relative;
  margin-bottom: 20px;
}
.timeline > li > .timeline-panel {
  float: left;
  position: relative;
  width: 46%;
  padding: 20px;
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  border-radius: 0;
  box-shadow: 0 1px 6px var(--cc-legacy-rgba-bc76b2532d2444, rgba(0, 0, 0, 0.05));
}
.timeline:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  margin-left: -1.5px;
  background-color: var(--cc-divider-soft, #eeeeee);
}
.timeline > li:after,
.timeline > li:before {
  content: " ";
  display: table;
}
.timeline > li > .timeline-badge {
  z-index: 100;
  position: absolute;
  top: 16px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  border-radius: 50%;
  text-align: center;
  font-size: 1.4em;
  line-height: 50px;
  color: var(--cc-surface, #ffffff);
  overflow: hidden;
  background-color: var(--cc-inverse, #4c5667);
}
.timeline-badge.success {
  background-color: var(--cc-success, #2E9B72) !important;
}
.timeline-badge.warning {
  background-color: var(--cc-warning, #D4A72C) !important;
}
.timeline-badge.danger {
  background-color: var(--cc-danger, #B4443C) !important;
}
.timeline-badge.purple {
  background-color: var(--cc-purple, #6B4FA3) !important;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:after,
.timeline > li:before {
  content: " ";
  display: table;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -8px;
  border-right-width: 8px;
  border-left-width: 0;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -7px;
  border-right-width: 7px;
  border-left-width: 0;
}
.timeline > li > .timeline-panel:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 26px;
  right: -8px;
  border-top: 8px solid transparent;
  border-right: 0 solid var(--cc-border, rgba(120, 130, 140, 0.13));
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
.timeline > li > .timeline-panel:after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 31px;
  right: -7px;
  border-top: 7px solid transparent;
  border-right: 0 solid var(--cc-surface, #ffffff);
  border-bottom: 7px solid transparent;
  border-left: 7px solid var(--cc-surface, #ffffff);
}
ul.timeline > li > .timeline-panel .btn-close-action {
  position: absolute;
  right: 0px;
  top: -1px;
  padding: 2px 4px 2px 5px;
  color: var(--cc-legacy-rgba-17bf2102087bd8, rgba(0, 0, 0, 0.4));
  font-size: 10px;
  background: var(--cc-border, rgba(120, 130, 140, 0.13));
}
ul.timeline > li > .timeline-panel .btn-close-action:hover {
  background: var(--cc-legacy-rgba-59eedb7b4e43c7, rgba(204, 204, 204, 0.63));
}
ul.timeline > li > .timeline-panel.panel-overdue .btn-close-action {
  color: var(--cc-surface, #ffffff);
  background: var(--cc-legacy-rgba-58db50ed03b0a1, #fb9678);
}
ul.timeline > li > .timeline-panel.panel-overdue .btn-close-action:hover {
  background: var(--cc-legacy-rgba-991be1d24e1c45, #ec8a75);
}
ul.timeline > li > .timeline-panel {
  float: right;
}
ul.timeline > li > .timeline-panel {
  width: calc(100% - 70px);
}
ul.timeline > li > .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}
ul.timeline:before {
  left: 25px;
}
ul.timeline-empty:before {
  display: none;
}
ul.timeline > li > .timeline-badge {
  top: 16px;
  left: 0;
  margin-left: 0;
}
ul.timeline > li > .timeline-panel:after {
  right: auto;
  left: -13px;
  border-right-width: 14px;
  border-left-width: 0;
}
ul.timeline .timeline-panel .user-icon {
  border-radius: 31px;
  overflow: hidden;
  padding: 8px;
  background-color: var(--cc-blue-cyan, #168D9A);
  font-size: 34px;
  margin-top: 4px;
  margin-right: 10px;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -7px;
  border-right-width: 7px;
  border-left-width: 0;
}
ul.timeline > li > .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}
.timeline-container {
  width: 100%;
  height: 745px;
  max-height: 750px;
  overflow-y: auto;
  overflow-x: hidden;
}
.timeline-title {
  margin: 0 0 12px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .timeline-title {
    margin: 0 0 5px;
  }
}
.timeline-panel a,
.timeline-panel a:active,
.timeline-panel a:focus,
.timeline-panel a:hover {
  color: var(--cc-text, #686868);
}
ul.timeline > li > .timeline-badge.background-blue-career {
  background-color: var(--cc-primary, #2A478B);
}
.timeline-pending-career-navigation .fb-inbox-item-img img {
  padding: 2px;
  border: 2px solid var(--cc-warning, #D4A72C);
}
.timeline-completed-career-navigation .fb-inbox-item-img img {
  padding: 2px;
  border: 2px solid var(--cc-success, #2E9B72);
}
.btn-action {
  width: 150px;
}
.timeline-heading .text-danger {
  color: var(--cc-danger, #B4443C) !important;
}
.timeline > li > .timeline-panel.panel-overdue {
  border: 1px solid var(--cc-legacy-rgba-58db50ed03b0a1, #fb9678);
}
.timeline > li > .timeline-panel:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 30px;
  right: -8px;
  border-top: 8px solid transparent;
  border-right: 0 solid var(--cc-border, rgba(120, 130, 140, 0.13));
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
.timeline > li > .timeline-panel.panel-overdue:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 30px;
  right: -8px;
  border-top: 8px solid transparent;
  border-right: 0 solid var(--cc-legacy-rgba-58db50ed03b0a1, #fb9678);
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--cc-legacy-rgba-58db50ed03b0a1, #fb9678);
}
.timeline > li > .timeline-panel.panel-overdue:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}
ul.timeline {
  padding-right: 10px;
}
/*End timeline*/
.modal > .select2-container.select2-container--default.select2-container--open {
  position: fixed !important;
}
.no-pending-action {
  opacity: 0.4;
  margin-top: 80px;
}
.img-no-pending-action {
  max-width: 100%;
  max-height: 400px;
  width: auto;
}
.no-data-to-show {
  margin-top: 30px;
  opacity: 0.4;
}
.no-data-to-show img {
  width: 200px;
  height: auto;
}
@media only screen and (max-width: 992px) {
  .no-pending-action {
    margin-top: 0;
  }
}
.authors-link,
.footer-dropdown {
  color: var(--cc-legacy-58666e, #58666e);
}
.authors-list {
  list-style: none;
  padding-left: 0;
}
.authors-list > li {
  margin-bottom: 10px;
}
.logo-freepik {
  height: 50px;
  width: auto;
}
.left-sidebar .rpanel-title .ti-close,
.right-sidebar .rpanel-title .ti-close,
.search-employees-sidebar .rpanel-title .ti-close {
  margin-right: -15px;
  padding: 20px;
}
.no-to-show {
  color: var(--cc-border-input-idle, #bfbfbf);
}
.no-to-show-text {
  font-size: 14px;
  font-family: Poppins, sans-serif;
}
.text-policy p {
  -ms-word-break: break-word;
  word-break: break-word;
  /* only WebKit */
  /* dash to separate into syllables */
  /*  It depends on lang in <html>      */
  hyphens: auto;
}
[data-custom-class=heading_1],
[data-custom-class=heading_2] {
  color: var(--cc-text, #686868) !important;
}
.policy-login {
  font-size: 10px;
}
.modal-header .btn-small {
  padding-top: 5px !important;
  padding-bottom: 2px !important;
  margin-top: -3px;
}
.div-backgroud-filled {
  background: var(--cc-legacy-rgba-2ff02d72ad437f, rgba(204, 204, 204, 0.14));
  border: 1px solid var(--cc-legacy-rgba-d5873ea4748a83, rgba(204, 204, 204, 0.28));
  padding: 10px;
}
.no-rule-error.div-backgroud-filled {
  border: 1px solid red;
}
.request-sign-box {
  width: 800px;
}
@media (max-width: 800px) {
  .request-sign-box {
    width: 100%;
  }
}
.overflow-visible {
  overflow: visible;
}
.overflow-unset {
  overflow: unset;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-initial {
  overflow: initial !important;
}
.table > tbody > tr > td.column-thin,
.table > tbody > tr > th.column-thin,
.table > tfoot > tr > td.column-thin,
.table > tfoot > tr > th.column-thin,
.table > thead > tr > td.column-thin,
.table > thead > tr > th.column-thin {
  padding: 15px 0 !important;
  width: 3px;
}
/*sortable list*/
.hierachy ul,
.hierachy li,
#sortableListsBase li {
  list-style-type: none;
  color: var(--cc-text-muted-strong, #797979);
  font-size: 14px;
  /*border:1px solid var(--cc-text-body-deep, @cc-text-body-deep);*/
}
.hierachy .fa.fa-plus,
.hierachy-list .fa.fa-plus {
  color: var(--cc-success, #2E9B72);
  cursor: pointer;
}
.hierachy .fa.fa-minus,
.hierachy-list .fa.fa-minus {
  color: var(--cc-danger, #B4443C);
  cursor: pointer;
}
.hierachy-move-left {
  float: right;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: -33px;
  margin-left: 10px;
  font-size: 1.1em;
}
.hierachy-move-left.hierarchy-position-left {
  margin-right: -80px;
}
.hierachy-move-left a {
  color: var(--cc-legacy-696969, #696969);
  padding: 0 10px;
}
.hierachy-move-left a.ti-angle-double-right:hover {
  color: var(--cc-primary, #2A478B);
  padding: 0 10px;
}
.hierachy ul,
.sTree {
  padding: 0;
  /*background-color:var(--cc-legacy-151515, @cc-legacy-151515);*/
}
.sTree li.sorteable-position-item,
ul#sortableListsBase li {
  padding-left: 35px;
  margin: 5px 0;
  cursor: move;
  /*border:1px solid var(--cc-text-body-deep, @cc-text-body-deep);*/
  /*background-color:var(--cc-text-body-deep, @cc-text-body-deep);*/
}
.sTree.employee-hierarchy > li {
  padding-left: 0;
}
.hierachy li.sorteable-position-item div,
#sortableListsBase li div {
  padding: 7px 7px 7px 7px;
  background-color: var(--cc-surface-row-hover, #f5f5f5);
}
.hierachy li.sorteable-position-item div div.hierarchy-name-position-tags {
  padding: 0 75px 0 0;
}
.hierachy li.sorteable-position-item,
.hierachy ul,
.hierachy div,
#sortableListsBase li {
  border-radius: 3px;
}
.label-hierachy .section-tags {
  padding: 0;
}
.tags-save-close {
  width: 80px;
}
.hierarchy-card-container {
  display: table;
  width: 100%;
  padding: 0 !important;
}
.hierarchy-card-check {
  display: none;
  min-width: 25px;
  width: 25px;
  border: 5px solid var(--cc-surface-row-hover, #f5f5f5);
  border-right: 0;
  padding: 0 !important;
  text-align: center;
}
.hierarchy-card-check.active {
  display: table-cell;
}
.hierarchy-card-check a,
.hierarchy-card-check a:hover,
.hierarchy-card-check a:focus,
.hierarchy-card-check a:active {
  color: var(--cc-legacy-d2d2d2, #d2d2d2);
}
.hierarchy-card-check.active a,
.hierarchy-card-check.active a:hover,
.hierarchy-card-check.active a:focus,
.hierarchy-card-check.active a:active {
  color: var(--cc-success, #2E9B72);
}
.hierarchy-card-check a {
  width: 100%;
}
.hierarchy-card-check a div {
  text-align: center;
  background-color: var(--cc-surface, #ffffff) !important;
  min-width: 25px;
  width: 25px;
  height: 25px;
  max-height: 25px;
  padding: 2px 0 2px 2px !important;
}
.hierarchy-card-content {
  display: table-cell;
}
.hierarchy-card-container:hover .hierarchy-card-check {
  display: table-cell;
}
.c1 {
  color: var(--cc-legacy-b5e853, #b5e853);
}
.c2 {
  color: var(--cc-legacy-63c0f5, #63c0f5);
}
.c3 {
  color: var(--cc-legacy-f77720, #f77720);
}
.c4 {
  color: var(--cc-text-gray-888, #888888);
}
.c5 {
  color: var(--cc-legacy-666667, #666667);
}
.c6 {
  color: var(--cc-text-gray-888, #888888);
}
.bgC1,
.gray {
  background-color: var(--cc-border-strong, #cccccc);
}
.bgC2,
.yellow {
  background-color: var(--cc-legacy-ffff88, #ffff88);
}
.bgC3,
.red {
  background-color: var(--cc-legacy-ff9999, #ff9999);
}
.bgC4,
.blue {
  background-color: var(--cc-legacy-aaaaff, #aaaaff);
}
.bgC5,
.green {
  background-color: var(--cc-legacy-99ff99, #99ff99);
}
.bgC6,
.gree2 {
  background-color: var(--cc-legacy-bbffbb, #bbffbb);
}
.bgC7,
.brown {
  background-color: var(--cc-legacy-c26b2b, #c26b2b);
}
.pT20 {
  padding-top: 20px;
}
.pV10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pR {
  position: relative;
}
.t10 {
  top: 10px;
}
.dN {
  display: none;
}
.zI900 {
  z-index: 900;
}
.zI1000 {
  z-index: 1000;
}
.small1 {
  font-size: 0.8em;
}
.small2 {
  font-size: 0.7em;
}
.small3 {
  font-size: 0.6em;
}
.tAR {
  text-align: right;
}
.clear {
  clear: both;
}
/*Left list*/
.hierachy-list ul,
.hierachy-list li,
.department-hierachy ul,
.department-hierachy li {
  list-style-type: none;
  color: var(--cc-text-muted-strong, #797979);
  font-size: 14px;
}
.hierachy-list ul,
.department-hierachy ul {
  padding: 0;
}
.hierachy-list li,
.department-hierachy li {
  padding: 0;
  margin: 5px 0;
}
.hierachy-list li div,
.department-hierachy li div {
  padding: 7px 35px 7px 7px;
  background-color: var(--cc-surface-row-hover, #f5f5f5);
}
.hierachy-panel .panel-body {
  width: 100%;
  height: 745px;
  max-height: 745px;
  overflow-y: auto;
}
.manual-panel .panel-body {
  width: 100%;
  min-height: 745px;
}
.parent-hierarhy-out {
  border: 2px dashed var(--cc-warning, #D4A72C) !important;
}
.sub-list-department {
  padding-left: 35px !important;
}
.hierachy-profile-name {
  margin-bottom: -8px !important;
}
.hierachy-employee li div {
  padding: 5px 5px 5px 10px;
}
.panel-action-hierachy a {
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
  text-transform: capitalize;
  font-size: 14px ;
}
.section-tags .input-group .select2 {
  position: relative;
  flex: 1 1 auto;
  width: 1% !important;
  margin-bottom: 0;
}
.section-tags .input-group .select2-selection {
  height: 38px;
}
.section-tags .input-group .select2-search {
  padding-left: 5px;
  margin-top: 2px;
}
/*employee list*/
.list-positions,
.employee-hierarchy {
  padding: 0;
  /*background-color:var(--cc-legacy-151515, @cc-legacy-151515);*/
}
.employee-item {
  margin: 5px 0;
  cursor: move;
}
.parent-hierarhy-out .employee-item {
  margin: 0;
}
.sortableTree {
  padding-left: 35px;
}
div.label-hierachy {
  padding: 5px 15px 5px 10px;
  background-color: var(--cc-surface-row-hover, #f5f5f5);
  font-size: 14px;
}
.employee-hierarchy div,
.list-positions div {
  border-radius: 3px;
}
/*end employee list*/
.position-title-hierarchy-up,
.position-title-hierarchy {
  font-size: 14px;
}
.position-title-hierarchy-up small {
  background-color: var(--cc-divider-soft, #eeeeee);
  padding: 0 5px 0 5px;
  border-radius: 5px;
}
.tag-hierarchy {
  color: var(--cc-text, #686868);
  padding: 0px 5px;
  border-radius: 10px;
  background-color: var(--cc-surface-row-hover, #f5f5f5);
  font-size: 12px;
  font-weight: 400;
}
.employee-item .delete-employee,
.employee-item .permission-position-btn {
  color: var(--cc-text, #686868);
  font-size: 14px;
}
.sortableTree .sortable-closed {
  display: none;
}
.sortable-empty,
.sortable-loading {
  margin: 5px 0;
  border: 1px var(--cc-legacy-d5d5d5, #d5d5d5);
  border-style: dashed;
  padding: 15px 15px;
  background-color: var(--cc-surface, #ffffff);
}
.sort-placeholder-section {
  height: 42px;
  width: 100%;
  border: 1px dashed gray;
  background-color: var(--cc-surface, #ffffff);
  margin-bottom: 5px;
}
.sortable-opener-container {
  position: relative;
  width: 35px;
  max-width: 35px;
}
.sortable-opener {
  float: left;
  display: inline-block;
  font-size: 1.1em;
  position: absolute;
  top: 20px;
  left: 10px;
}
.t-35 {
  top: 35px !important;
}
.t-50 {
  top: 50px !important;
}
/*tooltip*/
.tooltip_templates {
  display: none;
}
.tooltip-content-general {
  height: 80px;
  min-height: 80px;
  max-height: 80px;
  width: 270px;
  min-width: 270px;
  overflow: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  text-align: left;
}
.tooltip-content-tags {
  padding-right: 10px;
}
.tooltipster-sidetip .tooltipster-box {
  background: var(--cc-surface, #ffffff);
  border: 2px solid var(--cc-text, #686868);
  border-radius: 0;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: var(--cc-text, #686868);
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: var(--cc-text, #686868);
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: var(--cc-text, #686868);
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: var(--cc-text, #686868);
}
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: var(--cc-surface, #ffffff);
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: var(--cc-surface, #ffffff);
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: var(--cc-surface, #ffffff);
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: var(--cc-surface, #ffffff);
}
/*end tooltip*/
.s2-to-tree.select2-container li.select2-results__option--highlighted[aria-selected],
.s2-to-tree.select2-container li.select2-results__option[aria-selected="true"] {
  background-color: var(--cc-primary, #2A478B);
}
.s2-to-tree .select2-results__option.l1 {
  margin-left: 0;
  font-size: 14px;
  padding-left: 10px;
}
.s2-to-tree .select2-results__option.l2 {
  margin-left: 0;
  font-size: 14px;
  padding-left: 20px;
}
.s2-to-tree .select2-results__option.l3 {
  margin-left: 0;
  font-size: 14px;
  padding-left: 30px;
}
.s2-to-tree .select2-results__option.l4 {
  margin-left: 0;
  font-size: 14px;
  padding-left: 40px;
}
.s2-to-tree .select2-results__option.l5 {
  margin-left: 0;
  font-size: 14px;
  padding-left: 50px;
}
.s2-to-tree .select2-results__option.l6 {
  margin-left: 0;
  font-size: 14px;
  padding-left: 60px;
}
.s2-to-tree li.select2-results__option.non-leaf .expand-collapse:before {
  content: "+";
  position: absolute;
  left: inherit;
  top: 0.35em;
  font-size: larger;
}
.s2-to-tree li.select2-results__option--highlighted .expand-collapse:before {
  color: var(--cc-surface, #ffffff);
}
.s2-to-tree li.select2-results__option[aria-selected="true"] .expand-collapse:before {
  color: var(--cc-surface, #ffffff);
}
.s2-to-tree .item-label {
  display: inline-block;
  margin-left: 0;
  padding: 6px;
  width: 100%;
}
.s2-to-tree .l1 .item-label,
.s2-to-tree .l2 .item-label,
.s2-to-tree .l3 .item-label,
.s2-to-tree .l4 .item-label,
.s2-to-tree .l5 .item-label,
.s2-to-tree .l6 .item-label {
  padding: 6px 6px 6px 15px;
  width: 100%;
}
.s2-to-tree.select2-container li.select2-results__option[aria-selected="true"] > span.item-label {
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.s2-to-tree.select2-container .select2-results__option--highlighted[aria-selected] > span.item-label {
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.input-group .select2.select2-container {
  position: relative;
  flex: 1 1 auto;
  width: 1% !important;
  margin-bottom: 0;
}
.sorteable-position-item,
.position-item {
  position: relative;
}
.btn-input-group {
  height: 38px !important;
}
/*end sortable list*/
.survey-statistics-daterangepicker .clear-input-group {
  position: absolute;
  top: 4px;
  right: 71px;
  z-index: 100;
}
@media only screen and (max-width: 480px) {
  .login-register {
    background: var(--cc-surface, #ffffff) center center / cover no-repeat !important;
  }
  .hide-logo {
    display: none;
  }
  .show-logo {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 480px) {
  .login-register {
    background: var(--cc-surface, #ffffff) center center / cover no-repeat !important;
  }
  .hide-logo {
    display: none;
  }
  .show-logo {
    display: inline-block !important;
  }
  .footer-login,
  .footer-login a {
    color: var(--cc-text, #686868);
  }
  .footer-login a:hover,
  .footer-login a:focus {
    color: var(--cc-legacy-1d2124, #1d2124);
  }
}
@media only screen and (max-height: 620px) and (min-width: 480px) {
  .footer-login {
    display: none;
  }
}
@media only screen and (max-width: 325px) {
  #to-recover {
    margin-top: 2px;
    font-size: 12px;
  }
}
/*Sweet alert*/
.swal2-icon {
  text-indent: -999px;
  font: 0/0 a;
  text-shadow: transparent;
  color: transparent;
  text-decoration: none;
  border-radius: 0% !important;
  border: none !important;
  margin: 20px auto !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.swal2-warning {
  background-image: url(data:image/png;base64,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);
}
.swal2-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABiCAYAAACrpQYOAAAACXBIWXMAAAsSAAALEgHS3X78AAANtklEQVR42u2dXWwb15WAvxn+SrJD+qexmexGilUxadq12KpNEMBeqw0KZLFJowot2oduTRTtw6JYRMEuukBfouyiLbBAU/WhQIsNsBIQdBEUUJX1vuTHCLVO0k0CNrKTNgW5dCSjDu1CtklbNk2K5OzDXFJDijMccn5EFbyAAHE4M7z3fvfcc+65Z85IiqKw28vi6NjIdCa9upvbIO1mEIujY3PAk+JjHpiZzqTn+yDchRAH/qPFV/fuRumQd7E0xzs83gfRL30QfRD90gfRB9EvfRB9EP3SB9EH0S99EH+2xWvl4sXRsSlgRnxcRXW65VyqewI40eL4kludtzg6FgNmgTCQA2anM+mVbu7VtdNPQPh10+GzwKQbMBZHx8KeAd6qFIhqDi9MZ9JxFyEkgJDmcB6IdeN0tAJiBRhv8ZVrMKqnRyYv/SHwGoB/QOHgt1LSDkKolWemM+lZN3XEiM7xcSCxODoWdqNTDt9f5PD9RfYPl+gBCDuirBMG37kGo7jmo7jmo3TJ2ysQVru5t5WpaQRYaVMpW6ap7EQ0BsSASSGJsTa/uyY6ZEV0XCKSTOVcgHB2OpOOuQqik8p1A0N0fhyYAoZtGNBngXlgKZJMrfZKO20B4UQlsxPRuDCJx03Z36Ow51HIPw9K3nS1XwTmIslUohcg2LKgE3bzpDDdjHTGXDsA2YnoKuo+tGkI+05WCAyX2PftKpJ59fkE8Fp2IpoQkmdUltyYfm1ZWZuEMak3BWUnogkBoD4FDX0JAscx7NzKOlTyqsW6eVkylAg5ot7T/2DD4RPAu9mJ6Fx2IhrWkYZhpyHY6uJoByN4WApXT4+EmyDMAO82r5ClEOw5ViL8eInQN/R/U8nDtedkNl73c+N5/SWEFIKPPVViz7ESe45XW53yJLCSnYg2DJb7v+69yw0ItvuajGDc9aAcAhLV0yPh7EQ0nJ2ILgE/aXUf331b/xfO6XbC8kaVhbVL8MELcKEAwE+BZWE1NQArpPwAeEIKcqTlPYfFdDUrFoux+79Q+GX4AdlxCLYo6zY+mCc8A5SHv+jxHn3sNgDlK94PrjwrV9jkU4YjJAKBv1K4/ZaEkmdNzNVLWgW7ODo2CbymGQiSRtrCYlBMAVPeUUKeu6B0rr1Sl+7k1J3/VPprIFS66eHdRR/ZM5WaC2Ne+JRs9Rw4HmAmpqMEMF665CX3nIxy3fTlC8K6WdEBrgtCxxqL6zgKt5XAcQg/Xl+tL8iPrDrqw3LcDS4/spoDJstXvB90AOFF4N5IMhXXg9BpiSRT85FkahL4fPPU1XLFfgZyp/yuQACLbnCz5fL3/OCjwubWaPPuU/+/+V/bVsRxM/a9BSAJYETogqe1U+HA59T/S+dh830VxuUzfiJJ5/vIrY2hJa1OGDiqWkV7jpWapSDmJIQmILPAp2vS4TmwVSf/kYZTTwrrbneDECPPcF5e3+Tqb3JK3Ko/qAsYK+9vKH93q0qlzak/MbHw611lLSr/rtE5Fwpwsah0ZRJ2oqyN3BceidAn90oMGQ/LNSGxud0oEfPtJEFAqLlBXNvH0PqQKgr87oZCUeGqwSXDbG0L7x4Qwlw08hm9mL6pjApJcBVGK0deRWEhIDHaxk3zdHYiOrLbJGK2jZjHxTQ06SYMHW/qwnQmXdNRUxba1VsghDQYOcvqitlNGEYQmszbZwxuc9IJqZCdlgYppLqrtQ1vNlHdgGEGgqbMaRd9vu3OmJmeByE8mMOgup0P/mOFfScrbUXbSRgdQkBI62wNwv5vljj4/arWhR7fDRLRUEk5WEEOVggcr0vDqt6FTsDoFILWJQKsBWOqVecJl1Fu1b8OZSeiU70Ool7BwjtQyXm5/qqP0jlzis5OGN1C0E5RN09L3Drno7jmZ/P91u3sORBiAVdvdDUL6z+UKbwsoeQ5a3bT3g4YNkAAmK9m4cbzErmf6Q+4XpSIqW4Xd53CyE5Ew/cNSY/eHZCo/dWmC5sg1HTFss7XITvdHnaDMKpYotOb6cG4Z0D6A3Btv49/vmcAan/Ary9ORD/a75PesApBU5a6bG9Pgsh3u6/QDOOBvRJ3Bzhk0KDIfUMMHvRLdkAANUhNr4z0KojhLhpjGsaRAWk95DF3zdggHPBJL1mNDm/jlp+0q+O8GuUWF3O8GWWYA5a0CUhahaPYBQLg4bAUBg42jKIIDB4D751QTNf3t+slOsRhm/ppDRPRhsKQmO1gyloF5qcz6YSkKEpzlhfTJXBAOvU3Pyo9C3D9FX+s8MpWVIYcAeWWulG/UWXhvevKvJWeeGCv9JWQh+/WR5AILpODW4vFzcterv64UcjXCnzno6Lyf1Z++7Mhac4nMa5tk7rk5uahH5QeA1g/H9jz5rPVf6uW+EQXP/FlrwgmfrKbChavKI9fXfM/vn+4RCCqUHhFauikSl7i2nMyVy9xEjhppTPKVUAzLQ08rDRAAPAdKhM47qd4ZutYSeHfrYrDrSociDa2SckDmwwh9kPWP5Splqpdu4RkqwqnVNi+FxP+WhU5WMF3qEzwIXs2nrxN2swTar0HVNsLr0utTY+u7HmUepsGT7TqB0vtHJetzt9D+7dXIPeCTPW2h1vnfBRetqcnyk2DrZJv3fDNS42fb1btGQj559Wp79Y5X3PAAwD+AUvtfLGmI2bQibprU346nUnPaJx9r2l1RDVbP+8ZsVlvZdXeUEc5Agf+vlFHFFJ+rj+37dJ7Ow3Db/HbCeCEFNoWnJaPJFNhjaJOYDKAWnsPYLK+Zy32fzsxxxLTmXSiyWq6pnPuQiSZilvsjDBwAdhbOyaFIPiQghyUKF+jQTcAVOGNu5OpYza4bnK0jghfFrFSNFmfnUz389OZ9KqtwQPZiajezbZVuNOyODoW+4ug9L9/GSRg9pr3NpTURpmHbHhiybF2ObWgO6tz/IRVCEDij7eVwOVNc9ekb8FGmSgW9zOaI8Stum3cArFq0KCYFQi1qeH8TYWLRd5BZ5O/Cm+8t6Gk1ku2RYdMdtPenQZhNEKmrEKo6ZvPvp96MJJMhT8q8tSFghob9aG6afPpu5OpYxtlHsK+zaWp3SgRRhWL2wFB6ztaKygrF4sKF4sKl0oKNceiXZtLIkhAzwpas2qNOQZCdMSa1sT82L9U2PsNBTnCcJv5tiMIZh2FFmHEfZ+CO74NB79fdUwanJAI0PjvB4+pq9HBo5v4Pm5OKuza1LEKQ5jLM8GYwkC0hCdcbn7+bqnXQcxrV7+VnJdKzluz8Q1jguyEYAOMGSBU+I1UdyhqggfykWSqt0GI6eksQOFlifUfyuRekFuCchpCtzBq0gBQzsCVX/i5+mNZGzwwZ3e/ORVg1lDRcqZxTdEciuIkhC5hzGnr0lR/3cHUcyBqMUFG01dtI8kNCJ3AEIPEyGW/YKe15LRE1OZYvRISjXcNghkYqVj0eJvRnseh0HzHQAhltmxwyvjokPSWmxCMYHgkxj0SL2Gc7mF2tz6oEsfgeYM7ffiPDEmuQmgFwyPBJ/dKDMoMGPnRIsnUnFP1cfSp0kgytSr2ERpeuBH+LgRqGce+5yewV8qEPczgcpnOpHOpWPQfPBIvhY4ysP+bap02Xvc3b/7kcfi9FI4/zCgU94LROWEPo0DCqadxDBZtU3s9nGojCQAzdj3vvWMg6op7kFTtQ+GcOuo2XvfTpDBX3HiUVuQCmUPN0hkCqFzZqlPpvObkIX4uBpOjxZV3DFVPj8SqBc/ytQXPHeXzpi5ZFoox0cYdMkmHT5WKp5nmMJEcUaSBOAtMigwKu1ciqqdHYkBCHqjcse9kBe8RU5edYCuxVdwmCZjRJOYyC6Fu2janONoVEiHWB0uI6Lh7vujhM19Vs9NUbnj/c/1f5Qdos8nuHVVjlzZOSSh58uJ+CdREiavtJEJsRE2Kvyf8D4LvsPrMhiaooXUZ4ueHni49DIzf+JOf5C8lcr+vaqV1quez0+jlwDvyJQ9HH7tdTzCSnYjO661gtZlhrr/aMiQnD6xsKoSvlhkvlmHICwd8LKOGjG6DrLXU/vQDv16qoLxQzPO1rDqv/igwvvHhNhd4b+drMkpEGDggXf7bt1OHm60WsZJtOF8Kqc/eycGKXohMg+QMfh5u/Eo/D5P2fsU1f6uHTmqd25AN59VH7zt+PV39H711hZ0wbANhIhtky5yowuc0j5rwsEEqlCKU3jaGUIt/3bzs3QqF1IHhPwqVj7Y58fKoOaFmddpklMKit3L6mUzJuaSzzshFkqkp1DxKdZdI8YwxhObSLrmiklfv2QRhATW/xqzOgm8F/ciUbQ7DHZUIB/K+TgrH2hOmXAOjEPwMbPzKdJVr6eDmzHhR3cr72suZkEcQ+fiwGBclOj+BmhNwvpfaaRmEWyNFo0dq5mhMWEZ6+cFrecFXUQOsV+xIxuV0e62AWGozfTj+Honq6ZGGdYT8yKqj748wCeOp6Uy6Yy+tFWW9oxB2opjM+NyV4rYCYnmnIayfD+zJvBnk3H8HufDbYC/BcFVH7Pg7hmQ/bzY9s9YL7xgacVVHaHw9cdTnAZa6mRst/LbeA5hfns6kl1yqw4gwtWPCMJjr9u3yrrjBHeqEhI5Z29XLlna69F8I2AfRL30QfRD90gfRB9EvfRB9EP3SB9EH0TMl1wfhbmnl16rFP/VBuFWEY+8pttzRa6ie39Xd2J7/B7wVvS3JsOUNAAAAAElFTkSuQmCC);
}
.swal2-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABiCAYAAACrpQYOAAAACXBIWXMAAAsSAAALEgHS3X78AAAQdklEQVR42u2de2xb133Hv/devklRJEWKsiRbkiM7kh+xFFemszixkrRqqsSpgGDtJiyoAifbX4OUAf1ja7soXYBk2IJKW4e92kSuZw8ohlTG2qzw2kZu3MyO60Wu7UWJX5TllyyRIsXnveS9Z3/okqIoUjxXpCRK4Q8wBJNf3nvu+Zzf45zLc8kQQrBerOnkYA+AnhyyvrGO3lGsM1Ots/b2ADiYQ9MFYN2BYFGykkcsw/qeNdf8k4FTVwEACDRRPiok3vTEI6O/ifkH1iMIZj3lCAA4c3diJBGeYoKAgNeb+vaJzta2rvUIYj2GpqVyhGW9hqZSjiiBKNm6BXHm7kSu0NNSArE6lqujy0sgSlYCUZrQrb7V5xK89/G59s7WtpFivgjtXx+2pITZ9g0Josg6vF5uc7vc8ZZs8yBVKSgUzrYd/XYfWOZpRqfdy2i1Nnt5GTvtD2zI0ERjqza7bjz6ra8zLPsiY9C7WKPRwjkdC97nBWHD5ogWSs3wio36Y995A1rN77M6XYPKWblksROI8BsWxJqsJSU732jcyjnsDM1npEBA0TlKOWKJsMNp1K/CbG6i7fwFFo4oUZ/aiCCWXVltO/LndYxa/R1iNL6gclZq8mlEKBTa0B5xcCVAbPvRXxxgtZp/YSsdTQzHMYVoaDASLYUmJeUmo9P8GVfl3JzvsfZKOgDAJBPHTSGMqBArgaACYDK8yjkdeSd/E1i8JNZim8UJNcchEIngJ4GLOLrBlzjyKnGXC6CZaGEgDCaZOG4x8QXvPSWa8Ujdg7CazQtev3jrOkb5WdpT+NYUxHsfn7NQzg1gMJe16AxGGmn5ex+fa0994T9vfvTMLyX/S0oBmMCiR6pGc/kmqDkOvlAQP+fd+BUbTGqckn4RhCpbBZoNNiUgRlVrDGEEwB6qanA2gPAsdW3+PgAERB7/7fuUP62Pa1kYFbfxKdGMx+qaF3b0FeAzYSzpGQIkxONxqFTzXRnleXhjisrXNV0G76OFoNR4IuKD2WvCd6fP4bQU1OYKO3slHWrJ4jGZabTX2CuxSzLMhyDOj6u3JxCPz4EJhEK4eOs6zkW8n+8ccTU6Jfyb/4p6loUG7NLj7I9jm7DHVptMsv8TmsB/qBZ2YKbRPsXMryGdZ6PQBsaw6/JdAIAn6MPbE/8Lr6ioanKvGYif+cfafyl4C3pMPVgSgaSh8fOnRTNczq3YXFWVfE09zuFGIIzz7Nwc4BLnx67bE2iqa0iO9k+m7uBTbuFi3odsGB+yYQDAxMQlxEUp63l36Ezjm3VlcaferKopq6isMJTr1Zx6esN4BCsRRFiJejK2RTIugAAATmsFamd1OI9osoMRGMO+i9OwqvW4wfvwC5UHQWTuaCkcTkKoUKlndujLg41mu2ano8FpNZTDZrIAQF2m+d+agWjQWtxfV+kP5nOMkBTDqcgUCTCEkdiFDGqJCvtFM2xEi5tsCKe54IIODDFxRHgeeu18CuEFHnxaJ3/IhvEhbgISAHX2tlQRTnpIYw/V7txSVl1eCZvJYgVgLfqqaYeuyp3P5z+YvSb8lL+vAYNFXlBLVHiZewBNm7fAajZjamYGTbeu4gfcrSSMMTaASzeuobVxO1QqFSI8j6uTd3CaC1Kd30wYcsBYKT1UUcfVlzmh49Ssf2q6TBTjiq+ls7XNt+5C03Q8iLc9l+L3WEmTfbnBhMbqmmTF47Ba8bBYjwN3ffg5N5tMsojfwJXLXmjAQoCEsypf1rADAG2cUdxtqWH32BuYco2RAcAlk3oshuVAAOBfd1XT+eBE/MehcVWMZZdst1PSw2FdGBW0Gi20aVn8PBtNJualOn9/ZSO707qF0XFqLptOiEaXe1mj6wYET0S867konCPhnCUpANxkQ7g3PYUq+/yty2A4jABDN2J3s3qp3bmdydX5qRaL8nldo2o9hKLve35HZllQ3x84zQXRdNeNh2VP8AcD+D/PHfxqifhvJgx5xlaP/ZXbmXKNUdFENyYIyw1LkFcXihvEpfCd2NshtxosFN0jCELCAHcTT97zooyoEGDiWSG0cUbxqeqdXJOldtn3IYRIJJ/L9BU1iBPey/wp0a/N5xipi3OppiEEXymrkZ6s2c2Wa4xcPucghOSTH4o3R/BExPenfiveZkRtoY9tBUv+aNNuyLG/IOtsQjSKPHddFZ9HTMeDeMtzATzLcCsBYK/9gbxvg3IMC7vegAq9AWbN/FiZDsxi0ufFnRkvYqKoZA5RXB5xOXJX+NHsNXWMZZlCHXM3q5eer9vL1psqC3JMvUqNB2126Lj5bhuduoEWRwPsZWbYy8xoqNyE8zeuIECXNy4sWTU1nRwcANA/1tHry7fx7318rh5zS97pN4B0aUmZqjSl9YDeht9j6k2VBVvm16vU2OOYW5v6zZ1PcOT6Ofw6PJN8/3GDFd/Y2oZHq5vxWNMunPnsE3hDOWfpydWFRbtK5d3978i0usY6et15QOgBMIDMG0jGAdQVIimvRAhKD0cPOzeBY1j8zejP8MP7V7NqD1c24pstzyAuinj/8oVcYeq1zta2fiDzjaF++e8eAKNNJwdb8vCEbBAKVhklqqCXHc343u4uptAQAMBpMIFjWJwcH10SAgD88P5VnBwfhYrjsLnCQVUxLQIhe0PqMm05gJFlwujJBmFWCOGtiQ+qCwHhkKla+rudz+HRquYVy1+VxrnbrP9647dU+oRui72SOjSxWbwBBYDRng3C65Mfibd1nDqfzmnhDGTwwS/j+Yb9bJ6Hymk6ToUrM3dwUaD79t5FIYQrM3dg0GqpKqYFIDJ4QyYY7flcUAJCXKdddnlqBUu+WfMF0rfjaaZcY8RKW5lmrqYIxZWtJSX0NqMpm+RU6n/YHN6QDuN9GdiaQDhkqpbe2PEMs9O2hcEqWTgm5PX5QDSSMz8kQeTwhnR7R2mYyhdCLaOS+hsOrEoYSjeRSBCJhBZHA5yU53ZyarQ4GhAXxaWqpoUgmk4OWuTqRolR54x8IfyhtYG8vus5tt5UibUyjzw5e6lmF5U+obvt9VBVTAmP6IPyjeLUCXy5EGoZlfTmA0/gy7WtDNbYbgfn7up1bd2Hxw1L34Z+3GBF19Z9AIBrk3ezyfypiTrbPKJgMP7WPcIvB8IhU7X0+q7n2CqDFcVgoWgElyfcKNPo8Na+r6GvekdGXV/1Dry172so0+hwecKNaPb8sugJawwhBHJnDoBu/8EiugDq05dD9r/7psdn0tuUHEhNgG9tPYC1DEPpRgjBrNcLMRZDnd2BnZvr55KwEMU1/11c9Exgq9mBh+wNyQpr7PYErt+/RzWjzrjEISftgWWEqgsA2hMwtv37qz/hKmyKHmD1qKZceqHx8VVPxjmrpkAA0ZTdP2V6PRqdNdhkXeytd2dmMD51j2aN6Yn0TfmZ1posAIYAfFVhm0+MdfR2bT/+lz9g7RWHlXzwZUfzis6Ml2tCNIqgL/O6p5rjUKbTLyhTaZe/O1vbmIyhKZM1nRzskoHQe0cs9l+EZZ+m3f6kJsBfNT6BYskFqSaJIvzT01iBR+2d6mxtWzQxzpqsxzp6hzG3H+0E9SlY5hFaCC2cgfz9zkNFCYEQgoDPhxV63mHGPeBUD1dsOjnYB+B7uWc/cR84Vc7NIIdM1dLzDfuL9sk4gZkZxHh+pQ7fml66UoOQYSR29NflA+JPN+0hK7FUXbBS1e8Hn9+3MpasMDtb2zL2D/WolB/z3JK+WEVrGkLw5gNPoJghRILBlYSQNSwpntCNdfT6xjp62wEcUTpL/m7jk0WZDxLGRyKIBIMrfZqRgoBIAdID4BUabR2jId9u/gpb7BBCfv9qnGq4oCBkGAMAXlxK06F3kNd2PcsU2yQtPSesEoQTna1tvoKDkGEMAWiVlzkWQehufKxo88EqJGZqb8gbREoSb0+FUewQCCHwezyrCSEniII9pL3p5GCLQSK/PlzTYirmyigmCAjOzGCVH06f8+HxBfum31hH7+iPL3/06Rbbpi8Uc3m6CpWRYm8oKAgAcBqsoWIEEI/FEJqdhRiLrVUTVhdEMeaCSDC4YBl7DWzJamnDg+AjEYRnZ1EEP1QyRCNSbUQA0WAon61UhbTxzta24c8NiMSunSICoMgb1j0ISRQRDYfBh8Mo0t9K2rggCCHgw2Hw0ehaVkG0Sdq9oUBIooiYIECIRlfyhk2hTdGX9ooWREwQEOP5uT3MxT3ysyXpkXUHghCCGM9DjMcREwTEBQHr3PqVfkC12h0ej8UgiWIy3BBRKrZKJ1/zd7a2Da0piLgguKV4/GBqeEkAWIfhZVVyw4qA4MNhNz7f5l8uiNKPPRXYG2jWlUogitQbSiCKxBvyzhEVx8+2Y/5nAtxHm5fmej9C4ONJ+FYEgW1ljNOsYVCuWVo/KwA3w2RSif5GiIw3GJk6swao1Ge/WegXgKkIUaSfFQiuBMjkFgPjTNFn9IaK42frMf+rW24Abk+3K+P8QvGt0orjZy2Y22WUcafRXg0mn3cyzs2m+QsauSf5j81AEwX0NPqPpqToMS8iXmnxUyLrVZh+wQHDdgubfBzx77xS5J0pCNPS4vbYWfhfdEDzkI1NnvsznxT+x0nElOiPTiHsjsOerrexmOkw4d1/eNb1UtoA7Ufm/SYJaAOebpdvWSAqjp9N/9rlOOY3bbekgjlshf8RB1v+xnXJey0OW0ojUr/3mWzoH5gx/cUq1k6r7zIx3merGds/j5PpczyxZ9En2/QlPaa/Ws3afzFJvMNBkrqB5lQmfZuWmf6TOsb+0ztZ9fVY+PXTI/Lg7AfQm+v4mNtT0uPpdo0qAiG72ah8oBMA+hMHyeYtegZ8hEArN6Y/3S1lfZfc+Lo0/YCn2zWcoR09GfQX5OPT6sdl/VAGfZfc/oPpegDDqaM4XS8PhHL5b18Wfaq3+AHUe7pdPiUgRmSifZkuIEMHj2DueR4vUuqHMLc55hVPt2uAQj8A4BsABj3drj6K9g/J+iOeblcPhb4fwKuJkZ7eoRn0iW/MnwLQRaHvwdzDZ055ul3tIITk/Gc7dqbdduwMsR0705Xl/foMr1mW0LdkO49CPXV75Nd71qo9tmNnLJnaI/drC5VHVBw/OwAAiZEnu1cfFm/vuiDnkAWJSNb3yGEoNUGOy56Qrq+X3TeTPnF8N6V+RA5D6fo+WV+XlkiHM+gTIbcni34oNezm0I/I7R9J8VQfLYgRudFICQm5Jjddnm7XiAyxl0Lf4+l2DaeEhFz6Pk+3ayglJOSyVzzdrgE5JNBs2HzN0+3qV6Af9HS7+uScMUShTyR3C4AhWhB98kWMynE/UYINJxK2PAraUxJXomI4mEmfkui6UsCm6ofkkUajT1xY+shMeKISfRfmH3GUrh9OLQjkKrIni/6EfA0jCW+X9V0ppf8FT7erpeL42T5aEIkT9tIkL/mChlMqrB4K/ZDsxjmTndyeIXlQXJD17hwV33CKvie94sugH5I7dVw+/ihlsZGMBpTFxmsAhmlB1AO4QVuhpMJToLfIgPsV6AdoKprl6FMqpwEF+oF0L6as5BpoQfQDaPd0u9pLS0qFNTn/DtMu+iVibckKb/0AumhBjC4Vg0u2fJNzySgtiOFSl62ojfw/s0qLmVlm94MAAAAASUVORK5CYII=);
}
.swal2-info {
  background-image: url(data:image/png;base64,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);
}
/*delete success design*/
.swal2-success-ring,
.swal2-success-circular-line-left,
.swal2-success-line-tip.swal2-animate-success-line-tip,
.swal2-success-line-long.swal2-animate-success-line-long,
.swal2-success-fix,
.swal2-success-circular-line-right {
  display: none !important;
}
/*end delete success design*/
/*delete error design*/
.swal2-x-mark.swal2-animate-x-mark {
  display: none !important;
}
.swal2-animate-error-icon {
  animation: none !important;
}
/*end delete error design*/
.swal2-modal .swal2-buttonswrapper .swal2-styled {
  font-size: 14px;
  padding: 0.8rem 1.2rem;
  font-family: Poppins, sans-serif;
  border-radius: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.swal2-modal .swal2-buttonswrapper .swal2-confirm {
  color: var(--cc-surface, #ffffff);
  background: var(--cc-primary, #2A478B) !important;
  border: 1px solid var(--cc-primary, #2A478B) !important;
}
.swal2-modal .swal2-buttonswrapper .swal2-confirm:hover {
  background: var(--cc-primary, #2A478B) !important;
  opacity: 0.8;
  border: 1px solid var(--cc-primary, #2A478B) !important;
}
.swal2-modal .swal2-buttonswrapper .swal2-styled:focus {
  outline: none;
  box-shadow: none;
}
.swal2-modal .swal2-buttonswrapper .swal2-cancel {
  border: 1px solid var(--cc-primary, #2A478B);
  color: var(--cc-primary, #2A478B);
  background-color: transparent !important;
}
.swal2-modal .swal2-buttonswrapper .swal2-cancel:hover {
  color: var(--cc-surface, #ffffff);
}
.swal2-modal .swal2-buttonswrapper .delete-message-button {
  color: var(--cc-surface, #ffffff);
  background: var(--cc-danger, #B4443C) !important;
  border: 1px solid var(--cc-danger, #B4443C) !important;
}
.swal2-modal .swal2-buttonswrapper .delete-message-button:hover {
  background: var(--cc-danger, #B4443C) !important;
  opacity: 0.8;
  border: 1px solid var(--cc-danger, #B4443C) !important;
}
.swal2-modal {
  border-radius: 0 !important;
}
/*end Sweet alert*/
/*job-system dashboard*********************************************/
.job-chart-title {
  margin: 0 0 12px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 12px;
}
.job-legend-chart {
  font-size: 12px;
}
/*----------------------------------- charts*/
.template-green-chart {
  color: var(--cc-success, #2E9B72);
}
.template-gray-chart {
  color: var(--cc-text, #686868);
}
.template-gray-doughnut-chart {
  color: var(--cc-legacy-b9b9b9, #b9b9b9);
}
.template-cyan-chart {
  color: var(--cc-blue-cyan, #168D9A);
}
.template-magenta-chart {
  color: var(--cc-purple, #6B4FA3);
}
.template-blue-chart {
  color: var(--cc-primary, #2A478B);
}
.template-red-chart {
  color: var(--cc-danger, #B4443C);
}
/*----------------------------------- calendar*/
.template-green-calendar {
  background: var(--cc-success, #2E9B72);
}
.template-orange-calendar {
  background: var(--cc-legacy-f3a213, #f3a213);
}
.template-red-calendar {
  background: var(--cc-danger, #B4443C);
}
.template-red-calendar:hover,
.template-orange-calendar:hover,
.template-green-calendar:hover {
  opacity: 0.8;
}
/*----------------------------------- tags*/
.template-green-tag {
  background-color: var(--cc-success, #2E9B72);
}
.template-cyan-tag {
  background-color: var(--cc-blue-cyan, #168D9A);
}
.template-blue-tag {
  background-color: var(--cc-primary, #2A478B);
}
/*jobs tags background*/
.template-full-time {
  background-color: var(--cc-primary-bootstrap, #6B4FA3);
}
.template-part-time {
  background-color: var(--cc-legacy-7dc246, #7dc246);
}
.template-temporary {
  background-color: var(--cc-legacy-26ae61, #26ae61);
}
.template-intership {
  background-color: var(--cc-brand-magenta, #d12cab);
}
.template-freelnace {
  background-color: var(--cc-legacy-0b1b46, #0b1b46);
}
.template-volunteer {
  background-color: var(--cc-primary, #2A478B);
}
.template-default {
  background-color: var(--cc-legacy-e4e4e4, #e4e4e4);
  color: var(--cc-text, #686868);
}
/*end jobs tags background*/
/*-----------------------------------*/
.table-job {
  font-weight: 300;
}
.peity-bar-size {
  width: 50px;
  display: inline-block;
}
#morris-line-chart-logon circle,
#morris-line-chart-access circle,
#hiring-forecast circle,
.morris-line circle {
  fill-opacity: 1;
  r: 5;
}
.width-height-40 {
  width: 40px !important;
  height: 40px !important;
}
.job-recruiting-panel .select2 {
  font-size: 14px;
  font-weight: 300;
}
.display-chart-table {
  display: flex;
  align-items: center;
  height: 400px;
}
/*calendar*/
.fc th.fc-widget-header {
  background: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
/*end calendar*/
/*end job-system dashboard*********************************************/
/*croppie*/
.image-cropp.image-ready .image-preview-cropp,
.upload-image-wrap {
  display: none;
}
.image-cropp.image-ready .upload-image-wrap {
  display: block;
}
.upload-image-wrap {
  width: 100%;
  height: 380px;
}
.image-preview-cropp img {
  width: 100%;
  height: auto;
}
.input-select .input-select-btn {
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 10!important;
  border-radius: var(--cc-radius-md, 8px);
}
.input-select-placeholder {
  color: var(--cc-legacy-a2a0a0, #a2a0a0);
}
.load-course-image {
  padding: 5px 12px;
  cursor: pointer;
  border-radius: 0;
}
.input-select-btn {
  padding: 5px 12px;
  cursor: pointer;
}
.load-course-image-wrapper {
  display: inline-block !important;
}
.fileinput-filename {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90%;
}
@media only screen and (max-width: 460px) {
  .upload-image-wrap {
    display: none !important;
  }
}
/*end croppie*/
.thumbnails.image_picker_selector li .thumbnail {
  cursor: pointer;
}
.certificates-select ul.thumbnails.image_picker_selector {
  height: 360px;
}
@media only screen and (max-width: 575px) {
  .certificates-select ul.thumbnails.image_picker_selector {
    height: 130px;
  }
}
/*Jobs*/
.job-thumb {
  display: table-cell;
  vertical-align: top;
  width: 107px;
}
.job-thumb img {
  float: left;
  width: 107px;
  border: 2px solid var(--cc-legacy-e8ecec, #e8ecec);
  border-radius: 8px;
}
.job-head-info {
  display: table-cell;
  vertical-align: middle;
  padding-left: 25px;
}
.job-single-head {
  float: left;
  width: 100%;
  padding-bottom: 30px;
  display: table;
}
.job-head-info p {
  float: left;
  margin-right: 40px;
  margin-top: 10px;
}
@media only screen and (max-width: 575px) {
  .job-single-head,
  .job-thumb,
  .job-head-info {
    display: block;
  }
  .job-thumb img {
    float: none;
  }
  .job-thumb {
    text-align: center;
    width: 100%;
  }
  .job-head-info {
    padding-left: 0;
  }
}
.tag-cloud-categories ul li {
  margin: 0 6px 0 0;
  cursor: default;
}
.tag-cloud-categories ul li a {
  cursor: default;
}
.tag-cloud-categories ul li a:hover,
.tag-cloud-categories ul li a:focus,
.tag-cloud-categories ul li.selected a {
  background: var(--cc-surface-panel-warm, #e5e5e4) !important;
  color: var(--cc-text-form, #555555) !important;
}
.job-statistic span {
  float: none;
  display: inline-block;
  font-size: 12px;
  border: 1px solid var(--cc-surface, #ffffff);
  color: var(--cc-surface, #ffffff);
  padding: 7px 20px;
  border-radius: 20px;
}
.job-statistic p {
  float: none;
  display: inline-block;
  color: var(--cc-surface, #ffffff);
  font-size: 13px;
  margin: 0 20px;
}
/*End Jobs*/
.select-card {
  background-color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-light, #e4e7ea);
  cursor: pointer;
}
.has-error .select-card {
  border: 1px solid red;
}
.select-card:hover {
  background-color: var(--cc-surface-gray-blue, #edf1f5);
}
.select-card .select-card-ribbon {
  display: none;
}
.select-card.active {
  border: 2px solid var(--cc-primary, #2A478B);
}
.select-card.active .select-card-ribbon {
  display: block;
}
.btn-send-review,
.box-title .btn-view-career,
.box-title .request-career-btn {
  font-weight: 300;
  text-transform: none;
  float: right;
}
/*Icon select*/
.icons-selector .selector {
  width: 100px;
  height: 37px;
}
.fip-grey.icons-selector .selector {
  border: 1px solid var(--cc-light, #e4e7ea);
}
.fip-grey.icons-selector span.current-icon,
.fip-grey.icons-selector span.current-icon:hover {
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-legacy-298cba, #298cba);
}
.fip-grey.icons-selector .selector-search i {
  color: var(--cc-text-gray-aaa, #aaaaaa);
}
.icons-selector .selector-search i {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fip-grey.icons-selector input::-moz-placeholder {
  color: var(--cc-text-placeholder, #999999);
}
.fip-grey.icons-selector input::placeholder {
  color: var(--cc-text-placeholder, #999999);
}
.fip-grey.icons-selector input::-webkit-input-placeholder {
  color: var(--cc-text-placeholder, #999999);
}
.fip-grey.icons-selector input::-moz-placeholder {
  color: var(--cc-text-placeholder, #999999);
}
.fip-grey.icons-selector input:-ms-input-placeholder {
  color: var(--cc-text-placeholder, #999999);
}
.fip-grey.icons-selector input:-moz-placeholder {
  color: var(--cc-text-placeholder, #999999);
}
.icons-selector input::-webkit-input-placeholder {
  text-transform: none;
}
.fip-grey.icons-selector .selector-category select,
.fip-grey.icons-selector .selector-search input[type=text],
.fip-grey.icons-selector .selected-icon i {
  color: var(--cc-text-body-dense, #565656);
}
.icons-selector .selector-popup {
  width: 228px;
}
.fip-grey.icons-selector .selector-search input[type=text] {
  font-family: Poppins, sans-serif;
}
.icons-selector .fip-icons-container {
  max-height: 147px;
  overflow-y: auto;
}
.fip-box i {
  font-size: 18px;
}
/*End icon select*/
/*contact cards*/
.contact-cards .ribbon-wrapper-right-bottom {
  padding: 15px 50px 15px 15px;
}
.contact-cards .select-card {
  height: 200px;
  min-height: 200px;
  margin-bottom: 20px;
}
.contact-hr {
  margin-top: 0;
}
.card-info-contact h4,
.card-info-contact p {
  height: 22px;
  min-height: 22px;
}
.card-info-contact h4.text-center {
  padding-left: 35px;
  margin-top: 71px;
}
/*end contact cards*/
/*company overview*/
.company-head {
  display: table;
}
.company-head-image {
  display: table-cell;
  vertical-align: middle;
  width: 100px;
}
.company-head-image img {
  width: 100px;
  border: 2px solid var(--cc-legacy-e8ecec, #e8ecec);
  border-radius: 8px;
}
.company-head-info {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}
.company-head-info h4 {
  margin-top: 0;
  margin-bottom: 10px;
}
.company-head-info p {
  float: left;
  margin-right: 20px;
  margin-bottom: 0;
}
/*end company overview*/
/*company external dashboard*/
.company-external-dashboard p {
  float: none;
}
.company-info-table tr td,
.company-info-table tr th {
  text-align: center;
  border: 0 !important;
  padding: 5px 8px !important;
}
.company-info-table tr td {
  vertical-align: bottom !important;
}
.company-external-dashboard .info-icons span:last-child {
  margin-right: 0 !important;
}
@media only screen and (max-width: 1199px) {
  .company-info-table tr th {
    font-size: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .company-external-head,
  .company-external-image {
    display: block;
  }
  .company-external-image {
    width: 100%;
    margin-bottom: 10px;
  }
  .company-external-image,
  .company-external-dashboard {
    text-align: center;
  }
  .company-head-info {
    display: block;
    padding-left: 0;
  }
  .company-head-info.company-external-dashboard h4 {
    margin-bottom: 5px;
  }
  .company-head-info.company-external-dashboard {
    display: table;
    width: 100%;
    padding-left: 0;
  }
  .company-head-info.company-external-dashboard .item {
    display: table-cell;
  }
  .company-head-info.company-external-dashboard .text {
    white-space: nowrap;
    width: 1%;
    padding: 0 20px;
  }
  .company-head-info.company-external-dashboard .line {
    border-bottom: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
    position: relative;
    top: -2.5em;
  }
}
/*end company external dashboard*/
@media only screen and (max-width: 576px) {
  .datepicker-birth {
    margin-bottom: 10px;
  }
}
.employee-document-actions i {
  padding: 0 5px;
  cursor: pointer;
}
.preview-image-add-wrapper {
  display: table;
  width: 100%;
}
.preview-image-add {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  background-color: var(--cc-surface-muted, #fafafa);
}
.image-cropp .preview-image-add {
  border-radius: var(--cc-radius-base, 12px);
}
.add-employee .preview-image-add {
  height: 235px;
}
.add-employee .preview-image-add img {
  height: 120px;
  width: 120px;
}
.add-client-company .preview-image-add {
  height: 255px;
}
.add-client-company .preview-image-add img {
  height: 120px;
  width: 120px;
}
.add-course .preview-image-add {
  height: 445px;
}
.add-course .preview-image-add img {
  height: 300px;
  width: 400px;
}
.add-location .preview-image-add {
  height: 646px;
}
.add-location .preview-image-add img {
  height: 300px;
  width: 300px;
}
.document-select .document-page-preview {
  height: 123px;
  width: 95px;
  margin: auto;
  position: relative;
  border: 2px solid #aeaeae;
}
.document-select .document-page-preview.active,
.document-select .document-page-preview:focus,
.document-select .document-page-preview:hover {
  cursor: pointer;
  border: 2px solid var(--cc-header-bg, #2A478B);
}
.show-disciplinary-modal .preview-image-add {
  height: 155px;
}
.show-disciplinary-modal .preview-image-add img {
  height: 120px;
  width: 120px;
}
.add-disciplinary-modal .preview-image-add {
  height: 242px;
}
.add-disciplinary-modal .preview-image-add img {
  height: 150px;
  width: 150px;
}
.add-disciplinary .preview-image-add {
  height: 358px;
}
.add-disciplinary .preview-image-add img {
  height: 200px;
  width: 200px;
}
.course-info-report .preview-image-add {
  height: 180px;
}
.course-info-report .preview-image-add img {
  height: 150px;
  width: 200px;
}
@media only screen and (max-width: 575px) {
  .add-course .preview-image-add {
    height: auto;
  }
  .add-course .preview-image-add img {
    height: auto;
    width: 100%;
  }
  .add-company-client .preview-image-add {
    height: auto;
  }
  .add-company-client .preview-image-add img {
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .add-disciplinary .preview-image-add {
    height: 260px;
  }
}
@media only screen and (max-width: 768px) {
  .less-margin-responsive {
    margin: 20px 0 0 0 !important;
  }
}
.display-chart-table-status-quo {
  display: flex;
  align-items: center;
  height: 400px;
}
/*@media only screen and (max-width: 1770px) {*/
/*.display-chart-table-status-quo {*/
/*height: 375px;*/
/*}*/
/*}*/
/*@media only screen and (max-width: 1670px) {*/
/*.display-chart-table-status-quo {*/
/*height: 345px;*/
/*}*/
/*}*/
/*@media only screen and (max-width: 1570px) {*/
/*.display-chart-table-status-quo {*/
/*height: 325px;*/
/*}*/
/*}*/
/*@media only screen and (max-width: 1470px) {*/
/*.display-chart-table-status-quo {*/
/*height: 300px;*/
/*}*/
/*}*/
/*@media only screen and (max-width: 1370px) {*/
/*.display-chart-table-status-quo {*/
/*height: 270px;*/
/*}*/
/*}*/
/*@media only screen and (max-width: 1300px) {*/
/*.display-chart-table-status-quo {*/
/*height: 240px;*/
/*}*/
/*}*/
/*@media only screen and (max-width: 1200px) {*/
/*.display-chart-table-status-quo {*/
/*height: 200px;*/
/*}*/
/*}*/
/*@media only screen and (max-width: 1060px) {*/
/*.display-chart-table-status-quo {*/
/*height: 180px;*/
/*}*/
/*}*/
/*@media only screen and (max-width: 992px) {*/
/*.display-chart-table-status-quo {*/
/*height: 400px;*/
/*}*/
/*}*/
.consolidated-appointments-points span:first-child {
  color: var(--cc-success, #2E9B72);
}
.consolidated-appointments-points span:nth-child(2) {
  color: var(--cc-primary, #2A478B);
}
.consolidated-appointments-points span:nth-child(3) {
  color: var(--cc-legacy-0673f3, #0673f3);
}
.consolidated-appointments-points span:nth-child(4) {
  color: var(--cc-legacy-05c269, #05c269);
}
.consolidated-appointments-points span:nth-child(5) {
  color: var(--cc-legacy-01ddf3, #01ddf3);
}
.consolidated-appointments-points span:nth-child(6) {
  color: var(--cc-legacy-639ef3, #639ef3);
}
.consolidated-appointments-points span:nth-child(7) {
  color: var(--cc-legacy-86def3, #86def3);
}
.company-info-icons span {
  padding: 0 5px;
  margin-right: 2px;
}
.company-info-icons span:first-child {
  padding: 0 3px 0 0;
}
/*social networks*/
.social-wrapper a.share-fb {
  color: var(--cc-social-facebook, #3b5998);
  border-color: var(--cc-social-facebook, #3b5998);
}
.social-wrapper a.share-fb:hover,
.social-wrapper a.share-fb:focus {
  background: var(--cc-social-facebook, #3b5998);
  border-color: var(--cc-social-facebook, #3b5998);
  color: var(--cc-surface, #ffffff);
}
.social-wrapper a.share-twitter {
  color: var(--cc-social-twitter, #1da1f2);
  border-color: var(--cc-social-twitter, #1da1f2);
}
.social-wrapper a.share-twitter:hover,
.social-wrapper a.share-twitter:focus {
  background: var(--cc-social-twitter, #1da1f2);
  border-color: var(--cc-social-twitter, #1da1f2);
  color: var(--cc-surface, #ffffff);
}
.social-wrapper a.share-linkedin {
  color: var(--cc-legacy-bootstrap-primary, #337ab7);
  border-color: var(--cc-legacy-bootstrap-primary, #337ab7);
}
.social-wrapper a.share-linkedin:hover,
.social-wrapper a.share-linkedin:focus {
  background: var(--cc-legacy-bootstrap-primary, #337ab7);
  border-color: var(--cc-legacy-bootstrap-primary, #337ab7);
  color: var(--cc-surface, #ffffff);
  text-decoration: none;
}
.social-wrapper * {
  transition: all 0.4s ease 0s;
}
.social-wrapper a {
  display: inline-block;
  border: 2px solid;
  font-size: 18px;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 36px;
  margin: 0;
  margin-left: 10px;
}
.social-wrapper a:first-child {
  margin-left: 0;
}
/*end social networks*/
.access-members .datatable-actions {
  text-align: right !important;
}
.label-rounded {
  padding: 0.4em 1.4em;
}
.applicants-item-img {
  padding: 8px 0 !important;
}
.applicants-item-img img {
  width: 50px;
  height: 50px;
  margin-right: 0 !important;
}
.applicants-widget img {
  margin-left: 2px;
  border: 2px solid var(--cc-primary, #2A478B);
  background-color: var(--cc-surface, #ffffff);
}
.applicants-widget tr td:first-child img {
  margin-left: 0;
}
.four-applicants td img {
  margin-left: -15px;
}
.four-applicants td:first-child img {
  margin-left: 0;
}
.applicants-link {
  margin-left: 6px;
}
.applicants-number {
  position: relative;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  padding: 2px 0;
  margin: 0 0 0 9px;
  width: 25px;
  height: 26px;
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
  border-radius: 3px;
}
.applicants-number-left {
  color: var(--cc-primary, #2A478B);
  position: absolute;
  left: -5px;
  top: 5px;
  font-size: 17px;
}
/*tooltip applicants*/
a.mytooltip.tooltip-applicant-info {
  color: var(--cc-primary, #2A478B);
}
.tooltip-applicant-info .tooltip-text-applicant {
  border-bottom: 10px solid var(--cc-primary, #2A478B);
}
.tooltip-applicant-info .tooltip-content-applicant::after {
  border-color: var(--cc-primary, #2A478B) transparent transparent;
}
a.mytooltip.tooltip-applicant-success {
  color: var(--cc-success, #2E9B72);
}
.tooltip-applicant-success .tooltip-text-applicant {
  border-bottom: 10px solid var(--cc-success, #2E9B72);
}
.tooltip-applicant-success .tooltip-content-applicant::after {
  border-color: var(--cc-success, #2E9B72) transparent transparent;
}
a.mytooltip.tooltip-applicant-danger {
  color: var(--cc-danger, #B4443C);
}
.tooltip-applicant-danger .tooltip-text-applicant {
  border-bottom: 10px solid var(--cc-danger, #B4443C);
}
.tooltip-applicant-danger .tooltip-content-applicant::after {
  border-color: var(--cc-danger, #B4443C) transparent transparent;
}
a.mytooltip.tooltip-applicant-warning {
  color: var(--cc-warning, #D4A72C);
}
.tooltip-applicant-warning .tooltip-text-applicant {
  border-bottom: 10px solid var(--cc-warning, #D4A72C);
}
.tooltip-applicant-warning .tooltip-content-applicant::after {
  border-color: var(--cc-warning, #D4A72C) transparent transparent;
}
.tooltip-content-applicant {
  position: absolute;
  z-index: 9999;
  width: 130px;
  bottom: 100%;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  font-weight: 400;
  color: var(--cc-surface, #ffffff);
  background: 0 0;
  opacity: 0;
  margin: 0 0 12px -65px;
  cursor: default;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  transition: opacity 0.3s 0.3s;
}
.mytooltip:hover .tooltip-content-applicant {
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}
.tooltip-content-applicant span {
  display: block;
}
.tooltip-text-applicant {
  overflow: hidden;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s 0.3s;
}
.mytooltip:hover .tooltip-text-applicant {
  transition-delay: 0s;
  transform: scale3d(1, 1, 1);
}
.tooltip-inner-applicant {
  background: var(--cc-text-strong, #2b2b2b);
  padding: 5px;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s;
}
.mytooltip:hover .tooltip-inner-applicant {
  transition-delay: 0.3s;
  transform: translate3d(0, 0, 0);
}
.tooltip-content-applicant::after {
  content: '';
  bottom: -20px;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 10px;
  margin-left: -10px;
}
/*end tooltip applicants*/
.twi-user .img-text-user {
  display: block;
  padding-top: 8px;
}
.twi-user .img-text-user:first-child {
  display: block;
  padding-top: 0;
}
@media only screen and (max-width: 575px) {
  .employee-info .img-text-user.img-user {
    text-align: center;
    display: block !important;
  }
  .employee-info .employee-img-container {
    display: inline-block;
    position: relative;
  }
  .employee-info .img-text-user.img-user img {
    float: none !important;
  }
}
/*datepicker*/
.datepicker table tr td {
  position: relative;
}
.datepicker table tr td.day.highlight:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: var(--cc-primary, #2A478B);
  border-top-color: var(--cc-shadow-ambient-20, rgba(0, 0, 0, 0.2));
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.datepicker table tr td.active.day.highlight:before,
.datepicker table tr td.today.day.highlight:before {
  border-bottom-color: var(--cc-surface, #ffffff);
}
.datepicker table tr td.day.focused.active.highlight,
.datepicker table tr td.active.day.highlight:hover,
.datepicker table tr td.today.day.highlight:hover {
  color: var(--cc-surface, #ffffff) !important;
}
.datepicker table tr td.day.focused.highlight,
.datepicker table tr td.day.highlight:hover {
  color: var(--cc-text-muted-strong, #797979);
}
/*end datepicker*/
.form-control + .input-group-addon:not(:first-child) {
  border-left: 0;
}
/*clockpicker*/
.clockpicker .input-group-addon {
  cursor: default;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.25;
  color: var(--cc-legacy-464a4c, #464a4c);
  text-align: center;
  background-color: var(--cc-bootstrap-gray-200, #eceeef);
  white-space: nowrap;
  vertical-align: middle;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.clockpicker .input-group-addon {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/*end clockpicker*/
/*ion range*/
.ion-range-applicants-div {
  width: 150px;
  display: inline-block;
}
.ion-applicant-danger .irs--flat .irs-bar {
  background-color: var(--cc-danger, #B4443C);
}
.ion-applicant-danger .irs--flat .irs-handle > i:first-child {
  background-color: var(--cc-legacy-da776d, #da776d);
}
.ion-applicant-danger .irs--flat .irs-handle.state_hover > i:first-child,
.ion-applicant-danger .irs--flat .irs-handle:hover > i:first-child {
  background-color: var(--cc-legacy-a45454, #a45454);
}
.ion-applicant-danger .irs--flat .irs-from,
.ion-applicant-danger .irs--flat .irs-to,
.ion-applicant-danger .irs--flat .irs-single {
  background-color: var(--cc-danger, #B4443C);
}
.ion-applicant-danger .irs--flat .irs-from:before,
.ion-applicant-danger .irs--flat .irs-to:before,
.ion-applicant-danger .irs--flat .irs-single:before {
  border-top-color: var(--cc-danger, #B4443C);
}
.ion-applicant-warning .irs--flat .irs-bar {
  background-color: var(--cc-warning, #D4A72C);
}
.ion-applicant-warning .irs--flat .irs-handle > i:first-child {
  background-color: var(--cc-legacy-da9d07, #da9d07);
}
.ion-applicant-warning .irs--flat .irs-handle.state_hover > i:first-child,
.ion-applicant-warning .irs--flat .irs-handle:hover > i:first-child {
  background-color: var(--cc-legacy-a47a07, #a47a07);
}
.ion-applicant-warning .irs--flat .irs-from,
.ion-applicant-warning .irs--flat .irs-to,
.ion-applicant-warning .irs--flat .irs-single {
  background-color: var(--cc-warning, #D4A72C);
}
.ion-applicant-warning .irs--flat .irs-from:before,
.ion-applicant-warning .irs--flat .irs-to:before,
.ion-applicant-warning .irs--flat .irs-single:before {
  border-top-color: var(--cc-warning, #D4A72C);
}
.ion-applicant-success .irs--flat .irs-bar {
  background-color: var(--cc-success, #2E9B72);
}
.ion-applicant-success .irs--flat .irs-handle > i:first-child {
  background-color: var(--cc-legacy-00a779, #00a779);
}
.ion-applicant-success .irs--flat .irs-handle.state_hover > i:first-child,
.ion-applicant-success .irs--flat .irs-handle:hover > i:first-child {
  background-color: var(--cc-legacy-009b6d, #009b6d);
}
.ion-applicant-success .irs--flat .irs-from,
.ion-applicant-success .irs--flat .irs-to,
.ion-applicant-success .irs--flat .irs-single {
  background-color: var(--cc-success, #2E9B72);
}
.ion-applicant-success .irs--flat .irs-from:before,
.ion-applicant-success .irs--flat .irs-to:before,
.ion-applicant-success .irs--flat .irs-single:before {
  border-top-color: var(--cc-success, #2E9B72);
}
/*end ion range*/
.form-control-entries-datatable {
  background-color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-light, #e4e7ea);
  border-radius: var(--cc-radius-md, 8px);
  box-shadow: none;
  color: var(--cc-text-body-dense, #565656);
  height: 38px;
  max-width: 100%;
  padding: 7px 12px;
  transition: all 300ms linear 0s;
}
.form-control-entries-datatable:focus {
  box-shadow: none;
  border-color: var(--cc-primary, #2A478B);
}
.note-editor .dropdown-toggle::after {
  content: none;
}
.note-color .dropdown-menu li > div.btn-group {
  display: block;
}
.note-color .dropdown-menu li .btn-group .note-color-palette div {
  display: inline-block;
}
.popover {
  max-width: 360px;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group {
  margin: 0 !important;
  padding: 0 5px;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
  margin: 0;
  margin-bottom: 3px;
}
.note-popover .popover-content .note-color .dropdown-menu,
.panel-heading.note-toolbar .note-color .dropdown-menu {
  min-width: 332px;
}
.new-changes {
  color: var(--cc-palette-red-pure, #ff0000);
  font-size: 20px;
}
.pin-meet-the-team {
  padding: 5px;
}
.img-meet-the-team {
  width: 120px !important;
  height: 120px !important;
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg);
}
/*fix clear input*/
.qa-question-input-wrapper {
  position: relative;
}
.qa-question-input-wrapper span.clear-input {
  border: none;
  position: absolute;
  top: 4px;
  right: 0;
  color: var(--cc-legacy-rgba-0b22b597ff79ba, rgba(105, 114, 124, 0.52));
  cursor: pointer;
}
input:focus ~ span.clear-input > i {
  color: var(--cc-accent-blue-bright, #0878f3);
}
.qa-question-input-wrapper span.cursor-default {
  cursor: default;
}
/*end fix clear input*/
.other-actions-menu.show {
  display: inline-block !important;
}
.min-height-45 {
  min-height: 45px;
}
.min-height-500 {
  min-height: 500px;
}
.min-width-160 {
  min-width: 160px;
}
@media only screen and (min-width: 1200px) {
  .min-width-270-xl {
    min-width: 270px;
  }
}
@media only screen and (min-width: 500px) {
  .list-employees-event-container .table-responsive {
    display: inline-table !important;
  }
}
.font-300 label {
  font-weight: 300;
}
/*----------------------------------modals----------------------------------*/
@media (min-width: 1600px) {
  .modal-xxl {
    max-width: 1550px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .modal-xxl {
    max-width: 1350px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .modal-xxl {
    max-width: 1150px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1150px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .modal-xxl {
    max-width: none;
    margin: 0.5rem;
  }
  .modal-xl {
    max-width: 950px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal-xxl,
  .modal-xl,
  .modal-lg {
    /*max-width: 700px;*/
    max-width: none;
    margin: 0.5rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .modal-xxl,
  .modal-xl,
  .modal-lg,
  .modal-md {
    /*max-width: 500px;*/
    max-width: none;
    margin: 0.5rem;
  }
}
.modal-wide {
  width: 98% !important;
  max-width: 98%;
}
/*----------------------------------end modals----------------------------------*/
td.details-control {
  background: url('../../images/app/details_open.png') no-repeat center center;
  cursor: pointer;
}
tr.details td.details-control {
  background: url('../../images/app/details_close.png') no-repeat center center;
}
.responsive-right-left-xs {
  text-align: right;
}
.responsive-right-left-sm {
  text-align: right;
}
.responsive-right-left-md {
  text-align: right;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .responsive-right-left-md {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .responsive-right-left-sm {
    text-align: left;
  }
}
@media only screen and (max-width: 768px) {
  .responsive-right-left-xs {
    text-align: left;
  }
  .p-t-xs-0 {
    padding-top: 0 !important;
  }
}
.line-steps .step-title:after,
.line-steps .step-title:before {
  content: '';
}
#step-1-btn .step-number,
#step-2-btn .step-number,
#step-3-btn .step-number,
#step-4-btn .step-number {
  color: var(--cc-light, #e4e7ea);
}
.active #step-1-btn .step-number,
.upcoming #step-1-btn .step-number,
.active #step-2-btn .step-number,
.upcoming #step-2-btn .step-number,
.active #step-3-btn .step-number,
.upcoming #step-3-btn .step-number,
.active #step-4-btn .step-number,
.upcoming #step-4-btn .step-number {
  color: var(--cc-primary, #2A478B);
}
#step-1-btn .step-info,
#step-2-btn .step-info,
#step-3-btn .step-info,
#step-4-btn .step-info {
  color: var(--cc-text, #686868);
}
.gray-box {
  padding: 25px 5px;
  margin-bottom: 15px;
  background-color: var(--cc-surface-muted, #fafafa);
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  border-radius: var(--cc-radius-base, 12px);
}
.dropify-wrapper.disabled input {
  visibility: hidden;
}
.jFiler-input-dragDrop {
  width: 100%;
}
.progress-bar-info {
  background-color: var(--cc-primary, #2A478B);
}
/*Documentation*/
.documentation-content img {
  box-shadow: 0px 3px 5px 3px var(--cc-legacy-rgba-e6d49150bc1b70, rgba(120, 130, 140, 0.1));
}
.sub-list-group {
  padding-left: 33px;
}
.stickyside {
  max-height: 500px;
}
.stickyside .list-group {
  margin-bottom: 0;
}
/*End Documentation*/
/*Manuals*/
.qa-header-section {
  background-color: var(--cc-surface-row-hover, #f5f5f5);
  height: 38px;
  padding: 1px 0 1px 10px;
  margin: 10px 0;
}
.label-section-region {
  padding-right: 50px;
}
.sortable-sections,
.sortable-sub-sections {
  padding-left: 20px;
}
.tree-builder-wraper .sortable-empty {
  margin: 10px 0 10px 20px;
  border: 1px var(--cc-legacy-d5d5d5, #d5d5d5);
  border-style: dashed;
  padding: 18px 15px;
  background-color: var(--cc-surface, #ffffff);
}
.form-add-sections .save-add-sections {
  margin-left: 10px;
}
.form-add-sections .cancel-add-sections {
  margin-left: 5px;
}
.form-add-sections.input-group .select2.select2-container {
  margin-left: 10px;
}
@media only screen and (max-width: 1200px) {
  .form-add-sections .input-add-sections,
  .form-add-sections.input-group .select2.select2-container {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .form-add-sections.input-group .select2.select2-container {
    margin-left: 0;
  }
  .form-add-sections .save-add-sections {
    margin-left: 0;
    width: 49%;
    margin-right: 1%;
  }
  .form-add-sections .cancel-add-sections {
    width: 49%;
    margin-left: 1%;
  }
  .form-add-sections .save-add-sections button {
    width: 100%;
  }
  .form-add-sections .cancel-add-sections a {
    width: 100%;
  }
}
.m-b-0 .note-editor {
  margin-bottom: 0;
}
/*End Manuals*/
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
  background-color: var(--cc-primary, #2A478B);
  opacity: 0.8;
  border: 1px solid var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: none;
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(90deg);
}
.text-white h1,
.text-white h2 {
  color: var(--cc-surface, #ffffff);
}
.separator-left {
  border-left: 1px solid var(--cc-surface, #ffffff);
}
.ribbon-white {
  background: var(--cc-surface, #ffffff);
}
.ribbon-text-success {
  color: var(--cc-success, #2E9B72);
}
.ribbon-text-danger {
  color: var(--cc-danger, #B4443C);
}
.ribbon-white.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: var(--cc-surface, #ffffff);
}
.ribbon-white.ribbon-corner.ribbon-right:before {
  border-right-color: var(--cc-surface, #ffffff);
  border-left-color: transparent;
}
@media only screen and (max-width: 768px) {
  .separator-left {
    border-left: none;
  }
}
.pin-modules i,
.pin-modules i:hover,
.pin-modules i:active,
.pin-modules i:focus {
  color: var(--cc-legacy-bootstrap-primary, #337ab7);
}
.ul-list-style-none {
  list-style: none;
}
.search-container {
  margin-top: 0;
}
.cruisebi-img img {
  width: 500px;
  height: auto;
}
@media only screen and (max-width: 576px) {
  .cruisebi-img img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .cruisebi-img img {
    width: 570px;
    height: auto;
  }
}
@media only screen and (min-width: 1500px) {
  .cruisebi-img img {
    width: 620px;
    height: auto;
  }
}
.no-image-search {
  margin-top: 0;
}
.img-group img {
  height: 36px;
  width: auto;
}
/*input group with select*/
.input-group .select2-item-group {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  width: 1%;
}
.input-group .select2-item-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/*input group with select*/
/*panel with buttons*/
.panel-with-buttons .panel-heading {
  position: relative;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 20px 65px 20px 25px;
}
.panel-with-buttons .buttons-right-panel {
  position: absolute;
  top: 19px;
  right: 25px;
}
/*end panel with buttons*/
/*cruise bi employee card*/
.card-employee-cruise-bi.selected .img-text-user img {
  background-color: var(--cc-success, #2E9B72);
}
.card-employee-cruise-bi.selected .img-text-user .fa-stack .fa-circle,
.card-employee-cruise-bi.selected .img-text-user p,
.card-employee-cruise-bi.selected .img-text-user h4 {
  color: var(--cc-success, #2E9B72);
}
.unselected span.fa-stack {
  display: none;
}
.selected.unselected span.fa-stack {
  display: block;
}
/*text copy*/
.text-copy {
  font-size: 9px;
  vertical-align: top;
  cursor: pointer;
}
.text-icon-copy {
  font-size: 12px;
  top: -4px;
  position: relative;
}
.id-copy-icon {
  vertical-align: middle;
  top: 0;
  margin-bottom: 0;
  display: none;
}
.id-copy-icon:hover {
  color: var(--cc-success, #2E9B72) !important;
  display: inline-block;
}
.id-copy-text:hover .id-copy-icon {
  display: inline-block;
}
.name-copy-icon {
  display: none;
  position: absolute;
  font-weight: 200;
  top: -14px;
  left: 95px;
}
.name-copy-icon:hover {
  display: inline-block;
  color: var(--cc-success, #2E9B72) !important;
}
.name-copy-text:hover .name-copy-icon {
  display: inline-block;
}
/*end text copy*/
/*.nu-selection-box {*/
/*border: 1px dotted var(--cc-legacy-bbbbbb, @cc-legacy-bbbbbb);*/
/*background: var(--cc-legacy-rgba-69db2027f128a7, @cc-legacy-rgba-69db2027f128a7);*/
/*}*/
.selection-box {
  background: var(--cc-legacy-rgba-6a73c48998d074, rgba(0, 0, 255, 0.1));
  border-radius: 0.1em;
  border: 0.05em solid var(--cc-legacy-rgba-2a279a6627ff83, rgba(0, 0, 255, 0.2));
}
.xlarge .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.xlarge .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.xlarge .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 7px 16px;
}
.border-right-buttons {
  border-right: 1px solid var(--cc-light, #e4e7ea);
  padding-right: 8px;
  margin-right: 6px;
}
/*end cruise bi employee card*/
.table-disciplinary-documents a {
  color: var(--cc-text-muted-strong, #797979);
}
@media only screen and (max-width: 768px) {
  .btns-below-ribbons .btn {
    margin-top: 40px !important;
  }
}
.info-disciplinary-details {
  padding-top: 10px;
}
@media only screen and (max-width: 576px) {
  .info-disciplinary-details {
    text-align: center;
  }
}
.note-editor .panel-heading {
  padding: 6px 10px 10px;
  background-color: var(--cc-surface, #ffffff);
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
  border: none;
  border-bottom: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  overflow: visible;
}
.box {
  border-radius: 0.25rem;
  padding: 10px;
}
.column-step.column-step-20 {
  flex: 0 0 20%;
  max-width: 20%;
}
@media only screen and (max-width: 1023px) {
  .thin-steps-numbered-bg .column-step.column-step-20 {
    text-align: left;
  }
}
@media only screen and (max-width: 900px) {
  .thin-steps-numbered-bg .column-step.column-step-20 {
    text-align: center;
  }
  .column-step.column-step-20 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .thin-steps-numbered-bg .column-step.column-step-20.active .step-number,
  .thin-steps-numbered-bg .column-step.column-step-20 .step-number {
    font-size: 50px;
    bottom: -17px;
  }
  .questions-steps .thin-steps-numbered-bg .column-step.column-step-20 {
    padding: 10px;
  }
}
/*upload documents*/
.document-list-element h5 {
  margin: 0;
  font-weight: 400;
  display: inline-block;
}
.document-list-element label {
  display: inline-block;
}
.document-list-element .time {
  display: block;
  font-size: 12px;
}
.document-list-element {
  padding: 10px 5px;
  border-top: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
.document-list-element:first-child {
  border: 0;
}
.document-list-element:nth-child(even) {
  background-color: var(--cc-legacy-f4f8fb, #f4f8fb);
}
ul.uploaded-documents-container {
  display: block;
  list-style: none;
  padding-left: 10px ;
  margin-bottom: 0;
}
ul.uploaded-documents-container li {
  display: block;
  margin-bottom: 5px;
}
ul.uploaded-documents-container li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .document-list-element .time {
    float: none !important;
    margin-bottom: 5px;
  }
  .upload-requested-documents-input .group-span-filestyle,
  .upload-requested-documents-input label.btn {
    width: 100%;
  }
}
.uploaded-documents-container .btn-check:focus,
.uploaded-documents-container .btn-check:active {
  box-shadow: none;
}
.btn-check-success.btn-outline:hover,
.btn-check-success.btn-outline:focus,
.btn-check-success.btn-outline.active {
  background: var(--cc-success, #2E9B72);
  color: var(--cc-surface, #ffffff);
}
.btn-check-danger.btn-outline:hover,
.btn-check-danger.btn-outline:focus,
.btn-check-danger.btn-outline.active {
  background: var(--cc-danger, #B4443C);
  color: var(--cc-surface, #ffffff);
}
.document-request-list {
  max-height: 500px;
  overflow: auto;
}
.document-notify {
  margin-top: -28px;
  margin-right: 5px;
}
.main-header-notify {
  margin-right: 4px;
}
.modal-header .btn-details-view {
  float: right;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.2;
  padding: 14px 10px 10px 10px;
  margin: -1rem -1rem -1rem auto;
  margin-right: 0px;
  filter: alpha(opacity=20);
  color: var(--cc-rich-black, #000000);
  background: transparent;
  border: 0;
}
.modal-header .btn-details-view:hover,
.modal-header .btn-details-view:focus,
.modal-header .btn-details-view:active {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
  color: var(--cc-rich-black, #000000);
}
.modal-header .btn-details-view.active {
  opacity: 1;
  color: var(--cc-header-bg, #2A478B);
}
.contacts-actions a.sms-contact:hover,
.contacts-actions a.sms-contact:focus,
.contacts-actions a.sms-contact:active,
.contacts-actions a.sms-contact.active {
  color: var(--cc-warning, #D4A72C) !important;
}
.contacts-actions a.whatsapp-contact:hover,
.contacts-actions a.whatsapp-contact:focus,
.contacts-actions a.whatsapp-contact:active,
.contacts-actions a.whatsapp-contact.active {
  color: var(--cc-legacy-25d366, #25d366) !important;
}
.contacts-actions a.email-contact:hover,
.contacts-actions a.email-contact:focus,
.contacts-actions a.email-contact:active,
.contacts-actions a.email-contact.active {
  color: var(--cc-legacy-d44638, #d44638) !important;
}
.contacts-actions a.video-contact:hover,
.contacts-actions a.video-contact:focus,
.contacts-actions a.video-contact:active,
.contacts-actions a.video-contact.active {
  color: var(--cc-purple, #6B4FA3) !important;
}
.contacts-actions a.phone-contact:hover,
.contacts-actions a.phone-contact:focus,
.contacts-actions a.phone-contact:active,
.contacts-actions a.phone-contact.active {
  color: var(--cc-primary, #2A478B) !important;
}
a.change-groups {
  color: var(--cc-primary, #2A478B) !important;
}
.details-view-img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  margin: 0 0 0 5px;
}
.modal-content .details-view-element {
  display: none;
}
.modal-content.details-active .details-view-element {
  display: block;
}
/*end upload documents*/
/*Location & reservation*/
.img-location {
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .reservation-calendar-switch {
    margin-bottom: 10px;
  }
}
.span-schedule-day {
  min-width: 150px;
  padding-top: 8px;
}
.add-workflow.add-location span:before {
  font-family: "Material Design Icons";
  content: "\F419";
  font-size: 179.9px;
}
/*end Location & reservation*/
/*-------------------------------- Manage task --------------------------------*/
.workflow-statistic {
  line-height: 22px;
  font-size: 18px;
  text-align: right;
  margin-top: 10px;
}
.calendar-container .fc-toolbar.fc-header-toolbar {
  margin-top: 0;
}
.calendar-type-events {
  padding: 8px 10px;
  border: 1px solid var(--cc-surface, #ffffff);
  cursor: pointer;
}
.calendar-type-events:hover {
  background-color: var(--cc-extra-light, #f7fafc);
}
.calendar-type-events.checked {
  background-color: var(--cc-legacy-dcf0f9, #dcf0f9);
}
.calendar-type-events.checked:hover {
  background-color: var(--cc-legacy-c2e8fa, #c2e8fa);
}
@media only screen and (max-width: 991px) {
  .company-client-statistic .company-head-info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
  }
  .company-client-statistic .company-external-image {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
  }
  .company-client-statistic .company-external-image,
  .company-client-statistic .company-external-dashboard {
    text-align: left;
  }
  .company-client-statistic .company-head-info.company-external-dashboard h4 {
    margin-bottom: 10px;
  }
}
.img-task {
  width: 40px;
  height: 40px;
}
.task-list li {
  margin-bottom: 10px;
}
.task-list .fb-inbox-item img {
  margin-right: 0;
}
.card-task-container {
  box-shadow: 0 1px 6px var(--cc-legacy-rgba-bc76b2532d2444, rgba(0, 0, 0, 0.05));
}
.card-task {
  position: relative;
  padding: 20px;
  border-top: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  border-right: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  border-bottom: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
.card-task .btn-close-action {
  position: absolute;
  right: 0px;
  top: -1px;
  padding: 2px 4px 2px 5px;
  color: var(--cc-legacy-rgba-17bf2102087bd8, rgba(0, 0, 0, 0.4));
  font-size: 10px;
  background: var(--cc-border, rgba(120, 130, 140, 0.13));
}
.card-task-title {
  margin: 0 0 12px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}
.card-task-text {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}
.heading-card-task {
  width: 5px;
  border-top: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  border-left: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  border-bottom: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
.heading-card-task-text {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.heading-task-default {
  background-color: var(--cc-light, #e4e7ea);
  color: var(--cc-text, #686868);
}
.heading-task-warning {
  background-color: var(--cc-warning, #D4A72C);
  color: var(--cc-surface, #ffffff);
}
.heading-task-info {
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.heading-task-success {
  background-color: var(--cc-success, #2E9B72);
  color: var(--cc-surface, #ffffff);
}
.task-img-container img {
  height: 170px;
  width: auto;
}
.top-task-img-container img {
  height: 140px;
  width: auto;
}
.datepicker-inline-container {
  display: block;
  text-align: -webkit-center;
}
.datepicker-inline-container .datepicker td {
  padding: 9px 9px;
}
.datepicker-inline-container .datepicker-inline {
  width: 255px;
}
/*-------------------------------- end Manage task --------------------------------*/
.label-job-type {
  display: inline-block;
}
.label-job-type:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  height: 100%;
}
.label-job-type div {
  display: inline-block;
  vertical-align: top;
  padding: 4px 15px;
}
.text-statistic {
  border-top: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
.comment-center-notes {
  margin: 0;
}
.card-course-wrapper {
  border-radius: 8px;
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  width: 100%;
}
.card-course-info-wrapper {
  padding: 10px 10px 0 10px;
}
.card-img-course {
  width: 200px;
}
.card-img-course img {
  height: 150px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.course-name-card {
  height: 42px;
  min-height: 42px;
  line-height: 20px;
}
.shop-listing p {
  padding-bottom: 0;
  font-size: 12px;
}
.description-course-card {
  height: 34px;
  min-height: 34px;
  line-height: 16px;
  font-size: 14px;
}
@media only screen and (min-width: 1300px) {
  .card-course-chart-lg {
    display: block !important;
  }
  .card-course-chart-md {
    display: none !important;
  }
  .card-course-chart-xs {
    display: none !important;
  }
  .card-course-chart-lg {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .card-course-info-lg {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .card-course-info-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .card-course-info-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1300px) {
  .card-course-chart-lg {
    display: none !important;
  }
  .card-course-chart-md {
    display: block !important;
  }
  .card-course-chart-xs {
    display: none !important;
  }
  .card-course-chart-md {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .card-course-info-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .card-course-info-md {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .card-course-info-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1170px) {
  .card-course-chart-lg {
    display: none !important;
  }
  .card-course-chart-md {
    display: none !important;
  }
  .card-course-chart-xs {
    display: block !important;
  }
  .card-course-chart-xs {
    padding-left: 0 !important;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .card-course-info-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .card-course-info-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .card-course-info-xs {
    padding-right: 0 !important;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media only screen and (max-width: 992px) {
  .card-course-chart-lg {
    display: block !important;
  }
  .card-course-chart-md {
    display: none !important;
  }
  .card-course-chart-xs {
    display: none !important;
  }
  .card-course-chart-lg {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .card-course-info-lg {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .card-course-info-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .card-course-info-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 670px) {
  .card-course-chart-lg {
    display: none !important;
  }
  .card-course-chart-md {
    display: block !important;
  }
  .card-course-chart-xs {
    display: none !important;
  }
  .card-course-chart-md {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .card-course-info-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .card-course-info-md {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .card-course-info-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 610px) {
  .card-course-chart-lg {
    display: none !important;
  }
  .card-course-chart-md {
    display: none !important;
  }
  .card-course-chart-xs {
    display: block !important;
  }
  .card-course-chart-xs {
    padding-left: 0 !important;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .card-course-info-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .card-course-info-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .card-course-info-xs {
    padding-right: 0 !important;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media only screen and (max-width: 520px) {
  .card-course-wrapper,
  .card-course-info-wrapper,
  .card-img-course {
    display: block;
  }
  .card-img-course {
    width: 100%;
  }
  .card-img-course img {
    width: 100%;
    height: auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
  }
}
.course-filter {
  font-weight: 500;
  color: var(--cc-text-menu-muted, #8d9ea7);
}
.course-filter:hover,
.course-filter:focus,
.course-filter:active {
  color: var(--cc-primary, #2A478B);
}
.course-filter.active {
  color: var(--cc-primary, #2A478B);
}
.course-filter.inactive {
  color: var(--cc-text-menu-muted, #8d9ea7);
}
.course-filter.inactive:hover,
.course-filter.inactive:focus,
.course-filter.inactive:active {
  color: var(--cc-text-menu-muted, #8d9ea7);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .insights-box-statistic .insights-box-title-statistic {
    margin-bottom: 0 !important;
  }
  .insights-box-statistic .number-big.font-40 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0 !important;
  }
  .insights-box-statistic .statistic-icon-top {
    display: none !important;
  }
  .insights-box-statistic .statistic-icon-line {
    display: inline-block !important;
  }
}
.img-course-table {
  height: 50px;
  width: auto;
  border-radius: 8px;
}
.list-workflow-process {
  margin-bottom: 0px;
}
.form-add-workflow-sections .save-add-workflow-group-btn,
.form-add-workflow-sections .cancel-add-workflow-group-btn,
.form-add-audience-sections .save-add-audience-group-btn,
.form-add-audience-sections .cancel-add-audience-group-btn {
  width: auto;
}
.form-add-workflow-sections .save-add-workflow-group-btn,
.form-add-audience-sections .save-add-audience-group-btn {
  margin-left: 10px;
  margin-right: 0;
}
.form-add-workflow-sections .cancel-add-workflow-group-btn,
.form-add-audience-sections .cancel-add-audience-group-btn {
  margin-left: 5px;
  margin-right: 0;
}
@media only screen and (max-width: 576px) {
  .form-add-workflow-sections .save-add-workflow-group-btn,
  .form-add-audience-sections .save-add-audience-group-btn {
    margin-left: 0;
    width: 49%;
    margin-right: 1%;
  }
  .form-add-workflow-sections .cancel-add-workflow-group-btn,
  .form-add-audience-sections .cancel-add-audience-group-btn {
    width: 49%;
    margin-left: 1%;
  }
  .form-add-workflow-sections.input-group .select2.select2-container,
  .form-add-audience-sections.input-group .select2.select2-container {
    width: 100% !important;
    margin-bottom: 10px;
  }
}
.panel-switch.panel-with-buttons .panel-heading {
  padding: 20px 115px 20px 25px;
}
.workflow-switch-process-heading,
.audience-switch-process-heading,
.milestone-switch-template-heading {
  float: right;
}
@media only screen and (max-width: 768px) {
  .panel-switch.panel-with-buttons .panel-heading {
    padding: 20px 65px 20px 25px;
  }
}
@media only screen and (max-width: 576px) {
  .panel-switch.panel-with-buttons .panel-heading {
    padding: 20px 65px 20px 25px;
  }
  .workflow-switch-process-heading,
  .audience-switch-process-heading {
    display: block !important;
    float: none;
  }
}
.workflow-process-checkbox {
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .workflow-process-checkbox {
    margin-right: 0;
    float: right;
    margin-top: 6px;
  }
}
.alert-message {
  padding: 10px !important;
  width: 100%;
}
.alert-message-warning {
  background-color: var(--cc-legacy-fee083, #fee083) !important;
  color: var(--cc-legacy-987304, #987304) !important;
  border: 1px solid var(--cc-legacy-fed96a, #fed96a);
}
.alert-message-warning .alert-message-button a {
  color: var(--cc-warning-amber-deep, #7f6003);
  border: 1px solid var(--cc-warning-amber-deep, #7f6003);
}
.alert-message-warning .alert-message-button a:hover {
  color: var(--cc-legacy-fee083, #fee083);
  background-color: var(--cc-warning-amber-deep, #7f6003);
}
.alert-message-success {
  background-color: var(--cc-success, #2E9B72) !important;
  color: var(--cc-surface, #ffffff) !important;
  border: 1px solid var(--cc-success, #2E9B72);
}
.alert-message-success .alert-message-button a {
  color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-surface, #ffffff);
}
.alert-message-success .alert-message-button a:hover {
  color: var(--cc-success, #2E9B72);
  background-color: var(--cc-surface, #ffffff);
}
.alert-message-info {
  background-color: var(--cc-primary, #2A478B) !important;
  color: var(--cc-surface, #ffffff) !important;
  border: 1px solid var(--cc-primary, #2A478B);
}
.alert-message-info .alert-message-button a {
  color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-surface, #ffffff);
}
.alert-message-info .alert-message-button a:hover {
  color: var(--cc-surface, #ffffff);
  background-color: var(--cc-primary, #2A478B);
}
.alert-message-error {
  background-color: var(--cc-danger, #B4443C) !important;
  color: var(--cc-surface, #ffffff) !important;
  border: 1px solid var(--cc-danger, #B4443C);
}
.alert-message-error .alert-message-button a {
  color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-surface, #ffffff);
}
.alert-message-error .alert-message-button a:hover {
  color: var(--cc-danger, #B4443C);
  background-color: var(--cc-surface, #ffffff);
}
.alert-message-button a:focus {
  box-shadow: none;
}
@media only screen and (max-width: 500px) {
  .alert-message-icon {
    display: none;
  }
  .alert-message-text-icon {
    display: inline !important;
    margin-right: 5px;
  }
  .alert-message-button {
    display: block;
    width: 100%;
  }
  .alert-message-text {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .alert-message-button a {
    width: 100%;
  }
}
/*-------------------------------- CRM --------------------------------*/
.contacts-actions a {
  padding: 0 7px;
}
.contacts-actions.heading-actions a {
  padding: 0;
}
a.change-groups:hover,
a.change-groups:focus,
a.change-groups:active,
a.change-groups.active {
  opacity: 0.8;
  color: var(--cc-header-bg, #2A478B) !important;
}
.contact-groups li div:hover,
.contact-groups li div:focus,
.contact-groups li div:active,
.contact-groups li.active div {
  font-weight: 500;
  color: var(--cc-header-bg, #2A478B) !important;
}
.remove-contact-group {
  color: var(--cc-text-menu-muted, #8d9ea7);
}
.remove-contact-group:hover,
.remove-contact-group:focus,
.remove-contact-group:active {
  color: var(--cc-palette-red-pure, #ff0000);
}
.chat-main-box {
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
.send-chat-box .send-messages-crm-container {
  border-top: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
.messages-crm .send-chat-box .send-messages-crm-container {
  border-top: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  background-color: var(--cc-legacy-efefef, #efefef);
}
.contact-groups li div.group-element {
  position: relative;
  padding: 15px 35px 15px 20px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.contact-groups li:last-child div.group-element {
  padding: 15px 0;
}
.contact-groups li a span {
  float: none;
}
.contact-groups li div.group-element-container {
  position: relative;
}
.contact-groups li div.group-element-container .group-element-menu-button {
  position: absolute;
  top: 14px;
  z-index: 1;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.contact-groups li div.group-element-container .group-element-menu {
  padding: 0 !important;
  min-width: 100px;
}
.contact-groups li div.group-element-container .group-element-menu li a {
  padding: 5px 10px !important;
}
.contact-groups li div.group-element span.group-number {
  position: absolute;
  top: 15px;
  right: 0;
}
@media only screen and (max-width: 992px) {
  .right-aside.contact-groups-table-container {
    margin-left: 0;
  }
  .left-aside.contact-groups-table-container {
    padding: 0 20px;
    position: relative;
    width: 100%;
    border: 0;
  }
}
.groups-list-container {
  max-height: 400px;
  overflow-y: auto;
}
.chat-main-box .chat-right-aside .send-chat-box .message-text.form-control {
  resize: none;
  border: 0;
  border-radius: 20px;
  height: 62px;
  max-height: 62px;
  line-height: normal;
  padding: 9px 12px 11px;
  margin: 10px 0;
  background-color: var(--cc-surface, #ffffff);
}
.messages-crm.crm-video-calls-container .chat-main-header .right-btn-call {
  background-color: var(--cc-purple, #6B4FA3);
  color: var(--cc-surface, #ffffff);
}
.messages-crm .chat-main-header .right-btn-call:hover,
.messages-crm .chat-main-header .right-btn-call:focus,
.messages-crm .chat-main-header .right-btn-call:active {
  opacity: 0.8;
}
.send-chat-container .form-material .form-control {
  background-image: linear-gradient(var(--cc-legacy-0287c2, #0287c2), var(--cc-legacy-0287c2, #0287c2)), linear-gradient(var(--cc-border, rgba(120, 130, 140, 0.13)), var(--cc-border, rgba(120, 130, 140, 0.13)));
}
.send-chat-container .btn-send-message button {
  color: var(--cc-legacy-0287c2, #0287c2);
}
.send-chat-container .btn-send-message button:hover,
.send-chat-container .btn-send-message button:focus,
.send-chat-container .btn-send-message button:active {
  color: var(--cc-legacy-0287c2, #0287c2);
}
.send-chat-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.send-chat-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.send-chat-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.send-chat-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
  background: var(--cc-legacy-bbe6fa, #bbe6fa);
}
.send-chat-container .chat-list .sender .chat-text {
  background: var(--cc-legacy-bbe6fa, #bbe6fa);
}
.send-sms-container .form-material .form-control {
  background-image: linear-gradient(var(--cc-warning, #D4A72C), var(--cc-warning, #D4A72C)), linear-gradient(var(--cc-border, rgba(120, 130, 140, 0.13)), var(--cc-border, rgba(120, 130, 140, 0.13)));
}
.btn-send-message {
  font-size: 25px;
  width: 60px;
  text-align: center;
}
.btn-send-message button {
  background-color: transparent;
  border: 0;
}
.messages-crm .chat-main-header {
  position: relative;
}
.messages-crm .chat-main-header .img-text-user p {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 5px;
}
.messages-crm .chat-main-header .twi-user {
  padding-right: 40px;
}
.messages-crm .chat-main-header .right-btn-call {
  position: absolute;
  right: 15px;
  top: 8px;
  height: 40px;
  width: 40px;
  padding: 0;
  font-size: 20px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  margin: 17px 5px;
}
.chat-list .chat-text {
  padding: 10px 15px;
}
.messages-crm .chat-box .chat-top-message {
  padding: 10px;
  font-size: 12px;
}
.messages-crm .chat-box .chat-top-message-danger {
  background-color: var(--cc-danger, #B4443C);
  color: var(--cc-surface, #ffffff);
}
/*--------------------------------------- SMS, Whatsapp ---------------------------------------*/
.send-sms-container .btn-send-message button,
.send-whatsapp-container .btn-send-message button {
  transition: all 0.5s;
  color: var(--cc-legacy-25d366, #25d366);
}
.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
  background: var(--cc-legacy-d3f6e0, #d3f6e0);
}
.send-whatsapp-container .chat-list .sender .chat-text {
  background: var(--cc-legacy-d3f6e0, #d3f6e0);
}
.crm-calls-container .form-material .form-control {
  background-image: linear-gradient(var(--cc-primary, #2A478B), var(--cc-primary, #2A478B)), linear-gradient(var(--cc-border, rgba(120, 130, 140, 0.13)), var(--cc-border, rgba(120, 130, 140, 0.13)));
}
.crm-calls-container .btn-send-message button {
  color: var(--cc-primary, #2A478B);
}
.crm-calls-container .btn-send-message button:hover,
.crm-calls-container .btn-send-message button:focus,
.crm-calls-container .btn-send-message button:active {
  opacity: 0.8;
}
.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
  background: var(--cc-legacy-caedfd, #caedfd);
}
.crm-calls-container .chat-list .sender .chat-text {
  background: var(--cc-legacy-caedfd, #caedfd);
}
.crm-video-calls-container .form-material .form-control {
  background-image: linear-gradient(var(--cc-purple, #6B4FA3), var(--cc-purple, #6B4FA3)), linear-gradient(var(--cc-border, rgba(120, 130, 140, 0.13)), var(--cc-border, rgba(120, 130, 140, 0.13)));
}
.crm-video-calls-container .btn-send-message button {
  color: var(--cc-purple, #6B4FA3);
}
.crm-video-calls-container .btn-send-message button:hover,
.crm-video-calls-container .btn-send-message button:focus,
.crm-video-calls-container .btn-send-message button:active {
  opacity: 0.8;
}
.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
  background: var(--cc-legacy-e9e2f5, #e9e2f5);
}
.crm-video-calls-container .chat-list .sender .chat-text {
  background: var(--cc-legacy-e9e2f5, #e9e2f5);
}
.messages-crm .chat-list .chat-text {
  background: var(--cc-legacy-efefef, #efefef);
}
/*--------------------------------------- End SMS, Whatsapp ---------------------------------------*/
.messages-crm .chat-list .sender .chat-image {
  float: right !important;
}
.messages-crm .chat-list .sender .chat-body {
  float: right!important;
  margin-right: 12px;
  text-align: right;
  color: var(--cc-text, #686868);
}
.messages-crm .img-text-user img {
  width: 32px !important;
  height: 32px !important;
}
.messages-crm .twi-user .img-text-user {
  padding-top: 0;
}
.messages-crm .img-text-user p {
  margin-top: 0;
  padding-top: 3px;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
}
.messages-crm .img-text-user small {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.messages-crm.chat-main-box .chat-left-aside .chat-left-inner .style-none li a {
  padding: 10px;
}
.messages-crm .chat-main-header .img-text-user img {
  width: 50px !important;
  height: 50px !important;
  margin-right: 10px;
}
.messages-crm .chat-main-header .img-text-user h4 {
  margin-bottom: 4px;
  margin-top: 0;
  line-height: 25px;
}
.messages-crm .chat-box .chat-messages {
  height: 500px;
}
.messages-crm .chat-left-inner .chatonline-container {
  height: 610px;
}
.messages-crm .chat-left-inner .chatonline-container ul {
  margin-bottom: 0;
}
.messages-crm.chat-main-box .chat-right-aside .chat-list {
  padding-top: 20px;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .messages-crm .chat-list {
    padding: 10px 0;
  }
  .messages-crm .chat-list .chat-body {
    width: 75%;
  }
  .messages-crm .chat-list .chat-body .chat-text {
    padding: 10px;
  }
}
.messages-crm.crm-calls-container .chat-list .chat-body,
.messages-crm.crm-video-calls-container .chat-list .chat-body {
  width: 85%;
}
.mail-list .contact-groups li div.group-element {
  padding: 10px 52px 10px 10px;
}
.mail-list .contact-groups li div:hover,
.mail-list .contact-groups li div:focus,
.mail-list .contact-groups li div:active,
.mail-list .contact-groups li.active div {
  color: var(--cc-text-strong, #2b2b2b) !important;
  font-weight: 300;
  border-left: 3px solid var(--cc-header-bg, #2A478B);
}
.mail-list .contact-groups li div.group-element span.group-number {
  position: absolute;
  top: 10px;
  right: 0;
}
.mail-list .group-number .label,
.mail_listing .label {
  padding: 2px 10px 2px;
}
.sender-name .label {
  padding: 1px 6px 1px;
  font-size: 9px;
}
.list-group.mail-groups .contact-groups li div:hover,
.list-group.mail-groups .contact-groups li div:focus,
.list-group.mail-groups .contact-groups li div:active,
.list-group.mail-groups .contact-groups li.active div {
  color: var(--cc-text-strong, #2b2b2b) !important;
  font-weight: 500;
  border: 0;
  background: #eff6fa;
}
.inbox-center .sender-name,
.inbox-center .sender-name a {
  max-width: 200px;
}
.inbox-center .checkbox-column {
  vertical-align: middle;
}
.inbox-center .checkbox-column label {
  min-height: 13px;
}
.inbox-center .table > tbody > tr > td,
.inbox-center .table > tbody > tr > th,
.inbox-center .table > tfoot > tr > td,
.inbox-center .table > tfoot > tr > th,
.inbox-center .table > thead > tr > td,
.inbox-center .table > thead > tr > th {
  padding: 15px 8px 10px;
}
.inbox-center .show .dropdown-toggle::after,
.inbox-center .open .dropdown-toggle::after,
.inbox-center .show.open .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
  color: var(--cc-header-bg, #2A478B);
}
.inbox-center .show .dropdown-toggle::after,
.inbox-center .open .dropdown-toggle::after,
.inbox-center .show.open .dropdown-toggle::after {
  background-color: transparent;
}
.email-detail-title a,
.email-detail-actions a {
  color: var(--cc-primary, #2A478B) !important;
}
.inbox-center .inbox-actions ul {
  width: 100px;
}
.inbox-center .inbox-actions ul a {
  width: 100%;
}
.list-group.mail-groups {
  max-height: 220px;
}
.inbox-center thead tr:first-child th {
  border-top: 0;
}
.inbox-center tfoot tr th {
  border-bottom: 0;
}
.inbox-center tfoot .checkbox-column {
  vertical-align: top;
}
.inbox-center .delete-email {
  background: transparent;
  border: 0;
}
.media.email-body {
  overflow: inherit;
}
.email-detail-title {
  position: relative;
  padding: 5px 145px 5px 25px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.email-detail-title-xs {
  /*padding: 5px 145px 5px 25px;*/
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.email-detail-title .back-mail {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 20px;
}
.email-detail-actions {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 20px;
}
.email-detail-actions-group {
  position: absolute;
  top: 2px;
  right: 0;
}
.email-detail-actions-group button {
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 18px;
  color: var(--cc-header-bg, #2A478B) !important;
}
.email-detail-actions-group button:hover,
.email-detail-actions-group button:focus,
.email-detail-actions-group button:active {
  background: transparent;
  border: 0;
  box-shadow: none;
  opacity: 0.8;
}
.email-detail-actions-group .group-element-menu {
  padding: 0 !important;
  min-width: 100px;
  left: -45px !important;
  right: 0 !important;
}
.email-detail-actions-group .group-element-menu li a {
  padding: 5px 10px !important;
}
.email-sender {
  position: relative;
  padding-right: 100px;
}
.email-sender .img-text-user img {
  width: 32px !important;
  height: 32px !important;
  margin-right: 10px;
}
.email-sender .twi-user .img-text-user {
  padding-top: 0;
}
.email-sender .img-text-user p {
  margin-top: 0;
  padding-top: 3px;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
}
.email-sender .img-text-user small {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.email-date {
  padding-top: 3px;
  text-align: right;
  position: absolute;
  top: -5px;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .email-detail-title {
    padding: 5px 30px 5px 25px;
  }
}
.attach-file {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.email-compose-control-text {
  top: 8px;
  left: 6px;
  position: absolute;
  color: var(--cc-text-gray-aaa, #aaaaaa);
  background-color: var(--cc-surface, #ffffff);
}
.email-compose-control-text-cc {
  cursor: pointer;
  top: 8px;
  right: 36px;
  position: absolute;
  color: var(--cc-text-gray-aaa, #aaaaaa);
  background-color: var(--cc-surface, #ffffff);
}
.email-compose-control-text-bcc {
  cursor: pointer;
  top: 8px;
  right: 0;
  position: absolute;
  color: var(--cc-text-gray-aaa, #aaaaaa);
  background-color: var(--cc-surface, #ffffff);
}
.email-compose-control-subject:focus,
.email-compose-control-subject:active {
  border-color: var(--cc-light, #e4e7ea) !important;
}
.email-compose-control-to .bootstrap-tagsinput {
  padding-left: 60px;
  padding-right: 60px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.email-compose-control-subject {
  padding-left: 65px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.email-compose-control-text-cc-div .bootstrap-tagsinput {
  padding-left: 60px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.email-compose-control-text-bcc-div .bootstrap-tagsinput {
  padding-left: 66px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.email-compose-control .bootstrap-tagsinput input,
.email-compose-control-text-cc-div .bootstrap-tagsinput input,
.email-compose-control-text-bcc-div .bootstrap-tagsinput input {
  padding: 0;
}
.compose-text .note-editor {
  border: 0;
}
.email-compose-control-to .bootstrap-tagsinput,
.email-compose-control-cc .bootstrap-tagsinput,
.email-compose-control-bcc .bootstrap-tagsinput {
  overflow: auto;
}
/*-------------------------------- End CRM --------------------------------*/
/*-------------------------------- Profile Candidate CRM --------------------------------*/
.profile-crm.messages-crm.chat-main-box .chat-left-aside {
  width: 81px;
}
.profile-crm.messages-crm.chat-main-box .chat-right-aside {
  margin-left: 81px;
}
@media (max-width: 767px) {
  .profile-crm.messages-crm.chat-main-box .chat-right-aside {
    margin-left: 0;
  }
  .profile-crm.messages-crm.chat-main-box .chat-left-aside {
    left: -81px;
  }
  .profile-crm.messages-crm.chat-main-box .chat-left-aside.open-pnl {
    left: 0;
  }
}
.profile-crm.messages-crm .chat-left-inner .chatonline-container {
  height: 584px;
}
.profile-crm.messages-crm.chat-main-box .chat-left-aside .chat-left-inner .style-none li a {
  padding: 20px;
}
.profile-crm.messages-crm .chat-left-inner li a i {
  font-size: 40px;
  color: var(--cc-text-menu-muted, #8d9ea7);
}
.profile-crm.messages-crm .chat-left-inner li a .notify .point {
  width: 8px;
  height: 8px;
  right: -1px;
  top: -18px;
}
h4.candidate-view-contacts-actions a .notify .point {
  right: 4px;
  top: 3px;
}
.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item:focus {
  background-color: var(--cc-legacy-ddeef7, #ddeef7);
}
.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item.active i {
  color: var(--cc-legacy-0287c2, #0287c2);
}
.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item:focus {
  background-color: var(--cc-legacy-fef6dd, #fef6dd);
}
.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item.active i {
  color: var(--cc-warning, #D4A72C);
}
.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item:focus {
  background-color: var(--cc-legacy-e1f9ea, #e1f9ea);
}
.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item.active i {
  color: var(--cc-legacy-25d366, #25d366);
}
.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item:focus {
  background-color: var(--cc-legacy-f9e7e4, #f9e7e4);
}
.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item.active i {
  color: var(--cc-legacy-d44638, #d44638);
}
.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item:focus {
  background-color: var(--cc-legacy-f1edf9, #f1edf9);
}
.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item.active i {
  color: var(--cc-purple, #6B4FA3);
}
.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item:focus {
  background-color: var(--cc-legacy-ddf4fd, #ddf4fd);
}
.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item.active i {
  color: var(--cc-primary, #2A478B);
}
.messages-crm .crm-video-calls-container .send-chat-box .right-btn-call.video-btn-call {
  background-color: var(--cc-purple, #6B4FA3);
  color: var(--cc-surface, #ffffff);
}
.messages-crm .crm-video-calls-container .send-chat-box .right-btn-call.video-btn-call {
  background-color: var(--cc-purple, #6B4FA3);
  color: var(--cc-surface, #ffffff);
}
.messages-crm .crm-calls-container .send-chat-box .right-btn-call.phone-btn-call {
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.messages-crm .crm-calls-container .send-chat-box .right-btn-call.phone-btn-call {
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.messages-crm .crm-video-calls-container .send-chat-box .right-btn-call:hover,
.messages-crm .crm-calls-container .send-chat-box .right-btn-call:hover {
  opacity: 0.8;
}
.messages-crm .crm-video-calls-container .send-chat-box .right-btn-call,
.messages-crm .crm-calls-container .send-chat-box .right-btn-call {
  position: absolute;
  right: 15px;
  top: 5px;
  height: 40px;
  width: 40px;
  padding: 0;
  font-size: 20px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  margin: 17px 5px;
}
.send-email-container .email-center-wrapper {
  height: 540px;
}
.send-email-container .email-center-wrapper .inbox-compose-wrapper,
.send-email-container .email-center-wrapper .inbox-email-detail-wrapper {
  padding: 10px;
}
.send-email-container .email-center-wrapper .inbox-email-detail-wrapper .media {
  display: block;
}
.send-email-container .email-center-wrapper .inbox-email-detail-wrapper .label {
  padding: 3px 16px 3px;
}
.send-email-container .email-center-wrapper .inbox-compose-wrapper .note-editor .panel-heading {
  padding: 6px 10px 10px;
  background-color: var(--cc-surface, #ffffff);
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
  border: none;
  border-bottom: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  overflow: visible;
}
.candidate-email-menu-wrapper {
  padding: 10px;
  border-bottom: 1px solid var(--cc-light, #e4e7ea);
}
.btn-candidate-compose-email:hover {
  opacity: 0.8;
  color: var(--cc-surface, #ffffff);
}
.btn-candidate-email-menu {
  color: var(--cc-text-menu-muted, #8d9ea7);
}
.btn-candidate-email-menu.active,
.btn-candidate-email-menu:hover {
  color: var(--cc-primary, #2A478B);
  border-bottom: 2px solid var(--cc-primary, #2A478B);
}
.editable-table .fb-inbox-widget .fb-inbox-item tbody tr {
  background-color: var(--cc-legacy-rgba-3671eee0157649, rgba(0, 0, 0, 0));
}
.employee-excel-button {
  border: 1px solid var(--cc-legacy-rgba-4b2720a7acebef, rgba(84, 102, 122, 0.47)) !important;
  color: var(--cc-legacy-rgba-00e723464ccf47, rgba(84, 102, 122, 0.77));
}
.employee-excel-button:hover,
.employee-excel-button:focus {
  border: 1px solid var(--cc-primary, #2A478B) !important;
}
.server-location.server-location-cloud {
  background-color: var(--cc-success, #2E9B72);
  border: 1px solid var(--cc-success, #2E9B72);
}
.server-location.server-location-server {
  background-color: var(--cc-primary-bootstrap, #6B4FA3);
  border: 1px solid var(--cc-primary-bootstrap, #6B4FA3);
}
.btn-candidate-compose-email {
  padding: 5px 15px;
  border-radius: 60px;
  font-size: 12px;
}
/*------------------------------ End Profile Candidate CRM ------------------------------*/
/*-------------------------------- Workflow right sidebar --------------------------------*/
.workflow-right-sidebar.workflow-right-sidebar-document {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 100;
  height: 100%;
  box-shadow: 5px 1px 40px var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1));
  transition: all 0.3s ease;
  /*overflow: hidden;*/
  background: var(--cc-surface, #ffffff);
}
.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title {
  position: relative;
  display: block;
  text-align: right;
  padding: 5px;
  text-transform: uppercase;
  font-size: 13px;
  background: var(--cc-header-bg, #2A478B);
  color: var(--cc-surface, #ffffff);
  border-bottom: 1px solid var(--cc-surface, #ffffff);
}
.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title span {
  padding-top: 2px;
  float: left;
  cursor: pointer;
  font-size: 11px;
}
.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title span i {
  padding: 5px;
  margin: 0;
}
.workflow-right-sidebar.workflow-right-sidebar-document {
  /*right: -300px;*/
  width: 0;
  min-width: 0;
}
.workflow-right-sidebar.workflow-right-sidebar-document.shw-rside {
  /*right: 0;*/
  width: 500px;
  min-width: 500px;
}
@media only screen and (max-width: 500px) {
  .workflow-right-sidebar.workflow-right-sidebar-document.shw-rside {
    min-width: 100%;
  }
}
.workflow-right-sidebar.workflow-right-sidebar-document .r-panel-body {
  padding: 0;
  height: 100%;
  background-color: var(--cc-surface, #ffffff);
}
.workflow-accordion .accordion-item-header a:not(.collapsed) .accordion-item-icon-right .rotate-icon {
  transform: rotate(180deg);
  margin-top: 10px;
}
.workflow-accordion .accordion-item-header a div {
  padding: 10px 20px 10px 20px;
  position: relative;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--cc-surface, #ffffff);
  background: var(--cc-header-bg, #2A478B);
  border-bottom: 1px solid #ffff;
}
.workflow-accordion .accordion-item-header a.collapsed .accordion-item-icon-left i {
  color: var(--cc-success, #2E9B72);
}
.workflow-accordion .accordion-item-header a div span.accordion-item-icon-right {
  position: absolute;
  right: 10px;
  top: 6px;
}
.workflow-accordion .accordion-item-header a div span.accordion-item-icon-left {
  position: absolute;
  left: 3px;
  top: 10px;
}
.workflow-company-form > span.select2:nth-child(2) {
  margin-right: 5px;
}
.overdue-addon {
  border: 0;
  padding: 9px 5px;
  font-weight: 500;
}
.workflow-banner {
  width: 20px;
  background-color: #03a9f3;
}
ul.workflow-sortable-list li {
  padding: 0;
}
ul.workflow-sortable-list li .workflow-body,
div.workflow-sortable-list .workflow-body {
  padding: 5px 5px 5px 5px;
  position: relative;
}
ul.workflow-sortable-list li .workflow-body .fields-list label,
div.workflow-sortable-list .workflow-body .fields-list label {
  padding: 5px 5px 5px 5px;
  position: relative;
  margin-bottom: 0;
}
ul.workflow-sortable-list li .workflow-body .fields-list label:hover,
ul.workflow-sortable-list li .workflow-body .fields-list label:focus,
ul.workflow-sortable-list li .workflow-body .fields-list label:active {
  cursor: pointer;
  background-color: var(--cc-header-bg, #2A478B);
  color: var(--cc-surface, #ffffff);
}
ul.workflow-sortable-list li .workflow-body .fields-list,
div.workflow-sortable-list .workflow-body .fields-list {
  padding-right: 40px;
}
ul.workflow-sortable-list li .workflow-body .target-title,
div.workflow-sortable-list .workflow-body .target-title {
  font-weight: 500;
  padding: 0 42px 0 0;
}
ul.workflow-sortable-list li .workflow-body .workflow-action a,
div.workflow-sortable-list .workflow-body .workflow-action a {
  padding: 3px;
  display: inline-block;
}
ul.workflow-sortable-list li .workflow-body .workflow-action,
div.workflow-sortable-list .workflow-body .workflow-action {
  position: absolute;
  top: 2px;
  right: 4px;
}
ul.workflow-sortable-list li,
div.workflow-sortable-list .workflow-element {
  margin-bottom: 10px;
}
.ribbon .ribbon-text {
  position: relative;
  color: var(--cc-surface, #ffffff);
}
ul.workflow-sortable-list li .workflow-body .ribbon-info.ribbon-corner.ribbon-right:before,
div.workflow-sortable-list .workflow-body .ribbon-info.ribbon-corner.ribbon-right:before {
  border-right-color: var(--cc-primary, #2A478B);
  border-left-color: transparent;
}
ul.workflow-sortable-list li .workflow-body .ribbon-info.ribbon-corner.ribbon-bottom:before,
div.workflow-sortable-list .workflow-body .ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: var(--cc-primary, #2A478B);
}
ul.workflow-sortable-list li .workflow-body .ribbon,
div.workflow-sortable-list .workflow-body .ribbon {
  padding: 5px 0 4px;
  text-align: center;
  width: 30px;
}
.preview-img-document-container {
  display: table;
  width: 100%;
}
/*-------------------------------- End Workflow right sidebar --------------------------------*/
.preview-img-document-container .preview-img-document {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 253px;
  background-color: var(--cc-surface-muted, #fafafa);
}
.preview-img-document-container .preview-img-document div.document-img {
  height: 220px;
  width: 170px;
  display: inline-block;
}
.document-details-info .row {
  margin-bottom: 15px;
}
.signer-card .twi-user .img-text-user {
  padding-top: 3px;
}
.signer-card {
  padding: 30px 0;
  border-bottom: 1px solid var(--cc-header-bg, #2A478B);
}
#message-bubble.message-center a.launcher-message-center:hover {
  background-color: var(--cc-primary, #2A478B);
  opacity: 0.8;
}
/*-------------------------------- Message bubble --------------------------------*/
#message-bubble.message-center {
  z-index: 1000;
  position: fixed;
  bottom: 8px;
  right: 8px;
}
#message-bubble.message-center.shw-hide-launcher-message {
  right: -50px;
}
#message-bubble .launcher-message-center {
  position: relative;
  z-index: 1000;
  pointer-events: auto;
  box-sizing: content-box !important;
  min-width: 50px;
  max-width: 300px;
  max-height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 50px;
  box-shadow: 5px 0 20px 5px var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1));
  animation: appear 0.15s cubic-bezier(0.25, 0.25, 0.5, 1.1);
  animation-fill-mode: forwards;
  transition: right 0.1s cubic-bezier(0.25, 0.25, 0.5, 1), bottom 0.1s cubic-bezier(0.25, 0.25, 0.5, 1), min-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1), max-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1), min-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1), max-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1), border-radius 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s, background-color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s, color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s;
}
#message-bubble.message-center .launcher-message-center {
  align-self: flex-end;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 15px;
  padding-left: 15px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}
#message-bubble.message-center,
#message-bubble.message-center .launcher-message-center {
  padding: 0;
  min-width: 50px;
  max-width: 50px;
  min-height: 49.5px;
  max-height: 49.5px;
  height: 49.5px;
  border-radius: 50%;
}
#message-bubble.message-center .message-bubble-icon {
  width: 28px;
  height: 28px;
  padding-top: 2px;
}
#message-bubble.message-center .message-bubble-icon img {
  width: 100%;
  height: auto;
}
.dropdown-message-center {
  position: absolute;
  z-index: 999;
  top: -230px;
  left: -200px;
  width: 233px;
  height: 263px;
  background-color: transparent;
  display: none;
}
.dropdown-message-center.shw-hide-msg {
  display: block;
}
.dropdown-message-center .display-table {
  width: 100%;
  /*height: 196px;*/
}
.dropdown-message-center .right-icons {
  width: 33px;
  max-width: 33px;
  border-bottom-left-radius: 10px;
  background-color: var(--cc-surface, #ffffff);
  border-left: 1px solid var(--cc-light, #e4e7ea);
  border-right: 1px solid var(--cc-light, #e4e7ea);
  border-bottom: 1px solid var(--cc-light, #e4e7ea);
}
.dropdown-message-center .left-notifications {
  width: 199px;
  max-width: 199px;
  height: 225px;
  overflow: auto;
}
.dropdown-message-center .left-notifications a {
  padding: 7px 10px;
  font-size: 12px;
  border: 0;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dropdown-message-center .left-notifications-container {
  height: 225px;
  border-bottom-left-radius: 10px;
  border-left: 1px solid var(--cc-light, #e4e7ea);
  border-bottom: 1px solid var(--cc-light, #e4e7ea);
  background-color: var(--cc-surface, #ffffff);
}
.dropdown-message-center .left-notifications-container .notifications-clear-all {
  position: absolute;
  bottom: -18px;
  left: -1px;
  padding: 0;
  border: 0;
  font-size: 12px;
  width: 225px;
  text-align: center;
  border-bottom-left-radius: 10px;
  background-color: var(--cc-header-bg, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.dropdown-message-center .left-notifications a i.mdi-comment-processing-outline {
  color: var(--cc-warning, #D4A72C);
}
.dropdown-message-center .left-notifications a i.mdi-whatsapp {
  color: var(--cc-legacy-25d366, #25d366);
}
.dropdown-message-center .left-notifications a i.mdi-email-outline {
  color: var(--cc-legacy-d44638, #d44638);
}
.dropdown-message-center .left-notifications a i.mdi-message-text {
  color: var(--cc-legacy-0287c2, #0287c2);
}
.dropdown-message-center .left-notifications a i.mdi-video {
  color: var(--cc-purple, #6B4FA3);
}
.dropdown-message-center .left-notifications a i.mdi-phone {
  color: var(--cc-primary, #2A478B);
}
.dropdown-message-center .left-notifications a:hover,
.dropdown-message-center .left-notifications a:focus,
.dropdown-message-center .left-notifications a:active,
.dropdown-message-center .left-notifications a:hover i,
.dropdown-message-center .left-notifications a:focus i,
.dropdown-message-center .left-notifications a:active i {
  color: var(--cc-primary, #2A478B);
}
.dropdown-message-center .left-notifications a:hover,
.dropdown-message-center .left-notifications a:focus,
.dropdown-message-center .left-notifications a:active {
  background-color: var(--cc-extra-light, #f7fafc);
}
.dropdown-message-center .left-notifications-container:hover {
  border-bottom-left-radius: 0;
}
.dropdown-message-center .left-notifications-empty.left-notifications-container:hover {
  border-bottom-left-radius: 10px;
}
.dropdown-message-center .left-notifications-container:hover .notifications-clear-all {
  display: block !important;
}
.dropdown-message-center .left-notifications-container:hover .notifications-clear-all span {
  display: block !important;
}
.dropdown-message-center .left-notifications a.active {
  font-weight: 600;
  background-color: var(--cc-extra-light, #f7fafc);
}
.dropdown-message-center .right-icons .crm-sms-message:hover,
.dropdown-message-center .right-icons .crm-sms-message:focus,
.dropdown-message-center .right-icons .crm-sms-message:active {
  color: var(--cc-warning, #D4A72C);
}
.dropdown-message-center .right-icons .crm-whatsapp-message:hover,
.dropdown-message-center .right-icons .crm-whatsapp-message:focus,
.dropdown-message-center .right-icons .crm-whatsapp-message:active {
  color: var(--cc-legacy-25d366, #25d366);
}
.dropdown-message-center .right-icons .crm-email-message:hover,
.dropdown-message-center .right-icons .crm-email-message:focus,
.dropdown-message-center .right-icons .crm-email-message:active {
  color: var(--cc-legacy-d44638, #d44638);
}
.dropdown-message-center .right-icons .crm-video-calls-message:hover,
.dropdown-message-center .right-icons .crm-video-calls-message:focus,
.dropdown-message-center .right-icons .crm-video-calls-message:active {
  color: var(--cc-purple, #6B4FA3);
}
.dropdown-message-center .right-icons .crm-calls-message:hover,
.dropdown-message-center .right-icons .crm-calls-message:focus,
.dropdown-message-center .right-icons .crm-calls-message:active {
  color: var(--cc-primary, #2A478B);
}
.dropdown-message-center .right-icons ul a {
  padding: 5px 5px;
  text-align: center;
}
.dropdown-message-center .dropdown-message-center-header {
  display: block;
  padding: 10px;
  text-transform: uppercase;
  font-size: 13px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: var(--cc-surface, #ffffff);
  background: var(--cc-header-bg, #2A478B);
}
.dropdown-message-center .dropdown-message-center-header .right-side-close {
  float: right;
  cursor: pointer;
  font-size: 11px;
  margin-top: 4px;
  margin-right: 1px;
}
#message-bubble.message-center div.launcher-message-center-container {
  position: relative;
  height: 50px;
  width: 50px;
}
#message-bubble.message-center .shw-hide-bubble {
  display: none;
  position: absolute;
  bottom: 13px;
  left: -16px;
  height: 22px;
  width: 22px;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  margin: 0;
  z-index: 1001;
  border: 2px solid var(--cc-surface, #ffffff);
  color: var(--cc-surface, #ffffff);
  background-color: var(--cc-header-bg, #2A478B);
}
#message-bubble.message-center .message-bubble-notifications {
  position: absolute;
  top: -6px;
  right: -1px;
  display: inline-block;
  min-width: 16px;
  padding: 3px 5px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  cursor: default;
  z-index: 1001;
  color: var(--cc-surface, #ffffff);
  background-color: var(--cc-legacy-f5707a, #f5707a) !important;
}
#message-bubble.message-center div.btn-launcher-wrapper {
  position: relative;
}
#message-bubble.message-center div.btn-launcher-wrapper:hover a.shw-hide-bubble {
  display: block !important;
}
#message-bubble.message-center.shw-hide-launcher-message div.btn-launcher-wrapper a.shw-hide-bubble {
  display: block !important;
  bottom: 17px;
  left: -21px;
  line-height: 23px;
  border: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
  width: 23px;
}
.message-center .right-icons li {
  position: relative;
}
.message-center .right-icons li a span {
  float: none;
}
.message-center .right-icons .notify .point {
  right: -2px;
  top: 2px;
}
.message-center.shw-hide-launcher-message .notify-point {
  width: 8px;
  height: 8px;
  border-radius: 30px;
  position: absolute;
  left: -24px;
  top: 8px;
  z-index: 1004;
  background-color: var(--cc-legacy-f5707a, #f5707a);
}
.message-center .left-notifications .img-no-list {
  width: 150px;
  margin-top: 30px;
  opacity: 0.4;
}
.dropdown-message-center .left-notifications a:hover i.ti-trash,
.dropdown-message-center .left-notifications a i.fa-spinner {
  display: block !important;
}
/*-------------------------------- End message bubble --------------------------------*/
/*-------------------------------- Shortcuts --------------------------------*/
.right-shortcuts-container {
  margin-right: 25px;
  position: relative;
}
.right-shortcuts-container > div {
  display: block;
  position: absolute;
  left: auto;
  right: 0;
  z-index: 1052;
}
.right-shortcut-icons {
  border-radius: var(--cc-radius-md, 8px);
  font-size: 16px;
  margin: 0;
  padding: 4px 10px;
  display: block;
  text-align: center;
  width: 36px;
  border: 1px solid var(--cc-legacy-rgba-4b2720a7acebef, rgba(84, 102, 122, 0.47));
  color: var(--cc-legacy-rgba-00e723464ccf47, rgba(84, 102, 122, 0.77));
}
.right-shortcuts-container.is-open .right-shortcut-icons {
  color: var(--cc-primary, #2A478B);
  background-color: var(--cc-extra-light, #f7fafc) !important;
}
.right-shortcut-icons-panel {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  width: 288px;
  max-height: 420px;
  overflow-y: auto;
  padding: 12px 8px;
  background-color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-legacy-rgba-4b2720a7acebef, rgba(84, 102, 122, 0.47));
  border-radius: var(--cc-radius-base, 12px);
  box-shadow: 5px 10px 20px var(--cc-legacy-rgba-bc76b2532d2444, rgba(0, 0, 0, 0.05));
  z-index: 1052;
}
.right-shortcuts-container.is-open .right-shortcut-icons-panel {
  display: block;
}
.right-shortcut-icons-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  margin: 0;
  list-style: none;
  padding: 0;
}
.right-shortcut-icons-list > li {
  display: block;
  list-style: none;
}
.right-shortcut-icons-list > li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 84px;
  margin: 0;
  padding: 10px 6px;
  text-align: center;
  border: none;
  border-radius: var(--cc-radius-md, 8px);
  color: var(--cc-text, #686868);
  background-color: transparent;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.right-shortcut-icons-list > li a > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 6px;
  font-size: 30px;
  line-height: 1;
  color: var(--cc-legacy-rgba-00e723464ccf47, rgba(84, 102, 122, 0.77));
}
.right-shortcut-icons-label {
  font-size: 11px;
  line-height: 1.25;
  word-break: break-word;
}
/*-------------------------------- End Shortcuts --------------------------------*/
/*-------------------------------- Candidate list --------------------------------*/
ul.candidate-tabs-list li {
  display: inline-block;
}
ul.candidate-tabs-list li a {
  padding: 7px 10px;
  display: block;
  color: var(--cc-text, #686868);
  border-bottom: 3px solid transparent;
}
.search-group.input-group .select2.select2-container {
  flex: none;
  width: 100% !important;
}
.search-group.input-group .select2-wrapper {
  width: 200px;
}
.search-group.input-group .select2-reports {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.search-group.input-group .input-group-addon {
  padding: 3px 0;
  border-radius: 0;
  font-size: 20px;
  border-left: 0;
  border-right: 0;
  line-height: 30px;
  height: -moz-fit-content;
  height: fit-content;
  border-top: 1px solid var(--cc-light, #e4e7ea);
  border-bottom: 1px solid var(--cc-light, #e4e7ea);
  color: var(--cc-light, #e4e7ea);
}
.search-group.input-group .input-search-group {
  border-right: 0;
}
.search-group.input-group .select2-wrapper .select2-container--default .select2-selection--single {
  border-left: 0;
}
.search-group.input-group .input-search-group {
  transition: none;
}
.btn-list-filters.active {
  background: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.employee-contact-links a {
  color: var(--cc-text-menu-muted, #8d9ea7);
}
.employee-contact-links .crm-sms-message:hover,
.employee-contact-links .crm-sms-message:focus,
.employee-contact-links .crm-sms-message:active {
  color: var(--cc-warning, #D4A72C);
}
.employee-contact-links .crm-whatsapp-message:hover,
.employee-contact-links .crm-whatsapp-message:focus,
.employee-contact-links .crm-whatsapp-message:active {
  color: var(--cc-legacy-25d366, #25d366);
}
.employee-contact-links .crm-email-message:hover,
.employee-contact-links .crm-email-message:focus,
.employee-contact-links .crm-email-message:active {
  color: var(--cc-legacy-d44638, #d44638);
}
.employee-contact-links .crm-video-calls-message:hover,
.employee-contact-links .crm-video-calls-message:focus,
.employee-contact-links .crm-video-calls-message:active {
  color: var(--cc-purple, #6B4FA3);
}
.employee-contact-links .crm-chat-online-message:hover,
.employee-contact-links .crm-chat-online-message:focus,
.employee-contact-links .crm-chat-online-message:active {
  color: var(--cc-legacy-0287c2, #0287c2);
}
.employee-contact-links .crm-calls-message:hover,
.employee-contact-links .crm-calls-message:focus,
.employee-contact-links .crm-calls-message:active {
  color: var(--cc-primary, #2A478B);
}
.has-error.search-group.input-group .input-group-addon,
.has-error.search-group.input-group .select2-wrapper .select2-container--default .select2-selection--single {
  border-color: var(--cc-palette-red-pure, #ff0000) !important;
}
.search-group.input-group .select2-wrapper .select2-container--default .select2-selection--single:focus {
  border-color: var(--cc-light, #e4e7ea);
}
.search-group.input-group .input-search-group:focus {
  border-color: var(--cc-light, #e4e7ea);
}
.search-input-select-container.focus-search .select2-wrapper .select2-selection {
  border-color: var(--cc-primary, #2A478B) !important;
}
.search-input-select-container:not(.focus-search) .select2-wrapper .select2-selection {
  border-color: var(--cc-light, #e4e7ea) !important;
}
.search-input-select-container.focus-search .input-group-addon {
  border-color: var(--cc-primary, #2A478B);
}
.search-input-select-container.focus-search .input-search-group {
  border-color: var(--cc-primary, #2A478B);
}
.search-group.input-group.focus-search .input-search-group:focus {
  border-color: var(--cc-primary, #2A478B);
}
@media only screen and (max-width: 575px) {
  .search-group .mobile-100 {
    width: 100%;
    margin-bottom: 10px;
  }
  .search-group.input-group .select2-wrapper {
    width: 100%;
    margin-bottom: 10px;
  }
  .search-group.input-group .input-group-addon {
    display: none;
  }
  .search-group.input-group .search-button-container {
    width: 100%;
    margin-bottom: 10px;
  }
  .search-group.input-group .input-group-btn-50-left {
    margin-left: 0 !important;
    width: 49%;
    margin-right: 1% !important;
  }
  .search-group.input-group .input-group-btn-100 {
    width: 100%;
    margin-left: 0 !important;
  }
  .search-group.input-group .input-group-btn-50-right {
    margin-right: 0 !important;
    width: 49%;
    margin-left: 1% !important;
  }
}
/*-------------------------------- End Candidate list --------------------------------*/
/*-------------------------------- Candidate view --------------------------------*/
.user-actions-btn {
  color: var(--cc-surface, #ffffff);
  background-color: var(--cc-primary, #2A478B);
  position: absolute;
  top: 125px;
  left: 115px;
  padding: 2px 6px !important;
}
.employee-contact-links .notify {
  margin: 0;
}
.employee-contact-links .notify .point {
  right: -2px;
  top: 1px;
}
.employee-contact-links {
  display: inline-block;
  padding: 0;
  list-style: none;
}
.employee-contact-links li {
  display: inline-block;
  margin-right: 5px;
}
.steamline .timeline-element .timeline-day,
.steamline .timeline-element .timeline-flag-icon {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 100%;
}
.steamline.steamline-candidate {
  border-left: none;
}
.steamline .timeline-element .sl-right {
  display: inline-block;
  padding-left: 0;
}
.steamline .timeline-element {
  border-left: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  padding-bottom: 30px;
  margin-bottom: 0;
}
.steamline.steamline-candidate .timeline-element:last-child {
  border-left: none;
}
.steamline .timeline-element .timeline-day span {
  line-height: 40px;
  font-size: 20px;
  color: var(--cc-surface, #ffffff);
}
.steamline .timeline-element .timeline-flag-icon i {
  line-height: 40px;
  color: var(--cc-surface, #ffffff);
  font-size: 20px;
}
.steamline .timeline-element div.timeline-date {
  font-size: 12px;
}
.steamline .timeline-element p.timeline-status {
  font-size: 14px;
  margin-bottom: 0;
}
.steamline .timeline-element p.timeline-sub-status {
  font-size: 12px;
  margin-bottom: 0;
}
.steamline .timeline-element p.timeline-status-extra {
  font-size: 14px;
  margin-bottom: 0;
}
.timeline-actions-edit,
.timeline-actions-delete {
  padding: 0 5px;
}
/*-------------------------------- End Candidate view --------------------------------*/
/*-------------------------------- Candidate test --------------------------------*/
.title-content.question-title {
  padding: 0 !important;
}
.title-content.question-title .display-table {
  width: 100%;
}
.test-question-left-container,
.test-question-right-container {
  width: 22px;
  display: table-cell;
  vertical-align: middle;
}
.test-question-left {
  margin-left: -16px;
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
  border: 3px solid var(--cc-surface, #ffffff);
  border-radius: 50%;
  padding: 4px 8px 3px 6px;
  font-size: 14px;
}
.test-question-right {
  margin-right: -16px;
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
  border: 3px solid var(--cc-surface, #ffffff);
  border-radius: 50%;
  padding: 4px 6px 3px 8px;
  font-size: 14px;
}
.test-question-left:hover,
.test-question-left:focus,
.test-question-left:active,
.test-question-right:hover,
.test-question-right:focus,
.test-question-right:active {
  box-shadow: 3px 5px 7px var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1));
  background-color: var(--cc-legacy-35baf5, #35baf5);
  color: var(--cc-surface, #ffffff);
}
.test-single-question .review-content.single-question {
  padding: 60px 40px !important;
}
h4.questions-title {
  margin-top: 0;
  margin-bottom: 20px;
  color: var(--cc-legacy-rgba-0eb9fe0e6bee0a, rgba(0, 0, 0, 0.5));
}
.addon-pagination-separator {
  width: 5px;
  padding: 0;
  border: 0;
}
.display-less-50 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  height: 100%;
  margin-left: 2px;
  color: var(--cc-legacy-rgba-0eb9fe0e6bee0a, rgba(0, 0, 0, 0.5));
  transition: width 0.6s ease;
}
.test-single-question .progress .progress-bar {
  text-align: right;
  padding-right: 2px;
}
.test-single-question .progress .progress-bar {
  text-align: right;
  padding-right: 2px;
}
.test-single-question .single-question label {
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .test-single-question-container {
    padding: 0 !important;
  }
  .test-title.one-line-ellipsis {
    text-overflow: unset;
    white-space: normal;
  }
}
.test-finished-text {
  color: var(--cc-legacy-rgba-0eb9fe0e6bee0a, rgba(0, 0, 0, 0.5));
  font-weight: 600;
}
.results-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--cc-legacy-rgba-0eb9fe0e6bee0a, rgba(0, 0, 0, 0.5));
}
.results-container .result-element {
  border-bottom: 1px solid var(--cc-primary, #2A478B);
  margin-bottom: 20px;
}
.results-container .result-element:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.open-ended-answer {
  border: 1px solid var(--cc-border-default, #dddddd);
  padding: 10px;
}
.open-ended-evaluation {
  border: 1px solid var(--cc-border-default, #dddddd);
  border-top: 0;
  margin-bottom: 10px;
}
.input-group .input-group-addon-test {
  position: relative;
  left: auto;
  top: auto;
  padding: 7px 10px 7px 0;
  border: none;
}
.input-group .input-group-addon-test .circle-drag-drop,
.input-group .input-group-addon-test .number-count-drag-drop {
  position: relative;
  left: auto;
  top: auto;
}
.course-instructors img {
  width: 20px;
  margin: 0 8px;
}
/*-------------------------------- End Candidate test --------------------------------*/
.text-details-table {
  width: 100%;
}
.text-details-table:hover {
  cursor: pointer;
  color: var(--cc-primary, #2A478B);
  font-weight: bold;
}
.circle-drag-drop {
  background-color: var(--cc-primary, #2A478B);
  width: 25px;
  height: 25px;
  border-radius: 100px;
  display: table;
}
.number-count-drag-drop {
  font-size: 12px;
  color: var(--cc-surface, #ffffff);
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}
.followup-wrapper {
  background-color: var(--cc-extra-light, #f7fafc);
  margin-right: -7.5px;
  margin-left: -7.5px;
  padding: 0 7.5px;
  margin-bottom: 20px;
}
.sub-element-collapse-followup {
  margin-bottom: 10px;
}
.followup-comment-center-wrapper .comment-center {
  margin-top: 0 !important;
}
.followup-comment-center-wrapper .signature-comment-wrapper {
  padding: 0 7.5px;
}
.followup-comment-center-wrapper .signature-comment-wrapper > img {
  background-color: var(--cc-surface, #ffffff);
}
.followup-comment-center-wrapper > .row {
  margin-bottom: 0 !important;
}
/*-------------------------------- Appointment system --------------------------------*/
.datepicker-inline-container.appointment-datepicker {
  padding: 30px 0;
  background-color: var(--cc-surface-muted, #fafafa);
}
.title-appointments-template.box-title {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}
.checkbox-other {
  display: inline-block;
}
/*-------------------------------- End Appointment system --------------------------------*/
/*-------------------------------- Share Recognition --------------------------------*/
a.share-recognition-facebook:hover {
  color: var(--cc-social-facebook, #3b5998) !important;
}
a.share-recognition-twitter:hover {
  color: var(--cc-social-twitter, #1da1f2) !important;
}
a.share-recognition-linkedin:hover {
  color: var(--cc-legacy-bootstrap-primary, #337ab7) !important;
}
/*-------------------------------- End Share Recognition --------------------------------*/
/*-------------------------------- Candidate Resume ------------------------------------*/
.edit-resume-picture .image-preview-cropp img,
.show-resume-picture .image-resume-candidate img {
  width: 200px !important;
  height: 200px !important;
  padding: 4px;
  background-color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-border-default, #dddddd);
  border-radius: 50%;
}
.edit-resume-picture .image-preview-cropp {
  text-align: center;
}
.resume-info-wrapper h4.final-header {
  clear: both;
  margin-bottom: 15px;
}
.edu-history-sec {
  width: 100%;
}
.edu-history {
  float: left;
  width: 100%;
  display: table;
  margin-bottom: 30px;
  position: relative;
}
.edu-history > i {
  display: table-cell;
  color: var(--cc-primary, #2A478B);
  vertical-align: top;
  width: 60px;
  font-size: 40px;
  line-height: 60px;
}
.edu-history.style2 > i {
  font-size: 20px;
  position: absolute;
  left: 20px;
  top: 25px;
  width: 0;
  line-height: 0;
}
.edu-history.style2 {
  margin: 0;
  position: relative;
  padding-left: 60px;
  margin-bottom: 30px;
}
.edu-hisinfo {
  display: table-cell;
  vertical-align: top;
}
.edu-history-sec .action_job {
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  margin: 0;
  text-align: center;
}
.edu-hisinfo > h3 {
  width: 100%;
  font-size: 15px;
  color: var(--cc-primary, #2A478B);
  margin: 0 !important;
  padding: 0 !important;
}
.edu-hisinfo > i {
  width: 100%;
  font-style: normal;
  font-size: 13px;
  margin-top: 0;
}
.edu-hisinfo > span {
  width: 100%;
  font-size: 15px;
  margin-top: 8px;
}
.edu-hisinfo > p {
  width: 100%;
  margin: 0;
  font-size: 13px;
  line-height: 24px;
  margin-top: 5px;
}
.action_job > li > a {
  color: var(--cc-text, #686868);
  font-size: 14px;
  padding: 0 6px;
}
.edu-history.style2 .edu-hisinfo > h3 span a {
  color: var(--cc-text, #686868);
  margin-left: 10px;
}
.action_job > li:first-child > a:focus,
.action_job > li:first-child > a:hover,
.action_job > li:first-child > a:active,
.edu-history.style2 .edu-hisinfo > h3 span a:focus,
.edu-history.style2 .edu-hisinfo > h3 span a:hover,
.edu-history.style2 .edu-hisinfo > h3 span a:active {
  color: var(--cc-primary, #2A478B);
}
.action_job > li:nth-child(2) > a:focus,
.action_job > li:nth-child(2) > a:hover,
.action_job > li:nth-child(2) > a:active {
  color: var(--cc-palette-red-pure, #ff0000);
}
.action_job > li {
  float: left;
}
/*skill tags*/
.skills-btn {
  width: 100%;
  margin-bottom: 20px;
}
.skills-btn div.skill-tag {
  display: inline-block;
  font-size: 13px;
  color: var(--cc-primary, #2A478B);
  border: 2px solid var(--cc-primary, #2A478B);
  border-radius: 21px;
  padding: 6px 15px 5px;
  margin: 5px 10px 5px 0;
}
.skill-tag span {
  background-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.skill-tag span {
  border-radius: 7px;
  padding: 0 5px;
}
div.skill-tag a {
  padding-left: 5px;
}
@media (max-width: 768px) {
  .btns-below-ribbons-candidate {
    padding-top: 10px;
  }
  .btns-below-ribbons-candidate a {
    margin-top: 10px;
  }
}
.show-resume-picture > div.url-candidate > a {
  font-size: 15px;
  color: var(--cc-primary, #2A478B);
  margin: 0 !important;
  padding: 0 !important;
}
.show-resume-picture > div.professional-title {
  font-size: 15px;
  margin: 0 !important;
  padding: 0 !important;
}
.candidate-facebook {
  color: var(--cc-legacy-4267b2, #4267b2);
}
.candidate-linkedin {
  color: var(--cc-legacy-0072b1, #0072b1);
}
.candidate-twitter {
  color: var(--cc-social-twitter, #1da1f2);
}
.resume-personal-info-wrapper .card .align-self-center h3 {
  font-size: 14px;
  line-height: 20px;
}
.resume-personal-info-wrapper .card i {
  font-size: 35px;
}
.resume-personal-info-wrapper .card .box {
  margin: 0;
  padding: 5px 5px 0 5px;
}
.languages-heading {
  color: var(--cc-text-heading-charcoal, #363636);
  font-size: 16px;
}
.languages-info,
.languages-info span {
  display: inline-block;
}
/*end skill tags*/
/*-------------------------------- End Candidate Resume --------------------------------*/
.candidate-dashboard-wrapper {
  background: var(--cc-candidate-dashboard-bg, #edf1f5);
}
.dashboard-insights .white-box .list-inline i {
  font-size: 64px;
}
.dashboard-insights .white-box .card-action {
  padding-bottom: 25px;
}
.candidate-recent-events .comment-center {
  height: 557px;
}
.comment-center .job-img {
  width: 50px;
  display: table-cell;
  position: relative;
  margin: 0 10px 0 0;
}
.comment-center .job-img img {
  border: 1px solid var(--cc-border-default, #dddddd);
}
.candidate-recent-events .label.label-rouded {
  padding: 4px 16px 3px !important;
}
.candidate-recent-events .mail-contnet a.job-action {
  margin-left: 15px;
  font-size: 12px;
}
.candidate-recent-events .mail-contnet a.job-action i {
  font-size: 10px;
}
.discover-jobs .mail-contnet label {
  padding: 2px 8px 2px 8px;
}
.candidate-recent-events .mail-contnet .time,
.discover-jobs .mail-contnet .time {
  padding-top: 5px;
}
.discover-jobs.comment-center .comment-body:hover {
  background: transparent !important;
}
.discover-jobs.comment-center .comment-body {
  border: 0 !important;
}
.job-img .fav-icon {
  position: absolute;
  top: -6px;
  left: -7px;
}
.job-img .fav-icon i {
  font-size: 20px !important;
}
.job-img .fav-icon:hover i,
.job-img .fav-icon:focus i {
  color: var(--cc-palette-red-pure, #ff0000);
}
.job-img .fav-icon .fa-heart {
  color: var(--cc-palette-red-pure, #ff0000);
}
.courses-in-progress-wrapper,
.documents-uploaded-wrapper {
  height: 380px;
}
/*------------------------------ Quick Evaluation ------------------------------*/
.editable-table td.fb-inbox-item-img,
.editable-table td.fb-inbox-item-text {
  padding: 0 !important;
}
.editable-table .jsgrid-row .jsgrid-cell,
.editable-table .jsgrid-alt-row .jsgrid-cell,
.editable-table .jsgrid-edit-row .jsgrid-cell {
  width: 50px;
  vertical-align: middle;
}
.editable-table .jsgrid-row .edit-row-button:hover,
.editable-table .jsgrid-row .edit-row-button:focus,
.editable-table .jsgrid-alt-row .edit-row-button:hover,
.editable-table .jsgrid-alt-row .edit-row-button:focus {
  color: var(--cc-primary, #2A478B) !important;
}
.jsgrid-nodata-row .jsgrid-cell {
  padding-top: 150px;
  border: 0;
}
.editable-table .jsgrid-pager {
  text-align: right;
}
.p-t-0 {
  padding-top: 0 !important;
}
/*------------------------------ End Quick Evaluation ------------------------------*/
.button-exportation {
  font-size: 14px;
  display: inline;
  margin-right: 0;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0.5em 1em;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
  border-radius: var(--cc-radius-md, 8px);
}
.server-location {
  right: 10px;
  top: 8px;
  position: absolute;
  border-radius: 10px;
  padding: 3px;
  font-size: 12px;
}
@media (max-width: 768px) {
  .server-location {
    font-size: 12px;
    right: 5px;
    top: 5px;
    padding: 3px;
  }
}
.background-white {
  background-color: var(--cc-surface, #ffffff);
}
.canvas-saved-signature-container img {
  max-width: 90%;
}
/*--------------------------------- Rookie Journey -------------------------------*/
#rookie-journey-map {
  display: flex;
  justify-content: center;
}
.rookie-journey-island-container {
  max-width: 1400px;
  width: 100%;
  box-sizing: border-box;
}
#wrapper .rookie-journey-wrapper {
  background: var(--cc-legacy-0360ba, #0360ba);
  padding-bottom: 60px !important;
}
.white-page-title {
  background: var(--cc-surface, #ffffff);
}
.rookie-journey-title-bar {
  padding-top: 0;
  padding-bottom: 0;
}
.rookie-journey-title-bar .btn-container {
  text-align: right;
  padding-top: 13px;
}
#rookie-journey-tasks-modal .modal-dialog {
  width: 800px;
  height: 650px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#rookie-journey-tasks-modal .modal-content {
  width: 100%;
  height: 100%;
}
#rookie-journey-tasks-modal .close {
  position: absolute;
  right: 0;
  padding: 3px 13px;
  text-align: center;
  font-size: 30px;
  background-color: var(--cc-surface, #ffffff);
  text-shadow: none;
  border-radius: 0 20px;
  opacity: 0.6;
}
#rookie-journey-tasks-modal .close:focus,
#rookie-journey-tasks-modal .close:hover {
  color: var(--cc-danger, #B4443C);
  text-decoration: none;
  opacity: 0.8;
}
#rookie-journey-tasks-modal .modal-content {
  border-radius: 20px;
}
#rookie-journey-tasks-modal .modal-content-body {
  height: 100%;
  width: 100%;
  padding: 35px;
}
#rookie-journey-tasks-modal .rookie-journey-modal-body {
  position: relative;
  padding: 20px;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: var(--cc-legacy-rgba-c6e48f28a4150b, rgba(255, 255, 255, 0.7));
}
#rookie-journey-tasks-modal div.icheckbox_square-blue {
  background-color: var(--cc-surface, #ffffff);
}
.rookie-journey-modal-body h4 {
  text-align: left;
  padding-right: 110px;
  line-height: 22px;
  font-size: 25px;
  font-family: Poppins, sans-serif;
  margin: 5px 0 25px;
  color: var(--cc-legacy-rgba-0eb9fe0e6bee0a, rgba(0, 0, 0, 0.5));
  font-weight: 600;
  padding-top: 6px;
}
.rookie-journey-modal-body .island-container {
  position: absolute;
  width: 130px;
  top: -29px;
  right: 0;
}
.rookie-journey-modal-body .tasks-container {
  height: 395px;
  padding: 5px 10px 5px 0;
}
@media (max-width: 800px) {
  #rookie-journey-tasks-modal .modal-dialog {
    position: relative;
    width: auto;
    left: auto;
    top: auto;
    transform: none;
  }
}
@media (max-width: 578px) {
  #rookie-journey-tasks-modal p {
    padding: 10px 0px;
  }
}
@media (max-width: 768px) {
  .rookie-journey-title-bar .btn-container {
    text-align: left;
    padding-top: 0;
    padding-bottom: 13px;
  }
}
/*---------island----------*/
.rookie-island {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.row-islands {
  position: relative;
  display: flex;
  width: 100%;
}
.row-islands:last-child {
  margin-bottom: 30px;
}
.island-left img,
.island-right img {
  width: 100%;
  height: 100%;
}
.island-road {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  width: 1%;
}
.join-dashed {
  width: 100%;
  height: 50%;
  border-bottom: 20px dotted var(--cc-surface, #ffffff);
  opacity: 0.2;
}
.vertical-row {
  position: relative;
  width: 100%;
  height: 200px;
  padding: 0;
}
.vertical-right-dashed {
  width: 150px;
  height: 100%;
  display: inline-block;
  border-left: 20px dotted var(--cc-surface, #ffffff);
  opacity: 0.2;
}
.vertical-left-dashed {
  width: 160px;
  height: 100%;
  display: inline-block;
  border-right: 20px dotted var(--cc-surface, #ffffff);
  opacity: 0.2;
}
.island-left .rookie-boat-position,
.left-to-right .island-left .rookie-boat-position {
  right: 70px;
}
.right-to-left .island-left .rookie-boat-position {
  right: -160px;
  transform: rotateY(180deg);
}
.island-right .rookie-boat-position,
.left-to-right .island-right .rookie-boat-position {
  left: -170px;
}
.right-to-left .island-right .rookie-boat-position {
  left: 60px;
  transform: rotateY(180deg);
}
.left-to-right .island-road .rookie-boat-position {
  width: 230px;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
}
.right-to-left .island-road .rookie-boat-position {
  width: 230px;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%) rotateY(180deg);
}
.vertical-row.text-right .rookie-boat-position {
  right: 30px;
  bottom: 25px;
  transform: rotateY(180deg);
}
.vertical-row.text-left .rookie-boat-position {
  left: 40px;
  bottom: 25px;
}
.rookie-image-container {
  position: relative;
  z-index: 2;
}
.rookie-boat-container {
  position: relative;
}
.rookie-boat-container .rookie-boat-img {
  display: block;
  position: absolute;
  width: 230px;
  height: auto;
  bottom: 5px;
  left: 0;
}
.rookie-boat-position {
  position: absolute;
  z-index: 2;
}
.rookie-boat-tooltip {
  color: var(--cc-text-muted-strong, #797979);
}
.rookie-boat-tooltip-tasks {
  height: 23px;
}
.rookie-island i {
  font-size: 50px;
  position: absolute;
  left: 20px;
  bottom: 10px;
  background: var(--cc-surface, #ffffff);
  border-radius: 30px;
  padding: 4px;
}
.rookie-island.island-right i {
  right: 20px;
  left: auto;
}
.rookie-island.island-left i {
  right: 20px;
  left: auto;
}
/*---------end island----------*/
/*---------boat----------*/
.rookie-boat-img {
  z-index: 2;
  -webkit-animation-name: swinging;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-name: swinging;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@keyframes swinging {
  from {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
  to {
    transform: rotate(-2deg);
  }
}
.tooltipster-ship .tooltipster-content {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.tooltipster-ship .tooltip-content-general {
  width: 300px !important;
}
/*---------end boat----------*/
/*---media---*/
@media (max-width: 1480px) {
  .rookie-image-container img {
    width: 270px;
  }
  .rookie-boat-position {
    transform: scale(0.9);
    bottom: 0;
  }
  .left-to-right .island-right .rookie-boat-position {
    left: -140px;
  }
  .right-to-left .island-left .rookie-boat-position {
    right: 140px;
    transform: rotateY(180deg) scale(0.9);
  }
  .right-to-left .island-right .rookie-boat-position {
    transform: rotateY(180deg) scale(0.9);
  }
  .vertical-row.text-left .rookie-boat-position {
    bottom: 25px;
  }
  .vertical-row.text-right .rookie-boat-position {
    bottom: 25px;
    transform: rotateY(180deg) scale(0.9);
  }
  .left-to-right .island-road .rookie-boat-position {
    bottom: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
  .right-to-left .island-road .rookie-boat-position {
    bottom: 0;
    transform: translate(-50%, -50%) rotateY(180deg) scale(0.9);
  }
  .vertical-left-dashed {
    width: 150px;
  }
  .vertical-right-dashed {
    width: 140px;
  }
}
@media (max-width: 1200px) {
  .rookie-image-container img {
    width: 240px;
  }
  .rookie-boat-position {
    bottom: 0;
    transform: scale(0.8);
  }
  .left-to-right .island-left .rookie-boat-position {
    right: 50px;
  }
  .left-to-right .island-right .rookie-boat-position {
    left: -130px;
  }
  .right-to-left .island-left .rookie-boat-position {
    right: -130px;
    transform: rotateY(180deg) scale(0.8);
  }
  .right-to-left .island-right .rookie-boat-position {
    left: 50px;
    transform: rotateY(180deg) scale(0.8);
  }
  .vertical-row.text-left .rookie-boat-position {
    bottom: 40px;
  }
  .vertical-row.text-right .rookie-boat-position {
    bottom: 40px;
    transform: rotateY(180deg) scale(0.8);
  }
  .left-to-right .island-road .rookie-boat-position {
    bottom: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
  .right-to-left .island-road .rookie-boat-position {
    bottom: 0;
    transform: translate(-50%, -50%) rotateY(180deg) scale(0.8);
  }
  .vertical-row {
    height: 190px;
  }
  .vertical-right-dashed {
    width: 125px;
  }
  .vertical-left-dashed {
    width: 135px;
  }
}
@media (max-width: 1000px) {
  .rookie-image-container img {
    width: 210px;
  }
  .rookie-island i {
    font-size: 40px;
  }
  .rookie-boat-position {
    bottom: 0;
    transform: scale(0.6);
  }
  .left-to-right .island-left .rookie-boat-position {
    right: 45px;
  }
  .left-to-right .island-right .rookie-boat-position {
    left: -90px;
  }
  .right-to-left .island-left .rookie-boat-position {
    right: -90px;
    transform: rotateY(180deg) scale(0.6);
  }
  .right-to-left .island-right .rookie-boat-position {
    left: 40px;
    transform: rotateY(180deg) scale(0.6);
  }
  .vertical-row.text-left .rookie-boat-position {
    bottom: 35px;
  }
  .vertical-row.text-right .rookie-boat-position {
    bottom: 35px;
    transform: rotateY(180deg) scale(0.6);
  }
  .left-to-right .island-road .rookie-boat-position {
    bottom: 0;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .right-to-left .island-road .rookie-boat-position {
    bottom: 0;
    transform: translate(-50%, -50%) rotateY(180deg) scale(0.6);
  }
  .vertical-row {
    height: 160px;
  }
  .vertical-right-dashed {
    width: 105px;
  }
  .vertical-left-dashed {
    width: 115px;
  }
}
@media (max-width: 768px) {
  .rookie-image-container img {
    width: 210px;
  }
  .row-islands {
    display: block;
    text-align: center;
  }
  .rookie-island {
    display: block;
  }
  .island-road {
    text-align: center;
    width: 100%;
    z-index: 3;
  }
  .join-dashed {
    border-bottom: 0;
    border-right: 20px dotted var(--cc-surface, #ffffff);
    display: inline-block;
    height: 160px;
    width: 0;
  }
  .rookie-boat-position {
    bottom: 0;
    transform: scale(0.6);
  }
  .left-to-right .island-left .rookie-boat-position,
  .left-to-right .island-right .rookie-boat-position,
  .right-to-left .island-right .rookie-boat-position,
  .right-to-left .island-left .rookie-boat-position {
    right: 0;
    width: 230px;
    height: 140px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%) rotateY(0) scale(0.6);
    z-index: 3;
  }
  .left-to-right .island-road .rookie-boat-position,
  .right-to-left .island-road .rookie-boat-position,
  .vertical-row.text-left .rookie-boat-position,
  .vertical-row.text-right .rookie-boat-position {
    width: 230px;
    height: 140px;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%) rotateY(0) scale(0.6);
    z-index: 3;
  }
  .left-to-right .island-road .rookie-boat-position .rookie-boat-container .rookie-boat-img,
  .right-to-left .island-road .rookie-boat-position .rookie-boat-container .rookie-boat-img,
  .vertical-row .rookie-boat-position .rookie-boat-container .rookie-boat-img,
  .left-to-right .island-left .rookie-boat-position .rookie-boat-container .rookie-boat-img,
  .left-to-right .island-right .rookie-boat-position .rookie-boat-container .rookie-boat-img,
  .right-to-left .island-left .rookie-boat-position .rookie-boat-container .rookie-boat-img,
  .right-to-left .island-right .rookie-boat-position .rookie-boat-container .rookie-boat-img {
    position: relative;
    z-index: 3;
  }
  .vertical-row {
    height: 160px;
    text-align: center !important;
    display: inline-block;
  }
  .vertical-right-dashed {
    width: 0;
  }
  .vertical-left-dashed {
    width: 0;
  }
  .rookie-island-tasks {
    position: relative;
  }
  .rookie-island.island-left i,
  .rookie-island.island-right i {
    right: 5px;
    left: auto;
    bottom: -75px;
  }
}
/*---end media---*/
.wave-element {
  position: absolute;
  width: 60px;
  opacity: 0.3;
  bottom: 0;
}
.wave01 {
  left: 0%;
}
.wave02 {
  left: 10%;
}
.wave03 {
  left: 20%;
}
.wave04 {
  left: 30%;
}
.wave05 {
  left: 40%;
}
.wave06 {
  left: 50%;
}
.wave07 {
  left: 60%;
}
.wave08 {
  left: 70%;
}
/*Skeleton*/
.skeleton-box {
  display: block;
  position: relative;
  overflow: hidden;
}
.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  animation: shimmer 2s infinite;
  content: '';
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.skeleton-box {
  background-color: var(--cc-legacy-ecebec, #ecebec);
}
.skeleton-box::after {
  background-image: linear-gradient(90deg, var(--cc-legacy-rgba-4f85e939ac33ad, rgba(255, 255, 255, 0)) 0, var(--cc-legacy-rgba-6acb658b6e667a, rgba(255, 255, 255, 0.2)) 20%, var(--cc-legacy-rgba-5c615864d3d4f8, rgba(255, 255, 255, 0.5)) 60%, var(--cc-legacy-rgba-4f85e939ac33ad, rgba(255, 255, 255, 0)));
}
.skeleton-course-content {
  border: 1px solid var(--cc-surface-row-hover, #f5f5f5);
}
.skeleton-rj-check {
  width: 23px;
  height: 23px;
}
.skeleton-rj-image {
  width: 60px;
  height: 60px;
  border-radius: 8px;
}
.skeleton-rj-title {
  width: 220px;
  height: 15px;
}
.skeleton-rj-text {
  width: 300px;
  height: 15px;
}
.skeleton-rj-type {
  width: 150px;
  height: 15px;
}
.skeleton-rj-tag {
  width: 90px;
  height: 15px;
  border-radius: 60px;
}
.skeleton-rj-btn {
  width: 70px;
  height: 30px;
  margin-top: -30px;
}
/*----------------smoke*/
.smoke {
  position: absolute;
  z-index: 1;
  width: 1px;
  height: 130px;
  left: 65px;
  bottom: 144px;
}
.smoke.smoke2 {
  left: 103px;
  bottom: 144px;
}
/* smoke balls */
.smoke span {
  display: block;
  position: absolute;
  bottom: -35px;
  margin-left: -20px;
  height: 0px;
  width: 0px;
  border: 25px solid var(--cc-legacy-8b8989, #8b8989);
  border-radius: 35px;
  left: -5px;
  opacity: 0;
  transform: scale(0.1);
}
.smoke.smoke2 span {
  display: block;
  position: absolute;
  bottom: -35px;
  margin-left: -20px;
  height: 0px;
  width: 0px;
  border: 25px solid var(--cc-legacy-8b8989, #8b8989);
  border-radius: 35px;
  left: -5px;
  opacity: 0;
  transform: scale(0.1);
}
/* Smoke animation */
@keyframes smokeL {
  0% {
    transform: scale(0.2) translate(0, 0);
  }
  10% {
    opacity: 1;
    transform: scale(0.2) translate(0, -5px);
  }
  100% {
    opacity: 0;
    transform: scale(1) translate(-20px, -100px);
  }
}
@keyframes smokeR {
  0% {
    transform: scale(0.2) translate(0, 0);
  }
  10% {
    opacity: 1;
    transform: scale(0.2) translate(0, -5px);
  }
  100% {
    opacity: 0;
    transform: scale(1) translate(20px, -100px);
  }
}
@keyframes smokeL2 {
  0% {
    transform: scale(0.2) translate(0, 0);
  }
  10% {
    opacity: 1;
    transform: scale(0.2) translate(0, -5px);
  }
  100% {
    opacity: 0;
    transform: scale(1) translate(-10px, -50px);
  }
}
@keyframes smokeR2 {
  0% {
    transform: scale(0.2) translate(0, 0);
  }
  10% {
    opacity: 1;
    transform: scale(0.2) translate(0, -5px);
  }
  100% {
    opacity: 0;
    transform: scale(1) translate(10px, -50px);
  }
}
.smoke .s0 {
  animation: smokeL 20s 0s infinite;
}
.smoke .s1 {
  animation: smokeR 20s 2s infinite;
}
.smoke .s2 {
  animation: smokeL 20s 4s infinite;
}
.smoke .s3 {
  animation: smokeR 20s 6s infinite;
}
.smoke .s4 {
  animation: smokeL 20s 8s infinite;
}
.smoke .s5 {
  animation: smokeR 20s 10s infinite;
}
.smoke .s6 {
  animation: smokeL 20s 12s infinite;
}
.smoke .s7 {
  animation: smokeR 20s 14s infinite;
}
.smoke .s8 {
  animation: smokeL 20s 16s infinite;
}
.smoke .s9 {
  animation: smokeR 20s 18s infinite;
}
.smoke.smoke2 .s0 {
  animation: smokeL2 5s 0s infinite;
}
.smoke.smoke2 .s1 {
  animation: smokeR2 5s 1s infinite;
}
.smoke.smoke2 .s2 {
  animation: smokeL2 5s 2s infinite;
}
.smoke.smoke2 .s3 {
  animation: smokeR2 5s 3s infinite;
}
.smoke.smoke2 .s4 {
  animation: smokeL2 5s 4s infinite;
}
/*----------------end smoke*/
.task-element {
  padding: 20px 0 20px 0;
  border-bottom: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
.rookie-journey-check-container {
  vertical-align: middle;
  width: 30px;
}
.rookie-journey-img-container {
  vertical-align: middle;
  width: 70px;
}
.rookie-journey-img-container img {
  width: 60px;
  height: 60px;
  border-radius: 8px;
}
.rookie-journey-info-container .btn {
  float: right;
  margin-top: -20px;
}
.rookie-journey-info-container h5 {
  margin: 0;
}
.rookie-journey-info-container .type {
  height: 25px;
}
/*------------------ Milestones -----------------*/
.milestone-container {
  display: inline-block;
}
.milestone-period-wrapper {
  display: inline-block;
  margin-right: -4px;
}
.period-tag {
  padding: 0 8px 8px 0;
  position: relative;
}
.period-tag .remove-period {
  display: none;
  position: absolute;
  top: -11px;
  right: 3px;
  width: 23px;
  height: 23px;
  border-radius: 15px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  background: var(--cc-surface, #ffffff);
  border: 1px solid #878c91;
  color: var(--cc-danger, #B4443C);
}
.milestone-period-wrapper.finish .period-tag .remove-period {
  right: -6px;
}
.milestone-period-wrapper .top-line.color1 {
  border-top-color: var(--cc-purple, #6B4FA3);
  border-left-color: var(--cc-purple, #6B4FA3);
  border-right-color: var(--cc-purple, #6B4FA3);
}
.milestone-period-wrapper .top-line.color2 {
  border-top-color: var(--cc-legacy-0287c2, #0287c2);
  border-left-color: var(--cc-legacy-0287c2, #0287c2);
  border-right-color: var(--cc-legacy-0287c2, #0287c2);
}
.milestone-period-wrapper .top-line.color3 {
  border-top-color: var(--cc-legacy-25d366, #25d366);
  border-left-color: var(--cc-legacy-25d366, #25d366);
  border-right-color: var(--cc-legacy-25d366, #25d366);
}
.milestone-period-wrapper .top-line.color4 {
  border-top-color: var(--cc-legacy-f5707a, #f5707a);
  border-left-color: var(--cc-legacy-f5707a, #f5707a);
  border-right-color: var(--cc-legacy-f5707a, #f5707a);
}
.milestone-period-wrapper .top-line.color5 {
  border-top-color: var(--cc-warning, #D4A72C);
  border-left-color: var(--cc-warning, #D4A72C);
  border-right-color: var(--cc-warning, #D4A72C);
}
.milestone-period-wrapper .top-line.color6 {
  border-top-color: var(--cc-legacy-3f729b, #3f729b);
  border-left-color: var(--cc-legacy-3f729b, #3f729b);
  border-right-color: var(--cc-legacy-3f729b, #3f729b);
}
.milestone-period-wrapper .top-line.color7 {
  border-top-color: var(--cc-legacy-ea4c89, #ea4c89);
  border-left-color: var(--cc-legacy-ea4c89, #ea4c89);
  border-right-color: var(--cc-legacy-ea4c89, #ea4c89);
}
.milestone-period-wrapper .top-line.color8 {
  border-top-color: var(--cc-social-facebook, #3b5998);
  border-left-color: var(--cc-social-facebook, #3b5998);
  border-right-color: var(--cc-social-facebook, #3b5998);
}
.period-tag:hover .remove-period,
.period-tag:focus .remove-period {
  display: block;
}
.milestone-period-wrapper.finish {
  margin: 0 8px 8px 0;
}
.milestone-period-wrapper.finish .period-tag {
  padding: 0;
}
.milestone-period-wrapper .top-line {
  height: 10px;
  width: 100%;
  border-top: 3px solid;
}
.milestone-period-wrapper.start .top-line {
  border-left: 3px solid;
}
.milestone-period-wrapper.finish .top-line {
  border-right: 3px solid;
}
.milestone-period {
  font-size: 14px;
  padding: 0.8rem 1.2rem;
  border-radius: 60px;
  display: inline-block;
  background: var(--cc-light, #e4e7ea);
  border: 1px solid var(--cc-light, #e4e7ea);
  color: var(--cc-text, #686868);
}
.tooltip-hover .milestone-period {
  font-size: 10px;
  padding: 0.3rem 0.6rem;
}
.milestone-period.milestone-period-missing {
  background: var(--cc-surface, #ffffff);
  border: 1px dashed var(--cc-legacy-a1a3a5, #a1a3a5);
  color: var(--cc-surface, #ffffff);
}
.milestone-period.milestone-period-missing.active {
  background-color: var(--cc-surface, #ffffff);
  border: 1px dashed var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.milestone-period.add-period {
  margin: 0 8px 8px 0;
  font-size: 14px;
  padding: 0.8rem 1.2rem;
  cursor: pointer;
  border-radius: 60px;
  transition: all 0.5s;
  background-color: var(--cc-surface, #ffffff);
  border: 1px solid var(--cc-header-bg, #2A478B);
  color: var(--cc-header-bg, #2A478B);
}
.hover-card:hover {
  background-color: var(--cc-extra-light, #f7fafc);
}
.red-theme {
  background: var(--cc-danger, #B4443C);
}
.yellow-theme {
  background: var(--cc-warning, #D4A72C);
}
.default-theme {
  background: var(--cc-legacy-a0aec4, #a0aec4);
}
.yellow-light-theme {
  background: var(--cc-legacy-f3dd99, #f3dd99);
}
.yellow-dark-theme {
  background: var(--cc-legacy-eb962c, #eb962c);
}
.red-light-theme {
  background: var(--cc-legacy-f55891, #f55891);
}
.red-dark-theme {
  background: var(--cc-legacy-ef3b3b, #ef3b3b);
}
.pink-theme {
  background: var(--cc-legacy-bf06e1, #bf06e1);
}
.green-dark-theme {
  background: var(--cc-legacy-53ab3c, #53ab3c);
}
.green-light-theme {
  background: var(--cc-legacy-afbf27, #afbf27);
}
.green-alt-theme {
  background: var(--cc-legacy-38937c, #38937c);
}
.gray-dark-theme {
  background: var(--cc-legacy-646963, #646963);
}
.blue-light-theme {
  background: var(--cc-legacy-08e3db, #08e3db);
}
.blue-dark-theme {
  background: var(--cc-legacy-2b72af, #2b72af);
}
/*------------------------------ End Rookie Journey ------------------------------*/
/*------------------------------ Birthday Message ------------------------------*/
canvas#confetti {
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  z-index: 1;
  visibility: visible;
  opacity: 1;
}
canvas.hidden-confetti {
  visibility: hidden!important;
  opacity: 0!important;
  transition: visibility 0s 1s, opacity 1s linear;
}
#happy-birthday-modal .modal-dialog {
  width: 800px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#happy-birthday-modal .modal-content {
  background-color: var(--cc-legacy-0a0030, #0a0030);
}
#happy-birthday-modal p {
  font-size: 22px;
  color: var(--cc-surface, #ffffff);
  padding: 10px 100px;
  text-align: justify;
}
#happy-birthday-modal .close {
  position: absolute;
  right: -2px;
  padding: 3px 13px;
  text-align: center;
  font-size: 39px;
  background-color: var(--cc-surface, #ffffff);
  text-shadow: none;
  border-radius: 0 20px;
}
#happy-birthday-modal .modal-content {
  border-radius: 20px;
}
@media (max-width: 800px) {
  #happy-birthday-modal .modal-dialog {
    position: relative;
    width: auto;
    left: auto;
    top: auto;
    transform: none;
  }
}
@media (max-width: 578px) {
  #happy-birthday-modal p {
    padding: 10px 50px;
  }
  #happy-birthday-modal p {
    font-size: 18px;
  }
}
.happy-birthday-message .modal-backdrop {
  opacity: 0 !important;
}
#happy-birthday-modal.happy-holidays-modal p {
  font-size: 16px;
  color: var(--cc-surface, #ffffff);
  padding: 10px 60px;
  text-align: center;
  line-height: 1.5;
}
.happy-holidays-modal .close {
  opacity: 0.8;
}
.happy-holidays-modal img {
  border-radius: 20px;
}
/*------------------------------ End Birthday Message ------------------------------*/
/*------------------------------ Alert Message ------------------------------*/
.alert-modal .modal-content {
  border-radius: 20px;
}
.device-visor .device-toolbar {
  align-items: center;
  display: flex;
  flex: none;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0 25px;
}
.device-visor .device-toolbar button {
  border-radius: 4px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 5px;
  align-items: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  transition: all 0.15s;
}
.device-visor .device-toolbar button.active,
.device-visor .device-toolbar button:active,
.device-visor .device-toolbar button:hover {
  background-color: var(--cc-legacy-f1f6f6, #f1f6f6);
  color: var(--cc-accent-blue-violet, #4c83ee);
}
.device-visor .device-toolbar button i {
  fill: currentColor;
  display: inline-block;
  flex-shrink: 0;
  height: 1em;
  overflow: hidden;
  transition: fill 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  vertical-align: middle;
  width: 1em;
  color: var(--cc-primary, #2A478B);
  font-size: 25px;
}
.device-visor .device-container {
  box-sizing: content-box;
  flex: none;
  padding-left: 20px;
  padding-right: 20px;
  transition: all 0.3s ease-in;
}
.device-visor .device-container.desktop {
  border: 1px solid var(--cc-light, #e4e7ea);
  padding: 0px;
  height: 800px;
  width: 100%;
  border-radius: 3px;
  min-height: 320px;
}
.device-visor .device-container.tablet {
  border: 2px solid var(--cc-accent-blue-violet, #4c83ee);
  height: 800px;
  border-radius: 35px;
  padding-bottom: 76px;
  padding-top: 54px;
  width: 768px;
}
.device-visor .device-container.phone {
  border: 2px solid var(--cc-accent-blue-violet, #4c83ee);
  border-radius: 35px;
  padding-bottom: 76px;
  padding-top: 54px;
  height: 568px;
  padding-left: 20px;
  padding-right: 20px;
  width: 320px;
}
.device-visor .device-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  width: 100%;
}
.device-visor .device-container.phone .device-content,
.device-visor .device-container.tablet .device-content {
  border: 1px solid var(--cc-accent-blue-violet, #4c83ee);
  border-radius: 7px;
}
.device-visor .device-content iframe {
  width: 100%;
  height: 100%;
  border: 0;
  /*background-color: var(--cc-legacy-f8fafc, @cc-legacy-f8fafc);*/
}
/*------------------------------ End Alert Message ------------------------------*/
/*.red-dot::after {*/
/*    content: "";*/
/*    width: 6px;*/
/*    height: 6px;*/
/*    background-color: var(--cc-legacy-f5707a, @cc-legacy-f5707a);*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    top: 2px;*/
/*    right: 2px;*/
/*}*/
.email-message-card-element {
  padding: 10px;
}
.email-message-card-element-wrapper {
  padding: 20px 10px;
}
.email-top-box {
  height: 40px;
  border-radius: 5px 5px 0 0;
  background-color: var(--cc-primary, #2A478B);
}
.email-bottom-box {
  height: 40px;
  border-radius: 0 0 5px 5px;
  background-color: var(--cc-primary, #2A478B);
}
.email-element-remove {
  position: absolute;
  right: 30px;
  top: 22px;
}
.email-element-remove i {
  color: var(--cc-surface, #ffffff);
  font-size: 18px;
}
.email-days-title {
  height: 20px;
}
@media (max-width: 350px) {
  .skip-message-check span {
    font-size: 12px;
  }
}
.add-email-message-card-element {
  padding: 38px 10px;
}
.first-element .email-message-card-element-wrapper {
  padding: 76px 10px;
}
.remove-alert-days {
  display: inline-block;
  width: 100px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
#dropdownContent {
  display: none;
  position: absolute;
  background-color: var(--cc-surface-wash, #f9f9f9);
  min-width: 160px;
  box-shadow: 0 8px 16px 0 var(--cc-shadow-ambient-20, rgba(0, 0, 0, 0.2));
  z-index: 1;
}
#dropdownContent a {
  color: var(--cc-text-strong, #2b2b2b);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
#dropdownContent a:hover {
  background-color: var(--cc-surface-gray-210, #f1f1f1);
}
.show {
  display: block;
}
.dynamic-tabs-tabs li {
  margin-top: 5px !important;
}
.dynamic-tabs-tabs .menu-tab {
  font-size: 16px;
  border: none;
  cursor: pointer;
  padding: 5px 10px;
  margin-left: 12px;
  border-radius: 4px;
}
.dynamic-tabs-tabs .menu-tab:hover {
  background-color: var(--cc-legacy-f0f0f0, #f0f0f0);
  color: var(--cc-primary, #2A478B);
}
.dynamic-tabs-tabs .tab-menu {
  display: none;
  position: absolute;
  background-color: var(--cc-surface, #ffffff);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px var(--cc-shadow-ambient-20, rgba(0, 0, 0, 0.2));
  z-index: 1;
}
.dynamic-tabs-tabs .tab-menu.visible {
  display: block;
}
.dynamic-tabs-tabs .tab-menu a {
  color: var(--cc-text-strong, #2b2b2b);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dynamic-tabs-tabs .tab-menu a:hover {
  background-color: var(--cc-surface-gray-210, #f1f1f1);
}
.tabs-style-linebox nav .dynamic-tabs-tabs a {
  padding: 0 1em;
}
.dynamic-tabs-tabs .tab-menu {
  min-width: 120px;
  right: 0;
}
.dynamic-tabs-tabs .tab-menu a {
  padding: 5px 5px;
  color: var(--cc-text-menu-muted, #8d9ea7) !important;
  font-weight: 400;
  text-align: left;
}
.dynamic-tabs-tabs .tab-menu a:hover {
  background: var(--cc-extra-light, #f7fafc) !important;
}
.dynamic-tabs-tabs .tab-menu a::after {
  content: none;
}
.tabs-style-linebox nav .dynamic-tabs-tabs .tab-current a {
  color: var(--cc-primary, #2A478B);
}
.tabs-style-linebox nav .dynamic-tabs-tabs .tab-current a::after {
  background-color: transparent;
  transform: none;
  border: 1px solid var(--cc-primary, #2A478B);
  border-bottom: 3px solid var(--cc-primary, #2A478B);
}
.max-width-none {
  max-width: none !important;
}
/*------------------ Start employee new profile -----------------*/
.menu-profile-icons-container .profile-icons-menu {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0;
}
.menu-profile-icons-container .icon-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--cc-white, #ffffff);
  color: var(--cc-text, #686868);
  border-radius: 12px;
  cursor: pointer;
  transition: transform 0.3s ease, background 0.3s ease, margin 0.3s ease;
  position: relative;
}
.menu-profile-icons-container .icon-item a {
  color: var(--cc-text, #686868);
}
.menu-profile-icons-container .icon-item:hover {
  background: var(--cc-primary-hover, #192956);
  color: var(--cc-surface, #ffffff);
  transform: scale(1.5);
  z-index: 10;
}
.menu-profile-icons-container .icon-item:hover a {
  color: var(--cc-surface, #ffffff);
}
.menu-profile-icons-container .icon-item.active {
  background: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.menu-profile-icons-container .icon-item.active:hover {
  background: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
  transform: none !important;
}
.menu-profile-icons-container .icon-item i {
  font-size: 28px;
  transition: transform 0.3s ease;
}
/*tag*/
.menu-profile-icons-container {
  position: relative;
}
.menu-profile-icons-container .icon-label {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--cc-legacy-rgba-ebabe10eef3493, rgba(0, 0, 0, 0.8));
  color: var(--cc-surface, #ffffff);
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.menu-profile-icons-container .icon-item:hover .icon-label {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-5px);
}
.employee-profile-alerts .mail-contnet a.job-action {
  font-size: 12px;
}
.employee-profile-alerts .mail-contnet a.job-action i {
  font-size: 10px;
}
.dashboard-insights .score-data {
  margin: 25px 0 14px;
}
.dashboard-insights .score-data .insights-number {
  font-size: 50px;
}
.employee-profile-actions .comment-center {
  height: 552px;
}
.employee-profile-actions .no-pending-action {
  margin-top: 70px;
}
.employee-profile-actions .label.label-rouded {
  padding: 4px 16px 3px !important;
}
.employee-profile-actions .mail-contnet a.profile-actions {
  margin-left: 15px;
  font-size: 12px;
}
.employee-profile-actions .mail-contnet a.profile-actions i {
  font-size: 10px;
}
.employee-profile-courses .courses-in-progress-wrapper {
  height: 364px;
}
/*start employee carousel*/
.employee-badges-carousel-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.employee-badges-carousel-wrapper {
  display: flex;
  flex-direction: row-reverse;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.employee-badges-carousel-wrapper::-webkit-scrollbar {
  display: none;
}
.employee-badges-carousel-wrapper {
  display: flex;
  /* Ensures that cards are in a row */
  flex-direction: row-reverse;
  /* Maintains right-to-left stacking */
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  white-space: nowrap;
  /* Prevents cards from stacking in a column */
  padding: 10px;
  align-items: stretch;
  /* Keeps all cards aligned at the top */
}
.employee-badges-carousel-wrapper::-webkit-scrollbar {
  display: none;
}
/*---------------*/
/* 📌 Base Card */
.employee-badges-carousel-card {
  flex: 0 0 auto;
  /* Prevents shrinking */
  width: 100px;
  height: 130px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  perspective: 1200px;
  margin: 10px;
}
/* 📌 Background layer (Tilts on hover) */
.employee-badges-card-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--cc-legacy-c8eeff, #c8eeff);
  border-radius: 10px;
  border: 1px solid var(--cc-legacy-4dbaeb, #4dbaeb);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 1;
}
.employee-badges-card-background.background-info {
  background: var(--cc-legacy-c8eeff, #c8eeff);
  border: 1px solid var(--cc-legacy-4dbaeb, #4dbaeb);
}
.employee-badges-card-background.background-warning {
  background: var(--cc-legacy-f9f2db, #f9f2db);
  border: 1px solid var(--cc-warning, #D4A72C);
}
.employee-badges-card-background.background-success {
  background: var(--cc-legacy-d8f8f0, #d8f8f0);
  border: 1px solid var(--cc-success, #2E9B72);
}
/* 📌 Text & Image Wrapper */
.employee-badges-card-content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  z-index: 3;
}
/* 📌 Text Styling */
.employee-badges-text {
  font-size: 10px;
  font-weight: bold;
  color: var(--cc-text-heading-dark, #333333);
  text-align: center;
  width: 90%;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.2em;
  max-height: 2.4em;
}
/* 📌 Image Wrapper */
.employee-badges-image-wrapper {
  position: absolute;
  width: 75%;
  top: 43%;
  /* Corrected position */
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease, width 0.3s ease, top 0.3s ease;
  z-index: 4;
}
/* 📌 Image inside the card */
.employee-badges-image-wrapper img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
/* 📌 Creates a floating duplicate for hover effect */
.employee-badges-image-wrapper::after {
  content: "";
  background-image: inherit;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 110%;
  height: 110%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
/* 📌 Hover Effects */
/* 🎯 Tilts the background */
.employee-badges-carousel-card:hover .employee-badges-card-background {
  transform: perspective(900px) rotateX(25deg);
  box-shadow: 2px 6px 20px var(--cc-legacy-rgba-0309bfa69f96a0, rgba(0, 0, 0, 0.3));
}
/* 🎯 Elevates text */
.employee-badges-carousel-card:hover .employee-badges-text {
  bottom: 10px;
}
/* 🎯 Enlarges and moves image */
.employee-badges-carousel-card:hover .employee-badges-image-wrapper {
  width: 110%;
  top: 30%;
  transform: translate(-50%, -50%) scale(1.1);
}
/* 🎯 Activates floating effect */
.employee-badges-carousel-card:hover .employee-badges-image-wrapper::after {
  opacity: 1;
  transform: translateY(-15px) scale(1.2);
}
.employee-badges-carousel-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--cc-legacy-rgba-0eb9fe0e6bee0a, rgba(0, 0, 0, 0.5));
  color: var(--cc-surface, #ffffff);
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
}
.employee-badges-carousel-button.left {
  left: 10px;
}
.employee-badges-carousel-button.right {
  right: 10px;
}
/*end employee carousel*/
/* calendar */
.employee-calendar-container {
  background-color: var(--cc-surface-muted, #fafafa);
  height: 500px;
}
/* .employee-calendar-container .datepicker-inline-container.appointment-datepicker {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.employee-calendar-container .datepicker-inline-container.appointment-datepicker .datepicker {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
} */
/* 🔹 Ensures both calendars are displayed side by side */
.employee-calendar-container .datepicker-inline-container.appointment-datepicker {
  display: flex;
  justify-content: center;
  /* Centers the calendars */
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  gap: 20px;
  /* Adds spacing between the calendars */
}
#datepicker-calendar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  margin: 0 auto;
  /* Centers the whole container */
}
/* 🔹 Ensures the table inside the calendar is centered */
#datepicker-calendar .datepicker {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* Ensures it takes full width of container */
}
/* 🔹 Ensures the actual calendar table is centered */
#datepicker-calendar .datepicker table {
  margin: 0 auto;
  /* Centers the table inside the container */
}
/* 🔹 Ensure each calendar takes half of the space */
#datepicker-calendar,
#datepicker-calendar-2 {
  flex: 1;
  /* Makes them take equal space */
  min-width: 320px;
  /* Ensures a minimum width */
  max-width: 400px;
  /* Prevents excessive stretching */
}
/* 🔹 Fix alignment issue caused by duplicate navigation */
#datepicker-calendar .datepicker-inline,
#datepicker-calendar-2 .datepicker-inline {
  width: 100%;
}
/* 🔹 Hide navigation arrows on the second calendar */
#datepicker-calendar-2 .datepicker-days .prev,
#datepicker-calendar-2 .datepicker-days .next {
  visibility: hidden;
}
/* 🔹 Hide the second calendar on small screens */
@media (max-width: 1678px) {
  #datepicker-calendar-2 {
    display: none !important;
  }
  .employee-calendar-container .datepicker-inline-container.appointment-datepicker {
    display: flex;
    justify-content: center;
    /* Centers the remaining calendar */
    align-items: center;
    width: auto;
  }
}
/* 🔹 Adjusts spacing between days when screen is wide */
@media (min-width: 1200px) {
  .employee-calendar-container .datepicker-inline-container.appointment-datepicker td,
  .employee-calendar-container .datepicker-inline-container.appointment-datepicker th {
    padding: 14px;
    /* Increases spacing */
    font-size: 16px;
  }
}
/* 🔹 Reduces spacing for medium screens */
@media (max-width: 768px) {
  .employee-calendar-container .datepicker-inline-container.appointment-datepicker td,
  .employee-calendar-container .datepicker-inline-container.appointment-datepicker th {
    padding: 8px;
    font-size: 14px;
  }
  .employee-calendar-container {
    height: 380px;
  }
}
/* 🔹 Hide the datepicker on very small screens */
@media (max-width: 480px) {
  .employee-calendar-container .datepicker-inline-container.appointment-datepicker {
    display: none;
  }
}
.fc-head-container .fc-axis.fc-widget-header {
  width: 59px !important;
}
.employee-activities-report {
  background: var(--cc-extra-light, #f7fafc);
  margin: 0px -25px;
  padding: 5px 15px;
}
.event-link-home-section {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.employee-profile-cards .top-card-insights {
  height: 205px;
}
/* Rookie Jurney card */
.employee-profile-cards .rookie-journey-card {
  background: var(--cc-primary, #2A478B);
  padding: 5px;
}
.employee-profile-cards .rookie-journey-card .row-islands {
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.employee-profile-cards .island-road .join-dashed {
  opacity: 0.5;
}
.employee-profile-cards .rookie-journey-card .rookie-island-tasks img {
  width: 200px;
  height: auto;
}
.employee-profile-cards .rookie-journey-card .island-left .rookie-boat-position,
.employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position {
  right: 40px;
  bottom: 5px;
}
.employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
  width: 230px;
  left: 50%;
  bottom: 6px;
}
.employee-profile-cards .island-right .rookie-boat-position,
.employee-profile-cards .left-to-right .island-right .rookie-boat-position {
  left: -120px;
  bottom: 5px;
}
.employee-profile-cards .rookie-journey-card .rookie-boat-position {
  transform: translate(-50%, -50%) scale(0.7);
}
.employee-profile-cards .rookie-journey-card .rookie-island.island-road {
  height: 175px;
}
.employee-profile-cards .rookie-journey-card .rookie-island.island-road .wave-element {
  z-index: 4;
}
/* 🔹 Reduces size for medium screens */
@media (max-width: 1300px) {
  .employee-profile-cards .rookie-journey-card .rookie-boat-position {
    transform: translate(-50%, -50%) scale(0.5);
  }
  .employee-profile-cards .rookie-journey-card .rookie-island-tasks img {
    width: 170px;
    height: auto;
  }
  .employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
    bottom: 23px;
  }
  .employee-profile-cards .island-right .rookie-boat-position,
  .employee-profile-cards .left-to-right .island-right .rookie-boat-position {
    left: -75px;
    bottom: 5px;
  }
}
@media (max-width: 768px) {
  .employee-profile-cards .rookie-journey-card .row-islands {
    display: flex;
    text-align: center;
  }
  .employee-profile-cards .rookie-journey-card .rookie-island.island-road {
    display: flex;
    z-index: 2;
  }
  .employee-profile-cards .rookie-journey-card .rookie-island.island-road .join-dashed {
    width: 100%;
    height: 50%;
    border-bottom: 20px dotted var(--cc-surface, #ffffff);
    opacity: 0.2;
    border-right: 0;
  }
  .employee-profile-cards .rookie-journey-card .rookie-island {
    display: flex;
    z-index: 3;
  }
  .employee-profile-cards .rookie-journey-card .island-left .rookie-boat-position,
  .employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position {
    right: 40px;
    bottom: 5px;
    position: absolute;
    width: auto;
    height: auto;
    left: auto;
  }
  .employee-profile-cards .rookie-journey-card .island-right .rookie-boat-position,
  .employee-profile-cards .rookie-journey-card .left-to-right .island-right .rookie-boat-position {
    right: auto;
    bottom: 5px;
    position: absolute;
    width: auto;
    height: auto;
    left: -75px;
  }
  .employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position .rookie-boat-container .rookie-boat-img {
    position: absolute;
  }
  .employee-profile-cards .rookie-journey-card .left-to-right .island-right .rookie-boat-position .rookie-boat-container .rookie-boat-img {
    position: absolute;
  }
  .employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
    bottom: -85px;
    top: auto;
  }
}
@media (max-width: 550px) {
  .employee-profile-cards .rookie-journey-card .rookie-island.island-road .join-dashed {
    height: 40%;
    border-bottom: 14px dotted var(--cc-surface, #ffffff);
  }
  .employee-profile-cards .rookie-journey-card .rookie-boat-position {
    transform: translate(-50%, -50%) scale(0.4);
  }
  .employee-profile-cards .rookie-journey-card .rookie-island-tasks img {
    width: 150px;
    height: auto;
  }
  .employee-profile-cards .rookie-journey-card .island-left .rookie-boat-position,
  .employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position {
    right: 30px;
    bottom: 2px;
  }
  .employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
    bottom: -83px;
    top: auto;
  }
  .employee-profile-cards .rookie-journey-card .island-right .rookie-boat-position,
  .employee-profile-cards .rookie-journey-card .left-to-right .island-right .rookie-boat-position {
    bottom: 2px;
    left: -60px;
  }
}
@media (max-width: 450px) {
  .employee-profile-cards .rookie-journey-card .rookie-boat-position {
    transform: translate(-50%, -50%) scale(0.3);
  }
  .employee-profile-cards .rookie-journey-card .rookie-island-tasks img {
    width: 110px;
    height: auto;
  }
  .employee-profile-cards .rookie-journey-card .island-left .rookie-boat-position,
  .employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position {
    right: 30px;
    bottom: 2px;
  }
  .employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
    bottom: -77px;
    top: auto;
  }
  .employee-profile-cards .rookie-journey-card .island-right .rookie-boat-position,
  .employee-profile-cards .rookie-journey-card .left-to-right .island-right .rookie-boat-position {
    bottom: 1px;
    left: -45px;
  }
}
@media (max-width: 350px) {
  .employee-profile-cards .rookie-journey-card .rookie-island.island-road .join-dashed {
    height: 33%;
    border-bottom: 8px dotted var(--cc-surface, #ffffff);
  }
  .employee-profile-cards .rookie-journey-card .rookie-boat-position {
    transform: translate(-50%, -50%) scale(0.2);
  }
  .employee-profile-cards .rookie-journey-card .rookie-island-tasks img {
    width: 90px;
    height: auto;
  }
  .employee-profile-cards .rookie-journey-card .island-left .rookie-boat-position,
  .employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position {
    right: 16px;
    bottom: 2px;
  }
  .employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
    bottom: -75px;
    top: auto;
  }
  .employee-profile-cards .rookie-journey-card .island-right .rookie-boat-position,
  .employee-profile-cards .rookie-journey-card .left-to-right .island-right .rookie-boat-position {
    bottom: 1px;
    left: -28px;
  }
}
/* End Rookie Jurney card */
/* .employee-profile-actions .employee-actions-search{
    position: relative;
}

.employee-profile-actions .employee-actions-search input{
    width: 120px;
}

.employee-profile-actions .employee-actions-search input:focus{
    width: 320px;
}

.employee-profile-actions .employee-actions-search i{
    position: absolute;
    right: 10px;
    top: 11px;
} */
.employee-profile-actions-title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}
.employee-profile-actions-title-bar .d-flex {
  display: flex;
  align-items: center;
}
.employee-profile-actions-title-bar .employee-actions-search {
  position: relative;
  flex-grow: 1;
  display: flex;
  max-width: 100%;
  align-items: center;
  transition: max-width 0.3s ease-in-out;
}
.employee-profile-actions-title-bar .employee-actions-search input {
  width: 100%;
  max-width: 190px;
  transition: max-width 0.3s ease-in-out;
}
.employee-profile-actions-title-bar .employee-actions-search input:focus {
  max-width: 350px !important;
}
.employee-profile-actions-title-bar .employee-actions-search i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--cc-text-form, #555555);
}
.employee-profile-actions-title-bar .input-group-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
/*Start Alerts component*/
.employee-profile-alerts .comment-center .comment-body {
  display: flex;
  align-items: flex-start;
  padding: 15px;
  border-bottom: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  overflow: hidden;
}
.employee-profile-alerts .comment-center .job-img {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  margin-right: 0;
}
.employee-profile-alerts .comment-center .job-img img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.employee-profile-alerts .comment-center .mail-contnet {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.employee-profile-alerts .comment-center .mail-contnet h5 {
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
}
.employee-profile-alerts .comment-center .mail-contnet .mail-desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 1.5;
  max-height: calc(1.5em * 3);
}
.employee-profile-alerts .comment-center .mail-contnet .time {
  align-self: flex-end;
  font-size: 10px;
  color: var(--cc-text-strong, #2b2b2b);
}
.employee-profile-alerts .comment-center .job-action {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin-left: 0;
  font-size: 14px;
  white-space: nowrap;
}
.employee-profile-alerts .comment-center .mail-contnet-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 5px;
}
.employee-profile-alerts .comment-center .time {
  font-size: 12px;
  white-space: nowrap;
}
/*End Alerts component*/
/*------------------ End employee new profile -----------------*/
.text-transform-none {
  text-transform: none;
}
.switch-classic-modern {
  position: absolute;
  top: 12px;
  right: 80px;
}
@media (max-width: 767px) {
  .switch-classic-modern {
    position: relative;
    top: 0px;
    right: 40px;
  }
}
/*------------------ End employee new profile -----------------*/
/*------------------ Start PR Dashboard -----------------*/
.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard-card-info-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.dashboard-card-info-progress-container {
  display: block;
  width: 100%;
}
.dashboard-card-info-group {
  display: flex;
  align-items: center;
}
.dashboard-card-info-info {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.dashboard-card-info-text {
  font-size: 14px;
  color: var(--cc-text-form, #555555);
}
.dashboard-card-info-text i.fa-star {
  color: var(--cc-legacy-ffd700, #ffd700);
}
.flex-start {
  align-items: flex-start;
}
.flex-end {
  align-items: flex-end;
}
.dashboard-card-info-group .label {
  padding: 4px 16px 3px;
}
.dashboard-card-info-group img.dashboard-img-icon {
  width: 38px;
  height: auto;
}
.dashboard-card-info-wrapper {
  height: 150px;
}
.rating-control {
  font-size: 28px;
}
.rating-control i {
  color: var(--cc-legacy-ffd700, #ffd700);
  margin-right: 2px;
}
.dashboard-rating-value {
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  padding-top: 5px;
}
.tracking-professional-growth-wrapper {
  height: 334px;
}
.progress.goal-progress {
  margin-bottom: 0;
}
.doughnut-chart-container {
  height: 315px;
  /* Set the fixed height */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* Prevent overflow */
}
.doughnut-chart-container canvas {
  max-width: 100% !important;
  /* Ensure it resizes within container */
  max-height: 100% !important;
  height: auto !important;
  width: auto !important;
}
.col-6-charts-container {
  height: 500px;
}
.morris-chart-fit-container {
  width: 100% !important;
  /* Force Morris.js to fit the container */
  height: 100% !important;
  max-height: 400px;
  /* Prevent it from exceeding the container */
}
.chartjs-chart-fit-container {
  width: 100% !important;
  height: 100% !important;
  max-height: 400px;
}
.image-scroll-container {
  display: flex;
  /* Align images in a row */
  gap: 15px;
  /* Space between images */
  overflow-x: auto;
  /* Enable horizontal scroll */
  padding-bottom: 10px;
  /* Extra space to prevent scrollbar cutting */
  white-space: nowrap;
  /* Prevent wrapping */
  max-width: 100%;
  /* Ensure it does not exceed container */
  scrollbar-width: thin;
  /* Firefox scrollbar */
  scrollbar-color: var(--cc-border-strong, #cccccc) transparent;
  /* Firefox scrollbar color */
}
/* Webkit (Chrome, Edge, Safari) scrollbar styles */
.image-scroll-container::-webkit-scrollbar {
  height: 6px;
  /* Small scrollbar */
}
.image-scroll-container::-webkit-scrollbar-thumb {
  background: var(--cc-text-gray-aaa, #aaaaaa);
  /* Scroll thumb color */
  border-radius: 10px;
}
.image-scroll-container::-webkit-scrollbar-track {
  background: transparent;
  /* Hide scrollbar track */
}
.image-scroll-container img {
  display: block;
  /* Prevent inline spacing */
  width: 60px;
  height: 60px;
  border-radius: 50%;
  /* Make images circular */
  -o-object-fit: cover;
     object-fit: cover;
  /* Ensure images are properly fitted */
  cursor: pointer;
  /* Indicate interactivity */
}
.white-box.analytics-info {
  overflow: visible !important;
  /* Permite que el tooltip se muestre correctamente */
}
.custom-tooltip-peity {
  position: absolute;
  bottom: 100%;
  /* Position above the chart */
  left: 50%;
  transform: translateX(-50%);
  background: var(--cc-legacy-rgba-ebabe10eef3493, rgba(0, 0, 0, 0.8));
  color: var(--cc-surface, #ffffff);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  /* Ensures everything stays in one line */
  display: none;
  /* Initially hidden */
}
/*Dashboard Responsive*/
.dashboard-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
/* Large screens: Donut chart stays on the right */
.doughnut-container {
  flex: 0 0 50%;
  /* Keep 50% width on large screens */
}
@media (max-width: 1399px) {
  .dashboard-col-responsive {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100%;
  }
  .dashboard-flex {
    flex-direction: column;
  }
  .doughnut-container {
    order: -1;
    /* Moves donut to the top */
    flex: 0 0 100%;
    /* Full width */
  }
  .dashboard-content {
    flex: 0 0 100%;
  }
}
/*------------------ End PR Dashboard -----------------*/
/*------------------ Start Survey Dashboard -----------------*/
.dashboard-card-survey-info-wrapper {
  height: 250px;
}
.centered-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dashboard-big-number {
  font-size: 140px;
  font-weight: bold;
  color: var(--cc-primary, #2A478B);
  line-height: 0.85;
  margin-bottom: 8px;
}
.dashboard-big-number.survey-questions {
  line-height: 1;
  font-size: 100px;
  margin: 10px 0 15px 0;
}
.dashboard-subtitle {
  font-size: 14px;
  color: var(--cc-text-body-mid, #666666);
  margin-top: 10px;
}
.partial-survey-info {
  text-align: center;
  height: 115px;
}
.partial-survey-info p:first-child {
  font-weight: 500;
}
.dashboard-employee-list-container .dashboard-employee-list-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-bottom: 10px;
  max-width: 100%;
}
.dashboard-employee-list-container .list-item-icon-wrapper {
  flex: 0 0 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.dashboard-employee-list-container .list-item-icon {
  width: 45px;
  height: 45px;
  border: 2px solid var(--cc-blue-cyan, #168D9A);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dashboard-employee-list-container .list-item-icon.survey-item-icon {
  border: 2px solid var(--cc-blue-cyan, #168D9A);
}
.dashboard-employee-list-container .list-item-icon.survey-item-icon i {
  color: var(--cc-blue-cyan, #168D9A);
}
.dashboard-employee-list-container .list-item-icon i {
  font-size: 23px;
}
.dashboard-employee-list-container .list-item-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  /* allow text to shrink properly */
  min-width: 0;
  /* needed for ellipsis to work */
}
.dashboard-employee-list-container .list-item-info-title {
  font-weight: 500;
  color: var(--cc-text, #686868);
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-employee-list-container .list-item-info-date {
  font-size: 12px;
  color: var(--cc-text-menu-muted, #8d9ea7) !important;
}
.card-survey-charts-container {
  height: 515px;
}
.progress-bar.progress-bar-green {
  background-color: var(--cc-accent-megna, #2AB7C0);
}
.survey-progress-flex-container,
.survey-categories-flex-container {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.progress-section {
  width: 25%;
  padding-right: 20px;
}
.col-6-charts-container .categories-section {
  width: 40%;
}
.chart-section {
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 425px;
}
.progress-group {
  width: 100%;
}
/* Responsive layout for screens < 1400px */
@media (max-width: 1399.98px), (max-width: 999.98px) {
  .card-survey-charts-container {
    height: 780px;
  }
  .survey-progress-flex-container {
    flex-direction: column;
    align-items: stretch;
  }
  .progress-section,
  .chart-section {
    width: 100%;
  }
  .progress-section {
    padding-right: 0;
  }
  .progress-section {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }
  .chart-section {
    height: 540px;
  }
  .progress-group {
    width: calc(50% - 7.5px);
    /* keeps 15px total gap between columns */
  }
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
  .card-survey-charts-container {
    height: 515px;
  }
  .progress-group {
    width: 100%;
  }
  .chart-section {
    height: 425px;
  }
  .survey-progress-flex-container {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
  }
  .progress-section {
    width: 25%;
    padding-right: 20px;
    gap: 0;
  }
  .chart-section {
    width: 75%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 425px;
  }
  .survey-progress-flex-container {
    flex-direction: row;
  }
}
.col-6-charts-container .chart-section {
  width: 60%;
}
.col-6-charts-container .chart-section {
  height: 400px;
}
.col-6-charts-container .categories-list,
.col-6-charts-container .categories-section {
  padding: 0;
}
.col-6-charts-container .categories-list li {
  margin-bottom: 15px;
}
.chart-section canvas {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
}
@media (max-width: 849.98px) {
  .col-6-charts-container {
    height: auto;
  }
  .survey-categories-flex-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .col-6-charts-container .categories-section {
    width: 100%;
    order: -1;
    margin-bottom: 20px;
  }
  .col-6-charts-container .categories-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .col-6-charts-container .categories-list li {
    margin: 0;
  }
  .col-6-charts-container .categories-list h5 {
    font-size: 14px;
    margin: 0;
    white-space: nowrap;
  }
}
/*------------------ End Survey Dashboard -----------------*/
/*------------------ Start Badges and Recognitions Dashboard -----------------*/
.dashboard-card-badges-recognitions-info-wrapper {
  height: 250px;
  position: relative;
  /* Required to contain the absolutely positioned watermark */
  overflow: hidden;
  /* Ensures the watermark does not overflow the card */
}
.badge-img-wrapper,
.recognition-img-wrapper {
  width: 170px;
  height: 160px;
  flex-shrink: 0;
}
.badge-text-content {
  flex: 1 1 auto;
  position: relative;
}
.watermark-badge {
  width: 290px;
  opacity: 0.05;
  bottom: -80px;
  right: -110px;
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.dashboard-card-badges-recognitions-info-wrapper .dashboard-big-number.badges-big-number {
  color: var(--cc-legacy-ff9800, #ff9800);
}
.dashboard-card-badges-recognitions-info-wrapper .dashboard-big-number.recognitions-big-number {
  color: var(--cc-warning, #D4A72C);
}
.dashboard-card-badges-recognitions-info-wrapper.badges-box {
  background: var(--cc-legacy-ff9800, #ff9800);
}
.dashboard-card-badges-recognitions-info-wrapper.recognitions-box {
  background: var(--cc-warning, #D4A72C);
}
.white-color {
  color: var(--cc-surface, #ffffff);
}
.leaderboard-card-body {
  margin-top: 20px;
  padding-right: 180px;
  width: 100%;
}
.leaderboard-percentage-wrapper {
  margin-right: 20px;
}
.leaderboard-percentage-number {
  font-size: 140px;
  font-weight: bold;
  line-height: 1;
}
.leaderboard-percentage-symbol {
  font-size: 90px;
  font-weight: bold;
  margin-left: 5px;
  line-height: 1;
}
.leaderboard-text-wrapper h4 {
  font-size: 24px;
  font-weight: bold;
}
.leaderboard-text-wrapper h4 {
  color: var(--cc-surface, #ffffff);
  margin: 0 0 20px 0;
}
.leaderboard-image-wrapper {
  position: absolute;
  right: 25px;
  bottom: 30px;
  width: 185px;
  max-height: 100%;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.leaderboard-image-container {
  position: relative;
}
.user-image-podium {
  position: absolute;
  width: 60px;
  height: 60px;
  padding: 4px;
}
.user-image-gold {
  top: 85px;
  left: 63px;
  background-color: var(--cc-legacy-ffd800, #ffd800);
  border-radius: 50%;
}
.user-text-podium {
  position: absolute;
  text-align: center;
  width: 55px;
}
.user-text-podium p {
  line-height: 11px;
  font-size: 12px;
  font-weight: 500;
}
.user-text-gold {
  top: 167px;
  left: 66px;
}
.user-image-silver {
  top: 105px;
  left: 3px;
  background-color: var(--cc-legacy-e3e3e3, #e3e3e3);
  border-radius: 50%;
}
.user-text-silver {
  top: 183px;
  left: 7px;
}
.user-image-bronze {
  top: 118px;
  right: 1px;
  background-color: var(--cc-legacy-c19704, #c19704);
  border-radius: 50%;
}
.user-text-bronze {
  top: 186px;
  right: 4px;
}
.btn-add-badge,
.btn-add-recognition,
.btn-wide {
  width: 100%;
  padding: 15px 10px;
}
.badges-unlocked-container .badge-recognition-card {
  border-radius: 8px;
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  width: 100%;
  padding: 5px;
  position: relative;
  margin-bottom: 10px;
}
.badge-recognition-card .badge-img-wrapper {
  width: 130px;
  height: 120px;
}
.badge-recognition-card .show-badge {
  position: absolute;
  top: 0;
  left: 4px;
}
.badges-recognition-separator {
  margin: 30px 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: var(--cc-text-placeholder, #999999);
}
.separator-line {
  flex-grow: 1;
  height: 2px;
  background-color: var(--cc-border-strong, #cccccc);
  margin: 0 10px;
}
.separator-text {
  white-space: nowrap;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--cc-text-placeholder, #999999);
}
.col-6-charts-container.badges-recognitions-col-container {
  height: 540px;
}
.badges-locked {
  gap: 20px;
}
.badge-locked-img {
  width: 100%;
  max-width: 120px;
  filter: grayscale(100%);
  opacity: 0.3;
  transition: transform 0.3s ease;
}
.badge-locked-img:hover {
  transform: scale(1.05);
  opacity: 0.4;
}
.badges-locked {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  /* prevent line wrap */
  gap: 20px;
}
.badge-locked-img {
  flex: 1 1 0;
  min-width: 0;
  max-width: 120px;
  filter: grayscale(100%);
  opacity: 0.1;
  transition: transform 0.3s ease;
}
.badges-recognitions-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  height: 385px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .leaderboard-card-body {
    margin-top: 40px;
  }
  .leaderboard-percentage-wrapper .leaderboard-percentage-number {
    font-size: 100px;
  }
  .leaderboard-percentage-wrapper .leaderboard-percentage-symbol {
    font-size: 60px;
  }
}
/*------------------ End Badges and Recognitions Dashboard -----------------*/
/*------------------ Start Disciplinary Actions Dashboard -----------------*/
.dashboard-disciplinary-actions-info-wrapper {
  height: 250px;
  position: relative;
  /* Required to contain the absolutely positioned watermark */
  overflow: hidden;
  /* Ensures the watermark does not overflow the card */
}
.dashboard-disciplinary-actions-info-wrapper .dashboard-big-number.disciplinary-big-number,
.dashboard-disciplinary-actions-info-wrapper .dashboard-medium-number.disciplinary-medium-number {
  color: var(--cc-danger, #B4443C);
}
.dashboard-disciplinary-actions-info-wrapper .box-title-container {
  position: relative;
  padding-right: 20px;
}
.dashboard-disciplinary-actions-info-wrapper .box-title-container .show-disciplinary {
  position: absolute;
  top: 0;
  right: 0;
}
.dashboard-medium-number {
  line-height: 1;
  font-size: 100px;
  margin: 10px 0 15px 0;
  font-weight: bold;
}
.disciplinary-img-wrapper {
  width: 140px;
  height: 160px;
  flex-shrink: 0;
}
.disciplinary-text-content {
  margin-left: 10px;
  flex: 1 1 auto;
  position: relative;
}
.disciplinary-action-status {
  text-align: center;
  transform: rotate(315deg);
  transform-origin: top right;
  text-transform: uppercase;
  padding: 5px 35px;
  bottom: 50px;
  right: -5px;
  position: absolute;
  color: var(--cc-surface, #ffffff);
}
.centered-content .subtitle {
  text-align: center;
}
.col-6-disciplinary-container {
  height: 540px;
}
.col-6-disciplinary-container .disciplinary-action-card {
  border-radius: 8px;
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
  width: 100%;
  padding: 5px;
  position: relative;
  margin-bottom: 10px;
}
.disciplinary-action-card .disciplinary-img-wrapper {
  flex-shrink: 0;
  width: 100px;
  height: 115px;
  padding: 5px;
  margin-top: 5px;
}
.disciplinary-action-card .disciplinary-text-content {
  flex: 1 1 auto;
  margin-left: 10px;
}
.disciplinary-action-card .show-disciplinary {
  position: absolute;
  top: 0;
  left: 4px;
}
/*------------------ End Disciplinary Actions Dashboard -----------------*/
/*------------------ Start DMS Actions Dashboard -----------------*/
.dashboard-dms-info-wrapper {
  height: 250px;
  position: relative;
  overflow: hidden;
}
.dashboard-dms-info-wrapper .dashboard-medium-number {
  color: var(--cc-text-menu-muted, #8d9ea7);
}
.dashboard-employee-list-container .list-item-icon.dms-item-icon {
  border: 2px solid var(--cc-text-menu-muted, #8d9ea7);
}
.dashboard-employee-list-container .list-item-icon.dms-item-icon i {
  color: var(--cc-text-menu-muted, #8d9ea7);
}
.sign-now-info {
  text-align: center;
  height: 115px;
}
.metrics-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  gap: 20px;
  padding: 10px 0;
}
.metric-box {
  flex: 1;
}
.metric-number {
  font-size: 55px;
  line-height: 55px;
  font-weight: bold;
  color: var(--cc-text-menu-muted, #8d9ea7);
}
.metric-label {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 5px;
}
.metric-label i {
  font-size: 12px;
}
.dms-upload-box-container {
  height: 115px;
}
.dms-upload-box {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 20px 40px;
  /* controls overall size */
  margin-top: 5px;
}
.dms-upload-box i {
  font-size: 50px;
  color: var(--cc-text-menu-muted, #8d9ea7);
  /* icon color */
}
/* Common styles for all corners */
.dms-upload-box::before,
.dms-upload-box::after,
.dms-upload-box .corner-bottom-left,
.dms-upload-box .corner-bottom-right {
  content: "";
  position: absolute;
  width: 30px;
  /* corner width */
  height: 25px;
  /* corner height */
  border: 3px solid var(--cc-text-menu-muted, #8d9ea7);
  /* border color */
  border-radius: 6px;
  /* rounded corners */
}
/* Top left corner */
.dms-upload-box::before {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}
/* Top right corner */
.dms-upload-box::after {
  top: 0;
  right: 0;
  border-left: none;
  border-bottom: none;
}
/* Bottom left corner */
.dms-upload-box .corner-bottom-left {
  bottom: 0;
  left: 0;
  border-right: none;
  border-top: none;
}
/* Bottom right corner */
.dms-upload-box .corner-bottom-right {
  bottom: 0;
  right: 0;
  border-left: none;
  border-top: none;
}
/*------------------ End DMS Actions Dashboard -----------------*/
.timer-input {
  display: flex;
  font-family: sans-serif;
  font-size: 16px;
  border: 1px solid var(--cc-border-strong, #cccccc);
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  transition: border 0.2s, box-shadow 0.2s;
  padding-right: 20px;
  width: 100%;
  justify-content: center;
}
.timer-input label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0px;
  font-weight: normal;
  display: flex
;
  align-items: center;
}
.timer-input input.timer-input-segment {
  width: 50px;
  text-align: right;
  padding: 8px 4px;
  border: none;
  outline: none;
  font-size: 16px;
  background: var(--cc-surface, #ffffff);
  height: 39px !important;
}
.timer-input input.timer-input-segment:not(:last-child) {
  border: 0;
}
.timer-input span {
  padding-right: 5px;
  margin-top: 1px;
}
.timer-input input.timer-input-segment::-moz-placeholder {
  color: var(--cc-text-gray-888, #888888);
}
.timer-input input.timer-input-segment::placeholder {
  color: var(--cc-text-gray-888, #888888);
}
.timer-input:focus-within {
  border-color: var(--cc-primary, #2A478B);
}
.timer-input label:has(input:focus) span {
  color: var(--cc-legacy-0596d7, #0596d7);
}
/* ============================================ FIND JOBS - GENERAL ============================================ */
.find-jobs-wrapper {
  display: flex;
  gap: 0;
  align-items: stretch;
}
/* Mobile filters row (hidden by default) */
.find-jobs-mobile-filters-row {
  display: none;
}
/* ============================================ FIND JOBS - FILTERS ============================================ */
.find-jobs-filters-column {
  width: 400px;
  flex-shrink: 0;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  flex-direction: column;
}
.find-jobs-filters {
  background: var(--cc-surface, #ffffff);
  box-shadow: 0 1px 3px var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1));
  border-top: 1px solid var(--cc-border-input-track, #e0e0e0);
  display: flex;
  flex-direction: column;
  flex: 1;
}
.find-jobs-filters-title {
  margin: 0;
  padding: 15px;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--cc-border-input-track, #e0e0e0);
  flex-shrink: 0;
}
.find-jobs-filters-title-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.find-jobs-filters-title .page-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.find-jobs-filters-title-alert {
  display: flex;
  align-items: center;
  gap: 10px;
}
.find-jobs-filters-body {
  flex: 1;
  padding: 20px;
}
.find-jobs-filters-sticky-wrapper {
  position: sticky;
  top: 15px;
  align-self: flex-start;
}
.find-jobs-filter-group {
  margin-bottom: 20px;
}
.find-jobs-filter-group:last-child {
  margin-bottom: 0;
}
.find-jobs-alert-button-wrapper {
  text-align: right;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* Hide form switch in normal view (only shown in responsive) */
.find-jobs-alert-button-wrapper .find-jobs-alert-switch-wrapper {
  display: none;
}
.find-jobs-alert-switch-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.find-jobs-alert-label {
  font-size: 14px;
  color: var(--cc-text-heading-dark, #333333);
  font-weight: 500;
  white-space: nowrap;
}
.find-jobs-search-button-wrapper {
  /* Button aligned to the right within wrapper */
  text-align: right;
}
.find-jobs-filter-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: var(--cc-text-heading-dark, #333333);
  font-size: 14px;
}
.find-jobs-filter-input,
.find-jobs-filter-select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--cc-border-default, #dddddd);
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.3s;
}
.find-jobs-filter-input:focus,
.find-jobs-filter-select:focus {
  outline: none;
  border-color: var(--cc-primary, #2A478B);
}
/* ============================================ REUSABLE INPUT ICON CLASSES ============================================ */
.input-with-icon-right {
  padding-right: 35px;
}
.input-icon-right {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--cc-text-placeholder, #999999);
  pointer-events: none;
}
/* ============================================ FIND JOBS - JOBS LIST ============================================ */
.find-jobs-list-column {
  flex: 1;
  min-width: 0;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  flex-direction: column;
}
.find-jobs-list {
  background: var(--cc-surface, #ffffff);
  box-shadow: 0 1px 3px var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1));
  border-top: 1px solid var(--cc-border-input-track, #e0e0e0);
  display: flex;
  flex-direction: column;
  flex: 1;
}
.find-jobs-list-title {
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid var(--cc-border-input-track, #e0e0e0);
  flex-shrink: 0;
}
.find-jobs-list-title-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.find-jobs-list-title .page-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.find-jobs-pagination {
  display: flex;
  align-items: center;
  gap: 10px;
}
.find-jobs-pagination-text {
  font-size: 14px;
  color: var(--cc-text-body-mid, #666666);
  white-space: nowrap;
}
.find-jobs-pagination-btn {
  padding: 1px 10px;
}
.find-jobs-list-pagination-footer {
  padding: 15px;
  border-top: 1px solid var(--cc-border-input-track, #e0e0e0);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.find-jobs-list-body {
  flex: 1;
  padding: 0;
}
.find-jobs-card {
  padding: 10px;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
  border-left: 4px solid transparent;
  border-bottom: 1px solid var(--cc-border-input-track, #e0e0e0);
}
.find-jobs-card:last-child {
  border-bottom: none;
}
.find-jobs-card:hover {
  background-color: var(--cc-surface-wash, #f9f9f9);
}
.find-jobs-card:hover .find-jobs-card-title a {
  color: var(--cc-primary, #2A478B);
}
.find-jobs-card:hover .find-jobs-card-logo-placeholder {
  border: 1px solid var(--cc-primary, #2A478B);
}
.find-jobs-card:hover .find-jobs-card-logo-placeholder i {
  color: var(--cc-primary, #2A478B);
}
.find-jobs-card.active {
  background-color: var(--cc-surface-wash, #f9f9f9);
  border-left-color: var(--cc-primary, #2A478B);
}
.find-jobs-card.active .find-jobs-card-title a {
  color: var(--cc-primary, #2A478B);
}
.find-jobs-card.active .find-jobs-card-logo-placeholder {
  border: 1px solid var(--cc-primary, #2A478B);
}
.find-jobs-card.active .find-jobs-card-logo-placeholder i {
  color: var(--cc-primary, #2A478B);
}
.find-jobs-card-content {
  display: flex;
  flex-direction: column;
}
.find-jobs-card-bottom {
  display: flex;
  align-items: flex-start;
}
/* Logo wrapper - fixed size square */
.find-jobs-card-logo-wrapper {
  width: 65px;
  height: 65px;
  min-width: 65px;
  min-height: 65px;
  flex-shrink: 0;
  position: relative;
}
.find-jobs-card-logo {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.find-jobs-card-logo-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
  z-index: 1;
  position: relative;
}
.find-jobs-card-logo-placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cc-surface-row-hover, #f5f5f5);
  border-radius: 4px;
  color: var(--cc-text-placeholder, #999999);
  font-size: 32px;
  z-index: 0;
}
.find-jobs-card-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10px;
  min-width: 0;
  height: 65px;
}
/* First row: Job title (left) and type badge (right) - Top of card */
.find-jobs-card-row-first {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.find-jobs-card-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.find-jobs-card-title a {
  color: var(--cc-text-heading-dark, #333333);
  text-decoration: none;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.find-jobs-card-title a:hover {
  color: var(--cc-primary, #2A478B);
}
.find-jobs-card-right-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.find-jobs-card-type {
  padding: 4px 10px;
  background-color: var(--cc-legacy-e3f2fd, #e3f2fd);
  color: var(--cc-legacy-1976d2, #1976d2);
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
/* Second row: Company name (bold) · Location type */
.find-jobs-card-row-second {
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  margin-bottom: 5px;
}
.find-jobs-card-company {
  color: var(--cc-text-body-mid, #666666);
  font-size: 14px;
}
.find-jobs-card-separator-dot {
  font-size: 5px;
  color: var(--cc-text-placeholder, #999999);
  margin: 0 5px;
  vertical-align: middle;
}
.find-jobs-card-location-type,
.find-jobs-card-experience {
  color: var(--cc-text-body-mid, #666666);
  font-size: 14px;
}
/* Third row: Location with pin (left) and posted time (right) */
.find-jobs-card-row-third {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.find-jobs-card-location {
  display: flex;
  align-items: center;
  color: var(--cc-text-gray-888, #888888);
  font-size: 13px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.find-jobs-card-location span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.find-jobs-card-location i {
  margin-right: 5px;
}
.find-jobs-card-favorite {
  cursor: pointer;
  color: var(--cc-border-strong, #cccccc);
  font-size: 18px;
  transition: color 0.2s;
}
.find-jobs-card-favorite:hover {
  color: var(--cc-legacy-e91e63, #e91e63);
}
.find-jobs-card-favorite.active {
  color: var(--cc-legacy-e91e63, #e91e63);
}
.find-jobs-card-favorite.active i.fa-heart-o {
  display: none;
}
.find-jobs-card-favorite:not(.active) i.fa-heart {
  display: none;
}
.find-jobs-card-time {
  color: var(--cc-text-placeholder, #999999);
  font-size: 12px;
  white-space: nowrap;
}
/* ============================================ FIND JOBS - JOB DESCRIPTION ============================================ */
.find-jobs-description-column {
  flex: 1;
  min-width: 0;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  flex-direction: column;
}
.find-jobs-description {
  background: var(--cc-surface, #ffffff);
  box-shadow: 0 1px 3px var(--cc-overlay-scrim-10, rgba(0, 0, 0, 0.1));
  border-top: 1px solid var(--cc-border-input-track, #e0e0e0);
  display: flex;
  flex-direction: column;
  flex: 1;
}
.find-jobs-description-title {
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid var(--cc-border-input-track, #e0e0e0);
  flex-shrink: 0;
}
.find-jobs-description-title-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.find-jobs-description-title .page-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
/* Back button - hidden by default (desktop) */
.find-jobs-back-btn.mobile-only {
  display: none;
}
.find-jobs-description-body {
  flex: 1;
  padding: 20px;
}
.find-jobs-job-header {
  margin-bottom: 20px;
}
.find-jobs-job-header .find-jobs-card-logo-wrapper {
  margin-bottom: 15px;
}
.find-jobs-job-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--cc-text-heading-dark, #333333);
  margin: 10px 0;
  line-height: 1.2;
}
.find-jobs-job-company-link {
  display: block;
  color: var(--cc-legacy-00695c, #00695c);
  text-decoration: none;
  font-size: 16px;
  margin-bottom: 10px;
}
.find-jobs-job-company-link:hover {
  text-decoration: underline;
}
.find-jobs-job-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.find-jobs-job-location {
  color: var(--cc-text-body-mid, #666666);
  font-size: 14px;
  margin-bottom: 5px;
}
.find-jobs-job-location strong {
  color: var(--cc-text-heading-dark, #333333);
}
.find-jobs-job-posted {
  color: var(--cc-text-placeholder, #999999);
  font-size: 13px;
}
.find-jobs-job-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 25px;
  justify-content: flex-end;
}
.find-jobs-share-btn,
.find-jobs-apply-btn {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
}
.find-jobs-share-dropdown-wrapper {
  position: relative;
}
.find-jobs-share-dropdown {
  padding: 15px;
  min-width: 250px;
  border-radius: 4px;
  box-shadow: 0 2px 8px var(--cc-legacy-rgba-d56f42a1e19cd3, rgba(0, 0, 0, 0.15));
  display: none;
}
.find-jobs-share-dropdown-wrapper.show .find-jobs-share-dropdown,
.find-jobs-share-dropdown-wrapper.open .find-jobs-share-dropdown {
  display: block;
}
.find-jobs-share-dropdown-header {
  margin-bottom: 15px;
}
.find-jobs-share-dropdown-header h5 {
  margin: 0 0 5px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--cc-text-heading-dark, #333333);
}
.find-jobs-share-dropdown-header p {
  margin: 0;
  font-size: 13px;
  color: var(--cc-text-body-mid, #666666);
}
.find-jobs-share-icons {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin: 0 -5px;
  padding: 0;
  width: calc(100% + 10px);
}
.find-jobs-share-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--cc-surface, #ffffff);
  font-size: 18px;
  transition: transform 0.2s;
  margin-left: 5px;
  margin-right: 5px;
  flex-shrink: 0;
}
.find-jobs-share-icon:hover {
  transform: scale(1.1);
  color: var(--cc-surface, #ffffff);
}
.find-jobs-share-x-icon {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.find-jobs-share-linkedin {
  background-color: var(--cc-legacy-0077b5, #0077b5);
}
.find-jobs-share-facebook {
  background-color: var(--cc-legacy-1877f2, #1877f2);
}
.find-jobs-share-twitter {
  background-color: var(--cc-rich-black, #000000);
}
.find-jobs-share-copy {
  background-color: var(--cc-legacy-4caf50, #4caf50);
}
.find-jobs-job-description-content {
  margin-top: 20px;
}
.find-jobs-description-heading {
  font-size: 20px;
  font-weight: 700;
  color: var(--cc-text-heading-dark, #333333);
  margin-bottom: 20px;
}
.find-jobs-description-section {
  margin-bottom: 25px;
}
.find-jobs-description-section:last-child {
  margin-bottom: 0;
}
.find-jobs-description-subheading {
  font-size: 16px;
  font-weight: 600;
  color: var(--cc-text-heading-dark, #333333);
  margin-bottom: 10px;
}
.find-jobs-description-section p {
  color: var(--cc-text-body-mid, #666666);
  line-height: 1.6;
  margin-bottom: 10px;
}
.find-jobs-description-section ul {
  color: var(--cc-text-body-mid, #666666);
  line-height: 1.8;
  padding-left: 20px;
}
.find-jobs-description-section li {
  margin-bottom: 8px;
}
/* ============================================ FIND JOBS - RESPONSIVE ============================================ */
/* Media query 1600px - 1300px: narrow the filters column width */
@media (max-width: 1600px) and (min-width: 1300px) {
  .find-jobs-filters-column {
    width: 300px;
  }
}
/* Media query < 1300px: stack layout vertically with filters on top */
@media (max-width: 1299px) {
  /* Main wrapper: row + wrap so columns 2 and 3 sit side by side */
  .find-jobs-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* Filters column: full width, first in flex order */
  .find-jobs-filters-column {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
    order: -1;
  }
  /* Remove box styles from filters container */
  .find-jobs-filters {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border-top: none;
  }
  /* Hide filters title */
  .find-jobs-filters-title {
    display: none;
  }
  /* Show form switch in responsive */
  .find-jobs-alert-button-wrapper .find-jobs-alert-switch-wrapper {
    display: flex;
  }
  /* Adjust body padding */
  .find-jobs-filters-body {
    padding: 0;
  }
  /* Hide sticky wrapper in responsive (not needed) */
  .find-jobs-filters-sticky-wrapper {
    position: static;
  }
  /* First row: flexbox so inputs expand and button has auto width */
  .find-jobs-filter-row-top {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
  }
  .find-jobs-filter-row-top .find-jobs-filter-group {
    margin-bottom: 0;
  }
  .find-jobs-filter-row-top .find-jobs-filter-group:first-child,
  .find-jobs-filter-row-top .find-jobs-filter-group:nth-child(2) {
    flex: 1;
  }
  .find-jobs-filter-row-top .find-jobs-filter-group:nth-child(3) {
    flex: 0 0 auto;
  }
  /* In responsive, adjust alert switch and button */
  .find-jobs-filter-row-top .find-jobs-alert-button-wrapper {
    margin-top: 0;
    justify-content: flex-start;
    gap: 10px;
  }
  /* Second row: flexbox with 4 equal columns */
  .find-jobs-filter-row-bottom {
    display: flex;
    gap: 10px;
  }
  .find-jobs-filter-row-bottom .find-jobs-filter-group {
    flex: 1;
    margin-bottom: 0;
  }
  /* Adjust width of the other 2 columns to be side by side */
  .find-jobs-list-column,
  .find-jobs-description-column {
    flex: 1 1 50%;
    padding-left: 5px;
    padding-right: 5px;
  }
}
/* Media query < 768px: Mobile filters menu */
@media (max-width: 767px) {
  /* Show mobile filters row */
  .find-jobs-mobile-filters-row {
    display: flex;
    padding: 0;
    margin: 0;
  }
  /* Each container takes 50% */
  .find-jobs-mobile-filters-left,
  .find-jobs-mobile-filters-right {
    width: 50%;
  }
  /* Left container: align left */
  .find-jobs-mobile-filters-left {
    text-align: left;
  }
  /* Right container: align right */
  .find-jobs-mobile-filters-right {
    text-align: right;
  }
  /* Hide filters content by default in mobile when has mobile-hidden class */
  #find-jobs-filters-content.mobile-hidden {
    display: none;
  }
  /* Hide close button by default in mobile */
  #find-jobs-mobile-filters-close-btn.mobile-hidden {
    display: none;
  }
  /* Hide filters button when it has mobile-hidden class */
  #find-jobs-mobile-filters-btn.mobile-hidden {
    display: none;
  }
  /* Add margin bottom when close button is visible */
  .find-jobs-mobile-filters-row.active {
    margin-bottom: 15px;
  }
  /* Hide Job description column by default */
  .find-jobs-description-column {
    display: none;
  }
  /* When mobile-show-description class is active: hide list, show description */
  .find-jobs-wrapper.mobile-show-description .find-jobs-list-column {
    display: none;
  }
  .find-jobs-wrapper.mobile-show-description .find-jobs-description-column {
    display: block;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }
  /* Show Back button in mobile */
  .find-jobs-back-btn.mobile-only {
    display: inline-block;
  }
  /* Sticky title with Back button in mobile */
  .find-jobs-description-title {
    position: sticky;
    top: 0;
    background: var(--cc-surface, #ffffff);
    z-index: 10;
  }
}
/* Media query < 640px: Filters like normal view, Alert left, Button right */
@media (max-width: 639px) {
  /* First row: remove flexbox, elements in block (like normal view) */
  .find-jobs-filter-row-top {
    display: block;
  }
  .find-jobs-filter-row-top .find-jobs-filter-group {
    margin-bottom: 20px;
    width: 100%;
  }
  /* Alert and Button container: Alert left, Button right */
  .find-jobs-filter-row-top .find-jobs-alert-button-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
  }
  /* Show Alert switch */
  .find-jobs-alert-button-wrapper .find-jobs-alert-switch-wrapper {
    display: flex;
  }
}
/* Media query 640px - 400px: Selects 2 per line */
@media (max-width: 639px) and (min-width: 400px) {
  /* Second row: 2 selects per line */
  .find-jobs-filter-row-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .find-jobs-filter-row-bottom .find-jobs-filter-group {
    flex: 1 1 calc(50% - 5px);
    margin-bottom: 0;
  }
}
/* Media query < 400px: Each select on its own line */
@media (max-width: 399px) {
  /* Second row: each select on its own line */
  .find-jobs-filter-row-bottom {
    flex-direction: column;
    gap: 0;
  }
  .find-jobs-filter-row-bottom .find-jobs-filter-group {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* ============================================ NEW RECRUITMENT LAYOUT - AUTH BUTTONS ============================================ */
.new-recruitment-auth-buttons {
  display: flex;
  align-items: center;
  padding: 0 20px;
  line-height: 50px;
  margin-top: 15px;
}
.btn-white-outline {
  background-color: transparent;
  border: 1px solid var(--cc-surface, #ffffff);
  color: var(--cc-surface, #ffffff);
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  transition: all 0.3s;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline:active {
  background-color: var(--cc-legacy-rgba-cc5efe1d816645, rgba(255, 255, 255, 0.1));
  border-color: var(--cc-surface, #ffffff);
  color: var(--cc-surface, #ffffff);
}
.btn-white-outline.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
/* ============================================ NEW RECRUITMENT LAYOUT - LOGIN MODAL ============================================ */
#new-recruitment-login-modal .modal-body {
  padding: 20px;
}
#new-recruitment-login-modal .form-material .form-control,
#new-recruitment-login-modal .form-material .form-control.focus,
#new-recruitment-login-modal .form-material .form-control:focus {
  background-image: linear-gradient(var(--cc-primary, #2A478B), var(--cc-primary, #2A478B)) !important;
  border-bottom: solid 1px var(--cc-border, rgba(120, 130, 140, 0.13));
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
#new-recruitment-login-modal .form-material .form-control:focus {
  background-size: 100% 2px, 100% 1px;
}
#new-recruitment-login-modal .checkbox-primary input[type=checkbox]:checked + label::before {
  background-color: var(--cc-primary, #2A478B);
  border-color: var(--cc-primary, #2A478B);
}
#new-recruitment-login-modal .logo-login {
  width: 130px;
  height: auto;
  margin-top: 10px;
}
#new-recruitment-login-modal .btn-login {
  background-color: var(--cc-primary, #2A478B);
  border-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
#new-recruitment-login-modal .btn-login:hover,
#new-recruitment-login-modal .btn-login:focus,
#new-recruitment-login-modal .btn-login:active {
  background-color: var(--cc-primary, #2A478B);
  border-color: var(--cc-primary, #2A478B);
  opacity: 0.8;
}
#new-recruitment-login-modal .new-recruitment-signup-text {
  margin: 0;
  font-size: 14px;
  color: var(--cc-text-heading-dark, #333333);
}
#new-recruitment-login-modal .new-recruitment-signup-link {
  color: var(--cc-primary, #2A478B);
  font-weight: bold;
  cursor: pointer;
  transition: opacity 0.3s;
}
#new-recruitment-login-modal .new-recruitment-signup-link:hover {
  opacity: 0.8;
}
/* ============================================ NEW RECRUITMENT LAYOUT - SIGNUP MODAL ============================================ */
#new-recruitment-signup-modal .modal-body {
  padding: 20px;
}
/* Class for inputs with value - blue bottom border */
.new-recruitment-input-filled {
  border-bottom: 1px solid var(--cc-primary, #2A478B) !important;
}
#new-recruitment-signup-modal .btn-login {
  background-color: var(--cc-primary, #2A478B);
  border-color: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
}
#new-recruitment-signup-modal .btn-login:hover,
#new-recruitment-signup-modal .btn-login:focus,
#new-recruitment-signup-modal .btn-login:active {
  background-color: var(--cc-primary, #2A478B);
  border-color: var(--cc-primary, #2A478B);
  opacity: 0.8;
}
#new-recruitment-signup-modal .new-recruitment-address-help-text {
  font-size: 12px;
  color: var(--cc-text-body-mid, #666666);
}
/* Remove margin-bottom from qa-question-input-wrapper for Address field */
#new-recruitment-signup-modal input#new-recruitment-signup-address {
  margin-bottom: 0;
}
#new-recruitment-signup-modal .col-xs-12:has(input#new-recruitment-signup-address) .qa-question-input-wrapper {
  margin-bottom: 0 !important;
}
/*------------------------------------------- Time Tracker / Time Attendance -------------------------------------------*/
.time-tracker-wrapper {
  min-height: 200px;
}
.time-tracker-wrapper .tt-hidden {
  display: none !important;
}
.time-tracker-wrapper .tt-container {
  max-width: 100%;
}
.time-tracker-wrapper .tt-top-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 15px;
}
.time-tracker-wrapper .tt-top-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.time-tracker-wrapper .tt-day-nav {
  display: inline-flex;
}
.time-tracker-wrapper .tt-day-nav a {
  padding: 0.2rem 1.2rem;
}
.time-tracker-wrapper .tt-day-nav a:first-child {
  border-right: 1px solid var(--cc-surface, #ffffff);
}
.time-tracker-wrapper .tt-current-date {
  font-weight: 600;
  font-size: 18px;
}
.time-tracker-wrapper .tt-week-status {
  padding: 4px 10px;
}
.time-tracker-wrapper .tt-return-today {
  color: var(--cc-primary, #2A478B);
  text-decoration: none;
  font-size: 0.95em;
}
.time-tracker-wrapper .tt-return-today:hover {
  text-decoration: underline;
}
.time-tracker-wrapper .tt-top-right {
  display: flex;
  align-items: center;
  gap: 5px;
}
.time-tracker-wrapper .tt-calendar-dropdown-menu {
  width: -moz-max-content;
  width: max-content;
  min-width: 0;
}
.time-tracker-wrapper #tt-calendar-btn.dropdown-toggle::after {
  display: none;
}
.time-tracker-wrapper .tt-view-tabs {
  display: inline-flex;
  border-radius: 4px;
  overflow: hidden;
  margin-left: 5px;
}
.time-tracker-wrapper .tt-view-tab {
  padding: 6px 16px;
  cursor: pointer;
  background: var(--cc-surface-row-hover, #f5f5f5);
  border: 1px solid transparent;
  font-size: 14px;
}
.time-tracker-wrapper .tt-view-tab + .tt-view-tab {
  border-left: 1px solid var(--cc-border-input-track, #e0e0e0);
}
.time-tracker-wrapper .tt-view-tab.active {
  background: var(--cc-primary, #2A478B);
  color: var(--cc-surface, #ffffff);
  border-color: var(--cc-primary, #2A478B);
}
.time-tracker-wrapper .tt-week-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
}
.time-tracker-wrapper .tt-track-time-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 60px;
  margin-bottom: 8px;
}
.time-tracker-wrapper .tt-track-time-btn {
  padding: 0.8rem 2.9rem;
  outline: none;
  border: none;
  box-shadow: none;
}
.time-tracker-wrapper .tt-track-time-btn:focus {
  outline: none;
  box-shadow: none;
}
.time-tracker-wrapper .tt-track-time-label {
  font-size: 12px;
  color: var(--cc-text-body-mid, #666666);
  text-align: center;
}
.time-tracker-wrapper .tt-week-days-list {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}
.time-tracker-wrapper .tt-week-day {
  flex: 1;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 8px 4px;
  gap: 5px;
}
.time-tracker-wrapper .tt-week-day-content {
  text-align: center;
  min-width: 0;
}
.time-tracker-wrapper .tt-week-day-label {
  display: block;
  font-size: 18px;
  color: var(--cc-text-body-mid, #666666);
}
.time-tracker-wrapper .tt-week-day-total-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 4px;
}
.time-tracker-wrapper .tt-week-day-total {
  font-weight: 600;
  color: var(--cc-text-body-mid, #666666);
}
.time-tracker-wrapper .tt-week-day-arrow {
  flex-shrink: 0;
  font-size: 14px;
  color: var(--cc-text-placeholder, #999999);
}
.time-tracker-wrapper .tt-week-day:hover .tt-week-day-label,
.time-tracker-wrapper .tt-week-day:hover .tt-week-day-arrow {
  color: var(--cc-primary, #2A478B);
}
.time-tracker-wrapper .tt-week-day:hover .tt-week-day-total {
  color: var(--cc-primary, #2A478B);
}
.time-tracker-wrapper .tt-week-day-active .tt-week-day-label,
.time-tracker-wrapper .tt-week-day-active .tt-week-day-total,
.time-tracker-wrapper .tt-week-day-active .tt-week-day-arrow {
  color: var(--cc-primary, #2A478B);
}
.time-tracker-wrapper .tt-week-day-active {
  border-bottom: 3px solid var(--cc-primary, #2A478B);
}
.time-tracker-wrapper .tt-week-total-wrap {
  margin-left: auto;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: center;
}
.time-tracker-wrapper .tt-week-total-label {
  font-size: 18px;
  color: var(--cc-text-body-mid, #666666);
  margin-bottom: 4px;
}
.time-tracker-wrapper .tt-week-total-value {
  font-weight: 600;
}
.time-tracker-wrapper .tt-separator {
  height: 1px;
  background: var(--cc-border-input-track, #e0e0e0);
}
.time-tracker-wrapper.tt-view-week-active .tt-week-row,
.time-tracker-wrapper.tt-view-week-active .tt-separator {
  display: none;
}
.time-tracker-wrapper .tt-entries {
  margin-bottom: 15px;
}
.time-tracker-wrapper .tt-entry-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--cc-divider-soft, #eeeeee);
  gap: 15px;
}
.time-tracker-wrapper .tt-entry-times {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: var(--cc-text-body-mid, #666666);
  min-width: 70px;
  margin-right: 28px;
}
.time-tracker-wrapper .tt-entry-start,
.time-tracker-wrapper .tt-entry-end {
  display: block;
}
.time-tracker-wrapper .tt-entry-time-icon {
  font-size: 12px;
  margin: 2px 0;
  color: var(--cc-text-placeholder, #999999);
}
.time-tracker-wrapper .tt-entry-body {
  flex: 1;
  min-width: 200px;
}
.time-tracker-wrapper .tt-entry-task {
  font-weight: 700;
  font-size: 1.05em;
  margin-bottom: 4px;
}
.time-tracker-wrapper .tt-entry-note {
  font-size: 13px;
  color: var(--cc-text-body-mid, #666666);
}
.time-tracker-wrapper .tt-entry-meta {
  display: flex;
  align-items: center;
  gap: 10px;
}
.time-tracker-wrapper .tt-entry-duration {
  font-weight: 600;
  font-size: 22px;
}
.time-tracker-wrapper .tt-entry-edit {
  padding: 4px 10px;
}
.time-tracker-wrapper .tt-day-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
.time-tracker-wrapper .tt-day-total-label {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 15px;
}
.time-tracker-wrapper .tt-submit-week {
  padding: 8px 20px;
}
.time-tracker-wrapper .tt-placeholder {
  color: var(--cc-text-body-mid, #666666);
  padding: 20px 0;
}
.time-tracker-wrapper .tt-load-error {
  color: var(--cc-legacy-a94442, #a94442);
  padding: 15px 0;
}
.time-tracker-wrapper.time-tracker-cc-initialized {
  min-height: 400px;
}
/* Week view: table */
.time-tracker-wrapper .tt-week-table-wrap {
  overflow-x: auto;
  margin-bottom: 15px;
}
.time-tracker-wrapper .tt-week-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--cc-border-input-track, #e0e0e0);
}
.time-tracker-wrapper .tt-week-table th,
.time-tracker-wrapper .tt-week-table td {
  padding: 10px 12px;
  text-align: left;
  border: 1px solid var(--cc-divider-soft, #eeeeee);
  vertical-align: middle;
}
.time-tracker-wrapper .tt-week-table thead th {
  font-weight: 600;
  color: var(--cc-text-body-mid, #666666);
  background: var(--cc-surface-muted, #fafafa);
}
.time-tracker-wrapper .tt-week-table .tt-week-day-col {
  text-align: center;
  min-width: 60px;
}
.time-tracker-wrapper .tt-week-table .tt-week-day-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.time-tracker-wrapper .tt-week-table .tt-week-day-icon {
  font-size: 12px;
  color: var(--cc-text-placeholder, #999999);
}
.time-tracker-wrapper .tt-week-table .tt-week-day-date {
  display: block;
  font-size: 12px;
  color: var(--cc-text-body-mid, #666666);
  margin-top: 2px;
}
.time-tracker-wrapper .tt-week-table .tt-week-col-task {
  min-width: 180px;
}
.time-tracker-wrapper .tt-week-table .tt-week-col-notes {
  width: 40px;
  text-align: center;
}
.time-tracker-wrapper .tt-week-notes-icon {
  cursor: pointer;
  transition: color 0.2s;
}
.time-tracker-wrapper .tt-week-notes-icon:hover {
  color: var(--cc-primary, #2A478B);
}
.tt-weekly-note-item {
  margin-bottom: 12px;
}
.tt-weekly-note-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.tt-weekly-note-day {
  font-weight: 600;
  font-size: 13px;
}
.tt-weekly-note-hours {
  font-size: 13px;
  color: var(--cc-text-gray-888, #888888);
}
.time-tracker-wrapper .tt-week-table .tt-week-col-total {
  min-width: 80px;
  text-align: right;
}
.time-tracker-wrapper .tt-week-table tbody .tt-week-cell-day {
  text-align: right;
}
.time-tracker-wrapper .tt-week-table .tt-week-cell-zero {
  color: var(--cc-legacy-bbbbbb, #bbbbbb);
}
.time-tracker-wrapper .tt-week-table .tt-week-cell-total {
  text-align: right;
}
.time-tracker-wrapper .tt-week-table .tt-week-cell-total .tt-week-row-total {
  margin-right: 8px;
}
.time-tracker-wrapper .tt-week-table .tt-week-delete-btn {
  background: none;
  border: none;
  padding: 2px 6px;
  cursor: pointer;
  color: var(--cc-text-placeholder, #999999);
  font-size: 14px;
}
.time-tracker-wrapper .tt-week-table .tt-week-delete-btn:hover {
  color: var(--cc-palette-red-pure, #ff0000);
  transition: all 0.3s;
}
.time-tracker-wrapper .tt-week-table tfoot td {
  font-weight: 600;
  background: var(--cc-surface-row-hover, #f5f5f5);
}
.time-tracker-wrapper .tt-week-table tfoot .tt-week-foot-day {
  text-align: right;
}
.time-tracker-wrapper .tt-week-table tfoot .tt-week-foot-day.tt-week-cell-zero {
  color: var(--cc-legacy-bbbbbb, #bbbbbb);
}
.time-tracker-wrapper .tt-week-table tfoot .tt-week-foot-grand-total {
  text-align: right;
}
.time-tracker-wrapper .tt-week-table .tt-week-foot-empty {
  border: none;
  background: var(--cc-surface-row-hover, #f5f5f5);
}
.time-tracker-wrapper .tt-week-footer {
  display: flex;
  justify-content: flex-end;
}
/* Current day column: blue with opacity. thead, tbody and tfoot share the same structure (10 columns). */
.time-tracker-wrapper .tt-week-table.tt-week-today-col-3 th:nth-child(3),
.time-tracker-wrapper .tt-week-table.tt-week-today-col-3 td:nth-child(3) {
  background-color: var(--cc-legacy-rgba-29f2674f5055d0, rgba(3, 169, 243, 0.1));
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-3 th:nth-child(3) .tt-week-day-label,
.time-tracker-wrapper .tt-week-table.tt-week-today-col-3 th:nth-child(3) .tt-week-day-date {
  color: var(--cc-primary, #2A478B);
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-4 th:nth-child(4),
.time-tracker-wrapper .tt-week-table.tt-week-today-col-4 td:nth-child(4) {
  background-color: var(--cc-legacy-rgba-29f2674f5055d0, rgba(3, 169, 243, 0.1));
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-4 th:nth-child(4) .tt-week-day-label,
.time-tracker-wrapper .tt-week-table.tt-week-today-col-4 th:nth-child(4) .tt-week-day-date {
  color: var(--cc-primary, #2A478B);
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-5 th:nth-child(5),
.time-tracker-wrapper .tt-week-table.tt-week-today-col-5 td:nth-child(5) {
  background-color: var(--cc-legacy-rgba-29f2674f5055d0, rgba(3, 169, 243, 0.1));
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-5 th:nth-child(5) .tt-week-day-label,
.time-tracker-wrapper .tt-week-table.tt-week-today-col-5 th:nth-child(5) .tt-week-day-date {
  color: var(--cc-primary, #2A478B);
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-6 th:nth-child(6),
.time-tracker-wrapper .tt-week-table.tt-week-today-col-6 td:nth-child(6) {
  background-color: var(--cc-legacy-rgba-29f2674f5055d0, rgba(3, 169, 243, 0.1));
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-6 th:nth-child(6) .tt-week-day-label,
.time-tracker-wrapper .tt-week-table.tt-week-today-col-6 th:nth-child(6) .tt-week-day-date {
  color: var(--cc-primary, #2A478B);
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-7 th:nth-child(7),
.time-tracker-wrapper .tt-week-table.tt-week-today-col-7 td:nth-child(7) {
  background-color: var(--cc-legacy-rgba-29f2674f5055d0, rgba(3, 169, 243, 0.1));
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-7 th:nth-child(7) .tt-week-day-label,
.time-tracker-wrapper .tt-week-table.tt-week-today-col-7 th:nth-child(7) .tt-week-day-date {
  color: var(--cc-primary, #2A478B);
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-8 th:nth-child(8),
.time-tracker-wrapper .tt-week-table.tt-week-today-col-8 td:nth-child(8) {
  background-color: var(--cc-legacy-rgba-29f2674f5055d0, rgba(3, 169, 243, 0.1));
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-8 th:nth-child(8) .tt-week-day-label,
.time-tracker-wrapper .tt-week-table.tt-week-today-col-8 th:nth-child(8) .tt-week-day-date {
  color: var(--cc-primary, #2A478B);
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-9 th:nth-child(9),
.time-tracker-wrapper .tt-week-table.tt-week-today-col-9 td:nth-child(9) {
  background-color: var(--cc-legacy-rgba-29f2674f5055d0, rgba(3, 169, 243, 0.1));
}
.time-tracker-wrapper .tt-week-table.tt-week-today-col-9 th:nth-child(9) .tt-week-day-label,
.time-tracker-wrapper .tt-week-table.tt-week-today-col-9 th:nth-child(9) .tt-week-day-date {
  color: var(--cc-primary, #2A478B);
}
/*------------------------------------------- End Time Tracker / Time Attendance -------------------------------------------*/
.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
  background: var(--cc-legacy-fef2cd, #fef2cd);
}
.send-sms-container .chat-list .sender .chat-text {
  background: var(--cc-legacy-fef2cd, #fef2cd);
}
.send-whatsapp-container .form-material .form-control {
  background-image: linear-gradient(var(--cc-legacy-25d366, #25d366), var(--cc-legacy-25d366, #25d366)), linear-gradient(var(--cc-border, rgba(120, 130, 140, 0.13)), var(--cc-border, rgba(120, 130, 140, 0.13)));
}
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-edit-workflow:hover,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-edit-workflow:focus,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-edit-workflow:active,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-notification-workflow:hover,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-notification-workflow:focus,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-notification-workflow:active {
  color: var(--cc-text, #686868);
}
ul.workflow-sortable-list li .workflow-body .fields-list label.active {
  background-color: var(--cc-warning, #D4A72C);
  color: var(--cc-surface, #ffffff);
}
.dropdown-message-center .left-notifications a i.ti-trash:hover {
  color: var(--cc-palette-red-pure, #ff0000);
}
.btn-block.btn-login {
  background: var(--cc-header-bg, #2A478B);
  border: 1px solid var(--cc-header-bg, #2A478B);
}
.btn-login.btn-outline {
  color: var(--cc-header-bg, #2A478B) !important;
  background-color: transparent !important;
}
.btn-login.btn-outline:hover,
.btn-login.btn-outline:focus {
  background: var(--cc-header-bg, #2A478B) !important;
  color: var(--cc-surface, #ffffff) !important;
}
.lobipanel.panel-collapsed > .panel-heading {
  border: 1px solid var(--cc-border, rgba(120, 130, 140, 0.13));
}
.panel-cruise .panel-heading .dropdown .dropdown-menu > li > a {
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
}
.notify .point {
  background-color: var(--cc-legacy-f5707a, #f5707a);
}
.notify .heartbit {
  animation: heartbit 1s ease-out infinite;
}
@keyframes heartbit {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  25% {
    transform: scale(0.1);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.dd3-content a:hover,
.dd3-content a:focus,
.dd3-content a:active {
  color: var(--cc-header-bg, #2A478B) !important;
}
.workflow-card-box-warning {
  border: 2px solid var(--cc-warning, #D4A72C) !important;
}
.workflow-card-box .dropdown-menu > li > a:focus,
.workflow-card-box .dropdown-menu > li > a:hover,
.options-questions .dropdown-menu > li > a:focus,
.options-questions .dropdown-menu > li > a:hover {
  color: var(--cc-header-bg, #2A478B);
  background: var(--cc-extra-light, #f7fafc);
}
.add-workflow,
.add-recognition,
.add-badge,
.add-disciplinary-action {
  border: 2px dashed var(--cc-divider-soft, #eeeeee);
  background-color: var(--cc-surface-wash, #f9f9f9);
}
.add-workflow:hover,
.add-recognition:hover,
.add-badge:hover,
.add-disciplinary-action:hover {
  background-color: var(--cc-surface, #ffffff);
  color: var(--cc-surface, #ffffff) !important;
  border: 1px solid var(--cc-divider-soft, #eeeeee);
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: var(--cc-header-bg, #2A478B);
  border-color: var(--cc-header-bg, #2A478B);
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background-color: var(--cc-primary-pagination-hover-alpha, rgba(3, 177, 251, 0.18));
}
.bg-gray .tooltip-hover,
.bg-default .tooltip-hover {
  border-left: solid 4px var(--cc-divider-soft, #eeeeee);
}
.bg-info .tooltip-hover {
  border-left: solid 4px var(--cc-header-bg, #2A478B);
}
button.dt-button,
div.dt-button,
a.dt-button,
.button-exportation {
  color: var(--cc-text-on-light-emphasis, rgba(0, 0, 0, 0.7));
}
.button-exportation:hover,
.button-exportation:focus,
.dataTables_length .dt-button:hover,
.dataTables_length .dt-button:focus,
.jsGridTables_length .dt-button:hover,
.jsGridTables_length .dt-button:focus {
  color: var(--cc-surface, #ffffff) !important;
  background-color: var(--cc-header-bg, #2A478B) !important;
}
.datepicker table tr td.active,
.datepicker table tr td.range-start,
.datepicker table tr td.range-end,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background: var(--cc-header-bg, #2A478B) !important;
  color: var(--cc-surface, #ffffff);
}
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background: var(--cc-accent-blue-bright, #0878f3);
  color: var(--cc-surface, #ffffff);
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
  background-color: var(--cc-accent-blue-bright, #0878f3);
  color: var(--cc-surface, #ffffff);
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: red;
}
.authors-link {
  color: var(--cc-legacy-58666e, #58666e);
}
.sortable-empty {
  border: 1px dashed var(--cc-legacy-d5d5d5, #d5d5d5);
  background-color: var(--cc-surface, #ffffff);
}
.fip-grey.icons-selector .selector-category select,
.fip-grey.icons-selector .selector-search input[type=text],
.fip-grey.icons-selector .selected-icon i {
  color: var(--cc-text-body-dense, #565656);
}
.social-wrapper a.share-fb:hover,
.social-wrapper a.share-fb:focus {
  background: var(--cc-social-facebook, #3b5998);
  border-color: var(--cc-social-facebook, #3b5998);
  color: var(--cc-surface, #ffffff);
}
.social-wrapper a.share-twitter:hover,
.social-wrapper a.share-twitter:focus {
  background: var(--cc-social-twitter, #1da1f2);
  border-color: var(--cc-social-twitter, #1da1f2);
  color: var(--cc-surface, #ffffff);
}
.social-wrapper a.share-linkedin:hover,
.social-wrapper a.share-linkedin:focus {
  background: var(--cc-legacy-bootstrap-primary, #337ab7);
  border-color: var(--cc-legacy-bootstrap-primary, #337ab7);
  color: var(--cc-surface, #ffffff);
}
.ion-applicant-danger .irs--flat .irs-handle.state_hover > i:first-child,
.ion-applicant-danger .irs--flat .irs-handle:hover > i:first-child {
  background-color: var(--cc-legacy-a45454, #a45454);
}
.ion-applicant-danger .irs--flat .irs-from,
.ion-applicant-danger .irs--flat .irs-to,
.ion-applicant-danger .irs--flat .irs-single {
  background-color: var(--cc-danger, #B4443C);
}
.ion-applicant-danger .irs--flat .irs-from:before,
.ion-applicant-danger .irs--flat .irs-to:before,
.ion-applicant-danger .irs--flat .irs-single:before {
  border-top-color: var(--cc-danger, #B4443C);
}
.ion-applicant-warning .irs--flat .irs-handle.state_hover > i:first-child,
.ion-applicant-warning .irs--flat .irs-handle:hover > i:first-child {
  background-color: var(--cc-legacy-a47a07, #a47a07);
}
.ion-applicant-warning .irs--flat .irs-from,
.ion-applicant-warning .irs--flat .irs-to,
.ion-applicant-warning .irs--flat .irs-single {
  background-color: var(--cc-warning, #D4A72C);
}
.ion-applicant-warning .irs--flat .irs-from:before,
.ion-applicant-warning .irs--flat .irs-to:before,
.ion-applicant-warning .irs--flat .irs-single:before {
  border-top-color: var(--cc-warning, #D4A72C);
}
.ion-applicant-success .irs--flat .irs-handle.state_hover > i:first-child,
.ion-applicant-success .irs--flat .irs-handle:hover > i:first-child {
  background-color: var(--cc-legacy-009b6d, #009b6d);
}
.ion-applicant-success .irs--flat .irs-from,
.ion-applicant-success .irs--flat .irs-to,
.ion-applicant-success .irs--flat .irs-single {
  background-color: var(--cc-success, #2E9B72);
}
.ion-applicant-success .irs--flat .irs-from:before,
.ion-applicant-success .irs--flat .irs-to:before,
.ion-applicant-success .irs--flat .irs-single:before {
  border-top-color: var(--cc-success, #2E9B72);
}
#step-1-btn .step-number,
#step-2-btn .step-number,
#step-3-btn .step-number,
#step-4-btn .step-number {
  color: var(--cc-light, #e4e7ea);
}
.active #step-1-btn .step-number,
.upcoming #step-1-btn .step-number,
.active #step-2-btn .step-number,
.upcoming #step-2-btn .step-number,
.active #step-3-btn .step-number,
.upcoming #step-3-btn .step-number,
.active #step-4-btn .step-number,
.upcoming #step-4-btn .step-number {
  color: var(--cc-header-bg, #2A478B);
}
#step-1-btn .step-info,
#step-2-btn .step-info,
#step-3-btn .step-info,
#step-4-btn .step-info {
  color: var(--cc-text, #686868);
}
.card-employee-cruise-bi.selected .img-text-user .fa-stack .fa-circle,
.card-employee-cruise-bi.selected .img-text-user p,
.card-employee-cruise-bi.selected .img-text-user h4 {
  color: var(--cc-success, #2E9B72);
}
.contacts-actions a.online-chat-contact:hover,
.contacts-actions a.online-chat-contact:focus,
.contacts-actions a.online-chat-contact:active,
.contacts-actions a.online-chat-contact.active {
  color: var(--cc-legacy-0287c2, #0287c2) !important;
}
.contact-groups li div.group-element-container .group-element-menu li a:hover,
.contact-groups li div.group-element-container .group-element-menu li a:focus,
.contact-groups li div.group-element-container .group-element-menu li a:active {
  color: var(--cc-header-bg, #2A478B) !important;
}
.messages-crm.crm-calls-container .chat-main-header .right-btn-call {
  background-color: var(--cc-header-bg, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.send-sms-container .btn-send-message button {
  color: var(--cc-warning, #D4A72C);
}
.send-sms-container .btn-send-message button:hover,
.send-sms-container .btn-send-message button:focus,
.send-sms-container .btn-send-message button:active {
  color: var(--cc-legacy-cb9a05, #cb9a05);
}
.send-whatsapp-container .btn-send-message button:hover,
.send-whatsapp-container .btn-send-message button:focus,
.send-whatsapp-container .btn-send-message button:active {
  color: var(--cc-legacy-1da851, #1da851);
}
.inbox-center tbody tr:last-child {
  border-bottom: 1px solid var(--cc-light, #e4e7ea);
}
.email-detail-actions-group .group-element-menu li a:hover,
.email-detail-actions-group .group-element-menu li a:focus,
.email-detail-actions-group .group-element-menu li a:active {
  color: var(--cc-header-bg, #2A478B) !important;
}
.email-compose-control-text-cc:hover,
.email-compose-control-text-cc:focus,
.email-compose-control-text-cc:active,
.email-compose-control-text-bcc:hover,
.email-compose-control-text-bcc:focus,
.email-compose-control-text-bcc:active {
  color: var(--cc-header-bg, #2A478B);
}
.workflow-accordion .accordion-item-header a.collapsed div {
  color: var(--cc-header-bg, #2A478B);
  background: var(--cc-surface-gray-blue, #edf1f5);
}
.workflow-accordion .accordion-item-header a.collapsed div i {
  color: var(--cc-header-bg, #2A478B);
}
.workflow-banner i {
  color: var(--cc-surface, #ffffff);
}
.workflow-body {
  border: 1px solid var(--cc-header-bg, #2A478B);
}
ul.workflow-sortable-list li .workflow-body {
  background-color: var(--cc-surface, #ffffff);
}
ul.workflow-sortable-list li .workflow-body .ribbon-corner:before,
div.workflow-sortable-list .workflow-body .ribbon-corner:before {
  border: 22px solid transparent;
}
#message-bubble.message-center a.launcher-message-center {
  background-color: var(--cc-header-bg, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.dropdown-message-center .left-notifications-container .notifications-clear-all:hover {
  background-color: var(--cc-legacy-35baf5, #35baf5);
}
.dropdown-message-center .right-icons .crm-chat-online-message:hover,
.dropdown-message-center .right-icons .crm-chat-online-message:focus,
.dropdown-message-center .right-icons .crm-chat-online-message:active {
  color: var(--cc-legacy-0287c2, #0287c2);
}
.dropdown-message-center .left-notifications a:hover i.ti-trash {
  color: var(--cc-text, #686868);
}
.right-shortcut-icons:hover {
  color: var(--cc-header-bg, #2A478B);
  background-color: var(--cc-extra-light, #f7fafc) !important;
}
.right-shortcut-icons-list > li a:hover {
  color: var(--cc-surface, #ffffff);
  background-color: var(--cc-header-bg, #2A478B) !important;
  border: none;
}
.right-shortcut-icons-list > li a:hover > i {
  color: var(--cc-surface, #ffffff);
}
ul.candidate-tabs-list li a:hover,
ul.candidate-tabs-list li a:focus,
ul.candidate-tabs-list li a:active,
ul.candidate-tabs-list li a.active {
  color: var(--cc-header-bg, #2A478B);
  border-bottom: 3px solid var(--cc-header-bg, #2A478B);
}
.search-group.input-group .select2-wrapper .select2-container--open .select2-selection {
  border-color: var(--cc-light, #e4e7ea);
}
.btn-candidate-compose-email,
.btn-candidate-compose-email:focus,
.btn-candidate-compose-email:active {
  background: var(--cc-header-bg, #2A478B);
  border: 1px solid var(--cc-header-bg, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.period-tag .remove-period:hover,
.period-tag .remove-period:focus {
  color: var(--cc-legacy-cb2027, #cb2027);
}
.milestone-period.active {
  background-color: var(--cc-header-bg, #2A478B);
  border: 1px solid var(--cc-header-bg, #2A478B);
  color: var(--cc-surface, #ffffff);
}
.milestone-period.add-period:hover,
.milestone-period.add-period:focus {
  background-color: var(--cc-header-bg, #2A478B);
  border: 1px solid var(--cc-header-bg, #2A478B);
  color: var(--cc-surface, #ffffff);
}
/*start custom-pagination*/
.pagination-area .dt-btn,
.pagination-area .goto-page {
  height: 34px;
  padding: 6px 8px;
}
.pagination-area .goto-page {
  -moz-appearance: textfield;
}
.pagination-area .goto-page::-webkit-inner-spin-button,
.pagination-area .goto-page::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/*end custom-pagination*/