@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300ita‌​lic,400,400italic,500,500italic,700,700italic,900italic,900.css);
/*
 Primary Colours
 */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

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

.float-left {
  float: left; }

.point-cursor {
  cursor: pointer; }

.padding-left-16 {
  padding-left: 16px; }

.padding-top-45 {
  padding-top: 45px; }

.padding-top-4 {
  padding-top: 4px; }

.margin-top-24 {
  margin-top: 24px; }

.margin-top-16 {
  margin-top: 16px; }

.padding-top-6 {
  padding-top: 6px; }

.margin-bottom-32 {
  margin-bottom: 32px; }

.noscroll {
  overflow: hidden !important;
  position: relative; }

.breadcrumbs {
  font-weight: 400; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.margin-left-16 {
  margin-left: 16px; }

.padding-top-11 {
  padding-top: 11px; }

.margin-top-22 {
  margin-top: 22px; }

.margin-top-8 {
  margin-top: 8px; }

.gray-card-content {
  background: #fafafa; }

.aria-typebased {
  background: #106cfe !important;
  border-style: none !important;
  color: white !important;
  font-size: 14px;
  font-weight: 500 !important;
  width: 180px; }

.switch-label {
  color: #c7c6ca;
  line-height: 14px; }

.robot-font {
  font-family: 'Roboto', sans-serif; }

#copy-orientation-modal .select-wrapper:not(.no-arrow)::after {
  background: none;
  background-size: 8px;
  display: block;
  content: '';
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1; }

@media (min-width: 991px) {
  .full-screen .main-page-modal {
    width: 980px !important; } }

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

.padding-16-24 {
  padding: 16px 24px; }
/* ==== HEADER ==== */
.margin-left-8 {
  margin-left: 8px; }

.margin-right-8 {
  margin-right: 8px; }

.width-20px {
  width: 20px; }

.width-90px {
  width: 90px; }

.margin-right-24 {
  margin-right: 24px; }

.margin-bottom-24 {
  margin-bottom: 24px; }

.padding-left-12 {
  padding-left: 12px; }

.padding-top-24 {
  padding-top: 24px; }

.padding-bottom-24 {
  padding-bottom: 24px; }

.padding-bottom-8 {
  padding-bottom: 8px; }

.margin-bottom-8 {
  margin-bottom: 8px; }

.margin-top-8 {
  margin-top: 8px; }

.language-icon-text {
  position: absolute;
  left: 5px; }

.navbar {
  background: white;
  border-bottom: 3px solid rgba(0, 0, 0, .1); }
  .navbar .navbar-sitename {
    color: #2fb0e2;
    font-weight: 700;
    height: 49px;
    line-height: 49px;
    display: inline-block;
    position: relative; }
  .navbar .searchbox {
    width: 400px;
    padding: 10px !important; }
    .navbar .searchbox button {
      background-color: #2fb0e2;
      color: white; }
  .navbar a:hover, .navbar a:focus {
    text-decoration: none; }
    .navbar a .profile-menu:hover, .navbar a .downloads-menu:hover, .navbar a .notifications-menu:hover, .navbar a .profile-menu:focus, .navbar a .downloads-menu:focus, .navbar a .notifications-menu:focus {
      color: #106cfe; }
  .navbar #page-sidebar a:hover, .navbar #page-sidebar a:focus {
    text-decoration: none;
    border-left: 3px solid #103054; }
    .navbar #page-sidebar a .profile-menu:hover, .navbar #page-sidebar a .downloads-menu:hover, .navbar #page-sidebar a .notifications-menu:hover, .navbar #page-sidebar a .profile-menu:focus, .navbar #page-sidebar a .downloads-menu:focus, .navbar #page-sidebar a .notifications-menu:focus {
      color: #106cfe; }
  .navbar .navbar-sitename img {
    max-height: 49px; }
  .navbar .navbar-wrapper li.image .site-header-logo.mobile {
    display: none; }
    @media (max-width: 800px) {
  .navbar .navbar-wrapper li.image .site-header-logo {
    display: none; }
    .navbar .navbar-wrapper li.image .site-header-logo.mobile {
      display: inline; } }
  @media (max-width: 540px) {
    .navbar img.mobile {
      max-width: 140px; } }
    @media (max-width: 400px) {
  .navbar img.mobile {
    max-width: 80px; } }
    @media (max-width: 320px) {
  .navbar img.mobile {
    max-width: 45px; } }
  .navbar ul.navbar-wrapper {
    list-style: none;
    float: left;
    margin-bottom: 0px;
    padding: 0; }
    .navbar ul.navbar-wrapper.navbar-right {
      padding-left: 0;
      float: right; }
      .navbar ul.navbar-wrapper.navbar-right > li {
        position: relative; }
    .navbar ul.navbar-wrapper > li {
      float: left; }
    .navbar ul.navbar-wrapper li.check-in {
      padding: 8px 4px; }
      .navbar ul.navbar-wrapper li.check-in .fa-user-clock {
        line-height: 43px;
        font-size: 20px;
        padding: 0 5px;
        color: #333; }
        .navbar ul.navbar-wrapper li.check-in .fa-user-clock.on {
          color: #16be9b; }
      .navbar ul.navbar-wrapper li.image {
        padding-top: 5px;
        float: left;
        padding-bottom: 5px;
        margin-left: 15px;
        margin-right: 15px; }
      @media (max-width: 800px) {
    .navbar ul.navbar-wrapper li.image {
      margin-left: 0; } }
      .navbar ul.navbar-wrapper li.word {
        padding: 20px 0px 0px 0px;
        font-size: 14px;
        font-weight: 700;
        color: #de1403; }
      .navbar ul.navbar-wrapper li.searchbox {
        width: 250px;
        padding: 18px 0px 0px 0px;
        margin-right: 30px; }
      .navbar ul.navbar-wrapper li.searchbox input {
        border-radius: 0;
        box-shadow: none;
        border-right: 0; }
      .navbar ul.navbar-wrapper li.searchbox button {
        background-color: transparent;
        color: #231f20;
        border-radius: 0;
        border-left: 0; }
        .navbar ul.navbar-wrapper li.searchbox button:hover {
          border-color: #ccc; }
      .navbar ul.navbar-wrapper li.clearCache {
        padding: 0px !important;
        top: 15px;
        font-size: 10px !important;
        right: 8px; }
      .navbar ul.navbar-wrapper li.clearCache a .btn {
        font-size: 10px; }
      .navbar ul.navbar-wrapper li.notification:hover, .navbar ul.navbar-wrapper li.download:hover, .navbar ul.navbar-wrapper li.user:hover, .navbar ul.navbar-wrapper li.icon:hover {
        background: #f5f5f5; }
      .navbar ul.navbar-wrapper li.notification.open, .navbar ul.navbar-wrapper li.download.open, .navbar ul.navbar-wrapper li.user.open, .navbar ul.navbar-wrapper li.icon.open {
        background: #efefef; }
      .navbar ul.navbar-wrapper li.notification, .navbar ul.navbar-wrapper li.download {
        white-space: normal;
        padding: 0;
        font-size: 13px;
        line-height: 16px;
        text-align: right; }
      .navbar ul.navbar-wrapper li.user {
        text-align: right;
        margin-right: 18px; }
      .navbar ul.navbar-wrapper li.user .name a {
        color: #2fb0e2; }
      .navbar ul.navbar-wrapper li.user .group {
        color: #231f20; }
      @media (max-width: 800px) {
    .navbar ul.navbar-wrapper li.user {
      margin-right: 0; } }
      .navbar ul.navbar-wrapper li.icon {
        padding: 0;
        font-size: 0px; }
      .navbar ul.navbar-wrapper li.icon:hover {
        color: #2fb0e2; }
      .navbar ul.navbar-wrapper li.icon > a {
        font-size: 21px;
        color: #333;
        padding: 20px 15px 18px;
        display: block; }
  .navbar .profile-menu {
    display: block;
    padding: 14px 15px 13px; }
    .navbar .profile-menu .image_container {
      width: 32px;
      height: 32px; }
      .navbar .profile-menu .image_container .ui {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.5px;
        text-transform: uppercase; }
      .navbar .profile-menu .image_container img {
        border-radius: 50%;
        width: 100%; }
    .navbar .profile-menu .name {
      float: left;
      padding-left: 10px; }
  .navbar .profile-dropdown-caret {
    margin-left: 8px; }
  .navbar .appBlock {
    position: absolute;
    top: 75%;
    right: 50%;
    width: auto;
    width: 370px;
    max-height: 86vh;
    height: auto;
    line-height: 13px;
    z-index: 100;
    overflow: hidden;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    background-color: #efefef;
    box-shadow: 0 0 0 #000; }
  .navbar .language-selector-container-top.mobile {
    float: right;
    padding-left: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-right: 12px !important; }
    .navbar .language-selector-container-top .language-toggle-options {
      display: inline-block;
      padding: 20px 15px 19px;
      font-size: 20px;
      color: #231f20;
      text-decoration: none !important; }
    .navbar .language-selector-container-top .dropdown-menu {
      min-width: 115px; }
      .navbar .language-selector-container-top .dropdown-menu li {
        width: 100%; }
      .navbar .language-selector-container-top .dropdown-menu li a.active {
        background: #f5f5f5; }
      .navbar .language-selector-container-top .dropdown-menu li a.active {
        background: #f5f5f5; }
      .navbar .language-selector-container-top .dropdown-menu li a:hover {
        background: #1ca9e0; }

#languageModal {
  z-index: 999992 !important; }

.notifications-menu, .downloads-menu {
  display: inline-block;
  padding: 20px 15px 19px;
  font-size: 20px; }
  .notifications-menu #notifications-trigger:hover, .downloads-menu #notifications-trigger:hover {
    color: #a1a3a6 !important; }
  .notifications-menu #downloads-icon, .downloads-menu #downloads-icon {
    display: inline-block;
    position: relative;
    color: #333; }
  .notifications-menu #notifications-icon[data-badge]:after, .downloads-menu #notifications-icon[data-badge]:after, .notifications-menu #downloads-icon[data-badge]:after, .downloads-menu #downloads-icon[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -10px;
    right: -10px;
    background: #de1403;
    color: #fff;
    border-radius: 15px;
    display: inline-block;
    font-size: 10px;
    font-family: Roboto;
    padding: 3px 5px;
    line-height: 11px;
    min-width: 17px;
    text-align: center;
    font-weight: 700; }
/*.full-screen .apps-menu .menu-icon a {
 opacity: 100%;
 }
 */
.height-24 {
  height: 24px; }

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

.padding-right-4 {
  padding-right: 4px; }

.padding-top-8 {
  padding-top: 8px; }

.padding-8 {
  padding: 8px; }

.padding-bottom-32 {
  padding-bottom: 32px; }

.padding-top-32 {
  padding-top: 32px; }

.padding-bottom-8 {
  padding-bottom: 8px; }

.grey-background-line {
  background-color: #ededed !important; }

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

.width-24 {
  width: 24%; }

.padding-24 {
  padding: 24px; }

.padding-top-15 {
  padding-top: 15px; }

.margin-top-off-60 {
  margin-top: -60px; }

.margin-24 {
  margin: 24px; }

.margin-bottom-16 {
  margin-bottom: 16px; }

.margin-bottom-24 {
  margin-bottom: 24px; }

.padding-left-48 {
  padding-left: 48px; }

.padding-left-24 {
  padding-left: 24px !important; }

.padding-right-24 {
  padding-right: 24px !important; }

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

.ui-datepicker-year, .ui-datepicker-month {
  padding: 0; }

.ui-datepicker-calendar tbody td {
  text-align: center; }

.width-43 {
  width: 43%; }

.width-58 {
  width: 58%; }

.margin-left-5 {
  margin-left: 5px; }

.padding-top-16 {
  padding-top: 16px; }

.padding-top-32 {
  padding-top: 32px; }

.full-screen .hr4-submit.disabled, .full-screen .hr4-submit.upload-disabled {
  background: #c5c5c5;
  color: #7e7e7e; }
  .full-screen .culture-popup-left, .full-screen .culture-popup-right {
    margin-top: 140px;
    color: #000; }
  .full-screen .award-to {
    margin-left: 4px !important;
    opacity: 0.5; }
  .full-screen .posting-setup-wrapper .setup-step {
    width: 100%; }
  .full-screen .page-sidebar .menu .menu-item-indented .sidebar-count {
    right: 0px; }
  .full-screen .dashboard-top-user-details .ui {
    font-size: 48px; }
  .full-screen .develop-cover-block .carousel-showmanymoveone-self-assessments .carousel-control.left {
    width: 40px;
    left: 0; }
  .full-screen .mobile-sidebar-avatar span {
    font-size: 24px; }
  .full-screen .message-play-container {
    width: 40px;
    padding-top: 12px;
    padding-left: 16px;
    height: 40px;
    border-radius: 20px;
    background: #4c8ffe;
    display: inline-block;
    color: #fff !important; }
  .full-screen .culture-popup-left-arrow {
    position: absolute;
    top: 120px;
    left: 40px;
    z-index: 2; }
  .full-screen .culture-popup-right-arrow {
    position: absolute;
    top: 120px;
    left: 900px;
    z-index: 2; }
  .full-screen .performance-evaluation-check-all {
    display: inline-block;
    padding: 12px; }
  .full-screen .submit-content .css-loader {
    width: 20px;
    height: 20px; }
  .full-screen .culture-popup-right {
    left: 50px; }
  .full-screen .develop-cover-block .carousel-showmanymoveone-self-assessments .carousel-control.right {
    width: 40px;
    right: 0; }
  .full-screen .develop-cover-block .week-glance-summary .dashboard-category-score-row .item {
    display: inline-block; }
  .full-screen #homepage-widget-table {
    width: 950px; }
  .full-screen .overflow-auto {
    overflow: auto; }
  .full-screen .develop-cover-block .week-glance-summary .item {
    display: inline; }
  .full-screen .develop-cover-block .scrollable-block {
    padding: 0 40px; }
  .full-screen .meeting-details .ui {
    height: 24px; }
  .full-screen .meeting-details .stacked-profile-images {
    top: 20px; }
  .full-screen .homepage-customization-settings {
    border: 1px solid rgba(51, 51, 51, 0.12);
    background: #f8f8f8;
    border-radius: 16px;
    padding: 16px; }
  .full-screen .question-element-input, .full-screen .question-datetime-time, .full-screen .question-datetime-date {
    padding: 0 !important; }
  .full-screen #compensation-manager-wrapper .collection-item > div > span {
    height: auto; }
  .full-screen .homepage-customization-settings-title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.1px; }
  .full-screen .employee-edit-container .form-fields .form-field {
    min-height: 0; }
  .full-screen .culture .culture-right {
    height: 178px; }
  .full-screen .notifications-menu #notifications-icon[data-badge]:after {
    top: 5px;
    right: 20px; }
  .full-screen .language-selector-container-top > .language-toggle-options {
    font-size: 24px; }
  .full-screen .badge.careers-badge {
    position: relative; }
  .full-screen .thumbs-up-title {
    font-size: 14px;
    font-weight: 500; }
  .full-screen .hr4-submit {
    padding: 5px 0 !important; }
  .full-screen .blue-options-dropdown-button {
    background: #9ab1c8; }
  .full-screen .milestone-icon {
    padding: 10px 8px; }
  .full-screen .collection-item div:not(:last-child) {
    height: auto; }
  .full-screen .width-100 {
    width: 100% !important; }
  .full-screen .sidebar-content-wrapper .card-content {
    padding: 0px; }
  .full-screen .timesheet-row-month .subtext {
    font-size: 12px; }
  .full-screen #calendar .special-date {
    width: 40px;
    height: 40px;
    padding: 10px;
    font-size: 14px; }
  .full-screen .notification {
    line-height: 18px; }
  .full-screen .culture .message-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* number of lines to show */
    -webkit-box-orient: vertical; }
  .full-screen .hide-upload .trumbowyg-upload-button {
    display: none; }
  .full-screen .profile-photo-wrapper {
    padding-top: 32px; }
  .full-screen .filter-timeframe span {
    height: 40px;
    line-height: 40px; }
  .full-screen #course-list li div .btn {
    margin-top: 0px; }
  .full-screen .icon-menu-btn {
    border-radius: 31px !important;
    font-size: 31px;
    margin-left: 0px;
    width: 31px;
    height: 31px;
    line-height: 31px; }
    .full-screen .icon-menu-btn i.hr4 {
      font-size: 18px; }
  .full-screen .posting-setup-wrapper {
    overflow-y: hidden; }
  .full-screen .setup-buttons .save-details-button:not([disabled="disabled"]) {
    color: #106cfe;
    background-color: #fff;
    border-color: #106cfe;
    border-width: 1px;
    border-style: solid; }
  .full-screen .tsorted-ASC, .full-screen .tsorted-DESC, .full-screen *[data-tsort]:hover {
    color: #000; }
  .full-screen section.card > .card-content {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px; }
  .full-screen .today-at-a-glance-trend .trend-details .hr4.arrow-right {
    border-radius: 12px;
    height: 24px;
    width: 24px;
    padding: 0px 5px; }
  .full-screen .duration-selector-wrapper {
    line-height: 40px;
    height: 40px; }
  .full-screen .home-back-next .icon-menu-btn {
    padding: 0px; }
  .full-screen .search-policies-input .policies-search {
    padding: 10px 16px; }
  .full-screen #history-thumbsup-filters {
    top: -60px; }
  .full-screen .sidebar-content-wrapper {
    min-height: 828px; }
  .full-screen #progress-review {
    width: calc(100% - 64px);
    top: 220px; }
  .full-screen #my-course-progress-review {
    width: calc(100% - 64px);
    padding-left: 32px; }
  .full-screen .form-fields .form-field {
    min-height: 36px; }
  .full-screen .collection-item .ui, .full-screen .collection-item img {
    height: 40px !important;
    width: 40px !important; }
  .full-screen .timeoff-date-selector {
    margin-top: -90px; }
  .full-screen .messages-full .caption p {
    white-space: break-spaces; }
  .full-screen .widget-image-wrapper .no-data {
    margin-top: 20px; }
  .full-screen .card-header-border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, .12) !important; }
  .full-screen .notifications-menu, .full-screen .downloads-menu {
    padding-bottom: 0px; }
  .full-screen .week-day-choice .user-date {
    float: left; }
  .full-screen .nice-list {
    max-height: 120px; }
  .full-screen .arrow-up .hr4.arrow-right {
    transform: rotate(-90deg) !important; }
  .full-screen .arrow-down .hr4.arrow-right {
    transform: rotate(-270deg) !important; }
  .full-screen .card-content {
    border-top: 1px solid rgba(0, 0, 0, .12); }
  .full-screen .card-body .desktop-trend-wrapper {
    height: 112px;
    padding: 16px 24px; }
  .full-screen .setup-step {
    width: 100%; }
  .full-screen .weekly-event-container .row {
    margin-left: -15px; }
  .full-screen .user-information .caption {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px; }
  .full-screen .orientation-alert {
    right: 14px;
    top: 10px;
    left: unset; }
  .full-screen .user-location.caption {
    width: 128px; }
  .full-screen .margin-top-32 {
    margin-top: 32px; }
  .full-screen .ui-datepicker-prev, .full-screen .ui-datepicker-next {
    color: #000;
    width: 80px;
    padding-top: 5px; }
  .full-screen .card {
    border-radius: 8px; }
  .full-screen .trumbowyg-button-pane button {
    margin: 0; }
  .full-screen .sidebar-count {
    right: 16px; }
  .full-screen .hr4-submit {
    margin: 0 8px; }
  .full-screen .card-header h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 6px; }
  .full-screen .template-buttons {
    padding-top: 16px; }
  .full-screen .switch-label {
    color: #333;
    opacity: 0.5; }
  .full-screen .main-image-avatar {
    height: 72px;
    width: 72px; }
  .full-screen .main-page-avatar-container .ui {
    font-size: 36px; }
  .full-screen .main-page-avatar-container {
    float: left; }
  .full-screen .navbar-wrapper {
    width: 680px; }
  .full-screen .navbar-menu-bar {
    width: auto;
    padding-right: 34px !important; }
    .full-screen .navbar-menu-bar.padding-right-0 {
      padding-right: 0 !important; }
  .full-screen .page-sidebar .menu {
    padding: 0;
    list-style: none;
    margin: 5px 0;
    height: 100%;
    overflow: none;
    border-right: 1px solid rgba(0, 0, 0, 0.12); }
    .full-screen .page-sidebar .menu li {
      color: #231f20;
      transition: background-color 0.3s;
      display: block; }
    .full-screen .page-sidebar .menu li.active > a, .full-screen .page-sidebar .menu li:hover > a {
      color: #106cfe;
      border-left: 3px solid #103054; }
    .full-screen .page-sidebar .menu li a {
      padding: 15px;
      display: block;
      margin: 0;
      color: #231f20; }
      .full-screen .page-sidebar .menu li a:hover {
        background-color: rgba(0, 0, 0, 0.05); }
    .full-screen .page-sidebar .menu li.menu-label:hover {
      background-color: initial; }
      .full-screen .page-sidebar .menu li.menu-label label {
        padding: 15px 15px 5px;
        font-weight: 600;
        color: rgba(109, 109, 109, 0.5); }
    .full-screen .page-sidebar .menu li.menu-item-indented a {
      padding: 12px 16px; }
    .full-screen .page-sidebar .menu li.menu-item-indented.children a {
      padding-left: 35px; }
  .full-screen .add-another-level-to-scenario {
    border: 1px solid #106cfe !important; }
  .full-screen .btn-main.width-100 {
    width: calc(100% - 36px); }
  .full-screen .payworks-section .input-section input, .full-screen .dayforce-section .input-section input {
    line-height: 18px; }
  .full-screen .card-footer {
    padding: 42px;
    background-color: #e9eeef; }
  .full-screen .no-shadow {
    box-shadow: none; }
  .full-screen .subtext {
    font-size: 14px; }
  .full-screen .dayforce-settings-row input, .full-screen .settings-input-row input, .full-screen .settings-option-row input {
    padding: 5px;
    width: 100%;
    height: 40px; }
  .full-screen .add-more-logos {
    margin: 0; }
  .full-screen .settings-option-row label {
    line-height: 36px; }
  .full-screen .menu-icon > a {
    color: #333;
    opacity: 50%; }
  .full-screen .btn-main:not(.hide-element), .full-screen .btn-grey:not(.hide-element) {
    display: inline-block;
    padding: 4px 16px 4px;
    height: 28px;
    margin-right: 5px;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    text-transform: none;
    box-sizing: content-box;
    cursor: pointer;
    transition: opacity 0.2s ease-in-out; }
    .full-screen .btn-main:not(.hide-element):hover, .full-screen .btn-grey:not(.hide-element):hover, .full-screen .btn-main:not(.hide-element):active, .full-screen .btn-grey:not(.hide-element):active, .full-screen .btn-main:not(.hide-element):visited, .full-screen .btn-grey:not(.hide-element):visited, .full-screen .btn-main:not(.hide-element):focus, .full-screen .btn-grey:not(.hide-element):focus {
      text-decoration: none;
      opacity: 0.8; }
    .full-screen .btn-main:not(.hide-element).floatr, .full-screen .btn-grey:not(.hide-element).floatr, .full-screen .btn-main:not(.hide-element).pull-right, .full-screen .btn-grey:not(.hide-element).pull-right {
      margin-right: 0;
      margin-left: 5px; }
    .full-screen .btn-main:not(.hide-element).icon-only, .full-screen .btn-grey:not(.hide-element).icon-only {
      padding: 3px;
      text-align: center;
      vertical-align: middle;
      line-height: 28px;
      width: 38px;
      height: 38px;
      border-radius: 50%; }
    .full-screen .btn-main:not(.hide-element).icon-only .hr4, .full-screen .btn-grey:not(.hide-element).icon-only .hr4 {
      vertical-align: unset;
      position: relative;
      top: 10px; }
    .full-screen .btn-main:not(.hide-element) .hr4, .full-screen .btn-grey:not(.hide-element) .hr4, .full-screen .btn-main:not(.hide-element) .glyphicon, .full-screen .btn-grey:not(.hide-element) .glyphicon {
      vertical-align: sub; }
    .full-screen .btn-main:not(.hide-element).btn-trans, .full-screen .btn-grey:not(.hide-element).btn-trans {
      background: none;
      border: none;
      color: #231f20; }
    .full-screen .btn-main:not(.hide-element).btn-trans:hover, .full-screen .btn-grey:not(.hide-element).btn-trans:hover, .full-screen .btn-main:not(.hide-element).btn-trans:active, .full-screen .btn-grey:not(.hide-element).btn-trans:active, .full-screen .btn-main:not(.hide-element).btn-trans:visited, .full-screen .btn-grey:not(.hide-element).btn-trans:visited, .full-screen .btn-main:not(.hide-element).btn-trans:focus, .full-screen .btn-grey:not(.hide-element).btn-trans:focus {
      color: #231f20; }
    .full-screen .btn-main:not(.hide-element).border, .full-screen .btn-grey:not(.hide-element).border {
      border: 2px solid;
      border-radius: 5px;
      border-color: #2fb0e2;
      padding: 0 12px 2px; }
  .full-screen .navbar .navbar-sitename {
    color: #2fb0e2;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    position: relative;
    margin-top: 16px; }
  .full-screen .navbar .searchbox {
    width: 400px;
    padding: 10px !important; }
  .full-screen .navbar .searchbox button {
    background-color: #2fb0e2;
    color: white; }
  .full-screen .navbar .searchbox button a:hover, .full-screen .navbar .searchbox button a:focus {
    text-decoration: none; }
  .full-screen .navbar .searchbox button a.profile-menu:hover, .full-screen .navbar .searchbox button a.profile-menu:focus, .full-screen .navbar .searchbox button a.downloads-menu:hover, .full-screen .navbar .searchbox button a.downloads-menu:focus, .full-screen .navbar .searchbox button a.notifications-menu:hover, .full-screen .navbar .searchbox button a.notifications-menu:focus {
    color: #106cfe; }
  .full-screen .navbar #page-sidebar a:hover, .full-screen .navbar #page-sidebar a:focus {
    text-decoration: none;
    border-left: 3px solid #103054; }
  .full-screen .navbar #page-sidebar a.profile-menu:hover, .full-screen .navbar #page-sidebar a.profile-menu:focus, .full-screen .navbar #page-sidebar a.downloads-menu:hover, .full-screen .navbar #page-sidebar a.profile-menu:focus, .full-screen .navbar #page-sidebar a.notifications-menu:hover, .full-screen .navbar #page-sidebar a.profile-menu:focus {
    color: #106cfe; }
  .full-screen .navbar .profile-menu {
    padding: 0px; }
  .full-screen .navbar-sitename img {
    max-height: 45px; }
  .full-screen .navbar-wrapper li.image .site-header-logo.mobile {
    display: none; }
  .full-screen ul.navbar-wrapper {
    list-style: none;
    float: left;
    margin-bottom: 0px;
    padding: 0; }
    @media (max-width: 991px) {
    .full-screen ul.navbar-wrapper .image {
      text-align: center; } }
    @media (max-width: 991px) {
  .full-screen ul.navbar-wrapper {
    width: 100%; } }
  .full-screen ul.navbar-wrapper.navbar-right {
    padding-left: 0;
    float: right;
    margin-right: 0; }
  .full-screen ul.navbar-wrapper.navbar-right li {
    position: relative;
    display: inline-block; }
  .full-screen ul.navbar-wrapper.navbar-right li.menu-icon {
    line-height: 10px;
    text-align: center;
    padding: 14px 0; }
  .full-screen ul.navbar-wrapper.navbar-right li.menu-icon > a:hover {
    color: #a1a3a6; }
  .full-screen ul.navbar-wrapper.navbar-right li.no-label {
    margin-right: 15px; }
  .full-screen ul.navbar-wrapper.navbar-right li.menu-icon span.menu-icon-text {
    font-size: 12px;
    padding: 0 16px; }
  .full-screen ul.navbar-wrapper.navbar-right li.check-in {
    padding: 8px 4px; }
  .full-screen ul.navbar-wrapper.navbar-right li.check-in .fa-user-clock {
    line-height: 43px;
    font-size: 20px;
    padding: 0 5px;
    color: #333; }
  .full-screen ul.navbar-wrapper.navbar-right li.check-in .fa-user-clock .on {
    color: #16be9b; }
  .full-screen ul.navbar-wrapper.navbar-right li.image {
    padding-top: 5px;
    float: left;
    padding-bottom: 5px;
    margin-left: 15px;
    margin-right: 15px; }
  .full-screen ul.navbar-wrapper.navbar-right li.image.word {
    padding: 20px 0px 0px 0px;
    font-size: 14px;
    font-weight: 700;
    color: #de1403; }
  .full-screen ul.navbar-wrapper.navbar-right li.image.searchbox {
    width: 250px;
    padding: 18px 0px 0px 0px;
    margin-right: 30px; }
  .full-screen ul.navbar-wrapper.navbar-right li.image.searchbox input {
    border-radius: 0;
    box-shadow: none;
    border-right: 0; }
  .full-screen ul.navbar-wrappe.navbar-right li.image.searchbox input button {
    background-color: transparent;
    color: #231f20;
    border-radius: 0;
    border-left: 0; }
  .full-screen ul.navbar-wrapper.navbar-right li.image.searchbox input button:hover {
    border-color: #ccc; }
  .full-screen ul.navbar-wrapper.navbar-right li.clearCache {
    margin-right: 30px; }
  .full-screen ul.navbar-wrapper.navbar-right li.clearCache a {
    font-size: 12px;
    margin-top: -24px; }
  .full-screen ul.navbar-wrapper .profile-menu {
    display: block; }
  .full-screen ul.navbar-wrapper .profile-menu .image_container {
    width: 32px;
    height: 32px; }
  .full-screen ul.navbar-wrapper .profile-menu .image_container .ui {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.5px;
    text-transform: uppercase; }
  .full-screen ul.navbar-wrapper .profile-menu .image_container img {
    border-radius: 50%;
    width: 100%; }
  .full-screen input[type="checkbox"] {
    /* Remove default checkbox */
    position: absolute;
    left: -9999px;
    opacity: 0;
    /* Indeterminate checkbox */ }
    .full-screen input[type="checkbox"] + label:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 18px;
      height: 18px;
      z-index: 0;
      border: 2px solid #5a5a5a;
      border-radius: 1px;
      margin-top: 2px;
      transition: 0.2s; }
    .full-screen input[type="checkbox"]:not(:checked):disabled + label:before {
      border: none;
      background-color: rgba(0, 0, 0, 0.26); }
    .full-screen input[type="checkbox"]:indeterminate:disabled + label:before {
      border-right: 2px solid rgba(0, 0, 0, 0.26);
      background-color: transparent; }
    .full-screen input[type="checkbox"]:indeterminate + label:before {
      top: -11px;
      left: -12px;
      width: 10px;
      height: 22px;
      border-top: none;
      border-left: none;
      border-right: 2px solid #1ca9e0;
      border-bottom: none;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%; }
    .full-screen input[type="checkbox"]:checked:disabled + label:before {
      border-right: 2px solid rgba(0, 0, 0, 0.26);
      border-bottom: 2px solid rgba(0, 0, 0, 0.26); }
    .full-screen input[type="checkbox"]:checked + label:before {
      top: -4px;
      left: -5px;
      width: 12px;
      height: 22px;
      border-top: 2px solid transparent;
      border-left: 2px solid transparent;
      border-right: 2px solid #1ca9e0;
      border-bottom: 2px solid #1ca9e0;
      -webkit-transform: rotate(40deg);
      transform: rotate(40deg);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%; }
    .full-screen input[type="checkbox"].filled-in:focus + label:after {
      background-color: rgba(38, 166, 154, 0.33) !important; }
    .full-screen input[type="checkbox"].filled-in + label:after {
      border-radius: 2px; }
    .full-screen input[type="checkbox"].filled-in + label:before, .full-screen input[type="checkbox"].filled-in + label:after {
      content: '';
      left: 0;
      position: absolute;
      /* .1s delay is for check animation */
      transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
      z-index: 1; }
    .full-screen input[type="checkbox"].filled-in:not(:checked) + label:before {
      width: 0;
      height: 0;
      border: 3px solid transparent;
      left: 6px;
      top: 10px;
      -webkit-transform: rotateZ(37deg);
      transform: rotateZ(37deg);
      -webkit-transform-origin: 20% 40%;
      transform-origin: 100% 100%; }
      .full-screen input[type="checkbox"].filled-in:not(:checked) + label:after {
        height: 20px;
        width: 20px;
        background-color: transparent;
        border: 2px solid #5a5a5a;
        top: 0px;
        z-index: 0; }
    .full-screen input[type="checkbox"].filled-in:checked + label:before {
      top: 0;
      left: 1px;
      width: 8px;
      height: 13px;
      border-top: 2px solid transparent;
      border-left: 2px solid transparent;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transform: rotateZ(37deg);
      transform: rotateZ(37deg);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%; }
      .full-screen input[type="checkbox"].filled-in:checked + label:after {
        top: 0;
        width: 20px;
        height: 20px;
        border: 2px solid #1ca9e0;
        background-color: #1ca9e0;
        z-index: 0; }
    .full-screen input[type="checkbox"].filled-in.tabbed:focus + label:after {
      border-radius: 2px;
      border-color: #5a5a5a;
      background-color: rgba(0, 0, 0, 0.1); }
    .full-screen input[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
      border-radius: 2px;
      background-color: #1ca9e0;
      border-color: #1ca9e0; }
    .full-screen input[type="checkbox"].filled-in:disabled {
      cursor: not-allowed !important; }
    .full-screen input[type="checkbox"].filled-in:disabled + label {
      cursor: not-allowed !important; }
    .full-screen input[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
      background-color: transparent;
      border: 2px solid transparent; }
      .full-screen input[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
        border-color: transparent;
        background-color: #bdbdbd; }
    .full-screen input[type="checkbox"].filled-in:disabled:checked + label:before {
      background-color: transparent; }
      .full-screen input[type="checkbox"].filled-in:disabled:checked + label:after {
        background-color: #bdbdbd;
        border-color: #bdbdbd; }
    .full-screen input[type="checkbox"]:not(.filled-in) + label:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 18px;
      height: 18px;
      z-index: 0;
      border: 0;
      border-radius: 1px;
      margin-top: 2px;
      transition: 0.2s;
      -webkit-transform: scale(0);
      transform: scale(0); }
    .full-screen input[type="checkbox"] + label {
      position: relative;
      padding-left: 30px;
      cursor: pointer;
      display: inline-block;
      font-weight: normal;
      line-height: 21px;
      font-size: 100%;
      -webkit-user-select: none;
      -moz-user-select: none;
      -khtml-user-select: none;
      -ms-user-select: none; }
    .full-screen input[type="checkbox"].tabbed:focus + label:after {
      -webkit-transform: scale(1);
      transform: scale(1);
      border: 0;
      border-radius: 50%;
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
      background-color: rgba(0, 0, 0, 0.1); }
  @media screen and (min-width: 992px) and (max-width: 1340px) {
  .full-screen .navbar-wrapper-left {
    width: 120px; }
  .full-screen #headerSlogan {
    display: none; } }

.vl {
  height: 32px;
  border: 1px solid #e4e2e6;
  margin-right: 30px; }

.profile-dropdown-caret {
  margin-left: 8px; }

.navbar-fixed-top {
  height: 64px;
  z-index: 99999; }

.orientation-alert {
  padding: 6px;
  position: absolute;
  left: 37px;
  top: 8px;
  font-size: 10px;
  transform: rotate(-45deg);
  line-height: 0px;
  border: 1px solid #de1403;
  background-color: #de1403;
  border-radius: 50%;
  color: white;
  z-index: 2; }

#notifications-dropdown, #downloads-dropdown {
  left: unset;
  right: 0;
  min-width: 400px;
  height: 420px; }

#notifications-wrapper .card-header .title, #downloads-wrapper .card-header .title, #notifications-page .card-header .title {
  font-size: 14px;
  font-weight: bold; }
  #notifications-wrapper #download_message, #downloads-wrapper #download_message, #notifications-page #download_message {
    padding: 10px; }
  #notifications-wrapper .notification-item-wrapper, #downloads-wrapper .notification-item-wrapper, #notifications-page .notification-item-wrapper {
    position: relative;
    overflow: hidden; }
    #notifications-wrapper .notification-item-wrapper .notification, #downloads-wrapper .notification-item-wrapper .notification, #notifications-page .notification-item-wrapper .notification, #notifications-wrapper .notification-item-wrapper .download, #downloads-wrapper .notification-item-wrapper .download, #notifications-page .notification-item-wrapper .download, #notifications-wrapper .notification-item-wrapper .notification-empty, #downloads-wrapper .notification-item-wrapper .notification-empty, #notifications-page .notification-item-wrapper .notification-empty {
      padding: 15px;
      cursor: pointer; }
    #notifications-wrapper .notification-item-wrapper .notification .icon-container, #downloads-wrapper .notification-item-wrapper .notification .icon-container, #notifications-page .notification-item-wrapper .notification .icon-container, #notifications-wrapper .notification-item-wrapper .download .icon-container, #downloads-wrapper .notification-item-wrapper .download .icon-container, #notifications-page .notification-item-wrapper .download .icon-container {
      width: 50px; }
    #notifications-wrapper .notification-item-wrapper .notification .icon-container > img, #downloads-wrapper .notification-item-wrapper .notification .icon-container > img, #notifications-page .notification-item-wrapper .notification .icon-container > img, #notifications-wrapper .notification-item-wrapper .download .icon-container > img, #downloads-wrapper .notification-item-wrapper .download .icon-container > img, #notifications-page .notification-item-wrapper .download .icon-container > img {
      width: 100%;
      max-width: 40px;
      max-height: 40px; }
    #notifications-wrapper .notification-item-wrapper .notification .icon-container + div, #downloads-wrapper .notification-item-wrapper .notification .icon-container + div, #notifications-page .notification-item-wrapper .notification .icon-container + div, #notifications-wrapper .notification-item-wrapper .download .icon-container + div, #downloads-wrapper .notification-item-wrapper .download .icon-container + div, #notifications-page .notification-item-wrapper .download .icon-container + div {
      width: 84%; }
    #notifications-wrapper .notification-item-wrapper .notification .ui, #downloads-wrapper .notification-item-wrapper .notification .ui, #notifications-page .notification-item-wrapper .notification .ui, #notifications-wrapper .notification-item-wrapper .download .ui, #downloads-wrapper .notification-item-wrapper .download .ui, #notifications-page .notification-item-wrapper .download .ui {
      font-size: 14px;
      text-transform: uppercase; }
    #notifications-wrapper .notification-item-wrapper .notification .default-icon, #downloads-wrapper .notification-item-wrapper .notification .default-icon, #notifications-page .notification-item-wrapper .notification .default-icon, #notifications-wrapper .notification-item-wrapper .download .default-icon, #downloads-wrapper .notification-item-wrapper .download .default-icon, #notifications-page .notification-item-wrapper .download .default-icon {
      height: 40px;
      width: 40px; }
    #notifications-wrapper .notification-item-wrapper .notification .timestamp, #downloads-wrapper .notification-item-wrapper .notification .timestamp, #notifications-page .notification-item-wrapper .notification .timestamp, #notifications-wrapper .notification-item-wrapper .download .timestamp, #downloads-wrapper .notification-item-wrapper .download .timestamp, #notifications-page .notification-item-wrapper .download .timestamp {
      color: #888; }
    #notifications-wrapper .notification-item-wrapper .notification-mark-as-read-btn, #downloads-wrapper .notification-item-wrapper .notification-mark-as-read-btn, #notifications-page .notification-item-wrapper .notification-mark-as-read-btn {
      position: absolute;
      top: 8px;
      right: 15px;
      width: 10px;
      height: 10px;
      border-radius: 50px;
      cursor: pointer;
      background-color: #de1403; }
    #notifications-wrapper .notification-item-wrapper .notification-mark-as-read-btn.read, #downloads-wrapper .notification-item-wrapper .notification-mark-as-read-btn.read, #notifications-page .notification-item-wrapper .notification-mark-as-read-btn.read {
      display: none; }
  #notifications-wrapper .notification-item-wrapper + .notification-item-wrapper, #downloads-wrapper .notification-item-wrapper + .notification-item-wrapper, #notifications-page .notification-item-wrapper + .notification-item-wrapper {
    border-top: 1px solid #cccdd2; }

.full-screen .no-border-top {
  border-top: none; }

.full-screen .no-border-bottom {
  border-bottom: none; }

.full-screen .no-border-radius-top-card {
  border-radius: 0 0 8px 8px; }

.full-screen .no-border-radius-bottom-card {
  border-radius: 8px 8px 0 0; }

.full-screen .template-buttons .btn {
  margin-bottom: 16px; }

#notifications-wrapper, #downloads-wrapper {
  width: 100%;
  z-index: 10000; }
  #notifications-wrapper .notifications-list, #downloads-wrapper .notifications-list, #notifications-wrapper .downloads-list, #downloads-wrapper .downloads-list {
    overflow-y: auto;
    height: 280px; }
  #notifications-wrapper .notification-item-wrapper.read, #downloads-wrapper .notification-item-wrapper.read, #notifications-wrapper .notification.read, #downloads-wrapper .notification.read, #notifications-wrapper .download.read, #downloads-wrapper .download.read {
    display: none; }
  #notifications-wrapper .notification-empty, #downloads-wrapper .notification-empty {
    cursor: initial !important; }
  #notifications-wrapper .notification-item-wrapper.read + .notification-item-wrapper:not(.read), #downloads-wrapper .notification-item-wrapper.read + .notification-item-wrapper:not(.read) {
    border-top: 0; }

#notifications-page .download.read, #notifications-page .notification.read {
  background-color: #fff; }
  #notifications-page .download:not(.read), #notifications-page .notification:not(.read) {
    background-color: #eee; }

#apps {
  background: #fff; }

.gridster {
  margin-left: 15px; }
  .gridster li {
    position: relative; }
  .gridster li .app-icon, .gridster li .app-icon-image {
    height: 50px; }
  .gridster li .app-title {
    height: 45px;
    font-size: 12px;
    color: #231f20;
    line-height: 13px;
    display: inline-block;
    margin-top: 5px; }
  .gridster li img {
    border-radius: 50px; }
  .gridster li a:hover {
    text-decoration: none; }
  .gridster .square-list .app-title {
    color: #000;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px; }
  .gridster .square-list .app-icon {
    border: none;
    height: 32px;
    width: 32px;
    border-radius: 8px; }
  .gridster .square-list .app-icon i {
    font-size: 20px;
    color: #fff; }
  .gridster .square-list .app-icon i.video-tutorial {
    color: #252525;
    font-weight: 600; }

.lang-fr #history-report .width-10, .lang-fr .app-title {
  font-size: 12px !important; }

.width-2 {
  width: 2%; }

.width-3 {
  width: 3%; }

.width-6 {
  width: 6%; }

.width-7 {
  width: 7%; }

.width-11 {
  width: 11%; }

.width-12 {
  width: 12%; }

.width-13 {
  width: 13%; }

.width-16 {
  width: 16%; }

.width-17 {
  width: 17%; }

.width-18 {
  width: 18%; }

.width-22 {
  width: 22%; }

.width-23 {
  width: 23%; }

.width-26 {
  width: 26%; }

.width-28 {
  width: 28%; }

.width-34 {
  width: 34%; }

.width-39 {
  width: 39%; }

.width-43 {
  width: 43%; }

.width-58 {
  width: 58%; }

.margin-left-5 {
  margin-left: 5px; }

.width-14 {
  width: 14%; }

#report-wrapper li.collection-item-header div span {
  font-size: 12px; }
  #report-wrapper li.collection-item-header div[class*="width-"] {
    padding-left: 7px;
    padding-right: 7px; }

li.collection-item-header div span {
  word-wrap: break-word; }
  li.collection-item-header div:last-of-type .tsorting {
    right: 2px; }

@media (min-width: 1400px) {
  .full-screen .timeoff-settings-save-bar .container {
    width: 1210px;
    margin-left: 0; }

  .mobile-right-sidebar-icon {
    top: 16px !important; } }

@media (max-width: 991px) {
  .full-screen #notifications-icon {
    padding: 0; }

  .culture .culture-right {
    height: 348px; }

  #today-carousel .carousel-control i {
    margin-top: 0px; } }

@media (max-width: 991px) {
  .meeting-details .stacked-profile-images {
    padding-bottom: 50px; }

  .navbar ul.navbar-wrapper li.word {
    font-size: 14px; } }

@media (max-width: 800px) {
  .navbar ul.navbar-wrapper li.notification, .navbar ul.navbar-wrapper li.download {
    position: initial; }

  #notifications-dropdown, #downloads-dropdown {
    left: 0; } }

@media (max-width: 767px) {
  .navbar .profile-menu .name {
    display: none; }

  .navbar ul.navbar-wrapper li.word {
    display: none; } }

@media (max-width: 525px) {
  div.dashboard #messages .stage .messages_item_wrapper .notifButton {
    display: none; }

  .navbar ul.navbar-wrapper li.image {
    margin-right: 0; } }

@media (max-width: 500px) {
  .gridster {
    margin-left: 0; }

  #notifications-dropdown, #downloads-dropdown {
    min-width: 0; }
    #notifications-dropdown.safari-mobile-height .card-section .notifications-list, #downloads-dropdown.safari-mobile-height .card-section .notifications-list {
      height: calc(68vh - 15px);
      /*  iphone 6 and up  */ }

  #notifications-wrapper, #downloads-wrapper {
    min-width: auto; }
    #notifications-wrapper .card-section, #downloads-wrapper .card-section {
      height: 77vh;
      background-color: #fff; }
      #notifications-wrapper .card-section .notifications-list, #downloads-wrapper .card-section .notifications-list {
        height: 68vh; }

  .download .icon-container + div, .notification .icon-container + div {
    width: 80% !important; } }
  @media (max-width: 500px) and (max-height: 560px) {
    #notifications-dropdown.safari-mobile-height .card-section .notifications-list, #downloads-dropdown.safari-mobile-height .card-section .notifications-list {
      height: calc(68vh - 60px) !important;
      /*  iphone 5  */ } }

@media only screen and (min-width: 320px) and (max-width: 375px) {
  #downloads-wrapper, #notifications-wrapper {
    vertical-align: middle;
    position: fixed;
    min-width: 90vw;
    left: 0; } }

@media only screen and (min-width: 500px) and (max-width: 690px) {
  #appBlock {
    max-height: 360px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }

  #notifications-wrapper, #downloads-wrapper {
    margin-left: 5%;
    width: 90%;
    max-height: 100%;
    overflow-y: scroll;
    padding-bottom: 110px; } }

@media only screen and (min-width: 691px) and (max-width: 823px) {
  #appBlock {
    max-height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 15px 10px !important; }

  #notifications-wrapper, #downloads-wrapper {
    margin-left: 5%;
    width: 90%;
    max-height: 100%;
    overflow-y: scroll;
    padding-bottom: 70px; }

  .announcements-list .announcement-container .announcement-icon {
    width: 45px !important;
    height: 45px !important; }
    .announcements-list .announcement-container .announcement-icon .hr4 {
      font-size: 26px !important;
      top: 9px !important; } }
/* ==== FOOTER ==== */
footer {
  background-color: #a1a3a6;
  min-height: 141px;
  margin-top: -161px;
  clear: both; }
  footer.hidden-footer {
    min-height: auto;
    margin-top: 0px; }
  footer h4 {
    color: #181415;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 25px; }
  footer .support-container {
    height: 115px; }
  footer .support-container #support [type="text"] {
    width: 88%;
    padding: 5px 10px;
    font-size: 13px;
    border: 1px solid #797a7c;
    height: 30px; }
  footer .support-container #support [type="text"] {
    z-index: 1;
    position: relative; }
  footer .support-container #support [type="text"][name="support_email"] {
    margin-top: 5px;
    z-index: 0; }
  footer .support-container #support select {
    -webkit-appearance: none;
    background: transparent;
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0px;
    outline: medium none;
    line-height: 1.2;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    box-sizing: border-box;
    padding-right: 30px;
    text-transform: capitalize; }
  footer .support-container #support .select-input {
    background: #fff;
    border: 1px solid #a1a3a6;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #797a7c;
    width: 100%;
    min-height: 30px;
    position: relative;
    overflow: hidden; }
  footer .support-container #support .select-input::after {
    background-image: url('/images/select-arrow.png') center 12px no-repeat;
    background-color: #fff;
    display: block;
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  footer .support-container #support .select-input select {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 13px;
    padding: 1px 0 0 10px;
    width: 107%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: -2px;
    z-index: 3;
    margin-top: 1px; }
    footer .support-container #support .select-input select:disabled {
      cursor: auto;
      color: #ccc; }
    footer .support-container #support .select-input select:focus {
      outline: none; }
  footer .support-container #support .btn {
    padding: 2px 12px;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 12.5px;
    min-width: 55px; }
  footer .support-container #support .btn span {
    font-size: 18px;
    margin-top: 3px;
    margin-right: 3px;
    display: inline-block; }
  footer .support-container #support .hr4-submit {
    margin-right: 0px; }
  footer .support-container .help-icon {
    width: 0;
    display: inline-block;
    margin-bottom: -1px;
    vertical-align: bottom;
    overflow: hidden;
    transition: width 600ms; }
  footer .support-container.houdini .help-icon {
    width: 16px;
    line-height: 15px;
    transition: width 300ms; }
  footer .container {
    padding: 15px;
    margin-top: 15px; }
  footer .privacy-policy {
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #fdffff;
    background-color: #4d5255;
    text-align: center; }
  footer .privacy-policy a {
    color: inherit; }
  footer .partners {
    text-align: center;
    padding: 5px 0px; }
  footer .partners a {
    margin: 0px 45px; }

@media only screen and (max-width: 1200px) {
  footer {
    height: auto;
    margin-top: 0; }

  footer .support-container #support [type="text"], footer .support-container #support [type="email"] {
    width: 85%; } }

@media only screen and (max-width: 993px) {
  footer .support-container #support [type="text"], footer .support-container #support [type="email"] {
    width: 77.5%; } }

@media only screen and (max-width: 768px) {
  footer .support-container #support [type="text"], footer .support-container #support [type="email"] {
    width: 100%;
    margin: 5px 0; }
    footer .support-container #support .btn {
      position: relative;
      right: 0; } }
/* ==== GENERAL ==== */
html {
  height: 100%;
  width: 100%; }

body {
  font-family: 'Roboto', sans-serif;
  height: 100%;
  width: 100%;
  font-size: 14px;
  letter-spacing: 0.5px;
  background-color: #f5f5f5; }

body #main {
  min-height: 100%;
  padding-top: 60px;
  padding-bottom: 161px;
  margin-bottom: 40px; }

body #main.full-screen {
  color: #000;
  padding-bottom: 0; }

body #main .appsDisplay {
  right: 0px;
  top: 62px;
  z-index: 1200;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }

body #dashboard .container {
  margin-top: 20px; }

.modal-open {
  overflow: auto !important; }

.margin-top-60 {
  margin-top: 60px !important; }
/* Padding */
.no-padding {
  padding: 0 !important; }

@media (max-width: 500px) {
  body #main {
    padding-bottom: 0; } }

h1 {
  font-size: 19px;
  margin: 0;
  font-weight: 400; }
  h1 .app-options {
    font-size: 19px;
    padding: 4px;
    color: black;
    cursor: pointer; }
  h1 li {
    text-transform: none; }

h2, .h2 {
  font-size: 16px;
  margin: 0; }

h3, .h3 {
  font-size: 14px;
  margin: 0; }

h3.style-header {
  color: #de1403;
  font-weight: 500; }

label {
  font-weight: normal; }

a {
  text-decoration: none;
  color: #106cfe; }
  a:hover, a:active, a:visited, a:focus {
    text-decoration: none; }

textarea {
  resize: none;
  border-radius: 5px; }

input, select, textarea {
  padding: 9px 10px;
  /* Input placeholder */
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */ }
  input ::-webkit-input-placeholder, select ::-webkit-input-placeholder, textarea ::-webkit-input-placeholder {
    color: #e1e1e1; }
  input :-moz-placeholder, select :-moz-placeholder, textarea :-moz-placeholder {
    color: #e1e1e1;
    opacity: 1; }
  input ::-moz-placeholder, select ::-moz-placeholder, textarea ::-moz-placeholder {
    color: #e1e1e1;
    opacity: 1; }
  input :-ms-input-placeholder, select :-ms-input-placeholder, textarea :-ms-input-placeholder {
    color: #e1e1e1; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input, textarea {
  border: 1px solid rgba(0, 0, 0, .1); }

.survey-input-form section {
  background: #fff; }

section {
  border: 1px solid rgba(0, 0, 0, .1);
  height: auto;
  line-height: 20px;
  margin: 16px 0 8px;
  min-height: 50px;
  padding: 10px;
  position: relative; }
  section.dashed {
    border-style: dashed;
    border-width: 3px; }
  section > h3 {
    margin: 5px 0 10px;
    font-size: 15px;
    text-transform: uppercase; }
  section > h4 {
    width: 285px;
    padding: 6px 15px;
    margin-top: -14px;
    top: -19px;
    background-color: #2fb0e2;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 110%;
    position: relative;
    z-index: 1;
    text-align: left; }
  section section {
    border: none;
    margin-top: 0px; }
  section section div span {
    display: inline-block;
    padding: 4px 6px; }
  section section div span:last-child:not(:first-child) {
    float: right;
    color: white;
    background-color: #231f20;
    width: 30px;
    text-align: center; }
  section section .table {
    display: table; }
  section section .table a {
    color: inherit; }
  section section .table a, section section .table a:hover, section section .table a:visited, section section .table a:active {
    text-decoration: none; }
  section section table tr th:last-child > span, section section table tr td:last-child > span, section section table tr > div:last-child > span {
    border-right: 0; }
  section section table, section section .table {
    background: #fff;
    width: 100%;
    text-align: left;
    table-layout: fixed; }
  section section table > div, section section .table > div, section section table > a > div, section section .table > a > div {
    display: table-row; }
  section section table tr, section section .table tr, section section table > div, section section .table > div, section section table > a > div, section section .table > a > div {
    background: #fff; }
  section section table tr span, section section .table tr span, section section table > div span, section section .table > div span, section section table > a > div span, section section .table > a > div span {
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  section section table tr th, section section .table tr th, section section table > div span, section section .table > div span, section section table > a > div th, section section .table > a > div th {
    padding: 0;
    background: #a1a3a6; }
  section section table tr td, section section .table tr td, section section table > div td, section section .table > div td, section section table > a > div td, section section .table > a > div td, section section table tr > div:not(.th), section section .table tr > div:not(.th), section section table > div > div:not(.th), section section .table > div > div:not(.th), section section table > a > div > div:not(.th), section section .table > a > div > div:not(.th) {
    white-space: nowrap;
    overflow: hidden;
    padding: 2px 20px 2px 10px; }
  section section table tr th, section section .table tr th, section section table > div th, section section .table > div th, section section table > a > div th, section section .table > a > div th, section section table tr .th, section section .table tr .th, section section table > div .th, section section .table > div .th, section section table > a > div .th, section section .table > a > div .th {
    padding: 0;
    background: #a1a3a6; }
  section section table .btn-main, section section .table .btn-main, section section table .btn-grey, section section .table .btn-grey {
    margin: 0px;
    line-height: 20px; }

.select-wrapper {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  display: inline-block;
  border-radius: 4px;
  vertical-align: middle;
  width: 100%;
  min-height: 30px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  text-align: left; }
  .select-wrapper:not(.no-arrow)::after {
    background: url('/images/select-arrow.png') center center no-repeat;
    background-size: 8px;
    display: block;
    content: '';
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  .select-wrapper select {
    position: absolute;
    top: -2px;
    z-index: 3;
    padding: 0 2px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    background: transparent;
    border: none;
    cursor: pointer;
    /* remove the 'arrow' for Chrome & Firefox */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    text-indent: 10px;
    text-overflow: '';
    /* remove the 'arrow' for IE10 + */ }
  .select-wrapper select::-ms-expand {
    display: none; }
  .select-wrapper select:disabled {
    cursor: auto;
    color: #ccc; }
  .select-wrapper select:focus {
    outline: none; }
  .select-wrapper input {
    background: none;
    border: 0; }

@-moz-document url-prefix() {
  .select-wrapper select {
    text-indent: 3px; } }

.table.table-fixed {
  table-layout: fixed; }
  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 15px; }
  .table > thead.thead-inverse > tr > th {
    border-bottom: 0; }

.thead-inverse th {
  font-weight: 500;
  color: rgba(0, 0, 0, .4); }

.container {
  position: relative; }

.editing {
  background-color: #fff4d1; }

.editing .limit-lines-2:after {
  background-color: #fff4d1; }

.delete-background {
  background-color: #de1403; }

.close {
  opacity: 0.5;
  text-shadow: none !important;
  color: #fff;
  float: right; }

.options-button {
  cursor: pointer;
  padding-right: 5px; }

.error-message {
  cursor: default;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px; }
  .error-message:empty {
    display: none; }

.activity-row .progress {
  margin-bottom: 15px; }

.instruction {
  font-weight: bold; }

.full-screen .instruction {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px; }

.assignments {
  font-weight: bold; }

.ajax-pending {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: 999; }

.resize-y {
  resize: vertical;
  width: 100%;
  min-height: 150px; }
/* Highlight */
#highlight-overlay {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999990; }

.highlight-item, .highlight-item:hover {
  background-color: #fafbd8 !important; }

.ui-state-highlight {
  background: rgba(0, 0, 0, .1);
  padding: 0px 1px;
  border: 2px dashed #333;
  color: #fff;
  opacity: 0.6; }

@media only screen and (min-width: 320px) and (max-width: 375px) {
  .dropdown-menu {
    border: 0;
    width: 100%;
    border-top: 3px solid #dcdcdc; } }
/* Apps */
div.stage.no-padding {
  padding: 0; }

div.dashboard .appBlock {
  background-color: #efefef; }

.navbar .appBlock {
  position: absolute;
  top: 75%;
  right: 50%;
  width: 370px;
  max-height: 86vh;
  height: auto;
  line-height: 13px;
  z-index: 100;
  overflow: hidden;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  background-color: #efefef;
  box-shadow: 0 0 0 #000; }

.activity-handle {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  background: #2fb0e2;
  height: 100%;
  z-index: 4;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

div.stage.appBlock, .apps-view div.stage {
  box-shadow: 0 0 0 #000;
  height: auto;
  width: auto;
  line-height: 13px; }

@media (max-width: 500px) {
    #appBlock {
      position: fixed;
      height: 91vh; } }

i.hr4.back {
  margin: 0px 3px 0px 0px;
  position: relative;
  top: -2px; }
/* Search */
.search-filtered, [class*="search-filtered"] {
  display: none !important; }

.search-wrap {
  background-color: #16be9c; }

.no-highlight .search-wrap {
  background-color: unset; }
/* Dropdown-menu */
.dropdown-menu > li > a {
  padding: 3px 15px;
  position: relative; }
  .dropdown-menu > li > span {
    width: 100%;
    display: block;
    cursor: pointer;
    padding: 3px 15px;
    white-space: nowrap; }

.dropdown-menu > li > span.list-pill, .list-pill {
  position: absolute;
  top: 3px;
  right: 10px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 20px;
  background: #e2e2eb;
  width: auto; }
/* Page title */
.page-title-app-icon {
  text-transform: uppercase; }

.page-title {
  background-color: #103054;
  color: #fff;
  padding: 15px 0;
  margin-bottom: 15px; }
  .page-title i.page-title-app-icon {
    margin-top: 2px;
    font-size: 28px; }
  .page-title .page-title-link-icon, .page-title .page-title-link-icon:hover, .page-title .page-title-link-icon:focus {
    font-size: 18px;
    color: #fff;
    margin-left: 15px;
    padding-top: 5px;
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    text-align: center; }
  .page-title .page-title-h1-wrapper {
    float: left;
    margin: 6px 0 0 7px;
    width: calc(100% - 90px); }
  .page-title .page-title-h1-wrapper h1 {
    text-transform: uppercase; }
  .page-title .page-title-h1-wrapper.with-breadcrumbs i.caret-right {
    font-size: 12px; }
  .page-title .page-title-h1-wrapper.with-breadcrumbs a {
    color: #106cfe;
    font-weight: 500; }
  .page-title .page-title-h1-wrapper.with-breadcrumbs a:hover {
    text-decoration: underline; }
  .page-title .options-button {
    color: #fff;
    font-size: 18px;
    position: absolute;
    border-radius: 50%;
    height: 32px;
    text-align: center;
    padding-top: 6px;
    margin-left: 15px;
    top: -2px;
    right: 5px; }
  .page-title .options-button.with-breadcrumbs {
    margin-top: 3px; }
  .page-title .options-button .hr4.options {
    color: #fff; }
  .page-title .dropdown .options-button {
    right: -5px; }
/* What's New */
#whats-new-title {
  color: #fff !important; }

.whats-new-ex {
  top: 10px !important;
  right: 20px !important;
  color: #fff !important; }

#whats-new-body {
  padding: 10px !important; }
/* Help accordion */
.help-accordion {
  display: none;
  padding-bottom: 10px; }

.hide-on-desktop {
  display: none !important; }

@media (max-width: 991px) {
  .hide-on-desktop {
    display: block !important; } }

@media screen and (max-width: 991px) {
  .app-data {
    width: 100% !important;
    padding: 0; }
    .app-data .backburger {
      display: none; }
    .app-data .form-container {
      float: left;
      width: 100%;
      padding: 15px; }
    .app-data .edit-tab {
      width: 33.33333%; }
    .app-data .form-fields {
      width: 100%;
      padding: 0; }

  .app-sidebar {
    width: 100% !important;
    padding-right: 0 !important; }

  .edit-tabs-container {
    float: left; }

  .form-status {
    width: 100%;
    padding-right: 0; } }

@media screen and (max-width: 990px) {
  .assessment-user-image {
    width: 40%; } }

@media screen and (max-width: 675px) {
  .app-data .timeline {
    border: 0;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-bottom: 10px; }
    .app-data .timeline-step {
      width: 25%;
      float: left;
      position: relative;
      top: 0; }
    .app-data .timeline-start, .app-data .timeline-end {
      display: none; }
    .app-data .timeline-progress {
      display: none; }

  .step-text {
    position: relative;
    top: 0;
    margin-bottom: 5px; } }

@media screen and (max-width: 475px) {
  .app-data .th-15 {
    width: 20%; }
    .app-data .timeline-step {
      width: 33.33333%;
      padding-top: 10px; }
    .app-data .edit-tab {
      width: 50%; } }

@media screen and (max-width: 768px) {
  .navbar .appBlock {
    height: 92vh;
    max-height: unset;
    overflow-y: auto;
    overflow-x: hidden;
    width: 360px; } }

@media screen and (max-width: 500px) {
  .navbar .appBlock ul.ui-sortable {
    position: relative;
    padding: 0px;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    left: 0;
    float: none; } }

.fixed {
  position: fixed !important; }
/* ==== HELPERS ==== */
/* Position */
.relative {
  position: relative; }

.static {
  position: static !important; }

.absolute {
  position: absolute !important; }

.absolute-centered {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translateX(-50%) translateY(-50%); }
  .absolute-centered.flipped {
    transform: translateX(-50%) translateY(-50%) scale(-1); }
/* Margins */
.no-margin {
  margin: 0 !important; }

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

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

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

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

.margin-top-minus-5 {
  margin-top: -5px; }

.margin-top-40 {
  margin-top: 40px !important; }

.margin-top-3 {
  margin-top: 3px !important; }

.margin-top-100 {
  margin-top: 100px !important; }

.margin-top-140 {
  margin-top: 140px !important; }

.margin-top-60 {
  margin-top: 60px !important; }
/* Padding */
.no-padding {
  padding: 0 !important; }

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

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

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

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

.minimized-padding {
  padding-left: 6px !important;
  padding-right: 6px !important; }

.margin-5 {
  margin: 5px; }

.margin-h-5 {
  margin-left: 5px;
  margin-right: 5px; }

.margin-v-5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.margin-top-5 {
  margin-top: 5px; }

.margin-right-10 {
  margin-right: 5px; }

.margin-bottom-5 {
  margin-bottom: 5px; }

.margin-left-10 {
  margin-left: 10px; }

.padding-5 {
  padding: 5px; }

.padding-h-5 {
  padding-left: 5px;
  padding-right: 5px; }

.padding-v-5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.padding-top-5 {
  padding-top: 5px; }

.padding-right-5 {
  padding-right: 5px; }

.padding-bottom-5 {
  padding-bottom: 5px; }

.padding-left-5 {
  padding-left: 5px; }

.margin-10 {
  margin: 10px; }

.margin-h-10 {
  margin-left: 10px;
  margin-right: 10px; }

.margin-v-10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-right-20 {
  margin-right: 10px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

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

.padding-10 {
  padding: 10px; }

.padding-h-10 {
  padding-left: 10px;
  padding-right: 10px; }

.padding-v-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.padding-top-10 {
  padding-top: 10px; }

.padding-right-10 {
  padding-right: 10px; }

.padding-bottom-10 {
  padding-bottom: 10px; }

.padding-left-10 {
  padding-left: 10px; }

.margin-15 {
  margin: 15px; }

.margin-h-15 {
  margin-left: 15px;
  margin-right: 15px; }

.margin-v-15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.margin-top-15 {
  margin-top: 15px; }

.margin-right-30 {
  margin-right: 15px; }

.margin-bottom-15 {
  margin-bottom: 15px; }

.margin-left-30 {
  margin-left: 30px; }

.padding-15 {
  padding: 15px; }

.padding-h-15 {
  padding-left: 15px;
  padding-right: 15px; }

.padding-v-15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.padding-top-15 {
  padding-top: 15px; }

.padding-right-15 {
  padding-right: 15px; }

.padding-bottom-15 {
  padding-bottom: 15px; }

.padding-left-15 {
  padding-left: 15px; }

.margin-20 {
  margin: 20px; }

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

.margin-v-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-right-40 {
  margin-right: 20px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-left-40 {
  margin-left: 40px; }

.padding-20 {
  padding: 20px; }

.padding-h-20 {
  padding-left: 20px;
  padding-right: 20px; }

.padding-v-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.padding-top-20 {
  padding-top: 20px; }

.padding-right-20 {
  padding-right: 20px; }

.padding-bottom-20 {
  padding-bottom: 20px; }

.padding-left-20 {
  padding-left: 20px; }

.margin-25 {
  margin: 25px; }

.margin-h-25 {
  margin-left: 25px;
  margin-right: 25px; }

.margin-v-25 {
  margin-top: 25px;
  margin-bottom: 25px; }

.margin-top-25 {
  margin-top: 25px; }

.margin-right-50 {
  margin-right: 25px; }

.margin-bottom-25 {
  margin-bottom: 25px; }

.margin-left-50 {
  margin-left: 50px; }

.padding-25 {
  padding: 25px; }

.padding-h-25 {
  padding-left: 25px;
  padding-right: 25px; }

.padding-v-25 {
  padding-top: 25px;
  padding-bottom: 25px; }

.padding-top-25 {
  padding-top: 25px; }

.padding-right-25 {
  padding-right: 25px; }

.padding-bottom-25 {
  padding-bottom: 25px; }

.padding-left-25 {
  padding-left: 25px; }

.minor-padding {
  padding-left: 1px !important;
  padding-right: 1px !important; }
/* Widths */
.width_zero {
  width: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  overflow: hidden; }

.width-5 {
  width: 5%; }

.width-10 {
  width: 10%; }

.width-15 {
  width: 15%; }

.width-20 {
  width: 20%; }

.width-25 {
  width: 25%; }

.width-30 {
  width: 30%; }

.width-35 {
  width: 35%; }

.width-40 {
  width: 40%; }

.width-45 {
  width: 45%; }

.width-50 {
  width: 50%; }

.width-55 {
  width: 55%; }

.width-60 {
  width: 60%; }

.width-65 {
  width: 65%; }

.width-70 {
  width: 70%; }

.width-75 {
  width: 75%; }

.width-80 {
  width: 80%; }

.width-85 {
  width: 85%; }

.width-90 {
  width: 90%; }

.width-95 {
  width: 95%; }

.width-100 {
  width: 100%; }
/* Icons */
.icon-rotate-360::before {
  display: block;
  -ms-transform: rotate(360deg);
  /* IE 9 */
  -webkit-transform: rotate(360deg);
  /* Chrome, Safari, Opera */
  -webkit-transition: transform 0.3s;
  -webkit-transition-delay: now;
  transform: rotate(360deg);
  /* Standard syntax */ }

.icon-rotate-180::before {
  display: block;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -webkit-transition: transform 0.3s;
  -webkit-transition-delay: now;
  transform: rotate(180deg); }

.arrow-icon:before {
  content: "";
  background: url('/images/select-arrow.png') center 9px no-repeat;
  width: 25px;
  height: 23px;
  display: inline-block; }
/* Opacity */
.op_zero {
  opacity: 0 !important; }

.op_half {
  opacity: 0.5 !important; }

.op_full {
  opacity: 1 !important; }
/* Font */
.bold {
  font-weight: 500; }

.normal {
  font-weight: normal; }

.italic {
  font-style: italic; }

.underline {
  text-decoration: underline; }
/* Overflow */
.no-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.overflow {
  overflow: visible !important; }

@media screen and (min-width: 768px) {
  .no-padding-md {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  .no-padding-right-md {
    padding-right: 0 !important; }

  .no-padding-left-md {
    padding-left: 0 !important; } }

@media screen and (max-width: 991px) {
  .no-padding-md-down {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  .no-padding-right-md-down {
    padding-right: 0 !important; }

  .no-padding-left-md-down {
    padding-left: 0 !important; }

  .no-padding-left {
    padding-left: 15px; }

  .padding-top-15-md-down {
    padding-top: 15px; } }

@media screen and (max-width: 768px) {
  .no-padding-right {
    padding-right: 15px; }
    .width-sm-5 {
      width: 5%; }
    .width-sm-10 {
      width: 10%; }
    .width-sm-15 {
      width: 15%; }
    .width-sm-20 {
      width: 20%; }
    .width-sm-25 {
      width: 25%; }
    .width-sm-30 {
      width: 30%; }
    .width-sm-35 {
      width: 35%; }
    .width-sm-40 {
      width: 40%; }
    .width-sm-45 {
      width: 45%; }
    .width-sm-50 {
      width: 50%; }
    .width-sm-55 {
      width: 55%; }
    .width-sm-60 {
      width: 60%; }
    .width-sm-65 {
      width: 65%; }
    .width-sm-70 {
      width: 70%; }
    .width-sm-75 {
      width: 75%; }
    .width-sm-80 {
      width: 80%; }
    .width-sm-85 {
      width: 85%; }
    .width-sm-90 {
      width: 90%; }
    .width-sm-95 {
      width: 95%; }
    .width-sm-100 {
      width: 100%; } }

@media screen and (max-width: 425px) {
  .hide-on-xs-mobile {
    display: none !important; }
    .width-xs-5 {
      width: 5%; }
    .width-xs-10 {
      width: 10%; }
    .width-xs-15 {
      width: 15%; }
    .width-xs-20 {
      width: 20%; }
    .width-xs-25 {
      width: 25%; }
    .width-xs-30 {
      width: 30%; }
    .width-xs-35 {
      width: 35%; }
    .width-xs-40 {
      width: 40%; }
    .width-xs-45 {
      width: 45%; }
    .width-xs-50 {
      width: 50%; }
    .width-xs-55 {
      width: 55%; }
    .width-xs-60 {
      width: 60%; }
    .width-xs-65 {
      width: 65%; }
    .width-xs-70 {
      width: 70%; }
    .width-xs-75 {
      width: 75%; }
    .width-xs-80 {
      width: 80%; }
    .width-xs-85 {
      width: 85%; }
    .width-xs-90 {
      width: 90%; }
    .width-xs-95 {
      width: 95%; }
    .width-xs-100 {
      width: 100%; } }
/* ==== NO CLICK, UNCLICKABLE, NO SELECT, UNSELECTABLE ==== */
.unclickable {
  pointer-events: none !important;
  cursor: default; }

.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.unselectable *::-moz-selection {
  background: none !important; }

.unselectable *::selection {
  background: none !important; }

.blur {
  -webkit-filter: blur(10px);
  filter: blur(10px); }
/* ==== MAKE ANYTHING LOOK CLICKABLE ==== */
.clickable {
  cursor: pointer; }
/* ==== REORDERING PLACEHOLDER ==== */
.reorder-placeholder {
  background-color: #efefef;
  width: 100%;
  display: inline-block; }

.reorder-handle {
  cursor: move !important; }
/* ==== DATEPICKER ==== */
input.input-date.hasDatepicker {
  margin: 0 10px; }

#ui-datepicker-div.ui-datepicker {
  padding: 10px;
  background: white;
  border: 1px solid rgba(0, 0, 0, .1);
  display: none;
  z-index: 100000 !important; }

.ui-datepicker {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  width: 226px !important; }

.ui-corner-all, .ui-datepicker-prev, .ui-datepicker-next {
  cursor: pointer; }

.ui-datepicker-prev {
  float: left; }

.ui-datepicker-next {
  float: right; }

.ui-datepicker-title {
  margin-top: 5px;
  text-align: center; }

.ui-datepicker-month, .ui-datepicker-year {
  width: 80px;
  height: 25px;
  margin-right: 5px;
  margin-bottom: 10px; }

.ui-datepicker-calendar {
  border: 1px solid #ccc; }
  .ui-datepicker-calendar thead {
    background: #1ca9e0;
    color: white; }
  .ui-datepicker-calendar td {
    padding: 4px; }

.ui-datepicker-calendar, .ui-datepicker-header {
  width: 100%; }

.ui-datepicker-today {
  background-color: #ceedeb; }
/* current input value background color */
.ui-datepicker-current-day {
  background: #2fb0e2; }
  .ui-datepicker-current-day a {
    color: white !important; }
/* ==== DROPDOWN TOGGLE ==== */
.dropdown-toggle, .hr4.options {
  color: #231f20; }
/* ==== MULTI LEVEL DROPDOWN ==== */
ul.multilvl {
  padding: 0; }
  ul.multilvl li {
    border-top: 1px solid rgba(0, 0, 0, .1);
    float: none;
    margin: 0;
    background: white;
    list-style: none;
    text-align: left; }
  ul.multilvl li:first-child {
    border: 0; }
  ul.multilvl li.multilvl-options {
    position: relative;
    border: 0;
    top: 5px; }
  ul.multilvl li a {
    display: block;
    padding: 10px;
    text-decoration: none !important;
    color: #231f20;
    cursor: pointer;
    word-wrap: break-word;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  ul.multilvl li a .hr4.file {
    color: #2fb0e2;
    width: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  ul.multilvl li a span {
    display: inline-block;
    width: calc(100% - 20px); }
  ul.multilvl li a:hover {
    background: #2fb0e2;
    color: white !important; }
  ul.multilvl li a:hover > .hr4.file {
    color: white; }
  ul.multilvl li ul {
    position: absolute;
    margin: 0;
    background-color: white;
    padding: 0;
    left: 0;
    font-size: 14px;
    opacity: 0;
    z-index: 99;
    min-width: 150px;
    max-width: 280px;
    max-height: 230px;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .6), 0 5px 10px rgba(0, 0, 0, .6);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .6);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  ul.multilvl li ul.active {
    opacity: 1; }
  ul.multilvl li .files-list-title {
    padding: 7px 10px;
    display: inline-block;
    width: 100%;
    background-color: #efefef; }
  ul.multilvl li .multilvl .files-list a {
    padding: 7px 3px 7px 30px; }

.tooltip-inner {
  min-width: 135px;
  padding: 5px 15px; }
/* ==== RED TOOLTIP ==== */
.red-tooltip + .tooltip > .tooltip-inner {
  background-color: #de1403; }
  .red-tooltip + .tooltip > .tooltip-arrow {
    border-top-color: #de1403; }
/* ==== SWITCHES ==== */
.switch, .switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.switch label {
  font-size: 12px;
  color: #333;
  cursor: pointer; }
  .switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 32px;
    height: 8px;
    background-color: #919094;
    border-radius: 15px;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 8px; }
  .switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fdfbff;
    border-radius: 21px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    left: 0px;
    top: -4px;
    transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; }
  .switch label input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0; }
  .switch label input[type="checkbox"]:checked + .lever:after {
    background-color: #106cfe;
    left: 16px; }

.full-screen .switch label {
  font-size: 12px;
  color: #333;
  cursor: pointer; }
  .full-screen .switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 32px;
    height: 8px;
    background-color: #919094;
    border-radius: 15px;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 8px; }
  .full-screen .switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fdfbff;
    border-radius: 21px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    left: 0px;
    top: -4px;
    transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; }
  .full-screen .switch label input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0; }
  .full-screen .switch label input[type="checkbox"]:checked + .lever:after {
    background-color: #106cfe;
    left: 16px; }

.switch.tiny .lever {
  width: 30px;
  height: 12px; }
  .switch.tiny .lever:after {
    width: 15px;
    height: 15px;
    left: -3px;
    top: -2px; }

.switch.disabled {
  cursor: not-allowed; }
  .switch.disabled * {
    cursor: not-allowed; }
  .switch.disabled .lever:after {
    background-color: #ddd !important; }
/* ==== CARDS ==== */
.card {
  width: calc(100% - 2px);
  border: 1px solid #dcdbdb;
  position: relative;
  padding: 0;
  background: #fff;
  height: 100%; }
  .card:after {
    content: "";
    display: table;
    clear: both; }
  .card.with-footer {
    padding-bottom: 51px; }

.card-header {
  padding: 15px 20px;
  border-bottom: 1px solid #dcdbdb;
  position: relative;
  min-height: 53px; }
  .card-header:after {
    content: "";
    display: table;
    clear: both; }
  .card-header.with-button {
    padding: 10px 15px; }
  .card-header.with-inputs {
    padding: 15px 15px 10px; }
  .card-header.with-inputs h2 {
    margin-top: 6px; }
  .card-header .icon-button {
    font-size: 31px;
    margin-left: 0px;
    width: 31px;
    height: 31px;
    line-height: 31px;
    color: #106cfe;
    cursor: pointer;
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .card-header .icon-button a {
    font-size: 31px;
    display: inline-block;
    margin-left: 0px; }
  .card-header .icon-button .hr4.plus-circle {
    font-size: 35px;
    line-height: 28px;
    top: 2px;
    position: relative; }
  .card-header .icon-button:hover {
    color: #23527c;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease; }
  .card-header h2 {
    display: inline-block;
    margin-top: 2px; }
  .card-header button {
    position: relative; }
  .card-header .toggleFilter, .card-header .searchFilter, .card-header .dropdownFilter {
    display: inline-block;
    margin-left: 15px; }
  .card-header .dropdownFilter .custom-selector {
    float: right;
    margin-left: 5px;
    width: 160px; }
  .card-header .dropdownFilter label {
    margin-right: 10px;
    position: relative;
    top: 5px; }
  .card-header .toggleFilter label {
    float: left; }
  .card-header .searchFilter {
    display: inline-block;
    height: 30px;
    overflow: hidden;
    width: 200px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .card-header .searchFilter.closed {
    width: 30px; }
  .card-header .searchFilter.closed input {
    width: 0px;
    padding: 0;
    margin: 0; }
  .card-header .searchFilter .hr4 {
    float: left;
    font-size: 20px;
    margin-right: 10px;
    line-height: 30px;
    font-size: 25px;
    color: rgba(0, 0, 0, .5);
    cursor: pointer;
    -webkit-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out; }
  .card-header .searchFilter input {
    width: 160px;
    padding: 5px 5px;
    float: left;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .card-header .dropdown {
    display: inline-block; }
  .card-header .dropdown span.cs-arrow.caret {
    right: -3px; }
  .card-header .dropdown-item {
    padding: 3px 15px;
    cursor: pointer; }
  .card-header .dropdown-menu li a {
    white-space: normal; }
  .card-header .filter-toggle {
    font-size: 26px;
    margin-top: -2px;
    margin-bottom: -7px; }
  .card-header .filter-toggle:focus, .card-header .filter-toggle:active {
    color: #106cfe; }
  .card-header .header-controls {
    position: absolute;
    top: 24px;
    right: 20px; }

li.dropdown-item.menu-label a {
  padding-left: 8px;
  font-weight: bold; }

.dropdown-menu > li.dropdown-item-nested > a {
  padding-left: 25px; }

.dropdown-menu {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important; }
  .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: white;
    text-decoration: none;
    background-color: #2fb0e2;
    outline: 0; }
  .dropdown-menu > .active .sidebar-counts {
    padding: 0 6px;
    border: 1px solid white;
    font-size: 13px; }
  .dropdown-menu > .active .sidebar-counts.alert-count {
    border-color: #de1403; }
  .dropdown-menu .divider {
    background-color: #ecf0f1;
    margin: 5px 15px; }

.dropdown .btn {
  outline: none !important;
  box-shadow: none; }

.card-header .dropdown-item:hover, .dropdown-menu > li > span:hover, .card-header .dropdown-item.active, .dropdown-menu > li > span.active {
  color: white;
  text-decoration: none;
  background-color: #103054; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: initial;
  right: 100%;
  margin-top: -1px; }

.card-content {
  float: left;
  width: 100%;
  min-height: 30px; }
  .card-content:after {
    content: "";
    display: table;
    clear: both; }
  .card-content > .hr4-accordion-wrapper:last-of-type {
    border-bottom: 0; }

.card-footer {
  border-top: 1px solid #dcdcdb;
  padding: 10px 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fafafa; }
  .card-footer:after {
    content: "";
    display: table;
    clear: both; }

.menu-footer-btn {
  width: 90% !important; }

.btn-main-width-100 {
  width: 100% !important; }

.btn-main-lg {
  width: 135px !important;
  float: right; }

.btn-main-xl {
  width: 185px !important;
  float: right; }

.width-xl {
  width: 185px !important; }

.hr4-button-switcher {
  position: relative; }
  .hr4-button-switcher a {
    margin-top: 6px;
    margin-left: 7px;
    width: 18px;
    height: 18px;
    background: #2fb0e2;
    border: 0;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    color: #fff; }
  .hr4-button-switcher a i {
    color: #fff;
    margin-top: 3px;
    display: block; }

.card-margin-top {
  margin-top: 15px; }

.subsection-heading {
  background: #f8f8f8;
  padding: 10px 20px;
  font-weight: 500;
  color: #a5a5a5;
  font-size: 12px;
  width: 100%;
  float: left; }
/* ==== COLLECTIONS ==== */
.collection {
  padding: 0;
  list-style-type: none;
  margin: 10px 0;
  clear: both; }
  @media (max-width: 500px) {
      .collection.mobile-friendly .collection-item {
        padding: 0px 15px; }
        .collection.mobile-friendly .collection-item:hover {
          background-color: white; }
        .collection.mobile-friendly .collection-item:nth-child(even) {
          background-color: #efefef; }
          .collection.mobile-friendly .collection-item:nth-child(even) [class*="limit-lines-"]:after {
            background-color: #efefef; }
        .collection.mobile-friendly .collection-item label {
          width: 96%;
          margin-bottom: 0px; }
        .collection.mobile-friendly .collection-item div {
          width: 96%;
          display: block;
          margin: 8px 0; }
          .collection.mobile-friendly .collection-item div.collection-option-wrapper {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 10px;
            display: inline-block; }
          .collection.mobile-friendly .collection-item div:first-of-type {
            margin-top: 0px; }
          .collection.mobile-friendly .collection-item div:last-of-type {
            margin-bottom: 0px; } }
  .collection .collection-item:last-child {
    border: none !important; }
  .collection .dropdown a:first-child {
    color: inherit; }

.image-container-easy-table {
  width: 32px;
  height: 32px;
  float: left;
  margin: 0 10px 0 0; }

.image-container-easy-table span {
  color: white !important; }

.collection-item {
  margin: 0;
  position: relative;
  transition: background-color 0.2s ease; }
  .collection-item .ui {
    width: 30px;
    height: 30px;
    display: inline-block; }

.collection-item-header {
  padding: 0;
  margin: 0;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  transition: background-color 0.2s ease;
  font-weight: 500;
  color: #000;
  background: #f2f0f4;
  cursor: pointer;
  display: flex; }
  .collection-item-header div[class*="width-"] {
    min-height: 18px; }

.easy-table-button-box {
  height: 40px; }

.easy-table-title-box {
  border-radius: 15px 15px 0 0;
  padding: 5px 20px;
  background: #0e3051; }

.easy-table-title-box label {
  color: white;
  font-weight: 700; }

.round-button {
  border-radius: 50%;
  background: white;
  color: black;
  font-size: 20px; }

.compensation-gray-title-container {
  padding: 5px 15px;
  background: #fafafa; }

.collection-item {
  display: flex; }
  .collection-item.active {
    background-color: #ededed; }

.collection-item > div {
  padding: 16px 32px;
  border-width: 1px;
  border-style: solid;
  border-color: #dcdbdb;
  height: inherit; }
  .collection-item > div.ci-m-f, .collection-item > div.ci-m-m, .collection-item > div.ci-m-l {
    border-left: none;
    border-right: none; }
  .collection-item > div.ci-m-f:first() {
    border-left: 1px solid #dcdbdb; }
  .collection-item > div.ci-m-l:last() {
    border-right: 1px solid #dcdbdb; }

.collection-item div:not(:last-child) {
  height: auto; }

.collection-item-header > div {
  padding: 16px 32px; }

.flippy {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

.flippy-y {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1); }

.tsorting {
  position: absolute; }
  .tsorting .hr4 {
    opacity: 0;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }

*[data-tsort] {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  *[data-tsort]:hover .hr4 {
    opacity: 1; }

.tsorted-ASC, .tsorted-DESC, *[data-tsort]:hover {
  color: #a1a3a6;
  font-weight: bold; }

.collection-item-filter {
  margin: 0;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  transition: background-color 0.2s ease; }

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

.collection-item:after {
  content: "";
  display: table;
  clear: both; }
  .collection-item [class*="limit-lines-"]:after {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .collection-item.no-border {
    border-bottom: none; }
  .collection-item:not(.collection-item-header):hover {
    background-color: #efefef; }
  .collection-item:not(.collection-item-header):hover [class*="limit-lines-"]:after {
    background-color: #efefef; }
  .collection-item .collection-item-option {
    position: relative; }
  .collection-item.ci-mo .general-sort-handle {
    position: static;
    opacity: inherit;
    margin: 0; }
  .collection-item.ci-mo .hr4.hamburger:before {
    opacity: 0.085; }
  .collection-item.ci-mo:hover .hr4.hamburger:before {
    opacity: 1; }

.card-content .collection {
  margin: 0; }

.collection-item-header.sticky.clone {
  position: fixed;
  left: 0;
  right: 0;
  transform: translateY(-100%);
  transition: 0.2s transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
  display: none; }

@media (min-width: 992px) {
  body.down .collection-item-header.sticky.clone {
    transform: translateY(0);
    top: 60px;
    background-color: #fff;
    z-index: 1;
    display: block; } }
/* ==== BOOTSTRAP ALERTS ==== */
.alert.alert-dismissable .close, .alert.alert-dismissible .close, .alert.alert-dismissable .close-button, .alert.alert-dismissible .close-button {
  position: relative;
  top: 0;
  right: -21px;
  float: right;
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-shadow: none;
  color: #a8b5b5;
  cursor: pointer; }
  .alert.alert-dismissable .close::before, .alert.alert-dismissible .close::before, .alert.alert-dismissable .close-button::before, .alert.alert-dismissible .close-button::before {
    color: #a8b5b5; }
/* ==== CHIPS ==== */
.chip {
  display: inline-block;
  font-weight: 500;
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #efefef;
  margin-bottom: 5px;
  margin-right: 5px; }
/* ==== RATING ==== */
.rating, .rating label {
  -o-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg); }

.rating.not-personal label.active, .star-top.not-personal i {
  color: #e91e63; }

.rating, .ratingResult {
  margin: 0;
  padding: 0;
  border: none;
  text-align: center;
  font-size: 20px;
  line-height: 18px; }

.ratingContainer {
  position: relative; }

.ratingResult {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.rating label, .ratingResult label {
  color: #ddd;
  margin-bottom: 0px;
  cursor: pointer;
  position: relative; }

.rating.interactive label {
  cursor: pointer; }

.ratingResult label, .rating label.active, .rating.interactive label:hover, .rating.interactive label:hover ~ label {
  /* show gold star when clicked */
  /* hover current star */
  /* hover previous stars in list */
  color: #ffd700;
  opacity: 0.6; }

.rating.not-personal label.active, .rating.not-personal.interactive label:hover, .rating.not-personal.interactive label:hover ~ label {
  /* show gold star when clicked */
  /* hover current star */
  /* hover previous stars in list */
  color: #e91e63; }

.rating label.active {
  opacity: 1; }

label.starOverlay {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  z-index: -1;
  color: gold;
  opacity: 0; }
/* ==== COLLAB ==== */
.agree-count {
  color: #4caf50 !important; }

.disagree-count {
  color: #de1403 !important; }

.collab-link-comments {
  color: #2fb0e2; }
  .collab-link-comments.hide-element {
    color: #2fb0e2; }

.collab-link-reply {
  color: #de1403 !important; }

.btn-main.collab-link-reply {
  color: #fff !important; }

.btn.collab-link-reply {
  color: #2fb0e2; }

.comment-name {
  color: #231f20; }

.comment-name, .general-comment-name {
  color: #2fb0e2; }

.agree-statement {
  color: #4caf50; }

.disagree-statement {
  color: #de1403; }

.collab-link-init span {
  color: #2fb0e2; }

.collab-error {
  color: #de1403; }

textarea.collab-error {
  color: #de1403; }

.collab-add-new-link {
  border-color: #106cfe;
  color: #2fb0e2; }
  .collab-add-new-link.hide-link {
    color: #de1403;
    border-color: #de1403; }

.history-name {
  color: #de1403; }

.history-highlight {
  color: #2fb0e2; }

.history-details {
  color: #4caf50; }

.history-thumb {
  color: #de1403; }
  .history-thumb.agree {
    color: #4caf50; }

.view-request-trigger {
  cursor: pointer; }
/* ==== CUSTOM CSS CHECKBOXES ==== */
form p {
  margin-bottom: 10px;
  text-align: left; }
  form p:last-child {
    margin-bottom: 0; }

input[type="checkbox"] {
  /* Remove default checkbox */
  position: absolute;
  left: -9999px;
  opacity: 0;
  /* Indeterminate checkbox */ }
  input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: 0.2s; }
  input[type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.26); }
  input[type="checkbox"]:indeterminate:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, 0.26);
    background-color: transparent; }
  input[type="checkbox"]:indeterminate + label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #1ca9e0;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%; }
  input[type="checkbox"]:checked:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, 0.26);
    border-bottom: 2px solid rgba(0, 0, 0, 0.26); }
  input[type="checkbox"]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #1ca9e0;
    border-bottom: 2px solid #1ca9e0;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%; }
  input[type="checkbox"].filled-in:focus + label:after {
    background-color: rgba(38, 166, 154, 0.33) !important; }
  input[type="checkbox"].filled-in + label:after {
    border-radius: 2px; }
  input[type="checkbox"].filled-in + label:before, input[type="checkbox"].filled-in + label:after {
    content: '';
    left: 0;
    position: absolute;
    /* .1s delay is for check animation */
    transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
    z-index: 1; }
  input[type="checkbox"].filled-in:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%; }
  input[type="checkbox"].filled-in:not(:checked) + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0; }
  input[type="checkbox"].filled-in:checked + label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%; }
  input[type="checkbox"].filled-in:checked + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #1ca9e0;
    background-color: #1ca9e0;
    z-index: 0; }
  input[type="checkbox"].filled-in.tabbed:focus + label:after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0, 0, 0, 0.1); }
  input[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
    border-radius: 2px;
    background-color: #1ca9e0;
    border-color: #1ca9e0; }
  input[type="checkbox"].filled-in:disabled {
    cursor: not-allowed !important; }
  input[type="checkbox"].filled-in:disabled + label {
    cursor: not-allowed !important; }
  input[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
    background-color: transparent;
    border: 2px solid transparent; }
    input[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
      border-color: transparent;
      background-color: #bdbdbd; }
  input[type="checkbox"].filled-in:disabled:checked + label:before {
    background-color: transparent; }
    input[type="checkbox"].filled-in:disabled:checked + label:after {
      background-color: #bdbdbd;
      border-color: #bdbdbd; }
  input[type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 0;
    border-radius: 1px;
    margin-top: 2px;
    transition: 0.2s;
    -webkit-transform: scale(0);
    transform: scale(0); }
  input[type="checkbox"] + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    line-height: 21px;
    font-size: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none; }
  input[type="checkbox"].tabbed:focus + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }
/* ==== TABS ==== */
.tab-toggle-wrapper {
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 2px;
  border-bottom: 1px solid #ecf0f1; }
  .tab-toggle-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .tab-toggle-wrapper a {
    padding: 0 15px;
    line-height: 39px;
    float: left;
    font-size: 13px;
    text-transform: uppercase;
    color: #979aa0;
    cursor: pointer;
    border-bottom: 2px solid #fff; }
  .tab-toggle-wrapper a:hover {
    color: #103054; }
  .tab-toggle-wrapper a.active {
    background-color: white;
    cursor: default;
    border-bottom: 2px solid #103054;
    color: #103054; }
  .tab-toggle-wrapper a.active:hover {
    color: #103054; }
  .tab-toggle-wrapper a.disabled {
    background-color: #cecece;
    pointer-events: none; }
  .tab-toggle-wrapper .tab-count.red {
    float: right;
    margin-left: 5px;
    margin-right: 0;
    color: #fff;
    background-color: #de1403 !important;
    line-height: 17px;
    font-size: 11px;
    margin-top: 10px; }

.card .tab-toggle-wrapper {
  border-top: 0; }
  .card .tab-toggle-wrapper a:first-child {
    border-left: 0; }

.tab-toggle-wrapper .tab-arrow {
  transform: rotate(-90deg);
  transition: transform 0.2s linear 0s;
  font-size: 14px;
  display: inline-block; }
  .tab-toggle-wrapper a.active .tab-arrow {
    transform: rotate(0deg); }

.tab_wrapper {
  display: none; }
  .tab_wrapper.active {
    display: block; }

.tab-count {
  color: black;
  float: left;
  width: 23px;
  background-color: #effbff;
  font-size: 13px;
  line-height: 23px;
  text-align: center;
  border-radius: 12px;
  margin-top: 8px;
  margin-right: 7px;
  margin-left: -3px; }

.active .tab-count {
  background-color: #e6e6e6; }

.tab-header {
  position: relative; }
  .tab-header.active {
    background: #fff; }
  .tab-header.active .tab-header-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .tab-header:hover, .tab-header.active:hover {
    text-decoration: none;
    color: #a1a3a6; }

.tab-header-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  margin-left: 10px;
  -webkit-transition: transform 0.2s linear;
  transition: transform 0.2s linear; }

.tab-wrapper {
  position: relative;
  padding: 0;
  min-height: 0;
  background-color: rgba(0, 0, 0, .1);
  border: 1px solid rgba(0, 0, 0, .1);
  border-bottom: 0; }

.tab-content {
  background: #fff;
  display: none;
  padding: 15px;
  width: 100%;
  height: auto;
  position: relative;
  left: 0; }
  .tab-content.tab-body {
    border: 1px solid #d6d6d4;
    border-top: 0; }
  .tab-content.active {
    display: block; }
/* Bootstrap Tab Component */
.nav-tabs {
  border-bottom: 0;
  background-color: rgba(115, 163, 178, 0.35);
  margin-top: 10px;
  padding-left: 0;
  margin-bottom: 0; }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #231f20;
    border-radius: 0; }
  .nav-tabs > li.active > a .tab-arrow {
    transform: rotate(0deg); }
  .nav-tabs > li > a {
    color: #231f20;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500; }
  .nav-tabs > li > a:hover {
    background-color: #a1c1cc;
    border: 1px solid #a1c1cc;
    border-radius: 0; }
  .nav-tabs li .tab-arrow {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: transform 0.2s linear;
    transition: transform 0.2s linear; }

ul.nav.nav-pills {
  padding: 5px 10px;
  border-bottom: 1px solid #d6d6d4;
  font-weight: 500; }

.nav-pills > li > a {
  padding: 3px 12px;
  border-radius: 40px;
  font-size: 12px;
  color: #231f20; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #2fb0e2; }
  .nav-pills > li + li {
    margin-left: 5px; }
/* ==== SHADOWS ==== */
.z-depth-0 {
  box-shadow: none; }

.z-depth-1, .open-cs-options {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.z-depth-1-half {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.z-depth-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.z-depth-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.z-depth-4, .modal {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

.z-depth-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }

.margin-right-12 {
  margin-right: 12px !important; }

.margin-right-15 {
  margin-right: 15px; }

.margin-right-25 {
  margin-right: 25px; }

.padding-top-12 {
  padding-top: 12px; }

.padding-12 {
  padding: 12px; }

.width-48 {
  width: 48px; }

.height-16 {
  height: 16px; }

.no-padding-left {
  padding-left: 0px !important; }

.card-box-shadow {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 1px 0px rgba(15, 34, 67, 0.08), 0px 8px 64px 0px rgba(15, 34, 67, 0.06); }
/* ==== HR4 SUBMIT BUTTON ==== */
.confirm-button {
  text-transform: uppercase; }

.upload-trigger {
  min-width: 155px !important; }

.hr4-submit {
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  background: #106cfe;
  display: inline-block;
  padding: 3px 0 !important;
  height: 30px !important;
  margin-right: 5px;
  border: none;
  border-radius: 4px !important;
  text-transform: none;
  box-sizing: content-box;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
  min-width: 64px !important; }
  .hr4-submit:hover, .hr4-submit:active, .hr4-submit:visited, .hr4-submit:focus {
    text-decoration: none;
    opacity: 0.8; }
  .hr4-submit.btn-main {
    line-height: normal; }
  .hr4-submit:hover {
    opacity: 0.8; }
  .hr4-submit.disabled, .hr4-submit.upload-disabled {
    pointer-events: none;
    opacity: 1;
    color: rgba(0, 0, 0, 0.26) !important;
    background: rgba(0, 0, 0, 0.12); }
  .hr4-submit.upload-disabled .submit-content, .hr4-submit.hr4-submit-grey .submit-content {
    line-height: 24px;
    color: #000;
    background: rgba(0, 0, 0, .1);
    text-transform: uppercase !important; }
  .hr4-submit.floatr, .hr4-submit.pull-right {
    margin-right: 0;
    margin-left: 5px; }
  .hr4-submit.floatl, .hr4-submit.pull-left {
    margin-right: 5px;
    margin-left: 0; }
  .hr4-submit .hr4 {
    vertical-align: initial !important; }
  .hr4-submit .submit-content {
    text-transform: uppercase !important;
    display: block;
    height: 36px;
    width: 100%;
    opacity: 0; }
  .hr4-submit .submit-content p {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
    white-space: nowrap;
    margin-top: 6px;
    text-align: center;
    box-sizing: border-box; }
  .hr4-submit .submit-content i {
    margin-right: 3px; }
  .hr4-submit .saveMsg.active, .hr4-submit .loadingMsg.active {
    opacity: 1; }
  .hr4-submit.details-btn .saveMsg.active {
    border: 2px solid #106cfe !important;
    border-radius: 4px; }
  .hr4-submit.details-btn .saveMsg.active p {
    margin-top: 4px; }
  .hr4-submit .errorMsg.active, .hr4-submit .successMsg.active {
    animation-duration: 2.4s;
    animation-name: submitFadeInOut;
    z-index: 1000; }
  .hr4-submit .loadingMsg {
    background-color: #fff;
    border: 2px solid #cfcfcf;
    padding: 6px calc(50% - 10px);
    border-radius: 5px; }
  .hr4-submit .loadingMsg .loader, .hr4-submit .loadingMsg .loader:before, .hr4-submit .loadingMsg .loader:after {
    width: 2em;
    height: 2em;
    float: none;
    border: none;
    border-radius: 50%;
    -webkit-animation: load7 1s infinite ease-in-out;
    animation: load7 1s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .hr4-submit .loadingMsg .loader {
    color: #fff;
    font-size: 12px;
    margin: 3px auto;
    position: relative;
    text-indent: -9999em;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }
  .hr4-submit .loadingMsg .loader:before, .hr4-submit .loadingMsg .loader:after {
    content: '';
    position: absolute;
    top: 0; }
  .hr4-submit .loadingMsg .loader:before {
    left: -3.5em;
    margin-left: -5px;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .hr4-submit .loadingMsg .loader:after {
    left: 3.5em;
    margin-left: 5px; }
  .hr4-submit .successMsg {
    background-color: #16be9c; }
  .hr4-submit .errorMsg {
    background-color: #de1403; }

a.hr4-submit:hover, a.hr4-submit:active, a.hr4-submit:focus, a.hr4-submit:visited {
  color: #fff; }

@keyframes submitFadeInOut {
  0% {
    opacity: 0;
    display: block; }

  15% {
    opacity: 1; }

  85% {
    opacity: 1; }

  100% {
    opacity: 0;
    display: none; } }

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em; }

  40% {
    box-shadow: 0 2.5em 0 0; } }

@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em; }

  40% {
    box-shadow: 0 2.5em 0 0; } }

.hr4-input-error {
  border: 2px #f3a8a8 solid !important;
  background-color: #fff9f9 !important; }

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

.rounded-add-btn {
  color: #272727;
  box-shadow: rgba(149, 157, 165, .2) 0px 2px 8px;
  width: 40px;
  border-radius: 60px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-size: 19px;
  padding-left: 1px;
  margin-bottom: 10px; }

.btn {
  font-size: 13px; }
  .btn.icon-only .hr4 {
    margin-right: 0; }
  .btn .hr4 {
    vertical-align: sub;
    font-size: 18px; }
  .btn .hr4:not(:only-child) {
    margin-right: 5px;
    margin-left: -5px; }

.btn-main {
  line-height: 26px;
  font-weight: 500;
  color: #fff;
  background: #106cfe;
  text-transform: uppercase !important;
  min-width: 64px;
  width: auto; }
  .btn-main:hover, .btn-main:active, .btn-main:visited, .btn-main:focus {
    color: #fff; }
  .btn-main:last-child {
    margin-right: 0; }
  .btn-main:last-child:not(:only-child).pull-right, .btn-main:last-child:not(:only-child).floatr {
    margin-right: 5px; }
  .btn-main.green {
    background: #16be9c; }
  .btn-main.width-100 {
    width: calc(100% - 24px);
    min-width: auto; }
  .btn-main.icon-only {
    padding: 0;
    width: 38px;
    height: 38px;
    min-width: auto; }
  .btn-main.icon-only .hr4 {
    position: relative;
    top: 9px; }

.btn-grey {
  line-height: 24px;
  color: #000;
  background: rgba(0, 0, 0, .1); }
  .btn-grey:hover, .btn-grey:active, .btn-grey:visited, .btn-grey:focus {
    color: #231f20; }

.btn-main, .btn-grey {
  display: inline-block;
  padding: 6px 12px 6px;
  height: 28px;
  margin-right: 5px;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  text-transform: none;
  box-sizing: content-box;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out; }
  .btn-main:hover, .btn-grey:hover, .btn-main:active, .btn-grey:active, .btn-main:visited, .btn-grey:visited, .btn-main:focus, .btn-grey:focus {
    text-decoration: none;
    opacity: 0.8; }
  .btn-main.floatr, .btn-grey.floatr, .btn-main.pull-right, .btn-grey.pull-right {
    margin-right: 0;
    margin-left: 5px; }
  .btn-main.icon-only, .btn-grey.icon-only {
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 28px;
    width: 38px;
    height: 38px;
    border-radius: 50%; }
  .btn-main.icon-only .hr4, .btn-grey.icon-only .hr4 {
    vertical-align: unset;
    position: relative;
    top: 10px; }
  .btn-main .hr4, .btn-grey .hr4, .btn-main .glyphicon, .btn-grey .glyphicon {
    vertical-align: sub; }
  .btn-main.btn-trans, .btn-grey.btn-trans {
    background: none;
    border: none;
    color: #231f20; }
  .btn-main.btn-trans:hover, .btn-grey.btn-trans:hover, .btn-main.btn-trans:active, .btn-grey.btn-trans:active, .btn-main.btn-trans:visited, .btn-grey.btn-trans:visited, .btn-main.btn-trans:focus, .btn-grey.btn-trans:focus {
    color: #231f20; }
  .btn-main.border, .btn-grey.border {
    border: 2px solid;
    border-radius: 5px;
    border-color: #2fb0e2;
    padding: 0 12px 2px; }

.details-btn {
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
  color: #106cfe !important;
  padding: 4px 10px 4px; }
  .details-btn:not(.hr4-submit) {
    border: 2px solid #106cfe !important;
    border-radius: 4px;
    padding: 2px 10px !important; }

.details-btn[disabled] {
  border: 0px;
  padding: 6px 12px 6px; }

.details-btn:hover, .details-btn:active {
  color: #2fb0e2 !important; }

.green-details-btn:not(.disabled) {
  border: 2px solid #16be9c !important;
  color: #16be9c !important;
  background: #fff !important; }

.orange-details-btn:not(.disabled) {
  border: 2px solid #fda305 !important;
  color: #fda305 !important; }

.btn-main-sm, .btn-main-sm-main {
  color: #fff;
  background-color: #333;
  border-radius: 50%;
  text-align: center; }
  .btn-main-sm:hover, .btn-main-sm-main:hover, .btn-main-sm:focus, .btn-main-sm-main:focus, .btn-main-sm:active, .btn-main-sm-main:active {
    color: #fff;
    opacity: 0.8;
    box-shadow: none; }
  .btn-main-sm.icon-only, .btn-main-sm-main.icon-only {
    padding: 0;
    width: 38px;
    height: 38px; }
  .btn-main-sm.icon-only .hr4, .btn-main-sm-main.icon-only .hr4 {
    position: relative;
    top: 9px; }

.btn-transparent {
  background: transparent;
  background-color: transparent;
  border: none; }

.btn-red {
  background: #de1403;
  color: #fff; }
  .btn-red:hover, .btn-red:active, .btn-red:visited, .btn-red:focus {
    text-decoration: none;
    opacity: 0.8;
    color: #fff; }

.btn-secondary {
  background-color: #106cfe; }

.btn-orange {
  background-color: #fda305; }

.btn-file input[type="file"] {
  position: relative;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px; }

.hr4-file-label, .hr4-file-remove {
  display: inline-block;
  vertical-align: middle;
  margin-top: 8px;
  font-size: 12px; }

.hr4-file-label {
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.hr4-file-remove {
  cursor: pointer;
  margin-top: 10px;
  margin-left: 10px; }

.hr4-file-label:empty + .hr4-file-remove {
  display: none; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 1;
  background: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26) !important; }

#support .btn-main {
  height: 26px; }

.btn-margin-left {
  margin-left: 5px; }

.btn-margin-right {
  margin-right: 5px; }

.hoverable:hover {
  transition: box-shadow 0.25s ease-in-out;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
/*********************
 Waves
 **********************/
/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  pointer-events: none; }

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.25); }

.waves-effect.waves-dark .waves-ripple {
  background-color: rgba(255, 255, 255, 0.5); }

.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important; }

.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom; }

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1; }

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none; }

.waves-block {
  display: block; }
/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
  z-index: -1; }
/* ==== MODAL ==== */
.modal-open .modal {
  max-height: 100vh;
  overflow-y: auto;
  padding: 0 !important;
  z-index: 99999; }
  .modal-open .modal .modal-header {
    background: none;
    border-bottom: 2px solid #ecf0f1;
    position: relative; }
  .modal-open .modal .modal-header .close, .modal-open .modal .modal-header .close-button {
    margin: 0;
    padding: 6px 0;
    color: #a8b5b5;
    position: absolute;
    top: 20px;
    right: 40px; }
  .modal-open .modal .modal-header .modal-title {
    font-weight: 700;
    font-size: 20px;
    color: #252525; }
  .modal-open .modal .modal-header .modal-subtitle {
    font-weight: normal;
    margin-bottom: -10px; }

.modal-content {
  border-radius: 10px;
  border: 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-weight: 400; }
  .modal-content .btn-main {
    margin: 0;
    margin-top: 0;
    vertical-align: top;
    text-transform: uppercase; }

.modal-cancel-btn {
  float: right;
  color: #a8b5b5;
  background-color: transparent;
  font-size: larger; }
  .modal-cancel-btn:hover {
    color: #e5e5e5; }

@media (max-width: 990px) and (min-width: 768px) {
  .modal-body {
    max-height: 60vh !important; } }

.modal-body {
  position: relative;
  padding: 24px;
  overflow-x: hidden;
  overflow-y: auto; }
  .modal-body:after {
    content: "";
    display: table;
    clear: both; }
  .modal-body .form-field label {
    font-weight: bold; }
  .modal-body .form-field label.required:after {
    content: "*";
    color: #de1403; }
  .modal-body .form-field input, .modal-body .form-field textarea {
    width: 100%;
    padding: 7px 15px;
    outline-color: #a1a3a6; }
  .modal-body .form-field input[disabled], .modal-body .form-field textarea[disabled] {
    background-color: white; }
  .modal-body .form-field textarea {
    resize: vertical;
    height: 150px; }

.modal-view {
  position: relative;
  width: 100%;
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .modal-view.right-slide.move-out {
    left: 100%;
    opacity: 0; }
  .modal-view.left-slide.move-out {
    left: -100%;
    opacity: 0; }

.modal-view-content {
  position: relative; }

.modal-header:after {
  content: "";
  display: table;
  clear: both; }
  .modal-header .close-button {
    float: right;
    color: #a8b5b5;
    font-size: 16px;
    margin: 3px 0;
    cursor: pointer; }
  .modal-header .hr4.close {
    color: #a8b5b5;
    opacity: 1;
    margin-top: 0;
    font-size: 19px;
    text-shadow: none; }
  .modal-header .hr4.close:before {
    color: #a8b5b5; }

.modal-divider {
  border-top: 1px solid rgba(0, 0, 0, .1);
  display: block;
  width: 100%;
  margin: 15px 0; }

.modal-footer {
  border-top: none;
  background-color: #ecf0f1;
  padding: 24px !important; }
  .modal-footer:after {
    content: "";
    display: table;
    clear: both; }

.modal-open .tooltip {
  z-index: 10000000000; }

.modal-form-row {
  margin-bottom: 10px; }
  .modal-form-row label {
    font-weight: bold; }
/* ==== TUTORIAL VIDEO POPUP ==== */
.tut_txt {
  position: absolute;
  bottom: 2px;
  font-size: 9px;
  left: 0;
  width: 100%;
  text-align: center; }

.tutorial_video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999; }

.videoBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); }

#video_controls {
  position: absolute;
  z-index: 2147483648;
  right: 3.3vh;
  top: 0.7vw;
  cursor: pointer; }

#closeTutorial {
  background-color: rgba(0, 0, 0, 0.49);
  padding: 9px 5px 1px 5px;
  color: white; }

#videoArea {
  width: 80%;
  height: 44vw;
  max-height: 600px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  #videoArea.hidden1 {
    height: 1px;
    margin-top: 50vh; }
  #videoArea.hidden2 {
    height: 1px;
    width: 0%; }

#tutorial_element {
  position: absolute;
  top: 0;
  left: 0;
  width: 98%;
  display: block;
  float: left;
  background: black;
  height: 100%;
  border: 2px solid white; }

@media only screen and (max-width: 959px) {
  #videoArea.hidden1 {
    height: 1px;
    margin-top: 20vh; } }

.accordion-header .accordion-title {
  font-size: 20px;
  font-weight: 500;
  float: left;
  padding-right: 80px;
  position: relative;
  cursor: pointer; }
  .accordion-header .accordion-counter {
    position: absolute;
    right: 40px;
    top: 7px;
    font-size: 14px;
    padding: 0px 4px;
    line-height: 16px;
    background: #97999c;
    border-radius: 4px;
    color: #fff;
    margin-left: 8px; }
  .accordion-header .tab-arrow {
    position: absolute;
    right: 10px;
    top: 5px;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: transform 0.2s linear;
    transition: transform 0.2s linear; }
  .accordion-header .tab-arrow.active {
    transform: rotate(0deg); }
/* ==== SIDEBAR ==== */
@media only screen and (min-width: 991px) and (max-width: 991px) {
  .page-sidebar {
    width: 25% !important;
    float: left !important; } }

.page-sidebar {
  position: relative;
  /*overflow: hidden;*/ }
  .page-sidebar .card h3 {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #f0f0f0;
    position: relative; }
  .page-sidebar .card h3 .header-icon {
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 10px;
    border-radius: 100%;
    margin-top: -7px;
    background-size: cover;
    background-position: center;
    margin-left: -5px;
    overflow: hidden; }
  .page-sidebar .card h3 .header-icon i, .page-sidebar .card h3 .header-icon p {
    color: #263238;
    line-height: 35px;
    width: 100%;
    text-align: center;
    margin: 0;
    float: left;
    background-color: #eceff1;
    font-size: 20px;
    border-radius: 100%; }
  .page-sidebar .options-button {
    margin-top: 1px;
    font-size: 15px;
    color: black; }
  .page-sidebar .menu {
    padding: 0;
    list-style: none;
    margin: 5px 0;
    height: 100%;
    overflow: none; }
  .page-sidebar .menu li {
    color: #231f20;
    transition: background-color 0.3s;
    display: block; }
  .page-sidebar .menu li.active > a, .page-sidebar .menu li:hover > a {
    color: #106cfe;
    border-left: 3px solid #103054; }
  .page-sidebar .menu li a {
    padding: 15px;
    display: block;
    margin: 0;
    color: #231f20; }
  .page-sidebar .menu li a:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .page-sidebar .menu li.menu-label:hover {
    background-color: initial; }
  .page-sidebar .menu li.menu-label label {
    padding: 15px 15px 5px;
    font-weight: 600;
    color: rgba(109, 109, 109, 0.5); }
  .page-sidebar .menu li.menu-item-indented a {
    padding: 5px 25px; }
  .page-sidebar .menu li.menu-item-indented.children a {
    padding-left: 35px; }
  .page-sidebar .sub-menu {
    padding: 0;
    list-style: none;
    margin: 0;
    display: none;
    background-color: #f9f9f9;
    border-left: 2px solid #dcdbdb; }
  .page-sidebar .sub-menu li a {
    padding: 6px 20px; }
  .page-sidebar li.expanded > .sub-menu {
    display: block; }
  .page-sidebar li.expanded > a .menu-dropdown-arrow {
    transform: rotate(180deg);
    margin-top: 0; }
  .page-sidebar li .menu-dropdown-arrow {
    float: right;
    line-height: 18px;
    transform: rotate(0deg);
    transition: all 0.3s;
    margin-top: 3px; }

.icon-overlay-hover i, .icon-overlay-hover p {
  opacity: 0;
  transition: opacity 0.3s; }
  .icon-overlay-hover i:hover, .icon-overlay-hover p:hover {
    opacity: 0.9; }

.sidebar-counts {
  float: right;
  background-color: #106cfe;
  color: white;
  border-radius: 10px;
  padding: 1px 6px;
  font-size: 11px; }
  .sidebar-counts.alert-count {
    background-color: #de1403; }

.sidebar-count {
  position: absolute;
  right: 25px;
  top: 14px;
  background-color: #106cfe;
  color: white;
  border-radius: 10px;
  padding: 1px 6px;
  font-size: 11px; }
  .sidebar-count.alert-count {
    background-color: #de1403; }

i.information-icon {
  font-family: serif;
  color: white;
  background-color: #828282;
  border-radius: 50%;
  padding: 1px 6px;
  font-size: 11px;
  position: relative;
  top: -1px;
  cursor: pointer; }
  i.information-icon:hover {
    background-color: black; }
/* ==== ACCORDION ==== */
.accordion-content {
  display: inline-block;
  width: 100%; }

.hr4-accordion {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .hr4-accordion.close-accordion {
    overflow: hidden;
    opacity: 0;
    height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none;
    margin-top: 0px !important;
    margin-bottom: 0px !important; }

i.cs-arrow.hr4.tab-arrow {
  position: absolute;
  right: 5px;
  top: 8px;
  color: white;
  z-index: 10; }

.hr4-accordion-wrapper {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, .1); }
  .hr4-accordion-wrapper .hr4-accordion-header {
    position: relative;
    padding: 15px; }
  .hr4-accordion-wrapper .hr4-accordion-header .hr4 {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .hr4-accordion-wrapper .hr4-accordion-content {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1); }
/* ==== USER SELECTOR ==== */
.app-icon-selected {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 9px;
  left: 5px;
  z-index: 1; }
  .app-icon-selected .app-icon {
    width: 100%;
    height: 100%; }
  .app-icon-selected .app-icon i {
    font-size: 10px !important; }

.app-icon {
  border: 1px solid #a1a3a6; }
  .app-icon img.tiny {
    vertical-align: top; }

.ui {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  font-size: 12px;
  color: white;
  text-transform: uppercase;
  position: relative; }

.ui span {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translateX(-50%) translateY(-50%); }

.up {
  width: 100%;
  border-radius: 50%;
  display: inline-block;
  margin: 0 auto; }

.user-image-cont {
  width: 35px;
  height: 35px;
  margin: 0px;
  margin-right: 10px;
  float: left; }

.pc0 {
  background-color: #4d5255; }

.opt .user-name-cont {
  vertical-align: middle;
  float: left;
  width: calc(100% - 45px); }

.opt .user-name-cont .positions-sub-text {
  color: #b3b3b3; }

.collection .user-image-cont .ui {
  font-size: 15px; }
/* ==== RADIO BUTTONS ==== */
.hr4-radio {
  position: absolute;
  left: -9999px;
  opacity: 0;
  /* Unchecked styles */
  /* Checked styles */
  /* Disabled style */
  /* With Gap styles */
  /* Focused styles */ }
  .hr4-radio + label {
    position: relative;
    padding-left: 25px;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    transition: 0.28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .hr4-radio + label:before, .hr4-radio + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    transition: 0.28s ease;
    border: 2px solid;
    border-radius: 50%; }
  .hr4-radio:not(:checked) + label:before, .hr4-radio:not(:checked) + label:after {
    border: 2px solid #5a5a5a; }
  .hr4-radio:not(:checked) + label:after {
    -webkit-transform: scale(0);
    transform: scale(0); }
  .hr4-radio:checked + label:before {
    border-color: transparent; }
  .hr4-radio:checked + label:after {
    background-color: #1ca9e0;
    border-color: #1ca9e0;
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  .hr4-radio:disabled:checked + label:before, .hr4-radio:disabled:not(:checked) + label:before, .hr4-radio:disabled:checked + label:after, .hr4-radio:disabled:not(:checked) + label:after {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.26); }
  .hr4-radio:disabled:checked + label:after {
    background-color: rgba(0, 0, 0, 0.26);
    border-color: #bdbdbd; }
  .hr4-radio:disabled:not(:checked) + label:before {
    border-color: rgba(0, 0, 0, 0.26); }
  .hr4-radio:disabled + label {
    color: rgba(0, 0, 0, 0.26); }
  .hr4-radio.with-gap:checked + label:before, .hr4-radio.with-gap:checked + label:after {
    border-color: #106cfe; }
  .hr4-radio.with-gap:checked + label:after {
    background-color: #106cfe;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  .hr4-radio.with-gap:disabled:checked + label:before {
    border-color: rgba(0, 0, 0, 0.26); }
  .hr4-radio.with-gap:disabled:checked + label:after {
    border: none;
    background-color: rgba(0, 0, 0, 0.26); }
  .hr4-radio.tabbed:focus + label:before {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); }

.radio-wrapper {
  width: 100%;
  float: left; }
  .radio-wrapper.hr4-input-error {
    padding: 5px; }
  .radio-wrapper label {
    margin-bottom: 0; }
/* ==== GRAPHS ==== */
.dash-graphs {
  -webkit-filter: blur(0);
  filter: blur(0);
  transition: all 0.3s; }

.dash-bargraph {
  height: 200px;
  border-left: 2px solid #818282;
  border-bottom: 2px solid #818282;
  margin-right: 15px;
  margin-bottom: 20px;
  position: relative;
  margin-top: 11px; }

.dash-bar-container {
  height: 100%;
  float: left;
  position: relative; }

.dash-bar-background {
  width: 50%;
  position: relative;
  display: block;
  margin: 0 auto;
  background-color: #eee;
  height: 100%; }

.dash-bar {
  width: 100%;
  position: absolute;
  background-color: #9ccdc9;
  min-height: 20px;
  height: 20px;
  bottom: 0;
  transition: height 0.3s; }
  .dash-bar p {
    color: white;
    text-align: center;
    font-size: 14px;
    margin-bottom: 0; }
  .dash-bar.low {
    min-height: 0; }
  .dash-bar.low p {
    position: absolute;
    top: -18px;
    width: 100%;
    color: #333; }

.dash-bar-max {
  position: absolute;
  text-align: center;
  width: 100%;
  margin-top: -25px;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px; }
  .dash-bar-max span {
    color: #9ccdc9; }

.dash-bar-label {
  text-align: center;
  line-height: 17px;
  text-transform: uppercase;
  font-size: 9px;
  padding-top: 3px; }

.dash-lines {
  position: absolute;
  width: 100%;
  height: 100%; }
  .dash-lines hr {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    height: calc(20% - 2px);
    border-top: 2px dashed #f6f6f6; }

.dash-line-graph {
  margin-bottom: 10px;
  margin-right: 15px;
  margin-left: -8px; }
/* ==== TEXT COLOR CLASSES / COLOUR CLASSES / COLOURS ==== */
.red-color {
  color: #de1403 !important; }

.yellow-color {
  color: #e9c928 !important; }

.green-color {
  color: #4caf50 !important; }

.primary-color {
  color: #2fb0e2 !important; }

.secondary-color {
  color: #106cfe !important; }

.orange-color {
  color: #fda305 !important; }

.black-color {
  color: #231f20 !important; }

.dark-grey-color {
  color: #4d5255 !important; }

.light-grey-color {
  color: #a1a3a6 !important; }

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

.company-color {
  color: #103054 !important; }
/* ==== BG COLOR CLASSES ==== */
.red-bg {
  background-color: #de1403 !important; }

.yellow-bg {
  background-color: #e9c928 !important; }

.green-bg {
  background-color: #16be9c !important; }

.primary-bg {
  background-color: #2fb0e2 !important; }

.secondary-bg {
  background-color: #106cfe !important; }

.orange-bg {
  background-color: #fda305 !important; }

.black-bg {
  background-color: #231f20 !important; }

.dark-grey-bg {
  background-color: #4d5255 !important; }

.light-grey-bg {
  background-color: #a1a3a6 !important; }
/* ==== ROTATE ==== */
.rotate-90 {
  -o-transform: rotate(-90deg) !important;
  /* Opera */
  -ms-transform: rotate(-90deg) !important;
  /* IE */
  -webkit-transform: rotate(-90deg) !important;
  /* Safari */
  -moz-transform: rotate(-90deg) !important;
  /* Firefox */
  transform: rotate(-90deg) !important; }

.rotate-180 {
  -o-transform: rotate(-180deg) !important;
  -ms-transform: rotate(-180deg) !important;
  -webkit-transform: rotate(-180deg) !important;
  -moz-transform: rotate(-180deg) !important;
  transform: rotate(-180deg) !important; }

.rotate-270 {
  -o-transform: rotate(-270deg) !important;
  -ms-transform: rotate(-270deg) !important;
  -webkit-transform: rotate(-270deg) !important;
  -moz-transform: rotate(-270deg) !important;
  transform: rotate(-270deg) !important; }
/* ==== FLASH ITEM ==== */
.flash-item {
  -o-animation: flash_anim 0.5s ease-in-out;
  -ms-animation: flash_anim 0.5s ease-in-out;
  -webkit-animation: flash_anim 0.5s ease-in-out;
  -moz-animation: flash_anim 0.5s ease-in-out;
  animation: flash_anim 0.5s ease-in-out; }

@keyframes flash_anim {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes flash_anim {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-ms-keyframes flash_anim {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes flash_anim {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes flash_anim {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
/* ==== CSS-LOADER ANIMATION  ==== */
.css-loader {
  position: relative;
  border-top: 3px solid rgba(0, 150, 136, 0.2);
  border-right: 3px solid rgba(0, 150, 136, 0.2);
  border-bottom: 3px solid rgba(0, 150, 136, 0.2);
  border-left: 3px solid #1ca9e0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }

.css-loader, .css-loader:after {
  border-radius: 50%;
  width: 20px;
  height: 20px; }

.css-loader-center {
  display: block;
  margin: 0 auto;
  height: 40px;
  width: 40px; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* Display */
.hide-element, .no-display {
  display: none; }

.display-block {
  display: block; }

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

.display-list-item {
  display: list-item; }
/* ==== CSS-LOADING ANIMATION ==== */
.cssload-loading {
  position: absolute;
  left: 50%;
  width: 22px;
  height: 22px;
  top: 50%;
  margin: -11px 0 0 -11px;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .cssload-loading i {
    position: absolute;
    top: 22px;
    left: 22px;
    display: block;
    width: 22px;
    height: 22px;
    background: #73a3b2;
    border-radius: 22px;
    -o-animation: cssload-spin2 2.18s ease-in-out infinite;
    -ms-animation: cssload-spin2 2.18s ease-in-out infinite;
    -webkit-animation: cssload-spin2 2.18s ease-in-out infinite;
    -moz-animation: cssload-spin2 2.18s ease-in-out infinite;
    animation: cssload-spin2 2.18s ease-in-out infinite; }
  .cssload-loading i:first-child {
    top: -22px;
    left: 0;
    background: rgba(161, 163, 166, 0.95);
    -o-animation: cssload-spin 2.18s ease-in-out infinite;
    -ms-animation: cssload-spin 2.18s ease-in-out infinite;
    -webkit-animation: cssload-spin 2.18s ease-in-out infinite;
    -moz-animation: cssload-spin 2.18s ease-in-out infinite;
    animation: cssload-spin 2.18s ease-in-out infinite; }
  .cssload-loading i:last-child {
    top: 22px;
    left: -22px;
    background: #c42028;
    -o-animation: cssload-spin3 2.18s ease-in-out infinite;
    -ms-animation: cssload-spin3 2.18s ease-in-out infinite;
    -webkit-animation: cssload-spin3 2.18s ease-in-out infinite;
    -moz-animation: cssload-spin3 2.18s ease-in-out infinite;
    animation: cssload-spin3 2.18s ease-in-out infinite; }

@keyframes cssload-spin {
  0% {
    top: -22px;
    left: 0;
    transform: scale(1); }

  17% {
    transform: scale(0.5); }

  33% {
    top: 22px;
    left: 22px;
    transform: scale(1); }

  50% {
    transform: scale(0.5); }

  66% {
    top: 22px;
    left: -22px;
    transform: scale(1); }

  83% {
    transform: scale(0.5); }

  100% {
    top: -22px;
    left: 0;
    transform: scale(1); } }

@-o-keyframes cssload-spin {
  0% {
    top: -22px;
    left: 0;
    -o-transform: scale(1); }

  17% {
    -o-transform: scale(0.5); }

  33% {
    top: 22px;
    left: 22px;
    -o-transform: scale(1); }

  50% {
    -o-transform: scale(0.5); }

  66% {
    top: 22px;
    left: -22px;
    -o-transform: scale(1); }

  83% {
    -o-transform: scale(0.5); }

  100% {
    top: -22px;
    left: 0;
    -o-transform: scale(1); } }

@-ms-keyframes cssload-spin {
  0% {
    top: -22px;
    left: 0;
    -ms-transform: scale(1); }

  17% {
    -ms-transform: scale(0.5); }

  33% {
    top: 22px;
    left: 22px;
    -ms-transform: scale(1); }

  50% {
    -ms-transform: scale(0.5); }

  66% {
    top: 22px;
    left: -22px;
    -ms-transform: scale(1); }

  83% {
    -ms-transform: scale(0.5); }

  100% {
    top: -22px;
    left: 0;
    -ms-transform: scale(1); } }

@-webkit-keyframes cssload-spin {
  0% {
    top: -22px;
    left: 0;
    -webkit-transform: scale(1); }

  17% {
    -webkit-transform: scale(0.5); }

  33% {
    top: 22px;
    left: 22px;
    -webkit-transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5); }

  66% {
    top: 22px;
    left: -22px;
    -webkit-transform: scale(1); }

  83% {
    -webkit-transform: scale(0.5); }

  100% {
    top: -22px;
    left: 0;
    -webkit-transform: scale(1); } }

@-moz-keyframes cssload-spin {
  0% {
    top: -22px;
    left: 0;
    -moz-transform: scale(1); }

  17% {
    -moz-transform: scale(0.5); }

  33% {
    top: 22px;
    left: 22px;
    -moz-transform: scale(1); }

  50% {
    -moz-transform: scale(0.5); }

  66% {
    top: 22px;
    left: -22px;
    -moz-transform: scale(1); }

  83% {
    -moz-transform: scale(0.5); }

  100% {
    top: -22px;
    left: 0;
    -moz-transform: scale(1); } }

@keyframes cssload-spin2 {
  0% {
    top: 22px;
    left: 22px;
    transform: scale(1); }

  17% {
    transform: scale(0.5); }

  33% {
    top: 22px;
    left: -22px;
    transform: scale(1); }

  50% {
    transform: scale(0.5); }

  66% {
    top: -22px;
    left: 0;
    transform: scale(1); }

  83% {
    transform: scale(0.5); }

  100% {
    top: 22px;
    left: 22px;
    transform: scale(1); } }

@-o-keyframes cssload-spin2 {
  0% {
    top: 22px;
    left: 22px;
    -o-transform: scale(1); }

  17% {
    -o-transform: scale(0.5); }

  33% {
    top: 22px;
    left: -22px;
    -o-transform: scale(1); }

  50% {
    -o-transform: scale(0.5); }

  66% {
    top: -22px;
    left: 0;
    -o-transform: scale(1); }

  83% {
    -o-transform: scale(0.5); }

  100% {
    top: 22px;
    left: 22px;
    -o-transform: scale(1); } }

@-ms-keyframes cssload-spin2 {
  0% {
    top: 22px;
    left: 22px;
    -ms-transform: scale(1); }

  17% {
    -ms-transform: scale(0.5); }

  33% {
    top: 22px;
    left: -22px;
    -ms-transform: scale(1); }

  50% {
    -ms-transform: scale(0.5); }

  66% {
    top: -22px;
    left: 0;
    -ms-transform: scale(1); }

  83% {
    -ms-transform: scale(0.5); }

  100% {
    top: 22px;
    left: 22px;
    -ms-transform: scale(1); } }

@-webkit-keyframes cssload-spin2 {
  0% {
    top: 22px;
    left: 22px;
    -webkit-transform: scale(1); }

  17% {
    -webkit-transform: scale(0.5); }

  33% {
    top: 22px;
    left: -22px;
    -webkit-transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5); }

  66% {
    top: -22px;
    left: 0;
    -webkit-transform: scale(1); }

  83% {
    -webkit-transform: scale(0.5); }

  100% {
    top: 22px;
    left: 22px;
    -webkit-transform: scale(1); } }

@-moz-keyframes cssload-spin2 {
  0% {
    top: 22px;
    left: 22px;
    -moz-transform: scale(1); }

  17% {
    -moz-transform: scale(0.5); }

  33% {
    top: 22px;
    left: -22px;
    -moz-transform: scale(1); }

  50% {
    -moz-transform: scale(0.5); }

  66% {
    top: -22px;
    left: 0;
    -moz-transform: scale(1); }

  83% {
    -moz-transform: scale(0.5); }

  100% {
    top: 22px;
    left: 22px;
    -moz-transform: scale(1); } }

@keyframes cssload-spin3 {
  0% {
    top: 22px;
    left: -22px;
    transform: scale(1); }

  17% {
    transform: scale(0.5); }

  33% {
    top: -22px;
    left: 0;
    transform: scale(1); }

  50% {
    transform: scale(0.5); }

  66% {
    top: 22px;
    left: 22px;
    transform: scale(1); }

  83% {
    transform: scale(0.5); }

  100% {
    top: 22px;
    left: -22px;
    transform: scale(1); } }

@-o-keyframes cssload-spin3 {
  0% {
    top: 22px;
    left: -22px;
    -o-transform: scale(1); }

  17% {
    -o-transform: scale(0.5); }

  33% {
    top: -22px;
    left: 0;
    -o-transform: scale(1); }

  50% {
    -o-transform: scale(0.5); }

  66% {
    top: 22px;
    left: 22px;
    -o-transform: scale(1); }

  83% {
    -o-transform: scale(0.5); }

  100% {
    top: 22px;
    left: -22px;
    -o-transform: scale(1); } }

@-ms-keyframes cssload-spin3 {
  0% {
    top: 22px;
    left: -22px;
    -ms-transform: scale(1); }

  17% {
    -ms-transform: scale(0.5); }

  33% {
    top: -22px;
    left: 0;
    -ms-transform: scale(1); }

  50% {
    -ms-transform: scale(0.5); }

  66% {
    top: 22px;
    left: 22px;
    -ms-transform: scale(1); }

  83% {
    -ms-transform: scale(0.5); }

  100% {
    top: 22px;
    left: -22px;
    -ms-transform: scale(1); } }

@-webkit-keyframes cssload-spin3 {
  0% {
    top: 22px;
    left: -22px;
    -webkit-transform: scale(1); }

  17% {
    -webkit-transform: scale(0.5); }

  33% {
    top: -22px;
    left: 0;
    -webkit-transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5); }

  66% {
    top: 22px;
    left: 22px;
    -webkit-transform: scale(1); }

  83% {
    -webkit-transform: scale(0.5); }

  100% {
    top: 22px;
    left: -22px;
    -webkit-transform: scale(1); } }

@-moz-keyframes cssload-spin3 {
  0% {
    top: 22px;
    left: -22px;
    -moz-transform: scale(1); }

  17% {
    -moz-transform: scale(0.5); }

  33% {
    top: -22px;
    left: 0;
    -moz-transform: scale(1); }

  50% {
    -moz-transform: scale(0.5); }

  66% {
    top: 22px;
    left: 22px;
    -moz-transform: scale(1); }

  83% {
    -moz-transform: scale(0.5); }

  100% {
    top: 22px;
    left: -22px;
    -moz-transform: scale(1); } }
/* ==== PRINT ==== */
.print-only {
  display: none; }

.printable-textarea {
  margin-top: 5px;
  margin-bottom: 10px;
  width: 100% !important;
  max-width: 660px;
  clear: both;
  position: absolute;
  left: -9999px; }
  .printable-textarea .line {
    height: 24px;
    width: 100%;
    border-bottom: 2px solid #aaa;
    line-height: 24px; }

@media print {
  .print-only {
    display: initial; }

  .no-print {
    display: none; }

  .printable-textarea {
    position: static;
    left: 0; }

  a[href]:after {
    content: none !important; }

  input[type="checkbox"] {
    position: static;
    left: 0;
    opacity: 1;
    float: left;
    width: auto !important; }
    input[type="checkbox"] + label {
      float: left;
      width: auto !important; }
      input[type="checkbox"] + label:after {
        border: none !important; } }
/* === SIDEBAR CONTENT === */
.sidebar-content-wrapper {
  float: left;
  width: 75%;
  min-height: 720px; }

.sidebar-content-loader {
  width: 100px;
  height: 100px;
  display: inline-block; }

@media screen and (max-width: 991px) {
  .sidebar-content-wrapper {
    width: 100%;
    margin-top: 15px; } }
/* ======== LOGIN ======== */
.login-title {
  float: left;
  width: 100%;
  border: 3px solid #dbdbdc;
  padding: 10px 15px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase; }

.login-box #login-bar {
  width: 350px;
  margin: 0 auto;
  padding-top: 40px; }
  .login-box #login-bar h3 {
    color: black;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    height: 15px;
    font-size: 15px;
    font-weight: 500;
    padding: 15px; }
  .login-box #login-bar h3 label {
    font-size: 11pt;
    font-weight: initial;
    text-transform: none; }
  .login-box #login-bar form .background-block {
    margin-bottom: 10px;
    background-color: #103054;
    padding: 30px 15px;
    float: left;
    width: 100%; }
  .login-box #login-bar form .background-block input {
    width: 100%;
    padding: 7px; }
  .login-box #login-bar form .background-block #password-field-container {
    background-color: #efefef; }
  .login-box #login-bar form #password-field-container {
    background-color: #efefef; }
  .login-box #login-bar #UserLogin_username, .login-box #login-bar #UserLogin_password {
    color: #000; }
  .login-box #login-bar .forgot-password {
    position : relative;
    top: 10px;
    margin-bottom: 20px;
    border: 1px solid #a1a3a6; }
  .login-box #login-bar .forgot-password .hint {
    margin: 5px 0 5px 0;
    text-align: center; }
  .login-box #login-bar .forgot-password .hint a {
    text-decoration: none;
    color: #2fb0e2; }
  .login-box #login-bar .open-id-connect {
    position: relative;
    top: 10px;
    margin-bottom: 25px;
    background-color: white;
    border: 1px solid #d53a00; }
  .login-box #login-bar .open-id-connect .hint {
    margin: 5px 0 5px 0;
    font-weight: 500;
    text-align: center; }
  .login-box #login-bar .open-id-connect .hint a {
    text-decoration: none;
    color: #d53a00; }
  .login-box #login-bar .submit-login span.hr4.login {
    font-size: 20px;
    margin-right: 10px;
    position: relative;
    top: 2px; }

.remember-me {
  position: relative;
  top: 6px; }
  .remember-me label {
    font-weight: normal; }

.custom-loader-sm {
  width: 56px; }

@media only screen and (max-width: 480px) {
  .login-box #login-bar {
    padding-top: 15px;
    width: auto; }
    .login-box #login-bar .row-fluid {
      padding-left: 15px;
      padding-right: 15px; }
    .login-box #login-bar .forgot-password {
      margin-left: 15px;
      margin-right: 15px; } }
/* ======== RECOVERY FORM ======== */
.recovery-form {
  color: #231f20;
  border: 1px solid rgba(0, 0, 0, .1);
  padding: 30px 0 5px 0;
  margin: 0px;
  position: relative;
  box-sizing: content-box;
  margin-bottom: 10px;
  text-align: center;
  background-color: white; }
  .recovery-form h4 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #2fb0e2;
    float: left;
    width: 100%; }
  .recovery-form label {
    font-weight: 500 !important;
    margin-bottom: 10px !important; }
  .recovery-form input #UserRecoveryForm_login_or_email, .recovery-form input #UserChangePassword_password, .recovery-form input #UserChangePassword_verifyPassword {
    clear: both;
    display: block;
    margin: 0px auto 10px;
    width: 330px;
    height: 30px; }
  .recovery-form .submit input {
    background-color: #2fb0e2;
    color: white;
    padding: 2px 5px 2px 5px; }

.recovery-msg {
  margin-top: 18px;
  color: #231f20;
  margin-bottom: 24px;
  padding: 15px;
  text-align: center; }

#recovery-img {
  margin: 0 auto; }

.recovery-alert-wrapper li {
  text-align: left; }

.recovery-card {
  background-color: white;
  border: 1px solid #dcdbdb;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center; }

.recovery-card p {
  margin: 15px 0 30px 0;
  font-size: 16px;
  text-align: center; }

.recovery-card i {
  font-size: 90px;
  color: #103154; }

.recovery-card a {
  margin-bottom: 15px;
  background-color: #b3b3b3; }
/* === MOBILE TABBING === */
.mobile-tabbing {
  position: relative;
  border-top: 1px solid #dcdbdb;
  border-bottom: 0;
  background-color: #dcdbdb;
  width: 100%;
  height: 38px; }
  .mobile-tabbing .move-right {
    position: absolute;
    top: 7px;
    left: unset;
    right: 3vw;
    z-index: 70;
    background-color: white;
    width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 3px;
    border-radius: 50%;
    transform: rotateZ(-90deg);
    cursor: pointer; }
  .mobile-tabbing .move-left {
    position: absolute;
    top: 7px;
    left: 3vw;
    right: unset;
    z-index: 70;
    background-color: white;
    width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 3px;
    border-radius: 50%;
    transform: rotateZ(90deg);
    cursor: pointer; }
  .mobile-tabbing .tab-name {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    padding-top: 9px;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
/* ======== HISTORY ======== */
@media (max-width: 991px) {
  #training section, #policies section, #submitted-forms section {
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0; }
    #training section + section, #policies section + section, #submitted-forms section + section {
      margin-top: 5px;
      margin-bottom: 10px; } }
/* ======== PERKS ======== */
.spotlight-image {
  width: 100%; }

.spotlight-img-cont {
  max-height: 120px;
  overflow: hidden;
  margin-bottom: 5px; }

.spotlight-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.spotlight-readmore {
  width: 100%;
  margin-top: 4px;
  padding: 1px 0 1px 0;
  border-top: 1px solid #a1a3a6;
  border-bottom: 1px solid #a1a3a6; }
/* ======== DATA QUIZ/SURVEY ======== */
.hover-area {
  background: rgba(210, 210, 210, 0.80);
  opacity: 0;
  pointer-events: none;
  z-index: 200;
  padding: 2px; }
  .hover-area.hover-cover {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  .hover-area .hover-inset {
    display: block;
    border: 3px dashed white;
    padding: 5px;
    height: 100%;
    text-align: center;
    line-height: 25px;
    font-size: 17px; }
  .hover-area .hover-inset span {
    display: inline-block;
    color: #000; }

.nice-list {
  max-height: 250px;
  overflow: hidden;
  overflow-y: auto; }
  .nice-list .nice-list-title {
    background: #231f20;
    color: #fff;
    padding: 0 5px;
    font-size: 12px; }
  .nice-list .nice-list-item {
    height: 35px;
    line-height: 15px;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .nice-list .nice-list-item:hover {
    background-color: #efefef; }
  .nice-list .nice-list-item:last-child {
    border-bottom: 0; }
/* ======== ARTICLE ======== */
.link_error {
  background-color: #de1403;
  color: white;
  width: 100%;
  text-align: center;
  padding: 3px 1px;
  height: 25px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
/***** NEW DATEPICKER ******/
.datepick-popup {
  background-color: white;
  z-index: 10000000000; }

.datepick {
  font-family: 'Roboto', sans-serif;
  width: 340px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
  border: none;
  font-size: 100%;
  border-radius: 5px; }
  .datepick table {
    width: calc(100% - 20px);
    table-layout: fixed;
    margin: 10px;
    margin-top: 0; }
  .datepick a {
    height: auto;
    color: initial; }
  .datepick a.datepick-cmd {
    text-transform: uppercase;
    width: 33%;
    font-weight: 400; }
  .datepick a.datepick-cmd:hover {
    background-color: rgba(0, 0, 0, .1); }
  .datepick a.datepick-cmd-today {
    display: none; }
  .datepick a.datepick-cmd-close {
    float: right; }
  .datepick .datepick-nav, .datepick .datepick-ctrl {
    background-color: transparent;
    padding: 10px 15px;
    font-size: 100%;
    font-weight: normal; }
  .datepick .datepick-month {
    width: 100%;
    border: none;
    border-bottom: 1px solid #dcdcdb; }
  .datepick .datepick-month thead {
    border: none; }
  .datepick .datepick-month th, .datepick .datepick-month th a {
    background-color: #fff;
    color: #666;
    font-weight: 500;
    padding: 10px 0;
    border: none;
    text-align: center; }
  .datepick .datepick-month td {
    background-color: transparent;
    border: none;
    padding: 5px 0;
    text-align: center; }
  .datepick .datepick-month td .datepick-today {
    color: #1ca9e0;
    font-weight: 600;
    background: transparent; }
  .datepick .datepick-month td .datepick-weekend {
    background: transparent; }
  .datepick .datepick-month td .datepick-highlight {
    background-color: rgba(0, 0, 0, .05); }
  .datepick .datepick-month td .datepick-selected {
    background-color: #1ca9e0;
    color: #fff; }
  .datepick .datepick-month a, .datepick .datepick-month span {
    display: inline-block;
    width: auto;
    /* padding: 15px 0; */
    background-color: transparent;
    color: rgba(0, 0, 0, 0.87);
    text-decoration: none;
    width: 37px;
    height: 37px;
    padding-top: 10px;
    border-radius: 50%; }
  .datepick .datepick-month a {
    cursor: pointer; }
  .datepick .datepick-month a.datepick-cmd-prev, .datepick .datepick-month a.datepick-cmd-next {
    padding-top: 5px;
    width: 30px;
    height: 30px;
    color: #fff; }
  .datepick .datepick-month span {
    color: #bfbfc1; }
  .datepick .datepick-month .datepick-month-header {
    height: auto;
    background-color: #1ca9e0;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    padding: 15px;
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
  .datepick .datepick-month .datepick-month-header .datepick-cmd-prev {
    float: left;
    text-indent: -8px; }
  .datepick .datepick-month .datepick-month-header .datepick-cmd-next {
    float: right; }
  .datepick .datepick-month .datepick-month-header .datepick-month-year {
    color: initial; }

.padding-right-12 {
  padding-right: 12px; }
/* ==== STANDALONE SETTINGS ==== */
.banned-user-table, .banned-device-table, .active-version-table {
  width: 100%;
  border: 0;
  margin: 10px 0; }

.banned-item-row {
  padding: 10px 0; }

.banned-user-table th, tr, td, .banned-device-table th, tr, td, .active-version-table th, tr, td {
  padding: 10px; }

.add-new-version {
  padding-bottom: 20px; }

.version-number {
  width: 74% !important; }
/* === ANNOUNCEMENTS === */
.announcements-list {
  position: absolute;
  width: 96%;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .announcements-list .announcement-container {
    position: relative;
    top: 0;
    padding: 10px 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .announcements-list .announcement-container.fadeit {
    opacity: 0;
    top: 20px;
    -webkit-transition: top 0.5s ease-in-out, opacity 0.3s ease;
    -o-transition: top 0.5s ease-in-out, opacity 0.3s ease;
    transition: top 0.5s ease-in-out, opacity 0.3s ease; }
  .announcements-list .announcement-container .announcement-icon {
    width: 58px;
    height: 58px;
    border: 1px solid grey;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: 15px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: center;
    border: none;
    height: 32px;
    width: 32px;
    border-radius: 8px; }
  .announcements-list .announcement-container .announcement-icon.default {
    background-size: 90% !important; }
  .announcements-list .announcement-container .announcement-icon .hr4 {
    position: relative;
    top: 5px;
    text-align: center;
    font-size: 20px;
    color: #fff; }
  .announcements-list .announcement-container .announcement-info {
    position: relative;
    width: calc(100% - 75px);
    display: inline-block;
    opacity: 1;
    top: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
  .announcements-list .announcement-container .announcement-info .announcement-title {
    border-bottom: 1px solid grey; }
  .announcements-list .announcement-container .announcement-info .announcement-title .announcement-name {
    font-size: 18px;
    font-weight: bold; }
  .announcements-list .announcement-container .announcement-info .announcement-title .announcement-date {
    font-size: 12px;
    color: grey; }
  .announcements-list .announcement-container .announcement-info .announcement-content-list {
    margin: 0;
    padding-left: 15px; }
  .announcements-list .announcement-container .announcement-info .announcement-summary {
    margin-top: 10px;
    color: grey;
    width: 100%;
    overflow: visible;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 10px; }
  .announcements-list .announcement-container .announcement-info button.expand-announcement {
    color: white;
    border-radius: 20px;
    transform: scale(0.8);
    position: relative;
    top: -8px;
    outline: none !important;
    box-shadow: none; }
  .announcements-list .announcement-container .announcement-info button.expand-announcement:hover {
    background-color: #106cfe; }

#announcementsModal li {
  margin-left: -40px; }

#announcementsModal .modal-dialog {
  -webkit-transition: width 0.3s ease-in, height 0.5s ease-in;
  -o-transition: width 0.3s ease-in, height 0.5s ease-in;
  transition: width 0.3s ease-in, height 0.5s ease-in; }
  #announcementsModal .modal-dialog .modal-header {
    background: #c21734; }
  #announcementsModal .modal-dialog .modal-content {
    -webkit-transition: all 0.5s cubic-bezier(0, 0.89, 1, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.89, 1, 1);
    transition: all 0.5s cubic-bezier(0, 0.89, 1, 1); }
  #announcementsModal .modal-dialog .modal-body {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  #announcementsModal .modal-dialog .modal-footer {
    height: 61px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  #announcementsModal .modal-dialog.expanded {
    width: 95%; }
  #announcementsModal .modal-dialog.expanded .modal-body {
    width: 50%; }
  #announcementsModal .modal-dialog.expanded .modal-body.expanded {
    width: 100%;
    height: 82vh !important;
    -webkit-transition: all 0.2s cubic-bezier(0, 0.89, 1, 1);
    -o-transition: all 0.2s cubic-bezier(0, 0.89, 1, 1);
    transition: all 0.2s cubic-bezier(0, 0.89, 1, 1); }
  #announcementsModal .modal-dialog.expanded .modal-body .announcement-info {
    width: calc(100% - 150px); }

@media (max-width: 500px) {
  #announcementsModal .announcements-list .announcement-container .announcement-icon {
    width: 30px;
    height: 30px; }
    #announcementsModal .announcements-list .announcement-container .announcement-info .announcement-title {
      text-align: left; }
    #announcementsModal .announcements-list .announcement-container .announcement-icon .hr4 {
      font-size: 18px;
      top: 5px; }
    #announcementsModal .modal-dialog.expanded .modal-body .announcement-icon {
      margin-bottom: 14px;
      margin-left: calc(50% - 58px); }
    #announcementsModal .modal-dialog.expanded {
      width: 95%; } }

.over-9000 {
  z-index: 9999999999 !important; }
/* Generated with Bounce.js. Edit at http://goo.gl/6iLZu5 */
@-webkit-keyframes animJelly {
  0% {
    -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  2.08333% {
    -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  4.16667% {
    -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  6.25% {
    -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  8.33333% {
    -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  10.41667% {
    -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  12.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  14.58333% {
    -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  16.66667% {
    -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  18.75% {
    -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  20.83333% {
    -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  22.91667% {
    -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  25% {
    -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  27.08333% {
    -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  29.16667% {
    -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  31.25% {
    -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  33.33333% {
    -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  35.41667% {
    -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  37.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  39.58333% {
    -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  41.66667% {
    -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  43.75% {
    -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  45.83333% {
    -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  47.91667% {
    -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  50% {
    -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  52.08333% {
    -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  54.16667% {
    -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  56.25% {
    -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  58.33333% {
    -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  60.41667% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  62.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  64.58333% {
    -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  66.66667% {
    -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  68.75% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  70.83333% {
    -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  72.91667% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  75% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  77.08333% {
    -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  79.16667% {
    -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  81.25% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  83.33333% {
    -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  85.41667% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  87.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  89.58333% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  91.66667% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  93.75% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  95.83333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  97.91667% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@keyframes animJelly {
  0% {
    -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  2.08333% {
    -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  4.16667% {
    -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  6.25% {
    -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  8.33333% {
    -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  10.41667% {
    -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  12.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  14.58333% {
    -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  16.66667% {
    -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  18.75% {
    -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  20.83333% {
    -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  22.91667% {
    -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  25% {
    -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  27.08333% {
    -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  29.16667% {
    -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  31.25% {
    -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  33.33333% {
    -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  35.41667% {
    -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  37.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  39.58333% {
    -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  41.66667% {
    -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  43.75% {
    -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  45.83333% {
    -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  47.91667% {
    -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  50% {
    -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  52.08333% {
    -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  54.16667% {
    -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  56.25% {
    -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  58.33333% {
    -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  60.41667% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  62.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  64.58333% {
    -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  66.66667% {
    -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  68.75% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  70.83333% {
    -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  72.91667% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  75% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  77.08333% {
    -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  79.16667% {
    -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  81.25% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  83.33333% {
    -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  85.41667% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  87.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  89.58333% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  91.66667% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  93.75% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  95.83333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  97.91667% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

.limit-lines-1 {
  overflow: hidden;
  position: relative;
  line-height: 1.3em;
  max-height: 1.3em;
  padding-right: 1.7em;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
   not supported by any browser */
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .limit-lines-1:before {
    content: '...';
    position: absolute;
    right: 5px;
    bottom: 0; }
  .limit-lines-1:after {
    content: '';
    position: absolute;
    right: 5px;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white; }

.limit-lines-2 {
  overflow: hidden;
  position: relative;
  line-height: 1.3em;
  max-height: 2.6em;
  padding-right: 1.7em;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
   not supported by any browser */
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .limit-lines-2:before {
    content: '...';
    position: absolute;
    right: 5px;
    bottom: 0; }
  .limit-lines-2:after {
    content: '';
    position: absolute;
    right: 5px;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white; }

.limit-lines-3 {
  overflow: hidden;
  position: relative;
  line-height: 1.3em;
  max-height: 3.9em;
  padding-right: 1.7em;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
   not supported by any browser */
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .limit-lines-3:before {
    content: '...';
    position: absolute;
    right: 5px;
    bottom: 0; }
  .limit-lines-3:after {
    content: '';
    position: absolute;
    right: 5px;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white; }

.limit-lines-4 {
  overflow: hidden;
  position: relative;
  line-height: 1.3em;
  max-height: 5.2em;
  padding-right: 1.7em;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
   not supported by any browser */
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .limit-lines-4:before {
    content: '...';
    position: absolute;
    right: 5px;
    bottom: 0; }
  .limit-lines-4:after {
    content: '';
    position: absolute;
    right: 5px;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white; }

.override-line-limit {
  max-height: fit-content; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
   not supported by any browser */ }
/* reset bootstrap classes for alert icon */
i.alert {
  padding: 0;
  margin: 0;
  border: none; }
/* Can't find anywhere that it's being used */
.wrap {
  overflow: visible !important;
  white-space: normal !important; }

.todo-style-modal {
  max-width: 600px;
  width: 100%;
  padding: 10px;
  position: relative; }
  .todo-style-modal .form-field {
    margin-top: 10px;
    float: left;
    width: 100%;
    position: relative; }
  .todo-style-modal .form-field label {
    float: left;
    margin-top: 5px;
    width: 25%; }
  .todo-style-modal .form-field label .switch {
    display: inline-block; }
  .todo-style-modal .form-field input {
    position: relative;
    margin-bottom: 5px;
    padding: 5px 10px;
    width: 74% !important;
    background-color: white;
    border-color: rgba(0, 0, 0, .1);
    border-radius: 3px;
    outline: 0; }
  .todo-style-modal .form-field input.cust-sel-input {
    margin-bottom: 0;
    width: 100% !important;
    line-height: 28px; }
  .todo-style-modal .form-field .custom-selector {
    float: left;
    width: 74%; }
  .todo-style-modal .form-field .custom-selector .ms-selected-input-container .cust-sel-input {
    padding: 0 5px !important; }

#restrictElectronAccess .modal-dialog {
  max-width: 400px;
  margin: 30px auto !important;
  font-size: 12px; }
  #restrictElectronAccess .modal-dialog .btn-main {
    font-size: 12px;
    width: auto;
    min-width: auto; }

#headerSlogan {
  font-size: 14px; }

.check-in .switch-text, .check-in b {
  font-size: 14px; }

.app-no-support h1, .app-no-support h2, .app-no-support h3 {
  color: #333; }
  .app-no-support #general-info {
    font-size: 14px; }
  .app-no-support .p-title {
    margin-bottom: 10px;
    color: #333 !important; }
  .app-no-support #mockup-images img {
    width: 85%; }
  .app-no-support .general-info-1 {
    font-size: 12px;
    color: #8f8f8f; }
  .app-no-support .browser-img {
    width: 450px;
    height: auto; }
  .app-no-support .info-2 {
    margin-top: 30px;
    font-size: 11px; }
  .app-no-support .browser-inst {
    margin-top: 10px; }
  @media only screen and (max-width: 1769px) {
  .app-no-support .browser-img {
    width: 100%; } }
  @media only screen and (min-width: 500px) and (max-width: 1299px) {
  .app-no-support .info-2 .col-md-4 .browser-img {
    width: 450px; } }
  @media only screen and (max-width: 1299px) {
  .app-no-support .info-2 .col-md-4 {
    float: none; } }
  @media only screen and (min-width: 500px) and (max-width: 991px) {
  .app-no-support .windows-wrapper .browser-img {
    width: 450px; } }

.subtext {
  font-size: 12px;
  color: #a1a3a6; }

.text-upper {
  text-transform: uppercase; }

.text-none {
  text-transform: none; }

.padding-24 {
  padding: 24px !important; }

.padding-16 {
  padding: 16px !important; }

.padding-bottom-16 {
  padding-bottom: 16px !important; }

.padding-top-16 {
  padding-top: 16px !important; }

.nice-time .opt * {
  font-size: 11px; }

.nice-time-details {
  float: right;
  margin-top: 3px;
  color: #d8d8d8; }

.stacked-profile-images .ui, .stacked-profile-images .up {
  position: absolute; }

.general-sort-item {
  position: relative;
  padding-left: 45px !important; }

.general-sort-handle {
  position: absolute;
  height: 15px;
  margin: auto 0;
  top: 0;
  bottom: 0;
  font-size: 15px;
  opacity: 0.085;
  left: 15px;
  cursor: move !important;
  color: black;
  transition: opacity 0.3s; }
  .general-sort-handle:hover {
    opacity: 1; }

.add-mobile-button {
  position: relative; }
  @media only screen and (max-width: 991px) {
  .add-mobile-button {
    border-radius: 50%;
    padding: 0;
    width: 30px;
    height: 30px;
    min-width: auto; } }
  .add-mobile-button .add-mobile-button-text {
    font-size: 27px; }
/* ===== PDF PAGINATION ===== */
#pdf-page-buttons-wrapper a.active {
  color: #106cfe; }

.dynapagination-selector {
  margin: 0; }

.dynapagination-selector li {
  display: inline-block;
  margin: 0;
  padding: 0; }

.dynapagination-selector li a {
  background-color: #fff;
  color: #2fb0e2;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  padding: 0.2em 1em;
  text-decoration: none;
  top: 9px;
  height: 27px; }

.dynapagination-selector li a:hover {
  background-color: #ebebeb; }

.dynapagination-selector li.previous a {
  border-left: 1px solid #d6d6d6; }

.dynapagination-selector li.next a {
  border-right: 1px solid #d6d6d6; }

.dynapagination-selector li.active a {
  color: #fff;
  background-color: #3379b5;
  border: 1px solid #3379b5; }

.dynapagination-selector li.disabled a {
  color: #d6d6d6; }

.dynapagination-selector li.disabled a:hover, .dynapagination-selector li a:focus, .dynapagination-selector li a:active {
  background-color: #fff; }

.dynapagination-selector li a:focus, .dynapagination-selector li a:active {
  color: #2fb0e2; }

.little-blue-dot {
  background: #2fb0e2;
  border-radius: 100%;
  height: 10px;
  width: 10px;
  margin-top: 10px; }

.little-red-dot {
  background: #de1403;
  border-radius: 100%;
  height: 10px;
  width: 10px;
  margin-top: 10px; }

.messages-dot-wrapper {
  display: inline-block;
  margin-right: 3px; }
/* === Change Password === */
.password-meter {
  margin: 0 auto 1em;
  width: 100%;
  height: 0.5em; }

.password-buffer-bottom {
  padding-bottom: 40px; }
/* === TOAST === */
.hr4-toast {
  position: fixed;
  width: 280px;
  right: 3%;
  padding: 10px;
  color: white;
  border-radius: 5px;
  z-index: 9999999;
  cursor: pointer;
  -webkit-box-shadow: 5px 4px 13px -4px rgba(0, 0, 0, 0.67);
  -moz-box-shadow: 5px 4px 13px -4px rgba(0, 0, 0, 0.67);
  box-shadow: 5px 4px 13px -4px rgba(0, 0, 0, 0.67);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.hr4-toast.regular {
  background-color: #106cfe; }

.hr4-toast.alert {
  background-color: #e9c928; }

.hr4-toast.error {
  background-color: #de1403; }
  .hr4-toast.error .active-model-errors {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .hr4-toast.error .active-model-errors.error-header {
    width: 100%; }
  .hr4-toast.error .active-model-errors.error-category {
    width: 100%;
    border-bottom: 1px solid ;
    padding-bottom: 2px;
    margin-bottom: 2px; }
  .hr4-toast.error .active-model-errors.error-list {
    width: 100%;
    list-style-type: none;
    padding: 0px;
    margin: 0px; }

.hr4-toast.success {
  background-color: #2c9a86; }

.toastContent {
  position: relative;
  width: 100%; }

.pointerBox {
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: #106cfe;
  top: -14px;
  right: 0px;
  transform: rotateZ(45deg); }

.hr4-toast.toastHide {
  -webkit-animation-direction: reverse;
  animation-direction: reverse; }

.hr4-toast p {
  margin: 0;
  line-height: 1.3; }

.hr4-toast a {
  color: #5699bc; }

.hr4-toast a:hover, .hr4-toast a:focus {
  color: #fff; }

.hr4-toast .close::before, .hr4-toast .close::after {
  background: #5699bc; }

.hr4-toast .close:hover::before, .hr4-toast .close:hover::after {
  background: #fff; }

.hr4-toast.toastShow {
  -webkit-animation-name: animJelly;
  animation-name: animJelly;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

.hr4-toast.toastHide {
  -webkit-animation-name: animFade;
  animation-name: animFade;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s; }

@-webkit-keyframes animFade {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes animFade {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@media only screen and (max-width: 991px) {
  .hide-on-mobile {
    display: none !important; } }

#filePreviewModal .modal-body img {
  max-width: 100%;
  max-height: 100%; }

.email-tagged-users-wrapper, .hidden-from-employee-wrapper {
  float: right;
  position: relative; }

.monthpicker-popup .ui-datepicker-title {
  clear: both; }
  .monthpicker-popup .ui-datepicker-title select {
    padding: 0; }
  .monthpicker-popup .ui-datepicker-close {
    float: right; }

.ud {
  position: relative; }
  .ud > div:first-child {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .ud > div:first-child + div {
    position: relative;
    left: 36px;
    width: calc(100% - 36px); }
  .ud > div:first-child + div > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ud > div:first-child + div > div:first-child {
    font-size: 13px; }
  .ud > div:first-child + div > div:not(:first-child) {
    font-size: 11px;
    color: #a1a3a6; }
  .ud.ud-50 > div:first-child {
    width: 50px;
    height: 50px; }
  .ud.ud-50 > div:first-child + div {
    left: 59px;
    width: calc(100% - 59px); }
  .ud.ud-50 .ui {
    font-size: 24px; }

.list-row {
  padding: 20px 5px; }
  .list-row:after {
    content: "";
    display: table;
    clear: both; }

@media print {
  body.modal-open {
    overflow: visible !important;
    height: auto !important;
    float: none;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important; }
    body.modal-open * {
      display: none !important;
      text-indent: 0 !important; }
    body.modal-open .modal.in {
      display: block !important;
      overflow: visible !important;
      max-height: unset !important;
      float: none;
      height: auto;
      position: static; }
      body.modal-open .modal.in * {
        display: initial !important; }
      body.modal-open .modal.in .modal-header {
        border: none;
        padding: 0 !important; }
        body.modal-open .modal.in .modal-header .close-button {
          display: none !important; }
      body.modal-open .modal.in .modal-footer {
        display: none !important; }
      body.modal-open .modal.in .modal-dialog {
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        position: static;
        display: block !important; }
      body.modal-open .modal.in .modal-content {
        overflow: visible !important;
        float: none;
        position: static;
        margin: 0;
        border-radius: 0;
        display: block !important; }
      body.modal-open .modal.in .modal-body {
        overflow: visible !important;
        max-height: unset !important;
        float: none;
        height: auto;
        margin: 0;
        position: static;
        padding: 0 !important;
        display: block !important; }
        body.modal-open .modal.in .modal-body * {
          padding: 0 !important;
          margin: 0 !important; }
        body.modal-open .modal.in .modal-body .col-xs-12 {
          width: 100% !important; }
      body.modal-open .modal.in style {
        display: none !important; }
      body.modal-open .modal.in p {
        width: 100%;
        float: none;
        display: block !important;
        clear: both; }
    body.modal-open .modal-content {
      overflow: visible !important; }
    body.modal-open .modal-body {
      overflow: visible !important;
      max-height: unset !important; }
    body.modal-open style {
      display: none !important; }
    body.modal-open p {
      width: 100%;
      float: left;
      clear: both; } }

#photoVerificationModal #overlay-text {
  width: 100%;
  font-size: 13px; }

.th-5 {
  width: 5%; }

.th-10 {
  width: 10%; }

.th-15 {
  width: 15%; }

.th-20 {
  width: 20%; }
/* Heights */
.height_zero {
  height: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  overflow: hidden; }

.cs-arrow {
  font-size: 12px; }
/* Alignment */
.align-left {
  text-align: left; }

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

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

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

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

.align-vertical-middle {
  vertical-align: middle; }
/* Float */
.floatr {
  float: right; }

.floatl {
  float: left; }

.clear {
  clear: both; }

.install-card {
  padding: 15px 15px 0;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-top: 40px; }

.install-card-header {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  align-content: stretch;
  margin-top: 15px;
  border-bottom-width: 0; }

.install-h1 {
  padding: 20px 0 0; }

.install-grey {
  color: #dcdbdb; }

.install-active-text {
  color: #de1403; }

.install-inactive-text {
  color: #a1a3a6; }

.install-solid-circle {
  height: 100px;
  width: 100px;
  background-color: #de1403;
  border-radius: 50%;
  display: inline-block;
  color: white;
  font-size: 40px;
  padding-top: 18px;
  font-weight: 700; }

.message-modal-box {
  border-radius: 8px;
  background: #f2f2f2;
  padding: 24px;
  border: 1px solid rgba(0, 0, 0, 0.05); }

.general-grey-sub-text {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: left;
  color: rgba(51, 51, 51, .5); }

.general-text {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.15x;
  text-align: left; }

.general-sub-text {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.25px;
  text-align: left; }

.padding-24-16 {
  padding: 16px 24px; }

.message-modal-title {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.1px;
  text-align: left; }

.culture-modal-arrow, .message-modal-arrow, .event-modal-arrow {
  padding: 5px;
  color: rgba(51, 51, 51, 0.5); }

#message-available-to-title, #message-sent-to-title, #culture-available-to-title, #culture-sent-to-title, #event-available-to-title, #event-sent-to-title, #event-post-on-content {
  color: #000;
  font-size: 12px; }

.message-culture-event-popup-grey {
  color: rgba(51, 51, 51, 0.5);
  font-family: Roboto;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px; }

.install-circle {
  height: 100px;
  width: 100px;
  border-style: solid;
  border-width: 5px;
  color: #de1403;
  border-radius: 50%;
  display: inline-block;
  color: #de1403;
  font-size: 40px;
  padding-top: 18px;
  font-weight: 700; }

.install-card-content {
  padding: 40px; }

.install-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5; }

.install-scroll::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5; }

.install-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #555; }

.padding-top-bottom-40 {
  padding-top: 40px;
  padding-bottom: 40px; }
/**Uprade Button Css**/
#upgradeModal .product-section ul {
  padding-left: 0; }

#upgradeModal .product-section ul li {
  list-style-type: none; }

.product-section .tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  white-space: nowrap; }

.product-section .tab {
  position: relative; }

.product-section .tabs .tab {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  text-transform: uppercase; }

.product-section .tabs .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px; }

.product-section .tab a {
  color: #939598 !important;
  font-weight: 700;
  background-color: #fff !important;
  text-transform: capitalize;
  font-size: 18px !important;
  text-align: left !important;
  padding: 0 !important;
  line-height: 35px; }

.product-section .tabs .tab a {
  color: rgba(238, 110, 115, 0.7);
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color 0.28s ease, background-color 0.28s ease; }

.product-section .tab a::after {
  content: '';
  height: 4px;
  background-color: #939598;
  border-radius: 100px;
  display: block;
  position: absolute;
  width: 33%;
  bottom: 0;
  left: 0;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }

.product-section li.active a {
  color: #231f20 !important; }

.upgrade-title {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 3rem;
  line-height: 125%;
  color: #003055;
  display: inline-block; }

#upgradeModal .close {
  color: #000 !important; }

.btn-sales {
  background-color: #02a8e2;
  border-color: #02a8e2;
  text-transform: uppercase; }

.btn-sales:hover, .btn-sales:focus {
  background-color: #02a8e2;
  border-color: #02a8e2; }

.modal-content .product-section {
  font-weight: normal; }

.products-tab-content {
  margin-top: 20px; }

#upgradeModal .modal-body {
  height: auto !important;
  min-height: 460px; }

#upgradeModal .tab-content {
  display: block; }

.product-section .tab a:hover {
  color: #231f20 !important; }

.product-section .tab a:hover::after {
  content: '';
  width: 40%;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }

.product-section .tabs .tab a:focus, .tabs .tab a:focus.active {
  outline: none;
  outline-color: initial;
  outline-style: none;
  outline-width: initial; }

.product-section li.active a:hover::after, .product-section li.active a::after {
  content: '';
  background-color: #2aade3;
  width: 80%;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }

.upgrade-site {
  margin-right: 0;
  margin-top: 15px;
  background-color: #00bf9d; }

.product-section .tab .fa, .product-section .tab .fas {
  color: #b2b2b2;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: transparent;
  border-radius: 8px;
  padding-left: 20px;
  padding-right: 20px; }

.product-section li.active .fa, .product-section li.active .fas {
  color: #fff;
  background-color: #01a7e5; }

.trigger-intercom-password-recovery {
  margin-bottom: 0 !important;
  background-color: transparent !important; }

.width-20-px {
  width: 20px; }
/**Added to fix History - VIEW IN APP button in French**/
.policy-button .btn-main, .learn-button .btn-main, .forms-button .btn-main, .book-item-button .btn-main {
  width: 150px; }

#snapshot {
  height: 760px; }

i.hr4.total_tasks {
  font-size: 14px; }

.trumbowyg-dropdown-table {
  width: auto !important; }

.trumbowyg-tableDestroy-dropdown-button.trumbowyg-table-delete-button {
  display: none; }

@media screen and (max-width: 767px) {
  .upgrade-site {
    display: none; }

  .product-section li.active a:hover::after, .product-section li.active a::after, .product-section .tab a:hover::after, .product-section .tab a::after {
    background-color: transparent;
    transition: none;
    content: none; }

  .hide-on-mob {
    display: none !important; }

  .upgrade-title {
    font-size: 26px; }

  .hide-on-sm-mobile {
    display: none !important; }

  .top-sm-0 {
    top: 0px !important; } }

@media screen and (min-width: 993px) {
  .product-section .tabs .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto; } }

@media screen and (max-width: 500px) {
  #upgradeModal .modal-body, #upgradeModal .modal-header {
    padding: 15px; }

  .upgrade-title {
    max-width: 96%; }

  #upgradeModal .close {
    right: 15px !important; } }

@media screen and (min-width: 768px) {
  #upgrade-trigger {
    display: none; }

  .hide-on-desk {
    display: none !important; } }

@media (max-width: 767px) {
  .collection-item {
    display: flex; }
    .collection-item.ci-mo {
      display: block; }
    .collection-item .ci-m-f.width-xs-20, .collection-item .ci-m-m.width-xs-20, .collection-item .ci-m-l.width-xs-20, .collection-item .ci-m-f.width-xs-10, .collection-item .ci-m-m.width-xs-10, .collection-item .ci-m-l.width-xs-10, .collection-item .ci-m-f.width-xs-15, .collection-item .ci-m-m.width-xs-15, .collection-item .ci-m-l.width-xs-15 {
      width: 100% !important; }
    .collection-item .ci-m-f {
      border-bottom: none;
      border-right: none;
      border-left: none; }
      .collection-item .ci-m-f:not(.cio-m-f, .cipi-m-f, .cipi-m-f-wpi) {
        width: 100%; }
      .collection-item .ci-m-f.ci-m-f-wpi {
        width: calc(100% - 50px);
        padding-left: 6px; }
      .collection-item .ci-m-f.width-m-5 {
        width: 5% !important; }
      .collection-item .ci-m-f.width-m-10 {
        width: 10% !important; }
      .collection-item .ci-m-f.width-m-15 {
        width: 15% !important; }
      .collection-item .ci-m-f.width-m-90, .collection-item .ci-m-f.width-m-95 {
        width: 90% !important; }
      .collection-item .ci-m-f.width-m-85 {
        width: 85% !important; }
    .collection-item .cio-m-f {
      position: absolute;
      right: 6px;
      top: 6px;
      border: none;
      width: 14px;
      padding-bottom: 5px; }
    .collection-item .cipi-m-f {
      padding: 16px 0 0 6px;
      margin: 0 auto;
      width: 50px;
      border-bottom: none;
      border-right: none;
      border-left: none; }
      .collection-item .cipi-m-f .ui {
        width: 30px;
        height: 30px; }
    .collection-item .ci-m-m {
      width: 100%;
      border: none;
      padding-top: 5px;
      padding-bottom: 5px; }
      .collection-item .ci-m-m.ci-m-m-wpi {
        padding-left: 55px; }
      .collection-item .ci-m-m.padding-left-m-5 {
        padding-left: calc(5% + 15px); }
    .collection-item .ci-m-l {
      width: 100%;
      border-top: none;
      border-right: none;
      border-left: none;
      padding-top: 5px; }
      .collection-item .ci-m-l.ci-m-l-wpi {
        padding-left: 55px; }
      .collection-item .ci-m-l.padding-left-m-5 {
        padding-left: calc(5% + 15px); }

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

  .margin-top-10-xs {
    margin-top: 10px; } }

@media screen and (max-width: 360px) {
  .product-section .tabs .col {
    padding: 0 2px; }

  .collection-item .ci-m-f.width-m-5, .collection-item .ci-m-m.width-m-5, .collection-item .ci-m-l.width-m-5, .collection-item .ci-m-f.width-m-10, .collection-item .ci-m-m.width-m-10, .collection-item .ci-m-l.width-m-10 {
    width: 20% !important; }
    .collection-item .ci-m-f.width-m-90, .collection-item .ci-m-m.width-m-90, .collection-item .ci-m-l.width-m-90, .collection-item .ci-m-f.width-m-95, .collection-item .ci-m-m.width-m-95, .collection-item .ci-m-l.width-m-95 {
      width: 80% !important; }
    .collection-item .ci-m-f.padding-left-m-5, .collection-item .ci-m-m.padding-left-m-5, .collection-item .ci-m-l.padding-left-m-5 {
      padding-left: calc(20% + 15px); } }
/*
 .hr4-submit{
 height:30px!important;
 }
 .hr4-submit div{
 height:30px!important;
 }*/
.inactive-manager-section {
  border-radius: 10px;
  box-shadow: 5px 5px 10px #a1a3a6; }

.course-actions-wrapper .btn-main-sm, .category-actions-wrapper .btn-main-sm, #all_surveys .btn-main-sm, #pending-surveys .btn-main-sm, #archived_surveys .btn-main-sm, #finished-surveys .btn-main-sm, #in-progress-surveys .btn-main-sm, .course-actions-wrapper .btn-main-sm-main, .category-actions-wrapper .btn-main-sm-main, #all_surveys .btn-main-sm-main, #pending-surveys .btn-main-sm-main, #archived_surveys .btn-main-sm-main, #finished-surveys .btn-main-sm-main, #in-progress-surveys .btn-main-sm-main {
  color: #231f20;
  background-color: transparent; }
  .course-actions-wrapper .btn-main-sm .hr4.ellipsis-h, .category-actions-wrapper .btn-main-sm .hr4.ellipsis-h, #all_surveys .btn-main-sm .hr4.ellipsis-h, #pending-surveys .btn-main-sm .hr4.ellipsis-h, #archived_surveys .btn-main-sm .hr4.ellipsis-h, #finished-surveys .btn-main-sm .hr4.ellipsis-h, #in-progress-surveys .btn-main-sm .hr4.ellipsis-h, .course-actions-wrapper .btn-main-sm-main .hr4.ellipsis-h, .category-actions-wrapper .btn-main-sm-main .hr4.ellipsis-h, #all_surveys .btn-main-sm-main .hr4.ellipsis-h, #pending-surveys .btn-main-sm-main .hr4.ellipsis-h, #archived_surveys .btn-main-sm-main .hr4.ellipsis-h, #finished-surveys .btn-main-sm-main .hr4.ellipsis-h, #in-progress-surveys .btn-main-sm-main .hr4.ellipsis-h {
    font-size: 14px; }
  .course-actions-wrapper .btn-main-sm .hr4.ellipsis-h::before, .category-actions-wrapper .btn-main-sm .hr4.ellipsis-h::before, #all_surveys .btn-main-sm .hr4.ellipsis-h::before, #pending-surveys .btn-main-sm .hr4.ellipsis-h::before, #archived_surveys .btn-main-sm .hr4.ellipsis-h::before, #finished-surveys .btn-main-sm .hr4.ellipsis-h::before, #in-progress-surveys .btn-main-sm .hr4.ellipsis-h::before, .course-actions-wrapper .btn-main-sm-main .hr4.ellipsis-h::before, .category-actions-wrapper .btn-main-sm-main .hr4.ellipsis-h::before, #all_surveys .btn-main-sm-main .hr4.ellipsis-h::before, #pending-surveys .btn-main-sm-main .hr4.ellipsis-h::before, #archived_surveys .btn-main-sm-main .hr4.ellipsis-h::before, #finished-surveys .btn-main-sm-main .hr4.ellipsis-h::before, #in-progress-surveys .btn-main-sm-main .hr4.ellipsis-h::before {
    content: "\e9a2"; }
  .course-actions-wrapper .btn-main-sm:active, .category-actions-wrapper .btn-main-sm:active, #all_surveys .btn-main-sm:active, #pending-surveys .btn-main-sm:active, #archived_surveys .btn-main-sm:active, #finished-surveys .btn-main-sm:active, #in-progress-surveys .btn-main-sm:active, .course-actions-wrapper .btn-main-sm-main:active, .category-actions-wrapper .btn-main-sm-main:active, #all_surveys .btn-main-sm-main:active, #pending-surveys .btn-main-sm-main:active, #archived_surveys .btn-main-sm-main:active, #finished-surveys .btn-main-sm-main:active, #in-progress-surveys .btn-main-sm-main:active, .course-actions-wrapper .btn-main-sm.active, .category-actions-wrapper .btn-main-sm.active, #all_surveys .btn-main-sm.active, #pending-surveys .btn-main-sm.active, #archived_surveys .btn-main-sm.active, #finished-surveys .btn-main-sm.active, #in-progress-surveys .btn-main-sm.active, .course-actions-wrapper .btn-main-sm-main.active, .category-actions-wrapper .btn-main-sm-main.active, #all_surveys .btn-main-sm-main.active, #pending-surveys .btn-main-sm-main.active, #archived_surveys .btn-main-sm-main.active, #finished-surveys .btn-main-sm-main.active, #in-progress-surveys .btn-main-sm-main.active {
    outline: none; }
  .course-actions-wrapper .btn-main-sm:active:focus, .category-actions-wrapper .btn-main-sm:active:focus, #all_surveys .btn-main-sm:active:focus, #pending-surveys .btn-main-sm:active:focus, #archived_surveys .btn-main-sm:active:focus, #finished-surveys .btn-main-sm:active:focus, #in-progress-surveys .btn-main-sm:active:focus, .course-actions-wrapper .btn-main-sm-main:active:focus, .category-actions-wrapper .btn-main-sm-main:active:focus, #all_surveys .btn-main-sm-main:active:focus, #pending-surveys .btn-main-sm-main:active:focus, #archived_surveys .btn-main-sm-main:active:focus, #finished-surveys .btn-main-sm-main:active:focus, #in-progress-surveys .btn-main-sm-main:active:focus, .course-actions-wrapper .btn-main-sm.active:focus, .category-actions-wrapper .btn-main-sm.active:focus, #all_surveys .btn-main-sm.active:focus, #pending-surveys .btn-main-sm.active:focus, #archived_surveys .btn-main-sm.active:focus, #finished-surveys .btn-main-sm.active:focus, #in-progress-surveys .btn-main-sm.active:focus, .course-actions-wrapper .btn-main-sm-main.active:focus, .category-actions-wrapper .btn-main-sm-main.active:focus, #all_surveys .btn-main-sm-main.active:focus, #pending-surveys .btn-main-sm-main.active:focus, #archived_surveys .btn-main-sm-main.active:focus, #finished-surveys .btn-main-sm-main.active:focus, #in-progress-surveys .btn-main-sm-main.active:focus {
    outline: none; }
  .course-actions-wrapper .btn-main-sm:focus, .category-actions-wrapper .btn-main-sm:focus, #all_surveys .btn-main-sm:focus, #pending-surveys .btn-main-sm:focus, #archived_surveys .btn-main-sm:focus, #finished-surveys .btn-main-sm:focus, #in-progress-surveys .btn-main-sm:focus, .course-actions-wrapper .btn-main-sm-main:focus, .category-actions-wrapper .btn-main-sm-main:focus, #all_surveys .btn-main-sm-main:focus, #pending-surveys .btn-main-sm-main:focus, #archived_surveys .btn-main-sm-main:focus, #finished-surveys .btn-main-sm-main:focus, #in-progress-surveys .btn-main-sm-main:focus {
    outline: none; }
/*************************************************************************FULL SCREEN START******************************************************************************************************************************/
.page-content-wrapper {
  position: relative; }

.subtitle-1 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #1b1b1d;
  /*@include for-laptop {
   font-size: 13px;
   line-height: 19px;
   }*/ }

.subtitle-2 {
  font-size: 14px;
  line-height: 24px;
  display: block;
  font-weight: 500;
  /*@include for-laptop {
   font-size: 11px;
   line-height: 19px;
   }*/ }

.caption.message-body {
  white-space: normal; }

.caption {
  font-size: 12px;
  line-height: 16px;
  /*@include for-laptop {
   font-size: 10px;
   line-height: 13px;
   }*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .caption.one-row {
    max-height: 20px; }
  .caption.two-rows {
    max-height: 40px; }
  .caption.three-rows {
    max-height: 60px; }

.name-container {
  float: left;
  text-align: right; }
  .name-container .subtitle-2 {
    /*@include for-laptop {
     font-size: 14px;
     line-height: 24px;
     }*/ }
  .name-container .caption {
    /*@include for-laptop {
     font-size: 12px;
     line-height: 16px;
     }*/ }

.full-screen .container-fluid.header-nav-list {
  padding-right: 16px;
  padding-left: 16px;
  padding-top: 0; }
  @media (max-width: 991px) {
  .full-screen .container-fluid.header-nav-list {
    margin-right: -10px;
    margin-left: -10px; } }

.navbar {
  border-bottom: none;
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, .15); }
  @media (max-width: 991px) {
    .navbar .navbar-sitename {
      height: auto;
      line-height: inherit;
      margin-top: 6px; }
      .navbar .navbar-sitename img {
        max-height: 32px; } }
  @media (max-width: 991px) {
    .navbar.navbar-fixed-top {
      min-height: auto;
      box-shadow: none;
      height: 44px;
      box-shadow: none; } }
  .navbar ul.navbar-wrapper li.check-in {
    padding: 8px 4px 8px 12px; }
  .navbar ul.navbar-wrapper li #headerSlogan {
    padding: 20px 0px 0px 8px;
    font-size: 14px;
    font-weight: 700;
    color: #de1403; }
  .navbar ul.navbar-wrapper .image {
    padding-left: 0; }
  @media (max-width: 991px) {
      .navbar ul.navbar-wrapper .image {
        padding-left: 15px; } }

.container-fluid {
  padding-left: 36px;
  padding-right: 36px;
  padding-top: 15px; }
  @media (max-width: 991px) {
  .container-fluid {
    padding-left: 16px;
    padding-right: 16px; } }

@media only screen and (max-width: 991px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 15px; } }

.full-screen {
  /* total width */
  /* background of the scrollbar except button or resizer */
  /* scrollbar itself */
  /* set button(top and bottom of the scrollbar) */
  /******* end of newest *****/
  /**app icons start**/
  /**app icons ends**/
  /**Tabs panel start**/
  /**Tabs panel end**/
  /*****************************************trends slider homepage*********************************/
  /*****************************************trends slider homepage ends*********************************/ }
  .full-screen .collection-item, .full-screen .collection-item-header {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(51, 51, 51, 0.12); }
  .full-screen .collection-item > div {
    padding: 12px 16px;
    border: none;
    height: inherit; }
  .full-screen .collection-item > div > span {
    height: 20px; }
  .full-screen .container-fluid {
    padding-top: 32px; }
  .full-screen .row {
    margin-left: -12px;
    margin-right: -12px; }
  .full-screen .col-xs-1, .full-screen .col-sm-1, .full-screen .col-md-1, .full-screen .col-lg-1, .full-screen .col-xs-2, .full-screen .col-sm-2, .full-screen .col-md-2, .full-screen .col-lg-2, .full-screen .col-xs-3, .full-screen .col-sm-3, .full-screen .col-md-3, .full-screen .col-lg-3, .full-screen .col-xs-4, .full-screen .col-sm-4, .full-screen .col-md-4, .full-screen .col-lg-4, .full-screen .col-xs-5, .full-screen .col-sm-5, .full-screen .col-md-5, .full-screen .col-lg-5, .full-screen .col-xs-6, .full-screen .col-sm-6, .full-screen .col-md-6, .full-screen .col-lg-6, .full-screen .col-xs-7, .full-screen .col-sm-7, .full-screen .col-md-7, .full-screen .col-lg-7, .full-screen .col-xs-8, .full-screen .col-sm-8, .full-screen .col-md-8, .full-screen .col-lg-8, .full-screen .col-xs-9, .full-screen .col-sm-9, .full-screen .col-md-9, .full-screen .col-lg-9, .full-screen .col-xs-10, .full-screen .col-sm-10, .full-screen .col-md-10, .full-screen .col-lg-10, .full-screen .col-xs-11, .full-screen .col-sm-11, .full-screen .col-md-11, .full-screen .col-lg-11, .full-screen .col-xs-12, .full-screen .col-sm-12, .full-screen .col-md-12, .full-screen .col-lg-12 {
    padding-right: 12px;
    padding-left: 12px; }
  .full-screen .sidebar-content-wrapper {
    padding: 32px; }
  .full-screen .modal-header {
    padding: 24px; }
  .full-screen .page-sidebar .card {
    border: none; }
  .full-screen .page-sidebar .menu {
    padding: 16px;
    list-style: none;
    margin: 0;
    height: 100%;
    overflow: hidden; }
  .full-screen .page-sidebar .menu li {
    color: #000;
    transition: background-color 0.3s;
    display: block; }
  .full-screen .page-sidebar .menu li.active > a, .full-screen .page-sidebar .menu li:hover > a {
    border-left: none;
    background-color: #edf4ff;
    border-radius: 8px;
    color: #000; }
  .full-screen .page-sidebar .menu li a {
    padding: 15px;
    display: block;
    margin: 0;
    color: #000; }
    .full-screen .page-sidebar .menu li a:hover {
      background-color: rgba(0, 0, 0, 0.05); }
  .full-screen .page-sidebar .menu li.menu-label:hover {
    background-color: initial; }
    .full-screen .page-sidebar .menu li.menu-label label {
      padding: 0 0 5px;
      font-weight: 500;
      color: rgba(51, 51, 51, 0.2);
      font-size: 14px;
      letter-spacing: 0.1px; }
  .full-screen .page-sidebar .menu li.menu-item-indented a {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px; }
  .full-screen .page-sidebar .menu li.menu-item-indented.children a {
    padding-left: 35px; }
  .full-screen .sub-menu {
    padding: 0;
    list-style: none;
    margin: 0;
    display: none;
    background-color: #f9f9f9;
    border-left: 2px solid #dcdbdb; }
  .full-screen .sub-menu li a {
    padding: 6px 20px; }
  .full-screen li.expanded > .sub-menu {
    display: block; }
  .full-screen li.expanded > a .menu-dropdown-arrow {
    transform: rotate(180deg);
    margin-top: 0; }
  .full-screen li .menu-dropdown-arrow {
    float: right;
    line-height: 18px;
    transform: rotate(0deg);
    transition: all 0.3s;
    margin-top: 3px; }
  .full-screen .collection-item-header > div {
    padding: 16px; }
  .full-screen li.collection-item-header div span {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px; }
  .full-screen .card-header {
    width: 100%;
    background: #fff;
    border-radius: 8px 8px 0px 0px;
    border-bottom: none;
    padding: 30px 24px;
    height: 84px; }
  .full-screen .card-header .btn {
    margin-top: 16px; }
  .full-screen .card-header .action-buttons {
    position: absolute;
    right: 36px;
    top: 24px; }
  .full-screen .card-header .action-buttons .card-header-search-with-btn {
    margin-right: 12px; }
  .full-screen .card-header h2 {
    margin: 0; }
  .full-screen .card-body {
    padding: 0px 12px; }
  .full-screen .card-header-mini {
    width: 100%;
    background: #f2f0f4;
    border-radius: 8px 8px 0px 0px;
    padding: 12px 24px;
    min-height: 38px;
    border-bottom: 0; }
  .full-screen .card-content label {
    letter-spacing: 0.1px;
    color: #333; }
  .full-screen .card-body-mini {
    padding-top: 0;
    padding-bottom: 0; }
  .full-screen .card-body-mini.with-carousel {
    padding-bottom: 45px; }
  .full-screen .panel-border {
    border: 1px solid #cfcfcf !important;
    padding: 9px 15px; }
  .full-screen .dropdown a {
    color: #333; }
  .full-screen .with-footer {
    padding-bottom: 120px; }
  .full-screen .timeoff-settings-row {
    box-shadow: none;
    border: 1px solid #cfcfcf; }
  .full-screen .file-title-label {
    margin-top: 16px; }
  .full-screen .type_based .add-file-wrapper {
    padding: 0; }
  .full-screen .form-control {
    height: 40px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    border: 1px solid rgba(51, 51, 51, 0.2);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none; }
  .full-screen input, .full-screen textarea {
    padding: 10px 16px;
    border-radius: 4px;
    border: 1px solid rgba(51, 51, 51, 0.2);
    line-height: 18px; }
  .full-screen input.cust-sel-input {
    padding: 10px 24px 10px 16px;
    border-radius: 4px;
    border: 1px solid rgba(51, 51, 51, .2);
    line-height: 18px; }
  .full-screen .ms-selected-input-container {
    padding: 0 3px;
    border: 1px solid rgba(51, 51, 51, 0.2);
    border-radius: 4px;
    background: #fff; }
  .full-screen .ms-selected-input-container::placeholder, .full-screen .ms-selected-input-container:-ms-input-placeholder, .full-screen .ms-selected-input-container::-ms-input-placeholder {
    color: #333;
    opacity: 0.2; }
  .full-screen .ms-selected-input-container input.cust-sel-input {
    border: none;
    width: 100%;
    padding-left: 10px; }
  .full-screen .card-content {
    padding: 32px; }
  .full-screen .cs-arrow {
    right: 16px;
    bottom: 18px;
    color: #333;
    top: 18px; }
  .full-screen .ms-selected-items {
    padding: 0;
    float: left;
    margin-top: 3px; }
  .full-screen .trumbowyg-box {
    border: 1px solid rgba(51, 51, 51, 0.2);
    border-radius: 4px; }
  .full-screen .ms-selected-items > div:not(.locked) {
    border: 1px solid #000;
    padding: 4px 8px;
    padding-right: 30px; }
  .full-screen .ms-selected-items > div i.remove {
    font-size: 8px;
    top: 11px;
    right: 8px; }
  .full-screen .ms-selected-items > div {
    overflow: inherit;
    line-height: 22px;
    margin-bottom: 3px; }
  .full-screen .action-row:hover {
    background: #ededed; }
  .full-screen .action-cell i {
    cursor: pointer; }
  .full-screen .card-overflow-y {
    height: calc(100vh - 297px);
    overflow-y: scroll; }
  .full-screen .card-full-height {
    min-height: calc(100vh - 297px); }
  .full-screen .card-body {
    border-top: 1px solid rgba(0, 0, 0, .12); }
  .full-screen .card-wrapper.with-footer .card-body {
    padding-bottom: 72px; }
  .full-screen .card-wrapper.with-footer .card-full-height {
    min-height: calc(100vh - 297px); }
  .full-screen .card-wrapper.with-footer .card-footer {
    margin-left: 12px;
    margin-right: 12px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px; }
  .full-screen .sidebar-filler {
    display: block;
    position: absolute;
    top: 72px;
    left: 0;
    background: #fff;
    height: calc(100% - 72px);
    width: 238px;
    border-right: 1px solid rgba(0, 0, 0, 0.12); }
  @media (min-width: 1400px) {
  .full-screen .container {
    width: 1370px; }
  .full-screen .col-xl-1, .full-screen .col-xl-2, .full-screen .col-xl-3, .full-screen .col-xl-4, .full-screen .col-xl-5, .full-screen .col-xl-6, .full-screen .col-xl-7, .full-screen .col-xl-8, .full-screen .col-xl-9, .full-screen .col-xl-10, .full-screen .col-xl-11, .full-screen .col-xl-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  .full-screen .col-xl-12 {
    width: 100%; }
  .full-screen .col-xl-11 {
    width: 91.66667%; }
  .full-screen .col-xl-10 {
    width: 83.33333%; }
  .full-screen .col-xl-9 {
    width: 75%; }
  .full-screen .col-xl-8 {
    width: 66.66667%; }
  .full-screen .col-xl-7 {
    width: 58.33333%; }
  .full-screen .col-xl-6 {
    width: 50%; }
  .full-screen .col-xl-5 {
    width: 41.66667%; }
  .full-screen .col-xl-4 {
    width: 33.33333%; }
  .full-screen .col-xl-3 {
    width: 25%; }
  .full-screen .col-xl-2 {
    width: 16.66667%; }
  .full-screen .col-xl-1 {
    width: 8.33333%; }
  .full-screen .col-xl-pull-12 {
    right: 100%; }
  .full-screen .col-xl-pull-11 {
    right: 91.66667%; }
  .full-screen .col-xl-pull-10 {
    right: 83.33333%; }
  .full-screen .col-xl-pull-9 {
    right: 75%; }
  .full-screen .col-xl-pull-8 {
    right: 66.66667%; }
  .full-screen .col-xl-pull-7 {
    right: 58.33333%; }
  .full-screen .col-xl-pull-6 {
    right: 50%; }
  .full-screen .col-xl-pull-5 {
    right: 41.66667%; }
  .full-screen .col-xl-pull-4 {
    right: 33.33333%; }
  .full-screen .col-xl-pull-3 {
    right: 25%; }
  .full-screen .col-xl-pull-2 {
    right: 16.66667%; }
  .full-screen .col-xl-pull-1 {
    right: 8.33333%; }
  .full-screen .col-xl-pull-0 {
    right: auto; }
  .full-screen .col-xl-push-12 {
    left: 100%; }
  .full-screen .col-xl-push-11 {
    left: 91.66667%; }
  .full-screen .col-xl-push-10 {
    left: 83.33333%; }
  .full-screen .col-xl-push-9 {
    left: 75%; }
  .full-screen .col-xl-push-8 {
    left: 66.66667%; }
  .full-screen .col-xl-push-7 {
    left: 58.33333%; }
  .full-screen .col-xl-push-6 {
    left: 50%; }
  .full-screen .col-xl-push-5 {
    left: 41.66667%; }
  .full-screen .col-xl-push-4 {
    left: 33.33333%; }
  .full-screen .col-xl-push-3 {
    left: 25%; }
  .full-screen .col-xl-push-2 {
    left: 16.66667%; }
  .full-screen .col-xl-push-1 {
    left: 8.33333%; }
  .full-screen .col-xl-push-0 {
    left: auto; }
  .full-screen .col-xl-offset-12 {
    margin-left: 100%; }
  .full-screen .col-xl-offset-11 {
    margin-left: 91.66667%; }
  .full-screen .col-xl-offset-10 {
    margin-left: 83.33333%; }
  .full-screen .col-xl-offset-9 {
    margin-left: 75%; }
  .full-screen .col-xl-offset-8 {
    margin-left: 66.66667%; }
  .full-screen .col-xl-offset-7 {
    margin-left: 58.33333%; }
  .full-screen .col-xl-offset-6 {
    margin-left: 50%; }
  .full-screen .col-xl-offset-5 {
    margin-left: 41.66667%; }
  .full-screen .col-xl-offset-4 {
    margin-left: 33.33333%; }
  .full-screen .col-xl-offset-3 {
    margin-left: 25%; }
  .full-screen .col-xl-offset-2 {
    margin-left: 16.66667%; }
  .full-screen .col-xl-offset-1 {
    margin-left: 8.33333%; }
  .full-screen .col-xl-offset-0 {
    margin-left: 0; }
  .full-screen .visible-xl {
    display: block !important; }
  .full-screen table.visible-xl {
    display: table; }
  .full-screen tr.visible-xl {
    display: table-row !important; }
  .full-screen th.visible-xl, .full-screen td.visible-xl {
    display: table-cell !important; }
  .full-screen .visible-xl-block {
    display: block !important; }
  .full-screen .visible-xl-inline {
    display: inline !important; }
  .full-screen .visible-xl-inline-block {
    display: inline-block !important; }
  .full-screen .hidden-xl {
    display: none !important; } }
  .full-screen ::-webkit-scrollbar {
    background-color: #fff;
    width: 14px; }
  .full-screen ::-webkit-scrollbar-track {
    background-color: #fff; }
  .full-screen ::-webkit-scrollbar-thumb {
    background-color: rgba(126, 125, 127, .8);
    border-radius: 16px;
    border: 4px solid #fff; }
  .full-screen ::-webkit-scrollbar-button {
    display: none; }
  .full-screen .apps-menu {
    background-color: #fdfbff;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
    border: none;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 14px 0 0;
    left: -25px;
    margin-top: 0px !important; }
  .full-screen .apps-menu #appBlock {
    position: relative;
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent; }
  .full-screen .apps-menu #appBlock.hide {
    display: block !important; }
  .full-screen .apps-menu #appBlock li {
    width: 25%;
    height: 80px; }
  .full-screen .apps-menu .sidebar-apps-header {
    display: none; }
  .full-screen a.no-color {
    color: inherit; }
  .full-screen h1, .full-screen h2, .full-screen h3, .full-screen h4, .full-screen h5, .full-screen h6, .full-screen .h1, .full-screen .h2, .full-screen .h3, .full-screen .h4, .full-screen .h5, .full-screen .h6 {
    font-weight: 400; }
  .full-screen h4 {
    font-size: 34px;
    line-height: 36px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    /* @include for-laptop {
     font-size: 27px;
     line-height: 34px;
     }*/ }
  .full-screen h5 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.18px;
    color: #1b1b1d;
    margin-top: 0;
    margin-bottom: 0;
    /*
     @include for-laptop {
     font-size: 19px;
     line-height: 19px;
     }*/ }
  .full-screen h6 {
    font-size: 20px;
    font-weight: 500;
    margin: 0; }
  .full-screen b {
    font-weight: 500; }
  .full-screen .authentication-modal {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999; }
  .full-screen .authentication-modal h4 {
    color: #000; }
  .full-screen .authentication-modal .authentication-icon-wrapper {
    text-align: center; }
  .full-screen .authentication-modal .authentication-icon-wrapper .hr4 {
    font-size: 32px; }
  .full-screen .authentication-modal .sub-heading {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: 15px; }
  .full-screen .dashboard-button-toggles {
    position: absolute;
    right: 15px;
    bottom: 0; }
  @media (max-width: 991px) {
    .full-screen .dashboard-button-toggles {
      position: initial;
      width: 100%;
      float: left;
      margin-top: 16px; }
      .full-screen .dashboard-button-toggles button {
        width: 50%; } }
  .full-screen button {
    padding: 10px 16px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1.25px;
    margin: 0 8px;
    /*
     @include for-laptop {
     font-size: 11px;
     line-height: 13px;
     padding: 5px 8px 2px;
     }*/ }
  .full-screen button i {
    vertical-align: middle;
    margin-bottom: 5px; }
  .full-screen button.primary {
    background-color: #106cfe;
    color: #fff;
    border-radius: 4px;
    border: none; }
  .full-screen button.remove {
    background: #f00;
    color: #fff;
    border-radius: 4px;
    border: none; }
  .full-screen button.edit {
    background-color: #106cfe;
    color: #fff;
    border-radius: 4px;
    border: none; }
  .full-screen button.square {
    border-radius: 0; }
  .full-screen button.active {
    background-color: #fff;
    color: #000; }
  .full-screen button.bordered.primary {
    border: 4px solid #106cfe;
    background-color: #fff;
    color: #106cfe; }
  .full-screen .hr4-toast button {
    padding: 0; }
  .full-screen button#customize-dashboard {
    margin-right: 16px; }
  .full-screen .body-1 {
    font-size: 16px;
    line-height: 24px;
    color: #919094;
    /*
     @include for-laptop {
     font-size: 13px;
     line-height: 19px;
     }*/ }
  .full-screen .body-2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #1b1b1d;
    /*
     @include for-laptop {
     font-size: 11px;
     line-height: 16px;
     }*/ }
  .full-screen .body-2.grey {
    color: #919094; }
  .full-screen body {
    font-weight: 400;
    /*
     @include for-laptop {
     font-size: 11px;
     }*/ }
  .full-screen body #main .appsDisplay {
    top: 70px !important; }
  .full-screen .dropdown-toggle:not(.plan-profile-menu) {
    color: #231f20;
    float: right;
    position: relative;
    margin-top: 9px;
    margin-left: 30px; }
  .full-screen .content-wrapper {
    margin-top: 16px; }
  .full-screen .content-wrapper.dashboard-lower {
    margin-top: 12px; }
  .full-screen .checkbox-wrapper {
    float: left;
    width: 100%; }
  .full-screen .customize-title {
    margin: 24px 0 20px 0; }
  .full-screen .customize-title.margin-top-0 {
    margin-top: 0; }
  .full-screen .card-wrapper {
    background: #fff;
    border-radius: 8px; }
  .full-screen .caption.grey {
    color: #919094; }
  .full-screen .page-background {
    width: 98%;
    height: 264px;
    left: 1%;
    top: 40px;
    position: absolute;
    border-radius: 6px; }
  .full-screen .sub-page-background {
    width: 100%;
    background-color: #0e253a;
    padding: 14px 24px;
    margin-top: 4px; }
  .full-screen .sub-page-background span {
    color: #fff; }
  @media only screen and (max-width: 991px) {
  .full-screen .sub-page-background {
    padding: 24px 48px;
    text-align: center;
    height: auto; }
    .full-screen .sub-page-background.with-breadcrumbs {
      padding: 24px 48px 12px 48px; }

    .full-screen .sub-page-background.with-nav {
      position: relative; } }
  .full-screen .sub-page-title {
    color: #fff;
    display: inline;
    margin-right: 10px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 500; }
  .full-screen .suggestion-box {
    float: left;
    width: 128px;
    height: 128px;
    margin-right: 16px;
    padding-top: 21px; }
  .full-screen .today-at-a-glance {
    float: left;
    margin-right: 16px;
    width: calc(100% - 48px); }
  .full-screen .today-at-a-glance .card-body {
    padding: 0 16px; }
  .full-screen .customize-box {
    float: left;
    width: 32px;
    height: 128px;
    text-align: center;
    position: relative; }
  .full-screen .customize-box .card-body {
    padding: 0; }
  .full-screen .customize-button {
    height: 128px;
    display: block;
    cursor: pointer;
    padding-top: 51px; }
  .full-screen .dropdown-menu {
    margin-top: -2px; }
  .full-screen .dropdown-item {
    float: left;
    width: 100%;
    line-height: 32px; }
  .full-screen .messages-preview {
    border-right: 1px solid rgba(0, 0, 0, .12);
    height: 100%; }
  .full-screen .messages-full {
    border-radius: 8px;
    height: 100%;
    overflow-y: scroll;
    max-height: 384px;
    padding: 24px 16px; }
  .full-screen .messages-full .message-body {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    margin-bottom: 20px; }
  .full-screen .messages-full .message-body li {
    white-space: break-spaces; }
  .full-screen .messages-wrapper {
    height: 384px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0; }
  .full-screen .messages-wrapper .message-item {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: 16px; }
  .full-screen .messages-wrapper .message-item.active {
    background-color: #ededed; }
  .full-screen .messages-wrapper .message-item:last-child {
    border-bottom: 0; }
  .full-screen .messages-placeholder {
    height: 432px; }
  .full-screen .messages-name {
    padding: 4px 8px;
    /*@include for-laptop {
     padding: 8px 8px 0;
     }*/ }
  .full-screen .messages-date {
    margin-top: 6px; }
  .full-screen .messages-date span {
    white-space: normal; }
  .full-screen .messages-title {
    margin-top: 8px; }
  .full-screen .messages-subtitle {
    margin-top: 4px; }
  .full-screen .message-reaction {
    border-top: 0;
    padding-top: 0; }
  .full-screen .message-reaction #reaction-wrapper {
    float: left;
    padding-top: 0; }
  .full-screen .calendar-wrapper {
    height: 384px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 16px 0; }
  .full-screen .trend-wrapper {
    position: relative;
    height: 80px;
    overflow-x: hidden;
    overflow-y: hidden;
    /* @include for-laptop {
     height: 90px;
     }*/ }
  .full-screen .homepage-cal-loader {
    float: left;
    width: 328px; }
  @media (max-width: 1440px) {
    .full-screen .homepage-cal-loader {
      width: 312px; } }
  .full-screen #cal-events {
    float: right;
    width: calc(100% - 328px); }
  .full-screen #cal-events .show-events-title .subtitle-2 {
    line-height: 1.42; }
  @media (max-width: 1440px) {
    .full-screen #cal-events {
      width: calc(100% - 312px); } }
  .full-screen .no-events, .full-screen .messages-container .no-messages, .full-screen .culture .no-culture-events {
    color: rgba(0, 0, 0, .2);
    text-align: center;
    padding-top: 105px; }
  .full-screen .no-events.no-messages, .full-screen .messages-container .no-messages.no-messages, .full-screen .culture .no-culture-events.no-messages {
    padding-top: 120px; }
  .full-screen .no-events.no-culture-events, .full-screen .messages-container .no-messages.no-culture-events, .full-screen .culture .no-culture-events.no-culture-events {
    text-align: center;
    padding-top: 65px; }
  .full-screen .no-events .body-2, .full-screen .messages-container .no-messages .body-2, .full-screen .culture .no-culture-events .body-2, .full-screen .no-events i, .full-screen .messages-container .no-messages i, .full-screen .culture .no-culture-events i {
    color: rgba(0, 0, 0, .2); }
  .full-screen .no-events i, .full-screen .messages-container .no-messages i, .full-screen .culture .no-culture-events i {
    font-size: 96px; }
  .full-screen #show-events {
    padding: 16px 0 16px 16px;
    height: 368px;
    overflow-y: scroll;
    overflow-x: hidden; }
  .full-screen #show-events .show-events-body p {
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    white-space: normal; }
  .full-screen .show-events-header {
    height: 24px;
    display: table;
    width: 100%; }
  .full-screen .show-events-title {
    width: 50%;
    display: table-cell;
    vertical-align: middle; }
  .full-screen .show-events-title i {
    display: inline-block;
    vertical-align: bottom; }
  .full-screen .show-events-title span {
    display: inline-block; }
  .full-screen .show-events-time {
    text-align: right;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    height: 24px; }
  .full-screen .show-events-body {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .2); }
  .full-screen #show-events .show-events-body:last-child {
    border-bottom: none; }
  .full-screen .event-button {
    margin-top: 10px; }
  .full-screen .trend {
    height: 125px;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }
  .full-screen .trend .item {
    display: inline-block;
    height: 80px;
    padding: 16px 32px;
    box-sizing: border-box;
    border-right: 1px solid #ededed;
    /*@include for-laptop {
     padding: 8px 16px;
     }
     @include for-tablet-portrait {
     width: 260px !important;
     }*/ }
  .full-screen .trend .item i {
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 18px; }
  .full-screen .trend .item span {
    display: inline-block; }
  .full-screen .trend .item h4 {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    width: 100%; }
  .full-screen .trend .item.weekly i {
    vertical-align: bottom;
    line-height: 24px;
    font-size: 15px;
    display: inline-block; }
  .full-screen .trend .item.weekly span.subtitle-2 {
    display: inline;
    float: none;
    font-size: 20px;
    position: relative; }
  .full-screen .trend .item.weekly h4 {
    text-align: left; }
  .full-screen .trend .item:last-child {
    border-right: none; }
  @media (min-width: 2160px) {
    .full-screen .trend {
      height: 122px; } }
  .full-screen .dashboard-top-widgets {
    margin-top: 32px; }
  .full-screen .paddle {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 22px;
    margin: 0px; }
  .full-screen .left-paddle, .full-screen .mobile-left-paddle {
    padding: 0;
    left: -7px;
    border: 0; }
  .full-screen .right-paddle, .full-screen .mobile-right-paddle {
    padding: 0;
    right: -1px;
    border: 0; }
  .full-screen .left-paddle {
    border-radius: 0 0 0 8px; }
  .full-screen .right-paddle {
    border-radius: 0 0 8px 0; }
  .full-screen .trends-icon {
    line-height: 34px; }
  .full-screen .trends-icon.trending-up {
    transform: rotate(270deg);
    color: #71a300; }
  .full-screen .trends-icon.trending-down {
    transform: rotate(90deg);
    color: #f00; }
  .full-screen .trends-text {
    line-height: 36px;
    margin-left: 4px; }
  .full-screen .trends-text .green {
    color: #71a300; }
  .full-screen .trends-text .red {
    color: #f00; }
  .full-screen .snapshot {
    width: 100%;
    height: 120px;
    padding-top: 24px;
    border-radius: 8px;
    color: #fdfbff;
    text-align: center;
    display: inline-block;
    vertical-align: middle; }
  .full-screen .snapshot-title-wrapper {
    width: 150px;
    margin: -10px auto 5px;
    white-space: normal; }
  .full-screen .snapshot-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    width: 150px;
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    /*
     @include for-laptop {
     font-size: 13px;
     line-height: 19px;
     }*/ }
  .full-screen .snapshot-text {
    font-weight: 500;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 0.18px;
    width: 100%;
    float: left;
    /*
     @include for-laptop {
     font-size: 19px;
     line-height: 19px;
     }
     @include for-small-laptop {
     font-size: 16px;
     line-height: 16px;
     }*/ }
  .full-screen .snapshot.purple-dark {
    background: #7f4afb;
    background-image: url('/images/snapshot-hr4-bg.png');
    /* fallback */
    background-image: url('/images/snapshot-hr4-bg.png'), linear-gradient(84.5deg, #7f4afb 0%, #ad8cf9 95.79%);
    background-repeat: no-repeat;
    background-size: cover; }
  .full-screen .snapshot.purple-light {
    background: #a786f9;
    background-image: url('/images/snapshot-hr4-bg.png');
    /* fallback */
    background-image: url('/images/snapshot-hr4-bg.png'), linear-gradient(84.5deg, #a786f9 0%, #c3adf9 95.79%);
    background-repeat: no-repeat;
    background-size: cover; }
  .full-screen .snapshot.green-dark {
    background: #13922f;
    background-image: url('/images/snapshot-hr4-bg.png');
    /* fallback */
    background-image: url('/images/snapshot-hr4-bg.png'), linear-gradient(84.75deg, #13922f 0%, #26b923 95.79%);
    background-repeat: no-repeat;
    background-size: cover; }
  .full-screen .snapshot.green-light {
    background: #3fb525;
    background-image: url('/images/snapshot-hr4-bg.png');
    /* fallback */
    background-image: url('/images/snapshot-hr4-bg.png'), linear-gradient(84.75deg, #3fb525 0%, #73d946 95.79%);
    background-repeat: no-repeat;
    background-size: cover; }
  .full-screen .snapshot.orange {
    background: #ff7e2a;
    background-image: url('/images/snapshot-hr4-bg.png');
    /* fallback */
    background-image: url('/images/snapshot-hr4-bg.png'), linear-gradient(84.75deg, #ff7e2a 0%, #ffa94a 95.79%);
    background-repeat: no-repeat;
    background-size: cover; }
  .full-screen .snapshot.red {
    background: #ff5a5a;
    background-image: url('/images/snapshot-hr4-bg.png');
    /* fallback */
    background-image: url('/images/snapshot-hr4-bg.png'), linear-gradient(84.75deg, #ff5a5a 0%, #ff5c5c 95.79%);
    background-repeat: no-repeat;
    background-size: cover; }
  .full-screen .snapshot.pink-light {
    background: #fc8c9b;
    background-image: url('/images/snapshot-hr4-bg.png');
    /* fallback */
    background-image: url('/images/snapshot-hr4-bg.png'), linear-gradient(84.75deg, #fc8c9b 0%, #fca1af 95.79%);
    background-repeat: no-repeat;
    background-size: cover; }
  .full-screen .snapshot.pink-dark {
    background: #ff37a3;
    background-image: url('/images/snapshot-hr4-bg.png');
    /* fallback */
    background-image: url('/images/snapshot-hr4-bg.png'), linear-gradient(84.75deg, #ff37a3 0%, #fc76e6 95.79%);
    background-repeat: no-repeat;
    background-size: cover; }
  @media (min-width: 768px) {
  .full-screen .modal-dialog {
    width: 600px; } }
  @media (min-width: 991px) {
  .full-screen .modal-body {
    max-height: 70vh !important; } }
  .full-screen .todo-root .tooltip-inner {
    background-color: #000;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); }
  .full-screen .todo-root .tooltip.top .tooltip-arrow {
    border-top-color: #000; }
  .full-screen .select-wrapper {
    min-height: 40px; }
  .full-screen .select-wrapper select {
    height: 40px;
    line-height: 40px; }
  .full-screen .table-header {
    background-color: #f2f0f4; }
  .full-screen .tooltip.in {
    opacity: 1; }
  .full-screen .tooltip.top .tooltip-arrow {
    border-top-color: #fff; }
  .full-screen .tooltip-inner {
    background-color: #fff;
    color: #000;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); }
  .full-screen .week-summary {
    height: 529px;
    /*
     @include for-laptop {
     height: 448px;
     }*/ }
  @media (max-width: 991px) {
    .full-screen .week-summary {
      margin-bottom: 24px; } }
  .full-screen .summary-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: table;
    width: 100%;
    height: 78px;
    /*@include for-laptop {
     height: 65px;
     }*/ }
  .full-screen .summary-item .summary-icon {
    width: 53px;
    /*@include for-laptop {
     width: 45px;
     }*/ }
  .full-screen .summary-item div {
    display: inline-block;
    padding-top: 12px; }
  .full-screen .summary-item div .material-icons {
    font-size: 44px;
    display: table-cell;
    /*
     @include for-laptop {
     font-size: 35px;
     }*/ }
  .full-screen .summary-item div .material-icons.purple-dark {
    color: #9980ff; }
  .full-screen .summary-item div .material-icons.purple-light {
    color: #cebdff; }
  .full-screen .summary-item div .material-icons.green {
    color: #43d100; }
  .full-screen .summary-item div .material-icons.red {
    color: rgba(255, 0, 0, 0.8); }
  .full-screen .summary-item div .material-icons.pink-dark {
    color: #ff00c7; }
  .full-screen .summary-item div .material-icons.pink-light {
    color: #ffbfbf; }
  .full-screen .summary-item:last-child {
    border-bottom: 0; }
  .full-screen .action-header {
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #f2f0f4;
    min-height: 56px; }
  .full-screen .action-header .app {
    padding-left: 24px; }
  .full-screen .action-header .due-date {
    padding-right: 17px; }
  @media (max-width: 991px) {
    .full-screen .action-header {
      display: none; } }
  .full-screen .action-header-left {
    border-right: 1px solid rgba(0, 0, 0, 0.12); }
  @media (max-width: 1199px) {
    .full-screen .action-header-left {
      border-right: none; } }
  .full-screen .task-item {
    height: 106px;
    padding-top: 16px;
    padding-bottom: 28px;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    cursor: pointer;
    /*@include for-laptop {
     height:  88px;
     }*/ }
  .full-screen .task-item.active {
    background: #ebf0ff;
    border-bottom: 3px solid #005ac3; }
  .full-screen .task-item:last-child:not(.active) {
    border-bottom: none;
    /*@include for-laptop {
     height: 88px;
     }*/ }
  @media (max-width: 1199px) {
    .full-screen .task-item {
      height: auto;
      padding-bottom: 16px; }
      .full-screen .task-item:last-child:not(.active) {
        height: auto;
        border-bottom: 1px solid rgba(0, 0, 0, .12);
        border-right: none; } }
  @media (max-width: 991px) {
    .full-screen .task-item {
      text-align: center; }
      .full-screen .task-item .task-text {
        display: block;
        float: none;
        width: 100%; }
      .full-screen .task-item .circle {
        display: block;
        margin: 0 auto;
        float: none; } }
  .full-screen .task-text {
    width: calc(100% - 16px); }
  @media (max-width: 1439px) {
    .full-screen .task-text {
      width: 88%; } }
  .full-screen .circle {
    font-size: 8px;
    margin-right: 8px;
    margin-top: 8px;
    /*@include for-laptop {
     font-size: 6px;
     }*/ }
  .full-screen .circle.app {
    position: absolute;
    top: calc(50% - 3px);
    left: 16px;
    margin-top: 0; }
  @media (max-width: 991px) {
      .full-screen .circle.app {
        top: 12px; } }
  .full-screen .circle.grey {
    color: #c5c5c5; }
  .full-screen .circle.red-dark {
    color: #ba1b1b; }
  .full-screen .circle.blue-dark {
    color: #005ac3; }
  .full-screen .circle.blue-light {
    color: #d6e2ff; }
  .full-screen .action-row-wrapper {
    /*height: 423px;*/
    /*overflow-y: scroll;
     overflow-x: hidden;*/
    /*@include for-laptop {
     height: 351px;
     }*/ }
  @media (max-width: 1199px) {
    .full-screen .action-row-wrapper {
      height: 365px; } }
  .full-screen .action-row {
    height: 53px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    display: table;
    width: 100%;
    position: relative;
    /*@include for-laptop {
     height: 44px;
     }*/ }
  @media (max-width: 991px) {
    .full-screen .action-row {
      padding-left: 24px;
      padding-top: 5px;
      padding-bottom: 5px;
      height: auto;
      display: block; } }
  .full-screen .action-row .action {
    margin-top: 4px; }
  .full-screen .action-row .action.grey {
    color: #c5c5c5; }
  .full-screen .material-icons.grey {
    color: #c5c5c5; }
  .full-screen .action-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    float: none; }
  @media (max-width: 991px) {
    .full-screen .action-cell {
      float: left;
      width: 90%;
      height: auto; }
      .full-screen .action-cell.cta {
        position: absolute;
        top: calc(50% - 14px);
        right: 0px;
        width: 56px; } }
  .full-screen .action-cell span {
    display: inline-block;
    vertical-align: middle; }
  .full-screen .action-cell span.details {
    width: 68%; }
  @media (max-width: 991px) {
      .full-screen .action-cell span.details {
        width: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left; } }
  .full-screen .action-cell span.app-name {
    width: 79%;
    text-align: left;
    padding-left: 24px; }
  @media (max-width: 1439px) {
      .full-screen .action-cell span.app-name {
        width: 75%; } }
  @media (max-width: 1199px) {
      .full-screen .action-cell span.app-name {
        width: 100%; } }
  @media (max-width: 991px) {
      .full-screen .action-cell span.app-name {
        padding-left: 0; } }
  .full-screen .action-cell span.due-date {
    width: 30%;
    text-align: right; }
  @media (max-width: 991px) {
      .full-screen .action-cell span.due-date {
        text-align: left;
        width: 90%;
        float: left; } }
  .full-screen .user-information .location-details {
    line-height: 20px;
    letter-spacing: 0.25px;
    font-weight: 400; }
  .full-screen #culture-carousel {
    min-height: 214px; }
  .full-screen .card-body-mini.culture {
    height: 276px;
    padding-bottom: 50px; }
  @media (max-width: 1199px) {
      .full-screen .card-body-mini.culture {
        min-height: 432px; } }
  .full-screen .card-body-mini.culture .item {
    padding: 16px 56px 0; }
  .full-screen .card-body-mini.culture .item .messages-title {
    font-size: 20px;
    line-height: 24px; }
    .full-screen .card-body-mini.culture .item .messages-title i {
      font-size: 18px;
      color: rgba(0, 0, 0, .2);
      margin-top: 4px;
      margin-left: 5px; }
  .full-screen .culture-subtitle {
    font-size: 16px;
    font-weight: 400; }
  .full-screen .card-body-mini.culture {
    margin-top: 8px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .full-screen .card-body-mini.culture.grey-light {
    color: #c7c6ca; }
  .full-screen .item-image {
    height: 173px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  @media (max-width: 1199px) {
    .full-screen .item-image {
      margin-bottom: 16px; } }
  .full-screen .carousel-indicators {
    bottom: -46px; }
  .full-screen .carousel-indicators li {
    background-color: #eaeaea;
    width: 8px;
    height: 8px;
    margin: 0; }
  .full-screen .carousel-indicators li .no-border-radius {
    border-radius: 0px !important; }
  .full-screen .carousel-indicators li.active {
    background-color: #106cfe; }
  .full-screen .carousel-control i {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block; }
  .full-screen .carousel-control {
    background-image: none;
    color: #000;
    text-shadow: none;
    opacity: 1; }
  .full-screen .carousel-control.left {
    left: -36px; }
  @media (max-width: 1199px) {
    .full-screen .carousel-control.left {
      left: -26px; } }
  .full-screen .carousel-control.right {
    right: -10px; }
  @media (max-width: 1199px) {
    .full-screen .carousel-control.right {
      right: 0; } }
  .full-screen .snapshot-box {
    height: 136px;
    text-align: center;
    display: table;
    margin-bottom: 24px; }
  .full-screen .snapshot-box .card-wrapper {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    position: relative; }
  .full-screen .snapshot-box .card-wrapper h6 {
    opacity: 0.5; }
  .full-screen .snapshot-box .snapshot-box-result .declined {
    text-decoration: line-through; }
  .full-screen .snapshot-box-color {
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0;
    border-radius: 8px 8px 0 0;
    left: 0; }
  @media (max-width: 1199px) {
  .full-screen .hide-tablet {
    display: none; }
    .full-screen .action-header-left {
      border-right: none; }

    .full-screen .snapshot-wrapper .col-md-6:nth-last-child(-n+2) {
      margin-bottom: 0; }

    .full-screen .team-snapshot .col-md-6 {
      margin-bottom: 24px; }
      .full-screen .team-snapshot .col-md-6:nth-last-child(-n+2) {
        margin-bottom: 0; } }
  @media (max-width: 991px) {
  .full-screen .actionable {
    margin-bottom: 24px; } }
  .full-screen #menu-toggle {
    color: #000; }
  @media (max-width: 991px) {
    .full-screen #menu-toggle {
      margin-top: 11px;
      margin-left: 0;
      width: 25px; } }
  .full-screen #mobile-sidebar-icon {
    color: #fff;
    margin-top: 26px;
    margin-left: 16px;
    width: 25px; }
  .full-screen #mobile-sidebar-icon.homepage-menu-icon {
    color: #fff; }
  .full-screen #apps-toggle {
    color: #000; }
  @media (max-width: 991px) {
    .full-screen #apps-toggle {
      margin-top: 11px;
      width: 25px;
      float: right; } }
  .full-screen .check-in-spinner {
    width: 87px; }
  .full-screen .news-content h5 {
    font-weight: bold; }
  .full-screen .news-content div {
    color: #a1a3a6; }
  .full-screen #daily-stage {
    height: 100% !important; }
  .full-screen .border-bottom-0 {
    border-bottom: none !important; }
  .full-screen #message-search {
    border: 2px solid #ededed;
    box-shadow: none;
    border-radius: 10px;
    width: 397px;
    padding-left: 33px;
    color: #b2b4b6;
    height: 34px; }
  .full-screen #message-search::placeholder {
    color: #b2b4b6;
    font-weight: normal; }
  .full-screen .sender-wrapper {
    font-size: 13px;
    margin-bottom: 0;
    display: block;
    width: 100%;
    background: #efefef;
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 20px; }
  .full-screen .input_container {
    position: relative;
    display: inline-block;
    color: #b2b4b6; }
  .full-screen .input_container .hr4 {
    position: absolute;
    bottom: 4px;
    left: 10px;
    width: 24px;
    height: 24px;
    font-size: 20px; }
  .full-screen .carousel-control .fa-chevron-left, .full-screen .carousel-control .fa-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    color: #b2b4b6;
    font-size: 13px;
    font-weight: normal;
    text-shadow: none; }
  .full-screen .carousel-control .icon-prev, .full-screen .carousel-control .fa-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .full-screen .carousel-control .icon-next, .full-screen .carousel-control .fa-chevron-right {
    right: 50%;
    margin-right: -10px; }
  @media screen and (min-width: 768px) {
  .full-screen .carousel-control .fa-chevron-left, .full-screen .carousel-control .fa-chevron-right, .full-screen .carousel-control .icon-prev, .full-screen .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -8px; }
  .full-screen .carousel-control .fa-chevron-left, .full-screen .carousel-control .icon-prev {
    margin-left: -15px; }
  .full-screen .carousel-control .fa-chevron-right, .full-screen .carousel-control .icon-next {
    margin-right: -15px; } }
  .full-screen .profile-menu .image_container {
    width: 32px;
    height: 32px;
    float: left;
    margin-top: 6px;
    margin-left: 10px; }
  .full-screen .notifications-menu {
    padding: 0;
    font-size: 25px;
    line-height: 5px; }
  .full-screen .downloads-menu {
    font-size: 20px; }
  .full-screen .sidebar-icons {
    font-size: 23px; }
  .full-screen .sidebar-icons span.hr4.setting {
    font-size: 26px; }
  .full-screen .little-blue-dot {
    background: #2fb0e2;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    margin-top: 10px; }
  .full-screen .page-title {
    position: relative; }
  .full-screen .page-title .options-button {
    top: 12px; }
  .full-screen .nav-tabs {
    background-color: transparent; }
  .full-screen .nav-tabs > li.active > a, .full-screen .nav-tabs > li.active > a:hover, .full-screen .nav-tabs > li.active > a:focus {
    background-color: transparent; }
  .full-screen .badge {
    position: absolute;
    top: -4px;
    right: -6px;
    background-color: #c21735;
    z-index: 99; }
  .full-screen #wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .full-screen #wrapper.toggled #sidebar-wrapper {
    width: 80px; }
  .full-screen #wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px; }
  .full-screen #sidebar-wrapper {
    z-index: 100000;
    position: fixed;
    left: 135px;
    width: 0;
    height: 100%;
    margin-left: -135px;
    overflow-y: auto;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    box-shadow: 1px 0 5px 0 #ccc; }
  .full-screen #page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
    margin-left: -100px; }
  .full-screen #message-view-wrapper {
    top: 0;
    padding: 0; }
  .full-screen .home-date {
    color: #a1a3a6;
    font-size: 14px; }
  .full-screen .home-location {
    color: #a1a3a6;
    font-size: 19px; }
  .full-screen .switch-text {
    color: #333;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 14px; }
  .full-screen .navbar-sitename img {
    height: 32px; }
  .full-screen #overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 140px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer; }
  .full-screen .download-app-icon {
    width: 22px;
    height: 22px; }
  .full-screen .app-icon-img {
    border-radius: 0px; }
  .full-screen .square-icon {
    border: 0px;
    height: auto !important;
    width: 64px !important; }
  .full-screen .square-icon .app-icon-img {
    border-radius: 0px;
    height: 64px;
    width: auto; }
  .full-screen .tabbable-panel {
    padding: 0;
    margin-bottom: 30px; }
  .full-screen .tabbable-panel .tab-content {
    display: block; }
  .full-screen .tabbable-line .nav-tabs {
    border: none;
    margin: 0px; }
  .full-screen .tabbable-line .nav-tabs.home-page-nav {
    margin-top: 2px; }
  .full-screen .tabbable-line .nav-tabs li {
    margin-right: 2px; }
  .full-screen .tabbable-line .nav-tabs li.active {
    border-bottom: 5px solid #4287f6;
    position: relative;
    z-index: 99; }
    .full-screen .tabbable-line .nav-tabs li.active a {
      border: 0;
      color: #4287f6; }
    .full-screen .tabbable-line .nav-tabs li.active a i {
      color: #404040; }
  .full-screen .tabbable-line .nav-tabs a {
    border: 0;
    margin-right: 0;
    color: #000;
    text-transform: capitalize;
    font-size: 19px;
    font-weight: 600; }
  .full-screen .tabbable-line .nav-tabs a i {
    color: #a6a6a6; }
  .full-screen .tabbable-line .nav-tabs a span.hr4 {
    font-size: 17px; }
    .full-screen .tabbable-line .nav-tabs a span.hr4.eye-solid {
      font-size: 14px; }
    .full-screen .tabbable-line .nav-tabs a span.hr4.learn1 {
      font-size: 20px; }
  .full-screen .tabbable-line .tab-content {
    background-color: transparent;
    border: 0;
    border-top: 2px solid #b8b8b8;
    padding: 15px 0; }
  .full-screen .tabbable-line .tab-content.user-tabs {
    border-top: none;
    padding-top: 0; }
  .full-screen .tabbable-line > .nav-tabs {
    display: inline-block; }
  .full-screen .tabbable-line > .nav-tabs > li.open > a {
    border: 0;
    background: none !important;
    color: #333; }
    .full-screen .tabbable-line > .nav-tabs > li.open > a > i {
      color: #a6a6a6; }
  .full-screen .tabbable-line > .nav-tabs > li.open .dropdown-menu {
    margin-top: 0px; }
  .full-screen .tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: #333; }
    .full-screen .tabbable-line > .nav-tabs > li:hover > a > i {
      color: #a6a6a6; }
    .full-screen .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
      margin-top: 0px; }
  .full-screen .user-view-switch-panel {
    margin-bottom: 0px;
    padding: 0px; }
  .full-screen .user-view-switch-panel .user-view-switch {
    float: right;
    margin-right: 0 !important; }
  .full-screen .user-view-switch-panel .user-view-switch .user-switch {
    padding: 0; }
  .full-screen .user-view-switch-panel .user-view-switch .hr4 {
    color: #a1a3a6;
    background-color: #fff;
    font-size: 22px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 12px;
    padding-right: 12px; }
  .full-screen .user-view-switch-panel .user-view-switch .hr4.active {
    color: #fff;
    background-color: #4287f6;
    font-size: 22px; }
  .full-screen .user-view-switch-panel .user-view-switch .hr4.team {
    font-size: 22px; }
  .full-screen .user-view-switch-panel .team-switch {
    padding: 0px;
    color: #fff; }
  .full-screen .home-page {
    color: #000;
    margin-top: 6px; }
  .full-screen .home-page .tab-content {
    clear: both; }
  .full-screen .home-title {
    font-size: 38px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0.1px;
    margin-bottom: 7px; }
  .full-screen .home-sub-title {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 18px; }
  .full-screen .home-sub-title .information-solid {
    font-size: 14px; }
  .full-screen .widget-block-wrapper {
    background: #fff;
    min-height: 212px;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 3px 10px #ccc; }
  .full-screen .widget-block-wrapper .hr4 {
    font-size: 28px; }
  .full-screen .widget-block-wrapper .w-title {
    font-size: 18px;
    font-weight: bolder; }
  .full-screen .widget-block-wrapper .w-count {
    font-size: 38px;
    font-weight: bolder; }
  .full-screen .widget-block-wrapper .w-count .fa-chevron-right {
    vertical-align: middle;
    margin-left: 7px;
    margin-bottom: 5px; }
  .full-screen .week-glance-filter-wrapper .week-glance-filter {
    border: 2px solid #ededed;
    box-shadow: none;
    border-radius: 10px;
    width: 208px;
    padding-left: 33px;
    color: #b2b4b6; }
  .full-screen .week-glance-filter-wrapper .input_container {
    position: relative;
    display: inline-block;
    color: #b2b4b6; }
  .full-screen .week-glance-filter-wrapper .input_container .hr4 {
    position: absolute;
    bottom: 4px;
    left: 10px;
    width: 24px;
    height: 24px;
    font-size: 16px;
    top: 8px; }
  .full-screen .overdue-row {
    border-left: 4px solid #de6767; }
  .full-screen .due-today-row {
    border-left: 4px solid #de6767; }
  .full-screen .overdue-week-row {
    border-left: 4px solid #d8e7fd; }
  .full-screen .policy-filter .subtext {
    font-size: 10px; }
  .full-screen .margin-top-20 {
    margin-top: 20px !important; }
  .full-screen .margin-top-40 {
    margin-top: 40px; }
  .full-screen .margin-top-30 {
    margin-top: 30px; }
  .full-screen .margin-bottom-35 {
    margin-bottom: 35px !important; }
  .full-screen .margin-bottom-40 {
    margin-bottom: 40px !important; }
  .full-screen .margin-bottom-55 {
    margin-bottom: 55px !important; }
  .full-screen .margin-top-7 {
    margin-top: 7px; }
  .full-screen .little-dot {
    border-radius: 100%;
    height: 8px;
    width: 8px;
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px; }
  .full-screen .overdue-dot {
    background: #de6767; }
  .full-screen .due-today-dot {
    background: #4287f6; }
  .full-screen .due-next-week-dot {
    background: #d8e7fd; }
  .full-screen .nav-pills a {
    border-radius: 0; }
  .full-screen .round-wrapper, .full-screen #hubActivityWidget, .full-screen .box-shadow {
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05), 0px 3px 12px rgba(0, 0, 0, 0.15);
    border: none; }
  .full-screen .w-title {
    font-weight: bold; }
  .full-screen .margin-left-37 {
    margin-left: 37px !important; }
  .full-screen .course-category {
    font-size: 12px;
    color: #a1a3a6; }
  .full-screen .course-completed-on, .full-screen .course-due-on {
    font-size: 12px;
    color: #000; }
  .full-screen .line-height-24 {
    line-height: 24px; }
  .full-screen .padding-left-40 {
    padding-left: 40px; }
  .full-screen .padding-30 {
    padding: 30px; }
  .full-screen .padding-top-10 {
    padding-top: 10px; }
  .full-screen .padding-right-16 {
    padding-right: 16px; }
  .full-screen .padding-left-32 {
    padding-left: 32px; }
  .full-screen .padding-right-32 {
    padding-right: 32px; }
  .full-screen .opacity-50 {
    opacity: 50%; }
  .full-screen .wac-sub-title {
    color: #707070;
    font-weight: bold !important;
    margin-left: 5px; }
  .full-screen .wac-title {
    display: block;
    padding: 20px; }
  .full-screen .actionables-content-wrapper .collection-item {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    list-style-type: none;
    border-bottom: 2px solid #f5f5f5; }
  .full-screen .actionables-content-wrapper .collection-item > div {
    border: none; }
  .full-screen .home-page-filter {
    width: auto; }
  .full-screen .actionables-date-filter {
    width: auto; }
  .full-screen .home-page-filter, .full-screen .home-page-filter {
    border: 1px solid #ededed;
    background: transparent;
    border-radius: 5px; }
  .full-screen .home-page-filter .cs-arrow, .full-screen .home-page-filter .cs-arrow {
    right: 11px;
    bottom: 13px; }
  .full-screen .home-page-filter input, .full-screen .home-page-filter input {
    color: #b2b4b6; }
  .full-screen .actionables-blocks {
    min-height: 152px;
    padding: 30px;
    border-right: 2px solid #f5f5f5; }
  .full-screen .actionables-blocks .w-title {
    font-size: 18px;
    font-weight: bolder; }
  .full-screen .actionables-blocks .w-count {
    font-size: 34px;
    font-weight: bolder;
    margin-top: 15px; }
  .full-screen .actionables-blocks:last-of-type {
    border-right: none; }
  .full-screen .wac-title-wrapper {
    border-bottom: 3px solid #eef2f3; }
  .full-screen .wac-count {
    font-size: 27px;
    font-weight: bolder;
    color: #000;
    float: right; }
  .full-screen .home-actionables-sidebar {
    background-color: #f0f0f0;
    padding: 0 !important; }
  .full-screen .home-actionables-sidebar li {
    padding: 15px;
    margin-left: 0 !important; }
  .full-screen .home-actionables-sidebar li.active {
    background-color: #fff; }
  .full-screen .home-actionables-sidebar li.active a, .full-screen .home-actionables-sidebar li.active a:active, .full-screen .home-actionables-sidebar li.active a:focus, .full-screen .home-actionables-sidebar li.active a:hover {
    background-color: #fff;
    border-radius: 0; }
  .full-screen .home-actionables-sidebar h4 {
    display: block; }
  .full-screen .app-rearrange-done {
    display: none;
    float: right;
    margin-top: -5px;
    margin-right: 0; }
  .full-screen .actionable-btn {
    width: 100px;
    padding: 4px 7px 4px 6px;
    font-size: 12px;
    min-width: auto; }
  .full-screen .green-details-btn.actionable-btn {
    padding: 2px 7px 2px 6px;
    width: 92px; }
  .full-screen div.feed-item {
    padding: 15px; }
  .full-screen div#daily-stage div.feed-item:nth-child(odd) {
    background-color: white; }
  .full-screen div#daily-stage div.feed-item:nth-child(even) {
    background-color: #efefef; }
  .full-screen #dashboard .container-fluid {
    margin-top: 48px; }
  .full-screen .actionables-table.collection-item-header {
    background: #f4f5f5;
    border-radius: 6px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 2px solid #f5f5f5; }
  .full-screen .carousel-showmanymoveone .carousel-control {
    width: 4%;
    background-image: none;
    opacity: initial; }
  .full-screen .carousel-showmanymoveone .carousel-control.left {
    margin-left: 0; }
  .full-screen .carousel-showmanymoveone .carousel-control.right {
    margin-right: 0; }
  .full-screen .carousel-showmanymoveone .cloneditem-1 {
    display: none; }
  .full-screen .carousel-showmanymoveone .cloneditem-2 {
    display: none; }
  .full-screen .carousel-showmanymoveone .cloneditem-3 {
    display: none; }
  .full-screen .fa-chevron-right {
    color: #b2b4b6;
    font-size: 12px;
    font-weight: normal; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .carousel-inner, .full-screen .homepage-insights-slider .carousel-inner {
    box-shadow: 0 3px 10px #ccc;
    border-radius: 12px;
    background-color: #fff;
    /*padding: 25px;*/ }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .item, .full-screen .homepage-insights-slider .item {
    padding-left: 40px; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .item .item-inner, .full-screen .homepage-insights-slider .item .item-inner {
    /*border-right: 2px solid #f5f5f5;
     min-height: 140px;*/
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 25px; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .item .item-inner .item-content, .full-screen .homepage-insights-slider .item .item-inner .item-content {
    border-right: 2px solid #f5f5f5;
    min-height: 112px;
    padding-top: 10px; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .item .w-title, .full-screen .homepage-insights-slider .item .w-title {
    font-size: 17px;
    font-weight: bolder; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .item .w-count, .full-screen .homepage-insights-slider .item .w-count {
    font-size: 38px;
    font-weight: bolder; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .w-text, .full-screen .homepage-insights-slider .w-text {
    margin-top: 11px;
    margin-left: 10px; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .fa-chevron-right, .full-screen .homepage-insights-slider .fa-chevron-right {
    margin-right: 4px; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .count-detail, .full-screen .homepage-insights-slider .count-detail {
    font-size: 12px;
    color: #b2b4b6;
    font-weight: normal; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .count-detail .fa-arrow-circle-up, .full-screen .homepage-insights-slider .count-detail .fa-arrow-circle-up {
    color: #71a300;
    font-size: 18px; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .count-detail .fa-arrow-circle-down, .full-screen .homepage-insights-slider .count-detail .fa-arrow-circle-down {
    color: #f00;
    font-size: 18px; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .count-detail .text, .full-screen .homepage-insights-slider .count-detail .text {
    font-weight: bold;
    font-size: 14px; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .count-detail .trend-plus, .full-screen .homepage-insights-slider .count-detail .trend-plus {
    color: #71a300; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .count-detail .trend-minus, .full-screen .homepage-insights-slider .count-detail .trend-minus {
    color: #f00; }
  .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .glyphicon-chevron-right, .full-screen .homepage-insights-slider .glyphicon-chevron-right, .full-screen .homepage-trends:not(.carousel-showmanymoveone-self-assessments) .glyphicon-chevron-left, .full-screen .homepage-insights-slider .glyphicon-chevron-left {
    font-size: 18px; }
  .full-screen .margin-left-0 {
    margin-left: 0; }
  .full-screen .margin-right-0 {
    margin-right: 0; }
  .full-screen .home-page-filter-wrapper {
    float: right; }
  .full-screen .home-page-filter-wrapper .w-title {
    font-weight: 500; }
  .full-screen #actionables-app-filter {
    width: 90px; }
  .full-screen .home-row .width-sm-5 {
    width: 5% !important; }
  .full-screen .home-row .width-sm-10 {
    width: 10% !important; }
  .full-screen .home-row .width-sm-15 {
    width: 15% !important; }
  .full-screen .home-row .width-sm-20 {
    width: 20% !important; }
  .full-screen .home-row .width-sm-25 {
    width: 25% !important; }
  .full-screen .home-row .width-sm-30 {
    width: 30% !important; }
  .full-screen .home-row .width-sm-35 {
    width: 35% !important; }
  .full-screen .home-row .width-sm-40 {
    width: 40% !important; }
  .full-screen .home-row .width-sm-45 {
    width: 45% !important; }
  .full-screen .home-row .width-sm-50 {
    width: 50% !important; }
  .full-screen .home-row .width-sm-55 {
    width: 55% !important; }
  .full-screen .home-row .width-sm-60 {
    width: 60% !important; }
  .full-screen .home-row .width-sm-65 {
    width: 65% !important; }
  .full-screen .home-row .width-sm-70 {
    width: 70% !important; }
  .full-screen .home-row .width-sm-75 {
    width: 75% !important; }
  .full-screen .home-row .width-sm-80 {
    width: 80% !important; }
  .full-screen .home-row .width-sm-85 {
    width: 85% !important; }
  .full-screen .home-row .width-sm-90 {
    width: 90% !important; }
  .full-screen .home-row .width-sm-95 {
    width: 95% !important; }
  .full-screen .home-row .width-sm-100 {
    width: 100% !important; }
  @media screen and (max-width: 1200px) {
  .full-screen .widget-block-wrapper {
    margin-bottom: 25px !important; } }
  @media screen and (min-width: 1200px) and (max-width: 1560px) {
  .full-screen .widget-block-wrapper-col {
    width: 33.33%; } }
  @media screen and (min-width: 992px) and (max-width: 1250px) {
  .full-screen .actionables-blocks {
    padding: 10px; } }
  @media screen and (max-width: 1250px) {
  .full-screen .actionables-blocks .w-title {
    font-size: 16px; }
  .full-screen .widget-block-wrapper .w-title {
    font-size: 16px; } }
  @media screen and (min-width: 768px) and (max-width: 830px) {
  .full-screen .nav-tabs > li {
    float: none; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
  .full-screen .cloneditem-1 {
    display: block; }
    .full-screen .cloneditem-1 .item-content {
      border: none !important; }
  .full-screen .tabbable-line > .nav-tabs > li > a {
    font-size: 17px; } }
  @media screen and (min-width: 1200px) {
  .full-screen .sidebar-content-wrapper {
    float: left;
    width: calc(100% - 240px); }
  .full-screen .page-sidebar {
    width: 240px; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
  .full-screen .sidebar-content-wrapper {
    float: left;
    width: 75%; } }
  @media screen and (max-width: 991px) {
  .full-screen .sidebar-content-wrapper {
    float: left;
    width: 100%;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px; }
    .full-screen .sidebar-content-wrapper .card-wrapper {
      margin-bottom: 24px; }
  .full-screen .card-full-height {
    min-height: auto; }
  .full-screen .card-header .action-buttons {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 12px; }
  .full-screen .card-body-mini.culture {
    height: 476px; }
  .full-screen .carousel-control i {
    margin-top: -280px; } }
  @media screen and (max-width: 767px) {
  .full-screen {
    /**Simple Slider Start**/
    /**Simple Slider End**/ }
    .full-screen .widget-block-wrapper {
      padding: 10px; }

    .full-screen .home-page-filter-wrapper {
      float: none; }

    .full-screen .padding-sm-10 {
      padding: 10px; }

    .full-screen #slider {
      position: relative;
      overflow: hidden;
      margin: 20px auto 0 auto;
      border-radius: 4px; }

    .full-screen #slider .week-glance-container .week-glance-day {
      width: 85vw;
      height: auto;
      /*text-align: center;*/ }

    .full-screen .control_prev, .full-screen .control_next {
      position: absolute;
      top: 3%;
      z-index: 999;
      display: block;
      padding: 8px;
      width: auto;
      height: auto;
      background: transparent;
      color: gray;
      text-decoration: none;
      opacity: 0.8;
      cursor: pointer;
      border: 0; }

    .full-screen .control_prev:hover, .full-screen .control_next:hover {
      opacity: 1;
      transition: all 0.2s ease; }

    .full-screen .control_prev {
      border-radius: 0 2px 2px 0; }

    .full-screen .control_next {
      right: 0;
      border-radius: 2px 0 0 2px; }

    .full-screen .week-glance-today .week-glance-item {
      width: 100%; }

    .full-screen .hide-on-tab {
      display: block; }

    .full-screen .page-content-wrapper {
      margin-top: 0;
      position: relative; }

    .full-screen #sidebar-wrapper {
      left: 0px;
      margin-left: 0px; }

    .full-screen .tabbable-line > .nav-tabs > li {
      margin-right: 0px; }

    .full-screen .home-title {
      font-size: 25px; }

    .full-screen .home-date {
      font-size: 14px; }

    .full-screen .home-location {
      font-size: 18px; }

    .full-screen .home-page {
      margin-top: -8px; }

    .full-screen .home-row .col-md-12:first-child {
      padding-left: 12px;
      padding-right: 11px; }

    .full-screen .home-sub-title {
      margin-bottom: 12px;
      margin-left: 4px; }

    .full-screen .wac-sub-title {
      font-size: 17px; }

    .full-screen .navbar .notifications-menu {
      font-size: 18px; }
      .full-screen .navbar #downloads-trigger {
        display: none; }

    .full-screen .user-view-switch-panel {
      display: none; }

    .full-screen #wrapper {
      margin-top: -14px; }

    .full-screen #wrapper.toggled #sidebar-wrapper {
      width: 80% !important;
      top: 0;
      z-index: 99999; }

    .full-screen .sidebar-nav {
      width: 100% !important; }
      .full-screen .sidebar-nav .nav-text {
        font-size: 16px;
        font-weight: normal;
        vertical-align: text-top;
        text-transform: capitalize; }
      .full-screen .sidebar-nav li {
        text-align: left !important;
        padding-left: 20px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border-bottom: none; }
        .full-screen .sidebar-nav li a {
          color: #252525; }
        .full-screen .sidebar-nav li.logout-li, .full-screen .sidebar-nav li.checkin-li {
          border-top: 2px solid #f2f3f8; }
        .full-screen .sidebar-nav li.logout-li {
          padding-top: 25px !important; }
        .full-screen .sidebar-nav li.settings-li {
          border-bottom: 2px solid #f2f3f8;
          padding-bottom: 20px !important; }
        .full-screen .sidebar-nav li.customize-li {
          border-top: 2px solid #f2f3f8;
          padding-top: 25px !important; }
        .full-screen .sidebar-nav li .hr4 {
          margin-right: 15px; }
        .full-screen .sidebar-nav li.page-links {
          margin-bottom: 6px; }
      .full-screen .sidebar-nav a {
        color: #212121; }

    .full-screen .nav-text {
      display: inline; }

    .full-screen .gridster .square-list {
      width: 25% !important; }

    .full-screen .actionables-content-wrapper .collection-item {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 0;
      padding-right: 0; }
      .full-screen .actionables-content-wrapper .collection-item div {
        padding-top: 0;
        padding-bottom: 0; }
      .full-screen .actionables-content-wrapper .collection-item .subtext {
        display: none; }
      .full-screen .actionables-content-wrapper .collection-item .action-btn {
        right: 0;
        top: 22px; }

    .full-screen .margin-top-sm-10 {
      margin-top: 10px !important; }

    .full-screen .actionables-blocks {
      /*border-bottom: 2px solid #f5f5f5;*/
      border-right: none;
      padding-top: 0;
      padding-bottom: 10px;
      padding-right: 0;
      padding-left: 25px;
      min-height: auto; }
      .full-screen .actionables-blocks:first-of-type {
        margin-top: 15px; }
      .full-screen .actionables-blocks .w-title {
        display: inline-block;
        font-size: 18px; }
      .full-screen .actionables-blocks .w-count {
        font-size: 18px;
        display: inline-block;
        margin-top: 0; }

    .full-screen .homepage-trends .item .item-inner .item-content, .full-screen .homepage-insights-slider .item .item-inner .item-content {
      border: none; }

    .full-screen .nav-tabs.home-page-nav {
      position: fixed;
      bottom: 0px;
      z-index: 999999999;
      left: 0;
      margin-top: 25px;
      background-color: #fafafa;
      width: 100%; }
      .full-screen .nav-tabs.home-page-nav .home-settings-tab {
        display: none; }
      .full-screen .nav-tabs.home-page-nav .home-tab {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 8px; }
        .full-screen .nav-tabs.home-page-nav .home-tab .badge {
          display: none; }
        .full-screen .nav-tabs.home-page-nav .home-tab .hr4 {
          display: block;
          font-size: 16px !important; }
      .full-screen .nav-tabs.home-page-nav li {
        float: left;
        width: 33.33%;
        text-align: center;
        margin-bottom: 0px; }
        .full-screen .nav-tabs.home-page-nav li.active {
          border-bottom: 2px solid #4287f6; }
        .full-screen .nav-tabs.home-page-nav li a {
          font-size: 11px !important;
          font-weight: normal !important; }

    .full-screen footer .hidden-footer {
      margin-bottom: 50px; }

    .full-screen .home-tabs.tab-content {
      border-top: none;
      padding-top: 0;
      margin-top: 0; }

    .full-screen .user-view-switch-panel {
      display: none; }

    .full-screen #headerSlogan {
      display: none; }

    .full-screen .navbar ul.navbar-wrapper li.clearCache {
      top: 0; }
      .full-screen .navbar ul.navbar-wrapper li.check-in {
        padding: 0;
        float: left; }
        .full-screen .navbar ul.navbar-wrapper li.check-in .fa-user-clock {
          line-height: inherit;
          font-size: 18px; }
      .full-screen .navbar ul.navbar-wrapper li.notification {
        margin-top: 5px;
        float: right;
        margin-right: 9px; }

    .full-screen .notifications-menu {
      padding: 0; }

    .full-screen .homepage-insights-slider .carousel-inner .item {
      padding-left: 0;
      padding-top: 0; }
      .full-screen .homepage-insights-slider .carousel-inner .item-inner {
        padding: 0; }
      .full-screen .homepage-insights-slider .carousel-inner .item-inner .item-content {
        padding: 0; }
        .full-screen .homepage-insights-slider .carousel-inner .item-inner .item-content .widget-block-wrapper {
          margin-bottom: 0 !important; } }
    @media screen and (max-width: 767px) and (max-width: 991px) {
        .full-screen .navbar ul.navbar-wrapper {
          width: 100%;
          padding-left: 0; } }
  @media only screen and (max-width: 991px) {
  .full-screen .hide-on-mobile {
    display: none !important; } }
  @media screen and (min-width: 993px) {
  .full-screen .product-section .tabs .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto; } }
  @media screen and (max-width: 500px) {
  .full-screen #upgradeModal .modal-body, .full-screen #upgradeModal .modal-header {
    padding: 15px; }
  .full-screen .upgrade-title {
    max-width: 96%; }
  .full-screen #upgradeModal .close {
    right: 15px !important; }
  .full-screen .filter-label {
    margin-right: 5px; }
  .full-screen .home-apps-filter {
    width: 90px; }
  .full-screen .home-date-filter {
    width: 135px;
    float: left; }
  .full-screen .authentication-modal h4 {
    font-size: 20px;
    line-height: 1.1; }
    .full-screen .authentication-modal .sub-heading {
      font-size: 17px; }

    .full-screen .authentication-modal .btn-main {
      min-width: auto; } }
  @media screen and (min-width: 768px) {
  .full-screen .page-content-wrapper .sidebar-apps-display {
    left: 77px;
    top: 85px !important; }
  .full-screen .home-row {
    margin-left: 28px;
    margin-top: 35px; }
  .full-screen .actionables-date-filter {
    margin-left: 15px; } }
  @media (min-width: 768px) {
  .full-screen #wrapper.toggled {
    padding-left: 0; }
    .full-screen #wrapper.toggled #sidebar-wrapper {
      width: 0; }

    .full-screen #wrapper.toggled #page-content-wrapper {
      position: relative;
      margin-right: 0; }
  .full-screen #sidebar-wrapper {
    width: 76px;
    top: 87px; }
  .full-screen #page-content-wrapper {
    padding: 20px;
    position: relative; }
  .full-screen .hide-on-tab {
    display: none; } }
  @media screen and (min-width: 1200px) {
  .full-screen .sidebar-content-wrapper {
    float: left;
    width: calc(100% - 240px); }
  .full-screen .homepage-trends .item-inner, .full-screen .homepage-insights-slider .item-inner {
    width: 20%; }
    .full-screen .homepage-trends .cloneditem-3, .full-screen .homepage-insights-slider .cloneditem-3 {
      display: block; }

    .full-screen .homepage-trends .cloneditem-5, .full-screen .homepage-insights-slider .cloneditem-5 {
      display: none; }

    .full-screen .homepage-trends .cloneditem-4 .item-content, .full-screen .homepage-insights-slider .cloneditem-4 .item-content {
      border: none !important; } }
  @media all and (min-width: 768px) {
  .full-screen .carousel-showmanymoveone .carousel-inner > .active.left {
    left: -50%; }
    .full-screen .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .active.right {
      left: 50%; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .left {
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .prev.right {
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .active {
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block; }
  .full-screen .modal-open .modal .modal-header {
    padding: 24px; } }
  @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .full-screen .carousel-showmanymoveone .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0; }
    .full-screen .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .item.active.left {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .item.left {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .item.prev.right {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0; } }
  @media all and (min-width: 992px) {
  .full-screen .carousel-showmanymoveone .carousel-inner > .active.left {
    left: -16.6%; }
    .full-screen .carousel-showmanymoveone .carousel-inner > .prev {
      left: -16.6%; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .active.right {
      left: 16.6%; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .next {
      left: 16.6%; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .left {
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .prev.right {
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .active {
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner .cloneditem-2 {
      display: block; }
  .full-screen .modal-lg {
    width: 900px !important; } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
  .full-screen .homepage-trends .cloneditem-3, .full-screen .homepage-insights-slider .cloneditem-3, .full-screen .homepage-trends .cloneditem-4, .full-screen .homepage-insights-slider .cloneditem-4, .full-screen .homepage-trends .cloneditem-5, .full-screen .homepage-insights-slider .cloneditem-5 {
    display: none; }
  .full-screen .cloneditem-2 {
    display: block; }
    .full-screen .cloneditem-2 .item-content {
      border: none !important; } }
  @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .full-screen .carousel-showmanymoveone .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(16.6%, 0, 0);
    transform: translate3d(16.6%, 0, 0);
    left: 0; }
    .full-screen .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(16.6%, 0, 0);
      transform: translate3d(16.6%, 0, 0);
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .item.active.left {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .item.left {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .item.prev.right {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0; }

    .full-screen .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0; } }
  @media screen and (min-width: 991px) and (max-width: 1620px) {
  .full-screen .homepage-trends .item .item-inner, .full-screen .homepage-insights-slider .item .item-inner {
    padding-left: 10px;
    padding-right: 10px; } }
  @media screen and (min-width: 1200px) and (max-width: 1505px) {
  .full-screen .homepage-trends .item .item-inner .item-content, .full-screen .homepage-insights-slider .item .item-inner .item-content {
    min-height: 180px; }
    .full-screen .homepage-trends .w-text, .full-screen .homepage-insights-slider .w-text {
      float: none;
      margin-top: 0px;
      margin-left: 0px; }

    .full-screen .homepage-trends .w-count, .full-screen .homepage-insights-slider .w-count {
      float: none; } }

.form-input-row {
  margin-top: 15px; }
  .form-input-row i.datepicker-icon {
    position: absolute;
    top: 37px;
    right: 28px;
    cursor: pointer;
    color: rgba(0, 0, 0, .5); }

.trumbowyg-editor, .trumbowyg-textarea {
  padding: 16px; }

.icon-menu-btn {
  background: #106cfe;
  border-radius: 24px !important;
  font-size: 24px;
  margin-left: 0px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  cursor: pointer;
  -webkit-transform: scale(0.8) !important;
  -o-transform: scale(0.8) !important;
  transform: scale(0.8) !important;
  -webkit-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important; }
  .icon-menu-btn a {
    font-size: 24px;
    display: inline-block;
    margin-left: 0px; }
  .icon-menu-btn i.hr4 {
    left: 5px;
    top: 5px;
    font-size: 14px;
    position: absolute; }
  .icon-menu-btn i.hr4.arrow-right {
    left: 6px; }
  .icon-menu-btn:hover, .icon-menu-btn:focus, .icon-menu-btn:active {
    background-color: #23527c;
    color: #fff !important;
    -webkit-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
    -webkit-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    transition: all 0.1s ease !important; }

.mobile-left-sidebar {
  display: none;
  z-index: 999991;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 326px;
  border-right: 1px solid #e4e2e6;
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  min-height: 812px;
  height: calc(100%); }
  .mobile-left-sidebar.active {
    display: block; }
  .mobile-left-sidebar .profile-container {
    width: 100%;
    float: left;
    background-color: #102a47;
    border-radius: 0px 0px 80px 0px;
    padding: 16px 16px 24px 16px; }
  .mobile-left-sidebar .profile-container .image_container {
    position: relative; }
  .mobile-left-sidebar .profile-container .image_container .hr4.edit {
    position: absolute;
    left: 40px;
    top: 40px;
    background: #fff;
    border-radius: 10px;
    padding: 5px; }
  .mobile-left-sidebar .profile-container .name-container {
    text-align: left;
    color: #fff;
    padding-top: 16px; }
  .mobile-left-sidebar .menu-list {
    list-style: none;
    float: left;
    margin-left: 0px;
    padding-left: 0px;
    color: #333;
    width: 100%; }
  .mobile-left-sidebar .menu-list .menu-item {
    position: relative;
    padding: 4px 16px;
    width: 100%; }
  .mobile-left-sidebar .menu-list .menu-item.separator {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 16px 0px; }
  .mobile-left-sidebar .menu-list .menu-item .material-icons {
    position: absolute;
    top: 16px;
    left: 16px; }
  .mobile-left-sidebar .menu-list .menu-item .menu-icon-text {
    font-size: 16px;
    padding-left: 36px;
    margin-top: 5px;
    padding-top: 10px;
    display: block; }
  .mobile-left-sidebar .menu-list .menu-item .menu-text {
    font-size: 16px;
    padding-left: 0px;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px; }
  .mobile-left-sidebar .menu-list .menu-item a {
    color: #333; }
  .mobile-left-sidebar .mobile-apps-back {
    padding-left: 40px;
    font-size: 16px; }
  .mobile-left-sidebar .mobile-apps-back .material-icons {
    font-size: 36px;
    left: 5px;
    top: 3px;
    position: absolute; }

.mobile-right-sidebar-icon {
  position: absolute;
  right: 14px;
  top: 24px;
  color: #fff;
  cursor: pointer;
  z-index: 99999; }

.mobile-right-sidebar {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 40px; }

@media (max-width: 991px) {
  #main.full-screen {
    padding-top: 0px; }
    #main.full-screen .navbar-fixed-top {
      height: 0; }
      #main.full-screen .navbar-fixed-top.height-auto {
        height: auto; }

  .full-screen .navbar-fixed-top {
    position: relative;
    margin-bottom: 0; }

  .mobile-left-sidebar.active {
    display: block; }
    .mobile-left-sidebar.active #appBlock {
      max-height: inherit;
      height: 100%;
      -webkit-box-shadow: none;
      box-shadow: none;
      top: 0;
      position: relative; }

  .mobile-right-sidebar {
    display: block; } }

#mobile-apps-container {
  display: none; }
  #mobile-apps-container.active {
    display: block; }

.no-border-radius {
  border-radius: 0px !important; }

.file-wrapper .btn-main:not(.hide-element).icon-only .hr4 {
  top: 7px !important; }
  .file-wrapper .btn-main:not(.hide-element).icon-only .hr4.remove {
    top: 5px !important; }
  .file-wrapper .delete-file.btn i {
    font-size: 9px !important; }

@media (max-width: 767px) {
  .authentication-modal {
    left: 0;
    transform: none;
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px; } }

.password-issues {
  font-size: 14px;
  line-height: 20px;
  color: #333; }

.hr4-submit {
  font-size: 13px; }

.hr4-submit::placeholder, .hr4-submit:-ms-input-placeholder, .hr4-submit::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 14px;
  line-height: 20px;
  color: rgba(51, 51, 51, 0.4); }

.profile-edit-link {
  position: absolute;
  top: 15px;
  right: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, 0); }
  .profile-edit-link > div {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #1ca9e0;
    font-size: 16px;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    padding-top: 40px; }
  .profile-edit-link > div .hr4.edit {
    font-size: 36px; }
  .profile-edit-link > div div {
    font-weight: 400;
    margin-top: 7px;
    font-size: 14px;
    width: 100%; }
  .profile-edit-link > div:hover {
    opacity: 0.7; }

#messages .messages-full .message-body img {
  max-width: 320px; }
/********************top bar style start*************************/
@media (max-width: 1729px) {
  .full-screen .navbar-wrapper.navbar-wrapper-left {
    width: 680px; } }

@media (max-width: 1590px) {
  .full-screen .navbar-wrapper.navbar-wrapper-left {
    width: 200px; }

  #headerSlogan {
    display: none; } }

@media (max-width: 1349px) {
  .full-screen .navbar-wrapper.navbar-wrapper-left {
    width: 200px; } }

@media (min-width: 991px) and (max-width: 1348px) {
  .full-screen .navbar-wrapper.navbar-wrapper-left {
    width: 100px; } }
/********************top bar style ends*************************/
/********************mobile check in and out full screen start**********************/
#mobile-check-in i {
  position: absolute;
  left: 60px;
  top: 30px;
  color: #fff; }
/********************mobile check in and out full screen end**********************/
/*************************************************************************FULL SCREEN ENDS********************************************************************************************************************************/
#adp-welcome {
  padding: 20px; }

#adp-welcome .header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px; }

#adp-welcome .welcome-text {
  font-style: normal;
  font-weight: 400;
  font-size: 54px;
  line-height: 66px;
  color: rgba(51, 51, 51, 0.8);
  letter-spacing: 0.1px; }

#adp-welcome .workforce-text {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 49px;
  letter-spacing: 0.1px;
  color: #333; }

#adp-welcome .title-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#adp-welcome .content {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px; }

#adp-welcome .integration-info-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center; }

#adp-welcome .integration-info {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  max-width: 300px; }

#adp-welcome .button-container {
  display: flex;
  justify-content: center; }

#adp-welcome .start-button {
  background-color: #bf1e1b;
  padding: 28px 60px;
  border: none;
  border-radius: 16px;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #fff; }

#adp-logo {
  width: 80px;
  height: 80px;
  background: url('/images/adp/logo.png') no-repeat;
  background-size: 80px 80px; }

.adp-intro {
  width: 550px;
  height: 40px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  text-align: center;
  letter-spacing: 0.25px;
  color: #333; }

#adp-welcome .content .welcome-image {
  width: 600px;
  height: 388px;
  background: url('/images/adp/welcome.png') no-repeat;
  background-size: 600px 388px; }

#adp-welcome .content .workforce-image {
  width: 292px;
  height: 134px;
  background: url('/images/adp/workforce.png') no-repeat;
  background-size: 292px 134px; }

.adp-import-task-list .done {
  color: green; }
  .adp-import-task-list .in-progress {
    color: goldenrod; }
  .adp-import-task-list .pending {
    color: darkgray; }
  .adp-import-task-list .error {
    color: red; }
  .adp-import-task-list .css-loader {
    width: 12px;
    height: 12px; }

.language-setting-btn {
  color: #fff !important;
  text-transform: capitalize !important;
  background: #1ca9e0; }
  .language-setting-btn .menu-text {
    padding-top: 0px !important; }

.rearrange-homepage-widget, .rearrange-homepage-widget-app {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch; }

.homepage-widget-tile-list, .rearrange-homepage-widget-app .square-list {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px dashed rgba(51, 51, 51, 0.25); }

.homepage-widget-tile, .rearrange-homepage-widget-app .ui-sortable {
  margin: 0;
  padding: 0;
  flex-direction: column;
  display: flex;
  width: 60%; }

.homepage-widget-tile li, .rearrange-homepage-widget-app .ui-sortable li {
  margin: 0 3px 3px 3px; }

.rearrange-homepage-widget-app .square-list .app-icon {
  flex-shrink: 0;
  height: 32px;
  width: 32px;
  border-radius: 4px;
  color: #fff;
  display: inline-block; }

.dropdown-menu #notifications-wrapper .align-center .btn.btn-main.menu-footer-btn {
  margin-right: 0px; }

.dropdown-menu #notifications-wrapper .align-center .btn.btn-main.menu-footer-btn:hover {
  opacity: 1; }

#main > div > div.container.margin-top-15 > div.careers-content > div.card > div.card-header > span {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500; }

.user-login-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500; }

.modal .css-loader {
  margin: 30px auto;
  width: 100px;
  height: 100px; }

.skip-to-main-content-link {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: black;
  color: white;
  opacity: 0; }

.skip-to-main-content-link:focus {
  left: 50%;
  transform: translateX(-50%);
  opacity: 1; }