/* Custom CSS */
body {
  letter-spacing: 0.1px;
}
.cursor-pointer {
  cursor: pointer;
}
.img-60 {
  height: 60px;
  width: 60px;
}

.sidedrop .dropdown-menu-right {
  right: -35px;
  left: auto;
}

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

.modal-backdrop {
  opacity: 0.8;
}

.card:focus {
  outline: none;
}

.login-bg-color {
  background-color: #2f5de8;
}

.icon-circle {
  padding: 7px 8px !important;
}

.dropup > .dropdown-toggle::after {
  content: none !important;
}

.workspace .nav-link {
  padding: 0px !important;
}

.workspace .b-nav-dropdown {
  list-style: none;
}

.workspace .dropdown-menu {
  min-width: 8rem;
  font-size: 0.75rem !important;
  box-shadow: 0 1rem 2.5rem rgba(18, 38, 63, 0.1), 0 0.5rem 1rem -0.75rem rgba(18, 38, 63, 0.1) !important;
  transform: translate3d(0, -3px, 0);
}

.workspace .media {
  border-bottom: 1px solid #f5f5f5;
}

.vue-file-agent .file-preview-new:before {
  background: rgba(0, 0, 0, 0);
}

.b-table-sticky-header {
  overflow-y: auto;
  max-height: 300px;
}

.mapping-box .card-body {
  padding: 0.5rem;
}

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

.ql-container.ql-snow {
  border: 0px solid #fff !important;
}

.vertical-tab .nav-link {
  padding: 12px 12px !important;
  border-bottom: 1px solid #f1f1f1 !important;
}

.vertical-tab .nav-link.active {
  padding: 12px 12px !important;
  color: #2c7be5;
  border-bottom: 1px solid #f1f1f1;
}

.vertical-tab {
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border-right: 1px solid #f1f1f1;
}

.vertical-tab .nav-tabs {
  border-bottom: 0px !important;
}

.vertical-tab .nav-link.guideflow_hovered {
  border-color: #f1f1f1;
}

.vertical-tab .nav-item {
  width: 100%;
  margin: 0 !important;
}

/* date and time picker */
.schedule-datepicker .dropdown-menu {
  padding: 10px;
}

.b-form-datepicker {
  border: 0px !important;
  padding: 0 !important;
}

.b-form-timepicker {
  border: 0px !important;
  padding: 0 !important;
}

.b-form-timepicker .form-control {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.b-form-timepicker .btn.h-auto {
  border: 1px solid #e3ebf6 !important;
  height: 40px !important;
  border-right: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  line-height: 15px;
  background: #f9fbfd;
}

.temp-text-truncate p {
  width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.image-fit {
  object-fit: fill;
  height: 140px !important;
  width: 165px !important;
  margin-top: 1.5rem !important;
}

.object-fit-135 {
  object-fit: cover;
  height: 135px;
}

.mt-2p {
  margin-top: 2px;
}

.mw-15ch {
  max-width: 15ch;
}

.mw-9ch {
  max-width: 9ch;
}

.add-task-btn {
  border: 0.1px solid #2c7be5 !important;
}

.drop-right .dropdown-menu {
  right: -25px;
}

.close-btn-right .close {
  margin-right: 0px !important;
  top: 0px;
}

.task-btn {
  top: -45px;
  position: absolute;
  right: 140px;
}

.b-form-datepicker .bg-transparent.h-auto {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.b-calendar-grid-body .btn-outline-light {
  width: 35px;
  height: 35px;
  padding: 7px 6px 4px;
}

.b-calendar-grid-body .btn-outline-primary {
  width: 35px;
  height: 35px;
  padding: 7px 6px 4px;
}

.b-calendar-grid-body {
  padding: 5px;
}

.b-form-datepicker .btn.h-auto {
  height: 40px !important;
  border-right: 0 !important;
  width: 40px;
  border: 1px solid #e2eaf5;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  background: #f9fbfd;
}

.b-calendar-grid-weekdays {
  padding: 5px;
}

.b-calendar-grid {
  padding: 0px !important;
}

/* icons on card hover */
.onhover .icons {
  display: none;
}

.onhover.guideflow_hovered .icons {
  display: block !important;
}

.card-option-icons {
  top: 5px;
  right: 7px;
}

.card-option-icons {
  display: none;
}

.hover-display-icons.guideflow_hovered .card-option-icons {
  display: block;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
}

.hover-display-icons.guideflow_hovered .hide-arrow {
  visibility: hidden;
}

.hover-display-icons.guideflow_hovered:before {
  position: absolute;
  content: "";
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0.92;
  background: #0a064826;
  transition: opacity 0.5s ease-out;
  font-size: 14px;
  text-align: center;
  color: #200303;
  border-radius: 3px;
}

.height-40 {
  height: 40px !important;
}

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

.small-2 {
  font-size: 10px !important;
}

/* vertical scrolls */
.y-scroll {
  overflow-y: auto;
}

/* Thin Scroll start*/
.thin-scroll.guideflow_hovered {
  overflow-y: overlay !important;
}

.thin-scroll::-webkit-scrollbar {
  width: 6px;
}

.thin-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f9fbfd;
  border-radius: 5px;
}

.thin-scroll::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 5px;
}

.streams-accordion .not-collapsed .fe-chevron-down {
  transform: rotate(180deg);
}

/* Mutiline ellipse */
.multi-line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

.w-226 {
  max-width: 226px;
}

.max-width-264 {
  max-width: 264px !important;
}

.max-width-264:first-child {
  padding-left: 12px !important;
}

.w-35per {
  width: 35%;
}

.w-315 {
  max-width: 315px;
}

.w-218 {
  width: 218px;
}

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

.max-height-1200 {
  max-height: 1200px;
}

.height-29 {
  height: 29px;
}

.category-rightbtn {
  right: 0;
  top: -58px;
}

.rangetype {
  top: -51px;
  right: 30px;
}

.banner-close {
  right: 1%;
  top: 8%;
}

.right-2px {
  right: 2px;
}

.rangetype .custom-range {
  max-width: 75px;
}

/* heights */
.max-height-550 {
  max-height: 550px;
}

.max-height-630 {
  max-height: 630px;
}

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

.height-50 {
  height: 50px !important;
}

.max-height-300 {
  max-height: 300px;
}

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

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

/* topmenu */
.top-drop-down .dropdown-menu {
  left: -120px !important;
  width: 220px !important;
}

.top-bar .dropdown-toggle::after {
  display: none;
}

.bottom-left-0 {
  bottom: 0;
  left: 0;
}

.on-hover-color.guideflow_hovered {
  background: #f9fbfd !important;
}

.hide-dropdown-toggle .dropdown-toggle::after {
  display: none !important;
}

.bv-no-focus-ring {
  outline: none;
}

.table-padding-sm th {
  padding: 1rem 0.5rem;
}

.table-padding-sm td {
  padding: 0.5rem;
}

/* Mutiline ellipse */
.multi-line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.multi-line-clamp-2 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.quill-editor-margin p,
.quill-editor-margin h1,
.quill-editor-margin h2 {
  margin-bottom: 0px;
}

/* media */
@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg {
    max-width: 240px !important;
    overflow: hidden;
    padding: 16px 16px !important;
  }

  .modal-lg-custom .modal-dialog {
    max-width: 950px;
  }

  .navbar-vertical.navbar-expand-lg.fixed-left:not([style*="display: none"]) ~ .main-content {
    margin-left: 240px !important;
  }

  nav#sidebar .navbar-brand-img {
    margin-top: 10px !important;
  }
}

@media (min-width: 768px) {
  #topnav #nav-collapse {
    display: block !important;
  }

  .navbar[class*="fixed-"] {
    z-index: 1030 !important;
  }

  .drpfiles-mobile .theme-list .vue-file-agent .file-preview-wrapper.file-preview-new .help-text {
    left: 60% !important;
  }

  .dropfiles-mobile .theme-list .vue-file-agent .file-preview-wrapper.file-preview-new .help-text {
    left: 52% !important;
  }

  .teams-headings-size.header {
    font-size: 14px !important;
    font-weight: 500 !important;
    padding-left: 3.2px !important;
  }

  .teamcc-quill-editor .card-body.py-3 {
    margin-bottom: 55px !important;
  }

  .global-message-input {
    margin-top: 4px !important;
  }

  .crm-preview-modal {
    width: 92vw !important;
    max-width: 92vw !important;
    min-height: 92vh !important;
    overflow: auto;
  }
}

@media (max-width: 768px) {
  /* ninjacontent css */
  .responsive-modal {
    max-width: 95% !important;
  }
  .ninjacontent-slideout {
    width: 100% !important;
  }
  .ninjacontent-slideout .custom-content-width {
    height: 100% !important;
  }
  .ninjacontent-slideout .slideout-scroll-y {
    height: 100vh !important;
  }
  .ninjacontent-editor .ql-toolbar.ql-snow {
    overflow: inherit !important;
  }
  .ninjacontent-hover-items .mobile-refresh-text {
    font-size: 12px !important;
  }
  .transcript-slideout .transcript-responsive-width {
    width: 100% !important;
  }

  .ninjachat-tab .ninjachat-settings-slideout {
    width: 100% !important;
  }

  .mbl-canned .w-600px {
    width: 320px !important;
  }

  .mobile-ninja-chat .h-100 {
    height: auto !important;
  }

  .mobile-ninja-chat .mt-7,
  .ninjachat-online-form .mt-7,
  .ninjachat-offline-form .mt-7 {
    margin-top: 15px !important;
  }

  #add_test {
    width: 100% !important;
  }

  .responsive-filters.rightbtn {
    top: 2px !important;
    right: 24px !important;
  }

  .settings-slideout-responsive {
    width: 100% !important;
  }

  .w-600px {
    width: 300px !important;
  }

  .ticket-responsive-width.b-sidebar.b-sidebar-right .support-upload .vue-file-agent .file-preview-new .help-text {
    left: 60% !important;
  }

  .ticket-responsive-width {
    width: 100% !important;
  }

  .ticket-more.mor-details {
    display: block !important;
  }

  .w-830px {
    max-width: 300px !important;
  }

  .filter-settings-block.support-mobile-domain {
    margin-bottom: 5px !important;
  }

  .filter-settings-block.support-mobile-domain .btn-group .btn-sm {
    height: auto !important;
  }

  .filter-settings-block.support-mobile-domain .filter-component #filter-dropdown {
    height: auto !important;
  }

  .filter-settings-block.support-mobile-domain .custom-select-sm {
    padding: 0;
    height: 26px !important;
  }

  .add-ticket-ohover .vue-moments-ago {
    font-size: 12px !important;
    text-transform: lowercase;
  }

  .add-ticket-ohover .width-46 {
    width: 32px !important;
  }

  .laptop-legends .laptop-legends-none {
    display: none !important;
  }

  .range-slider {
    right: 51% !important;
  }

  .teams-equal-height.teams-cc-draft-icon.teams-cc-lhs .nav-item .nav-link.draft {
    padding: 6px 16px !important;
  }

  .theme-list .vue-file-agent .file-preview-new .help-text {
    left: 200px !important;
  }

  .w-185 {
    width: 100% !important;
  }

  .container.w-193px {
    width: 100% !important;
  }

  .lhs-position.position-absolute {
    position: unset !important;
  }

  .rangetype .custom-range {
    position: absolute;
    right: 0;
    width: 100px;
    top: 1px;
  }

  .manage-link {
    position: absolute;
    right: 100px;
    margin-top: 18px;
  }

  /* Fade Transition Effects */
  .fade-enter-active,
  .fade-leave-active {
    transition: opacity 0.5s;
  }

  .fade-enter,
  .fade-leave-to
  /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
  }

  /* Enter and leave animations can use different */
  /* durations and timing functions.              */
  .slide-fade-enter-active {
    transition: all 0.3s ease;
  }

  .slide-fade-leave-active {
    transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
  }

  .slide-fade-enter,
  .slide-fade-leave-to
  /* .slide-fade-leave-active below version 2.1.8 */ {
    transform: translateX(10px);
    opacity: 0;
  }

  .bounce-enter-active {
    animation: bounce-in 0.5s;
  }

  .bounce-leave-active {
    animation: bounce-in 0.5s reverse;
  }

  @keyframes bounce-in {
    0% {
      transform: scale(0);
    }

    50% {
      transform: scale(1.5);
    }

    100% {
      transform: scale(1);
    }
  }

  nav#sidebar .navbar-brand-img {
    margin-top: 6px !important;
    height: 28px !important;
  }

  .nav-tabs .nav-item {
    margin-left: 0rem !important;
    margin-right: 1.25rem !important;
  }

  div#nav-collapse {
    position: fixed;
    width: 255px !important;
    background: #fff;
    z-index: 999;
    left: 2px;
    padding: 20px !important;
    height: calc(100vh - 56px) !important;
    margin-left: -277px;
    overflow: hidden;
    overflow-y: auto;
    top: -15px;
    transition: all 0.5s ease !important;
    left: -250px !important;
    box-shadow: 0 0.5rem 1rem rgba(18, 38, 63, 0.15) !important;
  }

  .navbar {
    padding: 0.5rem 1rem !important;
    height: 48px;
  }

  div#nav-collapse.collapse.show {
    left: 0px !important;
  }

  .dropup.align-items-center.border-top {
    position: fixed;
    bottom: 0px !important;
    background: #fff;
    width: 255px;
    margin-left: -20px;
    padding: 14px 20px 10px 20px !important;
    transition: all 0.5s ease !important;
  }

  .navbar-collapse:before {
    border-top-width: 0 !important;
  }

  .btn-tab1-alignment {
    top: 135px;
    right: 25px;
    left: initial;
  }

  .sm-200h {
    height: 200px;
  }

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

  .height-sm-130 {
    height: 130px !important;
  }

  .message-card-editor-mobile .collab-quill-editor.sticky-top .ql-toolbar.ql-snow .ql-formats [class^="ql"] {
    margin-right: 1px !important;
  }

  .emoji-quill-editor-mobile .custom-quill-emoji-picker.custom-quill-edit-emoji-picker {
    position: absolute;
    bottom: -2.5px;
    z-index: 114;
    left: -4px !important;
  }

  .message-card-editor-mobile .collab-quill-editor.sticky-top .ql-toolbar.ql-snow .ql-formats [class^="ql"] {
    margin-right: 1px !important;
  }

  .header .teams-headings-size.header {
    font-size: 16px !important;
  }

  #AddToPMTask {
    width: 100% !important;
  }

  .feedbackup-infinity-comments .quill-comment-editor.discussion-list-comment-box {
    position: fixed;
    bottom: -12px !important;
    width: 100% !important;
    left: 2px !important;
  }

  .feedbackup-infinity-mobilebutton {
    bottom: 2px !important;
    right: 8px !important;
  }

  .video-recorder-option .w-100 .vue-recorder.vue-video-recorder.active {
    left: 34.5% !important;
  }

  .thread-child-card-message ul.dropdown-menu.py-0.border-0.z-index-1039.shadow.add-reaction-emoji.show {
    top: -39px !important;
  }

  .teams-cc-container.theme-white #tab-panel .ap {
    margin-left: 10px !important;
    margin-top: 9px !important;
    margin-right: 11px !important;
  }

  .teams-message-lineheight ol,
  .teams-message-lineheight ul {
    overflow-x: auto !important;
  }

  .belloff-teams-icon .fe {
    font-size: 18px;
  }

  .teams-cc-container .ql-snow .ql-color-picker .ql-picker-label svg,
  .teams-cc-container .ql-snow .ql-icon-picker .ql-picker-label svg {
    margin-top: -5px;
  }

  .teams-cc-container #textarea-emoji #tab-panel .ap {
    margin-right: 11px !important;
  }

  .teams-cc-container .badge.date-badge-design {
    z-index: unset !important;
  }

  #preview-modal .crm-preview-modal {
    width: 92vw !important;
    max-width: 92vw !important;
    min-height: 92vh !important;
    overflow: auto;
  }
  #sidebar.navbar .border-top:first-child {
    border: 0px !important;
  }
}

/* media query for Large viewports */
@media (min-width: 1366px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1180px !important;
  }

  .b-sidebar.b-sidebar-right .support-upload .vue-file-agent .file-preview-new .help-text {
    font-size: 13px !important;
  }

  .esign-file-upload .theme-list .vue-file-agent .file-preview-wrapper.file-preview-new .help-text {
    transform: translate(7%, -56%) !important;
  }
}

@media (max-width: 1366px) {
  .article-vSelect .selected {
    max-width: 205px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .discussion-vh {
    height: calc(100vh - 70px) !important;
  }

  .theme-list .overview-upload .theme-list .vue-file-agent .file-preview-new .help-text {
    left: 35% !important;
  }

  .kanban-container {
    min-height: calc(100vh - 275px) !important;
    overflow-y: hidden;
  }

  .description-emptystate img {
    display: none !important;
  }

  .task-list-pagination {
    padding-bottom: 2.5rem !important;
  }

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

  .placeholder-responsive.projects-placeholder {
    max-height: 400px;
    overflow: hidden;
  }

  .placeholder-responsive.projects-placeholder.guideflow_hovered {
    overflow: auto;
  }

  .placeholder-responsive.projects-placeholder::-webkit-scrollbar {
    width: 2px;
  }

  .plugins-cards {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }

  .w-20ch {
    width: 18ch !important;
  }

  .sign-comments-editor.notes-comments .quill-editor.discussion-list-comment-box {
    width: 88% !important;
  }
}

@media (max-width: 1440px) {
  .article-vSelect .selected {
    max-width: 220px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .discussion-vh {
    height: calc(100vh - 70px) !important;
  }

  .botup-flow-templates .templates-container .tab-content .px-2.col-md-6.col-lg-3 {
    max-width: 25% !important;
  }

  .mobile-profile-name {
    font-size: 10px;
  }

  .feed-mobiletitle {
    word-break: break-word;
    line-height: 18px;
    width: 30ch;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1366px !important;
  }

  .min-height-72vh {
    min-height: auto !important;
  }

  .description-emptystate img {
    display: inline-block !important;
  }

  .nav-pills li a.btn-white {
    padding: 6px 10px !important;
    line-height: 1.2;
  }

  .mobile-category-btn .mytask-avatar {
    height: 18px;
    margin-top: -1px;
  }

  #sort-by__BV_toggle_.track_createddate {
    position: absolute;
    right: 12% !important;
  }
}

@media (min-width: 1600px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1570px !important;
  }

  .dashed-after::after {
    width: 100% !important;
    margin-right: 60px !important;
  }

  .b-sidebar.b-sidebar-right .feed-mobiletitle {
    word-break: break-word;
    line-height: 18px;
    width: 90ch !important;
  }

  .botpath-search-bar {
    width: 50% !important;
  }

  .bots-use-dropdown .dropdown-menu {
    min-width: 25rem !important;
  }

  #sort-by__BV_toggle_.track_createddate {
    position: absolute;
    right: 11% !important;
  }
}

@media (min-width: 1960px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1870px !important;
  }

  #sort-by__BV_toggle_.track_createddate {
    position: absolute;
    right: 14% !important;
  }
}

@media (min-width: 320px) and (max-width: 360px) {
  .navbar[class*="fixed-"] {
    z-index: 975 !important;
  }

  .w-22ch {
    width: 18ch !important;
  }

  ::placeholder {
    font-size: 12px;
  }

  .stream-slider {
    top: 105px;
    right: 0;
  }

  .networkdrp .dropdown-menu-right.show {
    width: -webkit-fill-available;
  }

  .category .dropdown-menu.show {
    left: -165px !important;
  }

  .rangetype {
    position: unset !important;
    margin-top: 7px;
  }

  .rangetype .custom-range {
    display: none;
  }

  .rightbtn {
    right: 25px !important;
  }

  .rangetype .manage-link {
    position: absolute;
    right: -10px;
    margin-top: 5px;
  }

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

  .fc .fc-toolbar.fc-header-toolbar {
    display: block;
  }

  .mobile-nav-tabs.projects-mobile-tab {
    padding-bottom: 63px !important;
    z-index: unset !important;
    box-shadow: #e2f0fb 0px 0px 5px 0px !important;
  }

  .mobile-projects-tab .custom-width-task-rhs {
    height: calc(114vh - 65px) !important;
  }

  .mobile-prospectproject {
    width: 33% !important;
    position: absolute;
    top: 105px;
  }
}

@media (min-width: 361px) and (max-width: 375px) {
  .mobile-prospectproject {
    width: 30% !important;
  }
}

@media (min-width: 354px) and (max-width: 600px) {
  #app div#user-filter > .btn.ml-2 {
    display: flex !important;
    align-items: center !important;
    margin: 0px !important;
    line-height: 30px !important;
    color: #fff !important;
  }
  #app div#user-filter {
    border: 1px solid #e3ebf6;
    line-height: 1.5 !important;
    padding: 0px 6px !important;
    width: 75px !important;
    border-radius: 0.375rem !important;
    background: #14264e !important;
    margin-right: 6px !important;
    margin-left: 0px;
    width: auto !important;
  }
  .questions .ninjainterview .max-width-400 {
    max-width: 90px !important;
  }

  #add_test .ninja-interview .ql-toolbar.ql-snow {
    padding: 8px 0px !important;
    overflow: auto !important;
  }

  .ticket-responsive-width .rounded-top.sticky-top {
    height: 70px;
  }

  .ticketslideout-avatar .w-830px {
    max-width: 115px !important;
  }

  .ticket-responsive-width .support-slide-lg-3 {
    height: 100vh;
  }

  .mobile-domain .responsive-filters.rightbtn {
    top: 11px !important;
    right: 30px !important;
  }

  .mobile-form .mobile-quill-btn {
    position: unset !important;
    margin-top: 4px;
  }

  .support-mobile-email p.small.text-muted.mb-0 {
    width: 215px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-nav-tabs.projects-mobile-tab {
    padding-bottom: 63px !important;
    z-index: unset !important;
    box-shadow: #e2f0fb 0px 0px 5px 0px !important;
  }

  .mobile-projects-tab .custom-width-task-rhs {
    height: calc(100vh - 26vh) !important;
  }

  .mobile-prospectproject {
    width: 27%;
    position: absolute;
    top: 105px;
  }

  .mobile-taskslideout-scroll .custom-width-task-lhs.vh-100 {
    overflow: auto !important;
  }
}

@media (min-width: 361px) {
  .navbar[class*="fixed-"] {
    z-index: 975 !important;
  }
}

.rightbtn {
  right: 35px;
  margin-top: 15px;
}

/* Theme start */
.navbar-dark .trial {
  color: #ffc00a;
  background-color: #0e233c;
}

.navbar-light .trial {
  color: #ff8f00;
  background-color: #f5f5f5;
}

.navbar-dark.navbar-vibrant .trial {
  color: #ffc00a;
  background-color: #3b46e9;
}

.navbar-dark.navbar-vibrant .white {
  color: #fff !important;
}

.navbar-dark .dropdown-menu .nav-link.guideflow_hovered,
.navbar-dark .dropdown-menu .nav-link:focus {
  color: rgb(18, 38, 63) !important;
}

.navbar-vibrant .border-top {
  border-top: 1px solid #6159d6 !important;
}

.navbar-dark.navbar-vibrant .dropdown-menu .nav-link {
  color: #6e84a3;
}

/* nav#sidebar::-webkit-scrollbar-thumb {
  background: #fff;
} */

/* .navbar-dark.navbar-vibrant::-webkit-scrollbar-thumb {
  background: transparent !important;
} */

/* .navbar-dark.navbar-vibrant::-webkit-scrollbar-track {
  box-shadow: unset !important;
} */

/* .navbar-dark::-webkit-scrollbar-thumb {
  background: #152e4d !important;
} */

/* .navbar-dark::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #152e4d !important;
} */

/* Theme end */
.delete-hover.guideflow_hovered:after {
  display: block;
  position: absolute;
  right: 4px;
  height: 16px;
  width: 16px;
  background: #d0d0d0;
  content: "⨉";
  top: 5px;
  border-radius: 50%;
  font-size: 10px;
  padding-top: 3px;
}

/* vue tooltip css */
.tooltip.b-tooltip {
  display: block;
  opacity: 0.9;
  outline: 0;
}

.tooltip.b-tooltip.noninteractive {
  pointer-events: none;
}

/* tooltip for right side */
.bs-tooltip-right {
  left: 14px !important;
}

/* vue tooltip end */

/* icon menu styles */
.settings-dropdown .dropdown-menu {
  right: -73px;
  width: 210px;
}

.icon-menu .dropdown-menu {
  right: auto !important;
  left: 68px;
  bottom: 0px !important;
}

.settings-dropdown .dropdown {
  min-width: 4.2rem;
  margin-left: -14px;
}

/* table caption */
table caption {
  caption-side: top;
  padding-top: 0;
}

/* b-pagination for tables */
.prev-next-padding .next.disabled,
.prev-next-padding .prev.disabled {
  border-top: 1px solid !important;
}

.prev-next-padding .next button.page-link,
.prev-next-padding .next span.page-link,
.prev-next-padding .prev span.page-link,
.prev-next-padding .prev button.page-link {
  padding: 1px !important;
}

/* Table sorting */
.table.b-table > tfoot > tr > [aria-sort],
.table.b-table > thead > tr > [aria-sort] {
  outline: none !important;
  cursor: pointer;
}

.table-sm thead th > div {
  display: inline;
}

.table.b-table > tfoot > tr > [aria-sort]::after,
table.b-table > thead > tr > [aria-sort]:after {
  content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='%2395AAC9'/></svg>") !important;
  margin-left: 0.25rem;
  position: relative;
  top: 2px;
}

/* try-buy apps styles */
.try-buy-btn .btn {
  font-size: 9px !important;
  font-weight: 700 !important;
  padding-top: 3px !important;
  line-height: 14px !important;
  border-color: transparent !important;
}

.try-buy-btn .try-app-color {
  color: orange !important;
  background: #f8f8f8 !important;
}

.try-buy-btn .buy-app-color {
  color: #386ef5 !important;
  background: #f8f8f8 !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.try-buy-btn .buy-app-color.guideflow_hovered {
  background: #f0eeee !important;
}

.try-buy-btn .try-app-color.guideflow_hovered {
  background: #f0eeee !important;
}

/* try-buy apps styles */
.dropdown-toggle-p-0 .dropdown-toggle {
  padding: 0 !important;
}

.top-n14p {
  top: -14px;
}

.hover-text.guideflow_hovered .text-on-hover {
  display: block !important;
}

.font-10p {
  font-size: 10px;
}

.custom-control-inline {
  margin-right: 1rem !important;
  padding-left: 1.5rem !important;
}

.builddrp .dropdown-toggle::after {
  content: "";
  display: none;
}

.builddrp .dropdown-menu {
  padding: 0px;
}

.category .dropdown-menu-card-width-width {
  width: 225px;
}

.bg-fixed-bottom {
  /* background-image: url(https://html-assets-prod.guideflow.com/81446f1727813fbbce28d5f61f2169ea67065c33); */
  background-size: 100% auto !important;
}

.navbar-vertical ~ .main-content .bg-fixed-bottom {
  background-size: 87% !important;
}

.navbar-vertical.navbar-vertical-sm ~ .main-content .bg-fixed-bottom {
  background-size: 96% !important;
}

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

.width-140 {
  width: 140px;
}

.avatar-dropdown .max-w-30 {
  max-width: 1.25rem !important;
  height: 1.25rem !important;
}

.navbar-light .icon-workspace .btn-group {
  border: 1px solid #eee !important;
}

.icon-workspace .dropdown-menu-right {
  left: 92% !important;
}

.icon-workspace .btn-group {
  margin-top: 1rem !important;
  padding: 2px 7px 0px 8px;
  border: 1px solid #eeeeee38;
  border-radius: 3px;
}

.icon-workspace .dropdown-toggle {
  padding-left: 6px !important;
  width: 3ch !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

.icon-workspace .dropdown-toggle .small-2 {
  font-size: 16px !important;
  font-weight: bold;
  margin-left: -2px !important;
}

.icon-workspace .dropdown-toggle::after {
  transform: rotate(-94deg);
}

/* styles for Search tags component */
.table-search-design .ti-input {
  border: 0;
}

.table-search-design .ti-new-tag-input-wrapper {
  font-size: inherit !important;
}

.table-search-design .vue-tags-input {
  max-width: 100% !important;
}

.compose-mail .b-form-tag,
.table-search-design .ti-tag {
  color: rgba(12, 18, 28, 0.87) !important;
  background-color: #f3f4f5 !important;
  border-radius: 4px !important;
  font-size: 0.85em !important;
}

.compose-mail .b-form-tag.guideflow_hovered,
.table-search-design .ti-tag.guideflow_hovered {
  background-color: #cacdd2 !important;
  box-shadow: inset 0 0 0 1px #cacdd2 !important;
  color: rgba(12, 18, 28, 0.87) !important;
}

.table-search-design .ti-tag.guideflow_hovered .ti-icon-close {
  display: block !important;
}

li.ti-item.ti-valid {
  border-top: 2px solid #edf2f9;
}

input.ti-new-tag-input.ti-valid::placeholder {
  color: #b1c2d9;
}

.ti-input {
  border: 0px !important;
}

.ti-selected-item {
  background: #f9fbfd !important;
  color: #12263f !important;
}

span.fa.fa-chevron-left:after {
  content: "\e910";
  font-family: "Feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

span.fa.fa-chevron-right:after {
  content: "\e912";
  font-family: "Feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-vibrant .border-top {
  border-top: 1px solid #6159d6 !important;
}

/* nav#sidebar.navbar-dark.navbar-vibrant::-webkit-scrollbar-thumb {
  background: transparent !important;
} */

/* nav#sidebar.navbar-dark.navbar-vibrant::-webkit-scrollbar-track {
  box-shadow: unset !important;
} */

/* multiselect */
.btn-white.active {
  background-color: #2c7be5 !important;
  color: #fff !important;
  border-color: #2c7be5 !important;
}

.multiselect__option {
  white-space: normal;
  line-height: 20px;
}

.multiselect__option--highlight {
  background: #e2e6ed !important;
  outline: none;
  color: #6e84a3 !important;
}

.multiselect__tag-icon:after {
  color: #ffffff !important;
}

.multiselect__tag {
  color: #fff !important;
  background: #9eaacc !important;
}

.multiselect__option--highlight:after {
  content: attr(data-select);
  background: #e2e6ed !important;
  color: #6e84a3 !important;
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon.guideflow_hovered:after {
  color: #fff !important;
  opacity: 0.8;
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon.guideflow_hovered {
  background: #9eaacc !important;
}

.multiselect__tag-icon {
  border-radius: 0px !important;
}

.multiselect__element {
  margin: 5px !important;
}

.multiselect__option--highlight {
  background: #f3f3f3 !important;
}

.multiselect__option--highlight:after {
  background: #f3f3f3 !important;
}

.multiselect__select:before {
  top: 34% !important;
  color: #95aac9;
  content: "\e92e" !important;
  font-family: "Feather" !important;
  border-width: 0 !important;
}

.multiselect__placeholder {
  padding-left: 7px !important;
  color: #b1c2e0 !important;
}

.popover {
  padding: 0.5rem 0.85rem;
  z-index: 999 !important;
}

.slideout-body .b-sidebar-body {
  padding: 0 !important;
  overflow: hidden;
}

.b-sidebar.slideout-body .b-sidebar-body {
  padding: 0 !important;
}

.gravatar img {
  border-radius: 50%;
}

.max-height-590 {
  max-height: 590px;
}

button.close {
  top: 6px;
  position: relative;
}

.workspace-dropdown .dropdown-menu {
  width: 220px;
  left: 50%;
  transform: translateX(-50%);
  outline: none !important;
}

.workspace-dropdown .media-body {
  width: 175px;
}

.tooltip.b-tooltip {
  pointer-events: none;
}

.avatar {
  -webkit-mask-image: none !important;
}

.message-upload .vue-file-agent .file-preview-new .help-text {
  top: 20%;
}

.message-upload .vue-file-agent .file-preview-wrapper,
.vue-file-agent .file-preview {
  height: 80px !important;
}

.popover {
  padding: 0.25rem 0.5rem !important;
  margin-bottom: 0.5rem !important;
  border-radius: 4px !important;
}

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

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

.kanban-category,
.dropdown-menu.show,
tr,
td,
.popover {
  outline: none !important;
}

.stream-lineheight {
  line-height: 1;
}

.col-form-label {
  padding-bottom: calc(0.25rem + 0px) !important;
}

/* switch styles */
.custom-switch .custom-control-label:before {
  left: -2.25rem !important;
  width: 2.25rem !important;
  height: 1.2rem !important;
}

.custom-switch .custom-control-label:after {
  top: calc(0.26rem + -2px) !important;
  left: calc(-2.05rem + -2px) !important;
  width: calc(1rem - 2px) !important;
  height: calc(1rem - 2px) !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(1.25rem) !important;
}

.kanban-container {
  min-height: calc(100vh - 275px);
}

.stream-lineheight .fe-linkedin:before,
.stream-lineheight .fe-twitter:before,
.stream-lineheight .fe-facebook:before,
.stream-lineheight .fe-rss:before,
.stream-lineheight .fe-instagram:before,
.stream-lineheight .fe-youtube:before {
  font-size: 13px;
}

.export-button {
  top: -36px;
  right: 29px;
  z-index: 5;
}

.add-list-button {
  z-index: 2;
  right: 39px;
  top: 20px;
}

.lists-table .input-group {
  max-width: 80% !important;
}

/* disable workspace dropdown on hover styles */
.workspace-dropdown .dropdown.guideflow_hovered .dropdown-menu {
  display: none !important;
}

.workspace-dropdown .dropdown .dropdown-menu.show {
  display: block !important;
}

.dropdown-no-focus .dropdown-toggle {
  outline: 0 !important;
  box-shadow: none;
}

:focus,
focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.form-group.required > legend:after {
  content: " *";
  color: red;
}

.char-width {
  width: 140px;
}

.status-dropdown .dropdown-toggle::after {
  visibility: hidden;
}

.project-drophover.guideflow_hovered .status-dropdown .dropdown-toggle::after {
  visibility: visible;
}

.status-dropdown .dropdown-menu.show {
  max-height: 190px;
  overflow: overlay;
}

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

.banner-close .fe-x {
  color: #95aac9 !important;
  text-shadow: none;
  opacity: 0.5;
}

.banner-close .fe-x.guideflow_hovered {
  opacity: 0.8;
}

.icons .fe-rotate-cw,
.icons .fe-x,
.icons .fe-plus {
  color: #95aac9 !important;
  text-shadow: none;
  opacity: 0.5;
}

.icons .fe-rotate-cw.guideflow_hovered,
.icons .fe-x.guideflow_hovered {
  opacity: 0.8;
}

.streams-post-icons .fe-thumbs-up,
.streams-post-icons .fe-message-square,
.streams-post-icons .fe-corner-up-left,
.streams-post-icons .fe-repeat,
.streams-post-icons .fe-heart,
.streams-post-icons .fe-plus,
.streams-post-icons .fe-more-vertical {
  opacity: 0.85;
}

.streams-post-icons .fe-thumbs-up.guideflow_hovered,
.streams-post-icons .fe-message-square.guideflow_hovered,
.streams-post-icons .fe-corner-up-left.guideflow_hovered,
.streams-post-icons .fe-repeat.guideflow_hovered,
.streams-post-icons .fe-heart.guideflow_hovered,
.streams-post-icons .fe-plus.guideflow_hovered,
.streams-post-icons .fe-more-vertical.guideflow_hovered,
.streams-post-icons .fe-external-link.guideflow_hovered {
  opacity: 1;
  color: #3e90fa !important;
}

.plus-icon {
  right: 0px;
  top: 31px;
}

.dashed-border {
  border: 1px dashed #edf2f9;
}

.stream-slider {
  top: 5px;
  right: 80px;
  width: 75px !important;
}

.top-30px {
  top: 30px;
}

.remove-border .b-form-tags.form-control {
  border: 0;
  padding: 0;
}

.range-slider {
  top: -42px;
  right: 42%;
}

.charh-width {
  max-width: 230px;
}

.tweet-dropdown .dropdown-menu {
  padding: 8px 0px;
}

.lineheight-1 {
  line-height: 1.2 !important;
}

.onhover-color.guideflow_hovered {
  border-color: #2c7be5 !important;
}

.icons-dropdown.show .dropdown-menu.show {
  height: 50vh;
  overflow: auto;
  width: 250px;
  padding: 8px;
}

.icons-dropdown.show .dropdown-item {
  padding: 5px;
}

.icons-dropdown .dropdown-item {
  padding: 0px 5px;
}

.slideout-body .b-sidebar-body {
  padding: 0 !important;
  overflow: overlay !important;
}

.text-truncate-twolines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal !important;
}

.list-item-bg-to-color .list-group-item.active small,
.list-item-bg-to-color .list-group-item.active {
  background: transparent;
  color: #2c7be5 !important;
  border-color: #edf2f9 !important;
}

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

#sidebarSmall.navbar-dark .router-link-active.active {
  color: #12263f !important;
}

.top-0px {
  top: 0px !important;
}

.kanban-add-form .border-bottom-2px {
  border-bottom: 1px solid #2c7be5 !important;
  border-radius: 0px !important;
}

.kanban-add-form .border-bottom-2px.form-control:focus {
  border-bottom-color: #aaa4ff !important;
}

.kanban-add-form .form-control[data-toggle="flatpickr"] {
  width: 18ch !important;
}

#signup .form-control[type="number"]::-webkit-inner-spin-button,
#signup .form-control[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* toaster styles */
.b-toast {
  display: block;
  position: relative;
  max-width: 350px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-clip: padding-box;
  z-index: 1;
  border-radius: 0.25rem;
}

.b-toast .toast {
  opacity: 1;
  position: fixed;
  top: 13px;
  right: 13px;
}

/* Custom classes */
.b-toaster.b-toaster-top-right {
  position: fixed;
  right: 0.5rem;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: visible;
}

.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-move {
  transition: transform 0.175s;
}

.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade {
  transition-delay: 0.175s;
}

.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active {
  position: absolute;
  transition-delay: 0.175s;
}

.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade {
  transition-delay: 0s;
}

.toast-body {
  padding: 0.75rem;
}

.b-toaster.b-toaster-top-right .b-toaster-slot {
  margin-top: 0.75rem;
}

.b-toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.networkdrp .dropdown-menu-right.show {
  max-height: 250px;
  overflow: overlay;
}

.push-filter {
  position: absolute;
  top: -62px;
  right: 50px;
}

.multiselect__tags {
  background: #fff !important;
}

.fc-event-main {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.top-6 {
  top: 6.4px !important;
}

.is-side.elementstyles .elm-list {
  display: none !important;
}

/* media for float */
@media (min-width: 320px) {
  .media-large.col-lg-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .media-small {
    display: none !important;
  }

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

@media (min-width: 320px) and (max-width: 360px) {
  .dailer-right {
    position: absolute;
    top: -30px;
    right: 15px;
  }

  .without-bell {
    display: none;
  }

  .navbar .bell {
    display: flex !important;
    position: absolute;
    background: transparent;
    top: -7px;
    left: 135px !important;
    text-align: right;
  }

  .workspace-dropdown {
    position: relative;
  }

  .mobile-projects-tab .custom-width-task-rhs {
    height: calc(118vh - 30vh) !important;
  }
}

@media (max-width: 600px) {
  #app .side-menu-help .dropdown-menu {
    width: 68% !important;
    bottom: unset;
    position: fixed !important;
    top: unset !important;
    left: 40px !important;
  }
  div#dropdown-dialer .dropdown-menu {
    left: 0px !important;
    padding-left: 45px !important;
  }
  /* ninnjacontent css */
  .ninjacontent-slideout {
    width: 100% !important;
  }
  .head-url-width {
    max-width: 110px !important;
  }
  .content-mobile-title {
    max-width: 110px !important;
  }
  .mobile-domain .hide-card-footer .mobile-bg-white {
    padding: 15px 0px 0px 0px !important;
  }

  #testSlideout .mobile-sidebar-hover .min-height-153 {
    min-height: unset !important;
  }

  .mobile-sidebar-hover .card-body.mt-3 {
    margin-top: 1.4rem !important;
  }

  .mobile-padding-bottom-0 .action-icons {
    margin: 0px !important;
  }

  .onhover .icons {
    display: block !important;
  }

  /* schedule mobile css */
  .event-time-picker .vue__time-picker {
    width: 100% !important;
  }

  .mobile-date-picker.schedule-reports .form-control.reportrange-text {
    width: 140px !important;
  }

  .dropdown-menu.min-width-250px {
    max-width: 350px !important;
    overflow: auto !important;
  }

  .mobile-domain .highcarts .card-header {
    box-shadow: unset !important;
    border: initial !important;
  }

  button#filter-dropdown {
    padding: 0.25rem 0.5rem;
  }

  .mobile-date-picker.schedule-reports .reports-datepicker .slot .btn {
    height: 31px;
    line-height: 12px;
  }

  .mobile-ical-title strong {
    font-size: 13px;
  }

  .script-img {
    width: 390px;
    height: 209px;
  }

  .schedule-custom-fields {
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
  }

  .schedule-custom-fields .card-body {
    padding: 0;
  }

  .schedule-custom-fields .car-title {
    font-size: 13px;
  }

  .schedule-custom-fields .top-47-left-4 {
    top: -4px;
    left: 18px !important;
  }

  .mobile-webhooks-font {
    font-size: 14px;
  }

  .mobile-date-picker.schedule-reports .reports-datepicker .vue-daterange-picker .daterangepicker.opensleft {
    left: -5px !important;
  }

  .mobile-date-picker.schedule-reports .reports-datepicker .myactfilter .daterangepicker.opensleft:after {
    right: 120px !important;
    left: unset !important;
  }

  .mobile-date-picker.schedule-reports .reports-datepicker .myactfilter .daterangepicker.opensleft:before {
    right: 119px !important;
    left: unset !important;
  }

  .contacts-filter {
    right: -65px !important;
    top: 62px !important;
    z-index: 10;
  }

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

  .contacts-filter #filter-collapse.w-465 {
    right: 0px !important;
  }

  .schedule-mobile .mobile-createdby {
    padding-left: 0px;
  }

  .mobile-slideout-css .compose-mail div.card-body:first-child {
    padding: 12px !important;
  }

  .mobile-sidebar-hover {
    overflow-y: auto !important;
  }

  .mobile-sidebar-hover [class*="col-"] {
    overflow: hidden !important;
    height: unset !important;
  }

  .b-sidebar-body .max-width-100ch {
    max-width: 100% !important;
  }

  ._500apps_plugin_login_apps .google-sso .img {
    height: 30px !important;
  }

  .mobile-slideout-css .b-sidebar .b-sidebar-body {
    padding: 6px !important;
    overflow-x: hidden !important;
  }

  .mobile-slideout-css .compose-mail {
    background-color: transparent !important;
    border-color: transparent !important;
  }

  .mobile-slideout-css .compose-mail .card-body.p-3 {
    background-color: #fff !important;
  }

  .mx-mobile-4 {
    margin-left: 13px !important;
    margin-right: 13px !important;
  }

  .mobile-slideout-css .dropdown .icons {
    display: block !important;
  }

  .w-22ch {
    width: 18ch !important;
  }

  .fc-toolbar-chunk {
    display: flex;
  }

  .mobile-top-6 {
    top: 20px !important;
  }

  .mobile-comment-title {
    font-size: 13px;
  }

  button.fc-today-button.btn.btn-primary {
    display: none;
  }

  .mobile-taskslideout-scroll {
    overflow: auto;
    height: calc(100vh - 50px);
  }

  .fc .fc-toolbar.fc-header-toolbar {
    display: flex !important;
  }

  .task-slideout-comments .quill-comment-editor.discussion-list-comment-box {
    bottom: 0px !important;
  }

  .task-slideout-comments .discussions-list-pagination {
    max-height: calc(100vh - 100px) !important;
  }

  .list-hover.guideflow_hovered {
    background-color: transparent !important;
  }

  .mobile-menu .discussion-vh .discussions-list-pagination {
    max-height: calc(100vh - 215px) !important;
    overflow-y: auto;
  }

  .task-list .thin-scroll.max-height-200 {
    max-height: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  .projects-tab {
    flex-wrap: inherit !important;
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box !important;
    z-index: 1 !important;
  }

  .fc-toolbar .fc-toolbar-chunk .fc-toolbar-title {
    font-size: 17px !important;
  }

  .fc .fc-toolbar.fc-header-toolbar .btn-group {
    margin-left: 0;
  }

  .mobile-activity .activities-list-pagination.guideflow_hovered {
    overflow-y: hidden !important;
  }

  .fc-toolbar .btn-group .fc-prev-button,
  .fc-toolbar .btn-group .fc-next-button {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #e3ebf6 !important;
    background: transparent !important;
  }

  .fc-dayGridMonth-button.btn-primary,
  .fc-timeGridWeek-button.btn-primary {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #e3ebf6 !important;
    background: transparent !important;
  }

  .fc-dayGridMonth-button.btn-primary.active,
  .fc-timeGridWeek-button.btn-primary.active {
    color: #000 !important;
    background: #f2f8fdcf !important;
  }

  .plugins-cards.col-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .mobile-sm-text {
    font-size: 10px;
  }

  .mobile-activity-text .mobile-sm-text {
    font-size: 12px !important;
  }

  .finder-upload .theme-list .vue-file-agent .file-preview-new .file-preview .help-text {
    left: 46% !important;
    font-size: 12px !important;
  }

  .upload-filemanager .theme-list .vue-file-agent.file-input-wrapper .file-preview-new .help-text {
    left: 40% !important;
    font-size: 13px;
    margin-top: -3px;
  }

  .b-sidebar {
    width: 100% !important;
  }

  .max-width-100ch {
    max-width: 15ch !important;
  }

  .hide-scroll {
    overflow: auto !important;
  }

  .hide-scroll .task-list .task-list-pagination {
    max-height: 100% !important;
    padding-bottom: 2.5rem !important;
    padding-right: 0px !important;
  }

  .hide-scroll .project-search-box.guideflow_hovered .input-group .form-control {
    width: 130px !important;
  }

  .g-search.project-search-box.guideflow_hovered .input-group .form-control {
    width: 130px !important;
  }

  .project-search-box .global-search-results {
    width: 325px !important;
  }

  .task-list .category-mobile {
    position: inherit !important;
    top: auto !important;
  }

  .max-mobile-width {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  .activities-list-pagination {
    max-height: 100% !important;
    padding-right: 0px !important;
  }

  .mobile-activity-select {
    position: absolute;
    top: -78px;
    width: 110px !important;
    right: -23px;
  }

  .mobile-activity-member-select {
    position: absolute;
    top: -78px;
    width: 150px !important;
    right: -25px;
  }

  .max-mobile-content {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .streams-max-mobile-width {
    max-width: 345px !important;
  }

  .streams-max-mobile-content {
    max-width: 355px !important;
  }

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

  .message-tone .rounded-right-0 {
    border-radius: 4px !important;
  }

  .message-tone .border-left-0.rounded-left-0 {
    border-radius: 4px !important;
    border-left: 1px solid #e5edf6 !important;
  }

  .pbx-media .rightbtn {
    position: relative !important;
    right: 0;
    top: -12px;
    margin-bottom: 5px !important;
  }

  .mobile-pbx-media .rightbtn {
    position: relative !important;
    top: -15px;
    margin: 0 !important;
  }

  .pbx-media.mobile-pbx-media .input-group-merge .custom-select-sm.form-control {
    width: 63vw;
  }

  .calllogs-table .email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:first-child p {
    white-space: nowrap !important;
  }

  .mobile-dailer-icons .dropdown-menu {
    top: 180px !important;
  }

  .mobile-dialer .dropdown-menu {
    top: 420px !important;
  }

  .daterangepicker .calendars-container {
    flex-direction: column;
  }

  .reports-datepicker .vue-daterange-picker .daterangepicker.opensleft {
    left: -130px !important;
  }

  .streams-max-mobile-width.sortable-chosen.ghost-card {
    touch-action: none !important;
    user-select: none !important;
  }

  /* hipsocial css */
  .streams-tabs > div:first-child {
    background: #fff;
    border-radius: 0.3rem;
    padding: 10px !important;
    box-shadow: #e2f0fb 0px 0px 5px 0px !important;
    border: 1px solid #ededed;
    height: 100px;
  }

  .mobile-streams-bg {
    position: absolute;
    top: 50px;
    left: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .mobile-approvals-btn {
    position: absolute;
    top: -50px;
  }

  .mobile-approvals-btn .font-size-14px {
    font-size: 16px !important;
  }

  .category.position-static .dropdown-menu.show {
    top: 20px !important;
  }

  .category .dropdown-menu-card-width-width .card-body {
    padding: 18px 15px !important;
  }

  .mobile-count-position {
    position: absolute;
    bottom: -16px;
    right: 70px;
  }

  .nav-pills li a.btn-white {
    padding: 6px 10px !important;
    line-height: 1.2;
  }

  .media-width .media .tui-image-editor-container .tui-image-editor-help-menu.top {
    width: 320px !important;
  }

  .media-update-btn {
    position: absolute;
    top: -87px;
    right: 18px;
    padding: 6px !important;
  }

  .tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item,
  .tui-image-editor-container .tui-image-editor-help-menu > .tui-image-editor-item {
    padding: 3px !important;
    margin: 0 2px !important;
  }

  .tui-image-editor-container .svg_ic-menu {
    width: 20px !important;
    height: 20px !important;
  }

  .media-width .media-file .vue-file-agent .file-preview-new .help-text {
    left: 5% !important;
  }

  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    border-bottom: 1px solid #2c7be5 !important;
  }

  .projects-tab .mobile-category-drop {
    position: absolute !important;
    right: 12px;
    top: 45px;
    z-index: 2;
  }

  .projects-tab .category .dropdown-menu-card-width-width {
    width: 240px !important;
  }

  .mobile-plugins .card-body.pb-md-3.pt-md-4.p-3.px-md-4,
  .mobile-plugins .card-body.px-md-4.pt-3.pb-md-2.p-3 {
    padding: 16px !important;
  }

  .manager-list .b-table .avatar.avatar-xs .w-226.text-secondary {
    white-space: nowrap;
    margin-left: 0;
  }

  .manager-list .hipsocial-media-icons .fe {
    padding: 0px !important;
  }

  .tui-image-editor-submenu-item {
    padding: 10px 20px !important;
    overflow-x: auto;
    width: 335px;
  }

  .tui-image-editor-container.bottom .tui-image-editor-submenu > div {
    padding-bottom: 0px !important;
    margin-top: 20px !important;
  }

  .streams-tabs .projects-tab .nav-item:nth-last-child(2) {
    margin-right: 0px !important;
  }

  .hipsocial-media .theme-list .vue-file-agent .file-preview-new .file-preview .help-text {
    left: 40% !important;
  }

  .media canvas.lower-canvas {
    width: 47% !important;
  }

  /* pushninja css */
  .push-email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(n + 2) {
    position: relative;
  }

  .messgae-email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(n + 2) {
    position: relative;
  }

  .messgae-email-verify .icons-small-chrome {
    position: absolute;
    left: 85px;
    top: 4px;
  }

  .messgae-email-verify .icons-ubuntu,
  .messgae-email-verify .icons-linux {
    position: absolute;
    left: 150px;
    top: 4px;
  }

  .messgae-email-verify .fe-check.text-success {
    position: absolute;
    left: 56px;
    top: 1px;
  }

  .push-email-verify .right-25px {
    right: 8px !important;
  }

  .push-email-verify .icons-small-desktop,
  .push-email-verify .icons-small-mobile {
    position: absolute;
    left: 80px;
    top: 6px;
  }

  .push-email-verify .icons-ubuntu,
  .push-email-verify .icons-linux {
    position: absolute;
    left: 52px;
    top: 4px;
  }

  .push-email-verify .icons-small-chrome {
    position: absolute;
    left: 85px;
    top: 5px;
  }

  .push-email-verify .top-15px {
    top: 2px !important;
  }

  .mw-50ch {
    max-width: 40ch !important;
  }

  .mobile-add-website .last-tab-padding {
    position: absolute;
    top: 55px;
    left: 20px;
  }

  .pushninja-website .projects-tab .nav-link.btn.btn-sm {
    padding: 3px 10px !important;
  }

  .pushninja-website .mobile-website-bg > div:first-child {
    height: 100px;
    background: #fff;
    border-radius: 0.3rem;
    padding: 10px !important;
    box-shadow: #e2f0fb 0px 0px 5px 0px !important;
  }

  .pushninja-website .projects-tab .nav-item:nth-last-child(2) {
    margin-right: 0px !important;
  }

  .pushninja-website .projects-tab li a:last-child {
    margin-right: 6px !important;
  }

  .bs-popover-bottom.top-6 .popover-body .small {
    font-size: 0.78rem !important;
  }

  .pushninja-website .push-mobile-settings {
    top: -70px;
    position: absolute;
    height: 36px !important;
    right: 20px;
  }

  .nav-tabs .nav-link {
    border-bottom: 2px solid transparent !important;
  }

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

  .agentsport.mobile-domain.email-verify .vue-avatar--wrapper {
    height: 1.5rem !important;
  }

  .agentsport.mobile-domain.email-verify .max-w-30.width-38px {
    max-width: 1.5rem !important;
    height: 1.5rem !important;
    margin: 0 !important;
  }

  .ninja-chat-scroll .avatar-xs {
    height: 1.5rem !important;
  }

  .mobile-chatpref .card.ninjachat-vh {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    margin-bottom: 20px !important;
  }

  .advanced-settings .ninjachat-preview {
    position: inherit;
    margin-left: -10px;
  }

  .ninjachat-widget-vh .ninjachat-vh {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }

  /* crmio responsive */
  .manage-tags .nav-link {
    padding-top: 0px !important;
  }

  .crmio-email-template .right-77px.right-100px {
    top: 10px !important;
    right: 39px;
    font-size: 14px;
  }

  .crmio-list .crmio-email-template .right-77px.right-100px {
    top: 2px !important;
    right: 26px !important;
    font-size: 14px !important;
  }

  .crmio-kanban .max-mobile-width,
  .crmio-deals-kanban .max-mobile-width {
    width: 98% !important;
    max-width: 98% !important;
  }

  .leads-list .table-avatar {
    align-items: self-start !important;
  }

  .leads-list .table-avatar .vue-avatar--wrapper span {
    margin-top: 0px !important;
  }

  .crmio-tabs > div:first-child {
    height: 100px;
    background: #fff;
    border-radius: 0.3rem;
    padding: 10px !important;
    box-shadow: #e2f0fb 0px 0px 5px 0px !important;
  }

  .crmio-tabs .nav-link {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
    line-height: 30px;
  }

  .crmio-mobile-settings {
    position: absolute;
    right: 22px;
    top: 56px;
  }

  .crmio-mobile-settings .dropdown-menu {
    top: 275px !important;
  }

  .crmio-mobile-settings .crmio-dailer .dropdown-menu {
    top: 406px !important;
  }

  .overview-dropdown {
    right: -18px;
    top: 42px;
  }

  .leads-list .responsive-filters {
    top: -50px !important;
    margin-right: 0px !important;
    right: 70px !important;
  }

  .leads-list .responsive-filters #filter-collapse {
    right: -180px !important;
    text-align: left !important;
    width: 340px !important;
    padding-top: 0px !important;
  }

  .leads-list .responsive-filters #filter-collapse .w-465 {
    width: 340px !important;
  }

  .leads-list .mobile-createdby,
  .contacts-list .mobile-createdby,
  .company-list .mobile-createdby {
    margin-left: 8px;
  }

  .leads-list .column-picker .dropdown-menu {
    width: 170px !important;
  }

  .mobile-email-icons .addMail,
  .mobile-email-icons .deleteMail {
    background-color: #f0f5fc;
    padding: 5px;
    border-radius: 4px;
  }

  .mobile-email-icons .fe-plus:before {
    position: relative;
    top: 1px;
  }

  .leads .leads-slideout .crm-activity-timeline,
  .leads .leads-slideout .crm-slideout.max-height-600 {
    height: 100% !important;
    max-height: 100% !important;
  }

  .leads-slideout .col-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    height: 100% !important;
  }

  .leads-slideout {
    height: 100vh;
  }

  .deals-list .top-3 {
    top: -5px !important;
  }

  .crm-vue-number .input-group {
    overflow-x: auto;
  }

  .crm-vue-number .input-group::-webkit-scrollbar {
    height: 3px;
  }

  .leads-slideout .crm-slideout.max-height-600 {
    max-height: calc(100vh - 40px) !important;
  }

  .crmio-dashbaord .support-dashboard .reports-datepicker .reportrange-text {
    padding: 9px 10px !important;
    width: 145px !important;
  }

  .leads-list .mobile-domain .top-3,
  .contacts-list .mobile-domain .top-3,
  .company-list .mobile-domain .top-3 {
    margin-top: 10px !important;
    margin-right: 8px !important;
  }

  .contacts-list .responsive-filters #filter-collapse {
    right: -135px !important;
    text-align: left !important;
    width: 340px !important;
  }

  .contacts-list .responsive-filters #filter-collapse .w-465 {
    width: 340px;
  }

  .leads-list .responsive-filters .line-height-08,
  .contacts-list .responsive-filters .line-height-08,
  .company-list .responsive-filters .line-height-08 {
    margin-bottom: 10px !important;
  }

  .contacts-list .responsive-filters {
    top: -10px !important;
    right: 12px !important;
  }

  .leads-list ~ .bottom-110px,
  .contacts-list ~ .bottom-110px,
  .company-list ~ .bottom-110px,
  .deals-list ~ .bottom-110px {
    bottom: 90px !important;
  }

  .bpm-contacts-list ~ .bottom-110px {
    bottom: 90px !important;
  }

  .crmio-slideout-name {
    width: 17ch;
  }

  .company-list .responsive-filters {
    top: -8px;
    right: -100px;
  }

  .company-list .responsive-filters #filter-collapse {
    right: 0px !important;
    text-align: left !important;
    width: 340px !important;
  }

  .company-list .responsive-filters #filter-collapse .w-465 {
    width: 340px !important;
  }

  .csv-fileupload .custom-file-label {
    padding-left: 60px !important;
  }

  .w-20ch {
    width: 14ch !important;
  }

  .quill-discussion-editor .ql-snow.ql-toolbar button,
  .quill-discussion-editor .ql-snow .ql-toolbar button {
    height: 21px !important;
    width: 21px !important;
  }

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

  /* schedule mobile css */
  .event-time-picker .vue__time-picker {
    width: 100% !important;
  }

  .mobile-date-picker.schedule-reports .form-control.reportrange-text {
    width: 175px !important;
  }

  .mobile-date-picker.schedule-reports .reports-datepicker .slot .btn {
    height: 31px;
    line-height: 12px;
  }

  .mobile-ical-title strong {
    font-size: 13px;
  }

  .script-img {
    width: 390px;
    height: 209px;
  }

  .schedule-custom-fields {
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
  }

  .schedule-custom-fields .card-body {
    padding: 0;
  }

  .schedule-custom-fields .car-title {
    font-size: 13px;
  }

  .schedule-custom-fields .top-47-left-4 {
    top: -4px;
    left: 18px !important;
  }

  .mobile-webhooks-font {
    font-size: 14px;
  }

  .mobile-date-picker.schedule-reports .reports-datepicker .vue-daterange-picker .daterangepicker.opensleft {
    left: -5px !important;
  }

  .mobile-date-picker.schedule-reports .reports-datepicker .myactfilter .daterangepicker.opensleft:after {
    right: 120px !important;
    left: unset !important;
  }

  .mobile-date-picker.schedule-reports .reports-datepicker .myactfilter .daterangepicker.opensleft:before {
    right: 119px !important;
    left: unset !important;
  }

  .contacts-filter {
    right: -60px !important;
    top: 69px !important;
    z-index: 10;
  }

  .contacts-filter #filter-collapse.w-465 {
    right: 0px !important;
  }

  /* projects mobile css */
  .notes-comments .quill-comment-editor .editor-send .btn-primary,
  .mobile-discussion .discussion-vh .editor-send .btn-primary {
    padding: 0.125rem 0.5rem !important;
  }

  .mobile-task-activity .activity-avatar .max-w-30 {
    height: 20px !important;
    width: 20px !important;
  }

  .discussion-list-comment-box .ql-snow .ql-picker-label,
  .quill-discussion-editor .ql-snow .ql-picker-label {
    display: none;
  }

  .discussion-list-comment-box .ql-snow.ql-toolbar button,
  .discussion-list-comment-box .ql-snow .ql-toolbar button {
    height: 25px !important;
    width: 20px !important;
  }

  .custom-width-task-rhs .discussions-list-pagination {
    overflow: auto !important;
  }

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

  .mobile-comment-icons {
    display: block !important;
  }

  .overview-upload .file-row.file-preview-upload .text-dark.font-size-sm {
    font-size: 12px !important;
  }

  .mobile-task-activity .activities-list-pagination {
    overflow-y: auto;
    overflow-x: hidden;
  }

  .custom-width-task-lhs.vh-100 {
    height: calc(100vh - 1px) !important;
  }

  .open-border {
    border: 1px solid #e3ebf6;
    padding: 2px 10px;
    border-radius: 4px;
  }

  .editor-send .btn-primary {
    top: -55px !important;
    right: 15px !important;
  }

  .mobile-nav-tabs {
    background-color: #fff;
    border-radius: 0.3rem;
    padding: 10px 10px 5px !important;
    box-shadow: #ddeaf7 0px -15px 20px 0px !important;
  }

  .projectsly_home .input-group > .form-control:not(:first-child),
  .projectsly_home .input-group > .custom-select:not(:first-child) {
    margin-top: 0px !important;
  }

  .mobile-projects-tab .nav-tabs .nav-link.active,
  .mobile-projects-tab .nav-tabs .nav-item.show .nav-link {
    border-bottom: 2px solid #2c7be5;
  }

  .discussion-vh .vue-moments-ago {
    font-size: 11px !important;
  }

  .mobile-comment-icons .fe-edit-3,
  .mobile-comment-icons .fe-trash-2 {
    font-size: 12px;
  }

  .theme-list .z-index-5 {
    z-index: 0;
  }

  .task-filter-drop .dropdown-menu {
    top: 10px !important;
  }

  .task-filter-drop .dropdown-menu {
    top: 10px !important;
  }

  .mobile-task-activity .card-header {
    height: 50px;
  }

  .mobile-task-activity .mobile-activity-member-select {
    top: -70px;
  }

  .projects-tab.mobile-nav-tabs .nav-item:nth-last-child(2) {
    margin-right: 0px !important;
  }

  .mobile-height {
    padding: 8px;
    margin: 9px 0px 0px !important;
  }

  .projects-kanban .internal {
    height: 100vh !important;
  }

  .projects-kanban .internal .thin-scroll {
    height: 80vh !important;
    overflow: auto !important;
  }

  /* .projects-kanban .internal .thin-scroll::-webkit-scrollbar {
      width: 6px !important;
    } */
  .mobile-kanban-dropdown {
    border: 1px solid #e3ebf6;
    padding: 1px 12px;
    border-radius: 4px;
  }

  .mobile-kanban-dropdown .mobile-drop-border {
    border-right: 1px solid #e3ebf6;
    height: 25px;
    margin: 1px 0px 2px;
  }

  .mobile-kanban-dropdown .fe-rotate-cw:before {
    position: relative;
    top: 4px;
    right: 5px;
    font-size: 0.8rem;
  }

  .mobile-kanban-dropdown .font-size-base {
    font-size: 0.8rem !important;
    line-height: 2;
  }

  .mobile-menu .mobile-project-btn {
    position: absolute !important;
    right: 21px;
    top: -36px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .mobile-z-index-100 {
    z-index: 100;
  }

  .activities-list-pagination .align-top {
    line-height: 20px;
  }

  .mobile-project-btn .dropdown-menu {
    top: 2px !important;
    border: 0px;
  }

  .mobile-kanban-dropdown {
    position: relative;
    left: -90px;
    top: 5px;
  }

  .mobile-taskslideout-scroll .notes-comments .quill-comment-editor.discussion-list-comment-box {
    position: absolute !important;
    bottom: -140px !important;
    width: 100% !important;
  }

  .mobile-taskslideout-scroll .custom-width-task-rhs .notes-comments .discussions-list-pagination {
    max-height: calc(100vh - 480px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .project-slider-btn-mobile {
    position: absolute;
    right: 0;
  }

  .csv-fileupload .form-file-text {
    width: 210px !important;
  }

  .projectCal .mobile-ical-title strong {
    font-size: 16px;
  }

  .project-slider-btn-mobile .height-26.btn-group {
    height: 32px !important;
    margin-top: -5px;
  }

  .project-slider-btn-mobile .fe-chevron-right:before {
    line-height: 18px;
    position: relative;
    top: -2px;
  }

  .project-slider-btn-mobile .fe-chevron-left:before {
    line-height: 18px;
    position: relative;
    top: -2px;
  }

  .mobile-search .input-group-text {
    border: 1px solid #e9f0f7;
  }

  .mobile-search .form-control {
    border: 1px solid #e9f0f7;
  }

  .projects-kanban .onhover .icons {
    display: block !important;
  }

  .projects-kanban .right-48px {
    right: 45px;
  }

  .discussion-vh .vue-moments-ago {
    font-size: 11px !important;
  }

  .mobile-comment-icons .fe-edit-3,
  .mobile-comment-icons .fe-trash-2 {
    font-size: 12px;
  }

  .theme-list .z-index-5 {
    z-index: 0;
  }

  .ninjasiteweb.email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .ninjasportimage {
    margin-top: 25px;
    margin-left: -33px;
    border: 1px solid #f1f1f1;
    padding: 3px;
  }

  .top-sm-0 {
    top: 0 !important;
  }

  .candidates-Filter .card.w-465,
  .results-Filter .card.w-465 {
    width: 300px !important;
    overflow: auto !important;
  }

  .ninjainterview-mobile-domain .mobile-position {
    right: 5px;
    top: -6px !important;
  }

  .mobile-domain .ninjainterview-mobile-domain .card-header {
    height: 55px !important;
    margin-top: -5px !important;
  }

  .mobile-task-activity .activities-list-pagination .activity-avatar .vue-avatar--wrapper {
    width: 25px !important;
    height: 25px !important;
  }

  .projectsly_home .quill-comment-editor.discussion-list-box .btn-primary.py-2.btn-sm {
    padding: 0.125rem 0.5rem !important;
  }

  .projectsly_home .ql-snow.ql-toolbar button {
    height: 21px !important;
    width: 21px !important;
  }

  .projectsly_home .ql-color.ql-picker.ql-color-picker {
    display: none;
  }

  .projectsly_home .ql-picker-label {
    display: none !important;
  }

  .projectsly_home .mobile-task-activity .activities-list-pagination {
    max-height: calc(107vh - 475px) !important;
  }

  .mobile-approvals-btn .btn {
    position: relative;
    top: 3px;
    right: 10px;
  }

  .support-mobile-domain div:nth-child(n + 2) {
    display: inline-flex;
  }

  .hipsocial_bots.modal-dialog-scrollable .modal-content {
    max-height: calc(40vh - 3.5rem) !important;
  }

  .hipsocial-media-icons .email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    padding-right: 5px !important;
  }

  .hipsocial_addpost .networkdrp {
    position: relative !important;
    right: 0px;
  }

  .botup_bots .email-verify.mobile-domain .card-table .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:before {
    display: none !important;
  }

  .botup-tabs .filemanager_uploadbutton {
    top: -18px;
    position: relative;
  }

  .botup-tabs .input-group.input-group-merge.filemanager_search {
    position: relative;
    top: -18px;
  }

  .botup_documents .mobile-domain .mobile-crud {
    position: relative;
    top: -30px;
  }

  .mobile-botupproject {
    position: absolute;
    top: 57px;
    left: 22px;
  }

  .crmio-tabs .botup-tabs .nav-link {
    line-height: 33px !important;
  }

  .botup-tabs .nav-tabs {
    margin-top: 15px;
  }

  .mobile_iconsbotup {
    position: absolute;
    right: 21px;
    top: 66px;
    height: 37px;
    width: 87px;
  }

  .botup_bots .mobile-createdby {
    margin-left: 8px;
  }

  .emails-mobile-responsive .icons.sent_emailsiconsdesktop {
    display: none !important;
  }

  .emails-mobile-responsive .sent_emailsiconsmobile {
    display: block !important;
  }

  .w-91.drafts_emails {
    width: 100% !important;
  }

  .nav-item.ml-auto.mr-0.tabsend_buttons {
    margin-right: 10px !important;
  }

  .domain-users .mailbox_userslist .emails-mobile-responsive .table.b-table.b-table-stacked-md > tbody > tr {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    max-height: 85px !important;
  }

  .domain-users .mailbox_userslist .table.b-table.b-table-stacked-md > tbody > tr {
    height: 85px !important;
  }

  .domain-users .mailbox_userslist .email-verify .card-table .table.b-table.b-table-stacked-md .mobile-createdby {
    padding: 0px !important;
  }

  .domain-users .table tbody tr td:nth-child(3) .font-italic {
    padding: 0px !important;
  }

  .domain-users .table tbody tr td:nth-child(3) .font-italic .vue-moments-ago {
    margin: 3px 0px 0px 0px !important;
  }

  .emails-mobile-responsive .align-items-center.d-inline-flex {
    align-items: normal !important;
  }

  .text-lowercase.first-letter-caps {
    margin-top: 4px;
  }

  .btn.border.btn-outline-secondary.mails_buttons.btn-sm {
    padding: 4px 6px 4px 6px !important;
  }

  .mail_header {
    font-size: 15px !important;
    max-width: 22ch;
  }

  .mail_tabs .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    margin-top: 4px;
  }

  .mailstab_buttons {
    position: relative;
    top: 3px;
  }

  .mailstab_buttons .align-items-center.btn.btn-sm.btn-white.d-flex {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .domains-tab.nav-pills {
    padding-bottom: 48px !important;
  }

  .mobile_adddomain {
    width: 117px;
    text-align: center;
    padding: 6px 0px 6px 0px !important;
    position: relative;
    top: -8px;
  }

  .mobile_tabsbuttons.rounded {
    position: absolute;
    top: -45px !important;
    right: 27px;
    z-index: 0 !important;
    max-height: 35px !important;
    border-top: 1px solid #e3ebf6;
    border-bottom: 1px solid #e3ebf6;
    border-right: 1px solid #e3ebf6;
    border-left: 0px;
  }

  .btn.tabs_buttons {
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 1px solid #e3ebf6;
  }

  .mobile_mailglobe {
    right: -5px;
  }

  .mailboxlist_button {
    position: relative;
    top: -21px;
  }

  .mails_setting {
    position: absolute !important;
    top: -44px;
    right: 27%;
  }

  .mails_setting .btn.dropdown-toggle {
    padding: 3px 10px 4px 10px;
    margin-left: 3px;
    margin-top: -1px;
  }

  .malisboxlist_buttons {
    padding: 3px 10px 4px 10px !important;
    position: relative;
    top: -23px;
    margin-right: 5px;
  }

  .mailboxlist_buttonphone {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 3px !important;
    position: relative;
    top: -23px;
  }

  .mail_signature .emojipicker {
    padding-bottom: 39px !important;
  }

  .email-verify .filters_slibebar .card-table .table.b-table.b-table-stacked-md > tbody > tr > td:first-child {
    height: 38px;
  }

  .h-100.mobile_tabsbuttons.rounded {
    display: flex !important;
  }

  .prospectly_task .fe.fe-bar-chart {
    display: none;
  }

  .prospect_taskfilters {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #e8eff8;
    border-radius: 5px;
    grid-row-gap: 6px;
    padding: 10px;
    background-color: white;
  }

  .sm-line-height-1-6 {
    line-height: 1.4 !important;
  }

  .taskslideout_details {
    height: 100vh;
    overflow: auto;
  }

  .prospectsly_activities .position-relative.top-5px.activity_timeline {
    top: 0px !important;
  }

  .prospectsly_activities {
    max-height: 100vh !important;
  }

  .addcandence-icons {
    right: -10px !important;
    top: 68px !important;
  }

  .addcandence-icons.option-icon-delete {
    right: -15px !important;
  }

  .trackly_addprojects {
    height: 25px !important;
    margin-bottom: 0px !important;
  }

  .track_taskdetails {
    width: 226px;
  }

  .mobile_quill_button {
    width: 33px !important;
    height: 27px !important;
  }

  .discussion-list-box .mobile_quill_button .fe.fe-send {
    position: relative;
    top: -7px;
    right: 3px;
  }

  .notes-comments .vue-moments-ago {
    position: absolute;
    bottom: -12px;
    font-size: 12px !important;
    right: 0px;
  }

  .projects_timelinedeleteicon {
    right: 0px !important;
  }

  .projects-task .mobile-kanban-dropdown.task-filter-drop {
    display: flex;
    width: 72%;
  }

  .responses_browser {
    text-align: left !important;
  }

  .mobile_forms_response {
    position: relative;
    right: -41px;
    top: -5px;
  }

  .mobile_formresponse_buttons {
    position: absolute;
    right: 42px;
    top: 10px;
  }

  .forms_settingsicon {
    position: absolute;
    top: 57px;
    right: 26px;
  }

  a.py-0.forms_addproject {
    font-size: 12px !important;
  }

  .forms_addproject .fe.fe-plus.font-weight-bold {
    padding-right: 0px !important;
  }

  a.btn.btn-white.position-absolute.forms_clone {
    left: 20px;
    top: 20px;
  }

  button.btn.rounded-left-0.forms_dragbutton.handle_item {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .formlist_forms .email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:first-child p,
  .forms-domain-actions.email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:first-child p {
    padding-right: 20px;
  }

  .task_nameinput {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 500px;
  }

  .order-2.order-md-1.formbuilder_lhs {
    max-width: 100% !important;
  }

  .prospectsslideout_header {
    display: inline-flex !important;
  }

  .propectsly_bots.modal-dialog-scrollable .modal-content {
    max-height: 350px !important;
  }

  .email-verify.propects_bots .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    text-align: left;
  }

  .bots_followbutton .btn.px-4.bot-icon.btn-block.btn-outline-primary {
    margin-bottom: 35px;
  }

  .cadence_icons {
    right: 0px !important;
  }
  .prospect_home .cadence_iconsgroup {
    top: 55px !important;
  }

  .prospect_home .cadence_iconsgroup {
    top: 55px !important;
  }
  .find_prospects {
    display: none;
  }
  .task_prospecttab {
    width: 100% !important;
  }
  .projects_memberdropdown .avatar-title.rounded-circle.bg-secondary.add-avatar-top {
    background-color: #e6effc !important;
    color: #2e435e;
    top: 7px !important;
  }
  .projects_memberdropdown .avatar-title.bg-secondary .fe.fe-plus.fe.fe-plus {
    color: #2e435e !important;
  }
  .projects-multiselect-user .avatar-title.bg-secondary .fe.fe-plus.fe.fe-plus {
    color: #f9fbfd !important;
  }
  .projects_memberdropdown .add-user-avatar .dropdown-menu.dropdown-menu-right.display-users-dropdown.w-218.shadow {
    width: 308px !important;
    left: 23px !important;
  }
  #app .mobile-bottom-home .navigation-mobilebottom {
    position: fixed !important;
    bottom: 0px !important;
    right: 0px !important;
    left: 0px !important;
    height: 68px !important;
    background-color: #fff !important;
    border-top: 1px solid #dbe4f1 !important;
    padding: 5px !important;
    box-shadow: #bdd1e5 0px 0px 7px 1px !important;
    z-index: 974 !important;
    display: flex !important;
    justify-content: space-between !important;
  }
  #app .mobile-bottom-home .navigation-mobilebottom .nav-item {
    margin-right: 0.5rem !important;
  }
  #app .mobile-bottom-home .navigation-mobilebottom .nav-link.active {
    color: #fff !important;
    line-height: 1;
    box-shadow: unset !important;
    background: #152e4d !important;
  }
  #app .mobile-bottom-home .navigation-mobilebottom .nav-link {
    border-radius: 0.375rem !important;
    border: 1px solid #edf2f9 !important;
    display: inline-block !important;
    min-width: 80px !important;
    padding: 9px 9px !important;
    font-size: 15px !important;
    line-height: 32px !important;
    color: #12263f !important;
    line-height: 1 !important;
  }
  #app .mobile-bottom-home {
    padding-bottom: 65px !important;
  }
  #app .mobile-bottom-home .d-inline-block.d-md-none.icon-block {
    display: block !important;
    margin: 0 auto !important;
  }
  #app .mobile-bottom-home span.icon-text {
    font-size: 11px !important;
  }
  #app .mobile-bottom-home .icon-center {
    text-align: center !important;
  }
  #app .mobile-bottom-home .mobile-nav-tabs {
    padding: 0px !important;
    background-color: transparent !important;
  }
  #app .mobile-bottom-home .projects-tab.mobile-nav-tabs.projects-mobile-tab {
    box-shadow: unset !important;
  }
  body {
    background: #f9fbfd !important;
  }

  #app .mobile-bottom-home .projects-tab .nav-link.btn.btn-sm {
    padding: 5px 12px !important;
    text-transform: capitalize !important;
    border-radius: 0.375rem !important;
    margin-bottom: 0px !important;
    height: 34px !important;
  }

  #app .mobile-bottom-home div#user-filter {
    border: 1px solid #e3ebf6;
    line-height: 1.5 !important;
    padding: 0px 6px !important;
    width: 75px !important;
    border-radius: 0.375rem !important;
    background: #14264e !important;
    margin-right: 6px !important;
    margin-left: 0px;
    width: auto !important;
    height: 34px;
  }
  #app .mobile-bottom-home div#user-filter > .btn.ml-2,
  #app .mobile-bottom-home div#user-filter .font-size-14px {
    margin: 0px !important;
    line-height: 25px !important;
    color: #fff !important;
  }
  span.texttruncate-tabhome {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 17ch !important;
    display: inline-block;
  }
  #app .mobile-bottom-home li.mt-1.nav-item {
    margin-top: 7px !important;
  }
  #app .mobile-bottom-home a.py-0.addproject-mobilenone {
    padding: 1px 7px !important;
    text-transform: capitalize !important;
    border-radius: 0.375rem !important;
    margin-bottom: 0px !important;
    border: 1px dashed #c1c9f5 !important;
    height: auto !important;
    line-height: inherit !important;
    font-weight: normal !important;
    color: #94a0af !important;
    margin-left: 0px !important;
    background: #fff !important;
    top: 1px !important;
    position: relative;
  }
  #app .mobile-bottom-home .add-textremove {
    display: none !important;
  }
  #app .mobile-bottom-home .addproject-mobilenone .fe.fe-plus.font-weight-bold {
    padding-right: 0px !important;
    font-size: 18px !important;
  }
  #app .mobile-bottom-home .projects-tab .fe.fe-plus {
    color: #2c7be5 !important;
    font-weight: 400 !important;
  }
  #app .mobile-bottom-home .projects-tab .nav-link.btn.btn-sm .d-flex.align-items-center {
    line-height: 22px !important;
  }
  #app .mobile-bottom-home .navigation-mobilebottom .nav-link.active img {
    filter: brightness(0) invert(1);
  }
  #app .projects-tab .nav-link.active.btn-white {
    color: #fff !important;
    line-height: 1 !important;
    box-shadow: unset !important;
    background: #152e4d !important;
    border-color: #152e4d !important;
  }
  #app .mobile-crudcard {
    display: none;
  }
  #app .mobilecrud-cardtext {
    margin-bottom: 6px;
  }
  #app .mobilecrud-cardtext .mobile-createdby {
    font-style: normal !important;
    white-space: nowrap;
  }
  #app .mobilecrud-cardtext p,
  #app .mobilecrud-cardtext:nth-last-child(2) {
    margin-bottom: 0px;
  }
  #app .mobile-actionposition {
    position: absolute;
    top: 11px;
    right: 12px;
  }
  #app .mobile-actionposition button {
    border-radius: 0.375rem !important;
    background: #f5f5f596;
  }
  .editmobile-action {
    padding: 0.125rem 0.5rem;
    line-height: 1.75;
    border-radius: 0.375rem !important;
    background: #f5f5f596;
  }
  .active.iconcrud-mobile-color span.fe {
    color: #fff !important;
  }

  .projects-mobile-tab > li:first-child {
    display: none;
  }

  #app .mobile-bottom-home .crudmobile-settings {
    padding: 3px 9px !important;
    border-style: dashed !important;
    background: #fff !important;
    height: auto !important;
  }
  #app .mobile-bottom-home .projects-tab.mobile-nav-tabs.projects-mobile-tab {
    padding-bottom: 0px !important;
    border-radius: 0px;
  }
  #app .users-dropdown .dropdown-more-userproject.dropdown-menu {
    max-width: 300px !important;
    padding: 10px 5px !important;
    top: 6px !important;
    min-width: 200px !important;
    border: 1px solid rgb(18 38 63 / 6%) !important;
    box-shadow: 0px 1px 10px 0px rgb(0 40 222 / 12%) !important;
  }
  #app .dropdown-more-userproject.dropdown-menu {
    border: 1px solid rgb(18 38 63 / 6%) !important;
    box-shadow: 0px 1px 10px 0px rgb(0 40 222 / 12%) !important;
  }
  .users-dropdown .dropdown-more-userproject.dropdown-menu .dropdown-item {
    padding: 0.375rem 0.7rem !important;
  }
  #app .users-dropdown .dropdown-more-userproject.dropdown-menu input {
    margin: 5px 10px !important;
    width: 90% !important;
  }
  #app .dropdown-more-userproject.dropdown-menu .fe {
    padding-right: 8px;
  }
  .card {
    box-shadow: 0 1px 6px 1px rgb(18 38 63 / 3%) !important;
  }
  #app .mobile-bottom-home button#filter-dropdown {
    padding: 3px !important;
  }
  #app .mobile-bottom-home .crud-flush {
    padding: 2.28px !important;
    background-color: #fff !important;
  }
  .custom-crudmobile-border .crud-flush,
  .custom-crudmobile-border .crud-pagination .vue-tags-input,
  .custom-crudmobile-border .crud-pagination .ti-new-tag-input-wrapper input {
    background-color: #fff !important;
  }

  #app .crud-pagination .vue-tags-input,
  #app .crud-pagination .ti-new-tag-input-wrapper input {
    background-color: #fff !important;
  }

  #app .mobile-bottom-home .crud-pagination .search-unique.btn-sm {
    padding: 0.22rem 0.6rem 0.2rem 0.6rem !important;
    line-height: 1.8 !important;
  }
  .mobile-bottom-home .mobile-createdby {
    flex-wrap: nowrap !important;
    display: flex !important;
    white-space: nowrap !important;
    max-width: 34ch !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  .mobiletruncatenames {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 22ch;
  }
  .mobile-bottom-home .mobile-createdby span.vue-moments-ago {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .crudfilter-mobileslot button {
    border-radius: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
  }
  .search-unique,
  #app .mobile-bottom-home .crud-flush {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .refresh-crudborder-none {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .mobile-bottom-home #filter-collapse.w-465 {
    width: 327px;
    right: -30px !important;
    padding-top: 0px !important;
  }
  .mobile-bottom-home .feedback-save-filterdrop.w-465 {
    width: 327px;
  }
  .tooltip {
    z-index: 820 !important;
  }
  #app .no-valuecrudname {
    display: none !important;
  }
}

@media (max-width: 414px) {
  .extentions .nav-tabs .nav-item {
    margin-right: 0.5rem !important;
    font-size: 11px;
  }

  .media-sm-tab-btn {
    position: absolute;
    right: 0;
    top: 54px;
  }

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

  .task-btn {
    right: 0;
  }

  .btn-tab-alignment {
    top: -68px !important;
    right: 12px !important;
  }

  .vs__selected {
    max-width: 24ch !important;
  }

  .sharetest_validation {
    margin-top: 0px !important;
  }
}

@media (min-width: 992px) {
  .media-large.col-lg-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .media-small {
    display: none !important;
  }

  .media-float {
    display: block !important;
    right: 12px !important;
    width: 55px !important;
    height: 55px !important;
    bottom: 40px !important;
  }

  .media-float .float-plus {
    font-size: 1.4rem !important;
    font-weight: 600;
    top: 11.5px;
    left: 30% !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  /* crmio tab css */
  .leads-list .top-10px {
    top: 3px;
    right: 85px;
  }

  .contacts-list .right-77px,
  .company-list .right-77px {
    right: 2px;
    top: 3px;
  }

  .contacts-list .mobile-position,
  .leads-list .mobile-position {
    right: 3px;
    top: -5px !important;
  }

  .vs__selected {
    max-width: 16ch !important;
  }

  .mobile_addsignee .vs__selected-options {
    display: flex;
    flex-basis: 100%;
    flex-grow: 1;
    flex-wrap: nowrap !important;
    padding: 0 2px;
    position: relative;
  }

  .mobile_addsignee .vs__actions {
    position: relative;
    right: 14px !important;
  }

  .mobile_addsignee .mobile_addmore {
    position: absolute;
    top: 1px;
    left: 183px;
  }

  .ipad_trackprojects .projects-tab .nav-item:nth-child(2) {
    position: absolute;
    right: -21px !important;
  }

  .track_activityimg {
    width: 100%;
  }

  .mobile_trackactivityslideout #activity-slideout {
    width: 100% !important;
  }

  .ninjasiteweb.email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .ninjasportimage {
    margin-top: 25px;
    margin-left: -33px;
    border: 1px solid #f1f1f1;
    padding: 3px;
  }

  .ninjasitedrop {
    position: static !important;
  }

  .designcard .card-table .table.b-table.b-table-stacked-md > tbody {
    grid-gap: 15px 13px;
  }

  .designcard .search-tag {
    padding: 0px !important;
  }

  .track_filters #filter-collapse {
    right: -18px !important;
  }

  .track_filtersdesktop #filter-collapse {
    right: -20px;
  }

  #sort-by__BV_toggle_.track_createddate {
    position: absolute;
    right: 25% !important;
    top: 32px !important;
  }

  #feedbackupDetails,
  #CommentDetails {
    width: 100% !important;
  }

  .b-sidebar.b-sidebar-right .feed-mobiletitle {
    word-break: break-word;
    line-height: 18px;
    width: 50ch !important;
  }

  .feedback-mobile .filter-feed {
    position: absolute !important;
    bottom: -35px !important;
    right: 8px;
  }

  .trackactivity_filters.bpm-filter #filter-dropdown {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .trackactivitydesktop_filters.bpm-filter #filter-dropdown {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .mobile_track .track-tabs #filter-dropdown {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .due-date {
    width: 144px !important;
    right: 0 !important;
    top: -19px !important;
  }

  .taskslideout_status {
    margin-right: 55px !important;
  }

  .bots_followbutton .btn.px-4.bot-icon.btn-block.btn-outline-primary {
    margin-bottom: 35px;
  }

  .find_prospects {
    display: none;
  }
}

@media (min-width: 993px) and (max-width: 1024px) {
  .vs__selected {
    max-width: 18ch !important;
  }

  #sort-by__BV_toggle_.track_createddate {
    position: absolute;
    right: 17% !important;
  }

  .ipad_trackprojects .projects-tab .nav-item:first-child {
    position: absolute;
    right: -173px !important;
  }

  .ipad_trackprojects .projects-tab .nav-item:nth-child(2) {
    right: -75px !important;
  }

  .mobile_track .track-tabs #filter-dropdown {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .feed-mobiletitle {
    word-break: break-word;
    line-height: 18px;
    width: 30ch;
  }

  .mobile-taskslideout-scroll .custom-width-task-lhs.vh-100 {
    overflow: auto !important;
  }

  .find_prospects {
    display: none;
  }
}

@media (min-width: 361px) {
  .dailer-right {
    position: absolute;
    top: -30px;
    right: 15px;
  }
}

@media (min-width: 1150px) {
  .dailer-right {
    position: unset !important;
  }

  .compose-mail .quill-editor .ql-editor,
  .compose-mail .quill-editor .ql-container,
  .compose-mail .quill-editor .quill-editor {
    height: calc(100vh - 540px) !important;
    min-height: unset !important;
    max-height: unset !important;
  }

  .compose-mail .quill-editor .ql-container {
    overflow: hidden !important;
  }

  .compose-mail .ql-container .ql-editor {
    overflow-y: auto !important;
    height: 93% !important;
  }

  .position-lg-static {
    position: static !important;
  }
}

@media (max-width: 1024px) {
  #newformSidebar {
    width: 100% !important;
  }

  .media-float {
    right: 20px !important;
  }

  .range-slider {
    top: -42px;
    right: 60%;
  }

  .plugins-cards {
    flex: 0 0 33% !important;
    max-width: 33% !important;
  }
}

@media screen and (max-width: 3500px) and (min-width: 1920px) {
  .templates-container .col-lg-3 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .crm-activity-timeline .custom-width-1 {
    max-width: 6.33333%;
    flex: 0 0 6.33333%;
  }
}

@media screen and (max-width: 3500px) and (min-width: 1024px) {
  .media-large.col-lg-8 {
    flex: 0 0 66.66667% !important;
    max-width: 66.66667% !important;
  }

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

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

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

  .shieldbutton {
    width: 11ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.media-float {
  position: fixed;
  right: 25px;
  width: 40px;
  height: 40px;
  bottom: 24px;
  z-index: 99;
}

.float-plus {
  left: 31%;
  top: 10px;
}

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

.media-btn {
  position: absolute !important;
  z-index: 9;
  right: 25px;
  top: 40px;
}

.media-scroll {
  max-height: 270px;
  overflow: scroll;
}

::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #2c7be5 !important;
  cursor: pointer;
}

.status-dropdown .dropdown-menu.show {
  max-height: 190px;
  overflow: overlay;
}

.max-w-30 {
  max-width: 26.5px !important;
  height: 26.5px;
  width: 26.5px;
}

.height-26px {
  height: 26.5px;
}

.task-btn .dropdown-toggle::after {
  color: #b2bbcc;
}

.text-cursor {
  cursor: text;
}

.max-w-500 {
  min-width: auto;
  max-width: 820px;
}

.list-view.guideflow_hovered .mor-details {
  display: inline-block !important;
}

.strikethrough {
  text-decoration: line-through;
  color: #6e84a3;
}

.w-40 {
  padding: 7px 10px;
  text-transform: uppercase;
}

.w-40 span {
  width: 30px;
  height: 30px;
}

.max-w-20 {
  max-width: 20%;
  flex: 0 0 16%;
}

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

.min-width-200 {
  min-width: 200px;
}

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

.width-100 {
  width: 100px;
}

.width-130 {
  width: 125px;
}

.min-width-30 {
  min-width: 30px;
}

.height-24 {
  height: 24px;
}

.font-10px {
  font-size: 0.65rem !important;
}

.table-sm th,
.table-sm td {
  padding: 0.7rem 0.7rem 0.5rem 0.7rem !important;
}

.discussion-editor .ql-editor {
  border: 0px solid transparent;
}

.wh-audio {
  width: 250px;
  height: 35px;
}

.discussion-text p {
  margin-bottom: 0;
}

.popover-body-p-0 {
  padding: 0 !important;
}

.nav-pills .nav-link {
  border-radius: 0.15rem !important;
}

.mw-25ch {
  max-width: 25ch;
}

.last-tab-padding .fe-plus.guideflow_hovered,
.category .fe-plus.guideflow_hovered {
  color: #fff !important;
}

.ql-toolbar.ql-snow {
  border: 0px solid transparent !important;
  border-top: 1px solid #edf2f9 !important;
  padding: 8px 0px !important;
}

.ql-container {
  min-height: 120px;
  max-height: 215px;
  overflow: auto;
}

.ql-editor {
  border: 0px solid transparent !important;
  border-top: 1px solid #e3ebf6 !important;
}

.edit-cursor {
  cursor: url(https://html-assets-prod.guideflow.com/6537a51076ebdd331e69a2b290ed86f3c880846a), auto;
}

.multiselect__tags {
  background: #fff !important;
  padding: 8px 8px 0 8px !important;
}

.multiselect__tag {
  color: #6e84a3 !important;
  background: #e2e6ed !important;
  margin-bottom: 2px !important;
  margin-right: 7px !important;
}

.multiselect__tag-icon:after {
  color: #a4aac9 !important;
}

.multiselect__select {
  padding: 0px !important;
}

.b-sidebar > .b-sidebar-header {
  padding: 0.5rem 1.5rem;
}

.category-dot {
  font-size: 20px;
}

.nav-link.active.btn-white img {
  background: #fff;
  border-radius: 50%;
  padding: 2px;
  width: 12px;
  height: 12px;
}

input[type="color"] {
  border: none;
  background: none;
}

input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}

input[type="color"]::-webkit-color-swatch {
  border: solid 1px #fff;
  /*change color of the swatch border here*/
  border-radius: 5px;
}

.g-search .input-group {
  border-bottom: 1px solid #e3ebf6;
}

.g-search .input-group-text {
  border: 0;
  background: transparent !important;
  padding-left: 0;
}

.g-search .form-control {
  border: 0;
  background: transparent !important;
  padding-left: 0;
}

.g-search .form-control:focus {
  background: transparent !important;
}

.global-search-results {
  width: 360px;
}

.table-sm {
  font-size: 0.9375rem !important;
}

.delete-confirmation {
  max-width: 400px !important;
}

.delete-confirmation .modal-header {
  background: transparent !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.bot-icon.guideflow_hovered img {
  filter: brightness(100);
}

.edit-cursor {
  cursor: url(https://html-assets-prod.guideflow.com/6537a51076ebdd331e69a2b290ed86f3c880846a), auto;
}

.masonry {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  padding: 0;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 0.5em;
}

pre {
  display: block;
  font-size: 100%;
  font-family: inherit;
  overflow: inherit;
  white-space: inherit;
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
  .workspace .dropdown-menu {
    top: 35px !important;
    left: 84% !important;
  }

  .masonry {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }

  .without-bell {
    display: none;
  }

  .navbar .bell {
    display: flex !important;
    position: absolute;
    background: transparent;
    top: -7px;
    left: 135px !important;
    text-align: right;
  }

  .workspace-dropdown {
    position: relative;
  }

  .task-list .onhover .icons {
    display: block !important;
  }

  .task-list .mor-details {
    display: block !important;
  }

  .mobile-taskslideout-scroll {
    height: 100vh !important;
    overflow: auto !important;
  }

  .feedback-mobile .icons-ubuntu,
  .icons-linux {
    margin-top: 4px;
  }

  .feedback-mobile {
    top: 0 !important;
    left: 260px !important;
  }

  .feedbackup-mobile.email-verify.mobile-domain .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  .feedbackup-mobile.email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:first-child {
    padding-top: 20px !important;
  }

  .forms-domain-actions.email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:first-child p {
    color: #000 !important;
  }

  .forms-domain-actions.email-verify.mobile-domain .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .public-mobile-button.btn {
    top: 55px;
    position: absolute;
    left: 194px;
    padding: 6px 10px !important;
    margin-top: 1px;
  }

  .feedbackup-settings {
    top: 55px;
    position: absolute !important;
    right: 22px;
  }

  .feed-mobiletitle {
    word-break: break-word;
    line-height: 18px;
    width: 30ch;
  }

  .close-mobilebutton {
    position: absolute !important;
    top: 10px !important;
    right: 10px;
  }

  .feedback-mobile .filter-feed {
    position: absolute !important;
    bottom: 22px !important;
    right: 63px !important;
  }

  .refresh-feedbackup.border {
    right: 101px !important;
    position: absolute !important;
    line-height: 26px !important;
    top: -115px !important;
  }

  .feedbackdetail-web {
    position: absolute;
    bottom: 70px;
    right: 21px;
  }

  .feedbackup-Filter button#filter-dropdown {
    padding: 3px !important;
    position: absolute;
    top: -93px;
    right: 0px;
  }

  .comment-webheight {
    max-height: calc(100vh - 38vh) !important;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .filter-feed .card.w-465 {
    width: 335px !important;
    position: absolute !important;
    left: -60%;
    margin-top: -1px;
  }

  .mobile-feedback-space {
    margin-left: 10px;
  }

  .text-center .conference-meeting-button {
    width: 100% !important;
  }

  .site-recording-refresh .filter-collapse-dropdown #filter-dropdown {
    right: -57px !important;
    position: absolute;
    bottom: 85px !important;
  }

  .site-recording-mobile-tab {
    margin-top: 30px !important;
  }

  .share-message-editor .custom-quill-emoji-picker.custom-quill-edit-emoji-picker {
    left: 7px !important;
  }

  .share-message-card-modal {
    padding: 10px !important;
  }

  .file-upload-mobile .b-sidebar.b-sidebar-right .grid-block-wrapper .grid-block {
    left: 0px !important;
  }

  .file-upload-mobile .file-preview.image-preview {
    left: 0px !important;
  }

  .ninja-sites-buildy-search .search-tag {
    padding: 0px !important;
  }

  .ninja-sites-setting-dropview {
    position: absolute;
    right: 20px;
    top: -54px;
  }

  .share-message-editor .collab-quill-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    width: 275px !important;
  }

  .share-message-card-modal .multiselect__select {
    z-index: 0 !important;
  }

  .message-card-editor-mobile .ql-container.ql-snow {
    margin-bottom: 42px !important;
  }

  .message-card-editor-mobile .send-btn-position .btn {
    height: 35px !important;
  }

  .site-recording-mobile-tab .site-recording-refresh-tab {
    position: absolute;
    right: 108px;
    top: -36px;
  }

  .site-recording-refresh .filter-component-options #filter-collapse {
    right: -63px !important;
  }

  .site-recording-refresh .filter-component-options .w-465 {
    width: 332px !important;
    top: -41px !important;
  }

  .site-recording-mediaplay {
    font-size: 30px !important;
  }

  .global-search-input .teams-cc-lhs.teams-search-size .global-search-results.shadow-sm {
    width: 412px !important;
    left: unset !important;
    z-index: 999;
    margin-top: 5px !important;
    min-width: 20% !important;
  }

  .channel-name-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block !important;
    width: 27ch;
  }

  .feedbackup-quill-collab .expandable-editor .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0 !important;
    padding-right: 0;
  }

  .feedbackup-project-mobile .mobile-add-website .last-tab-padding {
    position: absolute;
    top: 57px;
    left: 20px;
    height: 33px;
  }

  .text-md-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sign-gravatar-transparent.signed-user {
    top: -21px !important;
    position: absolute;
  }

  .editor-document-save {
    bottom: 9px !important;
  }

  .sign-document-filter #filter-dropdown {
    position: absolute;
    top: -15px;
    right: -16px;
  }

  .all-users-drop-menu {
    position: absolute;
    top: -7px;
    right: -18px;
    line-height: 18px;
  }

  .sign-document-filter.top-10px #filter-dropdown {
    padding: 1.2px !important;
  }

  .table.b-table.b-table-stacked-md > tbody > tr > td .calllogs-background-transparent.fe {
    background: transparent !important;
  }

  .table.b-table.b-table-stacked-md > tbody > tr > td:first-child .calllogs-background-transparent.fe {
    margin-right: 0px !important;
    font-size: 0.825rem !important;
  }

  .collab-quill-editor .feedbackup-editor-send .btn-primary,
  .collab-quill-editor .feedbackup-editor-send .btn-secondary {
    top: -8px !important;
    right: 10px !important;
  }

  .collab-quill-editor .feedbackup-editor-send .btn-secondary {
    right: 90px !important;
  }

  .collab-quill-editor .projects-editor.feedbackup-editorquill .ql-formats .ql-bold {
    margin-left: 3px !important;
  }

  .crud-searchoverlap-custom .crud-pagination .search-overlap-crud .crud-flush .vue-tags-input,
  .crud-searchoverlap-filter-custom .crud-pagination .search-overlap-crud .crud-flush .vue-tags-input {
    width: 100% !important;
    max-width: 100% !important;
  }
  .crud-searchoverlap-custom .crud-pagination .search-overlap-crud .crud-flush,
  .crud-searchoverlap-filter-custom .crud-pagination .search-overlap-crud .crud-flush {
    flex-wrap: nowrap !important;
  }
  .search-overlap-email .crud-pagination .search-overlap-crud .crud-flush .vue-tags-input {
    width: 204px !important;
  }
  .search-overlap-automation .crud-pagination .search-overlap-crud .crud-flush .vue-tags-input {
    width: 230px !important;
  }
}

/* multi Media upload component */

.item {
  display: inline-block;
  width: 100%;
  -webkit-transition: 1s ease all;
  box-sizing: border-box;
}

.theme-list .vue-file-agent {
  padding: 0.5rem !important;
}

.theme-list .grid-block-wrapper .grid-block {
  border-width: 2px;
}

.theme-list .grid-block-wrapper.is-compact .grid-block,
.theme-list .vue-file-agent .file-preview-wrapper {
  width: 100%;
}

.theme-list .grid-block-wrapper .grid-block {
  width: 50%;
  border: 1px solid transparent;
  margin: 0 !important;
  min-width: 156px;
}

.theme-list .vue-file-agent .file-preview-wrapper .file-preview {
  height: 53px !important;
  padding: 0;
}

.theme-list .vue-file-agent.has-multiple .file-preview,
.vue-file-agent.is-single .is-deletable .file-preview {
  z-index: 11;
}

.theme-list .vue-file-agent .file-preview-wrapper .file-preview .thumbnail {
  z-index: 12 !important;
  background-color: #e3ebf6;
  border: 1px solid #d2ddec;
}

.theme-list .vue-file-agent .file-preview-wrapper {
  height: 53px !important;
}

.theme-list .vue-file-agent .file-preview-new .help-text {
  top: 30px !important;
  left: 40% !important;
  padding: 0px !important;
  transform: translate(-25%, -50%);
}

.theme-list .grid-block-wrapper .grid-block {
  border-width: 2px !important;
  margin-bottom: 5px !important;
}

.theme-list .vue-file-agent .file-preview-wrapper .file-preview .file-name {
  font-weight: 400 !important;
  font-size: 15px !important;
}

.theme-list .vue-file-agent .file-preview .file-ext,
.vue-file-agent .file-preview .file-size {
  font-weight: 400 !important;
  font-size: 15px !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  position: relative !important;
  top: 6.5px !important;
  height: 0.7rem !important;
}

.font-size-11px {
  font-size: 11px;
  vertical-align: revert;
}

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

.overflow-onhover.guideflow_hovered {
  overflow: overlay !important;
}

/* billing slider */
.calcPrice .form-control {
  border: 0;
  background: transparent !important;
  font-size: 2.4rem;
  padding: 0;
  font-weight: 500;
}

.billing-carousel .carousel-caption {
  color: #000 !important;
  font-size: 16px;
  position: unset !important;
  margin-top: 10px;
}

.billing-carousel .carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 50% !important;
  background: #2c7be5;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
  box-sizing: content-box;
  flex: 0 1 auto;
  top: 80px !important;
  position: relative;
}

.billing-carousel .carousel-indicators .active {
  opacity: 1 !important;
}

.calcPrice .input-group-text {
  background: transparent;
  border: 0;
  font-size: 2.4rem;
  color: #000;
  font-weight: 400;
  padding: 10px 5px 0px 0px;
}

.multi-line-clamp-7 {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.billing-carousel .carousel-caption::before {
  left: 2px;
  top: -2px;
  background: url(https://html-assets-prod.guideflow.com/632e769ffb51c184aa433b33fe054dd7ee9b3b3d);
  content: "";
  display: block;
  position: absolute;
  z-index: 99;
  background-size: 80%;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
}

.billing-carousel .carousel-caption::after {
  background: url(https://html-assets-prod.guideflow.com/8ecebd6fcf6f7745f145090b17f1dc9079799562);
  content: "";
  display: block;
  position: absolute;
  z-index: 99;
  background-size: 80%;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  right: -10px;
  bottom: 60px;
}

.b-sidebar-body p.text-muted {
  color: #95aac9 !important;
}

.b-table-empty-row h1 {
  color: #12263f;
}

.free-plan-color {
  color: #ff9a19;
}

.billing-carousel {
  margin: 5px 0px !important;
}

.silder-font-size {
  font-size: 1.4rem;
}

/* billing close */
/* calender  */
.fc-daygrid-event-harness {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fc-daygrid-event-harness span {
  width: 100% !important;
}

.fc-daygrid-event-harness div {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fc-weekend-button {
  display: none !important;
}

.fc-timeGridDay-button {
  border-top-right-radius: 0.35rem !important;
  border-bottom-right-radius: 0.35rem !important;
}

.fc-weekend-button {
  display: none !important;
}

.fc-timeGridDay-button {
  border-top-right-radius: 0.35rem !important;
  border-bottom-right-radius: 0.35rem !important;
}

.nav-tabs .nav-link {
  font-size: 1rem;
}

/* calender close */
.sitelink-height {
  height: calc(100vh - 18vh);
  width: -webkit-fill-available;
  border: 0px;
  border-radius: 6px;
}

.checkbox-group-custom .custom-control {
  margin-right: 2rem !important;
}

.changeSlider {
  position: absolute;
  right: 180px;
  top: -32px;
}

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

.border-control .page-item.disabled .page-link {
  background-color: transparent !important;
}

nav#topnav .custom-flex {
  display: flex;
}

nav#topnav .trial {
  padding: 14px;
}

nav#sidebarSmall .without-bell {
  display: none !important;
}

nav#sidebarSmall .bell {
  display: block !important;
}

.csv-fileupload .form-file-text {
  text-overflow: ellipsis;
  width: 240px;
  overflow: hidden;
  white-space: nowrap;
}

.csv-fileupload .custom-file-input ~ .custom-file-label[data-browse]::after {
  display: none;
}

.csv-fileupload .custom-file-label {
  height: calc(2.2em + 2.2rem + 2px);
  border: 1px dashed #d2ddec;
  text-align: center;
  padding-left: 55px;
  padding-top: 23px;
  color: #95aac9;
}

.send-options .custom-control {
  margin-right: 10px !important;
}

.btn-tab1-alignment {
  top: 100px;
  left: 57% !important;
  z-index: 99;
}

.rounded-left-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-right-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* animations */
.blink {
  animation: blinker 4s linear infinite;
}

@keyframes blinker {
  70% {
    opacity: 0.2;
    font-size: 12px !important;
  }
}

.b-form-btn-label-control.form-control {
  display: flex;
  align-items: stretch;
  height: auto;
  padding: 0;
  background-image: none;
}

.b-form-btn-label-control.form-control > .btn {
  line-height: 1;
  font-size: inherit;
  box-shadow: none !important;
  border: 0;
}

.b-form-btn-label-control.form-control > .form-control {
  height: auto;
  min-height: calc(1.5em + 0.75rem);
  padding-left: 0.25rem;
  margin: 0;
  border: 0;
  outline: 0;
  background: transparent;
  word-break: break-word;
  font-size: inherit;
  white-space: normal;
  cursor: pointer;
}

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

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

.w-180px {
  width: 180px;
}

.avatar.avatar-xs,
.avatar-xs .vue-avatar--wrapper {
  height: 1.65rem !important;
  width: 1.65rem !important;
}

.avatar-xs .vue-avatar--wrapper span {
  color: #fff !important;
  font-family: "Cerebri Sans", sans-serif;
}

.first-letter-caps::first-letter {
  text-transform: capitalize;
}

.slideout-grid-none .rightbtn {
  display: none;
}

.accordin-curd-view .card {
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
}

.accordin-curd-view .rightbtn {
  display: none;
}

@media (min-width: 1200px) and (max-width: 1440px) {
  .w-830px {
    max-width: 460px !important;
  }

  .responsive-modified-name .small {
    font-size: 12px;
    margin-left: 0px !important;
  }

  .transcript-slideout .transcript-responsive-width {
    width: 82% !important;
  }

  .chat-transcript-sidelout .transcript-lhs-width {
    flex: 0 0 37% !important;
    max-width: 37% !important;
  }

  .chat-transcript-sidelout .transcript-rhs-width {
    flex: 0 0 63% !important;
    max-width: 63% !important;
  }

  .w-22ch {
    width: 20ch !important;
  }

  .bot-card .custom-xl-4 {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  .custom-xl-4 {
    flex: 0 0 33.33333% !important;
    max-width: 33.33333% !important;
  }

  .theme-list .vue-file-agent .file-preview-new .help-text {
    top: 30px !important;
    left: 40% !important;
    padding: 0px !important;
  }

  .csv-fileupload .custom-file-label {
    padding-left: 45px;
  }

  .vs__selected {
    max-width: 30ch !important;
  }

  .theme-list .support-upload .vue-file-agent .file-preview-new .help-text {
    left: 29% !important;
    width: 100%;
    font-size: 13px !important;
  }

  .custom-width-task-lhs {
    flex: 0 0 35% !important;
    max-width: 35% !important;
  }

  .custom-width-task-rhs {
    flex: 0 0 65% !important;
    max-width: 65% !important;
  }

  .dependency-padding h2.mb-1.font-weight-bold {
    font-size: 15px !important;
  }

  .mobile-discussion .discussion-vh .discussions-list-pagination {
    max-height: calc(100vh - 235px) !important;
  }

  .notes-comments .quill-comment-editor.discussion-list-comment-box {
    width: 61% !important;
  }

  .ipad_trackprojects .projects-tab .nav-item:first-child {
    right: -200px !important;
  }

  .ipad_trackprojects .projects-tab .nav-item:nth-child(2) {
    right: -95px !important;
  }

  .ninjainterview .max-width-400 {
    max-width: 530px !important;
  }

  .testslideout-width-responsive,
  .interview-candidateslideout-width {
    width: 95vw !important;
  }

  .testslideout-width-responsive .sldeoutheader_interview .ql-snow.ql-toolbar button,
  .testslideout-width-responsive .sldeoutheader_interview .ql-snow .ql-toolbar button {
    height: 23px;
    padding: 3px 4px;
    width: 17px;
  }

  .testslideout-width-responsive .sldeoutheader_interview .ql-snow .ql-color-picker .ql-picker-label svg,
  .testslideout-width-responsive .sldeoutheader_interview .ql-snow .ql-icon-picker .ql-picker-label svg {
    width: 17px;
  }

  .testslideout-width-responsive .sldeoutheader_interview .ql-formats [class^="ql"] {
    margin-right: 0px !important;
  }

  .testslideout-width-responsive .sldeoutheader_interview .ql-formats button[class^="ql"].ql-active {
    background-color: transparent !important;
    border-radius: 0px !important;
    margin-right: 2px !important;
  }

  .projects-tab .last-tab-padding {
    margin-top: 2px !important;
  }

  .ticket-responsive-width {
    width: 90vw !important;
  }

  .formtoolbar {
    left: 2px !important;
  }

  .grid_layout {
    left: 8px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  #sort-by__BV_toggle_.track_createddate {
    right: 14% !important;
  }

  .relevant_prospects .w-50 {
    width: 100% !important;
  }

  .relevant_prospects .prospectsly_socialmedialinks {
    display: block !important;
  }

  .notes-height {
    max-height: 40vh !important;
  }

  .prospectsly_activities {
    /* overflow: auto !important; */
    overflow-x: hidden !important;
    max-height: 75vh !important;
  }

  .laptop-legends-none {
    display: none;
  }

  .laptop-dropdown-legends {
    display: block !important;
  }
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .leads {
    width: 85% !important;
  }

  .support-slide-lg-3 {
    flex: 0 0 33% !important;
    max-width: 33% !important;
  }

  .support-slide-lg-9 {
    flex: 0 0 66.66667% !important;
    max-width: 66.66667% !important;
  }

  .prospect_task .card.mobile-crud {
    max-height: 100vh !important;
  }

  .prospect_task .table-responsive.text-nowrap.table-sm.card-table {
    max-height: 68vh !important;
    overflow: auto;
  }
}

@media (min-width: 1200px) and (max-width: 1360px) {
  .rec-font {
    font-size: 0.91rem;
  }

  .company-list .custom-xl-4,
  .contacts-list .custom-xl-4 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .custom-xl-4 {
    flex: 0 0 33.33333% !important;
    max-width: 33.33333% !important;
  }

  .kanban-container {
    min-height: calc(100vh - 275px);
  }

  .discussion-vh {
    height: calc(100vh - 70px) !important;
  }

  .overview-upload .theme-list {
    max-height: 465px !important;
  }

  .theme-list .vue-file-agent .file-preview-new .help-text {
    font-size: 13px;
  }

  .mobile-profile-name {
    font-size: 9px;
  }

  .plugins-cards {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
}

.modal-lg-custom .modal-content {
  width: 100% !important;
  font-size: initial;
}

.modal-lg-custom .form-group {
  margin-bottom: 1rem !important;
}

._500apps_plugin_login_apps {
  align-items: center !important;
}

.google-sso {
  margin-right: 7px !important;
  cursor: pointer !important;
}

.activity-btn {
  top: 17px;
  right: 36px;
}

.filter-settings-block {
  right: 0;
  top: -70px;
}

.bs-popover-bottom.top-6 {
  margin-top: -5px !important;
}

.theme-list .vue-file-agent .file-preview-wrapper .file-preview:before {
  background: #e3ebf6 !important;
}

.b-sidebar.bulider-sidebar .b-sidebar-body .form-builder .container {
  padding: 0px !important;
}

.right-7px {
  right: -7px;
}

.custom-checkbox .custom-control-input ~ .custom-control-label::before {
  margin-top: 0px !important;
}

.accordianbody-scroll .card {
  border: 0;
  box-shadow: none;
}

.fc-scroller-harness .fc-more-popover .fc-popover-body {
  min-width: auto !important;
}

.fc-scroller-harness .fc-more-popover {
  max-width: 350px !important;
  height: 350px !important;
  overflow: overlay;
}

.sendNewsletter .custom-control-label {
  margin-right: 0.75rem;
}

table .max-w-30,
table .avatar-xs .vue-avatar--wrapper {
  height: 1.5rem !important;
  max-width: 1.5rem !important;
}

.date-picker .btn,
.time-picker .btn {
  background-color: #fff !important;
}

.time-picker .form-control {
  border-top: 1px solid #e3ebf6 !important;
  border-right: 1px solid #e3ebf6 !important;
  border-bottom: 1px solid #e3ebf6 !important;
}

.vue-daterange-picker {
  width: 100% !important;
}

.detailedView {
  position: absolute;
  top: -70px;
  right: 15px;
}

/* Time Picker */
.time-picker .dropdown-menu {
  padding: 17px !important;
  z-index: 22;
  width: 226px !important;
}

.time-picker .b-time-header .form-control {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  margin-bottom: 10px;
}

.time-picker .b-time-header .form-control {
  margin-bottom: 10px;
}

.time-picker .b-time-ampm,
.time-picker .b-time-minutes,
.time-picker .b-time-hours {
  min-height: 130px !important;
  padding: 0px 7px !important;
  border: 0px !important;
}

.time-picker .b-time-ampm {
  margin-left: 12px !important;
}

.time-picker .flex-grow-1 {
  justify-content: center !important;
  font-size: 13px;
  font-weight: 500;
  border: 0px !important;
  width: 40px;
  height: 40px;
  background: #eef0f4 !important;
  border-radius: 4px;
}

.time-picker .bi-circle-fill {
  color: #b1c2d9 !important;
  font-size: 9px;
}

.time-picker .btn-sm.border-0 {
  color: #b1c2d9 !important;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.time-picker .bi-chevron-down,
.time-picker .bi-chevron-up {
  color: #2c7be5 !important;
}

.time-picker .b-time-header {
  display: none !important;
}

.time-picker .b-time-footer .btn[aria-label="Close"] {
  display: none !important;
}

.time-picker .b-time-ampm .btn:nth-child(1),
.time-picker .b-time-minutes .btn:nth-child(1),
.time-picker .b-time-hours .btn:nth-child(1) {
  padding-bottom: 1.5rem !important;
  padding-top: 0px !important;
}

.time-picker .b-time-ampm .btn:last-child,
.time-picker .b-time-minutes .btn:last-child,
.time-picker .b-time-hours .btn:last-child {
  padding-top: 1.5rem !important;
  padding-bottom: 0px !important;
}

.time-picker .b-time-hours.focus,
.time-picker .b-time-minutes.focus,
.time-picker .b-time-ampm.focus {
  color: #2c7be5 !important;
}

.drag-card .sortable-chosen.ghost-card {
  box-shadow: 0 0.5rem 1rem rgba(18, 38, 63, 0.15) !important;
  border-radius: 10px;
  transform: rotateZ(-3deg) !important;
  cursor: grabbing !important;
}

.media-float .fe.fe-plus.float-plus {
  color: #fff !important;
  line-height: inherit;
}

nav#topnav .bell {
  display: block !important;
  background: transparent !important;
  padding: 0px;
}

nav#topnav .without-bell {
  display: none !important;
}

table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 1;
}

/* .table-container::-webkit-scrollbar {
    width: 8px !important;
  } */
.esign-upload .file-preview-wrapper.grid-box-item.grid-block.file-preview-new,
.b-sidebar.b-sidebar-right .esign-upload {
  height: 110px !important;
}

.esign-documents-height .embed-responsive {
  height: 370px !important;
  overflow-x: hidden;
}

.close.position-absolute {
  top: -40px;
  right: -40px;
}

.supportSlider {
  position: absolute;
  top: -49px;
  right: 130px;
}

.drag-card .sortable-ghost.sortable-chosen {
  box-shadow: 0 0.5rem 1rem rgba(18, 38, 63, 0.15) !important;
  border-radius: 10px;
  transform: rotateZ(-3deg) !important;
  cursor: grabbing !important;
}

.support-avatar .vue-avatar--wrapper {
  width: 20px !important;
  height: 20px !important;
}

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

.slideout-picker .form-control {
  border: 0px !important;
  font-size: 0.8125rem !important;
  color: #6e84a3 !important;
}

.slideout-picker .h-auto {
  background: #fff !important;
  padding: 0px 0px 4px !important;
}

.multiselect__tags,
.multiselect .multiselect__tags {
  border: 1px solid #d2ddec !important;
  background: #ffffff !important;
  color: #6e84a3 !important;
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon.guideflow_hovered:after {
  color: #8eabd1 !important;
  opacity: 0.8;
}

.multiselect__tag {
  color: #6e84a3 !important;
  background: #e2e6ed !important;
  margin-bottom: 2px !important;
  margin-right: 7px !important;
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon.guideflow_hovered {
  background: #d2ddec !important;
}

.icon-workspace .dropdown-menu-right {
  left: 165px !important;
  top: -5px;
}

.sidebar-full-toggle {
  position: fixed !important;
  left: 212px;
  padding: 4px 7px 4px 5px !important;
  top: 4px;
  border: 1px solid #e5eefb;
  border-radius: 0.25rem;
  font-weight: 700;
}

.menu-icon-toggle {
  right: -33px;
  top: 18px;
  border: 1px solid #e5eefb;
  border-radius: 0.375rem;
  font-weight: 600;
}

.user-role-radio .custom-control-inline {
  margin-right: 1rem !important;
}

.max-h-308 {
  max-height: 308px !important;
}

/* .custom-scroll::-webkit-scrollbar {
    width: 8px !important;
  } */
.mx-h-350 {
  max-width: 224px !important;
}

.left-192 {
  left: 192px !important;
}

.left-7 {
  left: -7px !important;
}

.left-8 {
  left: -8px !important;
}

/* .custom-scroll::-webkit-scrollbar {
    width: 8px !important;
  } */
.avatar-dropdown .dropdown-menu.dropdown-menu-right.show {
  max-height: 210px;
  overflow: overlay;
  left: -15px !important;
}

/* .boards-dropdown .dropdown-menu.dropdown-menu-right.show::-webkit-scrollbar,
  .avatar-dropdown .dropdown-menu.dropdown-menu-right.show::-webkit-scrollbar {
    width: 6px !important;
  } */
.projects-tab .nav-link.active.btn-white {
  background-color: #e5effe !important;
  border-color: #8bbffa !important;
  color: #12263f !important;
}

.line-height-1 {
  line-height: 1;
}

.comment-bg {
  background: #d5e5fa;
  color: #2c7be5 !important;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  padding: 2px;
  line-height: 15px;
}

.comment-bg:before {
  content: "";
  border-right: 7px solid #b3eaff00;
  border-bottom: 14px solid #d5e5fa;
  position: absolute;
  top: 19px;
  transform: rotate(150deg);
}

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

.border-1px {
  border: 1px dotted;
}

.list-add-card.guideflow_hovered {
  background: #fff;
}

.tag-before {
  background: #d5e5fa;
  color: #2c7be5 !important;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  padding: 2px;
  line-height: 16px;
}

.tag-before:after {
  content: "";
  border-right: 7px solid #b3eaff00;
  border-bottom: 14px solid #d5e5fa;
  transform: rotate(145deg);
  position: absolute;
  bottom: 5px;
  right: 16px;
}

.project-avatar .avatar.avatar-xs .max-w-30 {
  width: 20px !important;
  height: 20px;
}

.project-avatar .avatar.avatar-xs {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.lineheight-12 {
  line-height: 1.3;
}

.signup-testmonials .carousel-caption {
  position: unset !important;
  padding-bottom: 0px !important;
}

.signup-testmonials .carousel-indicators {
  bottom: -55px !important;
}

.signup-testmonials .carousel-indicators li {
  height: 10px !important;
  width: 10px !important;
  border-radius: 50% !important;
}

.multi-line-clamp-3 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.testmonial-content::first-letter {
  margin-left: 125px;
}

.min-height-550 .carousel-inner {
  min-height: 380px !important;
}

.opacity_2 {
  opacity: 0.2;
}

.testmonial-content {
  font-size: 1.2rem !important;
  line-height: 1.4 !important;
}

.font-size-13px {
  font-size: 13px !important;
}

.line-height-1-6 {
  line-height: 1.4 !important;
}

.b-sidebar .vue-avatar--wrapper,
.b-sidebar .max-w-30,
.navbar-gravtar .vue-avatar--wrapper,
.b-sidebar .avatar-xs .vue-avatar--wrapper {
  height: 1.8rem !important;
  width: 1.8rem !important;
  max-width: 1.8rem !important;
}

.b-sidebar .vue-avatar--wrapper span,
.navbar-gravtar .vue-avatar--wrapper span {
  font-weight: 400;
  color: #fff !important;
  font-family: "Cerebri Sans";
}

.modal-lg-custom .form-mb-2 {
  margin-bottom: 5px !important;
}

.line-height-1 {
  line-height: 1;
}

/* Quill editor CSS */
.ql-toolbar {
  position: absolute !important;
  bottom: 30px;
  width: 100%;
  transform: translateY(100%);
  z-index: 99;
  padding-top: 14px !important;
  margin-top: 14px !important;
}

.quill-editor .ql-editor {
  border: 0 !important;
  padding: 0px !important;
}

.quill-editor {
  position: relative;
}

.ql-snow .ql-fill {
  fill: #bcc9db !important;
}

.ql-snow .ql-active .ql-fill,
.ql-snow .ql-active .ql-stroke {
  stroke: #625f5f !important;
}

.ql-snow .ql-stroke {
  stroke: #bcc9db !important;
}

.quill-editor .ql-editor {
  padding-left: 5px !important;
}

.ql-editor.ql-blank::before {
  left: 5px !important;
  top: 0px !important;
  color: #c8d0dd !important;
  font-family: "Cerebri Sans", sans-serif !important;
  font-style: inherit !important;
}

.navbar-gravtar .max-w-30 {
  max-width: 32px !important;
  height: 32px !important;
}

.drop-status .dropdown-toggle::after {
  content: "\e92e";
  color: #95aad3;
  right: 11px;
  position: absolute;
  top: 1px;
  font-size: 11px;
}

.activity-avatar .avatar.avatar-xs {
  width: 20px !important;
  height: 20px !important;
}

.activity-avatar .avatar.avatar-xs .vue-avatar--wrapper,
.activity-avatar .max-w-30 {
  height: 20px !important;
  width: 20px !important;
}

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

.modal-lg-custom .text-center.small.mt-2 .text-muted {
  margin-right: 5px;
}

.badge {
  border-radius: 0.2rem !important;
}

.crm-card-header.not-collapsed .fe-chevron-down::before {
  content: "\e931";
}

.input-group-text {
  padding: 0.49rem 0.75rem !important;
}

.projects-tab .mytask-avatar span.avatar.avatar-xs {
  height: 18px !important;
  width: 18px !important;
}

.projects-tab .mytask-avatar .max-w-30 {
  width: 14px !important;
  height: 14px !important;
  position: relative;
  top: 3px;
  margin-right: 2px;
  background: transparent !important;
  padding: 0px !important;
}

.task-plus {
  height: 22px;
  width: 22px;
  border-radius: 4px !important;
}

.task-plus span.fe.fe-plus {
  color: #2c7be5 !important;
  opacity: 1;
  font-size: 12px;
  padding-left: 5.5px;
  font-weight: 600;
  line-height: 1;
}

.mw-12ch {
  max-width: 12ch;
}

.ql-editor {
  font-size: 14px !important;
  margin-top: 10px !important;
}

.tab-underline-textcolor .nav-link.active {
  border-color: transparent transparent transparent !important;
}

.tab-underline-textcolor .nav-link {
  padding: 0.6rem 0 !important;
}

.add-tag-button {
  top: 20px;
  right: 110px;
}

.option-icons,
.option-icon-delete,
.b-popover .fe-edit-3,
.b-popover .fe-trash-2,
.b-popover .fe-share-2,
.b-popover .fe-rotate-cw,
.b-popover .fe-download {
  color: #95aac9 !important;
}

.option-icons.guideflow_hovered,
.b-popover .fe-edit-3.guideflow_hovered,
.b-popover .fe-share-2.guideflow_hovered,
.b-popover .fe-rotate-cw.guideflow_hovered,
.b-popover .fe-download.guideflow_hovered {
  color: #2c7be5 !important;
}

.option-icon-delete.guideflow_hovered,
.b-popover .fe-trash-2.guideflow_hovered {
  color: #e63757 !important;
}

.priority-status .dropdown-toggle::after {
  display: none;
}

.top-7px {
  top: -7px;
}

.tab-underline-textcolor .nav-link.guideflow_hovered img {
  opacity: 0.8;
}

.tab-underline-textcolor .nav-link img {
  opacity: 0.2;
}

.tab-underline-textcolor .nav-link.active img {
  filter: initial;
  opacity: initial;
}

.download-desktop .card.guideflow_hovered .active-img {
  filter: initial !important;
}

.right-23px {
  right: 23px;
}

.projects-tab .mytask-avatar .vue-avatar--wrapper span {
  font-size: 9px !important;
  font-weight: 400;
}

.projects-tab .mytask-avatar .vue-avatar--wrapper {
  margin-left: -6px;
  height: 15px !important;
  width: 15px !important;
}

.projects-tab .nav-item:nth-last-child(2) {
  margin-right: 10px !important;
}

.navbar-light .navbar-user-link.guideflow_hovered {
  color: #12263f !important;
}

.navbar.navbar-vibrant .navbar-user-link.guideflow_hovered,
.navbar-user-link.guideflow_hovered {
  color: #ffffff !important;
}

.navbar-user-link:focus {
  color: #6e84a2 !important;
}

.navbar-vibrant .navbar-user-link:focus {
  color: rgba(255, 255, 255, 0.7) !important;
}

.crm-card-header {
  opacity: 0.8;
}

.crm-card-header.guideflow_hovered {
  opacity: 1;
}

.list-view .dropdown-item {
  display: flex !important;
}

/* Calendar CSS */
.b-calendar-header .form-control-sm.text-center {
  border: 0;
  border-radius: 0;
  height: 50px;
  background-color: #e6effc !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.b-calendar-header .form-control-sm.text-center bdi {
  font-size: 17px;
}

.b-form-datepicker .dropdown-menu {
  padding: 0px 0px 8px;
  border: 0;
  box-shadow: 0 1rem 3rem rgba(18, 38, 63, 0.175) !important;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.b-form-datepicker .b-calendar-grid {
  border: 0;
}

.b-form-datepicker .b-calendar-grid-body .col span.font-weight-bold {
  font-weight: 400 !important;
  font-size: 15px;
  margin: 2px;
}

.b-form-datepicker .b-calendar-grid-body .col span.font-weight-bold.active.focus {
  box-shadow: none;
}

.b-form-datepicker .b-calendar-grid-body .col span.btn-outline-primary {
  background-color: #2c7be5 !important;
  color: #fff !important;
}

.b-form-datepicker .b-calendar-nav .flex-fill.btn {
  color: #d2ddec !important;
  max-width: 40px;
}

.b-form-datepicker .b-calendar-nav .flex-fill.btn.guideflow_hovered {
  color: #5292ea !important;
  background-color: transparent;
}

.b-form-datepicker .b-calendar-grid-body .col span.btn-primary {
  color: #2c7be5;
  background-color: #d5e5fa;
  font-weight: bold !important;
}

.b-form-datepicker .b-calendar-grid-body .col span.font-weight-bold,
.b-form-datepicker .b-calendar-grid-body .col span.font-weight-bold.guideflow_hovered,
.b-form-datepicker .b-calendar-grid-body .col span.btn-outline-primary,
.b-form-datepicker .b-calendar-grid-body .col span.font-weight-bold.active {
  font-size: 14px;
  padding: 0;
  width: 35px;
  height: 35px;
  line-height: 2.61;
}

.b-form-datepicker .b-calendar-grid-help {
  display: none;
}

.b-form-datepicker .b-calendar-grid-weekdays small.col {
  font-weight: 500;
  font-size: 13px;
}

.b-form-datepicker .b-calendar-grid-weekdays {
  padding: 11px 10px;
}

.b-form-datepicker .b-calendar-nav {
  padding: 6px 8px;
  justify-content: space-between;
}

.fc .fc-more-popover {
  border: 1px solid #fff;
}

.b-form-datepicker .b-calendar-inner {
  width: 340px !important;
  position: static;
}

.mhv-80 {
  height: calc(100vh - 365px);
}

.daterangepicker.openscenter {
  top: 100%;
}

.max-mobile-width[style="max-width: 245px;"] .card-header .stream-lineheight {
  width: 11ch;
}

.font-size-initial {
  font-size: initial !important;
}

.crm-dropdown hr.dropdown-divider {
  margin: 5px 0px;
}

.projects-tab .nav-link.active.btn-white img {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
  border-radius: 0;
  padding: 0 !important;
}

.height-40 {
  height: 40px !important;
}

.signly-quill-editor-border .ql-editor {
  margin-top: 0px !important;
  padding: 0px !important;
}

.signly-quill-editor-border .ql-toolbar {
  bottom: 41px;
  left: 0px;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.signly-quill-editor-border .ql-toolbar .ql-formats {
  margin-left: 0.4rem !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.signly-quill-editor-border .ql-icon-picker .ql-picker-label {
  padding: 0px 5px !important;
  position: relative;
  top: -1px;
}

.mx-h-350.left-192 {
  left: 192px !important;
}

.group-details .charh-width {
  width: 60px;
}

.mw-25ch {
  max-width: 25ch !important;
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin !important;
    scrollbar-color: #e0e0e0 transparent !important;
  }

  .overflow-overlay {
    overflow: auto !important;
  }

  .overflow-on-mobile.overflow-onhover,
  .teams-cc-lhs.overflow-onhover {
    overflow: auto !important;
    scrollbar-width: thin !important;
    scroll-behavior: smooth !important;
  }

  .navbar {
    scrollbar-color: transparent transparent !important;
  }

  .form-control:focus-visible {
    text-shadow: none !important;
  }

  .task-list-pagination.guideflow_hovered {
    overflow-y: scroll !important;
  }

  .task-list-pagination.guideflow_hovered {
    overflow-y: scroll !important;
    padding-right: 4px !important;
  }

  .overview-upload .theme-list {
    overflow-y: scroll !important;
  }

  .max-description-height {
    overflow-y: scroll !important;
  }

  .projects-tab .nav-link.btn-white .fe {
    vertical-align: top !important;
  }

  .moz-overflow-scroll.thin-scroll.guideflow_hovered {
    overflow: auto !important;
    scrollbar-width: thin;
    padding-right: 0px !important;
  }

  .manage-stream-scroll.guideflow_hovered {
    overflow: auto !important;
    padding-right: 5px !important;
  }

  .dropdown-moz-overflow-y .dropdown-menu {
    overflow-y: auto !important;
    scrollbar-width: thin;
  }

  .manage-dropdown .dropdown-toggle::after {
    position: absolute;
    right: 12px;
  }

  .manage-dropdown .dropdown-menu.show {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin;
  }

  .overflow-onhover.guideflow_hovered {
    overflow: auto !important;
  }

  .global-search-results {
    overflow-y: auto;
  }

  .overview-upload .theme-list {
    z-index: 0 !important;
  }

  .discussions-list-pagination.guideflow_hovered {
    overflow-y: auto !important;
    padding-right: 0px !important;
  }

  .max-description-height {
    overflow-y: auto !important;
  }

  .thin-scroll.overflow-hidden,
  .avatar-dropdown .dropdown-menu.dropdown-menu-right.show,
  .activities-list-pagination {
    overflow-y: auto !important;
  }

  @media (max-width: 1366px) {
    .task-list-pagination.guideflow_hovered {
      padding-right: 12px !important;
    }

    .discussions-list-pagination.guideflow_hovered {
      overflow-y: auto !important;
      padding-right: 7px !important;
    }

    .mobile_track .track-tabs .table.b-table.b-table-stacked-md > tbody > tr > td:first-child {
      margin-left: 0px !important;
    }
  }

  @media (min-width: 349px) and (max-width: 768px) {
    .document_title {
      word-wrap: initial !important;
      white-space: nowrap;
    }

    /* .projects-tab .nav-link.btn-white .fe {
        vertical-align: top !important;
        position: relative;
        top: 5px !important;
      } */
  }
}

.users-dropdown .dropdown-menu {
  min-width: auto !important;
}

.users-dropdown .dropdown-menu .dropdown-item {
  padding: 0.375rem 1rem !important;
}

.no-caret::after {
  content: none !important;
}

.projects-tab .btn-white.active {
  background-color: #e5effe !important;
  border-color: #8bbffa !important;
  color: #12263f !important;
  border-radius: 0.15rem;
}

.projects-tab .btn-white {
  border-radius: 0.15rem !important;
}

.projects-tab .fe.fe-plus {
  color: #2c7be5 !important;
}

.last-tab-padding .nav-link {
  padding: 0px !important;
}

.smart-search-container .main-dropdown {
  z-index: 3;
}

.height-25 {
  height: 25px !important;
}

.height-200 {
  height: 200px !important;
}

.discussion-text img {
  width: 20%;
  margin: 8px 5px;
  border-radius: 4px;
}

.multi-float-button {
  bottom: 105px !important;
  right: 17px !important;
}

.font-size-20px {
  font-size: 20px;
}

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

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

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

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

.boards-dropdown .dropdown-menu.dropdown-menu-right.show {
  max-height: 210px;
  overflow: overlay;
}

.quill-editor .ql-tooltip.ql-editing,
.quill-editor .ql-tooltip {
  z-index: 9999;
}

.task-slideout-comments .quill-comment-editor .quill-editor .ql-tooltip.ql-editing,
.quill-editor .ql-tooltip {
  border: 1px solid #f1f1f1 !important;
  left: 0px !important;
}

.ql-snow .ql-tooltip[data-mode="link"]::before {
  top: -25px !important;
}

.ql-snow .ql-tooltip::before {
  top: -28px;
}

.ql-snow .ql-tooltip a.ql-action::after {
  display: none !important;
}

.ql-tooltip.ql-editing {
  width: 15.5rem !important;
}

.media .tui-image-editor-container .tui-image-editor-help-menu.top {
  height: 50px !important;
}

.media-file .vue-file-agent .file-preview-new .help-text {
  top: 50% !important;
  white-space: nowrap;
  left: 27% !important;
}

.media-file .grid-block-wrapper .grid-block {
  min-width: 50% !important;
  margin-bottom: 4px !important;
  width: 50% !important;
}

.media-file .vue-file-agent .file-preview .file-preview-img {
  height: 100% !important;
  width: 100%;
  padding: 0;
}

.response-tab .nav-link.active.btn-white {
  background-color: #e5effe !important;
  border-color: #8bbffa !important;
  color: #12263f !important;
}

.table-search-design .table-sm h5.charh-width {
  font-size: 0.9375rem !important;
  font-weight: 400;
  margin-top: 3px;
}

.table-sm .height-22 img {
  margin-top: 3px;
}

.b-sidebar.taskslideout-body .b-sidebar-body {
  padding: 0px !important;
  overflow-y: hidden;
}

.b-sidebar.pushslideout-body .b-sidebar-body {
  padding: 0px !important;
}

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

.ql-tooltip:before {
  border-bottom: 0.6rem solid rgb(18 38 63 / 0%) !important;
}

.more-horizontal {
  top: -10px;
  left: 10px;
  font-size: 2.2rem;
}

.more-float .media-float .dropdown-menu {
  background: transparent;
  border: 0px;
  text-align: center;
  left: 60px !important;
  top: -8px !important;
}

.more-btn-float {
  width: 55px;
  height: 55px;
  color: #fff;
  border-radius: 50%;
}

.more-btn-float .fe {
  line-height: 53px;
  font-size: 20px;
  color: #95aac9;
  margin-right: 2px;
}

.more-btn-float .fe.guideflow_hovered {
  color: #2c7be5 !important;
}

.more-float .dropdown-item {
  padding: 0.12rem 1.5rem;
}

.more-btn-float.bg-primary {
  background-color: #ebf3ff !important;
  border: 1px solid #ebf3ff !important;
}

.manage-dropdown .dropdown-toggle::after {
  position: absolute;
  right: 12px;
}

.manage-dropdown .dropdown-menu.show {
  width: 100%;
  max-height: 300px;
  overflow: overlay;
}

.icon-round {
  color: #1329c3 !important;
  position: absolute;
  top: 4.2px;
  right: 5px;
  font-size: 13px !important;
}

.avatar-title.bg-secondary {
  width: 26.4px;
  height: 26.4px;
}

.avatar-title.channel-members .fe.fe-plus.fe.fe-plus,
.avatar-title.bg-secondary .fe.fe-plus.fe.fe-plus {
  font-size: 5px;
  position: relative;
  left: 2px;
  top: 1px;
  font-weight: 800 !important;
  margin-left: 5px;
  margin-right: 1px;
}

input[type="datetime-local"] {
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 24 24' fill='none' stroke='%2395AAC9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")
    97% 41% no-repeat;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.edit-cursor {
  padding: 0.25rem 0.35rem;
  border: 1px solid transparent;
  border-radius: 3px !important;
}

.edit-cursor.guideflow_hovered {
  border: 1px solid #e3ebf6;
  padding: 0.25rem 0.35rem;
}

.quill-editor-margin pre {
  font-size: 0.935rem;
  color: #12263f;
  font-family: "Cerebri Sans", sans-serif;
  margin-bottom: 0px;
}

.global-search-results .hover-effect {
  background: #f9fbfd;
  margin-bottom: 5px !important;
  border-radius: 3px !important;
}

.text-truncate-25ch {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 25ch;
}

.text-truncate-30ch {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30ch;
}

.table-sm .charh-width {
  font-size: 0.9375rem !important;
  font-weight: 400;
}

.b-toaster.b-toaster-top-right {
  z-index: 9999 !important;
}

/* Quill CSS For link */
.ql-snow .ql-tooltip.ql-editing input[type="text"] {
  border: 0 !important;
}

.ql-snow .ql-tooltip {
  padding: 10px !important;
  border: 1px solid #e3ebf6 !important;
  box-shadow: 0 0 1rem rgb(18 38 63 / 3%) !important;
}

.ql-container {
  position: unset !important;
}

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

.ql-snow .ql-tooltip.ql-editing input[type="text"]::placeholder {
  color: #bebebe !important;
}

.crmSlider {
  position: absolute;
  top: -52px;
  right: 88px;
}

.settings-icon .fe-settings {
  font-size: 17px;
  position: relative;
  top: 1px;
}

.push-webhook .form-group:last-child {
  margin-bottom: 0;
}

.plugin-overlay {
  overflow-y: overlay;
  max-height: 450px;
}

.electron-icon .close {
  position: absolute;
  top: 3px;
  right: 4px;
  font-size: 20px !important;
  display: none;
}

.electron-icon.guideflow_hovered .close {
  display: block;
}

/* .manage-stream-scroll::-webkit-scrollbar {
    width: 10px !important;
  } */
.refresh-icon {
  display: flex;
  line-height: 1.75;
  justify-content: flex-end !important;
  margin-bottom: 1.5rem !important;
  position: absolute;
  top: -70px;
  right: 15px;
}

.icon-spinner {
  animation: spin-animation 0.5s infinite;
  display: inline-block;
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

.pushslideout-body .b-sidebar-body.p-0 {
  padding-left: 0px !important;
}

/* Crmio Dropdown  */
.crmio-dropdown .card-table {
  min-height: 370px !important;
}

/* Buildy Page Grader cardview*/
.buildy-page-grader .card {
  border: 0px !important;
  margin-bottom: 0px !important;
}

.grader-close {
  right: 20px !important;
  z-index: 2;
  top: 15px !important;
}

.vue-file-agent .file-preview-wrapper.grid-box-item:before {
  background: transparent;
}

.theme-list .vue-file-agent .file-preview-wrapper .file-preview:before {
  background: #e3ebf6 !important;
}

.vue-file-agent .file-preview .file-preview-img {
  background: transparent !important;
  padding: 5px;
}

.singleon-check {
  top: 12px;
  right: 10px;
}

.right-16px {
  right: 16px;
}

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

.navbar-expand-lg.guideflow_hovered .sidebar-full-toggle,
.navbar-vertical-sm.guideflow_hovered .menu-icon-toggle {
  opacity: 1;
  transition: opacity 0s;
}

.sidebar-full-toggle,
.menu-icon-toggle {
  opacity: 1;
  transition: opacity 0s 2s ease-in-out;
}

/*Sign.ly Quill Editor Spacing */
.signly-quill-editor-border .quill-editor {
  border: 1px solid #e3ebf6 !important;
  border-radius: 4px !important;
  padding: 1rem;
  margin-bottom: 0px !important;
}

.signly-quill-editor-border .ql-editor ol,
.signly-quill-editor-border .ql-editor ul {
  padding-left: 0px !important;
}

.signly-quill-editor-border .ql-editor ol li {
  padding-left: 17px !important;
}

.signly-quill-editor-border .ql-editor ul li {
  padding-left: 11px !important;
}

.ac-esign-tool-restriction {
  z-index: 0 !important;
}

.date-picker.border {
  border: 1px solid #d8e1ee !important;
  border-radius: 0.325rem !important;
}

.date-picker .btn.h-auto {
  border-top-right-radius: 0.325rem;
  border-bottom-right-radius: 0.325rem !important;
}

.refresh-spinner {
  animation: spin-animation 0.85s infinite;
  display: inline-block;
}

.right-0px {
  right: 0 !important;
}

.add-post {
  font-family: Cerebri Sans, sans-serif;
  font-size: 0.9375rem;
}

table .ticket-avatar .vue-avatar--wrapper {
  height: 1.65rem !important;
  max-width: 1.65rem !important;
}

.top-drop-down.top-bar.help-drop .btn-transparent {
  padding-right: 5px;
}

.icon-help .btn-transparent {
  padding-bottom: 0px;
}

.modal-md-lg {
  max-width: 700px !important;
}

.line-height-08 {
  line-height: 0.8 !important;
}

.b-form-date-calendar {
  position: relative;
}

.max-height-770 {
  max-height: 770px;
}

.task-modalwidth {
  max-width: 460px !important;
}

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

.buildfile-upload .vue-file-agent.file-input-wrapper {
  height: 90px;
}

.buildfile-upload .vue-file-agent .file-preview {
  height: 80px !important;
  padding-bottom: 0 !important;
}

.buildfile-upload .vue-file-agent .file-preview-wrapper {
  height: 80px !important;
}

.editor-send .btn-primary {
  position: absolute;
  top: -60px;
  right: 18px;
  z-index: 999;
}

.editor-send .fe-send {
  transform: rotate(45deg);
}

.activities-list-pagination .activity-avatar .vue-avatar--wrapper {
  width: 20px !important;
  height: 20px !important;
}

.mobile-activity-text .activity-avatar .vue-avatar--wrapper {
  width: 20px !important;
  height: 20px !important;
}

.activity-avatar .avatar-xs .vue-avatar--wrapper span {
  font-size: 11px !important;
  font-weight: 500;
}

.file-preview-wrapper .file-delete {
  color: #e63757 !important;
  margin-top: 4px;
  margin-right: 5px;
}

.top39 {
  top: 39px;
}

.date-picker .b-form-datepicker {
  border: 1px solid #d2ddec !important;
}

input[type="time"].form-control {
  text-transform: uppercase;
}

.modal-body .multiselect__tags {
  border: 1px solid #f1f1f1 !important;
  background: #ffffff !important;
  color: #6e84a3 !important;
}

.crmtag-modal {
  max-width: 450px !important;
}

.crm-activity-timeline.guideflow_hovered {
  overflow-x: hidden !important;
}

/* .crm-slideout::-webkit-scrollbar {
    width: 10px !important;
  } */
.emailquill-editor .ql-container.ql-snow {
  border: 1px solid #f1f1f1 !important;
  border-radius: 6px;
}

.emailquill-editor .ql-toolbar.ql-snow {
  border: 1px solid #f1f1f1 !important;
  border-top: 1px solid #edf2f9 !important;
  padding: 8px !important;
  border-top-right-radius: 0px !important;
  border-radius: 6px;
  border-top-left-radius: 0px;
}

.emailquill-editor .ql-editor.ql-blank::before {
  left: 25px !important;
  top: 25px !important;
}

.emailquill-editor .quill-editor .ql-editor {
  padding-left: 25px !important;
  padding-top: 25px !important;
  margin-bottom: 8vh;
}

.emailquill-editor .ql-container {
  min-height: calc(100vh - 30vh);
  max-height: calc(100vh - 30vh);
  overflow: auto;
}

.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__search,
.vs--disabled .vs__open-indicator {
  background-color: #edf2f9 !important;
}

.vs__dropdown-toggle {
  height: calc(1.5em + 1rem + 2px) !important;
  font-size: 0.9375rem !important;
  border: 1px solid #d2ddec !important;
}

.vs__open-indicator {
  fill: rgb(155 154 154 / 50%) !important;
  transform: scale(0.8) !important;
  width: 20px !important;
}

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(0.8) !important;
}

.vs__open-indicator {
  fill: transparent !important;
  background: #ffffff
    url("data:image/svg+xml,%3csvg viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L4.25 4.25L7.5 1' stroke='%2395AAC9' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
    no-repeat right 0.75rem center/0.75em 0.75em;
  background-position-x: 98%;
  background-position-y: center;
}

.vs__selected {
  display: inline !important;
  max-width: 40ch;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vs--single.vs--searching .vs__selected {
  display: none !important;
}

.max-height-500 {
  max-height: 500px;
}

.right-100px {
  right: 100px;
}

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

.multiselect--disabled .multiselect__select {
  background: transparent !important;
}

.quill-discussion-editor .ql-container,
.quill-comment-editor .ql-container {
  min-height: 50px !important;
}

.quill-discussion-editor .ql-container .ql-editor,
.quill-comment-editor .ql-container .ql-editor {
  max-height: 90px !important;
  overflow: auto;
}

.quill-discussion-editor .ql-editor,
.quill-comment-editor .ql-editor {
  min-height: 40px;
  margin-top: 0px !important;
  margin-bottom: 30px !important;
}

.quill-discussion-editor .textarea-emoji-control {
  top: 0px;
}

.crm-icons {
  display: none !important;
}

.tag-onhover.guideflow_hovered .crm-icons {
  display: block !important;
}

.crm-icons.btn-white.guideflow_hovered,
.crm-icons.btn-white:focus {
  background-color: #fff !important;
}

.top-31px {
  top: -31px;
}

.crm-edit-tag {
  left: 1px;
  top: 28px;
}

.crm-edit-tag .form-group {
  margin-bottom: 0px !important;
}

.avatar-group .avatar.avatar-xs.guideflow_hovered {
  z-index: 3 !important;
}

.right-77px {
  right: 77px;
}

.task-slideout-comments .discussions-list-pagination {
  max-height: calc(100vh - 300px);
}

.multiselect__select {
  height: 0px !important;
  width: 0px !important;
  right: 27px !important;
  top: 13px !important;
  z-index: 2;
}

.multiselect--active .multiselect__select:before {
  right: 10px !important;
  top: -15px !important;
}

.billing-bg-img {
  background-image: url(https://html-assets-prod.guideflow.com/d4b49c9c3e7976660d01c041e56fd116c895a0dd);
}

.text-orange {
  color: #ff9800;
}

.user-search .input-group .search-symbol .input-group-text {
  border: 0px;
}

.user-search {
  padding: 10px 10px;
  border-bottom: 1px solid #edf2f9;
  margin: 0 25px;
}

.user-search .form-control {
  border: 0;
}

.table-sm thead th,
.b-table thead th {
  white-space: nowrap;
}

.b-table td {
  white-space: nowrap;
}

.table-sm .vue-moments-ago {
  white-space: nowrap;
}

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

.settings-accordian .collapse.show:last-child,
.settings-accordian .collapsed:last-child {
  border-bottom: none !important;
}

.font-size-18px {
  font-size: 18px;
}

.crm-contacts-lhs-width {
  flex: 0 0 28.33333% !important;
  max-width: 28.33333% !important;
}

.crm-contacts-widget-width {
  flex: 0 0 28.33333% !important;
  max-width: 28.33333% !important;
}

.crm-contacts-rhs-width {
  flex: 0 0 43.33333% !important;
  max-width: 43.33333% !important;
}

.crm-contacts-widget-width > div {
  padding: 0 !important;
}

.crm-contacts-widget-width .widgets {
  border-left: 0px solid transparent;
}

.crm-contacts-widget-width .widgets .mt-5p {
  position: relative;
  right: 11px;
  margin-top: 0px !important;
}

.crm-contacts-widget-width .widgets ._500plugins_widget {
  border: 0px;
  border-radius: 6px;
}

.text-yellow {
  color: #ffe24f;
}

.remove-border-3th:nth-child(3n) {
  border-right: 0 !important;
}

.bg-gray {
  background-color: #666666 !important;
}

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

.border-radius-0 {
  border-radius: 0 !important;
}

.bg-black-light {
  background-color: #3f3e39 !important;
}

.bg-black-light .border-black {
  border-color: #000 !important;
}

.navbar-gravtar .width-38px {
  width: 32px !important;
}

.error-flex-wrap {
  white-space: inherit !important;
  line-height: 1.4;
}

.task-vertical-height {
  height: calc(100vh - 66px) !important;
}

.discussion-list-box .error-badge {
  position: absolute;
  right: 0;
  bottom: 2px !important;
  padding: 0 !important;
}

.error-badge {
  position: absolute;
  right: 0;
  bottom: -9px;
}

.task-slideout-comments .discussion-list-comment-box .error-badge {
  bottom: -8px;
}

.media-file .theme-list .vue-file-agent .file-preview-wrapper,
.media-file .theme-list .vue-file-agent .file-preview-wrapper .file-preview {
  height: 120px !important;
}

.media-file .theme-list .vue-file-agent .file-preview-wrapper .file-preview .thumbnail {
  width: 100% !important;
}

.upload-filemanager {
  overflow: hidden !important;
}

.upload-filemanager .theme-list .vue-file-agent .file-preview-new .help-text {
  left: 40% !important;
}

.b-sidebar.b-sidebar-right .vue-file-agent .file-preview-new .help-text {
  left: 45% !important;
}

.height-90vh {
  height: 90vh;
}

.max-height-210 {
  max-height: 210px;
  overflow: scroll;
}

.manageuser-bg-img {
  background-image: url(https://html-assets-prod.guideflow.com/bff60fc9f2a7d90d970277280c042a1eba4c8da8);
  background-size: cover;
}

.manage-users .multiselect__content-wrapper {
  max-height: 240px !important;
}

.tab-content .active {
  background: transparent;
}

.website-wizard .w-50 {
  width: 100% !important;
}

.b-sidebar.b-sidebar-right .vue-file-agent .file-preview-new .help-text {
  left: 35% !important;
}

.no-hover.active .fe::before {
  top: 2px !important;
  position: relative;
}

.no-hover .fe-rotate-cw::before {
  position: relative;
  font-size: 12px;
  right: 1px;
  top: 1px;
}

.project-search-box {
  position: relative;
  top: -2px;
  right: -11px;
  height: 40px;
  z-index: 10 !important;
}

.project-search-box .fe-search {
  margin: -5px 8px 0px 8px;
}

.project-search-box .input-group-text {
  padding: 5px 0px 0px !important;
}

.project-search-box .input-group {
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  height: 39px;
  margin-top: -3px !important;
}

.mw-17ch {
  width: 17ch;
  margin-right: 6px;
  padding-right: 8px !important;
}

.project-search-box .search-symbol {
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
}

.project-search-box .form-control {
  height: 28px;
}

.discussion-vh .quill-discussion-editor .error-badge {
  position: absolute;
  right: 0;
  bottom: -30px !important;
}

.comment-width {
  width: 35px;
}

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

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

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

.buildfile-upload .vue-file-agent .file-preview-wrapper .help-text {
  top: 35px !important;
}

.font-size-banner {
  font-size: 1.3rem;
}

.frame-bg {
  background-color: #3429eb !important;
  background: url(https://html-assets-prod.guideflow.com/19efef6d62ffd84d2b39ae2234c5b408ca18e15d) no-repeat;
  background-size: cover;
}

.min-height-70vh {
  min-height: 70vh;
}

.min-height-72vh {
  min-height: 72vh;
}

.min-height-60vh {
  min-height: 60vh;
}

.bottom-110px {
  bottom: 110px !important;
}

.vue-swatches {
  height: 20px;
}

.vue-swatches__container {
  padding: 0px !important;
  margin-bottom: 0px !important;
  box-shadow: none !important;
  border: 1px solid #e3ebf6;
}

.project-avatar .vue-avatar--wrapper {
  width: 20px !important;
  height: 20px !important;
}

.pbx-designer-height {
  height: calc(100vh - 230px);
}

.support-designer {
  height: calc(100vh - 255px);
}

.crm-designer-height {
  height: calc(100vh - 335px);
}

.max-width-20ch {
  max-width: 20ch;
}

.max-width-30ch {
  max-width: 30ch;
}

.avatar .w-30px {
  width: 30px !important;
}

.max-width-400 {
  max-width: 400px !important;
}

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

.quill-editor .textarea-emoji-control {
  height: 25px;
  right: 0px;
  bottom: -5px !important;
  width: 25px;
  z-index: 99;
  top: unset;
  cursor: pointer;
}

.support-editor .ql-editor {
  margin-top: 0px !important;
}

.support-editor .quill-editor {
  padding-top: 5px !important;
}

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

.long-editor .ql-editor {
  margin-top: 0px !important;
}

.long-editor .ql-container {
  max-height: 320px !important;
}

.long-editor .ql-editor {
  min-height: 300px !important;
  max-height: min-content !important;
}

.quill-editor .ql-editor {
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
}

.height-94vh {
  height: 94vh;
}

.fc-daygrid-dot-event.guideflow_hovered .fc-daygrid-dot-event {
  background: none;
}

.instruction-list li {
  margin-top: 10px;
}

.vue-codemirror.guideflow_hovered .CodeMirror-vscrollbar {
  overflow-y: scroll !important;
}

.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

.vue-codemirror.guideflow_hovered .CodeMirror-hscrollbar {
  overflow-x: scroll !important;
}

.slideout-body .b-sidebar .b-sidebar-body {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-top: 1.5rem !important;
}

.max-width-100ch {
  max-width: 100ch;
}

.task-vertical-height.guideflow_hovered {
  overflow-y: overlay !important;
}

.task-slideout-datapicker .b-form-datepicker {
  width: 175px;
}

.task-slideout-datapicker .b-form-datepicker .form-control {
  white-space: nowrap;
}

.toast-body {
  padding: 1.2rem;
}

.slideout-delete-modal .modal-body {
  border-radius: 4px !important;
}

.project-drophover .dropdown-toggle::after {
  color: #95aac9 !important;
}

.dependency-task .multiselect__option {
  max-width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dependency-task .multiselect__tag {
  max-width: 90%;
}

.projects-editor .textarea-emoji-control {
  left: 0px !important;
  bottom: -3px !important;
  width: 24px;
  line-height: 0px;
  padding: 4px 3px;
  cursor: pointer;
}

.discussion-vh > div.card-body.pb-2 {
  padding-bottom: 0px !important;
}

.projects-editor .ql-toolbar.ql-snow .ql-formats {
  margin-right: -12px;
}

.projects-editor .ql-formats .ql-bold {
  margin-left: 23px !important;
}

.projects-editor #textarea-emoji {
  margin-top: 10px;
  left: 0px !important;
}

.task-dependency-avatar .avatar-dropdown .max-w-30,
.task-dependency-avatar .avatar.avatar-xs {
  max-width: 1.25rem !important;
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.task-dependency-avatar .avatar-dropdown {
  max-width: 1.25rem !important;
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.task-dependency-avatar .vue-avatar--wrapper {
  max-width: 1.25rem !important;
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.hipsocial-media .theme-list .vue-file-agent .file-preview-new .help-text {
  left: 50% !important;
}

.finder-upload .theme-list .vue-file-agent .file-preview-new .help-text {
  left: 50% !important;
}

.task-list-pagination {
  min-height: 50vh;
  max-height: calc(100vh - 170px) !important;
}

.card-header.height-70px {
  height: 70px;
}

.user-avatar-title {
  border: 1px solid #1329c3;
  height: 26.5px;
  border-style: dashed;
  width: 26.5px;
}

.add-user-avatar .d-inline-flex {
  margin-left: -0.1rem !important;
}

#app .add-user-avatar .bg-secondary.add-avatar-top {
  margin-top: -0.08rem !important;
  border-radius: 0.3rem !important;
  background-color: #002558 !important;
}

.count-top {
  margin-top: 1px;
  margin-left: 1px;
  font-weight: 800;
}

.add-user-avatar .avatar-xs:nth-child(6) {
  z-index: 1;
  background: transparent !important;
}

.add-user-avatar .avatar-xs:nth-child(5) {
  z-index: 2;
  /* margin-right: -1px; */
}

.add-user-avatar .avatar-xs:nth-child(4) {
  z-index: 3;
  margin-right: -1px;
}

.add-user-avatar .avatar-xs:nth-child(3) {
  z-index: 4;
}

.add-user-avatar .avatar-xs:nth-child(2) {
  z-index: 5;
  margin-right: 1px;
}

.add-user-avatar .avatar-xs:nth-child(1) {
  z-index: 6;
}

.add-user-avatar .avatar.avatar-xs.guideflow_hovered {
  z-index: 10 !important;
}

.add-user-avatar .avatar.avatar-xs,
.avatar-xs .vue-avatar--wrapper {
  background: white;
  border-radius: 0.3rem !important;
  margin-left: 0.6px;
}

.font-5px {
  font-size: 0.53rem !important;
}

.add-user-avatar .avatar-xs .vue-avatar--wrapper span {
  font-weight: 500;
  font-size: 9px;
}

.hover-bg-user.guideflow_hovered {
  background: #f9fbfd !important;
}

.global-search-results {
  right: 0;
}

.disable-accordion {
  pointer-events: none;
}

.height-150px {
  height: 150px;
}

.h-40px {
  height: 40px;
}

.avatar-dropdown .vue-avatar--wrapper {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.avatar-dropdown .vue-avatar--wrapper,
.avatar-dropdown .avatar.avatar-xs {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.white-space {
  white-space: normal;
}

.avatar-dropdown {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.mailsend-csv .csv-fileupload .custom-file-label {
  text-align: center;
  padding-left: 0.75rem;
}

.mailsend-csv .csv-fileupload .form-file-text {
  width: 100%;
}

.hide-scroll {
  overflow: hidden;
}

/* ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f9fbfd !important;
  margin-top: 5px;
  margin-bottom: 4px;
} */

.support-date-picker label {
  padding: 5px 0px !important;
}

.support-date-picker .btn.h-auto {
  height: 30px !important;
}

.support-upload .vue-file-agent .file-preview-new .help-text {
  font-size: 14px !important;
  left: 33% !important;
  width: 100%;
}

.mw-50ch {
  max-width: 50ch;
}

.keep-spaces {
  white-space: pre-line;
}

.support-widget ._500plugins_widget {
  height: 60vh !important;
  z-index: 1040;
}

.support-widget .widget-footer {
  position: absolute;
  bottom: 0px;
}

.support-widget #minimize-widget img {
  display: none;
}

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

.support-widget #widget-icons:nth-child(2) {
  margin-top: 0px !important;
  font-size: 12px !important;
}

.height-78vh {
  height: 78vh;
}

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

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

.b-popover {
  max-height: 300px;
  overflow: auto;
}

.description-emptystate .card-body {
  padding: 20px !important;
}

.description-emptystate .card-body .btn-primary {
  margin-top: 15px !important;
}

.task-datepicker .b-form-datepicker {
  width: 175px;
  height: 30px;
}

.task-datepicker .b-form-btn-label-control.form-control > .form-control {
  font-size: 10px;
  white-space: nowrap;
  margin-top: 5px;
  text-align: left;
  height: 30px;
  min-height: 30px;
}

.boards-dropdown .vue-avatar--wrapper {
  width: 22px !important;
  height: 22px !important;
}

.task-datepicker .b-form-datepicker .btn.h-auto {
  height: 30px !important;
}

.rotate-90 {
  transform: rotate(90deg);
  display: inline-block;
}

.list-hover.guideflow_hovered {
  background-color: #fafafa;
}

.hide-scroll .task-list-pagination {
  max-height: calc(100vh - 250px) !important;
}

.project-description-height {
  height: calc(100vh - 135px) !important;
}

.project-description-height .tab-pane {
  height: 100%;
}

.task-list .list-view .b-form-datepicker {
  width: 100px;
  position: static;
}

.task-list .list-view .mytask-datepicker .b-form-datepicker {
  position: static !important;
}

.task-list .list-view .b-form-btn-label-control.form-control > .form-control {
  font-size: 11px;
  text-align: left;
  margin-top: 4px;
}

.task-list .list-view .b-form-datepicker .btn.h-auto {
  height: 30px !important;
  width: 35px;
  font-size: 11px !important;
}

.add-user-avatar .max-w-30 {
  margin-left: 1px;
  border: 1px solid #e1f0ff;
}

.overview-upload .theme-list {
  overflow: overlay;
  max-height: 550px;
  overflow-x: hidden;
}

/* .overview-upload .theme-list::-webkit-scrollbar {
    width: 6px !important;
  } */
.discussion-vh {
  height: calc(100vh - 235px);
}

.discussions-list-pagination {
  max-height: calc(100vh - 480px) !important;
}

.projectsly_home .discussions-list-pagination {
  max-height: calc(112vh - 480px) !important;
}

.menu-icon-toggle {
  right: -26px !important;
  top: 11px;
  border-radius: 0px 5px 5px 0px;
  color: #a3a3a3;
  background: #6e758314;
}
.menu-icon-toggle.guideflow_hovered {
  color: #000 !important;
}
.form-text {
  font-size: 11px !important;
  margin-top: 0.1875rem !important;
}

.w-22ch {
  width: 22ch;
}

.popover {
  z-index: 1099 !important;
}

.max-height-700 {
  max-height: 700px;
}

.img-column {
  height: 75px;
  padding-right: 0px !important;
  padding-left: 6px !important;
}

.img-column img {
  width: 80px;
  height: 70px;
  margin-bottom: 10px;
}

.menu-icon-toggle {
  border: 0px !important;
}

.width-46 {
  width: 46px !important;
}

.left-300 {
  left: 300px !important;
}

.truncate-inner-text-25 p {
  max-width: 25ch !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin-bottom: 0px !important;
  display: inline-block;
}

.avatar-dropdown .vue-avatar--wrapper span,
.project-avatar .vue-avatar--wrapper span {
  font-size: 11px;
  font-weight: 500;
}

.reports-datepicker .myactfilter .daterangepicker.opensleft:before {
  right: 9px !important;
  left: unset !important;
}

.reports-datepicker .myactfilter .daterangepicker.opensleft:after {
  right: 10px !important;
  left: unset !important;
}

.projects-editor .ql-snow .ql-editor img {
  width: 15%;
  margin: 0px 10px 10px 0px;
  border-radius: 4px;
  height: 100%;
}

.overview-upload .theme-list .vue-file-agent .file-preview-new .help-text {
  left: 44% !important;
}

.max-char-25ch {
  max-width: 25ch;
}

.max-description-height {
  max-height: 110px;
  overflow: overlay;
}

.max-description-height::-webkit-scrollbar {
  width: 6px;
}

.b-sidebar.b-sidebar-right .support-upload .vue-file-agent .file-preview-new .help-text {
  font-size: 13px !important;
}

.top-345px {
  top: 345px !important;
}

.mailsend-tags .global-search-results {
  width: 100%;
}

.botpath-designer-height {
  height: calc(100vh - 360px);
}

/* social icons brand color */
.hipsocial-media-icons .fe-facebook {
  color: #1877f2;
}

.hipsocial-media-icons .fe-instagram {
  color: #5851db;
}

.hipsocial-media-icons .fe-linkedin {
  color: #0270ad;
}

.hipsocial-media-icons .fe-twitter {
  color: #009ded;
}

.hipsocial-media-icons .fe-youtube {
  color: #f70000;
}

.hipsocial-media-icons .fe-rss {
  color: #e87f20;
}

.seo-tags.guideflow_hovered {
  background: #e6eaf1;
}

.task-dependency-avatar .avatar-dropdown .vue-avatar--wrapper {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.top-345px {
  top: 345px !important;
}

.mailsend-tags .global-search-results {
  width: 100%;
}

.ql-editor {
  max-height: 185px !important;
  background-color: transparent;
}

.v-select-sm .vs__dropdown-toggle {
  height: calc(1em + 1rem + 2px) !important;
  font-size: 0.8375rem !important;
  border: 1px solid #d2ddec !important;
  border-radius: 7px IM !important;
}

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

.truncate-inner-text-25 p:last-child {
  margin-bottom: 0 !important;
}

.b-sidebar .avatar-very-small .vue-avatar--wrapper,
.b-sidebar .avatar-very-small .max-w-30,
.b-sidebar .avatar-small .avatar-xs .vue-avatar--wrapper,
.b-sidebar .avatar-small .avatar-xs .max-w-30 {
  height: 1.5rem !important;
  width: 1.5rem !important;
  max-width: 1.5rem !important;
}

.b-rating-icon {
  font-size: 13px;
}

.crm-widget {
  border-left: 0 !important;
}

.crm-widget ._500plugins_widget {
  height: 93vh;
}

.quill-discussion-editor .error-badge {
  bottom: -30px !important;
}

/* .crm-activity-timeline::-webkit-scrollbar {
    width: 10px;
  } */
.multiselect__option {
  white-space: normal;
}

.vue-swatches__diagonal {
  width: 100% !important;
  height: 100% !important;
  background: #000 !important;
  border-radius: 50% !important;
}

.accordion .collapsed .fe-chevron-down {
  transform: rotate(180deg);
}

.b-sidebar.b-sidebar-right .esign-upload .vue-file-agent .file-preview-wrapper {
  height: 50px !important;
}

.b-sidebar.b-sidebar-right .esign-upload .vue-file-agent .file-preview-wrapper .help-text {
  padding-bottom: 5px !important;
  transform: translate(-30%, -50%) !important;
}

.reportrange-text {
  width: 107px !important;
}

.esign-file-upload .theme-list .vue-file-agent .file-preview-new .help-text {
  transform: translate(0%, -56%) !important;
}

.esign-sidbar .ql-editor {
  background-color: #ffffff !important;
}

.pdfViewer .page {
  z-index: 99;
}

.long-editor .ql-clean {
  margin-left: -0.75rem !important;
}

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

.top-330px {
  top: 330px;
}

.support-dashboard .reports-datepicker .reportrange-text {
  padding: 9px 10px !important;
  width: 160px !important;
}

.reports-datepicker .reportrange-text {
  width: 160px !important;
}

.support-dashboard .reports-datepicker .myactfilter:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Feather !important;
  margin-top: 9px;
  margin-right: -24px;
  z-index: 10;
  content: "\e927";
}

.support-dashboard .reports-datepicker .myactfilter {
  top: -15px !important;
}

.support-ticket-filter {
  right: 150px;
  top: 16px;
}

.support-participant:last-child {
  margin-bottom: 0px !important;
}

.crm-widget ._500plugins_widget .col9 {
  flex: 0 0 70%;
  max-width: 70%;
}

.contact-tags .multiselect__tags-wrap {
  display: inline-flex;
  flex-wrap: wrap;
}

.contact-tags .multiselect__input,
.multiselect__single {
  display: flex !important;
}

.project-search-box .global-search-results {
  max-height: 200px;
  width: 450px;
}

.ninjasite-modal {
  max-width: 470px;
}

.b-sidebar table .max-w-30,
.b-sidebar table .avatar-xs .vue-avatar--wrapper {
  height: 1.5rem !important;
  width: 1.5rem !important;
}

.w-27ch {
  width: 27ch;
}

.height-zero {
  height: 0px !important;
}

.w-20ch {
  width: 20ch;
}

.crmio-card-rating .b-rating-icon {
  font-size: 9px;
  padding: 0px 2px;
}

.w-15ch {
  width: 15ch;
}

.list-group-activity .support-timeline::before {
  content: "";
  position: absolute;
  top: -2rem !important;
  left: 1.25rem;
  height: 100%;
  border-left: 1px solid #e3ebf6;
}

.vh-50 {
  height: 50vh;
}

.mailsend-file-upload .csv-fileupload .custom-file-label {
  padding-left: 80px !important;
}

.crmio-dropdown #filter-collapse {
  right: 0px;
  padding-top: 18px;
}

.mytask-datepicker {
  height: 25px;
}

.mytask-datepicker .bi-calendar {
  font-size: 11px;
}

.mytask-datepicker .b-form-datepicker .btn.h-auto {
  height: 25px !important;
}

.mytask-datepicker .b-form-btn-label-control.form-control > .form-control {
  height: 25px !important;
  min-height: 25px !important;
}

.mytask-list-datepicker .b-form-datepicker .btn.h-auto {
  height: 25px !important;
}

.mytask-list-datepicker .b-form-btn-label-control.form-control > .form-control {
  height: 25px !important;
  min-height: 25px !important;
}

.task-datepicker .dropdown-menu {
  z-index: 9999;
}

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

.project-search-box .global-search-results .hover-effect .max-w-500 img {
  max-width: 100%;
  height: auto;
}

.editmsg-focus:focus-within {
  border-color: #2c7be5 !important;
}

.crm-owner-form .form-group {
  margin-bottom: 0px !important;
}

.inbox-padding {
  padding: 0.9rem 0.7rem 0.7rem 0.7rem !important;
}

.inbox-padding.guideflow_hovered {
  color: #12263f;
  background-color: #f9fbfd;
}

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

.badge-edit.guideflow_hovered {
  background-color: #e2e6e4 !important;
}

@media (min-width: 990px) {
  .responsive-modal {
    height: 600px !important;
  }
}

.bpm-tags .mw-110px {
  max-width: 110px;
}

.projects-editor .ql-color-picker .ql-picker-options {
  top: -110px !important;
}

.sm-200h {
  height: 200px;
}

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

.lineheight-lhs {
  line-height: 1;
}

@media (max-width: 549px) {
  .custom-padding-6 {
    padding: 2.2rem !important;
  }

  .voxdesk-listview .global-search-results {
    width: 300px !important;
    left: 0px !important;
  }

  .unset-animation.media-float.position-fixed.rounded-circle.shadow.float-button-display {
    opacity: 1 !important;
    height: 50px !important;
  }

  .unset-animation.float-buttons.guideflow_hovered .media-float.position-fixed.rounded-circle.shadow.float-button-display {
    transition: unset !important;
    animation: unset !important;
  }

  .teams-cc-container .teams-message a img,
  .teams-cc-container .url-preview .img-fluid.w-75,
  .teams-cc-container a img.image {
    max-width: 100% !important;
  }

  .collab-files-view {
    margin-bottom: 70px !important;
  }

  .mobile-max-width-132.channel-header {
    max-width: 132px !important;
  }

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

  .mobile-max-width-85px.channel-header {
    max-width: 85px !important;
  }

  .teams-cc-container .emoji-tab {
    padding: 0px 8px !important;
  }

  .teams-cc-container .dropdown .emoji-picker #Categories,
  .teams-cc-container .more-options .dropdown .dropdown-menu,
  .teams-cc-container .dropdown .emoji-picker {
    width: 97vw !important;
    overflow: hidden;
  }

  .add-stage {
    width: 46% !important;
  }

  .b-sidebar {
    width: 100% !important;
  }

  .stage-card-mobile {
    width: 50% !important;
  }

  .custom-padding-6 .display-4 {
    font-size: 25px !important;
  }

  .modal-dialog.modal-xsm {
    max-width: 100% !important;
  }

  #Preferences .bg-soft-light {
    padding: 17px 24px 20px 24px !important;
  }

  .mobile_title {
    position: relative;
    bottom: 13px;
  }

  .header-title.first-letter-caps.text-truncate.mb-3.d-lg-none {
    position: relative;
    bottom: 20px;
  }

  .mobile_titlebilling {
    position: relative;
    bottom: 5px;
  }

  .mobile_track .smart-search-container {
    padding: 0px !important;
    margin-top: 15px;
    margin-bottom: 10px !important;
  }

  .mobile_track .w-226.text-secondary {
    white-space: nowrap !important;
  }

  .mobile-domain .mobile_track .table-responsive .avatar.avatar-xs,
  .mobile-domain .mobile_track .avatar-xs .vue-avatar--wrapper {
    height: 1.5rem !important;
    width: 1.5rem !important;
    margin-right: 0px !important;
  }

  .mobile_bpmcontactlist .media-float {
    width: 45px;
    height: 45px;
  }

  .mobile_bpmflows .bpm-float.float-plus {
    top: 7px !important;
    left: 11px !important;
  }

  .mobile_bpmcontactlist .media-float .fe.fe-plus.float-plus {
    font-size: 1.4rem !important;
    font-weight: 600;
    left: 25%;
    top: 6px;
  }

  .mobile_bpmhome .mobile_bpmsettings {
    border-radius: 50% !important;
    width: 45px;
    height: 45px;
    margin-bottom: 5px;
  }

  .email-verify.mobile-domain .mobile_trackactivityslideout .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:first-child:before {
    display: block !important;
  }

  .mobile_track .track-tabs .email-verify.mobile-domain .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:first-child:before {
    display: block !important;
  }

  .mobile_track .table.b-table.b-table-stacked-md > tbody > tr > td:first-child {
    margin-left: -2px !important;
  }

  .mobile_track .b-sidebar > .b-sidebar-body {
    padding-left: 1rem !important;
  }

  .mobile-domain .mobile_track .card-header {
    box-shadow: none !important;
    background: none !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .mobile_track .card.ipad_card {
    background-color: #f9fbfd !important;
    background-clip: border-box;
    border: none !important;
  }

  .mobile_track .ipad_cardactivities {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .mobile_bpmhome .mobile-float-settings .float-settings {
    left: 31%;
    top: 9px;
    color: #fff !important;
    font-size: 18px;
  }

  .b-sidebar > .b-sidebar-body.mobile_importcsv {
    padding-left: 1rem !important;
  }

  .mobile_importcsv .csv-fileupload .custom-file-label {
    padding-left: 29px !important;
  }

  .mobile_bpmcontactlist .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    padding-right: 0px !important;
  }

  .csv-fileupload .form-file-text {
    width: auto !important;
  }

  .bpmmobile_createdby .mobile-createdby {
    margin-left: 10px;
  }

  .bpmmobile_gravatar .list-group-item .activity-avatar .vue-avatar--wrapper {
    height: 1.5rem !important;
    width: 1.5rem !important;
  }

  .bs-popover-bottom.top-6 {
    margin-top: 84px !important;
  }

  /* .b-sidebar.b-sidebar-right .esign-upload .vue-file-agent .file-preview-wrapper .help-text {
      display: contents;
    } */
  .esign-file-upload .theme-list .vue-file-agent .file-preview-new .help-text {
    left: 19% !important;
  }

  .b-sidebar.b-sidebar-right .grid-block-wrapper .grid-block .file-preview {
    height: 50px !important;
    left: -36px;
  }

  .mobileresponsive_h1 {
    font-size: 19px;
  }

  .embed-responsive .embed-responsive-item .mobile_embed,
  .embed-responsive iframe .mobile_embed,
  .embed-responsive embed .mobile_embed,
  .embed-responsive object .mobile_embed,
  .embed-responsive video .mobile_embed {
    height: 600px !important;
    width: 313px !important;
  }

  /* .popover-body {
      max-width: 320px !important;
    } */
  /* .embed-responsive {
      height: 600px !important;
    } */
  .b-popover.mobile_iframe {
    max-height: 600px !important;
  }

  .min-width-600.mobile_iframe {
    min-width: 320px !important;
  }

  .max-width-700.mobile_iframe {
    max-width: 320px !important;
  }

  .onhover .icons {
    display: block !important;
  }

  #add_authentication_checkbox label.custom-control-label {
    padding-left: 6px !important;
  }

  .float-buttons.mobileresponsive_button {
    z-index: 999;
  }

  .email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:first-child p {
    color: #95aac9 !important;
  }

  .file-preview.other-preview {
    left: 0px !important;
  }

  /* .b-sidebar > .b-sidebar-body {
      padding-top: 0.8rem!important;
    } */
  .table.b-table.b-table-stacked-md > tbody > tr > td .fe {
    margin: 0px !important;
    font-size: 0.95rem !important;
    background: #f6fcff !important;
    padding: 8px;
    border-radius: 0.375rem;
  }

  .table.b-table.b-table-stacked-md > tbody > tr > td .fe.text-muted {
    padding: 0px !important;
    background-color: unset !important;
    border-radius: unset !important;
  }

  .sign_templates .mobile_signtemplateicons {
    margin: 0px 0px 0px 12px !important;
    font-size: 0.95rem !important;
    background: #f6fcff !important;
    padding: 8px;
    border-radius: 0.375rem;
  }

  .mobile-settings-dropdown {
    position: absolute;
    right: calc(100% - 255px) !important;
    top: -32px !important;
  }

  .mobile_sign .mobile_signaddprojects {
    position: absolute !important;
    top: 47px;
  }

  .height-sm-30 {
    height: 30px !important;
  }

  .kanban-mobile-y-scroll.thin-scroll {
    overflow-y: auto !important;
  }

  .max-width-sm-16ch.text-truncate {
    max-width: 16ch !important;
  }

  .track_icons {
    position: absolute;
    right: 27px;
    top: -50px;
  }

  .mobile_track .ipad_tracktaskcard .btn-primary.active-item {
    color: #fff !important;
  }

  .mobile_track button.btn.btn-secondary.btn-sm,
  .mobile_track button.btn.btn-primary.btn-sm,
  .mobile_track button.btn-light.btn-sm,
  .mobile_track .btn-outline-secondary.btn-sm {
    margin-top: 15px;
  }

  .mobile_track .mobile_trackactivityslideout .b-sidebar > .b-sidebar-body {
    padding: 0px !important;
  }

  .track_activityRefresh {
    position: absolute !important;
    right: 8px;
    bottom: -20px;
  }

  .ipad_trackprojects .projects-tab .nav-item:first-child {
    position: relative !important;
    right: 0 !important;
  }

  .ipad_trackprojects .projects-tab .nav-item:nth-child(2) {
    position: relative !important;
    right: 0 !important;
  }

  .track_projectdetils.popover {
    left: 54px !important;
  }

  .track_mobilewebsitebg.pushninja-website .mobile-website-bg > div:first-child {
    height: 110px;
    padding-left: 17px !important;
    padding-right: 17px !important;
  }

  .track_addprojects {
    margin-left: 17px !important;
  }

  .mobile-z-index-100 {
    z-index: 975 !important;
  }

  .projectsly_home .mobile-z-index-100 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .track_filters #filter-collapse {
    right: -10px !important;
  }

  .task-table .track_filters .w-465 {
    width: 300px !important;
  }

  .track_responsivetabs {
    width: 100% !important;
  }

  .mw-sm-12ch {
    max-width: 12ch;
  }

  .teams-cc-container a img.image {
    max-width: 200px !important;
  }
}

@media (min-width: 550px) {
  .custom-padding-6 {
    padding: 3rem !important;
  }
}

@media (min-width: 1000px) {
  .login-modal-height {
    height: 560px !important;
  }

  .w-lg-100 {
    width: 100%;
  }
}

.height-43 {
  height: 43px !important;
}

.w-11ch {
  width: 11ch;
}

.width-fit-content {
  width: fit-content !important;
}

.boards-dropdown .avatar.avatar-xs .max-w-30 {
  width: 20px !important;
  height: 20px;
}

.icon-text .form-text {
  margin-bottom: 14px;
  margin-top: 0px !important;
}

#articleslideout {
  border-left: 0 !important;
}

#articleslideout .support-editor.expandable-editor .ql-toolbar.ql-snow {
  bottom: 45px;
}

.tooltip-max-width-240 .tooltip-inner {
  max-width: 240px !important;
}

.badge-more-button {
  margin-top: -2px;
  font-size: 11px;
}

.max-height-780 {
  max-height: 780px;
}

.w-18ch {
  max-width: 18ch;
}

#_500plugins_widget ._500plugins_widget {
  z-index: 1040;
  position: relative !important;
}

#_500plugins_widget .widget-footer {
  position: absolute !important;
  bottom: 0px;
}

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

#_500plugins_widget #widget-icons {
  justify-content: flex-end;
}

#_500plugins_widget #minimize-widget,
#_500plugins_widget #maximize-widget {
  display: none !important;
}

#contact-us .modal-body,
#Billing .modal-body,
#show_orgDashboard .modal-body,
#addUserModal .modal-body,
.modal-backgorund-color,
#signup .modal-body {
  background: #ffffff !important;
}

.navbar-dark.navbar-vibrant .manage-apps-color {
  background: #5447d6;
  border: 1px solid #b9883f;
}

.navbar-dark.navbar-vibrant .link-color {
  color: #fff !important;
}

.navbar-light .manage-apps-color {
  border: 1px solid #ffdc84 !important;
  background-color: #fff7e3;
  color: #40546f !important;
}

.navbar-light .link-color {
  color: #2f7be5;
}

.navbar-dark .manage-apps-color {
  background: #12263f;
  border: 1px solid #63451a;
  color: #d0d6de !important;
}

.navbar-dark .link-color {
  color: #2f7be5;
}

.modal-backgorund-color,
#signup .modal-body,
#subscription .modal-body,
#enrichment .modal-body,
#inviteUserModal .modal-body,
#subscription .modal-body #contact-us-dashboard .modal-body,
#NewWorkspace .modal-body,
#userModal .modal-body {
  background: #2f5de8 !important;
}

.w-84px {
  width: 84px;
}

.b-sidebar.leads {
  overflow: hidden !important;
  height: auto;
}

.manager-list .card {
  margin-bottom: 0;
}

.blank-text.fe.fe-plus {
  color: #6e84a3 !important;
}

.blank-hover .dropdown-item.guideflow_hovered .blank-text.fe.fe-plus {
  color: #12263f !important;
}

.list-view .list-hover .dropdown-item {
  display: flex !important;
  padding: 0.3755rem 0.8rem;
}

.font-size-23px {
  font-size: 23px;
}

.botup-flow-templates .templates-container .tab-content .px-2.col-lg-3 {
  max-width: 20% !important;
}

.botup-flow-templates .templates-container .tab-content .px-2.col-lg-3 .card-img-top {
  height: 200px !important;
}

.bpm-error-msg {
  position: absolute;
  z-index: 1;
  right: 105px;
  top: 23px;
}

.contact-error-msg {
  position: absolute;
  z-index: 1;
  right: 185px;
  top: 23px;
}

.form-btn-bg {
  background-color: #e1e9f5 !important;
  border-color: #e1e9f5 !important;
}

.form-btn-bg.guideflow_hovered {
  background-color: #dbe6f5 !important;
  border-color: #dbe6f5 !important;
}

.csv-fileupload .custom-file-label {
  cursor: pointer;
}

.company-tags .multiselect__tags-wrap {
  display: flex;
  flex-wrap: wrap;
}

.responsive-filters {
  padding: 0 !important;
}

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

.company-logo img {
  border-radius: 50%;
}

.leads-filter .dropdown-menu.dropdown-menu-right.show {
  padding: 0;
}

.notes-avatar .max-w-30.width-38px {
  width: 25px !important;
  height: 25px !important;
  max-width: 25px !important;
}

.top-2px {
  top: -2px;
}

.media-float.position-fixed.rounded-circle.shadow.float-button-display {
  opacity: 0;
  height: 0 !important;
}

.float-buttons {
  position: fixed;
  height: 58px;
  bottom: 40px;
  width: 55px;
  right: 13px;
}

.float-buttons.guideflow_hovered .media-float.position-fixed.rounded-circle.shadow.float-button-display {
  opacity: 1 !important;
  height: 55px !important;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  transition: opacity 0s 2s ease-in;
  bottom: 110px !important;
}

.float-buttons.guideflow_hovered {
  height: 79px;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.bottom-95px {
  bottom: 95px !important;
}

.hide-body-scroll {
  overflow-y: hidden;
  padding-right: 14px;
}

.table-avatar .vue-avatar--wrapper {
  width: 1.65rem !important;
  height: 1.65rem !important;
}

.table-container {
  height: 100vh !important;
}

.table-avatar .vue-avatar--wrapper span {
  color: #fff !important;
  font-size: 11px;
  font-weight: 500;
}

.discussion-text {
  word-break: break-word;
}

html {
  overflow-y: scroll;
  cursor: default;
}

html.teams-hide-body-scroll {
  overflow: hidden;
}

.modal-open {
  padding-right: 0px !important;
}

.kanban-category:not(:last-child) {
  border-bottom: 1px solid #e3ebf6;
}

.dashboard-helper {
  background: #edf4ffdb !important;
}

.product-updates .products li:first-letter {
  text-transform: capitalize;
}

.alert-warning {
  color: #283e59 !important;
  background-color: #fff8e7 !important;
  border-color: #f6c343 !important;
}

.hover-color {
  border-color: #edf4ff !important;
}

.topnav-menu .navbar-brand .navbar-brand-img {
  filter: unset;
  position: relative;
  top: -3px;
  min-width: 55px !important;
}
.navbar-brand.workspace-btn {
  min-width: 55px;
}
.navbar-dark.navbar-vibrant .upcoming-app-badge {
  background: #634ecf !important;
}

.navbar-light .upcoming-app-badge {
  background: #f1f1f1 !important;
  color: #6e84a3;
}

.navbar-dark .upcoming-app-badge {
  background: #12263f !important;
  color: rgb(255 255 255 / 60%);
}

.topnav-menu.navbar-dark.navbar-vibrant {
  background-image: linear-gradient(to bottom right, rgb(28 46 150), rgb(100 65 187));
}

.topnav-menu .single-menu .dropdown-item.guideflow_hovered {
  background-color: #eef4fc !important;
  border-radius: 4px;
}

.topnav-menu .single-menu .dropdown-item {
  padding: 8px;
}

.topnav-menu .single-menu .dropdown-item .app-label {
  color: #12263f;
}

.topnav-menu .single-menu .nav-link-icon .dropdown-item.guideflow_hovered .app-label {
  color: #2c7be5 !important;
}

.topnav-menu .border-right {
  border-right: 1px solid #0d1a8661 !important;
}

.topnav-menu.navbar-light .border-right {
  border-right: 1px solid #e3ebf6ad !important;
}

/* .topnav-menu.navbar-dark .workspace-menu {
  background: linear-gradient(to bottom right, rgb(22 49 82), rgb(13 37 67)) !important;
} */

.topnav-menu .workspace .navbar-user-link.small-2 {
  font-size: 14px !important;
  text-transform: capitalize;
}

.topnav-menu.navbar-vibrant .workspace-menu {
  background: linear-gradient(to bottom right, rgb(5 29 166), rgb(54 42 127)) !important;
}

.card-table thead th:last-child,
.card-table tbody td:last-child {
  width: 40px !important;
}

.table-container thead th:last-child,
.table-container tbody td:last-child {
  width: 40px !important;
}

.bpm-filter .h-350 {
  overflow: inherit;
}

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

.b-table .avatar.avatar-xs .w-226.text-secondary {
  color: #12263f !important;
  font-size: 0.9375rem;
  margin-left: 5px;
  max-width: inherit;
}

#nprogress .bar {
  background: linear-gradient(to bottom right, #2c7be5, #2c7be5) !important;
}

#nprogress .spinner {
  display: none !important;
}

.task-list .not-collapsed .fe-chevron-down {
  transform: rotate(180deg);
}

.icon-menu-toggle .dropdown-menu.w-180px {
  left: 66px;
  top: 0px;
}

.icon-menu-toggle .dropdown-toggle.btn-transparent {
  padding: 10px 25px;
}

.sidemenu .dropdown-toggle.btn-transparent {
  padding: 0;
  padding-bottom: 5px;
}

.sidemenu .dropdown-menu.w-180px {
  left: 0px;
  top: -87px;
}

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

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

/* Teams CSS */
.teams-cc-container {
  height: calc(100vh - 54px) !important;
}

.emojipicker .ql-editor .ql-emojiblot {
  line-height: 1.5 !important;
}

.emojipicker .textarea-emoji-control svg {
  width: 19px !important;
  position: relative;
  top: 2px !important;
  left: 3px !important;
}

.emojipicker .quill-editor .ql-formats button.ql-bold {
  margin-left: 30px !important;
}

.emojipicker #textarea-emoji,
.emojipicker #tab-panel,
.teams-cc-container #tab-panel,
.teams-cc-container #Emojis {
  max-height: 42vh !important;
  min-height: 42vh !important;
  overflow: auto !important;
  display: unset !important;
}

.teams-cc-container .ql-editor ul > li::before {
  text-align: center !important;
  font-weight: 900;
}

.teams-cc-container .collab-quill-editor .ql-picker-label {
  border-color: transparent !important;
}

.teams-cc-container .draft-message {
  padding: 3px 20px !important;
}

.teams-cc-container .teams-cc-lhs .nav-item .nav-link.draft {
  padding: 6px 16px !important;
}

.teams-cc-container .emoji_completions {
  top: -58px !important;
  width: 230px !important;
}

.teams-cc-container .add-user-avatar .max-w-30 {
  margin-top: -1px !important;
}

.collab-channel .max-w-30.width-38px,
.collab-channel .avatar.avatar-xs .vue-avatar--wrapper {
  height: 100% !important;
  width: 100% !important;
  max-width: inherit !important;
}

.online-indication .offline,
.online-indication .online {
  height: 0px;
  line-height: 0;
  display: block;
  padding: 8px 2px 10px 1.6px !important;
  border-radius: 32px !important;
}

.teams-cc-container .pin-icon {
  transform: rotate(42deg);
  position: relative;
  top: -1.5px;
}

.emojipicker #tab-panel .ap,
.teams-cc-container #tab-panel .ap {
  margin-left: 9px !important;
  margin-top: 9px !important;
  margin-right: 9px !important;
}

.emojipicker #tab-toolbar,
.teams-cc-container #tab-toolbar {
  padding: 10px 10px 0px 10px !important;
}

.teams-cc-container #tab-panel {
  padding: 6px !important;
}

.teams-cc-container .emoji_completions {
  padding: 8px 0px !important;
}

.emojipicker #textarea-emoji,
.emojipicker .emoji_completions,
.teams-cc-container #textarea-emoji,
.teams-cc-container .emoji_completions {
  box-shadow: 0 0.5rem 1rem rgb(18 38 63 / 15%) !important;
  border: 0px !important;
  overflow: hidden !important;
  z-index: 99;
  top: auto !important;
  bottom: 30px;
}

.teams-cc-container .avatar-title.bg-secondary {
  width: 22px !important;
  height: 22px !important;
  font-size: 10px;
}

.emojipicker #textarea-emoji,
.teams-cc-container #textarea-emoji {
  max-width: 293px !important;
  border-radius: 4px !important;
  display: flex;
  flex-direction: column;
  padding-bottom: 7px !important;
}

.teams-cc-container .not-collapsed .fe {
  transform: rotate(90deg) !important;
  transition: 0.3s trnansform ease;
}

.teams-cc-container .collapsed .fe {
  transform: rotate(0deg) !important;
  transition: 0.3s trnansform ease;
}

.teams-cc-container #channel_info a img.image,
.teams-cc-container .teams-thread-message a img.image {
  max-width: 100% !important;
}

.teams-cc-container .teams-channel-header .user-avatar-title .icon-round {
  top: 2px !important;
  font-size: 12px !important;
}

.teams-cc-container .teams-channel-header.no-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
  height: unset !important;
}

.teams-cc-container .collab-js .ql-editor {
  margin-top: 0px !important;
  padding-left: 30px !important;
  padding-right: 10px !important;
}

.teams-cc-container.collab-users-dropdown .ql-editor.ql-blank::before {
  top: 10px !important;
  left: 19px !important;
}

.teams-cc-container .ql-editor.ql-blank::before {
  right: unset !important;
  left: 30px !important;
}

.emojipicker .ql-toolbar.ql-snow .ql-formats,
.collab-users-dropdown .ql-toolbar.ql-snow .ql-formats,
.teams-cc-container .ql-toolbar.ql-snow .ql-formats {
  margin-right: 0px !important;
  padding: 0px !important;
}

.teams-cc-container .teams-search-size .search-symbol .input-group-text .fe {
  margin-right: 0px !important;
}

.teams-cc-container .multiselect__content-wrapper {
  padding: 12px 0px !important;
}

.teams-cc-container.collab-users-dropdown .collab-quill-editor .ql-editor {
  padding-left: 19px !important;
  padding-right: 19px !important;
}

.teams-cc-container.collab-users-dropdown .collab-quill-editor .ql-toolbar {
  padding-left: 10px !important;
  padding-right: 10px !important;
  border-bottom-left-radius: 0.325rem !important;
  border-bottom-right-radius: 0.325rem !important;
}

.teams-cc-container .collab-quill-editor .ql-toolbar {
  padding-left: 21px !important;
  padding-right: 25px !important;
  position: relative;
}

.teams-cc-container .more-options button button {
  padding: 0px !important;
}

.teams-cc-container .more-options button {
  padding: 3px 6px !important;
  line-height: 1;
  background-color: transparent !important;
}

.teams-cc-container .more-options button img {
  filter: brightness(0.6) !important;
}

.teams-cc-container .more-options button.guideflow_hovered {
  background-color: transparent !important;
}

.teams-cc-container .more-options button.guideflow_hovered .fe.text-danger {
  color: #e63757 !important;
}

.teams-cc-container .more-options button .fe.text-danger {
  color: #e63757 !important;
}

.teams-cc-container .more-options button .fe {
  font-size: 17px !important;
  color: #728398 !important;
}

.teams-cc-container .more-options button.ellipse {
  padding: 0px !important;
}

.emojipicker .textarea-emoji-control,
.emojipicker .ql-formats [class^="ql"].ql-active,
.emojipicker .ql-formats [class^="ql"],
.teams-cc-container .collab-quill-editor .textarea-emoji-control,
.teams-cc-container .collab-quill-editor .ql-formats [class^="ql"].ql-active,
.teams-cc-container .collab-quill-editor .ql-formats [class^="ql"] {
  margin-left: 0px;
  margin-right: 4px !important;
}

.teams-cc-container .emoji {
  line-height: 23px !important;
  display: flex !important;
  justify-content: center;
}

.teams-cc-container .container-emoji {
  margin: 8px !important;
}

.teams-cc-container.collab-users-dropdown #tab-toolbar {
  background-color: #fff !important;
}

.teams-cc-container .container-search input {
  border-radius: 4px !important;
  background-color: transparent !important;
}

.teams-cc-container .close-url-preview {
  left: -25px !important;
  top: 2px !important;
}

.teams-cc-container .teams-cc-lhs .nav-link.active::before {
  content: unset !important;
}

.teams-cc-container .ql-mention-list {
  max-height: 400px !important;
  overflow-y: auto !important;
  margin: 10px 0px;
}

.teams-cc-container .emoji_completions li {
  display: block !important;
}

.teams-cc-container .multiselect__element,
.teams-cc-container .multiselect__option {
  min-height: unset !important;
  margin: 0px !important;
}

.teams-cc-container .multiselect__option,
.collab-users-dropdown .ui.selection.active.dropdown .menu .item {
  padding: 8px 16px !important;
  border-top: 0px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.teams-cc-container .multiselect__option:after {
  font-weight: normal;
  min-height: 0px !important;
  top: -4px;
}

.teams-cc-container .collab-quill-editor .ql-emojiblot {
  vertical-align: middle;
}

.teams-cc-container .multiselect__tag-icon {
  background-color: transparent !important;
}

.teams-cc-container .multiselect__tag-icon.guideflow_hovered:after {
  color: #e63757 !important;
}

.teams-cc-container .multiselect__tag-icon:after {
  font-size: 20px !important;
  line-height: 0px !important;
  position: relative;
  top: 2px;
}

.teams-cc-container .multiselect .multiselect__tag {
  line-height: 16px !important;
}

.teams-cc-container .mention span {
  margin: 0px !important;
}

.teams-cc-container .ql-mention-list-container {
  width: 400px;
}

.message-body.guideflow_hovered .more-options.sent-time {
  top: 5px;
}

.teams-cc-container .message-reaction.guideflow_hovered,
.teams-cc-container .message-reaction.active_user {
  box-shadow: inset 0 0 0 1px #1a9ad1 !important;
}

.teams-cc-container .teams-cc-lhs .nav-link .dropdown-menu .fe {
  font-size: 15px !important;
}

.typing-effect {
  bottom: 21px !important;
  z-index: 9999;
  right: 60px;
  line-height: 0px;
}

.collab-quill-editor .ql-formats .ql-bold {
  margin-left: 32px !important;
}

.collab-quill-editor #textarea-emoji {
  left: 25px;
}

.collab-quill-editor .ql-editor {
  font-family: "Cerebri Sans", sans-serif;
}

.collab-quill-editor .ql-snow a {
  color: #2c7be5 !important;
  font-family: "Cerebri Sans", sans-serif;
  text-decoration: none !important;
}

.teams-cc-container .teams-cc-lhs .settings-icon {
  width: fit-content;
  margin-left: auto;
  padding: 5px 0 !important;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-menu-search li:nth-child(2) {
  width: auto !important;
  margin: auto !important;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-menu-search li:nth-child(2) .dropdown-toggle {
  padding: 0px !important;
  line-height: 16px !important;
}

.teams-cc-container .z-index-997 {
  z-index: 997 !important;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-heading.nav-link.guideflow_hovered .fe.fe-settings.guideflow_hovered {
  opacity: 1;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-heading.nav-link.guideflow_hovered .fe.fe-settings,
.teams-cc-container .teams-cc-lhs .teams-lhs-heading.nav-link .fe.fe-settings {
  margin-right: 0 !important;
  font-size: 18px !important;
  opacity: 0.5;
  min-width: unset !important;
}

.teams-search-size .global-search-results .avatar.avatar-xs {
  margin-right: 6px !important;
}

.teams-search-size .global-search-results .hover-effect p {
  margin-bottom: 0px !important;
}

.teams-cc-container .multiselect__content-wrapper,
.collab-users-dropdown .ui.selection.active.dropdown .menu,
.collab-users-dropdown .active.visible.search {
  box-shadow: 0 0.5rem 1rem rgb(18 38 63 / 15%) !important;
  height: unset !important;
}

.collab-users-dropdownui .fluid.search.dropdown {
  display: block;
  width: 100%;
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #12263f;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d2ddec;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ml-n32 {
  margin-left: -3.2rem !important;
}

.transition-ease {
  transition: all 0.5s ease;
}

.collab-quill-editor ul,
.collab-quill-editor ol {
  padding-left: 0px !important;
}

.notification-checkbox {
  padding: 0px 2px 0px 10px !important;
}

.collab-files-view img {
  width: 100% !important;
  padding: 0px !important;
}

.emoji.guideflow_hovered,
.bem.guideflow_hovered {
  background-color: rgba(255, 213, 143, 0.7) !important;
  border-radius: 2px !important;
}

.collab-users-dropdown .ui.label.transition.visible .delete.icon::after {
  content: "" !important;
}

.thread-message-checkbox .custom-control-label {
  width: 100% !important;
  padding-top: 2px;
}

.collab-gravtar.badge-soft-warning.text-body.guideflow_hovered {
  background-color: #fdf3d9 !important;
}

.collab-gravtar .dropdown-menu {
  z-index: 9999 !important;
}

.addreaction .emoji-picker {
  background-color: #f9fbfd !important;
}

.collab-users-dropdown .ui.selection.active.dropdown .menu {
  margin-top: 1px !important;
}

.collab-quill-editor .ql-snow .ql-color-picker .ql-picker-item.guideflow_hovered {
  border-radius: 0.325rem !important;
  border: 1px solid #d7d6d6;
}

.collab-quill-editor .ql-snow .ql-color-picker .ql-picker-item {
  height: 24px !important;
  width: 24px !important;
  border-radius: 0.325rem !important;
  border: 1px solid #d7d6d6;
}

.show-first-p-tag p {
  display: none !important;
}

.show-first-p-tag p:nth-child(1) {
  display: block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.collab-quill-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  top: unset !important;
  bottom: 24px !important;
  width: 230px;
  padding: 16px;
  border: 0px;
  border-radius: 6px !important;
  left: -200px !important;
  background-color: #fff !important;
}

.teams-cc-container .collab-quill-editor .ql-syntax,
.teams-cc-container .messages-default .message-text pre.ql-syntax,
.draft-message-formatcode.collab-draft-card .messages-default pre.ql-syntax {
  padding: 8px !important;
  margin-top: 6px;
  margin-bottom: 10px !important;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.50001;
  font-variant-ligatures: none;
  white-space: pre-wrap;
  word-wrap: break-word;
}

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

.collab-users-dropdown .collab-quill-editor {
  z-index: unset !important;
}

.collab-quill-editor .emoji_completions li button {
  background-color: transparent !important;
}

.modal-body .collab-users-dropdown .messages-default img {
  max-width: 400px !important;
}

/* Theme CSS*/
.color-white.menu-icons.collab-nav-inverted [class^="collab-container-"],
.color-white.menu-side.collab-nav-inverted [class^="collab-container-"] {
  border-left: 1px solid #284262 !important;
}

.color-white.collab-nav-inverted .collab-inverted.g-search {
  border-bottom: 1px solid #284262 !important;
}

.color-white.collab-nav-default .collab-default {
  border-bottom: 1px solid #e3ebf6 !important;
}

.color-white.collab-nav-default .collab-navbar {
  border-right: 1px solid #e3ebf6 !important;
}

.color-white.collab-nav-default .teams-channel-header {
  border-top: 0 !important;
}

.color-dark.collab-nav-inverted .fe-plus,
.color-dark.collab-nav-inverted h4.text-white,
.color-white.collab-nav-default .fe-plus,
.color-white.collab-nav-default h4.text-white {
  color: #000 !important;
}

.color-dark.collab-nav-default .collab-default {
  border-top: 1px solid #284262 !important;
  border-bottom: 1px solid #284262 !important;
}

.color-dark.collab-nav-default .collab-navbar {
  border-right: 1px solid #284262 !important;
}

.color-dark.collab-nav-default .teams-channel-header {
  border-top: 0 !important;
  border-bottom: 1px solid #9b9fa3 !important;
}

.color-dark.collab-nav-default .collab-quill-editor .card {
  background-color: #152e4d !important;
}

.color-dark.collab-nav-inverted .collab-inverted {
  border-bottom: 1px solid #e3ebf6 !important;
  border-top: 1px solid #e3ebf6 !important;
}

.color-dark.collab-nav-inverted .navbar-inverted {
  border-left: 1px solid #e3ebf6 !important;
}

.color-dark.collab-sidenav .teams-channel-header {
  border-bottom: 1px solid #284262 !important;
}

.color-dark .badge-white {
  background-color: #284262 !important;
  color: #fff !important;
}

.color-white .collab-gravtar.guideflow_hovered {
  background-color: #fafcff !important;
}

.color-dark .collab-gravtar.guideflow_hovered {
  background-color: #284262 !important;
}

.color-dark .collab-js .card.position-relative {
  background-color: #1f3a5b !important;
}

.color-dark.collab-sidenav .ql-mention-list-container-top,
.color-dark.collab-sidenav .emoji_completions {
  background-color: #1f3a5b !important;
}

.color-dark.collab-sidenav .emoji_completions li button {
  color: #fff !important;
  background-color: #1b314c !important;
}

.col-gravtar .max-w-30 {
  height: 1.65rem !important;
  width: 1.65rem !important;
}

.emojipicker #textarea-emoji,
.emojipicker .quill-editor .textarea-emoji-control {
  left: 0px !important;
}

.teams-cc-container .collab-quill-editor .quill-editor .textarea-emoji-control {
  left: 25px !important;
  bottom: -4px !important;
  width: 24px;
  line-height: 0px;
  padding: 4px 3px;
}

.badge.rounded-circle {
  border-radius: 1rem !important;
}

.thread-message {
  padding: 0.3rem 0.35rem;
  border: 1px solid #0000;
  border-radius: 5px !important;
  margin-top: 4px;
  margin-left: -8px;
}

.collab-content {
  border-bottom-right-radius: 0.325rem !important;
}

.messages-default.text-truncate.message-text p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.badge-orange {
  background-color: #ff9800;
  color: #fff !important;
  border-radius: 8px !important;
}

.teams-cc-container .collab-quill-editor .ql-snow .ql-editor img {
  max-height: 80px !important;
  border: 1px solid #e3ebf6 !important;
  border-radius: 8px !important;
}

/* .overflow-onhover p a {
    color: #2c7be5 !important;
  } */
.teams-cc-container .messages-default p {
  width: 100% !important;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-menu-search li {
  width: 100% !important;
}

.teams-cc-container .teams-search-size .input-group i {
  margin-right: 0px !important;
}

.teams-cc-container .teams-message {
  padding: 3px 20px !important;
  line-height: 1;
}

.teams-cc-container img.reset-min-width {
  width: 16px;
  margin-right: 3px !important;
  opacity: 0.6;
  margin-top: -2px !important;
  padding: 5px 3px;
}

.teams-cc-container .badge-orange {
  font-size: 72% !important;
}

.teams-cc-container .navbar-collapse:before {
  content: unset !important;
}

.send-btn-position {
  z-index: 999;
  right: 12px;
  bottom: 7px;
}

.send-icon {
  transform: rotate(42deg);
  position: relative;
  left: -2px;
}

.navbar-vertical:not([style*="display: none"]) ~ .main-content .collab-sidenav.container-fluid {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

.collab-navbar .navbar-nav .nav-item {
  margin: 0px !important;
}

.message-body.guideflow_hovered .more-options {
  display: inline-block !important;
}

.teams-cc-container .teams-search-size .form-control {
  height: calc(1.75em + 0.25rem + 7px);
  padding: 0.125rem 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.75;
  border: 0;
}

.teams-cc-container .teams-cc-lhs .membercount-badge {
  background-color: #2275dd !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: bold;
  display: flex;
  height: 15px;
  justify-content: center;
  width: 17px;
  border-radius: 4px !important;
  top: 6px;
  left: 12px;

  line-height: 1.2;
}

.collab-users-dropdown .ui.multiple.dropdown > .label i.icon.delete:after,
.collab-users-dropdown .ui.multiple.dropdown > .label i.icon.delete:before {
  width: 1px !important;
  height: 10px !important;
  top: 11px !important;
}

.teams-cc-container .meta-description p:last-child {
  margin-bottom: 0px !important;
}

.emoji-button.guideflow_hovered .onhover {
  display: inline-block !important;
}

.teams-cc-container .collab-quill-editor .ql-tooltip.ql-editing::before,
.teams-cc-container .collab-quill-editor .ql-tooltip.ql-editing::after {
  top: unset !important;
  bottom: -8px !important;
  border-bottom: 0.5rem solid #f0f6ff !important;
  transform: rotate(180deg);
}

.teams-cc-container .emoji_completions {
  width: 300px;
  overflow: overlay !important;
  max-height: 250px !important;
  padding: 13px;
  box-shadow: 0 0.5rem 1rem rgb(18 38 63 / 15%) !important;
  border-color: transparent;
  bottom: 72px !important;
  top: unset !important;
}

.teams-cc-container .pinicon {
  opacity: 0.5 !important;
  transform: rotate(44deg);
  margin-right: 4px !important;
}

.thread-message-count.guideflow_hovered .view-thread {
  display: inline-block !important;
}

.bg-white.btn-white.guideflow_hovered {
  background-color: #fff !important;
}

.ml-n28 {
  margin-left: -2.8rem !important;
}

.collab-gravtar.guideflow_hovered {
  background-color: #fafcff !important;
}

.collab-gravtar.badge-soft-warning.guideflow_hovered {
  background-color: #fdf3d9 !important;
}

.left-18 {
  left: 18px;
}

.left-25 {
  left: 25px;
}

.overflow-onhover pre,
.overflow-onhover blockquote {
  margin-bottom: 0px !important;
}

.collab-js .ql-editor {
  margin-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.collab-draft-card.card {
  border-radius: 0.25rem !important;
}

.collab-sidebar-grav .max-w-30 {
  width: 1.5rem !important;
  height: 1.5rem !important;
  max-width: 1.5rem !important;
}

.g-search {
  z-index: 999;
}

.online-indication {
  bottom: -25px;
  right: -41px;
}

.collab-accordian .not-collapsed .fe-chevron-right::before {
  content: "\e92e" !important;
}

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

.collab-quill-editor .ql-toolbar {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.ql-container .ql-editor,
.collab-quill-editor .ql-container {
  min-height: 40px !important;
}

.teams-cc-container .teams-channel-header {
  z-index: 1 !important;
}

.channel-info .not-collapsed i::before {
  content: "\e92e";
}

.emoji-button.guideflow_hovered .nohover {
  display: none !important;
}

.collab-users-dropdown .ui.active.search.dropdown input.search:focus + .text,
.collab-users-dropdown .default {
  color: #c8d0dd !important;
}

.teams-cc-container .nav-item .nav-link .vue-avatar--wrapper span {
  font-weight: 400 !important;
  font-size: 10px !important;
}

.teams-cc-container .collab-channel .reset-height .max-w-30,
.teams-cc-container .collab-channel .reset-height .vue-avatar--wrapper {
  height: 30px !important;
  width: 30px !important;
  max-width: 30px !important;
}

.teams-cc-container .teams-channel-header .avatar-xs .vue-avatar--wrapper,
.teams-cc-container .teams-channel-header .max-w-30 {
  height: 24px !important;
  width: 24px !important;
}

.teams-cc-container .thread-message .avatar-xs.avatar .vue-avatar--wrapper,
.teams-cc-container .thread-message .avatar-xs.avatar .max-w-30,
.teams-cc-container .teams-channel-header .user-avatar-title,
.teams-cc-container .teams-channel-header .avatar-group .avatar-xs,
.teams-cc-container .teams-channel-header .avatar-group .avatar-xs .vue-avatar--wrapper {
  height: 22px !important;
  width: 22px !important;
}

.emojipicker .ql-toolbar.ql-snow {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.emojipicker .textarea-emoji-control.guideflow_hovered,
.emojipicker .ql-formats button[class^="ql"].ql-active,
.emojipicker .ql-formats .ql-picker-label.guideflow_hovered,
.emojipicker .ql-formats button[class^="ql"].guideflow_hovered,
.teams-cc-container .collab-quill-editor .textarea-emoji-control.guideflow_hovered,
.teams-cc-container .collab-quill-editor .ql-formats button[class^="ql"].ql-active,
.teams-cc-container .collab-quill-editor .ql-formats .ql-picker-label.guideflow_hovered,
.teams-cc-container .collab-quill-editor .ql-formats button[class^="ql"].guideflow_hovered {
  background-color: #9e9e9e21 !important;
  border-radius: 3px !important;
}

.teams-cc-container .meta-domain {
  font-weight: 400 !important;
  font-size: 15px !important;
}

.teams-cc-container .messages-default ol,
.teams-cc-container .messages-default ul {
  padding-left: 1.1rem !important;
}

.unfurl-content {
  line-height: 20px !important;
}

.emojipicker .quill-editor .textarea-emoji-control.guideflow_hovered path,
.emojipicker .quill-editor .textarea-emoji-control.guideflow_hovered circle,
.teams-cc-container .collab-quill-editor .quill-editor .textarea-emoji-control.guideflow_hovered path,
.teams-cc-container .collab-quill-editor .quill-editor .textarea-emoji-control.guideflow_hovered circle {
  stroke: #625f5f !important;
}

.teams-cc-container .collab-quill-editor .ql-tooltip.ql-editing {
  left: 14px !important;
  border: 1px solid #f0f6ff !important;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 6%) !important;
  padding: 0.8rem !important;
}

.teams-cc-container .gravatrs .avatar .avatar-xs,
.teams-cc-container .teams-cc-lhs .avatar.avatar-xs {
  height: unset !important;
  width: unset !important;
  line-height: 0;
  margin-right: 0px !important;
}

.teams-cc-container .max-char-25ch {
  line-height: 1.1;
}

.teams-cc-container .collab-channel .reset-height.avatar-online::before,
.teams-cc-container .collab-channel .reset-height.avatar-offline::before {
  bottom: -4px !important;
  right: -4px !important;
}

.teams-cc-container .collab-channel .no-height .vue-avatar--wrapper span {
  font-size: 22px !important;
}

.teams-cc-container .collab-channel .vue-avatar--wrapper {
  height: 40px !important;
  width: 40px !important;
}

.reset-height .vue-avatar--wrapper {
  height: 2.5rem !important;
  width: 2.5rem !important;
}

.reset-height .d-inline-flex {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
}

.not-collapsed .reset-min-width {
  transform: rotate(360deg);
  transition: transform 0.2s ease;
}

.collapsed .reset-min-width {
  transform: rotate(268deg);
  transition: transform 0.2s ease;
}

.teams-cc-container .messages-default ol,
.teams-cc-container .messages-default h1,
.teams-cc-container .messages-default h2,
.teams-cc-container .messages-default h3,
.teams-cc-container .messages-default h4,
.teams-cc-container .messages-default h5,
.teams-cc-container .messages-default h6,
.teams-cc-container .messages-default strong,
.teams-cc-container .messages-default b,
.teams-cc-container .messages-default p,
.teams-cc-container .messages-default ul {
  margin-bottom: 0px !important;
  font-size: 15px !important;
  line-height: 20px !important;
}

.teams-cc-container .teams-cc-lhs .avatar-xs .vue-avatar--wrapper,
.teams-cc-container .teams-cc-lhs .max-w-30 {
  height: 18px !important;
  width: 18px !important;
  max-width: inherit !important;
}

.teams-cc-container .ql-mention-list .cql-list-item-inner img {
  height: 18px !important;
  width: 18px !important;
}

.teams-cc-container .tab-toolbar {
  background-color: #faebd7;
}

.teams-cc-container .emoji_completions li button:focus,
.teams-cc-container .emoji_completions li button.guideflow_hovered,
.teams-cc-container .emoji_completions .emoji-active,
.teams-cc-container .ql-mention-list-item.selected,
.teams-cc-container .ql-mention-list-item.guideflow_hovered {
  background-color: #f4f9ff !important;
  color: #000 !important;
  font-weight: normal;
}

.teams-cc-container .multiselect__tag,
.collab-users-dropdown.teams-cc-container .ui.label.transition.visible {
  font-weight: normal;
  box-shadow: none;
  line-height: 23px !important;
  padding-right: 25px !important;
  word-break: break-word !important;
}

.teams-cc-container .multiselect__option:after,
.teams-cc-container .multiselect__option--selected,
.teams-cc-container .multiselect__option--disabled,
.teams-cc-container .multiselect__option--highlight,
.teams-cc-container .multiselect__option--group,
.collab-quill-editor .emoji_completions li button:focus,
.collab-quill-editor .emoji_completions li button.guideflow_hovered,
.collab-quill-editor .emoji_completions li .emoji-active,
.collab-users-dropdown .ql-mention-list-item.selected,
.collab-users-dropdown .ql-mention-list-item.guideflow_hovered,
.collab-users-dropdown .ui.selection.active.dropdown .menu .item.selected {
  background-color: #f4f9ff !important;
  color: #000 !important;
  font-weight: normal;
}

.emojipicker #tab-toolbar .category,
.teams-cc-container #tab-toolbar .category,
.teams-cc-container .category {
  padding: 10px 0px !important;
  border-bottom: 2px solid transparent !important;
}

.teams-cc-container .teams-message a img,
.teams-cc-container .url-preview .img-fluid.w-75,
.teams-cc-container a img.image {
  max-width: 240px;
  border-radius: 0.325rem !important;
}

.emojipicker #tab-toolbar .active,
.teams-cc-container #tab-toolbar .active,
.teams-cc-container .category.active {
  border-color: #007a5a !important;
}

.teams-cc-container .emoji-ta.active svg,
.teams-cc-container #Categories .category.active svg {
  fill: #007a5a !important;
}

.teams-cc-container .meta-description {
  color: #3b506c !important;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-menu-search li .input-group {
  border: 1px solid #fff;
  border-radius: 10px !important;
}

.teams-cc-container .teams-search-size .input-group-text {
  padding: 5.5px 8px !important;
}

.teams-cc-container .avatar-online::before {
  color: #22b376 !important;
}

.teams-cc-container .avatar-offline::before {
  color: #b8cbe5 !important;
}

.teams-cc-container .teams-cc-lhs .nav-link {
  font-size: 14px !important;
  padding: 4px 19px 4px 22px !important;
  font-weight: 400 !important;
}

.teams-cc-container .multiselect__element,
.teams-cc-container .message-emoji {
  font-size: 14px !important;
}

.teams-cc-container .thread-message-parent {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.1;
}

.teams-cc-container .url-preview {
  max-width: 600px;
}

.teams-cc-container .ql-mention-list strong {
  font-weight: 500 !important;
  font-size: 14px !important;
  font-family: "Cerebri Sans", sans-serif !important;
  margin-left: 6px !important;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-heading .header {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.collab-users-dropdown .ql-mention-list-item,
.collab-users-dropdown .emoji_completions li button,
.teams-cc-container .emoji_completions li button,
.teams-cc-container .ql-mention-list-item {
  padding: 6px 16px;
  line-height: 0px !important;
}

.teams-cc-container .message-reaction {
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 1px 5px !important;
  display: flex;
  align-items: baseline;
  justify-content: space-between !important;
}

.collab-users-dropdown .ui.label.transition.visible,
.teams-cc-container .mention {
  padding: 0px 6px 2px 5px !important;
  font-size: 15px !important;
  border-radius: 3px !important;
  font-family: "Cerebri Sans", sans-serif !important;
  line-height: 27px !important;
  white-space: nowrap;
}

.teams-cc-container .ql-editor {
  max-height: unset !important;
}

.teams-cc-container .ql-container {
  max-height: 350px !important;
}

.teams-cc-container .thread-message .max-w-30,
.teams-cc-container .thread-message .avatar-xs .vue-avatar--wrapper {
  height: 25px !important;
  width: 25px !important;
}

.teams-cc-container .teams-cc-lhs .d-flex.w-auto .nav-link .fe {
  font-size: 13px !important;
  margin-right: 8px !important;
  align-self: center !important;
}

.teams-cc-container .message-title {
  font-size: 15.5px !important;
  font-weight: 500 !important;
}

.teams-cc-container .gravatrs .avatar-xs .vue-avatar--wrapper span {
  font-weight: 500 !important;
  font-size: 13px !important;
}

.teams-cc-container .reaction-count {
  font-size: 11px !important;
  font-weight: 900 !important;
  color: #2c7be5 !important;
  margin-left: 1px !important;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-heading.nav-link {
  padding: 9px 16px 6px 16px !important;
}

.teams-cc-container .teams-channel-header {
  height: 55px !important;
  padding-right: 22px !important;
  padding-left: 22px !important;
}

.teams-cc-container .user-profile .avatar-online::before,
.teams-cc-container .user-profile .avatar-offline::before {
  height: 10px !important;
  width: 10px !important;
  right: 3px;
  top: 10px;
}

.teams-cc-container .collab-channel .avatar-online::before,
.teams-cc-container .collab-channel .avatar-offline::before,
.teams-cc-container .avatar-online::before,
.teams-cc-container .avatar-offline::before {
  height: 10px !important;
  width: 10px !important;
}

.teams-cc-container .gravatrs .avatar-xs .vue-avatar--wrapper,
.teams-cc-container .gravatrs .max-w-30 {
  height: 30px !important;
  width: 30px !important;
  max-width: inherit !important;
}

.teams-cc-container .teams-channel-header .head,
.teams-cc-container .teams-channel-header .header-icon {
  font-weight: 900 !important;
}

.teams-cc-container .channel-head-icon,
.teams-cc-container .channel-header {
  font-size: 18px !important;
  font-weight: 500 !important;
}

.teams-cc-container .header-height {
  min-height: 49px !important;
}

.teams-cc-container .date-badge-design {
  font-size: 13px !important;
  border-radius: 18px !important;
  height: 28px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 6%) !important;
  padding: 0 16px !important;
  z-index: 2 !important;
  pointer-events: all;
}

.teams-cc-container .container-search {
  padding: 12px 12px 0px !important;
}

.teams-cc-container .a img.image {
  border: 1px solid #fff !important;
}

/* Mobile css */

@media (max-width: 991px) {
  body {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.48;
    color: #070e17 !important;
    text-align: left;
    background-color: #f2f8fdcf;
    letter-spacing: 0.125px;
    word-spacing: 0.125px;
  }

  form .sticky-bottom {
    position: unset !important;
  }

  .mobile-100.h-unset {
    height: unset !important;
  }

  .send-icon {
    top: -4px !important;
    left: -1px !important;
  }

  .b-sidebar .sticky-form.b-sidebar-body {
    padding-bottom: 0px !important;
  }

  .add-stage {
    width: 22%;
  }

  .stage-card-mobile {
    width: 25%;
  }

  .pb-sm-15 .mobile-icons-end,
  .mobile-bottom-padding {
    padding-bottom: 12px !important;
  }

  .b-sidebar-body {
    overflow-x: hidden !important;
  }

  .card-header-pt-0 .mobile-crud.crud-no-header {
    padding-top: 0px !important;
  }

  .d-flex.my-auto.add-stage {
    height: 32px !important;
    margin-top: 15px !important;
    justify-content: center;
  }

  .stage-card-mobile .stage-card {
    margin-top: 14px !important;
    margin-right: 14px !important;
    max-width: unset !important;
  }

  .pushslideout-body > .b-sidebar > .b-sidebar-body {
    padding-right: 0px !important;
  }

  .mobile-padding-bottom-0 .b-sidebar .b-sidebar-body {
    padding-bottom: 0px !important;
    overflow-x: hidden !important;
  }

  .fe.text-primary.overide {
    color: #2c7be5 !important;
  }

  .mobile-settings-dropdown {
    position: absolute;
    right: calc(100% - 255px) !important;
    top: -33px !important;
  }

  .table.b-table.b-table-stacked-md > tbody > tr > td:first-child .fe {
    margin-right: 6px !important;
  }

  div#thread_messages .teams-message .message-body {
    padding-right: 0px;
  }

  .thread-message-parent + .messages-default {
    padding-right: 20px;
  }

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

  .email-verify.mobile-domain .card-table .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:before {
    padding-left: 14px;
  }

  .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 600;
  }

  nav#topnav div#nav-collapse.collapse.show {
    left: 277 px !important;
    z-index: 9999 !important;
    top: 47 px !important;
  }

  div#nav-collapse .btn-group,
  .btn-group-vertical {
    display: block !important;
  }

  span.fe.fe-chrome.mr-3.pt-1.navbar-user-link.cursor-pointer.no-focus {
    display: none !important;
  }

  .table.b-table.b-table-stacked-md-md {
    display: block;
    width: 100%;
  }

  .edit-icon-after::after {
    content: "\e95a";
    font-family: "Feather" !important;
    font-size: 12px;
    margin-left: 3px;
    color: #6e84a3 !important;
  }

  .teams-cc-container.theme-white .nav-link.teams-lhs-heading .fe.fe-settings {
    padding-right: 0px !important;
  }

  .table.b-table.b-table-stacked-md-md > caption,
  .table.b-table.b-table-stacked-md-md > tbody,
  .table.b-table.b-table-stacked-md-md > tbody > tr,
  .table.b-table.b-table-stacked-md-md > tbody > tr > td,
  .table.b-table.b-table-stacked-md-md > tbody > tr > th {
    display: block;
  }

  .table.b-table.b-table-stacked-md-md > tfoot,
  .table.b-table.b-table-stacked-md-md > tfoot > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-md-md > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-md-md > thead,
  .table.b-table.b-table-stacked-md-md > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-md-md > thead > tr.b-table-top-row {
    display: none;
  }

  .table.b-table.b-table-stacked-md-md > caption {
    caption-side: top !important;
  }

  .table.b-table.b-table-stacked-md-md > tbody > tr > [data-label]:before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    word-wrap: break-word;
    font-weight: 700;
    font-style: normal;
    padding: 0 0.5rem 0 0;
    margin: 0;
  }

  .table.b-table.b-table-stacked-md-md > tbody > tr > [data-label]:after {
    display: block;
    clear: both;
    content: "";
  }

  .table.b-table.b-table-stacked-md-md > tbody > tr > [data-label] > div {
    display: inline-block;
    width: 60%;
    padding: 0 0 0 0.5rem;
    margin: 0;
  }

  .table.b-table.b-table-stacked-md-md > tbody > tr.bottom-row,
  .table.b-table.b-table-stacked-md-md > tbody > tr.top-row {
    display: none;
  }

  .table.b-table.b-table-stacked-md-md > tbody > tr > :first-child,
  .table.b-table.b-table-stacked-md-md > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-md-md > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }

  .table.b-table.b-table-stacked-md {
    display: block;
    width: 100%;
    margin: 0 auto !important;
    font-size: 0.9rem !important;
    position: relative;
  }

  .table.b-table.b-table-stacked-md > caption,
  .table.b-table.b-table-stacked-md > tbody,
  .table.b-table.b-table-stacked-md > tbody > tr,
  .table.b-table.b-table-stacked-md > tbody > tr > td,
  .table.b-table.b-table-stacked-md > tbody > tr > th {
    display: block;
    width: auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .table.b-table.b-table-stacked-md > tfoot,
  .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-md > thead,
  .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row {
    display: none;
  }

  .table.b-table.b-table-stacked-md > caption {
    caption-side: top !important;
    display: none !important;
  }

  .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:before {
    content: attr(data-label);
    width: 18%;
    float: left;
    text-align: left;
    color: #7e7b7b !important;
    word-wrap: break-word;
    font-weight: 500;
    font-size: 14px !important;
    font-style: normal;
    padding: 0;
    display: none;
    margin: 0;
  }

  .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:after {
    display: block;
    clear: both;
    content: "";
  }

  .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div {
    display: inline-block;
    width: auto !important;
    padding: 0 0 0 0.5rem;
    margin: 0;
  }

  .table.b-table.b-table-stacked-md > tbody > tr.bottom-row,
  .table.b-table.b-table-stacked-md > tbody > tr.top-row {
    display: none;
  }

  .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + th {
    border-top-width: 1px;
  }

  .card-table thead th:first-child,
  .card-table tbody td:first-child {
    padding-left: 1.5px !important;
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid #e3ebf6;
  }

  .table.b-table.b-table-stacked-md > tbody > tr {
    margin-bottom: 8px !important;
    width: 100% !important;
    border-radius: 0.375rem !important;
    margin-top: 8px !important;
    background: #fff !important;
    box-shadow: #e2f0fb 0px 0px 5px 0px !important;
    border: 1px solid #ededed;
    position: relative;
  }

  .mobile-domain .table-responsive {
    display: block;
    width: 100%;
    overflow-x: unset !important;
    -webkit-overflow-scrolling: touch;
  }

  .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(n + 2) {
    display: inline-block !important;
    padding-top: 0px !important;
    padding-left: 6px !important;
    padding-right: 0px !important;
    white-space: normal;
    word-break: break-word;
  }

  .table.b-table.b-table-stacked-md > tbody > tr > td:first-child {
    padding-bottom: 2px !important;
    border: 0px !important;
  }

  .mobile-domain .table th,
  .mobile-domain .table td {
    border-top: 0px solid #edf2f9 !important;
  }

  .mobile-domain .table-responsive .media-body {
    display: flex !important;
  }

  .mobile-domain .table-responsive .avatar.avatar-xs,
  .mobile-domain .avatar-xs .vue-avatar--wrapper {
    height: 1.3rem !important;
    width: 1.5rem !important;
    margin-right: 2px !important;
  }

  .mobile-domain .table-responsive .avatar.avatar-xs img,
  .mobile-domain .avatar-xs .vue-avatar--wrapper img {
    max-width: 20px !important;
    height: 20px !important;
    margin-right: 5px !important;
  }

  .w-30ch {
    width: 30ch !important;
    position: relative;
    top: 8px;
  }

  .finder .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(n + 2) {
    padding-bottom: 10px !important;
  }

  .finder .select-option {
    height: calc(1.75em + 0.25rem + 2px) !important;
    top: -1px;
    position: relative;
  }

  .finder .export {
    font-size: 0.8125rem !important;
    top: -1px;
    position: relative;
  }

  .finder .mobile-export {
    top: 1px;
    font-size: 0.85rem;
    padding: 8px 10px !important;
    line-height: 1;
    right: -5px;
  }

  .mobile-domain .mobile-category {
    font-size: 12px !important;
    border: 1px solid #f3f8fc;
    border-radius: 3px !important;
    background: #f4f9fd;
    padding: 4px 4px !important;
    position: absolute;
    line-height: 1;
    right: 10px;
  }

  .card.mobile-domain {
    box-shadow: unset !important;
    background: transparent !important;
    border: 0px !important;
  }

  .mobile-domain .card-header {
    height: 45px !important;
    padding-left: 0.75rem !important;
    background: #fff !important;
    padding-bottom: 5px !important;
    padding-right: 10px !important;
    box-shadow: #ededed 0px 0px 5px 0px !important;
    border: 1px solid #ededed;
    border-bottom-left-radius: 0.37rem !important;
    border-bottom-right-radius: 0.37rem !important;
  }

  .mobile-bg-white {
    background: #fff !important;
    padding: 11px !important;
    margin: 0px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    box-shadow: 0 0.125rem 0.25rem rgb(18 38 63 / 8%) !important;
  }

  .card.mobile-domain .fe.fe-folder-plus {
    display: none !important;
  }

  .card.mobile-domain .page-item.disabled .page-link,
  .card.mobile-domain .page-item.disabled .page,
  .card.mobile-domain .prev-next-padding .next.disabled,
  .prev-next-padding .prev.disabled {
    color: #95aac9;
    pointer-events: none;
    cursor: auto;
    background-color: transparent !important;
    border-color: transparent !important;
  }

  .card.mobile-domain .card-pagination.pagination-tabs .page-link,
  .card.mobile-domain .card-pagination.pagination-tabs .page {
    border-top-width: 0 !important;
    padding: 6px !important;
  }

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

  .email-verify.mobile-domain .card-table .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:before {
    padding-left: 14px;
  }

  .email-verify.mobile-domain .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:before {
    content: attr(data-label);
    width: auto !important;
    float: left;
    text-align: left;
    color: #6e84a3 !important;
    word-wrap: break-word;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
    font-style: normal;
    padding-left: 18px;
    display: block !important;
    margin: 0;
  }

  .email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(n + 2) {
    display: block !important;
    padding-bottom: 4px !important;
    font-size: 0.9rem !important;
  }

  .email-verify.mobile-domain .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:first-child:before {
    display: none !important;
  }

  .email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:first-child {
    display: block !important;
    padding-left: 14px !important;
    /* padding-top: 20px !important; */
    word-break: break-word !important;
    white-space: normal;
  }

  .email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:first-child p {
    /* color: #000 !important; */
    white-space: normal;
    font-size: 0.9rem !important;
  }

  .email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    display: block;
    text-align: right;
    padding-right: 35px !important;
    padding-bottom: 15px !important;
  }

  .mobile-domain .mobile-crud {
    box-shadow: unset !important;
    background: transparent !important;
    border: 0px !important;
    margin-bottom: 0px !important;
  }

  /* .modal-dialog {
      max-width: 710px !important;
    } */
  .table.b-table.b-table-stacked-md > tbody > tr > td .fe {
    margin: 0px !important;
  }

  .add-list-button {
    right: 20px !important;
    top: 7px !important;
    border: 1px solid #e3ebf6;
    line-height: 1;
    border-radius: 0.37rem;
    padding: 8px 10px;
    font-size: 0.875rem !important;
  }

  .mobile-domain .table-sm td {
    padding-left: 8px !important;
  }

  .mobile-gravaar img {
    width: 22px !important;
  }

  .company-search .mobile-crud .table.b-table.b-table-stacked-md > tbody > tr > td:first-child {
    display: block;
    padding: 20px 18px 2px !important;
  }

  .b-sidebar .media-float {
    bottom: 60px !important;
  }

  .mobile-export {
    top: 44 px !important;
    right: -2 px !important;
    padding: 5 px 10 px !important;
  }

  .lists-table.finder-list .card-table tbody td:first-child {
    padding-left: 8px !important;
  }

  tr.b-table-empty-row .text-muted {
    display: block;
    margin-top: 10px;
  }

  .dropdown-toggle .fe {
    color: #6e84a3 !important;
  }

  .b-table-empty-row h1 {
    color: #12263f;
    font-size: 19px;
  }

  /* stcked css end */
  /* .table-container::-webkit-scrollbar {
      width: 8px !important;
    } */
  .placeholder-responsive h2 {
    font-size: 16px !important;
    font-weight: normal !important;
  }

  .nav-tabs .nav-item {
    margin-bottom: -1px;
    margin-left: 0rem !important;
    margin-right: 1rem !important;
  }

  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .nav-tabs .nav-link.disabled {
    color: #95aac9;
    background-color: transparent;
    border-color: transparent;
  }

  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #2c7be5;
    background-color: transparent;
    border-color: #2c7be5;
  }

  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .nav-pills .nav-link {
    border-radius: 0.375rem;
  }

  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    color: #ffffff;
    background-color: #2c7be5;
  }

  .nav-tabs {
    flex-wrap: inherit !important;
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box !important;
    z-index: 999 !important;
  }

  .nav-tabs .nav-link {
    margin-bottom: 0px !important;
    padding-bottom: 6px !important;
  }

  .nav-tabs .nav-item {
    margin-left: 0rem !important;
    margin-right: 1.2rem !important;
  }

  .mobile-domain .mobile-bg-white {
    background: #fff !important;
    padding: 11px !important;
    display: none !important;
    margin: 0px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
  }

  .d-flex.flex-column.position-fixed.shadow.rounded-left.btn-group-sm.right-0px.top-50.z-index-2.btn-group-vertical {
    display: none !important;
  }

  .mobile-domain .mobile-badge-primary {
    color: #4540b0 !important;
    background-color: #f4f4ff !important;
    font-size: 12px;
    border-radius: 0.25rem;
    padding: 5px;
  }

  /* .mobile-domain a {
      color: #263caa !important;
    } */
  .btn-primary {
    color: #ffffff;
    background: linear-gradient(92deg, rgb(76, 0, 201) 0%, rgb(27, 23, 207) 100%);
    border-color: #473888 !important;
    text-transform: capitalize;
  }

  .placeholder-responsive .border-left {
    border: 0px !important;
  }

  .custom-select-sm {
    height: calc(1.75em + 0.25rem) !important;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    padding-left: 0.5rem;
    font-size: 0.75rem;
  }

  .btn-sm,
  .btn-group-sm > .btn {
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem !important;
    line-height: 1.5;
    border-radius: 0.4rem;
    font-weight: normal;
  }

  .text-primary {
    color: #4802c9 !important;
  }

  .text-muted {
    color: #728194 !important;
  }

  .bg-soft-light {
    background: #f2f8fdcf !important;
  }

  .mobile-tabs.track-tabs .tab-pane.active:nth-child(n + 3) ~ .mobile-float-settings,
  .mobile-tabs.pbx-tabs .tab-pane.active:nth-child(n + 3) ~ .mobile-float-settings,
  .mobile-tabs.botup-tabs .tab-pane.active:nth-child(n + 3) ~ .mobile-float-settings,
  .mobile-tabs.bpm-tabs .tab-pane.active:nth-child(n + 3) ~ .mobile-float-settings {
    bottom: 30px;
  }

  .mobile-menu .mobile-projects-tab .tab-pane.active:nth-child(n + 1) ~ .mobile-float-settings {
    bottom: 30px;
  }

  .mobile-dailer-icons {
    position: absolute;
    top: 38px;
    right: 15px;
  }

  .mobile-dailer-icons .mobile-pbx-dialerpad .dropdown-menu {
    position: absolute !important;
    top: -40px !important;
    left: -285px !important;
    transform: none !important;
  }

  .mobile-settings-icon .dropdown-menu {
    top: 65px !important;
  }

  .option-icons.guideflow_hovered,
  .b-popover .fe-edit-3.guideflow_hovered,
  .b-popover .fe-share-2.guideflow_hovered,
  .b-popover .fe-rotate-cw.guideflow_hovered {
    color: #4540b0 !important;
  }

  .mobile-date-picker .form-control {
    line-height: 1.2;
  }

  .mobile-date-picker .reports-datepicker .myactfilter:before {
    margin-top: 8px;
  }

  .mobile-pbx-dialerpad .btn-transparent {
    background: linear-gradient(45deg, #00b188, #00de78);
    width: 40px !important;
    height: 40px;
    border-color: #00d67a;
    position: fixed !important;
    bottom: 125px;
    right: 23px;
    z-index: 2;
  }

  .mobile-pbx-dialerpad .fe-phone {
    color: #fff !important;
    font-size: 14px;
  }

  .mobile-float-settings {
    position: fixed;
    right: 21px;
    width: 40px;
    height: 40px;
    bottom: 75px;
    z-index: 99;
    background: #d2ddec !important;
  }

  .mobile-float-settings .float-settings {
    left: 31%;
    top: 10px;
    color: #fff !important;
  }

  .mobile-more-fontsize {
    font-size: 12px;
  }

  .h-unset {
    height: unset !important;
  }

  .mobile-menu .nav-tabs .nav-link.active .mobile-more-fontsize {
    color: #fff !important;
  }

  .mobile-card-border {
    border: 1px solid #edf2f9;
  }

  .task-list .category-mobile {
    position: absolute !important;
    top: -27px !important;
    left: 9px;
  }

  .avatar-dropdown .vue-avatar--wrapper {
    width: 20px !important;
    height: 20px !important;
  }

  .activity-avatar .vue-avatar--wrapper {
    width: 20px !important;
    height: 20px !important;
  }

  .project-avatar .vue-avatar--wrapper {
    width: 20px !important;
    height: 20px !important;
  }

  .kanban-add-form .btn-sm.btn-white {
    font-size: 0.935rem !important;
    padding: 0.5rem 0.75rem !important;
    line-height: 1.5;
  }

  .mhv-80 {
    height: calc(100vh - 60px);
  }

  .list-view.guideflow_hovered .mor-details {
    margin-top: -4px;
    margin-left: 5px;
  }

  .bpm-float.float-plus {
    top: 10px !important;
    left: 13px !important;
    font-size: 14px;
  }

  .bpm-contacts-list ~ .bottom-110px {
    bottom: 125px !important;
  }

  .bpm-contacts-list .list-alert {
    display: flex;
    justify-content: space-between;
  }

  .sidebar-full-toggle {
    display: none;
  }

  .botup-flow-templates .templates-container .tab-content .px-2.col-md-6.col-lg-3 {
    max-width: 100% !important;
  }

  .mobile-menu .mobile-tabs.pbx-tabs .tab-pane.active:nth-child(n + 3) ~ .d-block.d-lg-none .mobile-pbx-dialerpad .btn-transparent {
    bottom: 85px;
  }

  .mobile-profile-name {
    font-size: 12px;
  }

  .calllog-Filter {
    top: -10px;
    right: -10px;
  }

  .refresh-calllogs-general {
    top: 0px !important;
    right: 10px !important;
  }

  .calllogs-table .refresh-calllogs-general.btn-outline-secondary.btn-sm {
    padding: 0.4rem 0.75rem !important;
  }

  .calllog-Filter .w-465 {
    width: 375px !important;
  }

  .nav-tabs::-webkit-scrollbar {
    height: 1px;
  }

  div#input-tag {
    width: 100%;
  }

  .bottom-85px {
    bottom: 85px;
  }

  /* crmio mobile css */
  .crmio-dashbaord .leads-filter {
    right: -20px;
    top: 43px;
    width: 190px;
  }

  .crmio-dashbaord .dashboard {
    margin-top: 80px !important;
  }

  .crmio-dashbaord .leads-filter .dropdown-toggle::after {
    float: right;
  }

  .crmio-dashbaord .leads-filter .dropdown-toggle {
    text-align: left;
  }

  .crmio-dashbaord .reports-datepicker .vue-daterange-picker .daterangepicker.opensleft {
    left: 0px !important;
  }

  .crmio-dashbaord .reports-datepicker .myactfilter .daterangepicker.opensleft:before {
    right: 141px !important;
    left: 141px !important;
  }

  .crmio-dashbaord .reports-datepicker .myactfilter .daterangepicker.opensleft:after {
    right: 116px !important;
  }

  .custom-lg-col-4 {
    flex: 0 0 55% !important;
    max-width: 55% !important;
  }

  .custom-lg-col-3 {
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }

  .custom-lg-col-7 {
    flex: 0 0 55% !important;
    max-width: 55% !important;
  }

  .teams-lhs-sidebar {
    padding: 0px !important;
  }

  .teams-cc-container .nav-link.teams-lhs-heading .fe.fe-chevron-down.reset-right-side-padding {
    padding-right: 0px !important;
  }

  .teams-cc-container .teams-cc-lhs .teams-lhs-heading.nav-link {
    padding-left: 16px !important;
    padding-right: 16px !important;
    border-top: 1px solid #f7f7f7 !important;
  }
  .prospect_edit_address {
    opacity: 0;
    position: relative;
    bottom: 20px;
  }

  .teams-cc-container .teams-search-size .global-search-results {
    width: 100% !important;
    max-height: 400px !important;
  }

  /* ::-webkit-scrollbar {
      width: 10px !important;
    } */
  div#channel_info {
    background-color: #f9fbfd !important;
  }

  .avatar-title.channel-members {
    width: 26.4px;
    height: 26.4px;
  }

  .channel-header {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 16ch;
  }

  .collab-quill-editor .ql-code-block {
    display: none !important;
  }

  div#thread_messages,
  div#channel_info {
    width: 100% !important;
  }

  div#my_chanel_list {
    width: 100% !important;
  }

  .teams-cc-container .teams-cc-lhs .nav-link {
    padding: 8px 20px 8px 20px !important;
  }

  div#thread_messages,
  div#channel_info,
  div#my_chanel_list {
    position: fixed !important;
    z-index: 970;
    left: 2px;
    bottom: 0;
    top: 47px;
    height: calc(100vh - 30px) !important;
    margin-bottom: 0px !important;
    margin-left: -277px;
    overflow: hidden;
    transition: all 0.5s ease !important;
    left: 0px !important;
    box-shadow: 0 0.5rem 1rem rgba(18, 38, 63, 0.15) !important;
  }

  div#thread_messages {
    height: calc(100% - 46px) !important;
  }

  div#thread_messages,
  div#channel_info.collapse.show,
  div#my_chanel_list.collapse.show {
    left: 0px !important;
  }

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

  .teams-channel-header .height-200 {
    max-height: 200px !important;
  }

  .overflow-on-mobile.overflow-onhover {
    overflow-y: auto !important;
    max-height: 100vh !important;
  }

  .small-2.position-absolute.ml-n28.more-options.d-none {
    display: none !important;
  }

  .thread-message.w-50 {
    width: 100% !important;
  }

  .thread-message .teams-cc-lhs {
    border-right: 0px !important;
    overflow: hidden !important;
  }

  .collab-quill-editor .ql-editor.ql-blank::before {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    left: 0 !important;
    max-width: 45ch;
  }

  .teams-cc-container .collab-quill-editor .ql-toolbar {
    padding-left: 0 !important;
  }

  .teams-cc-container .collab-js .ql-editor {
    padding-left: 5px !important;
  }

  .teams-cc-container .collab-quill-editor .quill-editor .textarea-emoji-control {
    left: -4px;
  }

  .collab-quill-editor .send-btn-position .btn {
    right: 0px !important;
    height: 29px;
  }

  .send-btn-position {
    z-index: 999;
    right: 4px;
    bottom: 6px !important;
  }

  .collab-quill-editor .ql-formats .ql-bold {
    margin-left: 18px !important;
  }

  .more-options {
    right: -11px !important;
  }

  #my-chanel_list .bg-white.sticky-bottom {
    bottom: -2px !important;
  }

  .teams-cc-container .teams-channel-header {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .teams-cc-container .teams-message {
    padding: 4px 20px !important;
  }

  .teams-cc-container .teams-channel-header img.align-baseline {
    height: 18px;
  }

  .collab-quill-editor .ql-formats .ql-bold {
    margin-left: 16px !important;
  }

  .teams-cc-container .collab-quill-editor .quill-editor .textarea-emoji-control {
    left: -7px !important;
  }

  .collab-quill-editor .send-btn-position {
    right: 0px !important;
  }

  .collab-navbar .navbar-nav .nav-link.active::before {
    left: -15px !important;
  }

  .g-search .global-search-results p {
    margin-bottom: 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .g-search .global-search-results {
    left: 0px !important;
    right: 0px !important;
    width: 100% !important;
  }

  .max-width-75 {
    max-width: 75%;
  }

  .ql-snow.ql-toolbar button,
  .ql-snow .ql-toolbar button {
    height: 25px !important;
    width: 25px !important;
  }

  .ql-snow.ql-toolbar button,
  .ql-snow .ql-toolbar button {
    padding: 2px 4px !important;
  }

  div#my-chanel_list {
    background: white !important;
  }

  .teams-cc-container .date-badge-design {
    font-size: 11px !important;
    color: #000 !important;
    box-shadow: unset !important;
    padding: 0 10px !important;
  }

  .teams-cc-container .channel-head-icon,
  .teams-cc-container .channel-header {
    font-size: 16px !important;
  }

  .teams-cc-container .message-title {
    font-size: 15px !important;
    font-weight: 500;
  }

  .teams-cc-container .messages-default ol,
  .teams-cc-container .messages-default h1,
  .teams-cc-container .messages-default h2,
  .teams-cc-container .messages-default h3,
  .teams-cc-container .messages-default h4,
  .teams-cc-container .messages-default h5,
  .teams-cc-container .messages-default h6,
  .teams-cc-container .messages-default strong,
  .teams-cc-container .messages-default b,
  .teams-cc-container .messages-default p,
  .teams-cc-container .messages-default ul {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .overflow-on-mobile.overflow-onhover::-webkit-scrollbar {
    width: 0px;
  }

  .max-width-100ch {
    max-width: 30ch !important;
  }

  .teams-cc-container img.rounded-circle.max-w-30.width-38px,
  .teams-cc-container .add-user-avatar .avatar.avatar-xs,
  .teams-cc-container .avatar-xs .vue-avatar--wrapper {
    border-radius: 4px !important;
  }

  .teams-cc-container img.reset-min-width {
    position: absolute;
    right: 14px;
  }

  .teams-cc-container.theme-white .nav-link.teams-lhs-heading .fe {
    padding-right: 16px !important;
  }

  .teams-cc-container .teams-cc-lhs .teams-lhs-heading .header {
    font-size: 16px !important;
  }

  .teams-cc-container.theme-white .nav-link.teams-lhs-heading .fe.fe-plus {
    padding-right: 27px !important;
    font-size: 16px;
  }

  .teams-cc-container .teams-cc-lhs .settings-icon {
    margin-left: -6px;
    padding: 0px !important;
  }

  .teams-cc-container.theme-white .teams-lhs-menu-search {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0px !important;
    background: #fff !important;
  }

  .teams-cc-container .teams-search-size .form-control {
    height: calc(1.75em + 0.25rem + 14px);
  }

  .collapsed .reset-min-width {
    transform: rotate(0deg);
    transition: transform 0.2s ease;
  }

  .teams-cc-container .avatar-title.bg-secondary {
    border-radius: 4px !important;
  }

  .teams-cc-container .teams-channel-header .user-avatar-title,
  .teams-cc-container .teams-channel-header .avatar-group .avatar-xs,
  .teams-cc-container .teams-channel-header .avatar-group .avatar-xs .vue-avatar--wrapper {
    border-radius: 4px !important;
  }

  .teams-cc-container .teams-channel-header .head {
    align-items: center !important;
  }

  .teams-cc-container .teams-channel-header .btn.d-md-none {
    line-height: 10px !important;
    position: relative;
    top: 1px !important;
  }

  .row.px-5.py-2.bg-normal {
    padding: 5px 21px !important;
    font-size: 13px !important;
    font-weight: normal !important;
  }

  .not-collapsed .reset-min-width {
    transform: rotate(180deg);
  }

  .teams-cc-container .ql-mention-list-container {
    width: 340px !important;
  }

  .teams-cc-container .teams-channel-header .avatar-xs .vue-avatar--wrapper,
  .teams-cc-container .teams-channel-header .max-w-30 {
    height: 28px !important;
    width: 28px !important;
  }

  .teams-cc-container .teams-cc-lhs .avatar-xs .vue-avatar--wrapper,
  .teams-cc-container .teams-cc-lhs .max-w-30 {
    height: 25px !important;
    width: 25px !important;
  }

  .teams-cc-container .teams-cc-lhs .settings-icon {
    padding: 0px !important;
  }

  .teams-cc-container.theme-white .teams-cc-lhs .nav-link.teams-lhs-menu-search {
    padding: 6px 16px 6px 16px !important;
  }

  .teams-cc-container .user-profile .avatar-online::before,
  .teams-cc-container .user-profile .avatar-offline::before {
    top: 16px !important;
    right: 4px;
  }

  .teams-cc-containere .teams-cc-lhs .nav-link {
    font-size: 16px !important;
  }

  .teams-cc-container .nav-item .nav-link .vue-avatar--wrapper span {
    font-weight: 600 !important;
  }

  .teams-cc-lhs {
    overflow-y: auto;
  }

  .teams-cc-container .teams-channel-header {
    padding-left: 10px !important;
    padding-right: 18px !important;
  }

  .teams-cc-container .date-badge-design {
    height: 25px !important;
    line-height: 22px !important;
    font-weight: 500 !important;
  }

  .teams-cc-container .teams-channel-header {
    height: 50px !important;
  }

  .teams-cc-container .overflow-onhover {
    overflow-y: auto !important;
  }

  .teams-cc-container .overflow-on-mobile .d-flex.flex-column.px-0 {
    overflow-x: hidden;
  }

  .typing-effect {
    bottom: 86px !important;
    right: 0px;
    background-color: #fff !important;
    width: 100% !important;
    position: relative !important;
    line-height: unset;
    padding-left: 13px;
  }

  .teams-cc-container .url-preview .img-fluid.w-75 {
    max-width: 100% !important;
  }

  .sticky-bottom {
    z-index: 960 !important;
  }

  .teams-channel-header {
    overflow: unset !important;
  }

  .teams-cc-container .teams-cc-lhs .nav-item .nav-link p.text-truncate {
    margin-left: 4px !important;
  }

  .collab-users-dropdown .ql-mention-list-item,
  .collab-users-dropdown .emoji_completions li button,
  .teams-cc-container .emoji_co mpletions li button,
  .teams-cc-container .ql-mention-list-item {
    padding: 10px !important;
  }

  .prospect_edit_address {
    opacity: 0;
    position: relative;
    bottom: 20px;
  }

  .button-emoji.ap {
    margin-right: 8px !important;
  }

  .teams-cc-container .ql-mention-list-container,
  .teams-cc-container .emoji_completions {
    width: 100% !important;
    left: 0px !important;
    right: 0px !important;
  }

  .teams-cc-container .collab-draft-card[role="button"] {
    padding: 10px 20px !important;
  }

  .teams-cc-container .collab-draft-card.card-body {
    padding: 14px 11px !important;
  }

  .teams-cc-container .mobile-menu-hright-reset.h-100 {
    height: unset !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .teams-channel-home {
    width: 100% !important;
    max-width: 100% !important;
  }

  .teams-cc-container .addreaction + .dropdown-menu {
    width: 350px !important;
  }

  .teams-cc-container .collab-draft-card.card-body {
    padding: 20px !important;
  }

  .teams-cc-container .teams-message.gravtar-padding {
    padding: 6px 16px !important;
  }

  .teams-cc-container .teams-channel-header .dropdown-menu .max-w-30 {
    width: 22px !important;
    height: 22px !important;
  }

  .emojipicker #textarea-emoji,
  .teams-cc-container #textarea-emoji {
    max-width: 100% !important;
    left: 0px !important;
  }

  .teams-cc-container .mobile-view {
    position: fixed;
    z-index: 963;
    height: 100% !important;
    background: #fff !important;
  }

  .teams-cc-container .ql-mention-list {
    height: 40vh !important;
  }

  .teams-cc-container .tab-toolbar,
  .teams-cc-container #Categories,
  .teams-cc-container .emoji-picker {
    width: 100% !important;
  }

  .teams-cc-container .collab-nav .fe-more-horizontal {
    font-size: 20px !important;
  }

  .teams-cc-container.theme-white .teams-cc-lhs .membercount-badge,
  .teams-cc-container.theme-white .user-profile .avatar-online::before,
  .teams-cc-container.theme-white .user-profile .avatar-offline::before {
    border: 2.5px solid #fff !important;
  }

  .teams-cc-container .teams-channel-header .avatar-online::before,
  .teams-cc-container .teams-channel-header .avatar-offline::before {
    bottom: -3px;
    right: -4px;
  }

  .teams-cc-container .teams-cc-lhs .nav-link {
    font-size: 16px !important;
  }

  .teams-cc-container .emoji {
    padding: 10px !important;
  }

  .teams-cc-container .reaction-count {
    font-size: 13px !important;
    padding-left: 1px !important;
  }

  .teams-cc-container .thread-message-parent {
    width: 85% !important;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
  }

  .teams-cc-container .pin-icon {
    height: 16px !important;
  }

  .teams-cc-container .teams-cc-lhs .membercount-badge {
    top: 11px !important;
    left: 18px !important;
  }

  .teams-cc-container .message-reaction {
    padding: 0px 5px !important;
  }

  /* schedule mobile starts */
  .projects-tab::-webkit-scrollbar,
  .hide-mobile-tabsb::-webkit-scrollbar {
    height: 2px !important;
  }

  .top-n-37 {
    top: -43px !important;
  }

  .bg-white-rounded {
    background: #fff;
    border-radius: 0.3rem;
    padding: 10px !important;
    box-shadow: #e2f0fb 0px 0px 5px 0px !important;
    border: 1px solid #ededed;
  }

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

  .appointments-iocns {
    position: unset !important;
  }

  .top-42 {
    top: 56px;
  }

  .projects-tab li a {
    font-size: 0.9rem !important;
    white-space: nowrap;
    margin-right: 0.75rem !important;
  }

  .wh-audio {
    margin-left: 5px !important;
  }

  audio.height-40,
  .wh-audio {
    background: #f1f3f4;
    border-radius: 0.3rem !important;
    width: 84vw;
    height: 56px !important;
    margin-top: 10px;
  }

  .projects-tab li a .fe {
    padding-right: 4px !important;
  }

  .mobile-media .table.b-table.b-table-stacked-md > tbody > tr {
    padding: 6px !important;
  }

  .margin-bottom-3rem {
    margin-bottom: 3rem !important;
  }

  .py-02 {
    padding-top: 0.4rem !important;
    padding-bottom: 0.3rem !important;
    line-height: 1.5 !important;
    margin-top: -0.3rem !important;
  }

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

  .top-6 {
    top: 22.4px !important;
  }

  .ql-toolbar.ql-snow {
    white-space: nowrap;
    overflow: auto;
  }

  .ql-toolbar.ql-snow::-webkit-scrollbar {
    height: 2px;
  }

  .top-47-left-4 {
    top: 47px;
    left: -4px;
  }

  .email-verify .card-table .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(n + 2) {
    padding-bottom: 6px !important;
  }

  .email-verify .card-table .table.b-table.b-table-stacked-md > tbody > tr > td:first-child {
    padding-bottom: 6px !important;
  }

  .email-verify .card-table .table.b-table.b-table-stacked-md .mobile-createdby {
    padding-left: 6px;
    line-height: 1.75;
    padding-right: 15px !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }

  .email-verify .schedule-mobile .mobile-createdby {
    padding-left: 0px !important;
  }

  .mobile-domain .schedule-mobile .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    padding-right: 13px !important;
  }

  .media-float {
    width: 50px;
    height: 50px;
  }

  .media-float .fe.fe-plus.float-plus {
    font-size: 1.4rem !important;
    font-weight: 600;
    left: 27%;
    top: 8px;
  }

  h5,
  .h5,
  .small {
    font-size: 0.9rem !important;
  }

  .dropdown-right .custom-select-sm {
    height: calc(1.5em + 1rem + 2px) !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 1rem !important;
  }

  .adjust-dropdown {
    min-width: 340px !important;
    box-shadow: 0 0.5rem 1rem rgb(18 38 63 / 15%) !important;
  }

  .b-sidebar .vue-avatar--wrapper,
  .b-sidebar .max-w-30,
  .navbar-gravtar .vue-avatar--wrapper,
  .b-sidebar .avatar-xs .vue-avatar--wrapper {
    height: 2rem !important;
    width: 2rem !important;
    max-width: 2rem !important;
  }

  .shadow-none {
    box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 3%) !important;
  }

  button.btn.btn-secondary.btn-sm,
  button.btn.btn-primary.btn-sm,
  button.btn-light.btn-sm,
  .btn-outline-secondary.btn-sm {
    font-size: 0.935rem !important;
    padding: 0.5rem 0.75rem !important;
    line-height: 1.2;
  }

  .b-sidebar > .b-sidebar-body {
    padding-bottom: 5rem !important;
  }

  .dropdown-menu.show {
    box-shadow: 0 0.5rem 1rem rgb(18 38 63 / 15%) !important;
  }

  .b-sidebar > .b-sidebar-body {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 1rem;
    padding-bottom: 4rem !important;
  }

  .option-icons,
  .option-icon-delete,
  .b-popover .fe-edit-3,
  .b-popover .fe-trash-2,
  .b-popover .fe-share-2,
  .b-popover .fe-rotate-cw,
  .b-popover .fe-download {
    color: #6e84a3 !important;
    font-size: 0.934rem !important;
  }

  .table.b-table.b-table-stacked-md > tbody > tr > td .fe {
    font-size: 0.95rem !important;
    background: #f6fcffc2 !important;
    padding: 8px;
    line-height: 1 !important;
    border-radius: 0.375rem;
  }

  .call-flows.email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:last-child,
  .numbers.email-verify .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-right: 14px !important;
  }

  .schedule .table.b-table.b-table-stacked-md > tbody > tr > td .fe-more-vertical {
    transform: rotate(90deg);
    display: block;
  }

  .btn-sm,
  .btn-group-sm > .btn {
    padding: 0.25rem 0.75rem;
    font-size: 0.9rem !important;
  }

  .email-verify .appointment .table.b-table.b-table-stacked-md > tbody > tr > td:first-child {
    padding-bottom: 18px !important;
  }

  .custom-select-sm {
    line-height: 1.75;
    height: calc(1.5em + 1rem + 2px) !important;
    padding: 0.5rem 2rem 0.5rem 0.75rem;
  }

  .mobile-domain .mobile-bg-white .text-muted {
    color: #3b506c !important;
  }

  .email-verify .contacts .table.b-table.b-table-stacked-md > tbody > tr > td:first-child {
    padding-bottom: 15px !important;
  }

  .mobile-domain .contacts .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    padding-bottom: 18px !important;
    padding-top: 6px !important;
    padding-right: 13px !important;
  }

  .vue-moments-ago {
    font-size: 0.9rem !important;
  }

  .table-avatar .vue-avatar--wrapper span {
    font-size: 14px;
    font-weight: 400;
  }

  .table-avatar .vue-avatar--wrapper {
    font: 17px / 30px Cerebri Sans, sans-serif !important;
  }

  .email-verify .mobile-crud-custom .table.b-table.b-table-stacked-md > tbody > tr > td:nth-last-child(1) {
    display: inline-flex !important;
    padding: 0px !important;
    margin-bottom: 17px;
    margin-top: 6px;
    margin-left: 0px !important;
  }

  .email-verify .mobile-crud-custom .table.b-table.b-table-stacked-md > tbody > tr > td:nth-last-child(2) {
    display: inline-flex !important;
    padding: 0px !important;
    margin-bottom: 15px;
    margin-top: 8px !important;
  }

  /* .email-verify .mobile-crud-custom .table.b-table.b-table-stacked-md > tbody > tr > td:nth-last-child(3) {
      display: inline-flex !important;
      position: relative;
      left: -11px !important;
    } */
  .email-verify .custom-results .card-table .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    padding-top: 0px !important;
    padding-bottom: 18px !important;
  }

  .mobile-crud-custom .mobile-icons-end {
    top: 2px !important;
    position: relative;
    left: -8px !important;
  }

  .mobile-position {
    right: 5px;
    top: -3px !important;
  }

  .email-verify .mobile-crud-custom .mobile-createdby {
    position: relative;
    left: -17px;
  }

  .email-verify .mobile-crud-custom.assessment .mobile-createdby {
    position: relative;
    left: -6px;
  }

  .email-verify .mobile-crud-custom .table.b-table.b-table-stacked-md > tbody > tr > td:first-child {
    padding-bottom: 11px !important;
  }

  .position-sm-absolute {
    position: absolute !important;
  }

  .position-sm-relative {
    position: relative !important;
  }

  .action-icons {
    top: -35px !important;
    right: 13px !important;
    padding: 6px 2px 4px 0px !important;
    border-radius: 0.325rem !important;
  }

  .action-icons .nav-item {
    margin: 0px 9px !important;
  }

  .b-sidebar-body.mobile-pb-0 {
    padding-bottom: 0px !important;
  }

  .email-verify.mobile-domain .mobile_trackactivityslideout .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:first-child:before {
    display: block !important;
    margin-left: -6px;
  }

  .mobile_track .mobile_trackactivityslideout .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(n + 2) {
    display: flex !important;
  }

  .mobile-domain .mobile_track .table-responsive .avatar.avatar-xs,
  .mobile-domain .mobile_track .avatar-xs .vue-avatar--wrapper {
    height: 1.5rem !important;
    width: 1.5rem !important;
    margin-right: 0px !important;
  }

  .mobile-agent-home .ninjachat-agent-home {
    overflow: auto !important;
  }

  .text-lg-truncate {
    white-space: pre-wrap !important;
  }

  .mobile_track .ipad_tracktaskcard .btn-idle-item.guideflow_hovered,
  .mobile_track .btn-primary.active-item.guideflow_hovered {
    color: #fff !important;
  }

  .mobile_track .ipad_tracktaskcard .btn-primary.active-item {
    color: #fff !important;
  }

  .mobile-dropdown {
    width: auto !important;
    padding-top: 20px !important;
    padding-bottom: 22px !important;
  }

  .mobile-dropdown li .dropdown-item {
    padding: 8px 30px !important;
    font-size: 15px !important;
  }

  .collab-quill-editor .ql-toolbar.ql-snow {
    overflow: unset !important;
  }

  .collab-quill-editor .ql-snow .ql-color-picker .ql-picker-item {
    height: 30px !important;
    width: 30px !important;
    border: 1px solid #d7d6d6;
    margin: 5px 9px !important;
    border-radius: 0.325rem !important;
  }

  .teams-cc-container .collab-draft-card .teams-channel-header .avatar::before {
    right: -4px !important;
    bottom: -1px !important;
  }

  .mobile-column-picker .column-picker {
    top: -4px !important;
    position: relative;
    right: -3px !important;
  }

  .email-verify .track_tasksummaryslidebar .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    text-align: left !important;
  }

  .email-verify .track_tasksummaryslidebar .table.b-table.b-table-stacked-md > tbody > tr > td:first-child p {
    color: #19375e !important;
  }

  .mobile_track .vue-tags-input,
  .mobile_track .ti-new-tag-input-wrapper input {
    background-color: #f9fbfd !important;
  }

  .mobile_track .ti-new-tag-input-wrapper input {
    background-color: #f9fbfd !important;
  }

  .mobile-domain .ipad_card .card-header {
    border: none !important;
  }

  .mobile_trackactivityslideout .table.b-table.b-table-stacked-md {
    background-color: #f7f9fb;
  }

  .mobile_trackactivityslideout .card {
    border: none !important;
  }

  #bots_edit {
    width: 100% !important;
  }

  .site-recording-refresh .mobile-position {
    top: -6px !important;
  }

  .form-mobile-dropdown .dropdown-menu {
    top: 25px !important;
  }

  .mobile-w-100 {
    width: 100% !important;
  }

  .email-verify .attendece-table .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    text-align: left;
  }

  .card .card-header.mobile-card-header {
    height: unset !important;
    padding: 1.025rem !important;
  }

  .email-verify .mobile-card-lineheight .table.b-table.b-table-stacked-md > tbody > tr > td:last-child {
    padding-bottom: 20px !important;
  }

  .feedbackup-title-detail {
    width: 30ch !important;
  }

  .teams-cc-container .collab-quill-editor .ql-formats .ql-bold {
    margin-left: 22px !important;
  }

  .feedbackup-avatar-mobiletop {
    margin-top: -6px !important;
  }
}

.dependence-scroll::-webkit-scrollbar {
  width: 6px;
}

.projects-kanban .changeSlider {
  right: 14px;
  width: 200px;
  margin-top: 3px;
  padding-left: 20px;
}

.global-search-input .teams-cc-lhs.teams-search-size .global-search-results {
  width: 0px !important;
  left: unset !important;
  z-index: 999;
  width: 25vw !important;
  margin-top: 7px !important;
}

@media only screen and (max-width: 768px) {
  #app .navbar-vertical.navbar-expand-lg {
    padding: inherit;
  }
  .getstarted-bg {
    background-size: 150px !important;
  }
  .text-overlay,
  .video-component-block .carousel-caption h3 {
    font-size: 12px !important;
    padding: 0px 6px !important;
  }
  #app .video-component-block .slider-image {
    height: 100% !important;
  }
  div#category_video .modal-title {
    font-size: 12px !important;
  }
  .b-sidebar.leads {
    width: 100% !important;
  }

  .workspace-dropdown .dropdown .dropdown-menu.show {
    display: block !important;
    position: absolute !important;
    left: unset !important;
    transform: unset !important;
    right: 8px !important;
    top: 36px !important;
  }

  .onhover .member-delete {
    display: none !important;
  }

  .mobile-workspace {
    right: 0px !important;
    position: absolute !important;
  }

  .mobile_track .track-tabs .email-verify.mobile-domain .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:first-child:before {
    display: block !important;
  }

  .tickets-mobile-domain {
    border-bottom: 1px solid #eef0f4;
  }

  .shieldbutton {
    width: 11ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .share-message-editor .emoji-quill-editor-mobile .custom-quill-emoji-picker.custom-quill-edit-emoji-picker #textarea-emoji {
    left: -15px !important;
  }

  .emoji-quill-editor-mobile .custom-quill-emoji-picker.custom-quill-edit-emoji-picker #textarea-emoji {
    bottom: 1px !important;
    left: 0px !important;
    right: 0px !important;
    max-width: unset !important;
  }

  .child-message-thread-editor .thread .collab-quill-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    left: -175px !important;
    width: 272px !important;
  }

  .emoji-quill-editor-mobile .ql-file_dropdown.ql-picker {
    padding-top: 1px !important;
    margin-left: -3px !important;
  }

  .pin-height .collab-quill-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    left: -175px !important;
    width: 272px !important;
  }

  .prospectly_filters .vue-avatar--wrapper {
    width: 33px !important;
    height: 33px !important;
    position: relative;
    bottom: 2px;
  }

  .global-search-input .teams-cc-lhs.global-search-input-icon {
    width: 88vw !important;
    z-index: 999;
    position: absolute;
    top: 7px;
    right: 8px;
  }

  .global-search-input.search-position {
    position: unset !important;
  }

  .global-search-input .teams-cc-lhs.teams-search-size .global-search-results {
    position: fixed;
    width: 88vw !important;
    margin-top: 7px;
    right: 10px !important;
  }
}

.teams-cc-container .teams-message.gravtar-padding {
  padding: 6px 20px 4px !important;
}

.manage-user-apps td img {
  border-radius: 0.325rem !important;
}

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

.user-avatar-title .icon-round {
  line-height: inherit;
}

.leads-slideout .crm-slideout {
  max-height: calc(100vh - 100px) !important;
}

.collab-users-dropdown.teams-cc-container {
  height: auto !important;
}

.teams-cc-container.theme-white .teams-cc-lhs .nav-link.guideflow_hovered .dropdown-menu .dropdown-item .fe.text-success,
.teams-cc-container .teams-cc-lhs .nav-link .dropdown-menu .dropdown-item .fe.text-success {
  font-size: 12px !important;
  color: #00d97e !important;
}

.teams-cc-container .sticky-bottom {
  z-index: 960 !important;
}

.calllogs-table .mobile-domain .table td:first-child {
  max-width: 20vw;
}

.calllogs-user-drop .w-226.text-secondary {
  text-overflow: ellipsis;
  width: 115px !important;
  overflow: hidden;
}

.calllogs-user-drop .max-width-300 {
  width: 165px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .card-table .table.b-table.b-table-stacked-md > tbody {
    display: grid;
    grid-template-columns: 50% 48%;
    grid-gap: 15px 15px;
    overflow-x: hidden;
    margin-top: 15px !important;
  }

  .card-table .table.b-table.b-table-stacked-md > tbody > tr {
    margin: 0px !important;
  }

  .card-table .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(n + 2) {
    white-space: normal !important;
    word-break: break-word !important;
  }

  .table.b-table.b-table-stacked-md > tbody > tr > td:first-child .fe {
    margin-right: 6px !important;
  }

  .wh-audio {
    width: 187px;
    height: 24px;
  }

  .mobile-domain .card-header {
    margin-bottom: 0px !important;
    box-shadow: 0 0.125rem 0.25rem rgb(18 38 63 / 8%) !important;
  }

  .mobile-taskslideout-scroll .custom-width-task-lhs {
    height: 585px !important;
  }

  .mobile-taskslideout-scroll .notes-comments .quill-comment-editor.discussion-list-comment-box {
    position: absolute !important;
    bottom: -115px !important;
    width: 100% !important;
  }

  .mobile-taskslideout-scroll .discussions-list-pagination {
    max-height: calc(100vh - 500px) !important;
    overflow: auto !important;
    overflow-x: hidden !important;
  }

  .fc-toolbar .btn-group .fc-prev-button,
  .fc-toolbar .btn-group .fc-next-button {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #e3ebf6 !important;
    background: transparent !important;
  }

  .fc-dayGridMonth-button.btn-primary.active,
  .fc-timeGridWeek-button.btn-primary.active {
    color: #000 !important;
    background: #f2f8fdcf !important;
  }

  .fc-dayGridMonth-button.btn-primary,
  .fc-timeGridWeek-button.btn-primary {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #e3ebf6 !important;
    background: transparent !important;
  }

  .fc-today-button.btn.btn-primary {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #e3ebf6 !important;
    background: transparent !important;
  }

  .mobile-discussion .discussion-vh .discussions-list-pagination {
    max-height: calc(100vh - 200px) !important;
    overflow: auto;
  }

  .mobile-activity .activities-list-pagination {
    max-height: 100% !important;
    padding-right: 0px !important;
  }

  .project-slider-btn-mobile .height-26.btn-group {
    height: 32px !important;
    margin-top: -5px;
  }

  .project-slider-btn-mobile .fe-chevron-right:before {
    line-height: 10px;
    position: relative;
    top: -2px;
  }

  .project-slider-btn-mobile .fe-chevron-left:before {
    line-height: 10px;
    position: relative;
    top: -2px;
  }

  .mobile_track .w-226.text-secondary {
    white-space: nowrap !important;
  }

  .mobile-domain .mobile_track .card-header {
    box-shadow: none !important;
    background: none !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .mobile_track .card.ipad_card {
    background-color: #f9fbfd !important;
    background-clip: border-box;
    border: none !important;
  }

  .mobile_track .ipad_cardactivities {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .mobile_track .ipad_trackactivitieslist .table-search-design {
    margin-top: 13px;
    margin-bottom: 15px !important;
  }

  .mobile_track .ipad_tracktaskcard .table-search-design {
    margin-bottom: 15px !important;
  }

  .mobile_track .track-tabs .email-verify.mobile-domain .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:first-child:before {
    display: block !important;
  }

  .track_projectdetils {
    top: 0px !important;
  }

  .ninjasitedrop ul.dropdown-menu {
    top: 30px !important;
  }

  .mobile_bpmhome .mobile_bpmsettings {
    border-radius: 50% !important;
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
  }

  .mobile_bpmhome .mobile-float-settings .float-settings {
    left: 32%;
    top: 10px;
    color: #fff !important;
    font-size: 20px;
  }

  .csv-fileupload .form-file-text {
    width: auto !important;
  }

  .bpmmobile_gravatar .list-group-item .activity-avatar .vue-avatar--wrapper {
    height: 1.5rem !important;
    width: 1.5rem !important;
  }

  .ipad_trackprojects .projects-tab .nav-item:first-child {
    position: absolute;
    right: -140px !important;
  }

  .projectsly_home .input-group > .form-control:not(:first-child),
  .projectsly_home .input-group > .custom-select:not(:first-child) {
    margin-top: 0px !important;
  }

  .projectsly_home .text-right.w-100 {
    margin-bottom: 15px;
  }

  .projectsly_home .custom-width-task-lhs.vh-100 {
    height: calc(61vh - 65px) !important;
  }

  .projectsly_home .discussions-list-pagination {
    margin-bottom: 44px;
  }

  .projectsly_home .mobile-taskslideout-scroll .notes-comments .quill-comment-editor.discussion-list-comment-box {
    bottom: -216px !important;
  }

  .filter-feed .card.w-465 {
    width: 433px !important;
  }

  .filter-feed .card.w-465 {
    width: 433px !important;
    position: absolute !important;
    margin-top: 10px !important;
    left: -83px;
  }

  .feedbackup-Filter button#filter-dropdown {
    padding: 4px !important;
    padding: 4px !important;
    bottom: -5px;
    position: absolute;
    right: -15px;
  }

  .refresh-feedbackup {
    top: 5px !important;
  }

  .site-recording-refresh .responsive-filters #filter-dropdown {
    right: -13px !important;
    position: absolute;
    line-height: 27px;
    top: -8px;
  }
}

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

.bottom-6px {
  bottom: 6px;
}

.expandable-search-box.guideflow_hovered .form-control {
  width: 230px !important;
}

.expandable-search-box .form-control:focus {
  width: 230px !important;
}

.expandable-search-box .form-control {
  width: 0 !important;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}

.expandable-search-box .input-group {
  border-bottom: 1px solid transparent;
  transition: all 0.5s ease-in-out;
}

.expandable-search-box.guideflow_hovered .input-group {
  border-bottom: 1px solid #e3ebf6 !important;
}

.expandable-search-box .input-group-text {
  padding-bottom: 0px !important;
}

.expandable-search-box .form-control {
  padding-bottom: 2px;
}

.task-filter-drop .dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgb(18 38 63 / 15%) !important;
  border: 0;
}

.mytask-datepicker .date-picker-cal {
  position: static;
}

.w-26ch {
  width: 24ch;
}

/* status colors */
.priority-high {
  background-color: #ffeeec;
  border-radius: 4px;
  color: #f57777;
  padding: 2px 6px !important;
}

.priority-medium {
  background-color: #fff6e6;
  border-radius: 4px;
  color: #f7b640;
  padding: 2px 6px !important;
}

.status-new {
  background-color: #f1f1f1;
  border-radius: 4px;
  padding: 2px 6px !important;
}

.status-ongoing {
  background-color: #e1ebfd;
  border-radius: 4px;
  padding: 2px 6px !important;
}

.status-completed {
  background-color: #ecfbfa;
  border-radius: 4px;
  padding: 2px 6px !important;
  color: #7bbf73 !important;
}

.status-overdue {
  background-color: #fde7e5;
  border-radius: 4px;
  padding: 2px 6px !important;
  color: #c56e6e !important;
}

.status-blocked {
  background-color: #fde7e5;
  border-radius: 4px;
  padding: 2px 6px !important;
}

.status-custom {
  background-color: #f0edf9;
  border-radius: 4px;
  padding: 2px 6px !important;
  color: #886dd9 !important;
}

.priority-custom {
  background-color: #f0edf9;
  border-radius: 4px;
  padding: 2px 6px !important;
  color: #7852eb !important;
}

.priority-low {
  background-color: #f1f1f1;
  border-radius: 4px;
  padding: 2px 6px !important;
  color: #3f4142;
}

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

.dependency-padding .text-center.p-5 {
  padding: 20px !important;
  font-size: 12px !important;
}

.text-custom {
  color: #7852eb;
}

.dependency-padding h2.mb-1.font-weight-bold {
  font-size: 17px;
}

.dependency-padding .card.card-inactive {
  margin-bottom: 0px;
}

.task-slideout-comments .quill-comment-editor.discussion-list-comment-box {
  position: absolute;
  bottom: 90px;
}

.teams-cc-container .teams-cc-lhs .not-collapsed.fe,
.teams-cc-container .teams-cc-lhs .not-collapsed .fe {
  transform: rotate(180deg) !important;
  transition: 0.3s trnansform ease !important;
}

.teams-cc-container .teams-cc-lhs .collapsed.fe,
.teams-cc-container .teams-cc-lhs .collapsed .fe {
  transform: rotate(0deg) !important;
  transition: 0.3s rotate ease !important;
}

.emoji-dropdown .emoji-dropdown-show {
  display: block !important;
}

.teams-cc-container .show-first-p-tag ol,
.teams-cc-container .show-first-p-tag ul {
  padding-left: 0px !important;
}

.teams-cc-container .show-first-p-tag ol li:first-child,
.teams-cc-container .show-first-p-tag ul li:first-child {
  display: block !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.teams-cc-container .show-first-p-tag ol li,
.teams-cc-container .show-first-p-tag ul li {
  display: none !important;
}

.teams-cc-container .show-first-p-tag p + pre,
.teams-cc-container .show-first-p-tag p + ol li:first-child,
.teams-cc-container .show-first-p-tag p + ul li:first-child {
  display: none !important;
}

.boards-delete {
  display: none;
  right: 4px;
  background: #f2f8ff !important;
}

.boards-hover.guideflow_hovered .boards-delete {
  display: block;
}

.top-1px {
  top: 1px;
}

.teams-cc-container .teams-cc-lhs .dropdown .dropdown-icons .dropdown-item .fe {
  color: #6e84a3 !important;
}

.teams-cc-container .teams-cc-lhs .dropdown .dropdown-icons .dropdown-item.guideflow_hovered .fe {
  color: #000;
}

.teams-cc-container .teams-cc-lhs .dropdown .dropdown-icons .dropdown-item.guideflow_hovered img {
  filter: brightness(0.5) !important;
}

.teams-cc-container .g-search.guideflow_hovered {
  color: inherit !important;
}

.teams-cc-lhs::-webkit-scrollbar,
.emojipicker .container-emoji::-webkit-scrollbar,
.teams-cc-container .container-emoji::-webkit-scrollbar {
  /* width: 10px !important; */
  /* z-index: 999; */
}

.emojipicker .container-emoji,
.teams-cc-container .container-emoji {
  height: unset !important;
}

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

.internal {
  height: 250vh !important;
}

.center {
  float: left;
  width: 100%;
  overflow: auto;
  display: flex;
}

.kanban-container.projects-kanban {
  min-height: 100vh !important;
  overflow-x: auto !important;
}

.kanban-container.projects-kanban::-webkit-scrollbar {
  height: 0px;
}

.check-color .custom-control-input:checked ~ .custom-control-label::before {
  color: #ffffff;
  border-color: #029d36;
  background-color: #029d36;
}

.mhv-80 {
  height: 240vh !important;
}

.height-26 {
  height: 26px;
}

.teams-cc-container .navbar-nav.g-search.nav-link {
  padding: 9.3px 16px !important;
}

.teams-cc-container .navbar.teams-lhs-sidebar {
  margin-top: 0px !important;
  border-bottom: 0px !important;
}

/* Snowflakes css */
/* .navbar-dark.navbar-vibrant,
  .topnav-menu.navbar-vibrant .workspace-menu {
    background-image: linear-gradient(to bottom right, rgba(18, 111, 235, 0.8), rgba(114, 3, 225, 0.7)), url(https://html-assets-prod.guideflow.com/58762848d26e771ae3de210b5f0738733283a1b4) !important;
  } */
/* Snowflakes css end */
.w-12ch {
  width: 12ch !important;
}

.right-48px {
  right: 50px;
}

/* Filter component css */
.filter-collapse-dropdown .daterangepicker .calendars-container {
  flex-direction: column;
}

.filter-collapse-dropdown .vue-daterange-picker .daterangepicker.dropdown-menu .drp-calendar.col.left {
  padding-bottom: 0px !important;
}

.filter-collapse-dropdown .vue-daterange-picker .daterangepicker.dropdown-menu .drp-calendar.col.right {
  padding-top: 0px !important;
}

.filter-collapse-dropdown .vue-daterange-picker .daterangepicker.dropdown-menu {
  min-width: 275px !important;
  top: 24px;
}

.filter-collapse-dropdown .daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
  line-height: 22px !important;
}

.w-12ch {
  width: 12ch !important;
}

/* 500mail Mobile responsive */
.emails-mobile-responsive table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(2) {
  width: 100% !important;
  padding: 13px 13px 13px 6px !important;
  font-style: inherit !important;
}

.emails-mobile-responsive .avatar-dropdown .vue-avatar--wrapper,
.emails-mobile-responsive .table .avatar-dropdown {
  width: 30px !important;
  height: 30px !important;
}

.emails-mobile-responsive .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div {
  width: 100% !important;
}

.emails-mobile-responsive .table.b-table.b-table-stacked-md > tbody > tr {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.emails-mobile-responsive .mails-table .table-margin-bottom-0 {
  height: unset !important;
  padding: 8px 1px !important;
}

.emails-mobile-responsive .mails-table.hide-header .mails-count {
  position: unset !important;
  padding: 9px 14px 4px !important;
  font-size: 12px !important;
  border-top: 1px solid #edf2f9 !important;
  border-bottom: 1px solid #edf2f9 !important;
  border-radius: 0px !important;
  margin-bottom: 0px !important;
}

.emails-mobile-responsive .table.b-table.b-table-stacked-md > tbody > tr.bg-soft-light {
  background-color: #f9fbfd !important;
}

.emails-mobile-responsive .table tbody tr {
  position: relative !important;
}

.emails-mobile-responsive .mails-table tbody tr td:first-child {
  position: absolute !important;
  padding: 0px !important;
  left: -17px !important;
  top: 10px !important;
}

.emails-mobile-responsive .mails-table .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  width: 30.5px !important;
}

.emails-mobile-responsive .mails-table .custom-control-label::after,
.emails-mobile-responsive .mails-table .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.emails-mobile-responsive .mails-table tbody tr td:first-child .custom-control-label::before {
  width: 31.5px !important;
  height: 31.5px !important;
  /* border-radius: 50% !important; */
  background-color: #fff0 !important;
  transition: all 0.5s ease !important;
}

.emails-mobile-responsive .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url(https://html-assets-prod.guideflow.com/5967b95b7de900b514474211aa2d57df72876936) !important;
}

.emails-mobile-responsive .mails-table .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #2c7be5 !important;
  transition: all 0.5s ease !important;
}

.domain-users .table tbody tr td:nth-child(4),
.domain-users .table tbody tr td:nth-child(3) {
  position: absolute;
  top: 34px !important;
  left: 40px !important;
  border: 0 !important;
}

.domain-users .table tbody tr td:nth-child(3) .font-italic .vue-moments-ago {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}

.domain-users .table tbody tr td:nth-child(3) .font-italic {
  white-space: nowrap !important;
  max-width: 33ch;
  text-overflow: ellipsis;
  overflow: hidden;
  justify-content: flex-start !important;
}

.emails-mobile-responsive.domain-users .mails-table tbody tr td:first-child {
  top: -2px !important;
  left: -9px !important;
}

.domain-users .mails-table .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(4) {
  padding: 0px !important;
  right: 0px !important;
  top: 15px !important;
}

.domain-users .card-pagination.pagination-tabs .page-link .ml-auto,
.domain-users .card-pagination.pagination-tabs .page-link .mr-auto {
  display: none !important;
}

.emails-mobile-responsive.domain-users table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(2) {
  padding-bottom: 10px !important;
}

.min-width-250px.alert {
  display: flex !important;
  justify-content: space-between !important;
}

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

.domain-users .table tbody tr.guideflow_hovered .icons-onhover {
  display: flex !important;
}

.domain-users .icons-onhover {
  display: none !important;
}

.add-user-avatar .dropdown-menu.dropdown-menu-right.w-218 {
  max-height: 400px;
  overflow: scroll;
}

.add-user-avatar .dropdown-menu.dropdown-menu-right.w-218 .dropdown-item-text {
  padding: 4px;
}

#app .rounded-circle,
.modal-open .rounded-circle,
.vue-avatar--wrapper {
  border-radius: 0.3rem !important;
}

#app .media-float,
#app .avatar-title {
  border-radius: 50% !important;
}

.hover-text.guideflow_hovered {
  color: #2c7be5 !important;
}

.custom-width-task-rhs .ql-editor {
  overflow-y: hidden;
}

.assign-drop .max-w-30.width-38px {
  width: 1.25rem !important;
  height: 1.25rem !important;
  max-width: 1.25rem !important;
}

.b-sidebar .assign-drop .vue-avatar--wrapper {
  width: 1.25rem !important;
  height: 1.25rem !important;
  max-width: 1.25rem !important;
}

.assign-drop .toggle-icon::after {
  content: "\e92e";
  color: #95aad3;
  font-family: "Feather";
  position: absolute;
  margin-left: 2px;
  font-size: 13px;
}

.slideout-dropdown-toggle .dropdown-toggle::after {
  color: #95aad3;
  font-size: 13px;
}

/* .overflow-onhover.guideflow_hovered::-webkit-scrollbar {
    width: 10px;
  } */
.assignee-name .avatar-xs {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.assign-drop .w-226.text-secondary {
  margin-left: 4px;
}

.assign-avatar.avatar.avatar-xs {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.custom-width-task-rhs {
  height: calc(100vh - 65px);
}

.comment-tab .nav-link {
  padding: 0px 0px 8px;
}

.notes-comments .quill-comment-editor.discussion-list-comment-box {
  position: fixed;
  bottom: 0;
  width: 72%;
}

.width-390px .onhover.guideflow_hovered {
  overflow-x: hidden !important;
}

.edit-icon-after.guideflow_hovered::after {
  content: "\e95a";
  font-family: "Feather" !important;
  font-size: 12px;
  margin-left: 3px;
  color: #6e84a3 !important;
}

.ninjacontent-tag .b-form-tags-list .b-form-tag {
  align-items: center !important;
  padding: 1px 8px;
}

.ninjacontent-tag .b-form-tag-remove {
  top: 0px !important;
  right: -3px;
}

.b-sidebar.ninjacontent-slideout .b-sidebar-body.overflow-hidden {
  overflow: hidden !important;
}

.ninjacontent-notes-scroll {
  max-height: calc(100vh - 320px);
  overflow: auto;
}

.ninjacontent-notes-scroll::-webkit-scrollbar {
  width: 10px;
}

.ninjasem-slide-scroll {
  max-height: calc(100vh - 160px);
  overflow: auto;
}

/* .ninjasem-slide-scroll::-webkit-scrollbar {
    width: 10px;
  } */
.ninjacontent-keywords-scroll {
  max-height: calc(100vh - 320px);
  overflow: auto;
}

.mailsend-templates .card-img-top.img-fluid.height-115 {
  height: 140px !important;
  width: 165px !important;
  margin: 0.75rem 0 0px !important;
}

.mailsend-templates .lift.height-165 {
  height: 215px;
}

.discussion-vh .discussions-list-pagination {
  max-height: calc(100vh - 400px) !important;
}

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

.option-hover-icons.guideflow_hovered .option-icon {
  color: #2c7be5 !important;
}

.option-hover-icons.guideflow_hovered .option-delete-icon {
  color: #e63757 !important;
}

.appointments-iocns {
  top: -61px;
  position: absolute;
  right: 183px;
}

.py-02 {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  line-height: 1.5 !important;
}

.appointments-iocns .custom-select-sm {
  height: calc(1.75em + 0.25rem + 5px) !important;
}

.fc .fc-view-harness {
  height: 65vh !important;
}

.dependency-padding img {
  width: 65%;
  margin-bottom: 10px !important;
}

.quill-comment-editor.discussion-list-box .ql-tooltip.ql-editing {
  border: 1px solid #e3ebf6 !important;
  padding: 10px !important;
}

.quill-comment-editor.discussion-list-box .ql-tooltip:after {
  border-bottom: 0.5rem solid #e3ebf6 !important;
}

.support-editor .ql-container {
  min-height: 200px !important;
}

.support-editor .ql-toolbar {
  margin-top: 0 !important;
}

.support-editor .quill-editor.ql-blank {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px 15px !important;
}

.support-editor .ql-toolbar.ql-snow {
  padding: 8px 8px !important;
}

.support-editor .ql-container .ql-editor {
  min-height: 210px !important;
  padding: 0px 10px !important;
  margin-bottom: 30px !important;
  padding-top: 10px !important;
}

.support-editor .quill-editor .textarea-emoji-control {
  right: 7px;
}

.support-editor .ql-editor.ql-blank::before {
  left: 15px !important;
  top: 15px !important;
}

.support-editor .ql-container {
  max-height: 400px;
}

.support-editor .ql-container .ql-editor {
  max-height: 370px !important;
}

.activity-notes p {
  margin-bottom: 0 !important;
}

.activity-notes p br:empty {
  display: none;
}

.phone-icon {
  visibility: hidden;
}

.tonumber-hover.guideflow_hovered .phone-icon {
  visibility: visible;
}

#app .calllogs-table .avatar-title {
  border-radius: 4px !important;
  height: 24px;
}

.support-participant .w-226 {
  width: 25ch !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 4px !important;
}

.tag-modal {
  max-width: 460px !important;
}

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

.expandable-editor .ql-container {
  max-height: 75vh !important;
}

.expandable-editor.support-editor .ql-container .ql-editor {
  max-height: 70vh !important;
  padding: 10px 15px !important;
}

.min-width-0 {
  min-width: 0 !important;
}

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

.thread .collab-quill-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  left: 25px !important;
}

.teams-cc-container .nav-link.teams-lhs-heading .fe.pr-mobile-0 {
  padding-right: 0px !important;
}

#app .teams-cc-container .avatar-title.bg-secondary {
  border-radius: 0.325rem !important;
}

.teams-cc-container #network_alert_toaster__toast_outer {
  z-index: 999 !important;
}

.comments-section * {
  font-size: 14px !important;
  margin-bottom: 0px;
  line-height: 1.3rem;
}

.comments-section p:empty {
  display: none;
}

.comments-section p:last-child br {
  display: none;
}

.sign-comments {
  height: calc(100vh - 231px);
  padding-right: 8px;
  overflow: auto;
}

.roundedcircle {
  border-radius: 50%;
}

.mobile-task-activity .activities-list-pagination {
  max-height: 68vh !important;
  overflow: auto !important;
  padding: 0px !important;
  overflow-x: hidden !important;
}

.height-35px {
  height: 35px;
}

.avatar-online-chat {
  position: relative;
}

.avatar-chat-active:before {
  background-color: #00d97e;
}

.avatar-chat-inactive:before {
  background-color: #6e84a3;
}

.avatar-online-chat::before {
  content: "";
  position: absolute;
  top: 11%;
  right: 21%;
  height: 8px !important;
  width: 8px;
  border-radius: 100%;
}

@-webkit-keyframes animationBlink {
  to {
    visibility: hidden;
  }
}

@keyframes animationBlink {
  to {
    visibility: hidden;
  }
}

.top-left-chat:before {
  top: 43% !important;
  right: 44% !important;
}

/* #sidebarSmall .avatar-online-chat::before {
  top: -17px;
  right: -33px;
} */

.radio-btn-spacing .custom-control {
  padding: 4px 4px 4px 27px !important;
  max-width: 30ch !important;
  min-width: 23ch;
}

.radio-btn-spacing .custom-control label span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 19ch !important;
}

.buildy-section {
  margin-top: 25px;
  height: calc(100vh - 15vh);
}

.internal .w-26ch {
  width: 23ch !important;
}

.custom-width-task-lhs.vh-100 {
  height: calc(100vh - 65px) !important;
}

.goals-editor .ql-toolbar {
  bottom: 42px !important;
}

.goals-editor .textarea-emoji-control {
  left: 3px !important;
  bottom: 8px !important;
}

#add_cms_category {
  border-left: none !important;
}

#field-sidebar1 {
  border-left: none !important;
}

.fieldsection {
  border-radius: 5px;
}

.iconoption {
  margin-left: 10px;
}

.text-lg-truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
}

@media (max-width: 1200px) {
  .mobile-scrollbar {
    overflow: auto !important;
  }

  .article-vSelect .selected {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .recruit-w-33 {
    flex: 0 0 33% !important;
    max-width: 33% !important;
  }
}

@media (min-width: 1501px) and (max-width: 1800px) {
  .recruit-w-30 {
    flex: 0 0 30% !important;
    max-width: 30% !important;
  }

  .recruit-w-40 {
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }

  .formtoolbar {
    left: 3px !important;
  }

  .grid_layout {
    left: 12px !important;
  }

  .article-vSelect .selected {
    max-width: 245px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .crm-activity-timeline .custom-width-1 {
    max-width: 6.33333%;
    flex: 0 0 6.33333%;
  }
}

@media (min-width: 1200px) and (max-width: 1800px) {
  .width-100vw .b-sidebar:not(.w-inherit) {
    width: 100% !important;
  }
}

.bldycms .tox-tinymce {
  height: 835px !important;
}

.bpmmobile_createdby .mobile_pullrequest {
  margin-left: 15px !important;
}

.email-verify .mobile_bpmflows .table.b-table.b-table-stacked-md > tbody > tr > td:first-child p {
  color: #000 !important;
}

.email-verify .mobile_bpmresponse .table.b-table.b-table-stacked-md > tbody > tr > td:first-child p {
  color: #000 !important;
}

.email-verify .bpm_tags .table.b-table.b-table-stacked-md > tbody > tr > td:first-child p {
  color: #000 !important;
}

.thread-message-parent .messages-default.text-truncate.message-text p a img {
  display: none !important;
}

.teams-cc-container .meta-description p a img,
.collab-quill-editor .ql-container p a img,
.teams-cc-container .messages-default p a img {
  display: inherit !important;
}

.streams-post-icons .stream-slider {
  width: 140px !important;
}

.mobile_track .b-table .avatar.avatar-xs .w-226.text-secondary {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #12263f !important;
}

.cnfrncmobile ul.dropdown-menu {
  top: 2px !important;
  left: 25px !important;
}

.timeline-datepicker .daterangepicker.dropdown-menu {
  top: 42px;
}

.manage-tags .nav-link {
  padding-top: 0px !important;
}

.crmio-email-template .right-77px.right-100px {
  top: 10px !important;
  right: 39px;
  font-size: 14px;
}

.crmio-dailer .fe-phone {
  position: relative;
  top: -10px;
}

.b-sidebar.b-sidebar-right .vue-file-agent .file-preview-new .help-text {
  left: 45% !important;
}

.crmio-email-template .ql-toolbar.ql-snow {
  bottom: 70px !important;
}

.created-text-crm {
  white-space: nowrap;
}

.crmio-createdby .created-text-crm .small {
  font-size: 12px;
}

.crmio-createdby .created-text-crm .vue-moments-ago {
  font-size: 12px;
}

.crmio-email-template .recruit-quill-edit .ql-editor {
  border: 0px !important;
  padding: 0px !important;
}

.crmio-email-template .quill-editor.quill-editor {
  border: 0px !important;
}

.crmio-dropdown .fe-refresh-cw {
  position: relative;
  top: 2px;
}

.crmio-dropdown .fe-refresh-cw,
.crmio-dropdown .fe-book-open {
  position: relative;
  top: 2px;
}

.teams-cc-container .collab-draft-card .teams-channel-header .avatar::before {
  right: -2px !important;
  bottom: 3px !important;
}

.dropdown .width-340px li p {
  line-height: 25px !important;
}

.trackly_addprojects {
  max-height: 32px !important;
}

.track_taskdetails {
  white-space: normal !important;
}

.track_activitycard {
  white-space: normal !important;
}

.track_responsivetabs {
  width: 85%;
}

.ipad_trackprojects .projects-tab .nav-item:first-child {
  position: absolute;
  position: absolute;
  right: -229px;
}

.ipad_trackprojects .projects-tab .nav-item:nth-child(2) {
  position: absolute;
  position: absolute;
  right: -125px;
}

.ipad_trackprojects .support-dashboard .reports-datepicker .reportrange-text {
  margin-top: 10px;
}

.ipad_trackprojects .support-dashboard .reports-datepicker .myactfilter:before {
  margin-top: 19px;
}

.ipad_tracktaskcard #task_details___title__ {
  font-weight: normal !important;
}

.mobile_track .badge.badge-soft-primary {
  margin-left: 3px;
  margin-right: 3px;
}

.track_gridicons {
  display: none;
}

.track_gridhovericons.guideflow_hovered .track_gridicons {
  display: block !important;
}

.projectsly_timepicker .b-form-spinbutton.b-time-seconds {
  position: relative;
  top: -63px;
  display: inline-block !important;
  border: none !important;
}

.projectsly_home .time-picker .btn {
  color: #b1c2d9 !important;
  padding-bottom: 1.5rem;
  padding-top: 0.5rem;
}

.projectsly_home .b-form-btn-label-control.form-control > .form-control {
  padding-right: 1.25rem;
}

.projectsly_home .input-group > .form-control:not(:first-child),
.projectsly_home .input-group > .custom-select:not(:first-child) {
  margin-top: 4px;
}

.messages-default p br {
  content: "";
  display: block !important;
  height: 10px !important;
}

.track_buttons {
  border: 1px solid #dcd4d44f;
  padding: 4px 4px;
  position: relative;
  bottom: 2px;
  height: 25px;
}

.feedbackup-Filter.filter-feed .card-body.h-350 {
  margin-top: 21px !important;
}

.feedback-mobile .filter-feed {
  position: absolute !important;
  bottom: -37px;
  right: -48px;
}

.feedbackup-Filter button#filter-dropdown {
  padding: 4px;
}

.track_filters {
  right: 45px;
  top: 16px;
}

.track_filtersdesktop {
  right: 103px;
  top: 16px;
}

.trackactivity_filters {
  right: 156px;
  top: 17px;
}

.trackactivitydesktop_filters {
  right: 158px;
  top: 16px;
}

.track_filters #filter-collapse {
  right: -66px;
}

.track_filtersdesktop #filter-collapse {
  right: -66px;
}

.trackactivity_filters #filter-collapse {
  right: -66px;
}

.trackactivitydesktop_filters #filter-collapse {
  right: -66px;
}

#sort-by__BV_toggle_.track_createddate {
  position: absolute;
  right: 10%;
  top: 30px;
  z-index: 99;
  border: 1px solid #e3ebf6;
  padding: 1px 2px !important;
}

.table-index-1 table thead th {
  z-index: 1 !important;
}

.track_tasksummaryslidebar .mobile-bg-white.undefined {
  margin-top: 20px !important;
}

.project_flows .mobile-createdby {
  margin-right: 10px;
}

.project_flows .mobile-icons-end {
  padding-top: 5px;
}

.project_flows .fe-edit-3 {
  padding-right: 13px;
}

.forms-font .form_buildersticky .form-builder-css-helper.formbuilder-mainbody {
  margin-left: 5px !important;
  max-height: 84vh !important;
  overflow: auto !important;
}

.pelette-control .CodeMirror.cm-s-mdn-like {
  height: 45vh !important;
}

.css_helper_form .form_buildersticky .forms_wizardform {
  margin-left: 50px !important;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  #sort-by__BV_toggle_.track_createddate {
    right: 14% !important;
  }

  .projectsly_home #goals-slideout___title__ {
    font-weight: normal;
  }

  .projectsly_home #addgoal___title__ {
    font-weight: normal;
  }

  .projects_goals .card {
    box-shadow: none !important;
  }

  .projects_tasklist .dropdown-menu.dropdown-menu-right.show {
    max-height: 400px;
    overflow: auto;
  }

  .projectsly_home .projects-editor .ql-editor {
    max-height: unset !important;
  }

  .projectsly_home .projects-editor .ql-mention-list {
    max-height: 300px !important;
    overflow-y: auto !important;
    margin: 10px 0px;
  }

  .company-list .b-table td:nth-child(2) {
    white-space: normal !important;
  }

  .feedback-card-height {
    height: 100vh;
    overflow: hidden;
  }

  .comment-webheight {
    max-height: calc(100vh - 300px) !important;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .comment-webfeedback-height {
    max-height: calc(100vh - 435px) !important;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .feedback-texthgt p {
    line-height: 1.25rem;
    margin-bottom: 0.5rem;
  }

  .feedback-mobileimage img {
    width: 25% !important;
    height: 25% !important;
    max-height: 25% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  #feedbackupDetails,
  #CommentDetails {
    width: 75% !important;
  }

  .b-sidebar.b-sidebar-right .feed-mobiletitle {
    word-break: break-word;
    line-height: 18px;
    width: 32ch !important;
  }

  .prospectsly_socialmedialinks.order_lhs {
    display: flex !important;
  }

  .prospectsly_socialmedialinks .accountsslideout_pathhelper {
    padding: 5px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .find_prospects {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  #sort-by__BV_toggle_.track_createddate {
    right: 17% !important;
  }

  .formtoolbar {
    left: 0px !important;
  }

  .grid_layout {
    left: 6px !important;
  }
}

@media (min-width: 1300px) and (max-width: 1440px) {
  #feedbackupDetails,
  #CommentDetails {
    width: 80% !important;
  }

  .b-sidebar.b-sidebar-right .feed-mobiletitle {
    word-break: break-word;
    line-height: 18px;
    width: 45ch !important;
  }

  .teams-compact-view .message-card-editor-mobile .ql-container .ql-editor,
  .collab-quill-editor .ql-container {
    min-height: 70px !important;
  }

  .teams-compact-view .message-card-editor-mobile .ql-toolbar {
    bottom: 65px !important;
  }

  .teams-compact-view .message-card-editor-mobile .collab-quill-editor .quill-editor .textarea-emoji-control {
    bottom: 31px !important;
  }
}

.custom-logo-dropfile .theme-list .vue-file-agent .file-preview-wrapper.file-preview-new .help-text {
  left: 158px !important;
}

.personalize-logo-dropfile .theme-list .vue-file-agent .file-preview-wrapper.file-preview-new .help-text {
  left: 130px !important;
}

@media (min-width: 2000px) and (max-width: 3000px) {
  .prospectsly_activities {
    max-height: 87vh !important;
  }
}

@media (min-width: 3001px) and (max-width: 4000px) {
  .prospectsly_activities {
    max-height: 90vh !important;
  }
}

@media (min-width: 4001px) and (max-width: 5000px) {
  .prospectsly_activities {
    max-height: 93vh !important;
  }
}

.push_home .grid-block-wrapper.is-compact .grid-block,
.push_home .theme-list .vue-file-agent .file-preview-wrapper {
  width: 60% !important;
}

.projectsly_home .overflow-y-auto.shadow-none {
  height: calc(100% - 36px) !important;
}

.track_gridplay {
  right: -19px;
}

.track_gridicons .option-icon-delete.track_griddelete {
  margin-right: 23px;
}

.teamcc-quill-editor .card .more-options {
  margin-bottom: 0px !important;
}

.teamcc-quill-editor .sticky-bottom .card-body {
  margin-bottom: 0px !important;
  margin-bottom: 55px !important;
}

.teamcc-quill-editor .card .more-options {
  margin-bottom: 0px !important;
}

.teamcc-quill-editor .sticky-bottom .card-body {
  margin-bottom: 0px !important;
}

.projects_following {
  cursor: pointer !important;
}

.logo_url {
  color: #2c7be5;
}

.relevant_prospects {
  border-left: 1px solid #e3ebf6;
}

.prospect-details .edit-icon-after::after {
  position: absolute;
  right: 0px;
  margin-right: 21px;
}

/* .prospectly_accountdetails .edit-icon-after::after {
    font-size: 15px;
  } */
.prospectly_sidebarbody {
  height: calc(100vh - 70px) !important;
  overflow: hidden;
}

.prospectsly_activities {
  max-height: 82vh;
}

.prospect_add_address {
  opacity: 0;
}

.prospect_address.guideflow_hovered .prospect_add_address {
  opacity: 1;
}

.prospect_address.guideflow_hovered .prospect_edit_address {
  opacity: 1;
}

.notes-width {
  width: 72%;
}

.notes-height {
  max-height: 68vh;
}

.addcadence_slideout {
  margin-left: -11px;
  margin-top: -10px;
}

.addcadence_slideout .bv-no-focus-ring {
  display: none !important;
}

.teamcc-quill-editor .sticky-bottom .card-body {
  margin-bottom: 0px !important;
}

.signature-imagesize .ql-editor img {
  width: 150px !important;
  height: 120px !important;
}

.signature-imagesize img#quill-image {
  width: 150px !important;
  height: 120px !important;
}

.signature-imagesize .emojipicker #textarea-emoji,
.emojipicker #tab-panel,
.teams-cc-container #tab-panel,
.teams-cc-container #Emojis {
  max-height: 33vh !important;
  min-height: 22vh !important;
  overflow: auto !important;
  display: block !important;
}

.teamcc-quill-editor .sticky-bottom .card-body {
  margin-bottom: 0px !important;
}

.signature-imagesize #tab-panel {
  max-height: 205px !important;
}

.track_createddate.dropdown-toggle::after {
  padding-right: 5px;
}

.pin-height span.ql-picker-label.ql-active,
.message-card-editor-mobile span.ql-picker-label.ql-active {
  margin-top: 3px !important;
}

.pin-height .ql-snow .ql-picker {
  font-family: "Cerebri Sans", sans-serif !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.pin-height .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #444444;
}

.pin-height .ql-snow.ql-toolbar .ql-picker-item.ql-selected.guideflow_hovered {
  color: #2f7be5 !important;
}

.pin-height .collab-quill-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  width: 172px !important;
  left: -175px !important;
}

.table-row-cursor table td {
  cursor: pointer !important;
}

.prospectsly_home .vue-avatar--wrapper {
  width: 20px !important;
  height: 20px !important;
}

.prospectly_task img.rounded-circle.max-w-30.width-38px {
  width: 20px !important;
  height: 20px !important;
}

.prospectsly_home .avatar.avatar-xs {
  width: 23px !important;
  height: 23px !important;
}

.takslideout_activities.vh-100 .prospectsly_activities {
  max-height: 92vh !important;
}

.taskslideout_status {
  margin-right: 63px;
}

.prospects_tab .dropdown-menu.dropdown-menu-right.show {
  max-height: 35vh;
  overflow: auto;
}

.setting_cadence #cadence .b-sidebar-body {
  padding: 1rem !important;
}

.prospectly_dialer #dropdown-dialer .fe.fe-phone {
  position: relative;
  top: 0px;
}

#app #topnav .prospectly_dialer ul.dropdown-menu.show {
  z-index: 9999 !important;
}

.prospectly_taskslideout ::after {
  color: #95aad3;
  font-size: 14px;
}

.prospect-details .w-226.text-secondary {
  display: none;
}

.prospectly_taskslideout .w-226.text-secondary {
  display: none;
}

.prospect-details .assign-drop .toggle-icon::after {
  margin-left: 0px !important;
  display: none;
}

.prospect-details .dropdown-toggle::after {
  color: #95aad3;
}

.accountdetails_avatar {
  width: 30px !important;
  height: 30px !important;
}

.conference-meeting-button {
  width: 14vw !important;
}

.prospectly_owner .w-226.text-secondary {
  color: #192645 !important;
  font-size: 15px;
}

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

.accounts_table .table-container {
  min-height: 100% !important;
}

.botup-folder-icon {
  display: none !important;
}

.botup-contact-hover.guideflow_hovered .botup-folder-icon {
  display: block !important;
}

/* .prospectly_homeicons .btn-group > .btn.guideflow_hovered,
  .btn-group-vertical > .btn.guideflow_hovered {
    z-index: 22 !important;
  } */
.prospect-details .dropdown-menu.dropdown-menu-right.show {
  max-height: 20vh;
  overflow: auto;
}

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

.prospect_task .card.mobile-crud {
  max-height: 100vh;
  overflow: auto;
}

.prospectly_taskslideout .vue-moments-ago {
  font-size: 13px !important;
}

.prospect_home .dropdown-menu.rounded-lg.border-0.dropdown-menu-right {
  z-index: 9999 !important;
}

.prospectly_homeicons .btn-group > .btn.guideflow_hovered,
.btn-group-vertical > .btn.guideflow_hovered {
  z-index: 9999 !important;
}

.message-web-space.position-relative.gravtar-padding {
  padding: 6px 20px 10px !important;
}

.message-image-thread-height.user-card-index .user-profile .reset-height {
  height: inherit !important;
  width: 100% !important;
}

.thread-avatar-images.message-web-space .rounded-circle.max-w-30,
.message-web-space .avatar.avatar-xs .vue-avatar--wrapper,
.thread-avatar-images.avatar.avatar-xs .vue-avatar--wrapper,
.thread-avatar-images .rounded-circle.max-w-30 {
  height: 30px !important;
  width: 30px !important;
}

.user-profile .thread-avatar-images.avatar-online::before,
.user-profile .thread-avatar-images.avatar-offline::before {
  height: 10px !important;
  width: 10px !important;
  right: 3px;
  top: 22px !important;
}

.threadMessage .avatar-xs.avatar .vue-avatar--wrapper {
  height: 22px !important;
  width: 22px !important;
}

.thread-message-images .add-user-avatar .avatar.avatar-xs .vue-avatar--wrapper,
.thread-message-images .rounded-circle.max-w-30 {
  height: 24px !important;
  width: 24px !important;
}

.scroll-bottom--mobile {
  font-size: 16px !important;
  padding: 6px 10px !important;
  background-color: #edf2f9 !important;
  border-radius: 0.3rem !important;
  cursor: pointer !important;
}

.thread-child-card-message.right-10px {
  right: 10px !important;
}

.quill-editor-pin-height span.ql-picker-label {
  padding-top: 3px !important;
}

@media (min-width: 1200px) {
  .share-message-editor .collab-quill-editor .quill-editor .custom-quill-edit-emoji-picker {
    left: 16px !important;
  }
}

.orgchart-container {
  height: calc(100vh - 315px) !important;
  width: 100% !important;
}

@media (max-width: 1000px) {
  .hrsprout-home .filter-component .dropdown .btn {
    height: calc(1.5em + 1rem + 2px) !important;
    padding: 6px 12px !important;
    border-radius: 0.325rem !important;
  }

  .hrsprout-home .filter-component .reports-datepicker .form-control {
    height: calc(1.5em + 1rem + 2px) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.site-recording-refresh #filter-dropdown {
  right: 3px !important;
  position: absolute;
  line-height: 27px;
}

.site-recording-star {
  margin-top: -7px !important;
}

@media (max-width: 600px) {
  .hrsprout-home .filter-component select,
  .hrsprout-home .filter-component .reports-datepicker,
  .hrsprout-home .filter-component .dropdown {
    width: 50% !important;
    min-width: unset !important;
    max-width: unset !important;
    display: inline-block !important;
  }

  .hrsprout-home .filter-component .reportrange-text {
    width: calc(100% - 20px) !important;
    margin-right: 0px !important;
    display: inline-block;
  }

  .due-date {
    width: 144px !important;
    right: 0 !important;
    top: 5px !important;
    position: relative !important;
    margin-top: -28px;
  }

  .prospectly_homeicons {
    position: absolute !important;
    right: 0px;
    top: 111px !important;
  }

  .prospectly_homeicons .icons_border {
    padding-bottom: 0px !important;
    border-bottom: 1px solid #e3ebf6 !important;
  }

  .prospectly_homeicons .border-left {
    height: 25px;
  }

  .prospect_home .projects-tab li a .fe {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .prospect_table .contact-Filter {
    position: absolute !important;
    bottom: -23px;
    right: -15px;
  }

  .prospect_home .btn.btn-sm.addcadence.btn-secondary {
    padding: 6px !important;
  }

  .prospect_table .contact-Filter #filter-dropdown {
    padding: 3px !important;
  }

  .prospect_table .w-465 {
    width: 310px !important;
  }

  .addaccounts_helpers {
    min-width: 93% !important;
    margin-bottom: 20px !important;
  }

  .prospectly_sidebarbody {
    height: 100vh;
    overflow: auto;
  }

  .notes-width {
    width: 87% !important;
  }

  .prospectsly_activities .activity-avatar .max-w-30 {
    height: 22px !important;
    width: 22px !important;
    position: relative;
    top: 3px;
  }

  .prospectsly_socialmedialinks .w-50 {
    width: 100% !important;
  }

  .prospectly_owner .activity-avatar .max-w-30 {
    height: 23px !important;
    width: 23px !important;
  }

  .prospect_lhs {
    height: auto !important;
  }

  .accounts_importbutton {
    position: relative;
    bottom: 11px;
  }

  .add_prospect {
    position: relative;
    bottom: 11px;
  }

  .accounts_score {
    height: 20px !important;
    border: none !important;
    position: relative !important;
    top: -3px;
  }

  .prospectsly_socialmedialinks.order_lhs {
    display: flex !important;
  }

  .notes-width {
    position: absolute !important;
    bottom: 0px !important;
  }

  .accountstable_cadence {
    top: 0px !important;
  }

  .prospectsly_home {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #edf2f9;
    border-radius: 0.5rem;
    padding: 15px 15px;
  }

  .tasklist_buttons {
    position: absolute;
    right: 17px;
  }

  .addcadence {
    top: 7px !important;
    right: -5px !important;
  }

  .btn.add_prospect.btn-primary.btn-sm {
    padding: 5px !important;
  }

  .addcadence_slideout {
    margin-left: 0px !important;
  }

  .prospectsly_deletecadence {
    margin-left: 0px !important;
    margin-top: 10px !important;
  }

  .prospectsly_deletecadence .fe.fe-trash-2.option-icon-delete {
    float: right;
  }

  .h-25.prospectslideout_addcadence.btn-secondary.btn-sm {
    padding: 5px !important;
  }
}

@media (min-width: 601px) and (max-width: 1000px) {
  .hrsprout-home .filter-component select,
  .hrsprout-home .filter-component .reports-datepicker,
  .hrsprout-home .filter-component .dropdown {
    width: 50% !important;
    margin-bottom: 10px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-right: 11px !important;
  }

  .hrsprout-home .filter-component .reportrange-text {
    width: 100% !important;
    margin-right: 0px !important;
    display: inline-block;
  }

  .prospect_lhs {
    height: auto !important;
  }

  .due-date {
    width: 144px !important;
    right: 0 !important;
    top: 5px !important;
    position: relative !important;
    margin-top: -28px;
  }

  .notes-width {
    width: 95% !important;
  }

  .align-items-center.icon-size.formslhs_card {
    max-width: 42% !important;
  }

  .grid_layout {
    left: 2px !important;
  }

  .btn.btn-white.forms_clone {
    top: 6px !important;
    left: 23px !important;
  }

  .order-2.order-md-1.formbuilder_lhs {
    max-width: 100% !important;
  }

  .btn.rounded-left-0.forms_dragbutton.disabled.handle_item {
    padding: 0rem 0.75rem !important;
  }

  .gridlayout_rowscroll {
    margin: 5px 0px 0px 0px !important;
    display: flow-root;
  }

  .form_buildersticky {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media (min-width: 1001px) {
  .hrsprout-home .filter-component .reportrange-text {
    width: 100% !important;
  }
}

@media (max-width: 1400px) {
  .position-lg-absolute {
    position: unset !important;
  }

  .position-lg-absolute[class*="mr-"] {
    margin-right: 0px !important;
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 1401px) {
  .position-lg-absolute {
    position: absolute !important;
  }
}

.equal-spaces-teams {
  margin-top: -4px !important;
}

.child-message-thread-editor .collab-quill-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  left: 25px !important;
}

.teams-headings-size.header {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.support-templates .templates-container .tabs .tab-content .card.lift {
  height: 250px;
}

.support-templates .templates-container .tabs .tab-content .card.lift .multi-line-clamp-2 {
  text-align: center;
}

.agent-response-chat:after {
  content: "";
  display: block;
  border-style: solid;
  border-color: #ffffff transparent transparent;
  position: absolute;
  bottom: -2px;
  border-top-color: #eff7ff;
  border-left-color: #eff7ff;
  left: 7px;
  right: auto;
  border-width: 6px;
  margin: 0;
}

.canned-quill .ql-toolbar.ql-snow .ql-formats {
  margin-right: -10px;
}

.canned-dropdown .multiselect__tags {
  min-height: 30px !important;
  height: 30px !important;
  padding: 8px !important;
}

.canned-dropdown .multiselect__single {
  font-size: 14px;
  margin-top: -4px;
  width: 245px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.canned-dropdown .multiselect__select {
  right: 25px !important;
  top: 7px !important;
}

.canned-dropdown .multiselect,
.canned-dropdown .multiselect__input,
.canned-dropdown .multiselect__single {
  font-size: 14px !important;
}

.canned-dropdown .multiselect__option {
  width: 265px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.show-conference-avatar .avatar.avatar-xs .max-w-30 {
  max-width: 50.5px !important;
  height: inherit !important;
  width: 50.5px !important;
}

.equal-spaces-teams {
  margin-top: -4px !important;
}

.child-message-thread-editor .collab-quill-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  left: 0px !important;
  width: 172px !important;
}

.quill-thread-editor .collab-quill-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  left: 25px !important;
}

.teams-equal-height.teams-cc-lhs .nav-item .nav-link.draft {
  padding: 6px 18px !important;
}

.teams-headings-size.header {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding-left: 3.2px !important;
}

.feedbackup-height {
  max-height: 104px !important;
  overflow: auto;
}

.feedmobile-card-break br,
.signcc-card-break br {
  content: "";
}

.feedmobile-span-break p {
  margin-bottom: 5px !important;
  line-height: 19px !important;
}

.feedback-mobileimage img {
  width: 150px !important;
  height: 120px !important;
  max-height: 120px !important;
}

.feedback-texthgt p,
.feedback-timeline p {
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

.feedmobile-span-break span,
.feedback-timeline span,
.feedback-comment-web span {
  color: #12263f !important;
}

.feedback-mobileimage pre {
  white-space: pre-wrap !important;
}

.comment-detail .list-group-item {
  padding: 0.5rem 1.25rem !important;
}

.comment-detail .list-group-item:last-child {
  padding: 1rem 1rem !important;
}

.comment-detail .list-group-flush > .list-group-item {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.feedbackup-title-width {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 45ch !important;
  overflow: hidden;
}

.feedbackup-public-view.guideflow_hovered .feedbackup-title-width {
  max-width: 33ch !important;
}

.feedbackup-public-view.guideflow_hovered .feedbackup-more-button {
  display: contents !important;
}

.orgchart-container {
  height: calc(100vh - 315px) !important;
  width: 100% !important;
}

.feedbackup-public-view {
  position: relative;
  width: 43ch !important;
  display: inline-block;
}

.feedbackup-more-button {
  display: none !important;
  position: absolute !important;
  right: 0px !important;
}

.addtask_form .custom-select:disabled {
  background-color: #fff !important;
  border-color: #d2ddec !important;
}

.addtask_form .vs--searchable .vs__dropdown-toggle {
  background-color: #fff;
  border-color: #d2ddec !important;
}

.task_duedate {
  border-color: #d2ddec !important;
}

.pb-sm-2 {
  padding-bottom: 6px;
}

.accounts_score {
  width: 63px !important;
  height: 26px !important;
  /* display: none !important; */
}

.prospect_avatar .b-sidebar table .max-w-30,
.b-sidebar table .avatar-xs .vue-avatar--wrapper {
  height: 1.3rem !important;
  width: 1.3rem !important;
}

.prospectly_task .fe.fe-bar-chart {
  position: relative;
  top: -2px;
}

.h-md-100 {
  height: 100% !important;
}

.prospect_lhs {
  height: 100%;
}

.prospectsly_socialmedialinks .img-fluid {
  width: 18px !important;
  height: 18px !important;
  position: relative;
  bottom: 2px;
}

.prospectsly_socialmedialinks .font-size-12px.font-weight-bold {
  font-size: 14px !important;
  color: #2c7be5;
  font-weight: normal !important;
}

.due-date {
  position: absolute;
}

.accounts_tableicons {
  opacity: 0;
}

.accounts_table tbody tr.guideflow_hovered .accounts_tableicons {
  opacity: 1;
}

.prospectsslideout_lhsicons {
  opacity: 0;
}

.prospect_linkedinurl.guideflow_hovered .prospectsslideout_lhsicons {
  opacity: 1;
}

.prospect_task .small.text-muted.toggle-icon {
  color: black !important;
}

.prospect_task img.rounded-circle.max-w-30.width-38px {
  width: 23px !important;
  height: 23px !important;
}

.prospect_task .vue-avatar--wrapper {
  width: 23px !important;
  height: 23px !important;
}

.prospectly_homeicons {
  position: relative;
}

.pushninja-website .last-tab-padding.nav-item {
  margin-top: 3px;
}

.mobile_iconsbotup .dropdown-toggle.btn-btn.btn-transparent.btn-rounded-circle.mt-2.btn-sm.dropdown-toggle-no-caret {
  margin-top: 0px !important;
}

.botup_contactsgrid_delete {
  opacity: 0;
}

.contacts_grid.guideflow_hovered .botup_contactsgrid_delete {
  opacity: 1;
}

.projectdetails_icon {
  font-size: 17px;
}

.addprojects_member {
  margin-bottom: 4px !important;
}

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

.responsetype_dropdown .dropdown-menu.show {
  width: 100% !important;
}

#form_response .b-sidebar-body.bg-soft-light.rounded-0 {
  padding: 0px !important;
}

.responses_browser {
  text-align: center;
}

.send_form .textarea-emoji-control {
  position: relative;
  top: 121px;
  right: 179px;
  width: 21px;
}

.send_form button.ql-bold {
  width: 20px !important;
}

.send_form .ql-picker-label {
  padding: 0px !important;
}

.add_question_form .emojipicker .quill-editor .ql-formats button.ql-bold {
  margin-left: 0px !important;
}

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

.category_validation {
  margin-top: -18px;
}

#share_test_link .emojipicker .quill-editor .ql-formats button.ql-bold {
  margin-left: 0px !important;
}

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

.sldeoutheader_interview .ql-toolbar {
  bottom: 40px !important;
}

.notifcations_slidebar .b-custom-control-lg.custom-checkbox.custom-control {
  padding-top: 3px;
  padding-bottom: 3px;
}

.notifcations_slidebar .card-body {
  padding: 0.8rem !important;
}

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

.refresh-feedbackup {
  right: 108px !important;
  position: absolute !important;
  line-height: 27px !important;
  top: -75px;
}

.emoji-quill-editor-mobile .custom-quill-edit-emoji-picker {
  position: absolute;
  bottom: 0px;
  z-index: 114;
  left: 29px !important;
}

.emoji-quill-editor-mobile .custom-quill-edit-emoji-picker #textarea-emoji {
  bottom: 1px !important;
  left: -3px !important;
}

.teams-message .emoji-quill-editor-mobile .custom-quill-edit-emoji-picker #textarea-emoji {
  left: -45px !important;
}

.prospect-details .border.p-3.rounded.w-100 {
  box-shadow: none;
}

.child-message-thread-editor .collab-quill-editor.sticky-top {
  z-index: 999 !important;
}

.b-sidebar .crm-owner-form .vue-avatar--wrapper {
  height: 1.4rem !important;
  width: 1.4rem !important;
  max-width: 1.4rem !important;
}

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

.reset-btn .b-calendar-footer {
  position: absolute;
  top: 11px !important;
  left: 7px !important;
}

.reset-btn .b-calendar-footer button[aria-label="Reset"] {
  border: 0px !important;
  background-color: transparent !important;
  color: #95aac9 !important;
}

.reset-btn .b-calendar-footer button[aria-label="Reset"].guideflow_hovered {
  color: #e63757 !important;
}

.b-sidebar.b-sidebar-right .sticky-form .vue-file-agent .file-preview-new .help-text {
  left: 48.5% !important;
}

/* ninjachat css */
.ninjachat-settings-slideout .nav-tabs .nav-link {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Ninjainterview Css */
.ninja-interview .ql-container .ql-editor {
  min-height: 160px !important;
  max-height: 230px !important;
}

.ninja-interview .ql-snow .ql-size.ql-picker .ql-picker-options {
  min-width: 95px !important;
  padding: 10px !important;
  width: 95px !important;
}

.ninja-interview .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  right: 0px !important;
  left: 0px !important;
  padding: 8px !important;
}

.ninja-interview .ql-align.ql-picker.ql-icon-picker.ql-expanded .ql-picker-options {
  width: 40px !important;
}

.ninja-interview .ql-tooltip:before {
  border-bottom: 0.6rem solid rgb(227 235 246) !important;
}

.ninja-interview .ql-color.ql-picker.ql-color-picker.ql-expanded .ql-picker-options,
.ninja-interview .ql-background.ql-picker.ql-color-picker.ql-expanded .ql-picker-options {
  width: 213px !important;
  left: unset !important;
}

#add_test .ninja-interview .ql-color.ql-picker.ql-color-picker.ql-expanded .ql-picker-options,
#add_test .ninja-interview .ql-background.ql-picker.ql-color-picker.ql-expanded .ql-picker-options {
  width: 226px !important;
  left: unset !important;
}

.questions.ninjainterview-word-wrap h2.mb-1.font-weight-bold {
  font-size: 18px;
}

.sldeoutheader_interview .emojipicker.no-emoji br {
  content: "";
  display: block;
  margin-bottom: 10px;
}

.ninjainterview .max-width-400 {
  max-width: 620px !important;
}

.settings-lineheight {
  line-height: 1 !important;
}

.ninjainterview .max-w-30.width-38px {
  margin-right: 4px;
}

.sldeoutheader_interview .support-editor .ql-container .ql-editor {
  max-height: 270px !important;
  margin-bottom: 60px !important;
}

.sldeoutheader_interview .support-editor .ql-toolbar.ql-snow {
  padding: 8px 0px 0px !important;
}

.sldeoutheader_interview .ql-formats [class^="ql"] {
  margin-right: 1px !important;
  right: 0;
}

.sldeoutheader_interview .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  top: -170px;
}

.sldeoutheader_interview .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background-color: #fff;
  border: 0;
}

.sldeoutheader_interview .ql-snow .ql-color-picker .ql-picker-item {
  height: 24px !important;
  width: 24px !important;
  border-radius: 0.325rem !important;
  border: 1px solid #d7d6d6;
}

.sldeoutheader_interview .ql-color.ql-picker.ql-color-picker .ql-picker-options,
.sldeoutheader_interview .ql-background.ql-picker.ql-color-picker .ql-picker-options,
.sldeoutheader_interview .ql-align.ql-picker.ql-icon-picker .ql-picker-options {
  top: -165px;
  width: 208px;
  padding: 8px !important;
  border-radius: 4px !important;
}

.sldeoutheader_interview .ql-align.ql-picker.ql-icon-picker .ql-picker-options {
  width: 40px;
  top: -122px;
}

.ninja-interview .ql-formats .ql-bold {
  margin-left: 0px;
}

/* ninjacontent css */
.ninjacontent-editor .ql-toolbar {
  bottom: 42px !important;
}

.ninjacontent-editor .textarea-emoji-control {
  left: 3px !important;
  bottom: 9px !important;
}

.ninjacontent-editor #textarea-emoji {
  top: -190px !important;
}

.addcontent-sidebar .b-sidebar-body {
  overflow: hidden !important;
}

/* .ninjacontent-slideout .leads-slideout.y-scroll::-webkit-scrollbar {
    width: 10px;
  } */
.ninjacontent-calendar .fa-chevron-left:before,
.ninjacontent-calendar .fa-chevron-right:before {
  content: "" !important;
}

.ninjacontent-calendar-avatar .max-w-30.width-38px {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
}

.ninjacontent-calendar-avatar .avatar.avatar-xs,
.ninjacontent-calendar-avatar .vue-avatar--wrapper {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
}

.content-scroll {
  overflow: auto;
  height: calc(100vh - 60px);
}

.content-thumbnail {
  width: 35px !important;
  height: 35px !important;
  max-width: 35px !important;
}

.addcontent-sidebar .titlekeyword-scroll .b-sidebar-body {
  overflow: auto !important;
}

/* .addcontent-sidebar .titlekeyword-scroll .b-sidebar-body::-webkit-scrollbar,
  .addcontent-sidebar .b-sidebar-body::-webkit-scrollbar {
    width: 10px;
  } */
.fullscreen-padding .full-screen-btn-gen {
  margin-right: 8px;
}

.fullscreen-padding .ninjacontent-code {
  margin-top: 30px !important;
}

.abstract-hover img {
  width: 100%;
  max-width: 100%;
}

.distribution-height {
  max-height: 170px;
  overflow: auto;
}

/* .distribution-height::-webkit-scrollbar {
    width: 10px;
  } */
.b-popover.signpad-popover {
  overflow: hidden;
}

.esign-sidbar-body .ql-editor {
  border-top: 0px !important;
}

@-moz-document url-prefix() {
  .teams-home-overflow {
    overflow: auto !important;
  }
}

.emoji-button-image {
  filter: grayscale(100%);
}

.invite-user-help-text .d-block.invalid-feedback {
  word-break: break-word;
}

.teams-message-lineheight {
  margin-bottom: 0px !important;
  font-size: 15px !important;
  line-height: 20px !important;
}

.global-search-input .teams-cc-lhs .input-group-text .fe {
  margin-right: 0px !important;
  color: #494949 !important;
  min-width: unset !important;
}

.global-search-input .fe {
  color: #95aac9 !important;
  font-size: 18px !important;
}

.global-search-input .input-group-text {
  border: 0 !important;
}

.global-search-input-icon {
  width: 25vw !important;
  z-index: 999;
  position: absolute;
  top: -18px;
  right: 0;
  transition: width 2s;
}

.global-search-input-icon .form-control {
  height: calc(1.75em + 0.25rem + 11px) !important;
}

.canned-quill .ql-editor br {
  content: "";
  padding-bottom: 8px !important;
  display: block;
}

.canned-quill .ql-editor ol li:not(.ql-direction-rtl),
.canned-quill .ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 16px;
}

.w-830px {
  max-width: 830px;
}

.ticketslideout-avatar .ticketuser-avatar {
  height: 2rem !important;
  width: 2rem !important;
  max-width: 2rem !important;
}

.support-editor #textarea-emoji {
  top: -40px !important;
}

.expandable-editor .ql-toolbar.ql-snow .ql-formats {
  margin-right: 0;
  padding-right: 0;
}

.canned-response-img img {
  width: 50%;
}

.filter-collapse-dropdown .multiselect {
  min-height: 30px !important;
  white-space: initial;
}

.filter-collapse-dropdown .multiselect__placeholder {
  margin-bottom: 0px !important;
  padding-top: 0px !important;
}

.filter-collapse-dropdown .multiselect .multiselect__tags {
  min-height: 30px !important;
  padding: 5px !important;
}

.filter-collapse-dropdown .multiselect__input,
.filter-collapse-dropdown .multiselect__single {
  min-height: 18px;
  line-height: 18px;
  margin-bottom: 5px;
  font-size: 13px;
}

.filter-collapse-dropdown .multiselect__select:before {
  top: -2px !important;
}

.filter-collapse-dropdown .multiselect--active .multiselect__select:before {
  top: -10px !important;
}
.filter-collapse-dropdown .multiselect__tag {
  max-width: 85%;
}
.filter-collapse-dropdown .multiselect__content-wrapper {
  box-shadow: none !important;
}
.canned-popover {
  max-width: 400px !important;
  border: 0 !important;
  padding: 20px !important;
}

.ipad_trackprojects .fe.fe-pie-chart.position-relative.z-index-99 {
  z-index: 2 !important;
}

.prospectly_filters .vue-avatar--wrapper {
  width: 26px !important;
  height: 26px !important;
  position: relative;
  bottom: 3px;
}

.prospect_slideout .vue-avatar--wrapper {
  width: 30px !important;
  height: 30px !important;
}

.conference-public-room {
  border-bottom: 1px solid #f5f5f5 !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
}

.bots_playicon {
  opacity: 0;
}

.bots_card .guideflow_hovered .bots_playicon {
  opacity: 1;
}

.bots_options:last-child {
  border: none !important;
}

.hipsocial_bots.modal-dialog-scrollable .modal-content {
  max-height: calc(30vh - 3.5rem);
}

.bots_followbutton .btn.px-4.bot-icon.btn-block.btn-outline-primary {
  padding: 7px 0px 7px 0px !important;
}

.hipsocial-calendar .fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  border-bottom: 1px solid #f5f9ff;
}

.hipsocial_addpost .networkdrp {
  position: absolute;
  right: 0px;
}

.top-65px {
  top: 65px;
}

.hipsocial-media-icons #filter-collapse {
  right: 0px;
}

.teams-cc-container .messages-default .message-text #quill-image {
  max-width: 240px;
  border-radius: 0.325rem !important;
}

.ninjachart-port1 {
  height: 31.75px;
}

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

.preview-top {
  top: -1px;
}

/*support css*/
.height-33px {
  height: 33px !important;
}

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

.add-support-hover.add-ticket {
  top: 2px !important;
  position: relative;
  left: -5px;
}

.filter-settings-block.support-mobile-domain .filter-component #filter-dropdown {
  height: 29.35px;
}

.filter-settings-block.support-mobile-domain .btn-group .btn-sm {
  height: 29.35px;
}

.filter-settings-block .input-group-text {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
}

.filter-settings-block .form-control {
  height: calc(1.45em + 0.75rem + 1px) !important;
}

.ticket-more {
  padding-top: 2px;
}

.drop-status .dropdown-menu.show {
  max-height: 300px;
  overflow: auto;
}

.b-sidebar.b-sidebar-right .support-upload .vue-file-agent .file-preview-wrapper {
  height: 40px !important;
}

.b-sidebar.b-sidebar-right .support-upload .vue-file-agent .file-preview-new .help-text {
  left: 50% !important;
  top: 23px !important;
}

.support-editor .textarea-emoji-control {
  left: 5px !important;
}

.support-editor .ql-snow .ql-picker-label {
  padding-left: 5px !important;
}

.canned-dropdown .multiselect {
  min-height: 30px !important;
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  color: #35495e;
}

.laptop-dropdown-legends {
  display: none;
}

.canned-dropdown .multiselect--above.multiselect--active .multiselect__current,
.canned-dropdown .multiselect--above.multiselect--active .multiselect__input,
.canned-dropdown .multiselect--above.multiselect--active .multiselect__tags {
  padding-top: 2px !important;
}

.canned-dropdown .multiselect__option:after,
.task-status-multiselect .multiselect__option:after,
.canned-dropdown .multiselect__option--selected,
.task-status-multiselect .multiselect__option--selected,
.canned-dropdown .multiselect__option--disabled,
.task-status-multiselect .multiselect__option--disabled,
.canned-dropdown .multiselect__option--highlight,
.task-status-multiselect .multiselect__option--highlight,
.canned-dropdown .multiselect__option--group,
.task-status-multiselect .multiselect__option--group {
  background-color: #f4f9ff !important;
  color: #000 !important;
  font-weight: normal;
}

.canned-dropdown .multiselect__content-wrapper,
.task-status-multiselect .multiselect__content-wrapper {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.canned-dropdown .multiselect__content-wrapper,
.task-status-multiselect .multiselect__content-wrapper {
  border-color: #e3ebf6 !important;
}

.canned-dropdown .multiselect__content-wrapper,
.task-status-multiselect .multiselect__content-wrapper {
  box-shadow: 0 0.5rem 1rem rgb(18 38 63 / 15%) !important;
  height: unset !important;
}

.activity-notes br {
  content: "";
  display: block;
  margin-bottom: 10px;
}

.support-avatar .vue-avatar--wrapper span {
  font-size: 11px;
  font-weight: 500;
}

.cursor-pointer-tr thead tr {
  cursor: auto !important;
}

.support-contacts .card-table tbody td:first-child {
  width: 50px;
}

.contact-slideout-empty .img-fluid.mb-4.pb-2 {
  margin: 0px !important;
  padding: 0px !important;
}

.ticket-avatar .avatar.avatar-xs .w-226.text-secondary {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.task-select .vs__clear {
  fill: rgb(153 153 153 / 35%);
}

.laptop-legends .badge {
  line-height: 1.1 !important;
}

.drop-status .avatar-very-small.avatar.avatar-xs .max-w-30.width-38px {
  width: 23px !important;
  height: 23px !important;
  max-width: 23px !important;
}

.vue-moments-ago {
  font-size: 13px !important;
}

.bottom-0px {
  bottom: 0px;
}

.support-slide-lg-3 .manage-stream-scroll {
  height: calc(100vh - 80px);
}

.right-12px {
  right: 12px;
}

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

.canned-dropdown .multiselect__element,
.task-status-multiselect .multiselect__element {
  margin: 0px 5px !important;
}

.canned-dropdown .multiselect__option,
.task-status-multiselect .multiselect__option {
  padding: 11px;
  min-height: 30px;
  line-height: 14px;
  width: 292px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.automation-status .card-table thead th:first-child,
.automation-status .card-table tbody td:first-child {
  width: 110px;
}

.kb-link,
.kb-settings {
  line-height: 24px !important;
}

.activity-notes ul {
  padding-left: 18px;
}

.support-templates .templates-container p.text-muted {
  margin: 0px !important;
}

.w-600px {
  width: 600px;
}

.prospectsly_activities .activity-avatar .vue-avatar--wrapper {
  height: 22px !important;
  width: 22px !important;
}

.accounts_table .img-fluid.rounded {
  width: 31px !important;
}

.prospect_tabsicons .fe.fe-settings.option-icons {
  position: relative;
  bottom: 3px;
}

.task_image {
  width: 36px;
  position: relative;
  top: 4px;
}

.taskslideout_icons {
  display: none;
}

.taskslideout_header .guideflow_hovered .taskslideout_icons {
  display: block;
}

.taskslideout_header .vue-avatar--wrapper {
  width: 2rem !important;
  height: 2rem !important;
  max-width: 2rem !important;
}

.prospectly_accountdetails .vue-avatar--wrapper {
  width: 2rem !important;
  height: 2rem !important;
  max-width: 2rem !important;
}

.accounts_table tbody tr {
  cursor: pointer;
}

.accountdetails_headeredit {
  max-height: 25px !important;
}

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

.chat-details-card .vue-avatar--wrapper {
  width: 1.85rem !important;
  height: 1.85rem !important;
  margin-top: -3px;
}

.chat-details-card .vue-avatar--wrapper span {
  font-size: 14px !important;
  font-weight: 500 !important;
  margin-top: 0px !important;
}

.feedbackup-quill-collab.collab-quill-editor .ql-formats .ql-bold {
  margin-left: 0px !important;
}

.feedbackup-quill-collab .expandable-editor.support-editor .ql-container .ql-editor {
  min-height: 40px !important;
}

.remove-tag-rotate .fe-delete {
  transform: rotate(180deg);
}

.position_forminterview .multiselect__content-wrapper {
  position: relative;
  top: 0px;
}

.forms-font .icon-size {
  flex: 0 0 46% !important;
  max-width: 30% !important;
}

.formbuilder_lhs {
  max-width: 21% !important;
  font-size: 13px;
}

.left-7px {
  left: 7px;
}

.forms_contactsicon {
  opacity: 0;
}

tr.guideflow_hovered .forms_contactsicon {
  opacity: 1;
}

.forms_filtersdropdowns {
  position: absolute;
  width: 100%;
  z-index: 99;
  top: 132px;
  right: 37px;
}

.contacts_form .vue-avatar--wrapper {
  width: 27px !important;
  height: 27px !important;
}

.formbuilder_lhs_p {
  font-size: 11px !important;
}

.formslhs_card.guideflow_hovered p {
  color: #000000;
}

.formslhs_card.guideflow_hovered {
  background-color: #edf2f9;
}

.formslhs_card img {
  opacity: 0.5;
}

.formslhs_card.guideflow_hovered img {
  opacity: 1 !important;
}

.left-9px {
  left: 9px;
}

.trackly_taskslist .card-table thead th:first-child,
.trackly_taskslist .card-table tbody td:first-child {
  width: 60px !important;
}

.bottom-1px {
  bottom: 1px;
}

.activitiescard_icon {
  opacity: 0;
}

.activities_cars .guideflow_hovered .activitiescard_icon {
  opacity: 1;
}

#template-slideout .card-img-top.img-fluid {
  width: 220px !important;
}

.site-recording-refresh-tab {
  position: absolute;
  right: 41px;
  top: 15px;
}

.fe {
  line-height: inherit !important;
}

.popover {
  max-width: fit-content !important;
}

.hovericon-tag .plus_tag {
  color: #317ee6 !important;
  opacity: 2;
}

.emoji-quill-editor-mobile .quill-editor .video,
.messages-default.teams-message-lineheight .video,
.collab-draft-card .messages-default .video {
  max-width: 240px !important;
  border-radius: 0.325rem !important;
}

.video-recorder-option .vue-recorder.vue-video-recorder.active {
  margin-bottom: 0px !important;
  position: absolute;
  z-index: 9;
  bottom: -6px !important;
  transform: translate(-50%, -50%);
  left: 40.5% !important;
}

.video-recorder-option .vue-video-recorder.vue-recorder.active .recorder-icon {
  background-color: transparent;
}

.video-recorder-option .vue-video-recorder.vue-recorder.active .recorder-icon {
  background-image: url(https://html-assets-prod.guideflow.com/1da558c2d87bc187ef1cf9aaeda269c2caa07e8c) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 25px;
  border: 3px solid #e33c28;
  height: 30px;
  width: 30px;
}

.video-recorder-option .vue-recorder.vue-recorder span {
  display: none;
}

.video-recorder-option .video-duration {
  position: absolute;
  bottom: 0px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: #80878466;
  width: 100%;
  left: 1px;
  height: 45px;
  padding-top: 13px;
  padding-left: 17px;
}

.video-recorder-option .video-rec-animation {
  position: absolute;
  top: 40px;
  right: 40px;
  font-size: 14.5px;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: bold;
}

.video-recorder-option .blinking {
  -webkit-animation: 1.5s blink ease infinite;
  animation: 1.5s blink ease infinite;
}

@keyframes blink {
  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-ms-keyframes blink {
  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-o-keyframes blink {
  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

.video-recorder-option .vue-recorder.vue-video-recorder + .listening .listening-text .blinking {
  display: inline-block !important;
  margin-left: 5px;
}

.start-recorder-option .recorder-icon {
  margin: 0 auto !important;
  margin-bottom: 10px !important;
}

.start-recorder-option .recorder-icon span:before,
.recorder-video-icon-player {
  background: #2f7be5 !important;
  padding: 11px 12px;
  border-radius: 22px;
  color: #fff !important;
  font-size: 18px !important;
  content: "\e9f7";
  font-family: "Feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin: 15px 0 !important;
}

.start-recorder-option .recorder-icon span {
  font-size: 0;
}

.start-recorder-option .vue-video-recorder .recorder-icon,
.recorder-video-icon-player {
  background: #2f7be5 !important;
  width: 40px;
  height: 40px;
}

.safari-recorder-component .vjs-play-control.vjs-control.vjs-button {
  display: none;
}

.share-message-editor .custom-quill-edit-emoji-picker #Emojis {
  max-height: 23vh !important;
}

.share-message-card-modal .collab-users-dropdown.teams-cc-container .messages-default img {
  max-width: 219px !important;
}

.teams-thread-message .add-reaction-emoji {
  top: 36px !important;
}

.attachment-preview-close button.close {
  top: 12px !important;
}

.thread-child-card-message .add-reaction-emoji #Emojis {
  max-height: 23vh !important;
}

.teams-cc-container .messages-default .in-alignment-width {
  width: auto !important;
}

.comment-details-font .vue-avatar--wrapper {
  font-family: "Cerebri Sans", sans-serif !important;
}

.hovericon-tag .plus_tag {
  color: #317ee6 !important;
  opacity: 2;
}

.accounts_slideoutheader .accountdetails_avatar {
  width: 2rem !important;
  height: 2rem !important;
  max-width: 2rem !important;
}

.prospectslideout_icons {
  opacity: 0;
}

.prospect_slideoutheader .guideflow_hovered .prospectslideout_icons {
  opacity: 1;
}

.prospect-details .phone-editicon.edit-icon-after::after {
  position: absolute;
  top: 183px;
}

.prospect_table .table-hover tbody tr.guideflow_hovered .prospect_tableicon {
  opacity: 1;
}

.prospect_tableicon {
  opacity: 0;
}

.addcandence-icons {
  top: 45px;
  background: none !important;
  right: 40px;
}

.projectform_lablemembers {
  padding-bottom: 4px;
}

.notes-comments .comment-body {
  padding: 1rem 1.25rem !important;
}

.projects_timelinedeleteicon {
  position: absolute;
  right: 145px;
}

.timeline_hide {
  margin-bottom: 2px !important;
}

.task-dependency-avatar {
  position: relative;
  top: -3px;
}

.mobile-task-activity .activities-list-pagination .activity-avatar .avatar-xs .vue-avatar--wrapper span {
  margin-right: 0px !important;
  /* font-size: 12px !important; */
}

.mobile-task-activity .activities-list-pagination .activity-avatar .max-w-30 {
  position: relative;
  top: 4px;
}

.position_forminterview .multiselect__content-wrapper {
  position: relative;
  top: 0px;
}

.support-upload .upload-space {
  text-align: left;
  white-space: normal !important;
  width: 310px;
}

.recording-filter-response {
  position: absolute !important;
  top: 10px !important;
  right: 6px !important;
}

.add-document-quill-editor {
  bottom: 20px !important;
}

.editor-document-save {
  position: absolute;
  z-index: 9999;
  bottom: 13px;
  right: 8px;
}

.sign-comments-editor .signly-quill-editor-border .ql-toolbar {
  bottom: 42px !important;
  padding-left: 10px !important;
}

.sign-comments-editor .quill-editor.discussion-list-comment-box {
  width: 100% !important;
}

.signcolor-comment-section span.mention {
  color: #2c7be5 !important;
  background-color: #edf2f9 !important;
  padding: 0px 6px 2px 5px !important;
  font-size: 15px !important;
  border-radius: 3px !important;
  font-family: "Cerebri Sans", sans-serif !important;
  line-height: 27px !important;
  white-space: nowrap;
}

.gravtar-sign-sizes .avatar.avatar-xs .vue-avatar--wrapper {
  height: 1.65rem !important;
  width: 1.65rem !important;
}

.filter-component-height .multiselect__select {
  line-height: 11px !important;
  font-size: 14px !important;
  color: #95aac9 !important;
}

.filter-component-height .multiselect__select::before {
  color: #95aac9 !important;
}

.sign-comments-editor .quill-editor .ql-editor {
  margin-bottom: 30px !important;
}

.table.b-table.b-table-stacked-md > tbody > tr > td .fe.sign-gravatar-transparent {
  background: transparent !important;
}

.drop-sign-number .dropdown-toggle {
  height: 1.5rem !important;
  width: 1.65rem !important;
}

.filter-component-height .component-input-form {
  height: calc(1.75em + 0.25rem + 8px) !important;
  line-height: 1.8 !important;
}

.mobile-taskslideout-scroll .dropdown-menu.show {
  min-width: 226px !important;
}

.task_nameinput {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 700px;
}

.sign-document-filter #filter-dropdown {
  padding: 2.5px !important;
  right: 33px;
  position: absolute;
}

.sign-comments-editor .ql-mention-list-container.ql-mention-list-container-bottom {
  top: -82px !important;
  left: 14px !important;
}

.ql-mention-list-container {
  width: 400px;
}

.ql-mention-list {
  max-height: 400px !important;
  overflow-y: auto !important;
  margin: 10px 0px !important;
}

.ql-mention-list-item {
  padding: 6px 16px !important;
  line-height: 0px !important;
}

.ql-mention-list-item.selected,
.ql-mention-list-item.guideflow_hovered {
  background-color: #f4f9ff !important;
  color: #000 !important;
  font-weight: normal;
}

.ql-mention-list-container {
  width: 270px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgb(30 30 30 / 8%);
  z-index: 9001;
  overflow: auto;
}

.sign-comments-editor .ql-mention-list .cql-list-item-inner img {
  height: 18px !important;
  width: 18px !important;
}

.ql-mention-list strong {
  font-weight: 500 !important;
  font-size: 14px !important;
  font-family: "Cerebri Sans", sans-serif !important;
  margin-left: 6px !important;
}

.sign-document-filter #filter-collapse {
  right: 0px !important;
  top: 28px;
}

div#recently-uploaded-files-modal .modal-body {
  min-height: 72vh;
}

.voice-mails-gravatars .gravatar-name-color p {
  color: #12263f !important;
  font-size: 15px !important;
}

.statusform-truncate {
  width: 45ch !important;
}

.status-form-data {
  padding-left: 1rem !important;
  line-height: 2 !important;
}

/* Crmio css */
.leads-form .addMail,
.leads-form .deleteMail {
  height: 30px;
  width: 30px;
  padding: 6px;
  line-height: 18px;
}

.country-selector__label {
  display: none;
}

.country-selector.has-value .country-selector__input {
  padding-top: 0px !important;
}

.country-selector__country-flag {
  top: 14px !important;
  left: 13px !important;
}

.vue-phone-number-input .select-country-container {
  -ms-flex: 0 0 110px;
  flex: 0 0 110px !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
}

.leads .b-rating-star {
  margin-right: 5px;
}

.crmio-mail-icon {
  visibility: hidden;
}

.click-phone-icon {
  visibility: hidden;
}

.crmio-document-slideout .tasks-btn-pos {
  position: absolute;
  top: 13px;
  right: 15px;
}

.leads-send.guideflow_hovered .crmio-mail-icon,
.leads-phone.guideflow_hovered .click-phone-icon {
  visibility: visible;
}

.kanban-nameinfo.table-avatar .vue-avatar--wrapper {
  width: 1.85rem !important;
  height: 1.85rem !important;
}

.slideout-addcompany .ml-7.lhs-add {
  margin-left: 80px !important;
  margin-top: -5px;
}

/* .crm-activity-timeline::-webkit-scrollbar {
    width: 10px !important;
  } */
.address-modal .form-group {
  margin-bottom: 15px !important;
}

.slideout-header-width {
  width: 650px;
}

.contact-avatar {
  align-self: flex-start;
}

.company-logo .img-thumbnail img {
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
}

.company-slide-img .img-thumbnail {
  width: 35px;
  height: 35px;
}

.company-slide-img .img-thumbnail img.img-fluid {
  border-radius: 4px;
  width: 24px;
  height: 24px;
}

.crm-activity-timeline .activity-avatar.avatar.avatar-xs {
  width: 20px !important;
  height: 20px !important;
}

.mw-28ch {
  width: 28ch;
}

.crm-owner-form .vue-avatar--wrapper span {
  font-weight: 500;
  font-size: 11px;
}

.crm-activity-timeline .activity-avatar .vue-avatar--wrapper {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
}

.notes-tab .form-group {
  margin-bottom: 0;
}

.notes-tab .border-top {
  border-top: 0px !important;
  padding-top: 8px !important;
}

.document-tab .document-btn-pos {
  position: absolute;
  top: 17px;
  right: 25px;
}

.tasks-tab .tasks-btn-pos {
  position: absolute;
  top: 17px;
  right: 25px;
}

.related-tab .related-btn-pos {
  position: absolute;
  top: -65px;
  right: -9px;
}

.deals-form .addMail,
.deals-form .deleteMail {
  height: 30px;
  width: 30px;
  padding: 6px;
  line-height: 18px;
}

.mobile-accordian .not-collapsed {
  border-bottom: 1px solid #edf2f9;
  border-radius: 0px;
}

.managetag:last-child {
  border-bottom: 0px !important;
}

.accounts_table .table-avatar .vue-avatar--wrapper {
  width: 30px !important;
  height: 30px !important;
  position: relative;
  top: 3px;
}

.accounts_table .align-items-center.d-flex.table-avatar h5 {
  font-weight: normal;
  font-size: 14px;
  position: relative;
  bottom: 6px;
}

.prospect-details button.dropdown-item {
  font-size: 14px !important;
  padding: 0px 0px 0px 21px;
}

.modal-dialog.modal-md.add-status-modal {
  width: 450px;
}

.prospects_tab .vue-avatar--wrapper {
  width: 1.6rem !important;
  height: 1.6rem !important;
  max-width: 2rem !important;
}

.h-35px {
  height: 35px;
}

.btn.cadence_chevronup {
  border-right: 1px solid #e3ebf6 !important;
  border-radius: 5px 0px 0px 5px !important;
}

.multiselect__option:after,
.multiselect__option--selected,
.multiselect__option--disabled,
.multiselect__option--highlight,
.multiselect__option--group {
  background-color: #f4f9ff !important;
  color: #000 !important;
  font-weight: normal !important;
}

.multiselect__content-wrapper {
  border-color: #e3ebf6 !important;
  box-shadow: 0 0.5rem 1rem rgb(18 38 63 / 15%) !important;
  height: unset !important;
  padding: 12px 0px !important;
}

.multiselect__option {
  padding: 8px 16px !important;
  border-top: 0px !important;
  line-height: 14px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: unset !important;
  margin: 0px !important;
  margin-bottom: 6px !important;
}

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

.multiselect__input {
  font-size: 0.9375rem !important;
}

.multiselect__option:after {
  font-weight: normal;
  min-height: 0px !important;
  top: -6px !important;
}

.schedule-project-border {
  border-bottom: 1px solid #fafafa;
  margin-bottom: 20px !important;
}

.filter-component-height .multiselect__placeholder {
  padding-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 0.8125rem !important;
  color: #95aac9 !important;
}

.filter-component-height .multiselect__tags {
  min-height: 35px !important;
  font-size: 11px !important;
}

.filter-component-height .multiselect__select {
  line-height: 11px !important;
  font-size: 14px !important;
  color: #95aac9 !important;
}

.filter-component-height .multiselect__select::before {
  color: #95aac9 !important;
}

.filter-component-height .multiselect__tag-icon {
  top: -1px !important;
}

.filter-component-height .component-input-form {
  height: calc(1.75em + 0.25rem + 8px) !important;
  line-height: 1.8 !important;
}

.ui.selection.dropdown {
  height: calc(1.5em + 1rem + 2px) !important;
  padding: 0.5rem 0.75rem !important;
  display: block !important;
  width: 100% !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #12263f !important;
  background-color: #ffffff !important;
  background-clip: padding-box !important;
  border: 1px solid #d2ddec !important;
  border-radius: 0.375rem !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.menu.visible {
  border-color: #d2ddec !important;
}

.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
  box-shadow: none !important;
  border-color: #d2ddec !important;
}

.ui.selection.dropdown:focus-within {
  border-color: #2c7be5 !important;
}

.dropdown.icon {
  padding: 0px !important;
  position: relative !important;
  top: 13px !important;
  right: 4px !important;
}

.dropdown.icon:before {
  font-family: "Feather" !important;
  content: "\e92e" !important;
  font-size: 15px !important;
  color: #95aac9;
  font-weight: normal !important;
}

.form-group .ui.selection.dropdown .menu > .item {
  font-size: 14px;
  padding: 9px 13px !important;
  border-bottom: 0px !important;
  border-top: 0px !important;
  color: #12263f !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.ui.selection.dropdown .menu.visible {
  top: 39px !important;
}

.ui.search.dropdown > .text {
  width: 100% !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  max-width: 100% !important;
}

.task_hovericons {
  opacity: 0;
}

.feedbackup-editorquill .ql-toolbar {
  bottom: 45px !important;
}

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

.task_card .guideflow_hovered .task_hovericons {
  opacity: 1;
}

.prospectly_filters h5.mb-0 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 18ch;
}

.bots_playicon {
  opacity: 0;
}

.bots_card .guideflow_hovered .bots_playicon {
  opacity: 1;
}

.bots_options:last-child {
  border: none !important;
}

.propectsly_bots.modal-dialog-scrollable .modal-content {
  max-height: 280px;
}

.bots_followbutton .btn.px-4.bot-icon.btn-block.btn-outline-primary {
  padding: 7px 7px 7px 7px !important;
  width: auto;
  float: right;
}

.bots_followbutton img.mr-3.img-fluid {
  width: 20px;
  position: relative;
  bottom: 2px;
  margin-right: 6px !important;
}

.botup-tabs .table-avatar .vue-avatar--wrapper {
  width: 23px !important;
  height: 23px !important;
}

.botup-tabs tr.guideflow_hovered .botuptable_icon {
  opacity: 1 !important;
}

.botuptable_icon {
  opacity: 0;
}

.collab-quill-editor .feedbackup-editorquill .ql-formats .ql-bold {
  margin-left: 15px !important;
}

.feedbackup-editorquill .ql-toolbar {
  bottom: 45px !important;
}

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

.feedbackup-update-button {
  position: fixed;
  right: 29px;
  top: 223px;
  z-index: 99;
}

.accounts_relevantprospects button.close.text-dark {
  margin: 0px 0px 0px auto !important;
  position: relative;
  top: 1px;
}

.accounts_relevantprospects .bot-icon.btn.btn-block.btn-outline-primary.px-4 {
  border: 1px solid #e3ebf6;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.prospectly_sidebarbody .prospect_widget {
  transform: rotateX(45deg) !important;
  background-color: white !important;
  border: 1px solid #e3ebf6 !important;
  border-top: 1px solid #e3ebf6 !important;
}

.bottom-84 {
  bottom: 84px;
}

.mailbox_userslist .card-table thead th:first-child,
.mailbox_userslist .card-table tbody td:first-child {
  width: 70px;
}

.addsignature_buttons {
  height: 37px !important;
}

.emails-mobile-responsive .sent_emailsiconsdesktop {
  display: block;
}

.emails-mobile-responsive .sent_emailsiconsmobile {
  display: none;
}

.h-100.mobile_tabsbuttons {
  display: none !important;
}

.pbxplus-hover-folders tr.guideflow_hovered .phone-icon {
  visibility: visible;
}

.h-100.mobile_tabsbuttons {
  display: none !important;
}

@media (min-width: 768px) {
  .currency-dropdown .ui.fluid.search.selection.dropdown {
    position: fixed !important;
    width: 41.66% !important;
  }
}

.refresh-signee-iconmain {
  position: absolute;
  top: 274px;
  right: 39px;
  z-index: 2;
}

.documents-refresh-signemain {
  position: absolute;
  top: 16px;
  right: 30px;
}

.all-user-document-position {
  position: absolute;
  right: 147px;
}

.feedbackup-editor-send .btn-primary {
  position: absolute;
  top: -38px;
  right: 10px;
  z-index: 999;
}

.feedbackup-editor-send .btn-secondary {
  position: absolute;
  top: -38px;
  right: 75px;
  z-index: 999;
}

.feedbackup-editorquill .ql-editor p {
  margin-bottom: 10px !important;
}

.feedbackup-editorquill.projects-editor .ql-container .ql-editor,
.feedbackup-editorquil .collab-quill-editor .ql-container {
  min-height: 53px !important;
  padding-left: 13px !important;
}

.feedback-mobileimage p {
  margin-bottom: 0px;
}

.feedbackup-popover-top {
  top: 0px !important;
  right: 18px !important;
  color: #12263f !important;
  position: absolute;
  z-index: 99;
  background-color: #fff;
  display: none;
}

#popover-target-feedbackup.guideflow_hovered .feedbackup-popover-top {
  display: block;
}

.feedbackup-popover-top.bs-popover-bottom .popover-body span {
  color: #12263f !important;
}

.feedbackup-badge-color .badge-soft-warning {
  color: #d79b04;
  background-color: #fff0cabd;
}

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

.feedbackup-mobile .badge {
  vertical-align: unset !important;
}

.mail-background-codechange pre.ql-syntax {
  color: #1d1c1d !important;
  background-color: #f4f4f46e !important;
  border: 1px solid #ecececa1 !important;
}

.mail-details-codechange pre.ql-syntax {
  padding: 8px !important;
  margin-top: 6px;
  margin-bottom: 10px !important;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.50001;
  font-variant-ligatures: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: #1d1c1d !important;
}

.comment-timeline-editorquill .ql-container.ql-snow {
  min-height: 77px !important;
}

.comment-timeline-editorquill.projects-editor .ql-formats .ql-bold {
  margin-left: 0px !important;
}

.comment-timeline-editor-send .btn-primary {
  position: absolute;
  top: -22px;
  right: 10px;
  z-index: 999;
}

.comment-timeline-editor-send .btn-secondary {
  position: absolute;
  top: -22px;
  right: 75px;
  z-index: 999;
}

/* crmio css */
.crmio-task-checkbox {
  z-index: 0;
}

.kanban-nameinfo .username-info {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 220px;
  white-space: nowrap;
}

.crmio-task-thumbnail {
  width: 36px;
  height: 36px !important;
}

.ninjasiteweb .b-table-empty-row td {
  cursor: default !important;
}

.formresponses_slibeout .nav-tabs {
  margin-left: 27px;
  margin-bottom: 15px;
}

.formsresponses_quilleditor {
  width: 94%;
}

.formsresponses_quilleditor .expandable-editor.support-editor .ql-container .ql-editor {
  max-height: 26vh !important;
}

.formsresponses_quilleditor .support-editor .ql-container .ql-editor {
  min-height: 50px !important;
}

.forms_notes {
  opacity: 0;
}

.notes_formsresponse.guideflow_hovered .forms_notes {
  opacity: 1 !important;
}

.formsresponses_quilleditor .ql-toolbar.ql-snow + .ql-container.ql-snow {
  min-height: 78px !important;
}

.notes_formsresponse .textarea-emoji-control {
  left: 80px;
  top: 85px;
  z-index: 99;
}

.notes_formsresponse .ql-snow.ql-toolbar {
  border-radius: 0px;
  bottom: 44px;
}

.formresponse_tags .multiselect__tags,
.formresponse_tags .multiselect .multiselect__tags {
  padding-right: 30px !important;
}

.w-500 {
  width: 500px;
}

.formsresponse_badgetags {
  vertical-align: middle !important;
}

.formsresponse_badgetags .edit-icon-after.guideflow_hovered::after {
  padding-top: 2px;
}

.formsresponse_card form.form-builder.rounded {
  min-height: 145px;
}

#commentHeight {
  max-height: calc(100vh - 268px);
}

.form_buildersticky {
  background-color: #f6f6f6;
}

.formresponses_slibeout .formresponses_rhs {
  border-color: #edf2f9 !important;
}

.formresponses_slibeout.b-sidebar-body.bg-soft-light.rounded-0 {
  overflow: hidden;
}

.formresponses_slibeout .tab-content {
  max-height: calc(100vh - 158px);
}

.formsresponses_quilleditor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  margin-top: -135px !important;
}

.notes_formsresponse .projects-editor .ql-formats .ql-bold {
  margin-left: 0px !important;
}

.message-reaction-popoverteams.bs-popover-right {
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgb(30 30 30 / 8%);
  overflow: auto;
}

.zapup-channel-changes {
  margin-left: -5px !important;
}

.message-reaction-popoverteams.popover .arrow {
  display: block !important;
}

.message-reaction-popoverteams.popover .arrow::before,
.message-reaction-popoverteams.popover .arrow::after {
  display: block !important;
}

.message-reaction-popoverteams.popover .arrow::before,
.message-reaction-popoverteams.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-right-color: #fff !important;
  border-style: solid;
}

.message-reaction-popoverteams.bs-popover-right > .arrow::before,
.message-reaction-popoverteams.bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0 !important;
  border-width: 0.5rem 0.5rem 0.5rem 0 !important;
  border-right-color: rgb(240 240 240) !important;
}

.message-reaction-popoverteams .popover-body {
  max-height: 300px;
  overflow-y: auto;
}

.message-reaction-popoverteams.b-popover {
  max-height: none !important;
  overflow: initial !important;
  padding: 12px 0px 12px 12px !important;
  width: auto;
}

.teams-thread-message .ql-mention-list-container.ql-mention-list-container-top {
  left: 0px !important;
}

.teams-modal-previewsize .h-100.d-flex.justify-content-center.align-items-center.w-100.modal-preview {
  height: calc(100vh - 20vh) !important;
}

.message-card-editor-mobile .emoji-quill-editor-mobile .ql-audio-recorder,
.message-card-editor-mobile .emoji-quill-editor-mobile .ql-video-recorder {
  padding-top: 5px !important;
}

.teams-cc-container .collab-quill-editor .ql-formats [class^="ql"] {
  margin-left: 0px;
  margin-right: 4px !important;
  margin-top: 0.9px;
}

.popover-gravatar-image img,
.popover-gravatar-image .vue-avatar--wrapper {
  height: 18px !important;
  width: 18px !important;
}

.popover-gravatar-image {
  padding: 6px 2px !important;
}

.site-recording-star-cell .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(2) {
  width: 10px;
  text-align: center;
}

.site-recording-star-cell .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(1) {
  width: 10px;
}

.site-recording-star-cell tbody tr.guideflow_hovered .fe-play-circle {
  color: #2c7be5 !important;
}

.phone-icon-recording {
  display: none;
}

.site-recording-star-cell tbody tr.guideflow_hovered .phone-icon-recording {
  display: block;
}

.siterecording-button-primary {
  position: absolute;
  right: 26px;
  z-index: 2;
  top: 97px;
}

.siterecording-filter-hover.guideflow_hovered .siterecording-filter-delete {
  display: block;
}

.siterecording-filter-delete {
  position: absolute;
  top: 5px;
  right: 3px;
  background: #f2f8ff !important;
  display: none;
}

.slideout-mobile-view .b-sidebar-body.bg-soft-light.rounded-0.p-0.composemail_slidebar {
  padding-left: 0px !important;
}

.email-form-modal.modal-lg {
  max-width: 1500px !important;
}

.mail-background-codechange i.fe.fe-paperclip.text-muted {
  position: relative;
  top: 4px;
}

.reply_mail pre.ql-syntax {
  color: #1d1c1d !important;
  background-color: #f4f4f46e !important;
  border: 1px solid #ecececa1 !important;
}

.modal_composemail .close,
.modal_composemail .close:not(:disabled):not(.disabled):focus {
  padding-left: 18px !important;
}

#send-bot-message .modal-dialog.modal-md {
  width: 490px;
}

.prospectsslideout_header {
  display: flex;
}

.addaccounts_form .vs--single .vs__selected {
  /* width: 200px !important; */
  margin: 0px !important;
}

.addaccounts_form .vs--searchable .vs__dropdown-toggle {
  padding: 0.5rem 0.2rem 0.5rem 0.75rem !important;
  background-color: #ffffff !important;
  cursor: pointer !important;
}

.addaccounts_form .vs__dropdown-toggle {
  border: 1px solid #d2ddec !important;
}

.addaccounts_form .vs__actions {
  padding: 0px 6px 0 3px !important;
}

.addaccounts_form .v-select,
.addaccounts_form .v-select * {
  cursor: pointer !important;
}

.industry_dropdown a.dropdown-item {
  padding-top: 0px;
  padding-left: 16px !important;
}

.top-18px {
  top: 18px;
}

.vue-moments-ago.accounts_lastcantacted {
  font-size: 12px !important;
}

.accounts_companycloumn.guideflow_hovered {
  color: black !important;
}

.top-18px {
  top: 18px;
}

.prospect_task .addtask_form {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
}

.accounts_companyurl.edit-icon-after::after {
  position: absolute;
  top: 208px;
}

.account_address .prospect_add_address.fe.fe-plus {
  position: absolute;
  top: 81% !important;
  right: 25px;
}

.prospect_address .prospect_add_address.fe.fe-plus {
  position: absolute;
  top: 60%;
  right: 25px;
}

.edit-icon-after.prospect_headerline::after {
  position: absolute;
  right: 0px;
  top: 148px;
}

.prospectslideout_addcadence.delete_task.guideflow_hovered {
  color: #e63757;
}

.prospectslideout_addcadence.add_task.guideflow_hovered {
  color: #2c7be5;
}

.prospectly_homeicons a.dropdown-item {
  display: flex;
  align-items: center;
}

.prospect_addtemplate .position-absolute.rightbtn.small.text-primary.top-6 {
  top: -6px !important;
  right: 26px;
}

.task_prospecttab {
  width: 50%;
}

.prospect_createddate {
  border-bottom: 1px solid #edf2f9;
}

.task_prospecttab .vue-avatar--wrapper {
  width: 45px !important;
  max-width: 2rem !important;
  height: 33px !important;
}

#app small,
#app .small {
  font-size: 0.8125rem !important;
  font-weight: 400;
}

.cadence_arrows {
  opacity: 0;
}

.addcadence_card.guideflow_hovered .cadence_arrows {
  opacity: 1;
}

.chatbox-settings {
  margin-top: 2px !important;
}

.ninjachart-port .skipped-chat {
  height: 31.75px;
  border-right: 0px !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.ninjachart-port .skipped-settings {
  border-top-left-radius: 0px !important;
  border-left: 0px !important;
  padding-left: 12px;
  padding-right: 12px;
  border-bottom-left-radius: 0px !important;
}

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

.sign-disabled-pointer .custom-control-input[disabled] ~ .custom-control-label {
  cursor: default;
}

.support-v-select ul li .disabled:disabled {
  cursor: default;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-heading.nav-link .fe.fe-refresh-cw {
  margin-right: 0 !important;
  font-size: 17px !important;
  opacity: 0.5;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-heading.nav-link .fe.fe-refresh-cw.guideflow_hovered {
  opacity: 1 !important;
}

.teams-cc-container .teams-cc-lhs .nav-link .settings-teams-padding {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.plaintext_scroll {
  max-height: calc(100vh - 205px);
}

.bottom-4px {
  bottom: 4px;
}

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

.twitter_linkpros {
  margin-bottom: -13px;
  margin-top: -11px;
}

.font-size-16px {
  font-size: 16px;
}

/* ninjacontent css */
.ninjacontent-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  top: unset !important;
  bottom: 24px !important;
  width: 230px;
  padding: 16px;
  border: 0px;
  border-radius: 6px !important;
  left: -200px !important;
  background-color: #fff !important;
}
.ninjacontent-editor .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #f1f5fa;
}
.filter-tag .keyword-tag {
  display: flex !important;
  align-items: center !important;
  padding: 0px 8px !important;
  line-height: 20px !important;
}
.keyword-tag .close {
  top: 1px;
  position: relative;
  right: -3px;
  font-weight: 100 !important;
  font-size: 17px;
}
.ninjacontent-pagegrader h2 {
  font-size: 18px;
}
.ninjacontent-editor .ql-snow .ql-color-picker .ql-picker-item {
  height: 24px !important;
  width: 24px !important;
  border-radius: 0.325rem !important;
  border: 1px solid #d7d6d6;
}
.ninjacontent-editor .ql-toolbar {
  bottom: 42px !important;
}
.popover-gravatar-image .rounded-circle {
  border-radius: 0.3rem !important;
}

.sign-disabled-pointer .custom-control-input[disabled] ~ .custom-control-label {
  cursor: default;
}

.support-v-select ul li .disabled:disabled {
  cursor: default;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-heading.nav-link .fe.fe-refresh-cw {
  margin-right: 0 !important;
  font-size: 17px !important;
  opacity: 0.5;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-heading.nav-link .fe.fe-refresh-cw.guideflow_hovered {
  opacity: 1 !important;
}

.teams-cc-container .teams-cc-lhs .nav-link .settings-teams-padding {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.calendar_avatar .vue-avatar--wrapper {
  position: relative;
  top: 3px;
}

.projectsly_home .fc-daygrid-event.fc-daygrid-dot-event.fc-event.fc-event-start.fc-event-end.guideflow_hovered {
  background-color: #e5effe;
}

.bottom-2px {
  bottom: 2px;
}

.calendar_avatar .rounded-circle.max-w-30.width-38px {
  position: relative;
  top: 3px;
}

.hipsocial_moredropdown {
  max-height: 200px !important;
  overflow: overlay !important;
  padding-right: 10px !important;
}

.plaintext_scroll {
  max-height: calc(100vh - 205px);
}

.bottom-4px {
  bottom: 4px;
}

.video-recorder-option .vue-recorder.vue-video-recorder + .listening .listening-text .blinking {
  display: inline-block !important;
  margin-left: 5px;
}

.start-recorder-option .recorder-icon {
  margin: 0 auto !important;
  margin-bottom: 10px !important;
}

.start-recorder-option .recorder-icon span:before,
.recorder-video-icon-player {
  background: #2f7be5 !important;
  padding: 11px 12px;
  border-radius: 22px;
  color: #fff !important;
  font-size: 18px !important;
  content: "\e9f7";
  font-family: "Feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin: 15px 0 !important;
}

.start-recorder-option .recorder-icon span {
  font-size: 0;
}

.start-recorder-option .vue-video-recorder .recorder-icon,
.recorder-video-icon-player {
  background: #2f7be5 !important;
  width: 40px;
  height: 40px;
}

.safari-recorder-component .vjs-play-control.vjs-control.vjs-button {
  display: none;
}

.share-message-editor .custom-quill-edit-emoji-picker #Emojis {
  max-height: 23vh !important;
}

.share-message-card-modal .collab-users-dropdown.teams-cc-container .messages-default img {
  max-width: 219px !important;
}

.teams-thread-message .add-reaction-emoji {
  top: 36px !important;
}

.attachment-preview-close button.close {
  top: 12px !important;
}

.thread-child-card-message .add-reaction-emoji #Emojis {
  max-height: 23vh !important;
}

.teams-cc-container .messages-default .in-alignment-width {
  width: auto !important;
}

.comment-details-font .vue-avatar--wrapper {
  font-family: "Cerebri Sans", sans-serif !important;
}

.hovericon-tag .plus_tag {
  color: #317ee6 !important;
  opacity: 2;
}

.accounts_slideoutheader .accountdetails_avatar {
  width: 2rem !important;
  height: 2rem !important;
  max-width: 2rem !important;
}

.prospectslideout_icons {
  opacity: 0;
}

.prospect_slideoutheader .guideflow_hovered .prospectslideout_icons {
  opacity: 1;
}

.prospect-details .phone-editicon.edit-icon-after::after {
  position: absolute;
  top: 183px;
}

.prospect_table .table-hover tbody tr.guideflow_hovered .prospect_tableicon {
  opacity: 1;
}

.prospect_tableicon {
  opacity: 0;
}

.addcandence-icons {
  top: 45px;
  background: none !important;
  right: 40px;
}

.projectform_lablemembers {
  padding-bottom: 4px;
}

.notes-comments .comment-body {
  padding: 1rem 1.25rem !important;
}

.projects_timelinedeleteicon {
  position: absolute;
  right: 145px;
}

.timeline_hide {
  margin-bottom: 2px !important;
}

.task-dependency-avatar {
  position: relative;
  top: -3px;
}

.mobile-task-activity .activities-list-pagination .activity-avatar .avatar-xs .vue-avatar--wrapper span {
  margin-right: 0px !important;
  /* font-size: 12px !important; */
}

.mobile-task-activity .activities-list-pagination .activity-avatar .max-w-30 {
  position: relative;
  top: 4px;
}

.position_forminterview .multiselect__content-wrapper {
  position: relative;
  top: 0px;
}

.support-upload .upload-space {
  text-align: left;
  white-space: normal !important;
  width: 310px;
}

.recording-filter-response {
  position: absolute !important;
  top: 10px !important;
  right: 6px !important;
}

.add-document-quill-editor {
  bottom: 20px !important;
}

.editor-document-save {
  position: absolute;
  z-index: 9999;
  bottom: 13px;
  right: 8px;
}

.sign-comments-editor .signly-quill-editor-border .ql-toolbar {
  bottom: 42px !important;
  padding-left: 10px !important;
}

.sign-comments-editor .quill-editor.discussion-list-comment-box {
  width: 100% !important;
}

.signcolor-comment-section span.mention {
  color: #2c7be5 !important;
  background-color: #edf2f9 !important;
  padding: 0px 6px 2px 5px !important;
  font-size: 15px !important;
  border-radius: 3px !important;
  font-family: "Cerebri Sans", sans-serif !important;
  line-height: 27px !important;
  white-space: nowrap;
}

.gravtar-sign-sizes .avatar.avatar-xs .vue-avatar--wrapper {
  height: 1.65rem !important;
  width: 1.65rem !important;
}

.filter-component-height .multiselect__select {
  line-height: 11px !important;
  font-size: 14px !important;
  color: #95aac9 !important;
}

.filter-component-height .multiselect__select::before {
  color: #95aac9 !important;
}

.sign-comments-editor .quill-editor .ql-editor {
  margin-bottom: 30px !important;
}

.table.b-table.b-table-stacked-md > tbody > tr > td .fe.sign-gravatar-transparent {
  background: transparent !important;
}

.drop-sign-number .dropdown-toggle {
  height: 1.5rem !important;
  width: 1.65rem !important;
}

.filter-component-height .component-input-form {
  height: calc(1.75em + 0.25rem + 8px) !important;
  line-height: 1.8 !important;
}

.mobile-taskslideout-scroll .dropdown-menu.show {
  min-width: 226px !important;
}

.task_nameinput {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 700px;
}

.sign-document-filter #filter-dropdown {
  padding: 2.5px !important;
  right: 33px;
  position: absolute;
}

.sign-comments-editor .ql-mention-list-container.ql-mention-list-container-bottom {
  top: -82px !important;
  left: 14px !important;
}

.ql-mention-list-container {
  width: 400px;
}

.ql-mention-list {
  max-height: 400px !important;
  overflow-y: auto !important;
  margin: 10px 0px !important;
}

.ql-mention-list-item {
  padding: 6px 16px !important;
  line-height: 0px !important;
}

.ql-mention-list-item.selected,
.ql-mention-list-item.guideflow_hovered {
  background-color: #f4f9ff !important;
  color: #000 !important;
  font-weight: normal;
}

.ql-mention-list-container {
  width: 270px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgb(30 30 30 / 8%);
  z-index: 9001;
  overflow: auto;
}

.sign-comments-editor .ql-mention-list .cql-list-item-inner img {
  height: 18px !important;
  width: 18px !important;
}

.ql-mention-list strong {
  font-weight: 500 !important;
  font-size: 14px !important;
  font-family: "Cerebri Sans", sans-serif !important;
  margin-left: 6px !important;
}

.sign-document-filter #filter-collapse {
  right: 0px !important;
  top: 28px;
}

div#recently-uploaded-files-modal .modal-body {
  min-height: 72vh;
}

.voice-mails-gravatars .gravatar-name-color p {
  color: #12263f !important;
  font-size: 15px !important;
}

.statusform-truncate {
  width: 45ch !important;
}

.status-form-data {
  padding-left: 1rem !important;
  line-height: 2 !important;
}

/* Crmio css */
.leads-form .addMail,
.leads-form .deleteMail {
  height: 30px;
  width: 30px;
  padding: 6px;
  line-height: 18px;
}

.country-selector__label {
  display: none;
}

.country-selector.has-value .country-selector__input {
  padding-top: 0px !important;
}

.country-selector__country-flag {
  top: 14px !important;
  left: 13px !important;
}

.vue-phone-number-input .select-country-container {
  -ms-flex: 0 0 110px;
  flex: 0 0 110px !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
}

.leads .b-rating-star {
  margin-right: 5px;
}

.crmio-mail-icon {
  visibility: hidden;
}

.click-phone-icon {
  visibility: hidden;
}

.crmio-document-slideout .tasks-btn-pos {
  position: absolute;
  top: 13px;
  right: 15px;
}

.leads-send.guideflow_hovered .crmio-mail-icon,
.leads-phone.guideflow_hovered .click-phone-icon {
  visibility: visible;
}

.kanban-nameinfo.table-avatar .vue-avatar--wrapper {
  width: 1.85rem !important;
  height: 1.85rem !important;
}

.slideout-addcompany .ml-7.lhs-add {
  margin-left: 80px !important;
  margin-top: -5px;
}

/* .crm-activity-timeline::-webkit-scrollbar {
  width: 10px !important;
} */
.address-modal .form-group {
  margin-bottom: 15px !important;
}

.slideout-header-width {
  width: 650px;
}

.contact-avatar {
  align-self: flex-start;
}

.company-logo .img-thumbnail img {
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
}

.company-slide-img .img-thumbnail {
  width: 35px;
  height: 35px;
}

.company-slide-img .img-thumbnail img.img-fluid {
  border-radius: 4px;
  width: 24px;
  height: 24px;
}

.crm-activity-timeline .activity-avatar.avatar.avatar-xs {
  width: 20px !important;
  height: 20px !important;
}

.mw-28ch {
  width: 28ch;
}

.crm-owner-form .vue-avatar--wrapper span {
  font-weight: 500;
  font-size: 11px;
}

.crm-activity-timeline .activity-avatar .vue-avatar--wrapper {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
}

.notes-tab .form-group {
  margin-bottom: 0;
}

.notes-tab .border-top {
  border-top: 0px !important;
  padding-top: 8px !important;
}

.document-tab .document-btn-pos {
  position: absolute;
  top: 17px;
  right: 25px;
}

.tasks-tab .tasks-btn-pos {
  position: absolute;
  top: 17px;
  right: 25px;
}

.related-tab .related-btn-pos {
  position: absolute;
  top: -65px;
  right: -9px;
}

.deals-form .addMail,
.deals-form .deleteMail {
  height: 30px;
  width: 30px;
  padding: 6px;
  line-height: 18px;
}

.mobile-accordian .not-collapsed {
  border-bottom: 1px solid #edf2f9;
  border-radius: 0px;
}

.managetag:last-child {
  border-bottom: 0px !important;
}

.accounts_table .table-avatar .vue-avatar--wrapper {
  width: 20px !important;
  height: 20px !important;
}

.accounts_table .align-items-center.d-flex.table-avatar h5 {
  font-weight: normal;
  font-size: 14px;
}

.prospect-details button.dropdown-item {
  font-size: 14px !important;
  padding: 0px 0px 0px 21px;
}

.modal-dialog.modal-md.add-status-modal {
  width: 450px;
}

.prospects_tab .vue-avatar--wrapper {
  width: 1.6rem !important;
  height: 1.6rem !important;
  max-width: 2rem !important;
}

.h-35px {
  height: 35px;
}

.btn.cadence_chevronup {
  border-right: 1px solid #e3ebf6 !important;
  border-radius: 5px 0px 0px 5px !important;
}

.multiselect__option:after,
.multiselect__option--selected,
.multiselect__option--disabled,
.multiselect__option--highlight,
.multiselect__option--group {
  background-color: #f4f9ff !important;
  color: #000 !important;
  font-weight: normal !important;
}

.multiselect__content-wrapper {
  border-color: #e3ebf6 !important;
  box-shadow: 0 0.5rem 1rem rgb(18 38 63 / 15%) !important;
  height: unset !important;
  padding: 12px 0px !important;
}

.multiselect__option {
  padding: 8px 16px !important;
  border-top: 0px !important;
  line-height: 14px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: unset !important;
  margin: 0px !important;
  margin-bottom: 6px !important;
}

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

.multiselect__input {
  font-size: 0.9375rem !important;
}

.multiselect__option:after {
  font-weight: normal;
  min-height: 0px !important;
  top: -6px !important;
}

.schedule-project-border {
  border-bottom: 1px solid #fafafa;
  margin-bottom: 20px !important;
}

.filter-component-height .multiselect__placeholder {
  padding-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 0.8125rem !important;
  color: #95aac9 !important;
}

.filter-component-height .multiselect__tags {
  min-height: 35px !important;
  font-size: 11px !important;
}

.filter-component-height .multiselect__select {
  line-height: 11px !important;
  font-size: 14px !important;
  color: #95aac9 !important;
}

.filter-component-height .multiselect__select::before {
  color: #95aac9 !important;
}

.filter-component-height .multiselect__tag-icon {
  top: -1px !important;
}

.filter-component-height .component-input-form {
  height: calc(1.75em + 0.25rem + 8px) !important;
  line-height: 1.8 !important;
}

.ui.selection.dropdown {
  height: calc(1.5em + 1rem + 2px) !important;
  padding: 0.5rem 0.75rem !important;
  display: block !important;
  width: 100% !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #12263f !important;
  background-color: #ffffff !important;
  background-clip: padding-box !important;
  border: 1px solid #d2ddec !important;
  border-radius: 0.375rem !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.menu.visible {
  border-color: #d2ddec !important;
}

.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
  box-shadow: none !important;
  border-color: #d2ddec !important;
}

.ui.selection.dropdown:focus-within {
  border-color: #2c7be5 !important;
}

.dropdown.icon {
  padding: 0px !important;
  position: relative !important;
  top: 13px !important;
  right: 4px !important;
}

.dropdown.icon:before {
  font-family: "Feather" !important;
  content: "\e92e" !important;
  font-size: 15px !important;
  color: #95aac9;
  font-weight: normal !important;
}

.form-group .ui.selection.dropdown .menu > .item {
  font-size: 14px;
  padding: 9px 13px !important;
  border-bottom: 0px !important;
  border-top: 0px !important;
  color: #12263f !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.ui.selection.dropdown .menu.visible {
  top: 39px !important;
}

.ui.search.dropdown > .text {
  width: 100% !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  max-width: 100% !important;
}

.task_hovericons {
  opacity: 0;
}

.feedbackup-editorquill .ql-toolbar {
  bottom: 45px !important;
}

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

.task_card .guideflow_hovered .task_hovericons {
  opacity: 1;
}

.prospectly_filters h5.mb-0 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 18ch;
}

.bots_playicon {
  opacity: 0;
}

.bots_card .guideflow_hovered .bots_playicon {
  opacity: 1;
}

.bots_options:last-child {
  border: none !important;
}

.propectsly_bots.modal-dialog-scrollable .modal-content {
  max-height: 280px;
}

.bots_followbutton .btn.px-4.bot-icon.btn-block.btn-outline-primary {
  padding: 7px 7px 7px 7px !important;
  width: auto;
  float: right;
}

.bots_followbutton img.mr-3.img-fluid {
  width: 20px;
  position: relative;
  bottom: 2px;
  margin-right: 6px !important;
}

.botup-tabs .table-avatar .vue-avatar--wrapper {
  width: 23px !important;
  height: 23px !important;
}

.botup-tabs tr.guideflow_hovered .botuptable_icon {
  opacity: 1 !important;
}

.botuptable_icon {
  opacity: 0;
}

.collab-quill-editor .feedbackup-editorquill .ql-formats .ql-bold {
  margin-left: 15px !important;
}

.feedbackup-editorquill .ql-toolbar {
  bottom: 45px !important;
}

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

.feedbackup-update-button {
  position: fixed;
  right: 29px;
  top: 223px;
  z-index: 99;
}

.accounts_relevantprospects button.close.text-dark {
  margin: 0px 0px 0px auto !important;
  position: relative;
  top: 1px;
}

.accounts_relevantprospects .bot-icon.btn.btn-block.btn-outline-primary.px-4 {
  border: 1px solid #e3ebf6;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.prospectly_sidebarbody .prospect_widget {
  transform: rotateX(45deg) !important;
  background-color: white !important;
  border: 1px solid #e3ebf6 !important;
  border-top: 1px solid #e3ebf6 !important;
}

.bottom-84 {
  bottom: 84px;
}

.mailbox_userslist .card-table thead th:first-child,
.mailbox_userslist .card-table tbody td:first-child {
  width: 70px;
}

.addsignature_buttons {
  height: 37px !important;
}

.emails-mobile-responsive .sent_emailsiconsdesktop {
  display: block;
}

.emails-mobile-responsive .sent_emailsiconsmobile {
  display: none;
}

.h-100.mobile_tabsbuttons {
  display: none !important;
}

.pbxplus-hover-folders tr.guideflow_hovered .phone-icon {
  visibility: visible;
}

.h-100.mobile_tabsbuttons {
  display: none !important;
}

@media (min-width: 768px) {
  .currency-dropdown .ui.fluid.search.selection.dropdown {
    position: fixed !important;
    width: 41.66% !important;
  }
}

.feedbackup-infinity-mobilebutton {
  position: fixed;
  right: 29px;
  bottom: 19px;
  z-index: 99;
}

.send-infinity-icon {
  transform: rotate(42deg);
  position: relative;
  left: -2px;
}

.feedbackup-infinity-comments .quill-comment-editor.discussion-list-comment-box {
  position: fixed;
  bottom: 0;
  width: 72%;
}

.comment-validation {
  right: 37px;
  margin-top: 5px !important;
}

@media (min-width: 768px) {
  .currency-dropdown .ui.fluid.search.selection.dropdown {
    position: fixed !important;
    width: 41.66% !important;
  }
}

/* crmio css */
.pelette-control .CodeMirror.cm-s-mdn-like {
  height: 59vh;
}

.components_css_helper .icon-size.formslhs_card {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin: 0px 0px 10px 0px !important;
}

.formbuilder_lhs .formbuilder_lh_sticky.components_css_helper {
  width: 135px !important;
}

.formbuilder_lh_sticky.components_css_helper .formtoolbar {
  left: 0px !important;
}

.form_buildersticky .form-builder-css-helper.formbuilder-mainbody {
  margin-left: 0px !important;
}

.css_helper_buliderlhs {
  max-width: 12% !important;
}

.form_buildersticky .components_css_helper .iconwidth {
  width: 81% !important;
}

.components_css_helper .grid_layout {
  left: 13px;
}

.custom_grids_icon {
  opacity: 0;
}

.components_css_helper .custom_grids_icon {
  opacity: 1 !important;
}

.components_css_helper .custom_grids_content {
  opacity: 0 !important;
}

.forms_wizardform {
  margin-left: 162px;
}

.css_helper_form .forms_wizardform {
  margin-left: 0px !important;
}

.formsresponses_quilleditor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  margin-top: -135px !important;
}

.notes_formsresponse .projects-editor .ql-formats .ql-bold {
  margin-left: 0px !important;
}

.success_messgae {
  position: absolute;
  left: 50%;
  top: 72px;
  z-index: 99;
}

.formssend_button {
  position: absolute;
  left: 70%;
  bottom: 15px;
  z-index: 99;
}

.formresponses_slibeout .vue-avatar--wrapper {
  position: relative;
  bottom: 12px;
}

.formresponses_slibeout .small.text-muted.mb-0 {
  position: relative;
  bottom: 3px;
}

.plaintext_form {
  max-height: calc(100vh - 194px);
}

.message-reaction-popoverteams.bs-popover-right {
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgb(30 30 30 / 8%);
  overflow: auto;
}

.zapup-channel-changes {
  margin-left: -5px !important;
}

.message-reaction-popoverteams.popover .arrow {
  display: block !important;
}

.message-reaction-popoverteams.popover .arrow::before,
.message-reaction-popoverteams.popover .arrow::after {
  display: block !important;
}

.message-reaction-popoverteams.popover .arrow::before,
.message-reaction-popoverteams.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-right-color: #fff !important;
  border-style: solid;
}

.message-reaction-popoverteams.bs-popover-right > .arrow::before,
.message-reaction-popoverteams.bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0 !important;
  border-width: 0.5rem 0.5rem 0.5rem 0 !important;
  border-right-color: rgb(240 240 240) !important;
}

.message-reaction-popoverteams .popover-body {
  max-height: 300px;
  overflow-y: auto;
}

.message-reaction-popoverteams.b-popover {
  max-height: none !important;
  overflow: initial !important;
  padding: 12px 0px 12px 12px !important;
  width: auto;
}

.teams-thread-message .ql-mention-list-container.ql-mention-list-container-top {
  left: 0px !important;
}

.teams-modal-previewsize .h-100.d-flex.justify-content-center.align-items-center.w-100.modal-preview {
  height: calc(100vh - 20vh) !important;
}

.message-card-editor-mobile .emoji-quill-editor-mobile .ql-audio-recorder,
.message-card-editor-mobile .emoji-quill-editor-mobile .ql-video-recorder {
  padding-top: 5px !important;
}

.teams-cc-container .collab-quill-editor .ql-formats [class^="ql"] {
  margin-left: 0px;
  margin-right: 4px !important;
  margin-top: 0.9px;
}

.popover-gravatar-image img,
.popover-gravatar-image .vue-avatar--wrapper {
  height: 18px !important;
  width: 18px !important;
}

.popover-gravatar-image {
  padding: 6px 2px !important;
}

.site-recording-star-cell .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(2) {
  width: 10px;
  text-align: center;
}

.site-recording-star-cell .table.b-table.b-table-stacked-md > tbody > tr > td:nth-child(1) {
  width: 10px;
}

.site-recording-star-cell tbody tr.guideflow_hovered .fe-play-circle {
  color: #2c7be5 !important;
}

.phone-icon-recording {
  display: none;
}

.site-recording-star-cell tbody tr.guideflow_hovered .phone-icon-recording {
  display: block;
}

.siterecording-button-primary {
  position: absolute;
  right: 26px;
  z-index: 2;
  top: 97px;
}

.siterecording-filter-hover.guideflow_hovered .siterecording-filter-delete {
  display: block;
}

.siterecording-filter-delete {
  position: absolute;
  top: 5px;
  right: 3px;
  background: #f2f8ff !important;
  display: none;
}

.slideout-mobile-view .b-sidebar-body.bg-soft-light.rounded-0.p-0.composemail_slidebar {
  padding-left: 0px !important;
}

.mail-background-codechange i.fe.fe-paperclip.text-muted {
  position: relative;
  top: 4px;
}

.reply_mail pre.ql-syntax {
  color: #1d1c1d !important;
  background-color: #f4f4f46e !important;
  border: 1px solid #ecececa1 !important;
}

.modal_composemail .close,
.modal_composemail .close:not(:disabled):not(.disabled):focus {
  padding-left: 18px !important;
}

#send-bot-message .modal-dialog.modal-md {
  width: 490px;
}

.prospectsslideout_header {
  display: flex;
}

.addaccounts_form .vs--single .vs__selected {
  /* width: 200px !important; */
  margin: 0px !important;
}

.addaccounts_form .vs--searchable .vs__dropdown-toggle {
  padding: 0.5rem 0.2rem 0.5rem 0.75rem !important;
  background-color: #ffffff !important;
  cursor: pointer !important;
}

.addaccounts_form .vs__dropdown-toggle {
  border: 1px solid #d2ddec !important;
}

.addaccounts_form .vs__actions {
  padding: 0px 6px 0 3px !important;
}

.addaccounts_form .v-select,
.addaccounts_form .v-select * {
  cursor: pointer !important;
}

.industry_dropdown a.dropdown-item {
  padding-top: 0px;
  padding-left: 16px !important;
}

.top-18px {
  top: 18px;
}

.prospect_task .addtask_form {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
}

.accounts_companyurl.edit-icon-after::after {
  position: absolute;
  top: 208px;
}

.account_address .prospect_add_address.fe.fe-plus {
  position: absolute;
  top: 81% !important;
  right: 25px;
}

.prospect_address .prospect_add_address.fe.fe-plus {
  position: absolute;
  top: 60%;
  right: 25px;
}

.edit-icon-after.prospect_headerline::after {
  position: absolute;
  right: 0px;
  top: 148px;
}

.prospectslideout_addcadence.delete_task.guideflow_hovered {
  color: #e63757;
}

.prospectslideout_addcadence.add_task.guideflow_hovered {
  color: #2c7be5;
}

.prospectly_homeicons a.dropdown-item {
  display: flex;
  align-items: center;
}

#app small,
#app .small {
  font-size: 0.8125rem !important;
  font-weight: 400;
}

.cadence_arrows {
  opacity: 0;
}

.addcadence_card.guideflow_hovered .cadence_arrows {
  opacity: 1;
}

.chatbox-settings {
  margin-top: 2px !important;
}

.ninjachart-port .skipped-chat {
  height: 31.75px;
  border-right: 0px !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.ninjachart-port .skipped-settings {
  border-top-left-radius: 0px !important;
  border-left: 0px !important;
  padding-left: 12px;
  padding-right: 12px;
  border-bottom-left-radius: 0px !important;
}

.dailer-position {
  bottom: 75px !important;
  position: fixed !important;
  top: unset !important;
  left: 190px !important;
}

.formsresponses_quilleditor .ql-editor p {
  width: 70%;
}

.popover-gravatar-image .rounded-circle {
  border-radius: 0.3rem !important;
}

.sign-disabled-pointer .custom-control-input[disabled] ~ .custom-control-label {
  cursor: default;
}

.support-v-select ul li .disabled:disabled {
  cursor: default;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-heading.nav-link .fe.fe-refresh-cw {
  margin-right: 0 !important;
  font-size: 17px !important;
  opacity: 0.5;
}

.teams-cc-container .teams-cc-lhs .teams-lhs-heading.nav-link .fe.fe-refresh-cw.guideflow_hovered {
  opacity: 1 !important;
}

.teams-cc-container .teams-cc-lhs .nav-link .settings-teams-padding {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.hipsocial_moredropdown {
  max-height: 200px !important;
  overflow: overlay !important;
  padding-right: 10px !important;
}

.plaintext_scroll {
  max-height: calc(100vh - 205px);
}

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

.bottom-4px {
  bottom: 4px;
}

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

.twitter_linkpros {
  margin-bottom: -13px;
  margin-top: -11px;
}

.font-size-16px {
  font-size: 16px;
}

.popover-gravatar-image .rounded-circle {
  border-radius: 0.3rem !important;
}

.sign-disabled-pointer .custom-control-input[disabled] ~ .custom-control-label {
  cursor: default;
}

.calendar_avatar .vue-avatar--wrapper {
  position: relative;
  top: 3px;
}

.projectsly_home .fc-daygrid-event.fc-daygrid-dot-event.fc-event.fc-event-start.fc-event-end.guideflow_hovered {
  background-color: #e5effe;
}

.bottom-2px {
  bottom: 2px;
}

.calendar_avatar .rounded-circle.max-w-30.width-38px {
  position: relative;
  top: 3px;
}

.plaintext_scroll {
  max-height: calc(100vh - 205px);
}

.draggagle-item .form-check-label {
  font-weight: normal !important;
}

.bottom-4px {
  bottom: 4px;
}

.hipsocial_moredropdown {
  max-height: 200px !important;
  overflow: overlay !important;
  padding-right: 10px !important;
}

.addpost_btngroup.guideflow_hovered {
  color: black !important;
}

.openai_content {
  max-height: 120px !important;
  overflow: auto;
}

.openai_card {
  height: 250px !important;
}

.openai_card {
  height: 220px !important;
}

.outreachlyopenai_content {
  max-height: 103px !important;
  overflow: auto;
}

.addpost_btngroup.guideflow_hovered {
  color: #040404 !important;
}

#generate_content .modal-dialog.modal-md {
  max-width: 800px;
}

#generate_content .modal-body {
  background: #f9fbfd !important;
  border-radius: 0px 0px 10px 10px !important;
}

.max-width-750 {
  max-width: 700px !important;
}

.max-width-780 {
  max-width: 780px !important;
}
.search-overlap-email .crud-pagination .search-overlap-crud .vue-tags-input {
  width: 300px !important;
}
.search-overlap-automation .crud-pagination .search-overlap-crud .vue-tags-input {
  width: 500px !important;
}
@media (min-width: 1024px) and (max-width: 1600px) {
  .search-overlap-email .crud-pagination .search-overlap-crud .vue-tags-input {
    width: 250px !important;
  }
}
.bottom-37px {
  bottom: 37px;
}
.membergravatar_class img.rounded-circle.max-w-30.width-38px,
.membergravatar_class .avatar.avatar-xs,
.projects_memberdropdown .vue-avatar--wrapper,
.projects_memberdropdown .avatar.avatar-xs,
.projects_memberdropdown img.rounded-circle.max-w-30.width-38px,
.bg-white.membergravatar_class .vue-avatar--wrapper {
  width: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
}
.membergravatar_class {
  padding: 4px 6px !important;
}

.projects_memberdropdown .add-user-avatar .dropdown-menu.dropdown-menu-right.display-users-dropdown.w-218 {
  width: 340px !important;
  max-height: 350px !important;
  overflow: auto;
  padding-right: 25px;
}
#members img.rounded-circle.max-w-30.width-38px,
#members .vue-avatar--wrapper {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
}
.membersdropdown-user {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.projects_memberdropdown input:focus {
  border-color: #d2ddec !important;
}
#members .add-user-avatar .dropdown-menu.dropdown-menu-right.w-218 {
  width: 300px !important;
  max-height: 350px !important;
  overflow: auto;
}
.projects_memberdropdown .membergravatar_class,
#members .membergravatar_class {
  cursor: default !important;
}
.crud-searchoverlap-custom .crud-pagination .search-overlap-crud .vue-tags-input {
  width: 500px !important;
}
.crud-searchoverlap-filter-custom .crud-pagination .search-overlap-crud .vue-tags-input {
  width: 400px !important;
}
@media (min-width: 1024px) and (max-width: 1600px) {
  .crud-searchoverlap-custom .crud-pagination .search-overlap-crud .vue-tags-input,
  .crud-searchoverlap-filter-custom .crud-pagination .search-overlap-crud .vue-tags-input {
    width: 200px !important;
  }
}
#dropdown-right .memberdropdown-mobile.add-avatar-top {
  padding: 14px 19px 16px 15px;
  min-width: 30px !important;
}
/* homescreen customization */
nav#sidebar ~ .main-content .padding-0-34px {
  padding: 0px 15px !important;
}
nav#sidebar ~ .main-content .font-size-1-2rem,
.dashboard-rhs h4 {
  font-size: 1.2rem !important;
}
nav#sidebar ~ .main-content .font-size-10 {
  font-size: 9px !important;
  line-height: 16px !important;
}
.player-control .player {
  max-width: 100% !important;
  height: 100% !important;
}
.player-control {
  border-radius: 6px !important;
  height: 66vh !important;
}
.close.position-absolute {
  top: -40px;
  right: -40px;
}
.player-control .vp-video-wrapper {
  border-radius: 6px !important;
}
.single-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dashboard .nav-tabs .nav-link {
  padding: 0rem 0px 0.5rem 0px !important;
}
.boder-light {
  border-bottom: 1px solid #f0f3f6;
}
.hide {
  max-height: 70vh;
  overflow: hidden;
}
.hide.guideflow_hovered {
  max-height: 70vh;
  overflow: auto;
}
.hide::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.badge-soft-warning-plan {
  color: #f6c343;
  background-color: #ffe821a1;
}
.first::first-letter {
  text-transform: capitalize !important;
}
.w-40px {
  width: 40px;
}
.video-component {
  width: 100%;
  position: relative;
  min-height: 65vh;
}
.dashboard-video-component .vc-lhs-div {
  max-height: 560px;
}
.download-desk {
  /* background-image: url(https://html-assets-prod.guideflow.com/491da871e0398ae89306d863b32cad1d85bbb6b0); */
  background-size: calc(100% - 47%);
  background-repeat: no-repeat;
  background-position: right 16px;
  border-bottom-right-radius: 8px;
}
#app .width-145px {
  width: 48px !important;
  height: 48px !important;
  margin-right: 13px !important;
}
.windows {
  background: #daf4fe !important;
}
.linux {
  background: #fff1e4;
}
.apple {
  background: #f7f2fd;
}
.payment-bg {
  background: rgb(249 241 217) !important;
}
.payment-font {
  line-height: 22px !important;
  font-size: 1rem !important;
}
.dashboard-rhs .card-body {
  padding: 1rem !important;
}
.dashboard-rhs h4 {
  font-size: 1.2rem !important;
  margin-bottom: 5px !important;
  font-weight: 600;
}
.dashboard-rhs .width-145px {
  width: auto !important;
  border-radius: 0.3rem !important;
  height: auto !important;
}
.dashboard-rhs .text-gray-700,
.home-screen .text-gray-700 {
  color: #3b506c !important;
}
.font-size-heading {
  font-size: 1.2rem !important;
}
#app .padding-20px {
  padding: 20px !important;
}
#app .onboarding-font {
  font-size: 1rem !important;
  margin-bottom: 0px !important;
}
.profile-card a {
  color: #12263f;
}
.profile-card .text-success-dark,
.profile-card .text-success-dark .text-dark,
.profile-card .text-success-dark a {
  color: #b2b2b2 !important;
}

.dashboard-rhs .card {
  margin-bottom: 1.1rem;
}
.dashboard-rhs .mr-3 {
  margin-right: 0.9rem !important;
}
.padding-1rem {
  padding: 1rem !important;
}
.recent-apps-bg {
  background: #f5f9ff94 !important;
}
.home-screen .card {
  border: 1px solid #eff5fabf;
  box-shadow: 0px 2px 3px 3px #f1f6fb38;
}
img.rounded.app-color-hover {
  height: 45px;
}
.padding-15px {
  border-radius: 1rem !important;
}
.font-weight-600 {
  font-weight: 600;
}
.dashboard-headings {
  font-weight: 600;
  font-size: 1.1rem !important;
}
.left-min-5 {
  left: -5px;
}
.card.recent-apps-bg {
  box-shadow: none !important;
}
.upgrade-badge {
  background: #ffd01d45 !important;
  padding: 7px 10px 5px 10px !important;
  font-size: 10px !important;
  text-transform: uppercase;
  font-weight: 900;
}
.upgrade-bg {
  height: 428px;
  background: url(https://html-assets-prod.guideflow.com/f53cb012f08ebf9582af42b67fb045b76931d64a) no-repeat bottom right;
  background-size: 69%;
}
.why-500apps {
  position: absolute;
  bottom: 20px;
}
.download-app ul {
  width: 85px;
  margin-left: auto;
  border: 0px;
  position: absolute;
  left: 200px;
  top: 74px;
  z-index: 99;
}
.download-app .nav-tabs .nav-link.active,
.download-app .nav-tabs .nav-item.show .nav-link {
  border: 0px;
}
.download-app .nav-tabs .nav-link {
  font-size: 0.9rem;
  padding: 0px !important;
}
.download-app .nav-tabs .nav-item {
  margin-right: 5px !important;
  margin-left: 0px !important;
}
.max-width-180px {
  max-width: 180px !important;
}
.bg-green {
  background: #eefff133 !important;
}
.bg-red {
  background: #f4dcf41a !important;
}
.bg-blue {
  background: #c2e4ea1c !important;
}
.bg-yellow {
  background: #efe3bf24 !important;
}
.app-bg {
  background: #f7f7f7 !important;
  padding: 6px;
  font-size: 15px;
  border-radius: 0.25rem;
}
.getstarted-bg {
  background: url(https://html-assets-prod.guideflow.com/cafbae9275f38353c68def0ad7f359d0dfcab660) no-repeat;
  background-size: 166px;
  background-position: bottom right;
}
.font-size-1-4rem {
  font-size: 1.3rem !important;
}
.font-size-1-2rem {
  font-size: 1.3rem !important;
}
.padding-0-34px {
  padding: 0px 34px !important;
}
.download-mobile {
  height: 190px;
  position: absolute;
  top: -46px;
  left: 9px;
}
.pt-50 {
  padding-top: 50px !important;
}
.ml-190 {
  margin-left: 190px !important;
}
.bg-blue-one {
  border-radius: 0.25rem;
  display: flex;
  margin-right: 2px;
}
.category-image {
  height: 40px;
  width: 40px;
}
.stages ::marker {
  color: #ebebeb !important ;
}
.suite-stage-height {
  min-height: 450px;
}
.padding-16px {
  padding: 6px 8px !important;
  border: 1px dashed #d6e6ff66 !important;
}
#app .list-font {
  font-size: 0.9375rem !important;
  line-height: 21px;
  margin: 8px 0px !important;
}
.padding-left-18 {
  padding-left: 18px !important;
  padding-top: 4px !important;
}
#app .home-screen .font-size-10 {
  font-size: 12px !important;
}
#app .home-screen .font-size-13 {
  font-size: 16px !important;
  line-height: 24px !important;
}
.right-arrow:after {
  content: "\e912";
  font-family: "Feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  position: absolute;
  right: -21px;
  color: #e0e0de;
  top: 23px;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.h-35 {
  height: 35px !important;
}
.bg-light-2 {
  background-color: #edf2f9b8 !important;
}
.flex-overflow {
  flex-wrap: inherit !important;
  overflow: hidden;
}
.flex-overflow.guideflow_hovered {
  overflow: overlay !important;
}
.flex-overflow::-webkit-scrollbar {
  height: 8px;
  width: 5px;
}
.flex-overflow::-webkit-scrollbar-thumb {
  background-color: #d5d5d5;
  border-radius: 10px;
}
.list-font.guideflow_hovered,
.card-body.guideflow_hovered .hover-blue {
  color: #2c7be5;
  cursor: pointer;
}
@media (min-width: 1024px) and (max-width: 1370px) {
  nav#sidebar ~ .main-content .font-size-1-2rem,
  .dashboard-rhs h4 {
    font-size: 1rem !important;
  }
  .font-size-1-2rem,
  .dashboard-rhs h4 {
    font-size: 1rem !important;
  }
  .padding-0-34px {
    padding: 0px 15px !important;
  }
  .header-title {
    margin-bottom: 0;
    font-size: 1.4rem;
  }
  #app .recent-apps-width {
    flex: 0 0 16% !important;
    max-width: 16% !important;
  }
  .font-size-1-4rem {
    font-size: 1.2rem !important;
  }
  .mobile-font-85,
  #app .onboarding-font,
  .dashboard-rhs .text-gray-700,
  .home-screen .text-gray-700,
  #app .list-font,
  nav#sidebar ~ .main-content {
    font-size: 85% !important;
    line-height: 18px !important;
  }
  .mobile-font {
    font-size: 75% !important;
  }
  #app .width-145px {
    width: 40px !important;
    height: 40px !important;
    margin-right: 12px !important;
  }
  .dashboard-rhs .card-body {
    padding: 0.8rem !important;
  }
  #app .padding-15px {
    padding: 16px 2px !important;
  }
  img.rounded.app-color-hover {
    height: 38px !important;
    border-radius: 0.25rem !important;
  }
  #app .padding-20px {
    padding: 18px !important;
  }
  .home-screen .nav-tabs .nav-link {
    font-size: 0.8rem !important;
  }
  #app .font-size-13 {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  #app .font-size-10 {
    font-size: 0.7rem !important;
  }
  #app .padding-left-18 {
    padding-left: 12px !important;
    padding-top: 4px !important;
  }
  .download-app ul {
    left: 196px;
    top: 52px;
  }
  .pt-50 {
    padding-top: 31px !important;
  }
  .download-mobile {
    top: -32px;
    left: 9px;
    height: 170px !important;
  }
  .h-170 {
    height: 170px !important;
  }
  #app .h-35 {
    height: 35px !important;
    margin-top: 0px !important;
  }
}
@media (min-width: 992px) {
  #app .home-screen .container {
    max-width: 1165px;
  }
}
@media (min-width: 1200px) {
  #app .home-screen .container {
    max-width: 1240px;
  }
  #dropdown-right .memberdropdown-mobile.add-avatar-top {
    padding: 14px 19px 16px 15px;
    min-width: 30px !important;
  }
}
.top-menu .avatar-online-chat::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 11px;
  height: 8px !important;
  width: 8px;
  border-radius: 100%;
}
.text-none {
  display: none;
}
#sidebar .text-none {
  display: none;
}
.side-menu-help .dropdown-toggle {
  display: flex !important;
  padding-left: 0px !important;
}

.side-menu-help .dropdown-menu {
  bottom: 53px !important;
  position: fixed !important;
  top: unset !important;
  left: 0;
  width: 20%;
}
.icon-menu-help .dropdown-menu {
  width: 275px !important;
}
.bottom-divider {
  border-bottom: 1px solid #edf2f9;
}
.navbar-vertical.navbar-expand-lg .navbar-brand {
  padding-top: 5px !important;
}
.top-menu-item .nav-link {
  padding: 0.35rem 1.5rem !important;
  font-size: 0.9rem !important;
}
.bottom-menu a.nav-link {
  padding: 0.3rem 1.5rem !important;
}
.fe-menu-font {
  font-size: 1.0625rem;
}
.drop-right .dropdown-menu {
  left: -58px !important;
}
.side-menu-profile {
  display: none !important;
}
nav#sidebar .navbar-brand-img {
  margin-top: 0px !important;
}
.navbar-gravtar .width-38px {
  max-width: 2.3rem !important;
  height: 2.3rem !important;
  width: 2.3rem !important;
}
#sidebarSmall .workspace-dropdown,
#sidebarSmall .icon-menu-item {
  display: none;
}
.font-size-1-3 {
  font-size: 1.3rem !important;
}
#sidebarSmall .icon-d-block,
#sidebarSmall .dropup .dropdown-toggle::after {
  display: block !important;
}
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
  padding: 0.3rem 1.5rem;
}
#app .container-fluid.p-0.teams-cc-container.theme-white {
  height: calc(100vh - 54px) !important;
  padding: 0px !important;
}
ul.dropdown-menu.dropdown-menu-right .fe {
  font-size: 1rem !important;
}
#sidebarSmall .side-menu-profile {
  display: block !important;
}
img.onhoverdialer-pbxplus {
  height: 1.06rem !important;
}
.main-content,
nav#sidebar,
nav#sidebarSmall {
  transition: all 200ms cubic-bezier(0.4, 0, 1, 1);
}
.navbar-vertical .navbar-nav .nav-item[aria-expanded="true"] .nav-link:after {
  display: none !important;
}
.nav-sm .nav-link {
  font-size: 0.85rem !important;
}
.top-menu-item .my-app .nav-link {
  text-transform: uppercase;
  font-size: 0.68rem !important;
  letter-spacing: 0.04em;
  padding-bottom: 0px !important;
}
#app .dropdown-menu {
  box-shadow: 0px 2px 1rem 0px rgb(18 38 63 / 10%) !important;
  border: 0;
  margin-top: 0px !important;
}
/* .navbar-toggler-icon.guideflow_hovered {
  filter: brightness(0) invert(1);
} */
@media only screen and (max-width: 768px) {
  #app nav#sidebar.navbar-vertical.navbar-expand-lg {
    padding: 8px 0px !important;
  }
  .dropup.align-items-center.border-top {
    padding: 24px 20px 16px 20px !important;
  }
  .app_scroll {
    max-height: calc(100vh - 280px) !important;
  }
  #app .add-app-btn {
    margin: 10px 0px !important;
  }
  .workspace-btn .dropdown-menu.show {
    position: fixed;
    left: unset !important;
    transform: unset !important;
    right: 8px !important;
    top: 55px !important;
  }
}
div#dropdown-dialer .dropdown-menu {
  box-shadow: unset !important;
}
/* container width */
/* @media (min-width: 768px) {
  #sidebarSmall ~ .main-content .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    max-width: 880px;
  }
  #sidebar ~ .main-content .container {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media (min-width: 992px) {
  #sidebar ~ .main-content .container,
  #sidebar ~ .main-content .container-sm,
  #sidebar ~ .main-content .container-md,
  #sidebar ~ .main-content .container-lg {
    max-width: 1210px;
  }
  #sidebarSmall ~ .main-content .container,
  #sidebarSmall ~ .main-content .container-sm,
  #sidebarSmall ~ .main-content .container-md,
  #sidebarSmall ~ .main-content .container-lg {
    max-width: 1075px;
  }
  .child-menu {
    max-height: 270px !important;
  }
}
@media (min-width: 1200px) {
  #sidebar ~ .main-content .container,
  #sidebar ~ .main-content .container-sm,
  #sidebar ~ .main-content .container-md,
  #sidebar ~ .main-content .container-lg {
    max-width: 1600px;
  }
  #sidebarSmall ~ .main-content .container,
  #sidebarSmall ~ .main-content .container-sm,
  #sidebarSmall ~ .main-content .container-md,
  #sidebarSmall ~ .main-content .container-lg {
    max-width: 1218px;
  }
  .child-menu {
    max-height: 350px !important;
  }
}
/* @media (min-width: 1360px) {
  #sidebar ~ .main-content .container,
  #sidebar ~ .main-content .container-sm,
  #sidebar ~ .main-content .container-md,
  #sidebar ~ .main-content .container-lg {
    max-width: 1240px;
  }
  #sidebarSmall ~ .main-content .container,
  #sidebarSmall ~ .main-content .container-sm,
  #sidebarSmall ~ .main-content .container-md,
  #sidebarSmall ~ .main-content .container-lg {
    max-width: 1350px;
  }
}
@media (min-width: 1600px) {
  #sidebar ~ .main-content .container,
  #sidebar ~ .main-content .container-sm,
  #sidebar ~ .main-content .container-md,
  #sidebar ~ .main-content .container-lg {
    max-width: 1600px;
  }
  #sidebarSmall ~ .main-content .container,
  #sidebarSmall ~ .main-content .container-sm,
  #sidebarSmall ~ .main-content .container-md,
  #sidebarSmall ~ .main-content .container-lg {
    max-width: 1500px !important;
  }
}
@media (min-width: 1800px) {
  #sidebar ~ .main-content .container,
  #sidebar ~ .main-content .container-sm,
  #sidebar ~ .main-content .container-md,
  #sidebar ~ .main-content .container-lg {
    max-width: 2250px;
  }
  #sidebarSmall ~ .main-content .container,
  #sidebarSmall ~ .main-content .container-sm,
  #sidebarSmall ~ .main-content .container-md,
  #sidebarSmall ~ .main-content .container-lg {
    max-width: 1700px !important;
  }
}
@media (min-width: 1960px) {
  #sidebar ~ .main-content .container,
  #sidebar ~ .main-content .container-sm,
  #sidebar ~ .main-content .container-md,
  #sidebar ~ .main-content .container-lg {
    max-width: 2250px;
  }
  #sidebarSmall ~ .main-content .container,
  #sidebarSmall ~ .main-content .container-sm,
  #sidebarSmall ~ .main-content .container-md,
  #sidebarSmall ~ .main-content .container-lg {
    max-width: 1800px !important;
  }
} */
.menu-icon-toggle {
  display: none;
}
#sidebarSmall.guideflow_hovered .menu-icon-toggle {
  display: block;
}
@media (min-width: 992px) and (max-width: 1400px) {
  #sidebar ~ .main-content .media-float .float-plus {
    top: 19.5px !important;
  }
}
/* dashboard customization  */
@media (min-width: 992px) and (max-width: 1366px) {
  nav#sidebar ~ .main-content .padding-0-34px {
    padding: 0px 15px !important;
    flex: 0 100%;
    text-align: center !important;
  }
  nav#sidebar ~ .main-content .d-block.btn-warning,
  nav#sidebarSmall ~ .main-content .d-block.btn-warning {
    margin-top: 20px !important;
  }
  nav#sidebar ~ .main-content .download-app ul,
  nav#sidebarSmall ~ .main-content .download-app ul {
    width: 79px;
    margin-left: auto;
    border: 0px;
    position: absolute;
    right: 1px;
    top: 23px;
    z-index: 99;
  }
  nav#sidebar ~ .main-content .getstarted-bg,
  nav#sidebarSmall ~ .main-content .getstarted-bg {
    background-size: 145px !important;
  }
  nav#sidebar ~ .main-content .border-recent-dashed .padding-15px,
  nav#sidebarSmall ~ .main-content .border-recent-dashed .padding-15px {
    padding: 10px !important;
  }
  #app nav#sidebar ~ .main-content .max-width-180px,
  #app nav#sidebarSmall ~ .main-content .max-width-180px {
    width: 100%;
    flex: 0 100%;
    padding-bottom: 24px !important;
    margin: 0 auto !important;
  }
  nav#sidebar ~ .main-content .h-170,
  nav#sidebarSmall ~ .main-content .h-170 {
    margin-left: 0px !important;
  }
  nav#sidebar ~ .main-content .ml-190,
  nav#sidebarSmall ~ .main-content .ml-190 {
    margin-left: 20px !important;
  }
  nav#sidebar ~ .main-content .pt-50,
  nav#sidebarSmall ~ .main-content .pt-50 {
    width: 100%;
    flex: 0 100%;
    padding-top: 0px !important;
    text-align: center !important;
  }
  nav#sidebar ~ .main-content .download-mobile,
  nav#sidebarSmall ~ .main-content .download-mobile {
    height: 193px !important;
    position: unset !important;
  }
  .text-overlay,
  .video-component-block .carousel-caption h3 {
    white-space: nowrap !important;
  }
}
.icon-menu-2 .app-text,
.icon-menu-2 .my-apps-item,
.app-logo,
.icon-menu-profile,
.icon-menu-2 .icon-menu-profile,
.icon-menu-2 .full-menu-profile,
.icon-chrome,
.icon-menu-2 .full-chrome,
.icon-menu-2 .icon-organization {
  display: none;
}

.icon-menu-2 .icon-chrome,
.icon-menu-2 .app-logo,
.icon-menu-2 .icon-menu-profile {
  display: block;
}

nav#sidebar.icon-menu-2 {
  width: 66px;
}
#app .icon-menu-2 .nav-sm {
  padding: 0.25rem 1px !important;
}
.icon-menu-2 .sidemenu .btn.w-100 {
  height: 32px !important;
  width: 32px !important;
  padding: 0 !important;
  margin-left: 0px;
  font-size: 1rem;
  line-height: 28px;
}
nav#sidebar.icon-menu-2 .navbar-brand-img {
  width: 30px;
}
nav#sidebar.icon-menu-2 .app_scroll {
  max-height: auto;
  border-top: 1px solid #1e3a5c !important;
  padding-top: 10px;
  margin-top: 7px;
  overflow: hidden;
}
.navbar-vertical.icon-menu-2.navbar-expand-lg.fixed-left:not([style*="display: none"]) ~ .main-content {
  margin-left: 60px !important;
}

.icon-menu-2 div#dropdown-1 {
  width: auto !important;
}

.full-menu-hover {
  width: 270px !important;
  transition: width 0.5s ease !important;
}
.iocn-menu-2 {
  transition: width 0.5s ease !important;
}

/* icon menu hover */
.full-menu-hover.icon-menu-2 .app-text,
.full-menu-hover.icon-menu-2 .my-apps-item,
.full-menu-hover.app-logo,
.full-menu-hover.icon-menu-profile,
.full-menu-hover.icon-menu-2 .icon-menu-profile,
.full-menu-hover.icon-menu-2 .full-menu-profile,
.full-menu-hover.icon-chrome,
.full-menu-hover.icon-menu-2 .full-chrome,
.full-menu-hover.icon-menu-2 .icon-organization {
  display: inline-block;
  transition: 0.5s ease !important;
}

.full-menu-hover.icon-menu-2 .icon-chrome,
.full-menu-hover.icon-menu-2 .app-logo,
.full-menu-hover.icon-menu-2 .icon-menu-profile {
  display: none;
}
.full-menu-hover.icon-menu-2 .sidemenu .btn.w-100 {
  width: 100% !important;
}
.icon-menu-2 .child-menu.dropdown-menu {
  position: fixed !important;
  left: 66px;
  top: 38%;
  max-height: calc(100vh - 52%) !important;
  background: white;
  overflow: auto;
}
#app .full-menu-hover.icon-menu-2.icon-menu-2 .nav-sm {
  padding: 0.08rem 1.74rem !important;
}
#app .icon-menu-2 .my-app-text {
  display: none !important;
}
#app .full-menu-hover.icon-menu-2 .my-app-text {
  display: block !important;
}
.full-menu-hover.icon-menu-2 .w-193px {
  width: auto !important;
}
#app .icon-menu-2 .icon-menu-profile.full-menu-profile {
  display: none !important;
}
#app .full-menu-hover.icon-menu-2 .icon-menu-profile.full-menu-profile {
  display: flex !important;
}
.icon-menu-2 .w-193px {
  width: auto !important;
  text-align: center;
}
.icon-menu-2 .settings-dropdown {
  margin: 0px !important;
}
.icon-menu-2 .navbar-brand-img {
  display: none;
}

.icon-menu-2 ul.dropdown-menu.dropdown-menu-right {
  position: fixed;
  left: 66px !important;
  bottom: 10px;
}
.icon-toggle {
  display: none;
}
.icon-menu-2 .nav-toggle,
.icon-menu-2 .mobile-workspace {
  display: none !important;
}
.icon-menu-2 .icon-toggle,
.icon-menu-2 .mobile-toggle-menu {
  display: block !important;
}
.icon-menu-2 .top-menu.menu {
  padding-top: 15px;
  padding-left: 4px;
}
.icon-menu-2 .dialerimgnav {
  padding-top: 4px;
  padding-bottom: 10px;
  padding-left: 4px;
}
.icon-menu-2 .dialer-icon,
.icon-menu-2 .menu .fe-help-circle {
  font-size: 1.25rem !important;
}
.full-menu-hover.icon-menu-2 .sidemenu .btn.w-100 {
  padding: 0.5rem 0.75rem !important;
  font-size: 0.9375rem;
  line-height: 1.5;
  height: auto !important;
}
.full-menu-hover.icon-menu-2 .dialerimgnav {
  padding-top: 2px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}
.full-menu-hover.icon-menu-2 .dialer-icon,
.full-menu-hover.icon-menu-2 .menu .fe-help-circle {
  font-size: 1.15rem !important;
}
.full-menu-hover.icon-menu-2 .top-menu.menu {
  padding-top: 0;
  padding-left: 0;
}
/* .full-menu-hover.icon-menu-2 ul.dropdown-menu.dropdown-menu-right {
  left: 0px;
}
.full-menu-hover.icon-menu-2 ul.dropdown-menu.dropdown-menu-right {
  position: absolute;
  left: -60px !important;
  right: auto !important;
  top: auto !important;
  bottom: 38px !important;
} */
.full-menu-hover.icon-menu-2 .w-193px {
  text-align: left !important ;
}
#app #sidebar.full-menu-hover.icon-menu-2 {
  padding: 15px 20px !important;
  z-index: 999 !important;
}
.full-menu-hover.icon-menu-2 .nav-toggle,
.full-menu-hover.icon-menu-2 .mobile-workspace {
  display: inline-block !important;
}
.full-menu-hover.icon-menu-2 .icon-toggle {
  display: none !important;
}
.full-menu-hover.icon-menu-2 .navbar-brand-img {
  display: inline;
}
.full-menu-hover.icon-menu-2 .mobile-toggle-menu {
  display: flex !important;
}
.full-menu-hover.icon-menu-2 .workspace-btn .dropdown-menu-right {
  max-height: 70vh !important;
  overflow: auto !important;
  top: 47px !important;
  left: 7px !important;
  width: 225px;
  bottom: auto !important;
}
.full-menu-hover.icon-menu-2 .side-menu-help .dropdown-menu-right {
  left: 17px !important;
}
.full-menu-hover.icon-menu-2 .settings-dropdown .dropdown-menu-right {
  bottom: 60px;
  left: 14px !important;
}
nav#sidebar.full-menu-hover.icon-menu-2 .app_scroll {
  border-top: 0px solid #e3ebf6 !important;
  padding-top: 0;
  margin-top: 0;
}
.workspace-btn .dropdown-menu-right {
  display: none !important;
  left: 0px;
  width: 286px;
  max-height: 70vh;
  overflow: auto;
}
.workspace-btn .dropdown-menu-right.show {
  display: block !important;
}
.icon-menu-2 span.navbar-toggler-icon.rounded-sm {
  width: 1.9em;
  height: 1.9em;
  filter: brightness(0) invert(1);
  opacity: 0.5;
}
.icon-menu-2.full-menu-hover span.navbar-toggler-icon.rounded-sm {
  width: 1.5em;
  height: 1.5em;
  filter: brightness(0) invert(1);
  opacity: 0.5;
}
#app .icon-menu-2 .child-menu .nav-sm {
  padding: 0.5rem 1.5rem !important;
}
nav#sidebar.full-menu-hover.icon-menu-2 .workspace-btn .dropdown-menu-right {
  display: none !important;
}
nav#sidebar.full-menu-hover.icon-menu-2 .workspace-btn .dropdown-menu-right.show {
  display: block !important;
}
.sidemenufull ~ .main-content .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 100% !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.vertical-tabs .btn-outline-white.disabled,
.vertical-tabs .btn-outline-white:disabled.guideflow_hovered {
  box-shadow: none !important;
  transform: none !important;
}
.vertical-tabs .btn-.btn-outline-white.disabled {
  opacity: 0.5;
}
.portal-previcon ~ .center-slide {
  padding-left: 0px;
  padding-right: 0px !important;
}
.portal-previcon.disabled ~ .center-slide,
.portal-previcon.disabled ~ .center-slide {
  padding-left: 0px;
  padding-right: 0px !important;
}
.appportalcolor {
  height: 40px !important;
}
#app .sidemenufull ~ .main-content {
  margin-left: 240px !important;
  padding-left: 0px !important;
  transition: width 0.5s ease !important;
}
#app .sidemenufull.icon-menu-2 ~ .main-content {
  margin-left: 66px !important;
  padding-left: 0px !important;
  transition: width 0.5s ease !important;
}
@media (max-width: 992px) {
  .sidemenufull ~ .main-content .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow-x: hidden !important;
  }
  .center-slide {
    width: 100% !important;
    margin-right: 0;
    overflow: auto !important;
  }
  .center-slide-btn {
    display: none !important;
  }
  #app .sidemenufull.icon-menu-2 ~ .main-content,
  #app .sidemenufull ~ .main-content {
    margin-left: 0px !important;
  }
  .navbar-user-link.opacity-6.nav-toggle {
    display: none;
  }
  #app nav#sidebar .navbar-brand-img {
    margin-top: 0px !important;
  }
}
.vertical-tabs .font-size-13px {
  font-size: 15px !important;
}
.sidemenufull .icon-logo,
.full-menu-hover.icon-menu-2 .icon-logo,
.full-menu-hover.icon-menu-2 .small-logo {
  display: none;
}
.icon-menu-2 .icon-logo {
  display: block;
  width: 32px;
  height: 34px;
  padding: 5px;
  filter: brightness(0) invert(1);
}
.icon-menu-2 .small-logo {
  display: block;
  width: 32px;
  height: 32px;
  background: #0051bad4;
  margin-bottom: 4px !important;
  margin: 0 auto;
  border-radius: 0.375rem;
}
nav#sidebar.full-menu-hover.icon-menu-2 .app_scroll {
  border: 0px solid #e4e4e475 !important;
}
.navbar-vertical.navbar-expand-lg.icon-menu-2 .navbar-nav .nav-link.active:before {
  left: 8px !important;
}
.navbar-vertical.navbar-expand-lg.full-menu-hover.icon-menu-2 .navbar-nav .nav-link.active:before {
  left: -24px !important;
}
.navbar-dark.navbar-vibrant .my-app-text {
  color: #fff !important;
}
#app .top-drop-down .dropdown-menu {
  left: -192px !important;
}
.border-dashed-top-bar {
  border: 0px dashed rgb(223 237 255 / 10%) !important;
}
#app .rhs-icon .topnav-menu .btn.btn-transparent {
  padding: 9px 0px 1px !important;
}
.workspace-btn.navbar-brand .max-w-30 {
  height: 34px !important;
  max-width: 34px !important;
  width: 34px !important;
  padding: 2px !important;
  border: 0px solid #e7e7e7 !important;
}
.hover-nav-icon {
  position: relative;
  top: -15px;
  display: none;
  z-index: 2;
  right: -45px !important;
}
#app .logo-style {
  display: block !important;
}
#app .category-btn {
  line-height: 1;
  margin-left: 0px !important;
  display: block;
  font-weight: 500;
  min-width: auto;
  text-align: left;
  padding: 16px 10px 16px 0px !important;
  font-size: 0.96rem;
  letter-spacing: 0.1px;
  color: #000 !important;
}
.workspace-btn .vue-avatar--wrapper {
  width: 32px !important;
  height: 32px !important;
  margin-right: 2px !important;
  color: #fff !important;
  font-weight: 900 !important;
}
/* #app #topnav .dropdown-menu {
  display: none;
} */
#app .more-count-dropdown {
  padding: 10px 16px;
}
#app #topnav .dropdown-menu.show {
  display: block !important;
  top: 50px !important;
  z-index: 99 !important;
  /* transition: all 1s ease; */
}
.w-190 {
  width: 190px;
}
.right-divider {
  position: relative;
  padding: 0px 4px !important;
}
.right-divider:after {
  content: "";
  border: 0px solid rgb(230 230 230 / 50%);
  position: absolute;
  top: 21px;
  height: 28%;
  right: 0px;
}
.navbar-light .navbar-user-link.guideflow_hovered {
  color: #2c7be5 !important;
}
#app #topnav .child-menu.show {
  top: 60px !important;
  left: 0px;
  padding: 5px !important;
}
.projects-tabs-apps .nav-item:first-child {
  margin-left: -9px !important;
}

#app .icon-organization {
  padding-top: 14px !important;
  padding-bottom: 11px !important;
}
.organization-logo {
  border-right: 0px solid #e8e8e8;
  padding-right: 0px;
  margin-right: 0px !important;
  position: relative;
  top: 2px;
  height: 24px !important;
}
.dropdown-item.active_class1 {
  background: #eef4fc !important;
  border-radius: 4px;
}
.organization-dropdown.guideflow_hovered ~ .hover-nav-icon {
  display: none;
}
/* #app #topnav .icon-organization ~ .dropdown-menu.show {
  top: 20px !important;
  left: 50px;
} */
#app .category-btn:after {
  content: "\e92e";
  visibility: visible;
  margin-left: -2px !important;
  font-size: 10px;
}
#app .category-btn.guideflow_hovered:after {
  visibility: visible;
}
.single-menu.d-flex.pl-3 {
  margin-left: 0px;
  padding-left: 10px !important;
}
.right-divider:last-child:after {
  content: "";
  border: 0px !important;
}
div#dropdown-left:after {
  position: absolute;
  top: 12px;
  color: #2c7be5 !important;
  content: "";
  height: 47%;
  right: -4px;
  border-right: 1px solid #e8e8e8a8;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-menu-2 .empty-apps .nav-link {
  padding: 0px !important;
}
nav#sidebar .b-sidebar.b-sidebar-right {
  text-align: left;
}

@media (max-width: 768px) {
  #app .icon-organization {
    position: relative;
    top: 1px !important;
    padding: 0px !important;
  }
  .organization-logo {
    border-right: 0px solid #e8e8e8;
    padding-right: 10px;
    padding-left: 10px;
  }
  #app .navbar-brand > div {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
  }
  .organization-dropdown.guideflow_hovered ~ .hover-nav-icon {
    display: none;
  }
  .navbar-toggler {
    padding: 1px 2px !important;
  }
  #app .workspace-dropdown .w-185 {
    width: 185px !important;
  }
}

.max-w-75px {
  max-width: 75px;
}
.projects-tabs-apps .nav-link {
  padding: 6px 8px !important;
  border-right: 0px solid rgb(230 230 230 / 50%);
  border-radius: 4px;
}
/* #app .mt-3.container {
  margin-top: 0px !important;
} */
.right-divider:last-child:after {
  content: "";
  border: 0px !important;
}

/* .projects-tab.mobile-nav-tabs.projects-mobile-tab .more-dropdown {
  position: absolute !important;
  right: 115px;
  top: -35px !important;
  z-index: 4;
  margin-right: 0px !important;
} */
#app .project-tab-app-dropdown {
  border-style: dashed !important;
  padding: 6px 7px !important;
  background-color: #fff !important;
  border-radius: 4px;
  color: #000000 !important;
  border: 1px dashed #ecececcf !important;
  font-size: 0.96rem !important;
  letter-spacing: 0.2px !important;
  line-height: 1;
  display: flex;
  justify-content: space-between;
  margin-left: 0;
}
#app .project-tab-app-dropdown .max-w-75px {
  max-width: 140px !important;
}
.projects-tabs-apps .nav-link.active {
  border-color: transparent transparent transparent !important;
  background-color: transparent !important;
}
.projects-tabs-apps .nav-link {
  padding: 0px 6px !important;
  font-size: 0.96rem !important;
  position: relative;
  color: #12263f !important;
}
.projects-tabs-apps .nav-link:after {
  content: "";
  content: "";
  border: 0px solid rgb(230 230 230 / 50%);
  position: absolute;
  top: 4px;
  height: 70%;
  right: 0px;
}
.projects-tabs-apps .nav-item {
  margin-left: 0px !important;
  margin-right: 8px !important;
}
.projects-tabs-apps.nav-tabs {
  border-bottom: 1px solid #dfeaff54 !important;
  background-color: #fff !important;
  padding: 8px 17px !important;
  display: flex;
  align-items: center;
  margin-left: -30px;
  margin-right: -30px;
}
.max-w-75px {
  max-width: 75px;
}
#app .more-dropdown .dropdown-more-userproject {
  max-width: 230px !important;
  min-width: 230px !important;
}
.project-app-dropdown-scroll {
  max-height: 300px;
  overflow: auto;
}
.project-app-dropdown-scroll::-webkit-scrollbar {
  width: 10px;
}
.project-app-dropdown-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f9fbfd;
}
.project-app-dropdown-scroll::-webkit-scrollbar-thumb {
  background: #e0e0e0;
}
@media (min-width: 320px) and (max-width: 992px) {
  .projects-tabs-apps .nav-item:first-child {
    padding-left: 0px !important;
  }
  .organization-dropdown {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20ch;
    position: relative;
    top: 4px;
  }
}
.project-app-dropdown-scroll .dropdown-item.guideflow_hovered .project-edit-delete-hover {
  display: inline-block;
}
.project-edit-delete-hover {
  display: none;
}
.project-app-dropdown-scroll .dropdown-item.guideflow_hovered .option-hover-icons {
  color: #6e84a3;
}
.max-w-180px {
  width: 180px;
}
.more-dropdown .dropdown-more-userproject .project-app-dropdown-scroll .dropdown-item {
  padding: 0.375rem 0.75rem 0.375rem 1rem !important;
}
.tab-content.mt-1 {
  margin-top: 0px !important;
}
.projects-tabs-apps .nav-link.active {
  background: #2c7be50a !important;
  color: #000 !important;
}
.projects-tabs-apps .nav-link p {
  padding: 6px 8px;
  border-right: 0px solid rgb(230 230 230 / 50%);
  border-radius: 0;
  border-bottom: 0px solid transparent;
  line-height: 1;
}
.projects-tabs-apps .nav-link.active p {
  border-right: 0px solid rgb(230 230 230 / 50%);
  border-radius: 4px;
  background: #2c7be50a !important;
  color: #000;
  border-bottom: 0px !important;
}
#app .project-tab-app-dropdown .max-w-75px .font-size-14px {
  font-size: 0.96rem !important;
  font-weight: 400 !important;
  margin-left: 0px !important;
}
#app .project-tab-app-dropdown:after {
  content: "\e92e";
  color: #cdcdcd !important;
}
.projects-tabs-apps li .fe {
  display: none;
}
/* .organization-dropdown.guideflow_hovered {
  color: #000;
} */

.container {
  max-width: 100% !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.projects-tabs-apps .nav-link {
  font-size: 0.96rem !important;
  color: #12263f !important;
  padding: 6px 8px !important;
  border-radius: 4px;
  line-height: 1;
}
.workspace-btn.guideflow_hovered .dropdown-menu-right {
  display: block !important;
}
/* sound board changes */

.soundboard-active {
  transform: translate3d(300px, -386px, 0px) !important;
  position: absolute !important;
}
.sidemenufull.icon-menu-2 .dailer-position {
  left: 80px !important;
  padding: 0px !important;
  bottom: 30px !important;
}
.sidemenufull.icon-menu-2.full-menu-hover .dailer-position {
  left: 250px !important;
  padding: 0px !important;
  bottom: 30px !important;
}
.soundboard-active {
  transform: translate3d(-375px, -386px, 0px) !important;
}
.top-drop-down .dropdown-item,
.top-bar .dropdown-item {
  padding: 0.3rem 1.5rem !important;
}
hr.dropdown-divider {
  margin: 0.2rem 0 !important;
}
#app .navbar-dark .active_class span.app-label {
  background: #0d1d40a8 !important;
  color: #fff !important;
}
#app .navbar-dark.navbar-vibrant .active_class span.app-label {
  background: #9900fb3d !important;
  color: #fff;
}
.navbar-dark div#dropdown-left:after,
.navbar-dark .organization-logo {
  border-right: 1px solid #ffffff21 !important;
}
.navbar-dark .bg-soft-light.border-dashed-top-bar {
  background: #14264e !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.navbar-dark.navbar-vibrant .bg-soft-light.border-dashed-top-bar {
  background: #6700b261 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
/* nav#sidebar.icon-menu-2.full-menu-hover .navbar-brand-img {
  width: 40px !important;
}
.d-flex.align-items-center.padding-left-5px {
    width: 60px;
} */
.teams-hide-body-scroll #app #topnav .dropdown-menu.show {
  z-index: 999 !important;
}
.topnav-menu .navbar-brand .navbar-brand-img {
  top: -4px;
}
.google-sso {
  background-image: url(https://html-assets-prod.guideflow.com/47fa912ea669aee9fc4a7cb2b8573fbf0ba0471d);
  height: 37px !important;
  width: 186px;
  border-radius: 4px;
  border: 2px solid #e3ebf680 !important;
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-size: contain;
  background-position: center center;
}
.google-sso .img.hover-logo,
.google-sso .img.normal-logo,
.google-sso.hover.guideflow_hovered .hover-logo {
  display: none !important;
}
.google-sso.guideflow_hovered {
  border: 2px solid #000f3a1a !important;
}

/* seccond level menu */
.second-level-menu .glow-button {
  display: none;
}
#app .second-level-menu .second-child-center {
  display: none !important;
}
.second-level-menu .second-level-child {
  padding-right: 192px !important;
}
.second-level-home.padding-second-level .second-level-child {
  padding-right: 15px !important;
}
.second-level-home.padding-second-level-55 .second-level-child {
  padding-right: 55px !important;
}
.second-level-menu {
  position: absolute;
  right: 0;
  border: 0px !important;
  top: -2px !important;
}
.mobile-bottom-home {
  position: relative;
}
.second-level-home .navigation-mobilebottom {
  margin-left: -15px;
  background: white;
  margin-right: -15px;
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #efefefb5 !important;
}
.second-level-home .nav-tabs .nav-link {
  padding: 6px !important;
  border-radius: 4px;
  border: 0px !important;
  color: #12263f !important;
  font-size: 0.9rem !important;
  line-height: 1;
  font-weight: 400;
  border-bottom: 0px solid white;
}
.second-level-home .navigation-mobilebottom.nav-tabs .nav-link.active {
  background: rgb(44 123 229 / 10%) !important;
  color: #002250 !important;
}
.second-level-home .nav-tabs .nav-item {
  margin: 10px 10px 10px 0px !important;
}
.second-level-menu .bg-white {
  border: 0px !important;
  background: transparent !important;
}
/* seccond level menu */
.py-20px {
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}