:root {
  font-family: Open Sans !important; }

#audit_line_items_filter .dropdown-menu {
  z-index: 1 !important; }

.filter-applied .select2-container--default .select2-selection--single {
  border: 1px solid #006FC8 !important;
  border-radius: 4px; }

.mention-widget .empty-resource-list-container {
  width: 100%; }

.transparent-bg {
  background: transparent; }

.break-word {
  word-wrap: break-word; }

.skip-to-content-link {
  background: #FFFFFF;
  height: 100%;
  width: auto;
  margin-top: 7%;
  left: 8%;
  padding: 8px;
  position: absolute;
  font-weight: bold;
  border-color: black;
  transform: translateY(-1000%);
  transition: transform 0.3s;
  text-align-last: center;
  padding-top: 1%; }

.skip-to-content-link:focus {
  transform: translateY(0%); }

.overall-stats .stat-item {
  height: 106px;
  padding: 0 15px;
  background-color: #FFFFFF;
  border-radius: 4px;
  position: relative; }
  .overall-stats .stat-item .stat-title {
    color: #7C7C7C;
    line-height: 18px;
    letter-spacing: 0.03rem;
    height: 100%;
    font-size: 1.2rem; }
    .overall-stats .stat-item .stat-title p {
      word-wrap: break-word;
      font-size: 1.2rem;
      margin: 0;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
      word-wrap: break-word;
      line-height: 15px; }
  .overall-stats .stat-item .stat-count {
    height: 100%; }
    .overall-stats .stat-item .stat-count h1 {
      width: 100%;
      font-size: 4rem;
      line-height: 70px;
      text-align: center;
      font-weight: 300;
      overflow: hidden;
      margin-bottom: 0;
      color: #333; }
  .overall-stats .stat-item .red-color {
    color: #FF4444; }
  .overall-stats .stat-item .kpi-canvas-inner {
    width: 60px !important;
    height: 60px !important;
    background-color: #EAEAEA;
    color: #333;
    border-radius: 50%;
    font-size: 1.2rem; }
    .overall-stats .stat-item .kpi-canvas-inner .kpi-canvas-increasing-icon {
      height: 6px;
      width: 6px;
      border-top: 0px solid transparent !important;
      border-right: 4px solid transparent !important;
      border-left: 4px solid  transparent !important;
      border-bottom: 6px solid #00C851 !important;
      margin-right: 2px; }
    .overall-stats .stat-item .kpi-canvas-inner .kpi-canvas-decreasing-icon {
      height: 6px;
      width: 6px;
      border-bottom: 0px solid transparent !important;
      border-right: 4px solid transparent !important;
      border-left: 4px solid  transparent !important;
      border-top: 6px solid #FF4444 !important;
      margin-right: 2px; }
    .overall-stats .stat-item .kpi-canvas-inner .kpi-canvas-constant-icon {
      height: 3px;
      width: 6px;
      background-color: #FFBB33;
      margin-right: 2px; }
  .overall-stats .stat-item .kpi-info-icon {
    height: 100%; }
    .overall-stats .stat-item .kpi-info-icon i {
      color: #EEEEEE;
      cursor: pointer; }
    .overall-stats .stat-item .kpi-info-icon i.guideflow_hovered {
      color: #CCCCCC; }
.overall-stats .stat-item:nth-child(5) {
  border: 0 !important; }

.m-l-35 {
  margin-left: 35px !important; }

.red-border .checklist-row-seq-num {
  color: #FF0000; }
.red-border .select2-selection__rendered {
  border-style: solid;
  border-color: #FF0000;
  border-width: 1px; }

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

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

.fill-primary-color {
  fill: #006FC8 !important; }

.fill-heading-color {
  fill: #EDF6FF !important; }

.input-border-primary {
  border: 1px solid #006FC8 !important; }

.view-type-select-radio {
  opacity: 0; }

.planner-svgs path, .planner-svgs rect {
  fill: #006FC8; }

.active-calendar-view-svg path, .active-calendar-view-svg rect {
  fill: #FFFFFF; }

.task-title-on-hover {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px; }

.cross-wo-tile {
  position: relative;
  right: 1px; }

.task-hover-overlay {
  position: fixed;
  z-index: 999;
  height: auto;
  width: 320px;
  background: #fff;
  border: 1px solid rgba(237, 237, 237, 0.5);
  box-shadow: 0px 1px 18px rgba(22, 29, 37, 0.34);
  border-radius: 4px; }

.work-queue-root {
  width: 100%;
  height: 117%;
  overflow-x: auto;
  border-bottom: 2px solid #E0E7EE; }

.work-queue-root-table {
  width: 100%;
  table-layout: fixed;
  clear: both;
  border-spacing: 0; }
  .work-queue-root-table .work-queue-event-tile-container {
    height: 60px; }
  .work-queue-root-table .work-queue-event-tile {
    height: 57px; }
  .work-queue-root-table td, .work-queue-root-table th {
    width: 220px; }
  .work-queue-root-table th {
    border-top: 1px solid #E0E7EE;
    text-align: center;
    background-color: #fff;
    position: sticky;
    top: -1px;
    box-shadow: inset 0px 1px #E0E7EE, 1px 1px #E0E7EE;
    outline: 1px solid #E0E7EE; }
  .work-queue-root-table th:last-child {
    border-right: 1px solid #E0E7EE; }
  .work-queue-root-table td {
    padding: 4px;
    border-left: 1px solid #E0E7EE; }
  .work-queue-root-table td:last-child {
    border-right: 1px solid #E0E7EE; }
  .work-queue-root-table tr.guideflow_hovered {
    background-color: #fff !important;
    box-shadow: none !important; }
  .work-queue-root-table .queue-user-names h6 {
    padding: 12px 0px;
    font-size: 1.3rem; }
  .work-queue-root-table .work-order-tile {
    height: 58px;
    padding: 3px; }
  .work-queue-root-table .tasks-counter {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #A1A1A1;
    background: #EDEDED;
    font-family: 'Open Sans';
    font-style: normal;
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 0px;
    padding: 5px 7px; }

.planner-header .btn {
  color: #000 !important; }
.planner-header .active-calendar-view {
  background: #006FC8;
  border-color: #006FC8;
  color: #FFFFFF; }
.planner-header .active-calendar-view.guideflow_hovered label {
  color: #FFFFFF; }
.planner-header radio-group-view-type.guideflow_hovered {
  border-color: #006FC8; }
.planner-header i {
  color: #000 !important; }
.planner-header .border-primary-filter-btn {
  border-color: #006FC8 !important;
  color: #006FC8 !important; }
.planner-header button {
  height: 36px !important;
  border-color: #d9d9d9 !important;
  font-size: 1.3rem;
  text-transform: capitalize; }
.planner-header div.active-calendar-view:last-child {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-left: 1px solid !important; }

.header-container-scroll {
  overflow-x: hidden; }

.sidepanel-action-btn {
  height: 36px !important;
  padding-top: 4px !important; }

.radio-group-view-type {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 5px 16px; }

.radio-group-view-type.guideflow_hovered label {
  color: #006FC8; }

.active-view {
  background: #EDF6FF;
  color: #006FC8; }

.radio-group-view-type:first-child {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px; }

.radio-group-view-type:last-child {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-left: none; }

.planner-cell {
  min-width: 75px; }

.view-type-select-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.planner-dropdown .dropdown-item.guideflow_hovered {
  background-color: #EDF6FF; }

.vertical-line-current-time {
  position: absolute;
  border-left: 1px solid #006FC8;
  padding: 0px;
  margin-top: 0px;
  overflow: hidden; }

.date-control-container {
  text-align: center;
  width: 150px; }

.planner-filters-list {
  list-style: none;
  padding: 0px; }
  .planner-filters-list li.filter-item {
    padding: 4px 15px;
    margin: 0px 7px;
    cursor: pointer;
    font-size: 1.3rem; }
  .planner-filters-list li.filter-item.guideflow_hovered {
    background: #EDF6FF; }

.tasks-info-container:first-child {
  margin-top: 0px !important; }

#planner-filter-popover div, .planner-filter-popover div {
  padding: 0px; }

.filters-heading-text {
  font-size: 1.2rem;
  font-family: 'Poppins', Semi-bold;
  color: #4C555D; }

.sort-column-name-with-dropdown {
  border: none;
  background: #FFF;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 13px; }

.planner-hide-scroll-bar {
  overflow: auto;
  overflow-x: overlay;
  overflow-y: overlay; }

.sort-by-text {
  color: #625F5F;
  font-size: 11px; }

.today-btn {
  border-color: #222222 !important; }

.today-btn.guideflow_hovered {
  border-color: #006FC8 !important;
  color: #006FC8; }

.filter-badge-container-div {
  min-width: 140px;
  text-align: center;
  background: #EDF6FF;
  border: 1px solid #EDF6FF;
  border-radius: 4px;
  padding: 6px 5px; }
  .filter-badge-container-div .cross-icon-filter {
    cursor: pointer; }
  .filter-badge-container-div .filter-text {
    font-size: 13px; }

.task-detail-alert-txt {
  font-size: 14px; }

.task-detail-alert {
  display: none; }

.add-more-popover-cross {
  position: absolute;
  right: 0;
  bottom: -5px; }

.coming-soon-add-on-container {
  pointer-events: none; }
  .coming-soon-add-on-container p, .coming-soon-add-on-container a, .coming-soon-add-on-container span:not(.coming-soon-label) {
    color: #A1A1A1 !important; }
  .coming-soon-add-on-container .zbtn {
    background-color: #EDEDED !important;
    color: #CCCCCC !important;
    border-color: #EDEDED !important; }
    .coming-soon-add-on-container .zbtn.btn-zendesk {
      color: #CCCCCC !important; }
  .coming-soon-add-on-container input[type=radio]:checked ~ .check {
    border: 1px solid #A1A1A1 !important; }
    .coming-soon-add-on-container input[type=radio]:checked ~ .check::before {
      background-color: #A1A1A1 !important; }
  .coming-soon-add-on-container .coming-soon-label {
    background-color: #CCF4DC;
    color: #007E33;
    height: 32px;
    padding: 4px 10px 4px 10px;
    font-size: 1.3rem;
    border-radius: 4px;
    margin-left: 4px; }

.pricing-plan-text {
  font-size: 32px;
  color: #4C555D !important;
  font-weight: 600; }

.maintenance-users-label {
  font-size: 20px;
  font-family: Poppins;
  color: #4C555D !important;
  font-weight: 600;
  word-wrap: break-word; }

.cmms-custom-pricing {
  margin-top: 35px;
  color: #006FC8;
  font-size: 26px;
  font-family: Poppins;
  font-weight: 600;
  word-wrap: break-word;
  letter-spacing: 0px !important;
  padding-top: 9px !important; }

.cmms-package-type-label {
  color: #006FC8;
  font-size: 22px;
  font-family: Poppins;
  font-weight: 600;
  word-wrap: break-word; }

.cmms-package-desc {
  color: #7C7C7C !important;
  font-size: 13px !important;
  font-family: Open Sans;
  font-weight: 400;
  word-wrap: break-word; }

.cmms-package-advanced-desc {
  width: 97.8% !important; }

.cmms-package-basic-desc {
  width: 90.6% !important; }

.cmms-premium-text-color {
  color: #007E33 !important;
  font-weight: 700;
  font-size: 2.4rem !important; }

.best-value-icon {
  display: flex;
  justify-content: flex-end; }

.open-task-tile-color {
  background: #D6F0FA !important;
  border-left: 2px solid #00559A !important; }

.in_progress-task-tile-color {
  background: #FFF1D6 !important;
  border-left: 2px solid #CA890B !important; }

.on_hold-task-tile-color {
  background: #DDDDDD !important;
  border-left: 2px solid #CA890B !important; }

.review_pending-task-tile-color {
  background: #FFDADA !important;
  border-left: 2px solid #CC0000 !important; }

.completed-task-tile-color {
  background: #CCF4DC !important;
  border-left: 2px solid #007E33 !important; }

.due-date-arrow {
  color: #000000; }

.cross-tile-color {
  color: #777777; }

.cross-tile {
  position: absolute;
  right: 5px; }

.spinner-detail-panel {
  position: absolute;
  top: 50%;
  left: 155px; }

.planner-sidebar-fields .datepicker.dropdown-menu {
  z-index: 10000 !important; }

div.spinner {
  position: relative;
  width: 54px;
  height: 54px;
  display: inline-block;
  margin-left: 50%;
  margin-right: 50%;
  padding: 10px;
  border-radius: 10px; }

div.spinner div {
  width: 6%;
  height: 16%;
  background: #006FC8;
  position: absolute;
  left: 49%;
  top: 43%;
  opacity: 0;
  -webkit-border-radius: 50px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-animation: fade 1s linear infinite; }

@-webkit-keyframes fade {
  from {
    opacity: 1; }
  to {
    opacity: 0.25; } }
div.spinner div.bar1 {
  -webkit-transform: rotate(0deg) translate(0, -130%);
  -webkit-animation-delay: 0s; }

div.spinner div.bar2 {
  -webkit-transform: rotate(30deg) translate(0, -130%);
  -webkit-animation-delay: -0.9167s; }

div.spinner div.bar3 {
  -webkit-transform: rotate(60deg) translate(0, -130%);
  -webkit-animation-delay: -0.833s; }

div.spinner div.bar4 {
  -webkit-transform: rotate(90deg) translate(0, -130%);
  -webkit-animation-delay: -0.7497s; }

div.spinner div.bar5 {
  -webkit-transform: rotate(120deg) translate(0, -130%);
  -webkit-animation-delay: -0.667s; }

div.spinner div.bar6 {
  -webkit-transform: rotate(150deg) translate(0, -130%);
  -webkit-animation-delay: -0.5837s; }

div.spinner div.bar7 {
  -webkit-transform: rotate(180deg) translate(0, -130%);
  -webkit-animation-delay: -0.5s; }

div.spinner div.bar8 {
  -webkit-transform: rotate(210deg) translate(0, -130%);
  -webkit-animation-delay: -0.4167s; }

div.spinner div.bar9 {
  -webkit-transform: rotate(240deg) translate(0, -130%);
  -webkit-animation-delay: -0.333s; }

div.spinner div.bar10 {
  -webkit-transform: rotate(270deg) translate(0, -130%);
  -webkit-animation-delay: -0.2497s; }

div.spinner div.bar11 {
  -webkit-transform: rotate(300deg) translate(0, -130%);
  -webkit-animation-delay: -0.167s; }

div.spinner div.bar12 {
  -webkit-transform: rotate(330deg) translate(0, -130%);
  -webkit-animation-delay: -0.0833s; }

.checklist-container .card-header {
  background: #FFFFFF !important; }
.checklist-container .checklist-title {
  font-style: normal;
  font-weight: 600;
  font-size: 13px; }
.checklist-container .checklist-body-target-collapse {
  padding: 15px;
  padding-top: 10px !important; }

.onboarding-modal-font-size {
  font-size: 1.4rem; }

.op-0 {
  opacity: 0; }

.op-100 {
  opacity: 100; }

.show-view-button-on-hover .view-btn {
  opacity: 0; }

.show-view-button-on-hover.guideflow_hovered {
  background: #F6F6F6;
  box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.12); }
  .show-view-button-on-hover.guideflow_hovered .view-btn {
    opacity: 1;
    box-shadow: none !important;
    background-color: #FFF; }

.m-t-7 {
  margin-top: 7px; }

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

.quick-view-pane-width {
  right: 0px !important; }

.quick-view-item-highlight {
  background: #F6F6F6;
  box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.12); }
  .quick-view-item-highlight .view-btn {
    box-shadow: none !important;
    opacity: 1;
    background-color: #FFF; }

.checklist-line-item-title {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #7C7C7C; }

.checklist-border-radius {
  border-radius: 4px !important; }

.no-resource-found-card {
  border: 1px solid #EBEDF0;
  border-radius: 4px;
  padding: 25px 5px;
  text-align: center; }
  .no-resource-found-card .no-resource-text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    color: #4C555D; }

.planner-table-body {
  max-height: 442px !important; }

.planner-widget-body {
  max-height: 290px; }

.primary-assignee-bg-color {
  background: #FFF1DE !important;
  border-left: 2px solid #F7B75B !important; }

.popover-bg-color {
  background: #FFFFFF !important; }

.seconary-assignee-bg-color {
  background: #E7F6FB !important;
  border-left: 2px solid #46A3E3 !important; }

.planner-states-filter li.guideflow_hovered {
  background-color: #EDF6FF; }

.individuals-heading {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 12px; }

.header3-text {
  padding: 0px !important; }

.ant-popover-arrow {
  display: none !important; }

.planner-collapse-hide-bar {
  z-index: 100;
  overflow: hidden;
  width: 40px;
  border-left: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  background: #FFFFFF;
  border-bottom-left-radius: 5px; }

.planner-with-sidebar-close {
  width: 98%; }

.sidebar-open {
  width: 2%; }

.sidebar-closed {
  width: 20%; }

.planner-with-sidebar-open {
  width: 80%; }

.inidividual-filter-container {
  width: 270px; }

.individuals-checkboxes-list {
  overflow-y: scroll;
  max-height: 320px;
  min-height: 150px; }

@media screen and (max-width: 1601px) {
  .planner-with-sidebar-open {
    width: 75%; }

  .planner-with-sidebar-close {
    width: 97%; }

  .sidebar-open {
    width: 3%; }

  .sidebar-closed {
    width: 25%; }

  .inidividual-filter-container {
    width: 270px;
    max-height: 380px; }

  .individuals-checkboxes-list {
    max-height: 205px; } }
.ant-fullcalendar-selected-day .ant-fullcalendar-value, .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  background: #006FC8 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  border-radius: 50%; }

.ant-fullcalendar-today .ant-fullcalendar-value, .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  box-shadow: 0 0 0 1px #006FC8 inset !important; }

.ant-select-dropdown-menu-item.guideflow_hovered:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #EDF6FF !important; }

.ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active {
  border-color: #006FC8 !important; }

.individuals-filters-btn {
  border: 1px solid #4C555D;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 5px 0px; }

.individuals-filters-btn.guideflow_hovered {
  border: 1px solid #006FC8;
  color: #006FC8; }

.primary-btn-filters {
  border-color: #006FC8 !important;
  background-color: #006FC8 !important;
  color: #FFFFFF !important; }

.primary-btn-filters.guideflow_hovered {
  background-color: #00559A !important; }

.icon-nav.guideflow_hovered {
  color: #006FC8 !important;
  box-shadow: 0 0 0px !important;
  cursor: pointer; }

.view-more-text {
  color: #006FC8; }

.calendar-header-outline {
  border: 1px solid #d9d9d9;
  padding: 5px 7px; }

.calendar-header-outline.guideflow_hovered {
  border: 1px solid #A1A1A1; }

.left-border-radius {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.header-text-font {
  font-family: 'Open Sans' !important;
  font-style: normal !important;
  font-size: 13px !important;
  color: #222222; }

.right-border-radius {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ant-radio-button-wrapper-checked {
  background: #EDF6FF !important;
  border: 1px solid #d9d9d9 !important;
  border-left: 1px solid #d9d9d9 !important;
  color: #006FC8 !important; }

.ant-radio-button-wrapper {
  border: 1px solid #d9d9d9 !important;
  color: #C4C4C4; }

.ant-radio-button-wrapper.guideflow_hovered {
  color: #006FC8 !important; }

.resource-info-label {
  color: #7C7C7C; }

.product-resource-heading {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left; }

.hoverable-svg-muted-color {
  fill: #7C7C7C; }

.hoverable-svg-muted-color.guideflow_hovered {
  fill: #006FC8; }

.close-task-detail-panel {
  float: right;
  margin-right: 17px;
  margin-top: 9px; }

.asset-group-by-name-listing {
  background: #F2F2F2;
  border-bottom: 1px solid lightgrey !important; }

.dark-grey-tr-on-hover tr.guideflow_hovered {
  background-color: #F2F2F2;
  box-shadow: none; }

.side-bar-container {
  position: fixed;
  right: -436px;
  top: 0px;
  height: 100%;
  width: 436px;
  z-index: 1050;
  overflow-y: scroll;
  background: #FFFFFF;
  box-shadow: -6px 4px 20px rgba(90, 88, 88, 0.34);
  transition: all 0.5s; }
  .side-bar-container .container-div {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 6px; }
  .side-bar-container .container-div:first-child {
    padding-top: 34px; }
  .side-bar-container .container-div:last-child {
    padding-bottom: 20px; }
  .side-bar-container .container-heading {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 13px; }

.font-size-quick-view {
  font-size: 1.3rem; }

.task-details-sidebar .container-div-task-detail {
  display: none; }
.task-details-sidebar .title-container {
  background: #FFFFFF;
  border: 1px solid rgba(201, 201, 201, 0.48);
  border-left: 2px solid #006FC8 !important;
  border-radius: 2px; }
.task-details-sidebar .break-title {
  word-wrap: break-word;
  white-space: pre-wrap; }
.task-details-sidebar .dot {
  height: 8px;
  width: 8px;
  margin-top: 3px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px; }
.task-details-sidebar .title {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #006FC8; }
.task-details-sidebar .state-badge {
  padding: 4px 9px;
  border-radius: 4px; }
.task-details-sidebar .action-btn {
  height: 36px !important;
  border-radius: 5px;
  padding-top: 11px !important; }

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

.calendar-task-container {
  border-radius: 4px; }
  .calendar-task-container .secondary-chip {
    background: #D9D9D9;
    padding: 2px 11px;
    border-radius: 90px;
    font-size: 9px;
    font-weight: 400;
    color: #000000; }
  .calendar-task-container .small-view-secondary-chip {
    font-weight: 100 !important;
    height: 16px !important;
    font-size: 8.3px !important; }
  .calendar-task-container .grey-dot-separator {
    height: 3px;
    width: 3px;
    background-color: #7C7C7C;
    border-radius: 50%;
    display: inline-block;
    margin-top: 8px; }
  .calendar-task-container .dot {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px; }
  .calendar-task-container .task-title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap; }
  .calendar-task-container .secondary-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    color: #4C555D; }
  .calendar-task-container .secondary-labels {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    color: #888888; }
  .calendar-task-container .no-border-no-bg {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important; }
  .calendar-task-container .in_progress {
    color: #CC8B14;
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    line-height: 12px; }
  .calendar-task-container .open {
    color: #CC0200;
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    line-height: 12px; }
  .calendar-task-container .repair {
    color: #7C2A9E;
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    line-height: 12px; }

.calendar-task-status {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px; }

.tasks-info-container {
  background: #FFFFFF;
  border: 1px solid #EEEDED;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  width: 100%;
  cursor: pointer; }
  .tasks-info-container .dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px; }
  .tasks-info-container .task-title {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px; }
  .tasks-info-container .secondary-text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #4C555D; }
  .tasks-info-container .state-pill {
    border-radius: 90px;
    padding: 2px 11px; }

.in_progress {
  color: #CA890B;
  background-color: #FFF1D6;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.on_hold {
  color: #505050;
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.open {
  color: #00559A;
  background-color: #D6F0FA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.maintenance {
  color: #7C299F;
  background-color: #F4D5FD;
  border: 1px solid #F4D5FD; }

.review_pending {
  color: #CC0000;
  background-color: #FFDADA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.completed {
  color: #007E33;
  background-color: #CCF4DC;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.general {
  color: #333;
  background-color: #DDDDDD;
  border: 1px solid #DDDDDD; }

.repair {
  background-color: #F4D5FD;
  border: 1px solid #F4D5FD;
  color: #7C2A9E; }

.search-bar-container {
  border: 1px solid #D7D7D7;
  border-radius: 4px;
  width: 100%; }
  .search-bar-container input.search-bar-input-field {
    outline: none !important;
    border: none !important;
    padding: 5px 10px; }
  .search-bar-container .search-icon {
    position: relative;
    top: 25%;
    padding-left: 6px; }
  .search-bar-container .close-icon {
    position: relative;
    top: 25%;
    padding-right: 6px; }

.planner-sidebar-collapse-expand-icon {
  float: right;
  margin-right: 1.3rem;
  margin-top: 15px; }

.tabs-submenu {
  border-bottom: 1px solid #E0E0E0; }
  .tabs-submenu .active {
    border-bottom: 2px solid #006FC8;
    color: #006FC8 !important; }
  .tabs-submenu a {
    text-decoration: none;
    color: #7C7C7C !important; }
  .tabs-submenu a.guideflow_hovered {
    color: #006FC8 !important;
    cursor: pointer; }

.vertical-line-current-time {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  border-left: 1px solid #006FC8;
  left: 0; }

.triangle-current-time {
  width: 0;
  height: 0;
  left: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #006FC8;
  position: absolute; }

.planner-table-header {
  height: 24px !important; }

.asset-sym-tag {
  color: white;
  border: 1px solid #F7B75B;
  background-color: #F7B75B;
  padding: 3px; }

.planner-table-cells {
  height: 95px !important; }

.event-item-border {
  border-left: 2px solid #F7B75B; }

.header1-text {
  font-size: 25px;
  color: #90CDF9;
  font-weight: 500; }

.search-icon-with-circle {
  font-weight: 100;
  margin-left: auto;
  margin-right: 6px;
  font-size: 13px;
  border-radius: 30px;
  padding: 3px 6px;
  background: #EDEDED;
  border: 1px solid #EDEDED;
  margin-top: -6px;
  color: #4C555D; }

.cross-icon {
  color: #777777; }

.extra-lg-icon {
  font-size: 19px; }

.lg-icon {
  font-size: 12px; }

.dropdown-menu {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  border: none !important; }

.search-input-slider {
  display: none; }

.asset-badge-padding {
  font-size: 1rem !important;
  padding: 0.4rem 0.4rem !important; }

.header2-text {
  font-style: normal;
  font-weight: 400;
  font-size: 13px; }

.header3-text {
  font-size: 12px;
  font-weight: 500; }

.base-text {
  font-size: 12px; }

.help-text {
  font-size: 12px;
  color: #999; }

.disabled-text {
  font-size: 12px;
  color: #ccc; }

.border-primary-filter-btn {
  border: 1px solid #006FC8;
  color: #006FC8; }

.scheduler {
  margin: 20px auto;
  border-spacing: 0; }
  .scheduler tr.guideflow_hovered {
    background-color: transparent !important;
    box-shadow: none !important; }
  .scheduler .current-time {
    color: #006FC8; }
  .scheduler .header-cell-text {
    text-transform: uppercase; }
  .scheduler .non-current-time {
    color: #777777; }
  .scheduler .resources-list-font {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px; }
  .scheduler .individual-filter-icon {
    float: right;
    margin-top: 5px;
    margin-right: 6px; }

.scheduler td {
  padding: 0px; }

.expander-space {
  overflow: hidden;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: .9em;
  vertical-align: middle;
  margin-top: -1%; }

.resource-view {
  border: 1px solid #E0E0E0;
  overflow: hidden; }

.scheduler-view {
  border: 1px solid #E0E0E0;
  margin: 0 0 0 -1px;
  padding: 0; }

.scheduler-content {
  position: relative;
  z-index: 2; }

.scheduler-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1; }

table.resource-table, table.scheduler-bg-table, table.scheduler-table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  text-align: center; }

table.scheduler-table {
  border: 1px solid #E0E0E0; }

table.scheduler-content-table {
  margin: 0;
  padding: 0;
  border: 0 solid #E0E0E0;
  border-spacing: 0; }

table.resource-table tr, table.scheduler-bg-table tr, table.scheduler-table tr {
  border-bottom: 1px solid #e9e9e9; }

table.resource-table th, table.scheduler-table th, table.resource-table td, table.scheduler-bg-table td, table.scheduler-table td {
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0; }

table.scheduler-bg-table th {
  border-right: 1px solid #E0E0E0; }

table.resource-table tr th:last-child, table.scheduler-table tr th:last-child,
table.resource-table tr td:last-child, table.scheduler-table tr td:last-child {
  border-right: 0; }

/*table.resource-table tr:last-child td, table.scheduler-bg-table tr:last-child td, */
table.scheduler-table tr:last-child td {
  border-bottom: 0; }

.timeline-event {
  position: absolute; }
  .timeline-event.guideflow_hovered .cross-tile {
    display: block !important; }

.popover-event {
  border-radius: 5px; }

.day-event {
  position: relative;
  display: inline-block;
  margin: 0px 5px; }

.day-event-container {
  text-align: left;
  padding: 5px 5px 0 5px; }

.round-all {
  border-radius: 14px; }

.round-head {
  border-radius: 14px 0px 0px 14px; }

.round-tail {
  border-radius: 0px 14px 14px 0px; }

.round-none {
  border-radius: 0px; }

.event-container {
  position: relative;
  height: 95px !important; }

.event-item {
  margin: 1px 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  padding-right: 20px !important; }

.overflow-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px !important; }

.status-dot {
  width: 14px;
  height: 14px;
  border-radius: 7px; }

.ant-radio-button-wrapper-checked {
  background-color: #108EE9;
  color: #FFFFFF; }

.overflow-hidden {
  overflow: hidden; }

.add-more-popover-overlay {
  position: fixed;
  z-index: 999999;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px; }

.popover-calendar {
  width: 300px; }

.popover-calendar .ant-calendar {
  box-shadow: 0 1px 6px transparent !important; }

.event-resizer {
  position: absolute;
  z-index: 4;
  display: block;
  width: 7px;
  top: -1px;
  bottom: -1px; }

.event-start-resizer {
  cursor: w-resize;
  left: -1px; }

.event-end-resizer {
  cursor: e-resize;
  right: -1px; }

.selected-area {
  position: absolute; }

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

.slot-text {
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 118px; }

.m-l-20rem {
  margin-left: 20rem; }

.item_audit_line_item_name {
  position: relative;
  top: 2.5px; }

.item-audits-description-container {
  height: 80px; }
  .item-audits-description-container .info-headings {
    padding: 15px; }
  .item-audits-description-container .info-icons {
    padding: 26px; }

.item_audit_card_text {
  color: #4C555D; }

.item-audits-resource-card {
  border: none !important; }

.item-audit-toggle-resource-container-icon {
  position: relative;
  top: 3px; }

.item-audit-importing-items-loading-spinner {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #006FC8;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-left: auto !important;
  margin-right: auto !important;
  animation: spin 1.2s linear infinite; }

.spinner-sm {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #006FC8;
  height: 27px !important;
  width: 27px !important; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.software-heading-container .margin-top-reset {
  margin-top: -5px; }

.margin-top-reset {
  margin-top: 0px; }

.line-bottom-margin {
  margin-bottom: 9px; }

.margin-bottom-reset {
  margin-bottom: 0px !important; }

.more-actions-info-svg {
  padding-left: 1.7rem;
  font-size: 0px;
  padding-top: 2px;
  padding-bottom: 6px; }

.reservations-requests-spacing {
  margin-top: -8px; }

.additional-info-heading {
  margin-bottom: -5px; }

.task-purchase-orders-list {
  margin-top: -5px; }

.w-120p {
  width: 120px !important; }

.w-110p {
  width: 110% !important; }

.w-92 {
  width: 92% !important; }

.customize-kpi-container {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E5EBF2;
  border-radius: 4px;
  opacity: 1; }

.customize-kpi-label {
  font-style: normal;
  font-size: 14px !important;
  color: #4C555D;
  font-weight: normal;
  max-width: 226px;
  padding-bottom: 2px; }

.customize-kpi-value {
  letter-spacing: 0px;
  color: #333333;
  opacity: 1;
  font-family: 'Roboto', sans-serif;
  font-weight: 600 !important;
  font-size: 36px !important; }

.cmms-customize-kpi-container {
  box-sizing: border-box;
  width: 45%;
  height: 148px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  margin-left: 3.3%;
  margin-bottom: 15px; }

.function-kpi {
  font-size: 15px; }

.kpi-display-value {
  font-family: 'Roboto', sans-serif;
  font-weight: 600 !important;
  font-size: 36px !important; }

.pr-27 {
  padding-right: 27px !important; }

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

.pt-10 {
  padding-top: 10px !important; }

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

.border-grey {
  border-color: #D3D3D3 !important; }

.border-red {
  border: 1px solid red; }

.quick-view-pane-border {
  border: 1px solid rgba(201, 201, 201, 0.48);
  border-radius: 4px;
  border-left: 2px solid black; }

.arial-styling {
  font-family: 'Arial' !important; }

html {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 10px;
  font-family: Open Sans; }

p, label, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0; }

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

/* Chrome, Safari, Edge, Opera */
.input-remove-numeric-arrows::-webkit-outer-spin-button,
.input-remove-numeric-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
.input-remove-numeric-arrows {
  -moz-appearance: textfield; }

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

::-webkit-scrollbar {
  width: 10px;
  height: 6px; }

::-webkit-scrollbar-track {
  background: #F6F9FC; }

::-webkit-scrollbar-thumb {
  background: #bec0c4;
  border-radius: 100px; }

::-webkit-scrollbar-thumb.guideflow_hovered {
  background: #7C838F; }

body {
  min-width: 1024px;
  height: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  font-family: Open Sans !important; }
  body ::-webkit-scrollbar {
    width: 6px; }
  body ::-webkit-scrollbar-track {
    background: #F6F9FC;
    border-radius: 4px; }
  body ::-webkit-scrollbar-thumb {
    background: #bec0c4;
    border-radius: 100px; }
  body ::-webkit-scrollbar-thumb.guideflow_hovered {
    background: #7C838F; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: 'Poppins', sans-serif; }
  body h1 {
    color: #4C555D;
    font-size: 3rem;
    margin: 0;
    font-weight: 700; }
  body h2 {
    color: #4C555D;
    font-size: 2.4rem;
    margin: 0;
    font-weight: 500; }
  body h3 {
    color: #4C555D;
    font-size: 2rem;
    font-weight: 500;
    margin: 0; }
  body h4 {
    color: #4C555D;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0; }
  body h5 {
    color: #4C555D;
    font-size: 1.6rem;
    margin: 0;
    font-weight: 500; }
  body h6 {
    color: #4C555D;
    font-size: 1.6rem;
    margin: 0;
    font-weight: 700; }
  body p {
    font-size: 1.3rem;
    color: #333;
    letter-spacing: 0.5px;
    font-weight: 400;
    margin: 0; }
  body ul {
    font-size: 1.3rem;
    color: #333;
    letter-spacing: 0.5px;
    font-weight: 400;
    margin: 0; }
  body b {
    letter-spacing: 0.5px;
    font-weight: 700; }
  body label {
    font-size: 1.3rem;
    color: #333;
    letter-spacing: 0.5px;
    font-weight: 400; }
  body label.guideflow_hovered {
    cursor: pointer; }
  body small {
    font-size: 1.2rem;
    letter-spacing: 0.5px;
    font-weight: 300; }
  body strong {
    font-size: 1.3rem;
    color: #333;
    letter-spacing: 0.5px;
    font-weight: 500; }
  body a {
    font-size: 1.3rem;
    color: #006FC8;
    letter-spacing: 0.5px;
    font-weight: 300; }
  body a.guideflow_hovered {
    color: #00559A;
    text-decoration: none; }
  body input:-internal-autofill-selected {
    background-color: transparent !important; }
  body input, body textarea, body .token-input-list-facebook {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #525F7E;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 4px;
    font-size: 1.3rem; }
  body input.guideflow_hovered, body textarea.guideflow_hovered, body .token-input-list-facebook.guideflow_hovered {
    background-color: #FFFFFF;
    border: 1px solid #A1A1A1;
    color: #525F7E; }
  body input:focus, body textarea:focus, body .token-input-list-facebook:focus {
    background-color: #FFFFFF;
    border: 1px solid #006FC8;
    color: #525F7E; }
  body input:disabled, body textarea:disabled, body .token-input-list-facebook:disabled {
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    color: #A1A1A1; }
  body input[type=number] {
    text-align: right; }
  body .disabled-link {
    pointer-events: none; }
  body .disabled-div {
    pointer-events: none; }
  body .required_label {
    display: flex; }
    body .required_label label {
      padding: 0px !important; }

.disable-fields {
  margin: 0px !important;
  background-color: #EDEDED !important; }

.font-open-sans {
  font-family: Open Sans !important; }

.font-poppins {
  font-family: 'Poppins', sans-serif !important; }

.custom-report-graph-panel .card-header {
  border: 1px solid white;
  border-top: 1px solid #D3D3D3; }
  .custom-report-graph-panel .card-header .row {
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px; }
  .custom-report-graph-panel .card-header .col-lg-3 {
    padding: 0; }
  .custom-report-graph-panel .card-header .col-4, .custom-report-graph-panel .card-header col-lg {
    text-align: right;
    margin-right: -30px !important;
    color: #006FC8; }
    .custom-report-graph-panel .card-header .col-4 span, .custom-report-graph-panel .card-header col-lg span {
      font: normal normal 600 13px/18px Open Sans;
      padding-right: 15px; }
    .custom-report-graph-panel .card-header .col-4 .parent-collapse-button, .custom-report-graph-panel .card-header col-lg .parent-collapse-button {
      width: 16px; }
    .custom-report-graph-panel .card-header .col-4 .small-svg-icon, .custom-report-graph-panel .card-header col-lg .small-svg-icon {
      padding-right: 5px;
      padding-top: 2px; }
  .custom-report-graph-panel .card-header p {
    font: normal normal 600 16px/22px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    text-align: left; }
.custom-report-graph-panel .custom-report-graph-body-section .card-body {
  border-top: 1px solid lightgrey; }

.ez-custom-light-placeholder input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-size: 1.3rem;
  color: #A1A1A1; }
.ez-custom-light-placeholder input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  opacity: 1;
  font-size: 1.3rem;
  color: #A1A1A1; }
.ez-custom-light-placeholder input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  opacity: 1;
  font-size: 1.3rem;
  color: #A1A1A1; }
.ez-custom-light-placeholder input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 1.3rem;
  color: #A1A1A1; }
.ez-custom-light-placeholder input:-webkit-autofill,
.ez-custom-light-placeholder input:-webkit-autofill.guideflow_hovered,
.ez-custom-light-placeholder input:-webkit-autofill:focus,
.ez-custom-light-placeholder input:-webkit-autofill:active {
  background-color: transparent !important;
  transition: background-color 9999999s ease-in-out 0s;
  -webkit-text-fill-color: #A1A1A1 !important; }
.ez-custom-light-placeholder input {
  height: auto;
  min-width: 280px;
  line-height: 22px;
  font-size: 1.3rem;
  padding: 0;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 5px 10px;
  border-radius: 0;
  height: 100%;
  background: transparent;
  color: #A1A1A1; }
.ez-custom-light-placeholder input:focus {
  border: 0;
  box-shadow: none;
  outline: none;
  font-size: 1.3rem; }
.ez-custom-light-placeholder .icon {
  font-size: 1.3rem;
  color: #A1A1A1; }

.horizontal-divider {
  background-color: #E0E7EE;
  height: 1px;
  width: 100%; }

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

.border-green {
  border: 1px solid green !important; }

.border-dashed {
  border: 1px dashed grey !important; }

.cursor-pointer {
  cursor: pointer; }

.cursor-text {
  cursor: text !important; }

.cursor-default {
  cursor: default; }

.disable-link {
  pointer-events: none;
  cursor: default; }

.disable-link-with-opacity {
  pointer-events: none;
  opacity: 0.5 !important; }

.disable-with-greyed-and-opacity {
  background-color: #DDDDDD;
  pointer-events: none;
  opacity: 0.5 !important; }

#duplicate_shipping_address {
  background-color: #FBF4FB;
  padding: 6px;
  color: #6E4874; }

.alert-mandatory-heading-color {
  color: #00559A !important; }

.text-input:first-line {
  background-color: #FFCCE4;
  color: #000000;
  font: normal normal normal 14px/19px Open Sans; }

.pr-20 {
  padding-right: 20px !important; }

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

.overflow-y-visible {
  overflow-y: visible !important; }

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

.popover-wrapper ul .side-menu-box a {
  margin: 2.5px 5px;
  border-radius: 2px; }

.ezr-theme-color .token-input-selected-dropdown-item-facebook {
  background-color: #F9F5FB !important;
  color: black !important; }

.new-order-field-container .token-input-token-facebook, .new-order-field-container .token-input-delete-token-facebook {
  background-color: #F9F5FB !important;
  color: black !important;
  font-family: Open Sans !important;
  border-color: #EEE7F1 !important; }

.button-link {
  border: 1px solid #006FC8;
  border-radius: 4px;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  display: block;
  color: #333;
  text-decoration: none;
  transition: all 0.5s; }
  .button-link i {
    margin-right: 5px; }

.button-link.guideflow_hovered {
  text-decoration: none; }

.custom-tax-table-horizontal-scroll {
  overflow-x: auto;
  width: 100px; }

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

.add-item-icon {
  font-size: 1.6rem;
  line-height: 36px;
  display: block;
  margin-left: 12px; }

.btn-add-item-icon {
  font-size: 1.6rem; }

.btn-icon-small {
  padding: 0px !important;
  width: 28px !important;
  min-width: 0px !important;
  height: 28px !important; }

.small-link-btn {
  padding: 8px 4px !important;
  min-width: 36px !important; }

.group-popover-link:focus div {
  background-color: #F2F8FC; }

.line-height-small {
  line-height: 36px; }

.line-height-3 {
  line-height: 2.5rem !important; }

.line-height-none {
  line-height: 0px !important; }

.line-height-normal {
  line-height: normal !important; }

.opacity-2 {
  opacity: 0.2; }

.opacity-3 {
  opacity: 0.3; }

.opacity-4 {
  opacity: 0.4; }

.opacity-8 {
  opacity: 0.8; }

.font-weight-bold {
  font-weight: bold !important; }

.disable_with_opacity {
  opacity: 0.1;
  cursor: not-allowed; }

.primary-color {
  color: #006FC8; }

.tertiary-color {
  color: #525F7E !important; }

.quaternary-color {
  color: #7C7C7C; }

.highlight-background {
  background-color: #EDF6FF; }

.done-primary-modal-button {
  width: 90px; }

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

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

.danger-color {
  color: #FF4444 !important; }

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

.text-color-red {
  color: #CC0000; }

.text-color-black {
  color: #333 !important; }

.less-available-quantity {
  color: #FF4444 !important; }

.duration-text-color {
  color: #A2A6AC; }

.shipping-address-sequence-num {
  color: #525F7E;
  font-size: 1.3rem;
  font-weight: bold; }

.notice-background-color {
  background-color: #00C851 !important; }

.alert-background-color {
  background-color: #FFBB33 !important; }

.error-background-color {
  background-color: #FF4444 !important; }

.light-error-background-color {
  background-color: #FFDADA !important; }

.notify-background-color {
  background-color: #33B5E5 !important; }

.app-background-color {
  background-color: #006FC8 !important; }

.feature-anouncement-background-color {
  background-color: #CCF4DC !important; }

.alert-anouncement-background-color {
  background-color: #FFF1D6 !important; }

.f-w-4 {
  font-weigth: 400; }

.f-w-6 {
  font-weight: 600; }

.f-s-12 {
  font-size: 1.2rem !important; }

.f-s-11 {
  font-size: 1.1rem !important; }

.f-s-14 {
  font-size: 1.4rem !important; }

.f-s-12 {
  font-size: 1.2rem !important; }

.f-s-13 {
  font-size: 1.3rem !important; }

.f-s-18 {
  font-size: 1.8rem !important; }

.f-s-10 {
  font-size: 1.0rem !important; }

.f-s-22 {
  font-size: 2.2rem !important; }

.p-l-76 {
  padding-left: 76px !important; }

.p-3-0 {
  padding: 3px 0px; }

.p-l-54 {
  padding-left: 54px; }

.p-l-54 {
  padding-left: 35; }

.p-l-24 {
  padding-left: 24px; }

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

.primary-px {
  padding-left: 35px;
  padding-right: 35px; }

.primary-py {
  padding-top: 25px;
  padding-bottom: 25px; }

.secondary-py {
  padding-top: 12px;
  padding-bottom: 0px; }

.p-xy-8 {
  padding: 8px !important; }

.p-xy-30 {
  padding: 30px !important; }

.p-xy-15 {
  padding: 15px !important; }

.p-xy-20 {
  padding: 20px !important; }

.p-x-20 {
  padding-left: 20px;
  padding-right: 20px; }

.p-x-12 {
  padding-left: 1.2rem;
  padding-right: 1.2rem; }

.p-r-20 {
  padding-right: 20px !important; }

.p-x-10 {
  padding-left: 10px;
  padding-right: 10px; }

.p-x-8 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.p-x-4 {
  padding-left: 4px !important;
  padding-right: 4px !important; }

.p-x-0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.p-x-31 {
  padding-left: 31px !important;
  padding-right: 31px !important; }

.p-x-15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.p-x-35 {
  padding-left: 35px !important;
  padding-right: 35px !important; }

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

.p-t-50 {
  padding-top: 50px; }

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

.p-t-15 {
  padding-top: 15px !important; }

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

.p-t-38 {
  padding-top: 38px; }

.p-t-14 {
  padding-top: 14px; }

.p-t-7 {
  padding-top: 7px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-8 {
  padding-top: 8px !important; }

.p-t-9 {
  padding-top: 9px !important; }

.p-r-18 {
  padding-right: 18px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-10 {
  padding-right: 10px !important; }

.p-r-30 {
  padding-right: 30px; }

.p-r-50 {
  padding-right: 50px !important; }

.p-r-40 {
  padding-right: 40px !important; }

.p-r-8 {
  padding-right: 8px !important; }

.p-r-6 {
  padding-right: 6px !important; }

.p-r-12 {
  padding-right: 12px !important; }

.p-r-15 {
  padding-right: 15px !important; }

.p-l-1 {
  padding-left: 0.1rem; }

.p-l-6 {
  padding-left: 6px; }

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

.pl-20 {
  padding-left: 20px !important; }

.p-l-28 {
  padding-left: 28px !important; }

.p-l-33 {
  padding-left: 3.3rem !important; }

.p-l-15 {
  padding-left: 15px !important; }

.p-l-40 {
  padding-left: 40px !important; }

.p-l-55 {
  padding-left: 55px !important; }

.p-l-10 {
  padding-left: 10px !important; }

.p-l-18 {
  padding-left: 18px; }

.p-l-6 {
  padding-left: 6px !important; }

.p-l-8 {
  padding-left: 8px !important; }

.p-l-9 {
  padding-left: 9px !important; }

.p-l-15 {
  padding-left: 15px !important; }

.p-l-17 {
  padding-left: 17px !important; }

.p-t-3 {
  padding-top: 3px !important; }

.p-t-2 {
  padding-top: 2px !important; }

.p-l-12 {
  padding-left: 12px !important; }

.p-y-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.p-y-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important; }

.p-y-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.p-y-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important; }

.p-y-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.p-y-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important; }

.p-y-8 {
  padding: 8px 0px; }

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

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

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

.p-b-13 {
  padding-bottom: 13px !important; }

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

.p-b-12 {
  padding-bottom: 12px !important; }

.p-b-14 {
  padding-bottom: 14px !important; }

.p-b-18 {
  padding-bottom: 18px !important; }

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

.p-24 {
  padding: 24px; }

.p-b-40 {
  padding-bottom: 40px; }

.p-7 {
  padding: 7px; }

.p-8 {
  padding: 8px !important; }

.p-b-7 {
  padding-bottom: 7px !important; }

.p-b-6 {
  padding-bottom: 6px !important; }

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

.p-b-9 {
  padding-bottom: 9px !important; }

.p-b-0 {
  padding-bottom: 0px !important; }

.h-45 {
  height: 45px !important; }

.m-y-4 {
  margin-top: 4px;
  margin-bottom: 4px; }

.m-x-20 {
  margin-left: 20px;
  margin-right: 20px; }

.m-x-15 {
  margin-left: 15px;
  margin-right: 15px; }

.m-t-4 {
  margin-top: 4px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-3 {
  margin-top: 3px; }

.m-t-12 {
  margin-top: 12px; }

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

.m-t-19 {
  margin-top: 19px !important; }

.m-t-14 {
  margin-top: 14px; }

.m-t-2 {
  margin-top: 2px; }

.m-r-4 {
  margin-right: 4px; }

.m-b-100 {
  margin-bottom: 100px; }

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

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

.m-b-7 {
  margin-bottom: 7px; }

.m-b-400 {
  margin-bottom: 400px; }

.m-b-6 {
  margin-bottom: 6px; }

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

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

.m-t-20vh {
  margin-top: 20vh !important; }

.m-l-5 {
  margin-left: 5px !important; }

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

.m-t-57 {
  margin-top: 57px; }

.m-t-6 {
  margin-top: 6px; }

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

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

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

.m-r-20 {
  margin-right: 20px; }

.m-l-8 {
  margin-left: 8px; }

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

.m-l-12 {
  margin-left: 12px !important; }

.m-l-13 {
  margin-left: 13px !important; }

.m-l-14 {
  margin-left: 14px !important; }

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

.m-l-25 {
  margin-left: 25px; }

.m-l-4rem {
  margin-left: 4rem !important; }

.m-l-neg-2 {
  margin-left: -2px; }

.scrollview-listing {
  white-space: nowrap;
  overflow: auto; }

.width-5-percent {
  width: 5%; }

.width-10-percent {
  width: 10%; }

.width-15-percent {
  width: 15%; }

.width-20-percent {
  width: 20%; }

.width-68-percent {
  width: 68%; }

.width-25-percent {
  width: 25%; }

.width-40-percent {
  width: 40%; }

.width-45-percent {
  width: 45%; }

.width-55-percent {
  width: 55%; }

.width-92-percent {
  width: 92% !important; }

.max-width-48-percent {
  max-width: 48% !important; }

.max-width-13-percent {
  max-width: 13% !important; }

.max-width-56-percent {
  max-width: 56% !important; }

.max-width-90-percent {
  max-width: 90%; }

.max-width-fit-content {
  max-width: fit-content; }

.scheduler-bg-top {
  z-index: 3; }

.demo-data-signup-message {
  padding-left: 20px;
  padding-right: 20px; }
  .demo-data-signup-message .flash-messages-wrapper .flash-type {
    margin-bottom: 0px;
    border: 1px solid #00A388; }

.no-wrap {
  white-space: nowrap; }

.payment-container {
  border: 1px solid #CCCCCC !important;
  border-radius: 2px;
  background-color: #EFEFEF;
  padding: 5px 5px; }

.border-y-2 {
  border-top: 2px solid #E0E7EE !important;
  border-bottom: 2px solid #E0E7EE !important; }

.border-left-2 {
  border-left: 2px solid #E0E7EE !important; }

.btn-split {
  border-radius: 4px 0 0 4px !important; }

.dropdown-split {
  border-radius: 0 4px 4px 0 !important;
  border-left-color: #A9A9A9 !important;
  padding-left: 5px !important;
  padding-right: 7px !important; }

.save-report-btn {
  display: block !important; }

.border-x-none {
  border-right: none !important;
  border-left: none !important; }

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

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

.border-top-2 {
  border-top: 2px solid #E0E7EE !important; }

.border-top-1 {
  border-top: 1px solid #E0E7EE !important; }

.table-actions-container {
  padding: 15px 20px;
  border: 1px solid #E0E7EE;
  border-bottom: none; }
  .table-actions-container a {
    color: #A1A1A1; }
    .table-actions-container a.primary-action-link {
      color: #006FC8;
      margin-right: 2rem; }
      .table-actions-container a.primary-action-link span {
        margin-left: 0.5rem;
        padding-top: 0.1rem; }
    .table-actions-container a.primary-action-link.guideflow_hovered {
      color: #00559A !important; }
    .table-actions-container a.disable-link {
      color: #A1A1A1; }
      .table-actions-container a.disable-link svg .st0 {
        fill: #A1A1A1; }
      .table-actions-container a.disable-link i {
        color: #A1A1A1; }

.body-wrapper {
  min-height: 100%;
  width: 100%; }

.body-content {
  margin-left: 70px;
  padding-top: 57px;
  min-height: calc(100vh - 80px); }

.breadcrumb {
  color: #A1A1A1;
  background-color: transparent !important;
  padding: 8px 35px !important;
  margin: 0 !important; }
  .breadcrumb p {
    margin: 0;
    margin-top: 3px;
    font-size: 1.1rem;
    color: #A1A1A1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-wrap: break-word; }
  .breadcrumb a {
    font-size: 1.1rem; }
  .breadcrumb .divider {
    padding: 0 5px;
    font-size: 1.4rem;
    color: #A1A1A1; }

.dropdown-container-sm {
  position: relative; }
  .dropdown-container-sm .dropdown-menu {
    z-index: 1021;
    left: auto;
    padding: 0;
    margin: 0;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    position: absolute;
    min-width: -moz-max-content; }
    .dropdown-container-sm .dropdown-menu ul {
      background-color: #FFFFFF;
      list-style-type: none;
      padding: 5px 0;
      margin: 0;
      box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
      border-radius: 4px;
      max-height: 60vh !important;
      overflow: auto;
      width: max-content;
      min-width: 180px; }
      .dropdown-container-sm .dropdown-menu ul li {
        text-decoration: none; }
        .dropdown-container-sm .dropdown-menu ul li .svg-icon {
          margin-right: 14px;
          margin-top: 1px; }
          .dropdown-container-sm .dropdown-menu ul li .svg-icon svg {
            vertical-align: initial; }
        .dropdown-container-sm .dropdown-menu ul li a {
          display: block;
          color: #333;
          background-color: #FFFFFF;
          text-decoration: none;
          padding: 3px 20px;
          line-height: 19px;
          font-size: 1.1rem;
          cursor: pointer;
          padding-left: 10px;
          font-weight: 400;
          margin-top: 4px;
          margin-bottom: 4px; }
        .dropdown-container-sm .dropdown-menu ul li a.disabled {
          cursor: not-allowed;
          pointer-events: none;
          background-color: #FFFFFF;
          color: #A1A1A1; }
        .dropdown-container-sm .dropdown-menu ul li a.disabled.guideflow_hovered {
          cursor: not-allowed; }
        .dropdown-container-sm .dropdown-menu ul li a.guideflow_hovered {
          background-color: #F2F8FC;
          color: #333; }
          .dropdown-container-sm .dropdown-menu ul li a.guideflow_hovered img {
            opacity: 1; }
        .dropdown-container-sm .dropdown-menu ul li ul {
          width: 100%;
          border: none;
          border-top: 1px solid #E0E7EE;
          border-bottom: 1px solid #E0E7EE;
          padding: 0;
          box-shadow: none;
          border-radius: 0;
          position: relative; }
        .dropdown-container-sm .dropdown-menu ul li ul::before {
          width: 6px;
          height: 6px;
          content: ' ';
          position: absolute;
          right: 10px; }
      .dropdown-container-sm .dropdown-menu ul .side-menu-box {
        height: 30px; }
  .dropdown-container-sm .dropdown-toggle {
    padding: 8px 18px;
    height: 36px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: max-content;
    color: #333;
    box-shadow: none;
    cursor: pointer;
    border-radius: 4px;
    font-size: 1.3rem; }

.dropdown-container {
  position: relative; }
  .dropdown-container .dropdown-menu {
    z-index: 1021;
    left: auto;
    padding: 0;
    margin: 0;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    position: absolute;
    min-width: -moz-max-content; }
    .dropdown-container .dropdown-menu ul {
      background-color: #FFFFFF;
      list-style-type: none;
      padding: 5px 0;
      margin: 0;
      box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
      border-radius: 4px;
      max-height: 60vh !important;
      overflow: auto;
      width: max-content;
      min-width: 180px; }
      .dropdown-container .dropdown-menu ul li {
        text-decoration: none; }
        .dropdown-container .dropdown-menu ul li .svg-icon {
          margin-right: 14px;
          margin-top: 1px; }
          .dropdown-container .dropdown-menu ul li .svg-icon svg {
            vertical-align: initial; }
        .dropdown-container .dropdown-menu ul li a {
          display: block;
          color: #333;
          background-color: #FFFFFF;
          text-decoration: none;
          padding: 3px 20px;
          line-height: 19px;
          font-size: 1.1rem;
          cursor: pointer;
          padding-left: 10px;
          font-weight: 400;
          margin-top: 4px;
          margin-bottom: 4px; }
        .dropdown-container .dropdown-menu ul li a.disabled {
          cursor: not-allowed;
          pointer-events: none;
          background-color: #FFFFFF;
          color: #A1A1A1; }
        .dropdown-container .dropdown-menu ul li a.disabled.guideflow_hovered {
          cursor: not-allowed; }
        .dropdown-container .dropdown-menu ul li a.guideflow_hovered {
          background-color: #F2F8FC;
          color: #333; }
          .dropdown-container .dropdown-menu ul li a.guideflow_hovered img {
            opacity: 1; }
        .dropdown-container .dropdown-menu ul li ul {
          width: 100%;
          border: none;
          border-top: 1px solid #E0E7EE;
          border-bottom: 1px solid #E0E7EE;
          padding: 0;
          box-shadow: none;
          border-radius: 0;
          position: relative; }
        .dropdown-container .dropdown-menu ul li ul::before {
          width: 6px;
          height: 6px;
          content: ' ';
          position: absolute;
          right: 10px; }
      .dropdown-container .dropdown-menu ul .side-menu-box {
        height: 30px; }
  .dropdown-container .dropdown-toggle {
    padding: 6px 18px;
    height: 42px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: max-content;
    color: #333;
    box-shadow: none;
    cursor: pointer;
    border-radius: 4px;
    font-size: 1.3rem; }

.dropdown-container-sm.show .dropdown-toggle::after, .dropdown-container.show .dropdown-toggle::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 0.5s;
  margin-top: -2px; }
.dropdown-container-sm.show .mobile-view-dropdown, .dropdown-container.show .mobile-view-dropdown {
  -webkit-transform: none !important;
  top: auto !important; }

.dropdown-toggle-light, .dropdown-toggle-light-filter {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC; }

.dropdown-toggle-light-filter {
  padding: 8px !important;
  width: 36px !important; }
  .dropdown-toggle-light-filter i {
    font-size: 15px; }

.filter-active {
  border-radius: 4px;
  border: 1px solid #006FC8;
  opacity: 1; }
  .filter-active i {
    color: #006FC8; }
  .filter-active .dropdown-toggle-light-filter {
    background-color: #E6F1F9 !important; }
  .filter-active .dropdown-toggle-light, .filter-active .dropdown-toggle-light-filter {
    background-color: #FFFFFF;
    border: 1px solid #7C7C7C; }

.dropdown-toggle-light.guideflow_hovered, .dropdown-toggle-light-filter.guideflow_hovered {
  border: 1px solid #A1A1A1; }

.dropdown-toggle-dark {
  background-color: #006FC8;
  border: 1px solid #006FC8; }

.dropdown-toggle-dark.guideflow_hovered {
  background-color: #00559A !important;
  border: 1px solid #00559A; }

#action-buttons-wrapper .dropdown-toggle::after, #action-buttons-wrapper .dropdown-toggle-dark::after {
  border-top: 6px solid #FFFFFF !important; }

.dropdown-toggle::after, .dropdown-toggle-dark::after {
  content: " " !important;
  border: 4px solid transparent !important;
  border-bottom: 1px solid transparent !important;
  border-top: 6px solid #FFFFFF !important;
  vertical-align: middle !important;
  margin-left: 5px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
  transition: all 0.5s;
  display: inline-flex; }

.dropdown-toggle-light::after {
  content: " " !important;
  border: 4px solid transparent !important;
  border-bottom: 1px solid transparent !important;
  border-top: 6px solid #333 !important;
  vertical-align: middle !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
  transition: all 0.5s; }

.dropdown-toggle-open::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 0.5s; }

.ez-date-field {
  background-image: url(https://html-assets-prod.guideflow.com/7b40d96dca414bc2082879cd51b0e45f0ee087e4);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 18px;
  cursor: pointer;
  padding-right: 38px; }

.date-width {
  width: 300px !important; }

.ez-date-field-remove-cursor {
  caret-color: transparent; }

.js-credit-card-expiry-label {
  color: #A9A9A9; }

.business-credit-card {
  box-shadow: 0px 3px 10px 0px #930ccc1a;
  min-height: 172.5px; }

.radio-button-border-container {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 8px #4D474714;
  border: 1px solid #DADADA8B;
  border-radius: 4px;
  opacity: 1;
  padding: 1rem 1rem 0rem 1.5rem !important; }

.credit-card-img {
  min-width: 45px; }

.business-card-gateway-name {
  font-size: 10px;
  letter-spacing: 1.5px; }

.ez-date-field-detail-dialog {
  font-size: 1.5rem; }

.ez-time-field {
  background-image: url(https://html-assets-prod.guideflow.com/2d91287a5ba60c277ea8ae290620b9210130bcad);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 15px;
  cursor: pointer;
  padding-right: 38px; }

.background-halo {
  background-color: #FFF1D6;
  border-radius: 50%;
  border: 1px solid #FFF1D6;
  z-index: 1; }

.blue-svg .st0 {
  fill: #006FC8; }
.blue-svg .st1 {
  fill: #80DCFF; }
.blue-svg .st2 {
  fill: #FFFFFF; }
.blue-svg .st3 {
  fill: #FFFFFF; }

.red-svg .st0 {
  fill: #FF4444; }

.dark-svg .st0 {
  fill: #A1A1A1; }
.dark-svg .st1 {
  fill: #006FC8; }

.green-svg .st0 {
  fill: #007E33; }

.grey-svg .st0 {
  fill: #7C7C7C; }

.black-svg .st0 {
  fill: #FFF; }
.black-svg .st1 {
  fill: #273748; }

.light-svg .st0 {
  fill: #EDEDED; }
.light-svg .st1 {
  fill: #4C555D; }

.resource-primary-action-buttons .white-svg .st0 {
  fill: #FFFFFF; }

#clean-up-link .white-svg .st0 {
  fill: #FFFFFF; }

.white-svg .st0 {
  fill: #FFFFFF; }

.svg-margin svg {
  margin-bottom: 3.5px !important; }

[id*='item_type_'] span.guideflow_hovered {
  background-color: #EDF6FF;
  cursor: pointer; }

.associated_assets_table_body tr td {
  padding: 10px 10px !important; }

.primary-stroke-svg {
  stroke: #006FC8; }

.black-stroke-svg {
  stroke: black; }

.white-stroke-svg {
  stroke: #FFF; }

.secondary-stroke-svg {
  stroke: #FFFFFF;
  stroke-width: 0.5; }

.product-catalog-fill-svg {
  fill: #FFFFFF; }

.product-catalog-not-selected-stroke-svg {
  stroke: #006FC8; }

.product-catalog-stroke-svg {
  stroke: #FFFFFF; }

.xs-svg-icon {
  width: 10px;
  height: 10px; }
  .xs-svg-icon svg {
    margin-bottom: 1.5px; }

.mini-svg-icon {
  width: 13px;
  height: 13px;
  opacity: 100%; }
  .mini-svg-icon svg {
    margin-bottom: 1.5px; }

.tiny-svg-icon {
  width: 15px;
  height: 15px; }

.little-svg-icon {
  width: 14px;
  height: 14px; }

.tiny-info-svg-icon {
  width: 12px;
  height: 12px; }

.more-actions-font {
  font-size: 10px; }

.tab-svg-icon {
  position: relative;
  width: 60px;
  height: 60px;
  left: 42%; }

.text-indentation {
  line-height: 8px;
  padding-top: 2px; }

.number-icon {
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid #006FC8;
  border-radius: 50%;
  letter-spacing: 0 !important; }

.circle-icon {
  border: 1px solid #006FC8;
  border-radius: 50%; }

.video-circle-icon {
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid #006FC8;
  border-radius: 50%; }

.custom-svg-icon {
  width: 22px;
  height: 15px; }

.small-svg-icon {
  width: 19px;
  height: 19px; }

.nav-bar-svg-icon {
  width: 20px;
  height: 20px; }

.nav-bar-svg-icon.guideflow_hovered {
  cursor: pointer; }
  .nav-bar-svg-icon.guideflow_hovered .st0 {
    fill: #006FC8; }

.side-bar-svg-icon {
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer; }
  .side-bar-svg-icon svg {
    display: block; }

.upload-svg-icon {
  width: 55px;
  height: 55px;
  opacity: 0.4; }

.large-svg-icon {
  width: 60px;
  height: 60px;
  opacity: 0.4; }

.svg-icon-26 {
  width: 26px;
  height: 26px; }

.small-icon {
  font-size: 1.8rem; }

.dark-icon {
  color: #A1A1A1; }

.small-icon {
  font-size: 1.5rem; }

.btn-primary {
  display: block;
  text-decoration: none !important;
  height: 42px;
  font-size: 1.3rem;
  width: auto;
  padding: 6px 18px;
  line-height: 28px;
  background-color: #006FC8 !important;
  border: 1px solid #006FC8 !important;
  color: #FFFFFF !important;
  border-radius: 4px;
  min-width: 100px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase; }

.btn-primary-small {
  display: block;
  text-decoration: none;
  height: 36px;
  line-height: 18px;
  padding: 8px 18px;
  font-size: 1.3rem;
  background-color: #006FC8;
  border: 1px solid #006FC8;
  border-radius: 4px;
  color: #FFFFFF;
  min-width: 60px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase; }

.btn-primary.guideflow_hovered, .btn-primary-small.guideflow_hovered {
  background-color: #00559A !important;
  border: 1px solid #00559A !important;
  border-radius: 4px;
  cursor: pointer;
  color: #FFFFFF !important;
  text-decoration: none;
  text-transform: uppercase; }

.btn-primary:disabled, .btn-primary.disabled, .btn-primary-small:disabled, .btn-primary-small.disabled {
  background-color: #B2D4EE !important;
  border: 1px solid #B2D4EE !important;
  color: #FFFFFF !important;
  cursor: not-allowed;
  opacity: 100%; }

.btn-danger-small.disabled, .btn-danger-small:disabled, .btn-outline-danger-small.disabled, .btn-outline-danger-small:disabled {
  background-color: #FF4444 !important;
  border: 1px solid #FF4444 !important;
  color: #FFFFFF !important;
  cursor: not-allowed;
  opacity: 50%; }

.btn-outline-danger-small {
  display: block;
  text-decoration: none !important;
  height: 36px;
  font-size: 1.3rem;
  line-height: 18px;
  padding: 8px 18px;
  font-size: 1.3rem;
  border: 1px solid #FF4444;
  color: #FF4444 !important;
  border-color: #FF4444;
  border-radius: 4px;
  min-width: 60px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase; }

.btn-outline-danger-small.guideflow_hovered {
  border: 1px solid #CC0000;
  color: #FFFFFF !important;
  background-color: #CC0000;
  cursor: pointer; }

.btn-secondary {
  display: block;
  text-decoration: none !important;
  height: 42px;
  font-size: 1.3rem;
  width: auto;
  line-height: 28px;
  padding: 6px 18px;
  border: 1px solid #006FC8 !important;
  color: #006FC8 !important;
  background-color: #FFFFFF !important;
  border-radius: 4px;
  font-size: 1.3rem;
  min-width: 100px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase; }

.btn-secondary-small {
  display: block;
  text-decoration: none !important;
  height: 36px;
  font-size: 1.3rem;
  width: auto;
  line-height: 18px;
  padding: 8px 18px;
  border: 1px solid #006FC8;
  color: #006FC8 !important;
  background-color: #FFFFFF !important;
  border-radius: 4px;
  font-size: 1.3rem;
  min-width: 60px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase; }

.dashboard-action-btn .btn-secondary-small {
  width: max-content; }

.btn-secondary.guideflow_hovered, .btn-secondary-small.guideflow_hovered {
  color: #00559A !important;
  background-color: #FFFFFF !important;
  border: 1px solid #00559A !important;
  cursor: pointer; }

.btn-secondary:disabled, .btn-secondary.disabled, .btn-secondary-small:disabled, .btn-secondary-small.disabled, .btn-secondary-small[disabled] {
  background-color: #FFFFFF;
  border: 1px solid #B2D4EE;
  color: #B2D4EE;
  cursor: not-allowed; }

.btn-tertiary {
  display: block;
  text-decoration: none !important;
  height: 42px;
  font-size: 1.3rem;
  line-height: 28px;
  padding: 6px 18px;
  border: 1px solid #CCCCCC;
  color: #7C7C7C !important;
  background-color: #FFFFFF;
  border-radius: 4px;
  min-width: 100px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase; }

.btn-tertiary-small {
  display: block;
  text-decoration: none !important;
  height: 36px;
  font-size: 1.3rem;
  line-height: 18px;
  padding: 8px 18px;
  font-size: 1.3rem;
  border: 1px solid #CCCCCC;
  color: #7C7C7C !important;
  background-color: #FFFFFF;
  border-radius: 4px;
  min-width: 60px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase; }

.btn-tertiary.guideflow_hovered, .btn-tertiary-small.guideflow_hovered {
  border: 1px solid #A1A1A1;
  color: #333;
  background-color: #FFFFFF;
  cursor: pointer; }

.btn-tertiary:focus, .btn-tertiary-small:focus {
  border: 1px solid #006FC8;
  color: #006FC8;
  background-color: #FFFFFF;
  cursor: pointer; }

.btn-tertiary:disabled, .btn-tertiary.disabled, .btn-tertiary-small:disabled, .btn-tertiary-small.disabled {
  background-color: #F7F7F7;
  border: 1px solid #DDDDDD;
  color: #CCCCCC;
  cursor: not-allowed; }

.btn-success {
  padding: 8px 35px !important;
  height: 36px;
  color: #FFFFFF !important; }

.download-icon-image {
  color: #006FC8 !important; }

.btn-danger-small {
  display: block;
  text-decoration: none !important;
  height: 36px;
  font-size: 1.3rem;
  line-height: 18px;
  padding: 8px 18px;
  font-size: 1.3rem;
  border: 1px solid #FF4444;
  color: #FFFFFF !important;
  background-color: #FF4444;
  border-radius: 4px;
  min-width: 60px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase; }

.btn-danger-small.guideflow_hovered {
  border: 1px solid #CC0000;
  color: #00559A;
  background-color: #CC0000;
  cursor: pointer; }

.btn-xsmall {
  height: 30px;
  padding: 7px 10px; }

.dashed-btn {
  border: 1px dashed #CCCCCC;
  color: #A1A1A1 !important;
  background-color: transparent !important; }

.dashed-btn.guideflow_hovered {
  border: 1px dashed #A1A1A1 !important;
  background-color: transparent !important;
  color: #333 !important; }

.dashed-btn:focus {
  box-shadow: none;
  outline: none; }

.float-btn {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 100px;
  right: 40px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #CCCCCC;
  z-index: 2;
  background-color: #FFBB33;
  border: none; }
  .float-btn.guideflow_hovered {
    border-radius: 50px;
    background-color: #CA890B !important;
    border: none !important; }
  .float-btn .clean-up-icon {
    margin-top: 10px;
    margin-left: 2px; }

.tooltip-icon {
  height: 18px !important;
  width: 18px !important; }

.input-container {
  padding: 7px 2px; }

.cost-price-fields .label-input-container-sm .label-input-item input {
  padding-right: 24px !important; }

.audit-location-text-padding {
  padding-top: 1.5px !important; }

.label-input-container-sm {
  padding: 7px 0; }
  .label-input-container-sm .label-input-item {
    padding: 9px 0; }
    .label-input-container-sm .label-input-item p span img {
      width: 23px; }
    .label-input-container-sm .label-input-item label {
      line-height: 16px;
      padding-top: 1px !important;
      margin: 0;
      display: inline; }
    .label-input-container-sm .label-input-item .required.asterisk {
      color: #FF4444;
      margin-left: 3px;
      font-size: 1.3rem; }
    .label-input-container-sm .label-input-item input, .label-input-container-sm .label-input-item textarea {
      padding: 7px 1.1rem !important;
      line-height: 20px !important;
      width: 100%; }
    .label-input-container-sm .label-input-item .reset-tel-input-padding {
      padding-left: 84px !important; }
    .label-input-container-sm .label-input-item input[type=number] {
      text-align: right; }
    .label-input-container-sm .label-input-item .add-resource-element a {
      line-height: 36px; }
      .label-input-container-sm .label-input-item .add-resource-element a img {
        width: 25px;
        height: 25px;
        line-height: 36px; }
  .label-input-container-sm .label-input-item:first-child {
    padding-top: 0; }
  .label-input-container-sm > .label-input-item:last-child {
    padding-bottom: 0; }
  .label-input-container-sm.custom-label-form-inputs {
    margin-top: 10px; }
    .label-input-container-sm.custom-label-form-inputs .label-input-item {
      margin: 0 25px; }
    .label-input-container-sm.custom-label-form-inputs .section-label {
      width: 100%;
      padding: 10px 25px;
      background-color: #EDF6FF;
      border: 1px solid #E0E7EE;
      border-left: none;
      border-right: none;
      text-transform: uppercase; }

.label-input-container .label-input-item {
  padding-top: 10px; }
  .label-input-container .label-input-item label {
    line-height: 22px;
    padding: 9px 0;
    margin: 0; }
  .label-input-container .label-input-item input, .label-input-container .label-input-item textarea {
    padding: 9px;
    line-height: 22px;
    width: 100%; }
  .label-input-container .label-input-item .add-resource-element a {
    line-height: 42px; }
    .label-input-container .label-input-item .add-resource-element a img {
      width: 25px;
      height: 25px;
      line-height: 42px; }
.label-input-container .label-input-item:first-child {
  padding-top: 0; }
.label-input-container .label-input-item:last-child {
  padding-bottom: 0; }

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

.selected-asset-type-card {
  border: 1px solid #006FC8;
  border-radius: 4px; }
  .selected-asset-type-card h6 {
    color: #006FC8; }
  .selected-asset-type-card p {
    font-size: 1.2rem; }

.unselected-asset-type-card {
  border: 1px solid #DADADA;
  border-radius: 4px; }
  .unselected-asset-type-card h6 {
    color: #8E8E8E; }
  .unselected-asset-type-card p {
    font-size: 1.2rem; }

.subtext-font-size {
  font-size: 1.2rem; }

.label-input-container-sm.label-input-resource-container-sm .label-input-item:nth-child(even), .label-input-container.label-input-resource-container .label-input-item:nth-child(even) {
  padding-left: 8px !important; }
.label-input-container-sm.label-input-resource-container-sm .label-input-item:nth-child(odd), .label-input-container.label-input-resource-container .label-input-item:nth-child(odd) {
  padding-right: 8px !important; }

.basket-resource-forms .label-input-container-sm .field-container:nth-child(n) {
  margin-right: 50px !important; }
.basket-resource-forms .advanced-fields-link span {
  font-size: 1.5rem;
  color: #4C555D;
  font-weight: bold;
  padding-left: 5px; }

.text-center .primary-color {
  color: #006FC8; }

.tooltip-list-container {
  padding-inline-start: 25px;
  color: white;
  text-align: left; }
  .tooltip-list-container li {
    letter-spacing: normal; }

.add-item-prepend-icon {
  font-size: 1.6rem; }

.min-w-auto {
  min-width: auto !important; }

.w-fit-content {
  width: fit-content; }

.h-fit-content {
  height: fit-content; }

.ezo-link.guideflow_hovered {
  color: #00559A !important; }

.ez-horizontal-seperator {
  height: 1px;
  width: 100%;
  background-color: #E0E7EE; }

.selectable-container {
  border: 1px solid #CCCCCC;
  border-radius: 4px; }
  .selectable-container .selection-footer {
    position: absolute;
    bottom: 0;
    height: 10px;
    width: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: transparent;
    transition: all .3s ease-out; }

.selectable-container.guideflow_hovered {
  border: 1px solid #A1A1A1 !important; }

.selectable-container.selected {
  border: 1px solid #006FC8 !important; }
  .selectable-container.selected .selection-footer {
    height: 10px;
    width: 100%;
    background-color: #006FC8; }

.ez-custom-loader {
  width: 100%;
  height: 100%;
  position: relative; }

.ez-custom-loader::before {
  content: "Loading...";
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 10px;
  display: flex;
  background-color: #FFFFFF;
  color: #7C7C7C;
  align-items: center;
  justify-content: center;
  z-index: 1029; }

.ez-custom-loader-body {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 1100; }
  .ez-custom-loader-body .spinner-grow-text {
    font-size: 2.4rem;
    margin-left: 10px; }

.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: filter 400ms, -webkit-filter 400ms; }

.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0); }

.fixed-asset-right-side-border {
  border-radius: 0px 5px 5px 0px; }

.fixed-asset-right-side-border.guideflow_hovered {
  border-radius: 0px 5px 5px 0px; }

.fixed-asset-left-side-border {
  border-radius: 5px 0px 0px 5px; }

.fixed-asset-left-side-border.guideflow_hovered {
  border-radius: 5px 0px 0px 5px; }

.fixed-asset-margin {
  margin-right: 5px;
  margin-top: 3px; }

#linked_items_form .list-view-preference-container {
  height: 45px; }

#volatile_asset_form .list-view-preference-container {
  height: 45px; }

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

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

.tools-and-parts {
  margin-top: -16px; }
  .tools-and-parts .w-35 {
    width: 35px; }
  .tools-and-parts .m-t-10 {
    margin-top: 10px; }
  .tools-and-parts .h-33 {
    height: 33px; }
  .tools-and-parts .w-100 {
    width: 100px; }
  .tools-and-parts .m-r-10 {
    margin-right: 10px; }
  .tools-and-parts .js-list-view-preference-container {
    display: none; }
  .tools-and-parts .disabled-link-tools-and-parts {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
    color: grey; }

.m-tb-18 {
  margin-top: 18px;
  margin-bottom: 18px; }

#asset-tools-and-parts-link .mini-svg-icon {
  width: 20px; }
#asset-tools-and-parts-link .mini-svg-icon.guideflow_hovered {
  opacity: 1; }
#asset-tools-and-parts-link .item-icon .mini-svg-icon svg {
  height: 20px; }
#asset-tools-and-parts-link .item-icon .mini-svg-icon svg.guideflow_hovered {
  fill: #006FC8;
  opacity: 1 !important; }

.active .item-icon .mini-svg-icon {
  opacity: 1 !important; }
  .active .item-icon .mini-svg-icon svg {
    fill: #006FC8; }

.z-index-1 {
  z-index: 1; }

.z-index-auto {
  z-index: auto !important; }

.reset-date-time {
  text-decoration: none; }
  .reset-date-time i {
    color: #006FC8;
    font-size: 1.3rem; }

.js-reset-meter-readings {
  text-decoration: none; }
  .js-reset-meter-readings i {
    color: #006FC8;
    font-size: 1.3rem; }

.reset-date-time.guideflow_hovered i {
  color: #333; }

.top-right-dismiss-icon-container {
  position: absolute;
  top: 5px;
  right: 5px; }

.top-right-cmms-dismiss-icon-container {
  position: absolute;
  right: 3px; }

.small-dismiss-icon i {
  font-size: 1.3rem !important; }

.dismiss-icon-container {
  padding: 6px 0;
  line-height: 30px;
  height: 30px; }

.dismiss-icon {
  outline: none;
  width: 16px;
  line-height: 18px;
  height: 18px;
  text-align: center; }
  .dismiss-icon a {
    height: 18px;
    line-height: 18px;
    color: #A1A1A1;
    display: block;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer; }
  .dismiss-icon a.guideflow_hovered {
    text-decoration: none;
    color: #7C7C7C; }
  .dismiss-icon i {
    line-height: 18px;
    font-size: 1.6rem;
    color: #A1A1A1; }
  .dismiss-icon i.guideflow_hovered {
    color: #7C7C7C; }
  .dismiss-icon :focus {
    outline: none;
    border: none; }

.banner-dismiss-icon {
  outline: none;
  width: 16px;
  line-height: 18px;
  height: 18px;
  text-align: center; }
  .banner-dismiss-icon a {
    height: 18px;
    line-height: 18px;
    color: #A1A1A1;
    display: block;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer; }
  .banner-dismiss-icon a.guideflow_hovered {
    text-decoration: none;
    color: #7C7C7C; }
  .banner-dismiss-icon i {
    color: #A1A1A1; }
  .banner-dismiss-icon i.guideflow_hovered {
    color: #7C7C7C; }
  .banner-dismiss-icon :focus {
    outline: none;
    border: none; }

.search-button {
  display: none; }

.ez-table-sm {
  border: 1px solid #E0E7EE;
  border-radius: 4px;
  border-collapse: collapse;
  width: 100%; }
  .ez-table-sm thead {
    background-color: #EDF6FF;
    color: #525F7E;
    font-size: 1.3rem; }
    .ez-table-sm thead tr {
      border-bottom: 1px solid #E0E7EE;
      padding: 5px 1px; }
      .ez-table-sm thead tr th {
        padding: 11px; }
      .ez-table-sm thead tr a {
        text-decoration: none;
        color: #4C555D;
        font-weight: bold;
        line-height: 20px;
        height: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        word-wrap: break-word; }
      .ez-table-sm thead tr th.basket-payments-header {
        background-color: #FFFFFF !important;
        height: 36px; }
        .ez-table-sm thead tr th.basket-payments-header a {
          text-decoration: none;
          color: #525F7E;
          height: 36px;
          font-weight: normal;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          word-wrap: break-word; }
  .ez-table-sm tbody {
    background-color: #FFFFFF;
    color: #333;
    font-size: 1.3rem; }
    .ez-table-sm tbody tr {
      border-bottom: 1px solid #E0E7EE;
      padding: 6px 2px; }
      .ez-table-sm tbody tr td {
        padding: 10px;
        color: #333; }
        .ez-table-sm tbody tr td .cash-paid {
          font-size: 1.1rem;
          color: #7C7C7C; }
        .ez-table-sm tbody tr td strong {
          font-weight: bold; }
        .ez-table-sm tbody tr td strong.red {
          color: #FF4444; }
        .ez-table-sm tbody tr td a, .ez-table-sm tbody tr td a label {
          text-decoration: none;
          color: #006FC8; }
        .ez-table-sm tbody tr td a.btn-primary-small {
          color: #FFFFFF !important; }
      .ez-table-sm tbody tr td.remove-border-left {
        border-left: none; }
      .ez-table-sm tbody tr td.remove-border-right {
        border-right: none; }
    .ez-table-sm tbody tr:last-child {
      border: none; }

table > tbody > tr.guideflow_hovered {
  background-color: #EDF6FF;
  box-shadow: 0px 0px 20px -12px #89898B; }

.no-hover-for-tr tr.guideflow_hovered {
  background-color: transparent;
  box-shadow: none; }

.diable-hover-for-tr.guideflow_hovered {
  background-color: #FFDADA;
  box-shadow: none; }

.dark-color {
  color: #333; }

table .checkbox-container {
  display: block !important;
  height: 16px;
  width: 16px; }
  table .checkbox-container .checkmark {
    top: 0 !important; }
  table .checkbox-container .item_audit_checkmark {
    top: 5px !important; }
table .sig-pad-container {
  display: inline !important;
  position: inherit; }
table .damage-settlement-conatiner {
  display: inline !important; }
table .ldap-checkbox-container {
  display: inline-flex !important;
  height: auto;
  width: auto; }

.ez-table {
  min-width: 100%;
  border-radius: 4px;
  border-collapse: collapse !important;
  position: relative;
  margin: 0;
  border: none !important; }
  .ez-table thead {
    background-color: #EDF6FF;
    color: #333;
    font-size: 1.3rem; }
    .ez-table thead tr {
      border-bottom: none;
      position: relative; }
      .ez-table thead tr th {
        padding: 20px 10px !important;
        color: #333;
        border-bottom: 1px solid #E0E7EE !important; }
        .ez-table thead tr th a {
          text-decoration: none;
          color: #333;
          font-weight: bold; }
  .ez-table tbody {
    background-color: #FFFFFF;
    color: #333;
    font-size: 1.3rem; }
    .ez-table tbody tr {
      border: none;
      height: 53px; }
      .ez-table tbody tr td {
        padding: 15px 10px !important;
        color: #333;
        height: 22px;
        line-height: 14px; }
        .ez-table tbody tr td a, .ez-table tbody tr td a label {
          text-decoration: none;
          color: #006FC8; }

#task_types_list a, #task_types_list a label {
  color: #006FC8; }

.ez-datatable-scroll {
  overflow-x: hidden !important; }

.table-responsive {
  position: relative;
  border: 1px solid #E0E7EE;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.table-small-scrollable {
  height: 360px; }
  .table-small-scrollable::-webkit-scrollbar {
    display: none; }

.heading-background-color {
  background: #EDF6FF; }

.customize-navigation-table thread tr {
  text-transform: uppercase; }
.customize-navigation-table tbody tr td {
  border-right: 1px solid #EDEDED !important; }
.customize-navigation-table tbody tr td:first-child {
  width: 20%; }
.customize-navigation-table tbody tr:last-child {
  border-bottom: 0px !important; }

.ez-datatable {
  min-width: 100%;
  border-radius: 4px;
  border-collapse: collapse !important;
  position: relative;
  margin: 0;
  border: none !important; }
  .ez-datatable thead {
    background-color: #EDF6FF;
    color: #525F7E;
    font-size: 1.3rem; }
    .ez-datatable thead tr {
      border-bottom: none;
      position: relative;
      text-transform: uppercase;
      background-color: #EDF6FF !important; }
      .ez-datatable thead tr th {
        padding: 13px 10px !important;
        height: 22px;
        color: #4C555D;
        border-bottom: 1px solid #E0E7EE !important;
        border-right: 1px solid #EDF6FF;
        border-top: none !important;
        border-left: none !important; }
        .ez-datatable thead tr th a {
          text-decoration: none;
          color: #4C555D;
          font-weight: bold;
          line-height: 20px;
          height: 20px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          word-wrap: break-word; }
      .ez-datatable thead tr th:first-child {
        padding: 14px 18px !important; }
      .ez-datatable thead tr th:last-child {
        padding-right: 40px !important; }
  .ez-datatable tbody {
    background-color: #FFFFFF;
    color: #333;
    font-size: 1.3rem; }
    .ez-datatable tbody tr {
      border: none;
      border-bottom: 1px solid #E0E7EE;
      height: 50px;
      border-bottom: 1px solid #E0E7EE !important; }
      .ez-datatable tbody tr.strike-through-text a label {
        text-decoration: line-through; }
      .ez-datatable tbody tr td {
        padding: 12px 10px !important;
        color: #333;
        height: 21px; }
        .ez-datatable tbody tr td a, .ez-datatable tbody tr td a label {
          text-decoration: none;
          color: #006FC8; }
        .ez-datatable tbody tr td a.guideflow_hovered, .ez-datatable tbody tr td a.guideflow_hovered label {
          color: #00559A; }
        .ez-datatable tbody tr td i {
          color: #006FC8; }
        .ez-datatable tbody tr td.strike-through-text a, .ez-datatable tbody tr td.strike-through-text a label {
          text-decoration: line-through; }
      .ez-datatable tbody tr td:first-child {
        padding: 14px 18px !important; }
      .ez-datatable tbody tr td.p-0 {
        padding: 0px !important; }
  .ez-datatable tfoot tr th {
    color: #333;
    font-size: 1.3rem;
    border-top: 1px solid #E0E7EE !important;
    border-bottom: 1px solid #E0E7EE; }

.column-adjustable-datatable thead.guideflow_hovered th {
  border-right: 1px solid #E0E7EE; }

.dataTables_filter {
  margin: auto;
  margin-right: 20px; }
  .dataTables_filter input {
    padding: 7px 2px; }

.dataTables_length label {
  white-space: nowrap;
  text-align: center; }
  .dataTables_length label .select2.select2-container {
    margin-left: 5px; }

.DTFC_RightBodyLiner .DTFC_Cloned thead tr th {
  padding: 0 !important;
  border: none !important; }

.dataTables_scrollBody {
  border: none !important; }
  .dataTables_scrollBody .ez-datatable {
    margin: 0 !important;
    border-top: none; }
    .dataTables_scrollBody .ez-datatable thead {
      visibility: collapse; }
      .dataTables_scrollBody .ez-datatable thead tr th {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        border: none !important; }
    .dataTables_scrollBody .ez-datatable tbody tr {
      border-bottom: 1px solid #E0E7EE !important; }
      .dataTables_scrollBody .ez-datatable tbody tr td .asset-picture-container {
        width: 42px;
        height: 42px; }
        .dataTables_scrollBody .ez-datatable tbody tr td .asset-picture-container img {
          max-width: 100%;
          max-height: 100%;
          width: 100%;
          height: auto;
          display: block;
          border-radius: 4px;
          object-fit: contain; }
        .dataTables_scrollBody .ez-datatable tbody tr td .asset-picture-container .asset-picture {
          cursor: pointer; }
    .dataTables_scrollBody .ez-datatable tbody tr:last-child {
      border: none !important; }

.dataTables_info {
  display: none; }

.header-color {
  color: #4C555D; }

.header-pagination-container .header-pagination-text {
  display: inline-block;
  margin-right: 10px;
  margin-left: 20px; }
  .header-pagination-container .header-pagination-text p {
    color: #006FC8;
    font-size: 1.6rem;
    cursor: pointer;
    margin: 0; }
  .header-pagination-container .header-pagination-text p.guideflow_hovered {
    color: #00559A; }

.footer-pagination-container {
  display: inline;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .footer-pagination-container .pagination {
    padding: 15px 0; }
    .footer-pagination-container .pagination ul li {
      margin-right: 3px;
      margin-left: 3px; }
  .footer-pagination-container .page-entries-info {
    padding: 5px 0;
    font-size: 1.2rem;
    color: #A1A1A1; }

.pagination-container .pagination {
  max-height: 56px; }
  .pagination-container .pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block; }
    .pagination-container .pagination ul li {
      display: inline-block;
      vertical-align: top; }
      .pagination-container .pagination ul li a {
        height: 36px;
        min-width: 30px;
        line-height: 24px;
        padding: 5px 10px;
        border: 1px solid #CCCCCC;
        border-radius: 4px;
        display: inline-block;
        font-size: 1.6rem;
        color: #7C7C7C;
        text-decoration: none;
        position: relative; }
      .pagination-container .pagination ul li a.guideflow_hovered {
        border: 1px solid #A1A1A1; }
    .pagination-container .pagination ul li.active a {
      background-color: #006FC8;
      color: #FFFFFF; }
    .pagination-container .pagination ul li.disabled a {
      border: 1px solid #CCCCCC;
      background-color: #F7F7F7;
      color: #CCCCCC;
      cursor: not-allowed;
      opacity: 100%; }
    .pagination-container .pagination ul .prev a::after {
      content: ' ';
      position: absolute;
      left: 12px;
      top: 13px;
      width: 8px;
      height: 8px;
      border-left: 1px solid #7C7C7C;
      border-bottom: 1px solid #7C7C7C;
      transform: rotate(45deg); }
    .pagination-container .pagination ul .next a::after {
      content: ' ';
      position: absolute;
      right: 12px;
      top: 13px;
      width: 8px;
      height: 8px;
      border-right: 1px solid #7C7C7C;
      border-top: 1px solid #7C7C7C;
      transform: rotate(45deg); }
    .pagination-container .pagination ul .prev.disabled a::after, .pagination-container .pagination ul .next.disabled a::after {
      border-color: #CCCCCC; }

.go-to-page-field-container input {
  height: 36px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #CCCCCC;
  width: 92px;
  padding: 4px; }
.go-to-page-field-container button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 36px;
  min-width: auto;
  padding: 5px 10px;
  border-left: none !important; }

.address-selection {
  max-height: 350px;
  overflow-y: auto; }

.zd-jwt-integration-checkbox-label {
  display: flex;
  justify-content: center; }

.zd-jwt-integration-input {
  margin-right: 1%; }

.modal {
  top: 5% !important;
  bottom: 5%;
  height: auto !important;
  background-color: transparent;
  z-index: 1041;
  padding: 0 !important;
  overflow: hidden !important; }
  .modal .modal-dialog {
    height: 100%;
    max-width: 45%;
    min-width: 43%;
    margin: 0 28%; }
  .modal .modal-dialog-xl {
    height: 100%;
    max-width: 80%;
    min-width: 80%;
    margin: 0 10%; }
  .modal .modal-dialog-lg {
    height: 100%;
    max-width: 60%;
    min-width: 60%;
    margin: 0 20%; }
  .modal .modal-content {
    border-radius: 7px;
    max-height: 100%; }
    .modal .modal-content .modal-header {
      padding: 12px 31px;
      height: 60px; }
      .modal .modal-content .modal-header .heading {
        text-align: left; }
        .modal .modal-content .modal-header .heading h3 {
          line-height: 36px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          word-wrap: break-word;
          margin: 0; }
    .modal .modal-content .modal-header.modal-with-alert-icon {
      height: 40px; }
    .modal .modal-content .modal-body:not(.modal-with-tabs) {
      padding: 15px 31px;
      overflow-y: auto;
      max-height: calc(70vh - 90px); }
    .modal .modal-content .custom-filter-dialog {
      height: calc(43vh - 90px) !important; }
    .modal .modal-content .modal-body.modal-with-tabs {
      padding: 0px 0px;
      max-height: 70vh; }
    .modal .modal-content .modal-body .dialog-description {
      margin: 0;
      padding-bottom: 12px; }
      .modal .modal-content .modal-body .dialog-description .dialog-description-icon {
        width: 18px;
        height: 18px;
        margin-right: 10px; }
      .modal .modal-content .modal-body .dialog-description p {
        font-size: 1.2rem;
        color: #A1A1A1; }
    .modal .modal-content .modal-body label {
      margin: 0; }
    .modal .modal-content .modal-body .note-container {
      padding: 10px 0; }
      .modal .modal-content .modal-body .note-container p {
        margin: 0;
        font-size: 1.3rem;
        line-height: 1.3rem; }
    .modal .modal-content .modal-body .alarming-note p {
      color: #FF4444; }
    .modal .modal-content .modal-body .warning-note p {
      color: #A1A1A1; }
    .modal .modal-content .modal-body .checkbox-container {
      margin: 5px 0; }
    .modal .modal-content .modal-footer {
      padding: 12px 31px;
      border-bottom-right-radius: 7px;
      border-bottom-left-radius: 7px;
      height: 60px;
      background-color: #EDF6FF; }
      .modal .modal-content .modal-footer a, .modal .modal-content .modal-footer input, .modal .modal-content .modal-footer button {
        margin: 0; }
  .modal .modal-footer {
    background-color: #EDF6FF;
    bottom: 0;
    position: sticky;
    position: -webkit-sticky;
    z-index: 100;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px; }
    .modal .modal-footer .back-button-footer {
      position: absolute;
      margin-left: 20px;
      left: 0px;
      border: gray solid 0.5px;
      border-radius: 5px;
      padding: 8px 15px;
      cursor: pointer; }
    .modal .modal-footer .footer-actions {
      color: #006FC8;
      font-size: 1.3rem;
      text-decoration: none;
      margin: 0; }
      .modal .modal-footer .footer-actions p {
        color: #006FC8;
        font-size: 1.3rem;
        display: inline; }
      .modal .modal-footer .footer-actions p.guideflow_hovered, .modal .modal-footer .footer-actions i.guideflow_hovered {
        color: #00559A; }
      .modal .modal-footer .footer-actions i {
        color: #006FC8;
        font-size: 1.2rem;
        display: inline;
        padding-right: 5px; }

.tasks-add-inventory-modal {
  z-index: 1051 !important;
  backdrop-filter: brightness(0.5);
  top: 5% !important; }

.custom-report-widget-min-height {
  min-height: calc(70vh - 90px); }

.modal-backdrop {
  width: 100%;
  height: 100%; }
  .modal-backdrop.show {
    opacity: 0.8 !important; }

.alert-modal {
  color: #FFFFFF;
  z-index: 9999 !important; }
  .alert-modal .modal-dialog {
    top: 10%;
    border-radius: 5px;
    margin-top: 1.75rem;
    height: auto; }
  .alert-modal .modal-content {
    padding: 10px;
    border: solid 1px #E0E7EE;
    overflow: visible; }
  .alert-modal .modal-header {
    border-bottom: none;
    position: relative;
    min-height: auto !important;
    padding: 10px !important; }
  .alert-modal .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px; }
  .alert-modal .icon-box {
    color: #FFFFFF;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -40px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    z-index: 9;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); }
  .alert-modal .warning .icon-box {
    background: #FFBB33; }
  .alert-modal .info .icon-box {
    background: #006FC8; }
    .alert-modal .info .icon-box i {
      top: -2px;
      left: -1px; }
  .alert-modal .success .icon-box {
    background: #00C851; }
  .alert-modal .error .icon-box {
    background: #FF4444; }
  .alert-modal .notice .icon-box {
    background: #00C851; }
  .alert-modal .notify .icon-box {
    background: #33B5E5; }
  .alert-modal .icon-box i {
    font-size: 38px;
    position: relative;
    top: -5px;
    left: -3px; }
  .alert-modal .modal-content.no-padding {
    padding: 0px; }

.modal-confirm {
  color: #FFFFFF;
  width: auto; }

.modal-confirm .modal-content {
  padding: 10px;
  border-radius: 5px;
  border: none; }

.modal-confirm .modal-header {
  border-bottom: none;
  position: relative; }

.modal-confirm .form-control, .modal-confirm .btn {
  min-height: 40px;
  border-radius: 3px; }

.modal-confirm .modal-footer {
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px; }

.modal-confirm .icon-box {
  color: #FFFFFF;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -40px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  z-index: 9;
  background: #FFBB33;
  padding: 15px;
  text-align: center; }

.modal-confirm .icon-box i {
  font-size: 38px;
  position: relative;
  top: -3px;
  left: -1px; }

.modal-confirm.modal-dialog {
  margin-top: 80px; }

.billing-info-modal .modal-dialog {
  margin-top: 80px;
  max-width: 50%; }
.billing-info-modal .modal {
  overflow-y: hidden; }

.ez-tab-group-container {
  overflow-x: auto !important; }

.ez-tab-group {
  min-width: 100%;
  width: fit-content;
  position: relative;
  white-space: nowrap !important;
  flex-wrap: nowrap !important; }
  .ez-tab-group > :first-child {
    padding-left: 20px !important; }
  .ez-tab-group .tab-item {
    display: inline-block;
    cursor: pointer; }
    .ez-tab-group .tab-item p {
      padding: 10px 0;
      font-size: 1.1rem;
      color: #7C7C7C;
      font-weight: 700; }
    .ez-tab-group .tab-item .item-icon {
      padding: 10px 0;
      font-size: 1.1rem;
      color: #7C7C7C;
      font-weight: 700;
      display: inline-block; }
      .ez-tab-group .tab-item .item-icon span {
        margin-top: 1.4px; }
    .ez-tab-group .tab-item .tiny-svg-icon .st0 {
      fill: #7C7C7C; }
    .ez-tab-group .tab-item .active .st0 {
      fill: #006FC8; }
  .ez-tab-group a {
    text-decoration: none;
    color: #333;
    font-weight: bold; }
  .ez-tab-group .active p {
    color: #006FC8; }
  .ez-tab-group .tab-item.guideflow_hovered p {
    color: #006FC8; }
  .ez-tab-group .tab-item.guideflow_hovered .item-icon {
    color: #006FC8; }
  .ez-tab-group .tab-item.guideflow_hovered .label {
    background-color: #006FC8; }
  .ez-tab-group .tab-item.guideflow_hovered .tiny-svg-icon .st0, .ez-tab-group .tab-item.guideflow_hovered .mini-svg-icon .st0 {
    fill: #006FC8; }
  .ez-tab-group .tab-item.active .item-icon {
    color: #006FC8; }
  .ez-tab-group .tab-item.active .label {
    background-color: #006FC8; }
  .ez-tab-group .tab-item.active .tiny-svg-icon .st0, .ez-tab-group .tab-item.active .mini-svg-icon .st0 {
    fill: #006FC8; }
  .ez-tab-group .tab-item.active p {
    color: #006FC8; }
  .ez-tab-group .active p {
    color: #006FC8; }

.tab-seperator-container {
  width: 100%;
  height: 3px;
  background-color: #CCCCCC;
  position: relative; }

.tab-seperator {
  position: absolute;
  height: 3px;
  background-color: #006FC8;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  will-change: left, width; }

.tab-element-container .tab-element {
  display: none; }
.tab-element-container .tab-element.active {
  display: block; }

.ez-tab-group::-webkit-scrollbar {
  display: none; }

.ez-tab-group-container::-webkit-scrollbar {
  display: none; }

.ez-tab-group, .ez-tab-group-container {
  -ms-overflow-x: visible;
  -ms-overflow-y: hidden; }

.label,
.badge {
  height: 14px;
  display: inline-block;
  padding: 0px 3px;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 15px;
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
  margin-top: 2px !important; }

.label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.label.active {
  background-color: #006FC8; }

.datepicker.dropdown-menu {
  marging: 0;
  padding: 0;
  min-width: 180px;
  max-width: 212px;
  z-index: 1106 !important; }
  .datepicker.dropdown-menu table {
    width: 100%; }
    .datepicker.dropdown-menu table thead th {
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      padding: 0;
      font-size: 1.3rem; }
    .datepicker.dropdown-menu table thead .prev, .datepicker.dropdown-menu table thead .next {
      visibility: visible !important;
      cursor: pointer;
      position: relative; }
    .datepicker.dropdown-menu table thead .prev::after {
      content: ' ';
      width: 8px;
      height: 8px;
      position: absolute;
      left: 0;
      bottom: 0;
      display: block;
      margin: 10px;
      border-left: 2px solid #333;
      border-bottom: 2px solid #333;
      transform: rotate(45deg); }
    .datepicker.dropdown-menu table thead .next::after {
      content: ' ';
      width: 8px;
      height: 8px;
      position: absolute;
      right: 0;
      bottom: 0;
      display: block;
      margin: 10px;
      border-top: 2px solid #333;
      border-right: 2px solid #333;
      transform: rotate(45deg); }
    .datepicker.dropdown-menu table tbody td {
      width: 30px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      padding: 0;
      font-size: 1.3rem;
      cursor: pointer; }
    .datepicker.dropdown-menu table tbody .disabled {
      cursor: not-allowed;
      background-color: #A1A1A1;
      opacity: 0.5; }
    .datepicker.dropdown-menu table tbody .active {
      background-color: #006FC8;
      color: #FFFFFF; }
    .datepicker.dropdown-menu table tbody tr:last-child td {
      padding-bottom: 5px; }
  .datepicker.dropdown-menu .datepicker-months tbody td span, .datepicker.dropdown-menu .datepicker-years tbody td span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px; }

.bootstrap-datetimepicker-widget {
  z-index: 1050 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: auto !important;
  border: 1px solid #E0E7EE !important;
  border-radius: 4px;
  width: 210px; }

.icon-chevron-up {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 1.3rem; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 1.3rem; }

.icon-chevron-down:before {
  content: "\f078"; }

.timepicker {
  width: auto;
  padding: 15px; }
  .timepicker .table-condensed {
    width: 100%;
    text-align: center; }
  .timepicker .timepicker-picker .timepicker-hour, .timepicker .timepicker-picker .timepicker-minute {
    font-size: 1.3rem;
    padding: 10px !important; }
  .timepicker .timepicker-hours .table-condensed .hour {
    font-size: 1.4rem;
    padding: 2px 5px;
    cursor: pointer; }
  .timepicker .timepicker-hours .table-condensed .hour.guideflow_hovered {
    color: #00559A; }
  .timepicker .timepicker-minutes .table-condensed .minute {
    font-size: 1.4rem;
    padding: 2px 8px;
    cursor: pointer; }
  .timepicker .timepicker-minutes .table-condensed .minute.guideflow_hovered {
    color: #00559A; }
  .timepicker .btn-primary {
    min-width: 80px; }

.daterangepicker {
  margin-top: 6px !important;
  border: 1px solid #006FC8 !important;
  padding: 0 !important;
  min-width: 184px !important;
  height: 284px;
  overflow: hidden; }
  .daterangepicker .ranges {
    height: 100%;
    margin: 0 !important;
    min-width: 208px !important;
    padding-top: 14px;
    overflow: scroll;
    overflow-x: hidden; }
    .daterangepicker .ranges ul {
      border: none;
      padding: 0;
      width: 100% !important; }
      .daterangepicker .ranges ul li {
        display: block !important;
        color: #333 !important;
        background-color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 3px 20px !important;
        line-height: 25px !important;
        font-size: 1.2rem !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        border-left: 3px solid transparent !important; }
      .daterangepicker .ranges ul li.guideflow_hovered {
        color: #333 !important;
        background-color: #F2F8FC !important;
        border-left: 3px solid transparent !important; }
      .daterangepicker .ranges ul li.active {
        color: #333 !important;
        background-color: #E6F1F9 !important;
        border-left: 2px solid #006FC8 !important; }
    .daterangepicker .ranges .range_inputs button {
      padding: 5px 12px !important;
      font-size: 1.3rem;
      border-radius: 4px;
      background-image: none; }
    .daterangepicker .ranges .range_inputs .btn-success {
      background-color: #006FC8;
      border: 1px solid #006FC8;
      height: 36px; }
    .daterangepicker .ranges .range_inputs .btn-success.guideflow_hovered {
      background-color: #006FC8; }
    .daterangepicker .ranges .range_inputs .btn-default {
      background-color: #FFFFFF;
      border: 1px solid #006FC8;
      height: 36px; }
    .daterangepicker .ranges .range_inputs {
      padding: 14px 7px !important; }
      .daterangepicker .ranges .range_inputs .applyBtn {
        width: 47% !important; }
      .daterangepicker .ranges .range_inputs .cancelBtn {
        width: 47% !important;
        margin-left: 6px !important; }
  .daterangepicker .calendar .daterangepicker_input {
    height: 36px !important;
    margin: 14px 0 !important; }
    .daterangepicker .calendar .daterangepicker_input input {
      background-image: url(https://html-assets-prod.guideflow.com/7b40d96dca414bc2082879cd51b0e45f0ee087e4);
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-size: 18px;
      cursor: pointer;
      padding: 10px !important;
      padding-right: 38px !important;
      height: 100% !important;
      border-color: #CCCCCC !important;
      font-size: 1.3rem !important; }
    .daterangepicker .calendar .daterangepicker_input input.guideflow_hovered {
      border-color: #A1A1A1 !important; }
    .daterangepicker .calendar .daterangepicker_input input.active {
      border-color: #006FC8 !important; }
    .daterangepicker .calendar .daterangepicker_input i {
      display: none; }
  .daterangepicker .calendar table thead tr th.month {
    color: #333 !important; }
  .daterangepicker .calendar table thead tr:last-child th {
    color: #333 !important; }
  .daterangepicker .calendar table tr td {
    color: #333 !important; }
  .daterangepicker .calendar table tr td.guideflow_hovered {
    background-color: #F2F8FC !important; }
  .daterangepicker .calendar table tr td.off {
    color: #A1A1A1 !important; }
  .daterangepicker .calendar table tr td.off.guideflow_hovered {
    color: #A1A1A1 !important;
    background-color: #F2F8FC !important; }
  .daterangepicker .calendar table tr td.today {
    font-weight: 700 !important;
    color: #006FC8 !important; }
  .daterangepicker .calendar table tr td.in-range {
    background-color: #E6F1F9 !important; }
  .daterangepicker .calendar table tr td.start-date, .daterangepicker .calendar table tr td.start-date.guideflow_hovered, .daterangepicker .calendar table tr td.end-date, .daterangepicker .calendar table tr td.end-date.guideflow_hovered {
    background-color: #006FC8 !important;
    color: #FFFFFF !important; }
  .daterangepicker .calendar.left .calendar-table .prev {
    position: relative; }
    .daterangepicker .calendar.left .calendar-table .prev i {
      display: none; }
  .daterangepicker .calendar.left .calendar-table .prev::before {
    content: ' ';
    position: absolute;
    border-left: 1px solid transparent;
    border-right: 6px solid #A1A1A1;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    left: 35%;
    top: 30%; }
  .daterangepicker .calendar.left .calendar-table .prev.guideflow_hovered {
    background-color: #FFFFFF; }
  .daterangepicker .calendar.left .calendar-table .prev.guideflow_hovered::before {
    border-right: 6px solid #7C7C7C; }
  .daterangepicker .calendar.right .calendar-table .next {
    position: relative; }
    .daterangepicker .calendar.right .calendar-table .next i {
      display: none; }
  .daterangepicker .calendar.right .calendar-table .next::before {
    content: ' ';
    position: absolute;
    border-left: 6px solid #A1A1A1;
    border-right: 1px solid transparent;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    right: 35%;
    top: 30%; }
  .daterangepicker .calendar.right .calendar-table .next.guideflow_hovered {
    background-color: #FFFFFF; }
  .daterangepicker .calendar.right .calendar-table .next.guideflow_hovered::before {
    border-left: 6px solid #7C7C7C; }

.daterangepicker::before, .daterangepicker::after {
  display: none !important; }

.calendar-event a {
  color: #006FC8 !important; }

.calendar-event a::after {
  height: 4px;
  width: 4px;
  content: " ";
  position: absolute;
  bottom: -4px;
  right: 40%;
  background-color: #006FC8;
  border-radius: 50%; }

.dialog-event-calendar .eventsCalendar-slider {
  width: 100% !important; }
.dialog-event-calendar .eventsCalendar-list-wrap {
  width: 100% !important; }

.event-calendar {
  height: 100%;
  width: 100%; }
  .event-calendar .eventsCalendar-slider {
    width: 30%;
    height: 100% !important; }
  .event-calendar .eventsCalendar-list-wrap {
    width: 70%;
    height: 100%;
    padding-top: 20px; }
  .event-calendar .eventsCalendar-list-wrap div:last-child {
    height: 100%; }
  .event-calendar .eventsCalendar-monthWrap {
    height: 100%; }
  .event-calendar .eventsCalendar-currentTitle {
    height: 35%;
    background-color: #006FC8;
    padding: 8px 22px; }
  .event-calendar .currentTitle-height-container {
    height: 17%; }
  .event-calendar .prev {
    float: right;
    position: relative; }
    .event-calendar .prev span {
      display: none; }
  .event-calendar .prev::after {
    content: " ";
    position: absolute;
    display: block;
    border-left: 5px solid transparent;
    border-right: 10px solid #FFFFFF;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    right: 15px;
    top: 3px; }
  .event-calendar .next {
    float: right;
    position: relative;
    margin-left: 5px; }
    .event-calendar .next span {
      display: none; }
  .event-calendar .next::after {
    content: " ";
    position: absolute;
    display: block;
    border-left: 10px solid #FFFFFF;
    border-right: 5px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    left: -5px;
    top: 3px; }
  .event-calendar .monthTitle {
    text-align: center;
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 2rem;
    font-weight: 700; }
  .event-calendar .custom-calendar-day p {
    font-size: 6rem;
    color: #FFFFFF;
    margin: 0;
    padding: 0; }
  .event-calendar .eventsCalendar-daysList {
    padding: 20px;
    margin: 0;
    list-style-type: none;
    height: 55%;
    border-right: 1px solid #E0E7EE; }
    .event-calendar .eventsCalendar-daysList .eventsCalendar-day-header {
      color: #333;
      font-weight: 700;
      margin-bottom: 7px; }
    .event-calendar .eventsCalendar-daysList .eventsCalendar-day a {
      color: #333;
      text-decoration: none;
      display: block;
      line-height: 27px; }
    .event-calendar .eventsCalendar-daysList .eventsCalendar-day a.guideflow_hovered {
      background-color: #F2F8FC;
      border-radius: 4px; }
    .event-calendar .eventsCalendar-daysList .eventsCalendar-day.current a {
      font-weight: bold; }
    .event-calendar .eventsCalendar-daysList li {
      width: 14.28%;
      height: 14%;
      margin-bottom: 2%;
      display: inline-block;
      text-align: center;
      position: relative; }
      .event-calendar .eventsCalendar-daysList li .none {
        display: none; }
    .event-calendar .eventsCalendar-daysList li.empty {
      height: auto !important; }
  .event-calendar .eventsCalendar-list-wrap .events_selector {
    font-size: 2rem;
    padding: 10px 20px;
    color: #525F7E; }
  .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content {
    height: 83% !important;
    overflow-x: hidden; }
    .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list {
      padding: 0;
      list-style-type: none;
      margin: 0; }
      .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list .eventsCalendar-noEvents {
        border: none; }
        .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list .eventsCalendar-noEvents p {
          color: #A1A1A1; }
      .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list li {
        height: 79px;
        padding: 5px 20px;
        border-bottom: 1px solid #E0E7EE; }
        .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list li .bullet {
          display: none; }
        .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list li .calendar-event-container {
          height: 100%;
          overflow: hidden; }
          .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list li .calendar-event-container .calendar-event-img-container {
            -ms-flex: 0 0 12%;
            flex: 0 0 12%;
            max-width: 12%; }
            .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list li .calendar-event-container .calendar-event-img-container .calendar-event-img {
              height: 45px;
              width: 45px;
              border-radius: 50%; }
          .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list li .calendar-event-container .calendar-event-heading {
            line-height: 30px; }
            .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list li .calendar-event-container .calendar-event-heading .event-name {
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden;
              word-wrap: break-word;
              line-height: 14px;
              height: 14px;
              max-width: 60%; }
              .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list li .calendar-event-container .calendar-event-heading .event-name a {
                font-size: 1.2rem;
                color: #525F7E;
                text-decoration: none; }
            .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list li .calendar-event-container .calendar-event-heading .event-date {
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden;
              word-wrap: break-word;
              line-height: 14px;
              height: 14px;
              max-width: 28%;
              padding-left: 2%;
              font-size: 1.2rem;
              color: #525F7E; }
          .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list li .calendar-event-container .calendar-event-description {
            height: auto; }
            .event-calendar .eventsCalendar-list-wrap .eventsCalendar-list-content .eventsCalendar-list li .calendar-event-container .calendar-event-description p {
              margin: 0;
              font-size: 1.1rem;
              color: #525F7E;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
              word-wrap: break-word;
              line-height: 15px;
              height: 30px; }

.rotation-0 {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  transition-duration: 0.5s; }

.rotation-45 {
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  transition-duration: 0.5s; }

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

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

.rotation-after-45::after {
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  margin-top: -4px; }

.rotation-after-135::after {
  -webkit-transform: rotate(135deg) !important;
  -moz-transform: rotate(135deg) !important;
  -o-transform: rotate(135deg) !important;
  transform: rotate(135deg) !important;
  margin-top: -4px; }

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

.rotation-after-225::after {
  -webkit-transform: rotate(225deg) !important;
  -moz-transform: rotate(225deg) !important;
  -o-transform: rotate(225deg) !important;
  transform: rotate(225deg) !important;
  margin-bottom: -4px; }

.user-profile-container {
  height: auto !important; }

.user-profile-settings-list li a {
  padding-left: 1.5rem !important; }

.setting-header {
  background-color: #FFFFFF !important; }

.user-profile-name-badge {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 1.6rem; }
  .user-profile-name-badge img {
    line-height: normal;
    font-size: 1.1rem;
    border-radius: 50%;
    height: 100% !important;
    width: 100% !important; }
  .user-profile-name-badge .name-text {
    color: #FFFFFF;
    font-size: 1.6rem; }

.trial-card-guideline {
  background-color: #EAF6FF;
  min-height: 70px;
  padding-left: 24px;
  padding-right: 24px;
  border: 0.25px solid #E0E7EE; }

.trial-text {
  color: #333; }

.trial-days {
  color: #CA890B;
  font-weight: 600; }

header {
  position: fixed;
  height: 57px;
  width: 100%;
  min-width: 1024px;
  top: 0;
  z-index: 1031; }
  header .navabr-wrapper {
    position: fixed;
    width: 100%; }
  header nav {
    background-color: #FFFFFF;
    color: #006FC8;
    font-size: 1.5rem;
    padding: 0 !important;
    position: fixed;
    width: 100%;
    box-shadow: 0px 3px 8px #6d717436; }
    header nav .navbar-brand.guideflow_hovered {
      opacity: 0.9; }
    header nav .humburger {
      height: 26px; }
    header nav .humburger button {
      font-size: 4rem;
      color: #006FC8; }
    header nav .humburger button:focus, header nav .humburger button:active {
      border: none;
      outline: none;
      box-shadow: none; }
    header nav .navbar-toggler {
      width: 34px;
      height: 26px;
      padding: 0;
      margin-right: 20px; }
      header nav .navbar-toggler .navbar-toggle-bar {
        width: 32px;
        height: 2px;
        margin: 0;
        background-color: #006FC8;
        transition: all 0.5s; }
      header nav .navbar-toggler .navbar-toggle-bar:nth-child(2) {
        margin: 9px 0; }
    header nav .navbar-toggler-open .navbar-toggle-bar:nth-child(2) {
      background-color: transparent; }
    header nav .navbar-toggler-open .navbar-toggle-bar:nth-child(1) {
      transform: rotate(-42deg);
      transform-origin: top right; }
    header nav .navbar-toggler-open .navbar-toggle-bar:nth-child(3) {
      transform: rotate(44deg);
      transform-origin: top right; }
    header nav .navbar-brand {
      padding: 0px 25px !important;
      margin: 0;
      color: #FFFFFF;
      width: 220px; }
    header nav .navbar-brand img {
      width: auto;
      max-width: 170px;
      max-height: 45px; }
    header nav .navbar-brand h1, header nav h2 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      word-wrap: break-word;
      margin: 0;
      line-height: 35px;
      color: #FFFFFF; }
    header nav .navbar-brand h2 {
      color: #333; }
    header nav .navbar-right-border {
      border-right: 1px solid #006FC8; }
    header nav .nav-link {
      padding: 18px 22px !important;
      padding-right: 21px !important;
      margin: 0;
      color: #FFFFFF; }
      header nav .nav-link img {
        height: 18px; }
    header nav .nav-link.user-profile-nav-link {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      word-wrap: break-word;
      max-height: 55px;
      line-height: 55px;
      word-break: break-all;
      padding: 0 18px !important;
      padding-right: 30px !important; }
    header nav .nav-link.user-profile-nav-link::after {
      position: absolute;
      top: 25px;
      right: 11px; }
    header nav .company-settings-dropdown {
      cursor: pointer; }
      header nav .company-settings-dropdown .dropdown-toggle::after {
        display: none; }
    header nav .header-settings {
      position: relative; }
      header nav .header-settings .dropdown-menu {
        z-index: 1021;
        left: auto;
        padding: 0;
        margin: 0;
        border: none;
        margin-top: 0;
        margin-bottom: 5px;
        position: absolute;
        min-width: -moz-max-content; }
        header nav .header-settings .dropdown-menu ul {
          background-color: #FFFFFF;
          list-style-type: none;
          padding: 5px 0;
          margin: 0;
          box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
          border-radius: 4px;
          max-height: 60vh !important;
          overflow: auto;
          width: max-content;
          min-width: 150px; }
          header nav .header-settings .dropdown-menu ul li {
            text-decoration: none; }
            header nav .header-settings .dropdown-menu ul li .svg-icon {
              margin-right: 14px;
              margin-top: 1px; }
              header nav .header-settings .dropdown-menu ul li .svg-icon svg {
                vertical-align: initial; }
            header nav .header-settings .dropdown-menu ul li a {
              display: block;
              color: #333;
              background-color: #FFFFFF;
              text-decoration: none;
              padding: 3px 20px;
              line-height: 19px;
              font-size: 1.1rem;
              cursor: pointer;
              padding-left: 10px;
              font-weight: 400;
              margin-top: 4px;
              margin-bottom: 4px; }
            header nav .header-settings .dropdown-menu ul li a.disabled {
              cursor: not-allowed;
              pointer-events: none;
              background-color: #FFFFFF;
              color: #A1A1A1; }
            header nav .header-settings .dropdown-menu ul li a.disabled.guideflow_hovered {
              cursor: not-allowed; }
            header nav .header-settings .dropdown-menu ul li a.guideflow_hovered {
              background-color: #F2F8FC;
              color: #333; }
              header nav .header-settings .dropdown-menu ul li a.guideflow_hovered img {
                opacity: 1; }
            header nav .header-settings .dropdown-menu ul li ul {
              width: 100%;
              border: none;
              border-top: 1px solid #E0E7EE;
              border-bottom: 1px solid #E0E7EE;
              padding: 0;
              box-shadow: none;
              border-radius: 0;
              position: relative; }
            header nav .header-settings .dropdown-menu ul li ul::before {
              width: 6px;
              height: 6px;
              content: ' ';
              position: absolute;
              right: 10px; }
          header nav .header-settings .dropdown-menu ul .side-menu-box {
            height: 30px; }
      header nav .header-settings ul {
        border-top-right-radius: 0 !important;
        border-top-left-radius: 0 !important; }
    header nav .header-notification {
      position: relative; }
      header nav .header-notification .dropdown-menu {
        z-index: 1021;
        left: auto;
        padding: 0;
        margin: 0;
        border: none;
        margin-top: 0;
        margin-bottom: 5px;
        position: absolute;
        min-width: -moz-max-content; }
        header nav .header-notification .dropdown-menu ul {
          background-color: #FFFFFF;
          list-style-type: none;
          padding: 5px 0;
          margin: 0;
          box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
          border-radius: 4px;
          max-height: 60vh !important;
          overflow: auto;
          width: max-content;
          min-width: 180px; }
          header nav .header-notification .dropdown-menu ul li {
            text-decoration: none; }
            header nav .header-notification .dropdown-menu ul li .svg-icon {
              margin-right: 14px;
              margin-top: 1px; }
              header nav .header-notification .dropdown-menu ul li .svg-icon svg {
                vertical-align: initial; }
            header nav .header-notification .dropdown-menu ul li a {
              display: block;
              color: #333;
              background-color: #FFFFFF;
              text-decoration: none;
              padding: 3px 20px;
              line-height: 19px;
              font-size: 1.1rem;
              cursor: pointer;
              padding-left: 10px;
              font-weight: 400;
              margin-top: 4px;
              margin-bottom: 4px; }
            header nav .header-notification .dropdown-menu ul li a.disabled {
              cursor: not-allowed;
              pointer-events: none;
              background-color: #FFFFFF;
              color: #A1A1A1; }
            header nav .header-notification .dropdown-menu ul li a.disabled.guideflow_hovered {
              cursor: not-allowed; }
            header nav .header-notification .dropdown-menu ul li a.guideflow_hovered {
              background-color: #F2F8FC;
              color: #333; }
              header nav .header-notification .dropdown-menu ul li a.guideflow_hovered img {
                opacity: 1; }
            header nav .header-notification .dropdown-menu ul li ul {
              width: 100%;
              border: none;
              border-top: 1px solid #E0E7EE;
              border-bottom: 1px solid #E0E7EE;
              padding: 0;
              box-shadow: none;
              border-radius: 0;
              position: relative; }
            header nav .header-notification .dropdown-menu ul li ul::before {
              width: 6px;
              height: 6px;
              content: ' ';
              position: absolute;
              right: 10px; }
          header nav .header-notification .dropdown-menu ul .side-menu-box {
            height: 30px; }
      header nav .header-notification ul {
        max-height: none !important;
        border-top-right-radius: 4px !important;
        border-top-left-radius: 4px !important; }
      header nav .header-notification .dropdown-toggle {
        color: #FFFFFF; }
      header nav .header-notification .dropdown-toggle::after {
        display: none; }
      header nav .header-notification .nav-notification {
        padding: 0 2px;
        min-width: 15px;
        width: auto;
        border-radius: 3px;
        background-color: #EC4646;
        color: #FFFFFF !important;
        position: absolute;
        left: 25px;
        top: 0px;
        line-height: 17px;
        text-align: center;
        font-size: 1.1rem;
        font-weight: 600;
        text-shadow: none;
        box-shadow: none;
        border: none;
        letter-spacing: 0; }
      header nav .header-notification .new-label {
        background-color: #EA6B28 !important;
        left: 35px; }
      header nav .header-notification .nav-li-notification {
        margin-left: 15px;
        display: block;
        padding: 0px 4px;
        height: 17px;
        color: #FFFFFF;
        background-color: #00C851;
        border-radius: 4px;
        line-height: 17px;
        text-align: center;
        font-size: 1.3rem;
        font-weight: 600;
        text-shadow: none;
        box-shadow: none;
        border: none;
        letter-spacing: 0; }
      header nav .header-notification .notification-bar-heading {
        margin-left: 20px;
        margin-top: 5px;
        font-weight: bold; }
      header nav .header-notification .nav-li-notification-fa-icon i {
        margin-left: 15px;
        display: block;
        width: 17px !important;
        height: 17px;
        line-height: 17px;
        color: #FFFFFF;
        background-color: #333;
        border-radius: 50%;
        font-size: 2rem; }
      header nav .header-notification .dropdown-menu ul li a {
        padding: 7px 20px; }
    header nav .nav-profile-img .nav-link {
      cursor: default;
      padding: 10px 12px !important; }
    header nav .user-profile {
      width: 160px; }
      header nav .user-profile ul {
        min-width: 180px; }
    header nav .user-profile-div {
      width: 62px;
      border-radius: 8px; }
      header nav .user-profile-div ul {
        min-width: 160px; }
      header nav .user-profile-div .dropdown-menu {
        margin-right: 0.5rem !important; }
    header nav .user-profile-div.guideflow_hovered {
      background-color: #EDF6FF; }
    header nav .nav-profile-img img {
      height: 34px;
      width: 34px;
      border-radius: 50%;
      padding: 0;
      margin: 0; }
    header nav .dropdown-item {
      padding: 4px 0 4px 15px;
      background-color: #FFFFFF; }
    header nav .company-updates .label.label-info {
      float: right;
      margin-left: 15px;
      margin-top: 4px;
      display: block;
      min-width: 17px !important;
      height: 17px;
      color: #FFFFFF;
      border-radius: 4px;
      line-height: 15px;
      text-align: center;
      font-size: 1.3rem;
      font-weight: 600;
      text-shadow: none;
      box-shadow: none;
      border: none;
      letter-spacing: 0; }
    header nav .dropdown-menu {
      z-index: 1021;
      left: auto;
      padding: 0;
      margin: 0;
      border: none;
      margin-top: 0;
      margin-bottom: 5px;
      position: absolute;
      min-width: -moz-max-content; }
      header nav .dropdown-menu ul {
        background-color: #FFFFFF;
        list-style-type: none;
        padding: 5px 0;
        margin: 0;
        box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
        border-radius: 4px;
        max-height: 60vh !important;
        overflow: auto;
        width: max-content;
        min-width: 160px; }
        header nav .dropdown-menu ul li {
          text-decoration: none; }
          header nav .dropdown-menu ul li .svg-icon {
            margin-right: 14px;
            margin-top: 1px; }
            header nav .dropdown-menu ul li .svg-icon svg {
              vertical-align: initial; }
          header nav .dropdown-menu ul li a {
            display: block;
            color: #333;
            background-color: #FFFFFF;
            text-decoration: none;
            padding: 3px 20px;
            line-height: 19px;
            font-size: 1.1rem;
            cursor: pointer;
            padding-left: 10px;
            font-weight: 400;
            margin-top: 4px;
            margin-bottom: 4px; }
          header nav .dropdown-menu ul li a.disabled {
            cursor: not-allowed;
            pointer-events: none;
            background-color: #FFFFFF;
            color: #A1A1A1; }
          header nav .dropdown-menu ul li a.disabled.guideflow_hovered {
            cursor: not-allowed; }
          header nav .dropdown-menu ul li a.guideflow_hovered {
            background-color: #F2F8FC;
            color: #333; }
            header nav .dropdown-menu ul li a.guideflow_hovered img {
              opacity: 1; }
          header nav .dropdown-menu ul li ul {
            width: 100%;
            border: none;
            border-top: 1px solid #E0E7EE;
            border-bottom: 1px solid #E0E7EE;
            padding: 0;
            box-shadow: none;
            border-radius: 0;
            position: relative; }
          header nav .dropdown-menu ul li ul::before {
            width: 6px;
            height: 6px;
            content: ' ';
            position: absolute;
            right: 10px; }
        header nav .dropdown-menu ul .side-menu-box {
          height: 30px; }
  header .navbar-nav {
    height: 57px; }
    header .navbar-nav .basket-notification {
      position: relative; }

.search-form-bottom-line {
  height: 1px;
  margin: 15px 25px;
  margin-top: 0;
  background-color: #FFFFFF; }

.search-form-highlighted .search-bar .search-options .search-list {
  color: #006FC8; }
.search-form-highlighted .search-bar .search-options .dropdown-toggle::after {
  border-top: 6px solid #006FC8 !important;
  top: 42%; }

.free-trial-text {
  padding-left: 8px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-top: 18px; }
  .free-trial-text p {
    font-size: 1.8rem !important;
    letter-spacing: 0 !important; }

.demo-data-actions-container, .demo-data-actions-expanded-container {
  font-family: Open Sans !important;
  font-size: 16px !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E1E7ED;
  border-radius: 4px;
  height: 40px;
  max-width: 300px;
  font-weight: 300 !important;
  letter-spacing: 0;
  cursor: pointer; }
  .demo-data-actions-container a, .demo-data-actions-expanded-container a {
    font-size: 16px !important; }

.demo-data-actions-expanded-container {
  max-width: 720px !important;
  cursor: default; }
  .demo-data-actions-expanded-container i {
    color: #4C555D;
    cursor: pointer !important; }

.highlighted-field {
  background-color: #E6F1F9;
  cursor: pointer !important; }

.task-tokeninput-border-color {
  border-color: #cccccc !important; }

.select-resource-poppover-font-size {
  font-size: 1.3rem !important; }

.light-grey-bg {
  background-color: #F2F2F2 !important; }

.search-bar {
  margin: 15px 25px;
  margin-left: 0;
  margin-bottom: 0;
  width: 395px;
  height: 36px;
  border: 1px solid #CCCCCC;
  border-radius: 4px; }
  .search-bar .search-bar-field {
    border-left: 1px solid #CCCCCC; }
  .search-bar .search-options {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: fit-content;
    width: -moz-fit-content;
    display: table !important; }
    .search-bar .search-options .dropdown-toggle {
      padding: 0 15px !important;
      padding-right: 30px !important;
      height: 100%;
      line-height: 34px; }
    .search-bar .search-options .search-list {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 112px; }
    .search-bar .search-options li, .search-bar .search-options a {
      text-decoration: none;
      color: #333; }
    .search-bar .search-options a {
      color: #4C555D !important; }
    .search-bar .search-options .dropdown-toggle::after {
      border: 4px solid transparent !important;
      border-bottom: 1px solid transparent !important;
      border-top: 6px solid #A1A1A1 !important;
      position: absolute;
      top: 45%;
      right: 15%; }
    .search-bar .search-options .dropdown-toggle-for-wo::after {
      right: 13% !important; }
    .search-bar .search-options .dropdown {
      margin-right: 15px;
      width: max-content;
      width: -moz-max-content; }
    .search-bar .search-options .dropdown-menu {
      z-index: 1021;
      left: auto;
      padding: 0;
      margin: 0;
      border: none;
      margin-top: 10px;
      margin-bottom: 5px;
      position: absolute;
      min-width: -moz-max-content; }
      .search-bar .search-options .dropdown-menu ul {
        background-color: #FFFFFF;
        list-style-type: none;
        padding: 5px 0;
        margin: 0;
        box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
        border-radius: 4px;
        max-height: 60vh !important;
        overflow: auto;
        width: max-content;
        min-width: 110px; }
        .search-bar .search-options .dropdown-menu ul li {
          text-decoration: none; }
          .search-bar .search-options .dropdown-menu ul li .svg-icon {
            margin-right: 14px;
            margin-top: 1px; }
            .search-bar .search-options .dropdown-menu ul li .svg-icon svg {
              vertical-align: initial; }
          .search-bar .search-options .dropdown-menu ul li a {
            display: block;
            color: #333;
            background-color: #FFFFFF;
            text-decoration: none;
            padding: 3px 20px;
            line-height: 19px;
            font-size: 1.1rem;
            cursor: pointer;
            padding-left: 10px;
            font-weight: 400;
            margin-top: 4px;
            margin-bottom: 4px; }
          .search-bar .search-options .dropdown-menu ul li a.disabled {
            cursor: not-allowed;
            pointer-events: none;
            background-color: #FFFFFF;
            color: #A1A1A1; }
          .search-bar .search-options .dropdown-menu ul li a.disabled.guideflow_hovered {
            cursor: not-allowed; }
          .search-bar .search-options .dropdown-menu ul li a.guideflow_hovered {
            background-color: #F2F8FC;
            color: #333; }
            .search-bar .search-options .dropdown-menu ul li a.guideflow_hovered img {
              opacity: 1; }
          .search-bar .search-options .dropdown-menu ul li ul {
            width: 100%;
            border: none;
            border-top: 1px solid #E0E7EE;
            border-bottom: 1px solid #E0E7EE;
            padding: 0;
            box-shadow: none;
            border-radius: 0;
            position: relative; }
          .search-bar .search-options .dropdown-menu ul li ul::before {
            width: 6px;
            height: 6px;
            content: ' ';
            position: absolute;
            right: 10px; }
        .search-bar .search-options .dropdown-menu ul .side-menu-box {
          height: 30px; }
  .search-bar .search-options.guideflow_hovered .dropdown-toggle::after {
    border-top: 6px solid #006FC8 !important; }
  .search-bar .search-options.guideflow_hovered .search-list {
    color: #006FC8 !important;
    font-weight: 300 !important; }
  .search-bar input {
    color: #333 !important;
    caret-color: #006FC8; }
    .search-bar input:active, .search-bar input:focus {
      color: #006FC8 !important; }
  .search-bar .verticle-seperator-line {
    width: 1px;
    background-color: #FFFFFF;
    margin: 5px 0; }
  .search-bar .nav-link {
    padding: 0px !important; }
  .search-bar .search-icon {
    padding: 5px 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 24px; }
    .search-bar .search-icon label {
      margin: 0;
      color: #FFFFFF; }
  .search-bar button {
    background: none;
    border: none;
    color: #FFFFFF;
    padding: 0;
    outline: none;
    cursor: pointer !important; }

.search-field {
  position: relative;
  width: 100%;
  height: 100%; }
  .search-field i.fa-search, .search-field i.fa-times {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 1.5rem;
    color: #A1A1A1; }
  .search-field a.clear-search {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.2rem; }
  .search-field a.hidden {
    display: none; }
  .search-field input {
    padding: 7px 30px 10px; }
  .search-field input.clear-btn-shown {
    padding-right: 50px; }

.search-field-audits {
  position: relative;
  width: 100%; }
  .search-field-audits i.fa-search, .search-field-audits i.fa-times {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 1.5rem;
    color: #A1A1A1; }
  .search-field-audits a.clear-search {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.2rem; }
  .search-field-audits a.hidden {
    display: none; }
  .search-field-audits input {
    padding: 7px 30px 10px; }
  .search-field-audits input.clear-btn-shown {
    padding-right: 50px; }

.order-row-on-listing td a.guideflow_hovered {
  text-decoration: underline; }

.available-resources-audit {
  font-weight: 700; }

.search-field.setting-search input {
  padding: 7px 30px 7px 10px;
  caret-color: #006FC8; }
.search-field.setting-search input:focus {
  color: #006FC8; }
.search-field.setting-search i.fa-search, .search-field.setting-search i.fa-times {
  right: 10px;
  left: unset; }

.container-relative {
  position: relative;
  height: 100% !important; }

.navbar-search .search-bar {
  position: relative;
  background-color: #FFFFFF; }
  .navbar-search .search-bar input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    font-size: 1.3rem;
    color: #4C555D; }
  .navbar-search .search-bar input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    opacity: 1;
    font-size: 1.3rem;
    color: #4C555D; }
  .navbar-search .search-bar input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    opacity: 1;
    font-size: 1.3rem;
    color: #4C555D; }
  .navbar-search .search-bar input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 1.3rem;
    color: #4C555D; }
  .navbar-search .search-bar input:-webkit-autofill,
  .navbar-search .search-bar input:-webkit-autofill.guideflow_hovered,
  .navbar-search .search-bar input:-webkit-autofill:focus,
  .navbar-search .search-bar input:-webkit-autofill:active {
    background-color: transparent !important;
    transition: background-color 9999999s ease-in-out 0s;
    -webkit-text-fill-color: #4C555D !important; }
  .navbar-search .search-bar input {
    height: auto;
    min-width: 280px;
    line-height: 22px;
    font-size: 1.3rem;
    padding: 0;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 5px 10px;
    border-radius: 0;
    height: 100%;
    background: transparent;
    color: #4C555D; }
  .navbar-search .search-bar input:focus {
    border: 0;
    box-shadow: none;
    outline: none;
    font-size: 1.3rem; }
  .navbar-search .search-bar .icon {
    font-size: 1.3rem;
    color: #4C555D; }
  .navbar-search .search-bar .dropdown-menu {
    z-index: 1021;
    left: auto;
    padding: 0;
    margin: 0;
    border: none;
    margin-top: 10px;
    margin-bottom: 5px;
    position: absolute;
    min-width: -moz-max-content; }
    .navbar-search .search-bar .dropdown-menu ul {
      background-color: #FFFFFF;
      list-style-type: none;
      padding: 5px 0;
      margin: 0;
      box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
      border-radius: 4px;
      max-height: 60vh !important;
      overflow: auto;
      width: max-content;
      min-width: 110px; }
      .navbar-search .search-bar .dropdown-menu ul li {
        text-decoration: none; }
        .navbar-search .search-bar .dropdown-menu ul li .svg-icon {
          margin-right: 14px;
          margin-top: 1px; }
          .navbar-search .search-bar .dropdown-menu ul li .svg-icon svg {
            vertical-align: initial; }
        .navbar-search .search-bar .dropdown-menu ul li a {
          display: block;
          color: #333;
          background-color: #FFFFFF;
          text-decoration: none;
          padding: 3px 20px;
          line-height: 19px;
          font-size: 1.1rem;
          cursor: pointer;
          padding-left: 10px;
          font-weight: 400;
          margin-top: 4px;
          margin-bottom: 4px; }
        .navbar-search .search-bar .dropdown-menu ul li a.disabled {
          cursor: not-allowed;
          pointer-events: none;
          background-color: #FFFFFF;
          color: #A1A1A1; }
        .navbar-search .search-bar .dropdown-menu ul li a.disabled.guideflow_hovered {
          cursor: not-allowed; }
        .navbar-search .search-bar .dropdown-menu ul li a.guideflow_hovered {
          background-color: #F2F8FC;
          color: #333; }
          .navbar-search .search-bar .dropdown-menu ul li a.guideflow_hovered img {
            opacity: 1; }
        .navbar-search .search-bar .dropdown-menu ul li ul {
          width: 100%;
          border: none;
          border-top: 1px solid #E0E7EE;
          border-bottom: 1px solid #E0E7EE;
          padding: 0;
          box-shadow: none;
          border-radius: 0;
          position: relative; }
        .navbar-search .search-bar .dropdown-menu ul li ul::before {
          width: 6px;
          height: 6px;
          content: ' ';
          position: absolute;
          right: 10px; }
      .navbar-search .search-bar .dropdown-menu ul .side-menu-box {
        height: 30px; }
  .navbar-search .search-bar ul {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important; }
  .navbar-search .search-bar .search-icon button.guideflow_hovered i {
    color: #006FC8 !important; }

.navbar-search-dark {
  display: none;
  background-color: #EDF6FF; }
  .navbar-search-dark .search-bar {
    margin: 15px 0;
    font-size: 2rem;
    margin-bottom: 0;
    position: relative; }
    .navbar-search-dark .search-bar .verticle-seperator-line {
      background-color: #333; }
    .navbar-search-dark .search-bar a {
      font-size: 1.8rem; }
    .navbar-search-dark .search-bar input::-webkit-input-placeholder {
      /* WebKit, Blink, Edge */
      font-size: 1.3rem;
      color: #333; }
    .navbar-search-dark .search-bar input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      opacity: 1;
      font-size: 1.3rem;
      color: #333; }
    .navbar-search-dark .search-bar input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      opacity: 1;
      font-size: 1.3rem;
      color: #333; }
    .navbar-search-dark .search-bar input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      font-size: 1.3rem;
      color: #333; }
    .navbar-search-dark .search-bar input:-webkit-autofill,
    .navbar-search-dark .search-bar input:-webkit-autofill.guideflow_hovered,
    .navbar-search-dark .search-bar input:-webkit-autofill:focus,
    .navbar-search-dark .search-bar input:-webkit-autofill:active {
      background-color: transparent !important;
      transition: background-color 9999999s ease-in-out 0s;
      -webkit-text-fill-color: #333 !important; }
    .navbar-search-dark .search-bar input {
      height: auto;
      min-width: 280px;
      line-height: 22px;
      font-size: 1.6rem;
      padding: 0;
      border: none;
      box-shadow: none;
      outline: none;
      padding: 5px 10px;
      border-radius: 0;
      height: 100%;
      background: transparent;
      color: #333; }
    .navbar-search-dark .search-bar input:focus {
      border: 0;
      box-shadow: none;
      outline: none;
      font-size: 1.6rem; }
    .navbar-search-dark .search-bar .icon {
      font-size: 1.6rem;
      color: #333; }
    .navbar-search-dark .search-bar .dropdown-menu {
      z-index: 1021;
      left: auto;
      padding: 0;
      margin: 0;
      border: none;
      margin-top: 16px;
      margin-bottom: 5px;
      position: absolute;
      min-width: -moz-max-content; }
      .navbar-search-dark .search-bar .dropdown-menu ul {
        background-color: #FFFFFF;
        list-style-type: none;
        padding: 5px 0;
        margin: 0;
        box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
        border-radius: 4px;
        max-height: 60vh !important;
        overflow: auto;
        width: max-content;
        min-width: 180px; }
        .navbar-search-dark .search-bar .dropdown-menu ul li {
          text-decoration: none; }
          .navbar-search-dark .search-bar .dropdown-menu ul li .svg-icon {
            margin-right: 14px;
            margin-top: 1px; }
            .navbar-search-dark .search-bar .dropdown-menu ul li .svg-icon svg {
              vertical-align: initial; }
          .navbar-search-dark .search-bar .dropdown-menu ul li a {
            display: block;
            color: #333;
            background-color: #FFFFFF;
            text-decoration: none;
            padding: 3px 20px;
            line-height: 19px;
            font-size: 1.1rem;
            cursor: pointer;
            padding-left: 10px;
            font-weight: 400;
            margin-top: 4px;
            margin-bottom: 4px; }
          .navbar-search-dark .search-bar .dropdown-menu ul li a.disabled {
            cursor: not-allowed;
            pointer-events: none;
            background-color: #FFFFFF;
            color: #A1A1A1; }
          .navbar-search-dark .search-bar .dropdown-menu ul li a.disabled.guideflow_hovered {
            cursor: not-allowed; }
          .navbar-search-dark .search-bar .dropdown-menu ul li a.guideflow_hovered {
            background-color: #F2F8FC;
            color: #333; }
            .navbar-search-dark .search-bar .dropdown-menu ul li a.guideflow_hovered img {
              opacity: 1; }
          .navbar-search-dark .search-bar .dropdown-menu ul li ul {
            width: 100%;
            border: none;
            border-top: 1px solid #E0E7EE;
            border-bottom: 1px solid #E0E7EE;
            padding: 0;
            box-shadow: none;
            border-radius: 0;
            position: relative; }
          .navbar-search-dark .search-bar .dropdown-menu ul li ul::before {
            width: 6px;
            height: 6px;
            content: ' ';
            position: absolute;
            right: 10px; }
        .navbar-search-dark .search-bar .dropdown-menu ul .side-menu-box {
          height: 30px; }
  .navbar-search-dark .search-form-bottom-line {
    margin: 15px 22px;
    margin-top: 0;
    background-color: #333; }
  .navbar-search-dark input {
    margin-right: 22px;
    width: 175px; }

.top-right-indicator::after {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-top: 10px solid #00C851;
  border-bottom: 0px solid transparent;
  border-left: 33px solid transparent;
  border-right: 33px solid transparent;
  top: 0;
  right: 0; }

.top-left-indicator::after {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-top: 10px solid #00C851;
  border-bottom: 0px solid transparent;
  border-left: 33px solid transparent;
  border-right: 33px solid transparent;
  top: 0; }

.add-items-icon-wrapper {
  background-color: transparent; }
  .add-items-icon-wrapper .add-items-icon {
    line-height: 57px;
    text-align: center;
    position: relative; }
    .add-items-icon-wrapper .add-items-icon .dropdown-toggle {
      width: 57px;
      display: block;
      line-height: 57px;
      font-size: 2.4rem;
      text-decoration: none; }
      .add-items-icon-wrapper .add-items-icon .dropdown-toggle .add-icon {
        height: 34px;
        width: 34px;
        line-height: 15px;
        border-radius: 50%;
        background-color: transparent;
        color: #006FC8; }
        .add-items-icon-wrapper .add-items-icon .dropdown-toggle .add-icon p {
          height: 14px;
          width: 14px;
          font-size: 2.5rem;
          color: #006FC8;
          text-align: center; }
        .add-items-icon-wrapper .add-items-icon .dropdown-toggle .add-icon .name-text {
          color: #FFFFFF;
          font-size: 1.6rem; }
    .add-items-icon-wrapper .add-items-icon .dropdown-toggle::after {
      display: none; }
    .add-items-icon-wrapper .add-items-icon .dropdown-menu {
      z-index: 1021;
      left: auto;
      padding: 0;
      margin: 0;
      border: none;
      margin-top: -1px;
      margin-bottom: 5px;
      position: absolute;
      min-width: -moz-max-content; }
      .add-items-icon-wrapper .add-items-icon .dropdown-menu ul {
        background-color: #FFFFFF;
        list-style-type: none;
        padding: 5px 0;
        margin: 0;
        box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
        border-radius: 4px;
        max-height: 60vh !important;
        overflow: auto;
        width: max-content;
        min-width: 110px; }
        .add-items-icon-wrapper .add-items-icon .dropdown-menu ul li {
          text-decoration: none; }
          .add-items-icon-wrapper .add-items-icon .dropdown-menu ul li .svg-icon {
            margin-right: 14px;
            margin-top: 1px; }
            .add-items-icon-wrapper .add-items-icon .dropdown-menu ul li .svg-icon svg {
              vertical-align: initial; }
          .add-items-icon-wrapper .add-items-icon .dropdown-menu ul li a {
            display: block;
            color: #333;
            background-color: #FFFFFF;
            text-decoration: none;
            padding: 3px 20px;
            line-height: 19px;
            font-size: 1.1rem;
            cursor: pointer;
            padding-left: 10px;
            font-weight: 400;
            margin-top: 4px;
            margin-bottom: 4px; }
          .add-items-icon-wrapper .add-items-icon .dropdown-menu ul li a.disabled {
            cursor: not-allowed;
            pointer-events: none;
            background-color: #FFFFFF;
            color: #A1A1A1; }
          .add-items-icon-wrapper .add-items-icon .dropdown-menu ul li a.disabled.guideflow_hovered {
            cursor: not-allowed; }
          .add-items-icon-wrapper .add-items-icon .dropdown-menu ul li a.guideflow_hovered {
            background-color: #F2F8FC;
            color: #333; }
            .add-items-icon-wrapper .add-items-icon .dropdown-menu ul li a.guideflow_hovered img {
              opacity: 1; }
          .add-items-icon-wrapper .add-items-icon .dropdown-menu ul li ul {
            width: 100%;
            border: none;
            border-top: 1px solid #E0E7EE;
            border-bottom: 1px solid #E0E7EE;
            padding: 0;
            box-shadow: none;
            border-radius: 0;
            position: relative; }
          .add-items-icon-wrapper .add-items-icon .dropdown-menu ul li ul::before {
            width: 6px;
            height: 6px;
            content: ' ';
            position: absolute;
            right: 10px; }
        .add-items-icon-wrapper .add-items-icon .dropdown-menu ul .side-menu-box {
          height: 30px; }
    .add-items-icon-wrapper .add-items-icon ul {
      border-top-right-radius: 0 !important;
      border-top-left-radius: 0 !important; }

.navbar-icon-wrapper {
  width: 54px; }

.navbar-icon-invisible-bg {
  border-radius: 8px;
  width: 56px;
  height: 50px; }

.navbar-icon-bg {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background-color: #EDEDED; }
  .navbar-icon-bg .nav-icon-svg {
    width: 18px;
    height: 18px;
    line-height: 1; }
    .navbar-icon-bg .nav-icon-svg .st0 {
      fill: #006FC8; }
    .navbar-icon-bg .nav-icon-svg .st-outlined {
      fill: #4C555D; }
  .navbar-icon-bg .dropdown-toggle::after {
    display: none; }

.navbar-icon-bg.guideflow_hovered, .navbar-icon-bg-hover {
  background-color: #EDF6FF; }
  .navbar-icon-bg.guideflow_hovered .nav-icon-svg .st0, .navbar-icon-bg-hover .nav-icon-svg .st0 {
    fill: #006FC8; }

.navbar-modal {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 90%;
  left: 0;
  top: 50px !important;
  padding: 0 !important;
  margin: 0;
  box-shadow: none; }
  .navbar-modal .modal-dialog {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%; }
  .navbar-modal .modal-content {
    border: 1px solid #6A1B9A;
    width: 100%; }
    .navbar-modal .modal-content .modal-header {
      width: 100%;
      padding: 0;
      border: none; }
      .navbar-modal .modal-content .modal-header .icon-box {
        margin-right: 10px;
        margin-top: 5px; }
        .navbar-modal .modal-content .modal-header .icon-box a {
          height: 20px;
          width: 20px;
          font-size: 1.6rem;
          cursor: pointer;
          color: #333;
          text-decoration: none; }
    .navbar-modal .modal-content .modal-body {
      padding: 15px 15px 15px 25px; }
      .navbar-modal .modal-content .modal-body .item {
        padding: 0;
        padding-top: 12px;
        margin: 0; }
        .navbar-modal .modal-content .modal-body .item a::after {
          border: 4px solid transparent !important;
          border-bottom: 1px solid transparent !important;
          border-top: 6px solid #A1A1A1 !important;
          top: 42%;
          right: 10%; }
        .navbar-modal .modal-content .modal-body .item a {
          color: #333;
          font-size: 1.3rem;
          text-decoration: none;
          display: block; }
        .navbar-modal .modal-content .modal-body .item a.guideflow_hovered {
          background-color: #F2F8FC;
          color: #333;
          padding: 5px; }
          .navbar-modal .modal-content .modal-body .item a.guideflow_hovered img {
            opacity: 1; }
        .navbar-modal .modal-content .modal-body .item .item-detail ul {
          background-color: #FFFFFF;
          list-style-type: none;
          padding: 5px 0;
          margin: 0;
          box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
          border-radius: 4px;
          max-height: 60vh !important;
          overflow: auto;
          width: max-content;
          min-width: 180px; }
          .navbar-modal .modal-content .modal-body .item .item-detail ul li {
            text-decoration: none; }
            .navbar-modal .modal-content .modal-body .item .item-detail ul li .svg-icon {
              margin-right: 14px;
              margin-top: 1px; }
              .navbar-modal .modal-content .modal-body .item .item-detail ul li .svg-icon svg {
                vertical-align: initial; }
            .navbar-modal .modal-content .modal-body .item .item-detail ul li a {
              display: block;
              color: #333;
              background-color: #FFFFFF;
              text-decoration: none;
              padding: 3px 20px;
              line-height: 19px;
              font-size: 1.1rem;
              cursor: pointer;
              padding-left: 10px;
              font-weight: 400;
              margin-top: 4px;
              margin-bottom: 4px; }
            .navbar-modal .modal-content .modal-body .item .item-detail ul li a.disabled {
              cursor: not-allowed;
              pointer-events: none;
              background-color: #FFFFFF;
              color: #A1A1A1; }
            .navbar-modal .modal-content .modal-body .item .item-detail ul li a.disabled.guideflow_hovered {
              cursor: not-allowed; }
            .navbar-modal .modal-content .modal-body .item .item-detail ul li a.guideflow_hovered {
              background-color: #F2F8FC;
              color: #333; }
              .navbar-modal .modal-content .modal-body .item .item-detail ul li a.guideflow_hovered img {
                opacity: 1; }
            .navbar-modal .modal-content .modal-body .item .item-detail ul li ul {
              width: 100%;
              border: none;
              border-top: 1px solid #E0E7EE;
              border-bottom: 1px solid #E0E7EE;
              padding: 0;
              box-shadow: none;
              border-radius: 0;
              position: relative; }
            .navbar-modal .modal-content .modal-body .item .item-detail ul li ul::before {
              width: 6px;
              height: 6px;
              content: ' ';
              position: absolute;
              right: 10px; }
          .navbar-modal .modal-content .modal-body .item .item-detail ul .side-menu-box {
            height: 30px; }
        .navbar-modal .modal-content .modal-body .item .item-detail ul {
          min-width: 200px;
          border: none; }
          .navbar-modal .modal-content .modal-body .item .item-detail ul li a {
            font-size: 1.3rem; }
        .navbar-modal .modal-content .modal-body .item .item-detail .nav-li-notification {
          margin-left: 15px;
          display: block;
          width: 17px !important;
          height: 17px;
          width: auto;
          color: #FFFFFF;
          background-color: #00C851;
          border-radius: 4px;
          line-height: 17px;
          text-align: center;
          font-size: 1.3rem;
          font-weight: 600;
          text-shadow: none;
          box-shadow: none;
          border: none;
          letter-spacing: 0; }

.side-menu-icons {
  position: fixed;
  width: 76px;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  max-width: 80px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

.side-menu-expand-icon {
  height: 19px;
  width: 19px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2) !important;
  background-color: #FFFFFF;
  position: fixed;
  left: 61px;
  margin-top: 1rem;
  z-index: 1031;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  border: none;
  outline: none;
  box-shadow: none; }
  .side-menu-expand-icon i::before {
    display: none; }
  .side-menu-expand-icon i::after {
    position: absolute;
    content: ' ';
    border: 4px solid transparent;
    border-left: 6px solid #A1A1A1;
    border-right: 1px solid transparent;
    top: 29%;
    left: 7px; }

.side-menu-expand-icon-show {
  z-index: 1031;
  left: 182px;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.2) !important; }

.no-scroll {
  max-height: 100% !important; }

.side-menu.user-profile-menu {
  height: auto !important;
  padding-top: 0px !important; }
  .side-menu.user-profile-menu .side-menu-item {
    height: 57px; }

.side-menu {
  padding-top: 5px;
  background-color: #22384A;
  height: 100%;
  padding-top: 57px;
  z-index: 1030;
  width: 100%; }
  .side-menu .item-wrapper {
    opacity: 1; }
  .side-menu .side-menu-item {
    height: 76px;
    line-height: 70px;
    vertical-align: middle;
    font-size: 1.3rem;
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px; }
    .side-menu .side-menu-item img {
      width: 25px; }
    .side-menu .side-menu-item a {
      height: 100%;
      width: 100%;
      text-decoration: none;
      font-size: 1.3rem;
      border-radius: 8px; }
      .side-menu .side-menu-item a p {
        margin: 0;
        color: #FFFFFF; }
    .side-menu .side-menu-item a:focus, .side-menu .side-menu-item a:active {
      border: none;
      box-shadow: none;
      outline: none; }
    .side-menu .side-menu-item a.guideflow_hovered {
      background-color: #295D86; }
    .side-menu .side-menu-item .btn, .side-menu .side-menu-item .btn-lg {
      padding: 0;
      margin: 0; }
  .side-menu + .side-menu-details {
    background-color: #333;
    width: 0;
    position: fixed;
    margin-left: 70px;
    -webkit-transition: width 0.5s;
    transition: width 0.5s ease;
    z-index: 1030; }
    .side-menu + .side-menu-details .side-menu-item a {
      visibility: hidden; }
    .side-menu + .side-menu-details .side-menu-item .btn, .side-menu + .side-menu-details .side-menu-item .btn-lg {
      padding: 0;
      margin: 0; }

.side-menu-show + .side-menu-details {
  width: 120px;
  transition: z-index 0.5s;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
  z-index: 1030; }
  .side-menu-show + .side-menu-details .side-menu-item a {
    -webkit-animation-name: side-menu-details-animation;
    -webkit-animation-delay: 0.5s;
    animation-name: side-menu-details-animation;
    animation-delay: 0.5s;
    animation-fill-mode: forwards; }
@-webkit-keyframes side-menu-details-animation {
  100% {
    color: #FFFFFF;
    visibility: visible; } }
@keyframes side-menu-details-animation {
  100% {
    color: #FFFFFF;
    visibility: visible; } }
.popover {
  border-radius: 5px !important; }
  .popover .arrow {
    display: none !important; }
  .popover .popover-header {
    display: none; }

.p-r-7 {
  padding-right: 7px !important; }

.popover, .popover-body {
  padding: 0 !important;
  margin: 0% !important;
  border: none !important;
  outline: none !important; }

.popover-wrapper {
  font-size: 1.3rem; }
  .popover-wrapper ul {
    background-color: #333;
    list-style-type: none;
    padding: 5px 0;
    margin: 0;
    box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
    border-radius: 4px;
    max-height: none !important;
    overflow: auto;
    width: max-content;
    min-width: 180px; }
    .popover-wrapper ul li {
      text-decoration: none; }
      .popover-wrapper ul li .svg-icon {
        margin-right: 14px;
        margin-top: 1px; }
        .popover-wrapper ul li .svg-icon svg {
          vertical-align: initial; }
      .popover-wrapper ul li a {
        display: block;
        color: #FFFFFF;
        background-color: #333;
        text-decoration: none;
        padding: 3px 20px;
        line-height: 19px;
        font-size: 1.1rem;
        cursor: pointer;
        padding-left: 10px;
        font-weight: 400;
        margin-top: 4px;
        margin-bottom: 4px; }
      .popover-wrapper ul li a.disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #F7F7F7;
        color: #A1A1A1; }
      .popover-wrapper ul li a.disabled.guideflow_hovered {
        cursor: not-allowed; }
      .popover-wrapper ul li a.guideflow_hovered {
        background-color: #333;
        color: #FFFFFF; }
        .popover-wrapper ul li a.guideflow_hovered img {
          opacity: 1; }
      .popover-wrapper ul li ul {
        width: 100%;
        border: none;
        border-top: 1px solid #E0E7EE;
        border-bottom: 1px solid #E0E7EE;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        position: relative; }
      .popover-wrapper ul li ul::before {
        width: 6px;
        height: 6px;
        content: ' ';
        position: absolute;
        right: 10px; }
    .popover-wrapper ul .side-menu-box {
      height: 30px; }
  .popover-wrapper svg {
    width: 13px !important;
    height: 13px !important;
    margin-right: 10px; }
    .popover-wrapper svg .st0 {
      fill: #FFFFFF; }
  .popover-wrapper ul {
    background-color: #22384A !important; }
    .popover-wrapper ul li a {
      background-color: #22384A !important; }
    .popover-wrapper ul li a.guideflow_hovered {
      background-color: #295D86 !important; }

.popover-wrapper-light {
  font-size: 1.3rem; }
  .popover-wrapper-light ul {
    background-color: #FFFFFF;
    list-style-type: none;
    padding: 5px 0;
    margin: 0;
    box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
    border-radius: 4px;
    max-height: 60vh !important;
    overflow: auto;
    width: max-content;
    min-width: 100px; }
    .popover-wrapper-light ul li {
      text-decoration: none; }
      .popover-wrapper-light ul li .svg-icon {
        margin-right: 14px;
        margin-top: 1px; }
        .popover-wrapper-light ul li .svg-icon svg {
          vertical-align: initial; }
      .popover-wrapper-light ul li a {
        display: block;
        color: #333;
        background-color: #FFFFFF;
        text-decoration: none;
        padding: 3px 20px;
        line-height: 19px;
        font-size: 1.1rem;
        cursor: pointer;
        padding-left: 10px;
        font-weight: 400;
        margin-top: 4px;
        margin-bottom: 4px; }
      .popover-wrapper-light ul li a.disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #FFFFFF;
        color: #A1A1A1; }
      .popover-wrapper-light ul li a.disabled.guideflow_hovered {
        cursor: not-allowed; }
      .popover-wrapper-light ul li a.guideflow_hovered {
        background-color: #F2F8FC;
        color: #333; }
        .popover-wrapper-light ul li a.guideflow_hovered img {
          opacity: 1; }
      .popover-wrapper-light ul li ul {
        width: 100%;
        border: none;
        border-top: 1px solid #E0E7EE;
        border-bottom: 1px solid #E0E7EE;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        position: relative; }
      .popover-wrapper-light ul li ul::before {
        width: 6px;
        height: 6px;
        content: ' ';
        position: absolute;
        right: 10px; }
    .popover-wrapper-light ul .side-menu-box {
      height: 30px; }
  .popover-wrapper-light a {
    opacity: 0.7; }
  .popover-wrapper-light svg {
    margin-right: 10px; }
  .popover-wrapper-light a.guideflow_hovered {
    opacity: 1; }
  .popover-wrapper-light .tiny-svg-icon {
    width: 25px;
    height: 25px; }
  .popover-wrapper-light .tiny-svg-icon-wo-view {
    width: 23px;
    height: 23px; }
  .popover-wrapper-light .popover-wrapper-border {
    border: 1px solid #CCCCCC;
    padding: 10px; }

.modal-body hr {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.dialog-section-heading {
  font-size: 1.4rem;
  font-weight: 500;
  color: #525F7E; }
  .dialog-section-heading hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .dialog-section-heading .drawItDesc {
    font-size: 1.5rem !important;
    font-weight: 500;
    color: #525F7E !important; }

.resource-details-heading {
  display: inline-block;
  color: #333;
  font-size: 1.6rem; }

.resource-detail-item {
  padding-bottom: 20px !important; }
  .resource-detail-item .resource-detail-item-label {
    font-size: 1.3rem !important;
    color: #333 !important;
    font-weight: bold; }
  .resource-detail-item .resource-detail-item-field {
    font-size: 1.3rem !important;
    color: #333 !important; }

.old-setting-view-link {
  color: #A1A1A1;
  background-color: transparent;
  padding: 8px 35px;
  margin: 0;
  text-align: right; }

.quick-start-help-section-size {
  width: 2000px !important; }

.video-pane-bg {
  background-color: #F1F2F4 !important; }

.video-list-row p {
  padding-left: 0px !important;
  line-height: 16px !important; }

.primary-bg {
  background-color: #006FC8 !important; }

.hover-primary-color p, .hover-primary-color a {
  letter-spacing: 0px !important; }
.hover-primary-color .st0 {
  fill: #73777C; }
.hover-primary-color.guideflow_hovered p, .hover-primary-color.guideflow_hovered a {
  color: #006FC8 !important; }
  .hover-primary-color.guideflow_hovered p .st0, .hover-primary-color.guideflow_hovered a .st0 {
    fill: #006FC8 !important; }

.help-section-wrapper {
  top: 0;
  right: 0;
  position: fixed;
  z-index: 1050;
  background-color: transparent;
  transition: background-color 1s; }
  .help-section-wrapper .help-button {
    position: absolute;
    min-width: 70px;
    width: max-content;
    width: -moz-max-content;
    top: 80vh;
    right: -17px;
    padding: 5px 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
    letter-spacing: 0.5px;
    -webkit-transition: right 1s;
    transition: right 1s;
    transform: rotate(-90deg);
    text-align: center;
    border: 1px solid #006FC8;
    color: #006FC8;
    background-color: #FFFFFF; }
    .help-section-wrapper .help-button i::before {
      display: none; }
    .help-section-wrapper .help-button i::after {
      position: absolute;
      content: ' ';
      border-bottom: 6px solid #A1A1A1;
      border-top: 1px solid transparent;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      top: 8px;
      transition: all 1s; }
  .help-section-wrapper .help-button.guideflow_hovered {
    color: #00559A;
    background-color: #FFFFFF;
    border: 1px solid #00559A; }
  .help-section-wrapper .help-body::-webkit-scrollbar {
    width: 0 !important;
    overflow: -moz-scrollbars-none; }
  .help-section-wrapper .tutorial-video-pane .card {
    height: 25vh !important;
    padding-left: 2.4rem; }
    .help-section-wrapper .tutorial-video-pane .card ul, .help-section-wrapper .tutorial-video-pane .card ol {
      padding-left: 1.5rem;
      color: #4C555D;
      font-size: 13px; }
    .help-section-wrapper .tutorial-video-pane .card p {
      color: #4C555D; }
  .help-section-wrapper .tutorial-video-pane .video-player {
    height: 54vh;
    border-radius: 4px; }
    .help-section-wrapper .tutorial-video-pane .video-player iframe {
      border: 0;
      border-radius: 4px; }
  .help-section-wrapper .video-pane {
    padding-top: 16px;
    padding-left: 16px; }
    .help-section-wrapper .video-pane iframe {
      width: 700px;
      height: 380px; }
    .help-section-wrapper .video-pane p {
      font-size: 16px;
      color: #333333;
      opacity: 1;
      padding-top: 6px;
      padding-bottom: 6px; }
    .help-section-wrapper .video-pane .card {
      width: 700px;
      background: transparent; }
      .help-section-wrapper .video-pane .card .card-body p {
        font-size: 13px;
        padding-top: 2px;
        padding-bottom: 2px; }
  .help-section-wrapper .help-video-container {
    background-color: #F1F2F4 !important;
    position: absolute;
    width: 60%;
    height: 100vh;
    right: -100%;
    -webkit-transition: right 1s;
    transition: right 1s;
    display: none; }
  .help-section-wrapper .help-video-container-open {
    right: 338px; }
  .help-section-wrapper .contact-us-section {
    padding: 15px 20px 15px 24px; }
    .help-section-wrapper .contact-us-section textarea {
      width: 100%;
      resize: none;
      border-radius: 4px;
      background-color: #FFFFFF;
      padding: 10px;
      font-size: 1.3rem;
      color: #333;
      height: 80px; }
  .help-section-wrapper .help-body {
    width: 338px;
    right: -338px;
    height: 100vh;
    max-width: 101vw;
    border-left: 1px solid #FFF;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #FFFFFF;
    -webkit-transition: right 1s;
    transition: right 1s;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden; }
    .help-section-wrapper .help-body .help-body-box {
      width: 100%;
      height: 100%; }
      .help-section-wrapper .help-body .help-body-box .faq-section {
        height: 79vh;
        overflow-y: auto; }
      .help-section-wrapper .help-body .help-body-box .help-header-section {
        padding-left: 24px;
        padding-bottom: 24px; }
      .help-section-wrapper .help-body .help-body-box .glossary-section {
        border: 1px solid #FFE3BA;
        padding: 10px 18px;
        border-radius: 3px;
        background: #FFF0DB;
        width: 100%; }
        .help-section-wrapper .help-body .help-body-box .glossary-section a {
          letter-spacing: 0px !important; }
        .help-section-wrapper .help-body .help-body-box .glossary-section p {
          letter-spacing: 0px !important;
          line-height: 1.7; }
        .help-section-wrapper .help-body .help-body-box .glossary-section .star-icon {
          fill: #333; }
      .help-section-wrapper .help-body .help-body-box .help-content-section {
        height: 78vh;
        overflow-y: auto;
        padding: 0px 20px 15px 24px; }
        .help-section-wrapper .help-body .help-body-box .help-content-section h5 {
          color: #333 !important; }
        .help-section-wrapper .help-body .help-body-box .help-content-section .search-section {
          padding-top: 24px;
          padding-bottom: 30px; }
        .help-section-wrapper .help-body .help-body-box .help-content-section .quick-topics {
          cursor: pointer;
          padding-right: 1rem; }
          .help-section-wrapper .help-body .help-body-box .help-content-section .quick-topics a {
            color: #333;
            font-size: 1.3rem;
            font-weight: 400; }
          .help-section-wrapper .help-body .help-body-box .help-content-section .quick-topics i {
            font-size: 1rem; }
        .help-section-wrapper .help-body .help-body-box .help-content-section .active-link {
          color: #006FC8 !important;
          font-weight: 600 !important; }
        .help-section-wrapper .help-body .help-body-box .help-content-section .topic-description {
          font-size: 1.3rem;
          color: #333 !important;
          font-weight: 100 !important; }
          .help-section-wrapper .help-body .help-body-box .help-content-section .topic-description p {
            font-weight: 100;
            text-align: justify;
            font-size: 1.2rem; }
      .help-section-wrapper .help-body .help-body-box .help-support-section {
        height: calc(100vh - (78vh + 82px)); }
        .help-section-wrapper .help-body .help-body-box .help-support-section a {
          width: 225px; }
      .help-section-wrapper .help-body .help-body-box .faq-section.tutorials-topics-section {
        height: 75vh !important; }
      .help-section-wrapper .help-body .help-body-box .heading-section {
        height: 17.5vh !important;
        padding-right: 10px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important; }
  .help-section-wrapper .section {
    padding: 20px 25px;
    padding-right: 18px; }
    .help-section-wrapper .section h2, .help-section-wrapper .section h4 {
      color: #333;
      letter-spacing: 0.1rem;
      font-weight: 400;
      margin: 0;
      line-height: 30px; }
    .help-section-wrapper .section p {
      font-size: 1.1rem;
      letter-spacing: 0.3px;
      line-height: 20px; }
      .help-section-wrapper .section p strong {
        font-weight: 600; }
      .help-section-wrapper .section p a {
        font-size: 1.2rem; }
      .help-section-wrapper .section p a.guideflow_hovered {
        text-decoration: none; }
    .help-section-wrapper .section ul {
      padding: 15px 0;
      margin: 0;
      overflow-y: auto; }
      .help-section-wrapper .section ul .p-l-25 {
        padding-left: 25px; }
      .help-section-wrapper .section ul li {
        margin: 10px 0;
        font-size: 1.3rem;
        color: #006FC8;
        cursor: pointer;
        list-style-type: none; }
        .help-section-wrapper .section ul li i {
          vertical-align: middle;
          margin-right: 15px; }
      .help-section-wrapper .section ul li.guideflow_hovered {
        color: #00559A; }
      .help-section-wrapper .section ul p {
        padding-left: 22px;
        font-size: 1.3rem;
        letter-spacing: 0.8px; }
      .help-section-wrapper .section ul :first-child {
        margin-top: 0; }
      .help-section-wrapper .section ul :last-child {
        margin-bottom: 0; }
    .help-section-wrapper .section .tutorial_topics_list li {
      padding-left: 14px !important; }
    .help-section-wrapper .section .input-field {
      padding-top: 10px; }
      .help-section-wrapper .section .input-field .field {
        padding: 10px 0; }
        .help-section-wrapper .section .input-field .field textarea {
          width: 100%;
          resize: none;
          border-radius: 4px;
          background-color: #FFFFFF;
          padding: 10px;
          font-size: 1.3rem;
          color: #333; }
      .help-section-wrapper .section .input-field .email-info {
        padding-top: 5px;
        font-size: 1.1rem;
        color: #333;
        background-color: #FFFFFF;
        opacity: 0.7;
        letter-spacing: 0.3px; }
  .help-section-wrapper .section.video-pane-section {
    height: 7vh;
    padding-left: 25px 0px; }
  .help-section-wrapper .help-section-callback-form {
    background-color: #FFFFFF;
    position: absolute;
    bottom: -100%;
    right: 0;
    transition: bottom 0.5s;
    width: 337px; }
    .help-section-wrapper .help-section-callback-form .form-footer {
      padding: 14px 25px;
      padding-right: 18px; }
  .help-section-wrapper .help-section-callback-form-open {
    box-shadow: 0px -3px 12px #00000036;
    bottom: 0 !important; }
  .help-section-wrapper .help-section-response {
    background-color: #FFFFFF;
    position: absolute;
    bottom: -100%;
    right: 0;
    transition: all 0.5s;
    width: 319px;
    z-index: 1050;
    padding: 100px 0; }
    .help-section-wrapper .help-section-response .response-icon-wrapper {
      width: 50px;
      height: 50px;
      padding-top: 12px;
      border: 2px solid #333;
      border-radius: 50%;
      background-color: #FFFFFF; }
      .help-section-wrapper .help-section-response .response-icon-wrapper .check-icon {
        height: 20px;
        width: 9px;
        transform: rotate(45deg);
        padding-top: 10px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333; }
    .help-section-wrapper .help-section-response p {
      font-size: 1.3rem; }
  .help-section-wrapper .help-section-response-open {
    bottom: 0 !important; }
  .help-section-wrapper .border-bottom {
    background-color: #E0E7EE;
    opacity: 0.7; }

.fa-button {
  font-size: 25px; }

.guide-me .guide-me-btn {
  background-color: #128E69 !important;
  border: none !important;
  color: #FFFFFF !important;
  text-transform: uppercase; }
  .guide-me .guide-me-btn.guideflow_hovered {
    background-color: #0B5B43  !important; }
.guide-me .dropdown-toggle-dark::after {
  border-top: 6px solid #FFFFFF !important; }

.border-left-tutorial-pane {
  border-left: 1px solid rgba(82, 95, 126, 0.15) !important; }

.quick-start-help-section-wrapper {
  top: 0;
  right: 0px;
  position: fixed;
  z-index: 1050;
  background-color: transparent;
  transition: background-color 1s;
  overflow-y: scroll; }
  .quick-start-help-section-wrapper .help-body::-webkit-scrollbar {
    width: 0 !important;
    overflow: -moz-scrollbars-none; }
  .quick-start-help-section-wrapper .help-body {
    width: 1050px;
    right: -1090px;
    height: 100vh;
    max-width: 101vw;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFFFFF;
    -webkit-transition: right 1s;
    transition: right 1s;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden; }
    .quick-start-help-section-wrapper .help-body .video-headings {
      text-align: left; }
      .quick-start-help-section-wrapper .help-body .video-headings .help-section-wrapper .help-body {
        width: 338px;
        border-left: none; }
        .quick-start-help-section-wrapper .help-body .video-headings .help-section-wrapper .help-body .section h2 {
          color: #FFFFFF;
          letter-spacing: 0px; }
        .quick-start-help-section-wrapper .help-body .video-headings .help-section-wrapper .help-body .section label {
          color: #FFFFFF;
          letter-spacing: 0px;
          font-size: 14px; }
        .quick-start-help-section-wrapper .help-body .video-headings .help-section-wrapper .help-body .section ul li {
          margin: 0; }
          .quick-start-help-section-wrapper .help-body .video-headings .help-section-wrapper .help-body .section ul li a {
            letter-spacing: 0px;
            color: #4C555D;
            opacity: 1; }
        .quick-start-help-section-wrapper .help-body .video-headings .help-section-wrapper .help-body .section .dismiss-icon i {
          color: white; }
        .quick-start-help-section-wrapper .help-body .video-headings .help-section-wrapper .help-body .faq-section {
          padding-left: 24px; }
          .quick-start-help-section-wrapper .help-body .video-headings .help-section-wrapper .help-body .faq-section .text-padding {
            padding-left: 20px;
            margin-top: 0; }
          .quick-start-help-section-wrapper .help-body .video-headings .help-section-wrapper .help-body .faq-section h2 {
            color: black !important; }
    .quick-start-help-section-wrapper .help-body .active-video-header {
      border: thin solid;
      border-radius: 4px;
      background: #F2F8FC;
      padding-left: 10px; }
      .quick-start-help-section-wrapper .help-body .active-video-header .number-icon {
        background-color: #006FC8;
        color: #FFFFFF; }
      .quick-start-help-section-wrapper .help-body .active-video-header a {
        color: #006FC8 !important; }
    .quick-start-help-section-wrapper .help-body .tutorial-video-pane .card {
      height: 22vh !important;
      padding-left: 2.4rem; }
      .quick-start-help-section-wrapper .help-body .tutorial-video-pane .card ul, .quick-start-help-section-wrapper .help-body .tutorial-video-pane .card ol {
        padding-left: 1.5rem;
        color: #4C555D;
        font-size: 13px; }
      .quick-start-help-section-wrapper .help-body .tutorial-video-pane .card p {
        color: #4C555D; }
    .quick-start-help-section-wrapper .help-body .tutorial-video-pane .video-player {
      height: 54vh;
      border-radius: 4px; }
      .quick-start-help-section-wrapper .help-body .tutorial-video-pane .video-player iframe {
        border: 0;
        border-radius: 4px; }
    .quick-start-help-section-wrapper .help-body .video-pane {
      padding-top: 16px;
      padding-left: 16px; }
      .quick-start-help-section-wrapper .help-body .video-pane iframe {
        width: 700px;
        height: 380px; }
      .quick-start-help-section-wrapper .help-body .video-pane p {
        font-size: 16px;
        color: #333333;
        opacity: 1;
        padding-top: 6px;
        padding-bottom: 6px; }
      .quick-start-help-section-wrapper .help-body .video-pane .card {
        width: 700px;
        background: transparent; }
        .quick-start-help-section-wrapper .help-body .video-pane .card .card-body p {
          font-size: 13px;
          padding-top: 2px;
          padding-bottom: 2px; }

.help-section-wrapper-open {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5); }
  .help-section-wrapper-open .help-button {
    right: 0px;
    border-bottom: none; }
    .help-section-wrapper-open .help-button i::before {
      display: none; }
    .help-section-wrapper-open .help-button i:after {
      top: 9px;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
  .help-section-wrapper-open .help-video-container {
    display: block; }
  .help-section-wrapper-open .help-body {
    right: 0;
    height: 100vh;
    -webkit-transition: right 1s;
    transition: right 1s; }

.bcs-searchbox-submit {
  background-image: url(https://html-assets-prod.guideflow.com/d4e9a1b89317c06df2b132fee911c6ca5184c77f) !important;
  background-repeat: no-repeat !important;
  background-position: 52% 49% !important;
  background-size: 16px 16px !important;
  height: 35px !important;
  background-color: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  border-radius: 4px !important;
  background-size: 56% 66%;
  border-left: none !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important; }

.bcs-searchbox-submit:focus {
  outline: none !important; }

.bcs-searchbox {
  font: inherit;
  outline: none !important;
  box-shadow: none !important;
  background-color: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  color: #525F7E !important;
  border-radius: 4px !important;
  font-size: 1.3rem !important;
  margin: 0px !important;
  padding: 7px 1.1rem !important;
  line-height: 20px !important;
  max-height: 19px !important;
  outline: 0;
  box-sizing: content-box;
  vertical-align: top;
  height: 19px !important;
  border-right: none !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  caret-color: #006FC8; }
  .bcs-searchbox:focus {
    color: #006FC8 !important; }

.bcs-container-searchbox {
  border-style: none !important; }
  .bcs-container-searchbox input.highlight-border {
    border: 1px solid #006FC8 !important;
    border-right: none !important; }
  .bcs-container-searchbox button.highlight-border {
    border: 1px solid #006FC8 !important;
    border-left: none !important; }

.bcs-modal {
  position: -ms-page !important;
  z-index: 1070 !important; }

.bcs-modal-content {
  border-radius: 7px;
  max-height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  box-shadow: none !important; }
  .bcs-modal-content a {
    color: #006FC8 !important;
    font-size: 1.6rem !important; }
  .bcs-modal-content p {
    font-size: 1.3rem !important; }
  .bcs-modal-content .bcs-modal-header {
    padding: 12px 31px !important;
    height: 60px !important;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    background-color: #FFFFFF !important; }
    .bcs-modal-content .bcs-modal-header h2 {
      line-height: 36px !important;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden !important;
      word-wrap: break-word !important;
      color: #525F7E !important;
      font-size: 2rem !important;
      font-weight: 500 !important; }
    .bcs-modal-content .bcs-modal-header .bcs-modal-close {
      outline: none;
      width: 16px !important;
      height: 18px !important;
      text-align: center !important;
      line-height: 18px !important;
      font-size: 2.4rem !important;
      color: #A1A1A1 !important;
      padding-top: 10px; }
  .bcs-modal-content .bcs-modal-body {
    padding: 15px 31px !important;
    overflow-y: auto !important;
    max-height: calc(70vh - 90px) !important; }
    .bcs-modal-content .bcs-modal-body .bcs-results {
      margin: 0px !important; }
      .bcs-modal-content .bcs-modal-body .bcs-results .bcs-modal-pagination {
        display: flex;
        justify-content: center; }
        .bcs-modal-content .bcs-modal-body .bcs-results .bcs-modal-pagination .bcs-current-page {
          background-color: #006FC8 !important;
          color: #FFFFFF !important; }
        .bcs-modal-content .bcs-modal-body .bcs-results .bcs-modal-pagination a {
          height: 36px !important;
          min-width: 30px !important;
          line-height: 24px !important;
          padding: 5px 10px !important;
          border: 1px solid #CCCCCC !important;
          border-radius: 4px;
          display: inline-block;
          font-size: 1.8rem;
          color: #7C7C7C !important;
          text-decoration: none;
          position: relative; }
        .bcs-modal-content .bcs-modal-body .bcs-results .bcs-modal-pagination ul {
          padding: 0px !important; }
        .bcs-modal-content .bcs-modal-body .bcs-results .bcs-modal-pagination li {
          margin: 0px !important; }

footer {
  position: relative;
  padding: 20px 16px;
  margin-left: 70px; }
  footer .footer-container {
    position: relative;
    bottom: 0; }
    footer .footer-container .footer-link {
      height: 12px;
      line-height: 12px;
      color: #7C7C7C;
      font-size: 1rem;
      padding: 0 8px;
      border-right: 1px solid #E0E7EE; }
    footer .footer-container .footer-link.guideflow_hovered {
      color: #00559A;
      text-decoration: none; }
    footer .footer-container .footer-link:last-child {
      border-right: none; }
    footer .footer-container .footer-copyright-container {
      padding-top: 10px; }
      footer .footer-container .footer-copyright-container p {
        font-size: 10px;
        color: #A1A1A1; }
  footer .back-to-top-container a {
    width: 48px;
    height: 48px;
    text-align: center;
    display: block;
    background-color: #006FC8;
    color: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #006FC8; }
    footer .back-to-top-container a i {
      font-size: 1.6rem;
      line-height: 46px; }
  footer .back-to-top-container a.guideflow_hovered {
    background-color: #00559A;
    text-decoration: none;
    border: 1px solid #006FC8; }

.wysihtml5-toolbar li .btn-group a {
  border-radius: 0;
  padding: 8px 4px;
  min-width: 36px; }
.wysihtml5-toolbar li .btn-group a:not(:first-child) {
  border-left: none; }
.wysihtml5-toolbar li .btn-group a:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }
.wysihtml5-toolbar li .btn-group a:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }
.wysihtml5-toolbar li .btn-group .wysihtml5-command-active {
  background-color: #006FC8;
  color: #FFFFFF !important; }
.wysihtml5-toolbar li .btn-group .wysihtml5-command-active.guideflow_hovered {
  border-color: #CCCCCC;
  background-color: #00559A; }
.wysihtml5-toolbar li .font-style-dropdown .normal-font {
  font-size: 1.3rem;
  line-height: 25px; }
.wysihtml5-toolbar li .font-style-dropdown .h1-font {
  font-size: 3rem;
  line-height: 43px; }
.wysihtml5-toolbar li .font-style-dropdown .h2-font {
  font-size: 2.4rem;
  line-height: 37px; }
.wysihtml5-toolbar li .font-style-dropdown .h3-font {
  font-size: 2rem;
  line-height: 33px; }
.wysihtml5-toolbar li .font-style-dropdown .h4-font {
  font-size: 1.6rem;
  line-height: 31px; }
.wysihtml5-toolbar li .font-style-dropdown .h5-font {
  font-size: 1.6rem;
  line-height: 29px; }
.wysihtml5-toolbar li .font-style-dropdown .h6-font {
  font-size: 1.6rem;
  line-height: 27px; }

.wysihtml5-editor {
  overflow-y: visible;
  height: 100% !important; }
  .wysihtml5-editor h1, .wysihtml5-editor h2, .wysihtml5-editor h3, .wysihtml5-editor h4, .wysihtml5-editor h5, .wysihtml5-editor h6 {
    font-weight: 400; }

.signature-pad-container {
  padding-top: 10px; }
  .signature-pad-container .sigPad .drawItDesc {
    font-size: 1.3rem;
    color: #7C7C7C;
    line-height: 14px; }
  .signature-pad-container .sigPad .sigNav {
    list-style-type: none;
    text-align: right;
    background-color: #FBFBFB;
    padding: 8px 10px;
    border-bottom: 1px solid #CCCCCC; }
    .signature-pad-container .sigPad .sigNav li {
      display: inline-block;
      padding: 0 5px; }
      .signature-pad-container .sigPad .sigNav li a {
        font-size: 1.3rem;
        letter-spacing: 2px;
        line-height: 14px; }
  .signature-pad-container .sigPad .sigWrapper {
    margin: 14px 0;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    height: 220px;
    overflow: hidden; }
    .signature-pad-container .sigPad .sigWrapper .pad {
      width: 100%;
      height: 160px;
      border-radius: 4px; }
  .signature-pad-container .sigPad .sigWrapper.guideflow_hovered {
    border: 1px solid #A1A1A1; }

.jstree .jstree-no-icons ul {
  position: relative; }
  .jstree .jstree-no-icons ul li::after {
    content: ' ';
    position: absolute;
    width: 12px;
    left: -9px;
    top: 22px;
    border-bottom: 1px dotted #7C7C7C; }
.jstree .jstree-no-icons ul::after {
  content: ' ';
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 1px dotted #7C7C7C;
  left: 8px;
  top: -24px; }
.jstree .jstree-no-icons li {
  position: relative;
  background-image: none; }
  .jstree .jstree-no-icons li .jstree-icon {
    background-image: none;
    position: relative;
    padding: 15px 0 !important;
    height: auto; }
  .jstree .jstree-no-icons li .jstree-icon::after {
    content: ' ';
    position: absolute;
    top: 38%;
    left: 25%;
    transform-origin: center center;
    transition: all 0.5s; }
  .jstree .jstree-no-icons li .jstree-anchor {
    color: #006FC8;
    height: auto;
    padding: 15px 0 !important; }
  .jstree .jstree-no-icons li .jstree-anchor.guideflow_hovered::after {
    content: ' ';
    background-image: url(https://html-assets-prod.guideflow.com/8b1eef2f3e3c73b04071aaa828f4a3e10c8d4949);
    position: absolute;
    right: 0;
    top: 15px;
    width: 16px;
    height: 15px;
    padding: 0 4px;
    background-repeat: no-repeat;
    background-color: #FFFFFF; }
  .jstree .jstree-no-icons li .jstree-anchor.guideflow_hovered {
    color: #00559A;
    background-color: transparent; }
  .jstree .jstree-no-icons li .jstree-hovered {
    text-shadow: none;
    padding: 1px 4px 1px 2px;
    border: none; }
.jstree .jstree-no-icons > li {
  border-bottom: 1px solid #E0E7EE; }
.jstree .jstree-no-icons > li.jstree-last {
  border-bottom: none; }
.jstree .jstree-no-icons li.jstree-leaf {
  padding-left: 18px !important; }
  .jstree .jstree-no-icons li.jstree-leaf .jstree-icon {
    display: none; }
.jstree .jstree-no-icons li.jstree-closed > .jstree-icon::after {
  border-left: 6px solid #A1A1A1;
  border-right: 1px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  transform: rotate(0deg); }
.jstree .jstree-no-icons li.jstree-open > .jstree-icon::after {
  border-left: 6px solid #006FC8;
  border-right: 1px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  transform: rotate(90deg); }

.select2 {
  width: 100% !important; }
  .select2 :focus {
    outline: none; }

.select2-container--default .select2-search--dropdown {
  padding: 10px !important; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  color: #525F7E !important;
  outline: none !important;
  box-shadow: none !important; }

.select2-container--default .select2-search--dropdown .select2-search__field.guideflow_hovered {
  background-color: #FFFFFF !important;
  border: 1px solid #A1A1A1 !important;
  color: #525F7E !important; }

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  background-color: #FFFFFF !important;
  border: 1px solid #006FC8 !important;
  color: #525F7E !important; }

.select2-container--default .select2-search--dropdown .select2-search__field:disabled {
  background-color: #F7F7F7 !important;
  border: 1px solid #DDDDDD !important;
  color: #A1A1A1 !important; }

.select2-container .select2-selection--single {
  height: auto !important; }

.select2-container--default .select2-selection--single {
  border: 1px solid #CCCCCC !important; }

.select2-container--default .select2-selection--single.guideflow_hovered {
  border: 1px solid #A1A1A1 !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #333 !important; }

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 4px 7px;
  padding-right: 40px;
  line-height: 26px;
  font-size: 1.3rem;
  min-height: 34px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: auto !important;
  top: 12px !important;
  right: 10px !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute !important;
  content: " " !important;
  margin-top: 4px !important;
  border: 4px solid transparent !important;
  border-bottom: 1px solid transparent !important;
  border-top: 6px solid #333 !important;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: all 0.5s; }

.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  margin-top: 10px; }
.select2-container .select2-search--inline .select2-search__field {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.select2-container .select2-dropdown {
  box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
  border: none !important; }
  .select2-container .select2-dropdown .select2-results .select2-results__option {
    color: #333 !important;
    padding: 10px 15px !important;
    font-size: 1.3rem !important; }
    .select2-container .select2-dropdown .select2-results .select2-results__option li:last-child {
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px; }
    .select2-container .select2-dropdown .select2-results .select2-results__option .select2-results__group:empty {
      padding: 0 !important; }
  .select2-container .select2-dropdown .select2-results .select2-results__option[role=group] {
    padding: 0 !important; }
  .select2-container .select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected] {
    background-color: #F2F8FC !important; }
  .select2-container .select2-dropdown .select2-results .select2-results__option[aria-disabled] {
    opacity: 1;
    background-color: #F7F7F7 !important;
    color: #A1A1A1 !important;
    cursor: not-allowed;
    opacity: 100%; }
  .select2-container .select2-dropdown .select2-results .select2-results__option--highlighted {
    background-color: #F2F8FC !important;
    color: #333 !important; }
  .select2-container .select2-dropdown .select2-results .select2-results__option[aria-selected=true] {
    background-color: #E6F1F9 !important;
    color: #525F7E !important;
    border-left: 2px solid #006FC8; }
.select2-container .select2-dropdown--below {
  top: 5px;
  border-radius: 4px !important; }
.select2-container .select2-dropdown--above {
  top: -5px;
  border-radius: 4px !important; }

.select2.select2-container.select2-container--open .select2-selection--single {
  border: 1px solid #006FC8 !important;
  border-radius: 4px !important; }
.select2.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
  margin-top: 2px !important;
  transform: rotate(180deg);
  transform-origin: center center;
  transition: all 0.5s; }

.select2.select2-container.select2-container--default.select2-software-license-approver .select2-selection--multiple {
  border: 1px solid #CCCCCC !important; }
.select2.select2-container.select2-container--default.select2-software-license-approver .select2-selection--multiple.guideflow_hovered {
  border: 1px solid #A1A1A1 !important; }

.select2.select2-container.select2-container--default.select2-software-license-approver.select2-container--open .select2-selection--multiple {
  border: 1px solid #006FC8 !important; }

.select2-small-container.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 4px 7px !important;
  padding-right: 40px !important;
  min-height: 34px;
  line-height: 26px !important; }

.w-200-px {
  width: 200px !important; }

.w-78-px {
  width: 78px !important; }

.h-36-px {
  height: 36px !important; }

.h-54-vh {
  height: 54vh !important; }

.select2-container .select2-small-dropdown-container .select2-results .select2-results__option {
  padding: 5px 7px !important;
  line-height: 21px; }
.select2-container .select2-small-dropdown-container .select2-results .select2-results__option[role=group] {
  padding: 0 !important; }
.select2-container .select2-small-dropdown-container .select2-results .select2-results__group:empty {
  padding: 0 !important; }
.select2-container .select2-small-dropdown-container .select2-results .select2-results__option:empty {
  height: 26px !important; }
.select2-container .select2-small-dropdown-container .select2-results .select2-results__option[role=group]:not(:first-child) {
  border-top: 1px solid #E0E7EE;
  margin-top: 5px !important;
  padding-top: 5px !important; }

.token-input-list-facebook {
  height: 36px !important; }
  .token-input-list-facebook .token-input-input-token-facebook {
    height: 34px; }
    .token-input-list-facebook .token-input-input-token-facebook input {
      height: 30px; }
  .token-input-list-facebook .token-input-token-facebook {
    min-height: 28px;
    font-size: 1.3rem;
    line-height: 24px; }
  .token-input-list-facebook .h-36 {
    height: 36px !important; }

.checkbox-container {
  display: block;
  position: relative;
  margin-bottom: 12px !important;
  padding: 0 !important;
  cursor: pointer;
  font-size: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex !important;
  justify-content: flex-start !important;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */ }
  .checkbox-container input[type="checkbox"] {
    width: 18px !important;
    height: 0; }
  .checkbox-container input {
    padding-left: 30px;
    opacity: 0;
    cursor: pointer;
    height: 0 !important;
    width: 0; }
  .checkbox-container label {
    padding: 0 !important;
    padding-left: 6px !important;
    display: block; }
  .checkbox-container .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    background-color: #FFFFFF; }
  .checkbox-container.collapse {
    display: none !important; }
  .checkbox-container.highlighted .checkmark {
    border: 1px solid #006FC8; }

/* On mouse-over, add a $primary-color border */
.checkbox-container.guideflow_hovered input ~ .checkmark {
  border: 1px solid #A1A1A1;
  background-color: #FFFFFF;
  border-radius: 3px; }

/* When the checkbox is checked, add a $primary-color background */
.checkbox-container input[type="checkbox"]:disabled ~ .checkmark {
  background-color: #F7F7F7;
  border: 1px solid #DDDDDD; }

.checkbox-container input[type="checkbox"]:disabled.guideflow_hovered ~ .checkmark {
  cursor: not-allowed; }

/* When the checkbox is checked, add a $primary-color background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #006FC8;
  border: 1px solid #006FC8; }
  .checkbox-container input:checked ~ .checkmark.warn-if-checked {
    background-color: #FF4444;
    border: 1px solid #FF4444; }

.checkbox-container input:checked.guideflow_hovered ~ .checkmark {
  background-color: #00559A;
  border: 1px solid #00559A; }
  .checkbox-container input:checked.guideflow_hovered ~ .checkmark.warn-if-checked {
    background-color: #CC0000;
    border: 1px solid #CC0000; }

.checkbox-container input:checked:disabled ~ .checkmark,
.checkbox-container input:checked:disabled ~ .checkmark.warn-if-checked {
  background-color: #B2D4EE;
  border: 1px solid #B2D4EE; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute; }

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  transform: scale(1) rotate(45deg);
  transition: transform 200ms; }

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 4px;
  top: -1px;
  width: 6px;
  height: 12px;
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  -webkit-transform: scale(0) rotate(45deg);
  -ms-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg);
  transition: transform 200ms;
  transform-origin: 47% 54%; }

.modal .checkbox-container {
  margin: 0 !important;
  margin-bottom: 7px !important;
  line-height: 19px !important; }
  .modal .checkbox-container label {
    line-height: 19px; }
.modal .mb-0 {
  margin-bottom: 0 !important; }
.modal .mt-1 {
  margin-top: 1px !important; }
.modal .mt-5 {
  margin-top: 5px !important; }

.radio-button-label {
  position: relative;
  display: table;
  padding: 0 !important; }
  .radio-button-label p {
    line-height: 18px;
    padding: 0 !important; }
  .radio-button-label.highlighted .check {
    border: 1px solid #006FC8; }

.radio-button-label input[type=radio] {
  position: absolute;
  opacity: 0; }

.radio-button-label input {
  position: absolute;
  opacity: 0; }

.radio-button-label label {
  display: block;
  position: relative;
  font-size: 1.3rem;
  font-weight: 300;
  letter-spacing: 1px;
  padding-left: 25px !important;
  min-height: 30px;
  line-height: 20px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  margin: 0; }
  .radio-button-label label p {
    margin: 0;
    padding: 0 !important;
    line-height: 20px; }

.radio-button-label .check {
  display: block;
  position: absolute;
  border: 1px solid #CCCCCC;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  line-height: 16px;
  top: 0px;
  left: 0;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear; }

.radio-button-label .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 50%;
  height: 10px;
  width: 10px;
  top: 2px;
  left: 2px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
  background-color: #FFFFFF;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: transform 200ms; }

.radio-button-label label.guideflow_hovered ~ .check {
  border: 1px solid #A1A1A1; }

.radio-button-label label.guideflow_hovered ~ .check::before {
  background-color: #FFFFFF; }

.radio-button-label input[type=radio]:disabled ~ .check {
  border: 1px solid #DDDDDD;
  background-color: #F7F7F7; }

.radio-button-label input[type=radio]:disabled ~ .check::before {
  background-color: #F7F7F7; }

.radio-button-label input[type=radio]:disabled + label.guideflow_hovered {
  cursor: not-allowed; }

.radio-button-label input[type=radio]:checked ~ .check {
  border: 1px solid #006FC8; }

.radio-button-label input[type=radio]:checked ~ .check::before {
  background-color: #006FC8; }

.radio-button-label input[type=radio]:checked + label.guideflow_hovered ~ .check {
  border: 1px solid #00559A; }

.radio-button-label input[type=radio]:checked + label.guideflow_hovered ~ .check::before {
  background-color: #00559A; }

.radio-button-label input[type=radio]:disabled:checked ~ .check {
  border: 1px solid #B2D4EE; }

.radio-button-label input[type=radio]:disabled:checked ~ .check::before {
  background-color: #B2D4EE; }

.radio-button-label input[type=radio]:disabled:checked + label.guideflow_hovered ~ .check {
  border: 1px solid #B2D4EE;
  cursor: not-allowed; }

.radio-button-label input[type=radio]:disabled:checked + label.guideflow_hovered ~ .check:before {
  background-color: #B2D4EE; }

.radio-button-label input[type=radio]:checked ~ .check::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: transform 200ms; }

.radio-button-label input[type=radio] ~ label {
  color: #333;
  top: -2px; }

.radio-button-label input[type=radio]:checked ~ label {
  color: #333; }

.modal .radio-button-label {
  display: block;
  min-height: 26px; }
  .modal .radio-button-label label {
    line-height: 20px; }

.radio-buttons-group label {
  top: 0 !important; }
.radio-buttons-group .radio-button-label {
  margin-left: 10px !important; }
.radio-buttons-group .radio-button-label:first-child {
  margin-left: 0 !important; }

.flash-messages-outer-wrapper {
  position: fixed;
  margin: 0 auto;
  z-index: 1035;
  background-color: transparent; }
  .flash-messages-outer-wrapper .flash-type {
    box-shadow: 0 4px 5px 0px rgba(128, 139, 150, 0.2), 0 6px 20px 2px rgba(128, 139, 150, 0.19); }
  .flash-messages-outer-wrapper.floating-flash-messages-wrapper {
    top: 13%;
    width: 60%;
    left: 20%;
    display: none; }
  .flash-messages-outer-wrapper.bottom-floating-messages-wrapper {
    line-height: 1.2;
    width: 25%;
    bottom: 2%;
    left: -100%;
    transition: linear 0.25s; }
    .flash-messages-outer-wrapper.bottom-floating-messages-wrapper .timeout-loading {
      height: 2px;
      width: 100%;
      margin-top: -2px; }
    .flash-messages-outer-wrapper.bottom-floating-messages-wrapper .success-messages-width {
      overflow-wrap: break-word;
      max-width: 220px; }

.flash-messages-wrapper {
  width: 100%; }
  .flash-messages-wrapper.success-messages-wrapper {
    width: 300px; }
  .flash-messages-wrapper .flash-type {
    display: flex;
    margin-bottom: 20px;
    padding: 0;
    background-color: #FFFFFF;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
    .flash-messages-wrapper .flash-type ul {
      padding: 16px 16px 16px 20px;
      margin: 0;
      list-style-position: inside; }
      .flash-messages-wrapper .flash-type ul:not(.list-unstyled) {
        text-indent: -20px;
        margin-left: 20px; }
      .flash-messages-wrapper .flash-type ul li {
        font-size: 1.3rem;
        color: #333; }
      .flash-messages-wrapper .flash-type ul.success-messages-padding {
        padding: 12px;
        padding-right: 0px; }
    .flash-messages-wrapper .flash-type .flash-icon {
      display: block;
      color: #FFFFFF;
      width: 50px;
      padding: 8px;
      justify-content: center;
      display: flex; }
      .flash-messages-wrapper .flash-type .flash-icon .svg-icon {
        height: 24px;
        width: 24px; }
  .flash-messages-wrapper .dismiss-icon-container {
    padding: 16px 16px 16px 0px; }
    .flash-messages-wrapper .dismiss-icon-container.success-dismiss-icon-container {
      padding: 12px; }
      .flash-messages-wrapper .dismiss-icon-container.success-dismiss-icon-container .dismiss-icon-success {
        width: 15px;
        height: 15px; }
  .flash-messages-wrapper .flash-notice .notice-icon, .flash-messages-wrapper .flash-notice .success-icon, .flash-messages-wrapper .flash-success .notice-icon, .flash-messages-wrapper .flash-success .success-icon {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #00A388; }
  .flash-messages-wrapper .flash-notice .notice-seperator, .flash-messages-wrapper .flash-notice .success-seperator, .flash-messages-wrapper .flash-success .notice-seperator, .flash-messages-wrapper .flash-success .success-seperator {
    background-color: #00A388; }
  .flash-messages-wrapper .flash-notice .timeout-loading, .flash-messages-wrapper .flash-success .timeout-loading {
    background-color: #CCCCCC; }
  .flash-messages-wrapper .flash-notice .svg-icon .st0, .flash-messages-wrapper .flash-success .svg-icon .st0 {
    fill: #00A388; }
  .flash-messages-wrapper .flash-notice-border {
    border: 1px solid #00A388;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  .flash-messages-wrapper .flash-alert {
    border: 1px solid #FFBB32; }
    .flash-messages-wrapper .flash-alert .alert-icon {
      border: 1px solid #FFBB32;
      background-color: #FFBB32; }
    .flash-messages-wrapper .flash-alert .svg-icon .st0 {
      fill: #FFBB32; }
  .flash-messages-wrapper .flash-error {
    border: 1px solid #D73B3B; }
    .flash-messages-wrapper .flash-error .error-icon {
      border: 1px solid #D73B3B;
      background-color: #D73B3B; }
    .flash-messages-wrapper .flash-error .svg-icon .st0 {
      fill: #D73B3B; }
  .flash-messages-wrapper .flash-notify {
    border: 1px solid #46A7FD; }
    .flash-messages-wrapper .flash-notify .notify-icon {
      border: 1px solid #46A7FD;
      background-color: #46A7FD; }
    .flash-messages-wrapper .flash-notify .svg-icon .st0 {
      fill: #46A7FD; }

.flash-messages-dialog-wrapper .dialog-alert-container {
  margin: 10px 0; }
.flash-messages-dialog-wrapper .dialog-alert-container:first_child {
  margin-top: 0;
  margin-bottom: 10px; }
.flash-messages-dialog-wrapper .dialog-alert-container:last_child {
  margin-top: 10px;
  margin-bottom: 0; }

.dialog-alert-container {
  width: 100%;
  border-radius: 4px; }
  .dialog-alert-container .icon-box {
    height: 100%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
    .dialog-alert-container .icon-box i {
      font-size: 2rem; }
  .dialog-alert-container .detail-body {
    padding: 10px; }
    .dialog-alert-container .detail-body ul {
      padding: 0;
      margin: 0;
      list-style-type: none; }
      .dialog-alert-container .detail-body ul li, .dialog-alert-container .detail-body ul li * {
        font-size: 1.3rem; }

.dialog-notice-flash-container {
  border: 1px solid #00C851; }
  .dialog-notice-flash-container .icon-box {
    background-color: #00C851; }
    .dialog-notice-flash-container .icon-box i {
      color: #FFFFFF; }
  .dialog-notice-flash-container .detail-body ul li, .dialog-notice-flash-container .detail-body ul li * {
    color: #007E33; }
  .dialog-notice-flash-container .detail-body ul li > a {
    color: #006FC8; }

.dialog-alert-flash-container {
  border: 1px solid #FFBB33; }
  .dialog-alert-flash-container .icon-box {
    background-color: #FFBB33; }
    .dialog-alert-flash-container .icon-box i {
      color: #FFFFFF; }
  .dialog-alert-flash-container .detail-body ul li, .dialog-alert-flash-container .detail-body ul li * {
    color: #CA890B; }
  .dialog-alert-flash-container .detail-body ul li > a {
    color: #006FC8; }

.dialog-error-flash-container {
  border: 1px solid #FF4444; }
  .dialog-error-flash-container .icon-box {
    background-color: #FF4444; }
    .dialog-error-flash-container .icon-box i {
      color: #FFFFFF; }
  .dialog-error-flash-container .detail-body ul li, .dialog-error-flash-container .detail-body ul li * {
    color: #CC0000; }
  .dialog-error-flash-container .detail-body ul li > a {
    color: #006FC8; }

.dialog-notify-flash-container {
  border: 1px solid #33B5E5; }
  .dialog-notify-flash-container .icon-box {
    background-color: #33B5E5; }
    .dialog-notify-flash-container .icon-box i {
      color: #FFFFFF; }
  .dialog-notify-flash-container .detail-body ul li, .dialog-notify-flash-container .detail-body ul li * {
    color: #00559A; }
  .dialog-notify-flash-container .detail-body ul li > a {
    color: #006FC8; }

.google-map-container, .google-map-container-map-view {
  position: relative; }
  .google-map-container .google-map-wrapper .google-map-assets-container, .google-map-container-map-view .google-map-wrapper .google-map-assets-container {
    height: 314px;
    overflow-y: scroll;
    overflow-x: hidden; }
    .google-map-container .google-map-wrapper .google-map-assets-container .google-map-asset, .google-map-container-map-view .google-map-wrapper .google-map-assets-container .google-map-asset {
      padding: 6px;
      padding-left: 10px;
      border-bottom: 1px solid #E0E7EE;
      text-decoration: none;
      display: block; }
      .google-map-container .google-map-wrapper .google-map-assets-container .google-map-asset .asset-title p, .google-map-container-map-view .google-map-wrapper .google-map-assets-container .google-map-asset .asset-title p {
        font-size: 1.6rem;
        color: #006FC8;
        line-height: 20px;
        height: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        word-wrap: break-word; }
      .google-map-container .google-map-wrapper .google-map-assets-container .google-map-asset .asset-ain p, .google-map-container-map-view .google-map-wrapper .google-map-assets-container .google-map-asset .asset-ain p {
        font-size: 10px;
        line-height: 15px;
        height: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        word-wrap: break-word;
        color: #7C7C7C; }
      .google-map-container .google-map-wrapper .google-map-assets-container .google-map-asset .asset-location p, .google-map-container-map-view .google-map-wrapper .google-map-assets-container .google-map-asset .asset-location p {
        font-size: 10px;
        line-height: 15px;
        height: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        word-wrap: break-word;
        color: #7C7C7C; }
    .google-map-container .google-map-wrapper .google-map-assets-container .google-map-asset.guideflow_hovered .asset-title p, .google-map-container-map-view .google-map-wrapper .google-map-assets-container .google-map-asset.guideflow_hovered .asset-title p {
      color: #00559A; }
  .google-map-container .google-map-wrapper .google-map, .google-map-container-map-view .google-map-wrapper .google-map {
    height: 322px;
    width: 100%;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
  .google-map-container .google-map-wrapper .map-include-nested-locations-container, .google-map-container-map-view .google-map-wrapper .map-include-nested-locations-container {
    z-index: 1;
    position: absolute;
    top: 55px;
    left: 3px;
    height: 19px;
    background-color: #FFFFFF; }

.copy-tag {
  width: 80% !important; }

.google-map-container-map-view .google-map-wrapper .google-map {
  height: 500px;
  margin-left: 20px; }

.map-tree-locations {
  height: 500px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 10px;
  border: 1px solid #E0E7EE; }

.included-in-tax:after {
  content: "";
  float: right;
  border-left: 0.5em solid transparent;
  border-top: 0.5em solid #008000; }

.excluded-from-tax:after {
  content: "";
  float: right;
  border-left: 0.5em solid transparent;
  border-top: 0.5em solid #e69138; }

.document-to-upload-container {
  border: 1px dotted #E0E7EE;
  padding: 20px; }
  .document-to-upload-container .upload-document-img-container {
    text-align: center;
    padding-bottom: 10px; }
    .document-to-upload-container .upload-document-img-container img {
      width: 40px;
      height: 40px; }
  .document-to-upload-container .choose-file-button-container input {
    width: 150px; }
  .document-to-upload-container .choose-file-button-container-document input {
    width: 100%; }
  .document-to-upload-container .no-file-choosen {
    text-align: center;
    padding-top: 10px; }
    .document-to-upload-container .no-file-choosen p {
      font-size: 1.3rem;
      color: #7C7C7C; }
  .document-to-upload-container .maximum-size {
    text-align: center;
    padding-top: 7px; }
    .document-to-upload-container .maximum-size p {
      font-size: 1.2rem;
      color: #A1A1A1; }
  .document-to-upload-container .upload-notification p {
    font-size: 1.4rem;
    color: black; }

.file-selector p {
  font-size: 10px !important;
  color: #FFFFFF; }

.resource-list-header {
  background-color: #EDF6FF;
  height: 82px; }

.line-item-type {
  width: 150px;
  height: 100%;
  border-radius: 5px 0px 0px 5px;
  color: #FFFFFF;
  text-align: center; }
  .line-item-type .name {
    font-weight: 600;
    color: #FFFFFF;
    display: block; }
    .line-item-type .name .sub-heading {
      display: block;
      font-size: 1.1rem;
      color: #FFFFFF; }

.line-item-detail {
  padding: 0px 10px;
  height: 100%; }

.line-item-attribute {
  color: #7C7C7C; }

.label-text {
  font-size: 0.9em !important; }

.fixedasset-title {
  background-color: #004C88; }

.itasset-title {
  background-color: #004C88; }

.volatileasset-title {
  background-color: #479FE7; }

.serviceoffering-title {
  background-color: #E2A110; }

.stockasset-title {
  background-color: #006FC8; }

.serviceoffering-title {
  background-color: #E2A110; }

.product-title {
  background-color: #004C88; }

.group-title {
  background-color: #2F827A; }

.productmodelnumber-title {
  background-color: #B2D4EE; }

.line-item-separator {
  border-left: 1px solid #E0E7EE; }

.modal-resource-core-info-container {
  width: 100%;
  height: 66px;
  border-top: 1px solid #E0E7EE;
  border-bottom: 1px solid #E0E7EE;
  padding: 11px 5px 5px 5px;
  background-color: #EDF6FF !important; }
  .modal-resource-core-info-container p {
    color: #A1A1A1;
    font-size: 1.2rem;
    padding-left: 20px;
    margin-top: -10px; }
  .modal-resource-core-info-container i {
    padding-right: 9px;
    padding-top: 7px; }
  .modal-resource-core-info-container h3 {
    color: #333;
    font-size: 2rem;
    margin: 0;
    font-weight: bold; }

.advanced-heading-text {
  color: #006FC8;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; }

.resource-core-info-container {
  background-color: #FBFBFB;
  width: 100%;
  height: 80px;
  padding: 20px;
  border-top: 1px solid #E0E7EE;
  border-bottom: 1px solid #E0E7EE; }
  .resource-core-info-container p {
    color: #A1A1A1;
    font-size: 1.2rem; }
  .resource-core-info-container i {
    padding-right: 9px;
    padding-top: 7px; }
  .resource-core-info-container h3 {
    color: #333;
    font-size: 2rem;
    margin: 0;
    font-weight: bold; }

.resource-list-header-container {
  width: 100%;
  height: 82px;
  padding: 10px 20px;
  border-top: 1px solid #E0E7EE;
  border-bottom: 1px solid #E0E7EE;
  background-color: #EDF6FF !important;
  z-index: 101 !important; }
  .resource-list-header-container .resource-img-container {
    background-color: #FFFFFF;
    border: 1px solid #E0E7EE;
    border-radius: 4px;
    height: 110px;
    width: 110px;
    cursor: pointer; }
    .resource-list-header-container .resource-img-container .display-image-icon {
      width: 110px;
      height: 110px; }
    .resource-list-header-container .resource-img-container img {
      width: 100%;
      height: auto;
      max-height: 110px;
      max-width: 110px;
      display: block;
      object-fit: contain; }
    .resource-list-header-container .resource-img-container .resource-img-icon {
      width: 16px;
      height: 16px;
      margin-bottom: 15px; }
      .resource-list-header-container .resource-img-container .resource-img-icon .upload-image-svg-container .st0 {
        fill: #006FC8; }
    .resource-list-header-container .resource-img-container .resource-display-icon {
      width: 110px;
      height: 110px; }
    .resource-list-header-container .resource-img-container p {
      color: #006FC8;
      line-height: 40px;
      height: 40px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      word-wrap: break-word; }
  .resource-list-header-container .resource-heading {
    line-height: 40px; }
    .resource-list-header-container .resource-heading .resource-name-container {
      margin: auto 15px; }
      .resource-list-header-container .resource-heading .resource-name-container h2 {
        color: #4C555D;
        font-size: 2.4rem !important;
        margin: 0;
        font-weight: 400;
        height: 30px; }
      .resource-list-header-container .resource-heading .resource-name-container .resource-primary-actions .primary-action-link {
        text-transform: uppercase;
        margin-right: 16px; }
        .resource-list-header-container .resource-heading .resource-name-container .resource-primary-actions .primary-action-link i {
          padding-right: 2px; }
      .resource-list-header-container .resource-heading .resource-name-container .resource-primary-actions a.primary-action-link i {
        color: #006FC8; }
      .resource-list-header-container .resource-heading .resource-name-container .resource-primary-actions a.primary-action-link span {
        color: #006FC8; }
      .resource-list-header-container .resource-heading .resource-name-container .resource-primary-actions a.primary-action-link.guideflow_hovered {
        color: #00559A !important; }
      .resource-list-header-container .resource-heading .resource-name-container .resource-primary-actions .primary-action-link:last-child {
        margin-right: 0; }
  .resource-list-header-container .resource-primary-action-buttons .item-icon, .resource-list-header-container .resource-primary-action-buttons .item-icon i {
    font-size: 1.2rem; }

.resource-list-main-container {
  width: 100%; }

.resource-core-info-container {
  height: 100px; }
  .resource-core-info-container p {
    color: #A1A1A1;
    font-size: 1.2rem; }

.resource-core-info-container-sm {
  height: 70px;
  margin-bottom: 20px; }
  .resource-core-info-container-sm p {
    color: #A1A1A1;
    font-size: 1.2rem; }

.purchase-orders-container {
  border-bottom: 1px solid #E0E7EE; }

.po-status {
  width: fit-content; }

.message-resource-container {
  padding-top: 0px !important; }

.message-container {
  padding: 23px 45px;
  padding-left: 45px;
  padding-right: 45px;
  background-color: #EDF6FF;
  border-top: 1px solid #E0E7EE;
  border-bottom: 1px solid #E0E7EE;
  font-size: 1.3rem; }
  .message-container .message-info {
    font-weight: bold; }
    .message-container .message-info a {
      font-weight: bold;
      color: #006FC8; }
  .message-container i {
    font-size: 1.3rem;
    color: #A1A1A1; }
  .message-container .date-container {
    font-size: 1.2rem;
    color: #A1A1A1; }

.read-message-container {
  background-color: #FFFFFF !important; }

.ez-multiselect-container .multiselect-container {
  border: 1px solid #E0E7EE;
  border-radius: 4px;
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #FFFFFF; }
  .ez-multiselect-container .multiselect-container .multiselect-item {
    border-bottom: 1px solid #E0E7EE;
    height: 40px;
    line-height: 20px;
    padding: 10px; }
    .ez-multiselect-container .multiselect-container .multiselect-item .remove-selected-item-icon {
      color: #A1A1A1;
      cursor: pointer; }
  .ez-multiselect-container .multiselect-container .selected-item {
    font-size: 1.3rem; }
  .ez-multiselect-container .multiselect-container .multiselect-item:last-child {
    border-bottom: none; }
  .ez-multiselect-container .multiselect-container th:nth-child(1) {
    width: 82px; }
  .ez-multiselect-container .multiselect-container th:nth-child(2) {
    width: 490px; }
  .ez-multiselect-container .multiselect-container th:nth-child(3) {
    width: 330px; }
  .ez-multiselect-container .multiselect-container th:nth-child(4) {
    text-align: center;
    width: auto; }
.ez-multiselect-container .normalization-component-container {
  height: 500px !important; }
.ez-multiselect-container .multiselect-container-lg {
  height: 35vh; }
.ez-multiselect-container .col, .ez-multiselect-container .col-sm, .ez-multiselect-container .col-md {
  margin: 30px; }
  .ez-multiselect-container .col p, .ez-multiselect-container .col-sm p, .ez-multiselect-container .col-md p {
    font-weight: 700;
    padding-bottom: 5px; }
  .ez-multiselect-container .col .multiselect-header, .ez-multiselect-container .col-sm .multiselect-header, .ez-multiselect-container .col-md .multiselect-header {
    padding: 18px 21px;
    background-color: #FFFFFF;
    border: 1px solid #E0E7EE;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 1.5rem;
    border-bottom: none; }
  .ez-multiselect-container .col .module-label, .ez-multiselect-container .col-sm .module-label, .ez-multiselect-container .col-md .module-label {
    background-color: #EDF6FF;
    padding: 10px 10px;
    font-size: 13px;
    font-weight: 600;
    border-top: 1px solid #E0E7EE;
    border-bottom: 1px solid #E0E7EE;
    color: #333;
    text-transform: uppercase;
    width: 100%; }
  .ez-multiselect-container .col .module-label:first-of-type, .ez-multiselect-container .col-sm .module-label:first-of-type, .ez-multiselect-container .col-md .module-label:first-of-type {
    border-top: none; }
.ez-multiselect-container .col:first-child, .ez-multiselect-container .col-sm:first-child, .ez-multiselect-container .col-md:first-child {
  margin-left: 0; }
.ez-multiselect-container .col:last-child, .ez-multiselect-container .col-sm:last-child, .ez-multiselect-container .col-md:last-child {
  margin-right: 0; }
.ez-multiselect-container .multiselect-container:first-child {
  margin-left: 0; }
.ez-multiselect-container .multiselect-container:last-child {
  margin-right: 0; }
.ez-multiselect-container .card:not(:first-child) {
  border-top: 0; }
.ez-multiselect-container .collapse-toggle-icon {
  height: 10px;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -ms-transition: -ms-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center; }
.ez-multiselect-container .collapse-toggle-icon-open {
  -ms-transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important; }

.help-link i {
  color: #A1A1A1; }

.resource-form-container {
  padding: 35px; }
  .resource-form-container .card-header {
    padding: 15px;
    background-color: #FBFBFB; }
    .resource-form-container .card-header i {
      color: #A1A1A1;
      font-size: 1.8rem; }

.add-resource-dialog {
  height: 75px;
  width: 180px;
  border: 1px solid #006FC8;
  border-radius: 5px;
  padding: 6px 10px 10px; }
  .add-resource-dialog a {
    line-height: 30px !important;
    color: #333; }

.state-dot {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%; }

.available-state-dot {
  background-color: #00C851; }

.reservation-state-dot {
  background-color: #FFBB33; }

.unavailable-state-dot {
  background-color: #FF4444; }

.info-dot {
  background-color: #33B5E5; }

.low-priority-dot {
  background-color: #1B9DE2; }

.medium-priority-dot {
  background-color: #F8B24F; }

.high-priority-dot {
  background-color: #FF4444; }

.task-dropdown.select2-dropdown .select2-results .select2-results__option::before {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  margin-right: 10px; }
.task-dropdown.select2-dropdown .select2-results :first-child::before {
  background-color: #1B9DE2; }
.task-dropdown.select2-dropdown .select2-results :nth-child(2)::before {
  background-color: #F8B24F; }
.task-dropdown.select2-dropdown .select2-results :last-child::before {
  background-color: #FF4444; }

.task-dropdown-select .select2-container .selection .select2-selection .select2-selection__rendered::before {
  content: ' ';
  background-color: #FF4444;
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  margin-right: 10px; }

.task-low-priority-dot {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #1B9DE2; }

.task-medium-priority-dot {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #F8B24F; }

.task-high-priority-dot {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #FF4444; }

.error-popup {
  color: #ff0000;
  font-size: 12px;
  padding-left: 7%; }

.wo-error-message-display {
  border: '1px solid red';
  border-radius: "5px"; }

.wo-error-message-hide {
  border: 'none'; }

.disable-company-settings-submit-btn {
  color: #6c757d;
  cursor: not-allowed;
  pointer-events: none; }

.component {
  font-size: 18px;
  margin-left: 20px; }
  .component .check {
    color: #00C851; }
  .component .exclamation {
    color: #FF4444; }

.extra-info {
  color: #A1A1A1; }
  .extra-info img {
    width: 18px;
    height: 18px; }

.status-container {
  margin-right: 0px;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 1.2rem;
  white-space: nowrap;
  text-transform: capitalize;
  vertical-align: -webkit-baseline-middle;
  height: 28px;
  display: inline-block;
  line-height: 20px; }

.transfer-request-color {
  color: #00559A;
  background-color: #D6F0FA; }

.address-status-container {
  padding: 6px;
  border-radius: 4px;
  white-space: nowrap;
  display: inline-block; }

.customer-type-color {
  color: #00559A;
  background-color: #D6F0FA; }

.contact-type-color {
  color: #CA890B;
  background-color: #FFF1D6; }

.personal-chip-container {
  padding: 5px;
  border-radius: 25px;
  white-space: nowrap;
  color: #FF1493;
  background-color: #FDE5E9;
  font-size: 1rem; }

.confirmed-status-color {
  color: #00559A;
  background-color: #D6F0FA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.denied-status-color {
  color: #CC0000;
  background-color: #FFBB33;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.returned-status-color {
  color: #7C299F;
  background-color: #F4D5FD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.swapped-status-color {
  color: #CA890B;
  background-color: #FFF1D6;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.replaced-status-color {
  color: #7C299F;
  background-color: #F4D5FD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.cancel-request-status-color {
  color: #A05212;
  background-color: rgba(255, 142, 40, 0.43);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.pending-status-color {
  color: #CA890B;
  background-color: #FFF1D6;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.review-required-status-color {
  color: #D95507;
  background-color: #FFDBCE;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.cancel-po-asset-status-color {
  color: #D95507;
  background-color: #FFDBCE;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.completed-status-color {
  color: #007E33;
  background-color: #CCF4DC;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.sync-not-initiated-status-color {
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.drafted-status-color {
  color: #333;
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.moved-status-color {
  color: #7C299F;
  background-color: #F4D5FD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.checkedout-status-color {
  color: #00559A;
  background-color: #D6F0FA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.in-progress-color {
  color: #CA890B;
  background-color: #FFF1D6;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.on-hold-color {
  color: #505050;
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.review-pending-color {
  color: #CC0000;
  background-color: #FFDADA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.completed-color {
  color: #007E33;
  background-color: #CCF4DC;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.not-started-color {
  color: #0181DA;
  background-color: #E7F6FB;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.general-color {
  color: #333;
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.maintenance-color {
  color: #7C299F;
  background-color: #F4D5FD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.open-color {
  color: #00559A;
  background-color: #D6F0FA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.available-status-color {
  color: #007E33;
  background-color: #CCF4DC;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.optimal-status-color {
  color: #007E33;
  background-color: #CCF4DC;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16);
  width: 70px; }

.low-threshold-color {
  color: #CC0000;
  background-color: #FFDADA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16);
  width: 70px; }

.summary-similar-asset-tab-item {
  border-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.detail-similar-asset-tab-item {
  border-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.threshold-label-width {
  width: 82%; }

.threshold-value-width {
  width: 229px; }

.external-asset-status-color {
  color: #CA890B;
  background-color: #FFF1D6;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.request-pending-chip-color {
  color: #7C299F;
  background-color: #F4D5FD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.request-revision-chip-color {
  color: #505050;
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.request-denied-chip-color {
  color: #CC0000;
  background-color: #FFDADA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.open-chip-color {
  color: #00559A;
  background-color: #D6F0FA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.current-cart-chip-color {
  color: #00559A;
  background-color: #D6F0FA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.in-progress-chip-color {
  color: #CA890B;
  background-color: #FFF1D6;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.on-hold-chip-color {
  color: #505050;
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.review-pending-chip-color {
  color: #CC0000;
  background-color: #FFDADA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.completed-chip-color {
  color: #007E33;
  background-color: #CCF4DC;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.internal-asset-status-color {
  color: #00559A;
  background-color: #D6F0FA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.active-status-color {
  color: #007E33;
  background-color: #CCF4DC;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.inactive-status-color {
  color: #333;
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.retired-status-color {
  color: #CC0000;
  background-color: #FFDADA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.audited-status-color {
  color: #CA890B;
  background-color: #FFF1D6;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.service-not-started-color {
  color: #333;
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.service-started-color {
  color: #31708f;
  background-color: #d9edf7;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.service-scheduled-color {
  color: #CA890B;
  background-color: #FFF1D6;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.service-completed-color {
  color: #CCF4DC;
  background-color: #007E33;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.service-pending-color {
  color: #333;
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.member-unconfirmed-color {
  color: #CA890B;
  background-color: #FFF1D6;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.member-active-color {
  color: #007E33;
  background-color: #CCF4DC;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.member-non-login-color {
  color: #333;
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.member-inactive-color {
  color: #333;
  background-color: #DDDDDD;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.reservation-color {
  color: #FFFFFF;
  background-color: #089C44;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.checkout-color {
  color: #FFFFFF;
  background-color: #CC0000;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.request-color {
  color: #FFFFFF;
  background-color: #CC0000;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.comment-add-stock-color {
  color: #6D9739;
  background-color: #DEFABB;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.comment-remove-stock-color {
  color: #CE7D47;
  background-color: #FFDDB0;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16); }

.email-row-auto-checkout {
  color: #505050 !important; }

.auto-checkout-bold {
  font-weight: 1000;
  color: #000000; }

.search-field-entitlement-height {
  height: 35px;
  padding-left: 10px; }

.action-button-entitlements {
  margin-bottom: -15px; }

.entitle-available-status {
  display: inline-block;
  padding: 8px 21px 8px 21px;
  color: #007E33;
  background-color: #CCF4DC; }

.entitle-pending-status {
  display: inline-block;
  padding: 5px 21px 8px 21px;
  color: #CA890B;
  background-color: #FFF1D6; }

.unentitle-status-color {
  display: inline-block;
  border: 1px solid #bbbbbb; }

.software-licensed-status-color {
  color: #007E33;
  background-color: #CCF4DC; }

.software-non-licensed-status-color {
  color: #333;
  background-color: #DDDDDD; }

.software-ignored-status-color {
  color: #333;
  background-color: #DDDDDD; }

.software-blacklisted-color {
  color: #EDEFF1;
  background-color: #5B5959; }

.web-order-status-color {
  color: #EDEFF1;
  background-color: #5B5959; }

.sold-order-status-color {
  color: #F8007C;
  background-color: #FFE5F9; }

.order-type-status {
  color: #00559A;
  background-color: #D6F0FA;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16);
  cursor: pointer; }

.repetition-field-container {
  background: #EDF6FF;
  border: 1px solid #E0E7EE;
  padding-top: 28px;
  padding-bottom: 27px; }

.sub-rent-item-state {
  background-color: #FFBB33;
  color: #CC0000 !important;
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important; }

.add-icon {
  height: 38px;
  width: 38px; }

.name-icon {
  height: 26px;
  width: 26px;
  border-radius: 50%;
  color: white !important;
  font-size: 1rem; }

.name-separator {
  height: 46px !important;
  border-bottom: thin solid;
  border-color: rgba(255, 255, 255, 0.25); }

.extra-info-form {
  color: #A1A1A1; }

.stripe-notice-text {
  color: #A1A1A1;
  text-align: justify; }

.tab-count {
  padding: 0 2px;
  min-width: 17px;
  width: auto;
  border-radius: 3px;
  top: 1px;
  left: auto;
  right: 0;
  line-height: 17px;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
  text-shadow: none;
  box-shadow: none;
  border: none;
  letter-spacing: 0;
  color: #FFFFFF;
  width: 30px; }
  .tab-count span {
    border-radius: 3px;
    padding: 4px 6px; }
  .tab-count .active {
    background-color: #006FC8; }
  .tab-count .inactive {
    background-color: #A1A1A1; }

.badge {
  padding: 0 2px;
  min-width: 17px;
  width: auto;
  border-radius: 3px;
  top: 1px;
  left: auto;
  right: 0;
  line-height: 17px;
  font-size: 1.1rem;
  font-weight: 600;
  text-shadow: none;
  box-shadow: none;
  border: none;
  letter-spacing: 0;
  color: #FFFFFF;
  width: 30px; }

.badge-info {
  width: 23px;
  height: 18px;
  border-radius: 3px;
  padding: 5px;
  color: #FFFFFF !important;
  background-color: #006FC8 !important; }

.badge-warning {
  width: 16px;
  height: 18px;
  border-radius: 3px;
  padding: 5px;
  color: #FFFFFF !important;
  background-color: #FFBB33 !important; }

.repetition {
  background-color: #2019CE; }

.triage {
  background-color: #EA6B28; }

.scheduled {
  background-color: #A945C1; }

.task-badge {
  width: 18px;
  height: 18px;
  font-size: 66% !important;
  line-height: 0.9 !important;
  vertical-align: top !important;
  font-family: 'Open Sans' !important; }

.checklist-title-quick-view {
  font-style: normal;
  font-weight: 600;
  font-size: 13px; }

.tooltip-icon {
  height: 18px !important;
  width: 18px !important; }

.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #295D86 !important; }

.bs-tooltip-top .arrow::before {
  border-top-color: #295D86 !important; }

.bs-tooltip-right .arrow::before {
  border-right-color: #295D86 !important; }

.bs-left-bottom .arrow::before {
  border-left-color: #295D86 !important; }

.tooltip-inner {
  max-width: 250px !important;
  background-color: #295D86 !important;
  color: #FFFFFF !important;
  font-size: 1.3rem; }

.resource-light-dropdown {
  position: relative; }
  .resource-light-dropdown .dropdown-menu {
    z-index: 1021;
    left: auto;
    padding: 0;
    margin: 0;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    position: absolute;
    min-width: -moz-max-content; }
    .resource-light-dropdown .dropdown-menu ul {
      background-color: #FFFFFF;
      list-style-type: none;
      padding: 5px 0;
      margin: 0;
      box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
      border-radius: 4px;
      max-height: 60vh !important;
      overflow: auto;
      width: max-content;
      min-width: 180px; }
      .resource-light-dropdown .dropdown-menu ul li {
        text-decoration: none; }
        .resource-light-dropdown .dropdown-menu ul li .svg-icon {
          margin-right: 14px;
          margin-top: 1px; }
          .resource-light-dropdown .dropdown-menu ul li .svg-icon svg {
            vertical-align: initial; }
        .resource-light-dropdown .dropdown-menu ul li a {
          display: block;
          color: #333;
          background-color: #FFFFFF;
          text-decoration: none;
          padding: 3px 20px;
          line-height: 19px;
          font-size: 1.1rem;
          cursor: pointer;
          padding-left: 10px;
          font-weight: 400;
          margin-top: 4px;
          margin-bottom: 4px; }
        .resource-light-dropdown .dropdown-menu ul li a.disabled {
          cursor: not-allowed;
          pointer-events: none;
          background-color: #FFFFFF;
          color: #A1A1A1; }
        .resource-light-dropdown .dropdown-menu ul li a.disabled.guideflow_hovered {
          cursor: not-allowed; }
        .resource-light-dropdown .dropdown-menu ul li a.guideflow_hovered {
          background-color: #F2F8FC;
          color: #333; }
          .resource-light-dropdown .dropdown-menu ul li a.guideflow_hovered img {
            opacity: 1; }
        .resource-light-dropdown .dropdown-menu ul li ul {
          width: 100%;
          border: none;
          border-top: 1px solid #E0E7EE;
          border-bottom: 1px solid #E0E7EE;
          padding: 0;
          box-shadow: none;
          border-radius: 0;
          position: relative; }
        .resource-light-dropdown .dropdown-menu ul li ul::before {
          width: 6px;
          height: 6px;
          content: ' ';
          position: absolute;
          right: 10px; }
      .resource-light-dropdown .dropdown-menu ul .side-menu-box {
        height: 30px; }

.zen-placeholder {
  position: relative; }
  .zen-placeholder input[type=number] {
    padding-right: 22px !important; }

.zen-placeholder-label {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: 36px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #A1A1A1; }

.task-detail-checklist {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 0px 10px #DCDCDC61 !important;
  border: 1px solid #F8F8F8 !important;
  border-radius: 5px !important; }
  .task-detail-checklist .card-heading-detail p {
    font: normal normal 600 16px/25px Poppins; }
  .task-detail-checklist .card-heading-detail span {
    font-size: 1.5rem !important; }

.task-checklist-add-btn {
  color: #FFFFFF; }

.resource-details-container {
  padding: 24px 40px 30px 40px; }
  .resource-details-container .label-input-container {
    padding-top: 24px; }
  .resource-details-container h4 {
    display: inline-block;
    color: #333;
    font-size: 1.6rem; }
  .resource-details-container .resource-detail-item {
    padding-bottom: 20px !important; }
    .resource-details-container .resource-detail-item .resource-detail-item-label {
      font-size: 1.3rem !important;
      color: #333 !important;
      font-weight: bold; }
    .resource-details-container .resource-detail-item .resource-detail-item-field {
      font-size: 1.3rem !important;
      color: #333 !important; }
    .resource-details-container .resource-detail-item :first-child {
      padding-top: 0px; }
    .resource-details-container .resource-detail-item :last-child {
      padding-bottom: 0px; }
  .resource-details-container .resource-detail-item-p-0 {
    padding-bottom: 4px !important; }
  .resource-details-container img {
    height: 25px;
    width: 25px; }

.tooltip-icon {
  height: 18px !important;
  width: 18px !important; }

.bold-text {
  font-weight: 600; }

.bold-text-weight {
  font-weight: 600 !important; }

.select2-results__group {
  font-weight: 600; }

.description-container {
  padding: 20px 35px; }
  .description-container h4 {
    color: #333;
    font-weight: 600; }
  .description-container .card {
    background-color: #FFFFFF; }
    .description-container .card .card-header {
      background-color: #FFFFFF; }
      .description-container .card .card-header i {
        padding-top: 6px;
        color: #333;
        font-size: 1.5rem; }
      .description-container .card .card-header p {
        padding-top: 6px; }
    .description-container .card img {
      height: 18px;
      width: 18px; }
    .description-container .card .select2-container .select2-selection--single .select2-selection__rendered {
      padding: 4px 7px !important;
      padding-right: 40px !important;
      line-height: 24px !important;
      font-size: 1.3rem !important;
      min-height: 34px; }
    .description-container .card .ez-datatable tbody tr td {
      padding: 7px 10px !important; }
    .description-container .card th:nth-child(1) {
      width: 82px; }
    .description-container .card th:nth-child(2) {
      width: 490px; }
    .description-container .card th:nth-child(3) {
      width: 330px; }
    .description-container .card th:nth-child(4) {
      text-align: center;
      width: auto; }
    .description-container .card th.sample-view-column {
      text-align: left; }
    .description-container .card .checkbox-container .checkmark {
      margin-left: 14px;
      margin-top: 4px; }
  .description-container .card:not(:first-child) {
    border-top: 0; }

.collapse-toggle-icon {
  height: 10px;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -ms-transition: -ms-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center; }

.collapse-toggle-icon-open {
  -ms-transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important; }

.help-link i {
  color: #A1A1A1; }

.help-link-icon-color i {
  color: #006FC8; }

.sort-icon {
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1px;
  font-size: 1.3rem; }

.asc:after {
  padding-left: 20px;
  font-family: "Font Awesome 5 Free";
  content: "\f077"; }

.desc:after {
  padding-left: 20px;
  font-family: "Font Awesome 5 Free";
  content: "\f078"; }

.display-image .img-container {
  height: 90%;
  width: 90%; }
.display-image img {
  object-fit: contain; }

.tasks-header-container {
  background: #EDF6FF;
  border: 1px solid #E0E7EE;
  padding-top: 34px; }
  .tasks-header-container p {
    padding-left: 52px;
    padding-bottom: 29px !important;
    color: #7C7C7C; }
  .tasks-header-container img {
    height: 26px;
    width: 26px; }
  .tasks-header-container .task-header-fields {
    font-size: 19px;
    color: #525F7E; }

.high-priority-dot {
  color: #FF4444; }

.medium-priority-dot {
  color: #F8B24F; }

.low-priority-dot {
  color: #1B9DE2; }

.initial_meter_reading_container {
  height: 80px;
  border: 1px solid #E0E7EE;
  border-radius: 4px;
  margin: 10px 0px; }

.initial_meter_reading {
  width: 94px;
  height: 100%;
  border-radius: 4px 0px 0px 4px;
  color: #FFFFFF;
  text-align: center;
  background-color: #006FC8; }
  .initial_meter_reading .history_icon {
    width: 25px;
    height: 25px; }

.line-item-container .line-item {
  height: 80px;
  border: 1px solid #E0E7EE;
  border-radius: 4px;
  margin: 10px 0px; }
.line-item-container .line-item-type {
  width: 150px;
  height: 100%;
  border-radius: 4px 0px 0px 4px;
  color: #FFFFFF;
  text-align: center; }
  .line-item-container .line-item-type .name {
    font-weight: 600;
    color: #FFFFFF;
    display: block; }
    .line-item-container .line-item-type .name .sub-text {
      display: block;
      font-size: 1.1rem;
      color: #FFFFFF; }
.line-item-container .line-item:first-child {
  margin-top: 0; }
.line-item-container .line-item:last-child {
  margin-bottom: 0; }
.line-item-container .line-item-detail {
  height: 100%; }
  .line-item-container .line-item-detail .line-item-detail-element .line-item-attribute {
    color: #7C7C7C;
    line-height: 36px; }
  .line-item-container .line-item-detail .line-item-detail-element .line-item-value, .line-item-container .line-item-detail .line-item-detail-element a {
    line-height: 36px;
    height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-wrap: break-word;
    padding-left: 10px; }
  .line-item-container .line-item-detail .line-item-detail-element .bundle-line-item-status {
    margin-bottom: 5px;
    margin-left: 5px; }
.line-item-container .fixedasset-title {
  background-color: #004C88; }
.line-item-container .volatileasset-title {
  background-color: #479FE7; }
.line-item-container .stockasset-title {
  background-color: #006FC8; }
.line-item-container .serviceoffering-title {
  background-color: #E2A110; }

.line-item-container.line-item-container-dialog .line-item {
  height: 50px;
  margin: 5px 0; }
.line-item-container.line-item-container-dialog .line-item-type {
  width: 50px;
  height: 100%; }
.line-item-container.line-item-container-dialog .line-item-detail .line-item-detail-element {
  padding: 0 5px; }

.line-item-separator {
  border-left: 1px solid #E0E7EE; }

.w-85 {
  width: 85% !important; }

.w-120 {
  width: 120px; }

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

.w-200 {
  width: 200px; }

.w-80p {
  width: 80px !important; }

.w-90p {
  width: 90px !important; }

.w-100p {
  width: 100px !important; }

.w-15p {
  width: 15px !important; }

.bundle-line-modal {
  color: #7C7C7C; }

.w90 {
  width: 94%; }

.report-graph-container {
  min-width: 700px;
  height: 400px;
  margin: 0 auto; }

.line-image {
  background-image: url(https://html-assets-prod.guideflow.com/43ecf3303ab3d7a51140e14ce4f88cd739a9f85a);
  background-repeat: repeat-y;
  background-position: center;
  z-index: 1; }

.checkout-history,
.checkin-history {
  border: solid 1px #CCCCCC;
  border-radius: 4px; }

.checkin-history span, .checkout-history span {
  display: block;
  width: 24px;
  height: 21px;
  position: absolute; }

.checkin-history span {
  left: 8px;
  background-image: url(https://html-assets-prod.guideflow.com/626400d7579b0f2e37a00fa652c3908881927c3c); }

.checkout-history span {
  right: -23px;
  background-image: url(https://html-assets-prod.guideflow.com/01375f49df81588c3b8d55655a9e895190bc4b97); }

.checkin-checkout-history {
  background-image: url(https://html-assets-prod.guideflow.com/43ecf3303ab3d7a51140e14ce4f88cd739a9f85a);
  background-repeat: repeat-y;
  background-position: center; }
  .checkin-checkout-history .checkout-history, .checkin-checkout-history .checkin-history {
    height: 75px;
    padding: 7px 15px; }
  .checkin-checkout-history .checkout-history {
    margin-left: 30px; }
    .checkin-checkout-history .checkout-history span {
      left: 210px; }
  .checkin-checkout-history .row:not(:first-child) {
    margin-top: 3rem; }
  .checkin-checkout-history .history-dot {
    margin-top: 8px;
    right: -33px; }
  .checkin-checkout-history .history-dot-right {
    margin-top: 8px;
    left: -33px; }

.member-settings-alert-dialog {
  border: 1px solid lightgray;
  border-radius: 6px;
  padding: 6px;
  margin-bottom: 3px;
  margin-top: 2px;
  width: 45%; }

.member-settings-alert-dialog-text {
  font-size: 11px;
  margin-left: 10px;
  margin-top: 3px; }

.address-card-box-shadow {
  box-shadow: 0 2px 5px #A1A1A1;
  border-radius: 4px; }

.check-in-out-history .checkin-history:first-child {
  margin-top: 0px !important; }

.check-in-out-history .checkout-history:last-child {
  margin-bottom: 0px !important; }

.history-dot,
.history-dot-right, .member-history-dot, .member-history-dot-right {
  width: 9px;
  height: 9px;
  border-radius: 40px;
  background-color: #CCCCCC;
  border: solid 2px #FFFFFF;
  position: absolute;
  right: -48px;
  z-index: 2; }

.history-dot-right {
  left: -15px; }

.member-history-dot-right {
  left: -53px; }

.member-history-dot {
  right: -52px; }

.min-h-30 {
  min-height: 30vh; }

.reservation-vertical-scroll {
  scrollbar-color: #bec0c4 #f6f9fc; }

.printed-reports {
  border: 1px solid #E0E7EE; }
  .printed-reports .odd {
    background-color: #f3f3f3; }
  .printed-reports .report-row {
    min-height: 50px; }

.see-more-btn {
  background-color: #FAFCFE;
  min-height: 50px;
  border: 1px solid #E0E7EE; }

.payment-border-light {
  border-top: solid 1px #E0E0E0;
  border-bottom: solid 1px #E0E0E0; }

.order-info-table {
  border: 1px solid #D4D3D3;
  border-collapse: separate;
  border-radius: 6px; }

.order-info-table th, .order-info-table td {
  border: none; }

.file-input-container {
  position: relative; }

.display-file-field {
  position: absolute;
  top: 0px;
  z-index: 1;
  width: 150px; }

input.hide-file-field {
  position: relative;
  text-align: right;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2; }

.freeze {
  pointer-events: none;
  opacity: 0.75; }

.meter-reset-history {
  background: #EDF6FF; }

.w-0 {
  width: 0px !important; }

.video-play-area {
  width: 68.5% !important; }

.custom-labels-glossary-popover {
  position: absolute;
  right: -100px;
  top: 10px;
  width: 315px !important;
  max-height: 361px !important;
  height: auto;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 2px 17px #00000064; }
  .custom-labels-glossary-popover .list-header {
    max-height: 61px;
    padding: 24px !important;
    padding-bottom: 13px !important; }
  .custom-labels-glossary-popover .list-body {
    max-height: 300px;
    height: auto;
    overflow: auto; }
    .custom-labels-glossary-popover .list-body .list-row {
      height: 60px;
      padding: 11px 24px !important;
      border-bottom: thin solid #E0E7EE; }
      .custom-labels-glossary-popover .list-body .list-row .name-label {
        text-transform: uppercase;
        color: #4C555D;
        font-size: 1.1rem; }
      .custom-labels-glossary-popover .list-body .list-row .customized-name-label {
        font-size: 1.3rem;
        color: #333; }
    .custom-labels-glossary-popover .list-body .list-row:last-child {
      height: 73px;
      padding-bottom: 20px !important;
      border-bottom: none; }
  .custom-labels-glossary-popover .list-count {
    border: 1px solid #006FC8;
    border-radius: 6px;
    background-color: #006FC8;
    color: #FFFFFF;
    height: 1.5em;
    padding: 0px 2px; }
  .custom-labels-glossary-popover .asset-quantity-text {
    padding-left: 25px; }
  .custom-labels-glossary-popover ul {
    border: none !important; }
    .custom-labels-glossary-popover ul li {
      line-height: 25px; }

@media (min-width: 2300px) {
  .modal .nps-modal-dialog {
    height: 100%;
    max-width: 33%;
    min-width: 31%;
    margin: 1.75rem auto; } }
@media (min-width: 577px) and (max-width: 1100px) {
  .overall-stats .stat-item {
    min-width: 250px !important; }

  .custom-report-graph-form .border-right {
    border-right: 0px !important; } }
@media (min-width: 1360px) {
  .custom-report-side-nav {
    height: 62vh !important; } }
@media (min-width: 1280px) and (max-width: 1359px) {
  .custom-report-side-nav {
    height: 58vh !important; } }
@media (max-width: 1279px) {
  .custom-report-side-nav {
    height: 54vh !important; } }
@media (min-width: 577px) and (max-width: 1024px) {
  header nav .search-button {
    display: none !important; }
  header nav .search-bar {
    width: 360px; }
    header nav .search-bar input {
      min-width: 190px !important; }
  header nav .nav-profile-img img {
    height: 25px;
    width: 25px; }
  header nav .nav-link {
    padding: 18px 10px !important;
    padding-right: 21px !important;
    margin: 0;
    color: #FFFFFF; }
    header nav .nav-link img {
      height: 18px; }
  header nav .header-notification .nav-notification {
    left: 25px; }

  .resource-primary-actions-detail-buttons .btn-primary-small {
    padding: 8px 9px; }
  .resource-primary-actions-detail-buttons .dropdown-container-sm .dropdown-toggle {
    padding: 8px 9px; } }
.sample-view-table tbody tr {
  border-bottom: none !important;
  height: 32px; }
  .sample-view-table tbody tr td:first-child {
    text-align: left;
    max-width: 40px;
    color: #7C7C7C;
    padding: 0px 0px !important; }
  .sample-view-table tbody tr td {
    padding: 0px 0px !important; }

@media screen and (max-width: 767px) {
  .search-results-filters {
    display: flex;
    flex-direction: column-reverse; }
    .search-results-filters .search-list_container {
      margin: 0px; }

  .body-content .items-list-sticky-container {
    position: unset; }

  .min-width-reset {
    min-width: auto; }

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

  .ez-multiselect-container .col-md {
    margin: 0px !important; }

  .flash-messages-outer-wrapper.floating-flash-messages-wrapper {
    width: 70%; }
  .flash-messages-outer-wrapper.bottom-floating-messages-wrapper {
    width: 70%; }

  header nav .search-bar {
    width: 300px; }

  .nps-w-600p {
    width: 600px !important; } }
.charge-payment-dialog-errors {
  height: 68px; }
  .charge-payment-dialog-errors h5 {
    font-size: 14px;
    font-weight: 700; }
  .charge-payment-dialog-errors p {
    font-size: 12px;
    color: #006FC8; }
  .charge-payment-dialog-errors .text-warning {
    color: #DE6621 !important; }

@media screen and (max-width: 576px) {
  .navbar-search-mobile {
    display: none; }

  .navbar-search-dark .search-bar {
    width: 320px; }
    .navbar-search-dark .search-bar td {
      padding: 0px 0px !important; }

  .custom-report-graph-form .border-right {
    border-right: 0px !important; }

  .resource-details-container .resource-form-document-card-container, .resource-details-container .resource-form-comment-card-container {
    padding-right: 0px;
    padding-left: 0px !important;
    padding-bottom: 10px; } }
@media (min-width: 1200px) and (max-width: 1388px) {
  .dropdown-menu .grouped-dropdown-responsive-width {
    width: 155px; } }
@media screen and (max-width: 1200px) {
  .w-45-reset {
    width: 45px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .dropdown-menu .grouped-dropdown-responsive-width {
    width: 130px; }

  .add-new-header-btn, .add-widget-btn {
    font-size: 1rem; } }
@media screen and (max-width: 991px) {
  body, header {
    min-width: auto !important; }

  html {
    overflow-y: auto; }

  .body-content-footer {
    height: auto; }

  .width-low-location {
    width: 34%; }

  .width-location {
    width: 33%; }

  .width-qb-reset {
    width: 110px !important; }

  .store-setting-menu-tab {
    overflow-x: auto; }
    .store-setting-menu-tab .store-setting-menu-tab-row {
      width: 700px; }

  .order-detail-page-card-padding-reset {
    padding-left: 15px !important;
    padding-right: 12px !important; }

  .time-picker-btn-line-height-reset {
    line-height: 30px !important; }

  .body-content {
    margin-left: 0; }
    .body-content ::-webkit-scrollbar {
      width: 0 !important;
      overflow: -moz-scrollbars-none; }

  .ez-horizontal-scroll .dataTables_scrollBody::-webkit-scrollbar {
    width: 6px !important; }

  .container-horizontal-scroll {
    overflow-x: auto !important; }

  .no-wrap-responsive {
    white-space: nowrap; }
    .no-wrap-responsive .width-reset {
      width: 100px; }

  .line-item-container.line-item-container-dialog .line-item {
    height: 100px; }

  header nav .navbar-brand {
    padding: 15px !important;
    max-width: 170px; }
    header nav .navbar-brand img {
      max-width: 140px; }
  header nav .navbar-toggler {
    margin-right: 15px !important; }
  header nav .search-button {
    color: #006FC8;
    text-decoration: none;
    display: block;
    margin-right: 15px;
    font-size: 3rem; }
    header nav .search-button .guideflow_hovered {
      color: #FFFFFF; }

  .search-options {
    width: auto; }

  .navbar-search-dark {
    display: block;
    position: fixed;
    width: 100%; }

  .side-menu, .side-menu-expand-icon {
    display: none; }

  .menu-preview .side-menu {
    display: block; }

  .flash-messages-wrapper {
    width: 90%;
    left: 5%; }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0 !important; }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 25px !important; }

  .help-section-wrapper .help-section-callback-form .form-footer .btn-tertiary {
    line-height: 28px; }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 10px !important; }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: 30px !important; }

  .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 3px !important; }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 10px !important;
    right: 8px !important; }

  .help-section-response {
    padding: 90px 0; }

  .breadcrumb {
    padding: 13px !important; }

  .old-setting-view-link {
    padding: 15px 13px; }

  .modal .modal-content .modal-footer {
    padding: 12px; }

  .modal .modal-content .modal-body {
    padding: 15px; }

  .basket-conflict-container-height {
    height: 204px; }

  .btn-primary-small {
    padding: 0px 15px;
    line-height: 35px; }

  .resource-primary-actions-detail-buttons .btn-primary-small {
    font-size: 0.8rem; }
  .resource-primary-actions-detail-buttons .btn-primary-small {
    padding: 0px 15px; }

  .btn-add-to-current-cart-font-size-reset {
    font-size: 10px;
    padding: 0px; }

  .btn-secondary {
    padding: 6px 4px; }

  .btn-tertiary-small {
    padding: 8px 15px; }

  .dropdown-container-sm {
    position: static !important; }

  .btn-add-item-icon-height {
    line-height: 35px; }

  .btn-add-resource-margin {
    margin-left: 8px; }

  .resource-list-header-container .resource-heading {
    line-height: 25px; }
    .resource-list-header-container .resource-heading .resource-name-container .resource-primary-actions .primary-action-link {
      margin-right: 5px; }

  .container-scroll {
    width: auto;
    overflow-x: auto; }

  .asset-form-document-modal-padding {
    padding: 8px 11px; }

  .modal .modal-content .modal-header {
    padding: 12px 9px; }

  .event-calendar .eventsCalendar-slider {
    width: 100%; }

  .event-calendar .eventsCalendar-list-wrap {
    width: 100%; }

  .modal .modal-dialog {
    max-width: 90%;
    margin: 0 10%; }

  .ez-datatable thead tr th a {
    display: inline; }

  .line-item-container .line-item-type {
    width: 86px; }
  .line-item-container .line-item-detail .line-item-detail-element .line-item-attribute {
    padding-right: 4px; }
  .line-item-container .line-item-attribute-height {
    line-height: 36px !important; }

  .btn-action-address-padding-reset {
    padding: 0px; }

  footer {
    margin-left: 0px; }

  .map-tree-locations {
    height: 300px; }

  .google-map-container-map-view .google-map-wrapper .google-map {
    height: 300px;
    margin-left: 0px; }

  .search-results-filters .latest-events {
    height: auto; }

  .latest-events {
    overflow-x: auto !important; }
    .latest-events .histories {
      overflow-x: auto !important;
      width: auto; }
    .latest-events .event {
      width: 943px; }

  .resource-document-padding-x-reset {
    padding-left: 10px;
    padding-right: 10px; }

  .resource-details-container {
    padding: 30px 20px; }

  .resource-list-header-container {
    padding: 10px;
    height: 100%; }

  .members-index-head-padding-reset {
    padding-top: 0px;
    padding-bottom: 0px; }

  .ez-multiselect-container .col, .ez-multiselect-container .col-sm, .ez-multiselect-container .col-md {
    margin: 10px;
    margin-top: 30px !important; }

  .reservation-vertical-scroll {
    overflow-y: auto;
    height: 700px; }

  .address-container-padding-reset {
    padding: 0px; }

  .report-card {
    width: 100%;
    margin: 0px; }

  .min-width-850-px {
    min-width: 850px; }

  .flash-messages-outer-wrapper.bottom-floating-messages-wrapper {
    width: 60%; } }
@media screen and (max-width: 768px) {
  .availability-key-options .float-none-responsive {
    float: none !important; }

  .container-horizontal-scroll {
    overflow-x: auto !important; }

  .progressbar {
    padding-left: 0px; }

  .preview-box-max-height-reset {
    max-height: 100px !important; }

  .basket-details-container-basket .border-reset-mobile {
    border-right: 0px !important;
    border-bottom: 1px solid #dee2e6; }

  .order-detail-page-card-padding-reset {
    padding-left: 10px !important;
    padding-right: 10px !important; }

  .no-wrap-responsive {
    white-space: nowrap; }
    .no-wrap-responsive .width-reset {
      width: 100px; }

  .remove-icon-justify-content-center {
    justify-content: center !important; }

  .export-btn-style-reset {
    display: flex;
    flex-direction: row-reverse;
    padding-bottom: 4px; }

  .webstore-plugin-code {
    margin: 0px !important;
    word-break: break-word; }

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

  .copy-tag-width-reset {
    width: 100% !important; } }
@media (min-width: 576px) and (max-width: 768px) {
  .demo-data-actions-expanded-container {
    min-height: 60px !important; }

  .report-filters-dates-padding-x-reset {
    padding-left: 0px !important;
    padding-right: 0px !important; }

  .report-filters-dates-padding-right-reset {
    padding-right: 0px !important; }

  .report-padding-reset {
    padding: 10px !important; }

  .div-container-column-style-responsive {
    flex-direction: column !important;
    display: flex !important;
    height: auto !important; }
    .div-container-column-style-responsive .button-style-responsive {
      width: 100% !important;
      margin-left: 0px !important;
      margin-bottom: 5px !important; }

  .btn-primary-small {
    padding: 0px 10px !important;
    line-height: 35px; } }
@media screen and (max-width: 575px) {
  .demo-data-actions-expanded-container {
    min-height: 120px !important; }

  .action-buttons-div-container-responsive {
    flex-direction: column-reverse !important;
    display: flex !important;
    height: auto !important; }
    .action-buttons-div-container-responsive .button-style-responsive {
      width: 100% !important;
      margin-bottom: 5px !important;
      text-align: left !important;
      font-size: 1.3rem;
      margin-left: 0px !important; }

  .ribbon-div-container-responsive {
    flex-direction: column !important;
    display: flex !important;
    height: auto !important; }
    .ribbon-div-container-responsive .tutorial-buttons-style-responsive {
      width: 100%;
      margin-left: 0px;
      margin-bottom: 10px; }

  .free-trial-text {
    padding-bottom: 0px !important; }
    .free-trial-text p {
      font-size: 1.6rem !important;
      text-align: center; }

  .ez-multiselect-container .col-sm {
    margin: 0px !important; }

  .flash-messages-outer-wrapper.floating-flash-messages-wrapper {
    width: 80%; }
  .flash-messages-outer-wrapper.bottom-floating-messages-wrapper {
    width: 80%; }

  .modal-footer {
    flex-direction: column-reverse !important;
    display: flex !important;
    height: auto !important; }
    .modal-footer .d-flex {
      display: block !important; }
    .modal-footer .btn-primary-small, .modal-footer .btn-tertiary-small, .modal-footer .btn-secondary-small, .modal-footer .btn-danger-small {
      width: 100% !important;
      margin-bottom: 5px !important;
      text-align: left !important;
      font-size: 1.3rem;
      margin-left: 0px !important; }
    .modal-footer .btn-success {
      width: 100% !important;
      margin-bottom: 5px !important;
      text-align: left !important;
      font-size: 1.3rem;
      margin-left: 0px !important;
      padding: 5px 12px !important; }

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

  .font-size-11 {
    font-size: 1.1rem; }

  .font-size-9 {
    font-size: 0.9rem !important; }

  .w-150-px {
    width: 150px !important; }

  .w-100-px {
    width: 150px !important; }

  .w-78-px {
    width: 78px !important; }

  .sample-view-table tbody tr td:first-child {
    max-width: 50px; }

  .resource-list-header-container .resource-heading .resource-name-container h2 {
    max-width: 13ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px; }

  .ez-multiselect-container .multiselect-container {
    overflow-x: auto; }
    .ez-multiselect-container .multiselect-container .multiselect-item {
      white-space: nowrap;
      min-width: 400px; }

  .location-threshold-table .width-location .select2-container {
    width: 140px !important; }

  .detail-section-container .resource-card-container .resource-detail-item .multiline-width-reset {
    flex: 0 0 100%;
    max-width: 100%; } }
@media screen and (max-width: 576px) {
  .navbar-search-mobile {
    display: none; }

  .btn-primary-small {
    line-height: 35px !important; }

  .add-widget-btn-padding-mobile {
    padding: 8px 10px; }

  .container-horizontal-scroll {
    overflow-x: auto; }

  .availability-key-options .float-none-responsive {
    float: none !important; }

  .navbar-search-dark .search-bar {
    width: 320px; }
    .navbar-search-dark .search-bar input {
      min-width: 190px !important; }

  footer .back-to-top-container a {
    width: 40px; }

  .width-50-percent-responsive {
    width: 50%; }

  .sample-view-table tbody tr td {
    padding: 10px !important; }

  .modal .modal-content .modal-body:not(.modal-with-tabs) {
    padding: 15px; }

  .div-container-column-style-responsive {
    flex-direction: column !important;
    display: flex !important;
    height: auto !important; }
    .div-container-column-style-responsive .button-style-responsive {
      width: 100% !important;
      margin-left: 0px !important;
      margin-bottom: 5px !important; }

  .action-btn-margin-reset {
    margin-left: 0px !important; }

  .latest-events .event {
    width: 800px; }

  .custom-report-padding-reset {
    padding: 10px; }

  .margin-left-reset-responsive {
    margin-left: 0px !important; }

  .search-bar-basket .search-options li .dropdown-menu-left {
    width: 300px;
    overflow-x: auto; } }
@media (min-width: 576px) and (max-width: 1366px) {
  .resource-primary-actions-detail-buttons {
    padding-right: 0px !important; }
    .resource-primary-actions-detail-buttons .btn-primary-small {
      margin-left: 8px !important; } }
@media screen and (min-width: 1367px) {
  .resource-primary-actions-detail-buttons {
    padding-right: 1.5rem !important; }
    .resource-primary-actions-detail-buttons .btn-primary-small {
      margin-left: 20px !important; } }
@media screen and (min-width: 1440px) {
  .quick-start-help-section-wrapper .help-body {
    width: 1250px; }
    .quick-start-help-section-wrapper .help-body .video-play-area {
      width: 73.3% !important; }
    .quick-start-help-section-wrapper .help-body .help-body-box .faq-section.tutorials-topics-section {
      height: 80vh !important; }
    .quick-start-help-section-wrapper .help-body .help-body-box .heading-section {
      height: 14vh !important; }
  .quick-start-help-section-wrapper .section.video-pane-section {
    height: 5.5vh; }

  .help-section-wrapper .help-body .help-body-box .help-content-section {
    height: 83vh !important; }
  .help-section-wrapper .help-body .help-body-box .help-support-section {
    height: calc(100vh - (83vh + 82px)); }
  .help-section-wrapper .help-body .help-body-box .faq-section {
    height: 84vh; } }
@media screen and (min-width: 1920px) {
  .custom-report-filter-pane-xxl {
    flex: 0 0 22% !important;
    max-width: 22% !important; }

  .custom-report-main-pane-xxl {
    flex: 0 0 78% !important;
    max-width: 78% !important; }

  .quick-start-help-section-wrapper .help-body {
    width: 1350px; }
    .quick-start-help-section-wrapper .help-body .video-play-area {
      width: 75% !important; }
    .quick-start-help-section-wrapper .help-body .help-body-box .faq-section.tutorials-topics-section {
      height: 80vh !important; }
    .quick-start-help-section-wrapper .help-body .help-body-box .heading-section {
      height: 13vh !important; }
  .quick-start-help-section-wrapper .section.video-pane-section {
    height: 6.7vh; }

  .help-section-wrapper .help-body .help-body-box .help-content-section {
    height: 86vh !important; }
  .help-section-wrapper .help-body .help-body-box .help-support-section {
    height: calc(100vh - (86vh + 82px)); }
  .help-section-wrapper .help-body .help-body-box .faq-section {
    height: 87.5vh; } }
@media screen and (min-width: 2560px) {
  .custom-report-filter-pane-xxl {
    flex: 0 0 18% !important;
    max-width: 18% !important; }

  .custom-report-main-pane-xxl {
    flex: 0 0 82% !important;
    max-width: 82% !important; }

  .quick-start-help-section-wrapper .help-body {
    width: 1850px; }
    .quick-start-help-section-wrapper .help-body .video-play-area {
      width: 81% !important; }
    .quick-start-help-section-wrapper .help-body .help-body-box .faq-section.tutorials-topics-section {
      height: 82vh !important; }
    .quick-start-help-section-wrapper .help-body .help-body-box .heading-section {
      height: 10vh !important; }
  .quick-start-help-section-wrapper .section.video-pane-section {
    height: 7.7vh; }

  .help-section-wrapper .help-body .help-body-box .help-content-section {
    height: 90vh !important; }
  .help-section-wrapper .help-body .help-body-box .help-support-section {
    height: calc(100vh - (90vh + 82px)); }
  .help-section-wrapper .help-body .help-body-box .faq-section {
    height: 91.5vh; } }
#ajax_indicator {
  font-weight: bold;
  opacity: 0.5;
  text-align: center;
  position: fixed;
  margin: 50px auto 0;
  display: block;
  width: 99%;
  z-index: 2000;
  top: 200px; }

#ajax_indicator span {
  background-image: url(https://html-assets-prod.guideflow.com/e4bc0ace1d0c336ce0fb886480f48333a0270f2e);
  background-position: 0 40%;
  background-repeat: no-repeat;
  padding-left: 26px;
  vertical-align: bottom; }

.software-search-indicator {
  font-weight: bold;
  opacity: 0.5;
  text-align: center;
  position: absolute;
  display: block;
  width: 99%;
  z-index: 2000;
  top: 200px; }

.software-search-indicator span {
  background-image: url(https://html-assets-prod.guideflow.com/e4bc0ace1d0c336ce0fb886480f48333a0270f2e);
  background-position: 0 40%;
  background-repeat: no-repeat;
  padding-left: 26px;
  vertical-align: bottom; }

.software-search-field {
  position: sticky;
  top: 0;
  z-index: 50; }

.latest-events {
  padding-top: 15px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 8px;
  background-color: #FFFFFF;
  height: 100%;
  border: 1px solid #E0E7EE;
  border-radius: 4px;
  padding: 0;
  font-size: 1.3rem;
  letter-spacing: 0.1rem;
  font-weight: 400;
  box-shadow: none; }
  .latest-events .histories {
    height: 318px;
    overflow-y: hidden;
    overflow-x: hidden; }
  .latest-events .event {
    margin-bottom: 5px;
    height: 60px; }
    .latest-events .event .event-title {
      padding: 15px 0;
      height: 60px;
      text-align: center;
      margin: 0;
      border: none;
      border-radius: none;
      outline: none;
      box-shadow: none;
      -ms-flex: 0 0 12.333333%;
      flex: 0 0 12.333333%;
      max-width: 12.333333%; }
      .latest-events .event .event-title p {
        letter-spacing: 0.05rem;
        color: #FFFFFF;
        font-size: 1.2rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        word-wrap: break-word;
        overflow: hidden;
        margin: 0;
        line-height: 15px; }
    .latest-events .event .event-detail {
      height: 100%;
      padding-left: 4px;
      background-color: #FFFFFF;
      border-bottom: 1px solid #E0E7EE; }
      .latest-events .event .event-detail .element {
        height: 100%;
        padding: 10px 8px;
        border-right: 1px solid #E0E7EE;
        overflow: hidden; }
        .latest-events .event .event-detail .element a {
          text-decoration: none; }
        .latest-events .event .event-detail .element .primary p {
          font-size: 1.2rem;
          padding-bottom: 3px;
          max-width: 100%;
          margin: 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          line-height: 20px;
          height: 20px; }
        .latest-events .event .event-detail .element .secondary p {
          font-size: 10px;
          color: #7C7C7C;
          max-width: 100%;
          margin: 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          word-wrap: break-word;
          overflow: hidden;
          line-height: 20px;
          height: 20px; }
        .latest-events .event .event-detail .element img {
          border-radius: 50%;
          margin-right: 7px;
          width: 28px;
          height: 28px; }
      .latest-events .event .event-detail .action-performer-element .primary p {
        font-weight: 300;
        font-size: 1.2rem;
        padding-bottom: 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        line-height: 20px;
        max-height: 20px;
        color: #006FC8; }
      .latest-events .event .event-detail .action-performer-element .secondary p {
        font-size: 10px;
        color: #7C7C7C;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        word-wrap: break-word;
        overflow: hidden;
        line-height: 20px;
        max-height: 20px; }
      .latest-events .event .event-detail .action-performer-element.guideflow_hovered .primary p {
        color: #00559A; }
      .latest-events .event .event-detail .action-performed-on-element .img-container {
        min-width: 30px;
        width: 30px;
        min-height: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 7px;
        background-color: transparent; }
        .latest-events .event .event-detail .action-performed-on-element .img-container img {
          border-radius: unset;
          height: 22px;
          width: 22px;
          margin-right: 0;
          border-radius: 50%; }
      .latest-events .event .event-detail .action-performed-on-element .primary a, .latest-events .event .event-detail .action-performed-on-element .primary p {
        font-size: 1.2rem;
        padding-bottom: 3px;
        max-height: 21px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
        height: 20px; }
      .latest-events .event .event-detail .action-performed-on-element .primary a.guideflow_hovered {
        color: #00559A; }
      .latest-events .event .event-detail .action-performed-on-element .secondary p, .latest-events .event .event-detail .action-performed-on-element .secondary a {
        font-size: 10px;
        max-height: 15px;
        line-height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
        display: block; }
      .latest-events .event .event-detail .action-performed-on-element .primary p, .latest-events .event .event-detail .action-performed-on-element .secondary p {
        color: #7C7C7C; }
      .latest-events .event .event-detail .action-performed-on-element .primary a, .latest-events .event .event-detail .action-performed-on-element .secondary a {
        color: #006FC8; }
      .latest-events .event .event-detail .action-performed-on-element .secondary a.guideflow_hovered {
        color: #00559A; }
      .latest-events .event .event-detail .action {
        height: 60px;
        padding: 20px 0;
        text-align: center;
        margin: 0;
        border: none;
        outline: none;
        box-shadow: none; }
        .latest-events .event .event-detail .action p {
          letter-spacing: 0.05rem;
          color: #333;
          font-size: 1.2rem;
          padding: 0 5px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          word-wrap: break-word;
          overflow: hidden;
          line-height: 15px;
          max-height: 30px;
          margin: 0; }
      .latest-events .event .event-detail .description img {
        width: 28px;
        height: 28px; }
    .latest-events .event .event-detail.guideflow_hovered {
      border-bottom: 1px solid #CCCCCC; }
  .latest-events .fixedasset-event .event-title {
    background-color: #004C88; }
  .latest-events .product-event .event-title {
    background-color: #004C88; }
  .latest-events .multi-tier-workflow-event .event-title {
    background-color: #004C88; }
  .latest-events .team-event .event-title {
    background-color: #F87002; }
  .latest-events .stockasset-event .event-title {
    background-color: #006FC8; }
  .latest-events .volatileasset-event .event-title {
    background-color: #479FE7; }
  .latest-events .serviceoffering-event .event-title {
    background-color: #E2A110; }
  .latest-events .customrole-event .event-title {
    background-color: #BE8150; }
  .latest-events .vendor-event .event-title {
    background-color: #BD5500; }
  .latest-events .project-event .event-title {
    background-color: #2DA189; }
  .latest-events .itemaudit-event .event-title {
    background-color: #2DA189; }
  .latest-events .software-event .event-title {
    background-color: #CC6699; }
  .latest-events .domain-event .event-title {
    background-color: #CC6566; }
  .latest-events .contract-event .event-title {
    background-color: #2F2D80; }
  .latest-events .softwarelicense-event .event-title {
    background-color: #CC6699; }
  .latest-events .user-event .event-title, .latest-events .member-event .event-title {
    background-color: #EF832B; }
  .latest-events .business-event .event-title {
    background-color: #EF832B; }
  .latest-events .userlisting-event .event-title {
    background-color: #FFB144; }
  .latest-events .group-event .event-title {
    background-color: #2F827A; }
  .latest-events .subgroup-event .event-title {
    background-color: #50B5B1; }
  .latest-events .document-event .event-title {
    background-color: #089C44; }
  .latest-events .basket-event .event-title {
    background-color: #9F2871; }
  .latest-events .order-event .event-title {
    background-color: #9F2871; }
  .latest-events .customer-event .event-title {
    background-color: #8B3400; }
  .latest-events .purchaseorder-event .event-title {
    background-color: #C92A90; }
  .latest-events .package-event .event-title {
    background-color: #B262D5; }
  .latest-events .service-event .event-title {
    background-color: #D455A6; }
  .latest-events .task-event .event-title {
    background-color: #E07DBD; }
  .latest-events .comment-event .event-title {
    background-color: #3FC870; }
  .latest-events .bundle-event .event-title {
    background-color: #7C299F; }
  .latest-events .location-event .event-title {
    background-color: #00804d; }
  .latest-events .shipping-address-event .event-title {
    background-color: #87CEFA; }
  .latest-events .billing-address-event .event-title {
    background-color: #00D427; }
  .latest-events .feed-see-more-container {
    height: 39px;
    padding: 0 20px; }
    .latest-events .feed-see-more-container .feed-see-more-link {
      text-decoration: none; }
      .latest-events .feed-see-more-container .feed-see-more-link p {
        line-height: 39px;
        font-size: 1.2rem;
        color: #006FC8;
        margin: 0; }
      .latest-events .feed-see-more-container .feed-see-more-link .see-more-plus-icon {
        line-height: 36px;
        font-size: 1.6rem;
        color: #006FC8;
        padding-right: 10px; }
    .latest-events .feed-see-more-container .feed-see-more-link.guideflow_hovered p, .latest-events .feed-see-more-container .feed-see-more-link.guideflow_hovered .see-more-plus-icon {
      color: #00559A; }

.box-notification-container {
  border: 1px solid #E0E7EE;
  border-radius: 4px; }
  .box-notification-container.sub-container {
    margin-left: 110px; }

.dialog-detail-item-label {
  color: #7C7C7C !important; }

.sub-text {
  color: #7C7C7C !important;
  font-size: 1.2rem; }

.no-location {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.no-location-container {
  position: sticky;
  bottom: 0;
  background-color: #F2F8FC;
  font-size: 20px; }

.locations-container {
  height: 152px;
  overflow: auto; }

.switch {
  position: relative;
  width: 48px;
  height: 22px; }
  .switch.switch-sm {
    width: 35px;
    height: 16px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.border-bottom-wo {
  padding-bottom: 5px;
  border-bottom: 2px solid #006FC8; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #CCCCCC;
  -webkit-transition: .4s;
  transition: .4s; }

.pricing-slider {
  background-color: #006FC8; }

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background-color: #FBFBFB;
  -webkit-transition: .4s;
  transition: .4s; }

.slider.slider-sm:before {
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 2px; }

.slider .toggle-button {
  width: 48px;
  height: 22px; }

input:checked + .slider {
  background-color: #006FC8; }

input:focus + .slider {
  box-shadow: 0 0 1px #006FC8; }

input:disabled + .slider {
  cursor: not-allowed;
  background-color: #B2D4EE !important; }

input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px); }

input:checked + .slider.slider-sm:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.email-content-sample-view {
  padding-top: 10px;
  color: #333;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1px; }

.on-hold-alert-preview {
  padding-top: 10px;
  color: #333;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1px;
  max-height: 500px;
  overflow: auto; }

.generic-email-content {
  overflow: scroll;
  height: 300px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: solid 1px #E0E7EE;
  border-radius: 5px; }

.email-attachment {
  font-size: 1.3rem;
  color: #333;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 5px 9px;
  background-color: #D6F0FA;
  border-radius: 5px;
  margin-bottom: 2px; }

.select-file {
  width: 35%; }

.custom-attributes-not-found span {
  font-size: 1.3rem;
  color: #333;
  letter-spacing: 1px;
  font-weight: 300; }

.required.asterisk {
  color: #FF4444;
  margin-left: 3px;
  font-size: 1.3rem; }

.btn-text-color {
  color: #FFFFFF !important; }

.see-more-color p {
  color: #006FC8; }

.alert-input-field {
  text-align: center; }

.ldap-connection-failed label {
  color: #FF4444; }

.ldap-connection-successful label {
  color: #007E33; }

.input-group .input {
  height: 36px;
  font-size: 1.2rem; }

.side-bar-title {
  font-weight: 400;
  line-height: 0;
  font-size: 1.1rem;
  cursor: pointer;
  padding-top: 2px; }
  .side-bar-title::first-line {
    line-height: 20px; }

.reports-listing-container {
  position: sticky;
  overflow-y: auto;
  height: 78.7vh;
  border-left: 1px solid #E0E7EE;
  border-bottom: 1px solid #E0E7EE;
  padding-left: 15px !important;
  padding-right: 15px !important; }
  .reports-listing-container .dataTables_scrollBody {
    overflow-y: hidden !important; }

.report-details-container .report-details-list-container {
  position: relative;
  overflow-y: hidden;
  height: auto; }
  .report-details-container .report-details-list-container .dataTables_scrollBody {
    overflow-y: auto !important; }
  .report-details-container .report-details-list-container .ez-datatable-scroll {
    background-color: #EDF6FF !important; }

.widget-inner-container #reports-table .dataTables_scroll {
  height: 280px !important;
  overflow-y: auto !important; }

.max-height-300 {
  max-height: 300px !important; }

.custom-reports-listing-container {
  overflow-y: auto;
  height: 74vh;
  border-left: 1px solid #E0E7EE; }

.border-bottom {
  border-bottom: 1px solid #E0E7EE; }

.google-map-container {
  width: 100%; }
  .google-map-container .google-map-canvas {
    width: 100%;
    height: 300px;
    padding: 20px auto 20px auto;
    border: 1px solid #E0E7EE; }

.reports-section {
  border-bottom: 1px solid #E0E7EE;
  margin-top: 10px;
  padding-top: 10px; }

.report-view-profile {
  padding: 10px 12px;
  background: #006FC8;
  opacity: 0;
  transition: all 0.5s;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }
  .report-view-profile p {
    font-weight: 600;
    color: #FFFFFF; }

.report-view-profile.guideflow_hovered {
  background: #00559A; }

.report-card.guideflow_hovered .report-view-profile {
  opacity: 1; }
  .report-card.guideflow_hovered .report-view-profile p {
    transform: translateY(0px); }

.report-card {
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  cursor: pointer;
  display: flex; }
  .report-card .bookmarked-svg .st0 {
    fill: #FFBB33; }
  .report-card .bookmarked-svg .st1 {
    fill: #CA890B; }
  .report-card .report-heading {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 12px; }
    .report-card .report-heading p, .report-card .report-heading label {
      font-weight: 600;
      color: #006FC8; }
  .report-card .report-subtext {
    color: #A1A1A1;
    font-size: 12px;
    padding: 13px 12px; }

.primary-cards-container {
  padding-top: 10px; }
  .primary-cards-container .card {
    margin-top: 5px; }
  .primary-cards-container .card-header {
    background-color: #EDF6FF; }
    .primary-cards-container .card-header i {
      color: #333; }

.report-card-container {
  display: flex; }
  .report-card-container .report-card {
    flex-direction: column; }
    .report-card-container .report-card .report-subtext {
      flex: 1; }

.reports-side-nav-bar {
  border: 1px solid #E0E7EE;
  border-top: none;
  border-radius: 3px;
  border-right: none; }
  .reports-side-nav-bar .nav {
    padding: 18px; }
  .reports-side-nav-bar .navbar-header {
    border-bottom: 1px solid #E0E7EE;
    background-color: #EDF6FF; }

.custom-report-side-nav {
  position: inherit !important; }

.custom-report-side-nav-shadow {
  box-shadow: 9px 0 5px -4px rgba(0, 0, 0, 0.08); }

.reports-nav-container {
  position: sticky;
  overflow-y: auto;
  height: 78.7vh;
  top: 149px;
  -webkit-transition: top .2s linear;
  -moz-transition: top .2s linear;
  -ms-transition: top .2s linear;
  -o-transition: top .2s linear;
  transition: top .2s linear; }
  .reports-nav-container a {
    color: #525F7E;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 2.8rem;
    border-left: 4px solid transparent; }
  .reports-nav-container i {
    font-size: 1.5rem; }
  .reports-nav-container .navbar {
    padding: 0; }
  .reports-nav-container .card {
    border: none; }
  .reports-nav-container .card-header {
    background-color: #FFFFFF;
    border: none; }
  .reports-nav-container .card-header.guideflow_hovered {
    background-color: #F2F8FC;
    border: none; }
  .reports-nav-container .card-header-active {
    background-color: #F2F8FC; }

.reports-nav-container::-webkit-scrollbar {
  width: 6px; }

.addon-nav-container.guideflow_hovered {
  overflow-y: auto; }

.search-container {
  border: 1px solid #E0E7EE;
  background-color: #FFFFFF;
  border-radius: 5px; }
  .search-container .search-icon {
    padding: 10px 10px;
    color: #A1A1A1;
    font-size: 1.3rem; }

.input-group input::-webkit-outer-spin-button,
.input-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }
.input-group input[type=number] {
  -moz-appearance: textfield; }

.number-field-border {
  border: 1px solid #006FC8;
  background-color: #EDF6FF;
  width: 17px; }

.btn-decrement, .btn-increment {
  color: #00559A !important; }

.input-field-btn {
  height: 12px; }

.input-spinner {
  border: 1px solid #006FC8 !important;
  border-radius: 0.30rem 0 0 0.30rem !important;
  text-align: left !important;
  padding-left: 10px !important;
  width: 50px !important;
  font-size: 1.3rem !important; }

.input-group {
  flex-wrap: nowrap !important;
  width: 66px !important; }
  .input-group hr {
    border-color: #006FC8 !important; }

.body-content-footer {
  overflow-y: auto;
  height: 100vh; }

.container-sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
  top: 57px;
  right: 0;
  left: 0;
  background: white; }

.ez-submenu-tab {
  position: relative !important;
  top: 0px !important; }

.progressbar {
  counter-reset: step;
  padding-top: 10px; }
  .progressbar li {
    position: relative;
    list-style: none;
    float: left;
    text-align: center;
    font-size: 1.3rem;
    color: #A1A1A1; }
  .progressbar li.active {
    color: #006FC8; }
  .progressbar li.finished {
    color: #006FC8; }
  .progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    margin: 0 auto 10px auto;
    border-radius: 10px;
    background-color: #A1A1A1;
    /* Center # in circle */
    line-height: 39px; }
  .progressbar li:after {
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    background: #A1A1A1;
    top: 20px;
    /*half of height Parent (li) */
    left: -35%; }
  .progressbar li:first-child:after {
    content: none;
    font-size: 1.9rem; }
  .progressbar li.active:before {
    background: #006FC8; }
  .progressbar li.finished:before {
    background: #006FC8;
    content: "\2713"; }

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

.map-columns {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-top: 48px; }
  .map-columns .add-column-card {
    display: inline-block;
    border: 1px solid black;
    padding: 12px; }
    .map-columns .add-column-card .span {
      font-size: 1.3rem;
      color: #333; }

.map-columns-table {
  border-collapse: separate;
  border-spacing: 20px; }
  .map-columns-table th {
    border: 1px solid #E0E7EE;
    border-radius: 4px;
    text-align: center;
    padding: 12px;
    min-width: 200px; }

.map-attributes-table {
  border-collapse: separate;
  border-spacing: 20px 0;
  padding-bottom: 12px; }
  .map-attributes-table td {
    border: 1px solid #E0E7EE;
    text-align: center;
    padding: 12px 20px; }
  .map-attributes-table tbody tr:last-child td {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .map-attributes-table thead tr:first-child th {
    border-top: 1px solid #E0E7EE;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 12px 80px; }
  .map-attributes-table th {
    border: 1px solid #E0E7EE;
    text-align: center; }
    .map-attributes-table th .map-column-header {
      padding: 12px 20px; }
    .map-attributes-table th .edit-map-column {
      padding: 10px !important; }
  .map-attributes-table .even {
    background-color: #F7F7F7; }
  .map-attributes-table td.map-activecol {
    border-left: 1px solid #006FC8;
    border-right: 1px solid #006FC8; }
  .map-attributes-table th.map-activecol {
    border-left: 1px solid #006FC8;
    border-right: 1px solid #006FC8; }
  .map-attributes-table tbody tr:last-child td.map-activecol {
    border-bottom: 1px solid #006FC8; }
  .map-attributes-table thead tr:first-child th.map-activecol {
    border-top: 1px solid #006FC8; }
  .map-attributes-table .strike-through-column-title {
    text-decoration: line-through; }
  .map-attributes-table .skipped-column-label {
    color: #A1A1A1; }
  .map-attributes-table .added-column-label {
    color: #525F7E; }

.map-columns-bulk-import-template {
  overflow: auto;
  width: 100%; }

.resource-list-top-sticky-section {
  position: sticky;
  z-index: 100;
  top: 0px;
  background: white; }

.reports-filter-icon {
  background-color: #FFFFFF; }

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

.card-shadow {
  border: none !important;
  box-shadow: 1px 1px 20px -10px #d8d8d8; }

.reports-common-filters-container {
  background-color: #F7F7F7; }
  .reports-common-filters-container .header {
    background-color: #FFFFFF; }
  .reports-common-filters-container .footer {
    position: sticky;
    bottom: 0px;
    background-color: white; }

.filter-close-icon {
  width: 13px; }

.filter-input-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0.5rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  z-index: 10;
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46); }

.filter-input-options {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10; }
  .filter-input-options button {
    border-radius: 0px 4px 4px 0px !important; }

.report-card-highlight {
  border: 1px solid #006FC8; }

.import-alert {
  padding: 10px 20px;
  position: relative;
  background-color: #FFBB33; }

.bookmarked-svg .st0 {
  fill: #FFBB33; }
.bookmarked-svg .st1 {
  fill: #CA890B; }

.report-filters-container {
  background-color: #FBFBFB;
  border: 1px solid #E0E7EE;
  border-top: none;
  width: 25%; }
  .report-filters-container .header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E0E7EE;
    padding: 12px 22px; }
    .report-filters-container .header i {
      font-size: 1.5rem; }
  .report-filters-container .footer {
    background-color: #FFFFFF;
    border-top: 1px solid #E0E7EE;
    border-bottom: 1px solid #E0E7EE;
    padding: 12px 22px;
    width: 100%;
    display: inline-flex;
    justify-content: flex-end;
    position: sticky;
    bottom: 0; }

.reports-listing {
  padding: 0 15px; }

.reports-listing-container {
  width: 75%;
  overflow-x: auto; }

.reports-listing-container::-webkit-scrollbar {
  width: 6px; }

.reports-listing-container-expanded {
  width: 95%;
  overflow-x: auto; }

.reports-filter-container-collapsed {
  width: 5%; }

.search-field-card-text-size {
  font-size: 1.3rem !important; }

.custom-report-details-container .card {
  border-top: none; }
  .custom-report-details-container .card .card-header {
    background-color: #FFFFFF;
    padding: 10px 40px; }
    .custom-report-details-container .card .card-header h4 {
      color: #333;
      font-weight: 600; }
    .custom-report-details-container .card .card-header i {
      font-size: 1.8rem; }
  .custom-report-details-container .card .card-body {
    background-color: #FBFBFB;
    padding: 10px 40px; }
    .custom-report-details-container .card .card-body .multiselect-container {
      height: 541px; }
  .custom-report-details-container .card .footer {
    padding-bottom: 10px;
    padding-top: 18px;
    background-color: #FBFBFB;
    border-top: 1px solid #E0E7EE; }
.custom-report-details-container .custom-report-footer {
  padding: 10px 35px;
  padding-top: 24px; }
  .custom-report-details-container .custom-report-footer .ez-datatable-scroll {
    background-color: #EDF6FF !important; }
.custom-report-details-container .group-header {
  background-color: #FBFBFB; }
.custom-report-details-container .function-header {
  background-color: #FBFBFB; }
.custom-report-details-container .function-header-0 {
  background-color: #FDEDEC; }
.custom-report-details-container .function-header-1 {
  background-color: #E9F7EF; }
.custom-report-details-container .function-header-2 {
  background-color: #EAF2F8; }
.custom-report-details-container .summarized-grouped-header-row {
  border-color: #E0E0E0;
  background-color: #EAF4FC; }
.custom-report-details-container .summarized-report-function-header-0 {
  border-color: #E0E0E0;
  background-color: #EDEDED; }
.custom-report-details-container .summarized-report-function-header-1 {
  border-color: #E0E0E0;
  background-color: #F6F6F6; }
.custom-report-details-container .function-total {
  color: #E74C3C; }
.custom-report-details-container .summarized-report-function-total {
  border-color: #E0E0E0;
  background-color: #EBF6F6; }
.custom-report-details-container .collapse-expand-btn {
  min-width: 110px; }

.graph-type {
  display: inline-block;
  box-shadow: 0 0 0 0.2rem rgba(0, 111, 200, 0.6);
  background-color: #FFFFFF;
  color: #006FC8;
  padding: 10px;
  width: 50px;
  height: 50px;
  margin-top: 10px;
  margin-right: 10px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  .graph-type.guideflow_hovered, .graph-type.selected {
    box-shadow: 0 0 0 0.2rem #006FC8;
    background-color: #006FC8;
    color: #FFFFFF; }

.graph-legends-container ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px; }
  .graph-legends-container ul li {
    list-style-type: none;
    padding: 2px 3px;
    font-size: 12px; }
    .graph-legends-container ul li span {
      display: inline-block;
      width: 40px;
      height: 12px;
      margin-right: 5px; }

#custom_report_graph_container .custom-report-graph-container {
  position: relative;
  min-height: 400px;
  padding: 20px;
  width: 70%;
  margin: 50px auto;
  box-shadow: 0 0 0 0.2rem rgba(0, 111, 200, 0.3); }
  #custom_report_graph_container .custom-report-graph-container .graph-buttons {
    position: absolute;
    top: 20px;
    right: 20px;
    display: none; }
    #custom_report_graph_container .custom-report-graph-container .graph-buttons a {
      color: #006FC8 !important;
      cursor: pointer; }
    #custom_report_graph_container .custom-report-graph-container .graph-buttons a.disabled {
      color: #B2D4EE;
      cursor: not-allowed; }
    #custom_report_graph_container .custom-report-graph-container .graph-buttons a i {
      font-size: 1.6rem; }
  #custom_report_graph_container .custom-report-graph-container .loading {
    min-height: 400px; }
  #custom_report_graph_container .custom-report-graph-container.guideflow_hovered .graph-buttons, #custom_report_graph_container .custom-report-graph-container .graph-buttons.guideflow_hovered {
    display: block; }

.graph-sample-img {
  opacity: 0.3;
  width: 100%; }

.select2-dropdown-last-option-sticky.select2-dropdown .select2-results ul.select2-results__options:not(.select2-results__options--nested) {
  margin-bottom: 28px; }
  .select2-dropdown-last-option-sticky.select2-dropdown .select2-results ul.select2-results__options:not(.select2-results__options--nested) :last-child .select2-results__options {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

.group-popover {
  width: auto !important;
  height: auto;
  background: #FFFFFF;
  border: 1px solid #006FC8;
  border-radius: 4px; }
  .group-popover .list-body {
    height: auto;
    padding: 10px 20px !important; }

.carts-fuzzy-list-popover {
  width: 400px !important;
  max-height: 260px !important;
  height: auto;
  background: #FFFFFF;
  border: 1px solid #006FC8;
  border-radius: 4px; }
  .carts-fuzzy-list-popover .list-header {
    padding: 10px 20px !important;
    height: 47px;
    border-bottom: thin solid #E0E7EE; }
  .carts-fuzzy-list-popover .list-body {
    max-height: 208px;
    height: auto;
    overflow: auto;
    padding: 10px 20px !important; }
    .carts-fuzzy-list-popover .list-body .list-row {
      line-height: 20px;
      margin: 10px 0px; }
    .carts-fuzzy-list-popover .list-body .list-symbol {
      min-width: 10px;
      min-height: 10px;
      border-radius: 4px;
      color: #FFFFFF; }
      .carts-fuzzy-list-popover .list-body .list-symbol.active {
        background-color: #00C851; }
      .carts-fuzzy-list-popover .list-body .list-symbol.inactive {
        background-color: #FF4444; }
  .carts-fuzzy-list-popover .list-count {
    border: 1px solid #006FC8;
    border-radius: 6px;
    background-color: #006FC8;
    color: #FFFFFF;
    height: 1.5em;
    padding: 0px 2px; }
  .carts-fuzzy-list-popover .asset-quantity-text {
    padding-left: 25px; }
  .carts-fuzzy-list-popover ul {
    border: none !important; }
    .carts-fuzzy-list-popover ul li {
      line-height: 25px; }

.tasks-quick-view-popover {
  width: 500px;
  max-height: 305px;
  height: auto;
  background: #FFFFFF;
  border: 1px solid #006FC8;
  border-radius: 4px; }
  .tasks-quick-view-popover .list-header {
    padding: 10px 10px 10px 20px;
    height: auto;
    border-bottom: 2px solid #dee2e6; }
    .tasks-quick-view-popover .list-header .tasks-quick-view-description {
      color: #7C7C7C; }
  .tasks-quick-view-popover .list-body {
    max-height: 233px;
    height: auto;
    overflow: auto; }
    .tasks-quick-view-popover .list-body .list-row {
      line-height: 20px;
      padding: 10px 20px;
      border-bottom: 2px solid #dee2e6; }
      .tasks-quick-view-popover .list-body .list-row .tasks-quick-view-title {
        font: normal normal 600 14px/18px Open Sans;
        color: #006FC8; }
      .tasks-quick-view-popover .list-body .list-row .tasks-quick-view-cost-labels {
        font: normal normal normal 11px/15px Open Sans;
        color: #7C7C7C; }
      .tasks-quick-view-popover .list-body .list-row .tasks-quick-view-cost-values {
        color: #08131D;
        letter-spacing: 0.5px; }

.business-hours-tooltip {
  background: #FFFFFF;
  border: 1px solid #006FC8;
  border-radius: 4px; }
  .business-hours-tooltip .content-header {
    border-bottom: thin solid #E0E7EE; }

.resource-basket-container {
  height: 123px;
  border-top: 0px !important;
  background: #FBFBFB; }
  .resource-basket-container .fa-sync-alt {
    color: #b5b1b1 !important; }

.resource-basket-conflict-container {
  background: #FFFFFF !important; }
  .resource-basket-conflict-container h4 {
    color: #333; }
  .resource-basket-conflict-container i {
    color: #333;
    font-size: 24px;
    cursor: pointer; }

.ez-basket-card {
  width: 30%;
  border-top: 0px !important;
  border-radius: 0px !important;
  border-right: 0px !important; }

.w-60 {
  width: 60% !important; }

.ez-basket-duration-card {
  width: 40%;
  border-top: 0px !important;
  border-radius: 0px !important; }

.card-text {
  color: #333;
  font-size: 1.6rem; }

.zen-group-input {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important; }

.zen-group-btn {
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important; }

.dynamic-list-item-container {
  height: auto;
  border: 1px solid #E0E7EE;
  padding: 15px;
  border-radius: 4px; }

.history-container {
  height: auto;
  border: 1px solid #E0E7EE;
  padding: 15px;
  border-radius: 4px; }

.cart-item-table-card {
  height: auto;
  border: 1px solid #E0E7EE;
  background-color: #FFFFFF;
  border-bottom: 0px !important; }

.truncate-link {
  font-size: 1.3rem !important;
  color: #006FC8 !important;
  letter-spacing: 1px !important;
  font-weight: 300 !important; }

.strike-through-text {
  text-decoration: line-through; }

.ez-conflict-warning-icon {
  height: 17px !important; }

.ez-conflict-warning-icon-width {
  width: 17px; }

.accounting-software-warning-icon {
  height: 14px !important;
  width: 14px !important;
  margin-left: 3px !important;
  margin-bottom: 6px !important; }

.bundle-icon-width {
  height: 17px !important;
  width: 17px !important; }

.recommended-item-container {
  border: 1px solid #E0E7EE;
  background-color: #EDF6FF; }
  .recommended-item-container .ez-carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
    background-color: #CCCCCC !important; }
  .recommended-item-container .ez-carousel-indicators .active {
    background-color: #006FC8 !important; }
  .recommended-item-container .carousel-image-container {
    height: 100px;
    width: 100px;
    border: 1px solid #CCCCCC;
    background-color: #F7F7F7;
    border-radius: 6px; }
  .recommended-item-container .ez-carousel-control {
    width: auto !important;
    color: #A1A1A1 !important;
    font-size: 25px; }
  .recommended-item-container .list-symbol {
    min-width: 10px;
    min-height: 10px;
    border-radius: 4px;
    color: #FFFFFF; }

.item-audit-date-card {
  width: 33%;
  border-top: 0px !important;
  border-radius: 0px !important;
  border-right: 0px !important; }

.item-audit-count-card {
  width: 34%;
  border-top: 0px !important;
  border-radius: 0px !important; }

.audit-items-progress-card {
  background: #FFFFFF;
  box-shadow: 0 3px 16px #EDEBE8;
  border-radius: 4px; }
  .audit-items-progress-card h3 {
    color: #333; }
  .audit-items-progress-card .card-text-info {
    font-size: 1.2rem; }
  .audit-items-progress-card .sub-text-info {
    color: #A1A1A1;
    font-size: 1.1rem; }
  .audit-items-progress-card .red-border {
    background-color: red; }
  .audit-items-progress-card .purple-border {
    background-color: #6A1B9A;
    height: 4px;
    width: 100%; }
  .audit-items-progress-card .green-border {
    background-color: #07B54E; }
  .audit-items-progress-card .orange-border {
    background-color: orange; }
  .audit-items-progress-card .sky-blue-border {
    background-color: #52B0FD; }
  .audit-items-progress-card .audit-progress-loader {
    height: 4px;
    width: 1%; }
  .audit-items-progress-card .audit-progress-loader-back {
    height: 4px;
    width: 100%;
    background-color: #CCCCCC; }

.item-audit-alert-contanier {
  width: 100%;
  height: 75px;
  padding: 10px 20px;
  background-color: #FFF1D6 !important;
  z-index: 101 !important; }

.item-audit-selected-items-container {
  max-height: 40vh; }

.item-audit-scan-icon-container {
  padding-top: 50px;
  padding-bottom: 50px; }

.item-audit-scan-field svg {
  position: relative;
  top: 28px;
  left: 10px;
  width: 15px;
  height: 15px; }

.item-audit-container-sticky {
  top: 0px !important; }

.item-audit-scan-icon-background {
  border-radius: 15px;
  background: #EDF6FF;
  padding: 20px 10px 20px 10px; }
  .item-audit-scan-icon-background svg {
    height: 50px;
    width: 50px; }
    .item-audit-scan-icon-background svg .a {
      fill: #00AE8C; }
    .item-audit-scan-icon-background svg .st0 {
      fill: #000000; }

.item-audit-summary-container {
  border-radius: 5px; }
  .item-audit-summary-container .item-audit-summary-heading {
    font-size: 1.3rem;
    color: #A1A1A1;
    padding-left: 0px !important;
    padding-right: 4rem !important; }
    .item-audit-summary-container .item-audit-summary-heading .item-audit-count {
      font-size: 2rem;
      color: #4C555D;
      font-weight: bold; }

.audit-completion-info-text {
  font-size: 1.4rem; }

.text-verify {
  color: #21A67A !important; }

.text-deny {
  color: #D73B3B !important; }

.text-flag {
  color: #E2A110 !important; }

.state-for-pending-button {
  border-radius: 3px;
  font-size: 1.3rem;
  height: 36px;
  line-height: 18px;
  padding: 8px 18px;
  min-width: 60px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none !important; }

.state-for-pending-button-unselected {
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF; }

.state-for-pending-button-unselected.guideflow_hovered {
  border: 1px solid #A1A1A1;
  color: #333;
  background-color: #FFFFFF;
  cursor: pointer; }

.state-for-pending-button-selected {
  border: 1px solid #006FC8;
  color: #FFFFFF !important;
  background-color: #006FC8; }

.label-input-item input.item-audit-scan-input {
  padding-left: 3rem !important; }

.audit-overdue {
  color: #CC0000; }

.scanned-row-color {
  background-color: #E0E7EE; }

.technician_role_permissions {
  background-color: #EDF6FF !important; }

.work_supervisor_role_permissions {
  background-color: #FFCD83 !important; }

.updates_and_announcenments_container {
  background-color: #FBFBFB;
  border: 1px solid #E0E7EE;
  padding: 15px; }

.announcements-container .padding-bottom-1 {
  padding-bottom: 0.2rem !important; }

.package-info-card {
  width: 49%;
  border-radius: 5px;
  border: 1px solid #A1A1A1; }

.per-maintenance-package {
  color: #006FC8; }

.announcements-container.inactive {
  border: 1px solid #E0E7EE;
  border-radius: 4px; }

.announcements-container.active {
  border-radius: 4px;
  border: 1px solid #006FC8; }

.active-notification-footer {
  height: 11px;
  width: 100%;
  background-color: #006FC8; }

.light-color {
  color: #A1A1A1; }

.announcement-banner {
  height: auto;
  padding: 15px;
  position: relative; }

.checkout-return-fields-container {
  background-color: #FBFBFB;
  width: 100%;
  padding: 10px 35px;
  border-top: 1px solid #E0E7EE;
  border-bottom: 1px solid #E0E7EE; }

.checkout-assets-table {
  max-height: 200px;
  overflow-y: auto; }

.checkout-table-head {
  height: 40px !important; }

.checkout-table-text-field {
  line-height: 2.3; }

.import-file-img-size {
  width: 40% !important; }

.no-bullets-ul {
  padding: 15px 0;
  list-style-type: none; }

.term-of-service-and-privacy-policy {
  overflow-y: auto;
  height: 200px;
  background: #EDF6FF;
  padding: 5px 15px 5px 15px;
  margin-top: 10px; }

.filter-bar {
  background-color: #EDF6FF;
  border: 1px solid #E0E7EE;
  border-radius: 4px;
  padding: 9px;
  margin: 15px; }

.filter-separator {
  border-left: 1px solid #479FE7; }

.additional-options {
  background-color: #EDF6FF;
  border: 1px solid #E0E7EE;
  border-radius: 4px;
  padding-top: 16px;
  padding-left: 14px;
  margin: 15px; }

.search-results-sorting-options {
  margin: 15px; }
  .search-results-sorting-options label {
    margin: 0;
    min-width: 6rem; }

.search-list_container {
  margin: 15px;
  color: #7C7C7C; }

.search-list-item {
  height: 110px !important; }
  .search-list-item p {
    color: #7C7C7C; }

.week_days_selector input {
  display: none !important; }

.week_days_selector input[type=checkbox] + label {
  display: inline-block;
  border-radius: 6px;
  background: #DDDDDD;
  height: 40px;
  width: 30px;
  margin-right: 10px !important;
  line-height: 30px;
  text-align: center;
  cursor: pointer; }

.week_days_selector input[type=checkbox]:checked + label {
  background: #00559A;
  color: #FFFFFF; }

.second-heading-container h5 {
  color: #7C7C7C; }

.textbox-outline {
  outline: #006FC8 solid 1px; }

.email-template-body ul {
  display: block !important; }

.cart-toggle-switch {
  position: relative;
  width: 34px;
  height: 13px; }

.cart-toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.cart-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #CCCCCC;
  -webkit-transition: .4s;
  transition: .4s; }

.cart-toggle-slider:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: -4px;
  bottom: 1.5px;
  background-color: #FBFBFB;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .cart-toggle-slider {
  background-color: #006FC8; }
input:checked + .cart-toggle-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }
input:focus + .cart-toggle-slider {
  box-shadow: 0 0 1px #006FC8; }
input:not(:checked) + .cart-toggle-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(6px); }

/* Rounded sliders */
.cart-toggle-slider.round {
  border-radius: 34px; }

.cart-toggle-slider.round:before {
  border-radius: 50%; }

.dropdown-top-margin {
  top: -17px !important; }

.pricing-switch {
  position: relative;
  display: inline-block;
  width: 74px;
  height: 28px;
  margin: 0 10px; }
  .pricing-switch input {
    display: none; }

.toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00559A;
  -webkit-transition: .4s;
  transition: .4s; }
  .toggle:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 23px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }

.toggle-off-label {
  text-color: #FFFFFF; }

.toggle-on-label {
  text-decoration: underline; }

input:checked + .toggle {
  background-color: #006FC8; }

input:focus + .toggle {
  box-shadow: 0 0 1px #006FC8; }

input:checked + .toggle:before {
  -webkit-transform: translateX(45px);
  -ms-transform: translateX(45px);
  transform: translateX(45px); }

.toggle.round {
  border-radius: 50px; }

.toggle.round:before {
  border-radius: 50%; }

.pricing-asset-sonar-container .heading {
  border-top: 2px solid #E0E7EE;
  border-bottom: 1px solid #E0E7EE;
  padding: 15px 0; }
.pricing-asset-sonar-container .content {
  padding: 10px 0px;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #E0E7EE; }
  .pricing-asset-sonar-container .content .bigger-price {
    font-size: 3.8rem; }

.number-input-container {
  padding-top: 20px; }
  .number-input-container input {
    padding: 8px 10px;
    width: 80px;
    text-align: center; }
  .number-input-container button {
    display: inline;
    min-width: 50px; }

.assetsonar-price-container .assetsonar-price {
  font-size: 4rem;
  font-weight: bold; }
.assetsonar-price-container h6 {
  color: #333; }

.assetsonar-pricing-info div {
  margin-bottom: 8px; }

.asset-custodian-container {
  display: flex;
  align-items: center; }
  .asset-custodian-container .custodian-info-container {
    flex-direction: column;
    display: flex;
    margin-left: 10px; }
    .asset-custodian-container .custodian-info-container a {
      font: normal 13px Open Sans;
      letter-spacing: 0px; }
    .asset-custodian-container .custodian-info-container .email-info {
      font: normal 11px Open Sans;
      letter-spacing: 0.36px;
      color: #C1B8E4; }

.asset-selected-card-container {
  -webkit-box-shadow: -1px 9px 22px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 9px 22px -10px rgba(0, 0, 0, 0.75);
  box-shadow: -1px 9px 22px -10px rgba(0, 0, 0, 0.75); }

.asset-card-container {
  height: 255px; }
  .asset-card-container img {
    height: auto !important;
    width: auto !important; }

.asset-card-footer {
  background-color: white !important;
  border-top: none !important; }

.pricing-card-footer {
  background-color: white !important;
  border-top: none !important; }

.member-checkout-history,
.member-checkin-history {
  border: solid 1px #c1c1c1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 12px;
  width: 148px;
  position: relative;
  margin-bottom: 60px; }

.member-checkout-history span {
  display: block;
  background-image: url(https://html-assets-prod.guideflow.com/01375f49df81588c3b8d55655a9e895190bc4b97);
  width: 24px;
  height: 21px;
  position: absolute;
  right: -24px;
  top: 18px; }

.member-checkin-history {
  margin-right: 59px; }

.member-checkin-history span {
  display: block;
  background-image: url(https://html-assets-prod.guideflow.com/626400d7579b0f2e37a00fa652c3908881927c3c);
  width: 24px;
  height: 21px;
  position: absolute;
  left: -24px;
  top: 18px; }

.conflicted-basket-assets li {
  color: #525F7E; }

.resource-action-dropdown {
  width: 241px;
  transform: translate3d(-194px, 38px, 0px) !important; }

.help-container {
  white-space: normal;
  font-size: 1.1rem; }

.comments-card-header {
  padding-top: 10px;
  padding-bottom: 10px; }

.packages-n {
  border: 2px solid #9e9e9e;
  border-radius: 6px;
  float: left;
  margin-top: 15px;
  width: 230px;
  margin-right: 12px;
  height: 200px; }

.pkg-details {
  padding: 12px;
  background-color: #FFFFFF; }

.pkg-price {
  height: 70px;
  padding: 12px;
  background-image: url(https://html-assets-prod.guideflow.com/dbafa18557db6af64bd39a75cda5ba8fe2eeda7a);
  border-top: 2px solid #9e9e9e; }

.add-linked-inventories-collapsabe {
  background-color: #E6F7FF; }

.task_recurrence_sequence {
  border-bottom: 1px solid #E0E7EE; }

.added-filters {
  padding: 2px 10px;
  background-color: #F2F8FC;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  margin-bottom: 8px; }
  .added-filters i {
    color: #7C7C7C; }

.added-filter-condition {
  padding: 2px 7px;
  border: 1px dashed #CCCCCC;
  margin: 0px 3px;
  margin-bottom: 8px;
  color: #7C7C7C;
  border-radius: 3px;
  display: flex;
  align-items: center; }

.token-input-container {
  height: 100px;
  overflow: auto !important; }

.header-top {
  top: 0 !important; }

.bulk-import-alert {
  padding: 10px 20px;
  position: relative;
  background-color: #33B5E5; }

.to-substate-transitions-token-input-container {
  width: 218px; }

#transition_name_rows_container .transition-name-row:first-child .delete-transition-name-row {
  display: none; }

.custom-substate-additional-information {
  margin-left: 30px;
  margin-bottom: 8px; }

.js-substate-rows-toggle.guideflow_hovered {
  cursor: pointer; }

.js-substate-rows-toggle {
  margin-right: 3px; }

.custom-substate-disabled-row {
  background: #e4e4e4;
  color: #646464 !important; }

.old-pkg {
  width: 300px;
  padding: 15px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: #F3F3F3;
  margin-bottom: 20px; }

.white-box {
  background-color: #FFFFFF;
  border: 1px solid #9e9e9e;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 15px;
  margin-top: 15px; }

.add-settlement-container {
  background-color: #EDF6FF;
  border: 1px solid #E0E7EE; }

.disable-pointer-events {
  pointer-events: none; }

.table-border-reset {
  border: none !important; }
  .table-border-reset thead tr, .table-border-reset tbody tr {
    position: relative;
    border: 1px solid #E0E7EE;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .table-border-reset thead tr th:last-child {
    border-right: 1px solid #EAE1F0 !important; }
  .table-border-reset .row-no-border {
    border: none;
    height: 25px; }
  .table-border-reset .return-items-collapsed-row-height-reset {
    height: 40px; }
    .table-border-reset .return-items-collapsed-row-height-reset td:first-child {
      padding: 0px 18px !important; }

.left-over-items-container {
  margin-left: -35px;
  margin-right: -35px;
  padding-left: 35px !important; }

.bg-light-grey {
  background-color: #FBFBFB; }

.bg-secondary {
  background-color: #FFFFFF; }

.return-item-list-row-backgrouod-color {
  background: #E0E7EE; }

.a-la-carte-popover-container-1 .popover {
  width: 20%;
  max-width: none; }

.a-la-carte-popover-container-2 .popover {
  width: 40%;
  max-width: none; }

.a-la-carte-popover-container-3 .popover {
  width: 60%;
  max-width: none; }

.image-break {
  page-break-inside: avoid; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modal .attach-dialog-position {
    flex-direction: column;
    align-items: center;
    width: 78%; }

  .resource-heading {
    padding-top: 14px; }

  .form-container {
    display: -ms-flexbox !important;
    align-items: center !important; } }
.admin-action-key-box {
  background-color: #D1D9EA !important;
  border-bottom: 1px solid black !important; }

.technician-action-key-box {
  background-color: #EDF6FF !important;
  border-bottom: 1px solid black !important; }

.work-supervisor-action-key-box {
  background-color: #FFCD83 !important;
  border-bottom: 1px solid black !important; }

.agent-action-key-box {
  background-color: #C5E0CF !important;
  border-bottom: 1px solid black !important; }

.it-asset-label {
  border: 1px solid #7C7C7C;
  color: #6A6A6A;
  background-color: #F7F9FA;
  font-size: 1em;
  padding: 2px 9px;
  height: 21px !important;
  text-shadow: none; }

.public-verification {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 150px;
  margin-right: 150px; }

.public-verification-font {
  font-family: Poppins; }

.public-verification-response {
  padding-top: 150px;
  padding-bottom: 150px; }
  .public-verification-response .public-verification-svg {
    height: 50px;
    width: 50px; }
    .public-verification-response .public-verification-svg .a {
      fill: #00AE8C; }
    .public-verification-response .public-verification-svg .st0 {
      fill: #ffffff; }

.goog-te-gadget {
  white-space: normal !important; }

.text-overflow-wrapper {
  word-break: break-word; }

.verticle-seperator-line {
  border-right: 1px solid #DDDDDD; }

.basket-oin span {
  font-size: 1.1rem;
  color: #006FC8; }
.basket-oin .oin-label {
  font-weight: bold; }

.detail-page-container {
  background-color: #EEE; }

.basket-items-table-container .highlightable-field {
  padding: 8px; }

.basket-details-container-basket {
  border-radius: 4px;
  border: 1px solid #DDDDDD;
  padding: 15px 20px;
  background-color: #FFFFFF; }
  .basket-details-container-basket .label-input-container {
    padding-top: 20px; }
    .basket-details-container-basket .label-input-container .order-fields-vertical-margin {
      margin: 0.75rem 0; }
    .basket-details-container-basket .label-input-container .order-from-date-vertical-margin {
      margin: 0.75rem 0 1.25rem 0; }
    .basket-details-container-basket .label-input-container .order-to-date-vertical-margin {
      margin: 1.25rem 0 0.75rem 0; }
    .basket-details-container-basket .label-input-container .order-page-custom-fields .resource-detail-item {
      margin: 0.75rem 0; }
  .basket-details-container-basket h4 {
    display: inline-block;
    color: #333;
    font-size: 1.6rem; }
  .basket-details-container-basket .resource-detail-item .resource-detail-item-label {
    font-size: 1.3rem !important;
    color: #333 !important;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px; }
  .basket-details-container-basket .resource-detail-item .resource-detail-item-value a, .basket-details-container-basket .resource-detail-item .resource-detail-item-value p, .basket-details-container-basket .resource-detail-item .resource-detail-item-value span {
    font-weight: 600; }
  .basket-details-container-basket .resource-detail-item .highlighted-field {
    background-color: #E6F1F9;
    cursor: pointer !important; }
  .basket-details-container-basket .resource-detail-item p.resource-detail-item-field {
    font-size: 1.3rem !important;
    color: #333 !important; }
  .basket-details-container-basket .resource-detail-item span.resource-detail-item-field {
    font-size: 1.3rem !important;
    color: #333 !important; }
  .basket-details-container-basket .resource-detail-item span.red-font {
    color: #CC0000 !important; }
  .basket-details-container-basket .resource-detail-item a.resource-detail-item-field {
    font-size: 1.3rem !important;
    color: #006FC8 !important; }
  .basket-details-container-basket .resource-detail-item :first-child {
    padding-top: 0px; }
  .basket-details-container-basket .resource-detail-item :last-child {
    padding-bottom: 0px; }
  .basket-details-container-basket .customer-and-order-creation-wrapper .resource-detail-item .resource-detail-item-label, .basket-details-container-basket .order-details-wrapper .resource-detail-item .resource-detail-item-label {
    font-weight: 400 !important; }
  .basket-details-container-basket .multiline-field-value-position {
    left: 4%;
    position: relative; }
  .basket-details-container-basket .resource-detail-item-p-0 {
    padding-bottom: 0px !important;
    align-items: center !important;
    margin-right: 4px; }
    .basket-details-container-basket .resource-detail-item-p-0 .col-12.col-sm-6:not(.collapse) {
      display: flex; }
  .basket-details-container-basket img {
    height: 25px;
    width: 25px; }
  .basket-details-container-basket .basket-billing-person-container a, .basket-details-container-basket .basket-billing-person-container span, .basket-details-container-basket .basket-shipping-person-container a, .basket-details-container-basket .basket-shipping-person-container span {
    padding: 0 !important; }

.shipment-map-height {
  height: 300px; }

.orders-google-map {
  width: 90%;
  margin: 20px auto;
  border: solid 1px #CCCCCC; }

.replace-search-bar-field .token-input-list-facebook {
  border: 1px solid #cccccc; }
  .replace-search-bar-field .token-input-list-facebook .token-input-input-token-facebook input {
    width: 100% !important; }

.search-bar-basket {
  margin: 15px 25px;
  margin-left: 0;
  margin-bottom: 0;
  width: 720px;
  min-height: 36px;
  border: 4px #cccccc;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-radius: 4px; }
  .search-bar-basket .search-bar-field .token-input-list-facebook {
    border: 1px solid #cccccc;
    border-radius: 0px; }
    .search-bar-basket .search-bar-field .token-input-list-facebook .token-input-input-token-facebook input {
      width: 100% !important;
      margin-right: 2rem; }
  .search-bar-basket .search-options {
    border: 1px solid #cccccc;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: fit-content;
    width: -moz-fit-content;
    display: table !important;
    border-right: 1px solid #CCCCCC; }
    .search-bar-basket .search-options #search-form-dropdown {
      padding: 0.5px; }
    .search-bar-basket .search-options .dropdown-toggle {
      padding: 0 15px !important;
      padding-right: 30px !important;
      height: 100%;
      line-height: 34px; }
    .search-bar-basket .search-options li, .search-bar-basket .search-options a, .search-bar-basket .search-options input {
      text-decoration: none;
      color: #333; }
    .search-bar-basket .search-options .dropdown-toggle::after {
      border: 4px solid transparent !important;
      border-bottom: 1px solid transparent !important;
      border-top: 6px solid #A1A1A1 !important;
      position: absolute;
      top: 42%;
      right: 10%; }
    .search-bar-basket .search-options .dropdown {
      margin-right: 15px;
      width: max-content;
      width: -moz-max-content; }
    .search-bar-basket .search-options .dropdown-menu {
      z-index: 1021;
      left: auto;
      padding: 0;
      margin: 0;
      border: none;
      margin-top: 10px;
      margin-bottom: 5px;
      position: absolute;
      min-width: -moz-max-content; }
      .search-bar-basket .search-options .dropdown-menu ul {
        background-color: #FFFFFF;
        list-style-type: none;
        padding: 5px 0;
        margin: 0;
        box-shadow: 0px 2px 15px rgba(72, 83, 100, 0.46);
        border-radius: 4px;
        max-height: 60vh !important;
        overflow: auto;
        width: max-content;
        min-width: 110px; }
        .search-bar-basket .search-options .dropdown-menu ul li {
          text-decoration: none; }
          .search-bar-basket .search-options .dropdown-menu ul li .svg-icon {
            margin-right: 14px;
            margin-top: 1px; }
            .search-bar-basket .search-options .dropdown-menu ul li .svg-icon svg {
              vertical-align: initial; }
          .search-bar-basket .search-options .dropdown-menu ul li a {
            display: block;
            color: #333;
            background-color: #FFFFFF;
            text-decoration: none;
            padding: 3px 20px;
            line-height: 19px;
            font-size: 1.1rem;
            cursor: pointer;
            padding-left: 10px;
            font-weight: 400;
            margin-top: 4px;
            margin-bottom: 4px; }
          .search-bar-basket .search-options .dropdown-menu ul li a.disabled {
            cursor: not-allowed;
            pointer-events: none;
            background-color: #FFFFFF;
            color: #A1A1A1; }
          .search-bar-basket .search-options .dropdown-menu ul li a.disabled.guideflow_hovered {
            cursor: not-allowed; }
          .search-bar-basket .search-options .dropdown-menu ul li a.guideflow_hovered {
            background-color: #F2F8FC;
            color: #333; }
            .search-bar-basket .search-options .dropdown-menu ul li a.guideflow_hovered img {
              opacity: 1; }
          .search-bar-basket .search-options .dropdown-menu ul li ul {
            width: 100%;
            border: none;
            border-top: 1px solid #E0E7EE;
            border-bottom: 1px solid #E0E7EE;
            padding: 0;
            box-shadow: none;
            border-radius: 0;
            position: relative; }
          .search-bar-basket .search-options .dropdown-menu ul li ul::before {
            width: 6px;
            height: 6px;
            content: ' ';
            position: absolute;
            right: 10px; }
        .search-bar-basket .search-options .dropdown-menu ul .side-menu-box {
          height: 30px; }
  .search-bar-basket input {
    color: #333 !important; }
  .search-bar-basket .verticle-seperator-line {
    width: 1px;
    background-color: #FFFFFF;
    margin: 5px 0; }
  .search-bar-basket .nav-link {
    padding: 0px !important; }
  .search-bar-basket .search-icon {
    cursor: pointer;
    padding: 5px 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 24px; }
    .search-bar-basket .search-icon label {
      margin: 0;
      color: #FFFFFF; }
  .search-bar-basket button {
    background: none;
    border: none;
    color: #FFFFFF;
    padding: 0;
    outline: none;
    cursor: pointer !important; }
  .search-bar-basket .btn-basket-add-items {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important; }

.order-locations {
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #DDDDDD; }
  .order-locations .resource-detail-item-label {
    font-size: 1.1rem !important;
    color: #333 !important;
    font-weight: bold; }

.trackunit-location-map {
  height: 300px;
  border: solid 1px #CCCCCC;
  margin-right: 20px; }

.comment-action-alignment {
  cursor: pointer;
  outline: none;
  -ms-transform: translateY(-14%);
  transform: translateY(-14%); }

.default-label {
  line-height: 1rem; }

.input-append .add-on {
  padding: 7px 1.1rem !important;
  width: auto;
  min-width: 16px;
  line-height: 20px;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  font-size: 1.3rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none; }

.color-picker-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.supported-feature-list, .supported-feature-list ul {
  margin: 0;
  list-style-type: none; }

.supported-feature-list li:before {
  content: "\2714\0020";
  color: darkgreen; }

.square-supported-features-container .supported-feature-list li {
  margin: 6px 0; }
.square-supported-features-container .border-rounded {
  border-radius: 5px; }

.char-in-range p {
  color: green; }

.char-out-of-range p {
  color: red; }

.webstore-plugin-code {
  background-color: #fafafa;
  padding: 20px !important;
  margin: 15px 42px;
  border-radius: 4px;
  color: #656161;
  border: 1px solid gainsboro;
  text-align: center; }

.agent-mass-deployment-script {
  padding: 11px !important;
  border-radius: 4px;
  color: #656161;
  border: 2px solid gainsboro;
  display: flex; }

.agent-mass-deployment {
  color: #026FC8;
  cursor: pointer; }
  .agent-mass-deployment.guideflow_hovered {
    color: #00559A; }

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

.blog-font-style {
  font-size: 1.5rem; }

.font-family-style {
  font-family: sans-serif;
  text-align: left; }

.copy-code {
  display: block !important;
  text-align: center;
  cursor: pointer;
  font-size: 1.3rem;
  color: #006FC8 !important;
  letter-spacing: 0.5px;
  font-weight: 300; }

.xero-connect {
  background: url(https://html-assets-prod.guideflow.com/b7b54a46dac6840426e84f7b9e7a03583164519f);
  width: 143px;
  height: 34px;
  display: inline-block; }

.height-100 {
  height: 100px; }

.height-13 {
  height: 13px; }

.height-50 {
  height: 50px; }

.height-30 {
  height: 30px !important; }

.height-10-percent {
  height: 10%; }

.package-rental-price {
  font-size: 2rem;
  padding-bottom: 0px; }

.text-dark-grey {
  color: #525F7E; }

.text-body-color {
  color: #333 !important; }

.p-dark-grey p {
  color: #525F7E; }

.border-outline {
  border: 1px solid #CCCCCC;
  border-radius: 4px; }

.selected-style {
  border: 1px solid #006FC8;
  border-radius: 4px; }
  .selected-style h6 {
    color: #006FC8; }
  .selected-style p {
    color: black; }

.unselected-style {
  border: 1px solid #CCCCCC;
  border-radius: 4px; }
  .unselected-style h6 {
    color: #CCCCCC; }
  .unselected-style p {
    color: #CCCCCC; }

.bold-link {
  font-weight: normal;
  color: #7C7C7C !important; }
  .bold-link a {
    color: #006FC8;
    font: normal normal normal 16px/25px Poppins; }

.w-10 {
  width: 10% !important; }

.w-30 {
  width: 30% !important; }

.inline {
  display: inline-block; }

.bs-tooltip-right {
  margin-left: 10px !important; }

.token-input-input-w-100 .token-input-input-token-facebook {
  width: 100%; }
  .token-input-input-w-100 .token-input-input-token-facebook .jquery-token-input-field {
    width: 100% !important; }

.annual-pricing-details {
  overflow: hidden; }

.annual-pricing-details .save {
  display: inline-block;
  position: relative;
  background-color: #C00000;
  color: #FFFFFF;
  font-weight: bold;
  padding-right: 60px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 90%;
  text-align: center;
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  transform: rotate(-44deg);
  left: -70px;
  top: 25px;
  font-size: 10px; }

.annual-pricing-details .or {
  vertical-align: middle;
  padding: 12px;
  display: inline-block; }

.annual-pricing-details hr {
  width: 44%;
  color: #9E9E9E;
  height: 1px;
  display: inline-block;
  margin: 0px !important; }

.most-popular-header-text {
  color: #CA890B; }

.green-text-color {
  color: green !important; }

.red-text-color {
  color: red !important; }

.plus-color {
  color: #CA890B !important; }

.premium-color {
  color: #006FC8 !important; }

.best-value {
  background-color: #CA890B;
  color: #ffffff !important; }

.blue-text {
  color: #006FC8; }

.resource-flash-container {
  padding: 0px 12px 12px 12px; }

.clone-dialog-warning-background-color {
  background-color: #FDD; }

.differential-invoice-background, .late-fee-background {
  background: #FDD;
  position: relative;
  padding: .75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: .5rem;
  font-style: italic; }

.svg-fill-primary {
  fill: #006FC8; }

.refund-item-bg-color {
  background-color: #EDF6FF; }

.selected-row {
  background-color: #E7EEFB !important; }

.selected {
  box-shadow: 2px 2px 16px 2px rgba(72, 83, 100, 0.3); }

.highlight-field-border {
  border-color: #006FC8 !important; }

.border-left-black {
  border-left: black 1px solid; }

.see-more-link {
  text-decoration: none; }
  .see-more-link p {
    line-height: 39px;
    font-size: 1.2rem;
    color: #006FC8;
    margin: 0; }
  .see-more-link .see-more-plus-icon {
    line-height: 36px;
    font-size: 1.6rem;
    color: #006FC8;
    padding-right: 10px; }

.see-more-link.guideflow_hovered p, .see-more-link.guideflow_hovered .see-more-plus-icon {
  color: #00559A; }

.select2.select2-container.select2-container--hightlight .select2-selection--single {
  border: 1px solid #006FC8 !important;
  border-radius: 4px !important; }

.disabled-text {
  color: #aaa; }

.collapsed-resource-header-container .resource-primary-actions {
  display: none !important; }
.collapsed-resource-header-container .status-container {
  display: none !important; }

.th-parent {
  background: white;
  height: 70px; }

.font-size-13 {
  font-size: 13px !important; }

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

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

.font-size-18 {
  font-size: 18px !important; }

.custom-substate-move-stock-asset-location .token-input-list-facebook {
  width: 100%; }

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

.rounded-border-right-search-bar-field .token-input-list-facebook {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

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

.no-border-radius {
  border-radius: 0px !important; }

.pricing-card {
  width: auto !important; }

.pricing-border-color {
  border-color: #006FC8 !important; }

.pricing-error-border-color {
  border-color: #FF4444 !important; }

.pricing-counter-container .left-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }
.pricing-counter-container .right-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }
.pricing-counter-container .js-selected-maintenance-users-input {
  border-left: none !important;
  border-right: none !important;
  font-size: 16px !important;
  width: 20%; }

.pricing-counter-button {
  width: 12px;
  height: 12px;
  cursor: pointer !important;
  border: 1px solid #006FC8;
  padding: 20px; }
  .pricing-counter-button .icon {
    position: relative;
    top: -5px;
    left: -4px;
    color: #006FC8 !important; }

.pricing-input-color {
  color: #006FC8 !important; }

.cmms-basic-plan-desc {
  width: 100%;
  color: #7C7C7C;
  font-size: 13px;
  font-family: Open Sans;
  font-weight: 400;
  word-wrap: break-word; }

.cmms-enterprise-label {
  color: #006FC8;
  font-size: 22px;
  font-family: Poppins;
  font-weight: 600;
  word-wrap: break-word; }

.border-1px-black {
  border: 1px solid black !important; }

.cmms-billing-cycle-container .active, .cmms-billing-cycle-container .active.guideflow_hovered {
  color: #006FC8 !important;
  background-color: #006FC8;
  background-image: none;
  border-color: #006FC8; }
.cmms-billing-cycle-container a {
  padding: 10px 34px;
  border: 1px solid; }

.cmms-toggle-text {
  color: #006FC8 !important;
  font-weight: 500; }

.cmms-billing-cycle-btn {
  color: #d9d9d9 !important;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
  cursor: pointer;
  padding-left: 20px !important;
  padding-right: 20px !important; }
  .cmms-billing-cycle-btn.left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .cmms-billing-cycle-btn.right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .cmms-billing-cycle-btn a {
    color: "#000" !important; }

.cmms-pricing-card {
  box-shadow: 4px 4px 40px 0px rgba(19, 19, 20, 0.15);
  border: none !important;
  border-radius: 8px !important;
  min-width: 310px !important;
  max-width: 420px !important; }
  .cmms-pricing-card .title {
    color: #006FC8; }
  .cmms-pricing-card .card-body {
    padding: 20px 15px;
    height: 420px !important; }
    .cmms-pricing-card .card-body .card-title {
      margin-bottom: 0.5rem !important; }
    .cmms-pricing-card .card-body p {
      text-align: start !important;
      letter-spacing: 0px !important; }

.custom-card {
  border-radius: 8px !important;
  border: none !important;
  box-shadow: 4px 4px 40px 0px rgba(19, 19, 20, 0.15); }

.custom-card-footer-padding {
  padding: 0px 55px !important; }

.custom-card-title {
  color: #006FC8 !important;
  font-weight: 700;
  font-size: 2.4rem !important; }

.professional-plan-container {
  width: 100% !important; }

.w-20 {
  width: 20px !important; }

.font-40px {
  font-size: 40px; }

.pb-26-px {
  padding-bottom: 26px !important; }

.cmms-pricing-card-buttons {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px; }

.visibility-hidden {
  visibility: hidden; }

.mt-217-px {
  margin-top: 217px !important; }

.cmms-package-price-label {
  font-size: 14px;
  font-family: 'Open Sans';
  color: #7C7C7C;
  word-wrap: break-word;
  font-weight: 400; }

.cmms-price-text {
  font-size: 40px !important;
  font-family: Poppins; }

.cmms-feature-list {
  color: #006FC8 !important;
  font-size: 13px !important;
  font-family: 'Open Sans';
  font-weight: 400; }

.cmms-features-list {
  color: #FFAF3F;
  font-size: 18px;
  font-weight: 400;
  padding-right: 10px;
  margin-right: 3px; }

.view-all-features {
  color: #ED9111;
  font-size: 13px;
  font-family: "Open Sans";
  font-weight: 600;
  letter-spacing: 0px !important;
  text-transform: uppercase;
  word-wrap: break-word; }

.cmms-btn-outline-dark {
  display: block;
  text-decoration: none !important;
  height: 42px;
  font-size: 1.3rem;
  width: auto;
  padding: 6px 18px;
  line-height: 28px;
  border-radius: 4px !important;
  min-width: 100px;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #006FC8;
  color: #006FC8 !important; }

.select-plan, .select-plan-cmms {
  padding: 4px 14px;
  border-radius: 4px;
  font-size: 13px !important; }

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

.p-5-6 {
  padding: 5px 6px !important; }

.display-thresholds {
  border-bottom: 1px solid #E0E7EE;
  background-color: #FFFFFF;
  border-radius: 4px;
  position: relative; }

.view-location-thresholds-link {
  bottom: -18px;
  position: absolute;
  width: 100%;
  text-align: center;
  padding-bottom: 15px; }

.location-thresholds-kpi-text {
  padding: 18px 20px !important;
  max-width: 160px;
  width: 200px; }

.set-default-threshold-image {
  height: 120px;
  margin-top: 70px; }
  .set-default-threshold-image .block {
    width: 100%;
    height: 100%; }

.optimal-text-color {
  color: #00C851 !important; }

.low-text-color {
  color: #FF4444 !important; }

.excess-text-color {
  color: #FFBB33 !important; }

.display-flex {
  display: flex; }

.min-w-75 {
  min-width: 75px; }

.quickbooks-disclaimer-container {
  background: #FBF4F4;
  color: #FBF4F4; }
  .quickbooks-disclaimer-container p {
    font-size: 1.1rem !important;
    color: #634E70; }

.dropdown-arrow {
  width: 8px;
  font-size: 17px; }

.default-notes-container {
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .default-notes-container .default-notes-text {
    font: normal 13px Open Sans;
    color: #A2A6AC; }

.clear-notes {
  font: normal 13px Open Sans;
  color: #026FC8; }

.add-notes {
  font: normal normal 600 13px Open Sans;
  margin-left: 5px; }

.remove-quantity-alert-container {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 10px #00000026;
  border-left: 7px solid red;
  opacity: 1;
  padding: 15px 10px;
  margin-top: 15px; }
  .remove-quantity-alert-container .remove-quantity-alert-text {
    margin-left: 10px;
    font: normal normal normal 13px Open Sans; }

.phase-reminder-text {
  font: normal normal 600 15px Open Sans; }

.add-another-phase a.guideflow_hovered {
  color: #006FC8; }

.disabled-po-rows .badge-info {
  background-color: gray !important; }
.disabled-po-rows td {
  color: gray !important; }

.po-add-items-font {
  color: #006FC8;
  font-size: 13px;
  font-weight: bold; }

.ez-select2-dropdown-container .dropdown-menu ul {
  width: 100%;
  border: none; }
  .ez-select2-dropdown-container .dropdown-menu ul li a {
    font-size: 1.3rem !important;
    font-weight: 400 !important; }
.ez-select2-dropdown-container .dropdown-menu span.no-results {
  display: block;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 10px; }
.ez-select2-dropdown-container .dropdown-menu .dropdown-items-group:not(:last-child) {
  border-bottom: 1px solid #E0E7EE;
  margin-bottom: 5px;
  padding-bottom: 5px; }
.ez-select2-dropdown-container .hidden {
  display: none !important; }
.ez-select2-dropdown-container .dropdown-menu.last-option-sticky:not(.last-hidden) ul {
  margin-bottom: 30px !important; }
  .ez-select2-dropdown-container .dropdown-menu.last-option-sticky:not(.last-hidden) ul .dropdown-items-group:last-child li:last-child {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    .ez-select2-dropdown-container .dropdown-menu.last-option-sticky:not(.last-hidden) ul .dropdown-items-group:last-child li:last-child a:not(.disabled) {
      color: #006FC8 !important; }
    .ez-select2-dropdown-container .dropdown-menu.last-option-sticky:not(.last-hidden) ul .dropdown-items-group:last-child li:last-child a:not(.guideflow_hovered):not(.disabled) {
      background: #FBFBFB; }
.ez-select2-dropdown-container .dropdown button:disabled {
  background: #F7F7F7 !important; }

.item-count-container {
  background-color: #999999;
  height: 18px;
  padding: 0 5px;
  width: auto;
  color: #FFFFFF;
  line-height: 18px;
  text-align: center;
  border-radius: 4px;
  margin-top: auto;
  margin-bottom: auto; }

.location-threshold-table {
  border: none; }
  .location-threshold-table table {
    border: none; }
    .location-threshold-table table tr {
      border-bottom: none; }
    .location-threshold-table table thead {
      background: #fff;
      color: #333; }
      .location-threshold-table table thead th {
        font-weight: normal;
        padding: 0px; }
    .location-threshold-table table tbody td {
      padding: 3px; }

.grouped-dropdown {
  width: 200px; }
  .grouped-dropdown .grouped-dropdown-heading {
    font-size: 1.2rem;
    font-family: 'Poppins', Semi-bold;
    color: #4C555D; }
  .grouped-dropdown .grouped-dropdown-icon {
    width: inherit;
    height: inherit; }
  .grouped-dropdown .grouped-dropdown-list-text {
    font-size: 1.3rem !important; }
    .grouped-dropdown .grouped-dropdown-list-text i {
      color: #006FC8; }
  .grouped-dropdown .grouped-dropdown-list-text-purple {
    color: #6A1B9A !important; }

.custom-role-menu svg {
  width: inherit;
  height: inherit; }
.custom-role-menu .js-custom-role-menu-item {
  font-size: 1.2rem;
  font-family: 'Poppins', Semi-bold; }
.custom-role-menu .block {
  width: 100%;
  height: 100%; }
.custom-role-menu .item-status-container {
  line-height: 8px !important;
  border-radius: 15px !important;
  height: 20px; }
.custom-role-menu .menu-item-margin {
  margin-top: 12px; }
.custom-role-menu .modified-status-text {
  color: #007E33;
  text-transform: none; }

.custom-role-table tr.guideflow_hovered {
  box-shadow: none; }
.custom-role-table td {
  border: 1px solid #EDF6FF;
  width: 120px;
  background: white;
  padding: 10.5px 12px;
  font-size: 1.3rem; }
  .custom-role-table td .centered-checkbox {
    margin: 0px auto !important; }
  .custom-role-table td p {
    letter-spacing: 0rem; }
.custom-role-table .horizontal-separator {
  height: 10px; }
  .custom-role-table .horizontal-separator td {
    background: #FBFBFB; }
.custom-role-table .heading {
  background: #FBFBFB;
  font-size: 1.8rem; }
  .custom-role-table .heading .note {
    font-size: 1.1rem;
    padding-bottom: 10px; }
.custom-role-table .vertical-seperator {
  width: 10px;
  background: #FBFBFB; }
.custom-role-table .inner-table-seperator {
  height: 20px; }
.custom-role-table .no-border {
  border: none !important;
  padding: 0px 0px; }
.custom-role-table .last-vertical-seperator {
  padding: 0 0 0 10px;
  background-clip: content-box, padding-box !important;
  background-image: linear-gradient(#ffffff, #ffffff, #ffffff), linear-gradient(#fbfbfb, #fbfbfb, #fbfbfb) !important; }
.custom-role-table .centered-text {
  text-align: center; }
.custom-role-table .action-name {
  width: 250px; }
.custom-role-table .grey-border {
  border: 1px solid #E0E7EE !important; }
.custom-role-table .admin-action {
  background: #D1D9EA !important; }
.custom-role-table .agent-action {
  background: #C5E0CF !important; }
.custom-role-table .grey-background {
  background: #FBFBFB;
  border: 1px solid #E0E7EE; }
.custom-role-table .colored-text {
  color: #EAA63A;
  font-weight: bold; }

.product-view-toggle {
  border: 1px solid #006FC8;
  border-radius: 4px;
  cursor: pointer;
  height: 36px;
  transition: all 0.5s; }
  .product-view-toggle.guideflow_hovered {
    border: 1px solid #006FC8; }
  .product-view-toggle span {
    font-size: 1.3rem; }
  .product-view-toggle.assets-view {
    background-color: #FFFFFF; }
    .product-view-toggle.assets-view span {
      color: #006FC8; }
    .product-view-toggle.assets-view.disabled {
      background-color: #F7F7F7;
      border: 1px solid #DDDDDD;
      color: #A1A1A1; }
  .product-view-toggle.products-view {
    background-color: #00559A;
    border: 1px solid #00559A;
    box-shadow: inset 0px -4px 4px rgba(0, 0, 0, 0.25); }
    .product-view-toggle.products-view span {
      color: #FFFFFF; }

.product-asset-search-heading {
  background-color: #EDF6FF !important; }

.specify-assets-for-products {
  border: 1px solid #006FC8;
  border-radius: 4px;
  text-align: center !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer !important;
  height: 36px;
  min-width: 167px;
  max-width: 169px; }
  .specify-assets-for-products a {
    text-decoration: none; }
  .specify-assets-for-products i {
    color: #006FC8; }
  .specify-assets-for-products .specify-assets-font {
    font-size: 12px !important;
    color: #006FC8; }

.no-hover-color.guideflow_hovered {
  color: black; }

.no-hover-background.guideflow_hovered {
  background-color: #FFFFFF !important; }

.no-hover-background-shadow.guideflow_hovered {
  background-color: transparent !important;
  box-shadow: none; }

.product-asset-warning-icon i {
  color: #0181DA !important; }

.unavailable-color {
  background-color: #f4cbcd !important; }

.heading-description {
  color: #A1A1A1;
  font-size: 1.2rem; }

.global-availability-status-container {
  margin-top: 10px; }

.status-wrapper {
  padding: 7px 10px;
  border: 1px solid #ccc;
  border-radius: 3px; }
  .status-wrapper .status-heading {
    font-weight: 600;
    margin-bottom: 2px; }
  .status-wrapper .state-dot {
    margin-right: 4px; }

.global-availability-action-buttons-container {
  display: inherit; }

#token-input-global_availability_item_search_field::placeholder {
  font-size: 11px; }

#token-input-global_availability_item_search_field:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 11px; }

#token-input-global_availability_item_search_field:-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 11px; }

.detail-section-container {
  padding: 12px 12px 12px 18px !important;
  background: #F2F4F7; }
  .detail-section-container .resource-card-container {
    border-radius: 4px;
    padding: 12px 12px;
    background-color: #FFFFFF; }
    .detail-section-container .resource-card-container .heading-section {
      padding: 12px; }
      .detail-section-container .resource-card-container .heading-section h4 {
        font-style: normal;
        font-weight: bold;
        font-size: 1.4rem;
        line-height: 21px;
        font-family: Poppins; }
    .detail-section-container .resource-card-container .resource-detail-item {
      padding: 12px !important; }
      .detail-section-container .resource-card-container .resource-detail-item .multiline-width-reset {
        flex: 0 0 20.6%;
        max-width: 20.6%; }
      .detail-section-container .resource-card-container .resource-detail-item .resource-detail-item-label {
        font-style: normal;
        font-weight: normal !important;
        line-height: 18px;
        font-family: Open Sans;
        color: #4C555D !important; }
      .detail-section-container .resource-card-container .resource-detail-item .resource-detail-item-field {
        font-style: normal;
        font-weight: 600 !important;
        line-height: 18px;
        font-family: Open Sans; }
      .detail-section-container .resource-card-container .resource-detail-item .resource-detail-item-field-container .btn-history-icon {
        padding: 0px;
        width: auto;
        min-width: 0px;
        height: auto;
        border: 0px; }
      .detail-section-container .resource-card-container .resource-detail-item .resource-detail-item-field-container p, .detail-section-container .resource-card-container .resource-detail-item .resource-detail-item-field-container span {
        font-size: 1.3rem !important;
        color: #333 !important;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 18px;
        font-family: Open Sans; }
        .detail-section-container .resource-card-container .resource-detail-item .resource-detail-item-field-container p a, .detail-section-container .resource-card-container .resource-detail-item .resource-detail-item-field-container span a {
          font-style: normal;
          font-weight: 600 !important;
          line-height: 18px;
          font-family: Open Sans; }
  .detail-section-container .resource-table-card-container {
    padding: 16px 16px; }

.node {
  cursor: pointer; }

.node rect {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 2px; }

.node text {
  font: 12px sans-serif; }

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 2px; }

.icon-relation {
  background: url(https://html-assets-prod.guideflow.com/2be33473fa18abd9df6b0f36e5b12301e2be7752);
  height: 15px;
  width: 15px;
  background-size: contain;
  display: block; }

.color-icon-relation {
  background: url(https://html-assets-prod.guideflow.com/0e040a7ae15e2c1cd972059befc039038078dc6c);
  height: 15px;
  width: 15px;
  background-size: contain;
  display: block; }

.server-maintenance-history-description {
  word-wrap: break-word; }

.item-trail-actions a {
  float: left;
  opacity: 1;
  text-transform: none; }
.item-trail-actions a:not(:first-child, :last-child) {
  border-radius: 0px 0px 0px 0px; }
.item-trail-actions a:not(:last-child) {
  border-right: none; }
.item-trail-actions a:first-child {
  border-radius: 4px 0px 0px 4px; }
.item-trail-actions a:last-child {
  border-radius: 0px 4px 4px 0px; }
.item-trail-actions .active {
  color: #006FC8 !important;
  background-color: #EDF6FF; }

.fixed-asset-chip {
  background-color: #014F86;
  padding: 5px; }

.stock-asset-chip {
  background-color: #007EA7;
  padding: 5px; }

.volatile-asset-chip {
  background-color: #34B3E3;
  padding: 5px; }

.document-chip {
  background-color: #FA9965;
  padding: 5px; }

.service-chip {
  background-color: #C74869;
  padding: 5px; }

.item-trail-filter-button {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #B4B4B4;
  border-radius: 4px;
  opacity: 1; }

.item-trail-filter-button.guideflow_hovered {
  background-color: #EDF6FF;
  cursor: pointer; }

a label.link-color {
  color: #006FC8; }
  a label.link-color.guideflow_hovered {
    color: #00559A; }

.terms-and-conditions-body-text {
  max-height: 500px;
  overflow-y: scroll; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
  margin-left: 4px;
  font-size: 13px !important; }
.select2-container--default .select2-results__option {
  margin-left: 6px; }

.sfr-comments-label {
  font-size: 15px; }

.nps-question {
  font-size: 21px; }

.nps-counter {
  border-radius: 100%;
  height: 4rem;
  width: 4rem;
  color: white;
  font-size: 18px;
  font-weight: bold; }

.nps-counter-background-color-0 {
  background-color: #24B0FC; }

.nps-counter-background-color-1 {
  background-color: #1DA4FF; }

.nps-counter-background-color-2 {
  background-color: #199DF8; }

.nps-counter-background-color-3 {
  background-color: #1596F0; }

.nps-counter-background-color-4 {
  background-color: #1290EA; }

.nps-counter-background-color-5 {
  background-color: #0F8AE4; }

.nps-counter-background-color-6 {
  background-color: #0C85DF; }

.nps-counter-background-color-7 {
  background-color: #087ED8; }

.nps-counter-background-color-8 {
  background-color: #0578D2; }

.nps-counter-background-color-9 {
  background-color: #0171CA; }

.nps-counter-background-color-10 {
  background-color: #006FC8; }

.nps-filled-color.guideflow_hovered {
  background-color: white;
  border: 2px solid; }

.nps-counter-background-color-0.guideflow_hovered {
  color: #24B0FC; }

.nps-counter-background-color-1.guideflow_hovered {
  color: #1DA4FF; }

.nps-counter-background-color-2.guideflow_hovered {
  color: #199DF8; }

.nps-counter-background-color-3.guideflow_hovered {
  color: #1596F0; }

.nps-counter-background-color-4.guideflow_hovered {
  color: #1290EA; }

.nps-counter-background-color-5.guideflow_hovered {
  color: #0F8AE4; }

.nps-counter-background-color-6.guideflow_hovered {
  color: #0C85DF; }

.nps-counter-background-color-7.guideflow_hovered {
  color: #087ED8; }

.nps-counter-background-color-8.guideflow_hovered {
  color: #0578D2; }

.nps-counter-background-color-9.guideflow_hovered {
  color: #0171CA; }

.nps-counter-background-color-10.guideflow_hovered {
  color: #006FC8; }

.nps-likely-label-left {
  float: left;
  font-size: 15px; }

.nps-likely-label-right {
  float: right;
  font-size: 15px; }

.nps-request-text {
  padding: 48px 0 28px 0;
  font-size: 15px; }

.ask-me-later {
  color: #8C8C8C;
  font-size: 15px; }

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

.bottom-stick-div {
  position: absolute !important;
  bottom: 0px; }

.save-percentage-pill {
  background: #EEFBF4;
  border-radius: 26px;
  padding: 7px 15px; }
  .save-percentage-pill span {
    color: #19CE74;
    font-size: 14px;
    font-weight: 600; }

.collapsible_row.guideflow_hovered {
  cursor: pointer; }

.main-billing-page-heading {
  color: #4C555D !important;
  font-size: 16px !important; }

.comment-mentions {
  margin-right: 8px;
  width: 95%;
  height: 37px;
  overflow: auto;
  resize: vertical;
  font-size: 1.3rem;
  border-radius: 4px;
  outline: none;
  border: 1px solid #CCCCCC;
  line-height: inherit;
  font-family: inherit;
  color: #675274;
  padding: 2px; }

.mention-time {
  height: 20px;
  vertical-align: text-top; }

.tribute-container {
  width: 200px;
  background: #efefef; }

.comment-detail-section-container {
  padding: 2px 20px 2px 26px !important; }

.mention-user-help-container {
  width: 95%;
  height: 30px;
  padding: 2px; }

.mention-list-body-container {
  padding: 0px !important; }

.unread-comment-container {
  background-color: #FAF5FB !important; }

.comment-mentions:empty:not(:focus):before {
  content: attr(data-placeholder); }

.basket-invoice-preview {
  border: 2px double #DDDDDD; }

.download-invoice-btn {
  margin-right: 4%; }

.invoice-preview-footer {
  padding: 12px 31px;
  background-color: #EDF6FF; }

.break-all {
  word-break: break-all; }

.company-address-not-present-note {
  font-size: 12px; }
  .company-address-not-present-note a {
    font-size: 12px; }

.search-email-container {
  border: 1px solid #CCCCCC; }

.email-counter {
  margin-top: 19% !important; }

.empty-resource-list-container .empty-filter-resource-list .empty-resource-list-icon.no-email-found-svg-icon img {
  height: 65px;
  width: 65px; }

.basket-price-related-columns {
  font-size: 10px;
  color: #7C7C7C; }

.preview-modal-heading {
  padding-left: 2% !important; }

.add-item-button {
  width: 20%; }

.circle-with-count {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 3px 7px;
  background: #F0F0F0;
  color: #A0A0A0;
  text-align: center;
  font-size: 1.1rem; }

.unread-state-dot {
  height: 9px;
  width: 9px;
  background-color: #C41E3A; }

.light-grey-text-color {
  color: #A1A1A1;
  font-size: 1.2rem;
  letter-spacing: 0px !important; }

.mentions-comment p {
  color: #333333 !important;
  letter-spacing: 0px !important; }
.mentions-comment a {
  color: #333333 !important;
  text-decoration: none !important;
  font-weight: 600;
  letter-spacing: 0px !important; }

.mentions-resource-link a {
  font-weight: 600; }

.group-num-by-rule-container .add-group-num-by-rule-link {
  font-weight: bold; }

.m-t-neg-17 {
  margin-top: -17px; }

.m-b-neg-8 {
  margin-bottom: -8px; }

.scrollable-container-small {
  height: 280px !important; }

.container-with-top-border {
  border-top: 1px solid #E0E7EE; }

.primary-link-color a {
  color: #006FC8 !important; }

.basket-invoice-modal-body-for-mobile {
  max-height: 100vh !important; }

.icon-stroke {
  stroke: #006FC8;
  stroke-width: 0.5; }

.aws-buy-contract-link {
  font-size: 1.6rem; }

.report-format-option-description {
  margin-left: 25px !important;
  margin-top: -5px !important;
  font-size: 1.1rem !important; }

.beta-label {
  background-color: #DADADA !important;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 4px; }

.search-chip-color {
  color: #333333;
  background-color: #FFFFFF;
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid #C9C9C9;
  font-size: 12px;
  justify-content: center;
  width: max-content;
  margin: 4px 0px 4px 0px;
  display: inline-block;
  cursor: pointer; }
  .search-chip-color a {
    text-decoration: inherit;
    color: inherit; }
  .search-chip-color a.guideflow_hovered {
    color: #333333; }

.search-chip-selected-color {
  color: #FFFFFF;
  background-color: #006FC8;
  border-color: #006FC8; }
  .search-chip-selected-color a {
    text-decoration: inherit;
    color: inherit; }
  .search-chip-selected-color a.guideflow_hovered {
    color: #FFFFFF; }

.pedigree-fetching-error {
  background-color: #FFDADA; }

.primary-user-warning-icon {
  height: 17px !important;
  width: 17px !important; }

/*# sourceMappingURL=style.css.map */