/* scalla Development */

/*@font-face {font-family: "Assistant"; src: url("//db.onlinewebfonts.com/t/88e211ded7f38a7034c9c2cc3c3d8807.eot"); src: url("//db.onlinewebfonts.com/t/88e211ded7f38a7034c9c2cc3c3d8807.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/88e211ded7f38a7034c9c2cc3c3d8807.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/88e211ded7f38a7034c9c2cc3c3d8807.woff") format("woff"), url("//db.onlinewebfonts.com/t/88e211ded7f38a7034c9c2cc3c3d8807.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/88e211ded7f38a7034c9c2cc3c3d8807.svg#Assistant") format("svg"); }*/

/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Assistant&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&family=Heebo:wght@400;700&family=Rubik:wght@400;700&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');

@font-face {
  font-family: 'arimoregular';
  src: url('../fonts/Arimo/Arimo-Regular-webfontArimo-Regular-webfont.eot');
  src: url('../fonts/Arimo/Arimo-Regular-webfont.eot?#iefix')
      format('embedded-opentype'),
    url('../fonts/Arimo/Arimo-Regular-webfont.woff2') format('woff2'),
    url('../fonts/Arimo/Arimo-Regular-webfont.woff') format('woff'),
    url('../fonts/Arimo/Arimo-Regular-webfont.ttf') format('truetype'),
    url('../fonts/Arimo/Arimo-Regular-webfont.svg#arimoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

*:focus,
*:active,
a:focus,
a:active {
  outline: none;
  color: inherit !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  /*height: 100%;*/
  direction: rtl;
  font-family: 'Arimo', sans-serif !important;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.008rem;
  font-kerning: normal;
  background: #f5f6f8 !important;
  overflow-x: hidden;
}

body > .mCSB_inside > .mCSB_container {
  margin-right: 15px;
}

label {
  font-weight: 500;
}

.close {
  background: transparent !important;
  border: none !important;
}

#page {
  /*width:100%;*/
  min-height: 100%;
  padding-top: 72px;
  /*display: inline-block;*/
}

.select2-container .select2-choice {
  font-family: 'Arimo', sans-serif !important;
}

.app-fixed-navbar {
  background: #fff;
  margin-bottom: 0;
  border-bottom: 0;
  border-top: 0;
  height: 55px;
}

.global-nav {
  position: relative;
}

.global-nav .global-actions {
  padding-right: 15px;
  padding-left: 10px;
  height: 42px !important;
}

.app-nav {
  position: relative;
}

.app-footer p {
  width: 100%;
  text-align: center;
  background: #fbfbfb;
  margin-bottom: 0;
  padding: 4px 0;
  border-top: 1px solid #dddddd;
}

.main-container {
  position: relative;
  min-height: 100%;
}

.main-container:before,
.main-container:after {
  content: ' ';
  display: block;
  clear: both;
}

@media (min-width: 992px) {
  .global-nav .logo-container {
    display: inline-block;
    width: 150px;
    z-index: 2;
    padding-left: 6%;
    margin-top: 1px;
  }

  .app-nav .module-action-bar {
    top: -4px;
    padding-right: 0;
    padding-left: 42px;
    position: absolute;
    width: 100%;
    height: 40px;
    border-bottom: 0;
    margin-bottom: 0 !important;
  }

  .app-nav .module-action-bar .module-action-content {
    background: #f5f6f8;
    height: 45px;
    padding: 5px 0;
    /*margin-right: 0 !important;*/
    /*box-shadow: 0 0 2px rgb(51 71 91 / 25%);*/
    margin: 5px 0 5px 0 !important;
  }

  .app-nav .module-action-bar .module-action-content .navbar-right {
    margin-right: 0;
  }

  .main-container .module-nav {
    display: inline-block;
    /*    width: 42px;*/
    z-index: 10;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    min-height: 100%;
    background-color: inherit;
    background: inherit;
  }

  .main-container .sidebar-essentials {
    display: inline-block;
    width: 240px !important;
    z-index: 98;
    position: absolute;
    bottom: 0;
    top: 0px;
    left: 42px;
    min-height: 100%;
    background: #ffffff;
    border-right: 1px solid #dddddd;
  }

  .main-container .content-area {
    width: 100%;
    padding-right: 283px;
    padding-top: 15px;
    min-height: 475px;
  }

  .main-container .settingsPageDiv {
    min-height: auto;
    padding-left: 230px;
    padding-top: 15px;
  }

  .main-container .settingsNav {
    height: 100%;
  }

  .app-nav .module-action-bar-full {
    padding-left: 0;
  }
}

.btn-toolbar > .btn-group:first-child {
  margin-left: 0;
}

.vt-notification {
  background-color: #2c3b49;
  border-color: #2c3b49;
  padding: 10px 15px;
  font-size: 15px;
  position: fixed !important;
}

.vt-notification .notificationHeader {
  font-size: 17px;
  padding-bottom: 8px;
}

.vt-notification .notificationHeader [data-notify='title'] {
  color: #ffffff;
  margin-left: 8px;
}

.vt-notification .notificationHeader .close {
  color: #c3c3c3;
}

.vt-notification .fa-exclamation-triangle {
  color: #ffc600;
}

.vt-notification .fa-exclamation-circle {
  color: #f10404;
}

.vt-notification .fa-check-circle {
  color: #4ebf4e;
}

.vt-notification [data-notify='message'] {
  color: #eaeaea;
}

a.company-logo {
  width: 100%;
  height: auto;
  margin: 0 0;
  display: inline-block;
  position: relative;
  top: 5px;
}

.company-logo img {
  height: 60%;
  width: auto;
}

.navbar .fa {
  font-size: 15px;
}

.fa.fa-plus {
  font-size: 12px;
  line-height: 14px;
  /*color: #C2CFE0;*/
}

#appnavcontent .nav.navbar-nav {
  display: flex;
  align-items: center;
}

.navbar .vicon {
  display: inline-block;
  font-size: 16px;
  position: relative;
}

.global-nav .navbar-nav > li div a {
  padding: 15px;
}

.global-nav > ul {
  margin-right: 20px;
}

/* .global-nav .search-links-container {
  padding-right: 15px;
} */

.global-nav .app-navigator-container {
  height: 42px;
}

.link-text-xs-only {
  padding: 0px 15px;
  display: inline-block;
  vertical-align: top;
}

.search-link {
  width: 100%;
  height: 32px;
  display: inline-block;
  float: left;
  color: rgb(51 71 91 / 75%);
  padding: 0 10px;
  text-decoration: none;
  vertical-align: top;
  border: 1px solid #c2cfe0;
  border-radius: 4px !important;
  position: relative;
  /* top: 9px; */
}

/* .search-link .adv-search {
  margin-top: 0;
  position: relative;
  top: 5px;
} */

.search-link:hover,
.search-link:active,
.search-link:visited,
.search-link:focus {
  color: #333;
}

.search-link .keyword-input,
.searchWorkflows {
  border: 0;
  height: 30px;
  width: 100%;
  margin: 1px 0 1px 5px;
}

.search-link .keyword-input:focus {
  outline: none;
}

div#listViewContent {
  /* margin-top: 50px !important;*/
}

.workflowListContainer .search-link.hidden-xs {
  top: -15px;
  display: flex;
  align-items: center;
}

.workflowListContainer div#s2id_moduleFilter {
  padding: 0px !important;
  margin: -20px 0 0 !important;
}

#PBXManager_detailView_fieldValue_recordingurl {
  width: 360px !important;
}

@media (max-width: 768px) {
  .module-action-bar .navbar-right {
    float: right;
    height: 42px;
  }

  .module-action-bar .navbar-right .nav > li {
    display: inline-block;
  }

  .module-action-bar .navbar-right .nav > li a {
    padding: 0 10px;
  }

  .global-nav .logo-container {
    border-bottom: 0;
    width: 150px;
  }
}

@media (max-width: 991px) {
  .global-nav .logo-container {
    border-bottom: 0;
    width: 150px;
  }

  .notificationMessageHolder {
    padding-left: 45%;
  }
}

@media (min-width: 991px) {
  .nav > li > a.qc-button {
    padding: 2px 3px;
    margin-top: 13px;
    margin-right: 15px;
    background: #3cb878;
    color: #fff;
    border-radius: 20px;
  }

  .nav > li > a.qc-button span {
    vertical-align: top;
  }
}

@media (max-width: 1200px) {
  .app-menu {
    /* max-height: 100%;
    overflow-y: auto;*/
  }
}

#messageBar {
  opacity: 0.5;
  background-color: white;
  z-index: 100000;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
}

.active-app-title {
  white-space: nowrap;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
}

form#OutlookConfiguration h4 {
  font-family: 'Arimo', sans-serif !important;
  font-weight: 600;
  color: #596875;
  margin: 12px 0;
  white-space: nowrap;
  overflow: hidden;
  max-width: 223px;
  text-overflow: ellipsis;
  font-size: 15px;
}

.module-action-bar .module-breadcrumb a {
  display: inline-block;
  float: left;
}

.module-action-bar .module-breadcrumb .module-title {
  max-width: 160px;
}

.module-action-bar .module-breadcrumb .list-name {
  max-width: 170px;
}

.module-action-bar .module-breadcrumb .detail-name,
.module-action-bar .module-breadcrumb .editing-name {
  max-width: 350px;
}

.module-action-bar .module-breadcrumb-List .module-title {
  max-width: 185px;
}

.module-action-bar .module-breadcrumb-List .list-name {
  max-width: 190px;
}

.app-switcher-container {
  display: inline-block;
  width: 42px;
  z-index: 2;
  text-align: center;
  float: right;
}

.app-nav .app-indicator-icon-container {
  display: inline-block;
  width: 42px;
  z-index: 2;
  height: 50px;
}

.app-nav .app-indicator-icon-container {
  top: 0px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  color: #ffffff;
}

.app-nav .app-indicator-icon-container .app-indicator-icon {
  font-size: 24px;
  line-height: 40px;
}

.app-SALES {
  background: #3cb878 !important;
}

.app-MARKETING {
  background: #ef5e29 !important;
}

.app-OTHER {
  background: #56ccc8 !important;
}

.app-SUPPORT {
  background: #6297c3 !important;
}

.app-INVENTORY {
  background: #f1c40f !important;
}

.app-PROJECT {
  background: #8e44ad !important;
}

.app-DEFAULT,
.app-DASHBOARD {
  background: #56ccc8 !important;
}

.module-nav .mod-switcher-container {
  display: inline-block;
  width: 42px;
  z-index: 2;
  height: 100%;
}

.app-switcher-container .app-icon {
  display: inline-block;
  font-size: 25px;
  line-height: 43px;
  color: black;
  text-align: center;
  vertical-align: bottom;
}

.app-switcher-container .active {
  background-color: #33475b !important;
}

.app-switcher-container .app-navigator {
  background-color: #33475b !important;
  height: 50px;
  padding: 5px 0;
}

.app-switcher-container .app-navigator .app-icon {
  color: white;
  opacity: 1;
  padding-right: 10px;
}

.global-nav .app-switcher-container .app-navigator:hover {
  background: #33475b;
  opacity: 1;
}

.global-nav .app-switcher-container .app-navigator:hover .app-icon {
  opacity: 1;
}

div#appnavigator span.app-icon {
  padding-right: 0;
  line-height: 32px;
  padding: 2px 0 0;
}

div#appnavigator span.app-icon > img {
  max-height: 32px;
  max-width: 32px;
}

span.app-icon > img {
  max-width: 140px;
}

.app-switcher-container .navbar-toggle {
  margin: 5px 0;
  padding: 5px;
}

.app-switcher-container .navbar-toggle .icon-bar {
  background: #fff;
}

.app-nav .module-action-bar .navbar-right .glyphicon {
  font-size: 14px;
  vertical-align: middle;
}

.app-menu {
  width: 199px;
  height: 100%;
  padding-top: 0;
  padding-bottom: 50px;
  color: #555;
  position: fixed;
  border: 0;
  top: 0px !important;
  box-shadow: none !important;
  background: #33475b;
  z-index: 1104;
  display: block;
}

.app-menu hr {
  border-top: 1px solid #596875;
  padding: 1%;
}

.app-menu .app-name {
  padding-left: 2%;
  font-weight: bold;
  max-width: 75%;
  display: inline-block;
}

span.module-name {
  padding: 10px 10px;
  color: #fff !important;
  opacity: 1;
  text-shadow: none;
  font-size: 15px;
  line-height: 18px;
  /* display: inline-block;
    float: right;*/
  font-weight: 500;
  opacity: 0.75;
  border-left: 2px solid transparent;
}

.settingsgroup ul.list-group span.module-name {
  font-size: 14px !important;
}

.settingsgroup-accordion a:hover span.module-name,
ul.list-group a:hover span.module-name,
a.activeModule span.module-name {
  color: #00ca72 !important;
  opacity: 1;
}

.menuimage,
.activemenuimage {
  float: right;
  max-width: 21px;
  max-height: 21px;
}

.activemenuimage {
  display: none;
}

a.activeModule .menuimage {
  display: none !important;
}

a.activeModule .activemenuimage {
  display: inline-block !important;
}

.app-menu .app-icon-list {
  width: 10%;
}

.menu-item {
  padding: 5px 10px;
  margin: 25px 0 0;
  background: #ddd;
  cursor: pointer;
  display: block;
}

.app-list a.menu-item:hover {
  color: #ffffff;
  text-decoration: none;
}

.app-list .mCSB_outside + .mCSB_scrollTools {
  right: -4px;
}

#overlayPageContent .mCSB_scrollTools,
#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
.app-list .mCSB_scrollTools,
.app-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.app-list .mCSB_scrollTools .mCSB_buttonUp,
.app-list .mCSB_scrollTools .mCSB_buttonDown,
.app-list .mCSB_scrollTools .mCSB_buttonLeft,
.app-list .mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: none;
  transition: none;
}

a.menu-item:hover {
  color: #000000;
}

.app-item {
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  display: block;
  background-color: #33475b;
  padding: 10px 10px !important;
  margin-left: 2px;
  opacity: 1;
  text-shadow: none;
}

.app-item div {
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease-in;
}

.active-app-item,
.app-item:hover {
  opacity: 1;
  color: #00ca72 !important;
  background: rgb(255 255 255 / 10%);
  border-left: 2px solid #00ca72 !important;
}

.app-item:hover span.module-name {
  color: #00ca72 !important;
  opacity: 1;
}

.app-item-color-MARKETING {
  border-left: 4px solid #ef5e29;
}

.app-item-color-SALES {
  border-left: 4px solid #3cb878;
}

.app-item-color-INVENTORY {
  border-left: 4px solid #f1c40f;
}

.app-item-color-SUPPORT {
  border-left: 4px solid #6297c3;
}

.app-item-color-PROJECT {
  border-left: 4px solid #8e44ad;
}

.app-item .fa {
  font-size: 1.5em;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease-in;
}

.app-menu .fa-chevron-right {
  font-size: 0.7em;
  padding-top: 9px;
  padding-right: 10px;
}

.app-menu .app-modules-dropdown {
  left: 229px;
  top: -1px;
  position: fixed;
  width: 230px;
  height: 100vh;
  font-size: 1.2em;
  overflow-x: hidden;
  background-color: #2c3b49;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-top: none;
}

.app-menu .app-modules-dropdown li {
  padding: 3%;
  opacity: 0.7;
}

.app-menu .app-modules-dropdown li a {
  background: transparent;
  padding-left: 20px;
  color: #fff;
  text-shadow: 0 0 1px #000;
  display: block;
}

.app-menu .app-modules-dropdown li a .module-name {
  padding-left: 5px;
  word-wrap: break-word;
}

.app-menu .app-modules-dropdown li a span {
  display: inline-block;
  max-width: 85%;
}

.app-menu .app-modules-dropdown li:hover {
  opacity: 1;
  background: #596875;
  color: #f2f1f1;
}

.app-menu .app-modules-dropdown li:hover .module-icon {
  opacity: 1;
}

.app-menu .app-modules-dropdown .module-icon {
  font-size: 1.2em;
  opacity: 0.2;
}

.app-menu .app-list {
  margin-top: -10px;
}

.app-menu .app-list-divider {
  border-top: 1px solid;
}

.app-menu .menu-items-wrapper {
  padding-left: 8px;
}

.app-menu .app-menu-items-wrapper {
  padding-left: 4px;
}

.app-menu .app-menu-items-wrapper span {
  display: inline-block;
  max-width: 75%;
}

.app-menu .app-item-misc {
  font-size: 13px;
}

.app-menu .dropdown-compact .app-menu-items-wrapper {
  padding-left: 9px;
}

.app-menu .dropdown-compact .app-menu-items-wrapper .app-name {
  padding-left: 1%;
}

.app-menu #menu-toggle-action:hover {
  opacity: 1;
}

.menu-toggle {
  width: 20px;
  padding-top: 10px;
  margin: 0 15px 0 0;
  display: inline-block;
  float: left;
}

.menu-toggle:focus {
  outline: none;
}

.menu-toggle .icon-bar {
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;
  margin: 3px 0;
}

.app-trigger {
  padding-top: 12px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  display: inline-block;
  width: 85%;
}

.app-trigger:before,
.app-trigger:after {
  content: ' ';
  display: block;
  clear: both;
}

.app-trigger .active-app-title {
  float: left;
  margin: 0;
  overflow: hidden;
  display: inline-block;
  width: 85%;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.app-trigger .arrow-down {
  margin-top: 2px;
  float: right;
  color: #fff;
  font-size: 12px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.app-trigger:hover .arrow-down {
  font-size: 16px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #2c3b49;
  padding: 6px;
  border-radius: 20px;
  margin-top: -2px;
}

#sidebar-wrapper,
#content-wrapper {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow-y: auto;
}

#sidebar {
  width: 300px;
}

#sidebar .module-nav {
  display: inline-block;
  background: #fff;
  width: 300px;
}

.module-nav .toggled {
  width: 0px;
  overflow: hidden;
}

.logout-content {
  padding: 10px;
  width: 350px;
}

.profile-img-container {
  background: #c2cfe0;
  text-align: center;
  margin: 1px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.profile-img-container i,
.profile-img-container img {
  /*font-size: 50px !important;
    line-height: 100px;
    color: #fff !important;
    max-width: 50px;*/
  border-radius: 104px;
}

.profile-img-container .change-link {
  position: absolute;
  height: auto;
  background: #ddd;
  padding: 3px;
  bottom: 2px;
  font-size: 10px;
  width: 85px;
  text-align: center;
  opacity: 0.5;
}

.profile-img-container .change-link:hover {
  opacity: 1;
  cursor: pointer;
}

.profile-container {
  display: inline-block;
  margin-right: 1px;
  padding-right: 1px;
  width: 180px;
  position: relative;
  top: 15px;
}

.profile-container h4 {
  font-size: 14px;
  font-weight: 600;
  color: rgb(51 77 110 / 75%);
  text-transform: uppercase;
  text-align: right;
}

.profile-container h5.textOverflowEllipsis {
  margin: 0 0 3px;
}

span.proIcon img {
  max-width: 16px;
  position: relative;
  display: inline-block;
}

span.proIcon.noTop img {
  top: 0;
}

.logout-footer hr {
  margin: 10px 0;
}

.app-home {
  background: #c5eff7;
}

.app-phonecalls {
  background: #c8f7c5;
}

.app-smsnotifier {
  background: #fde3a7;
}

.app-rss {
  background: #ecf0f1;
}

.app-oursites {
  background: #a2ded0;
}

.app-recyclebin {
  background: #fdff8e;
}

.app-settings {
  background: #ffffff;
}

.viewContent .content-area {
  padding-right: 50px;
}

.viewContent .content-area.full-width {
  padding-left: 15px;
}

.listViewPageDiv.content-area.full-width,
.CalendarViewPageDiv.content-area.full-width,
.editViewPageDiv.content-area.full-width,
.settingsPageDiv.content-area.full-width {
  padding-left: 42px;
  width: 100%;
}

.input-group-addon-save {
  background: #32a082;
  width: auto;
}

.input-group-addon-cancel {
  width: auto;
}

.pointerCursorOnHover:hover {
  cursor: pointer;
}

.input-group-addon.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.bottomscroll-div,
.topscroll-div {
  display: table;
  min-width: 100%;
}

div#reportContentsDiv br {
  display: none;
}

.contents-bottomscroll {
  overflow-x: auto !important;
}

.fieldValue .value {
  /*width: 310px;*/
  word-break: break-word;
  /*display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;*/
}

.modal-header button.close {
  padding: 0;
  color: #c2cfe0;
}

.modal-header .close {
  margin-top: 7px;
}

.modal-header h3 {
  margin: 0px;
}

a {
  color: inherit;
  cursor: pointer;
  text-decoration: none !important;
}

tr.searchRow input[type='text'].inputElement,
tr.searchRow input[type='password'].inputElement,
tr.searchRow select.select2,
tr.searchRow .listSearchContributor {
  height: 32px;
  width: 100%;
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid rgb(51 71 91 / 10%) !important;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid rgb(51 71 91 / 10%) !important;
  border-radius: 4px !important;
}

.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices,
.select2-container.select2-container-multi.select2,
.editViewPageDiv .select2-container.select2-container-multi.select2 {
  border-color: rgb(51 71 91 / 10%) !important;
  box-shadow: none !important;
  border: 1px solid rgb(51 71 91 / 10%) !important;
  border-radius: 4px !important;
}

ul.select2-choices.mCustomScrollbar._mCS_9.mCS_no_scrollbar {
  border: 0 !important;
}

ul.select2-result-sub {
  padding: 0 !important;
}

.select2-results {
  margin: 0 !important;
}

div#mCSB_9 {
  border-bottom: 0 !important;
}

input[type='text'].inputElement,
input[type='password'].inputElement {
  padding: 3px 6px;
}

.select2-container-multi .select2-choices {
  min-height: 28px;
  border-radius: 1px;
  border-color: #aaa;
  position: initial;
  z-index: 3;
}

.select2-container-multi .select2-choices .select2-search-field input {
  height: 29px;
  padding: 1px 10px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  cursor: move;
}

.select2-container .select2-choice {
  position: initial;
  font-weight: 100 !important;
}

.inputElement.select2-container .select2-choice {
  border-radius: 0 2px 2px 0;
  height: 28px;
}

.inputElement.select2-container {
  border: 0;
  padding: 0px;
  padding-right: 15px;
}

.listSearchContributor {
  min-height: 28px;
  width: 100%;
  /*min-width: 100px;*/
}

.listViewContentHeaderValues {
  vertical-align: middle;
  /*white-space: nowrap;*/
}

#convertLeadContainer .inputElement,
#editCurrency .inputElement {
  width: 70%;
}

.confirm-box-ok {
  margin-right: 5px;
}

.confirm-box-btn-pad {
  padding-right: 20px;
  padding-left: 20px;
}

.module-nav {
  background: #fff;
  z-index: 1004;
}

.module-nav .modules-menu {
  display: inline-block;
  width: 100%;
  height: 100%;
  float: left;
  background: #2c3b49;
  position: absolute;
  z-index: 10;
  left: 0;
  transition: 0s width;
}

.modules-menu ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
}

.modules-menu ul li a {
  color: #fff;
  padding: 10px 17px;
  display: block;
  z-index: 1;
  word-break: break-word;
  font-size: 12px;
  opacity: 0.6;
  text-transform: uppercase;
  height: 42px;
  padding-top: 11px;
  padding-left: 11px;
}

.modules-menu ul li a:before {
  content: '';
  display: block;
  clear: both;
}

.modules-menu ul li a:after {
  content: '';
  display: block;
  clear: both;
}

.modules-menu ul li a i {
  vertical-align: middle;
  float: left;
  font-size: 20px;
}

.modules-menu ul li a > span {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 13px;
  display: inline-block;
  height: 0;
  overflow: hidden;
  padding: 4px 0;
  width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modules-menu ul li:hover {
  background: #596875;
  opacity: 1;
}

.modules-menu ul li:hover a {
  opacity: 1;
}

.modules-menu ul li.active {
  background: #010101;
}

.modules-menu ul li.active a {
  opacity: 1;
  padding-left: 8px;
}

.module-nav .sidebar-menu {
  display: inline-block;
  width: 80%;
  float: left;
  background: #ffffff;
  border-right: 1px solid #dddddd;
  height: 100%;
  left: 20%;
  position: relative;
}

.module-nav .sidebar-menu-full {
  width: 100%;
  left: 0%;
}

.module-filters .settings-sidebar,
.module-filters .sidebar-container {
  padding: 0px;
}

.module-filters .settings-sidebar > hr {
  margin: 20px 12px;
}

.module-nav .panel {
  border: 0;
}

.lists-menu-container .lists-header {
  margin-top: 25px;
  text-transform: uppercase;
  color: rgb(51 71 91 / 75%);
  font-weight: 600;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  border-bottom: 1px solid rgb(51 71 91 / 10%);
  padding: 0 0 10px;
}

.lists-menu-container .sidebar-header {
  text-transform: uppercase;
  margin-top: 10px;
}

.sidebar-menu .sidebar-btn {
  padding: 6px 10px;
  line-height: 10px;
  margin-top: 2px;
}

.lists-menu-container .toggleFilterSize {
  cursor: pointer;
  font-size: 11px;
  padding-right: 20px;
  color: #15c;
}

.lists-menu-container hr {
  margin: 5px 0;
}

.lists-menu-container .menu-scroller .mCSB_scrollTools {
  width: 13px;
}

.lists-menu-container .menu-scroller .mCSB_inside > .mCSB_container,
.modules-menu .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.lists-menu-container .menu-scroller .mCSB_scrollTools .mCSB_draggerContainer,
.modules-menu .mCSB_scrollTools .mCSB_draggerContainer {
  left: 8px;
}

.lists-menu-container .list-menu-content .more-less-link {
  color: #fff;
}

.lists-menu-container .list-menu-content .sub-header {
  color: #ddd;
  font-weight: bold;
  margin: 20px 0 5px;
}

.lists-menu-container .menu-scroller .lists-menu {
  list-style: none;
  padding: 0 12px;
  font-size: 13px;
  margin-bottom: 5px;
  width: 100%;
  display: inline-block;
  float: right;
}

.lists-menu > li {
  margin: 1px 0;
  padding: 0 5px;
}

.lists-menu > li:hover,
.lists-menu > li.active {
  background: #f7f7f7;
}

.lists-menu > li:hover .js-popover-container,
.lists-menu > li.active .js-popover-container {
  /*display: inline;*/
  visibility: visible;
}

.lists-menu .js-popover-container {
  /*display: none;*/
  visibility: hidden;
}

.lists-menu > li > a {
  padding: 5px 5px 5px 0;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 65%;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  color: rgb(51 71 91 / 75%);
  font-size: 12px;
  font-weight: 400;
}

.lists-menu > li > .dropdown {
  margin-left: 1%;
  margin-top: 3px;
  width: 14%;
  text-align: center;
}

.lists-menu > li > .pull-right > .js-popover-container > .fa {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  display: inline-block;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  font-size: 15px;
  margin-right: 10px;
  margin-top: 4px;
}

.lists-menu > li > .dropdown.open > .fa {
  color: #24a159 !important;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.lists-menu > li .fa.dropdown-toggle {
  visibility: hidden;
}

.lists-menu > li .fa.fa-chevron-circle-down {
  margin: 6px 2px 0 0;
  cursor: pointer;
}

.lists-menu > li .fa.fa-plus-square-o {
  vertical-align: middle;
  cursor: move;
}

.lists-menu > li.active .fa,
.lists-menu > li:hover .fa {
  visibility: visible;
}

.listSearch {
  position: relative;
}

.search-folders,
.search-list {
  width: 100%;
  background-color: #ffffff;
  border: 0;
  margin: 5px 0;
  padding: 5px 25px 5px 0;
  color: rgb(51 71 91 / 50%);
  font-weight: 300;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
}

.listSearch img {
  position: absolute;
  top: 10px;
  right: 0;
}

.search-folders:focus,
.search-list:focus {
  outline: none;
}

.integrations-container > div,
.common-links-container > div {
  padding: 8px 5px;
}

.integrations-container > div:hover,
.common-links-container > div:hover {
  background: #2c3b49;
}

.integrations-container > div a,
.common-links-container > div a {
  color: #fff;
}

.search-container {
  min-height: 300px;
  position: absolute;
  width: 100%;
  top: 0;
  background: #fbfbfb;
  margin-left: -15px;
  margin-top: 51px;
  display: none;
  opacity: 0.96;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  background-color: #f5f5f5;
}

.footer p {
  margin: 5px 0;
}

.showElement {
  display: block !important;
  height: 100%;
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;
}

.overlay-container-60.full-width,
.overlay-container-300.full-width,
.full-width {
  padding-left: 0;
  margin-left: 0 !important;
  width: 100% !important;
}

.paddingLeftRight50px {
  padding-left: 50px;
  padding-right: 50px;
}

.paddingLeftRight10Per {
  padding-left: 10%;
  padding-right: 10%;
}

.padding20 {
  padding: 20px;
}

.overflowVisible {
  overflow: visible !important;
}

.overflowYAuto {
  overflow-y: auto;
}

.marginBottom50px {
  margin-bottom: 50px;
}

.paddingLeft15 {
  padding-left: 15px;
}

.marginRight15 {
  margin-right: 15px;
}

.paddingRight0 {
  padding-right: 0;
}

.paddingLeft0 {
  padding-left: 0;
}

.paddingTop15 {
  padding-top: 15px;
}

.paddingTop5 {
  padding-top: 5px;
}

.paddingTop10 {
  padding-top: 10px;
}

.resize-vertical {
  resize: vertical;
}

.maxWidth50 {
  max-width: 50%;
}

.maxWidth40 {
  max-width: 40%;
}

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

.radio-group input[type='radio'] {
  margin-top: 0;
}

.radio-group .radio-label {
  vertical-align: top;
}

.no-border,
.no-border.table > thead > tr > th,
.table > tbody > tr > th,
.no-border.table > tfoot > tr > th,
.table > thead > tr > td,
.no-border.table > tbody > tr > td,
.table > tfoot > tr > td {
  border: 0px;
}

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

.display-flex {
  display: flex;
}

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

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

.textAlignRight {
  text-align: right !important;
}

.lineItemInputBox {
  width: 45%;
  float: right;
  text-align: right;
}

ul.unstyled {
  list-style-type: none;
  padding-left: 0px;
}

.coloredBorderBottom {
  border-bottom: 1px solid #ef5e29;
}

.coloredBorderTop {
  border-top: 0;
}

.redColor {
  color: red;
}

.emptyRecordsDiv {
  width: 100%;
  height: 350px;
  text-align: center;
  font-size: 16px;
  padding: 5% 0;
}

table.table.listview-table > tbody > tr.emptyRecordsDiv td {
  max-width: 100% !important;
}

.emptyRecordsContent {
  /*display: inline-block;*/
  font-size: 16px;
  text-align: center;
  /*left: 50%;
  margin-left: -25%;
  position: absolute;
  width: 50%;*/
}

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

.textStrike {
  text-decoration: line-through;
}

.vicon-puzzle {
  position: relative;
}

.vicon-puzzle .custom-module-text {
  font-size: 10px;
  position: absolute;
  top: -5px;
  right: -4px;
}

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

.removeNoFileChosen {
  color: transparent !important;
}

.module-buttons-container {
  float: right;
  margin-right: 10px;
}

.btn {
  border-radius: 0px;
  font-weight: 100;
  cursor: pointer;
}

.btn:hover {
  cursor: pointer;
}

.module-buttons#ClearDemoData {
  color: white;
  background: #db4a38;
}

.module-buttons.btn,
.dashboardHeading .addButton,
button.btn-success.updateSequence,
.ruleListContainer button.addButton.addCustomRule,
.ds-header button.btn.btn-success,
.ofc365Details button.btn.btn-success,
.main-container-CTGoogleCalendar button.btn.btn-success,
.CTGoogleCaledarSyncData .btn-success,
#digital_signature_setting .btn-success {
  color: #fff !important;
  background: #2846e0;
  text-shadow: none !important;
  padding: 9px 10px;
  margin: 0 10px 0 0;
  border-radius: 4px !important;
  /*box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;*/
  /*box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;*/
  border: 0 !important;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

.ofc365Details button.btn.btn-default {
  color: #52575c;
  border: 1px solid #dbdde0;
  margin: 0 !important;
  background: transparent;
  border-radius: 4px !important;
}

.main.ofc365Details table.table.editview-tableofc365Detailstable td {
  display: inline-block !important;
}

.ofc365Details button.btn.btn-success,
.ofc365Details button.btn.btn-default {
  padding: 6px 16px;
}

.btn-group.open .addButton.dropdown-toggle {
  background-color: #2846e0 !important;
}

/*.module-filters .menu-scroller.scrollContainer.ps-container.ps-active-y{
  height: auto !important;
}*/
.dashboardHeading .addButton .caret {
  display: none !important;
}

.dashboardWidgetContent img,
.dashboardWidgetContent span > i {
  max-width: 20px;
  max-height: 20px;
  position: relative;
  top: 5px;
  color: #c4d0e1;
  font-size: 20px;
}

button#Leads_listView_basicAction_LBL_ADD_RECORD,
button#Contacts_listView_basicAction_LBL_ADD_RECORD,
button#Reports_listView_basicAction_Add {
  background: #00ca72 !important;
  margin-right: 0;
  text-shadow: none !important;
}

div#listview-actions .btn-group.userFilter button.btn.btn-default {
  color: #fff;
  background-color: #c2cfe0 !important;
  text-shadow: none;
  margin: 0 10px 0 0;
  border-radius: 4px !important;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%);
  border: 0;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: 500;
  outline: 0 !important;
  padding: 8px 10px !important;
  text-shadow: none !important;
}

#listview-actions .btn-group.userFilter button.btn.btn-default.btn-primary {
  background-color: #00ca72 !important;
  font-size: 13px !important;
  font-weight: bold;
  color: white !important;
}

#listview-actions
  .btn-group.userFilter
  button.btn.btn-default.btn-primary:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

button#Leads_basicAction_LBL_IMPORT,
button#Contacts_basicAction_LBL_IMPORT,
button#Users_basicAction_LBL_IMPORT {
  background: #ffaa50 !important;
}

button.btn.btn-default.module-buttons.dropdown-toggle {
  background: #2846e0 !important;
}

.SMSNotifier-module-action-content
  button.btn.btn-default.module-buttons.dropdown-toggle
  img {
  filter: brightness(0) invert(1);
}

button#Reports_listView_basicAction_Add i.caret.icon-white {
  display: none !important;
}

.module-action-content .module-buttons:hover,
.module-action-content .module-buttons:focus,
.module-action-content .module-buttons.focus,
.module-action-content .module-buttons:active,
.module-action-content .module-buttonst.active {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
}

.help-link {
  font-size: 22px;
  margin: 10px;
}

.module-help {
  border: 1px solid #46b8da !important;
  color: #ffffff !important;
  background: #5bc0de !important;
}

.fa.pull-left {
  margin-right: 0;
}

.current-filter-name {
  margin: 11px 0;
  float: left;
  font-size: 13px;
  line-height: 18px;
}

.current-filter-name a {
  max-width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  /* overflow: hidden; */
}

.listViewContentHeaderValues .customsort {
  opacity: 0;
}

.listViewPageDiv a {
  text-decoration: none;
  color: inherit;
}

.listViewContentHeaderValues:hover .customsort {
  opacity: 1;
}

.listview-actions-container {
  position: relative;
  background: transparent;
  margin-top: -25px;
  background: transparent;
}

.listViewPageDiv.ManageUsers .listview-actions-container {
  margin-top: -50px;
}

.listViewPageDiv.ManageUsers .listview-actions-container .btn-group.pull-right {
  top: 15px !important;
}

.listview-pagination i {
  font-size: 20px;
}

.listview-pagination .disabled {
  color: rgba(0, 0, 0, 0.2);
}

.listview-pagination .disabled:hover {
  cursor: default;
}

.listview-table .fi.listViewEntryValue .input-groupeldValue,
.listview-table .listViewEntryValue .fieldValue {
  color: #222;
  background: #fff;
}

.listViewEntryValue .select2-container-multi .select2-choices {
  min-height: 26px;
  border-width: 3px !important;
}

.select2-container .select2-choice .select2-arrow {
  margin-right: 0px;
}

.listview-pagination p {
  display: inline-block;
  float: left;
  margin: 5px;
}

.table-container {
  width: 100%;
  border: 0;
  margin-top: 20px;
}

.listview-table {
  margin-bottom: 0;
  border-top: 0;
  border-color: #ccccd0;
}

.listview-table tr td,
.listview-table tr th {
  color: #222;
}

.listview-table tr td:first-child,
.listview-table tr th:first-child {
  /*width: 120px;*/
  padding: 10px 20px;
  /*float: left !important;*/
}

/*.floatThead-wrapper .listview-table tr.searchRow{
 display: flex !important;
}*/
.listview-table > thead > tr:first-child > th,
.listview-table > tbody > tr:first-child > th {
  padding: 10px 5px;
  border-bottom: 0;
  /*min-width:120px;*/
}

.listview-table > thead > tr th:first-child,
.listview-table > tbody > tr th:first-child {
  width: 13% !important;
}

/*.table>tbody>tr>td{
  border-top:0;
}*/
.listview-table > tbody > tr > td,
.listview-table > tfoot > tr > td {
  vertical-align: middle;
  padding: 10px 5px;
  /*min-width: 120px;*/
  /*max-width: 120px;*/
}

.listview-table > tbody > tr > td .value,
.listview-table > tfoot > tr > td .value {
  padding: 0 5px;
}

.listview-table > thead > tr > td .fieldValue,
.listview-table > tbody > tr > td .fieldValue,
.listview-table > tfoot > tr > td .fieldValue {
  display: inline-block;
  width: 100%;
  text-align: right;
}

.settingsPageDiv.content-area.vtigerSetting td {
  vertical-align: middle;
  /*width: 100%;*/
  /*display: inline-block;*/
  color: rgb(51 71 91 / 75%) !important;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: 400;
}

/*.settingsPageDiv.content-area.vtigerSetting td, .settingsPageDiv.content-area.vtigerSetting .fieldBlockContainer-webform td {
    display: table-cell !important;
    width:100% !important;
}*/
.settingsPageDiv.content-area.vtigerSetting td.ModulemanagerSettings {
  display: inline-block;
  width: 50% !important;
}

.portal-table td.listViewEntryValue {
  vertical-align: middle;
  /*display: inline-block;*/
  color: rgb(51 71 91 / 75%) !important;
  font-size: 14px;
  font-weight: 400;
  text-align: right;
}

.portal-table td.listViewEntryValue a {
  display: inline-block;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  max-width: 90%;
}

td.listViewEntryValue span.value {
  padding: 0 !important;
}

.listViewEntries .relatedListEntryValues .value {
  vertical-align: middle;
  width: 80%;
  display: inline-block;
}

.floatThead-table {
  background: #fff;
  /*table-layout: auto !important;*/
}

/*table.table.listview-table.floatThead-table {
    display: inline-block;
    float: left;
}*/
.listview-table-norecords .table-actions,
.listview-table .table-actions {
  /*width: 110px;*/
  font-size: 15px;
  color: #555;
  margin-left: 7px;
}

/* bhavin shah
.table-actions {
   width: 50% !important;
}
.table.listview-table.floatThead-table th{
  text-align:right !important;
}
.table.listview-table.floatThead-table tr:last-child th:first-child{
  padding-right: 10% !important;
}
/* bhavin shah*/

.listview-table .table-actions.reportListActions {
  width: 125px;
  font-size: 15px;
  color: #555;
  margin-left: 7px;
}

.listview-table-norecords .table-actions span,
.listview-table .table-actions span {
  opacity: 0.7;
}

.listview-table .table-actions span.dropdown.open,
.listview-table-norecords .table-actions span.dropdown.open {
  opacity: 1;
}

.listview-table-norecords .table-actions span:hover,
.listview-table-norecords .table-actions span:active,
.listview-table-norecords .table-actions span:focus,
.listview-table .table-actions span:hover,
.listview-table .table-actions span:active,
.listview-table .table-actions span:focus,
input[type='checkbox']:checked {
  opacity: 1;
}

.listview-table-norecords .table-actions:before,
.listview-table-norecords .table-actions:after,
.listview-table .table-actions:before,
.listview-table .table-actions:after {
  content: ' ';
  display: block;
  clear: both;
}

.listview-table-norecords .table-actions .dropdown .dropdown-toggle,
.listview-table .table-actions .dropdown .dropdown-toggle {
  /*min-width: 35px;*/
}

span.more.dropdown.action span.dropdown-toggle {
  min-width: auto !important;
}

/*table.table.listview-table thead, table.table.listview-table tr.searchRow.listViewSearchContainer, table.table.listview-table tbody>tr {
    direction: ltr;
    float: right !important;
    width: 100%;
}*/
.listview-table-norecords .listViewEntries .table-actions span,
.listview-table .listViewEntries .table-actions span {
  padding-right: 10px;
  float: left;
}

.listview-table-norecords .listViewEntries .table-actions span.more,
.listview-table .listViewEntries .table-actions span.more {
  padding-right: 0;
  padding-left: 0;
}

.listview-table-norecords .listViewEntries .table-actions span.more a,
.listview-table .listViewEntries .table-actions span.more a {
  padding: 0 6px;
}

.listview-table-norecords .table-actions .input input,
.listview-table .table-actions .input input {
  float: left;
  border: 1px solid #777;
  margin-top: 4px;
}

.listview-table tr.listViewContentHeader th,
.listview-table tr.searchRow th {
  border-bottom-width: 1px;
  vertical-align: middle;
  display: table-cell;
  border: 1px solid #ccc !important;
}

/*.listview-table  tr.searchRow th {
  padding: 15px 5px;
  width: 120px;
    float: left;
}*/
.listview-table tr.searchRow th.inline-search-btn {
  padding: 16.25px 10px;
}

.listview-table tr.searchRow th.inline-search-btn button.btn.btn-success {
  /*text-align: center;
  width: 85%;
  text-shadow: none;
  padding: 3px;*/
  /*width: 100%;*/
  max-width: 90px;
  margin-right: 0;
}

/*.relatedContents .listview-table tr.searchRow th.inline-search-btn button {
  width: 95px;
}*/
/*.listview-table tr.searchRow button.btn.btn-success{
  min-width:85% !important;
}*/
.listview-table .table-actions span:hover {
  opacity: 1;
  cursor: pointer;
}

.listview-table .table-actions span.caret {
  padding: 0;
}

.listview-table tr td .input .checkbox {
  margin-right: 10px;
}

.listview-table .fa-star-o,
.listview-table .fa-star {
  font-size: 16px;
}

.input-error {
  border: 1px solid #b94a48 !important;
  background-color: #ffeeee !important;
  background-image: none !important;
}

.scroller-div {
  height: 1px;
}

.blockHeader h4 {
  margin: 13px 0;
}

.listViewEntries td:not(:first-child) {
  cursor: pointer;
}

.listViewEntries .dropdown-menu {
  z-index: 1100;
}

.listViewMassActions .dropdown-menu,
#PageJumpDropDown {
  z-index: 1100;
}

.edited {
  box-shadow: 0px 0px 2px 2px #cccccc;
}

#listview-table .inline-save button {
  height: 26px;
  width: 35px;
}

.listview-pagenum {
  text-align: center;
  white-space: nowrap;
  padding: 3px 10px;
  margin-bottom: 6px;
  font-size: 12px;
}

.listview-pagejump {
  text-align: center;
  padding-bottom: 3px;
}

.listViewPagingInput {
  width: 70px;
  padding: 0px 5px;
  vertical-align: middle;
}

#pageToJumpSubmit {
  padding: 1px;
  margin-left: -5px;
  font-size: 10px;
  width: 50px;
}

.listview-table-norecords {
  margin-bottom: 0;
  border-top: 0;
}

.configColumnsContainer .selectedFieldsContainer {
  border-right: 2px solid #dddddd;
  min-height: 300px;
}

.configColumnsContainer .selectedFieldsContainer ul {
  list-style: none;
  padding: 0px;
}

.configColumnsContainer .selectedFieldsContainer ul .item {
  padding: 2%;
  width: 90%;
}

.configColumnsContainer .selectedFieldsContainer ul .item .fieldLabel {
  padding-left: 5px;
}

.configColumnsContainer .selectedFieldsContainer ul .item .removeField {
  color: gray;
  font-size: 14px;
}

.configColumnsContainer .selectedFieldsContainer ul .item .removeField:hover {
  cursor: pointer;
}

.configColumnsContainer .selectedFieldsContainer ul .item:hover {
  cursor: move;
}

.configColumnsContainer .selectedFieldsContainer ul .active {
  background-color: #dddddd;
}

.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock {
  padding: 2%;
}

.configColumnsContainer
  .availFiedlsContainer
  #accordion
  .availFieldBlock
  a:focus {
  font-weight: bold !important;
  color: black !important;
}

.configColumnsContainer
  .availFiedlsContainer
  #accordion
  .availFieldBlock
  a:hover {
  color: black;
}

.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock i {
  font-size: 16px;
  padding-right: 1%;
}

.configColumnsContainer .availFiedlsContainer #accordion .panel-body {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4%;
}

.configColumnsContainer .availFiedlsContainer #accordion .item {
  padding: 2%;
  width: 90%;
}

.configColumnsContainer .availFiedlsContainer #accordion .item .fieldLabel {
  padding-left: 5px;
}

.configColumnsContainer .availFiedlsContainer #accordion .item:hover {
  cursor: pointer;
  background-color: #dddddd;
}

.configColumnsContainer .availFiedlsContainer #accordion .item:hover .addField {
  color: gray;
}

.configColumnsContainer .availFiedlsContainer .avialFieldsListContainer {
  margin-top: 3%;
}

#listColumnFilterContainer .listColumnFilter {
  cursor: pointer;
  /*margin-left: 20%;*/
}

#listColumnFilterContainer .disabled {
  display: none;
  cursor: default;
}

#listColumnFilterContainer .disabled i {
  color: #ccc;
}

.detailViewButtoncontainer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.detailview-header .recordBasicInfo > .info-row {
  margin-bottom: 0;
}

.detailview-header .recordBasicInfo > .info-row .socialLinks {
  height: 20px;
  display: inline-block;
}

.main-container .detailViewModNavigator.module-nav,
.detailViewModNavigator .mod-switcher-container,
.detailViewModNavigator .modules-menu {
  width: 42px;
}

strong,
b,
th {
  font-family: 'Arimo', sans-serif !important;
  font-weight: 500;
  font-weight: normal;
  font-size: 13px;
}

.detailview-table {
  table-layout: fixed;
}

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

.detailview-table .fieldLabel {
  width: 100% !important;
}

.detailview-table .fieldValue {
  max-width: 263px;
  border-color: #00ca72 !important;
  position: relative;
  /* float: right;*/
}

#detailView td.fieldValue .action {
  display: none;
  position: absolute;
  margin-right: 10px;
  left: 0;
}

#detailView td.fieldValue:hover .action {
  display: inline-block;
  /*display: contents;*/
}

#detailView td.fieldValue:hover .action a {
  text-decoration: none;
  color: inherit;
  position: absolute;
  left: 10px;
  top: 50%;
  /*transform: translate(0, -50%);*/
}

tr.summaryViewEntries {
  position: relative;
}

.summary-table tr.summaryViewEntries .fieldValue:hover .action a {
  position: relative !important;
  margin-right: 20px;
}

#detailView td.fieldValue .edit {
  width: 90%;
}

.overlayDetailHeader .recordBasicInfo .fieldLabel .action,
.detailview-header .recordBasicInfo .fieldLabel .action {
  display: none;
  position: absolute;
  margin-left: 10px;
}

.overlayDetailHeader .recordBasicInfo .fieldLabel:hover .action,
.detailview-header .recordBasicInfo .fieldLabel:hover .action {
  display: inline-block;
}

.overlayDetailHeader .recordBasicInfo .fieldLabel:hover .action a,
.detailview-header .recordBasicInfo .fieldLabel:hover .action a {
  text-decoration: none;
  color: inherit;
}

.overlayDetailHeader .recordBasicInfo .inputElement,
.detailview-header .recordBasicInfo .inputElement {
  width: 70%;
}

.overlayDetailHeader .recordBasicInfo .referencefield-wrapper .inputElement,
.detailview-header .recordBasicInfo .referencefield-wrapper .inputElement {
  width: 123px;
  min-width: 148px;
}

.overlayDetailHeader .recordBasicInfo .referencefield-wrapper .input-group,
.detailview-header .recordBasicInfo .referencefield-wrapper .input-group {
  min-width: 177px;
}

.overlayDetailHeader .recordBasicInfo .inputElement[type='checkbox'],
.detailview-header .recordBasicInfo .inputElement[type='checkbox'] {
  width: 6%;
  margin-top: 3%;
  margin-right: 2%;
}

.referencefield-wrapper .createReferenceRecord {
  /* float: left; */
  margin-left: 0;
  margin-top: 0;
  border: 0 !important;
  padding: 0 !important;
  text-align: center;
  color: #666;
  background: transparent;
  /*margin-right: 25px;*/
}

.input-save-wrap {
  float: left;
  display: table-cell;
  width: 16%;
}

.input-save-wrap .fa.fa-check {
  color: #ffffff;
}

.summaryView .referencefield-wrapper {
  /*max-width: 150px;*/
  display: table-cell;
}

.summaryView .referencefield-wrapper .input-group.time,
.summaryView .referencefield-wrapper .input-group.date {
  min-width: 120px;
}

.referencefield-wrapper {
  /*display: table-cell;*/
}

.record-header {
  width: 100%;
  display: block;
  text-align: center;
}

.record-header img {
  /*max-width: 32px;*/
  /*max-height: 32px;*/
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.record-header .recordImage {
  float: left;
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #33475b !important;
  text-align: center;
  float: none;
}

.record-header .recordBasicInfo {
  float: left;
  display: block;
  padding-right: 0;
  width: 100%;
  text-align: center;
  padding: 15px 0 0;
}

.record-header .recordBasicInfo .info-row,
.record-header .recordBasicInfo h4,
.record-header .recordBasicInfo a,
.record-header .recordBasicInfo .fieldLabel {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.record-header .recordBasicInfo h4 {
  /*height: 25px;*/
  margin: 0;
}

.detailViewContainer .recordImage,
.overlayDetailHeader .recordImage,
.quickPreviewModuleHeader .recordImage {
  display: table;
  height: 100px;
  width: 100px;
  padding: 0;
  margin: 0 auto;
}

.detailViewContainer .recordImage .name,
.overlayDetailHeader .recordImage .name,
.quickPreviewModuleHeader .recordImage .name {
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.detailViewContainer .recordImage .name span,
.overlayDetailHeader .recordImage .name span,
.quickPreviewModuleHeader .recordImage .name span {
  color: #fff;
  text-shadow: 1px 0 2px #999;
}

.detailViewContainer .recordImage.bgAccounts,
.overlayDetailHeader .recordImage.bgAccounts,
.quickPreviewModuleHeader .recordImage.bgAccounts {
  background: #6cc4b9;
}

.detailViewContainer .recordImage.bgcontacts,
.overlayDetailHeader .recordImage.bgcontacts,
.quickPreviewModuleHeader .recordImage.bgcontacts {
  background: #03a678;
}

.detailViewContainer .recordImage.bghelpdesk,
.overlayDetailHeader .recordImage.bghelpdesk,
.quickPreviewModuleHeader .recordImage.bghelpdesk {
  background: #d1026c;
}

.detailViewContainer .recordImage.bginvoice,
.overlayDetailHeader .recordImage.bginvoice,
.quickPreviewModuleHeader .recordImage.bginvoice {
  background: #d1026c;
}

.detailViewContainer .recordImage.bgleads,
.overlayDetailHeader .recordImage.bgleads,
.quickPreviewModuleHeader .recordImage.bgleads {
  background: #f47983;
}

.detailViewContainer .recordImage.bgpotentials,
.overlayDetailHeader .recordImage.bgpotentials,
.quickPreviewModuleHeader .recordImage.bgpotentials {
  background: #492d61;
}

.detailViewContainer .recordImage.bgproducts,
.overlayDetailHeader .recordImage.bgproducts,
.quickPreviewModuleHeader .recordImage.bgproducts {
  background: #ffb3a7;
}

.detailViewContainer .recordImage.bgvendors,
.overlayDetailHeader .recordImage.bgvendors,
.quickPreviewModuleHeader .recordImage.bgvendors {
  background: #875f9a;
}

.detailViewContainer .recordImage.bgpurchaseorder,
.overlayDetailHeader .recordImage.bgpurchaseorder,
.quickPreviewModuleHeader .recordImage.bgpurchaseorder {
  background: #c93756;
}

.detailViewContainer .recordImage.bgquotes,
.overlayDetailHeader .recordImage.bgquotes,
.quickPreviewModuleHeader .recordImage.bgquotes {
  background: #d1026c;
}

.detailViewContainer .recordImage.bgsalesorder,
.overlayDetailHeader .recordImage.bgsalesorder,
.quickPreviewModuleHeader .recordImage.bgsalesorder {
  background: #d1026c;
}

.detailViewContainer .recordImage.bgproject,
.overlayDetailHeader .recordImage.bgproject,
.quickPreviewModuleHeader .recordImage.bgproject {
  background: #d1026c;
}

.detailViewContainer .recordImage.bg_ServiceContracts,
.overlayDetailHeader .recordImage.bg_ServiceContracts,
.quickPreviewModuleHeader .recordImage.bg_ServiceContracts {
  background: #ffb61e;
}

.detailViewContainer .recordImage.bg_Assets,
.overlayDetailHeader .recordImage.bg_Assets,
.quickPreviewModuleHeader .recordImage.bg_Assets {
  background: #8db255;
}

.detailViewContainer .recordImage.bg_Services,
.overlayDetailHeader .recordImage.bg_Services,
.quickPreviewModuleHeader .recordImage.bg_Services {
  background: #d1026c;
}

.detailViewContainer .recordImage.bg_Calendar,
.overlayDetailHeader .recordImage.bg_Calendar,
.quickPreviewModuleHeader .recordImage.bg_Calendar {
  background: #ed4c57;
}

.detailViewContainer .recordImage.bg_Campaigns,
.overlayDetailHeader .recordImage.bg_Campaigns,
.quickPreviewModuleHeader .recordImage.bg_Campaigns {
  background: #a17917;
}

.detailViewContainer .recordImage.bg_Cases,
.overlayDetailHeader .recordImage.bg_Cases,
.quickPreviewModuleHeader .recordImage.bg_Cases {
  background: #42a5f5;
}

.detailview-header .recordImage [class^='vicon-'],
.overlayDetailHeader .recordImage [class^='vicon-'],
.quickPreviewModuleHeader .recordImage [class^='vicon-'] {
  font-size: 35px;
}

.detailViewContainer .block,
.settingsPageDiv.vtigerSetting .listViewEntriesDiv.contents-bottomscroll {
  display: inline-block;
  /* float: left; */
  position: relative;
  background: #fff;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 20px 20px;
  margin: 0 0 25px;
}

.detailViewContainer .block hr {
  margin: 10px 0;
}

.editViewContainer .block {
  background: #ffffff;
  /*border: 1px solid #F3F3F3;*/
  padding-left: 15px;
  padding-right: 15px;
}

.commentDetails li {
  padding-left: 50px;
}

.commentInfoContent {
  display: inline-block;
  word-break: break-all;
  line-height: 1.5em;
}

.fc-overlay-modal {
  top: auto !important;
  bottom: 0;
  right: 0;
  left: auto;
  border: 1px solid #dddddd;
  box-shadow: none;
  background: white;
}

.table-borderless tbody td,
.table-borderless tbody th {
  border: 0 !important;
}

#overlayPage {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 1101;
  right: 0;
  /*position: absolute;*/
}

#overlayPage .arrow.show {
  content: '';
  width: 10px;
  height: 10px;
  right: 150px;
  top: -9px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  position: absolute;
  display: none !important;
}

#overlayPage .arrow.show:after {
  content: '';
  width: 10px;
  height: 10px;
  right: 150px;
  top: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  position: absolute;
  left: -9px;
  z-index: 1030;
}

.overlay-container-60 {
  margin-right: 42px;
}

.overlay-container-300 {
  margin-right: 60px;
}

.overlayPageContent {
  background: #ffffff;
  padding-bottom: 60px;
  float: left;
}

/*.overlayPageContent.fade {
  top: 700px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.overlayPageContent.fade.in {
  top: 0 !important;
  opacity: 1;
}*/
.overlayPageContent form .modal-body {
  padding-left: 30px;
  padding-right: 30px;
}

#helpPageOverlay {
  width: 300px;
  right: 0px;
  top: 0px;
  position: fixed;
  z-index: 1102;
}

.overlayHeader .modal-header {
  background: inherit;
  color: inherit;
  border-bottom-color: rgb(51 71 91 / 10%);
  justify-content: space-between;
}

.overlayHeader .modal-header .close {
  color: #000;
  background: transparent;
  border: none;
}

.overlayFooter {
  /* position: fixed;
  bottom: 0;*/
  background: #eeeeee;
  width: 100%;
  height: 60px;
  right: 0;
  font-family: 'Arimo', sans-serif !important;
}

.contentsOverLayFooter {
  width: 76%;
}

.footer-actions {
  margin-left: 285px;
  text-align: left;
}

.overlay-close {
  margin-top: 10px;
  margin-right: 10px;
  opacity: 0.25;
}

.overlay-close:hover {
  opacity: 1;
}

.saveButton {
  font-size: 14px;
  color: white;
  padding: 7px 25px;
}

.cancelLink,
.popoverCancel,
a.cancelLink {
  font-size: 16px;
  color: red;
  border: 1px solid red;
  padding: 9px 40px;
  border-radius: 50px;
  line-height: unset;
}

.modal-overlay-footer a:hover {
  color: red;
}

.cancel-x-small {
  font-size: 12px;
}

.detailview-content {
  padding-bottom: 30px;
}

.detailview-content .commentsRelatedContainer .commentTitle {
  border: 1px solid #ccc;
  padding: 20px;
}

.detailview-content .commentsRelatedContainer textarea {
  width: 100%;
  height: 73px;
  resize: none;
}

.detailview-content .commentsRelatedContainer .commentTextArea {
  padding-bottom: 10px;
}

.numberCircle {
  background: none repeat scroll 0 0 #00ca72;
  border-radius: 2px;
  color: white;
  display: inline-block;
  font-size: 8px;
  min-height: 6px;
  min-width: 10px;
  line-height: 12px;
  text-align: center;
  /* padding: 2px; */
  text-align: center;
  vertical-align: baseline;
  margin-top: 0px;
  float: right;
  margin: -2px -5px 0 5px !important;
}

.related-tabs {
  position: relative;
}

.related-tabs ul {
  padding-left: 0;
  /*width: 100%;*/
  border-bottom: 0;
}

.related-tabs .tab-icon {
  max-width: 85%;
  display: inline-block;
  vertical-align: middle;
}

.related-tabs .tab-label {
  display: inline-block;
  height: 26px;
  line-height: 25px;
}

.summary-table {
  width: 100%;
  table-layout: fixed;
}

.editViewContents .fieldBlockContainer,
.summaryView,
.fieldBlockContainer-webform {
  position: relative;
  border: none;
  padding: 15px;
  margin-bottom: 20px;
  background: #ffffff;
  /*box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);*/
  border-radius: 4px;
  /*width: 100%;*/
}

.settingsPageDiv.vtigerSetting .fieldBlockContainer-webform,
.settingsPageDiv.vtigerSetting .fieldBlockContainer,
.targetFieldsTableContainer {
  width: 100% !important;
}

.summaryView .fieldLabel {
  padding-left: 0px;
  padding-right: 0;
}

.summaryView .summaryViewHeader,
.summaryWidgetContainer .widget_header {
  margin-bottom: 8px;
  margin-top: 0;
}

.summaryView .summaryViewHeader h4,
.summaryWidgetContainer .widget_header h4,
#detailView .block h4,
#moduleEditViewListid h4,
h3.tst6,
.editViewHeader h4,
.main-container-RecycleBin h5.sidebar-header {
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
  color: rgb(51 77 110 / 75%);
  text-transform: uppercase;
  text-align: right;
}

.summaryWidgetContainer .widget_contents {
  margin-top: 12px;
}

.summaryView .summaryViewFields {
  line-height: 2;
  padding-top: 0px !important;
}

.summaryViewFields .inputElement {
  max-height: 30px;
}

.summaryViewFields .inputElement.input-xxlarge {
  max-height: 200px;
}

/*.summaryWidgetContainer {
    position: relative;
    border: 0;
    padding: 20px 20px;
    margin-top: 25px;
    background: #FFFFFF;
    box-shadow: 0 0 10px rgb(51 71 91 / 20%);
    border-radius: 4px;
}*/
.summaryWidgetContainer .widget_header {
  margin-bottom: 6px;
}

.summaryWidgetContainer .toggleButton {
  font-size: 16px;
}

.summaryWidgetContainer .commentTitle {
  padding-left: 15px;
  padding-right: 15px;
}

.summaryWidgetContainer .creatorName {
  color: blue;
  display: block;
}

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

.summaryWidgetContainer .commentContainer {
  background: white;
  border-color: #f3f3f3;
}

.summaryWidgetContainer .commentContainertextarea {
  width: 100%;
  resize: none;
}

.noCommentsMsgContainer,
.quick-preview-modal .noContent {
  border: 1px solid #ccc;
}

.summaryWidgetContainer .recordImage .name {
  display: table-cell;
  margin: 0 auto;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.summaryWidgetContainer .recordImage .name span {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  line-height: 32px;
  text-shadow: none;
}

.commentsList .recordImage,
.summaryWidgetContainer .recordImage {
  background: none repeat scroll 0 0 orange;
  border: 1px solid #ccc;
  display: table;
  overflow-y: hidden;
  height: 50px;
  padding: 0;
  width: 50px;
}

.summaryWidgetContainer .activityEntries .module-icon {
  line-height: 28px;
}

.summaryWidgetContainer .activityEntries .module-icon.span {
  position: relative;
  vertical-align: middle;
}

/*.summaryWidgetContainer .activityEntries .summaryViewEntries {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}*/
.summaryWidgetContainer .activityEntries .summaryViewEntries {
  display: inline-flex;
  width: 100%;
}
 
.summaryWidgetContainer .activityEntries .summaryViewEntries a:not(.fieldValue) {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
}

.summaryWidgetContainer .activityStatus .editStatus,
.summaryWidgetContainer .summaryViewEntries .summaryViewEdit {
  opacity: 0;
}

.summaryWidgetContainer .activityStatus:hover .editStatus,
.summaryWidgetContainer .summaryViewEntries:hover .summaryViewEdit {
  opacity: 1;
  cursor: pointer;
}

.details.row > form .social-media-toggle {
  position: absolute;
  right: -15px;
  display: inline-block;
  width: 500px;
  border-left: 0px;
}

.details.row > form .social-media-widget {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 100%;
  background: white;
}

.details.row > form div[class*='col-'].resizable-summary-view {
  padding-left: 0;
  padding-right: 0px;
}

.details.row > form > div[class*='col-'],
.details.row > form .resizable-summary-view div[class*='col-'] {
  padding-right: 0;
  padding: 0px 5px;
}

.details.row > form > div[class*='col-']:first-child,
.details.row > form .left-block {
  padding-left: 0 !important;
}

.details.row > form > div[class*='col-']:last-child {
  padding-right: 0;
}

/*.details.row.campaignDetailAlign {
    margin: 6% -1.5% 0 0 !important;
    width: 102.90%;
}*/
.summaryWidgetContainer .noContent {
  padding: 10px;
}

.summaryView .fieldValue .value {
  max-width: 80%;
  width: auto !important;
}

.summaryView .fieldValue .value.textOverflowEllipsis > span:has(.reference-with-icon-detail){
  overflow: visible;
  width: auto;
}

.summaryView .fieldValue .value.textOverflowEllipsis > span:has(.reference-with-icon-detail){
  overflow: visible;
  width: auto;
}

.caseReplyArea .nav > li {
  padding: 0 10px;
}

.main-container .editViewModNavigator.module-nav,
.editViewModNavigator .mod-switcher-container,
.editViewModNavigator .modules-menu {
  width: 0px;
}

#massEditHeader {
  color: #3498db;
}

.fieldLabel {
  color: #2c3b49;
  opacity: 0.8;
  font-size: 13px;
}

.fieldLabel label {
  font-weight: 100;
}

.fieldValue {
  color: #222;
}

.importBlockContainer {
  border: 0;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 5px;
  background: #ffffff !important;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  margin: 25px 15px 0;
}

.fieldBlockContainer .inputElement {
  height: 32px;
  width: 100%;
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  border-radius: 0 !important;
}

.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices,
.select2-container .select2 .listSearchContributor {
  background: transparent !important;
  padding: 0;
  border-radius: 0 !important;
  border: 0 !important;
  /*border-bottom:  1px solid rgb(51 71 91 / 10%) !important;*/
  color: #555555;
  height: 30px;
  box-shadow: none !important;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  width: 100%;
}

div#s2id_autogen3 {
  width: 100%;
}

.editViewContents .fieldBlockContainer .input-group .input-group-addon + input {
  /*width: 100%;*/
}

.editViewContents .input-group {
  width: 100%;
  float: right;
}

.input-group.inputElement .input-group-addon,
span.input-group-addon {
  border: 0 !important;
  border-left: 1px solid #ddd;
  background: transparent;
  padding: 0 !important;
  width: auto !important;
}

.quickCreateContent .row .col-sm-12 .col-sm-5 .input-group.inputElement {
  width: 100%;
}

.quickCreateContent .row .col-sm-12 .col-sm-5 span.input-group-addon {
  float: right !important;
}

.quickCreateContent span.input-group-addon {
  /*float: right !important;*/
}

table.massEditTable.table span.input-group-addon {
  float: right !important;
}

.input-group.inputElement .input-group-addon img {
  max-width: 14px !important;
  position: relative;
  top: 4px;
}

table.massEditTable.table.no-border > tbody > tr {
  margin: 5px 0;
  width: 100%;
  /*display: inline-block;*/
}

.fieldBlockContainer textarea.inputElement {
  height: auto;
}

.listview-table .listViewEntries textarea,
.uploadview-content textarea,
.fieldBlockContainer textarea.textAreaElement {
  width: 100%;
  resize: vertical;
  padding-left: 5px;
  padding-top: 5px;
}

.fieldBlockHeader,
.fieldBlockHeade h4,
.fieldBlockContainer-webform h4,
.block h4,
.reportsDetailHeader h3,
#listview-actions .clearfix h4 {
  color: #051152;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 600;
  font-size: 14px !important;
  font-family: 'Arimo', sans-serif !important;
  color: rgb(51 71 91 / 75%);
  text-transform: uppercase;
}

.settingsPageDiv.content-area.vtigerSetting h4.textOverflowEllipsis.maxWidth50 {
  display: inline-block;
  /* float: right; */
  text-align: right;
  width: 100% !important;
  max-width: 100% !important;
}

.quickCreateContent .referencefield-wrapper {
  /*width: 210px;*/
  height: 32px;
}

.referencefield-wrapper .select2-container-multi {
  height: auto !important;
  float: left;
}

.quickCreateContent .input-group {
  display: table;
}

.quickCreateContent .inputElement {
  height: 30px;
  width: 200px;
}

.mandatoryField {
  width: 4px;
  background: #ff4068;
  height: 30px;
  float: left;
}

#composeEmailContainer input[type='text'] {
  width: 100%;
  height: 30px;
}

#composeEmailContainer .row {
  padding: 5px;
}

.navigationButton[disabled] {
  opacity: 0.2;
  pointer-events: none;
  cursor: not-allowed;
}

.moduleResults-container {
  background-color: #fbfbfb;
}

.textSearchPreviousPageButton > i,
.textSearchNextPageButton > i {
  font-size: 1.5em;
}

#EditView .editViewBody {
  position: relative;
  width: auto;
  margin-top: 15px;
  margin-bottom: 2%;
}

#EditView .editViewBody .editViewContents {
  margin-bottom: 0px;
}

#EditView .editViewFooter {
  position: fixed;
  bottom: 0%;
  width: 100%;
  background-color: #eeeeee;
  z-index: 1000;
  padding: 7px;
}

.op0.fadeInx {
  opacity: 1;
}

.op0 {
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#advanceSearchHolder {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 500ms ease;
  -moz-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}

#advanceSearchHolder.slideDown {
  max-height: 3000px;
}

.filterConditionContainer {
  background: #ffffff;
}

.filterConditionContainer .header,
.filterConditionContainer .header span strong {
  padding: 20px 0;
  font-size: 16px;
  line-height: 18.75px;
  font-weight: 700;
  color: #515262;
}

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

.filterConditionContainer .conditionRow .col-lg-12 {
  width: 90% !important;
  border: 1px solid #ccccd0 !important;
  padding: 7px;
  border-radius: 4px;
}

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

.filterConditionContainer .conditionList .deleteCondition {
  vertical-align: middle;
  margin-top: 6px;
}

#advanceSearchContainer #searchContainer {
  background-color: white;
  margin-top: 20px;
}

#advanceSearchContainer.well {
  margin-bottom: 0px !important;
}

#advanceSearchContainer [name='viewname'] {
  width: 0px;
  -webkit-transition: width 500ms ease;
  -moz-transition: width 500ms ease;
  -o-transition: width 500ms ease;
  transition: width 500ms ease;
}

#advanceSearchContainer [name='viewname'].slideRight {
  width: 200px;
}

#searchResults-container {
  background-color: #fbfbfb;
}

#searchResults-container .searchModuleHeader {
  color: #334d6e;
}

#searchResults-container .moduleSearchResults {
  padding-bottom: 20px;
}

#searchResults-container h3 {
  background: #f3f3f3;
  padding: 5px 15px;
}

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

.extensionstore .app-trigger {
  width: 98%;
}

.extensionWidgetContainer {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  min-height: 200px;
  padding: 2%;
}

.extensionWidgetContainer .extension_contents {
  margin-top: 2%;
  padding: 15px 0px;
}

.extensionWidgetContainer .extension_contents .slimScrollDiv {
  padding-right: 10px;
}

.extensionWidgetContainer .extension_header .font-x-x-large {
  font-size: 1.5em;
  font-weight: bold;
  color: #1560bd;
}

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

.extensionWidgetContainer .extensionInfo {
  padding-top: 5%;
}

.extensionContents .extensionError {
  color: #f10404;
}

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}

.tabbable-line > .nav-tabs > li.open,
.tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #5ce68a;
}

.tabbable-line > .nav-tabs > li.open > a,
.tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}

.tabbable-line > .nav-tabs > li.open > a > i,
.tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li {
  margin-right: 10px;
  margin-left: 10px;
}

.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}

.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #449d44;
  position: relative;
}

.tabbable-line > .nav-tabs > li.active > a {
  outline: 0;
  border: 0;
  color: #333333;
}

.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}

.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #ffffff;
  border: 0;
  padding: 15px 0;
}

.nav .divider-vertical {
  height: 45px;
  margin: 0 9px;
  border-right: 3px solid #ffffff;
  border-left: 3px solid #dddddd;
}

.extensionContents {
  padding-bottom: 30px;
}

.extensionContents .extensionLink {
  cursor: pointer;
  color: #00ff00;
  text-decoration: underline;
}

.extensionContents .navigationLink {
  cursor: pointer;
}

.extensionContents .listview-table {
  width: 100%;
}

.relatedContents .listViewContentHeaderValues:hover {
  text-decoration: none;
  color: #333;
}

.relatedContents .listview-table .table-actions {
  width: 75px;
  height: 15px;
}

.relatedContents .listSearchContributor {
  width: 100%;
}

.relatedContents .relatedListEntryValues:hover {
  text-decoration: none;
}

.relatedListHeaderValues .customsort {
  opacity: 0.3;
}

.relatedListHeaderValues:hover .customsort {
  opacity: 1;
}

.relatedListHeaderValues:hover {
  text-decoration: none;
  color: #000000;
}

.relatedContents .listViewEntries .actions {
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.relatedContents .listViewEntries:hover .actions {
  opacity: 1;
}

.relatedViewActions #PageJumpDropDown {
  margin-left: -5px;
  font-size: 10px;
  width: 50px;
}

.relatedViewBasicAction .relatedViewPagingInput {
  width: 69px;
  padding: 0px 5px;
  vertical-align: middle;
  height: 22px;
  margin-top: -2px;
  font-size: 12px;
}

.relatedViewBasicAction .relatedViewPagingInputSubmit {
  padding: 1px;
  margin-left: -4px;
  font-size: 9px;
  width: 14%;
  margin-top: -2px;
}

.relatedViewActions .btn-group {
  margin-right: 15px;
}

.modal-header {
  padding: 5px 15px;
  background: #fff;
  color: #ffffff;
  border-bottom: 1px solid rgb(51 71 91 / 10%);
}

.modal-footer {
  background: #efefef;
}

#overlayPage.fade {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  -moz-transition: max-height 0.3s ease;
  -o-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

#overlayPage.fade.in {
  max-height: 3800px;
}

#overlayPage .modal-backdrop {
  z-index: -1;
}

.settings-sidebar {
  display: inline-block;
  width: 100%;
  float: left;
  background: #596875;
}

.settings-menu {
  display: inline-block;
  width: 100%;
  float: left;
  background: #2c3b49;
  height: 100%;
}

.settings-flip {
  background: none repeat scroll 0 0 #596875;
  font-size: 14px;
  margin: auto;
  padding: 5px;
  cursor: n-resize;
}

.settings-menu-items {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
  text-align: justify;
}

.settings-menu-items a {
  color: #fff;
  font-size: 13px;
}

.settingsgroup .panel-group {
  padding-top: 15px;
  /*overflow: auto;
  max-height: calc(100% - 50px);*/
}

#accordion {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

.importOverLayHeader {
  background: white;
  color: #596875;
  border-color: transparent;
  max-height: 50px;
}

.cursorPointer {
  cursor: pointer;
  text-decoration: none;
}

.cursorDefault {
  cursor: default;
}

.modal-body {
  background: white;
  margin-bottom: 0 !important;
}

#selectAllMsgDiv {
  font-size: 18px;
  color: #3498db;
}

#deSelectAllMsgDiv {
  font-size: 18px;
  color: #3498db;
}

.greenColor {
  color: #2ecc71;
}

.breadcrumb {
  width: 96.5%;
  background: #ffffff;
  /*box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);*/
  border-radius: 4px;
  margin: 0 15px;
}

.crumbs {
  height: 40px;
  margin: 0;
  padding: 0 20px 0 0;
  display: inline-block;
  font-family: 'Arimo', sans-serif !important;
  position: relative;
  width: 100%;
}

.crumbs li:after {
  content: '\0000a0';
  width: 50px;
  height: 0;
  border-right: 0;
  border-top: 0;
  border: 1px solid #d7d5d5;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 5px;
}

.crumbs li.active:after {
  border: 1px solid #0a2eeb;
}

.crumbs li {
  height: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 25%;
}

.crumbs li:first-child {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}

.crumbs li:hover {
  height: 0;
  border-top: 0;
  border-bottom: 0;
}

.crumbs li:hover:after {
  border-left: 0 !important;
}

.crumbs li.active {
  height: 0;
  border-top: 0;
  border-bottom: 0;
}

.crumbs li.active:after {
  border-right: 0 !important;
}

.crumbs li a {
  display: block;
  margin-top: 0;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
}

.crumbs li:first-child a .stepNum {
  margin-left: 8px;
}

.stepText {
  white-space: nowrap;
  overflow: hidden;
  font-size: 13px;
  width: 60%;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: middle;
  margin-right: 4px;
}

.active .stepText,
.active .stepNum {
  /* color: #FFFFFF;*/
}

.mailBoxEditDiv .crumbs li {
  width: 22%;
}

.stepNum {
  color: #fff !important;
  display: inline-block;
  padding: 0 5px;
  overflow: hidden;
  font-size: 20px;
  vertical-align: middle;
  background: #0a2eeb;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  font-weight: 600;
  margin: 0 !important;
}

.squaredFour {
  width: 20px;
  position: relative;
  margin: 20px auto;
}

.squaredFour label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fcfff4;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.squaredFour label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}

.squaredFour label:hover::after {
  opacity: 0.5;
}

.squaredFour input[type='checkbox'] {
  visibility: hidden;
}

.squaredFour input[type='checkbox']:checked + label:after {
  opacity: 1;
}

.importBlockContainer {
  color: #596875;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

.btn-google-plus {
  color: #ffffff !important;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.recentActivitiesContainer .history {
  margin: 0 auto;
  padding: 20px 20px 1px;
  max-width: 100%;
  overflow-x: visible;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.updates_timeline {
  padding-top: 20px;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.updates_timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 4px;
  background: #f5f6f8;
  right: 15px;
  border-radius: 4px !important;
}

.updates_timeline > li {
  position: static;
  top: 0;
  display: block;
  position: relative;
  min-height: 40px;
  /*z-index: 2;*/
}

.updates_timeline > li .update_time {
  position: absolute;
  margin: 0;
  width: 14%;
  background-color: transparent;
  padding: 5px;
  text-align: right;
  color: #999;
  font-size: 15px;
  font-style: italic;
  right: 46px;
}

.updates_timeline > li .update_info {
  padding: 10px 50px 1px 10px;
  display: block;
  margin: 0 0 -47px 24%;
  line-height: 1.4;
  position: relative;
  top: -45px;
}

.updates_timeline > li .update_info > h3 {
  font-size: 1.1em;
  margin-left: -3%;
}

.updates_timeline > li .update_icon {
  position: relative;
  border-radius: 50%;
  text-align: center;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  margin: 0 0 0 -27px;
  color: #fff;
  line-height: 40px;
}

.updates_timeline #more_button .update_icon {
  position: relative;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  text-align: center;
  top: 0;
  margin: 0 0 0 -55px;
  color: #fff;
  width: 100px;
}

.updates_timeline #more_button .update_icon .moreRecentUpdates {
  background: #2c3b49;
  border-radius: 15%;
}

.recentActivitiesContainer .history ul li div:nth-of-type(1).update_icon {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

/* .updates_timeline .update_icon img {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  position: absolute;
  left: -4px;
} */

.updates_timeline .update_icon .update_image {
  line-height: 1.5;
  font-size: 14px !important;
}

.bg-info {
  background-color: #ffaa50;
}

.bg-info-modcomments {
  background-color: #135fd7;
}

.bg-info-accounts {
  background-color: #6cc4b9;
}

.bg-info-calendar {
  background-color: #fff;
}

.bg-info-contacts {
  background-color: #03a678;
}

.bg-info-documents {
  background-color: #789048;
}

.bg-info-potentials {
  background-color: #492d61;
}

.bg-info-pricebooks {
  background-color: #048091;
}

.bg-info-project {
  background-color: #d1026c;
}

.bg-info-purchaseorder {
  background-color: #c93756;
}

.bg-info-projecttask {
  background-color: #012677;
}

.bg-info-quotes {
  background-color: #d1026c;
}

.bg-info-salesorder {
  background-color: #d1026c;
}

.bg-info-servicecontracts {
  background-color: #d1026c;
}

.bg-info-services {
  background-color: #d1026c;
}

.bg-info-invoice {
  background-color: #d1026c;
}

.bg-info-helpdesk {
  background-color: #d1026c;
}

.bg-info-products {
  background-color: #ffb3a7;
}

.bg-info-emails {
  background-color: #299afc;
}

.bg-info-products {
  background-color: #ffb3a7;
}

.bg-info-campaigns {
  background-color: #a17917;
}

.bg-info-custom-mod {
  background-color: #cccc99;
}

.alert-static {
  border-color: #eeeeee;
  white-space: nowrap;
  vertical-align: super;
  padding-bottom: 0px;
}

.alert-static .icon {
  font-size: medium;
  color: #1b809e;
  margin-left: 8px;
  vertical-align: top;
}

.alert-static .message {
  vertical-align: super;
  font-size: 13px;
}

#taskManagementContainer .data-body {
  margin-bottom: 50px;
}

#taskManagementContainer .input-group,
#taskManagementContainer .input-group input {
  /*width: 80% !important;*/
  border: 0 !important;
  min-width: auto !important;
}

#taskManagementContainer a#taskPopover {
  color: #fff !important;
}

#taskManagementContainer .title {
  width: auto;
  padding: 5px 10px !important;
  color: #fff;
  display: inline-block;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  font-size: 15px;
  font-weight: 700;
}

#taskManagementContainer .contentsBlock {
  margin-bottom: 25px;
  width: 33%;
  padding: 0 9px;
}

#taskManagementContainer .taskSubject > p {
  margin-bottom: 5px;
  word-wrap: break-word;
}

/*#taskManagementContainer .entries {
    border: 0;
    margin: 2px 0 10px;
    box-shadow: 0px 2px 10px rgb(51 71 91 / 10%) !important;
    width: 100%;
}*/
#taskManagementContainer .entries {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  border-radius: 10px;
}

/*#taskManagementContainer .entries:hover {
  cursor: move;
}*/

#taskManagementContainer .entries .task {
  padding: 10px 10px;
  border-radius: 10px;
  text-align: right;
}

#taskManagementContainer .entries .task-body {
  margin-left: 0 !important;
  text-align: right !important;
}

#taskManagementContainer .entries .other-details .drag-task {
  text-align: right;
  margin: 5px 0 0;
}

#taskManagementContainer .entries .other-details .task-actions {
  margin-top: 5px;
}

#taskManagementContainer .entries .other-details .task-actions a {
  vertical-align: middle;
}

#taskManagementContainer .entries .task-details {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 50%;
}

#taskManagementContainer .entries .task-details span.taskDueDate > img {
  width: 14px;
  height: 14px;
  margin: 0 0 0 5px;
}

#taskManagementContainer .entries .task-details .recordName {
  display: inline-block;
  max-width: 35%;
  width: 100%;
}

#taskManagementContainer .fa-ellipsis-v {
  font-size: 14px;
  color: #979797;
}

#taskManagementContainer .other-details {
  color: #979797;
}
/* 
div#taskManagementOtherFilters {
  width: 100% !important;
} */

div#taskManagementOtherFilters .field.pull-left {
  width: 100% !important;
  float: left !important;
}

.ui-menu {
  z-index: 10000;
}

#taskManagementContainer button.btn.btn-default,
.modal-footer .btn-default,
.modal-footer button.btn.confirm-box-ok.confirm-box-btn-pad {
  color: #52575c !important;
  background: #fff;
  border-radius: 4px !important;
  box-shadow: none;
  font-weight: 500;
  text-shadow: none !important;
  border: 1px solid #dbdde0 !important;
  margin: 0 5px !important;
  padding: 6px 12px !important;
}

#taskManagementContainer .dateFilters button.btn.btn-default {
  padding: 10px 15px !important;
  font-size: 15px;
}

#taskManagementContainer button.btn.btn-default.active,
#taskManagementContainer button.btn.btn-default:hover,
.modal-footer button.btn.confirm-box-ok.confirm-box-btn-pad.btn-primary {
  background: #0a2eeb;
  color: #fff !important;
  text-shadow: 0 1px rgb(0 0 0 / 30%);
  border: 0;
  /*box-shadow: 4px 4px 10px rgb(51 71 91 / 20%);*/
  margin-right: 10px;
  border-radius: 4px;
  outline: 0 !important;
}

#taskManagementContainer {
  width: 85.5%;
  /*margin: 4% 15% 0 auto;*/
  height: 92vh !important;
  border: 0;
  box-shadow: 0px 8px 32px rgb(0 0 0 / 12%) !important;
  margin-top: 47px !important;
  margin-right: auto;
}

#taskManagementContainer .scrollable.dataEntries.mCustomScrollbar {
  height: auto !important;
  min-height: 100px !important;
  width: 100% !important;
  padding: 10px 0 !important;
}

#taskManagementContainer .modal-body {
  max-height: 85vh !important;
  overflow-x: hidden;
}

div#taskManagementOtherFilters .select2-container-multi .select2-choices,
.columnsSelectDiv .select2-container-multi .select2-choices {
  border: 0 !important;
  outline: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

div#taskManagementOtherFilters button.btn.btn-success.search {
  color: #fff;
  background: #00ca72;
  text-shadow: none;
  padding: 10px 20px;
  margin: 0 10px 0 0;
  border-radius: 30px;
  /* box-shadow: 4px 4px 10px rgb(51 71 91 / 20%); */
  border: 0;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
  margin-top: 7px;
  margin-bottom: 7px;
}

.columnsSelectDiv ul li.select2-search-field {
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  width: 100%;
  display: block;
}

#taskManagementContainer .data-header,
#taskManagementContainer .data-body {
  display: inline-block;
  width: 100%;
  float: right;
  padding: 10px 10px;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  border: 0 !important;
}

#taskManagementContainer .data-body {
  margin: 25px 0 0 0 !important;
  padding: 20px 0;
}

/* #taskManagementContainer .btn-group.dateFilters {
  float: right !important;
} */

.taskSubject {
  width: 99%;
}

#taskManagementContainer .mCustomScrollbar .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

span.quickTask.input-group-addon {
  color: #fff !important;
  background: #c2cfe0;
  text-shadow: none;
  padding: 3px 7px !important;
  margin: 0;
  border-radius: 4px !important;
  /*box-shadow: 0 4px 10px rgb(51 71 91 / 20%);*/
  border: 0 !important;
  font-size: 14px;
  outline: 0 !important;
}

.settingsPageDiv.content-area {
  margin-right: 0;
}

.settingsPageDiv.content-area.vtigerSetting {
  padding-top: 0 !important;
  /*margin-top: 5%;*/
}

.settingsPageDiv.content-area.vtigerSetting tr.listViewContentHeader {
  border-bottom: 1px solid rgb(51 71 91 / 20%) !important;
  /*display: block;*/
}

.settingsgroup,
.settingsgroup .panel-collapse {
  width: 198px !important;
}

.main-container.settingspagecontentwrapper
  .settingsNav
  .settingsgroup.settingsSubMenu {
  width: 100% !important;
  margin-top: 15px;
}

.settingsgroup ul.list-group {
  list-style-type: none;
  font-size: 13px;
  padding: 5px 0;
}

.settingsgroup div.settingsgroup-accordion:hover a,
.settingsgroup div.settingsgroup-accordion a:link,
.settingsgroup div.settingsgroup-accordion a:active,
.settingsgroup li:hover a {
  color: #ffffff;
}

.settingsgroup-accordion a:hover,
.settingsgroup.settingsSubMenu .settingsgroup-accordion a.activeSettingMenu {
  background: rgb(255 255 255 / 10%);
  border-bottom: 2px solid #0a2eeb !important;
}

.settingsgroup.settingsSubMenu
  .settingsgroup-accordion
  a.activeSettingMenu
  .settingsgroup-accordion-container
  > div
  img.activeSettingMenuImage {
  display: block;
}

.settingsgroup.settingsSubMenu
  .settingsgroup-accordion
  a.activeSettingMenu
  .settingsgroup-accordion-container
  > div
  img {
  display: none;
}

.settingsgroup-accordion
  a.activeSettingMenu
  .settingsgroup-accordion-container
  div {
  color: #0a2eeb !important;
}

.settingsgroup div.panel-collapse {
  background-color: #33475b;
}

.settingsgroup-accordion {
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}

.settingsgroup-accordion a {
  padding: 10px 10px;
  display: block;
  border-left: 2px solid transparent;
}

.settingsgroup-accordion a i {
  margin-right: 5px;
}

.settingsgroup {
  background: #33475b;
  height: 100%;
}

.settingsgroup .panel-group .panel {
  background-color: #33475b;
}

.settingsgroup.settingsSubMenu {
  background: #fff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  margin-right: 10px !important;
  max-height: 710px !important;
}

.settingsgroup.settingsSubMenu .panel-group .panel {
  background-color: #fff;
}

a.activeSettingMenu > img,
img.activeSettingMenuImage {
  display: none;
}

a.activeSettingMenu > img.activeSettingMenuImage {
  display: inline-block;
}

.userDefaultIcon {
  font-size: 30px;
}

.settingsgroup ul li a {
  padding: 8px 8px 8px 50px;
  display: block;
  color: #ffffff;
}

.settingsgroup div.settingsgroup-accordion .settingsgroup-accordion-container {
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.settingsgroup.settingsSubMenu a {
  color: #323c47 !important;
  font-weight: 500;
  font-size: 14px;
}

.settingsgroup.settingsSubMenu
  .settingsgroup-accordion-container
  > div
  span.settingsgroup-subheading {
  font-weight: 400;
  color: #515262;
  font-size: 12px;
  text-align: right;
  display: block;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 2px;
}

.settingsgroup div.settingsgroup-accordion:hover a {
  color: #323c47 !important;
}

.settingsgroup.settingsSubMenu a.activeSettingMenu > span {
  color: #0a2eeb;
}

.settingsgroup.settingsSubMenu .settingsgroup-accordion a {
  padding: 15px;
  border-bottom: 1px solid #ebeff2;
  color: #323c47 !important;
}

.settingsIndexPage.col-lg-12.col-md-12.col-sm-12 {
  display: inline-block;
  float: left;
  position: relative;
  background: #fff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  padding: 20px 20px;
  margin: 0;
  width: 98%;
  min-height: 400px;
}

.settingsIndexPage .settingsSummary {
  text-align: center;
  margin-top: 25px;
}

.settingsIndexPage .settingsSummary h2.summaryCount {
  color: #00ca72;
  font-size: 75px;
  font-weight: 700;
  margin: 10px 0 0;
}

.settingsIndexPage .settingsSummary a {
  display: inline-block;
  color: #192a3e;
  border-radius: 2px;
  padding: 10px 0;
  border: 0;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
  width: 75%;
}

.settingsIndexPage .settingsSummary a:hover {
  box-shadow: 0px 0px 16px rgb(0 0 0 / 14%);
}

.settingsIndexPage .settingsSummary a .summaryText,
.ds-det .row_d b {
  display: inline-block;
  font-size: 15px;
  margin: 0 !important;
  font-weight: 500;
  color: #33475b;
}

.settingsIndexPage h4,
.OnlinePayPlugBox h4,
.OnlinePayPlugBox h4 b,
.PaymentConfigure h3,
table#pickListValuesTable thead th span,
.CTPaymentDefaultTemplates h3.span3,
.signatureTemplateList h3.span3,
.ctPaymentTemplatesList h3.span3,
.CTPaymentNewEmailTemplates h3.span3,
.CTPayemntSignatureTemplate h3.span3,
.EditCTPayment h3.span8,
.DetailSignatureTemplate h3.span3,
#WhatsappConfiguration1 h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
  color: rgb(51 77 110 / 75%);
  text-transform: uppercase;
  text-align: right;
}

#settingsShortCutsContainer .well {
  padding: 10px;
  margin: 15px 0 0 15px;
}

#settingsShortCutsContainer .hiden {
  display: none;
}

button.unpin.close.hiden {
  top: 5px;
  left: 10px;
  position: absolute;
}

button.unpin.close.hiden > img {
  max-width: 10px;
  max-height: 10px;
}

#settingsShortCutsContainer .close {
  border: none;
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  opacity: 0.2;
}

#settingsShortCutsContainer .col-lg-3.moduleBlock:hover .unpin {
  display: inline-block;
  opacity: 0.4;
}

#settingsShortCutsContainer .moduleBlock:hover .unpin:hover {
  opacity: 1;
}

#settingsShortCutsContainer .contentsBackground {
  display: inline-block;
  color: #192a3e;
  border-radius: 2px;
  padding: 10px 10px;
  border: 0;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
  width: 23.4% !important;
  text-align: center;
}

#settingsShortCutsContainer .moduleBlock:hover {
  box-shadow: 0px 0px 16px rgb(0 0 0 / 14%);
}

#settingsShortCutsContainer b.themeTextColor {
  color: #33475b;
  font-weight: 600;
  margin: 25px 0 0;
  display: inline-block;
  font-size: 13px;
}

.companydetailsedit .company-logo-content {
  padding: 10px;
  border: 1px solid #dddddd;
}

.companydetailsedit .company-logo-content hr {
  margin: 10px 0;
}

.companydetailsedit .company-logo-content img {
  width: 100%;
}

.companyLogo img {
  max-width: 95%;
}

.editViewContainer {
  padding: 15px 0;
  padding-bottom: 60px;
}

.editbutton-container {
  padding-top: 5px;
  padding-bottom: 10px;
}

.treeView li {
  border-left: 4px solid #dddddd;
  list-style: none;
  padding-top: 15px;
}

.treeView li .toolbar-handle {
  margin-top: 10px;
  margin-left: 10px;
  position: relative;
}

.treeView li .toolbar-handle a {
  /*float: left !important;*/
}

.treeView li .toolbar-handle .btn {
  color: #52575c !important;
  border: 1px solid #dbdde0 !important;
  margin: 0 !important;
  /*background: transparent;*/
  border-radius: 3px !important;
  background-color: #f3f3f3;
  font-size: 13px;
}

.treeView li .toolbar-handle .btn.app-MARKETING {
  background: #00ca71 !important;
  border-color: #00ca71 !important;
  color: #fff !important;
}

.treeView li .toolbar-handle a:before {
  background: none repeat scroll 0 0 #dddddd;
  content: ' ';
  display: inline-block;
  height: 4px;
  left: -10px;
  position: absolute;
  top: 12px;
  width: 10px;
}

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

.mini-slider-control {
  width: 50px;
}

.mini-slider-control + div {
  margin-left: 15px;
}

.mini-slider-control .ui-slider-handle {
  border: 0;
  border-radius: 50%;
  height: 13px;
  top: -1px;
  width: 13px;
  cursor: pointer;
}

.mini-slider-control .ui-slider-handle:focus {
  outline: none;
}

.ui-widget-content {
  border-radius: 6px;
  box-shadow: 0 0 3px -1px inset;
  margin-top: 2px;
  margin-left: 5px;
  height: auto;
  opacity: 1;
  border-color: #dddddd;
  box-shadow: none;
  cursor: not-allowed;
  height: 14px;
}

.ui-slider-disabled {
  opacity: 0.5;
  border-color: #dddddd;
  box-shadow: none;
  cursor: not-allowed;
}

.ui-slider-disabled .ui-slider-handle {
  cursor: not-allowed;
}

.ui-slider-disabled + div {
  opacity: 0.5;
  cursor: not-allowed;
}

.mini-slider-control[data-value='0'] .ui-slider-handle {
  background: #7d7e7d;
  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #7d7e7d),
    color-stop(100%, #0e0e0e)
  );
  background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
  margin-left: 0px;
}

.mini-slider-control[data-value='1'] .ui-slider-handle {
  background: #ffb76b;
  background: -moz-linear-gradient(
    top,
    #ffb76b 0%,
    #ffa73d 0%,
    #ff7c00 49%,
    #ff7f04 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffb76b),
    color-stop(0%, #ffa73d),
    color-stop(49%, #ff7c00),
    color-stop(100%, #ff7f04)
  );
  background: -webkit-linear-gradient(
    top,
    #ffb76b 0%,
    #ffa73d 0%,
    #ff7c00 49%,
    #ff7f04 100%
  );
  background: -o-linear-gradient(
    top,
    #ffb76b 0%,
    #ffa73d 0%,
    #ff7c00 49%,
    #ff7f04 100%
  );
  background: -ms-linear-gradient(
    top,
    #ffb76b 0%,
    #ffa73d 0%,
    #ff7c00 49%,
    #ff7f04 100%
  );
  background: linear-gradient(
    to bottom,
    #ffb76b 0%,
    #ffa73d 0%,
    #ff7c00 49%,
    #ff7f04 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
  margin-left: -6px;
}

.mini-slider-control[data-value='2'] .ui-slider-handle {
  background: #bfd255;
  background: -moz-linear-gradient(
    top,
    #bfd255 0%,
    #8eb92a 79%,
    #72aa00 100%,
    #9ecb2d 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #bfd255),
    color-stop(79%, #8eb92a),
    color-stop(100%, #72aa00),
    color-stop(100%, #9ecb2d)
  );
  background: -webkit-linear-gradient(
    top,
    #bfd255 0%,
    #8eb92a 79%,
    #72aa00 100%,
    #9ecb2d 100%
  );
  background: -o-linear-gradient(
    top,
    #bfd255 0%,
    #8eb92a 79%,
    #72aa00 100%,
    #9ecb2d 100%
  );
  background: -ms-linear-gradient(
    top,
    #bfd255 0%,
    #8eb92a 79%,
    #72aa00 100%,
    #9ecb2d 100%
  );
  background: linear-gradient(
    to bottom,
    #bfd255 0%,
    #8eb92a 79%,
    #72aa00 100%,
    #9ecb2d 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
  margin-left: -13px;
}

.ModulemanagerSettings .moduleblock .hiden {
  display: none;
}

.ModulemanagerSettings:hover .unpin {
  display: inline-block;
}

.ModulemanagerSettings .actions {
  opacity: 0;
  width: 80px;
}

.ModulemanagerSettings {
  width: 12px;
  background: #ffffff;
}

.ModulemanagerSettings:hover .actions {
  opacity: 1;
  background: #f3f3f4;
}

#OutgoingMoretable td,
th {
  padding: 6px;
}

.cp-tabs .enabledModules {
  display: inline-block !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
  vertical-align: top;
}

.drag-portal-module {
  vertical-align: middle;
  cursor: pointer;
}

.addFieldsBlock {
  margin-top: 20px;
}

.portal-home-module {
  padding-right: 40px;
}

.portal-dashboard {
  border: 1px solid #ef5e29 !important;
  border-left: 0px !important;
  min-height: 500px;
  padding-left: 15px;
}

.portal-dashboard > .hrHeader {
  margin-left: 18px;
  width: 94%;
}

.portal-annoucement-widget-container {
  border: 1px solid #d7d7d7;
}

.portal-annoucement-widget {
  background: #596875;
  color: #ffffff;
  min-height: 20px;
  padding: 5px;
}

.portal-chart-widget-container {
  border: 1px solid #d7d7d7;
}

.portal-annoucement-widget-container > .portal {
  min-height: 100px;
  padding: 10px;
}

.portal-chart-header {
  background: #596875;
  color: #ffffff;
  min-height: 20px;
  padding: 5px;
}

.portal-chart-content {
  min-height: 100px;
  padding: 10px;
}

.portal-record-widget-container {
  border: 1px solid #d7d7d7;
  margin-bottom: 10px;
}

.portal-record-widget-content {
  background: #596875;
  color: #ffffff;
  min-height: 10px;
  padding: 4px;
}

.portal-record-control-container {
  padding: 4px;
}

.portal-shortcuts-container {
  border: 1px solid #d7d7d7;
  width: 285px !important;
}

.portal-shortcuts-header {
  background: #596875;
  color: #ffffff;
  min-height: 20px;
  padding: 5px;
}

.portal-shortcuts-content {
  min-height: 80px;
  padding: 10px;
}

.portal-shortcut-list {
  margin-top: 10px;
}

.portal-helpdesk-widget-container {
  border: 1px solid #d7d7d7;
  margin-bottom: 10px;
  width: 285px !important;
}

.portal-helpdesk-widget-header {
  background: #596875;
  color: #ffffff;
  min-height: 20px;
  padding: 5px;
}

.portal-fields-container {
  margin: 15px;
}

.portal-fields-content {
  border-right: 1px solid #ef5e29 !important;
  min-height: 500px;
}

.portal-slider-legend {
  margin-left: 5px;
  z-index: 0;
  width: 0%;
}

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

.portal-field-delete {
  margin-left: 45px !important;
}

.portalModuleRow {
  border-right: 4px solid #ef5e29 !important;
}

.portalMenuHeader {
  border-bottom: 1px solid #ef5e29 !important;
  border-left: 1px solid #ef5e29 !important;
  font-size: 22px;
}

.portalModuleRow .active {
  border-top-right-radius: 10px;
}

.cp-mandatory::after {
  content: '*';
  color: red;
}

.nav-tabs .cp-modules > .active > a,
.nav-tabs .cp-modules > .active > a:hover {
  border: 0px !important;
  border-top-right-radius: 0px;
}

.nav-tabs > .active > .cp-modules {
  border: 0px !important;
}

.cp-modules-home {
  border-right-width: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.nav-tabs > .active > .cp-modules-home {
  border-right-width: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.cp-nav-header-wrapper {
  margin-bottom: 0px;
  border-right-width: 0px !important;
}

#dashboardContent {
  margin-bottom: 15px;
  margin-top: 8px;
  margin-left: 15px;
  margin-right: 15px;
}

.bgColor {
  background-color: #ddd;
}

.quickPreview {
  position: absolute;
  width: 100%;
  height: 100%;
}

.quick-preview-modal,
.quick-preview-modal .modal-body {
  height: 100%;
  padding-bottom: 5px;
  padding-right: 0;
  padding-left: 8px;
  padding-right: 0px;
}

.quick-preview-modal .modal-body .recordBasicInfo {
  width: 100%;
}

.quick-preview-modal .modal-body .recordBasicInfo > .info-row h4 {
  margin: 0;
  line-height: 21px;
}

.quick-preview-modal .modal-body .recordBasicInfo > .info-row .recordLabel {
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.quick-preview-modal .quickPreviewActions {
  padding: 10px 0px 15px 0px;
}

#quickPreviewHeader .title {
  background: #f5f5f5;
  padding: 6px 10px;
  margin: 5px 0;
  font-size: 15px;
  color: #000000;
}

.overlayDetailHeader {
  padding-left: 0px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.quickPreviewModuleHeader {
  padding-right: 6px;
}

.quickPreviewModuleHeader .qp-heading > div {
  width: 100%;
}

.quickPreviewSummary {
  margin-bottom: 10px;
}

.quickPreviewSummary .summaryViewEntries .fieldLabel,
.quickPreviewSummary .summaryViewEntries .fieldValue {
  padding-bottom: 4px;
  white-space: nowrap;
}

.quickPreviewSummary .summaryViewEntries .fieldLabel label {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.quickPreviewSummary .summaryViewEntries .fieldValue .value {
  width: 80%;
}

.quickPreview .updates_timeline > li .update_time {
  display: inline-block;
  text-align: center;
  padding-right: 0;
}

.quickPreview .updates_timeline > li .update_time small {
  font-size: 79%;
  display: inline-block;
  width: 40px;
  margin-top: 1px;
  line-height: 12px;
}

.quickPreviewActions .btn-group .btn-success {
  font-size: 12px;
  color: white;
  padding: 2px 6px;
}

.quickPreview .updates_timeline > li .update_info {
  font-size: 12px;
  margin: 0 0 -40px 24%;
  padding: 2% 3%;
}

.quickPreview .updates_timeline > li .update_info > h5 {
  margin-left: 0;
  font-size: 110%;
  margin-top: 15px;
}

.updates_timeline > li .update_info h5 {
  font-family: 'Arimo', sans-serif !important;
  margin: 11px 0 !important;
}

.updates_timeline > li .update_info h5 .field-name {
  color: #efa94e;
  font-weight: 500;
}

.updates_timeline > li .update_info > .updateInfoContainer .update-from,
.updates_timeline > li .update_info > .updateInfoContainer .update-to {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.updates_timeline > li .update_info > .updateInfoContainer {
  margin-left: 15px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.updates_timeline > li .update_info > .updateInfoContainer .field-name {
  color: #2b879e;
}

.updates_timeline > li .update_info > .updateInfoContainer .update-name {
  font-family: 'Arimo', sans-serif !important;
  margin-bottom: 2px;
}

.updates_timeline > li .update_info > .updateInfoContainer em {
  color: black;
}

.quickPreview .updates_timeline {
  list-style: outside none none;
  margin: 25px 0 25px;
  padding: 0;
  position: relative;
}

.quickPreview .updates_timeline > li .update_icon {
  display: inline-block;
}

.quickPreview .updates_timeline:before {
  background: #e6e6e6;
  width: 2px;
  margin-left: -1%;
}

.summaryWidgetContainer p,
.commentsList p,
.recentComments .noCommentsMsgContainer p {
  margin-bottom: 0;
}

/* .quickPreviewComments .recentComments .commentDetails {
  margin-bottom: 25px;
} */
/* 
.quickPreviewComments .recentComments .commentDetails .comment {
  line-height: 15px;
} */

.quickPreviewComments .summaryWidgetContainer {
  border: 0;
  padding: 0;
}

.quickPreview .recentActivitiesContainer .history {
  padding: 0;
}

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

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

.calendarview {
  width: 100%;
}

.calendar-sidebar-tabs {
  font-size: 14px;
  color: #bdbdbd;
}

.calendar-sidebar-tabs .active-link {
  color: white;
}

.activitytypes .activitytype-indicator {
  padding: 5%;
  margin: 8px;
  font-size: 80%;
  min-height: 35px;
  word-wrap: break-word;
}

.calendar-sidebar-tabs .sidebar-widget-header a {
  color: #bdbdbd;
}

.calendar-sidebar-tabs .sidebar-widget-header i.widget-state-indicator {
  width: 7%;
}

.calendar-sidebar-tabs .sidebar-widget-header i.add-calendar-feed {
  margin-top: 1%;
  float: right;
}

.calendar-sidebar-tabs hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border-color: #bdbdbd;
}

.calendar-sidebar-tab .fa-chevron-down {
  color: white;
}

.calendar-sidebar-tabs .sidebar-widget-contents .feedslist {
  list-style: none;
}

.activitytypes .activitytype-indicator .activitytype-actions i {
  font-size: 14px !important;
}

.activitytypes
  .activitytype-indicator
  .activitytype-actions
  input[type='checkbox'] {
  margin-bottom: -1px;
}

.activitytypes .activitytype-indicator .userName {
  max-width: 110px;
  display: inline-block;
  color: #fff;
}

.addCalendarEventModal {
  width: 35%;
}

.addCalendarEventModal .input {
  width: 100%;
}

.calendarview .agendaListView {
  padding: 1% 0;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 550px;
}

.calendarview .agendaListView .agendaListDay {
  padding: 1%;
  width: 98%;
}

.calendarview .agendaListView .agendaListDay hr {
  border-top: 3px solid #424242;
  margin-top: 7px;
  margin-bottom: 10px;
}

.calendarview .agendaListView .agendaListDay .agendaListViewHeader {
  font-size: 160%;
  color: #607d8b;
}

.calendarview .agendaListView .agendaListDay .agendaListViewHeader .day {
  display: inline-block;
  width: 70%;
  float: left;
}

.calendarview .agendaListView .agendaListDay .agendaListViewHeader .weekDay {
  float: right;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody {
  color: #757575;
}

.calendarview
  .agendaListView
  .agendaListDay
  .agendaListViewBody
  .agenda-event-wrapper {
  font-size: 120%;
  padding: 1%;
  border-bottom-width: thin;
  border-bottom-style: ridge;
}

.calendarview
  .agendaListView
  .agendaListDay
  .agendaListViewBody
  .agenda-event-info {
  display: table;
  width: 100%;
}

.calendarview
  .agendaListView
  .agendaListDay
  .agendaListViewBody
  .agenda-event-time {
  display: table-cell;
  width: 15%;
}

.calendarview
  .agendaListView
  .agendaListDay
  .agendaListViewBody
  .agenda-event-title {
  display: table-cell;
  width: 56%;
}

.calendarview
  .agendaListView
  .agendaListDay
  .agendaListViewBody
  .agenda-event-status {
  display: table-cell;
  width: 10%;
}

.calendarview
  .agendaListView
  .agendaListDay
  .agendaListViewBody
  .agenda-event-actions {
  display: table-cell;
  text-align: right;
  width: 10%;
}

.calendarview
  .agendaListView
  .agendaListDay
  .agendaListViewBody
  .agenda-more-details {
  display: table-cell;
  width: 5%;
  text-align: center;
}

.calendarview
  .agendaListView
  .agendaListDay
  .agendaListViewBody
  .agenda-more-details
  i {
  vertical-align: middle;
}

.calendarview
  .agendaListView
  .agendaListDay
  .agendaListViewBody
  .agenda-event-wrapper
  .agenda-event-details {
  display: table;
  width: 100%;
}

.calendarview .agenda-table {
  display: table;
}

.calendarview .agenda-table-row {
  display: table-row;
}

.agenda-details {
  display: block;
  margin-left: 22%;
  padding: 2px;
}

.calendarview .agenda-table-cell {
  display: table-cell;
}

.calendarview .agenda-event-wrapper .agenda-event-details .details {
  padding: 1% 0;
  width: 100%;
}

.calendarview .agenda-event-wrapper .agenda-event-details .detailLabel {
  width: 15%;
  display: inline-block;
}

.calendarview .agenda-event-wrapper .agenda-event-details .separator {
  width: 5%;
  display: inline-block;
  text-align: center;
}

.dragdrop-dotted {
  border: 2px dashed #c0c0c0;
  min-width: 300px;
  width: auto;
  color: #c0c0c0;
  text-align: center;
  vertical-align: middle;
  padding-top: 2%;
  margin-bottom: 10px;
  height: 150px;
}

.dragdrop-solid {
  border-style: solid;
}

.selectedFile {
  background-color: #a9cbf5;
  font-weight: bold;
}

.selectedFolder {
  background-color: #a9cbf5;
  font-weight: bold;
}

.fileUploadBtn {
  position: relative;
  overflow: hidden;
}

.fileUploadBtn input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
}

tr.folder,
tr.file {
  font-size: 130%;
}

tr.folder > td.fileTitleData,
tr.file > td.fileTitleData {
  word-break: break-all;
  width: 350px;
  white-space: pre-wrap;
}

tr.folder > td.fileSizeData,
tr.file > td.fileSizeData {
  font-size: 11px;
}

tr.folder > td.fileOwnerData,
tr.file > td.fileOwnerData {
  font-size: 11px;
  word-break: break-all;
  width: 100px;
  white-space: pre-wrap;
}

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

.summaryWidgetContainer .engagementsContainer table {
  width: inherit;
}

.engagements_content table thead > tr:first-child {
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

.engagements_content table th {
  color: black;
}

.engagementsSummary .summaryContent {
  display: inline-block;
  border-radius: 2px;
  height: 185px;
  width: 185px;
  padding: 10px 15px 10px;
  margin: 0px 8px 8px 0px;
  border: 1px solid #dddddd;
  position: relative;
}

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

.engagementsSummary .backgroupImage {
  position: absolute;
  opacity: 0.05;
  font-size: 100px;
  left: 75px;
  top: 65px;
}

.summaryWidgetContainer .engagementsSummary .summaryContent {
  height: 130px;
  width: 140px;
}

.summaryWidgetContainer .engagementsContainer .detailview-table {
  table-layout: auto;
}

.summaryWidgetContainer .engagementsSummary .backgroupImage {
  font-size: 60px;
  left: 70px;
  opacity: 0.03;
}

.engagementsContainer .summary.selected .count {
  font-weight: bold;
  color: #8e44ad;
  font-size: 15px;
}

.engagement_contentempty {
  width: 100%;
  text-align: center;
  font-size: 15px;
  padding: 1% 0;
}

.mailroomBanner {
  margin: 23px 0;
  height: 215px;
}

.mailroomBlock .mailroomBanner {
  width: 600px;
  height: auto;
}

.relativePosition {
  position: relative;
}

.forwardingEmailBlock {
  margin-top: 15px;
  border: 1px solid #dddddd;
  width: 391px;
  padding: 16px;
  font-size: 1.5em;
  position: relative;
}

.mailboxArrowPointer {
  display: inline-block;
  position: absolute;
  width: 300px;
  top: 15px;
  left: 392px;
}

.mailroom-address-block {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}

.height75px {
  height: 75px;
}

.mailboxArrowLabel {
  color: red;
  display: inline-block;
  margin-right: -5px;
  font-size: 1.2em;
  vertical-align: top;
}

.displayInlineBlock {
  display: inline-block;
}

.fontSize1_1em {
  font-size: 1.1em;
}

.marginTop10px {
  margin-top: 0px;
}

.mailroomSelectedButton.disabled,
.mailroomSelectedButton.disabled:hover {
  background: #a9cbf5;
  border: 1px solid #4d94eb;
}

.conditionBlock {
  border: 1px solid #ddd;
  padding: 20px 20px 0 20px;
}

.marginTop15px {
  margin-top: 15px;
}

.padding30px {
  padding: 30px;
}

.paddingRight30px {
  padding-right: 30px;
}

.mailroomHeaderAlign {
  padding: 20px 25px;
}

.mailroomModal {
  width: 80%;
  left: 50%;
  margin-left: -40%;
  font-size: 12px;
}

.textAreaWidth66Per {
  width: 66.3%;
}

.marginTop7px {
  margin-top: 7px;
}

.marginLeft10px {
  margin-left: 10px;
}

.marginTop55px {
  margin-top: 55px;
}

.height450px {
  height: 450px;
}

.height100Per {
  /*height: 100%;*/
  overflow-y: auto;
  height: calc(100vh - 50px);
}

.fontSize10pt {
  font-size: 10pt;
}

.marginTop5px {
  margin-top: 5px;
}

.marginTop10Per {
  margin-top: 10% !important;
}

.operatorSelectField {
  min-width: 220px;
  float: left;
}

#notification_center {
  width: 400px;
  min-height: 90vh;
}

#notification_types .nav-tabs > li > a:hover,
#notification_types .nav-tabs > li > a:focus {
  color: orange !important;
  background: none !important;
  border: 1px solid transparent !important;
  cursor: pointer;
}

#notification_types .nav-tabs > li.active > a {
  background: none !important;
  border: none !important;
  color: orange !important;
}

#notification_types .nav-tabs > li.active > a > i.fa {
  color: orange !important;
}

.numberSquare {
  background: none repeat scroll 0 0 red;
  color: white;
  margin-left: -3px;
  padding: 1px 3px 1px 2px;
  vertical-align: super;
  font-size: 90%;
}

#notification_types .fa {
  font-size: 24px;
  color: gray;
}

#notification_types .fa:hover {
  color: orange;
}

#notification_center .fa-times-circle {
  cursor: pointer;
}

.mentionMessages .recordImage .name {
  margin: 0 auto;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.mentionMessages .recordImage .name span {
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-shadow: 1px 0 2px #999;
}

.mentionMessages .recordImage {
  background: none repeat scroll 0 0 orange;
  border: 1px solid #ccc;
  width: 40px;
  height: 40px;
}

.mention_followup .recordImage .name {
  margin: 0 auto;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.mention_followup .recordImage .name span {
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-shadow: 1px 0 2px #999;
}

.mention_followup .recordImage {
  background: none repeat scroll 0 0 orange;
  border: 1px solid #ccc;
  width: 40px;
  height: 40px;
  margin-left: 15px;
  margin-right: 55px;
}

.mentionMessageHeader li a {
  color: white;
  padding: 5px !important;
  padding-left: 15px;
  font-size: 11px;
}

.mentionMessageHeader .nav-tabs > li.active > a,
.mentionMessages .nav-tabs > li.active > a:focus,
.mentionMessages .nav > li > a:focus {
  background: purple !important;
  border: solid 1px purple;
  color: white;
  outline-style: none !important;
}

.mentionMessageHeader .nav-tabs > li {
  padding: 5px 10px;
}

.mentionMessageHeader .nav > li > a.mention_dismiss {
  background-color: transparent !important;
  border: transparent !important;
}

.mentionMessages .row {
  margin-left: 0;
}

.mentionMessages .mention_follow_up {
  background-color: green;
}

.modelContainer .modal-content {
  margin-top: -1px;
}

.modal-content .mention_followup .row {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.n_button,
.n_button:hover,
.n_button:focus {
  background-color: purple;
  color: white;
  cursor: pointer;
}

.smart_reminder_message,
.mention_message,
.mention_comment {
  color: lightgray;
}

.n_cancel {
  font-size: 16px;
}

.n_icon {
  font-size: 28px;
  position: relative;
  top: 18px;
  background: orange;
  padding: 5px;
}

.whiteContainer {
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 20px;
}

.n_label_checkbox label {
  margin-right: 20px;
  font-weight: normal;
}

.n_label_checkbox input[type='checkbox'] {
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

form[name='notification_settings'] .select2-choice {
  height: 28px;
  border-radius: 0px;
}

.smartReminderMessageHeader li a {
  color: white;
  padding: 5px !important;
  font-size: 11px;
}

.smartReminderMessageHeader .nav-tabs > li.active > a,
.smartReminderMessages .nav-tabs > li.active > a:focus,
.smartReminderMessages .nav > li > a:focus {
  background: purple !important;
  border: solid 1px purple;
  color: white;
  outline-style: none !important;
}

.smartReminderMessageHeader .nav-tabs > li > a:hover {
  color: white;
  background-color: transparent;
  border: solid 1px transparent;
}

.smartReminderMessageHeader .nav > li > a.smartreminder_dismiss {
  background-color: transparent !important;
  border: transparent !important;
}

.ruleCondition {
  width: 35px;
  height: 24px;
  padding-left: 10px;
  border: 1px solid #ccc;
}

.notification_settings a,
.notification_settings a:hover,
.notification_settings a:visited,
.notification_settings a:active {
  color: black;
}

.mentionMessages .recordImage .name {
  margin: 0 auto;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.mentionMessages .recordImage .name span {
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-shadow: 1px 0 2px #999;
}

.mentionMessages .recordImage {
  background: none repeat scroll 0 0 orange;
  border: 1px solid #ccc;
  width: 40px;
  height: 40px;
}

.mention_followup .recordImage .name {
  margin: 0 auto;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.mention_followup .recordImage .name span {
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-shadow: 1px 0 2px #999;
}

.mention_followup .recordImage {
  background: none repeat scroll 0 0 orange;
  border: 1px solid #ccc;
  width: 40px;
  height: 40px;
  margin-left: 15px;
  margin-right: 55px;
}

.mentionMessageHeader li a {
  color: white;
  padding: 5px !important;
  padding-left: 15px;
  font-size: 11px;
}

.mentionMessageHeader .nav-tabs > li.active > a,
.mentionMessages .nav-tabs > li.active > a:focus,
.mentionMessages .nav > li > a:focus {
  background: purple !important;
  border: solid 1px purple;
  color: white;
  outline-style: none !important;
}

.mentionMessageHeader .nav-tabs > li {
  padding: 5px 10px;
}

.mentionMessageHeader .nav > li > a.mention_dismiss {
  background-color: transparent !important;
  border: transparent !important;
}

.mentionMessages .row {
  margin-left: 0;
}

.mentionMessages .mention_follow_up {
  background-color: green;
}

.modal-content .mention_followup .row {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.CalendarMessageHeader .nav > li > a.calendar_dismiss {
  background-color: transparent !important;
  border: transparent !important;
}

.CalendarMessageHeader .nav > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}

#notification_center .more {
  margin-right: 35px;
  margin-bottom: 30px;
}

#notification_center .btn-success {
  font-size: 12px;
  color: white;
  padding: 3px 8px;
}

.mentionMessageHeader .MultiFile-title {
  color: #ffffff;
}

.mentionMessageHeader .MultiFile-remove {
  color: #ffffff;
}

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

.tagContainer .tag-contents {
  display: inline-block;
  border-right: 0;
  padding-right: 0;
  width: 90%;
}

.tagContainer .tag-contents {
  display: inline-block;
  border-right: 0;
  padding-right: 0;
  width: 100%;
}

/*.tagContainer .tag-contents .detailTagList {
  width: 60%;
}*/

.tagContainer #addTagContainer {
  display: inline-block;
}

.moreTags {
  margin: 0px 10px;
  text-decoration: underline !important;
  color: #3498db;
}

.tag {
  display: inline-block;
  border: 0;
  background-color: #fef4d9; /* changed by sam variance */
  width: auto;
  color: #000000 !important; /* changed by sam variance */
  padding: 2px 3px 2px;
  margin: 0px 2px 2px 0;
  border-radius: 4px 4px;
  /* float: right; */
}

span.tag:first-child {
  background: #ced5fb;
}

a.moreTags.dropdown-toggle {
  display: inline-block;
  float: right;
  margin: 2px 2px 0;
}

.tag[data-type='public'] {
  background-color: #fde4e1; /* changed by sam variance */
  border-color: #fde4e1; /* changed by sam variance */
}

.tag .tagLabel {
  margin-right: 8px;
  margin-left: 5px;
  /*max-width: 80px;*/
  vertical-align: bottom;
}

.tag i {
  color: #000000; /* changed by sam variance */
}

.tag i.deleteTag {
  margin-right: 0;
}

.tag i.activeToggleIcon {
  font-size: 9px;
}

.tag.active {
  /*background-color: #FFFFFF;*/
  border-color: black;
  color: black;
}

.tag.active i {
  color: black;
}

.tag .editTag {
  opacity: 0;
}

.tag:hover .editTag {
  opacity: 1;
}

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

.detailViewContainer .tag,
#listViewTagContainer .tag {
  cursor: pointer;
}

#addTagContainer .dropdown-menu {
  padding: 5px 0px 0px 0px;
}

#addTagContainer .modal-footer {
  padding: 5px;
}

#addTagContainer .createTagContainer ul.list-group {
  margin-top: 5px;
  margin-bottom: 0px;
}

#addTagContainer .createTagContainer hr {
  margin: 10px 0px;
}

#addTagContainer .createTagContainer li.tag-item {
  margin-bottom: 5px;
}

.detailShowAllModal .selectTagContainerborder {
  border-left: 3px solid #dddddd;
}

.detailShowAllModal .currentTag {
  height: 100px;
  max-height: 100px;
  overflow: hidden;
}

.editTagContainer .editTagContents {
  padding: 8px;
}

.editTagContainer .editTagContents input[type='text'] {
  width: 100%;
  border: 1px solid #dcdcdc;
}

#s2id_memberList li > div,
.groupMembersColors li > div {
  margin-left: 10px;
}

.groupMembersColors li {
  text-shadow: 1px 0px 2px #ffffff;
}

#s2id_memberList .Users,
.groupMembersColors .Users {
  background-color: #f99984 !important;
  padding: 5px;
  margin-bottom: 2px;
  background-image: none;
}

#s2id_memberList .Groups,
.groupMembersColors .Groups {
  background-color: #acd5ff !important;
  background-image: none;
  padding: 5px;
  margin-bottom: 2px;
}

#s2id_memberList .Roles,
.groupMembersColors .Roles {
  background-color: #ffec98 !important;
  background-image: none;
  padding: 5px;
  margin-bottom: 2px;
}

#s2id_memberList .RoleAndSubordinates,
.groupMembersColors .RoleAndSubordinates {
  background-color: #c4dea2 !important;
  background-image: none;
  padding: 5px;
  margin-bottom: 2px;
}

.liStyleNone {
  list-style: none outside none;
  padding-left: 0;
}

.collectiveGroupMembers {
  border: 1px solid #dddddd;
  border-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 0.5em;
}

.collectiveGroupMembers ul {
  padding: 0px;
  margin: 0px;
}

.collectiveGroupMembers ul li {
  padding: 4px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

.collectiveGroupMembers ul li a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  width: 100%;
  margin: 0px;
  padding: 10px 15px;
}

.collectiveGroupMembers ul li.groupLabel {
  background-color: #f3f3f4;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  padding: 10px 5px;
  margin: 0px;
  color: #444444;
}

.pickListValue {
  background-color: #ffffff;
}

.pickListValue .picklistActions {
  opacity: 0;
}

.pickListValue:hover .picklistActions {
  opacity: 1;
}

.picklist-color {
  display: inline-block;
  /*  padding: 2px 1px !important;*/
  line-height: 15px;
}

.detailview-content .picklist-color {
  display: inline-block;
  padding: 10px !important;
  margin: 0 8px 8px 0;
  line-height: 18.75px;
  border-radius: 5px;
}

.detailview-fullcontent .picklist-color.multipicklist {
  margin-bottom: 5px;
}

.dashboardWidgetHeader .title {
  padding-bottom: 10px;
  font-size: 15px;
}

.dashboardWidgetHeader:hover {
  cursor: move;
}

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

.dashBoardContainer .tabContainer ul {
  margin: 0 auto;
}

.dashBoardContainer
  ul.dropdown-menu.dropdown-menu-right.widgetsList.pull-right {
  text-align: right !important;
  left: 0 !important;
  min-width: 200px !important;
  right: auto !important;
}

.dashBoardContainer .tabContainer .nav {
  font-size: 15px;
  background-color: #f0f0f0;
}

.dashBoardContainer .tabContainer .tab-content {
  margin-top: 10px;
}

.dashBoardContainer .dashBoardTabContents ul {
  margin: 0 0 60px 0;
}

.dashBoardContainer .dashBoardTabContents ul li {
  border: 3px solid #e2e2e4;
  box-shadow: 1px;
  list-style: none;
  padding: 15px;
  position: absolute;
}

.dashboardWidgetContent .entryIcon {
  position: relative;
  top: 5px;
  padding-left: 10px;
}

.dashBoardWidgetFooter {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  background: #f7f7f7;
  font-size: 14px;
}

.dashBoardWidgetFooter .footerIcons {
  padding: 2px 0;
  color: #cccccc;
}

.dashBoardWidgetFooter .footerIcons a {
  padding: 0 3px;
}

.dashBoardWidgetFooter .footerIcons img {
  width: 14px !important;
  height: 14px !important;
}

span.dashboardTitle b {
  color: #33475b;
  font-weight: 600;
}

.dashBoardWidgetFooter .filterContainer {
  position: absolute;
  padding: 10px 7px;
  display: none;
  height: auto;
  width: 100%;
  background: white;
  border: 1px solid #cccccc;
  top: 50px;
  font-size: 11px;
  z-index: 2;
}

.dashBoardWidgetFooter .filterContainer .radio-group input {
  vertical-align: middle;
  margin-top: -1px;
}

.importview-content,
.customview-content {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 530px;
}

.dashboardWidgetHeader .userList .select2 {
  width: 100% !important;
}

.dashBoardContainer .tabContainer li a .deleteTab {
  margin-left: 10px;
  display: inline-block;
  opacity: 0.1;
}

.dashBoardContainer .tabContainer li a .moveTab {
  margin-right: 10px;
  display: inline-block;
  opacity: 0.5;
}

.dashBoardContainer .tabContainer .sortable button {
  margin-top: 10px;
}

.dashBoardContainer .tabContainer li a:hover .deleteTab {
  display: inline-block;
  opacity: 1;
}

.dashBoardContainer .tabContainer li a .deleteTab:hover {
  cursor: pointer;
}

#minilistWizardContainer .fieldLabel {
  position: relative;
  top: 8px;
}

.dashBoardContainer .dashBoardWidgetFooter a:active,
.dashBoardContainer .dashBoardWidgetFooter a:hover {
  color: black;
}

.muted {
  color: #6f6f6f;
  display: inline-table;
}

.dashBoardContainer .entryIcon {
  font-size: 120%;
}

.dashBoardContainer .addDashboardTab {
  padding-bottom: 3px;
}

.dashBoardContainer .addDashboardTab i {
  vertical-align: middle;
}

.moreSettings {
  padding-right: 18px;
}

.dashBoardContainer .dashboard_notebookWidget_viewarea {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  min-height: 150px;
  margin-right: 0px;
  width: 97%;
  border-radius: 5px;
  padding: 10px;
}

.dashBoardContainer .dashboard_notebookWidget_textarea {
  min-height: 200px;
  background-color: #ffffdd;
  resize: none;
  width: 97% !important;
  margin-right: 0px;
  border-radius: 5px;
  padding: 10px;
}

.dashBoardContainer .dashboard_notebookWidget_viewarea:hover .dashboard_notebookWidget_edit{
  display: block;
}

.dashboardWidgetContent .dashboard_notebookWidget_view span > i,
.dashboardWidgetContent .dashboard_notebookWidget_text span > i{
  color: #33475b;
  font-size: 14px;
  font-weight: 700;
  position: initial;
}

.dashboardWidgetContent .dashboard_notebookWidget_view button.dashboard_notebookWidget_edit{
  border: none;
  background: #FFF;
  border-radius: 50px;
  padding: 7px;
  position: absolute;
  top: 2px;
  left: 12px;
  display: none;
}

.dashboardWidgetContent .dashboard_notebookWidget_text button.dashboard_notebookWidget_save{
  border-radius: 20px;
  margin-top: 10px;
}

.dashboardWidgetContent .dashboard_notebookWidget_view button.dashboard_notebookWidget_edit img{
  position: initial;
}

.dashboardWidgetContent a.reference-with-icon-detail{
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    background: #E5F4FF;
    color: #0A2EEB !important;
    display: inline-flex;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 25px;
    gap: 5px;
}

.dashboardWidgetContent a.reference-with-icon-detail:hover{
  box-shadow: 0px 0px 5px 0px #0A2EEB;
}

#minilistWizardContainer form .fieldValue .select2-container{
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 8px 16px !important;
  width: 100% !important;
}

/*.dashboardWidgetContent .miniListContent .full-details{
  padding: 3px 10px;
  border-radius: 10px;
  border: 1px solid #2846e0;
}
*/

#dependencyGraph .tableHeading {
  text-align: center;
  padding-top: 30px;
  font-size: 1.2em;
  font-weight: bold;
}

#dependencyGraph .depandencyTable .blockHeader {
  background: #f3f3f3;
}

#dependencyGraph .dependencyMapping {
  text-align: center;
  background: #ffffff;
}

#dependencyGraph .dependencyMapping .mCSB_container {
  margin-bottom: 16px !important;
}

#dependencyGraph .dependencyMapping .pickListDependencyTable {
  border: 0;
}

#dependencyGraph .dependencyMapping .pickListDependencyTable .blockHeader th {
  background: #f3f3f3;
}

#dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
  background: #a9cbf5;
}

.select2-container .select2-choice {
  height: 29px;
  border-radius: 1px;
}

.modal {
  z-index: 1103;
}

.select2-container .select2-choice {
  height: 20px;
  margin: 5px 20px 0;
}

tr.searchRow .select2-container > .select2-choice {
  width: 120px;
}

.vt-default-callout {
  padding: 10px 20px 20px;
  margin: 10px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
  background: #fff;
}

.vt-default-callout.tagInfoblock {
  padding: 0px 13px 16px;
}

.holidays-container-header {
  background: #fbfbfb;
  border: 1px solid #ddd;
  padding: 10px 15px 25px;
}

.holidays-container-content {
  border: 1px solid #ddd;
  border-top-width: 0;
  padding: 5px 0;
}

.vt-info-callout .vt-callout-header {
  color: #2b9cbd;
}

.companydetailsedit .company-logo-content {
  padding: 10px;
  border: 0;
}

.companydetailsedit .company-logo-content hr {
  margin: 10px 0;
}

.vt-info-callout {
  border-left-color: #2b9cbd;
}

hr {
  margin: 10px 0;
}

.alert-mini {
  padding: 3px 5px;
  font-size: 10px;
  display: inline-block;
  margin-bottom: 0;
}

.blockHeader h4 {
  margin: 10px 0;
}

.blockHeader .btn-group {
  margin-top: 4px;
}

.input-info-addon {
  display: inline-block;
  margin: 1px 10px;
  vertical-align: top;
}

.input-select-addon {
  background: none;
  border: 0;
}

.editViewBody .editViewContents {
  max-height: 100%;
  padding-bottom: 50px;
}

.help-inline {
  padding: 5px;
  display: inline-block;
  border: 1px solid #ddd;
  background: #f3f3f3;
  margin-left: -15px;
  float: left;
}

.listViewEntriesCheckBox,
.input-group input[type='checkbox'] {
  vertical-align: middle;
}

.overlayPageContent .modal-overlay-footer {
  margin: 0;
}

.full-width .modal-overlay-footer {
  margin-left: 0 !important;
}

.modal-overlay-footer {
  position: fixed;
  /*bottom: 30px;*/
  bottom: 0px;
  background: #f5f6f8;
  /*border-right: 42px solid #2c3b49;*/
  height: 60px;
  left: 0;
  right: 0;
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  z-index: 6;
  bottom: 10px !important;
}

.modal-footer-overwrite-style {
  position: initial;
  margin-left: 0px !important;
}

.ui-slider .ui-slider-handle {
  z-index: 0;
}

.settingsPageDiv .modal-overlay-footer {
  margin-left: 230px;
  border-left: 0px solid;
}

.settingsOverlayContainer .modal-overlay-footer {
  margin: 0;
  border-top: 1px solid #e5e5e5;
}

#mass_action_add_comment textarea {
  max-width: 100%;
}

.smsTextArea {
  width: 80%;
  height: 60px;
  max-width: 100%;
}

.emailDescription {
  overflow: auto;
  width: 100%;
  height: 600px;
}

#conditionContainer .glyphicon-trash {
  vertical-align: middle;
  margin-top: 6px;
}

.list-menu-content .pull-right > .dropdown-menu {
  left: -126px;
  position: relative;
}

.dropdown-menu > li > a {
  padding: 6px 10px;
  color: rgb(51 71 91 / 75%) !important;
  text-transform: capitalize;
  font-size: 12px !important;
  /*text-align: left;*/
  width: 100%;
}

.dropdown-menu > li > a span i {
  font-size: 15px;
  vertical-align: middle;
}

.related-tabs .dropdown-menu {
  max-height: 300px;
  padding-left: 0;
}

.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container {
  margin-right: 0;
  padding: 4px 6px;
}

.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container > li > a {
  position: relative;
  display: inline-block;
  padding: 3px 5px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container span i {
  font-size: 15px;
  vertical-align: middle;
}

.dropdown-menu > li.dropdown-header {
  padding: 4px 6px;
  color: #33475b;
  font-weight: bold;
  border-bottom: 1px solid #33475b;
}

.panel-collapse ul li a:hover {
  background: #596875;
  opacity: 1;
}

.panel-collapse ul li a:hover a {
  opacity: 1;
}

.panel-collapse ul li a.settingsgroup-menu-color {
  background-color: #010101;
}

.calendar-sidebar-tab {
  padding: 0;
}

.calendar-sidebar .calendar-sidebar-tabs.padding {
  padding-left: 20px !important;
}

.related-tabs.row .nav > li {
  padding: 0 5px;
  margin: 0 2px;
  float: right !important;
  max-height: 50px;
}

.related-tabs.row .nav > li.tab-item {
  opacity: 0.5;
}

.related-tabs.row .nav > li.tab-item:hover {
  opacity: 1;
}

.related-tabs.row .nav > li > a {
  min-height: 48px;
}

.massEditTabs.nav > li {
  padding: 0 5px;
  margin: 0 5px;
}

.settingsPageDiv ul .relatedListTab {
  float: left !important;
}

/* .row .nav > li > a,
.row .nav > li > a:hover {
  padding: 12px 0 9px;
  border: none;
  vertical-align: bottom;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  color: #707683 !important;
  font-size: 14px !important;
  min-height: 48px;
  font-family: 'Arimo', sans-serif !important;
} */

.subMenuTab .nav > li > a span {
  padding: 0 5px;
}

.row .nav > li > a:hover {
  /* border-bottom-color: #555; */
  background: none;
}

.row ul li:first-child {
  margin-left: 0;
}

.related-tabs .nav-tabs > li.active,
.related-tabs .nav-tabs > li:hover,
.related-tabs .nav-tabs > li.active:focus,
.dashBoardContainer .nav-tabs > li.active,
.dashBoardContainer .nav-tabs > li:hover,
.dashBoardContainer .nav-tabs > li.active:focus,
.contents.tabbable .nav-tabs > li.active,
.contents.tabbable .nav-tabs > li:hover,
.contents.tabbable .nav-tabs > li.active:focus,
#modulePickListValuesContainer .nav-tabs > li.active,
#modulePickListValuesContainer .nav-tabs > li:hover,
#modulePickListValuesContainer .nav-tabs > li.active:focus {
  border: none;
  border-bottom: 2px solid #334d6e;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a {
  border: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #ffffff;
}

.fa-pencil,
.fa-times {
  cursor: pointer;
}

.commentAttachmentName {
  font-size: 11px;
}

.marginBottom10px {
  margin-bottom: 10px;
}

/*.border1px {
  border: 1px solid #DDDDDD;
}*/
.padding10 {
  padding: 10px;
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

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

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

.zeroOpacity {
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=0);
}

.alignMiddle {
  vertical-align: middle;
}

.layoutContent li.dummyRow {
  border: 1px dotted #dddddd;
  min-height: 116px;
  height: auto;
  text-align: center;
  width: 100%;
}

.layoutContent li.dummyRow .dragUiText {
  font-size: 16px;
  font-weight: 600;
  padding-top: 0;
  padding-left: 0;
  text-transform: capitalize;
  text-align: center;
  display: block;
  width: 100%;
  margin: 15px 0 0;
  color: #28293D !important;
}

.fieldProperties .disabled {
  opacity: 0.5;
}

.layoutContent .actions {
  opacity: 0;
}

.layoutContent .opacity:hover .actions {
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=100);
}

.layoutContent .fieldPropertyContainer:hover .actions {
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=100);
}

#addRelationContainer .relationImages a:hover,
#addRelationContainer .relationImages a:focus {
  color: black;
}

#addRelationContainer .relationImages img {
  border: 5px solid transparent;
}

/*#addRelationContainer .relationImages img.selected,
#addRelationContainer .relationImages img:hover {
  border: 5px solid #dddddd;
}*/

/*#addRelationContainer .relationImages h5 {
  margin-right: 25px;
  margin-top: -20px;
}*/

.layoutContent .addButton,
.relatedTabModulesList .addButton,
button#addFileFieldBtn,
.reportHeader .btn-toolbar button.btn.btn-default {
  border-radius: 4px !important;
  border: 1px solid #dbdde0;
  /*color: #52575C !important;
    background-color: transparent;*/
  background-image: none !important;
  font-size: 14px;
}

.reportHeader .btn-toolbar button.btn.btn-default {
  margin-right: 5px !important;
}

.col-sm-9.padding10.marginLeftZero .blockActions {
  float: left !important;
}

.layoutContent .addButton:hover,
.layoutContent .addButton:focus,
.layoutContent .addButton:active,
.relatedTabModulesList .addButton:hover,
.relatedTabModulesList .addButton:focus,
.relatedTabModulesList .addButton:active,
button#addFileFieldBtn:hover,
.reportHeader .btn-toolbar button.btn.btn-default:hover {
  /*background-color: #00CA72 !important;
    border: 1px solid #00CA72 !important;
    color: #fff !important;*/
}

.blockActions .bootstrap-switch,
table#listview-table .bootstrap-switch,
.bootstrap-switch {
  margin-left: 10px;
  direction: ltr;
  text-align: left;
  border-radius: 25px;
  box-shadow: 0 0 5px rgb(0 202 114 / 25%);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
  background-color: #00ca72 !important;
  background-image: none !important;
  color: #fff !important;
}

span.bootstrap-switch-handle-off.bootstrap-switch-default {
  background-color: #d14641 !important;
}

.bootstrap-switch {
  border-radius: 25px !important;
  width: 56px !important;
  height: 26px !important;
}

span.bootstrap-switch-default,
span.bootstrap-switch-handle-on.bootstrap-switch-success {
  width: 27px !important;
  line-height: 22px !important;
  font-size: 10px !important;
}

span.bootstrap-switch-handle-on.bootstrap-switch-success
  .blockActions
  i.fa.fa-info-circle {
  display: none;
}

.layoutContent .blockFieldsList ul {
  list-style-type: none;
  float: right;
  min-height: 1px;
  padding: 2px;
  margin-right: 20px;
  margin-top: 20px;
  width: 31%;
}

.layoutContent .blockFieldsList {
  padding: 5px;
  min-height: 27px;
}

.layoutContent .editFields {
  min-height: 116px;
  height: auto;
  /*border-left: 1px solid #EBEFF2;*/
}

/*.layoutContent span.col-sm-1 {
    float: right;
    position: absolute;
    top: -7px;
    right: 10px;
}*/
.layoutContent .fieldLabelContainer {
  padding-top: 15px;
  margin-right: 5px;
  text-align: right;
}

li.ui-sortable-handle .layoutContent .fieldLabelContainer {
  padding-top: 5px;
}

li.ui-sortable-handle .fieldLabelContainer .pull-right {
  float: right !important;
}

.cursorPointerNotAllowed {
  cursor: not-allowed;
}

.layoutContent .fieldProperties .switch:hover {
  opacity: 1;
}

.relatedTabModulesList .relationListInfoWrapper .relationListInfo {
  border: 1px solid #CCCCD0;
  border-right: 7px solid #50ABC5;
  border-radius: 5px;
  padding: 10px;
}

.relatedTabModulesList .cautionMessageReport .relationListInfo {
  border: 1px solid #CCCCD0;
  border-right: 7px solid #F54336;
  border-radius: 5px;
  padding: 10px;
}

.relatedTabModulesList .relationListModuleInfo{
  border: 1px solid #CCCCD0;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 11.2px;
}

.relatedTabModulesList .relationListInfo .relatedListInfoHeader {
  color: #50ABC5;
  font-size: 15px;
  font-weight: 600;
}

.cursorPointerMove {
  cursor: move;
}

.relatedListContainer .ONE_TO_ONE {
  width: 100%;
  padding: 5px;
  padding-left: 14px;
}

.relatedListContainer .referenceModule,
.relatedListContainer .relatedModulesList .moduletranslatedLabel {
  font-size: 10px;
  color: green;
  font-weight: bold;
  opacity: 0.6;
}

.relatedListContainer .ONE_TO_MANY {
  width: 300px;
  padding: 5px 0 5px 5px;
  height: 70px;
}

.form-horizontal .inActiveList span {
  vertical-align: top;
  margin-left: 5px;
  word-break: break-all;
}

#TaxCalculationsContainer .table tr:first-child,
.taxModalContainer #editTax .table tr:first-child {
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

.taxModalContainer #editTax .inputEle,
.taxRegionContainer #editTaxRegion .inputEle,
.chargeModalContainer #editCharge .inputEle {
  min-height: 30px;
  min-width: 180px;
}

.taxModalContainer #editTax .block,
.chargeModalContainer #editCharge .block {
  padding-bottom: 20px;
}

.importMappingTableHeader {
  background: #f0f0f0;
  border: 1px solid #f5f5f5;
  color: black;
}

.importResultsTable tr {
  border: 1px solid #f5f5f5;
  background: #ffffff;
}

.fieldIdentifier {
  border: 1px solid #f5f5f5;
  color: #999999;
}

.importMappingTable thead tr th {
  font-weight: lighter;
  font-size: 16px;
}

.landingPage {
  min-height: 600px;
}

.import-details-container {
  max-height: 500px;
  overflow-y: auto;
}

#workflow_edit .editViewBody {
  overflow: inherit;
}

.workflowListContainer .listview-table > tbody > tr > td {
  vertical-align: top;
  padding: 6px;
}

.workflowListContainer .listview-table > tbody > tr > td.listViewEntryValue i {
  color: #c2cfe0;
  font-size: 18px !important;
  line-height: 25px;
}

.timePicker {
  width: 9.5em !important;
  z-index: 1104 !important;
}

.weekDaySelect .ui-state-default {
  background: inherit;
  padding: 6px 12px;
}

.weekDaySelect .ui-selecting {
  background: #28c5f9;
}

.weekDaySelect .ui-selected {
  background: #06afe8;
  color: #ffffff;
}

.qtip {
  z-index: 1082 !important;
}

.input-group.inputElement input {
  border: none;
}

.email-preview-toolbar .btn-sm {
  margin-left: 5px;
}

.email-body-preview {
  min-height: 280px;
  background: #fdfdfd;
  padding: 0 10px;
  border: 1px solid #f3f3f3;
  border-radius: 2px;
}

.email-info-row {
  margin-bottom: 6px;
}

.dashboardHeading .dahBoardTabContainer {
  border-bottom: 1px solid #dddddd;
}

.module-filters.active {
  background: #f7f7f7;
}

.payment-type-selection {
  margin-bottom: 30px;
}

.payment-type-selection img {
  vertical-align: middle;
}

.currplan {
  padding: 10px 20px;
  background-color: #f3f3f3;
  border: 1px solid #eee;
  border-radius: 3px;
}

.currplan div {
  display: inline-block;
  font-size: 16px;
}

.planName {
  display: inline-block;
  color: #fff;
  padding: 20px;
  margin: 10px 20px;
  font-size: 24px;
  border-radius: 2px;
}

.plan-heading {
  min-height: 168px;
}

.plan-title {
  color: #fff;
  font-size: 20px;
  padding: 13px 0;
}

#sales_plan {
  background: #3fc380;
  font-size: x-large;
  text-shadow: 1px 0 2px #555555;
  color: #fff;
}

#salespremium_plan {
  background: #00b16a;
  font-size: x-large;
  text-shadow: 1px 0 2px #555555;
  color: #fff;
}

#support_plan {
  background: #2980b9;
  font-size: x-large;
  text-shadow: 1px 0 2px #555555;
  color: #fff;
}

#supportpremium_plan {
  background: #2980b9;
  font-size: x-large;
  text-shadow: 1px 0 2px #555555;
  color: #fff;
}

#ultimate_plan,
#exclusive_plan {
  background: #f39c12;
  font-size: x-large;
  text-shadow: 1px 0 2px #555555;
  color: #fff;
}

#contact_plan {
  background: #ff5959;
  font-size: x-large;
  text-shadow: 1px 0 2px #555555;
  color: #fff;
}

.workflowListContainer .select2-container .select2-choice {
  height: 28px;
}

.workflowListContainer .select2-container .select2-choice > .select2-chosen {
  margin-left: 10px;
  padding-top: 6px;
  font-size: 13px;
}

div#s2id_moduleFilter {
  margin: 5px 0 0 !important;
}

.dashboardHeading .dahBoardTabContainer {
  border-bottom: 1px solid #dddddd;
}

.contactAdd {
  border: 1px solid #eee;
  padding: 20px;
}

#subDetails table td {
  padding: 7px 10px;
}

.contactAdd h4 {
  padding: 10px 0;
}

.jumboModel {
  width: 60%;
  left: 0;
  top: 46% !important;
  margin-left: 20%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.jumboModel .modal-body {
  display: inline-block;
  max-height: 350px;
  overflow-y: scroll;
}

.paymentIcon {
  margin: -8px 20px;
  float: left;
}

.paymentHolder,
.textAlignCenter {
  text-align: center;
}

.paymentInfo {
  text-align: left;
  padding: 20px 20px 10px;
  background: #fff url('images/pat.jpg');
  border: 1px solid #ddd;
  box-shadow: 0 0 4px 0 #ddd;
  border-radius: 6px;
  margin: 0 auto;
}

.paidstus {
  padding: 2px 10px;
  background: #ddd;
  border-radius: 3px;
  color: #fff;
  min-width: 50px;
  display: inline-block;
  text-align: center;
}

.paidstus.yes {
  background: #4da658;
}

.paidstus.no {
  background: #d42525;
}

.blueColor {
  color: #0380bf;
}

.plnActions {
  margin: 22px 0;
}

.cancellation-question-title {
  line-height: 30px;
}

.cancellation-question-title input[type='radio'] {
  margin-top: -3px;
  margin-right: 6px;
}

.horizontal-fld {
  float: left;
  margin-right: 20px;
}

.group:before,
.group:after {
  display: table;
  content: '';
}

.group:after {
  clear: both;
}

.cardInputs label {
  margin: 5px 14px;
  float: left;
  min-width: 100px;
}

.lineItemPopover {
  max-width: 600px;
  width: 350px !important;
}

.span1 {
  width: 100px;
}

.productBundlePopover {
  width: 500px;
  max-width: 600px;
}

.productBundlePopover .popover-content {
  overflow-y: auto;
  max-height: 250px;
  width: 500px;
  max-width: 600px;
  font-size: 12px;
}

.productsBundlePopup {
  position: absolute;
  width: 100%;
  height: 100%;
}

.productsBundlePopup .modal-body {
  height: 500px;
  overflow-y: auto;
  padding: 0px 5px 0px 5px;
}

.productBundles {
  padding-left: 20px;
}

.date-picker-wrapper {
  z-index: 2000;
}

.date-picker-wrapper .footer {
  position: relative;
}

.productBundles {
  padding-left: 20px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  color: #000000;
  background-color: #ffffff;
}

.moduleResults-container .moduleSearchResults .table-container {
  background: #ffffff;
}

#searchResults-container .mCSB_inside > .mCSB_container {
  margin-right: 10px;
}

.searchModuleHeader {
  margin-bottom: 0;
}

[name='existingImages'] > img {
  max-width: 100%;
}

.lineitemTableContainer,
.lineItemTableDiv {
  width: 100%;
  overflow-x: auto;
}

#mm_searchButton {
  height: 40px;
  padding: 10.5px 15px;
  border-radius: 5px;
  background: #0A2EEB;
  color: #fff;
}

.mmDescription {
  height: 300px;
  width: 80%;
  border: 1.5px solid;
  border-radius: 2px;
  border-color: #dddddd;
  font-size: 11pt;
  margin-top: 55px;
  margin-left: -4%;
  background: #f9f9f9;
  padding: 20px;
}

#mails_container {
  border-right: 2px solid;
  border-color: #cccccc;
  min-height: 723px;
  width: 30%;
}

.mmListMainContainer {
  color: #888888;
  font-size: 14px;
  padding-top: 250px;
}

#mmSettingEditModal {
  background: #f9f9f9;
}

.width75per {
  width: 75%;
}

#_mbox_pwd {
  padding: 3px 8px;
}

#mmSettingInfo {
  padding-left: 7px;
  padding-top: 7px;
  font-size: 14px;
}

.mmMainFolder {
  padding: 5px 10px;
}

.mmOtherFolder {
  padding: 5px 10px 5px 30px;
  font-size: 12px;
}

.fontSize20px {
  font-size: 20px;
}

.mmUnreadCountBadge {
  padding: 1px 5px;
  border-radius: 3px;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  /*background-image: -webkit-linear-gradient(top, #dd4b39 0, #d14836 100%);
  border: 1px solid #c6322a;
  background-color: #dd4b39;*/
}

.padding15px {
  padding: 15px;
}

.padding0px {
  padding: 0px;
}

#mainCheckBox {
  margin-top: 8.5px;
  border: 1px solid #aaaaaa;
}

.mailCheckBox {
  border: 1px solid #aaaaaa;
}

.paddingLeft5px {
  padding-left: 5px;
}

.mmActionIcon {
  border: 1px solid;
  font-size: 15px;
  padding: 0px;
  width: 30px;
  height: 30px;
  border-color: #bbbbbb;
  text-align: center;
}

#mmDeleteMail {
  margin-left: -1px;
}

#mmMarkAsRead {
  border-right: 0px;
}

.borderLeft0px {
  border-left: 0px;
}

.marginRight0px {
  margin-right: 0px;
}

.mmSearchContainer {
  padding: 15px 0px 15px 0px;
}

#mailManagerSearchbox {
  height: 40px;
  padding: 10.5px 15px;
  border-radius: 5px;
}

.mmSearchBoxIcon {
  border: 1px solid #cccccc;
  border-radius: 0;
  border-left: 0;
  background-color: transparent;
}

#searchType {
  height: 40px;
  width: 120px;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10.5px 15px;
  border-radius: 5px;
  border: 1.5px solid #CCCCD0;
}

#mmSearchButtonContainer {
  padding: 15px 0px 0px 0px;
}

.mmEmailContainerDiv .mCSB_container {
  margin-right: 0;
}

/*.mmEmailContainerDiv #mmBody {
  border: 1px solid #ddd;
}*/

.mailEntry {
  padding: 5px 5px 5px 7px;
  border-bottom: 1.5px solid #cccccc;
}

.font11px {
  font-size: 11px;
}

.mmReadEmail {
  background-color: #eeeeee;
}

.font13px {
  font-size: 13px;
}

.font14px {
  font-size: 14px;
}

.mmDateTimeValue {
  font-size: 12px;
  color: #28293D;
}

.mmMailDesc {
  padding: 5px 0px 0px 0px;
  max-height: 20px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
}

.noMailsDiv {
  color: #848383;
  font-size: 15px;
  padding-top: 200px;
}

#_mlinktotype {
  height: 30px;
  border: 1px solid #cccccc;
  padding-left: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #FFFFFF url('/layouts/v7/resources/Images/MailManager/CaretDown.svg') no-repeat 5% 40%;
  padding: 5px 10px;
  border-radius: 5px;
}

.mmRelatedRecordDesc {
  color: #666666;
  padding-top: 1px;
}

.mmRelatedRecordDesc a {
  border-radius: 5px;
  border: 1px solid #0A2EEB;
  display: inline-flex;
  height: 30px;
  padding: 10.5px 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #0A2EEB !important;
}

.moveToFolderDropDown {
  font-size: 14px;
  border: 1px solid;
  width: 50px;
  height: 30px;
  padding: 0px 4px;
  margin-left: 5px;
  border-color: #bbbbbb;
  vertical-align: bottom;
}

.mmSearchDropDown {
  margin-left: 66%;
}

.mmMoveDropdownFolder {
  vertical-align: middle;
  font-size: 15px;
}

.mmMoveDropdownArrow {
  color: #ffffff;
  font-size: 8px;
  margin-left: -10px;
}

.mmMoveDropdownCaret {
  padding-top: 8px;
  padding-right: 1px;
}

#mmEnvelopeOpenIcon {
  width: 15px;
  padding-bottom: 2px;
}

.mmSearchContainerOther {
  padding: 15px 0px 5px 5px;
}

.mmSearchContainerOther > div{
  display: flex;
  align-items: center;
  justify-content: center;
}

.mmModulesMenu {
  padding: 15px 17px;
  color: #ffffff;
  font-size: 13px;
}

.mailbox_setting {
  font-size: 15px;
}

#mail_compose {
  background-color: #ffffff;
  color: #595553;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  margin: 20px 0px 20px 0px;
}

.highLightMail {
  background-color: #2c3b49;
}

.whiteFont {
  color: #ffffff;
}

.mmListDateDivSelected {
  color: #28293D;
  font-size: 12px;
}

.fontBlack {
  color: #000000;
}

.marginTop0px {
  margin-top: 0px;
}

.mmFirstNameChar {
  background: none repeat scroll 0 0 #B8E1FF;
  border: 1px solid #0A2EEB;
  height: 50px;
  width: 50px;
  color: #0A2EEB;
  font-size: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.mmDisplayName {
  font-size: 15px;
  margin-top: 0;
}

.displayEmailValues {
  font-style: italic;
}

.mmEmailColor {
  color: #38a7f7;
}

.mmDetailDate {
  font-size: 10px;
  margin-top: 3px;
}

.mmDetailAction {
  /*border: 1px solid #bbbbbb;*/
  padding: 0px 5px;
  display: inline-block;
  border-right: 0;
  line-height: 22px;
}

.mmDetailHr {
  border-top: 1px solid #CCCCD0;
}

.width40per {
  width: 40%;
}

.quickCreateContent .massEditTable textarea,
.addCommentBlock .commentTextArea textarea {
  resize: vertical;
  padding: 6px;
  border: 0 !important;
  border-bottom: 1px solid #ebeff2 !important;
  outline: 0 !important;
}

.table.detailview-table.no-border .ajaxEdited .input-group-addon {
  width: auto;
}

.input-group .form-control,
.select2-container-multi .select2-choices {
  z-index: 1;
}

.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a:hover {
  background-color: #fff;
}

.cp-nav-header-wrapper > li.disabled > a:hover {
  border: 0px !important;
}

.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a {
  background-color: #fff;
}

#portalModulesTable > li.portalModuleRow.active > a:hover {
  background-color: #fff !important;
}

#portalModulesTable > li.portalModuleRow.active > a:focus {
  background-color: #fff !important;
}

.portal-dashboard {
  min-height: 600px;
}

.portal-fields-container-wrapper {
  border-right: 1px solid #dddddd;
  min-height: 600px;
}

.addFieldsBlock {
  padding-left: 0px;
}

.portal-addfields-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 120%;
  white-space: nowrap;
}

.portal-deletefield {
  background: transparent;
  border: 1px solid transparent;
}

.portal-deletefield:active {
  border: 1px solid transparent;
}

.portal-deletefield:hover {
  -webkit-box-shadow: 0 1px 1px transparent;
  box-shadow: 0 1px 1px transparent;
}

.portal-fields-switch {
  width: 40px;
  height: 20px;
  background: #e5e5e5;
  z-index: 0;
  margin: 0;
  padding: 0;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}

.portal-fields-switch:before {
  content: ' ';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 40px;
  height: 20px;
  background: #ddd;
  z-index: 1;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}

.portal-fields-switch:after {
  content: ' ';
  height: 20px;
  width: 20px;
  border-radius: 28px;
  background: #fff;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 1px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  box-shadow: 0 2px 5px #999999;
  background-color: orange;
}

.portal-fields-switchOn,
.portal-fields-switchOn:before {
  background: #dddddd !important;
}

.portal-fields-switchOn:after {
  left: 20px !important;
  background-color: #8ce196;
}

.portal-fieldInfo-wrapper {
  border: 1px solid #e8e8e8;
  padding-left: 0px;
  padding-right: 0px;
}

.portal-fieldInfo-wrapper .switch-disabled {
  opacity: 0.5;
}

.portal-fieldInfo-sliderWrapper {
  padding-top: 4px;
  padding-left: 5px;
}

.portal-fieldName-wrapper {
  padding-top: 5px;
}

.portal-dashboard {
  border-bottom: 0px !important;
}

#portal-shortcutsContainer > ul {
  border-bottom: 0px !important;
}

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

.cp-tabs .enabledModules {
  display: inline-block !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
  vertical-align: top;
  margin-top: 4px !important;
}

.portal-shortcut-list:hover {
  border-bottom: 3px solid transparent !important;
}

.label-radio label input[type='radio'] {
  position: relative;
  top: 2px;
}

.label-checkbox label input[type='checkbox'] {
  position: relative;
  top: 2px;
}

div.tooltip-inner {
  max-width: inherit;
}

.sortable.appContainer.ui-sortable {
  width: 160px;
}

.menuEditorItem {
  padding: 15px 5px;
  background: #dddddd;
  text-align: center;
  font-size: 1em;
  color: #ffffff;
  text-shadow: 0 0 1px #999999;
  height: 65px;
  width: 160px;
  margin-right: 15px;
}

.fa.whiteIcon {
  color: #ffffff;
}

.menuEditorItem .fa {
  font-size: 2em;
}

.menuEditorModuleItem {
  background: #2c3b49;
  border-bottom: 1px solid #dddddd;
  cursor: move;
}

.menuEditorItem.menuEditorAddItem {
  color: #999999;
  cursor: pointer;
}

.menuEditorModuleItem.active {
  background: #010101;
}

.reports-content-area {
  padding-top: 15px;
  min-height: 768px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.cursorDrag {
  cursor: move;
}

.google-import-container {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 525px;
}

.detailview-header-block {
  /*background: white;
  padding: 15px;*/
}

.detailViewContainer .content-area,
.editViewPageDiv .content-area,
.editViewPageDiv.content-area,
.editViewPageDiv .reports-content-area {
  background: transparent;
}

.detailViewContainer .HistoryContainer,
.detailViewContainer .recentActivitiesContainer,
.related-tabs.row .details.row,
.detailview-content .details.row .relatedHeader {
  background: #ffffff;
  padding: 15px;
}

.detailview-content .details.row .relatedHeader {
  border: 1px solid #f3f3f3;
}

.detailview-content .details.row .relatedContents {
  background: white;
  padding: 0;
  margin-top: 0;
  border: 1px solid #f3f3f3;
}

.related-tabs.row {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  margin: 0;
  left: 4px;
}

.related-tabs .navbar {
  float: right !important;
  border: 0;
}

.detailViewContainer .commentContainer .commentTitle.row,
.detailViewContainer .commentContainer .showcomments {
  background: #ffffff;
  border-color: #f3f3f3;
}

.detailViewTwitterImage {
  position: absolute;
  top: -60px;
  right: 0px;
  font-size: 19px;
  float: right;
  z-index: 3;
  border-right-width: 0px;
  padding: 5px 10px;
  background: #eee;
  color: #fff;
  height: 50px;
  cursor: pointer;
}

.detailViewTwitterImage .fa {
  color: #04abe7;
  margin-top: 10px;
}

#SLAEditContainer .inputElement,
#editTagContainer .inputElement {
  width: 50%;
}

#SLAEditContainer .select2.inputElement.EmailTemplates,
#editTagContainer .select2.inputElement.EmailTemplates {
  width: 90%;
}

#SLAEditContainer .select2.inputElement,
#editTagContainer .select2.inputElement {
  width: 40%;
}

#SLAEditContainer .select2-container-multi,
#editTagContainer .select2-container-multi {
  width: 82%;
}

#SLAEditContainer td,
#editTagContainer td {
  vertical-align: middle;
}

#BusinessHoursEditContainer .form-control.inputElement {
  width: 58%;
}

#BusinessHoursEditContainer .configwidth {
  width: 93px;
}

.calendar-timezone .input-group.editElement {
  width: 100%;
  display: inline-block;
}

.summaryViewEntries .input-group.editElement {
  width: 100%;
  display: flex;
}

.summaryView .summaryViewFields .input-group {
  line-height: 0;
}

.clearReferenceSelection {
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0;
  border: 0 !important;
  border-left: 0;
  line-height: 1 !important;
  position: relative;
  bottom: 5px;
}

.editViewContents .fieldValue .referencefield-wrapper {
  width: 100%;
  display: inline-block;
}

.referencefield-wrapper span.input-group-addon.relatedPopup.cursorPointer,
.referencefield-wrapper
  span.input-group-addon.createReferenceRecord.cursorPointer.clearfix {
  padding: 5px 5px 5px 0px !important;
}

.input-group-addon {
  line-height: 1.5;
  color: #c2cfe0 !important;
}

.input-group {
  float: left;
  min-width: 220px;
}

.addCalendarEventContents .input-group {
  float: left;
  min-width: 150px;
}

.listViewEntries .input-group,
.referencefield-wrapper .input-group {
  min-width: 100%;
}

.summaryViewEntries .inputElement.form-control,
.detailview-table .inputElement.form-control {
  width: 70%;
}

.detailview-table input[type='checkbox'] {
  width: 13px !important;
  margin-top: 8px;
}

.detailview-table .input-group-addon + .inputElement.form-control,
.detailview-table .inputElement.form-control.input-medium {
  width: 100%;
}

.summaryViewEntries .referencefield-wrapper .inputElement,
.detailview-table .referencefield-wrapper .inputElement,
.recentActivitiesContainer .updateInfoContainer {
  width: 100%;
}

.summaryViewEntries .input-group.date,
.detailview-table .input-group.date {
  float: left;
}

.inventoryLineItemDetails {
  color: #3498db;
}

.productsBundlePopup {
  position: absolute;
  width: 100%;
  height: 100%;
}

.productsBundlePopup .modal-body {
  height: 500px;
  overflow-y: auto;
  padding: 0px 5px 0px 5px;
}

.productBundles {
  padding-left: 20px;
}

.productBundlePopover {
  width: 500px;
  max-width: 600px;
}

.productBundlePopover .popover-content {
  overflow-y: auto;
  max-height: 250px;
  width: 500px;
  max-width: 600px;
  font-size: 12px;
}

.discountTotal {
  margin-top: 10px;
}

#lineItemTab .lineItemRow .listPrice {
  float: left;
  margin-right: 5px;
}

.portal-table .table-actions {
  width: inherit !important;
  /*float: left;*/
}

.portal-table .listViewEntryValue {
  padding-left: 20px;
}

.portal-table > thead > tr:first-child > th,
.portal-table > tbody > tr:first-child > th {
  padding: 10px 5px !important;
  padding-left: 10px !important;
}

.ExtensionscontentsDiv .content-area {
  padding-left: 15px;
  padding-right: 15px;
}

.tagInfo.input-info-addon {
  vertical-align: middle;
}

.relationDelete .vicon-linkopen {
  font-size: 12px;
  vertical-align: middle;
}

.blockHeader {
  border-color: #f3f3f4 #f3f3f4 #cbcbcf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #474747;
  background-image: -moz-linear-gradient(top, #555555, #333333);
  background-image: -ms-linear-gradient(top, #555555, #333333);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#555555),
    to(#333333)
  );
  background-image: -webkit-linear-gradient(top, #555555, #333333);
  background-image: -o-linear-gradient(top, #555555, #333333);
  background-image: linear-gradient(top, #555555, #333333);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
  min-height: 30px;
}

.blockHeader th {
  text-align: center !important;
  text-align: center;
  color: #ffffff;
}

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 8px;
  border-bottom: 0 !important;
}

.socialActions .fa-star {
  color: orange;
}

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

.calendarQuickCreateContent .input-group,
.addCalendarEventContents .input-group {
  min-width: 120px !important;
}

.calendarQuickCreateContent .table .inputElement {
  width: 100%;
}

.calendarQuickCreateContent .table .referencefield-wrapper .inputElement {
  width: 235px;
}

.reference-mandatory::after {
  content: '*';
  color: red;
  top: -30px;
  position: inherit;
  left: 10px;
  float: right;
}

.overlayDetail .modal-content {
  position: absolute;
  height: 100%;
  padding: 10px;
  background: #f9f9f9;
}

.overlayDetail .overlayDetailHeader {
  background: white;
}

.overlayDetail .modal-body {
  height: 82%;
  overflow: auto;
  background: #f9f9f9;
  padding-left: 0px;
  padding-right: 1px;
}

.overlayDetail .modal-body .left-block,
.overlayDetail .modal-body .middle-block {
  padding-left: 0px;
  padding-right: 7px;
}

.overlayDetail .modal-body .right-block {
  padding-left: 0px;
  padding-right: 0px;
}

.uploadview-content .inputElement.select2,
#uploadToDriveContainer .inputElement.select2 {
  width: 170px;
}

.daily-digest-time {
  width: 114px;
  padding-left: 4px;
}

.markStar .unfollowMessage {
  display: none;
}

.markStar .active {
  color: #ffc600;
}

.markStar:hover .unfollowMessage {
  display: block;
}

.markStar:hover .followMessage {
  display: none;
}

.markStar.active .starredStatus {
  display: block;
}

.markStar.active .unstarredStatus {
  display: none;
}

.markStar .starredStatus {
  display: none;
}

.nav > li.addDashboardTab > a,
.nav > li.addDashboardTab > a:hover {
  padding: 10px 15px;
  background: inherit;
}

.dashBoardContainer .tab-pane {
  padding: 0 15px;
  min-height: 100%;
}

.dashBoardContainer .tab-pane .dashBoardTabContents ul {
  position: relative;
  height: 960px;
  /*width: 100% !important;*/
}

.nav-tabs > li {
  border-bottom: 3px solid transparent;
  margin: 0 2px;
}

.dashBoardContainer .tabContainer .nav {
  font-size: 15px;
  background-color: #ffffff;
}

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

#helpMeNow {
  position: fixed;
  right: 0;
  top: 100px;
  width: 350px;
  z-index: 1040;
  min-height: 85vh;
  border: 1px solid #aaa;
  background-color: white;
}

.help_header {
  background-color: #2c3b49;
  cursor: move;
  box-shadow: 0 0px 5px 0 #ccc;
  padding: 5px 10px;
  color: white;
}

#help_back {
  position: relative;
  top: 7px;
  padding-right: 10px;
  font-size: large;
  cursor: pointer;
}

.help_close {
  position: relative;
  top: 10px;
  border: 0px;
  background-color: #2c3b49;
}

.help_close_area {
  margin: 5px 15px;
  padding: 5px;
  background-color: white;
  border-radius: 5px;
}

.help_search_button {
  background-color: white;
  position: relative;
  top: 3px;
  border: none;
}

.help_search {
  padding: 10px 12px;
  border: none;
  color: black;
  font-size: 14px;
}

.help_image {
  position: relative;
  top: 50px;
  left: 50px;
}

.overlayEdit .modal-content {
  position: absolute;
  height: 100%;
  width: 100%;
}

.overlayEdit form .modal-body {
  padding-left: 10px;
  padding-right: 0px;
  background: #f9f9f9;
  height: 574px;
  overflow: auto;
}

.select2-container.select2-container-multi.select2,
.editViewPageDiv .select2-container.select2-container-multi.select2 {
  height: auto !important;
  border: 1px solid #ccccd0 !important;
  padding: 3px 10px 8px 10px !important;
}

.select2_search_div
  ul.select2-choices.mCustomScrollbar._mCS_11.mCS_no_scrollbar {
  border: 0 !important;
}

.summaryViewFields
  .select2-container-multi.inputElement.form-control
  .quickCreateContent
  .select2-container.select2-container-multi.select2,
#massEditContainer .select2-container.select2-container-multi.select2 {
  width: 150px;
  height: auto !important;
}

.summaryViewFields
  .select2-container-multi.inputElement.form-control
  .quickCreateContent
  .select2-container.select2-container-multi.select2
  .input-save-wrap,
#massEditContainer
  .select2-container.select2-container-multi.select2
  .input-save-wrap {
  float: right;
  margin-right: 25px;
}

#taskManagementContainer .popover-content {
  padding: 0;
}

#taskManagementContainer .popover-content .input-group.inputElement {
  width: 70%;
  min-width: 200px;
}

.task .quickPreview {
  position: relative;
  right: 10px;
  font-weight: 600;
}

.taskStatus {
  font-weight: 600;
  color: #4c5862;
}

.vicon-unpin.pinToDashboard,
.vicon-pin.pinToDashboard {
  font-size: 14px;
  padding-top: 5px;
}

.select2-result[class*='vicon-'],
.select2-result[class*='fa'] {
  font-size: 12px;
  padding: 5px 10px;
}

.select2-result[class*='vicon-'] .select2-result-label,
.select2-result[class*='fa'] .select2-result-label {
  display: inline-block;
}

#reportDetails .table-bordered {
  background: #ffffff;
}

.verticalAlignMiddle {
  vertical-align: middle;
}

#detailView .block h4 {
  height: 20px;
  display: block;
  max-width: 100% !important;
}

.listview-table-norecords .table-actions,
.listview-table .calendar-table-actions {
  width: 117px !important;
}

.listview-table
  .calendar-table-actions
  span.fa.fa-check.icon.action.markAsHeld {
  color: #c2cfe0;
  margin-top: 5px;
}

.dashBoardTabMenu {
  padding-top: 0px;
}

.dashBoardTabMenu .dropdown-header {
  color: #000000;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

#quickCreateModules [class^='vicon-'],
#quickCreateModules [class*=' vicon-'] {
  font-size: 20px;
  color: #888;
}

#quickCreateModules a {
  padding: 0;
  width: 100%;
}

#quickCreateModules a > i,
#quickCreateModules a > img {
  display: inline-block;
  float: right;
  max-width: 20px;
}

#quickCreateModules .quick-create-module {
  color: black;
  padding: 0 0 0 12px;
  overflow-x: hidden;
  width: 80%;
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
}

.workflow-table .listViewEntryValue {
  word-wrap: break-word;
  white-space: normal;
}

.btn[disabled] {
  opacity: 0.2 !important;
}

#settingsMenuSearch {
  background-color: white;
  margin-left: 12px;
  margin-top: 12px;
  width: 91%;
  color: black;
}

.settingsgroup [data-instafilta-hide='true'] {
  display: none !important;
}

.settingsgroup [data-instafilta-hide='false'] {
  display: block !important;
}

a.cp-modules:hover {
  background-color: #eee !important;
}

#RestrictionsLayout {
  background: #fafafb;
  margin-top: -92px;
}

#RestrictionsLayout .vtImage {
  width: 22%;
  padding: 2%;
  margin: auto;
}

#RestrictionsLayout #RestrinctionsContainer {
  margin: auto;
  min-height: 600px;
}

#RestrictionsLayout #RestrictionsPageDetails {
  display: block;
}

#RestrictionsLayout .contents {
  background-color: white;
  width: 40%;
  margin: auto;
  text-align: center;
}

#RestrictionsLayout .contents .alert {
  padding: 5px;
}

#RestrictionsLayout .contents .resetPwdFormContainer {
  display: inline-block;
  width: 300px;
  padding: 2%;
}

#RestrictionsLayout .contents .error {
  color: red;
}

.datepicker {
  z-index: 1100 !important;
}

/*.feedListContainer .listview-table tr td:first-child,
.listview-table tr th:first-child {
  width: inherit ! important;
}*/
/*table.table.listview-table thead, table.table.listview-table tr.searchRow.listViewSearchContainer, table.table.listview-table tbody>tr {
    direction: ltr;
    float: right !important;
    width: 100% !important;
}*/
table.table.listview-table tr.searchRow {
  width: 100%;
  /*display: block;*/
  /*float: left;*/
  border-bottom: 1px solid rgb(51 71 91 / 20%) !important;
  border-top: 1px solid rgb(51 71 91 / 20%) !important;
}

/*.listview-table tr.searchRow th:first-child{
  width:120px !important;
    text-align: left;
}*/
/*table.table.listview-table thead, table.table.listview-table tr.searchRow.listViewSearchContainer, table.table.listview-table tbody>tr {
    direction: ltr;
    float: right !important;
    width: 100% !important;
}*/
.feedListContainer .listViewEntries .listViewEntryValue {
  max-width: inherit !important;
}

.ps-container > .ps-scrollbar-y-rail {
  z-index: 9;
}

#relationBlock .recordScroll {
  max-height: 150px;
}

.main-container-MailManager .module-nav {
  width: 275px;
}

.main-container-MailManager .listViewPageDiv {
  padding-left: 230px;
}

.related-list-actions {
  width: 100px;
  padding-left: 15px !important;
}

.fa-star.active {
  color: #ffc600;
}

.popover-content ul.listmenu,
.popover ul.listmenu {
  list-style-type: none;
  padding: 1px;
  margin-bottom: 0;
}

.popover-content ul.listmenu li,
.popover ul.listmenu li {
  padding: 3px;
}

.popover-content .disabled > a,
.popover .disabled > a {
  opacity: 0.5;
  cursor: not-allowed;
}

.js-popover-container .rotate {
  color: #24a159 !important;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.essentials-toggle {
  background-color: white;
  font-weight: bold;
  padding: 5px 2px !important;
  position: absolute;
  top: 90px;
  right: -1px;
  cursor: pointer;
  width: 14px;
  border: 1px solid #dddddd;
  border-left: 0;
  display: inline-block;
  z-index: 111;
}

.essentials-toggle .fa-chevron-left {
  background-position: -434px -72px !important;
}

.essentials-toggle .fa-chevron-right {
  background-position: -460px -72px !important;
}

.module-name-tooltip .qtip-content {
  font-size: 12px;
  padding: 3px;
}

.module-name-tooltip {
  padding: 3px;
}

.main-container-Documents .module-nav,
.main-container-RecycleBin .module-nav,
.main-container-Reports .module-nav {
  width: 0;
}

.main-container-Documents .mod-switcher-container,
.main-container-RecycleBin .mod-switcher-container,
.main-container-Reports .mod-switcher-container {
  width: 0;
}

.main-container-Documents .sidebar-essentials,
.main-container-RecycleBin .sidebar-essentials,
.main-container-Reports .sidebar-essentials {
  width: 283px;
  left: 0;
}

.main-container-Documents .full-width,
.main-container-RecycleBin .full-width,
.main-container-Reports .full-width,
.main-container-Portal .full-width {
  padding-left: 0px !important;
}

.listViewPageDiv .ps-scrollbar-x-rail {
  opacity: 1 !important;
}

li.select2-search-choice div {
  white-space: nowrap;
  font-family: 'Arimo', sans-serif !important;
}

#quickCreateModules .quickcreateMoreDropdownAction {
  padding-left: 4px;
  display: none;
  color: #888;
}

#quickCreateModules .dropdown:hover .quickcreateMoreDropdownAction {
  display: inherit;
}

#quickCreateModules .quickcreateMoreDropdown {
  left: 85%;
  top: 0px;
  min-width: 170px;
  padding: 4%;
}

#quickCreateModules .quickcreateMoreDropdown li {
  padding: 1%;
}

#quickCreateModules .quickcreateMoreDropdown .divider {
  padding: 0;
}

.mailroomBlock .actionButton {
  height: 87px;
  margin: 12px 9px 0 0;
  border: 1px solid #ccc;
  width: 13.2857%;
}

#QuickCreate .modal-body {
  max-height: 415px;
}

.selectedModule {
  background-color: #3cbad0 !important;
  color: #ffffff !important;
  font-weight: inherit;
  border-color: #2e9ebc;
}

/*.details .relatedContents .bottomscroll-div {
  display: flex;
  overflow-x: auto;
  display: table;
}*/
#reportDetails .pivot .toptitle.targetY0,
#reportDetails .pivot .lefttitle.targetX0 {
  border-color: #f3f3f4 #f3f3f4 #cbcbcf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #474747;
  background-image: -moz-linear-gradient(top, #555555, #333333);
  background-image: -ms-linear-gradient(top, #555555, #333333);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#555555),
    to(#333333)
  );
  background-image: -webkit-linear-gradient(top, #555555, #333333);
  background-image: -o-linear-gradient(top, #555555, #333333);
  background-image: linear-gradient(top, #555555, #333333);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
  min-height: 30px;
}

#reportDetails .pivot th.toptitle.targetY0,
#reportDetails .pivot th.lefttitle.targetX0 {
  color: #fff !important;
}

#reportDetails .pivot .ztitle,
#reportDetails .pivot .toptitle,
#reportDetails .pivot .lefttitle {
  background: #e5e5e5;
  border: 1px solid #bbb;
}

#reportDetails .pivot .summary {
  background: #e5e5e5;
  border: 1px solid #bbb;
  color: #4479ba !important;
}

#reportDetails .pivot .line_right_0,
#reportDetails .pivot .line_right_3,
#reportDetails .pivot .line_left_0,
#reportDetails .pivot .line_left_3,
#reportDetails .pivot .line_top_0,
#reportDetails .pivot .line_top_3,
#reportDetails .pivot .line_bottom_0,
#reportDetails .pivot .line_bottom_3 {
  border: 1px solid #bbb;
}

#pivot1 th {
  font-size: 1em;
}

.ui-autocomplete {
  border-radius: 1px !important;
  max-height: 150px;
  overflow: auto;
  height: auto;
  min-height: 30px;
}

#reportDetails .table-bordered {
  background: #ffffff;
}

.templateActions {
  background: rgba(0, 0, 0, 0.1);
  bottom: 0;
  text-align: center;
  position: absolute;
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)';
  zoom: 1;
  width: 100%;
}

.thumbnails > li {
  float: left;
  height: 315px !important;
  margin: 0 0 18px 20px;
  list-style: none;
}

.thumbnails li {
  padding: 1%;
}

.templateName {
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
  height: 40px;
}

.templateName > p {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  width: 100%;
  max-height: 40px;
  text-align: center;
  font-size: 1.2em;
}

.positionRel {
  position: relative;
}

.mk-rdio {
  display: inline-block;
  height: 26px;
  width: 26px;
  border-radius: 20px;
  position: relative;
}

.mk-rdio:after {
  content: ' ';
  display: inline-block;
  height: 20px;
  width: 20px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
  border: 2px solid #ddd;
}

.mk-org-rdio + .mk-rdio-checked {
  content: ' ';
  display: inline-block;
  height: 12px;
  width: 12px;
  background: #3cb878;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 20px;
  opacity: 0;
  z-index: 2;
}

.mk-org-rdio:checked + .mk-rdio-checked {
  opacity: 1;
  z-index: 2;
}

.mk-org-rdio {
  height: 20px;
  width: 20px;
  margin: 3px;
  vertical-align: middle;
  z-index: 3;
  opacity: 0;
}

a.btnReport,
a.btnReport:hover {
  color: white;
}

.column {
  float: left;
  display: inline-block;
  padding: 0 10px;
  box-sizing: border-box;
}

.column.l1 {
  width: 4.166666666667%;
}

.column.l2 {
  width: 8.333333333333%;
}

.column.l3 {
  width: 12.5%;
}

.column.l5 {
  width: 20.83333333333%;
}

.column.l8 {
  width: 33.33333333333%;
}

.column.l9 {
  width: 37.5%;
}

.selectedReport {
  background: #ffffff !important;
}

.tweetSummary {
  float: left;
  display: inline-block;
  width: 90%;
  margin-left: 5px;
}

#reportDetails table tr td.summary {
  border-bottom: 0;
  border-top: 0;
}

#popupPageContainer {
  float: none;
}

.popupEntriesDiv {
  width: 100%;
  height: 430px;
  overflow: hidden;
  position: relative;
}

.popupEntriesTableContainer {
  width: 100%;
  min-width: 800px;
}

.popupEntriesTableContainer .listview-table {
  width: 100%;
}

.popupEntriesTableContainer .listview-table.table-bordered > thead > tr > th,
.popupEntriesTableContainer .listview-table.table-bordered > tbody > tr > th,
.popupEntriesTableContainer .listview-table.table-bordered > tfoot > tr > th,
.popupEntriesTableContainer .listview-table.table-bordered > thead > tr > td,
.popupEntriesTableContainer .listview-table.table-bordered > tbody > tr > td,
.popupEntriesTableContainer .listview-table.table-bordered > tfoot > tr > td {
  border: 0;
}

.popupEntriesTableContainer .listview-table > tbody > tr {
  border-bottom: 1px solid rgb(51 71 91 / 20%) !important;
}

.popupEntriesTableContainer .listview-table > tbody > tr.searchRow {
  border-top: 1px solid rgb(51 71 91 / 20%) !important;
}

.popupEntriesTableContainer .relatedContents .listSearchContributor {
  width: 100%;
}

#searchResults-container .moduleResults-container .essentials-toggle {
  display: none;
}

.marginRight10px {
  margin-right: 10px;
}

.MultiFile-wrap {
  display: inline-block;
  margin-left: 5px;
}

.commentContainer .detailViewSaveComment,
.saveComment {
  width: 102px;
}

.socialContainer .socialBlock {
  padding: 10px 5px;
  border-bottom: 2px solid #04abe7;
}

.socialContainer .tweetcontent h4 {
  color: #04abe7;
}

#searchResults-container .moduleResults-container .essentials-toggle {
  display: none;
}

.bx-wrapper {
  position: relative;
  margin-bottom: 10px;
  padding: 0;
  zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  width: 500px;
  height: 45px;
}

.bx-wrapper .bxslider {
  padding-left: 0px;
}

.bxslider ul {
  padding-left: 0px;
}

.bx-wrapper .bxslider li {
  position: relative;
  text-align: center;
  left: 0px;
}

.bx-wrapper .bx-viewport {
  width: 99%;
  left: 0px;
  background: #fff;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

.bx-wrapper .bx-pager {
  position: absolute;
  bottom: -30px;
  width: 100%;
  text-align: center;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
  zoom: 1;
  display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

.bx-wrapper .bx-prev {
  left: 10px;
}

.bx-wrapper .bx-next {
  right: 10px;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  margin-top: 5px;
  outline: 0;
  width: 20px;
  height: 20px;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

.filter-search-hide {
  display: none !important;
}

.filter-search-show {
  display: block !important;
}

.emailTemplatesPopupTableContainer .listViewEntries .listViewEntryValue {
  max-width: 100%;
  min-width: 150px;
}

.noSorting {
  cursor: default;
}

body.modal-open {
  /*overflow: visible;*/
  padding-right: 0 !important;
}

.greyStar {
  background-image: url('../images/stars.png');
  background-position: 20px 20px;
  height: 20px;
  width: 20px;
  display: inline-block;
}

.yellowStar {
  background-image: url('../images/stars.png');
  background-position: 0 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.notificationMessageHolder {
  font-size: 10px;
  padding-top: 12px;
  text-align: center;
}

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

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

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

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

.global-actions .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 13px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.global-actions .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 14px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

button#Calendar_basicAction_LBL_IMPORT {
  display: none;
}

button#Calendar_listView_basicAction_LBL_ADD_TASK,
button#Calendar_listView_basicAction_LBL_ADD_EVENT {
  background: #00ca72;
}

#sharedcalendar .fc-event-container .vicon-meeting,
#mycalendar .fc-event-container .vicon-meeting {
  font-size: inherit;
}

.insightsdropDown {
  position: relative;
  display: inline-block;
}

.insightsdropDown .dropdown-menu {
  position: absolute;
  top: 100%;
  display: none;
  margin: 0;
  list-style: none;
  padding: 0;
  min-width: 0px;
}

.insightsdropDown:hover #slaButton {
  background: #ff6223;
  color: #ffffff;
  border: none;
  margin: 0;
  padding: 4px;
  font-size: 1em;
}

.insightsdropDown:hover .dropdown-menu {
  margin-top: 4px;
  display: block;
}

.insightsdropDown a {
  display: block;
  padding: 0.2em 0.8em;
  text-decoration: none;
}

#OnBoardLayout #OnBoardPageContainer {
  min-height: 500px;
}

#OnBoardLayout #OnBoardPageContainer .topHeader {
  padding: 1%;
  padding-left: 0px;
  width: 60%;
  margin: 0 auto;
}

#OnBoardLayout #OnBoardPageContainer .topHeader img {
  width: 150px;
}

#OnBoardLayout #OnBoardPageContainer .topHeader .gettingStarted {
  font-size: 18px;
  text-align: right;
  text-transform: uppercase;
  height: 50px;
  line-height: 50px;
}

#OnBoardLayout #OnBoardPageContainer .step-tracker {
  padding: 1%;
  background: #2c3b49;
  min-height: 100px;
  width: 100%;
  z-index: 1;
}

#OnBoardLayout #OnBoardPageContainer .step-tracker .steps-container {
  width: 70%;
  margin: 0 auto;
}

#OnBoardLayout
  #OnBoardPageContainer
  .step-tracker
  .steps-container
  .steps
  .step {
  color: white;
}

#OnBoardLayout
  #OnBoardPageContainer
  .step-tracker
  .steps-container
  .steps
  .step
  img {
  width: 80px;
  height: 80px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#OnBoardLayout
  #OnBoardPageContainer
  .step-tracker
  .steps-container
  .steps
  .step
  .step-name {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 2%;
}

#OnBoardLayout
  #OnBoardPageContainer
  .step-tracker
  .steps-container
  .steps
  .step
  .step-name-active {
  font-weight: bold;
}

#OnBoardLayout #OnBoardPageContainer .contents {
  margin-top: 30px;
  background: #ffffff;
  padding: 2% 2% 2% 2.2%;
  min-height: 400px;
  width: 65%;
  margin: 0 auto;
}

#OnBoardLayout #OnBoardPageContainer .contents .subcontens {
  padding: 1%;
}

#OnBoardLayout
  #OnBoardPageContainer
  .contents
  .subcontens
  .explanationContainer {
  padding-top: 20px;
  padding-left: 3%;
  line-height: 25px;
}

#OnBoardLayout #OnBoardPageContainer .contents .subcontens .helpImageHolder {
  margin-top: 10px;
}

#OnBoardLayout #OnBoardPageContainer .contents .subcontens .rightAlignedButton {
  width: 225px;
}

#OnBoardLayout #OnBoardPageContainer .contents .tab-content {
  border: 1px solid #ddd;
  border-top: 0px;
}

#OnBoardLayout #OnBoardPageContainer .text-uppercase {
  text-transform: uppercase;
}

#OnBoardLayout #OnBoardPageContainer .buttonsContainer {
  margin-top: 3%;
}

#OnBoardLayout #OnBoardPageContainer .buttonsContainer button {
  width: 25%;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 4px;
}

#OnBoardLayout #OnBoardPageContainer .buttonsContainer .previous {
  margin-right: 5px;
  padding: 1.5%;
}

#OnBoardLayout #OnBoardPageContainer .crmGoals .item {
  display: table-cell;
  vertical-align: middle;
  height: 120px;
  width: 250px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0px;
  cursor: pointer;
  word-break: break-all;
  overflow: hidden;
  border: 1px solid #dddddd;
}

#OnBoardLayout #OnBoardPageContainer .crmGoals .item p {
  font-size: 12px;
  color: grey;
  opacity: 0;
  padding: 1%;
}

#OnBoardLayout #OnBoardPageContainer .crmGoals .item:hover {
  border-color: #2c3b49;
}

#OnBoardLayout #OnBoardPageContainer .crmGoals .item:hover p {
  opacity: 1;
}

#OnBoardLayout #OnBoardPageContainer .crmGoals .active {
  border: 2px solid #51a351 !important;
  border-radius: 3px;
  background-color: #fafafb;
}

#OnBoardLayout #OnBoardPageContainer .crmGoals .active p {
  opacity: 1;
}

#OnBoardLayout #OnBoardPageContainer .crmGoals ul {
  margin: 0 0 9px 0 !important;
  padding-left: 0px;
  list-style: none;
}

#OnBoardLayout #OnBoardPageContainer .crmGoals textarea {
  height: 120px;
  width: 99%;
  padding: 0 12% 0 12%;
  font-size: 14px;
  text-align: center;
}

#OnBoardLayout
  #OnBoardPageContainer
  .crmGoals
  textarea::-webkit-input-placeholder {
  text-align: center;
  padding: 20%;
  font-size: 12px;
}

#OnBoardLayout #OnBoardPageContainer .PickRoles .RolesRow {
  text-align: center;
  margin-top: 10px;
}

#OnBoardLayout #OnBoardPageContainer .PickRoles .item {
  border: 1px solid #2c3b49;
  height: 100px;
  cursor: pointer;
  text-align: center;
  margin: 0 auto;
  line-height: 100px;
  font-size: 14px;
  background-color: #fdfdfd;
}

#OnBoardLayout #OnBoardPageContainer .PickRoles .active {
  border: 2px solid #51a351 !important;
  border-radius: 3px;
  background-color: #fafafb;
}

#OnBoardLayout #OnBoardPageContainer .PickRoles .subrole {
  width: 24%;
  margin-left: 0.5%;
  margin-right: 0.5%;
}

#OnBoardLayout #OnBoardPageContainer .PickRoles .item:hover {
  background-color: #dddddd;
}

#OnBoardLayout #OnBoardPageContainer .AddUsers input[type='text'] {
  width: 30%;
}

#OnBoardLayout #OnBoardPageContainer .AddUsers select {
  width: 15%;
}

#OnBoardLayout #OnBoardPageContainer .crumbs {
  width: 100%;
}

#OnBoardLayout #OnBoardPageContainer .crumbs li {
  width: 21.5%;
}

#OnBoardLayout #OnBoardPageContainer .crumbs li a {
  width: 100%;
}

#OnBoardLayout #OnBoardPageContainer .crumbs li .stepText {
  font-size: 15px;
}

#OnBoardLayout #OnBoardPageContainer .crumbs li:after {
  left: 100%;
  top: -30px;
}

#OnBoardLayout #OnBoardPageContainer .crumbs li.active-crumb {
  border-top-color: #51a351;
  border-bottom-color: #51a351;
  box-shadow: 0 1px #51a351;
}

#OnBoardLayout #OnBoardPageContainer .crumbs li.active-crumb a {
  color: white;
}

#OnBoardLayout #OnBoardPageContainer .crumbs li.active-crumb:after {
  border-left-color: #51a351 !important;
}

#OnBoardLayout #OnBoardPageContainer .crumbs li:not(.hoverDisabled):hover {
  border-top-color: #51a351;
  border-bottom-color: #51a351;
  box-shadow: 0 1px #51a351;
}

#OnBoardLayout #OnBoardPageContainer .crumbs li:not(.hoverDisabled):hover a {
  color: #ffffff;
}

#OnBoardLayout
  #OnBoardPageContainer
  .crumbs
  li:not(.hoverDisabled):hover:after {
  border-left-color: #51a351 !important;
}

#OnBoardLayout
  #OnBoardPageContainer
  #PreferencesContainer
  .currencyPreferences
  .control-label {
  width: 147px;
}

#OnBoardLayout
  #OnBoardPageContainer
  #TellUsAboutYouContainer
  .explanationContainer {
  padding-top: 20px;
  line-height: 25px;
  font-size: 14px;
}

#OnBoardLayout #OnBoardPageContainer div.error {
  margin: 10px;
  text-align: center;
}

#OnBoardLayout #OnBoardPageContainer a.help {
  color: #6297c3;
}

.importServiceSelectionContainer .app-item {
  text-align: center;
}

.app-menu .app-list {
  margin-top: -10px;
}

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

.nav-tabs.charttabs > li > a {
  padding: 15px 15px 5px 15px;
  border: 1px solid transparent;
  border-bottom-width: 0;
}

.nav-tabs.charttabs > li > a .chartname {
  padding: 5px;
}

.row .nav.charttabs > li > a:hover,
.nav-tabs.charttabs > li.active > a,
.nav-tabs.charttabs > li > a:hover {
  border: 1px solid #ddd;
  border-bottom-width: 0;
  padding: 15px 15px 5px 15px;
}

.row .nav.charttabs > li,
.nav-tabs > li {
  border-bottom: 0;
  margin-bottom: -1px;
}

#mycalendar .fc-event-container .vicon-meeting {
  font-size: inherit;
}

.pbxcall a:hover {
  color: white;
}

.pbxcall .phoneCallsCaseContainer tr.relatedCasesInfo td {
  max-width: 200px;
  border: none;
}

.pbxcall .phoneCallsCaseContainer tr.relatedCasesInfo .relateCase {
  opacity: 0;
}

.pbxcall .phoneCallsCaseContainer tr.relatedCasesInfo:hover .relateCase {
  opacity: 1;
}

.importServiceSelectionContainer .app-item {
  text-align: center;
}

.modules-menu ul li.active a {
  border-left: 3px solid #ef5e29;
  opacity: 1;
}

.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a:hover {
  background-color: #fff;
}

.cp-nav-header-wrapper > li.disabled > a:hover {
  border: 1px solid transparent;
}

.nav .nav-stacks .cp-nav-header-wrapper > li.disabled > a {
  background-color: #fff;
}

#portalModulesTable > li.portalModuleRow.active > a:hover {
  background-color: #fff !important;
}

#portalModulesTable > li.portalModuleRow.active > a:focus {
  background-color: #fff !important;
}

.portal-dashboard {
  min-height: 600px;
}

.portal-fields-container-wrapper {
  border-right: 1px solid #dddddd;
  min-height: 600px;
}

.addFieldsBlock {
  padding-left: 0px;
}

.portal-addfields-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 120%;
  white-space: nowrap;
}

.portal-deletefield {
  background: transparent;
  border: 1px solid transparent;
}

.portal-deletefield:active {
  border: 1px solid transparent;
}

.portal-deletefield:hover {
  -webkit-box-shadow: 0 1px 1px transparent;
  box-shadow: 0 1px 1px transparent;
}

.portal-fields-switch {
  width: 40px;
  height: 20px;
  background: #e5e5e5;
  z-index: 0;
  margin: 0;
  padding: 0;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}

.portal-fields-switch:before {
  content: ' ';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 40px;
  height: 20px;
  background: #ddd;
  z-index: 1;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}

.portal-fields-switch:after {
  content: ' ';
  height: 20px;
  width: 20px;
  border-radius: 28px;
  background: #fff;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 1px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  box-shadow: 0 2px 5px #999999;
  background-color: orange;
}

.portal-fields-switchOn,
.portal-fields-switchOn:before {
  background: #dddddd !important;
}

.portal-fields-switchOn:after {
  left: 20px !important;
  background-color: #8ce196;
}

.portal-fieldInfo-wrapper {
  border: 1px solid #e8e8e8;
  padding-left: 0px;
  padding-right: 0px;
}

.portal-fieldInfo-sliderWrapper {
  padding-top: 4px;
  padding-left: 5px;
}

.portal-fieldName-wrapper {
  padding-top: 5px;
}

.portal-dashboard {
  border-bottom: 0px !important;
}

#portal-shortcutsContainer > ul {
  border-bottom: 0px !important;
}

#reportDetails .table-bordered {
  background: white;
}

.templateActions {
  background: rgba(0, 0, 0, 0.1);
  bottom: 0;
  text-align: center;
  position: absolute;
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)';
  zoom: 1;
  width: 100%;
}

.thumbnails > li {
  float: left;
  height: 315px !important;
  margin: 0 0 18px 20px;
  list-style: none;
}

.thumbnails li {
  padding: 1%;
}

.templateName {
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
  height: 40px;
}

.templateName > p {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  width: 100%;
  max-height: 40px;
  text-align: center;
  font-size: 1.2em;
}

.positionRel {
  position: relative;
}

.mk-rdio {
  display: inline-block;
  height: 26px;
  width: 26px;
  border-radius: 20px;
  position: relative;
}

.mk-rdio:after {
  content: ' ';
  display: inline-block;
  height: 20px;
  width: 20px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
  border: 2px solid #ddd;
}

.mk-org-rdio + .mk-rdio-checked {
  content: ' ';
  display: inline-block;
  height: 12px;
  width: 12px;
  background: #3cb878;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 20px;
  opacity: 0;
  z-index: 2;
}

.mk-org-rdio:checked + .mk-rdio-checked {
  opacity: 1;
  z-index: 2;
}

.mk-org-rdio {
  height: 20px;
  width: 20px;
  margin: 3px;
  vertical-align: middle;
  z-index: 3;
  opacity: 0;
}

a.btnReport,
a.btnReport:hover {
  color: white;
}

.column {
  float: left;
  display: inline-block;
  padding: 0 10px;
  box-sizing: border-box;
}

.column.l1 {
  width: 4.166666666667%;
}

.column.l2 {
  width: 8.333333333333%;
}

.column.l3 {
  width: 12.5%;
}

.column.l5 {
  width: 20.83333333333%;
}

.column.l8 {
  width: 33.33333333333%;
}

.column.l9 {
  width: 37.5%;
}

.selectedReport {
  background: white !important;
}

.radio-custom {
  opacity: 0;
  position: absolute;
}

.radio-custom,
.radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}

.radio-custom-label {
  position: relative;
}

.radio-custom + .radio-custom-label:before {
  content: '';
  background: #fff;
  border: 2px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}

.radio-custom + .radio-custom-label:before {
  border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
  background: #ccc;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

.model-body-scrollenabled {
  height: 450px;
  overflow: auto;
}

.fieldValue .value a {
  color: #00ca72 !important;
}

.editViewContents .fieldLabel,
.widget_header label {
  min-width: 100px;
  width: 20%;
  word-break: break-all;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
  color: #000 !important;
}

.editViewContents .fieldValue {
  width: 30%;
}

.editViewContents td.fieldValue[colspan='3'] {
  width: 80%;
}

.editViewContents textarea.textAreaElement {
  width: 88%;
}

.editViewContents input[type='checkbox'] {
  width: 15px;
  height: 15px;
  position: relative;
  top: 3px;
}

.editViewContents input[type='radio'] {
  width: 15px;
  height: 15px;
}

#composeEmailContainer .modal-body .quickCreateContent,
#QuickCreate .modal-body .quickCreateContent,
#create .quickCreateContent {
  margin-top: 25px;
}

.settingsgroup-panel .widgetContainer .menuItemLabel .pinUnpinShortCut {
  display: none;
  margin-top: 2px;
}

.settingsgroup-panel .widgetContainer .menuItemLabel:hover .pinUnpinShortCut {
  display: inline-block;
}

/* RTL */

/* Dev 22-06-2017 */

/* Login form */
.widgetHeight div .row .col-lg-4 {
  float: right;
}

.modules-menu ul {
  margin-right: 0;
  padding-right: 0;
}

.group label {
  left: 0 !important;
  text-align: right !important;
  width: 100%;
  transform: scale(0.94) !important;
}

.marketingDiv {
  color: #303030;
  direction: rtl !important;
  padding: 10px 20px;
  text-align: right !important;
}

#loginFormDiv .form-horizontal .group .used {
  text-align: right !important;
}

.form-horizontal {
  direction: rtl;
}

/* 17-07-0217 */

.app-fixed-navbar .global-nav .row .app-navigator-container {
  float: right;
}

.app-fixed-navbar .global-nav .row .global-actions {
  float: left !important;
}

.app-fixed-navbar .global-nav .row .hidden-sm {
  float: right;
}

.app-fixed-navbar
  .global-nav
  .row
  .app-navigator-container
  .row
  .app-switcher-container {
  float: right;
}

.app-fixed-navbar
  .global-nav
  .row
  .app-navigator-container
  .row
  .logo-container {
  float: right;
  padding-left: 2px !important;
}

.app-nav .row .app-indicator-icon-container {
  float: right;
}

.row .coloredBorderTop .clearfix {
  float: none;
}

.row .coloredBorderTop {
  /*background-color: #fbfbfb;*/
  border-bottom: 0 none;
}

.tabContainer .sortable .moreSettings {
  float: left !important;
}

.sortable .dashboardTab {
  float: right;
}

.dashBoardTabContainer .dashboardHeading .buttonGroups {
  float: left !important;
}

.moreSettings {
  padding-left: 30px;
}

.nav {
  padding-right: 0;
}

.dashBoardContainer .tabContainer li a .deleteTab {
  margin-right: 10px;
}

.dashboardTab i.fa.fa-close.deleteTab {
  margin-left: 0;
}

.app-item-color-MARKETING {
  border-right: 4px solid #ef5e29;
  border-left: medium none;
}

.app-item-color-SALES {
  border-right: 4px solid #3cb878;
  border-left: medium none;
}

.app-item-color-INVENTORY {
  border-right: 4px solid #f1c40f;
  border-left: medium none;
}

.app-item-color-PROJECT {
  border-right: 4px solid #8e44ad;
  border-left: medium none;
}

.app-item-color-SUPPORT {
  border-right: 4px solid #6297c3;
  border-left: medium none;
}

.app-menu .menu-items-wrapper {
  padding-right: 0;
}

.app-modules-dropdown-container .menu-item .app-menu-items-wrapper .pull-right {
  float: left !important;
  padding: 0 0 6px;
  transform: rotate(180deg);
}

.app-menu .app-name {
  padding-right: 2%;
}

.app-menu {
  position: absolute !important;
  right: 0 !important;
}

div#app-menu {
  min-height: 100% !important;
  height: 400vh;
}

/* body { */
/* direction: rtl; */
/* } */
.app-menu .app-modules-dropdown {
  position: absolute;
  right: 229px;
  text-align: right;
  background: #2c3b49 !important;
}

.app-menu .app-modules-dropdown li a .module-name {
  padding-right: 5px;
}

#adv-search {
  float: left !important;
}

.search-link .keyword-input,
.searchWorkflows {
  margin: 0 10px 0px 0;
  color: rgb(51 71 91 / 75%);
  font-size: 15px;
  line-height: 25px;
  background: transparent;
}

.main-container .module-nav {
  right: 0px;
}

.listViewPageDiv.content-area.full-width,
.CalendarViewPageDiv.content-area.full-width,
.editViewPageDiv.content-area.full-width,
.settingsPageDiv.content-area.full-width {
  padding-left: 0px;
  padding-right: 42px;
}

.main-container .sidebar-essentials {
  right: 75px !important;
  top: 0 !important;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
  width: 19% !important;
  border-radius: 4px;
  border: 0 !important;
}

.calendarSideBar {
  margin: 50px 0 0;
}

.essentials-toggle {
  right: -1px;
  border-left: 1px solid #ccc;
}

.app-nav .module-action-bar {
  padding-right: 42px;
  padding-left: 0px;
}

.listview-actions-container .row .col-md-3 {
  float: right;
}

.listViewActions {
  float: left;
}

.transitionsAllHalfSecond {
  float: right;
}

#listview-actions .col-md-3 {
  width: 100%;
}

/* 18-07-2017 */

.module-action-bar .module-breadcrumb {
  padding-right: 10px;
}

.module-action-bar .module-breadcrumb a {
  display: inline-block;
  float: right;
}

.transitionsAllHalfSecond .cursorPointer {
  float: right !important;
  position: relative;
  text-align: right;
}

.transitionsAllHalfSecond a h4 {
  /* margin-left: 34px !important; */
}

.col-lg-5 #appnav,
.col-lg-5.col-md-6.col-sm-7.col-xs-1.padding0.pull-right {
  float: right !important;
}

/*.app-nav .module-action-bar .module-action-content .navbar-right.settingsNavButton{
  margin: -11.75% -15% 0 0;
}
*/
.module-action-bar .disNone .col-lg-5 div#appnav {
  margin: -10.75% -10% 0 0;
}

#listview-actions .row .col-md-3 {
  width: 50%;
}

.listViewPageDiv a {
  color: inherit;
  /*float: right;*/
  text-decoration: none;
  text-align: right;
}

.settingsgroup-accordion a i {
  float: left !important;
  margin-right: 5px;
  line-height: 18px;
  /*transform: rotate(180deg);*/
}

/* #sidebar-essentials{
  right: 0 !important;
} */
.left-mn {
  background-color: #33475b !important;
  top: -5px !important;
}

.left-mn a {
  display: inline-block;
  padding: 0 !important;
}

.left-mn a > img {
  max-width: 21px !important;
  max-height: 21px !important;
}

.left-mn a img.sideactiveimage {
  display: none;
}

.left-mn a.activeModule img {
  display: none !important;
}

.left-mn a.activeModule img.sideactiveimage {
  display: inline-block !important;
}

/*#s2id_autogen5{
  width: auto !important;
}*/
#PageJumpDropDown {
  right: auto !important;
}

.navbar-right .dropdown-menu {
  /* left: auto; */
  text-align: right;
}

.navbar-nav > li {
  float: right;
}

.navbar-nav > li:nth-child(4) {
  /* display: none !important;*/
}

/* 19-07-2017 */

.dropdown .dropdown-menu {
  right: auto;
  text-align: right;
  background: #ffffff;
  box-shadow: 0px 8px 32px rgb(0 0 0 / 12%) !important;
  border-radius: 4px;
  /*top: auto !important;*/
  /*bottom: 80% !important;*/
}

.dropdown-menu li.title > strong {
  font-size: 16px;
  font-weight: 600;
  font-family: 'Arimo', sans-serif;
  color: #192a3e;
}

#quickCreateModules .quick-create-module {
  padding: 0 10px 0 0;
  text-align: right;
  display: inline-block;
  float: right;
  color: #051152;
}

#quickCreateModules .col-lg-12 .row .col-lg-4 .quickCreateModule .pull-left {
  float: right !important;
}

.quickCreateModuleSubmenu .pull-left {
  float: right !important;
}

.global-actions .dropdown-menu::after {
  left: 14px;
  right: auto;
}

.global-actions .dropdown-menu::before {
  left: 13px;
  right: auto;
}

#calendarview-feeds .list-group {
  padding-left: 0;
  padding-right: 0 !important;
}

.editViewContents .fieldLabel {
  text-align: right;
  vertical-align: top !important;
}

/* 20-07-2017 */

.mCustomScrollBox {
  text-align: right;
}

.app-menu .app-modules-dropdown {
  position: absolute;
  right: 229px !important;
  text-align: right !important;
}

/* 21-07-2017 */

.module-action-bar .coloredBorderTop .col-lg-5 {
  float: right !important;
}

.module-action-bar .coloredBorderTop .col-lg-5 span a {
  float: right !important;
}

.module-action-bar .coloredBorderTop .col-lg-7 {
  float: left !important;
}

.module-action-bar .coloredBorderTop .col-lg-7 #appnav {
  float: left !important;
}

.modal-dialog .modal-content {
  /*left: 0!important;
    margin: 0 auto !important;
    box-shadow: 0px 8px 32px rgb(0 0 0 / 25%);
    border: 0 !important;
    right: 10% !important;*/
}

.cancelLink,
.popoverCancel {
  padding-right: 10px;
}

.coloredBorderTop .clearfix .col-lg-7 {
  float: right !important;
  text-align: right;
  width: auto;
}

.coloredBorderTop .clearfix .col-lg-5 {
  float: right !important;
  padding: 0;
}

.listview-actions .row .col-md-6 {
  float: left;
}

/* 22-07-2017 */

.lists-menu .listViewFilter .filterName i {
  float: right;
  margin-left: 5px;
  margin-top: 2px;
}

.form-horizontal .modal-body .form-group .control-label {
  float: right;
  padding-top: 6px;
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0;
}

.form-horizontal .control-label {
  float: right;
  padding-top: 6px;
  text-align: right;
}

.crumbs {
  direction: rtl;
}
/* 
#taskManagementContainer .title {
  padding: 5px 10px 0 0;
} */

/* 10-08-2017 */

.essentials-toggle {
  border-left: 1px solid #ccc;
  transform: rotate(180deg);
  right: 12px;
}

.blockData .clearfix .btn-group {
  float: left !important;
}

/*.module-action-content .col-lg-7{
  direction: ltr;
    float: right;
    text-align: left ;
    width: 50% !important;
}*/
.module-action-content .col-lg-7 .current-filter-name {
  text-align: left;
}

.listview-actions-container .col-sm-12 #listview-actions .row .col-md-6 {
  float: right !important;
}

.listview-actions-container #list-content .col-sm-12 .row .col-md-5 {
  float: right;
}

.listview-actions-container #list-content .col-sm-12 .row .col-md-4 {
  float: right;
}

.listview-actions-container #list-content .col-sm-12 .row .col-md-3 {
  float: left;
  width: 25%;
}

.listview-actions-container
  #list-content
  .col-sm-12
  .row
  .col-md-5
  .foldersContainer {
  float: right !important;
}

.editbutton-container {
  float: left !important;
}

#AddDashBoardTab .modal-body .col-lg-3 {
  float: right !important;
}

#AddDashBoardTab input[type='text'].inputElement {
  width: 100%;
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
}

.modal-dialog .modal-header .clearfix h4 {
  float: right !important;
}

.modal-dialog .modal-header .clearfix .pull-right {
  float: left !important;
}

#customerPortalForm .row .paddingRight0 {
  float: right !important;
  padding-right: 10px !important;
}

.form-horizontal .control-label {
  text-align: right;
  float: right !important;
}

#customerPortalForm .input-group .form-group .col-sm-5 {
  float: right;
}

/*#s2id_autogen5 {
    display: inline-block !important;
    width: 100% !important;
}*/
.inputElement {
  /* display: inline-table !important;*/
}

.help-inline {
  width: auto !important;
}

#customerPortalForm .col-sm-12 .form-group .col-sm-5 .input-select-addon {
  float: right !important;
  margin-right: 15px !important;
}

#savePortalInfo {
  float: left !important;
}

.detailViewInfo .row .fieldValue {
  float: right !important;
}

#modulePickListContainer .row .fieldValue {
  float: right !important;
}

.listViewHeaders th #addItem {
  float: left !important;
}

.listViewHeaders th span {
  float: right !important;
}

.pickListValue .textOverflowEllipsis .pull-left {
  float: right !important;
}

.pickListValue .textOverflowEllipsis .picklistActions {
  float: left !important;
}

#modulePickListValuesContainer .massEditTabs li {
  float: right !important;
}

.settingsgroup-panel .widgetContainer .menuItemLabel .pinUnpinShortCut {
  float: left !important;
}

.editViewContents .form-group .controls {
  float: right !important;
}

.settingsPageDiv .modal-overlay-footer {
  border-left: 0 solid;
  margin-right: 143px !important;
  margin-left: 0px !important;
}

.fa-remove::before,
.fa-close::before,
.fa-times::before {
  margin-right: 2px !important;
}

.app-menu .app-modules-dropdown {
  top: 0 !important;
}

.listview-actions-container .row .col-md-6 {
  float: right !important;
}

.listview-actions-container .row .col-md-6.flotRightNone {
  float: left !important;
}

.listview-actions-container .row .col-md-6 .pull-left {
  float: right !important;
}

/* 11-08-2017 */

.overlayHeader .modal-header .clearfix .pull-right {
  float: left !important;
}

.overlayHeader .modal-header .clearfix h4 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  float: right !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  float: right;
}

/*Added by Sam variance */

/*.calendarQuickCreateContent #Events_editView_fieldName_subject {
  margin-right: 14px !important;
  width: 40% !important;
  right: 11px !important;
  position: relative;
}*/

/*.calendarQuickCreateContent .massEditTable .row .col-lg-12 {
  margin-bottom: 20px;
}*/

.quickCreateContent .input-group {
  display: table !important;
}

#mCSB_9_container {
  /* direction: ltr!important; */
  /*position: relative!important;*/
}

.detailview-header-block .detailview-header .row .col-sm-6 {
  float: right !important;
}

.detailview-header-block .detailview-header .row .width25 .col-sm-6 {
  width: 100% !important;
}

.detailview-header-block .row .col-sm-6 {
  float: right !important;
}

.detailview-header .row .detailViewButtoncontainer .btn-toolbar {
  float: left !important;
  width: 100%;
  display: block;
  margin: -15px auto 0;
  float: none !important;
}

.detailview-header
  .row
  .detailViewButtoncontainer
  .btn-toolbar.moduleDetailView {
  margin: 0 auto;
}

.detailview-content .related-tabs .nav-tabs {
  display: inline-flex !important;
  float: right !important;
  text-align: right !important;
}

.relatedHeader .row-fluid .col-sm-6 {
  float: right !important;
}

.relatedHeader .row-fluid .col-sm-6 .btn-group {
  float: right !important;
}

.relatedHeader .row-fluid .relatedViewActions .btn-group {
  float: left !important;
}

.detailViewButtoncontainer .pull-right .btn-group {
  float: none;
  text-align: center;
}

.toEmailField .col-lg-12 .col-lg-2 {
  float: right !important;
}

.toEmailField .col-lg-12 .col-lg-2 .pull-right {
  /*float:left !important;*/
}

.toEmailField .col-lg-4.input-group {
  min-width: 33.33% !important;
  width: 33.33%;
  flex-wrap: unset;
  align-items: center;
  justify-content: center;
}

.toEmailField .col-lg-12 .col-lg-6 {
  float: right !important;
}

.row.toEmailField a.clearReferenceSelection.cursorPointer {
  color: #c2cad4 !important;
  position: relative;
  top: 0px !important;
  font-size: 14px;
  left: 4px;
}

.row.attachment input#multiFile {
  padding: 4px 0;
  outline: 0 !important;
}

.subjectField .col-lg-12 .col-lg-2 {
  float: right !important;
}

.subjectField .col-lg-12 .col-lg-2 .pull-right {
  float: right !important;
}

.subjectField .col-lg-12 .col-lg-6 {
  float: right !important;
}

#mCSB_9_container .row .col-lg-12 .col-lg-2 {
  /*float: right !important;*/
}

#mCSB_9_container .row .col-lg-12 .col-lg-6 {
  /*float: right !important;*/
}

.select2-search-field #s2id_autogen3 {
  text-align: right !important;
}

.subjectField .col-lg-12 .col-lg-6 #subject {
  text-align: right !important;
}

.attachment .col-lg-12 .col-lg-9 .row .browse {
  float: right !important;
}

.attachment .col-lg-12 .col-lg-2 .pull-right {
  float: left !important;
}

.Accounts_FieldInfo .row .fieldLabel {
  float: right !important;
}

#leadAccordion #mCSB_9 .mCSB_container {
  direction: rtl !important;
  width: 100%;
}

.defaultFields .row .col-lg-10 div .row .fieldLabel {
  float: right !important;
}

.defaultFields .row .col-lg-10 div .row .fieldLabel {
  float: right !important;
}

.importServiceSelectionContainer #csvImport {
  float: right !important;
}

.importServiceSelectionContainer #vcfImport {
  float: right !important;
}

#scrollContainer .tabbable .form-group .col-sm-6 {
  float: right !important;
}

#scrollContainer .tabbable .form-group .col-sm-6 .row .col-xs-3 {
  float: right !important;
}

.VtEmailTaskContainer .row .col-sm-12 .row .col-sm-6 {
  float: right !important;
}

.VtEmailTaskContainer .row .col-sm-12 .row .col-sm-6 .row .col-sm-3 {
  float: right !important;
}

#VtEmailTaskContainer .row .col-sm-12 .row .col-sm-8 {
  float: right !important;
}

#VtEmailTaskContainer .row .col-sm-12 .row .col-sm-8 .row .col-sm-3 {
  float: right !important;
}

#VtEmailTaskContainer .row .col-sm-12 .row .col-sm-5 .row .col-sm-3 {
  float: right !important;
}

#scrollContainer .tabbable .form-group .col-sm-6 .row .col-sm-3 {
  text-align: left;
}

.form-group .col-xs-6 .row .col-sm-3 {
  text-align: left;
}

.clearfix .pull-right {
  float: left !important;
}

.clearfix .pull-left {
  float: right !important;
}

.taskTypeUi .row .col-sm-9 .row .col-sm-2 {
  float: right !important;
  text-align: left;
}

.taskTypeUi .row .col-sm-9 .row .col-sm-8 {
  float: right !important;
}

.taskTypeUi .row .col-sm-9 .row .col-sm-5 {
  float: right !important;
}

.taskTypeUi .row .col-sm-9 .row .col-sm-3 {
  float: right !important;
}

.modal-overlay-footer {
  margin-right: 230px !important;
  margin-left: 0px !important;
}

.taskTypeUi .row .col-sm-9 {
  float: right !important;
}

.time .input-group-addon {
  border-left: 1px solid #ccc !important;
}

.taskTypeUi .row .col-sm-2 {
  float: right !important;
}

.taskTypeUi .row .col-lg-9 {
  float: right !important;
}

.taskTypeUi .row .col-lg-9 .row .col-lg-2 {
  float: right !important;
}

.taskTypeUi .row .col-lg-9 .row .col-lg-8 {
  float: right !important;
}

.taskTypeUi .row .col-lg-9 .row .col-lg-8 .row .col-lg-6 {
  float: right !important;
}

.taskTypeUi .row .col-lg-9 .row .col-lg-6 {
  float: right !important;
}

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

.tabbable .row .col-sm-6 .row .col-sm-3 {
  text-align: right !important;
}

/* 12-08-2017 */

#rssAddForm .modal-body .row .col-lg-12 .fieldLabel {
  float: right !important;
}

.modal-body .nameBlock .col-lg-4 {
  float: right !important;
}

.clearfix .col-md-4 {
  float: right !important;
}

.clearfix .col-md-8 .navbar-right {
  float: left !important;
}

#importModules .row .col-xs-4 {
  float: right !important;
}

#extensionContainer .row .col-sm-6 {
  float: right !important;
}

.crumbs li {
  border-left: 0px solid transparent;
}

.crumbs li::after {
  /*border-bottom: 0 solid transparent;
    border-left: 0 solid #ececec;
    border-top: 0 solid transparent;*/
}

.tabbable-line > .nav-tabs > li {
  float: right;
}

.boxSizingBorderBox #description .scrollableTab {
  text-align: right !important;
}

.input-group-addon:first-child {
  border-right: 0 none !important;
}

/* 14-08-2017 */

.editViewContents textarea.textAreaElement {
  float: right;
}

.fieldValue .input-group {
  float: right;
}

.input-group-addon:first-child {
  border-left: 1px solid #ccc;
  float: left;
  display: inline-table;
}

.fieldValue .referencefield-wrapper .input-group {
  float: right !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*width: 229px;*/
}

.forgotPasswordLink {
  float: right !important;
  direction: ltr;
}

.widgetsList {
  margin-right: -30% !important;
}

.pageNumbersText {
  /* direction: ltr;*/
  display: block;
  float: right;
}

/* 16-08-2017 */
.resizable-summary-view .left-block {
  float: right;
}

input[type='radio']:checked::after,
.radio input[type='radio']:checked::after,
.radio-inline input[type='radio']:checked::after {
  left: -3px !important;
  background: #fff;
  width: 6px;
  height: 6px;
}

.resizable-summary-view .left-block {
  float: right;
}

.updates_timeline > li .update_info {
  display: block !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  position: relative !important;
  text-align: right !important;
  top: -25px !important;
}

.fieldValue .referencefield-wrapper .input-group {
  float: right !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* .date-picker-wrapper{ */
/* left: 1443.85px !important; */
/* } */
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 18px 3px 3px !important;
}

/*.module-action-bar .module-action-content .module-breadcrumb{
  float: left !important
}*/

.module-action-bar .module-action-content .col-md-7 {
  float: left !important;
}

.module-action-bar .module-action-content .col-md-7 .navbar-right {
  float: right !important;
}

#listview-actions .row .btn-toolbar .btn-group {
  float: right !important;
}

.table-borderless .fieldValue {
  float: right;
  width: 50% !important;
  display: inline-block;
}

.table-borderless .fieldValue .select2-container {
  float: right !important;
}

/*td.fieldLabel.width40per{
  float: left !important;
}*/
.table-borderless .fieldValue #description {
  float: right;
}

.module-action-bar .module-action-content .col-md-7 {
  float: right !important;
  direction: rtl;
}

/* .fieldBlockContainer .table-borderless tbody tr td .col-sm-6{
  float:right !important ;
} */
.modal-overlay-footer {
  margin-left: 0;
  margin-right: auto !important;
}

/* #listview-actions .row .col-md-3 .listViewActions {
  float:right;
} */
.module-action-content .module-breadcrumb span .current-filter-name {
  text-align: right;
}

.listViewActionsContainer .row .col-lg-12 .btn-group {
  float: right !important;
}

.listViewActionsContainer
  .row
  .col-lg-12
  .btn-group
  #Portal_listview_massAction {
  float: right !important;
}

.listViewActionsContainer .row .col-lg-12 .col-md-3 .listViewActions {
  float: left !important;
}

.treeView ul li {
  direction: ltr;
  /*float: left;*/
  text-align: left;
}

.listViewEntries td .table-actions span {
  float: left !important;
}

.ModulemanagerSettings .moduleManagerBlock .col-lg-7 {
  float: right;
}

/* 11-09-2017 */

.listViewActions .pageNumbers .pageNumbersText {
  float: left;
}

.listViewActions .pageNumbers .totalNumberOfRecords .showTotalCountIcon {
  float: right;
  padding: 2px;
}

.fieldBlockContainer .table tbody tr .fieldValue .row div {
  float: right !important;
  margin-top: 6px !important;
  padding-left: 0 !important;
}

.fieldBlockContainer .table tbody tr .fieldValue #js-reminder-controls div {
  float: right !important;
  margin-top: 0% !important;
  padding-left: 0 !important;
}

.current-filter-name .fa-angle-right {
  display: inline-block;
  transform: rotate(180deg) !important;
  padding: 3px 5px !important;
}

.alignMiddle {
  vertical-align: bottom !important;
}

.app-nav
  .row
  .coloredBorderTop
  .module-action-content
  .col-lg-7
  .fa-angle-right {
  display: inline-block;
  margin-top: 0px;
  padding-left: 5px;
  padding-top: 0;
  /*  transform: rotate(180deg);*/
}

.form-group .profileData .form-group .col-lg-6 {
  float: right;
}

.editViewBody .editViewContents div .form-group .fieldValue {
  float: right !important;
}

.editViewBody .editViewContents div .row .fieldValue {
  float: right !important;
}

.editViewBody .editViewContents div .row .col-lg-6 {
  display: inline-flex !important;
  margin-left: 10% !important;
}

.title .rulehead {
  float: right;
}

.controls .select2 {
  float: right;
}

.editViewBody .form-group .fieldValue .row .col-lg-6 {
  float: right;
}

.editViewBody .form-group .fieldValue .row .col-lg-6 {
  float: right;
}

.modal-body .form-group .controls .inputElement {
  float: right;
}

.form-group .controls .fieldTypesList {
  float: right;
}

#ONE_ONE_AND_MANY_ONE_RELATIONSHIP div .ONE_TO_ONE {
  float: left !important;
}

.modal-body .form-group .controls {
  width: auto;
}

.table-container .listview-table thead tr th {
  text-align: right;
}

.module-action-content .col-lg-7 .current-filter-name {
  text-align: left;
}

p.current-filter-name.filter-name.pull-left.cursorPointer {
  float: left !important;
}

p.current-filter-name.filter-name {
  font-size: 13px;
  line-height: 20px;
}

p.current-filter-name .fa-angle-right {
  padding: 3px 5px !important;
  float: left !important;
}

p.current-filter-name.filter-name.pull-left {
  float: left !important;
}

.form-group .input-select-addon a .fa-info-circle {
  margin-right: -5px;
}

.block .editview-table tbody tr td .col-lg-6 {
  float: right;
}

.block .editview-table tbody tr td label {
  float: left;
}

.editViewBody .editViewContents .row .col-sm-4 {
  float: right;
}

.module-action-content.clearfix h4.module-title.pull-left,
.module-action-content.clearfix p.current-filter-name.pull-left {
  float: left !important;
  text-align: left !important;
}

/*.module-action-bar .module-action-content .col-lg-7 {
  float: left;
}*/
.module-action-bar .disNone .col-lg-7 {
  display: none !important;
}

.tab-pane .col-lg-6 .inventoryTaxTable tbody tr th {
  text-align: right;
}

.mCustomScrollbar .mCustomScrollBox .mCSB_container .statusBlock .col-lg-7 {
  text-align: left !important;
}

.taxCalculationBlock .col-lg-7 {
  text-align: left !important;
}

.taxTypeContainer .col-lg-7 {
  text-align: left !important;
}

.chargeModalContainer .modal-content .form-horizontal .modal-body div {
  text-align: left !important;
}

.taxRegionsContainer .active .overflowVisible .marginLeftZero {
  float: right;
}

.detailViewContainer .detailViewTitle .col-xs-12 .col-xs-8 {
  float: right;
}

.detailViewTitle .col-lg-12 .col-xs-8 .logo {
  float: right;
}

.editViewContents .fieldValue {
  width: auto;
}

.contents .block .row .col-xs-8 {
  float: right;
}

button#user_active {
  background: transparent;
  box-shadow: none !important;
  padding: 5px 4px !important;
}

/* .settingsPageDiv .col-sm-12 .container-fluid .widget_header .col-sm-8{
  float:right;
}
.app-nav .row .coloredBorderTop .module-action-content .col-lg-7{
  float: right;
} */

/* 12-09-2017 */

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 4px 18px 4px 7px !important;
  border: 1px solid rgb(51 71 91 / 10%) !important;
  color: rgb(51 71 91 / 75%) !important;
  margin: 5px 5px 0 !important;
}

.select2-drop-active {
  border: 0 !important;
  background: #ffffff;
  box-shadow: 0px 8px 32px rgb(0 0 0 / 12%) !important;
  border-radius: 4px;
  padding: 10px 10px;
}

.settingsPageDiv
  .listViewPageDiv
  .full-height
  .listview-actions-container
  .row
  .col-md-3 {
  float: right;
}

.listview-actions-container .row .col-md-6 {
  position: absolute;
}

.form-group .fieldValue .row .groupMembersColors {
  float: right !important;
  width: auto;
}

/* 14-09-2017 */
.jqplot-target .jqplot-table-legend {
  left: auto !important;
}

.modal-footer-overwrite-style .clearfix .textAlignCenter {
  direction: rtl;
}

.listview-actions-container .row .col-md-6 .show {
  float: left;
}

.col-xs-4 .detailViewButtoncontainer .open .pull-right {
  margin-right: 0;
  position: absolute;
  right: auto;
  left: 0;
}

.input-group .form-group .col-sm-5 {
  padding: 0px;
}

.input-group .form-group .col-sm-5 a {
  float: right;
}

.relatedListContainer .row .col-sm-5 div:before {
  text-align: left !important;
}

.listViewContentHeader th .table-actions .dropdown {
  float: right !important;
  margin: 0 9px 0 0;
}

.modal-body .nameBlock .col-lg-5 {
  float: right;
}

.commentContainer .commentTitle .addCommentBlock .row {
  float: right;
}

.detailViewContainer .col-sm-12 .detailViewTitle .row .col-md-5 {
  float: right;
}

#listview-actions .row .col-md-6 {
  display: inline;
  position: relative;
}

.settingsPageDiv.vtigerSetting #listview-actions .col-md-6 {
  float: right !important;
}

.fieldProperty .properties .row .col-sm-7 {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  width: 100%;
  margin: 0 !important;
}

.fieldProperty .properties .row .col-sm-6 {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  margin: 0 !important;
  justify-content: flex-end;
}

.modal-body .controls {
  float: right;
}

.controls .select2-container .select2-choices .select2-search-choice {
  padding: 3px 18px 3px 3px;
}

.listViewEntries td .table-actions {
  float: left;
  margin-left: 0;
}

/* 18-09-2017 */
.datepicker.dropdown-menu {
  right: calc !important;
}

/* .dropdown-menu { */
/* margin: 1px -16px 0; */
/* } */
.CalendarViewPageDiv .calendarview .fc-view-container {
  direction: rtl;
}

.CalendarViewPageDiv .calendarview .fc-toolbar .fc-left {
  float: right;
}

.CalendarViewPageDiv .calendarview .fc-toolbar .fc-right {
  float: left;
  display: inline-block;
}

.webui-popover {
  border: 0 !important;
  border-radius: 4px;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.12) !important;
  width: 240px;
}

.webui-popover-inner .close {
  opacity: 1 !important;
}

.webui-popover-inner .close img {
  max-width: 12px;
  max-height: 12px;
}

.webui-popover-content {
  text-align: left !important;
  direction: ltr !important;
}

.webui-popover-content i.fa.fa-check {
  color: #c2cfe0;
  font-size: 17px;
}

h3.webui-popover-title {
  color: #e8981e;
  text-shadow: none !important;
  font-weight: 500;
}

.dropdown .open .logout-content .row .col-sm-8 .profile-container {
  text-align: right;
}

.date-picker-wrapper .month-wrapper .month1 {
  float: right;
}

.date-picker-wrapper .month-wrapper .month2 {
  float: left !important;
}

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

.dropdown-menu #Reports_listView_basicAction_LBL_DETAIL_REPORT a i {
  float: right;
}

.listViewPageDiv .reportHeader .row .col-lg-4 {
  float: right;
}

.listViewPageDiv .reportHeader .row .col-lg-4 .btn-toolbar {
  float: right;
}

.listViewPageDiv .reportHeader .row .col-lg-4 .textAlignCenter {
  float: right;
}

.reportContents .recordEditView div .row .form-group .col-lg-4 {
  float: right;
}

.reportContents .recordEditView div .row div label {
  width: 33%;
  text-align: left;
}

.form-group div .sortFieldRow span .col-lg-6 {
  float: right;
}

.form-group .row .col-lg-6 {
  float: right;
}

.form-group div .row span .col-lg-6 .selectedSortFields {
  float: right;
}

.reportContents .padding1per div div .charttabs {
  display: inline-flex;
  flex-wrap: wrap;
}

.clearfix .coloredBorderTop .pull-right {
  float: left !important;
}

.datepicker {
  direction: rtl;
}

.fc-vtAgendaList-view
  .agendaListView
  .agendaListDay
  .agendaListViewHeader
  .day {
  float: right;
  text-align: right;
}

.fc-vtAgendaList-view
  .agendaListView
  .agendaListDay
  .agendaListViewHeader
  .weekDay {
  float: left;
}

.fc-vtAgendaList-view
  .agendaListView
  .agendaListDay
  .agendaListViewBody
  .agendaNoEvents {
  float: right;
}

.modal-content #AddDashBoardTab .modal-body .col-lg-3 {
  width: 33.3333% !important;
  float: right;
}

.modal-content #AddDashBoardTab .modal-body .col-lg-5 {
  width: 30% !important;
  float: right;
}

.modal-content #AddDashBoardTab .modal-body label.control-label.pull-right {
  float: right !important;
}

.modal-content #AddDashBoardTab .modal-body .col-lg-6 {
  width: 70% !important;
  float: right;
}

#quickCreateModules .col-lg-12 .row .open .quickcreateMoreDropdown {
  text-align: right;
}

.quickCreateContent .massEditTable tbody tr .fieldLabel .muted {
  /* float: left !important */
}

.quickCreateContent .massEditTable tbody tr .fieldValue {
  float: unset;
  width: 75%;
}

.detailViewButtoncontainer .btn-toolbar .open .dropdown-menu-right {
  text-align: right;
}

.pull-right .open .dropdown-menu {
  text-align: right;
}

.singleComment .addCommentBlock .row .commentTextArea .commentcontent {
  margin-top: 10px;
}

.widget_contents .recentComments .recentCommentsHeader .commentHeader {
  text-align: left !important;
}

.widget_contents .commentContainer .commentTitle .addCommentBlock {
  display: grid;
}

.commentsBody .recentCommentsBody .commentDetails .singleComment .addCommentBlock .row .commentTextArea {
  display: grid;
  padding: 0;
}

.relatedHeader .btn-toolbar .btn-toolbar {
  float: right !important;
}

.relatedHeader .btn-toolbar .btn-toolbar .btn-group {
  float: right !important;
}

.edit .editElement .referencefield-wrapper {
  display: inline;
  float: left;
}

/* 19-09-2017 */

.toEmailField .col-lg-12 .input-group .emailModulesList {
  display: block !important;
  position: relative !important;
  width: 100% !important;
}

.allConditionContainer .contents .conditionList .conditionRow,
.anyConditionContainer .contents .conditionList .conditionRow {
  margin-bottom: 10px;
}

.listViewFilterElipsis {
  float: right;
  width: 83% !important;
}

.floatThead-wrapper .floatThead-container {
  /*z-index: 0 !important;*/
  width: 100% !important;
  /* 7-11-2022*/
}

.dropdown-menu {
  text-align: right;
  border: 0 !important;
  box-shadow: 0 0 4px rgb(0 0 0 / 20%) !important;
}

.listViewContentHeader th .table-actions .dropdown {
  float: right;
  margin: 0 !important;
}

.table-bordered thead tr th {
  text-align: right;
}

#savedMapsContainer .row .form-group .col-lg-4 {
  float: right;
}

#savedMapsContainer .row .form-group .col-lg-2 {
  float: right;
}

.select2-container .select2-choices .select2-search-field {
  float: right;
}

button.close {
  float: left;
}

.editElement .percentage-input-group {
  float: left;
  display: flex;
}

.dropdown .open .logout-content {
  float: right;
  margin: 0px;
  left: 10px !important;
  top: 90% !important;
}

.dropdown .open .notification-content {
  float: right;
  margin: 0px;
  left: 10px !important;
  top: 90% !important;
}

#listColumnFilterContainer .listColumnFilter {
  /*display: none;*/
  margin: 0px 42px 0px 0px;
}

.lists-menu .listViewFilter .filterName {
  float: right;
}

.fieldValue .cke_1 .cke_inner .cke_top {
  display: inline-block;
}

.cke_inner .cke_top .cke_toolbox {
  float: right;
}

.table-actions .input {
  float: right;
}

.listview-table th .table-actions span.input {
  float: right !important;
  /*padding: 0 25px 0 25px !important;*/
}

.listview-actions-container .row .col-md-4 {
  float: right;
  display: inline-flex;
}

.listview-actions-container .row .col-md-3 {
  float: left;
}

.listview-actions-container .row .col-md-5 {
  float: right;
}

.listViewPageDiv.ManageUsers .row .col-md-9 {
  padding-top: 0;
  text-align: center;
  float: right !important;
}

.full-height .listview-actions-container .row .btn-group {
  float: right !important;
}

.listViewPageDiv
  .col-sm-12
  .listview-actions-container
  .row
  .col-md-6
  .userFilter
  .btn-group:last-child {
  position: absolute;
}

.profilesEditView thead .blockHeader th label {
  text-align: center !important;
  display: block;
}

/* .more .dropdown-menu { */
/* text-align:right; */
/* } */
.col-md-6 .listViewActions .btn-group {
  float: left !important;
}

.col-sm-12 .layoutBlockHeader .blockLabel {
  float: right;
  text-align: right;
}

.col-sm-12 .layoutBlockHeader .blockLabel .cursorPointerMove {
  float: right;
  position: relative;
  top: 2px;
}

.relatedListContainer .row .col-sm-5 div {
  text-align: left;
}

.row .col-sm-6 .relatedModulesList {
  padding-right: 0;
}

.table-bordered tbody tr td .row .col-sm-2 {
  float: right;
}

.textAlignCenter {
  /* text-align:right !important; */
}

.modal-body .form-group .controls {
  float: left;
}

.col-md-3 .listViewActions .btn-group {
  float: left !important;
}

.companydetailsedit .fieldValue {
  float: right;
}

.detailViewContainer .col-lg-12 .clearfix .col-lg-6 {
  float: right;
}

.col-md-6 .row .listViewActions {
  padding-left: 15px !important;
}

.settingsPageDiv .listViewPageDiv .row .col-lg-2 {
  float: right;
  margin-right: 25px;
}

.block .col-lg-3 {
  float: right;
}

.nameBlock .col-lg-3 {
  float: right;
}

.addMailBoxStep .row .editview-table tbody {
  float: right;
  display: inline-grid;
}

/* 05-01-2018 */

/* 04-05-2018 */

.miniListContent .textOverflowEllipsis {
  float: right;
}

.dashboardWidgetContent .mCustomScrollBox .mCSB_container div .row .col-lg-6 {
  float: right;
  padding-right: 15px !important;
}

.muted {
  padding-left: 1em;
  direction: ltr;
}

.modal-overlay-footer {
  border-left: 0px solid #2c3b49 !important;
  /* border-right: 42px solid #2c3b49 !important;  */
  background: #fff;
}

.app-nav
  .row
  .coloredBorderTop
  .module-action-content
  .col-lg-7
  .fa-angle-right {
  margin-top: 0;
}

/* 07-05-2018 */

/*#Users_listView_row_1 td .fieldValue .textOverflowEllipsis div .col-lg-2 {
  width: 22.667% !important;
  padding: 0px;
}*/

.listViewRecordActions .table-actions .more .dropdown-menu {
  right: 0 !important;
}

.settingsPageDiv {
  padding-right: 230px !important;
}

.title {
  padding: 5px 15px 0 0px !important;
  text-align: right;
}

.modal-content .recordEditView .mCS-dir-rtl .mCSB_inside .mCS_y_hidden {
  direction: rtl !important;
}

.main-container-Contacts .dropdown-menu {
  right: 0 !important;
}

.moduleContent .convertLeadModules .fieldInfo .row .fieldLabel {
  float: right;
}

#scheduleBox .col-lg-12 .col-lg-3,
.col-lg-4,
.col-lg-2,
.col-lg-4 #s2id_recipients,
#specificemails {
  float: right;
}

.reportContents .recordEditView div .row div label input {
  float: left;
  left: -23px;
}

.modal-body .form-horizontal .form-group .fieldValue {
  width: 65.333% !important;
}

.quickCreateContent .massEditTable tbody tr .fieldValue {
  width: auto;
  height: 10px;
}

#SendEmailFormStep1 .modal-content .modal-body #multiEmailContainer {
  padding-right: 20px;
  padding-left: 0px;
}

#SendEmailFormStep1 .modal-content .preferenceDiv {
  padding: 0px 35px 10px 0px !important;
}

/* 08-05-2018 */

.jqplot-target .jqplot-table-legend {
  left: auto !important;
}

/* .modal-body .mCSB_inside #mCSB_9_container{ */
/* direction: ltr !important; */
/* } */
.emailModulesList .select2-choice .select2-arrow {
  left: 0;
}

.dashBoardContainer {
  direction: rtl;
  /* direction: ltr; */
  padding-right: 3%;
  box-sizing: border-box;
  width: 100%;
  float: left;
}

.jqplot-xaxis-tick {
  direction: ltr !important;
}

.jqplot-table-legend {
  position: relative;
}

/* 10-05-2018 */

.input-group-addon:last-child {
  border-left: 1px solid #ccc;
  border-radius: 0 !important;
}

.navbar-fixed-top .global-nav .row .global-actions .navbar-nav {
  direction: rtl !important;
  position: relative;
  display: flex;
}

.loadcompleted .dashboardWidgetContent .noDataMsg {
  right: 119px !important;
  position: absolute;
  top: 50%;
}

/* 11-05-2018 */
.fieldLabel {
  /*float: unset!important;*/
  width: 160px !important;
  text-align: right;
  /*  border-color: #00CA72 !important;*/
}

/* .dropdown-menu { */
/* right: auto !important; */
/* } */
.ui-timepicker-list {
  text-align: center;
}

.quickCreateContent
  .massEditTable
  tbody
  tr
  .fieldValue
  #HelpDesk_editView_fieldName_description {
  float: right;
}

.quickCreateContent .massEditTable tbody tr .fieldLabel label span #tax3_check,
#tax2_check {
  float: right;
}

.quickCreateContent .massEditTable tbody tr .fieldLabel label .taxLabel {
  padding-right: 5px;
  /*float: right;*/
}

.quickCreateContent .massEditTable tbody tr .fieldLabel input[type='checkbox'] {
  top: 0 !important;
}

/* 12-05-2018 */

#scheduledTime #schtime {
  width: 310px;
  display: inline-grid;
}

/* 17-05-2018 */

/* .qtip { */
/* right: 50px !important; */
/* max-width: 100px; */
/* min-width: 50px; */
/* font-size: 10.5px; */
/* line-height: 12px; */
/* width: 100%; */
/* } */
/* .qtip-content { */
/* text-align: right; */
/* } */
/* .qtip-tip{ */
/* right: -116px !important; */
/* transform: rotate(180deg); */
/* } */

/* 18-05-2018 */

#listview-actions .row .col-md-3 {
  float: left !important;
  width: 24.33% !important;
}

#listview-actions .row .btn-group.col-md-3 {
  float: right !important;
}

.emailTemplatesListView #listview-actions .row .btn-toolbar.col-md-3 {
  float: right !important;
}

#listview-actions .row .col-md-6 {
  float: left !important;
}

#listview-actions .row .col-md-6 .messageContainer center #selectAllMsgDiv {
  position: relative;
  direction: ltr;
}

.quickCreateContent .row .col-sm-12 .col-sm-5 {
  float: right;
  padding-right: 0;
}

.muted {
  float: right !important;
  left: 16px !important;
  padding-right: 4% !important;
}

.quickCreateContent .row .col-sm-12 {
  right: 24px;
  position: relative;
}

.muted {
  float: right !important;
  left: 16px !important;
  padding-right: 4% !important;
}

.quickCreateContent .row .col-sm-12 {
  right: 24px;
  position: relative;
}

/* 22-05-2018 */

#quickCreateModules [class^='vicon-'],
#quickCreateModules [class*=' vicon-'] {
  font-size: 20px;
  color: #888;
}

.datepicker-dropdown {
  width: 221px !important;
  z-index: 1110 !important;
}

/* 23-05-2018 */

.editContainer .reportContents #report_step1 .modal-overlay-footer {
  position: relative !important;
}

/* .dropdown-menu { */
/* right:0px; */
/* } */
/* 24-05-2018 */

.open .dropdown-menu {
  right: -1px;
}

/* 12-06-2018 */

#listview-actions .row .col-md-6 .messageContainer center #selectAllMsgDiv {
  position: unset !important;
  display: block;
  direction: ltr;
}

/* 25/01/2021 */

.global-nav .row .col-sm-3 {
  float: right;
}

@media screen and (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: 0 !important;
  }
}

ul.dropdown-menu.reportSubMenu {
  right: 0 !important;
}

.app-settings-accordion i {
  display: none !important;
}

.app-settings-accordion span.module-icon {
  visibility: hidden;
  width: 18px;
  height: 18px;
  float: right;
}

/* 27-06-2018 */
.bootbox-body {
  direction: ltr;
  text-align: right;
}

.settingsPageDiv .floatThead-wrapper {
  direction: rtl !important;
  text-align: right !important;
}

.navbar-fixed-top .global-nav .row .col-sm-3 {
  float: right;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 0;
  margin-left: 26px;
  overflow-wrap: anywhere;
  width: 74px;
}

.select2-container .select2-choice .select2-arrow {
  right: 0;
  left: auto;
}

strong.translatedBlockLabel {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
  color: rgb(51 77 110 / 75%);
  text-transform: uppercase;
  text-align: right;
}

.module-action-bar .module-breadcrumb a {
  display: inline-block;
  float: left !important;
}

.fieldBlockContainer table tbody tr td .radio label {
  padding-right: 20px !important;
  padding-left: 0px !important;
}

.fieldBlockContainer table tbody tr td .radio label input {
  margin-right: -20px;
  margin-left: -0px;
}

.fieldBlockContainer table tbody tr td .fileUploadContainer {
  text-align: right;
  float: right;
}

.blockFieldsScallSortable .connectedSortable li .border1px .col-sm-3 {
  float: right;
}

/* .blockData .detailview-table tbody tr td{ */
/* direction: ltr; */
/* text-align:right; */
/* } */
#listViewContent
  .col-lg-12
  .row
  .col-lg-2
  .sortable
  .ui-sortable-handle
  .menuEditorItem
  span
  .marginRight10px {
  float: right !important;
}

/* #listViewContent .col-lg-12 .row .col-lg-2 .sortable .ui-sortable-handle .menuEditorItem span .textOverflowEllipsis{ */
/* text-align:right !important; */
/* } */
/* #listViewContent .col-lg-12 .row .col-lg-2 .sortable .ui-sortable-handle .fa{ */
/* float: right !important; */
/* } */

/* 16-02-21 */

.fieldValue .value {
  float: right !important;
}

.global-actions .dropdown-menu:after {
  right: auto;
  left: 14px;
  display: none !important;
}

.global-actions .dropdown-menu:before {
  right: auto;
  left: 13px;
  display: none !important;
}

.textOverflowEllipsis {
  direction: ltr;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: auto;
    left: auto;
  }
}

span.input-group-addon.relatedPopup.cursorPointer,
span.input-group-addon.createReferenceRecord.cursorPointer.clearfix {
  display: inline-table;
  padding: 5px 8px !important;
}

.editViewContents input[type='checkbox'] {
  display: block !important;
}

/*SEARCH RIGHT*/
div#searchResults-container .col-lg-6 {
  float: right;
}

h4.pull-left.m-xy-0 {
  float: right !important;
}

.searchModuleComponent {
  float: right;
  text-align: right;
  width: 100%;
}

.searchModuleComponent .pull-left {
  float: right !important;
  margin-left: 10px !important;
}

#advanceSearchContainer .select2-container {
  float: right !important;
}

/*NEW UI THEME - 28-05-2021*/
.global-nav {
  position: relative;
  /*display: inline-block;*/
  width: 100%;
  height: 50px;
  background: #fff !important;
}

.global-nav .navbar-nav > li div a.userName {
  padding: 5px 10px;
}

.global-nav .navbar-nav > li div a {
  padding: 16px 5px;
  display: inline-block;
}

/*LISTING PAGE - NEW UI*/
.main-container {
  position: relative;
  min-height: 100%;
  top: 50px;
  left: 20px;
}

.listViewPageDiv {
  /*padding-top:0 !important;
  padding-right: 0px !important;*/
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
  /*right: 60px !important;
  top: 40px !important;*/
  background: #fff !important;
  border-radius: 4px;
}

.settingsPageDiv div#listViewContent {
  width: 96.5% !important;
  margin: 15px 15px !important;
}

.listViewPageDiv.full-width {
  padding-right: 50px !important;
}

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

.navbar-inverse {
  background-color: transparent;
  border: 0 !important;
}

button#createFilter {
  color: #fff !important;
  background: #c2cfe0;
  text-shadow: none;
  padding: 7px 10px;
  margin: 0 10px 0 0;
  border-radius: 4px;
  /*box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;*/
  /*box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;*/
  border: 0;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
  float: left !important;
}

div#listview-actions button.btn.btn-default,
button#PreviousPageButton,
button#NextPageButton,
button.btn.btn-default.reArrangeTabs.dropdown-toggle {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  padding: 0 5px;
  /*opacity: 1 !important;*/
  outline: 0 !important;
  float: left;
  box-shadow: none !important;
}

div#listview-actions button.btn.btn-default.viewType > img {
  max-width: 16px;
  max-height: 16px;
  opacity: 0.6;
}

ul.dropdown-menu.dropdown-menu-right.moreDashBoards {
  top: 30px !important;
  text-align: right !important;
  left: 5px;
  min-width: 230px;
}

.Leads-module-action-content .module-breadcrumb.module-breadcrumb-List {
  display: none;
}

.Leads-module-action-content .container-fluid {
  padding: 0 !important;
}

ul.detailViewSetting.dropdown-menu {
  right: auto !important;
  left: 0 !important;
}

tr.listViewContentHeader a,
tr.listViewHeaders a,
tr.listViewContentHeader th {
  color: #334d6e;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: 600;
  /*max-width: 110px !important;*/
  /*display: inline-block;*/
  /*word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;*/
}

table.table.listview-table button.btn,
.popupEntriesTableContainer button.btn.btn-success,
.billingview a.btn-success,
button#paypalpayment,
.reportsDetailHeader button.btn.btn-default,
.reportsDetailHeader button.btn.btn-success,
tr.searchRow button.btn.btn-success,
.select.btn.btn-default {
  color: #fff !important;
  background: #0a2eeb !important;
  text-shadow: none;
  padding: 5px 10px !important;
  margin: 0 10px 0 0;
  border-radius: 4px;
  /*box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;*/
  /*box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;*/
  border: 0;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

#popupContents .col-md-2 {
  float: right !important;
}

.btn-success:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.popupEntriesTableContainer button.btn.btn-success {
  width: 100% !important;
  margin: 0;
}

table.table.listview-table input.inputElement {
  border-radius: 4px;
  width: 100%;
}

table.table.listview-table.portal-table > thead {
  border-bottom: 1px solid rgb(51 71 91 / 20%) !important;
}

table.table.table-bordered.table-condensed.sharingAccessDetails {
  background: #fff !important;
}

table.table.table-bordered.table-condensed.sharingAccessDetails tr.blockHeader,
#reportDetails .table-bordered tr.blockHeader,
table.table.table-bordered.CalculationFields tr.blockHeader {
  background-color: #fff !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 20%) !important;
}

table.table.table-bordered.table-condensed.sharingAccessDetails
  tr.blockHeader
  th,
#reportDetails .table-bordered tr.blockHeader th,
table.table.table-bordered.CalculationFields tr.blockHeader th {
  color: #33475b !important;
  font-weight: 600;
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 20%) !important;
}

table.table.table-bordered.table-condensed.sharingAccessDetails
  button.btn.btn-sm.btn-default.vtButton,
table.facebookPageData button.btn.btn-sm.btn-default.vtButton {
  color: #c2cfe0 !important;
  border: 0 !important;
  background: #fff !important;
  padding: 0 !important;
  font-size: 10px;
}

table.table.listview-table > tbody > tr,
.tableBox table.table tr,
table.facebookPageData tr {
  border-bottom: 1px solid rgb(51 71 91 / 20%) !important;
  border-top: 0 !important;
}

/*table.table.listview-table>thead>tr.listViewContentHeader{
  width:100% !important;
    border-bottom: 1px solid rgb(51 71 91 / 20%) !important;
    border-top:0 !important;
}*/
table.table.listview-table > tr.searchRow th {
  border: 0 !important;
}

table.table.listview-table > tbody > tr:hover {
  background: #f2f9ff;
}

table.table.listview-table > tbody > tr:hover .fieldValue .value,
table.table.listview-table > tbody > tr:hover .fieldValue .value a {
  font-weight: 600;
}

.settingsPageDiv.content-area.vtigerSetting table.table.listview-table thead {
  direction: rtl;
}

.settingsPageDiv.content-area.vtigerSetting
  table.workflow-table
  tr.listViewEntries {
  direction: rtl;
}

.settingsPageDiv.content-area.vtigerSetting table.workflow-table td {
  /*display: inline-block !important;*/
  direction: rtl;
}

/*.settingsPageDiv.content-area.vtigerSetting td.listViewEntryValue {
    float: right;
}
*/
/*div#table-content{
    direction: ltr !important;
    float: left
}*/
table#listview-table {
  width: 100%;
  /*overflow-x: scroll;*/
  /*min-width: 100% !important;*/
  display: table;
  /*table-layout: auto !important;*/
}

table.listview-table tbody{
  border-bottom: 1px solid #ccccd0 !important;
}

table.table.listview-table thead,
table.table.listview-table tr.searchRow.listViewSearchContainer,
table.table.listview-table tbody > tr {
  direction: rtl;
  /*  float: right !important;
    width: 100%;*/
}

.sidebar-header h5 {
  text-transform: uppercase;
  color: rgb(51 71 91 / 75%);
  font-weight: 600;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
}

.listview-table .table-actions span {
  /*opacity: 1;*/
  font-weight: normal;
}

.listview-table .table-actions .input input[type='checkbox'],
.form-group input[type='checkbox'],
input.toggleCalendarFeed.cursorPointer {
  width: 14px;
  height: 14px;
  margin-top: 5px !important;
  border: 1px solid rgb(51 71 91 / 25%);
  border-radius: 3px !important;
}

input.toggleCalendarFeed.cursorPointer {
  margin-top: 1px !important;
  margin-right: 2px !important;
}

.table-actions.reportListActions .input input[type='checkbox'] {
  margin-top: 3px !important;
}

table.table.listview-table > tbody > tr:hover .input input[type='checkbox'],
.checkbox-inline input[type='checkbox']:hover,
.checkbox input[type='checkbox']:hover,
input[type='checkbox']:hover {
  background: #c2cfe0 !important;
  border-color: #c2cfe0 !important;
}

table.table.listview-table > tbody > tr input[type='checkbox']:checked,
.editViewContents input[type='checkbox']:checked,
.listview-table-norecords .table-actions .input input,
.form-group input[type='checkbox']:checked::after,
.listViewEntriesMainCheckBox input[type='checkbox']:checked,
.listViewEntriesMainCheckBox input[type='checkbox']:checked::after,
input.listViewEntriesMainCheckBox[type='checkbox']:checked,
input.listViewEntriesMainCheckBox[type='checkbox']:checked::after {
  background: #0a2eeb !important;
  border-color: #0a2eeb !important;
}

table.table.listview-table
  > tbody
  > tr:hover
  .input
  input[type='checkbox']:checked,
.checkbox-inline input[type='checkbox']:checked,
.checkbox input[type='checkbox']:checked,
input[type='checkbox']:checked {
  background: #00ca72 !important;
  border-color: #00ca72 !important;
}

/*input[type='checkbox']:checked::after,
.checkbox input[type='checkbox']:checked::after,
.checkbox-inline input[type='checkbox']:checked::after,
input[type='checkbox']:checked::after {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  content: '\f00c';
  color: #fff;
  font-family: 'FontAwesome';
  font-size: 12px;
}*/

td.listViewRecordActions {
  padding-right: 6px;
}

.fa-star-o:before {
  content: '\f006';
  color: #c2cfe0;
  top: 5px;
  position: relative;
}

.fa-star.active {
  color: #ffc600;
  position: relative;
  top: 5px;
}

footer.app-footer {
  width: 100%;
  /*display: none;*/
  float: left;
  padding: 0px 0 0 !important;
}

footer.app-footer p {
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
}

div#listViewContent {
  width: 74% !important;
  float: left !important;
}

.main-container-EmailTemplates div#listViewContent {
  float: none !important;
  margin: 0 auto !important;
  padding-right: 0 !important;
}

/*SUMMARY PAGE*/
.width75 {
  width: 70%;
  display: inline-block;
  float: left;
}

.width25 {
  width: 25%;
  height: 350px;
  display: inline-block;
  float: right;
  position: relative;
  right: 40px;
  background: #fff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  padding: 20px 20px;
  text-align: center;
}

.left-block.col-lg-4 {
  width: 26.05%;
  right: 20px;
}

.middle-block.col-lg-8 {
  float: left;
  width: 72.5%;
  margin: -27.95% 0 0 -1.5% !important;
}

.left-block .summaryView {
  position: relative;
  border: 0;
  margin-bottom: 10px;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 0.06);
  border-radius: 4px;
  padding: 20px 20px;
  margin: 0;
}

.fieldLabel label {
  font-weight: 400;
  color: #818e9b;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  padding: 0 !important;
  left: 0 !important;
  width: 100%;
  display: block;
  margin: 0 !important;
}

.fieldValue .value,
td.fieldValue {
  font-weight: 500;
  color: #323c47;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
}

.detailview-table td.fieldValue span,
td.fieldValue {
  font-weight: 600;
}

div#relatedActivities,
div#commentRelated,
div#documentRelated {
  /* width: 66%; */
  display: inline-block;
  /* float: left; */
  position: relative;
  /* background: #fff; */
  /* box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06); */
  border-radius: 4px;
  padding: 0 15px 0 0;
  /* margin: 5px 0 0; */
}

div#documentRelated {
  width: 32%;
  display: inline-block;
  float: left;
}

.detailViewButtoncontainer .btn-default {
  text-shadow: none;
  width: auto !important;
  padding: 3px 5px;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  border: 0;
  box-shadow: none !important;
  float: none !important;
}

a.showMap,
i.fa.fa-map-marker {
  display: none;
}

.commentsList .recordImage,
.summaryWidgetContainer .recordImage {
  background: #c2cfe0;
  border: 0;
  border-radius: 50%;
  height: 32px;
  padding: 0;
  width: 32px;
  margin: 0 0 0 10px;
}

.summaryWidgetContainer .recordImage .name span,
.summaryWidgetContainer .recordImage .name span {
  color: #fff;
  display: inline-block;
  font-size: 16px !important;
  line-height: 32px !important;
  text-shadow: none;
}

button#detailViewPreviousRecordButton,
button#detailViewNextRecordButton {
  /*display: none;*/
}

.detailViewButtoncontainer .fa-star.active {
  font-size: 18px;
  top: 0;
}

.markStar:hover .unfollowMessage {
  display: block;
  float: left;
  top: -4px;
  position: relative;
}

tr.summaryViewEntries td.fieldLabel {
  width: 100%;
  display: block;
  float: right !important;
  text-align: right;
}

tr.summaryViewEntries td.fieldValue {
  width: 100% !important;
  display: inline-block;
  float: right !important;
}

/*TAGS*/
span.recordLabel.pushDown {
  color: #323c47;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
}

/*.tagContainer {
  display: flex;
  align-items: center;
  width: 100%;
}*/

.tagContainer {
  display: flex;
  align-items: center;
  min-width: 250px;
  max-width: 100%;
}

.tagContainer #addTagContainer {
  display: inline-block;
  border-right: 1px solid #051152;
  padding: 0 10px 0 0;
  width: 10%;
}

a#addTagTriggerer {
  background: #c2cfe0;
  padding: 4px 6px;
  border-radius: 4px !important;
  color: #fff !important;
}

/*tr.listViewEntries a.deleteRecordButton {
    display: inline-block;
    float: left;
    position: relative;
    top: 19px;
    left: 5px;
}*/

/*TABS*/
.related-tabs .tab-icon {
  float: right;
  margin: 0 0 0 5px;
}

span.tab-icon img,
span.tab-icon i {
  max-width: 16px !important;
  max-height: 16px !important;
  color: #99a6b6 !important;
  font-size: 16px;
  line-height: 25px;
}

li.more-tab img,
li.more-tab span.tab-icon img,
li.more-tab span.tab-icon i {
  float: right;
  margin-left: 5px;
}

span.iconbg {
  background: #c2cfe0;
  width: 35px !important;
  height: 35px !important;
  line-height: 35px;
  border-radius: 50%;
  /*padding: 5px 0;*/
  float: right;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}

.activityEntries .vicon-task:before {
  display: none !important;
}

.activityEntries .row {
  display: inline-block;
  float: right;
  width: 100%;
  direction: rtl;
  text-align: right;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
}

.activityEntries .col-lg-1.col-md-1.col-sm-1,
.activityEntries .col-lg-7.col-md-7.col-sm-7 {
  float: right;
}

.activityEntries .summaryViewEntries > a,
.summaryWidgetContainer .creatorName {
  color: #33475b;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Arimo', sans-serif;
}

div#documentRelated button.btn.btn-default.dropdown-toggle,
button.btn.addButton.createActivity,
.relatedHeader button.btn.btn-default.addButton,
.relatedHeader button.btn.btn-default.dropdown-toggle,
button.btn.selectpdfTemplates,
button.btn.addButton.btn-sm.btn-default.createRecord {
  color: #fff !important;
  background: #00ca72;
  text-shadow: none;
  padding: 4px 8px;
  margin: 0 5px 0 0;
  border-radius: 4px;
  /*box-shadow: 4px 4px 10px rgb(51 71 91 / 20%);*/
  border: 0;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
  float: left !important;
}

button.btn.addButton.createActivity {
  margin-right: 10px;
}

div#documentRelated span.toggleButton.pull-left {
  display: none;
}

.recentActivitiesContainer.row {
  padding: 0 15px;
}

.recentActivitiesContainer.row li {
  width: 100%;
  display: inline-block;
}

span.col-sm-4 {
  text-align: left;
  padding: 0;
}

span#DownloadableLink {
  display: block;
  float: right;
  text-align: right;
}

span.col-sm-2 {
  float: right;
  /*padding: 0;*/
}

/*COMMENTDIV*/
.recentCommentsHeader .commentHeader {
  /*display: none;*/
}

.recentCommentsHeader h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
  color: rgb(51 77 110 / 75%);
  text-transform: uppercase;
  float: right;
  text-align: right;
}

.commentDetails .commentActionsContainer {
  display: inline-block;
  float: left;
}

.commentDetails span.summarycommemntActionblock a > img {
  opacity: 0.25;
  margin: 0 3px;
}

.commentDetails span.summarycommemntActionblock a:hover img {
  opacity: 1;
}

.commentContainer .detailViewSaveComment,
.saveComment {
  width: auto;
  display: inline-block;
  float: left;
  padding: 10px 0;
  background: transparent !important;
  outline: 0 !important;
  border: 0 !important;
  text-shadow: none;
  color: #00ca72;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

.fileUploadBtn.btn:hover {
  box-shadow: none !important;
}

span.uploadFileSizeLimit.fa.fa-info-circle {
  /*display: none;*/
}

.btn-default:hover,
.form-control:focus {
  /*box-shadow: none !important;*/
  outline: 0 !important;
  /*border:0 !important;*/
  /*border-bottom: 1px solid rgb(51 71 91 / 27%) !important;*/
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.form-control:hover {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.selectTagContainerborder .form-control,
.currentTag.multiLevelTagList.form-control:hover,
input.form-control.currentTagSelector.dropdown-toggle {
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
}

.btn-default:hover,
.btn-default:focus {
  /*border-bottom: 0 !important;*/
}

textarea.form-control:hover {
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
}

/*EDIT POPUP*/
#massEditContainer,
#filterContainer {
  width: 85%;
  margin: 0 auto;
  border: 0;
  box-shadow: 0px 8px 32px rgb(0 0 0 / 12%);
}

.editViewContents input[type='checkbox'],
.fieldBlockContainer input.inputElement[type='checkbox'] {
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-top: 3px !important;
  border: 1px solid rgb(51 71 91 / 25%) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  float: right;
  margin-left: 10px;
}

.editViewContents td.fieldLabel.alignMiddle {
  width: 50%;
  display: inline-block;
  float: right !important;
}

/*form#EditView .editViewContents td.fieldLabel.alignMiddle{
  width:32%;
}*/
.editViewContents td.fieldValue:nth-child(2n) {
  width: 50% !important;
}

/*.editViewContents table.table.table-borderless.addressBlock tr {
    width: 50%;
    float: left;
}*/
.editViewContents table.table.table-borderless.addressBlock td.fieldValue {
  width: 100% !important;
  float: none !important;
}

.editViewContents
  table.table.table-borderless.addressBlock
  td.fieldLabel.alignMiddle {
  width: 100%;
  /*display: block;*/
  float: none !important;
}

.editViewContents span.input-group-addon {
  background: transparent;
  border: 0 !important;
  float: right !important;
  padding-right: 0 !important;
}

.editViewContents span.input-group-addon > img {
  max-width: 14px;
  max-height: 14px;
}

.inputElement.select2-container .select2-choice {
  /*height: 32px;*/
  height: 18px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

span.select2-chosen {
  padding: 0 5px !important;
}

.editElement .select2-container .select2-choice .select2-arrow b,
.editElement .select2-container .select2-choice div b {
  background-position: 0 -4px;
}

.editElement .select2-container.select2.inputElement.form-control {
  width: 63% !important;
}

.select2-container .select2-choice > .select2-chosen {
  margin-left: 0;
  margin-right: 0;
}

.inputElement.select2-container .select2-choice .select2-arrow {
  right: 0 !important;
  left: auto !important;
}

span.input-group-addon.relatedPopup.cursorPointer {
  /* position: absolute;
    right: 0;
    top:0;*/
  position: relative;
  margin: 0 !important;
  /*  left: -25px;*/
}

input.productName {
  float: none !important;
}

.itemNameDiv.form-inline .col-lg-10 {
  float: right !important;
}

table#lineItemTab i {
  color: #c2cfe0 !important;
  font-size: 14px !important;
  padding: 5px 0;
  float: right;
}

input.dateField.form-control,
input.timepicker-default.form-control.ui-timepicker-input {
  display: inline-block;
  float: left;
  width: 92%;
}

input[type='text'].inputElement,
input[type='password'].inputElement {
  padding: 3px 0 3px 6px;
  color: #323c47 !important;
  font-weight: 600;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  width: 100%;
}

tr.searchRow.listViewSearchContainer input[type='text'].inputElement,
tr.searchRow.listViewSearchContainer input[type='password'].inputElement {
  border: 1px solid rgb(51 71 91 / 10%) !important;
}

button.btn.btn-success.saveButton,
.modal-footer button.btn.btn-success,
button.btn.btn-success.nextStep,
button.btn.btn-danger.backStep,
.fieldMappingEditPageDiv button.btn.btn-success,
button#selectEmailTemplate,
.quickPreviewActions .btn-group .btn-success,
#EditView .editViewBody button.btn.btn-default.btn-sm.dropdown-toggle,
button#save_Pipelineview_setting,
.OnlinePayPlugBox button#spsave,
button#addProduct,
button#addService,
button#importStep2,
.modal-overlay-footer button.btn.btn-success,
table#pickListValuesTable button#addItem,
.CTPaymentDefaultTemplates button.btn.btn-success,
.signatureTemplateList button.btn,
.ctPaymentTemplatesList button.btn,
.CTPaymentNewEmailTemplates button.btn.btn-success,
.CTPayemntSignatureTemplate button.btn.btn-success,
.EditCTPayment button.btn.btn-success,
.DetailSignatureTemplate button.btn.btn-success {
  color: #fff !important;
  background: #0a2eeb;
  text-shadow: none;
  padding: 7px 25px !important;
  margin: 0 10px 0 0;
  border-radius: 4px;
  /*box-shadow: 4px 4px 10px rgb(51 71 91 / 20%);*/
  border: 0;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: 500;
  outline: 0 !important;
}

button.btn.btn-danger.backStep {
  background: #d14836;
  border-radius: inherit;
  padding: 8px 25px !important;
  border-radius: 4px !important;
}

.editViewPageDiv.viewContent {
  width: 100%;
  /*display: inline-block;
    float: left;*/
  padding-right: 3%;
  margin: -40px auto 0 !important;
}

h4.editHeader,
.modal-header h4,
h3.editHeader {
  font-size: 16px;
  font-weight: 600;
  font-family: 'Arimo', sans-serif;
  color: #192a3e;
}

.recordBasicInfo form#headerForm {
  display: none;
}

ul.dropdown-menu.othersTags {
  margin: -10px 20px 0 0 !important;
}

ul.dropdown-menu.othersTags span.tag {
  margin-bottom: 2px;
}

.list-menu-content .list-group {
  margin-bottom: 0;
}

.list-group div#myList {
  margin: 10px 0;
}

.detailsLeftAlign,
.commentsRelatedContainer {
  float: left;
  width: 73.6%;
  margin: -25% 0 0 -2.6% !important;
}

/*.details.row.detailsLeftAlign{
  margin: -21% 0 0 -2.6% !important;
}*/
.relatedContainer,
.details > div#updates {
  float: left;
  width: 71.75%;
  margin: -25% 0 0 -1.25%;
  display: inline-block;
  position: relative;
  background: #fff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  padding: 20px 20px;
}

.details.detailsLeftAlign > div#updates {
  margin: 0;
  width: 100%;
}

/*VIEW MORE ACTIVITIES*/
a.moreRecentActivities,
a.moreRecentComments {
  display: inline-block;
  width: 100%;
  border-top: 1px solid rgb(51 71 91 / 25%);
  padding: 10px 0 0;
  font-size: 15px;
  text-transform: uppercase;
  /*font-weight: 600;*/
  color: #707683;
}

/* DEV SCALLA */

.fc-left .fc-state-default {
  border: 1px solid #c2cfe0 !important;
  margin: 0 5px !important;
  background: transparent;
  border-radius: 3px !important;
}

.fc-left .fc-button-group .fc-state-active {
  background-color: #00ca71 !important;
  box-shadow: unset;
  border: 1px solid #00ca71 !important;
  box-shadow: 0px 2px 8px 0px #ccc;
}

.fc-day-header {
  background-color: transparent !important;
  color: #000 !important;
  border: 0px !important;
}

.fc-ltr .fc-axis {
  border: 0px !important;
}

.fc-widget-header {
  border: 0px !important;
}

.fc-left .fc-state-default {
  height: 2.7em !important;
}

#mycalendar {
  box-shadow: 0px 2px 8px 0px #e6e6e6;
  padding: 15px 15px;
}

#mycalendar .fc-toolbar > * > :first-child {
  margin-left: 0;
  background: transparent;
  border: 0px;
  float: right;
}

#mycalendar .fc-toolbar .fc-prev-button,
#mycalendar .fc-toolbar .vt-goto-date,
#mycalendar .fc-toolbar .fc-next-button {
  background: transparent;
  border: 0px;
  box-shadow: unset;
}

#mycalendar .fc-toolbar.fc-header-toolbar {
  margin-bottom: 3em;
}

.calendar-sidebar-tabs ul.nav.navbar-nav {
  margin: -60px 0 0;
  float: right;
}

.calendar-sidebar-tabs ul.nav.navbar-nav > li {
  float: left !important;
}

button#calendarview_basicaction_addtask {
  margin: 0 !important;
}

.activitytypes #calendarview-feeds .activitytype-indicator {
  margin: 8px 0px 10px 0;
  min-height: 80px;
  box-shadow: 0 0 4px -1px #ccc;
  color: #666 !important;
}

/* dev 08-06-2021-scalla */
/*CALENDAR*/
button.add-calendar-feed {
  box-shadow: 0px 2px 8px 0px #e6e6e6 !important;
  background-color: #c2cfe0 !important;
  border-radius: 4px;
  border: 0px !important;
  background-image: none;
  color: #fff;
  width: 26px;
  height: 26px;
  padding: 0 !important;
  font-size: 15px;
}

.addButton {
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  border: 0;
  padding: 8px 12px;
  font-size: 13px;
  text-shadow: none;
}

button.addButton.addCustomBlock,
.layoutContent li.dummyRow button.addButton {
  color: #fff !important;
  background-color: #0a2eeb !important;
  text-shadow: none;
  padding: 9px 10px;
  margin: 0 10px 0 0;
  border-radius: 4px;
  border: 0 !important;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

button.addButton.addCustomBlock:hover,
.layoutContent li.dummyRow button.addButton:hover {
  border: 0 !important;
}

.contentsBackground.border1px.ONE_TO_ONE,
.connectedSortable li {
  display: inline-block;
  float: right;
  background: #ffffff;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
  border-radius: 4px;
  border: 0 !important;
  margin: 5px 0 !important;
}

.editFieldsTable {
  border: 0 !important;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  margin: 0 0 25px;
  border: 0;
}

#appnav .add-task-d,
#appnav #calendarview_basicaction_addtask,
#appnav #calendarview_basicaction_addevent {
  background-color: #00cb72;
  color: #fff;
  font-weight: lighter;
  border-radius: 4px;
  border: 0;
  padding: 8px 12px;
}

#appnav .dropdown-toggle {
  background-color: #c2cfe0;
  color: #fff;
  border-radius: 4px;
  border: 0;
  padding: 8px 10px;
}

.at-d {
  box-shadow: 0px 2px 8px 0px #e6e6e6 !important;
  background-color: #c2cfe0 !important;
  border-radius: 4px;
  border: 0px !important;
  background-image: none;
  color: #fff;
  width: 26px;
  height: 26px;
  padding: 0 !important;
  font-size: 15px;
}

.cldr-d {
  margin: 0px 12px;
}

div#CalendarViewContent {
  padding-right: 25%;
  padding-top: 0;
  margin-top: -35px !important;
}

#mycalendar,
#sharedcalendar {
  width: 100%;
  display: inline-block;
  float: right;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 10px 10px;
  margin: 0 5px 0 0;
  box-sizing: border-box;
}

.cldr-hdr-d {
  width: 97.5%;
  display: inline-block;
  float: right;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  margin: 0 17px 20px 0;
  box-sizing: border-box;
}

#calendarview_basicaction_addtask .fa-plus {
  /*float: left;*/
}

.cldr-hdr-d ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-right: 60px;
}

.cldr-hdr-d li {
  float: right;
  padding: 10px 0 10px;
}

/*.cldr-hdr-d li.module-qtip.active {
  border-bottom: 2px solid #334d6e;
}*/

.cldr-hdr-d li a {
  /*display: block;*/
  color: #28293D;
  text-align: center;
  padding: 0px 10px;
  text-decoration: none;
  /*border-left: 1px solid #e7e7e7;*/
  font-size: 16px;
  font-weight: 500;
  opacity: 0.8;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.cldr-hdr-d li a i {
  font-size: 20px;
}

.cldr-hdr-d li.active a {
  color: #7e7e7e;
  opacity: 1;
}

.calendar-sidebar-tab .sidebar-header h5 {
  font-weight: bold;
}

.feedslist li .activitytype-actions {
  float: left !important;
  /* width: 37px; */
  /* top: -42px; */
  /* position: relative; */
}

.activitytypes
  .activitytype-indicator
  .activitytype-actions
  input[type='checkbox'] {
  float: left !important;
}

input[type='radio'],
.radio input[type='radio'],
.radio-inline input[type='radio'],
input[type='checkbox'],
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox'] {
  width: 15px !important;
  height: 15px !important;
}

input[type='radio']:checked,
.radio input[type='radio']:checked,
.radio-inline input[type='radio']:checked,
input[type='checkbox']:checked,
.checkbox input[type='checkbox']:checked,
.checkbox-inline input[type='checkbox']:checked {
  background: transparent;
  border: 1px solid #c2cfe0;
  background: #0a2eeb !important;
  border-color: #0a2eeb !important;
}

input[type='checkbox']:checked,
.checkbox input[type='checkbox']:checked,
.checkbox-inline input[type='checkbox']:checked,
input[type='checkbox'],
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox'] {
  border-radius: 3px !important;
}

.activitytype-actions .toggleCalendarFeed {
  float: left;
  height: 15px;
  width: 15px;
  font-size: 21px;
}

.dashBoardWidgetFooter {
  width: 100%;
  top: 0px !important;
  padding: 10px;
  height: 45px;
  background: transparent;
  border-bottom: 1px solid #e2e2e2;
}

.dashboardWidgetHeader .title {
  /*padding: 30px 15px 0 0px !important;*/
}

.dashBoardContainer .dashBoardTabContents ul li {
  border: 0 !important;
  padding-top: 45px;
  background: #fff;
  box-shadow: 0 0 10px rgb(51 71 91 / 20%);
  border-radius: 4px;
  /*padding: 20px 20px;*/
  margin: 25px 0 0;
  overflow: hidden;
}

.footerIcons a .fa {
  width: 20px !important;
}

.footerIcons a .fa-remove::before {
  margin-right: 0px !important;
}

button.togglePromotion.down,
.dashboardBanner {
  display: none;
}

.togglePromotion {
  background-color: #c2cfdf !important;
  border: 1px solid #c2cfdf !important;
}

.Contacts-module-action-content .navbar-nav li {
  /*display: none;*/
}

.Contacts-module-action-content .navbar-nav li:last-child {
  display: block;
}

.form-group input[type='text'],
.form-group textarea,
.EmailCampaignsStep2 .col-lg-3 select {
  height: 32px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  padding: 0 10px;
  background: transparent !important;
  font-size: 13px;
  font-weight: 600;
  outline: 0;
  box-shadow: none;
}

table#howto td button.btn.btn-success {
  height: auto !important;
  color: #fff !important;
  background: #00ca72;
  text-shadow: none;
  padding: 4px 8px !important;
  margin: 0 5px;
  border-radius: 4px;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%);
  border: 0;
  font-size: 10px !important;
  font-family: 'Arimo', sans-serif !important;
  font-weight: 500;
  outline: 0 !important;
  text-align: center;
  width: auto !important;
}

button#EmailCampaigns_Subscribe,
button#EmailCampaigns_UnSubscribe,
button.btn.addButton.jumpToStep {
  /* width: 100%; */
  display: inline-block;
  float: right;
  background: #ffffff;
  color: #33475b !important;
  /* box-shadow: 0px 6px 18px rgb(0 0 0 / 6%); */
  border-radius: 4px;
  padding: 6px 10px;
  margin: 0 0px 0 0;
  box-sizing: border-box;
  border: 1px solid #ddd;
  outline: 0 !important;
}

.EmailCampaignsStep4 .span10 {
  text-align: left;
}

.EmailCampaignsStep4 .paddingTopBottom5per {
  padding: 0 !important;
}

h2.stepDesc {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 25px 0 0;
}

/*CALENDAR POPUP*/
.modal.in .modal-dialog.calendarSettingsContainer {
  /* top: 64%; */
  /* left: 37.5%; */
  width: 50%;
}

form#CalendarSettings label.fieldLabel.col-lg-4.col-sm-4.col-xs-4,
form#CalendarSettings .fieldValue.col-lg-8.col-sm-8.col-xs-8 {
  width: 100%;
  display: block;
  float: right;
  direction: rtl;
}

form#CalendarSettings .radio input[type='radio'],
.radio-inline input[type='radio'],
form#CalendarSettings .checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox'] {
  margin-right: 0;
  margin-left: 0px;
}

form#CalendarSettings input.alignTop {
  position: relative;
  top: 2px;
  right: 4px;
}

form#CalendarSettings input[type='radio']:checked::after,
form#CalendarSettings .radio input[type='radio']:checked::after,
form#CalendarSettings .radio-inline input[type='radio']:checked::after {
  left: 50% !important;
  height: 8px;
  width: 8px;
  transform: translate(-95%, -50%);
  top: 50%;
  margin: 0;
}

form#CalendarSettings input[type='radio']:checked::after,
form#CalendarSettings .radio input[type='radio']:checked::after,
form#CalendarSettings .radio-inline input[type='radio']:checked::after {
  background: #fff !important;
}

/*.listViewPageDiv.Worflowlist div#listViewContent{
    margin-top: 50px !important;
}*/

/*.detailview-content.container-fluid {
    float: left;
    width: 71.5%;
    margin: -15% 0 0 -1.025%!important;
}*/

/*POPUPS*/
.modal-backdrop {
  background: transparent !important;
}

.modal.in .modal-dialog {
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
  border: 0 !important;
  box-shadow: 0 0 10px rgba(51, 71, 91, 0.2);
}

.modal-content {
  border-radius: 4px;
  box-shadow: none;
  border: 0 !important;
  margin-top: 0 !important;
}

.well {
  border: 0;
  border-radius: 0;
  padding: 0;
}

.addCondition button.btn.btn-default {
  color: #52575c !important;
  background: transparent;
  text-shadow: none;
  padding: 7px 16px !important;
  border-radius: 4px;
  /*box-shadow: 4px 4px 10px rgb(51 71 91 / 20%);*/
  border: 1px solid #dbdde0 !important;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: 500;
  text-shadow: none !important;
  outline: 0 !important;
}

.addCondition button.btn.btn-default:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.conditionList input[type='text'].inputElement {
  border: 0 !important;
  border: 1px solid rgb(51 71 91 / 10%) !important;
  padding: 0 !important;
}

textarea#commentcontent {
  border: 0 !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

.fileUploadContainer {
  display: inline-block;
  float: left;
}

.fileUploadContainer .MultiFile-wrap {
  margin-left: 0;
}

.fileUploadBtn.btn.btn-sm {
  float: left !important;
  display: inline-block;
}

.addCommentBlock .fileUploadContainer,
.fileUploadBtn.btn.btn-sm {
  float: right;
}

img.cursorPointer.alignMiddle.blockToggle {
  float: left;
}

#quickCreateModules .col-lg-6.col-xs-6 {
  padding-top: 7px;
  padding-bottom: 7px;
}

/*SUBMENU - SETTINGS PAGE*/
.subMenuTab {
  width: 67.86%;
  display: inline-block;
  float: left;
  border: 0;
  position: relative;
  margin-top: 2%;
  left: 35px;
}

.subMenuTab ul.nav.nav-tabs {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  margin: 0;
  border: 0;
}

.subMenuTab li.tab-item {
  float: right;
  /*padding: 0 5px;*/
  margin: 0 2px;
  float: right !important;
  max-height: 50px;
}
/*
.subMenuTab ul.nav.nav-tabs li img {
  max-width: 14px !important;
  max-height: 14px !important;
  margin-left: 5px;
}*/

.module-action-content.disNone {
  /*display: none;*/
}

.editbutton-container {
  display: inline-block;
  float: right;
  margin: 0 0 20px;
  padding: 0;
}

.editbutton-container button#updateCompanyDetails,
button.btn.btn-default.editButtonNew,
button#Users_detailView_basicAction_LBL_EDIT {
  color: #fff;
  background: #c2cfe0;
  text-shadow: none;
  padding: 9px 10px;
  margin: 0 10px 0 0;
  border-radius: 4px !important;
  /*box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;*/
  border: 0;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

.editbutton-container button#updateCompanyDetails:hover,
button.btn.btn-default.editButtonNew:hover,
button#Users_detailView_basicAction_LBL_EDIT:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.editbutton-container button#updateCompanyDetails img,
button.btn.btn-default.editButtonNew img,
button#Users_detailView_basicAction_LBL_EDIT img {
  max-width: 16px !important;
  max-height: 16px !important;
}

span.logo {
  width: 100px;
  height: 100px;
  background: #c2cfe0;
  border-radius: 50%;
  line-height: 100px;
  text-align: center;
}

span.logo > i {
  font-size: 50px !important;
  line-height: 100px !important;
  padding: 0;
  color: #fff !important;
}

div#userPageHeader .col-md-5.recordImage {
  border-radius: 50%;
  height: 50px !important;
  width: 50px !important;
  background-color: #c2cfe0 !important;
}

div#userPageHeader .col-md-5.recordImage .name > span strong {
  line-height: 50px !important;
  font-size: 25px !important;
  text-shadow: none !important;
}

div#prefPageHeader span.col-xs-9 {
  float: right;
  position: relative;
  top: 32px;
}

span#myPrefHeading h3,
span.font-x-x-large {
  font-weight: 600;
  font-size: 18px !important;
  line-height: 25px;
  margin: 0 0 3px;
}

.input-save-wrap span.pointerCursorOnHover {
  border: 0;
  background: none;
  padding: 0 2px;
}

.input-save-wrap .fa.fa-check {
  color: #00ca72;
}

.input-save-wrap i.fa.fa-close {
  color: #2c3b49;
}

input.inputElement.form-control,
input.inputElement .select2 {
  border: 0;
  border-bottom: 1px solid #d3d8dd !important;
  color: #323c47;
  font-weight: 600;
  font-size: 13px;
  padding: 0 5px;
  box-shadow: none !important;
  border-radius: 0px !important;
}

input.inputElement.form-control,
.select2-container .select2.inputElement {
  height: auto !important;
  min-height: 18px;
  width: 84% !important;
  padding: 0 5px;
}

span.action a.editAction img {
  /* margin-right: 5px;
    max-width: 10px;
    max-height: 10px;*/
}

tr.emptyRecordsDiv td {
  width: 100% !important;
  text-align: center;
  display: block;
}

.select2-container .select2-choice .select2-arrow b {
  background: url(/layouts/v7/resources/Images/down-arrow.png) no-repeat;
  background-image: url(/layouts/v7/resources/Images/down-arrow.png) no-repeat !important;
  background-position: 5px 10px;
}

hr {
  /* border-top: 1px solid #ebeff2; */
  border-bottom: 1px solid rgb(51 71 91 / 27%);
}

.app-menu .collapse {
  visibility: visible !important;
}

.clearfix.treeView {
  padding: 25px 25px;
}

i.vicon-foldermove {
  font-size: 14px !important;
  color: #c2cfe0;
  top: 3px !important;
  position: relative;
}

/*REPORTS*/
.reports-content-area,
.fieldBlockContainer {
  width: 75%;
  margin: 0 auto;
}

#massEditContainer .reports-content-area,
.fieldBlockContainer {
  width: 100%;
}

.reportContents {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  margin: 25px 0 0;
  padding: 20px 20px;
  box-sizing: border-box;
}

.reportContents input.inputElement,
.reportContents .select2-container,
.reportContents .select2-drop,
.reportContents .select2-search,
.reportContents .select2-search input,
.reportContents textarea,
.quickCreateContent input[type='text'].inputElement,
.quickCreateContent .input-group.inputElement,
.quickCreateContent input[type='password'].inputElement,
.quickCreateContent .select2-container,
.fieldBlockContainer .inputElement,
.fieldBlockContainer input.inputElement,
.fieldBlockContainer .select2-container,
form#PipelineviewConfigure select.chzn-select2,
.CTPaymentDefaultTemplates span.conditionRow > select,
.CTPaymentNewEmailTemplates select,
.CTPaymentNewEmailTemplates input,
.CTPayemntSignatureTemplate select,
.CTPayemntSignatureTemplate input,
.EditCTPayment input,
.EditCTPayment select,
.EditCTPayment textarea {
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  /*float: right !important;*/
}

.CTPaymentDefaultTemplates span.conditionRow > select,
.CTPaymentNewEmailTemplates select,
.CTPaymentNewEmailTemplates input,
.EditCTPayment input,
.EditCTPayment select,
.EditCTPayment textarea {
  width: 100% !important;
}

.EditCTPayment input[type='checkbox'] {
  width: 14px !important;
}

.reportContents .inputElement.select2-container .select2-choice,
.quickCreateContent .select2-container .select2-choice,
.fieldBlockContainer .select2-container .select2-choice {
  margin: 4px 0 0 !important;
}

.reportContents .select2-container .select2-choice > .select2-chosen,
.quickCreateContent .select2-container .select2-choice > .select2-chosen,
.fieldBlockContainer .select2-container .select2-choice > .select2-chosen,
.referencefield-wrapper .select2-input.select2-default {
  margin-right: 20px !important;
}

.reportContents div#s2id_secondary_module {
  display: inline-block !important;
}

input.autoComplete.inputElement.ui-autocomplete-input {
  padding: 0 !important;
  width: 170px;
}

input#s2id_autogen25,
div#s2id_viewColumnsSelect {
  width: 100% !important;
  border: 0 !important;
  box-shadow: none !important;
}

ul.select2-choices.ui-sortable li.select2-search-field.ui-sortable-handle {
  box-shadow: none !important;
  border-radius: 0 !important;
}

/*SCROLLBAR*/
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #f4f6f9 !important;
  /*width: 2px !important;*/
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #c2cfe0 !important;
  /*width: 4px !important;*/
}

div#mCSB_9_dragger_vertical {
  /*width: 2px;*/
}

/*EMAIL TEMPLATES*/
.detailview-content.container-fluid.emailTemplatesDetails {
  width: 70%;
  float: left;
  display: inline-block;
  margin: -12.5% 0 0;
}

.detailview-content.container-fluid.emailTemplatesDetails
  iframe#TemplateIFrame {
  border: 1px solid rgb(51 71 91 / 10%) !important;
  border-radius: 4px !important;
}

.col-lg-12.col-sm-12.col-md-12.detailViewButtoncontainer.pull-right.emailTemplateActions {
  text-align: center;
}

.emailTemplateActions .pull-right {
  float: none !important;
}

.emailTemplateActions .tagContainer #addTagContainer {
  display: none !important;
}

div#moduleEditViewListid {
  background: #fff;
  margin: -25% 0 0 -4%;
  width: 71.75%;
  float: left;
  left: 30px;
  position: relative;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  padding: 20px 20px;
}

div#moduleEditViewListid span.moduleName {
  margin-right: 10px;
}

div#moduleEditViewListid input[type='checkbox'] {
  top: 3px;
}

/*.modal-dialog .modal-content form#AddDashBoardTab {
    right: -10% !important;
}*/

/*OUTLOOK PLUGIN*/
.main.dashboard1.ofc365Box {
  width: 90%;
  display: inline-block;
  background: #fff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  background: #fff !important;
  border-radius: 4px;
  position: relative;
  right: 7% !important;
  padding: 20px 20px;
  box-sizing: border-box;
}

h3.plugHead,
.settingsPageDiv .fbBox span,
.ofc365Details h4,
.fbBox h4 {
  font-weight: 600;
  font-size: 18px;
  font-family: 'Arimo', sans-serif !important;
  color: #323c47;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.ofc365Details h4,
.fbBox h4 {
  text-transform: capitalize;
}

.ds-header.dashboard3 {
  border: 1px solid #ebeff2 !important;
  border-radius: 4px;
  display: inline-block;
  width: 100%;
  padding: 15px 15px;
}

h2.stepHead {
  color: #818e9b;
  font-size: 16px;
  text-transform: uppercase;
  margin: 10px 0;
}

h2.stepTxt {
  color: #323c47;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 10px 0;
}

.ds-header button.btn.btn-success {
  margin: 25px 0 10px !important;
  padding: 7px 25px;
}

.module-action-bar.CTOutlookSync-module-action-content
  .col-lg-5.col-md-6.col-sm-7.col-xs-1.padding0.pull-right {
  float: left !important;
}

.module-action-bar.CTOutlookSync-module-action-content
  .col-lg-7.col-md-6.col-sm-5.col-xs-11.padding0.pull-right {
  float: right !important;
}

.main.ofc365Details,
.main-container-CTGoogleCalendar .main {
  width: 96%;
  display: inline-block;
  float: left;
  padding-top: 0 !important;
  padding-right: 0px !important;
  margin: 32px 0 0;
}

.ofc365Details .tableBox,
.ofc365Details .formBox,
.fbBox .contents {
  background: #fff !important;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  padding: 20px 20px;
  margin: 15px 0 0 10px;
}

.ofc365Details .formBox {
  width: 102%;
  margin: 0px -10px 0px 0px;
}

.settingsPageDiv .fbBox {
  width: 96%;
  float: left;
}

.ofc365Details .tableBox table.table td {
  padding: 10px 20px;
  font-weight: 400;
}

.ofc365Details .tableBox table.table thead > tr > th,
table.facebookPageData thead > tr > th {
  color: #334d6e;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
  border: 0 !important;
}

table.facebookPageData thead > tr.listViewContentHeader > th,
table.facebookPageData tbody > tr:first-child td {
  max-width: 100% !important;
  width: 33.33% !important;
}

table.table.table-bordered.equalSplit.facebookFormData {
  margin: 10px 0;
  position: relative !important;
  left: 29px !important;
}

form#OutlookConfiguration input[type='text'].inputElement,
form#OutlookConfiguration input[type='password'].inputElement {
  width: 75% !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  padding: 5px 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

form#OutlookConfiguration .select2-container {
  width: 100% !important;
  float: right;
}

.ofc365Details .formBox h5 {
  display: block;
  float: right;
  width: 100%;
  padding: 0 0 10px;
  margin: 0;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
}

table#convertMapping {
  width: 100%;
  float: right;
  direction: ltr;
}

table#convertMapping .inputElement {
  float: right;
  text-align: right;
}

table.facebookFormData table#convertMapping {
  direction: rtl !important;
}

table.facebookFormData table#convertMapping .inputElement {
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  width: 90% !important;
  margin: 10px 0;
}

table#convertMapping tr.listViewEntries {
  direction: rtl !important;
}

table#convertMapping tbody > tr > th,
table.facebookPageData th {
  text-align: right;
}

.fieldMapping form#fieldMapping b,
.fieldMapping form#fieldMapping strong {
  color: #33475b;
  font-weight: 600;
}

.fieldMapping form#fieldMapping .table-actions,
.fieldMapping form#fieldMapping td span.actionImages {
  float: right !important;
  text-align: right !important;
}

.ofc365Details .formBox .table-actions span,
.ofc365Details .formBox span.col-sm-4 {
  float: none !important;
  text-align: center !important;
}

button#addMapping {
  margin: 25px 20px 0 0;
}

/*BILING PLUGIN*/
.billingview .listViewPageDiv {
  width: 100%;
  display: inline-block;
  float: left;
  position: relative;
  right: 0 !important;
  top: 50px !important;
  box-shadow: none !important;
}

.billingview .col-sm-4.span5 {
  width: 33.33333333% !important;
}

.billingview .plan-tab {
  width: 100%;
  display: inline-block;
  color: #192a3e;
  border: 0;
  border-radius: 4px !important;
  background: #fff;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 8%) !important;
  text-align: center;
  text-align: center;
  margin-bottom: 0px !important;
}

.billingview .plan-tab.currentplan {
  box-shadow: 0px 0px 16px rgb(0 0 0 / 14%) !important;
}

.billingview .plan-title {
  color: #33475c;
  font-size: 20px;
  padding: 0 0 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 5px;
}

#sales-plan .plan-heading,
#support-plan .plan-heading,
#ultimate-plan .plan-heading {
  background: #fff !important;
  border-top: 4px solid #2196f3;
  color: #33475c !important;
  border-radius: 4px !important;
  min-height: 100px !important;
}

#support-plan .plan-heading {
  border-top: 4px solid #8bc34a;
}

#ultimate-plan .plan-heading {
  border-top: 4px solid #f39c12;
}

.billingview .plan-price {
  color: #00ca72;
  font-size: 32px !important;
  padding: 10px 0 0;
  text-shadow: none !important;
  font-weight: 600;
}

.billingview .btn,
span.buyNow.buyNowsupport {
  margin: 25px 0 !important;
}

.billingview .btn-default {
  background: #fff !important;
  border: 1px solid rgb(51 71 91 / 10%) !important;
  outline: 0 !important;
}

.billingview .btn-default:hover,
.billingview .btn-default:focus,
table.tst3 button.btn.btn-default {
  background-color: #0a2eeb !important;
  color: #fff !important;
  outline: 0 !important;
}

.current-plan-badge {
  color: #fff !important;
  background-color: #00ca72 !important;
}

.current-plan-badge:after {
  border-left-color: #00ca72 !important;
}

.badge-text {
  position: absolute;
  top: 5px;
  left: 10px !important;
  color: #fff !important;
  font-size: 12px;
  font-weight: 600 !important;
  text-transform: uppercase;
}

.plan-body {
  min-height: 275px !important;
}

.plan-body table tr.rowbg td {
  background: #fff !important;
  line-height: 100% !important;
}

.plan-body table tr.rowbg td a {
  float: none !important;
  text-align: center !important;
  color: #33475b;
  font-size: 12px !important;
}

.main-container.main-container-Billing div#listViewContent {
  width: 90% !important;
  margin-left: 20px !important;
  padding-right: 0 !important;
  min-height: 675px;
  padding: 10px 10px !important;
}

.main-container.main-container-Billing div#listViewContent .col-sm-12 {
  margin: 0 auto !important;
}

.main-container.main-container-Billing div#listViewContent .container {
  width: 100% !important;
}

table .tst1,
table .tst2,
table .tst3,
table .tst4,
table.facebookPageData center {
  text-align: right !important;
}

.billingview .box1,
.billingview .tst7,
.billingview .tst9 {
  border: 1px solid rgb(51 71 91 / 10%) !important;
}

.billingview th.tst8{
  color: #334d6e;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
}

table#paypalTable th{
  color: #28293D;
  font-size: 15px;
  font-weight: 900;
  text-align: right;
}

.billingview h3.tst6 {
  margin: 10px 10px 0 0;
}

.billingview .listViewPageDiv .col-sm-12 strong > span {
  color: #0A2EEB;
  font-size: 16px !important;
  padding: 0 0 25px;
  font-weight: 900;
  text-transform: uppercase;
}

.table.moreDetailsTable {
  color: #515262 !important;
  font-size: 15px;
  font-weight: 500;
  margin: 15px auto 0 !important;
  border-radius: 10px;
  border: 1px solid #EBEBEC !important;
  background: #FFF;
  box-shadow: 0 0 15px 0 #E4EBF5;
}

.table.moreDetailsTable th,
.table.moreDetailsTable td {
  padding: 12px;
}

.table.moreDetailsTable > tbody > tr > td {
  border: 0 !important;
}

.table.moreDetailsTable tr {
  border-bottom: 1px solid #E4EBF5 !important;
  border-top: 1px solid #E4EBF5 !important;
  background-color: #fff !important;
}

.table.moreDetailsTable tr:last-child,
.table.moreDetailsTable .final_price span b {
  font-size: 15px;
  background-color: #E5F4FF !important;
  color: #28293D !important;
  font-weight: 800;
}

.table.moreDetailsTable input[type='text'] {
  border: 1px solid #CCCCD0 !important;
  border-radius: 5px !important;
  text-align: center;
}

.table.moreDetailsTable span.smallSub {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px !important;
}

.table.moreDetailsTable input#checkme {
  position: relative;
  top: 3px;
}

/*ALL INTEGRATION*/
.settingsIndexPage.allIntegrations .settingsSummary a {
  width: 90%;
  float: none !important;
  text-align: center;
}

.settingsIndexPage.allIntegrations .settingsSummary a img {
  display: block;
  margin: 25px auto !important;
}

.settingsIndexPage.allIntegrations .settingsSummary a .summaryText {
  font-weight: 600;
  text-transform: capitalize;
}

table.facebookPageData,
table.facebookPageData > tbody > tr > td {
  border: 0 !important;
}

table.facebookPageData tr.facebookPage img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50%;
}

table#convertMapping .select2-container .select2-choice > .select2-chosen {
  font-size: 13px;
  text-transform: capitalize !important;
  font-weight: 400 !important;
  width: 90% !important;
}

button#browseCrm,
.col-lg-4.browse input#multiFile {
  color: #52575c !important;
  border: 1px solid #dbdde0 !important;
  margin: 0 5px !important;
  background: transparent;
  border-radius: 3px !important;
}

/*CALENDAR LISTING*/
.cldr-hdr-d.cldrListing {
  max-width: 74%;
  float: left;
  margin-bottom: 40px !important;
  display: inline-block;
}

.relatedContainer.planDetailsDiv {
  margin: -2% 0 0;
  width: 100%;
}

.emailModulesList .clearReferenceSelection {
  position: relative !important;
  top: 0px !important;
  left: 3px !important;
  color: #d0dae7 !important;
  font-size: 14px !important;
}

/*QUICK VIEW POPUP*/
div#helpPageOverlay {
  /*width: 60% !important;
    height: 75% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0px 8px 32px rgb(0 0 0 / 12%);
    float: left !important;
    display: inline-block;*/
  width: 60% !important;
  background: transparent !important;
  box-shadow: none !important;
}

div#helpPageOverlay .quickPreview {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-96%, -10%);
  width: 100%;
  height: 75%;
  margin: 0 auto !important;
  border: 0 !important;
  box-shadow: 0px 8px 32px rgb(0 0 0 / 12%);
}

div#helpPageOverlay .quickPreview div#mCSB_11_container {
  padding: 0 25px;
}

div#helpPageOverlay .quickPreviewSummary,
div#helpPageOverlay .engagementsContainer,
div#helpPageOverlay .quickPreviewComments {
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  margin-bottom: 25px !important;
  padding: 0 15px 15px 15px;
}

button#quickPreviewPreviousRecordButton,
button#quickPreviewNextRecordButton {
  border: 0 !important;
  background: 0 !important;
  color: #33475b;
}

div#helpPageOverlay .col-lg-2 {
  float: left !important;
}

/*WEBFORM*/
.width25.webformDetails {
  width: 96.75% !important;
  right: 15px;
  margin-bottom: 20px;
}

.width25.webformDetails .tagContainer #addTagContainer,
.width25.webformDetails button.smartphone,
.width25.webformDetails button.phonegreen {
  display: none;
}

.width25.webformDetails input.form-control,
.width25.webformDetails input.form-control:hover,
.width25.webformDetails input.form-control:focus {
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
}

div#taskListContainer .listview-table tr td:first-child,
div#taskListContainer .listview-table tr th:first-child {
  padding: 10px 10px !important;
}

div#taskListContainer .bootstrap-switch {
  margin-left: 0 !important;
  margin-right: 5px !important;
}

/*REPORTS*/
.reportsDetailHeader {
  width: 100%;
  display: inline-block;
  background: #fff !important;
  padding: 20px 20px;
}

.reportsDetailHeader div#filterContainer {
  padding: 0;
  box-shadow: none !important;
  width: 100%;
}

.reportsDetailHeader .listViewPageDiv {
  box-shadow: none !important;
}

.fieldUiHolder input.inputElement,
.conditionList input[type='text'].inputElement {
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  height: 20px;
  margin: 6px 0 0;
}

div#reportContentsDiv {
  margin: 25px 0 0;
  border: 0;
  box-shadow: 0px 8px 32px rgb(0 0 0 / 12%);
  background: #fff;
}

.reportContents input[type='radio'],
form#workflow_edit input[type='radio'] {
  position: relative;
  margin: 0 5px !important;
}

.lineItemModulebuttons {
  width: 75% !important;
  display: inline-block;
  margin: 0 auto 10px !important;
  padding: 0 12.75%;
}

.lineItemModulebuttons .btn-toolbar {
  float: right;
}

.importview-content {
  width: 75%;
  margin: 0 18% auto;
  /* float: left; */
}

.overlayHeader.importHeaderView h4.pull-left {
  margin-right: 12%;
  /* float: left !important; */
}

.modal-overlay-footer button.btn.btn-default,
div#listview-actions .moduleManagerBlock button.btn.btn-default,
div#moduleManagerContents button.btn.btn-default {
  color: #52575c !important;
  border: 1px solid #dbdde0 !important;
  margin: 0 5px !important;
  background: transparent !important;
  border-radius: 3px !important;
  padding: 6px 25px !important;
  outline: 0 !important;
}

div#listview-actions .moduleManagerBlock button.btn.btn-default {
  margin: 0 !important;
  background: #00ca72 !important;
}

div#listview-actions .moduleManagerBlock button.btn.btn-default i.caret {
  margin-right: 5px;
}

button#skipDuplicateMerge {
  border-radius: 3px !important;
  padding: 6px 25px !important;
}

.editViewPageDiv.detailViewContainer.ScallaUserEditView td {
  width: 50% !important;
  display: inline-block !important;
}

.main-container.main-container-RecycleBin
  .list-menu-content.mCustomScrollbar._mCS_10.mCS-autoHide.mCS-dir-rtl {
  height: 400px !important;
}

button#RecycleBin_listView_basicAction_LBL_EMPTY_RECYCLEBIN {
  border-radius: 4px;
  margin: -6px 10px;
}

form#report_step2 .padding1per {
  /*width: 100%;*/
  box-shadow: none;
  border-radius: 0;
}

tr.pickListValue.ui-sortable-handle img.cursorDrag.alignMiddle {
  float: right;
  margin: 2px 0 0 10px !important;
}

table#pickListValuesTable .bgColor {
  background-color: #fff;
}

span#cke_1_top {
  width: 100%;
  box-sizing: border-box;
}

.detailsLeftAlign .relatedContainer {
  width: 100%;
  margin: 0;
}

/*RESPONSIVE*/
@media (min-width: 768px) {
  .modal-dialog {
    width: 780px;
    max-width: 780px;
    margin: 30px auto;
  }
}

@media (min-width: 1400px) {
  .modal-dialog.modal-lg.relatedpopup_modal {
    width: 1000px;
  }
}

@media (min-width: 1400px) and (max-width: 1590px) {
  .middle-block.col-lg-8 {
    margin: -24.25% 0 0 -1.5% !important;
  }

  .detailsLeftAlign {
    width: 73.25%;
    margin: -22% 0 0 -2.5% !important;
  }

  .relatedContainer,
  .details > div#updates {
    margin: -22% 0 0 -1.25%;
  }

  .subMenuTab {
    width: 71.25%;
  }
}

@media (min-width: 1600px) {
  .middle-block.col-lg-8 {
    margin: -21% 0 0 -1.5% !important;
  }

  #taskManagementContainer {
    width: 88% !important;
    /*margin: 4% 12% 0 auto;*/
    margin-right: auto;
  }

  .detailsLeftAlign {
    width: 73.25%;
    margin: -22% 0 0 -2.5% !important;
  }

  .relatedContainer,
  .details > div#updates {
    margin: -19% 0 0 -1.25%;
  }

  .subMenuTab {
    width: 74.5%;
  }

  /*#taskManagementContainer .entries .task-details .recordName {
    max-width: 55%;
  }*/
}

@media (min-width: 1750px) {
  .middle-block.col-lg-8 {
    width: 72.015%;
    margin: -19.5% 0 0 -1.2% !important;
  }

  #taskManagementContainer {
    width: 89.5% !important;
    /*margin: 4% 11% 0 auto;*/
    margin-right: auto;
  }

  .detailsLeftAlign {
    width: 73%;
    margin: -17.25% 0 0 -2% !important;
  }

  .relatedContainer,
  .details > div#updates {
    margin: -18% 0 0 -1.25%;
  }

  #taskManagementContainer .entries .task-details .recordName {
    width: 100%;
  }
}

@media (min-width: 1790px) {
  div#listViewContent {
    width: 76% !important;
  }

  .subMenuTab {
    width: 76%;
  }
}

@media (min-width: 1200px) and (max-width: 1375px) {
  div#listViewContent {
    width: 73.25% !important;
  }

  .module-buttons.btn,
  .dashboardHeading .addButton,
  button.btn-success.updateSequence,
  .ruleListContainer button.addButton.addCustomRule,
  .ds-header button.btn.btn-success,
  .ofc365Details button.btn.btn-success,
  .layoutContent .addButton,
  .relatedTabModulesList .addButton,
  button#addFileFieldBtn,
  .reportHeader .btn-toolbar button.btn.btn-default {
    margin: 0 5px 0 0;
  }

  .subMenuTab {
    width: 64.86%;
  }
}

@media (min-width: 1000px) and (max-width: 1190px) {
  div#listViewContent {
    width: 71.25% !important;
  }
}

/*======== ALL PLUGINS ========= */

/*PIPELINEVIEW*/
#btnGoToPipelineViewView {
  position: relative;
  top: -45px;
  left: -45px;
  z-index: 33333;
  margin-right: 0;
  /*display: inline-block;*/
  box-shadow: 0 0 2px rgb(51 71 91 / 25%);
  display: none !important;
}

.main-content.MainPipeLineView {
  /*width: 96%;
    float: left;*/
  padding: 0;
}

.main-content.MainPipeLineView .btn-group.pull-right {
  display: none;
}

.col-md-12.pipelineCustomview {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 5px 10px;
}

.pipelineCustomview button.btn.addButton.btn-default.module-buttons.pull-right {
  background: transparent;
  box-shadow: none !important;
}

.pipelineCustomview button#btnConfig {
  border-right: 1px solid rgb(51 71 91 / 10%) !important;
  border-radius: 0 !important;
}

.PipelineviewParentContainer .col-md-3 {
  width: 25%;
}

.PipelineviewBox {
  background-color: transparent !important;
  margin-bottom: 15px;
}

.PipelineviewBox .PipelineviewBoxHeader .PipelineviewBoxTitle {
  width: auto !important;
  float: right;
  height: 39px;
  padding: 5px 10px !important;
  color: #ffffff;
  display: inline-block;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  font-size: 14px;
}

.PipelineviewBoxHeader {
  background: transparent !important;
  height: 40px !important;
}

.PipelineviewContainer #searchbox input {
  background-color: transparent !important;
  border-radius: 4px;
  border: 1px solid #dbdde0 !important;
  color: #52575c !important;
}

.PipelineviewContainer {
  width: 100%;
  display: inline-block;
  float: left;
  background: #fff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  padding: 20px 20px;
}

/*.PipelineviewContainer .col-md-3:nth-child(n) .PipelineviewBoxContent {
    border-left: 4px solid #00ca72 !important;
}
.PipelineviewContainer .col-md-3:nth-child(3n+1) .PipelineviewBoxContent {
    border-left: 4px solid #ffaa50!important;
}
.PipelineviewContainer .col-md-3:nth-child(3n) .PipelineviewBoxContent {
    border-left: 4px solid #f7685b !important;
}*/
.PipelineviewBoxContent {
  border: 0;
  margin: 2px 0 10px;
  /* box-shadow: 0px 2px 10px rgb(51 71 91 / 10%) !important;*/
  clear: both;
  float: right;
  width: 100%;
  /*border-left: 4px solid #4045ee !important;*/
  border-radius: 4px;
  height: 350px !important;
  background: #ffffff !important;
}

.PipelineviewTaskHeader {
  display: block;
  border-bottom: none !important;
  padding: 5px 5px;
}

.PipelineviewTaskTitle a {
  font-weight: 600;
  color: #4c5862;
}

.PipelineviewEyeIcon {
  /*margin-left: 10px;*/
  font-size: 15px;
  color: #99b5d7 !important;
}

.PipelineviewLabelContainer .PipelineviewLabel {
  width: 100% !important;
  display: block;
  float: left;
  height: 100%;
  line-height: 10px;
  padding-left: 3px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 5px;
  color: #666 !important;
  font-weight: 600;
}

.PipelineviewValueContainer span {
  color: #4c5862 !important;
}

.PipelineviewBoxTask {
  background: #ffffff !important;
  border-top: 1px solid #dbdde0 !important;
  border-bottom: 1px solid #dbdde0 !important;
  min-height: 167px !important;
}

.pipelineConfiguration #breadcrumb {
  width: 94.4%;
  float: left;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  position: relative;
  left: 4px;
}

.pipelineConfiguration #breadcrumb .crumbs li a {
  padding: 4px 0 0;
}

form#PipelineviewConfigure .padding1per,
.padding1per1 {
  width: 96%;
  float: left;
  border: none !important;
  padding: 10px !important;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  /* right: 60px !important;
    top: 40px !important;*/
  background: #fff !important;
  border-radius: 4px;
}

.padding1per1 {
  width: 94.4%;
}

form#PipelineviewConfigure .table-bordered,
#page .main .OnlinePayPlugBox .table-bordered {
  border: 0 !important;
}

form#PipelineviewConfigure .table-bordered > thead > tr > th,
form#PipelineviewConfigure .table-bordered > tbody > tr > th,
form#PipelineviewConfigure .table-bordered > tfoot > tr > th,
form#PipelineviewConfigure .table-bordered > thead > tr > td,
form#PipelineviewConfigure.table-bordered > tbody > tr > td,
form#PipelineviewConfigure .table-bordered > tfoot > tr > td,
form#PipelineviewConfigure .table-bordered > thead > tr > th,
form#PipelineviewConfigure .table-bordered > tbody > tr > th,
form#PipelineviewConfigure .table-bordered > tfoot > tr > th,
form#PipelineviewConfigure.table-bordered > thead > tr > td,
form#PipelineviewConfigure .table-bordered > tbody > tr > td,
form#PipelineviewConfigure .table-bordered > tfoot > tr > td,
.signatureTemplateList .table-bordered > thead > tr > th,
.signatureTemplateList .table-bordered > tbody > tr > th,
.signatureTemplateList .table-bordered > tfoot > tr > th,
.signatureTemplateList .table-bordered > thead > tr > td,
.signatureTemplateList .table-bordered > tbody > tr > td,
.signatureTemplateList .table-bordered > tfoot > tr > td,
.ctPaymentTemplatesList .table-bordered > tbody > tr > th,
.ctPaymentTemplatesList .table-bordered > thead > tr > th,
.ctPaymentTemplatesList .table-bordered > tfoot > tr > th,
.ctPaymentTemplatesList .table-bordered > thead > tr > td,
.ctPaymentTemplatesList .table-bordered > tbody > tr > td,
.ctPaymentTemplatesList .table-bordered > tfoot > tr > td,
.CTPaymentNewEmailTemplates .table-bordered > thead > tr > th,
.CTPaymentNewEmailTemplates .table-bordered > thead > tr > td,
.CTPaymentNewEmailTemplates .table-bordered > tbody > tr > th,
.CTPaymentNewEmailTemplates .table-bordered > tbody > tr > td,
.CTPayemntSignatureTemplate .table-bordered > thead > tr > th,
.CTPayemntSignatureTemplate .table-bordered > thead > tr > td,
.CTPayemntSignatureTemplate .table-bordered > tbody > tr > th,
.CTPayemntSignatureTemplate .table-bordered > tbody > tr > td,
.EditCTPayment .table-bordered > thead > tr > th,
.EditCTPayment .table-bordered > thead > tr > td,
.EditCTPayment .table-bordered > tbody > tr > th,
.EditCTPayment .table-bordered > tbody > tr > td,
.DetailSignatureTemplate .table-bordered > thead > tr > th,
.DetailSignatureTemplate .table-bordered > thead > tr > td,
.DetailSignatureTemplate .table-bordered > tbody > tr > th,
.DetailSignatureTemplate .table-bordered > tbody > tr > td {
  border: 0 !important;
  border-bottom: 1px solid #dbdde0 !important;
  color: rgb(51 71 91 / 75%) !important;
  font-size: 14px;
  font-weight: 600;
}

table.table.table-bordered.blockContainer.showInlineTable .fieldLabel label {
  width: 95%;
  display: inline-block;
  float: right !important;
  text-align: right !important;
  padding-right: 5px !important;
}

table.table.table-bordered.blockContainer.showInlineTable .redColor {
  color: red;
  float: right !important;
}

.signatureTemplateList .table-bordered > thead > tr > td,
.signatureTemplateList .table-bordered > tbody > tr > td,
.signatureTemplateList .table-bordered > tfoot > tr > td,
.ctPaymentTemplatesList .table-bordered > thead > tr > td,
.ctPaymentTemplatesList .table-bordered > tbody > tr > td,
.ctPaymentTemplatesList .table-bordered > tfoot > tr > td {
  font-weight: 400;
}

form#PipelineviewConfigure .listViewEntries input[type='text'] {
  width: auto;
  height: 32px;
  display: inline-block;
  float: right;
  color: rgb(51 71 91 / 75%);
  padding: 0 10px;
  text-decoration: none;
  vertical-align: top;
  border: 1px solid #c2cfe0;
  border-radius: 4px !important;
  position: relative;
  top: 0px;
}

form#PipelineviewConfigure select.chzn-select2 {
  width: 100%;
}

div#step1next {
  margin: 20px 0 0;
  display: flex;
  align-items: center;
}

/*WEBPAYMENT & DIGITAL SIGNATURE PLUGIN*/
#page .main .OnlinePayPlugBox,
.container-fluid.PaymentConfigure,
.container-fluid.CTPaymentDefaultTemplates,
.container-fluid.signatureTemplateList,
.container-fluid.ctPaymentTemplatesList,
.container-fluid.CTPaymentNewEmailTemplates,
.container-fluid.CTPayemntSignatureTemplate,
.container-fluid.EditCTPayment,
.container-fluid.DetailSignatureTemplate {
  width: 93%;
  display: inline-block;
  float: left;
  border: none !important;
  padding: 10px !important;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  background: #fff !important;
  border-radius: 4px !important;
  margin: 0 0 25px 0 !important;
}

.CTPayment-module-action-content h4.module-title.pull-left.text-uppercase {
  max-width: 100%;
}

#page .main .showInlineTable tr,
#page .main .showInlineTable td {
  border: 0 !important;
}

#page .main .showInlineTable th,
.CTPayemntSignatureTemplate .table th {
  text-align: right !important;
  color: rgb(51 71 91 / 75%);
  font-weight: 600;
  /*float: right !important*/
}

/*.ds-header center>h2 {
  display: none !important;
}*/
.main.dashboard1.ofc365Box .ds-header center > h2 {
  display: block !important;
}

.ds-tite1,
.ds-tite2,
.ds-tite3,
.ds-tite4,
.ds-tite5 {
  margin-bottom: 0 !important;
}

.ds-det .row_d {
  height: 140px;
  display: inline-block;
  float: right;
  border: 0;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
  padding: 20px 0;
  margin: 0 20px 20px;
}

.ds-det .row_d center img {
  display: none;
}

.container-fluid.PaymentConfigure .contentHeader.row-fluid {
  margin: 15px 0 10px !important;
}

.container-fluid.PaymentConfigure,
.container-fluid.CTPaymentDefaultTemplates,
.container-fluid.signatureTemplateList,
.container-fluid.ctPaymentTemplatesList,
.container-fluid.CTPaymentNewEmailTemplates,
.container-fluid.CTPayemntSignatureTemplate,
.container-fluid.EditCTPayment,
.container-fluid.DetailSignatureTemplate {
  width: 90%;
  position: relative;
  left: 40px;
}

.PaymentConfigure table.table.showInlineTable.listViewEntriesTable td span,
span.PaymentConfigureNotes {
  color: rgb(51 71 91 / 75%) !important;
  font-size: 14px;
  font-weight: 400;
}

span.PaymentConfigureNotes a {
  color: #00ca72 !important;
  font-weight: 600;
}

.PaymentConfigure table.table.showInlineTable.listViewEntriesTable td img {
  margin-bottom: 0 !important;
}

.PaymentConfigure
  table.table.showInlineTable.listViewEntriesTable
  .actions.pull-left {
  float: right !important;
}

.CTPaymentDefaultTemplates .table > tbody > tr > td {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.CTPaymentDefaultTemplates .table > tbody > tr > th,
.CTPaymentNewEmailTemplates .table > tbody > tr > th,
.DetailSignatureTemplate .table > tbody > tr > th {
  text-align: right !important;
}

.CTPaymentDefaultTemplates .editViewContainer,
.CTPaymentNewEmailTemplates .editViewContainer,
.CTPayemntSignatureTemplate .editViewContainer,
.container-fluid.EditCTPayment .editViewContainer,
.container-fluid.DetailSignatureTemplate .editViewContainer {
  margin: 0 !important;
  padding: 15px 15px !important;
}

.CTPaymentDefaultTemplates .contentHeader.row-fluid,
.signatureTemplateList .contentHeader.row-fluid,
.ctPaymentTemplatesList .contentHeader.row-fluid,
.CTPaymentNewEmailTemplates .contentHeader.row-fluid,
.CTPayemntSignatureTemplate .contentHeader.row-fluid,
.DetailSignatureTemplate .contentHeader.row-fluid {
  margin: 10px 10px !important;
}

.CTPaymentDefaultTemplates .table-bordered,
.signatureTemplateList .table-bordered,
.ctPaymentTemplatesList .table-bordered,
.CTPaymentNewEmailTemplates .table-bordered,
.CTPayemntSignatureTemplate .table-bordered,
.EditCTPayment .table-bordered,
.DetailSignatureTemplate .table-bordered {
  border: 0 !important;
}

/*PDFMAKER*/
div#PDFMakerContentDiv {
  /*display: inline-block;
    position: relative;
    margin: -20% 0 0 44%*/
}

button.btn.selectpdfTemplates {
  padding: 7px 10px;
}

button.btn.selectpdfTemplates i.fa.fa-file-pdf-o {
  margin-left: 5px;
}

/*EMAIL CAMPAIGN*/
button#deactive,
.main.DashboardMain .ds-header h4 img {
  display: none !important;
}

.main.DashboardMain {
  width: 90%;
  display: inline-block;
  float: left;
  border: none !important;
  padding: 10px !important;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  background: #fff !important;
  border-radius: 4px !important;
  margin: 0 0 25px 0 !important;
  position: relative;
  left: 40px;
}

.main.DashboardMain .ds-header h4 b {
  font-weight: 600;
  font-size: 18px;
  font-family: 'Arimo', sans-serif !important;
  color: #323c47;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.ds-con.DashboardsubMain {
  width: 100%;
  margin: 0 auto;
  border: 0;
}

.ds-con.DashboardsubMain .ds-det {
  display: inline-table;
  margin: 0;
  padding: 0;
  text-align: center;
}

.ds-con.DashboardsubMain .ds-tite1,
.ds-con.DashboardsubMain .ds-tite2,
.ds-con.DashboardsubMain .ds-tite3,
.ds-con.DashboardsubMain .ds-tite4 {
  width: 32% !important;
  display: inline-block;
  float: left;
  border-radius: 4px;
  padding: 20px 10px;
  background: #fff !important;
  box-shadow: 0px 2px 5px rgb(0 0 0 / 8%);
  border: 0;
  border-top: 3px solid transparent;
}

.ds-con.DashboardsubMain .ds-tite1:hover,
.ds-con.DashboardsubMain .ds-tite2:hover,
.ds-con.DashboardsubMain .ds-tite3:hover,
.ds-con.DashboardsubMain .ds-tite4:hover {
  box-shadow: 0px 0px 16px rgb(0 0 0 / 14%);
  border-top: 3px solid #0a2eeb !important;
}

.ds-con.DashboardsubMain .ds-tite1:hover a #EmailCampaignsDetail {
  content: url('/layouts/v7/resources/Images/outgoing-server-hover.png') !important;
}

.ds-con.DashboardsubMain .ds-tite2:hover a #EmailCampaignsList {
  content: url('/layouts/v7/resources/Images/subscriber-list-hover.png') !important;
}

.ds-con.DashboardsubMain .ds-tite3:hover a #Email_Campaigns {
  content: url('/layouts/v7/resources/Images/email-campaign-hover.png') !important;
}

.ds-con.DashboardsubMain .ds-tite4:hover a #Email_CampaignsReport {
  content: url('/layouts/v7/resources/Images/email-tracking-report-hover.png') !important;
}

.ds-con.DashboardsubMain .ds-tite1 center,
.ds-con.DashboardsubMain .ds-tite2 center,
.ds-con.DashboardsubMain .ds-tite3 center,
.ds-con.DashboardsubMain .ds-tite4 center {
  font-size: 16px !important;
  font-weight: 600;
  color: #334d6e !important;
}

.ds-con.DashboardsubMain .ds-tite1 center:after,
.ds-con.DashboardsubMain .ds-tite2 center:after,
.ds-con.DashboardsubMain .ds-tite3 center:after,
.ds-con.DashboardsubMain .ds-tite4 center:after {
  content: '';
  display: block;
  width: 199px;
  height: 1px;
  border: 0.5px solid rgba(205, 205, 206, 0.2) !important;
  right: 0;
  position: relative;
  margin: 10px 0px 10px 0px;
}

.ds-con.DashboardsubMain .ds-tite1:hover center,
.ds-con.DashboardsubMain .ds-tite2:hover center,
.ds-con.DashboardsubMain .ds-tite3:hover center,
.ds-con.DashboardsubMain .ds-tite4:hover center {
  color: #00ca72 !important;
}

.ds-con.DashboardsubMain ul {
  list-style-type: none !important;
  padding-right: 10px !important;
}

.ds-con.DashboardsubMain ul li {
  vertical-align: middle;
  width: 100%;
  display: inline-block;
  color: rgb(51 71 91 / 75%) !important;
  font-size: 14px;
  font-weight: 400;
  text-align: right !important;
  line-height: 2 !important;
}

.ds-con.DashboardsubMain ul li span.fa.fa-angle-left {
  margin-left: 5px;
}

.settingsPageDiv #DetailEmailCampaignsSetting .editButton {
  color: #fff !important;
  background: #c2cfe0;
  text-shadow: none;
  padding: 7px 10px;
  margin: 0 10px 0 0;
  border-radius: 4px;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%);
  border: 0;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
  float: left !important;
}

.settingsPageDiv #DetailEmailCampaignsSetting .editButton img {
  width: 14px !important;
}

.EditEmailCampaignSettings {
  color: #fff !important;
  background: #00ca72 !important;
  text-shadow: none;
  margin: 0 10px 0 0;
  border-radius: 4px;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%);
  border: 0;
  font-size: 13px;
  font-weight: bold;
  outline: 0 !important;
}

#DetailEmailCampaignsSetting .clearfix h3,
#EditEmailCampaignsSetting .widget_header .span6 h3,
.newEmailCampaign h3 {
  font-size: 16px !important;
  color: #334d6e !important;
  font-family: 'Arimo', sans-serif !important;
  font-weight: 600;
  margin: 0 0 10px;
  font-size: 15px;
  text-transform: uppercase;
}

.newEmailCampaign h3 {
  margin: 25px 0 10px;
}

#DetailEmailCampaignsSetting .block {
  width: 100%;
}

#DetailEmailCampaignsSetting td.fieldLabel {
  width: 15% !important;
}

#EditEmailCampaignsSetting {
  display: inline-block;
  float: left;
  position: relative;
  background: #fff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  padding: 16px 16px;
  margin: 0 0 0 15px;
  width: 96%;
}

#EditEmailCampaignsSetting form#updatedetails table td {
  border: 0;
  width: 50% !important;
}

#EditEmailCampaignsSetting form#updatedetails .equalSplit .pull-right {
  float: right !important;
}

#EditEmailCampaignsSetting form#updatedetails .equalSplit .inputElement {
  display: inline-table !important;
  padding: 3px 8px;
  height: 32px;
  display: inline-block;
  float: right;
  color: rgb(51 71 91 / 75%);
  padding: 0 10px;
  text-decoration: none;
  vertical-align: top;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  position: relative;
  top: 0px;
  background: transparent !important;
  width: 100% !important;
}

#EditEmailCampaignsSetting form#updatedetails .pull-right {
  float: right !important;
}

#EditEmailCampaignsSetting form#updatedetails .equalSplit thead {
  display: none;
}

#EditEmailCampaignsSetting form#updatedetails .table-bordered {
  border: 0 !important;
}

#EditEmailCampaignsSetting form#updatedetails .row-fluid {
  border-top: 1px solid #e0e7ef !important;
  padding: 20px 0 0;
  display: flex;
  justify-content: center;
}

.editContainer.newEmailCampaign .breadcrumb,
.workFlowContents.EmailCampaignsStep1,
form#EmailCampaigns_step2 {
  width: 75%;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  margin: 0 auto;
  /*float: left;*/
}

.workFlowContents.EmailCampaignsStep1,
form#EmailCampaigns_step2 {
  width: 76.75% !important;
  margin: -5% auto 0;
  padding: 0 15px;
}

.EmailCampaignsStep1 .table-borderless .fieldValue {
  width: 50% !important;
}

.EmailCampaignsStep1 .table-borderless .fieldValue .col-lg-5 {
  width: 100% !important;
}

.EmailCampaignsStep1 input {
  padding: 3px 0 3px 6px;
  color: #323c47 !important;
  font-weight: 600;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  width: 100%;
}

.reportContents.subscribeEdit {
  background: transparent;
  box-shadow: none;
}

form#EmailCampaigns_step2 > div {
  border: 0 !important;
}

.EmailCampaignsStep2 {
  border: 0 !important;
  padding: 25px 0 !important;
  margin: 0;
}

form#EmailCampaigns_step2 {
  box-shadow: none !important;
}

.EmailCampaignsStep2 label.col-lg-3.control-label.textAlignLeft {
  float: right !important;
  text-align: right !important;
}

.EmailCampaignsStep2 .col-lg-3 {
  margin-left: 0 !important;
  width: 40% !important;
}

/*GOOGLE CALENDER*/
.main-container.main-container-CTGoogleCalendar > .main.dashboard1,
.main-container.main-container-CTGoogleCalendar
  > .CTGoogleCalendarConfigureEdit,
.main-container.main-container-CTGoogleCalendar > #listViewPageDiv,
.main-container.main-container-CTGoogleCalendar > .CTGoogleCaledarSyncData,
.CTPdfTemplates,
.EmailTrackermain,
.forecaststep1,
.forecaststep2,
.WPDashBoard,
#WhatsappConfiguration1,
.CTGoogleCalendarLog,
#workflow_edit,
.ExtensionscontentsDiv,
#OutgoingServerDetails,
.WPLinceseEdit,
.WPLinceseDetail,
.WhatsappConfigurationEdit,
.WhatsappConfigurationDetails {
  width: 100%;
  display: inline-block;
  background: #fff;
  /*box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);*/
  background: #fff !important;
  border-radius: 4px;
  position: relative;
  /*right: 8% !important;*/
  padding: 20px 20px;
  box-sizing: border-box;
}

.googleAdsLeadsFieldMappingListPageDiv,
.googleAdsLeadsFieldMappingEditPageDiv,
#digital_signature_setting {
  width: 96%;
  display: inline-block;
  background: #fff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  background: #fff !important;
  border-radius: 4px;
  position: relative;
  /*right: 8% !important;*/
  padding: 20px 20px;
  box-sizing: border-box;
}

.CTGoogleCalendarConfigureEdit .col-sm-5.controls {
  width: 75% !important;
}

.CTGoogleCalendarConfigureEdit .contentHeader h3 {
  font-weight: 600;
  font-size: 18px;
  font-family: 'Arimo', sans-serif !important;
  color: #323c47;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.main-container-CTGoogleCalendar h3 {
  font-weight: 600;
  font-size: 18px;
  font-family: 'Arimo', sans-serif !important;
  color: #323c47;
  text-transform: uppercase;
  margin: 0 0 10px;
}

/*.main-container.main-container-CTGoogleCalendar > .CTGoogleCalendarConfigureEdit, .main-container.main-container-CTGoogleCalendar > #listViewPageDiv, .CTPdfTemplates, .EmailTrackermain, .forecaststep1, .forecaststep2, .WPDashBoard, .ExtensionscontentsDiv, #OutgoingServerDetails{
    right: 8% !important;
}

.googleAdsLeadsFieldMappingListPageDiv, .googleAdsLeadsFieldMappingEditPageDiv{
    right: 2% !important;
}*/

#addCalendar,
#addVtigerUser,
#saveGoogleCalendarConfiguration,
.CTPdfTemplates .btn-success,
.emailTracking_List,
#step1next .btn-success,
#OutgoingServerDetails .btn-default {
  color: #fff !important;
  background: #00ca72;
  text-shadow: none !important;
  padding: 9px 10px;
  /*margin: 0 10px 0 0;*/
  border-radius: 4px !important;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;
  border: 0 !important;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

#removeCalendar,
#removeVtigerUser {
  color: #fff !important;
  background: #f99e1e;
  text-shadow: none !important;
  padding: 9px 10px;
  /*margin: 0 10px 0 0;*/
  border-radius: 4px !important;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;
  border: 0 !important;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

#syncFromGoogle,
#syncFromVtiger {
  color: #fff !important;
  background: #3d75cf;
  text-shadow: none !important;
  padding: 9px 10px;
  margin: 0 10px 0 0;
  border-radius: 4px !important;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;
  border: 0 !important;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

.main-container.main-container-CTGoogleCalendar table.table tbody > tr > th,
#load_result table.table thead > tr > th,
.forecaststep1,
.forecaststep2 table.table thead > tr > td b,
.forecaststep2 table.table thead > tr > th,
.CTGoogleCalendarLog table.table tr > th,
.CTGoogleCalendarLog table.table tbody > tr > th,
.googleAdsLeadsFieldMappingListPageDiv table.table thead > tr > th {
  color: #334d6e;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
  border: 0 !important;
}

.padding1per table.table thead > tr > th {
  color: #334d6e;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
  border: 1 !important;
}

.main-container.main-container-CTGoogleCalendar > .main {
  width: 90%;
  display: inline-block;
  background: #fff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  background: #fff !important;
  border-radius: 4px;
  position: relative;
  /*right: 8% !important;*/
  padding: 20px 20px;
  box-sizing: border-box;
}

.main-container.main-container-CTGoogleCalendar .ds-header.dashboard2 {
  border: 0 !important;
}

.main-container.main-container-CTGoogleCalendar
  .ds-header.dashboard2
  > center
  > b {
  font-weight: 600;
  font-size: 18px !important;
  font-family: 'Arimo', sans-serif !important;
  color: #323c47;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.CTPdfTemplates .previewButton {
  margin: 8px;
}

.EmailTrackermain {
  width: 90% !important;
}

.pdfCreator .tagContainer #addTagContainer {
  display: none;
}

.details.row.PdfTemplatesDetails {
  float: left;
  width: 73.6%;
  margin: -34% 0 0 -2.6% !important;
}

.PdfTemplatesDetails .detailview-table {
  table-layout: auto !important;
}

.details.row.PdfTemplatesDetails {
  float: left;
  width: 72.6%;
  margin: -31% 0 0 0 !important;
}

.CTGoogleCalendarLog .listview-table .genHeader {
  position: relative;
  left: 439px;
}

.CTGoogleCalendarLog .listview-table #s2id_bas_searchfield {
  width: auto !important;
}

.CTGoogleCalendarLog #listview-actions .listViewActions {
  float: right !important;
}

.signatureTemplateList .listViewContentDiv .deleteRecordButton {
  top: 0px !important;
}

.ctPaymentTemplatesList .listViewContentDiv .deleteRecordButton {
  top: 0px !important;
}

.settingsPageDiv.content-area.vtigerSetting
  .googleAdsLeadsFieldMappingEditPageDiv
  td {
  display: table-cell !important;
  width: 0%;
}

.detailViewContainer .summaryImg {
  height: 68px;
  max-height: 80px;
  max-width: 77px;
}

.open .userName img {
  border-radius: 75px;
  height: 33px;
  width: 33px;
}

.dropdown .userName img {
  border-radius: 75px;
  height: 39px;
  width: 39px;
}

.ExtensionscontentsDiv #searchExtension {
  margin: 0px -105px 0px 0px;
}

.extensionStoreLable {
  margin-right: 0px !important;
}

#findDuplicate {
  border: 0 !important;
  padding-top: 45px;
  background: #fff;
  box-shadow: 0 0 10px rgb(51 71 91 / 20%);
  border-radius: 4px;
  padding: 20px 20px;
}

.listViewPageDiv .emptyRecordsContent a {
  color: inherit;
  float: none !important;
  text-decoration: none;
  text-align: right;
}

.workflowtaskPopup {
  display: block;
  width: 83%;
  margin-right: 199px;
}

.emailCampaignCharts .canvasjs-chart-canvas {
  position: unset !important;
}

.floatThead-table #mCSB_9_container {
  /*margin-right: 10px !important;*/
}

.floatThead-table li.select2-search-choice div {
  position: relative;
  left: 9px;
}

._mCS_26 .mCS-autoHide .mCSB_inside .mCSB_container .qtip {
  top: 2px !important;
}

.importrecordmodule {
  height: 36px;
}

.listview-actions-container .listViewActionsContainer {
  position: relative;
  left: 30px;
}

#advanceFilterContainer .select2-chosen {
  float: right;
}

.ui-sortable-handle .blockFieldsScallSortable .fieldLabel {
  float: right !important;
}

#workflow_edit .col-sm-5 #select2-chosen-1 {
  float: right;
}

.settingsPageDiv.content-area.vtigerSetting .fieldBlockContainer-webform td {
  float: right;
}

.main.ofc365Details #OutlookConfiguration table.table.editview-table td {
  display: grid;
}

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

.settingsPageDiv.content-area.vtigerSetting .sharingAccessDetails td {
  float: unset;
}

.floatThead-wrapper .listViewEntries td .table-actions span {
  float: right !important;
}

.main-container .floatThead-wrapper .listview-table .fieldValue .value a {
  word-break: break-word;
  /*text-overflow: ellipsis !important;
    overflow: hidden;
    white-space: nowrap; */
}

.main-container-Campaigns
  .floatThead-wrapper
  .listview-table
  .listViewEntries
  td
  .table-actions {
  position: relative;
  right: 34px;
}

/*21-08-2021*/
.selectTagContainer li.list-group-item > a {
  display: block;
  padding: 0px 17px;
  margin: 0 0 0 14px;
  color: #222;
}

.relatedListContainer .row .col-sm-5 div {
  text-align: right !important;
}

.relatedListContainer #ONE_ONE_AND_MANY_ONE_RELATIONSHIP div .ONE_TO_ONE {
  float: right !important;
}

.referencefield-wrapper .clearReferenceSelection {
  width: 4% !important;
  bottom: 7px !important;
}

.detailViewContainer .tagContainer .detailTagList .textOverflowEllipsis {
  direction: rtl !important;
}

#composeEmailContainer {
  width: 65%;
  max-width: 65%;
  left: 44% !important;
}

.summaryView .fieldValue .value {
  margin-right: 15px;
  /*height: 21px;*/
}

.summaryWidgetContainer .singleComment .commentInfoHeader.recordImage {
  padding: 0px !important;
  margin: 0;
  background: transparent;
}

.summaryWidgetContainer .recordImage .name span,
.summaryWidgetContainer .recordImage .name span {
  color: #000;
}

.summaryWidgetContainer .singleComment .commentInfoHeader img {
  width: 32px;
  position: relative;
  top: 0px;
  border-radius: 50%;
  height: 32px;
}

.commentsRelatedContainer .singleComment .addCommentBlock .closeCommentBlock,
.summaryWidgetContainer .singleComment .addCommentBlock .closeCommentBlock {
  width: auto;
  float: left;
  padding: 10px 15px;
  background: transparent !important;
  outline: 0 !important;
  border: 0 !important;
  text-shadow: none;
  font-weight: 700;
  font-size: 14px;
}

.main-container-CTGoogleCalendar .col-md-12 .text-right .btn-success {
  position: relative;
  left: 0;
  right: 376px;
}

#listViewPageDiv .uninstallmodules {
  text-align: center;
}

#listViewPageDiv .synclogbuttons {
  float: right !important;
}

#listViewPageDiv .synclogbuttons #syncFromGoogle {
  margin-right: 0px !important;
}

.relatedContents .listview-table tr td:first-child,
.listview-table tr td.related-list-actions {
  float: none !important;
}

div#listview-actions .moduleManagerBlock button.btn.btn-default {
  color: #fff !important;
  background: #00ca72 !important;
  text-shadow: none !important;
  padding: 9px 10px;
  margin: 0 10px 0 0;
  border-radius: 4px !important;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;
  border: 0 !important;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

.listViewPageDiv.ManageUsers tr.listViewContentHeader {
  direction: ltr !important;
}

.fieldProperty .control-label.fieldLabel.col-sm-5 {
  width: 202px !important;
}

a.userName {
  width: 40px;
  height: 40px;
  background: #c2cfe0 !important;
  border-radius: 50%;
  padding: 5px 10px !important;
  margin: 5px 5px;
  text-align: center;
  float: left;
}

a.userName > span {
  position: relative;
  top: -5px;
  left: 10px;
}

a.userName > span i.vicon-vtigeruser {
  color: #fff;
  font-size: 23px !important;
  top: 7px;
  position: relative;
  left: -8px;
}

.profile-img-container > i {
  font-size: 50px !important;
  position: relative;
  top: 25px;
  color: #fff !important;
}

#Leads_detailView_basicAction_LBL_CONVERT_LEAD {
  color: rgb(51 71 91 / 75%) !important;
}

.resizable-summary-view
  .summaryWidgetContainer
  .widget_contents
  .summaryViewEntries
  a {
  font-weight: 600 !important;
}

.ui-timepicker-wrapper {
  /* left: 542px!important;*/
}

.select2-container-multi .select2-search-choice-close {
  right: -3px;
}

.googleAdsLeadsFieldMappingListPageDiv
  #googleAdsLeadMapping
  .listViewEntries
  th,
.googleAdsLeadsFieldMappingListPageDiv
  #googleAdsLeadMapping
  .listViewEntries
  td {
  float: right;
}

.googleAdsLeadsFieldMappingEditPageDiv th {
  text-align: right;
}

.googleAdsLeadsFieldMappingEditPageDiv .deleteMapping {
  position: absolute;
}

.googleAdsLeadsFieldMappingEditPageDiv .deleteMappingField {
  position: absolute;
}

/*#OutgoingServerForm td {
    display: block !important;
}*/
.detailViewContainer .detailview-header-block .related-tabs.row {
  left: 1px !important;
}

.module-action-bar .module-breadcrumb .current-filter-name a {
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.MultiFile-intercepted .commentsList .commentDetails .commentActionsContainer {
  float: right !important;
}

.commentsRelatedContainer
  .showcomments
  .commentsList
  .singleComment
  .addCommentBlock
  .pull-right {
  float: right !important;
}

.commentsRelatedContainer .showcomments .recentCommentsHeader h4 {
  margin-right: 13px;
  margin-top: 13px !important;
}

.commentsList .btn.btn-success.btn-sm.saveComment {
  margin: -10px 0px 0px 0px;
}

.commentsRelatedContainer .commentsBody .commentInfoHeader img {
  border-radius: 50%;
}

.facebookPageData td {
  float: none !important;
}

.facebookFormData .listViewContentHeader {
  display: contents !important;
}

.fieldMapping .fieldMappingEditPageDiv td {
  vertical-align: top !important;
}

.MergeRecords {
  position: relative;
  right: 146px;
  width: 90%;
}

.MergeRecords .close {
  margin: 0px 0px 0px 13px;
}

/*.relatedContainer .relatedContents #listview-table tr.searchRow{
  display: flex !important;
}*/
/* .detailViewContainer .updates_timeline .update_icon img {
  height: 23px !important;
  width: 23px !important;
  border-radius: 50%;
  position: absolute;
  left: 6px !important;
  top: 5px !important;
} */

.relatedContainer .relatedHeader .selectRelation {
  outline: 0 !important;
  border: 0 !important;
}

.relatedContainer .relatedHeader .selectRelation {
  outline: 0 !important;
  border: 0 !important;
  color: #fff !important;
  background: #2846e0 !important;
  text-shadow: none;
  padding: 5px 10px !important;
  margin: 0 10px 0 0;
  border-radius: 4px;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%);
  font-size: 13px;
  font-weight: bold;
}

.relatedContainer .relatedHeader .selectRelation:hover {
  /*box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;*/
}

#relatedmenuList #mCSB_9_container .textOverflowEllipsis .content {
  /*position: relative;
  right: 3px;*/
}

#relatedmenuList #mCSB_9_container .textOverflowEllipsis .numberCircle {
  /*position: relative;
  left: 71px;*/
}

.smartphone {
  display: none;
}

#relatedActivities .activityEntries .media .media-left .iconbg {
  /*position: relative;
  top: 4px;*/
}

/*#select2-drop {
  width: 180px !important;
}*/

#commentRelated .commentsBody .media .comment .commentActionsContainer {
  float: right !important;
}

.fieldBlockContainer .blockContainer .lineItemPopover {
  display: block;
  top: -54.5px;
  left: 18.15px;
  opacity: 1;
  width: 210px !important;
}

/*.lineItemPopover .popover-content #group_tax_div .popupTable tr{
  display:grid !important;
}
.lineItemPopover .popover-content #chargeTaxesBlock .popupTable tr{
 display:grid !important;
}*/
.popupTable .popupTable .lineOnTop .pull-right {
  float: right !important;
}

.fileUploadBtn img {
  margin: -10px 0px -15px 0px;
}

.commentsRelatedContainer
  .showcomments
  .commentsList
  .singleComment
  .addCommentBlock
  .pull-right {
  float: left !important;
}

.detailview-content .history .bg-info-products .vicon-products {
  position: relative;
  top: 5px;
}

#commentRelated
  .bootstrap-switch
  .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  background-color: #00ca72 !important;
  background-image: none !important;
  color: #fff !important;
}

.WebformDetailsView table.table td {
  float: none !important;
}

.commentsRelatedContainer .commentsBody .commentInfoHeader div span {
  vertical-align: super;
}

.detailViewContainer .recordImage .name span {
  vertical-align: super;
}

.fieldBlockContainer-webform td {
  float: none !important;
}

#Webforms_listView_basicAction_LBL_ADD_RECORD {
  /* display: none;*/
}

.WebformDetailsView .listViewEntriesDiv {
  display: flex !important;
}

.userPreferences td {
  float: none !important;
}

/*WhatsApp Setting pages*/
.WPLinceseEdit,
.WPLinceseDetail,
.WhatsappConfigurationEdit,
.WPUserList,
.WhatsappConfigurationDetails {
  width: 100% !important;
}

.WhatsappConfigurationDetails .btn-success,
.WhatsappConfigurationDetails .btn-default,
.WPLinceseEdit .btn-default,
.WPLinceseDetail .btn-default,
.WhatsappConfigurationEdit .btn-default,
.WPUserList .btn-default,
.WPLinceseEdit .btn-success,
.WPLinceseDetail .btn-success,
.WhatsappConfigurationEdit .btn-success,
.WPUserList .btn-success {
  color: #fff !important;
  background: #0a2eeb;
  text-shadow: none !important;
  /*padding: 9px 10px;*/
  margin: 0 10px 0 0;
  border-radius: 4px !important;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;
  border: 0 !important;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

.WPLinceseEdit .btn-danger,
.WPLinceseDetail .btn-danger {
  color: #fff !important;
  background: red;
  text-shadow: none !important;
  /*padding: 9px 10px;*/
  margin: 0 10px 0 0;
  border-radius: 4px !important;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;
  border: 0 !important;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

/*.WPLinceseEdit td, .WPLinceseDetail td, .WhatsappConfigurationEdit td{
    display: -webkit-inline-flex !important;
    float: left;
}*/
.settingsPageDiv.content-area.vtigerSetting
  .WhatsappConfigurationEdit
  .onetable
  td,
.settingsPageDiv.content-area.vtigerSetting .WhatsappConfigurationDetails td {
  display: block !important;
}

.WPUserList tr {
  direction: ltr;
  float: initial;
}

/*.whatsapptable1 td {
    display: -webkit-inline-flex !important;
    float: right !important;
}*/

/*Avni Vyas----26/08/2021
Document issues Solutions*/

#moveReports #s2id_autogen9 #select2-chosen-10 {
  position: relative;
  left: 5px;
}

#moveReportsContainer #moveReports .control-label {
  padding-right: 20px;
}

.main-container-RecycleBin #module-filters .mCSB_vertical #mCSB_14_container {
  height: 378px !important;
  overflow-y: scroll !important;
}

.block_LBL_SMSNOTIFIER_INFORMATION {
  margin-right: 25px !important;
}

/*27/08/2021*/

.emailTemplatesDetails .detailview-header-block .detailview-content {
  margin-top: 15px !important;
  margin-right: 27px !important;
}

.emailTemplatesDetails .detailview-header-block .width25 {
  height: 143px !important;
  position: relative;
  bottom: 37px;
}

.detailview-content .EmailTemplatesdetailsLeftAlign {
  position: relative;
  top: 76px;
}

.coloredBorderTop .module-action-content .pull-right {
  float: right !important;
}

#EmailTemplates_listView_basicAction_LBL_ADD_RECORD {
  margin-right: 0px !important;
}

.recentActivitiesContainer .updates_timeline .vicon-helpdesk,
.recentActivitiesContainer .updates_timeline .vicon-quotes {
  position: relative;
  top: 7px;
}

/*div#app-menu {
    min-height: 100% !important;
    height: 100vh;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    overflow-x: scroll;
    left: auto !important;
}
div#app-menu::-webkit-scrollbar {
    display: none;
}*/

/*div#table-content {
    direction: ltr !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}*/

/*div#table-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}*/

div#app-menu {
  min-height: 100% !important;
  height: 100vh;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  overflow-x: scroll;
  scrollbar-width: none;
  left: auto !important;
}

div#app-menu::-webkit-scrollbar {
  display: none;
}

.custombreadcrumbs {
  /*margin-top: -30px;
  margin-bottom: 10px;*/
  font-size: 14px;
}

.custombreadcrumbs .mainlink {
  float: left;
}

.custombreadcrumbs .mainlink h5 {
  font-weight: bolder;
}

.custombreadcrumbs .firstlink {
  float: left;
  margin: 8px;
  font-weight: normal;
}

.custombreadcrumbs .twolinks {
  float: left;
  margin: 8px;
  font-weight: normal;
}

.custombreadcrumbs .seclink {
  float: right;
  margin: 8px 0px 0px -2px;
  font-weight: normal;
}

#digital_signature_setting table.table.listview-table tbody > tr {
  direction: ltr !important;
}

.settingsPageDiv.content-area.vtigerSetting #digital_signature_setting td {
  float: unset !important;
}

/*----- 01-09-2021 ------*/
.main-container {
  top: auto;
  margin-top: 50px;
}

.main-container .sidebar-essentials {
  position: relative !important;
  padding-bottom: 30px;
}

/*.floatThead-wrapper .floatThead-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row;
}*/
ul.unstyled {
  padding: 0;
}

.title {
  padding-right: 0;
}

#digital_signature_setting table.table.listview-table tbody > tr {
  direction: ltr !important;
}

/*Avni vyas
02-09-2021*/

.vtigerSetting .container-fluid {
  width: 98%;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  margin: 0;
  display: inline-block;
  float: right;
  position: relative;
  top: -15px;
  right: 15px;
  padding-bottom: 15px;
}

.vtigerSetting .container-fluid hr {
  display: none !important;
}

/*Avni Vyas
03-09-2021*/

.CalendarModuleView {
  display: flex;
}

.CalendarModuleView .sidebar-essentials {
  position: absolute !important;
}

.CalendarModuleView #CalendarViewContent {
  margin-top: -24px !important;
}

.calendarSideBar .calendar-sidebar-tabs ul.nav.navbar-nav {
  margin: -80px 0 0 !important;
}

.CalendarModuleView .sidebar-essentials {
  min-height: 94% !important;
}

.CalendarModuleView .calendarSideBar {
  margin: 47px 0 0 !important;
}

#changePassword .modal-body .form-group .controls {
  width: 76.3333% !important;
}

.googleAdsLeadsFieldMappingEditPageDiv #googleleadsMapping {
  width: 50% !important;
}

.select2-display-none {
  /* left: 658.513px !important;*/
}

.listViewLoadingImageBlock .emptyRecordsDiv .rssAddButton {
  float: inherit !important;
}

.Contacts-module-action-content .appnavcontent .navbar-nav .addButton {
  padding: 8px 9px !important;
}

.details.row.PdfTemplatesDetails {
  margin: -29% 0 0 0 !important;
}

@media (min-width: 1920px) {
  .details.row.PdfTemplatesDetails {
    margin: -22% 0 0 0 !important;
  }
}

#emailPreviewIframe .container {
  direction: rtl !important;
}

.EmailTrackermain {
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 4px;
  position: relative;
  right: 4% !important;
  padding: 20px 20px;
  box-sizing: border-box;
  top: 43px;
}

.EmailTrackermain ul {
  position: absolute;
  top: -23px;
  padding-right: 0px;
  border-bottom: none;
}

.main-container-Portal .listViewPageDiv {
  min-width: 93.5% !important;
}

#massEdit .mCustomScrollbar .input-group .currencyField {
  height: 33px !important;
  padding: 9px 14px;
  font-size: 14px;
  line-height: 1.3;
  border-radius: 1px;
  border: 0 !important;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#ModComments_editView_fieldName_filename .fileUploadBtn img {
  margin: -2px 0px -15px 0px !important;
}

#ModComments_editView_fieldName_filename .fileUploadBtn {
  overflow: initial !important;
}

/*----- 04-09-2021 Krunal ------*/
.detailview-header > div:first-child > .row:first-child {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}

.viewContent .content-area {
  padding-right: 80px;
}

.detailview-header .width25 {
  float: unset;
  right: 0;
}

.detailview-header .width75 {
  width: 75%;
  float: unset;
  padding: 0 15px 0 0;
}

.floatThead-table li.select2-search-choice div {
  left: 0;
  white-space: pre-wrap;
  word-break: break-all;
}

.detailsLeftAlign,
.commentsRelatedContainer {
  margin: -25% 0 0 0% !important;
  width: 75%;
}

.related-tabs
  .dropdown-menu
  > .mCustomScrollBox
  > .mCSB_container
  > li
  > a
  img {
  max-width: 18px;
  width: 100%;
  /*margin-left: 15px;*/
}

.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container > li > a {
  position: relative;
}

.related-tabs .dropdown-menu > .mCustomScrollBox > .mCSB_container {
  margin-left: 10px;
  /*width: 150px;*/
  max-width: 250px;
  min-width: 210px;
}

.numberCircle {
  position: absolute;
  right: 22px;
}

.quickCreateContent .massEditTable tbody tr .fieldLabel label .taxLabel {
  float: left;
}

.workFlowContents.EmailCampaignsStep1,
form#EmailCampaigns_step2 {
  margin: 0% auto 0;
}

.editViewContents td.fieldValue:nth-child(2n) {
  width: 75% !important;
}

.editViewContents td.fieldLabel.alignMiddle {
  width: 50%;
  display: inline-block;
  float: right !important;
}

.middle-block.col-lg-8 {
  width: 75% !important;
  margin-left: 0 !important;
  padding-right: 15px !important;
}

.left-block.col-lg-4 {
  width: 25%;
  right: -8px;
}

.detailview-content {
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 20px;
}

.detailview-header-block .detailview-header .row .col-sm-6 {
  float: right !important;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: auto;
}

.relatedHeader .btn-toolbar .btn-toolbar .btn-group {
  float: right !important;
  margin-left: 5px;
  margin-bottom: 5px;
}

.fieldUiHolder .date {
  height: 25px;
}

.fieldUiHolder .date input {
  border: 0;
}

#dependencyGraph .dependencyMapping .pickListDependencyTable .blockHeader th {
  min-width: 120px;
  width: 120px !important;
  max-width: 120px !important;
}

.vtigerSetting .container-fluid {
  width: 100%;
  top: 0;
  right: 0;
  padding: 15px;
}

.input-save-wrap {
  float: left;
  display: table-cell;
  width: 13%;
  margin-left: 4px;
}

#detailView .detailview-table .input-group.editElement,
.calendar-timezone .input-group.editElement .inputElement.form-control {
  margin-top: 0;
}

.dashBoardContainer .tabContainer .nav {
  margin-top: 30px;
}

.relatedContainer,
.details > div#updates {
  width: 75%;
  margin-left: 0 !important;
}

.main-container {
  top: 20px;
}

.app-nav .module-action-bar {
  /*position: static;*/
  height: auto;
  /*padding:14px 0;    */
  max-width: calc(100% - 50px);
  background-color: #f5f6f8;
  margin-top: -2px;
}

.app-nav .app-MARKETING,
.app-nav .app-SUPPORT,
.app-nav .app-TOOLES,
.app-nav .app-SALES {
  display: none;
}

@media (min-width: 1500px) {
  .detailsLeftAlign,
  .commentsRelatedContainer {
    margin: -20% 0 0 0% !important;
  }
}

@media (min-width: 1700px) {
  .detailsLeftAlign,
  .commentsRelatedContainer {
    margin: -17% 0 0 0% !important;
  }
}

/*Avni Vyas
06-09-2021*/

.MultiFile-intercepted .editViewContents input[type='checkbox'],
.MultiFile-intercepted
  .fieldBlockContainer
  input.inputElement[type='checkbox'] {
  margin-top: 0px !important;
}

@media (max-width: 1920px) {
  #waListing .waTabs .nav-item .dropdown-menu {
    top: 0px !important;
    right: 0 !important;
  }
}

#sendWhatsappSmsContainer div.modal-content,
#sendWhatsappSmsContainer div.table-borderless {
  padding: 5px 15px !important;
}

#waListing .waTabContent .defaultText .searchForm input,
#waListing .waTabContent .defaultText .searchForm textarea {
  direction: rtl !important;
}

.vtigerSetting .facebookPageData .facebookFormData tr td {
  min-width: auto !important;
}

.settingsPageDiv .floatThead-wrapper {
  background-color: #fff;
}

/*06-09-2021 Krunal*/

.settingsPageDiv.content-area.vtigerSetting .leadsFieldMappingListPageDiv td,
.settingsPageDiv.content-area.vtigerSetting
  .leadsFieldMappingListPageDiv
  .fieldBlockContainer-webform
  td {
  width: 250px !important;
}

.leadsFieldMappingListPageDiv .listViewEntries td .table-actions {
  float: unset;
}

.main-container {
  top: 0;
  margin-top: 20px;
}

.main-container .content-area {
  padding-top: 0;
}

.DetailSignatureTemplate {
  top: 25px;
}

.main-container .settingsPageDiv.content-area.vtigerSetting {
  margin-top: 10px;
}

.settingsNavButton {
  left: 60px !important;
  position: relative;
}

@media (min-width: 1200px) and (max-width: 1375px) {
  .subMenuTab {
    width: 70%;
  }
}

/*Avni vyas
07-09-2021*/

@media (min-width: 1020px) and (max-width: 1920px) {
  .viewContent .detailview-header-block .related-tabs.row {
    right: 9px;
  }
}

.recentActivitiesContainer .history .bg-info-projecttask .vicon-projecttask {
  position: relative;
  top: 4px;
}

.recentActivitiesContainer .history .bg-info-projectmilestone {
  background-color: #d1026c;
}

.recentActivitiesContainer .history .vicon-projectmilestone:before {
  content: '\e65c' !important;
}

.recentActivitiesContainer .history .update_image .vicon-projectmilestone {
  position: relative;
  top: 4px;
}

@media (max-width: 1920px) {
  .main-container-Portal .listViewPageDiv {
    min-width: 92.5% !important;
  }
}

#listViewContents .feedContainer .emptyRecordsDiv .rssAddButton {
  float: initial !important;
}

.global-nav .dropdown-toggle .counterMsgs {
  float: right;
  left: -5px !important;
}

@media (min-width: 1920px) {
  .emailTemplatesDetails .detailview-header-block .width25 {
    top: 8px;
  }

  .detailview-content .EmailTemplatesdetailsLeftAlign {
    top: 126px !important;
  }
}

.detailview-header-block .related-tabs .tab-icon {
  max-width: 100% !important;
}

/*07-09-2021 Krunal*/
.listview-actions-container .listViewActionsContainer {
  position: relative;
  left: 18px;
}

.listview-actions-container {
  margin-top: 10px;
}

.commentsRelatedContainer .commentsBody .commentInfoHeader div span {
  vertical-align: middle;
}

.viewContent .detailview-header-block .related-tabs.row {
  right: 0;
}

.detailsLeftAlign,
.commentsRelatedContainer {
  padding: 0 25px;
}

/*Avni vyas
08/09/2021*/

.settingsPageDiv .fbBox .contents {
  width: 99% !important;
}

.settingsPageDiv .fbBox {
  width: 97% !important;
}

.fbBox #logout {
  margin-left: 13px;
}

.vtigerSetting .custombreadcrumbs .firstlink .fa {
  font: inherit !important;
}

.vtigerSetting .custombreadcrumbs .firstlink .fa-angle-right::before {
  font: normal normal normal 14px/1 FontAwesome !important;
}

table.facebookPageData thead > tr.listViewContentHeader > th,
table.facebookPageData tbody > tr:first-child td {
  max-width: 46% !important;
}

.facebookFormData .fieldMappingEditPageDiv table#convertMapping {
  width: 76% !important;
}

table.facebookPageData tr {
  border-bottom: 0 !important;
}

#addMappingTable-1454351948263841 button#addMapping {
  float: right;
}

.myModal .modal-header button.close {
  float: left !important;
  background: transparent;
  border: none;
}

#waListing .defaultText .yesRecordData .recordData3 .chatDiv,
#waListing .waTabContent .smallListing {
  direction: ltr !important;
}

.WhatsappConfigurationEdit .modal-header button.close {
  position: relative !important;
  bottom: 7px !important;
}

.WhatsappConfigurationEdit #EditViewm .editview-table {
  width: 48% !important;
}

.WhatsappConfigurationEdit
  #EditViewm
  .editview-table
  .fieldValue
  .select2-container {
  width: 100% !important;
}

.custombreadcrumbs .twolinks .fa-angle-right:before,
.custombreadcrumbs .seclink .fa-angle-right:before {
  font: normal normal normal 14px/1 FontAwesome !important;
}

.custombreadcrumbs .twolinks .fa,
.custombreadcrumbs .seclink .fa {
  font: inherit !important;
}

.WhatsappConfigurationEdit {
  width: 98% !important;
  position: relative;
  bottom: 15px;
  right: 15px;
}

.WhatsappConfigurationEdit .block {
  background: transparent !important;
  box-shadow: none !important;
}

.vtigerSetting #exampleModalLongTitle {
  color: #000000 !important;
}

/*.settingsPageDiv.content-area.vtigerSetting .WhatsappConfigurationEdit td, 
.settingsPageDiv.content-area.vtigerSetting .WhatsappConfigurationEdit .fieldBlockContainer-webform td{
     width: -webkit-fill-available !important;
}*/

.WhatsappConfigurationEdit .block .editview-table tbody tr td label {
  position: relative;
  bottom: 136px;
}

#waListing .yesRecordData .relatedModules .dropdown-item:hover,
#waListing .activetab .dropdown .dropdown-item:hover {
  background-color: #337ab7 !important;
}

#waListing .waTabContent .defaultText .searchForm textarea {
  direction: rtl !important;
  text-align: right;
}

.CTPayemntSignatureTemplate .contentHeader.row-fluid {
  margin: 10px 25px 19px !important;
}

.CTPayemntSignatureTemplate #breadcrumb {
  margin: 0px 0px 0px 0px !important;
}

.CTPayemntSignatureTemplate input[type='checkbox'] {
  outline: 0 !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-top: 10px !important;
  border: 1px solid rgb(51 71 91 / 25%) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  float: right;
  margin-left: 10px;
}

.MultiFile-intercepted .editViewContents input[type='checkbox'],
.MultiFile-intercepted
  .fieldBlockContainer
  input.inputElement[type='checkbox'] {
  float: inherit !important;
  margin-right: 10px !important;
}

.quickCreateContent .massEditTable tbody tr .fieldLabel label .taxLabel {
  float: right !important;
}

.quickCreateContent .massEditTable tbody tr .fieldLabel input[type='checkbox'] {
  right: 10px;
}

@media (min-width: 1790px) and (max-width: 1920px) {
  .subMenuTab {
    width: 80% !important;
  }
}

.MultiFile-intercepted .resizable-summary-view .middle-block.col-lg-8 {
  padding-right: 10px !important;
}

.resizable-summary-view div#documentRelated {
  width: 32.5% !important;
  display: inline-block;
  float: left;
  margin-left: 10px;
  height: 111px !important;
}

.resizable-summary-view div#relatedActivities,
div#documentRelated {
  margin-top: 36px;
}
/* 
.resizable-summary-view div#commentRelated {
  margin-top: 18px !important;
} */

@media (min-width: 1790px) and (max-width: 1920px) {
  .MultiFile-intercepted .resizable-summary-view .middle-block.col-lg-8 {
    padding-right: 10px !important;
  }

  .resizable-summary-view div#documentRelated {
    width: 31.5% !important;
    display: inline-block;
    float: left;
    margin-left: 14px;
    height: 111px !important;
  }

  .resizable-summary-view div#relatedActivities,
  div#documentRelated {
    margin-top: 36px;
  }

  /* .resizable-summary-view div#commentRelated {
    margin-top: 18px !important;
  } */

  .resizable-summary-view .left-block .summaryView {
    margin-top: 10px !important;
  }
}

/*08-09-2021 Krunal*/

.settingsPageDiv.content-area.vtigerSetting #listview-table td,
.settingsPageDiv.content-area.vtigerSetting
  .fieldBlockContainer-webform
  #listview-table
  td {
  /*display: inline-block !important;*/
  width: auto !important;
  float: unset !important;
}

.settingsPageDiv.content-area.vtigerSetting .sharingAccessDetails td {
  display: table-cell !important;
}

/*.treeView ul li {
    direction: rtl;
    float: right;
    text-align: left;
}
.treeView li .toolbar-handle {
    margin-top: 10px;
    margin-right: 10px;
    position: relative;
}
.treeView li .toolbar-handle a:before {
    background: none repeat scroll 0 0 #DDDDDD;
    content: " ";
    display: inline-block;
    height: 4px;
    right: -10px;
    position: absolute;
    top: 12px;
    width: 10px;
}
.treeView li {
    border-right: 4px solid #dddddd;
    border-left: 0px solid #dddddd;
    list-style: none;
    padding-top: 15px;
}
.treeView li .toolbar-handle a {
    float: right !important;
}*/

.settingsPageDiv.content-area.vtigerSetting .profilesEditView td,
.settingsPageDiv.content-area.vtigerSetting
  .fieldBlockContainer-webform
  .profilesEditView
  td {
  /*display: table-cell !important;*/
}

.editViewPageDiv.viewContent {
  margin-top: 0 !important;
}

.editViewPageDiv.viewContent > div {
  background-color: #fff;
  padding-top: 20px;
}

/*.main-container .settingsPageDiv.content-area.vtigerSetting {
  margin-top: 0;
}*/

div#prefPageHeader span.col-xs-9 {
  top: 0;
}

.main-container {
  top: 40px;
}

.subMenuTab {
  width: 78%;
  left: 20px;
}

.app-nav .module-action-bar {
  max-width: calc(100% - 200px);
  padding-right: 0;
}

.module-action-bar .disNone .col-lg-5 div#appnav {
  margin-right: 0;
}

.settingsNavButton {
  left: 0 !important;
}

.app-nav .module-action-bar .module-action-content {
  margin-right: 0 !important;
}

.workflowListContainer div#s2id_moduleFilter {
  margin-top: 0 !important;
}

.workflowListContainer .search-link.hidden-xs {
  top: 0;
}

.settingsPageDiv div#listViewContent {
  width: calc(100% - 15px) !important;
  margin: 0 !important;
}

/*Avni Vyas
09-09-2021*/

.recentActivitiesContainer .history .update_image .vicon-projectmilestone {
  left: 1px;
}

.recentActivitiesContainer .updates_timeline .vicon-purchaseorder {
  position: relative;
  top: 5px;
}

.recentActivitiesContainer .updates_timeline .vicon-quotes {
  position: relative;
  top: 6px !important;
}

.custombreadcrumbs .firstlink .fa-angle-right:before {
  content: '\f105';
  font: normal normal normal 14px/1 FontAwesome;
}

.custombreadcrumbs .firstlink .fa {
  font: inherit !important;
}

.content-area.vtigerSetting .container-fluid {
  width: 98.5% !important;
  bottom: 0 !important;
  /*right: 20px!important;*/
  padding: 15px;
  top: -15px !important;
}

.listedit .listViewRecordActions .quickView img:hover {
  color: #555555;
}

/*.relatedContainer, .details > div#updates {
    width: 74%!important;
    margin-left: 8px !important;
}*/

@media (min-width: 1020px) and (max-width: 1920px) {
  .viewContent .detailview-header-block .related-tabs.row {
    right: 9px !important;
    width: 100%;
  }

  .detailview-header .width75 {
    padding: 0 9px 0 0 !important;
  }
}

.facebookFormData {
  position: relative !important;
  left: 29px !important;
}

#waListing .moduleDetailBlock .fa.fa-eye {
  position: absolute;
  right: 32px;
  top: 18px;
}

#quickCreateModules a:hover {
  background: none !important;
}

.ui-draggable-handle .chat .conversation-compose {
  direction: initial !important;
}

/*09-09-2021 KRunal*/

.wrapper.bgb {
  width: calc(100% - 75px);
  margin-left: 0 !important;
  margin-right: auto !important;
  padding: 20px;
}

.WPUserList {
  overflow: hidden;
  background-color: #fff;
  width: calc(100% - 15px) !important;
  margin-left: 0 !important;
  margin-right: auto;
  padding: 20px 0;
}

.settingsPageDiv.content-area.vtigerSetting tr.listViewContentHeader {
  direction: rtl !important;
}

.settingsPageDiv.content-area.vtigerSetting .sharingAccessDetails td {
  width: auto !important;
}

.settingsPageDiv.content-area.vtigerSetting td,
.settingsPageDiv.content-area.vtigerSetting .fieldBlockContainer-webform td {
  /*width: auto !important;*/
}

.settingsPageDiv .detailViewContainer .detailViewTitle {
  background-color: #fff;
  padding: 10px 0;
}

.settingsPageDiv .detailViewContainer .profileDetailView {
  padding: 0 20px;
}

.editViewPageDiv.detailViewContainer.ScallaUserEditView td {
  display: table-cell !important;
  width: 25% !important;
}

.subMenuTab {
  padding-left: 15px;
}

.resizable-summary-view div#documentRelated {
  margin-left: 0;
}

footer.app-footer {
  padding-top: 65px;
}

@media (min-width: 1790px) and (max-width: 1920px) {
  .subMenuTab {
    width: 85% !important;
  }
}

@media (min-width: 1400px) and (max-width: 1590px) {
  .subMenuTab {
    width: 80% !important;
  }
}

/*Avni Vyas
10-09-2021*/

#impMsg .messageBlock .sendDiv .col-lg-2 {
  display: contents !important;
}

.resizable-summary-view div#relatedActivities,
div#documentRelated {
  margin-top: 25px !important;
}

#detailView .left-block .summaryView {
  margin-top: 20px !important;
}

/*.detailview-content .details.row{
  margin-top: 0px !important;
}*/

.moduleDetailView #Project_detailView_basicAction_Add_Project_Task {
  display: none !important;
}

.billingview h3.tst6 {
  margin: 10px 18px 10px 0;
}

.billingview .tst7 {
  margin-bottom: 0% !important;
}

.app-switcher-container {
  display: inline-block;
  width: 42px;
  z-index: 2;
  text-align: center;
  float: right !important;
}

#emailPreviewIframe p {
  direction: rtl !important;
}

#googleleadsMapping .bootstrap-switch .bootstrap-switch-handle-on {
  width: 27px !important;
  line-height: 22px !important;
  font-size: 10px !important;
}

.messageBlock .conversationDiv .sendDiv #sendTemplates img {
  left: 14px !important;
}

@media (min-width: 1216px) and (max-width: 1273px) {
  .messageBlock .conversationDiv .sendDiv #sendTemplates img {
    left: 14px !important;
  }
}

@media (min-width: 1347px) and (max-width: 1492px) {
  .messageBlock .conversationDiv .sendDiv #sendTemplates img {
    left: 41px !important;
  }
}

/*.listview-table > tbody > tr > td.relatedListEntryValues , .listview-table > tfoot > tr > td.relatedListEntryValues{
         max-width: 120px;
    float: right!important;
    text-align: right!important;
}*/

/*.relatedContents  .listview-table tr td:first-child, .relatedContents  .listview-table tr th:first-child{
      float: inherit !important;
}*/

.quickPreviewSummary .summaryViewEntries .fieldLabel label {
  left: 15px !important;
  position: relative !important;
}

.mCustomScrollbar .quickPreviewActions .btn-group .btn-success {
  margin-right: 20px;
}

.mCustomScrollbar .engagementsContainer #quickPreviewHeader .title {
  padding: 5px 1px 5px 0px !important;
}

#WhatsappConfiguration11
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-primary {
  background-color: #00ca72 !important;
  background-image: none !important;
  color: #fff !important;
  width: 27px !important;
  line-height: 22px !important;
  font-size: 10px !important;
}

#sendWhatsappSmsContainer .modal-header button.close {
  float: left !important;
}

.whatsapp-bottom .chat .user-bar {
  height: 82px !important;
}

.whatsapp-bottom .chat .user-bar div {
  top: 65% !important;
  right: 1%;
}

.select2-container,
.select2 {
  width: 160px !important;
}

/*11-09-2021 Krunal*/
@media (min-width: 1750px) {
  .middle-block.col-lg-8 {
    width: 72.015%;
    margin: -18.5% 0 0 -1.2% !important;
  }
}

/*Avni Vyas
13-09-2021*/

#workflow_edit .listview-table > tbody > tr > td,
#workflow_edit .listview-table > tfoot > tr > td {
  max-width: 150px !important;
}

.main-container-MailManager #listViewContent .mmDescription {
  margin-right: 100px;
}

@media (min-width: 1120px) and (max-width: 1920px) {
  .main-container-MailManager #listViewContent {
    width: 94% !important;
  }
}

.detailViewContainer .detailViewButtoncontainer #whatsapp1 {
  display: inline-block !important;
}

/*.detailViewContainer .detailViewButtoncontainer #whatsapp{
  display: none !important;
}*/

#sendWhatsappSmsContainer .modal-content .table > tbody > tr > td div {
  float: right !important;
}

.bgb .card-title {
  float: right !important;
}

/*.listview-table tr.searchRow th{
    width: auto !important;
}*/

/*.relatedContents .listview-table > thead > tr:first-child > th, .relatedContents  .listview-table > tbody > tr:first-child > th{
padding: 10px 43px !important;
border-bottom: 0;
min-width: 100px !important;
}
*/
#waNotify #whatsapp .pic {
  margin-right: 2px !important;
}

.main-container-Portal #modnavigator {
  display: none !important;
}

/*@media (min-width: 1876px) and (max-width: 1920px){
.relatedContainer{
 margin: -17% 0 0 -1.25%;
}
}*/

/*#listViewContent .floatThead-wrapper .floatThead-container{
      position: absolute !important;
    float: right;
        display: inline-flex!important;
}*/

/*@media (min-width: 1330px) and (max-width: 1920px){
 .detailview-header-block .detailview-content{
 position: relative;
bottom: 283px;
}*/

.detailsLeftAlign #whatsappDetailView {
  position: absolute;
  right: 674px;
}

.module-action-bar .disNone .col-lg-5 div#appnav {
  margin: -7.75% -2% 0 0 !important;
}

/*.MultiFile-intercepted #commentRelated{
  position: relative;
  top: 172px;
}*/

/*Avni Vyas
14-09-2021*/

.widgetChartContainer {
  /*left: 0px;*/
  left: -18px;
}

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

.summaryWidgetContainer.listview-table tr td:first-child,
.summaryWidgetContainer .listview-table tr th:first-child {
  width: auto !important;
}

#digital_signature_setting table.table.listview-table tbody > tr {
  direction: rtl !important;
  text-align: end;
}

/*.listViewPageDiv .floatThead-wrapper .ps-scrollbar-y-rail{
  left: 0px!important;
  right: 99% !important;
}*/

.overlayPageContent {
  width: 87%;
  margin-right: 13%;
}

/*#detailView .block_LBL_PROJECT_TASK_INFORMATION, #detailView .block_LBL_CUSTOM_INFORMATION, #detailView  .block_LBL_SMSNOTIFIER_INFORMATION{
      float: left;
    width: 74%;
    position: relative;
    bottom: 286px;
    left: 6px;
}
*/
#taskListContainer .emptyRecordsDiv {
  position: absolute !important;
}

.signUpAccount .signUpForm .col-md-offset-2 {
  margin-right: 20px !important;
}

.settingsPageDiv #updateCompanyDetailsForm {
  width: 99%;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  margin: 0;
  border: 0;
  position: relative;
  right: 15px;
  padding-right: 15px;
  bottom: 30px;
}

/*.recordEditView .editViewContents td.fieldLabel.alignMiddle{
     width: 50% !important;
}*/

.detailViewContainer #prefPageHeader {
  width: 97.5%;
  position: relative;
  right: 15px;
}

.detailViewContainer #Users_detailView_fieldValue_dayoftheweek {
  width: 25% !important;
}

.detailview-table td.fieldValue span,
td.fieldValue {
  direction: rtl !important;
}

#detailView .block_LBL_CALENDAR_SETTINGS {
  position: relative !important;
  top: 15px !important;
}

/*14-09-2021 Krunal*/
.content-area.vtigerSetting .container-fluid {
  top: 0 !important;
}

.main-container {
  top: 50px;
}

.subMenuTab {
  padding-left: 0px;
}

div#listViewContent {
  padding-right: 0 !important;
}

/*Avni Vyas
15-09-2021*/

.detailViewContainer #prefPageHeader {
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  margin: 0;
  border: 0;
  height: 65px;
  width: 97% !important;
  position: relative;
  right: 29px !important;
}

#prefPageHeader .col-xs-8,
#prefPageHeader .col-xs-9,
#prefPageHeader .col-xs-12 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.detailViewContainer .block_LBL_USERLOGIN_ROLE {
  padding: 20px 20px !important;
  margin: 20px 0 25px !important;
}

.coloredBorderTop .subMenuTab .nav-tabs {
  width: 99.5% !important;
  position: relative;
  right: 0px !important;
}

.detailViewContainer #userPageHeader {
  background-color: #fff;
  padding: 10px 0;
  bottom: 0 !important;
  border-radius: 4px !important;
  padding: 15px;
  margin-right: 20px;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
}

.detailViewContainer .userPreferences {
  background: transparent !important;
  box-shadow: none !important;
  top: -15px !important;
}

.pipelineConfiguration #breadcrumb {
  width: 95% !important;
  right: 2px !important;
  top: 25px !important;
  left: 0px !important;
}

.step1 #PipelineviewConfigure {
  margin-top: 35px;
}

.pipelineConfiguration #breadcrumb .crumbs li {
  height: auto;
}

#PipelineviewConfigure2 .padding1per1 #step1next .btn {
  margin-right: 0px !important;
}

#PipelineviewConfigure2 .padding1per1 div#step1next {
  width: 100% !important;
  margin: 20px 0 0 !important;
}

#PipelineviewConfigure2 .padding1per1 {
  width: 97.3% !important;
  margin-top: 0px !important;
  float: none;
  margin: 0 auto;
}

.editViewContents .fieldBlockContainer .input-group .input-group-addon + input {
  height: 21px !important;
}

.userPreferences
  .block_LBL_USER_IMAGE_INFORMATION
  .detailview-table
  .fieldValue {
  width: 75% !important;
}

#prefPageHeader .col-lg-12 .col-xs-8 .logo {
  display: none !important;
}

@media (min-width: 1492px) and (max-width: 1820px) {
  .messageBlock .conversationDiv .sendDiv #sendTemplates img {
    position: relative;
    top: 5px;
    width: 16px;
    left: 53px !important;
  }
}

@media (min-width: 1920px) {
  .messageBlock .conversationDiv .sendDiv #sendTemplates img {
    position: relative;
    top: 5px;
    width: 16px;
    left: 83px !important;
  }
}

.fieldBlockContainer .table-borderless tbody {
  display: grid !important;
}

/*15-09-2021 Krunal
===========================*/
.viewContent .detailview-header-block .related-tabs.row {
  right: 0px !important;
  width: 100%;
}

.detailsLeftAlign,
.commentsRelatedContainer {
  padding: 0;
}

.settingsPageDiv form#EditView {
  padding: 10px;
  background: #fff;
}

.settingsPageDiv form#EditView .addButton,
.settingsPageDiv form#EditView .addButton:hover {
  background-color: #00ca72;
  background-image: none;
  color: #fff;
}

.main-container-CTGoogleCalendar .listview-table > thead > tr > th,
.main-container-CTGoogleCalendar .listview-table > tbody > tr > td {
  max-width: 120px;
  word-break: break-all;
}

.textOverflowEllipsis {
  direction: rtl;
}

.main-container .floatThead-wrapper .listview-table .fieldValue .value a {
  float: unset;
  font-weight: 600 !important;
}

.user-list-table-wrapper.listview-table > thead > tr:first-child > th,
.user-list-table-wrapper.listview-table > tbody > tr:first-child > th {
  max-width: 120px;
}

.user-list-table-wrapper.listview-table .select2-container,
.user-list-table-wrapper.listview-table .select2 {
  width: 100% !important;
}

.user-list-table-wrapper.listview-table > tbody > tr > td .value .col-lg-2,
.user-list-table-wrapper.listview-table > tfoot > tr > td .value .col-lg-2 {
  padding: 0;
}

@media (min-width: 1750px) {
  .middle-block.col-lg-8 {
    margin-left: 0 !important;
  }
}

/*Avni vyas
16-09-2021*/

@media (min-width: 1300px) and (max-width: 1920px) {
  .editViewBody .editViewContents div .row .col-lg-6 {
    width: auto !important;
    margin-left: 0px !important;
    float: right !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
  }

  .editViewBody .editViewContents .row span {
    /*float: right!important;
    margin-right: 0px !important;
    padding-right: 0px !important;*/
    /*display: contents;*/
  }
}

.select2-with-searchbox {
  /* left: 111px!important;*/
}

.editViewBody .editViewContents .profileData .row span {
  /*display: block !important;*/
}

.editViewBody
  .editViewContents
  .profileData
  .row
  .mini-slider-control
  .ui-slider-handle {
  position: absolute;
  right: -16px;
}

.editViewBody
  .editViewContents
  .profileData
  .row
  .editViewMiniSlider
  .ui-slider-handle,
.editViewBody
  .editViewContents
  .profilesEditView
  .row
  .editViewMiniSlider
  .ui-slider-handle {
  display: block !important;
  position: absolute;
  /*right: 0px !important;*/
}

.main-scroll .editViewBody .editViewContents div .row .col-lg-6 {
  margin-right: 16px !important;
}

.model-body-scrollenabled .fieldProperty .properties {
  overflow: hidden;
  float: right !important;
  width: 100%;
  padding: 15px 25px;
}

.fieldProperty .control-label.fieldLabel.col-sm-5 {
  width: 208px !important;
  margin-right: 12px;
}

#relatedmenuList #mCSB_9_container .textOverflowEllipsis .content {
  /*position: absolute!important;
    right: 29px!important;*/
}

.resizable-summary-view div#documentRelated {
  height: auto !important;
}

#Potentials_editView_fieldName_probability,
#Potentials_editView_fieldName_closingdate {
/*  position: absolute;*/
  right: 15px;
}

/* .detailViewContainer .updates_timeline .update_icon img {
  height: 35px !important;
  width: 35px !important;
  border-radius: 50%;
  position: absolute;
  left: 2px !important;
  top: -2px !important;
} */

.detailViewContainer .updates_timeline .update_icon .update_image img {
  height: 15px !important;
  width: 15px !important;
  border-radius: 0;
  position: absolute;
  left: 6px !important;
  top: 6px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-55%, -50%) !important;
}

.recentActivitiesContainer .update_icon .update_image i {
  position: relative !important;
  top: 5px !important;
}

.user-list-table-wrapper .listViewEntries .table-actions span.more a {
  padding: 0 15px 0 0px !important;
}

.ui-sortable-handle .menuEditorModuleItem .marginTop5px img {
  width: 23px !important;
}

.ui-sortable-handle .menuEditorModuleItem .marginTop5px .cursorDrag {
  width: auto !important;
}

/*Avni Vyas
17-09-2021*/

.workFlowContents.EmailCampaignsStep1 {
  margin-top: 32px !important;
}

.workFlowContents form#EmailCampaigns_step2 {
  margin-top: 67px !important;
}

.EmailCampaignsStep2 #select_option label,
.EmailCampaignsStep2 #subscriber_select label {
  padding-right: 31px !important;
}

.contentsBackground .conditionRow .select2-container {
  float: right;
  margin-bottom: 10px;
}

.EmailCampaignsStep2 #filter_condition h4 {
  margin-right: 19px;
}

.EmailCampaignsStep2 .col-lg-3 select {
  width: 100% !important;
}

.newEmailCampaign #breadcrumb .crumbs {
  width: 85% !important;
}

.newEmailCampaign h3 {
  margin: 25px 25px 10px !important;
}

#EmailCampaigns_step3 .EmailCampaignsStep3,
#EmailCampaigns_step4 .EmailCampaignsStep4 {
  margin-top: 0px !important;
}

.EmailCampaignsStep3 .form-horizontal .control-label {
  color: #2c3b49;
  opacity: 0.8;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: 400;
}

.EmailCampaignsStep3 #selectEmailTemplate {
  float: right;
  margin-right: 0px !important;
}

#EmailCampaigns_step3,
#EmailCampaigns_step4 {
  padding: 15px 0px !important;
}

.EmailCampaignsStep3 label {
  text-align: right !important;
}

.EmailCampaignsStep3 .col-lg-8 {
  float: right !important;
}

#EmailCampaigns_step2 div .row div label {
  text-align: right !important;
  margin-right: 17px !important;
}

.tabbable .blockFieldsScallSortable .connectedSortable li {
  width: 100% !important;
}

/*.tabbable .blockFieldsScallSortable .connectedSortable li.ui-sortable-handle .fieldPropertyContainer{
    width: 41% !important;
  }*/

.blockFieldsScallSortable .connectedSortable .border1px {
  border: none !important;
}

.border1px .marginLeftZero .fieldLabelContainer .fieldTypeLabel {
  float: right !important;
}

.EmailCampaignsStep4 .paddingTopBottom5per {
  float: left !important;
  margin-top: -8% !important;
}

.EmailCampaignsStep4 .span10 {
  text-align: right !important;
}

.potentialsFieldMappingEditPageDiv #potentialsMapping {
  width: 100%;
  background: #ffffff;
  /*box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);*/
  border-radius: 4px;
  margin: 0;
  border: 0;
  padding: 5px 15px;
  /*margin-top: -15px;
    margin-right: 15px;*/
}

.potentialsFieldMappingEditPageDiv #potentialsMapping #addMapping {
  color: #555555 !important;
}

.potentialsFieldMappingEditPageDiv
  #potentialsMapping
  #convertPotentialMapping
  tbody {
  float: right !important;
  width: 100% !important;
}

.potentialsFieldMappingEditPageDiv
  #potentialsMapping
  #convertPotentialMapping
  tbody
  > tr
  > th {
  text-align: right !important;
}

.module-action-bar .disNone .col-lg-5 div#appnav {
  margin: -5.75% -2% 0 0 !important;
}

.app-fixed-navbar .global-nav .col-sm-3 {
  width: 427px !important;
}

#report_step1 .col-lg-4 .select2-container {
  float: right !important;
}

#report_step1 .control-label {
  text-align: right !important;
  margin-right: 30px;
}

.reportContents #report_step1 div .row div label {
  text-align: right !important;
  margin-right: 30px;
}

#report_step1 #scheduleBox .col-lg-12 .col-lg-3 {
  padding-right: 28px !important;
}

/************** 18-09-2021 Krunal *************/
.middle-block.col-lg-8 {
  margin-top: 0 !important;
}

.detailview-content {
  padding-right: 0;
}

.detailsLeftAlign,
.commentsRelatedContainer {
  margin-top: 0 !important;
  width: 100%;
}

.width100 {
  width: 100%;
  margin-bottom: 20px;
}

.width100.relatedHeader {
  margin-bottom: 0;
  position: relative;
  top: 80px;
  padding: 0;
}

.width100.profiledetail {
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  padding: 14px;
  display: flex;
}

.width100.profiledetail .profileimagewrapper {
  max-width: 100px;
  width: 100%;
  margin-left: 15px;
}

/*.details.row >form>.resizable-summary-view{
  padding:0 15px !important; 
}*/
.details.row > form .resizable-summary-view div[class*='col-'] {
  padding: 0;
}

.left-block.col-lg-4 {
  right: 0;
}

.profileleftwrapper {
  display: flex;
  flex-wrap: wrap;
  padding-right: 10px;
}

.profileleftwrapper .fieldLabel {
  width: 120px;
  font-weight: 500;
  margin-bottom: 10px;
}

.profileleftwrapper .fieldLabel label {
  /*margin-bottom: 10px !important;*/
}

.profileleftwrapper .fieldValue .value,
.profileleftwrapper td.fieldValue {
  margin-bottom: 10px !important;
}

.detailviewactionstags {
  margin-top: auto;
  margin-bottom: 0;
  width: 100%;
}
.detailviewactionstags .tagContainer #addTagContainer {
  width: auto;
}

.detailviewactionstags .detailViewButtoncontainer .pull-right .btn-group {
  margin-left: 0;
}

.profileleftwrapper .detailViewButtoncontainer .btn-default {
  height: 25px;
  width: 33px !important;
  opacity: 0.5;
}

.profileleftwrapper .detailViewButtoncontainer .btn-default:hover {
  opacity: 1;
}

.profileleftwrapper .detailViewButtoncontainer .btn-default img {
  width: 100% !important;
  height: 100%;
  object-fit: contain;
}

/*Avni Vyas
20-09-2021*/

.filterConditionContainer #s2id_groupbyfield,
.filterConditionContainer #s2id_datafields {
  min-width: auto !important;
  float: right;
}

.workflowtaskPopup {
  display: none;
}

.relatedContainer,
.details > div#updates {
  width: 98.5% !important;
  left: 16px !important;
  margin: 0% !important;
}

@media (min-width: 1400px) and (max-width: 1590px) {
  .relatedContainer,
  .details > div#updates {
    margin: 0% !important;
  }
}

.detailview-header-block .detailview-content {
  margin-top: 20px !important;
}

.resizable-summary-view div#relatedActivities,
div#documentRelated {
  margin-top: 21px !important;
}

.MultiFile-intercepted .resizable-summary-view {
  margin-top: -25px !important;
}

.main-container-CTGoogleCalendar .ctGoogleCal .dashboard1 .col-md-6 {
  float: right !important;
}

.resizable-summary-view div#relatedActivities,
div#documentRelated {
  margin-top: 15px !important;
}

#detailView .left-block .summaryView {
  margin-top: 15px !important;
}

.resizable-summary-view div#relatedActivities,
.resizable-summary-view div#commentRelated {
  width: 67% !important;
  position: relative;
  left: 6px;
}

@media (min-width: 1920px) {
  .resizable-summary-view div#relatedActivities,
  .resizable-summary-view div#commentRelated {
    position: relative;
    right: 10px;
  }
}

.detailsLeftAlign .recentActivitiesContainer.ProductsActivitiesContainer {
  min-width: 100% !important;
  left: 0px !important;
  position: relative !important;
  right: 0px !important;
}

#detailView .LinkTrackerInfoTab {
  width: 97.5% !important;
  right: 16px !important;
  margin: 0% !important;
  margin-bottom: 15px !important;
}

.detailview-header-block .details {
  margin-top: 0px !important;
}

/*.settingsPageDiv.content-area.vtigerSetting td{
  width: auto !important;
}*/

.WPUserList table > thead:first-child > tr:first-child > th {
  text-align: right;
}

.WPUserList tr {
  text-align: right;
}

/*Avni Vyas
21-09-2021*/

.forecaststep1 .marginLeftZero .stepNum {
  float: right;
  position: relative;
  bottom: 2px;
}

.detailview-content .MultiFile-intercepted {
  width: 96.5% !important;
  position: relative !important;
  right: 28px !important;
  padding: 0;
}

#detailView .left-block .summaryView {
  margin-top: 15px !important;
  position: relative;
  left: 28px;
}

.resizable-summary-view div#documentRelated {
  height: auto !important;
  position: relative;
  width: 25%;
  right: 15px;
}

.MultiFile-intercepted .resizable-summary-view {
  margin-top: -10px !important;
  display: inline-flex;
}

.MultiFile-intercepted .resizable-summary-view .middle-block.col-lg-8 {
  padding-right: 0px !important;
}

/*table-issue*/
/*
.relatedContents #listview-table{
  width: 100%!important;
max-width: 100%!important;
}
*/
/*.relatedContents  table.table.listview-table thead, .relatedContents  table.table.listview-table tr.searchRow.listViewSearchContainer, 
.relatedContents table.table.listview-table tbody > tr{
  border-spacing: 0!important;
border-collapse: collapse!important;
float: inherit !important;
display: table-row;
}*/

/*.detailview-content .details.row .relatedContents tbody {
    display: table-row;
}*/

.relatedContents .listview-table > thead > tr:first-child > th,
.relatedContents .listview-table > tbody > tr:first-child > th {
  min-width: 100px !important;
}

.relatedContents .table > thead:first-child > tr:first-child > th {
  /* border-top: 0!important;
    text-align: right !important;
    padding: 10px 5px!important;
    border-bottom: 1px solid #ddd!important;
    line-height: 1.4!important;
    vertical-align: bottom!important;*/
  text-align: right;
}

/*21-09-2021 Krunal*/
.app-nav .module-action-bar.settings-action-bar {
  display: flex;
  flex-wrap: wrap;
}

.app-fixed-navbar {
  height: auto;
}

.app-nav .module-action-bar.settings-action-bar .subMenuTab {
  width: 100% !important;
  left: 0px;
  order: 2;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 0 15px;
  position: relative;
}

.app-nav .module-action-bar.settings-action-bar .subMenuTab .nav.nav-tabs.single_button{
  position: absolute;
    top: 0;
    left: -716px !important; 
    right: auto !important;
    z-index: 9;
    background: transparent;
    box-shadow: none;
}

.settingsPageDiv .editbutton-container {
  position: absolute;
  left: 35px;
  top: 19px;
  z-index: 1;
}

.main-container.settingspagecontentwrapper {
  top: 50px;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting {
  padding-right: 0 !important;
  max-width: calc(100% - 200px);
  padding-right: 15px !important;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div {
  padding: 0 !important;
  width: 100% !important;
  float: left;
  /*background: #fff;*/
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div#layoutEditorContainer {
  right: 0 !important;
}

.settings-action-bar .subMenuTab ul.nav.nav-tabs {
  width: 100% !important;
}

.main-container.settingspagecontentwrapper .settingsNav {
  width: 19%;
  right: 0;
  top: 45px;
  position: fixed;
  z-index: 1031;
}

.main-container.settingspagecontentwrapper
  .settingsNav
  .settingsgroup.settingsSubMenu {
  margin-right: 0 !important;
}

.main-container.settingspagecontentwrapper
  div#layoutEditorContainer
  .widget_header {
  margin: 0;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div#listViewContent {
  width: 100% !important;
}

.module-action-bar.settings-action-bar .disNone .col-lg-5 div#appnav {
  margin: 0 !important;
}

#prefPageHeader .col-xs-8,
#prefPageHeader .col-xs-9,
#prefPageHeader .col-xs-12 {
  padding: 0 !important;
}

.app-nav .module-action-bar.settings-action-bar .module-action-content {
  width: 100%;
  height: auto;
}

.settingspagecontentwrapper .detailViewContainer #prefPageHeader {
  width: 100% !important;
  position: relative;
  right: 0px !important;
}

div#prefPageHeader span.col-xs-9 {
  padding-right: 15px !important;
}

.settingspagecontentwrapper .settingsPageDiv #updateCompanyDetailsForm {
  right: 0;
  padding-right: 15px;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.settingspagecontentwrapper .editViewContainer {
  padding-top: 0;
}

.settingspagecontentwrapper .settingsIndexPage.col-lg-12.col-md-12.col-sm-12 {
  width: 100%;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div#sharingAccessContainer
  > div {
  padding: 0;
}

.settingspagecontentwrapper .ScallaUserEditView > div {
  padding: 0;
}

/*@media (min-width: 1790px) and (max-width: 1920px){
  .app-nav .module-action-bar.settings-action-bar .subMenuTab{
    width: 100% !important;
  }
}*/

/*Avni vyas
22-09-2021*/

#sendSmsContainer .popover {
  display: block;
  top: -50.1px !important;
  left: 643px !important;
  width: 249px !important;
}

#sendSmsContainer .popover .arrow {
  top: 46.333% !important;
}

.forecaststep1 #breadcrumb .stepText {
  position: relative;
  top: 3px;
}

#chartDetailForm .btn-default {
  margin: 0px !important;
}

.reportsDetailHeader .filterConditionsDiv {
  margin-top: 19px;
}

.profiledetail .record-header {
  width: 190px !important;
}

.details.row.PdfTemplatesDetails {
  width: 100% !important;
  position: relative !important;
  left: 0px !important;
  top: 338px !important;
}

.settingsPageDiv.content-area.vtigerSetting #digital_signature_setting td {
  text-align: right;
}

.settingspagecontentwrapper .settingsPageDiv .widget_header h3 {
  margin-right: 35px;
}

.settingspagecontentwrapper .custombreadcrumbs .seclink {
  float: left !important;
}

#googleleadsMapping .editViewContents .row p {
  float: left !important;
}

/*Drashti
22-09-2021
*/

/*table.table.listview-table th {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}*/

table.table.listview-table
  th
  .select2-container.select2-container-multi.select2 {
  width: 100% !important;
}

/*22-09-2021 Krunal */
.relatedContainer,
.details > div#updates {
  width: 100% !important;
  left: 0 !important;
  margin: 0% !important;
}

.detailview-header-block .details.row {
  margin: 0;
}

.detailview-content .MultiFile-intercepted {
  width: 100% !important;
  position: relative !important;
  right: 0 !important;
}

.detailview-content .commentsRelatedContainer .commentTitle {
  background: #ffffff;
  border-color: #f3f3f3;
}

.commentContainer .commentTitle .addCommentBlock .row {
  float: unset;
}

.main-container.settingspagecontentwrapper {
  top: 0;
}

.navbar-fixed-top {
  position: relative;
}

#page {
  padding-top: 0;
}

.content-area.vtigerSetting .container-fluid {
  width: 100% !important;
}

.app-fixed-navbar
  .global-nav
  .row
  .app-navigator-container
  .row
  .app-switcher-container {
  position: fixed;
  right: 0;
}

/*.listViewPageDiv.ManageUsers .floatThead-wrapper > .table-container,.listViewPageDiv.profile-listviewpagediv .floatThead-wrapper > .table-container{
  overflow: visible !important; 

}*/
.module-action-bar.settings-action-bar .disNone .col-lg-5 div#appnav {
  margin-right: -25px !important;
}

.app-nav .module-action-bar {
  max-width: 100%;
}

.main-container {
  top: 0;
  left: 0;
}

.main-container .sidebar-essentials {
  right: 0 !important;
  width: 15% !important;
  padding: 0 8px !important;
  background: transparent;
  box-shadow: none;
}

.main-container .sidebar-essentials .sidebar-menu {
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
}

div#listViewContent {
  width: 85% !important;
  padding: 0 15px;
  background: transparent !important;
  box-shadow: none !important;
}

div#listViewContent .listpagewrapper {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  overflow: visible !important;
}

/*23-09-2021 Krunal*/
.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div.settingsIndexPage {
  padding: 20px !important;
}

.listViewEntries td .table-actions {
  float: unset;
}

.viewContent .content-area {
  padding-right: 15px;
}

.module-action-bar .module-breadcrumb {
  padding-right: 15px;
}

ul.dropdown-menu.othersTags {
  position: static;
  width: 100% !important;
  box-shadow: none !important;
  margin: 0 !important;
}

ul.dropdown-menu.othersTags br {
  display: none;
}

#composeEmailContainer .select2-container {
  width: 100% !important;
}

.attachment .col-lg-12 .col-lg-2 .pull-right {
  float: right !important;
}

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

#detailView .LinkTrackerInfoTab {
  width: 100% !important;
  right: 0 !important;
}

div#appnav ul.navbar-nav li:first-child > button {
  margin-right: 0 !important;
}

#detailView .left-block .summaryView {
  margin-top: 15px !important;
  position: relative;
  left: 0;
}

.resizable-summary-view div#relatedActivities,
.resizable-summary-view div#commentRelated {
  left: 0;
  width: 100% !important;
}

.resizable-summary-view div#documentRelated {
  right: 0;
  width: 100% !important;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  padding-right: 15px;
}

.resizable-summary-view div#documentRelated > div {
  background-color: #fff;
  padding: 20px;
}

.detailview-content
  .details.row
  > form
  > .resizable-summary-view.summaryviewwrapper {
  padding: 0 !important;
}

#detailView .left-block .summaryView {
  margin-top: 15px !important;
  position: relative;
  left: 0;
  padding: 0;
  background: transparent;
}

.main-container.main-container-Billing div#listViewContent {
  width: 100% !important;
  margin-left: 0 !important;
}

.billingview .listViewPageDiv {
  top: 0 !important;
}

.main-container.main-container-Billing {
  margin-top: 0;
}

/*25-09-2021 Krunal*/
.details .relatedContents .bottomscroll-div {
  display: flex;
  overflow-x: auto;
}

.full-height .listview-actions-container .row .btn-group button:last-child {
  margin-right: 0 !important;
}

.full-height .listview-actions-container .row .btn-group {
  float: unset !important;
}

.listViewPageDiv.ManageUsers .listview-actions-container {
  margin-top: 0 !important;
}

.listViewPageDiv.ManageUsers .wrapperManageUsersListView {
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 4px;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
}

/*div#relatedActivities, div#commentRelated, div#documentRelated{
  margin-top: 15px;
}*/

div#documentRelated {
  width: 34%;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  padding-right: 15px;
}

div#documentRelated > div {
  background: #fff;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 20px 20px;
}

.details.row > form > div[class*='col-'],
.details.row > form .resizable-summary-view div[class*='col-'] {
  padding: 0;
}

.MultiFile-intercepted .resizable-summary-view .middle-block.col-lg-8 {
  padding-right: 15px !important;
}

.detailview-header-block .detailview-content {
  margin-top: 5px !important; /*changed by sam variance*/
  position: relative;
  top: 80px;
}

@media (min-width: 1920px) {
  .resizable-summary-view div#relatedActivities,
  .resizable-summary-view div#commentRelated {
    right: 0;
  }
}

.overlayDetail .overlayDetailHeader {
  display: flex;
  flex-wrap: wrap;
}

.app-nav .app-MARKETING,
.app-nav .app-Marketing {
  display: none;
}

.main-container.main-container-CTGoogleCalendar {
  padding: 0 15px;
}

.overlayDetail .overlayDetailHeader .recordImage {
  margin-right: 0;
}

.main-container.main-container-CTGoogleCalendar .main.dashboard1.ctGoogleCal {
  width: 100%;
}

.editViewPageDiv.viewContent {
  padding-right: 0;
}

.dashBoardContainer {
  padding-right: 0;
}

.main-container.settingspagecontentwrapper div#listViewContent {
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06) !important;
  right: 60px !important;
  top: 40px !important;
  background: #fff !important;
}

.CalendarModuleView #modnavigator {
  display: none;
}

.CalendarModuleView #CalendarViewContent {
  margin-top: 0 !important;
  width: 85%;
  float: right;
  padding-right: 0 !important;
  padding-left: 15px;
}

.main-container.CalendarModuleView .sidebar-essentials {
  right: 0 !important;
  width: 15% !important;
  padding: 0 10px !important;
  background: transparent;
  box-shadow: none;
  float: left;
  position: static !important;
  /*margin-top: 0 !important;*/
  float: right;
}

.CalendarModuleView #CalendarViewContent > .cldr-hdr-d {
  margin-right: 0;
  width: 100%;
}

.CalendarModuleView #CalendarViewContent > .cldr-d {
  margin: 0;
}

.CalendarModuleView #CalendarViewContent > .cldr-d #mycalendar,
.CalendarModuleView #CalendarViewContent > .cldr-d #sharedcalendar {
  width: 100%;
  margin: 0;
}

.CalendarModuleView .calendar-sidebar-tabs ul.nav.navbar-nav {
  margin: 0 !important;
  width: 101%;
  flex-direction: row-reverse;
}

.CalendarModuleView .calendar-sidebar-tabs .calendar-sidebar-tab {
  clear: both;
}

.main-container.main-container-Calendar .sidebar-essentials {
  position: static !important;
  margin-top: 0 !important;
  float: right;
}

.main-container.main-container-Calendar .cldr-hdr-d.cldrListing {
  max-width: 75%;
  width: 100%;
  margin-right: 0;
  margin-bottom: 15px !important;
}

.dashBoardDropDown ul.dropdown-menu.dropdown-menu-right.moreDashBoards {
  right: auto;
}

.calendarview
  a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.fc-draggable,
.calendarview .fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  /*margin: 5px 0!important; */
  position: relative;
}

#taskManagementContainer .scrollable.dataEntries.mCustomScrollbar {
  min-height: 200px !important;
  /*max-height: 200px !important;*/
  height: 55vh !important;
  overflow: auto;
}

/*nav.app-fixed-navbar.sticky{
  position: fixed;
  max-width: calc(100% - 200px);
  width: 100%;
  right: auto;
  left: 0
}*/

#searchResults-container {
  background-color: #fff;
  max-width: calc(100% - 200px);
  width: 100%;
  margin: 0 auto 0 0;
}

form#CalendarSettings input.alignTop {
  right: 0;
}

#importContainer .importBlockContainer {
  margin: 0;
  margin-top: 15px;
}

#importContainer .breadcrumb {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  border-radius: 4px;
  margin: 0;
}

.scrollableSearchContent {
  padding: 45px 0;
}

.scrollableSearchContent form#listedit {
  overflow-x: auto;
}

.editViewContents td.fieldLabel.alignMiddle {
  width: 50% !important;
}

.editViewBody
  .editViewContents
  .profileData
  .row
  .editViewMiniSlider
  .ui-slider-handle,
.editViewBody
  .editViewContents
  .profilesEditView
  .row
  .editViewMiniSlider
  .ui-slider-handle {
  right: auto !important;
}

.inventoryModuleEditView .editViewContents td.fieldLabel.alignMiddle {
  width: 20% !important;
}

.inventoryModuleEditView .editViewContents td.fieldValue:nth-child(2n) {
  width: 75% !important;
}

/*28-09-2021 Krunal*/
#waNotify li b {
  white-space: pre-wrap;
}

#waNotify #whatsapp .pic {
  margin-bottom: 20px !important;
}

.fc-time-grid-event.fc-short .fc-content {
  white-space: pre-wrap !important;
}

div#listViewContent > div {
  background-color: #fff !important;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06);
}

div#listViewContent.full-width {
  width: 100% !important;
  float: unset !important;
  padding: 0 15px !important;
}

.listViewContentHeaderValues .customsort {
  opacity: 1;
}

div#listViewContent > div {
  overflow: hidden;
}

.portallistwrapper {
  padding: 0 !important;
}

.settingsPageDiv form#detailView {
  padding: 10px;
  background: #fff;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  .editViewPageDiv
  > div,
.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div
  .groupsdetailwrapper {
  background-color: #fff;
}

.main-container.settingspagecontentwrapper
  .groupsdetailwrapper
  .form-horizontal
  .form-group {
  display: flex;
}

.main-container.settingspagecontentwrapper
  .groupsdetailwrapper
  .collectiveGroupMembers {
  float: right;
}

.collectiveGroupMembers ul li.groupLabel {
  padding: 10px !important;
}

.collectiveGroupMembers ul li {
  padding: 5px 10px !important;
}

.settingsPageDiv .WhatsappConfigurationEdit {
  bottom: 0;
  right: 0;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div#WhatsappConfiguration {
  padding-top: 20px !important;
}

.custombreadcrumbs {
  /*background-color: #fff;*/
  margin-top: 0;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div#OutgoingServerDetails {
  padding: 10px !important;
  right: 0 !important;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div#OutgoingServerDetails
  .block {
  background: transparent;
  box-shadow: none;
  width: 100%;
}

.settingspagecontentwrapper
  .editViewContainer
  #OutgoingServerForm
  .editview-table
  .fieldValue
  .inputElement.select2-container {
  float: right;
}

.editViewContainer .block h4 {
  margin-bottom: 15px;
  margin-top: 20px;
}

ul#myTab .nav-link {
  padding: 18px 15px !important;
}

.conversationDiv .sendDiv .myBtn.black {
  background: transparent;
  margin: 0px 5px !important;
  cursor: pointer;
  float: right;
  padding: 0 !important;
}

span#sendTemplates {
  padding: 0px !important;
  float: left;
  text-align: center;
  cursor: pointer;
  order: 3;
  margin: 0 5px;
}

body .messageBlock .conversationDiv .sendDiv #sendTemplates img {
  position: relative;
  top: 0 !important;
  width: 16px;
  right: 0px !important;
}

.sendMessageIcon {
  width: 16px;
  float: right;
  margin: 0 0 0 !important;
  cursor: pointer;
}

.conversationDiv .sendDiv {
  display: flex !important;
  align-items: center;
}

.waTabs {
  float: unset !important;
}

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

body #waListing #impMsg .defaultText .padNone .proDetailsDiv {
  height: auto !important;
}

#moreLink .moreRecentUpdates {
  display: none;
}

/*29-09-2021 KRunal*/
.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div#TaxCalculationsContainer {
  background-color: #fff;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div#TaxCalculationsContainer
  .editViewHeader {
  padding: 0 10px;
}

.scrollableSearchContent .listview-table > thead > tr:first-child > th,
.scrollableSearchContent .listview-table > tbody > tr:first-child > th {
  padding: 10px;
}

.scrollableSearchContent .listview-table > tbody > tr > td,
.scrollableSearchContent .listview-table > tfoot > tr > td {
  padding: 10px;
}

.scrollableSearchContent
  .listview-table
  td.listViewRecordActions
  .table-actions
  span {
  float: unset !important;
}

.scrollableSearchContent .listViewPageDiv a.quickView.action {
  float: unset !important;
}

.scrollableSearchContent .listViewPageDiv a.markStar {
  float: unset !important;
}

.scrollableSearchContent .listViewPageDiv a.markStar.fa-star-o:before {
  top: 2px;
}

.scrollableSearchContent .listview-table > tbody > tr > td .table-actions {
  direction: rtl !important;
}

.modal.in .modal-dialog {
  background-color: #fff;
}

.editContainer.pipelineConfiguration {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pipelineConfiguration #breadcrumb {
  width: 100% !important;
  position: static !important;
}

.step1 #PipelineviewConfigure {
  overflow: hidden;
  margin-top: 15px;
}

form#PipelineviewConfigure .padding1per,
.padding1per1 {
  width: 100%;
}

.pipelineConfiguration #breadcrumb .crumbs li {
  width: 25% !important;
}

.pipelineConfiguration #breadcrumb .crumbs li:after {
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}

/*div#listViewContent > div#listview-actions{
      padding: 10px 0;
}*/
.custombreadcrumbs {
  width: 100%;
  margin-left: 0 !important;
  padding: 0 15px;
}

.custombreadcrumbs .seclink {
  float: left;
}

/*30-09-2021 Krunal*/
#editViewPageDiv form {
  box-shadow: none;
}

/*.overlayPageContent.fade{
  visibility: hidden;
}*/

.overlayPageContent {
  width: calc(100% - 200px);
  margin-right: 200px;
}

.input-group.inputElement .input-group-addon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.CTGoogleCalendarLog #listview-actions .listViewActions.ctgooglelistactions {
  float: left !important;
}

.main-container.main-container-CTGoogleCalendar
  .listview-table
  > thead
  > tr:first-child
  > th,
.main-container.main-container-CTGoogleCalendar
  .listview-table
  > tbody
  > tr:first-child
  > th {
  padding: 10px 20px;
}

.CTGoogleCalendarLog {
  padding-top: 0;
  padding-bottom: 0;
}

#scrollContainer .tabbable .form-group .col-sm-9 {
  float: right !important;
}

#scrollContainer .tabbable .form-group .col-sm-9 .row .col-sm-2 {
  float: right !important;
  text-align: left;
}

#scrollContainer .tabbable .form-group .col-sm-9 .row .col-sm-8 {
  float: right;
}

.taskTypeUi .row .col-sm-9 .row .col-sm-3 .input-group {
  float: unset;
}

.taskTypeUi .row .col-sm-4 {
  float: right;
}

.taskTypeUi .row .col-sm-9 .row .col-sm-2,
#scrollContainer .tabbable .form-group .col-sm-9 .row .col-sm-2 {
  text-align: right;
}

.time .input-group-addon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 3px !important;
}

.input-group.time input.timepicker-default {
  padding-right: 20px;
}

.taskTypeUi .select2-container,
.select2 {
  width: 180px !important;
}

.taskTypeUi .marginLeftZero .select2-container,
.marginLeftZero .select2 {
  width: 100% !important;
}

.select2-container .select2-choice > .select2-chosen {
  text-align: right;
}

.taskTypeUi .row .col-sm-12 .row .col-sm-2,
.taskTypeUi .row .col-sm-12 .row .col-sm-8,
.taskTypeUi .row .col-sm-12 .row .col-sm-4,
.taskTypeUi .row .col-sm-12 .row .col-sm-6,
.taskTypeUi .row .col-sm-12 .row .col-sm-5,
.taskTypeUi .row .col-sm-12 .row .col-sm-3 {
  float: right !important;
}

.taskTypeUi .row .col-sm-12 .row .col-sm-3 .input-group.time {
  float: right;
}

.module-action-bar.settings-action-bar .disNone .col-lg-5 div#appnav {
  margin-right: -15px !important;
}

.listview-table tr td:first-child,
.listview-table tr th:first-child {
  padding: 10px !important;
}

.listview-table .listViewEntries .table-actions span:first-child {
  /*padding-right: 0 !important;*/
}

.form-horizontal .modal-body .form-group .control-label {
  margin-bottom: 10px;
}

.modal-body .form-group .controls {
  float: right;
}

.ScallaUserEditView .editViewContents td.fieldLabel.alignMiddle {
  width: 25% !important;
}

.clearfix .fieldBlockContainer .pull-right {
  position: relative;
}

.fieldBlockContainer .blockContainer .lineItemPopover {
  top: 50% !important;
  left: 170% !important;
  transform: translateY(-50%) !important;
  text-align: right !important;
  width: 350px !important;
}

.fieldBlockContainer .blockContainer .lineItemPopover .arrow {
  left: -11px !important;
  right: auto !important;
  transform: scaleX(-1) !important;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div.potentialsFieldMappingListPageDiv,
.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div.leadsFieldMappingListPageDiv {
  background: #fff;
  overflow: hidden;
  padding: 10px 0 !important;
}

#potentialsMapping
  .listview-table-norecords
  .listViewEntries
  .table-actions
  span,
#potentialsMapping .listview-table .listViewEntries .table-actions span,
#leadsMapping .listViewEntries td .table-actions span {
  float: right !important;
}

#convertLeadMapping th {
  text-align: right;
}

/* 01-10-2021 Krunal */
.chat .message.received {
  margin-right: auto !important;
}

.chat .conversation .conversation-container > span {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.chat .message.sent {
  flex: 0 0 60%;
}

.conversationDiv .chatDiv span.chatTime {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.col-lg-12.col-sm-12.col-md-12.detailViewButtoncontainer.pull-right.emailTemplateActions {
  padding: 0 !important;
  float: right !important;
  width: auto;
}

.col-lg-12.col-sm-12.col-md-12.detailViewButtoncontainer.pull-right.emailTemplateActions
  + .tagContainer {
  float: left;
  width: auto;
  padding-top: 0;
}

.col-lg-12.col-sm-12.col-md-12.detailViewButtoncontainer.pull-right.emailTemplateActions
  .pull-right {
  float: left !important;
}

/*.emailTemplatesDetails .detailview-header .width100.profiledetail {
  flex-wrap: wrap;
  margin-bottom: 0;
}*/

.detailview-header-block .details.row {
  margin-top: 0 !important;
  top: 0 !important;
}

.detailview-header-block .details.row #detailView{
  padding: 0;
}

.emailTemplatesDetails .detailview-header-block .detailview-content {
  margin-right: 0 !important;
}

.detailview-table .fieldValue {
  /*width: auto;*/
}

.fieldBlockContainer textarea.inputElement {
  padding: 0 !important;
}

div#listViewContent > div {
  overflow: hidden;
  padding-bottom: 20px;
}

.table-container.gridlistcontainer {
  overflow: hidden;
}

.table-container.gridlistcontainer ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

.table-container.gridlistcontainer ul li {
  float: unset;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 25%;
  flex: 0 0 25%;
  padding: 0 15px !important;
}

.table-container.gridlistcontainer ul li .imageDiv img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.overlay-container-60.full-width,
.overlay-container-300.full-width,
.full-width {
  width: calc(100% - 200px) !important;
}

ul.dropdown-menu {
  z-index: 999999 !important;
  /*left: auto !important;*/
}

/*02-10-2021 KRunal*/
.settingspagecontentwrapper .settingsPageDiv .widget_header h3 {
  margin-right: 30px;
  font-size: 24px;
}

.listview-table .listViewEntries .table-actions.reportListActions span.more {
  padding-right: 10px !important;
}

.commentDetails .commentActionsContainer {
  float: right;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div.detailViewContainer {
  box-shadow: 0px 6px 18px rgb(0 0 0 / 6%);
  background: #fff !important;
  padding: 15px !important;
}

.content-area.vtigerSetting .container-fluid {
  padding: 0 15px !important;
  box-shadow: none !important;
}

.settingspagecontentwrapper .detailViewContainer form.usesrdetailview .block {
  padding: 20px 0 !important;
  margin: 20px 0 25px !important;
  box-shadow: none;
  border-bottom: 1px solid #ddd;
}

.detailViewContainer #userPageHeader {
  padding: 0;
  box-shadow: none;
  margin-right: 0 !important;
}

.settingspagecontentwrapper
  .detailViewContainer
  #Users_detailView_fieldValue_dayoftheweek {
  width: 25% !important;
}

#detailView .block_LBL_CALENDAR_SETTINGS {
  box-shadow: none;
  top: 0 !important;
}

.usesrdetailview .editViewContents td.fieldLabel.alignMiddle,
.calendarsettingeditview .editViewContents td.fieldLabel.alignMiddle {
  width: 25% !important;
  float: right !important;
}

.usesrdetailview .editViewContents td.fieldValue:nth-child(2n),
.calendarsettingeditview .editViewContents td.fieldValue:nth-child(2n) {
  width: 25% !important;
  float: right !important;
}

.CalendarViewPageDiv.content-area.vtAgendaListArea.full-width {
  width: 100% !important;
  float: right;
  padding-right: 15px !important;
}

.calendarsettingeditview#EditView .editViewBody {
  margin-top: 0;
}

.settingsPageDiv form#EditView.calendarsettingeditview {
  padding: 0 10px;
}

div#listViewContent > div {
  box-shadow: none;
}

.main-container.settingspagecontentwrapper div#listViewContent {
  box-shadow: none !important;
  right: 0px !important;
  top: 0px !important;
  background: #fff !important;
  padding-left: 0;
  width: 100% !important;
  margin: 0 !important;
}

.listViewEntries td .table-actions span {
  float: right !important;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div#TaxCalculationsContainer {
  padding: 10px 0 0 !important;
}

.targetfielddiv .select2-container.select2-container-multi.select2 {
  width: 100% !important;
}

.settingsPageDiv.content-area.vtigerSetting .webformeditview td b,
.settingsPageDiv.content-area.vtigerSetting
  .webformeditview
  .fieldBlockContainer-webform
  td
  b {
  white-space: nowrap;
}

span.dashboardTitle.dashboardWidgetHeader {
  display: block;
}

.editViewPageDiv.viewContent > div.reports-content-area {
  /*max-width: calc(100% - 30px);*/
  width: 100%;
}

.editViewPageDiv.viewContent > div.reports-content-area .editContainer {
  padding: 0 !important;
}

.editViewPageDiv.viewContent > div.reports-content-area .breadcrumb {
  width: 100%;
  margin: 0;
}

.quickPreviewModuleHeader {
  display: flex;
  flex-wrap: wrap;
}

.recentActivitiesContainer.row span.col-sm-2 {
  padding: 0;
}

.profileleftwrapper
  .detailViewButtoncontainer
  .btn-default#Documents_detailView_basicAction_LBL_VIEW_FILE {
  width: auto !important;
}

#documentRelated ul.dropdown-menu {
  right: auto;
  top: 25px !important;
}

.emptyRecordsContent {
  text-align: center;
}

.settingsPageDiv .fbBox {
  width: 100% !important;
  padding: 10px;
  background: #fff;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting.nonadminsettingsPageDiv {
  max-width: 100%;
  padding-right: 0 !important;
}

.nonadminsettingsPageDiv #detailView .block h4 {
  padding: 0 5px;
}

.main.ofc365Details {
  width: calc(100% - 30px);
  margin-left: 15px !important;
  margin-right: 15px !important;
  background-color: #fff;
  padding: 10px !important;
  margin-top: 0px !important;
}

.ofc365Details .tableBox,
.ofc365Details .tableBox,
.ofc365Details .formBox,
.fbBox .contents {
  box-shadow: none;
}

.ofc365Details .tableBox,
.ofc365Details .formBox,
.fbBox .contents {
  padding: 0 5px !important;
}

.main.ofc365Details > .clearfix {
  border-bottom: 1px solid #ddd;
}

.googleAdsLeadsFieldMappingListPageDiv h4 {
  padding: 10px 0 15px;
  border-bottom: 1px solid #ddd;
}

.googleAdsLeadsFieldMappingListPageDiv button#MappingEdit {
  position: absolute;
  top: 0px;
  left: 10px;
}

#googleleadsMapping .editViewContents .row p {
  float: right !important;
  margin-right: 15px !important;
  width: 100% !important;
  display: block !important;
}

.googleAdsLeadsFieldMappingListPageDiv.listViewContainer {
  padding: 10px 0;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div#WhatsappConfiguration11 {
  padding: 10px 0 !important;
}

div#WhatsappConfiguration form#EditView .editview-table td {
  vertical-align: top !important;
}

.WhatsappConfigurationEdit .block .editview-table tbody tr td label {
  position: static;
  top: 0;
  bottom: auto;
}

div#WhatsappConfiguration
  form#EditView
  .editview-table
  td
  .select2-container.select2-container-multi.select2 {
  width: 100% !important;
}

.CTWhatsAppTemplates-module-action-content span#sendNewNumberMessage,
.CTWhatsApp-module-action-content span#sendNewNumberMessage {
  margin-right: 10px;
}

.main-container.whatsapp-dashboard-container {
  padding: 0 15px;
  margin-top: 0 !important;
}

.wrapper.bgb.whatsapp-dashboard-wrapper {
  width: 100%;
  clear: both;
  padding: 0;
}

.wrapper.bgb.whatsapp-dashboard-wrapper .content {
  margin-left: 0;
  padding: 0 30px;
}

.wrapper.bgb.whatsapp-dashboard-wrapper .content > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.wrapper.bgb.whatsapp-dashboard-wrapper .col-lg-2 {
  max-width: 20%;
  flex: 0 0 20%;
}

/*03-10-2021 Krunal */
.editViewBody input.dateField.form-control {
  max-width: 200px;
  margin-right: 15px;
  float: right;
}

.editViewBody input.timepicker-default.form-control.ui-timepicker-input {
  max-width: 100px;
  margin-right: 15px;
  float: right;
}

.datepicker-dropdown.datepicker-orient-top:before {
  left: auto !important;
  right: 15px !important;
}

.datepicker-dropdown.datepicker-orient-top:after {
  left: auto !important;
  right: 15px !important;
}

.input-group.inputElement .input-group-addon img {
  top: 0;
}

div#s2id_contact_id_display {
  float: right !important;
}

.main.DashboardMain {
  width: 100% !important;
  left: 0 !important;
}

#DetailEmailCampaignsSetting .block {
  width: 100%;
  padding: 0 10px;
  box-shadow: none;
}

#DetailEmailCampaignsSetting .block > table {
  margin-top: 0 !important;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div#DetailEmailCampaignsSetting {
  padding: 10px 0 !important;
}

#EditEmailCampaignsSetting {
  padding: 10px !important;
  margin: 0 !important;
  width: 100%;
}

#EditEmailCampaignsSetting form#updatedetails table td:nth-child(odd) {
  width: 15% !important;
}

form#EmailCampaigns_step2 {
  width: 100% !important;
}

.reportContents.subscribeEdit {
  margin: 0 !important;
  padding-top: 0 !important;
}

div#s2id_autogen15 {
  /*width: 100% !important;*/
}

.editContainer.newEmailCampaign {
  padding: 10px;
  background-color: #fff;
}

.workFlowContents.EmailCampaignsStep1,
form#EmailCampaigns_step2 {
  width: 100% !important;
  box-shadow: none;
}

.editContainer.newEmailCampaign .breadcrumb,
.workFlowContents.EmailCampaignsStep1,
form#EmailCampaigns_step2 {
  width: 100% !important;
  box-shadow: none;
}

.quickCreateContent .massEditTable tbody tr td.fieldLabel {
  width: 13% !important;
}

.quickCreateContent .massEditTable tbody tr .fieldValue {
  width: 25% !important;
  height: 10px;
}

div#s2id_autogen30 {
  margin-bottom: 10px;
}

.container-fluid.DetailSignatureTemplate,
.container-fluid.EditCTPayment,
.container-fluid.PaymentConfigure,
.container-fluid.signatureTemplateList,
.container-fluid.CTPaymentDefaultTemplates,
.container-fluid.CTPayemntSignatureTemplate,
.container-fluid.ctPaymentTemplatesList,
.container-fluid.CTPaymentNewEmailTemplates {
  width: calc(100% - 30px);
  left: 50%;
  transform: translateX(-50%);
}

.main.dashboard1.ofc365Box {
  width: calc(100% - 30px);
  right: 15px !important;
}

.signatureTemplateList span.actionImages {
  display: flex;
}

.container-fluid.DetailSignatureTemplate div#breadcrumb {
  margin: 0 !important;
}

#detailView .left-block .summaryView {
  /*margin-top: 0 !important;*/
  background-color: #fff;
}

#detailView .left-block .summaryView > div {
  padding: 20px 20px 13px;
  background-color: #fff;
  box-shadow: none;
}

div#massEdit .fieldLabel {
  float: right;
}

div#massEdit .form-group {
  margin-bottom: 15px;
  clear: both;
}

/*div#relatedActivities, div#commentRelated, div#documentRelated{
  margin-top: 0 !important;
  margin-bottom: 15px !important;
}*/
#documentRelated ul.dropdown-menu {
  bottom: auto !important;
}

.main-container.clearfix.CTPdfTemplates .editViewPageDiv.full-width {
  width: 100% !important;
  float: left;
}

.main-container.clearfix.CTPdfTemplates
  table.table.table-bordered.blockContainer.showInlineTable
  tr:first-child
  th {
  text-align: right;
}

.main-container.clearfix.CTPdfTemplates
  table.table.table-bordered.blockContainer.showInlineTable
  tr:first-child {
  text-align: right;
  border-bottom: 1px solid #ddd;
}

.crumbs {
  padding: 0;
}

.forecaststep2 .marginLeftZero .stepNum {
  float: right;
  position: relative;
  bottom: 2px;
}

#digital_signature_setting .listview-table > tbody > tr:first-child > th {
  text-align: right;
}

#digital_signature_setting .listview-table tr td:first-child,
#digital_signature_setting .listview-table tr th:first-child {
  width: auto !important;
}

div#digital_signature_setting .select-search {
  margin: 0 !important;
  margin-top: 15px !important;
}

#digital_signature_setting {
  width: 100%;
  /*border-top: 1px solid #ddd;*/
  box-shadow: none;
  border-radius: 0;
}

.settingspagecontentwrapper .summaryWidgetContainer {
  margin-bottom: 0;
}

.ofc365Details .tableBox table.table th {
  padding: 10px 20px;
}

.EmailTrackermain {
  width: 100% !important;
  right: 0 !important;
  padding: 20px 15px !important;
}

div#load_result .listViewHeaders {
  border-bottom: 1px solid #ddd;
}

/*04-10-2021 Krunal*/

.main.DashboardMain > center {
  background: #fff;
  padding: 10px 15px;
}

.main.DashboardMain {
  width: 100% !important;
  left: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.reportContents.subscribeEdit {
  padding: 0px 15px !important;
}

.newEmailCampaign h3 {
  margin: 10px 0 10px !important;
}

.newEmailCampaign h3 {
  margin: 25px 0px 10px !important;
}

.EmailCampaignsStep4 .paddingTopBottom5per {
  float: left !important;
  margin-top: 0% !important;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.schedule {
  position: relative;
}

.inputElement.select2-container {
  margin-bottom: 10px;
}

.resizable-summary-view div#commentRelated {
  /*padding: 0px 10px !important;*/
}

div#reportContentsDiv {
  box-shadow: none;
}

#page .main.ctpaymentdashboardwrapper .OnlinePayPlugBox {
  width: 100% !important;
  box-shadow: none !important;
}

.main.ctpaymentdashboardwrapper {
  width: calc(100% - 30px);
  background: #fff;
  float: left;
  margin: 0 15px;
  padding: 10px;
}

/*.select2-container .select2-choice .select2-arrow b{
  background-position: 6px 6px;
}*/
.CTPayemntSignatureTemplate .crumbs {
  padding-right: 20px !important;
}

.main-container.clearfix.CTPdfTemplates,
.workFlowContents.forecaststep1,
.workFlowContents1.forecaststep2,
.editViewPageDiv.viewContent {
  max-width: calc(100% - 34px) !important;
  margin: 0 15px;
}

div#digital_signature_setting .select-search > span {
  min-width: 120px;
  display: inline-block;
}

form#OutlookConfiguration .select2-container {
  width: 200px !important;
}

.app-footer {
  position: fixed;
  padding: 10px 10px 0px 10px;
  bottom: 0;
  width: 100%;
}

.editFieldsTable .addCustomField,
.editFieldsTable .inActiveFields,
.editFieldsTable .deleteCustomBlock {
  color: #fff !important;
  background-color: #00ca72;
  text-shadow: none;
  padding: 9px 10px;
  margin: 0 10px 0 0;
  border-radius: 4px;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%);
  border: 0 !important;
  font-size: 13px;
  font-weight: bold;
  outline: 0 !important;
}

.app-nav .listViewPageDiv {
  display: none;
}

.app-nav .listview-actions-container {
  display: none;
}

.current-plan-badge {
  width: 105px !important;
}

.current-plan-badge .badge-text {
  top: 7px;
  font-size: 11px;
  white-space: nowrap;
}

.PipelineviewContainer {
  display: flex;
  flex-wrap: wrap;
}

#page {
  padding-bottom: 50px !important;
}

/*div#s2id_autogen9, div#s2id_autogen11 {
      width: 50px !important;
      margin-bottom: 0 !important;
}*/
.quickCreateContent .massEditTable textarea,
.addCommentBlock .commentTextArea textarea {
  float: right;
}

.editContainer.pipelineConfiguration .crumbs {
  padding-right: 15px;
}

.tabbable .blockFieldsScallSortable .connectedSortable li .fieldPropertyContainer .actions {
  display: flex;
  flex-direction: column-reverse;
  gap: 40px;
  padding: 0;
  left: 20px;
}

.tabbable
  .blockFieldsScallSortable
  .connectedSortable
  li
  .fieldPropertyContainer
  > .row {
  display: flex;
  justify-content: space-around;
}

.ui-sortable-handle .blockFieldsScallSortable .fieldLabel {
  float: right !important;
  width: 100% !important;
}

.tabbable
  .blockFieldsScallSortable
  .connectedSortable
  li
  .fieldPropertyContainer
  .actions
  > a {
  margin: 0 2px;
}

.listview-table-norecords .listViewEntries .table-actions span,
.listview-table .listViewEntries .table-actions span {
  padding-left: 5px;
  padding-right: 0 !important;
}

.listViewEntries .table-actions span.input{
  padding-left: 10px !important;
}

.listViewEntries td .table-actions {
  /*float: right !important;*/
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  position: relative !important;
  right: 0 !important;
  flex-wrap: wrap;
}
/* 
#TaxCalculationsContainer strong {
  float: right !important;
} */

.connectedSortable .dummyRow .col-sm-4 {
  margin-top: 4% !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  margin-left: 0% !important;
}

.blockSortable strong {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
  color: rgb(51 77 110 / 75%);
  text-transform: uppercase;
  text-align: right;
}

#Services-editview-fieldname-unit_price,
#Products-editview-fieldname-unit_price,
#Products_editView_fieldName_purchase_cost,
#Products_editView_fieldName_product_price_per_user {
  width: 152px;
  margin-right: 5px;
  margin: -10px 10px 0px 0px;
}

div#PDFMakerContentDiv button.btn.selectpdfTemplates {
  padding: 10px 10px;
}

div#PDFMakerContentDiv {
  float: right !important;
  padding: 5px;
}

.EmailTemplatesdetailsLeftAlign .detailview-table .fieldValue {
  width: 100% !important;
}

.editElement .select2-container.select2.inputElement.form-control {
  width: 68% !important;
  float: right;
}

.input-save-wrap {
  float: right;
  display: table-cell;
  width: 35px;
  margin-left: 0px;
}

.detailview-table input[type='checkbox']:checked::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.detailview-table input[type='checkbox'].inputElement.form-control {
  width: 20px !important;
  height: 20px !important;
  float: right;
  margin-left: 15px;
  margin-top: 0;
  border: 1px solid #ddd !important;
}

.detailview-table .inputElement.form-control {
  float: right;
}

.edit .editElement .referencefield-wrapper {
  float: right;
  width: 80%;
}

.fieldValue .referencefield-wrapper .input-group.date .input-group-addon {
  float: right;
}

/*08-10-2021*/
.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  .main.ofc365Details {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#Potentials_editView_fieldName_amount {
  width: 152px;
  margin-right: 5px;
  margin: -10px 10px 0px 0px;
}

.massEditTable
  .fieldValue.scallFname
  > div.select2-container.inputElement.select2 {
  width: 50px !important;
  margin-bottom: 0 !important;
}

.massEditTable .fieldValue.scallFname {
  display: flex;
}

.detailViewContainer .block_LBL_USERLOGIN_ROLE {
  width: 100%;
}

.content-area.vtigerSetting .container-fluid {
  width: 100%;
  right: 0 !important;
}

.detailViewContainer .block {
  width: 100%;
  box-shadow: none;
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div.detailViewContainer {
  float: left;
}

div#s2id_moduleFilter {
  width: 300px !important;
}

#workflow_action .dropdown-menu > li > a {
  white-space: break-spaces;
  display: block;
}

.taxCalculationBlock .col-lg-7,
.taxTypeContainer .col-lg-7,
.taxValueContainer .col-lg-5 {
  float: right;
  text-align: right !important;
}

.mCustomScrollbar .mCustomScrollBox .mCSB_container .statusBlock .col-lg-7 {
  text-align: right !important;
  float: right;
}

.taxValueContainer .col-lg-5 .input-group {
  float: right !important;
}

.chargeModalContainer #editCharge .block .col-lg-7,
.chargeModalContainer #editCharge .block .col-lg-5 {
  float: right;
  text-align: right !important;
}

.chargeModalContainer .modal-content .form-horizontal .modal-body div {
  text-align: right !important;
}

#waListing .smallListing .dateTime {
  float: left !important;
  width: 100%;
  text-align: left;
}

#TermsAndConditionsContainer {
  background: white;
}

/*#TermsAndConditionsContainer .fieldValue.col-lg-4.col-md-4.col-sm-4 {
  margin: 0px -150px 0px 0px;
}*/

/*10-12-2021 KRunal*/
footer.app-footer {
  padding-top: 25px;
  z-index: 99;
}

div#PDFMakerContentDiv button.btn.selectpdfTemplates {
  padding: 9px 10px;
  margin-right: 10px;
}

div#massEdit .fieldLabel {
  width: 200px !important;
}

.lineItemModulebuttons .btn-toolbar {
  float: left;
  padding-left: 10px;
}

.row.lineitemsblockrow {
  display: flex;
}

.editViewPageDiv.viewContent.emailtemplateeditcontainer {
  max-width: calc(100% - 30px);
}

.custombreadcrumbs {
  background-color: #f5f6f8;
  display: flex;
}

.col-xs-11.col-sm-4.alert.alert-info.animated.fadeInDown {
  z-index: 999999999999 !important;
}

@media (min-width: 1200px) and (max-width: 1375px) {
  div#PDFMakerContentDiv button.btn.selectpdfTemplates {
    margin: 0 5px 0 0;
  }
}

.forecaststep1 #breadcrumb .stepText {
  float: right;
  width: auto;
  margin-left: 5px;
}

.workFlowContents .crumbs li:after {
  top: 12px !important;
  width: 192px !important;
}

.workFlowContents .crumbs li:last-child::after {
  display: none !important;
}

.newEmailCampaign .crumbs .stepText {
  width: auto !important;
  margin-right: 5px;
  float: right;
  margin-top: 6px;
  margin-left: 6px;
}

.newEmailCampaign .crumbs li:after {
  width: 75px !important;
}

.newEmailCampaign .crumbs li:last-child::after {
  display: none !important;
}

@media (max-width:1500px) {
  .app-nav .module-action-bar.settings-action-bar .subMenuTab .nav.nav-tabs.single_button {
      right: 518px !important;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1421px) {
  .newEmailCampaign .crumbs li:after {
    width: 57px !important;
  }
}

.pipelineConfiguration #breadcrumb .crumbs li:after {
  width: 97px !important;
}

.pipelineConfiguration #breadcrumb .crumbs li:last-child::after {
  display: none !important;
}

.reports-content-area .crumbs li:after {
  width: 128px !important;
}

.reports-content-area .crumbs li:last-child::after {
  display: none !important;
}

.reports-content-area .crumbs .stepText {
  width: 33% !important;
}

.importview-content .stepText {
  width: 50% !important;
}

.importview-content .crumbs li:last-child::after {
  display: none !important;
}

.importview-content .stepText {
  width: 50% !important;
  float: right;
  margin-top: 7px;
  margin-left: 5px;
}

.reports-content-area .crumbs .stepText {
  width: 19% !important;
  float: right;
  margin-top: 7px;
}

.pipelineConfiguration .crumbs .stepText {
  width: 45% !important;
  float: right;
  margin-top: 7px;
}

.lineitemsblockrow .col-lg-5.col-md-5.col-sm-5,
.lineitemsblockrow .col-lg-3.col-md-3.col-sm-3 {
  padding-right: 0px;
  padding-left: 0px;
}

/*19-10-2021 Krunal*/
.reportContents .select2-container .select2-choice > .select2-chosen,
.quickCreateContent .select2-container .select2-choice > .select2-chosen,
.fieldBlockContainer .select2-container .select2-choice > .select2-chosen,
.referencefield-wrapper .select2-input.select2-default {
  margin-left: 20px !important;
  margin-right: 0 !important;
}

.inputElement.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice .select2-arrow {
  right: auto !important;
  left: 15px !important;
  top: 20%;
}

div#taskManagementOtherFilters
  .select2-container.select2-container-multi.select2 {
  width: 100% !important;
}

div#js-reminder-selections {
  display: flex;
}

div#js-reminder-controls > div:first-child {
  margin-top: 0 !important;
}

.crumbs li a {
  display: flex;
}

.crumbs .stepText {
  background: #fff;
  padding-left: 8px;
}

.newEmailCampaign .crumbs li:after {
  width: 115px !important;
  z-index: -1;
}

.workFlowContents .crumbs li:after {
  top: 12px !important;
  width: 170px !important;
}

/*@media (min-width: 1500px) {
  .workFlowContents .crumbs li:after {
    top: 12px !important;
    width: 250px !important;
  }
}

@media (min-width:1499px) {
    .app-nav .module-action-bar.settings-action-bar .subMenuTab .nav.nav-tabs.single_button {
      right: 418px !important;
  }
}*/

.crumbs li:after {
  z-index: -1;
}

.importview-content .stepText,
.reports-content-area .crumbs .stepText {
  width: auto !important;
  overflow: visible;
  position: relative;
}

#advanceSearchContainer {
  width: 100% !important;
}

/*20-10-2021 Krunal*/
.ofc365Details .formBox {
  width: 100% !important;
}

body.closeMenu #searchResults-container {
  margin: 0 auto;
  overflow-y: auto;
}

body.openMenu #searchResults-container {
  margin: 0 auto 0 0;
  overflow-y: auto;
}

.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px !important;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 6px !important;
  right: 7px !important;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 10px !important;
}

ul.layoutTabs.massEditTabs.marginBottom10px {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#CTWhatsAppTemplates_editView_fieldName_wptemplate_title {
  width: 50%;
}

.ccContainer .col-lg-12 .col-lg-6 {
  float: right !important;
}

.bccContainer .col-lg-12 .col-lg-6 {
  float: right !important;
}

.duplicateHandlingContainer .col-lg-5.marginTop5px.marginLeftZero {
  float: right !important;
  padding-right: 0;
  text-align: right;
  width: auto;
}

.duplicateHandlingContainer .select2-container-multi {
  float: none !important;
  margin-right: 0;
}

#s2id_reportsColumnsList {
  width: 82% !important;
}

.searchResults > #searchResults-container {
  width: 100%;
  max-width: 100%;
  position: relative;
}

.searchResults {
  position: relative;
}

.searchResults > #searchResults-container .moduleSearchResults > .row {
  display: flex;
}

.searchResults > #searchResults-container .col-lg-6 > .pull-right {
  float: left !important;
}

.popover.top {
  z-index: 9999;
}

.updates_timeline > li .update_time {
  left: 0;
  right: auto;
  white-space: nowrap;
}

.quickPreviewSummary .summary-table .summaryViewEntries {
  display: flex;
}

.quickPreviewSummary .summary-table .summaryViewEntries .fieldValue {
  width: 50% !important;
}

.updates_timeline > li .update_icon {
  position: absolute;
  right: 0;
  left: auto;
}

.quickPreview .updates_timeline > li .update_info {
  padding: 2% 6%;
}

.quickPreviewSummary .summaryViewEntries .fieldLabel label {
  direction: rtl;
}

.ModulemanagerSettings .moduleManagerBlock .col-lg-7.moduleName h5 {
  color: #051152;
  line-height: 1.4 !important;
  font-size: 14px;
}

.pipelineConfiguration .crumbs .stepText {
  width: auto !important;
  float: right;
  margin-top: 7px;
}

div#js-reminder-selections {
  display: flex;
  float: right !important;
}

.settings-action-bar .subMenuTab ul.nav.nav-tabs {
  display: flex;
  flex-wrap: wrap;
}

.fieldIdentifier .inputElement {
  /*border: 0 !important;*/
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  margin: 8px 0px 0px 0px;
}

/*.PdfTemplatesDetails .fieldValue {
  width: 263px;
  float: none !important;
}*/

.allConditionContainer .input-group-addon {
  float: right !important;
}

/*.col-lg-4.col-md-4.col-sm-4.fieldUiHolder {
    margin: 1px 45px 5px 7px;
}*/
.referencefield-wrapper .input-group-addon.relatedPopup.cursorPointer {
  margin: 0px -10px 0px 0px;
}

#moveReports .select2-container.select2.col-sm-6 {
  float: right !important;
}

/*29-10-2021 Krunal*/
.popover.lineItemPopover {
  /*z-index: 1;
    left: 150% !important;
    top: 50% !important;
    transform: translateY(-50%);*/
  direction: rtl;
  text-align: right;
}

/*.popover.left>.arrow {
    top: 50%;
    left: -11px;
    right: auto;
    transform: rotate(-180deg);
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25);
}*/
.table-bordered.lineItemTable .pull-right {
  position: relative;
  float: right !important;
}

.popover-content .table > tbody > tr > td {
  border-top: 1px solid #ddd !important;
}

ul.nav.nav-tabs.layoutTabs.massEditTabs {
  display: flex;
  flex-wrap: wrap;
}

#advanceSearchContainer .actions .btn-toolbar {
  display: flex;
}

#advanceSearchContainer .actions .btn-toolbar > div.btn-group {
  display: flex;
  align-items: flex-end;
}

#advanceSearchContainer .actions .btn-toolbar > div.btn-group:first-child {
  order: 1;
  margin-left: 5px;
}

.referencefield-wrapper .input-group {
  display: flex;
}

.referencefield-wrapper .clearReferenceSelection {
  line-height: 2 !important;
  bottom: -3px !important;
  left: 8px;
  z-index: 1;
}

#composeEmailContainer .row.attachment .col-lg-9 {
  width: 83.33333333%;
}

#composeEmailContainer .row.attachment .col-lg-9 .browse {
  padding: 0;
}

#CalendarSettings .fieldValue.col-lg-8.col-sm-8.col-xs-8,
.form-group .fieldValue.col-lg-8.col-sm-8.col-xs-8 {
  display: flex !important;
  flex-direction: row;
  align-items: baseline;
}

.popover.left {
  z-index: 999 !important;
}

/*div#appnav button.btn.btn-default.module-buttons.dropdown-toggle{
      background: #00CA72 !important;
    padding: 9px 10px;
}*/
#Accounts_FieldInfo .input-group span.input-group-addon {
  float: right !important;
}

.app-indicator-icon.fa.fa-desktop {
  display: none;
}

#feedurl {
  border: 0 !important;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.documentSetting {
  background: #c2cfe0 !important;
  padding: 7px 10px;
}

.main-container {
  /*padding-bottom: 50px;*/
  margin: 0px;
}

.fc-widget-content .fc-event-container span.fc-title,
.fc-widget-content .fc-day-grid-event .fc-time {
  float: right !important;
  text-align: right !important;
  direction: rtl !important;
}

#webuiPopover0 .webui-popover-inner {
  text-align: right;
}

#webuiPopover0 .webui-popover-inner .close {
  float: left !important;
  margin: 5px 0px 0 10px !important;
}

.webui-popover-inner .webui-popover-content {
  text-align: right !important;
  direction: rtl !important;
}

.webui-popover-content .cursorPointer {
  float: left !important;
}

.fc-event-container .fc-content .fc-title,
.fc-event-container .fc-content .fc-time {
  float: right !important;
  text-align: right !important;
  direction: rtl !important;
}

.webui-popover .webui-popover-inner {
  text-align: right;
}

.webui-popover .webui-popover-inner .close {
  float: left !important;
  margin: 5px 0px 0 10px !important;
}

.fc-widget-content .fc-content-skeleton a.fc-more {
  float: right;
}

.fc-view-container .fc-popover .fc-close {
  float: left !important;
}

.fc-view-container .fc-popover .fc-title {
  float: right !important;
}

/*09-11-2021 KRunal*/
.app-nav .row .app-indicator-icon-container.app-marketing {
  display: none;
}

.detailview-header-block
  .detailview-header
  .row
  .btn-toolbar
  .dropdown-menu
  > li
  > a,
.widgetContainer_documents .dropdown-menu > li > a,
#appnav .dropdown-menu > li > a {
  padding: 4px 6px;
}

.detailview-header-block
  .detailview-header
  .row
  .btn-toolbar
  .dropdown-menu
  > li
  > a
  img,
.widgetContainer_documents .dropdown-menu > li > a img,
#appnav .dropdown-menu > li > a img {
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-left: 5px;
  max-height: 12px;
}

.detailview-header-block
  .detailview-header
  .row
  .btn-toolbar
  .dropdown-menu
  li
  i,
.widgetContainer_documents .dropdown-menu li i,
#appnav .dropdown-menu li i {
  margin-left: 5px;
}

#appnav .dropdown-menu {
  left: auto !important;
}

.inputElement.select2-container .select2-choice {
  height: 20px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 5px 0px 0 0 !important;
}

.overlayEdit form .modal-body {
  height: auto;
}

.scrollableSearchContent .listview-table > tbody > tr > td .table-actions {
  direction: rtl !important;
}

div#searchResults-container .col-lg-12 .col-lg-6 {
  float: left;
}

.conditionRow .input-group-addon {
  margin: 0;
  margin-left: 5px;
}

.fieldUiHolder input.inputElement,
.conditionList input[type='text'].inputElement {
  border-bottom: 0 !important;
}

.referencefield-wrapper .input-group {
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  margin-right: 15px;
}

.popover {
  width: 100%;
}

.settings-action-bar .subMenuTab ul.nav.nav-tabs {
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
}

.taxValueContainer .col-lg-5 .input-group {
  display: flex;
}

.taxValueContainer .col-lg-5 .input-group .input-group-addon:first-child {
  line-height: 2.5;
  margin-left: 5px;
}

input#frequencyValue {
  width: auto;
}

.googleAdsLeadsFieldMappingListPageDiv button#MappingEdit {
  position: absolute;
  top: 5px;
  left: 10px;
}

.googleAdsLeadsFieldMappingListPageDiv h4 {
  padding: 15px 0 15px;
  border-bottom: 1px solid #ddd;
}

#sendWhatsappSmsContainer .modal-content .table > tbody > tr > td div {
  border-bottom: 1px solid rgb(51 71 91 / 27%);
}

.rssAddButton,
button#createFolder {
  color: #fff !important;
  background: #c2cfe0;
  text-shadow: none;
  padding: 7px 10px;
  margin: 0 10px 0 0;
  border-radius: 4px;
  box-shadow: 4px 4px 10px rgb(51 71 91 / 20%);
  border: 0;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
  float: left !important;
}

.crumbs li a {
  display: flex;
  align-items: center;
}

.crumbs li:last-child:after {
  display: none;
}

.crumbs li:after {
  width: 80%;
}

.crumbs .stepText {
  width: auto;
}

.reports-content-area .crumbs .stepText {
  margin-top: 0;
}

.calendarQuickCreateContent .massEditTable tbody tr td.fieldLabel {
  width: 4% !important;
  position: relative;
  right: 16px;
}

/*11-11-2021 Krunal*/

#dependencyGraph .dependencyMapping .mCSB_container {
  margin-left: auto !important;
}

.clearfix .picklistValueMapping .fa.pull-left {
  float: left !important;
}

/*.dependencyMapping .mCustomScrollBox{
  direction: rtl;
}*/
.main-container.main-container-CTGoogleCalendar
  .listview-table
  > thead
  > tr:first-child
  > th {
  padding: 10px 5px;
}

.filePreview > .modal-header.row {
  display: flex;
  justify-content: space-between;
}

.filePreview > .modal-header.row.row > div.filename {
  order: 1;
  margin-left: auto;
}

.filePreview > .modal-header.row.row > div.col-lg-1 {
  order: 3;
}

.pipelineConfiguration .crumbs .stepText {
  margin-top: 0;
}

.listview-table .table-actions .btn-group.inline-save {
  display: flex;
}

.referencefield-wrapper .input-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}

input.autoComplete.inputElement.ui-autocomplete-input {
  border: 0;
  background: transparent;
}

body .referencefield-wrapper.selected .clearReferenceSelection {
  /*right: -20px;*/
  /*line-height: 1 !important;*/
  bottom: -3px !important;
  left: 0;
}

body #QuickCreate .referencefield-wrapper .clearReferenceSelection {
  right: -20px;
}

.quickCreateContent
  .referencefield-wrapper
  .input-group
  span.input-group-addon.relatedPopup.cursorPointer {
  position: absolute;
  float: left !important;
  top: 0;
  right: 210px;
}

.quickCreateContent
  .referencefield-wrapper
  input.autoComplete.inputElement.ui-autocomplete-input {
  border-bottom: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.modal.in #massEditContainer.modal-dialog {
  width: 50% !important;
  transform: translate(-60%, -50%) !important;
}

#advanceSearchContainer .actions .btn-toolbar > div.btn-group > button {
  margin: 0 5px;
}

.importview-content .stepText,
.reports-content-area .crumbs .stepText {
  margin-top: 0 !important;
}

.form-group input[type='text'],
.form-group input[type='password'],
.form-group textarea,
.EmailCampaignsStep2 .col-lg-3 select {
  height: 25px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  padding: 0 10px;
  background: transparent !important;
  font-size: 13px;
  font-weight: 600;
  outline: 0;
  box-shadow: none;
}

#TaxCalculationsContainer .marginBottom10px button {
  color: #fff !important;
  background: #00ca72;
  background-image: none;
  text-shadow: none !important;
  padding: 9px 10px;
  margin: 0 0px 0 0;
  border-radius: 4px !important;
  /* box-shadow: 4px 4px 10px rgb(51 71 91 / 20%) !important;*/
  border: 0 !important;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

/* 13-11-2021 Krunal */
.projectContentWrapper div#workSpace {
  clear: both;
}

.projectContentWrapper {
  /*background-color: #fff;*/
  padding-top: 10px;
}

.projectContentWrapper .teamworkIcon {
  color: #fff;
}

.summaryWidgetContainer .recentActivitiesContainer .dropdown {
  width: 100%;
}

.summaryWidgetContainer .recentActivitiesContainer .dropdown a.dropdown-toggle {
  width: 100%;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.detailViewContainer .recentActivitiesContainer {
  padding: 15px 0;
}

.emptyRecordsDiv {
  margin: 0 auto;
}

.CalendarModuleView #CalendarViewContent.vtAgendaListArea {
  padding-right: 15px !important;
}

button.btn.btn-default.module-buttons.dropdown-toggle {
  background-color: #2846e0 !important;
}

.relatedContents span.actionImages {
  display: inline-flex;
  opacity: 0.5;
}

.relatedContents span.actionImages:hover {
  opacity: 1;
}

/*17-11-2021 Krunal*/
.fa-star-o:before,
.fa-star.active {
  top: 2px;
}

.conditionList .conditionRow .referencefield-wrapper .input-group {
  border: 0 !important;
  margin-bottom: 0 !important;
}

.popupEntriesTableContainer .listview-table {
  border-top: 1px solid #ddd !important;
}

/*Binal new design*/
.popover-content ul.listmenu li a,
.popover ul.listmenu li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.popover-content ul.listmenu li a p,
.popover ul.listmenu li a p {
  margin: 0;
}

.selectAdvancefilter {
  /*border-bottom: 0 !important;
  width: 100% !important;*/
}

.fa-star-o::before {
  opacity: 0.5;
}

.fa-star-o:hover::before {
  opacity: 1;
}

.quickView.action img {
  opacity: 0.5;
}

.quickView.action img:hover {
  opacity: 1;
}

.calendar-sidebar-tabs.sidebar-widget #appnav {
  position: absolute !important;
  top: 0 !important;
}

/*.flotRightNone div{
  display: none !important;
}*/
.scrollableSearchContent .col-lg-6 .pull-right {
  float: left !important;
}

.scrollableSearchContent .listViewPageDiv a {
  float: right !important;
}

.scrollableSearchContent .fieldLabel label {
  display: list-item !important;
}

.editViewContents .table.table-borderless .fieldLabel div .inputElement {
  /*width: 50%;*/
}

.editViewContents
  .table.table-borderless
  .fieldLabel
  div
  .referencefield-wrapper {
  width: 50% !important;
}

/*.editViewContents .table.table-borderless .referencefield-wrapper .input-group {
  border-bottom: none !important;
}*/
#importContainer .table {
  width: auto;
}

#workflow_condition .fieldUiHolder .inputElement {
  width: 75%;
}

/* #workflow_condition .col-lg-4.col-md-4.col-sm-4.fieldUiHolder {
  margin: 1px 50px 5px 7px;
} */

.listViewRecordActions .dropdown-toggle {
  opacity: 0.5;
}

.listViewRecordActions .dropdown-toggle:hover {
  opacity: 1;
}

.profileleftwrapper .value {
  color: #323c47;
}

.editViewContents .table.table-borderless .fieldLabel .uploadedFileDetails {
  width: auto !important;
}

.select2-container.select2-container-multi.col-lg-7 {
  float: right !important;
}

.quickCreateContent .fieldValue.scallFname {
  display: table-cell;
}

#searchResults-container .col-lg-12 {
  float: none !important;
}

.pull-right.removeField {
  float: left !important;
}

.instafilta-section .fa.fa-caret-right,
.instafilta-section .fa.fa-caret-down {
  float: left !important;
}

.calendar-sidebar-tabs.sidebar-widget #appnav {
  position: absolute !important;
  top: 0 !important;
  right: 13px;
}

.targetFieldsTableContainer .col-sm-8.col-lg-8.targetfielddiv {
  margin: 0px 0px 0px 250px;
  width: 25% !important;
}

#updatedetails .table.table-bordered.equalSplit {
  width: auto !important;
}

.summaryViewEntries .input-save-wrap {
  display: flex !important;
  margin: 0 0 0 12px !important;
  align-items: center !important;
  gap: 5px;
}

.popupEntriesDiv .emptyRecordsDiv {
  margin: 0 auto;
  text-align: center;
}

/*.col-sm-12.col-xs-12.module-action-bar.settings-action-bar.clearfix.coloredBorderTop {
  display: none;
}*/

.ManageUsers span.fieldValue .value .col-lg-2 img {
  border-radius: 50%;
}

#userPageHeader .recordImage img {
  border-radius: 50%;
  height: 50px;
  width: 50px;
}

.recordLabel.pushDown {
  word-break: break-word !important;
  text-overflow: ellipsis !important;
  overflow: hidden;
  white-space: nowrap;
}

/*.quickCreateContent #Calendar_editView_fieldName_subject {
  width: 42% !important;
  position: relative;
  right: 24px;
}*/

.item.ui-sortable-handle .fieldLabel {
  margin: 12px;
}

.main-container-Billing .col-lg-12.col-xs-12 b {
  margin: 10px 0 !important;
  display: inline-block;
}

.main-container-Billing .col-lg-12.col-xs-12 hr {
  margin-top: 0 !important;
}

.fieldIdentifier .width75per {
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
}

input[type='checkbox'].inputElement.width75per {
  border: 1px solid !important;
  color: #c7cdd2;
  border-radius: 4px !important;
}

.editViewContents
  .table.table-borderless
  .fieldLabel
  div
  .ui-autocomplete-input {
  width: 180px !important;
  border-bottom: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detailedViewHeader th {
  text-align: right !important;
}

#currencyContainer .row.col-lg-12 {
  float: right !important;
}

.editViewContents span.input-group-addon.relatedPopup.cursorPointer {
  position: static !important;
}

.editViewContents .referencefield-wrapper {
  width: 48% !important;
}

.editViewContents
  .table.table-borderless
  .fieldLabel
  div.fieldValue
  .inputElement,
.editViewContents
  .table.table-borderless
  .fieldLabel
  div.fieldValue
  .referencefield-wrapper {
  width: 100% !important;
}

.editViewContents
  .table.table-borderless
  .fieldLabel
  div.fieldValue
  .inputElement.select2 {
  width: 180px !important;
}

.duplicateFilter a img {
  width: 15px;
}

/*#Quotes_editView_fieldName_terms_conditions {
  width: 200% !important;
}

#PurchaseOrder_editView_fieldName_terms_conditions {
  width: 200% !important;
}

#SalesOrder_editView_fieldName_terms_conditions {
  width: 200% !important;
}

#Invoice_editView_fieldName_terms_conditions {
  width: 200% !important;
}

#Invoice_editView_fieldName_description {
  width: 200% !important;
}

#Quotes_editView_fieldName_description {
  width: 200% !important;
}

#SalesOrder_editView_fieldName_description {
  width: 200% !important;
}

#PurchaseOrder_editView_fieldName_description {
  width: 200% !important;
}*/

.profileleftwrapper .fieldLabel label {
  display: inline-block !important;
}

#whatsapp {
  opacity: 0.5;
}

#whatsapp:hover {
  opacity: 1;
}

.activityStatus .row .pull-right {
  margin: 0px -50px 0px 0px;
}

.currencyContent .listViewEntriesTable .row.col-lg-12 {
  right: -15px !important;
}

/* 08-12-2021 Krunal */
.quickCreateContent
  .massEditTable
  tbody
  tr
  .fieldLabel
  label.muted
  .taxLabel.alignBottom {
  float: right !important;
}

.quickCreateContent
  .massEditTable
  tbody
  tr
  .fieldLabel
  label
  .taxLabel.alignBottom {
  float: unset !important;
}

.btn.textual.zoomOut.module-buttons,
.btn.textual.zoomIn.module-buttons,
.btn.reportActions.btn-default.module-buttons {
  margin-top: -10px !important;
}

.projectContentWrapper1 {
  background-color: #fff;
  padding-top: 13px;
}

.treeView li .toolbar-handle .toolbar a {
  opacity: 0.5;
}

.treeView li .toolbar-handle .toolbar a:hover {
  opacity: 1;
}

.profileseditview {
  width: 100% !important;
}

#editCustomRule .controls.fieldValue.col-sm-5 {
  margin-right: 3% !important;
}

.chargeValueContainer .input-group {
  float: right !important;
}

.chargeValueContainer .inputEle.input-medium {
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  border: 0;
}

.chargeValueContainer .input-group-addon.percentIcon.pull-left {
  padding: 8px !important;
}

.addTemplate.btn.btn-default {
  margin-right: 10px;
}

.related-tabs.row .nav > li.tab-item,
.profileleftwrapper .detailViewButtoncontainer .btn-default {
  opacity: 0.65;
}

.related-tabs .tab-icon {
  float: right;
  margin: 0 0 0 10px;
}

.numberCircle {
  position: absolute;
  right: 17px;
}

.related-tabs .nav-tabs > li.active {
  position: relative;
}

.related-tabs .nav-tabs > li.active:after {
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: #334d6e;
  display: block;
}

.related-tabs ul {
  padding-bottom: 8px;
}

.related-tabs.row .nav > li > a {
  min-height: 43px;
  padding-bottom: 0;
}

.related-tabs.row .nav > li {
  margin: 0 8px;
  border-bottom: 1px solid rgba(51, 77, 110, 0.1);
}

.related-tabs .nav-tabs > li.active,
.related-tabs .nav-tabs > li:hover,
.related-tabs .nav-tabs > li.active:focus,
.dashBoardContainer .nav-tabs > li.active,
.dashBoardContainer .nav-tabs > li:hover,
.dashBoardContainer .nav-tabs > li.active:focus,
.contents.tabbable .nav-tabs > li.active,
.contents.tabbable .nav-tabs > li:hover,
.contents.tabbable .nav-tabs > li.active:focus,
#modulePickListValuesContainer .nav-tabs > li.active,
#modulePickListValuesContainer .nav-tabs > li:hover,
#modulePickListValuesContainer .nav-tabs > li.active:focus {
  border-bottom: 2px solid #334d6e !important;
}

.related-tabs.row .nav > li.dropdown.related-tab-more-element {
  border-bottom: 0;
}

.select2-container .select2-choice > .select2-chosen {
  width: 150px;
}

.conditionList
  .conditionRow
  .col-lg-4.col-md-4.col-sm-4.fieldUiHolder
  .inputElement {
  width: 90% !important;
  border: 1px solid #ccccd0 !important;
  padding: 7px !important;
  border-radius: 4px;
  height: 40px;
  margin: 0;
}

.listview-table-norecords .table-actions,
.listview-table .calendar-table-actions {
  max-width: 110px !important;
  width: 100% !important;
}

.workFlowContents.EmailCampaignsStep1
  .referencefield-wrapper
  input.autoComplete.inputElement.ui-autocomplete-input {
  width: 170px;
  padding-right: 25px !important;
  height: auto;
}

.workFlowContents.EmailCampaignsStep1
  .referencefield-wrapper
  span.input-group-addon.relatedPopup.cursorPointer {
  padding: 0px 5px 5px 0px !important;
  margin: 0 !important;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
  left: 0;
  right: auto;
}

.conditionList .conditionRow .referencefield-wrapper .input-group {
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
}
.conditionList .conditionRow .referencefield-wrapper .input-group.date{
  border-bottom:none !important;
  height: 40px !important;
  padding: 10px 16px 10px 16px !important;
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
} 

body
  .conditionList
  .conditionRow
  .col-lg-4.col-md-4.col-sm-4.fieldUiHolder
  .referencefield-wrapper
  .input-group
  input {
  border-bottom: 0 !important;
}

.conditionList .conditionRow .referencefield-wrapper {
  width: 100% !important;
}

.well.fieldProperty {
  overflow: hidden;
}

#listViewContent .floatThead-wrapper {
  /*right: -23px !important;*/
}

#moduleBlocks .connectedSortable .pull-right {
  float: right !important;
}

#addCreateEntityContainer .cursorPointer.col-lg-1 {
  float: right !important;
}

.properties .row {
  display: flex;
  flex-direction: column;
}

/* .deleteCondition img {
  opacity: 0.25;
} */

/* .deleteCondition img:hover {
  opacity: 1;
} */

.table-actions .btn-success span {
  font-size: 13px !important;
  font-weight: bold !important;
  color: white !important;
  opacity: 1;
}

.taskTypeUi .row .col-lg-6,
.taskTypeUi .row .col-sm-5.col-xs-5 {
  /*margin: 6px !important;*/
}

.addNewIcon .btn-default:hover,
.inputElement .form-control:hover,
.inputElement .form-control:focus,
.btn-group .btn-default:hover {
  box-shadow: none !important;
}

a#addTagTriggerer:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.DashboardsubMain .ds-det .ds-tite4,
.DashboardsubMain .ds-det .ds-tite2,
.DashboardsubMain .ds-det .ds-tite3 {
  height: 380px !important;
}

/* 15-12-2021 Krunal */

.conditionList
  .conditionRow
  .col-lg-4.col-md-4.col-sm-4.fieldUiHolder
  .inputElement.select2-choice
  > .select2-chosen {
  width: 100%;
}

div#repeatUI > div {
  display: flex;
  align-items: flex-end;
}

div#repeatUI > div .select2-container {
  margin-left: 10px;
}

div#repeatWeekUI .col-lg-10 {
  display: flex;
}

div#repeatWeekUI .col-lg-10 input[type='checkbox'] {
  top: 0;
  margin: 0;
  margin-left: 10px;
}

#repeatMonthUI .col-lg-2 span.pull-right {
  display: flex;
  align-items: center;
}

#repeatMonthUI .col-lg-2 span.pull-right input[type='radio'] {
  margin-left: 10px;
}

.activityStatus .row .pull-right {
  margin: 0;
}

.activityStatus .row {
  text-align: left;
  justify-content: flex-end;
}

#commentRelated .commentsBody .media .comment .commentActionsContainer {
  float: left !important;
  width: 10%;
  text-align: left;
}

#commentRelated .commentsBody .media .comment .commentInfoContentBlock {
  float: right !important;
  width: 90%;
}

#commentRelated .commentsBody .media .comment .commentAttachmentName {
  font-size: 11px;
  float: right;
  width: 90%;
}

#commentRelated .commentsBody .media .comment {
  line-height: 1.2 !important;
  margin-bottom: 20px;
  clear: both;
  overflow: hidden;
}

#commentRelated .commentsBody .media .title {
  padding-top: 0 !important;
}

#commentRelated .commentsBody .media .comment .commentTime {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.summaryWidgetContainer .activityEntries .summaryViewEntries + span strong {
  font-size: 12px;
  line-height: 1.2;
}

.summaryWidgetContainer .activityEntries .module-icon {
  padding-left: 15px;
}

.summaryView .summaryViewHeader h4,
.summaryWidgetContainer .widget_header h4,
#detailView .block h4,
#moduleEditViewListid h4,
h3.tst6,
.editViewHeader h4,
.main-container-RecycleBin h5.sidebar-header {
  color: rgb(51 77 110 / 100%);
}

#commentRelated .commentsBody .media .comment .row.commentEditStatus {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  clear: both;
  overflow: hidden;
  margin: 0;
}

#commentRelated
  .commentsBody
  .media
  .comment
  .row.commentEditStatus
  span.text-muted.col-lg-5.col-md-5.col-sm-5 {
  width: 66.66%;
  float: unset;
  display: flex;
}

#commentRelated
  .commentsBody
  .media
  .comment
  .row.commentEditStatus
  span.col-lg-7.col-md-7.col-sm-7 {
  width: 33.33%;
  float: unset;
  text-align: left;
  padding-left: 0;
}

.commentsRelatedContainer .commentsBody .commentInfoHeader div span {
  display: block;
}

.commentsRelatedContainer .commentsBody .commentInfoHeader .comment {
  line-height: 1.4;
}

.MultiFile-intercepted
  .commentsList
  .commentDetails
  .commentActionsContainer
  span.commentActions {
  display: flex;
}

.MultiFile-intercepted
  .commentsList
  .commentDetails
  .commentActionsContainer
  span.commentActions
  span {
  display: inline-block;
}

.MultiFile-intercepted .commentsList .commentDetails .commentEditStatus {
  margin-top: 10px;
  clear: both;
}

/*16-12-2021 krunal*/
.addCommentBlock {
  /*max-width: calc(100% - 40px);*/
  margin-left: 0;
  margin-right: auto;
  padding: 0;
}

.summaryWidgetContainer .commentTitle .addCommentBlock {
  max-width: 100%;
}

.addCommentBlock .row {
  margin: 0;
}

#commentRelated .commentsBody .media .media-body {
  max-width: calc(100% - 60px);
  flex: 0 0 calc(100% - 60px);
}

#commentRelated .commentsBody .media .title {
  max-width: 60px;
  padding-top: 0 !important;
  flex: 0 0 60px;
}

#commentRelated .commentsBody .media {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

#commentRelated
  .commentsBody
  .media
  .comment
  .row.commentEditStatus
  span.text-muted.col-lg-5.col-md-5.col-sm-5
  small {
  width: 100%;
}

#commentRelated
  .commentsBody
  .media
  .comment
  .row.commentEditStatus
  span.text-muted.col-lg-5.col-md-5.col-sm-5
  small
  .textOverflowEllipsis {
  display: block;
}

/*for replay and edit comment*/
#commentRelated .commentsBody .media .comment .commentActionsContainer {
  float: right !important;
  width: 100%;
  text-align: left;
  margin-top: 10px !important;
}

/*End for replay and edit comment*/

.summaryWidgetContainer .commentTitle .detailViewSaveComment:hover {
  box-shadow: none !important;
}

#ModComments_editView_fieldName_filename .fileUploadBtn img {
  margin: 0 !important;
}

.widget_contents
  .commentContainer
  .commentTitle
  .addCommentBlock
  > .row
  > .col-xs-6 {
  width: auto;
}

.widget_contents
  .commentContainer
  .commentTitle
  .addCommentBlock
  > .row
  > .col-xs-6
  .MultiFile-list {
  clear: both;
}

#ModComments_editView_fieldName_filename .fileUploadBtn {
  float: right !important;
}

span.uploadFileSizeLimit.fa.fa-info-circle {
  float: left;
  padding: 10px 0;
}

.MultiFile-intercepted .commentsList .commentDetails .commentActionsContainer {
  float: left !important;
}

.commentDetails li {
  padding-right: 50px;
}

.commentsRelatedContainer .commentsBody .commentInfoHeader .media-body {
  width: 100%;
  display: table-cell;
}

.detailview-content .commentsRelatedContainer .commentTextArea {
  clear: both;
  overflow: hidden;
}

.detailview-content
  .commentsRelatedContainer
  .commentTextArea
  .fileUploadContainer {
  display: block;
  width: 100%;
}

.detailview-content
  .commentsRelatedContainer
  .commentTextArea
  span.uploadFileSizeLimit.fa.fa-info-circle {
  float: right;
}

#ModComments_editView_fieldName_filename .fileUploadBtn {
  width: auto;
}

.MultiFile-list {
  clear: both;
}

.MultiFile-intercepted
  .commentsList
  .commentDetails
  .commentActionsContainer
  span.commentActions
  span {
  display: flex;
  float: right;
}

.form-horizontal .form-group#scheduledWeekDay .controls .ui-state-default {
  display: inline-block;
}

/*div#annualDatePicker .datepick.datepick-multi{
  width: 100% !important;
}*/
div#annualDatePicker .datepick.datepick-multi .datepick-month-row {
  display: flex;
}

/* 17-12-2021 Binal */

.editViewContents input[type='radio']:hover,
.configContent .col-lg-12 .form-group .fieldValue input[type='radio']:hover,
.radio-group input[type='radio']:hover,
.reportContents input[type='radio']:hover {
  background: #c2cfe0;
}

.singleComment .addCommentBlock .row:nth-of-type(1) .input-block-level {
  border: none;
  border-bottom: 1px solid #ebeff2 !important;
}

.commentsRelatedContainer .commentTitle .addCommentBlock .saveComment:hover,
.commentsRelatedContainer
  .commentsList
  .commentDetails
  .singleComment
  .addCommentBlock
  .saveComment:hover {
  box-shadow: none !important;
  text-shadow: none;
  -webkit-text-fill-color: #00ca72;
}

.commentsRelatedContainer .commentTitle .addCommentBlock .saveComment:focus,
.commentsRelatedContainer
  .commentsList
  .commentDetails
  .singleComment
  .addCommentBlock
  .saveComment:focus {
  -webkit-text-fill-color: #333;
}

.listViewMassActions .dropdown-menu {
  right: 0 !important;
  left: 0 !important;
}

.settingsPageDiv.content-area.vtigerSetting #listview-table td,
.settingsPageDiv.content-area.vtigerSetting
  .fieldBlockContainer-webform
  #listview-table
  td {
  position: relative;
}

#table-content tr.listViewEntries a.deleteRecordButton {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
}

.weekDaySelect .ui-state-default {
  padding: 6px 11px;
}
/* 
.well {
  margin-right: 5px;
} */

.editViewContents span.input-group-addon .fa.fa-calendar {
  position: absolute;
  right: 20px;
}

.dropdown .open .logout-content {
  right: auto !important;
}

.commentContainer .detailViewSaveComment:hover {
  box-shadow: none !important;
}

.detailview-content.container-fluid.projectContentWrapper1 {
  background-color: transparent;
}

.workflow-table.table.listview-table .listViewEntries td:nth-of-type(1) {
  display: table-cell;
}

/*#listview-table .listViewEntries td:nth-of-type(1),#listview-table .listViewHeaders th:nth-of-type(1){
  display: flex;
    align-items: center;
    justify-content: flex-end;
}*/

.listview-table
  .listViewEntries
  td:nth-of-type(1)
  .pull-left.actions
  .actionImages {
  display: flex;
}

.select2-container .select2-choice > .select2-chosen {
  width: auto;
  font-size: 14px;
}

.commentsRelatedContainer
  .commentInfoHeader
  .commentActionsContainer
  .commentActions
  .feedback
  img {
  border-radius: initial;
  opacity: 1; /*Changed by sam variance*/
}

.commentsRelatedContainer
  .commentInfoHeader
  .commentActionsContainer
  .commentActions
  .feedback
  img:hover {
  opacity: 1;
}

.global-actions .nav.navbar-nav li div a img:hover,
.btn.btn-default.addButton.dropdown-toggle:hover,
.modal-footer button.btn.confirm-box-ok.confirm-box-btn-pad:hover,
.fc-left .fc-button-group .fc-state-active:hover,
button.fc-today-button.fc-button:hover,
#taskManagementContainer button.btn.btn-default:hover,
span.quickTask.input-group-addon:hover,
.fc-button.fc-state-default:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.modal-footer button.btn.confirm-box-ok.confirm-box-btn-pad,
.commentTextArea textarea:focus,
.fc-left .fc-button-group .fc-state-active,
button.fc-today-button.fc-button,
.selectTagContainer .form-group:nth-of-type(2) .dropdown .currentTagSelector {
  box-shadow: none !important;
}

.dashBoardWidgetFooter .footerIcons img,
.dashBoardContainer .tabContainer .sortable button span img,
.close span img,
#mycalendar .fc-toolbar .vt-goto-date span img,
.feedslist li .activitytype-actions div img,
.listViewMassActions .dropdown-toggle img,
.task-actions a img,
div#listview-actions button.btn.btn-default img,
.actionImages a i.alignMiddle img,
.webui-popover-content span img,
.quickPreviewActions .btn-group.pull-right > .btn-xs,
img.deleteCondition,
.deleteDigitalSignature img,
#digital_signature_setting #fields table tbody tr td div a img,
.customColorEdit,
.deleteOutlookUser img,
.ofc365Details .tableBox table tbody tr td a img,
.deleteMapping img,
.editMapping img,
.deleteRegion img,
.editRegion img,
.editChargeTax img,
.editCharge img,
.editTax img,
.renameItem img,
.deleteItem img,
.customDocView,
.editFieldDetails img,
#listview-table .table-actions a img,
.editAction img,
#prefPageHeader .detailViewButtoncontainer .btn-default img,
.pointerCursorOnHover,
.deleteCustomField img,
.listViewEntries td div a img,
#detailView .contents .block_LBL_CALENDAR_SETTINGS .row div a,
.removeFileField img,
.fc-button-group .vt-goto-date span img,
.editCalendarFeedColor,
.deleteCalendarFeed,
.deleteRelationButton img {
  opacity: 0.25 !important;
}

.dashBoardWidgetFooter .footerIcons img:hover,
.dashBoardContainer .tabContainer .sortable button span img:hover,
.close span img:hover,
#mycalendar .fc-toolbar .vt-goto-date span img:hover,
.feedslist li .activitytype-actions div img:hover,
.listViewMassActions .dropdown-toggle img:hover,
.task-actions a img:hover,
div#listview-actions button.btn.btn-default img:hover,
.actionImages a i.alignMiddle img:hover,
.webui-popover-content span img:hover,
.quickPreviewActions .btn-group.pull-right > .btn-xs:hover,
img.deleteCondition:hover,
.deleteDigitalSignature img:hover,
#digital_signature_setting #fields table tbody tr td div a img:hover,
.customColorEdit:hover,
.deleteOutlookUser img:hover,
.ofc365Details .tableBox table tbody tr td a img:hover,
.deleteMapping img:hover,
.editMapping img:hover,
.deleteRegion img:hover,
.editRegion img:hover,
.editChargeTax img:hover,
.editCharge img:hover,
.editTax img:hover,
.renameItem img:hover,
.deleteItem img:hover,
.customDocView:hover,
.editFieldDetails img:hover,
#listview-table .table-actions a img:hover,
.editAction img:hover,
#prefPageHeader .detailViewButtoncontainer .btn-default img:hover,
.pointerCursorOnHover:hover,
.deleteCustomField img:hover,
.listViewEntries td div a img:hover,
#detailView .contents .block_LBL_CALENDAR_SETTINGS .row div a:hover,
.removeFileField img:hover,
.module-action-bar .subMenuTab .nav-tabs .tab-item a:hover,
.fc-button-group .vt-goto-date span img:hover,
.editCalendarFeedColor:hover,
.deleteCalendarFeed:hover,
.deleteRelationButton img:hover {
  opacity: 1 !important;
}

.dashBoardWidgetFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}

.footerIcons a .fa {
  height: 14px !important;
  width: 14px !important;
}

/*.close{
  opacity: 1 !important;
}*/

/* 20-12-2021 Binal */

.selectTagContainer .form-group:nth-of-type(2) .open .currentTagMenu {
  right: 0;
}

.listview-table-norecords .table-actions .input input {
  background: none !important;
  border: 1px solid rgb(51 71 91 / 0.25) !important;
}

.listview-table-norecords .table-actions .input input:hover {
  background: #c2cfe0 !important;
  border-color: #c2cfe0 !important;
  box-shadow: none !important;
}

.detailview-content.container-fluid.projectContentWrapper1 {
  padding-top: 0 !important;
}

#detailView .left-block .summaryView,
.projectContentWrapper1 div#commentRelated {
  margin-top: 5px !important;
}

div#commentRelated,
.projectContentWrapper1 div#relatedActivities {
  margin-top: 15px !important;
}

#commentRelated
  .commentsBody
  .media
  .comment
  .row.commentEditStatus
  span.text-muted.col-lg-5.col-md-5.col-sm-5 {
  padding-right: 0;
}

#detailView
  .col-lg-12.resizable-summary-view
  .middle-block.col-lg-8
  div#documentRelated {
  margin-top: 15px !important;
}

#detailView .col-lg-12.resizable-summary-view .left-block .summaryView {
  margin-top: 15px !important;
}

div#documentRelated .recentActivitiesContainer ul li div {
  display: flex !important;
  align-items: center !important;
}

.editViewContents
  .fieldBlockContainer:nth-of-type(2)
  .table.table-borderless
  .fieldLabel {
  width: auto !important;
}

.summaryWidgetContainer .summaryViewEntries:hover .summaryViewEdit,
.summaryWidgetContainer .activityStatus:hover .editStatus {
  opacity: 0.25;
}

.summaryWidgetContainer .summaryViewEntries:hover .summaryViewEdit:hover,
.summaryWidgetContainer .activityStatus:hover .editStatus:hover {
  opacity: 1;
}

a.moreRecentComments {
  border-top: 0;
}

a.moreRecentActivities {
  width: 95%;
  border-top: 1px solid #eeeeee;
}

.summaryWidgetContainer .widget_contents .textAlignCenter img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto 0 auto;
}

.summaryWidgetContainer .widget_contents .textAlignCenter span img {
  margin-top: 0;
}

.commentsRelatedContainer .commentTitle .addCommentBlock {
  margin-right: 0;
}

.recentCommentsHeader .commentHeader {
  text-align: left !important;
}

/* 21-12-2021 Binal */

.restoreRecordButton .alignMiddle img,
.deleteRecordButton .alignMiddle img {
  width: 14px !important;
  height: 14px !important;
}

.listview-actions-container .row .btn-group.col-md-4 {
  padding-right: 7px;
}

.listViewEntriesMainCheckBox {
  margin-right: 10px !important;
}

.listview-table
  tr.listViewContentHeader
  th
  .table-actions
  .input
  input.listViewEntriesMainCheckBox {
  margin-right: 0 !important;
}

#phoneFormatWarning .arrow {
  display: none;
}

.configContent .col-lg-12 {
  display: flex;
}

.configContent .col-lg-12 .form-group {
  width: 40%;
}

/*#AssignedToRoleLayout div:nth-of-type(2) {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}*/

#AssignedToRoleLayout div:nth-of-type(2) .form-group {
  width: 100%;
  margin-bottom: 15px;
}

#AssignedToRoleLayout div:nth-of-type(2) .form-group .control-label {
  margin-right: 0;
}

.recentActivitiesContainer .history ul li div:nth-of-type(1) {
  display: inherit !important;
}

.deleteMappingField {
  display: contents;
}

/* 22-12-2021 Binal */

.recentCommentsHeader .bootstrap-switch {
  margin-left: 0;
}

.commentTitle .addCommentBlock div:nth-of-type(2) .col-xs-4 {
  padding-left: 0;
}

.commentTitle .addCommentBlock div:nth-of-type(2) .col-xs-8,
#ModComments_editView_fieldName_filename .fileUploadBtn,
.commentsRelatedContainer .showcomments .recentCommentsHeader h4,
.media-left,
.commentTextArea textarea {
  padding-right: 0 !important;
}

#listViewContents
  tr.listViewContentHeader
  th
  .table-actions
  .input
  input.listViewEntriesMainCheckBox {
  margin-right: 15px !important;
}

#listViewContents tr.listViewEntries td.listViewRecordActions:nth-of-type(1) {
  padding-right: 17px !important;
}

#AssignedToRoleLayout div:nth-of-type(2) #pickListValeByRoleContainer {
  width: 40% !important;
  align-items: flex-end;
  padding-left: 0;
  margin-right: 5px;
}

#AssignedToRoleLayout
  div:nth-of-type(2)
  #pickListValeByRoleContainer
  #saveOrder {
  margin-right: auto !important;
}

/*#documentRelated h4{
  position: relative;
  left: 13px;
}
*/
/* 23-12-2021 Binal */

.dashBoardWidgetFooter .footerIcons + div {
  width: 60%;
}

.dashBoardWidgetFooter .footerIcons + div span.dashboardTitle b {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.modal-header button.close:hover {
  color: #334d6e;
}

#scheduleAnually .col-lg-5 {
  float: right;
}

/* added for hide key fields */
.btn-group.addNewIcon.pull-right {
  margin-left: 20px !important;
  text-align: left;
  height: 90px;
  direction: initial;
}

.detailViewButtoncontainer .pull-right.btn-toolbar.moduleDetailView {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end;
}

.detailViewButtoncontainer .btn-group.pull-right {
  text-align: left !important;
}

.btn-group.addNewIcon.pull-right.open .dropdown-menu.dropdown-menu-right {
  right: auto !important;
  left: 0 !important;
  top: 0 !important;
}

/* added for hide key fields */

/* 23-12-2021 Avani vyas*/

/*.detailview-content.container-fluid.projectContentWrapper1{
  background-color: #ffffff;
}
*/
.recentActivitiesContainer ul li div {
  /*display: block !important;*/
}

.EmailTrackermain .tab-links li {
  margin: 0 0px 0 0 !important;
}

.EmailTrackermain ul {
  box-shadow: none !important;
}

/* 24-12-2021 Avani vyas*/

.listview-table
  tr.listViewContentHeader
  th
  .table-actions
  .input
  input.listViewEntriesMainCheckBox {
  right: 15px !important;
}

/*01-01-2022 Krunal*/

.feedslist li .activitytype-actions > div > img:not(:last-child) {
  margin-left: 5px;
}

#convertLeadForm .defaultFields .fieldValue {
  display: flex;
}

#convertLeadForm .defaultFields .fieldValue input[type='radio'] {
  margin: 0 5px 0 5px;
}

.configContent .col-lg-12 .form-group .fieldValue {
  width: 50%;
  display: flex;
}

.configContent .col-lg-12 .form-group .fieldValue input[type='radio'] {
  margin-top: 0;
}

#detailView .left-block .summaryView {
  margin-bottom: 15px;
}

.detailViewContainer .recentActivitiesContainer {
  padding: 15px 12px 0 7px;
}

.editViewContents
  .fieldBlockContainer:nth-of-type(2)
  .table.table-borderless
  td.fieldLabel.alignMiddle {
  width: 50% !important;
}

.currencyContent span.currencyName.pull-left {
  float: right !important;
}

.table-bordered.lineItemTable div.pull-right input[type='radio'] {
  position: relative;
  margin-top: 0;
}

.table-bordered.lineItemTable div.pull-right span {
  display: inline-flex;
}

.table-bordered.lineItemTable
  div.pull-right
  input[type='radio']:checked::after {
  left: 30% !important;
  background: #fff;
  width: 8px;
  height: 8px;
  margin: 0 auto;
  top: 50%;
  transform: translate(-50%, -50%);
}

.lineItemTableDiv table.lineItemsTable {
  direction: rtl;
}

.lineItemTableDiv table.lineItemsTable h5 a.fieldValue{
  font-size: 14px;
}

table.lineItemsTable {
  direction: ltr;
}

table.lineItemsTable .pull-right {
  float: right !important;
}

table.lineItemsTable .popover {
  direction: rtl;
  text-align: right;
}

.CTPdfTemplates
  .showInlineTable
  .fieldValue
  span.filterContainer
  .col-sm-5
  > * {
  text-align: right;
  float: right;
}

.CTPdfTemplates
  .showInlineTable
  .fieldValue
  span.filterContainer
  .col-sm-8
  > * {
  float: right;
}

.EmailCampaignsStep2 .col-lg-3 {
  margin-left: auto !important;
}

.EmailCampaignsStep2 label.col-lg-3.control-label + .col-lg-3 {
  float: right !important;
}

#EmailCampaigns_step2 div .row div label {
  width: 20% !important;
}

.editViewBody input.dateField.form-control {
  max-width: 90%;
  min-width: 220px;
  margin-right: 000;
  float: left;
  width: 100%;
  /*padding: 0 20px;*/
  margin-left: 0;
}

/*.editViewContents span.input-group-addon > img{
    position: absolute;
    right: 0;
    bottom: 10px;
}*/
.customtask .row {
  max-width: 78%;
  flex: 0 0 78%;
  display: flex;
  /*padding: 0 15px;*/
}

.detailviewactionstags .detailViewButtoncontainer .pull-right .btn-group {
  margin-left: 0 !important;
  /*width: fit-content;*/
}

.main-container-CTGoogleCalendar
  .calender_heading_wrapper
  .text-right
  .btn-success {
  position: absolute;
  left: 0;
}

.reportContents {
  box-shadow: none;
}

.editContainer .reportContents #report_step1 .modal-overlay-footer {
  position: fixed;
}

div#scheduleBox .input-group.time input.timepicker-default {
  width: 100% !important;
  height: 33px !important;
  padding: 0 20px !important;
}

.referencefield-wrapper .input-group {
  justify-content: flex-start;
}

.editViewContents
  .table.table-borderless
  .fieldLabel
  div
  .ui-autocomplete-input {
  padding: 0 15px !important;
  width: 100% !important;
}

.editViewContents span.input-group-addon.relatedPopup.cursorPointer {
  position: absolute !important;
}

.editViewContents
  .table.table-borderless
  .fieldLabel
  div
  .clearReferenceSelection {
  bottom: 0px !important;
  right: 0 !important;
}

.editViewPageDiv.viewContent > div.reports-content-area .breadcrumb {
  box-shadow: none;
}

input.currencyStatus.alignBottom {
  margin: 0;
}

#save_fieldvaluemapping .conditionRow {
  display: flex;
}

#save_fieldvaluemapping .conditionRow .fieldUiHolder input.inputElement,
#save_fieldvaluemapping
  .conditionRow
  .conditionList
  input[type='text'].inputElement {
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
}

/* 03-01-2022 Avani vyas*/

#PDFMakerContentDiv .selectpdfTemplates:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.configColumnsForm a.cancelLink:hover,
#findDuplicate a.cancelLink:hover {
  color: #d40000;
}

#PipelineviewConfigure #step1_Pipelineview_setting {
  box-shadow: none !important;
  background: #0a2eeb !important;
  color: #fff !important;
  padding: 10px 40px !important;
  border-radius: 50px !important;
  border: 1px solid #0a2eeb !important;
  margin-left: 10px;
}

#PipelineviewConfigure #step1_Pipelineview_setting:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.padding1per1 #step1next #save_Pipelineview_setting {
  box-shadow: none !important;
}

.padding1per1 #step1next #save_Pipelineview_setting:hover,
.padding1per1 #step1next .custombackStep:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.row.toEmailField a.clearReferenceSelection.cursorPointer:hover,
.toEmailField .customemailsearch:hover {
  color: #334d6e !important;
}

.relatedHeader .customRelatedMore {
  opacity: 0.5 !important;
}

.relatedHeader .customRelatedMore:hover,
.listViewActionsContainer #Reports_listView_massAction_LBL_MOVE_REPORT:hover,
.listViewActionsContainer #Reports_listView_massAction_LBL_DELETE:hover {
  opacity: 1 !important;
}

.relatedHeader .customRelatedEmail:hover,
.relatedHeader .customeEventAdd:hover,
.relatedHeader .customRelatedBtn:hover,
#Reports_listView_basicAction_Add:hover,
#chart_report_step2 .modal-overlay-footer .backStep:hover,
#chart_report_step3 .modal-overlay-footer .backStep:hover,
#report_step2 .modal-overlay-footer .backStep:hover,
.detailViewButtoncontainer .customReportBtn:hover,
#report_step3 .modal-overlay-footer .backStep:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.relatedHeader .customRelatedBtn,
.relatedHeader .selectRelation {
  box-shadow: none !important;
}

.menu-scroller .customlistfilter:hover,
.menu-scroller .customlistfilter a:hover {
  color: inherit !important;
}

/* 04-01-2022 Avani vyas*/

/*.listview-table .deleteRecordButton{
  opacity: inherit !important  ;
}*/

.floatThead-container .searchAndClearButton:hover,
#workflow_action .customAddAction:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

/*.bootbox-confirm .bootbox-close-button{
  opacity: 0.2 !important;
}*/

.bootbox-confirm .bootbox-close-button:hover {
  opacity: 1 !important;
}

.fieldsListContainer .addCustomBlock,
.layoutBlockHeader .addCustomField,
.layoutBlockHeader .inActiveFields {
  box-shadow: none !important;
}

.fieldsListContainer .addCustomBlock:hover,
.layoutBlockHeader .addCustomField:hover,
.layoutBlockHeader .inActiveFields:hover,
.detailViewButtoncontainer .customReportBtnpinToDashboard:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.customfiltername:hover {
  color: inherit !important;
}

#mCSB_8_container .customMoreLink {
  height: 25px !important;
  width: 100% !important;
}

.connectedSortable .dummyRow .addButton,
#TaxCalculationsContainer .marginBottom10px .addTax {
  box-shadow: none !important;
}

.connectedSortable .dummyRow .addButton:hover,
#TaxCalculationsContainer .marginBottom10px .addTax:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

/*.coloredBorderTop .subMenuTab .nav > li > a span:hover{
  color: #333 !important;
}*/

.mCustomScrollbar input[type='radio']:hover {
  background-color: #ebebeb;
  border-color: #c6c6c6;
}

#TaxCalculationsContainer .marginBottom10px .addChargeTax,
#TaxCalculationsContainer .marginBottom10px .addCharge,
#TaxCalculationsContainer .marginBottom10px .addRegion:hover,
#EditViewm #submit_button,
.WhatsappConfigurationEdit .btn-default,
.WhatsappConfigurationEdit #submit_button {
  box-shadow: none !important;
}

#TaxCalculationsContainer .marginBottom10px .addChargeTax:hover,
#TaxCalculationsContainer .marginBottom10px .addCharge:hover,
#TaxCalculationsContainer .marginBottom10px .addRegion:hover,
#MappingEdit:hover,
#addMapping:hover,
#loginWithFacebook:hover,
#EditViewm #submit_button:hover,
.WhatsappConfigurationEdit .btn-default:hover,
.WhatsappConfigurationEdit #submit_button:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

/* .coloredBorderTop .subMenuTab .nav > li > a:hover {
  border-bottom: 2px solid #334d6e !important;
  color: #333 !important;
} */

.facebookPageData .facebookPage .vtButton:hover {
  border: 0px !important;
  box-shadow: none !important;
  color: inherit !important;
}

/*05-01-2022 Avni Vyas*/

#EditView .customAccessBtn,
#WhatsappConfiguration .btn-default,
#WhatsappConfiguration .btn-success,
.CTPdfTemplates .addToModuleEditor,
.CTPdfTemplates .addToRelatedEditor,
.CTPdfTemplates .btn-success,
.signatureTemplateList .btn,
.ctPaymentTemplatesList .btn,
.EmailCampaignsStep2 #howto .btn-success,
.emailTracking_List,
#forecast_step1 .btn-success,
#forecast_step2 .backStep {
  box-shadow: none !important;
}

#EditView .customAccessBtn:hover,
#WhatsappConfiguration .btn-default:hover,
#WhatsappConfiguration .btn-success:hover,
.CTPdfTemplates .addToModuleEditor:hover,
.CTPdfTemplates .addToRelatedEditor:hover,
.CTPdfTemplates .btn-success:hover,
.signatureTemplateList .btn:hover,
.ctPaymentTemplatesList .btn:hover,
.EmailCampaignsStep2 #howto .btn-success:hover,
.emailTracking_List:hover,
#forecast_step1 .btn-success:hover,
#forecast_step2 .backStep:hover,
.ofc365Details .btn-default:hover,
#mycalendar .fc-month-button:hover,
#mycalendar .fc-agendaWeek-button:hover,
#mycalendar .fc-agendaDay-button:hover,
#mycalendar .fc-vtAgendaList-button:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.CTPdfTemplates .previewButton:hover {
  background: #00ca72 !important;
}

#EmailCampaigns_editView_fieldName_emailcampaign_smptid_create:hover {
  color: #333 !important;
}

.emailTracking_List:hover {
  background: #00ca72 !important;
}

.emailTemplateListviewAction .viewType {
  opacity: 0.2 !important;
}

.emailTemplateListviewAction .viewType:hover {
  opacity: 1 !important;
}

.calendar-sidebar-tab .add-calendar-feed:hover {
  background: #c2cfe0 !important;
  color: #fff !important;
}

.CalendarViewPageDiv .cldr-hdr-d li a:hover {
  opacity: 1 !important;
}

#mycalendar .fc-button span:hover {
  color: #333 !important;
}

.configColumnsContainer .selectedFieldsContainer ul .item .removeField:hover {
  color: #333 !important;
}

.quickPreview .quickclose {
  opacity: 0.2 !important;
}

.quickPreview .quickclose:hover,
#mCSB_8_container #quickPreviewPreviousRecordButton .fa:hover,
#mCSB_8_container #quickPreviewNextRecordButton .fa:hover {
  opacity: 1 !important;
}

/*07-01-2022 Avni Vyas*/

#exportForm .exportContents #group1:hover,
#exportForm .exportContents #group2:hover,
.exportContents #group3:hover {
  background-color: #ebebeb;
  border-color: #c6c6c6;
}

#exportForm .well.exportContents > div > div{
  display: flex;
  align-items: center;
}

.filterConditionContainer .contentsBackground .addCondition .btn-default:hover,
.projectContentWrapper1 .zoomOut:hover,
.projectContentWrapper1 .zoomIn:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.webui-popover-inner .close img,
.bootbox .customBootClose {
  opacity: 0.2 !important;
}

.webui-popover-inner .close img:hover,
.bootbox .customBootClose:hover {
  opacity: 1 !important;
}

.CustomerSignature #LinkWhatsApp a:hover {
  color: #ffffff !important;
}

#mCSB_8_container #quickPreviewPreviousRecordButton .fa:hover,
#mCSB_8_container #quickPreviewNextRecordButton .fa:hover {
  color: #0b0b0b !important;
}

.ctPaymentTemplatesList .actionImages a img {
  opacity: 0.25 !important;
}

.ctPaymentTemplatesList .actionImages a img:hover {
  opacity: 1 !important;
}

#WhatsappConfiguration .alignMiddle a img {
  opacity: 0.2 !important;
}

#WhatsappConfiguration .alignMiddle a img:hover {
  opacity: 1 !important;
}

/*10-01-2022 Binal Prajapati*/

.customRadioPosition {
  display: inline-block;
  margin-right: 10px;
}

/*11-01-2022 Binal Prajapati*/
.taskTypeUi > .row > div > .row:nth-of-type(7) .marginLeftZero {
  margin-left: 80px !important;
}

.webui-popover-content i.fa.fa-check:hover,
.removeField .fa.fa-times,
.btn.textual.zoomOut.module-buttons .teamworkIcon,
.btn.textual.zoomIn.module-buttons .teamworkIcon {
  color: #c2cfe0 !important;
}

.removeField .fa.fa-times:hover,
.btn.textual.zoomOut.module-buttons:hover .teamworkIcon,
.btn.textual.zoomIn.module-buttons:hover .teamworkIcon,
i.vicon-foldermove:hover,
span.input-group-addon.relatedPopup .fa.fa-search:hover {
  color: #334d6e !important;
}

#prefPageHeader .detailViewButtoncontainer .btn-default.editButtonNew img {
  opacity: 1 !important;
}

/*12-01-2022 Binal Prajapati*/
.module-action-bar .subMenuTab .nav-tabs .tab-item a{
  padding: 10px 15px;
}
.module-action-bar .subMenuTab .nav-tabs .tab-item .navActive,
.related-tabs.row .nav > li.tab-item.active {
  opacity: 1 !important;
}

.module-action-bar .subMenuTab .nav-tabs .tab-item .navActive img {
  filter: brightness(0) invert(1);
}

#myList .lists-menu .listViewFilter,
#sharedList .lists-menu .listViewFilter {
  display: inline-block;
  width: 100%;
}
/* 
.cancelLink:hover,
a.cancelLink:hover {
  color: blue;
} */

#findDuplicate {
  padding: 0 !important;
  border-radius: 20px;
}

#multiEmailContainer .control-group .checkbox {
  display: flex;
}

.related-tabs.row .nav > li.tab-item,
.module-action-bar .subMenuTab .nav-tabs .tab-item a,.userFilter .btn-tabs{
  opacity: 0.8;
}
.userFilter .btn-tabs.navActive{
  opacity: 1;
}
.userFilter .btn-tabs{
  margin-left: 5px;
}
.pageNumbers {
  display: flex;
}

.relatedHeader .btn-toolbar .relatedViewActions .btn-group {
  display: flex !important;
  flex-direction: row-reverse;
}

.customCCBCC {
  width: 83% !important;
}

input.autoComplete.inputElement.ui-autocomplete-input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none !important;
}

#detailView
  .summaryView
  .summaryViewFields
  .summaryViewEntries
  span.input-group-addon.relatedPopup {
  position: relative;
  /* right: 0px;*/
  left: 8px;
  margin: 5px !important;
}

#editCurrency .modal-body .form-group:nth-of-type(4) .controls .muted {
  text-align: right;
}

#EditView
  .editViewBody
  .editViewContents
  .table
  .fieldLabel
  .fieldValue
  span.input-group-addon.relatedPopup {
  position: absolute;
  right: 90%;
}

.detailview-content.container-fluid.projectContentWrapper1
  #recordId
  + .details.row.customChartEdit
  .customEmptyRecord {
  background: #fff;
}

.editViewContents
  .table.table-borderless
  .fieldLabel
  div.fieldValue
  .inputElement#SalesOrder_editView_fieldName_enable_recurring {
  width: 15px !important;
}

#listview-table .listViewEntries td:nth-of-type(2) {
  padding: 10px 11px;
}

/*#listview-table .listViewEntries td:nth-of-type(1),#listview-table .listViewHeaders th:nth-of-type(1),#listview-table .searchRow th:nth-of-type(1){
  width: 2% !important
}*/

#listview-actions .listViewActions .btn-group,
#popupContents .listViewActions .btn-group {
  display: flex;
  flex-direction: row-reverse;
}

/*13-01-2022 Binal Prajapati*/

#EditView .clearReferenceSelection {
  right: -22px !important;
}

#commentRelated .summaryWidgetContainer .recentCommentsHeader {
  padding: 0 15px 0 30px;
}

#commentRelated .summaryWidgetContainer hr {
  width: 95%;
  margin: 10px auto;
}

#commentRelated .summaryWidgetContainer .commentsBody {
  padding: 0 15px;
}

#documentRelated .summaryWidgetContainer {
  padding: 12px !important;
}

.detailViewContainer .recentActivitiesContainer {
  background: transparent;
}

.widget_contents .relatedProducts .row .col-lg-3,
.widget_contents .recentActivitiesContainer .unstyled li div .col-lg-3 {
  display: flex;
}

#scheduleBox #scheduleByDate .col-lg-2 .input-group input {
  width: 280px !important;
  margin-bottom: -16px;
}

#scheduleBox #scheduleByDate .col-lg-2 .input-group {
  float: none;
}

.customChart {
  background: #fff;
  padding: 15px 0;
  border-radius: 4px;
}

.customChart .pull-right {
  margin-left: 4px;
}

/*.listview-table tr td:first-child, .listview-table tr th:first-child,.relatedContents .listview-table > thead > tr:first-child > th{
  width: 130px !important;
}*/

#listview-actions .row .col-md-6 > h4 {
  padding-right: 20px;
  font-size: 18px;
}

#scrollContainer .tabbable .taskTypeUi .row .col-sm-5.col-xs-5 {
  margin-right: 0 !important;
}

#save_fieldvaluemapping .conditionRow .cursorPointer.col-sm-1.col-xs-1 {
  display: flex;
  align-items: center;
  width: 5%;
}

.ofc365Details button.btn.btn-success {
  border: 1px solid #00ca72 !important;
  margin-bottom: 1px;
}

#userPageHeader .row .detailViewButtoncontainer .open .dropdown-menu {
  right: -100px;
}

#relatedActivities
  .summaryWidgetContainer
  .widgetContainer_mileStone
  .widget_contents
  .recentActivitiesContainer,
#relatedActivities
  .summaryWidgetContainer
  .widgetContainer_tasks
  .widget_contents
  .recentActivitiesContainer {
  padding-right: 0 !important;
}

#js-reminder-selections > div {
  margin-left: 10px;
}

#scrollContainer .tabbable .customtask .row .col-lg-9 .row {
  max-width: 100%;
}

#repeatUI .row > div {
  width: auto !important;
}

/*21-01-2022 Binal Prajapati*/

.customTimePadding {
  width: 45% !important;
  margin-right: 10px;
}

#EditPayment .table:nth-of-type(2) tbody tr td {
  border: none !important;
}

#EditPayment .table:nth-of-type(2) tbody tr td:nth-of-type(1) {
  width: 15% !important;
}

#EditPayment
  .table:nth-of-type(2)
  tbody
  tr
  td:nth-of-type(2)
  .row-fluid
  .span10
  input,
#EditPayment
  .table:nth-of-type(2)
  tbody
  tr
  td:nth-of-type(2)
  .row-fluid
  .span10
  textarea {
  width: 50% !important;
}

#EditPayment
  .table:nth-of-type(2)
  tbody
  tr
  td:nth-of-type(2)
  .row-fluid
  .span10
  input[type='checkbox'] {
  width: 14px !important;
}

.googleAdsLeadsFieldMappingListPageDiv
  #googleAdsLeadMapping
  .listViewEntries
  th:first-child,
.googleAdsLeadsFieldMappingListPageDiv
  #googleAdsLeadMapping
  .listViewEntries
  td:first-child {
  width: 25% !important;
}

.fc-icon.fc-icon-right-single-arrow,
.fc-icon.fc-icon-left-single-arrow {
  color: #334d6e;
  opacity: 0.25;
}

.fc-icon.fc-icon-right-single-arrow:hover,
.fc-icon.fc-icon-left-single-arrow:hover {
  opacity: 1;
}

.fc-prev-button.fc-button.fc-state-default:hover,
.vt-goto-date.fc-button.fc-state-default:hover,
.fc-next-button.fc-button.fc-state-default:hover {
  box-shadow: none !important;
}

.detaillineItemsTable tr td:last-child {
  width: 17%;
}

.detaillineItemsTable tr {
  display: flex;
  flex-direction: row-reverse;
  width: 100% !important;
  justify-content: flex-end;
}

div#whatsappIcon:hover {
  opacity: 1 !important;
}

.searchResults .dropdown-menu {
  left: auto !important;
  min-width: 100px;
}

/*4/4/2022 binal*/
.editViewContents
  .fieldBlockContainer:nth-of-type(3)
  table
  tbody
  tr
  td
  .fileUploadContainer {
  float: right !important;
  width: auto;
}

#searchResults-container .mCSB_container {
  overflow: visible;
}

/*.mCustomScrollBox {
  direction: rtl !important;
}*/
.more-center {
  text-align: center;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #eeeeee;
  padding: 10px 0 0 0;
}

.more-center img {
  margin-top: 5px;
}

#taskManagementContainer .entries .task-details .taskDueDate {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  font-weight: 500;
  display: flex;
  align-items: center;
}

#taskManagementContainer .entries .task-details .related_account,
#taskManagementContainer .entries .task-details .related_contact {
  display: block;
}

.listViewEntries .table-actions .more .dropdown-menu {
  right: 11px !important;
}

/* 26-07-2022 */

.profileleftwrapper .detailViewButtoncontainer .btn-default.leadmerging {
  width: auto !important;
  opacity: 1 !important;
}

/*19-7-2022*/

.icon-wrapper {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.btn-wrapper {
  display: flex;
  justify-content: end;
  align-items: center;
}

#breadcrumb {
  margin-right: 2%;
}

.settingsPageDiv.content-area.vtigerSetting .listViewEntryValue {
  cursor: inherit;
}

#addRelationForm .controls {
  float: right;
}

#addRelationForm .controls .row {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.contentsBackground .row {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin-right: 25px;
}

.contentsBackground .conditionList .row {
  flex-direction: inherit;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.contentsBackground .conditionList .row.conditionRow .delete-icon{
  padding: 0;
} 

.relatedModule .row {
  display: flex;
  justify-content: flex-start;
}

.table-condensed {
  margin: 0 auto !important;
}

.listViewEntries .listViewEntryValue .fieldValue .value {
  /*width: 100px;*/
  font-weight: 600 !important;
}

.recordName .quickPreviewOpen {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 95%;
}

.product-div::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
  background-color: #f7f8fb;
  border-radius: 2px;
}

.product-div::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f7f8fb;
}

.product-div::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #d1dbe8;
  /*background-image: ;*/
}

/*billing module starts*/

.price-wrapper {
  /*max-width: 995px;
    margin: 0 auto;*/
  padding: 50px 0;
}

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

.section-head h1 {
  font-size: 49px;
  font-weight: 600;
  line-height: 57px;
  color: #333;
}

.price-sec-wrapper {
  display: flex;
  justify-content: flex-start;
  /*flex-wrap: wrap;*/
  margin-top: 50px;
}

.price-sec {
  width: 100%;
  padding: 24px 45px;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 6%);
  min-height: 1px;
  direction: rtl;
  text-align: center;
}

.price-sec p {
  text-align: center;
  color: #333;
  font-weight: 400;
  font-size: 18px;
  margin-top: 15px;
}

.price-sec h2 {
  font-size: 32px;
  text-align: center;
  color: #333;
  font-weight: 600;
}

.price-sec h3 {
  font-size: 32px;
  color: #333;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

/*.price-sec h3 span {
  font-size: 55px;
  display: flex;
  justify-content: center;
  align-items: baseline;
  word-break: break-all;
}*/

.price-sec h3 span p {
  display: inline-block;
  color: #00ed95;
  margin: 0;
  font-weight: 900;
  font-size: 55px;
}

.price-sec h3 span sub {
  font-size: 18px;
  color: #00ed95;
}

.price-sec h3 div {
  display: inline-block;
  font-size: 25px;
  margin-right: 8px;
}

.price-sec ul {
  list-style: none;
  padding: 0;
}

/*.price-sec ul li {
  position: relative;
  padding: 10px 35px 10px 0;
  border-bottom: 1px solid #ddd;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  text-align: right;
}*/

/*.price-sec ul li:last-child {
  border: none;
}

.price-sec ul li::before {
  content: '✓';
  position: absolute;
  display: inline-block;
  right: 0px;
  top: 0px;
  padding: 10px 0;
}*/

.price-btn {
  border: none;
  outline: none;
  background: none;
  display: block;
  margin: 0 auto;
}

.price-btn {
  display: inline-block;
  padding: 12px 25px;
  border-radius: 50px;
  text-decoration: none;
  color: #fff;
  font-size: 13px;
  background: #334758;
  text-align: center;
  margin: 0;
  box-shadow: -2px 5px 13px rgb(0 189 119 / 38%);
  transition: all 0.3s;
}

.price-btn:hover {
  background: #00ed95;
  transition: all 0.5s;
  box-shadow: none;
}

.price-btn.active {
  background: #00ed95;
  transition: all 0.3s;
  font-size: 18px;
}

.price-btn.active:hover {
  background: #44f6b4;
}

.price-btn #myplanstatus {
  margin: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-weight: normal;
  font-size: 18px;
}

/*.activated-btns{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
*/
.price-btn strong {
  font-size: 18px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .price-sec {
    width: 100%;
  }
}

.input-group.date .inputElement.dateField.form-control {
  border: none !important;
}

/*billing module ends*/
/*25-August-2022*/
.calender-details .detailview-table .fieldValue {
  width: 120px;
}

.calender-details .fieldValue .value {
  white-space: inherit;
  padding-left: 20px;
  width: auto;
}

.report-footer {
  bottom: 0;
}

.schedule-check {
  float: none !important;
  left: 0 !important;
}

tr.summaryViewEntries td.fieldValue:hover {
  background: #efefef !important;
}

.fieldValue
  .edit
  .input-group.editElement
  .inputElement.dateField.form-control {
  margin-right: 15px;
}

.settingsPageDiv.content-area.vtigerSetting
  #detailView
  .blockData
  td.fieldValue {
  vertical-align: initial !important;
}

.input-sm.form-control:hover {
  border: 1px solid #b9b9b9 !important;
}

.emptyfieldvalue {
  height: 26px;
}

/*1-9-2022*/

.referencefield-wrapper span.input-group-addon.relatedPopup.cursorPointer {
  padding: 0 !important;
}

/*.referencefield-wrapper.selected span.input-group-addon.relatedPopup.cursorPointer{
  padding: 5px 5px 5px 0px !important;
}*/
.fieldValue
  .edit
  .input-group.editElement
  .inputElement.dateField.form-control {
  margin-right: 15px;
}

/*.summaryViewEntries .inputElement.form-control {
    margin-right: 15px;
}*/
/*.fieldValue .referencefield-wrapper.selected .input-group{
  margin-right: 15px;
  min-width: 200px;
}*/

.summaryViewEntries
  .fieldValue
  .row
  .edit.ajaxEdited
  .input-group.editElement
  .inputElement {
  margin-right: 15px;
}

.summaryViewEntries
  .fieldValue
  .row
  .edit.ajaxEdited
  .input-group.editElement
  .inputElement.ui-autocomplete-input {
  margin-right: 0;
}

.detailview-table
  tr
  .fieldValue
  .edit.pull-left.ajaxEdited
  .referencefield-wrapper
  .clearReferenceSelection {
  bottom: 2px !important;
}

.milestone-list .newProjectTaskView {
  justify-content: flex-start;
}
/* 
.summaryWidgetContainer {
  margin-bottom: 15px;
} */

.showProjectTaskProgressDiv .dropdown .dropdown-menu,
.showProjectTaskStatusDiv .dropdown .dropdown-menu {
  width: 30%;
  right: 0px !important;
}

.showProjectTaskProgressDiv {
  padding: 0;
}

.pttaskstatus,
.ptprogress {
  font-size: 13px;
}

#CompanyDetailsContainer {
  background: #ffffff;
}

.dropdown-wrapper {
  width: 55%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.dropdown-wrapper-inner-content {
  width: 130px;
}

.container-fluid.DetailSignatureTemplate {
  padding-bottom: 50px !important;
}

#step1 .pull-right {
  margin-top: 15px;
}

.deleteButton .pull-right .close {
  position: relative;
  bottom: 3px;
}

.newProjectTaskView .fieldValue.editAction {
  opacity: 0;
}

.newProjectTaskView .textOverflowEllipsis:hover .fieldValue.editAction,
.projectTaskWidgetView:hover .fieldValue.editAction {
  opacity: 1;
}

.dropdown.pull-left.projectTaskWidgetView {
  display: flex !important;
  justify-content: flex-end;
}

.newProjectTaskView {
  display: flex;
  /*flex-direction: column;*/
  justify-content: space-between;
  align-items: center;
}

.milestone-list-contant-edit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

.milestone-list-contant-edit .textOverflowEllipsis span {
  padding-right: 0;
}

/*mobile-app settings css starts*/

.mobileapp_widget_header .btn,
.mobileapp-setting-container #geocodingReport,
#ctapivalidate,
#exporttracking {
  background: #0a2eeb !important;
  border-radius: 4px;
  padding: 9px 10px;
  border: 0;
}

.mobileapp_widget_header.row-fluid button.btn.btn-info.pull-right:hover,
.mobileapp-setting-container #geocodingReport:hover,
#ctapivalidate:hover,
#btnsyncManually:hover,
#exporttracking:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.container-fluid.mobileapp-setting,
.container-fluid.mobileapp-setting-inner {
  padding: 0 !important;
}

.content-area.vtigerSetting .container-fluid.mobileapp-setting,
.content-area.vtigerSetting
  .container-fluid.mobileapp-setting
  .container-fluid.mobileapp-setting-inner {
  padding: 0 !important;
}

.mobileapp-setting button.btn.btn-success.btnSaveSettings,
#access_user_div button.btn.btn-success,
#btnsyncManually,
#searchbtn {
  background: #00ca72 !important;
  border: none;
  border-radius: 4px;
}

.mobileapp-setting button.btn.btn-success.btnSaveSettings:focus,
.mobileapp_widget_header.row-fluid button.btn.btn-info.pull-right:focus,
#access_user_div button.btn.btn-success:focus,
.mobileapp-setting-container #geocodingReport:focus,
#ctapivalidate:focus,
#btnsyncManually:focus,
#searchbtn:focus,
#exporttracking:focus {
  border: none;
  outline: none;
}

.mobileapp-setting button.btn.btn-success.btnSaveSettings:active,
.mobileapp_widget_header.row-fluid button.btn.btn-info.pull-right:active,
#access_user_div button.btn.btn-success:active,
.mobileapp-setting-container #geocodingReport:active,
#ctapivalidate:active,
#btnsyncManually:active,
#searchbtn:active,
#exporttracking:active {
  color: #fff !important;
}

.mobileapp-setting-container {
  border: 1px solid rgb(44 59 73 / 0.15);
  padding: 15px 15px;
  background: #ffffff;
}

.mobileapp_widget_header h3 {
  color: #333333;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 10px 0 !important;
}

.mobileapp_widget_header.row-fluid {
  border: 1px solid rgb(44 59 73 / 0.15);
  border-bottom: 0;
  padding: 15px 15px;
}

.login-history-table .pagination {
  padding: 0 20px !important;
}

.login-history-table div.dataTables_wrapper div.dataTables_info {
  text-align: left;
}

#downloadLoginHistory:hover {
  box-shadow: none;
}

#downloadForm {
  display: flex;
  align-items: flex-end;
}

.mobileapp-setting-container h4 {
  color: #333;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
}

.mobileapp-setting-container h5 {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px;
  text-transform: capitalize;
}

.mobileapp-setting-container h6 {
  color: #333;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  margin: 0 0 10px;
}

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

.content-area.vtigerSetting #access_user_div .container-fluid {
  margin-top: 15px !important;
}

.feature-management-head {
  border-bottom: 1px solid #ddd;
}

/*mobile-app settings css ends*/

/* mobile-app settings css ends */

/* Radhika Start */

/* Icon Placement and Bread Crums Design issue Start */

/* 14-09-2022  */

.pdfcreatormodule .clearfix .col-lg-5 {
  padding-right: 15px;
  padding-left: 15px;
}

/* 19-09-2022  */

.settingrowchecked {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: 5px 0 10px 0;
}

.settingrowchecked .col-md-3 {
  padding: 0 !important;
  width: 23.5%;
}

.settingbelowbox .col-md-12 {
  padding: 0 !important;
}

.settingbelowbox #pinBoot {
  justify-content: flex-start;
}

.settingbelowbox #pinBoot .white-panel {
  max-width: 33%;
  flex: 1 0 30%;
  margin: 0 0 10px 10px;
}

#pinBoot .white-panel:nth-child(3n + 3),
#pinBoot .white-panel:last-child {
  margin: 0 0 10px 0 !important;
}

.usersettingboxborder .mobileapp_widget_header.row-fluid {
  border: none;
}

.usersettingboxborder .mobileapp-setting-container {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.setting-feature-title a b {
  font-size: 16px;
}

.fieldsettingboxborder .mobileapp_widget_header.row-fluid {
  border: none;
}

.fieldsettingboxborder .mobileapp-setting-container {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.ctlanguageborder .mobileapp_widget_header.row-fluid {
  border: none;
}

.ctlanguageborder .mobileapp-setting-container {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.mobileapp_widget_header.row-fluid button.btn.btn-info:focus {
  color: #fff !important;
}

.ctlanguageborder .fieldLabel {
  width: 210px !important;
  line-height: 3;
}

.moduleiconbox .mobileapp_widget_header.row-fluid {
  border: none;
}

.moduleiconbox .mobileapp-setting-container {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.moduleiconbox
  .table.table.table-bordered.blockContainer.showInlineTable.equalSplit
  tr
  td.fieldLabel {
  vertical-align: top !important;
}

/* 20-09-2022 */

.apilogsettingbox .mobileapp_widget_header.row-fluid {
  border: none;
}

.apilogsettingbox .mobileapp-setting-container {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.geolocationbox .mobileapp_widget_header.row-fluid {
  border: none;
}

.geolocationbox .mobileapp-setting-container {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.routeanalyticsbox .table-bordered tbody tr td:last-child,
.routeanalyticsbox .table-bordered thead tr th:last-child {
  border-right: 1px solid #ddd !important;
}

.routeanalyticsbox .mobileapp_widget_header.row-fluid {
  border: none;
}

.routeanalyticsbox .mobileapp-setting-container {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.routeanalyticsbox i.fa.fa-map-marker {
  display: block;
}

.routeanalyticsbox .table-bordered tbody tr td:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}

.routeanalyticsbox .table-bordered tbody tr td,
.routeanalyticsbox .table-bordered thead tr th {
  vertical-align: top !important;
}

.teamtrackingbox .col-lg-6.col-md-6.col-sm-6 table tbody tr td {
  width: 25% !important;
  float: right;
}

.teamtrackingbox .col-lg-12.col-md-12.col-sm-12 table tbody tr td {
  width: 15% !important;
  float: right;
}

.teamtrackingbox #searchbtn:focus {
  color: #fff !important;
}

.teamtrackingbox
  .col-lg-6.col-md-6.col-sm-6
  table.table.table-bordered.table-striped.no-footer.dataTable
  tbody
  tr
  td {
  width: auto !important;
  float: none !important;
}

.teamtrackingbox
  .col-lg-12.col-md-12.col-sm-12
  table.table.table-bordered.table-striped.no-footer.dataTable
  tbody
  tr
  td {
  width: auto !important;
  float: none !important;
}

.mobileapp_widget_header.row-fluid {
  border: none !important;
}

.mobileapp-setting-container {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}

.widget_header.row-fluid {
  border: none !important;
}

.call-logs-table {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}

.login-history-table {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}

#notification_settings {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}

#notification_settings_form table tr td textarea {
  width: 100%;
}

#notification_settings_form .select-search .select2 {
  width: 60% !important;
}

li.select2-search-choice div {
  font-size: 14px;
}

.gm-style .gm-style-iw-c {
  padding: 0 0 0 0 !important;
}

.gm-style .gm-style-iw-c .gm-style-iw-d {
  padding: 20px 18px 0 0 !important;
}

.gm-ui-hover-effect {
  right: auto !important;
  left: -6px !important;
}

.gm-style .gm-style-iw-c .gm-style-iw-d #bodyContent .table {
  margin-bottom: 10px;
}

.gm-style .gm-style-iw-c .gm-style-iw-d #bodyContent .table tr td b {
  font-weight: 600;
}

.routeanalyticsbox #mapview input.inputElement {
  height: 28px;
}

.routeanalyticsbox #listRoute table thead tr th {
  font-weight: 600;
}

/* 21-09-2022 */

.teamtrackingbox .recordEditView .row {
  width: 100%;
}

.teamtrackingbox form#downloadForm .col-lg-4.col-md-4.col-sm-4 {
  text-align: right !important;
}

.teamtrackingbox .recordEditView .inputElement.select2-container {
  padding: 0px !important;
  width: 100% !important;
}

.teamtrackingbox .recordEditView input#daterange {
  width: 100% !important;
  margin-right: 0 !important;
}

.callrecordingbox .usersListDiv .select2 {
  width: 100% !important;
}

.middle-second-boc {
  font-size: 13px !important;
}

.btn-success {
  background: #0a2eeb !important;
  border: 1px solid #0a2eeb !important;
}

.btn-success:focus,
.btn-success:focus-visible {
  color: #fff !important;
  outline: none !important;
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
}

.fieldsettingboxborder .dataTable.table-bordered thead tr th {
  font-weight: 600 !important;
}

.geolocationbox .table thead tr th {
  font-weight: 600 !important;
}

.geocodingbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.geocodingbox > div {
  max-width: 50% !important;
  flex: 1 0 46%;
  margin: 0 0 15px 15px !important;
}

.geocodingbox > div:nth-child(even) {
  margin: 0 0 15px 0 !important;
}

.googlemapbox #selectedFields #Settings table {
  width: 100% !important;
}

.googlemapbox #Settings table tbody tr td .select2-container {
  width: 50% !important;
}

.googlemapbox .row .col-sm-6 .dataTables_length {
  float: left;
}

.googlemapbox #listautoSelectedFields .table thead tr th {
  font-weight: 600 !important;
}

.mobileapp-setting-container #geocodingReport:focus,
#ctapivalidate:focus {
  color: #fff !important;
}

.highcharts-menu-item {
  font-size: 13px !important;
}

.fieldsettingboxborder .dataTables_wrapper .table thead tr th:last-child,
.fieldsettingboxborder .dataTables_wrapper .table tbody tr td:last-child {
  border-right: 1px solid #ddd;
}

.daterangepicker .drp-calendar {
  max-width: 330px !important;
  padding: 8px 0 8px 0px !important;
}

.main-container-CTTimeTracker .listview-actions-container .row .col-md-6 {
  float: right !important;
}

/* 22-09-2022 */

.geocodingbox > div {
  height: auto !important;
}

.geocodingbox .highcharts-container {
  width: 100% !important;
  height: auto !important;
}

.geocodingbox .highcharts-container svg {
  width: 100%;
  height: auto;
}

.googlemapbox #example3 thead tr th:last-child,
.googlemapbox #example3 tbody tr td:last-child {
  border-right: 1px solid #ddd;
}

.googlemapbox table thead tr th,
.googlemapbox table tbody tr th {
  text-align: right;
}

.openmapsettingbox .tab-content #selectedFields #Settings table {
  width: 100% !important;
}

.openmapsettingbox
  .tab-content
  #selectedFields
  #Settings
  table
  .select2-container.select2-container-multi.select2 {
  width: 50% !important;
}

.openmapsettingbox #example3 thead tr th:last-child,
.openmapsettingbox #example3 tbody tr td:last-child {
  border-right: 1px solid #ddd;
}

.daterangepicker .ranges {
  text-align: right !important;
}

.openmapsettingbox #example3 thead tr th {
  font-weight: 600 !important;
}

/* mobile-app settings css ends */

/*Binal Prajapati 07-11-2022. css related to ctwhatsapp*/

.saveComment {
  color: #ffffff;
}

.saveComment:hover {
  -webkit-text-fill-color: #ffffff !important;
}

/*rivhit-page-css-starts*/

#synctorivhit,
.add-record .btn,
#selectmodule,
#rivitonlineapi,
.rivhit-title {
  background-color: #00ca72 !important;
  font-size: 13px !important;
  font-weight: bold;
  color: white !important;
  border-radius: 4px !important;
  outline: 0 !important;
  padding: 8px 10px !important;
  text-shadow: none !important;
  background-image: none !important;
  border: none !important;
}

#synctorivhit:hover {
  background-color: #00ca72 !important;
}

.add-record {
  text-align: left;
  padding: 0;
}

.add-record .btn:hover,
.rivhit-title:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%);
}

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

.add-map #addMapping {
  margin: 25px 0 0 0;
}

/*rivhit-page-css-ends*/

/*Binal Prajapati 03-01-2023. css related to alert-view in chart*/
.alert-info {
  display: inline-block;
  text-align: center;
}

/* Icon Placement and Bread Crums Design issue */

/* 14-09-2022  */

.pdfcreatormodule .clearfix .col-lg-5 {
  padding-right: 15px;
  padding-left: 15px;
}

/*  15-09-2022  */

.rssheader .clearfix .col-lg-5 {
  padding-right: 15px;
  padding-left: 15px;
}

.rsslistviewcontent {
  overflow: auto !important;
}

.rssaddlistviewbutton {
  margin: 0 15px 0 15px !important;
}

.oursiteportalheader .clearfix .col-lg-5 {
  padding-right: 15px;
  padding-left: 15px;
}

.oursitelistback {
  background: #fff;
}

.oursitelistpaging {
  padding: 15px 0 0 0;
}

.reportsmodulebreadcrum .clearfix .col-lg-5 {
  padding-right: 15px;
  padding-left: 15px;
}

.reportsmodulebreadcrum .col-lg-5 #appnav {
  float: left !important;
}

/* 10-02-2023 start */

.module-action-bar .module-breadcrumb {
  padding-right: 15px;
  display: flex;
  float: right;
  align-items: center;
}

.module-action-bar .col-lg-5.col-md-5 {
  float: left !important;
}

.module-action-bar .col-lg-5.col-md-5 #appnav {
  float: left !important;
}

/* 10-02-2023 End */

/* 13-02-2023 start */

#appnav .nav button img {
  height: 18px !important;
}

.documentheaderbox .clearfix .col-lg-5 {
  padding-right: 15px;
  padding-left: 15px;
}

#appnav .nav button {
  padding: 8px 10px !important;
  line-height: 20px;
}

.allsettingpadding0 {
  padding: 0;
}

/* 13-02-2023 End */

/* 14-02-2023 start */

.settingcustombreadcrumbs span {
  transform: rotate(180deg);
  padding-right: 5px;
}

.googleadsmappinglistbox {
  width: 100%;
  padding: 0 !important;
}

.googlemapedit {
  width: 100%;
}

.ofc365ctoutlookbox .table tbody tr td {
  border-top: none;
}

.whtsappuserlistbox {
  width: 100% !important;
}

/* 14-02-2023 End */

/* 15-02-2023 Start */

.module-header-icon {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.googlecalendarheader .module-breadcrumb-List .module-title {
  max-width: initial;
}

.module-action-bar .module-breadcrumb {
  padding-right: 15px;
  display: flex;
  float: right;
}

.ctgooglecalendarbreadcrumbs span {
  transform: rotate(180deg);
  margin: 0 8px 0 0;
}

.module-action-bar .module-breadcrumb-List .module-title {
  max-width: inherit;
}

.module-action-bar .module-breadcrumb .module-title {
  max-width: inherit;
}

/* 15-02-2023 End */

/* 16-02-2023 Start */

.findandreplacebox {
  padding: 0 !important;
}

.settingspagecontentwrapper
  .settingsPageDiv
  .findandreplacebox
  .widget_header
  h3 {
  margin-right: 15px;
}

.findandreplacebox .summaryWidgetContainer span {
  margin-right: 15px;
}

.findandreplacebox .summaryWidgetContainer span label {
  vertical-align: middle;
}

.main.ofc365Details {
  padding: 10px 10px 10px 10px !important;
}

/* 16-02-2023 End */

/* 17-02-2023 Start */

.MailConverterBox {
  background: #fff !important;
  padding: 0 !important;
}

.MailConverterBox h4 {
  padding-right: 15px;
  padding-left: 15px;
  font-size: 18px;
}

.MailConverterBox .btn-group > .btn {
  background: #0a2eeb;
  color: #fff;
  padding: 7px 12px;
  border: none;
  border-radius: 4px !important;
}

.MailConverterBox .btn-group > .btn:hover {
  box-shadow: 0 4px 10px rgb(16 156 241 / 24%) !important;
  outline: 0 !important;
}

.MailConverterBox .btn-group > .btn {
  font-weight: bold;
  text-shadow: none;
}

.MailConverterBox .btn-group > .btn:hover {
  font-weight: bold;
}

.calendarheaderbox .module-action-content .pull-right {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.main-container.main-container-Calendar .cldr-hdr-d.cldrListing {
  max-width: calc(75% - 15px);
  float: right;
}

.product-breadcrum {
  float: right !important;
}

.product-breadcrum > a {
  float: right !important;
}

.product-breadcrum > p {
  float: right !important;
}

.rssheader .clearfix .col-lg-5 {
  padding-right: 15px;
  padding-left: 15px;
}

.rsslistviewcontent {
  overflow: auto !important;
}

.rssaddlistviewbutton {
  margin: 0 15px 0 15px !important;
}

.oursiteportalheader .clearfix .col-lg-5 {
  padding-right: 15px;
  padding-left: 15px;
}

.oursitelistback {
  background: #fff;
}

.oursitelistpaging {
  padding: 15px 0 0 0;
}

.googleaddmapeditbox .editViewContents .table tr td {
  border: none !important;
  vertical-align: bottom !important;
  width: 90px !important;
  min-width: 90px !important;
}

.googleaddmapeditbox .editViewContents .table tr td label {
  float: right !important;
  margin-left: auto !important;
  width: fit-content !important;
}

.googleaddmapeditbox .inputElement.select2-container {
  margin-bottom: 0;
}

.googleaddmapeditbox .listViewEntries td .table-actions {
  opacity: 0.4;
  width: fit-content !important;
}

.googleaddmapeditbox .listViewEntries td .table-actions:hover {
  opacity: 1;
  cursor: pointer;
}

.googlecalendarheader .module-breadcrumb-List .module-title {
  max-width: initial;
}

/* 17-02-2023 End */

/* 22-02-2023 Start */

.pushnotificationheader
  .module-action-content
  .module-breadcrumb
  a:first-child {
  margin-left: 5px;
}

button#Calendar_listView_basicAction_LBL_ADD_TASK,
button#Calendar_listView_basicAction_LBL_ADD_EVENT {
  background: #00ca72 !important;
}

.digitasignature-container .widget_header.row-fluid {
  padding: 0 0 0 20px;
}

.outlookconfigurationboxheader {
  padding: 0 0 10px 0;
}

.outlookconfigurationboxheader h4 {
  margin: 10px 0;
}

/* 22-02-2023 End */

/* 23-02-2023 Start */

.emailtamplateheader .module-action-content {
  display: flex;
}

.emailtamplateheader
  .module-action-content
  .module-breadcrumb
  .current-filter-name
  span {
  float: right !important;
}

.emailtamplateheader .module-action-content .pull-right {
  float: left !important;
}

.emailtamplateheader .clearfix .col-lg-7 {
  width: 58.33333333% !important;
}

.emailtamplateheader .module-action-content .col-md-7 .navbar-right {
  float: left !important;
}

.emailtamplateheader .clearfix .col-lg-5 {
  padding-right: 15px;
  padding-left: 15px;
}

/* 23-02-2023 End */

/* Icon Placement and Bread Crums Design issue */

/* scroll issue in my list in the module system start */

#sidebar-essentials .sidebar-menu .menu-scroller .ps-scrollbar-y-rail {
  right: auto !important;
  left: 0 !important;
}

#sidebar-essentials .sidebar-menu .menu-scroller {
  padding-left: 10px;
}

.sidebar-menu {
  height: calc(100vh - 158px) !important;
  overflow-y: auto;
}

.module-filters .menu-scroller.scrollContainer.ps-container {
  height: auto !important;
}

/*div#listViewContent .listpagewrapper{
  height: 600px;
  overflow-y: auto !important;
  padding-bottom: 0;
  scrollbar-width: thin;
  scrollbar-color: #aaa #fff;
}*/

.table-container.ps-container {
  height: calc(100vh - 286px) !important;
}

/*.sidebar-menu::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}
.sidebar-menu::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.sidebar-menu::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #aaa;
}
*/
/*
div#listViewContent .listpagewrapper::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}
div#listViewContent .listpagewrapper::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
div#listViewContent .listpagewrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #aaa;
}*/

/* scroll issue in my list in the module system End */

/* scrolling issue on Compose Email Modal Start */

.SendEmailFormStep2#composeEmailContainer .modal-body {
  height: auto !important;
}

.SendEmailFormStep2#composeEmailContainer .modal-footer .cancelLinkContainer {
  line-height: 32px;
}

/* scrolling issue on Compose Email Modal end */

/* Icon Placement and Bread Crums Design new after developement code left start */

/* 01-03-2023 start */

.pdfcreatormodule
  .module-action-content
  .module-breadcrumb
  .current-filter-name
  span {
  float: right !important;
}

.col-lg-5.col-md-6.col-sm-7.col-xs-1.padding0.pull-right {
  float: left !important;
}

.CTPayment-module-action-content p.current-filter-name.pull-left {
  display: none;
}

/* 01-03-2023 End */

/* 02-03-2023 start */

.col-lg-5 #appnav {
  float: left !important;
}

div#PDFMakerContentDiv {
  float: left !important;
}

div#PDFMakerContentDiv button {
  background: #00ca72;
}

.CTRoutePlanning-module-action-content .col-lg-5.col-md-5 {
  float: right !important;
}

.CTRoutePlanning-module-action-content .col-lg-7.col-md-7.pull-right {
  float: left !important;
}

.coloredBorderTop.clearfix .Calendar-module-action-content .col-lg-5 {
  padding-left: 15px;
}

button#Leads_listView_basicAction_LBL_ADD_RECORD,
button#Contacts_listView_basicAction_LBL_ADD_RECORD,
button#Reports_listView_basicAction_Add {
  background-color: #00ca72 !important;
}

/* 02-03-2023 End */

/* 03-03-2023 Start */

@media (max-width: 1290px) {
  .Accounts-module-action-content
    .col-lg-5.col-md-6.col-sm-7.col-xs-1.padding0.pull-right {
    width: 56%;
  }

  .Accounts-module-action-content
    .col-lg-7.col-md-6.col-sm-5.col-xs-11.padding0.module-breadcrumb.module-breadcrumb-Detail.transitionsAllHalfSecond.product-breadcrum {
    width: 44%;
  }
}

.whatsappcustombreadcrumbs span {
  transform: rotate(180deg);
  padding-bottom: 1px;
}

/* 03-03-2023 End */

/* 06-03-2023 Start */

.ctpowerblockfieldheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2% 2% 0 2%;
}

.ctpowerblockfieldheader button {
  color: #fff !important;
  background: #00ca72;
  border-radius: 4px !important;
}

.module-action-bar .coloredBorderTop.calendarheaderleft .col-lg-5 span a {
  float: left !important;
}

/* 06-03-2023 End */

/* 10-03-2023 Start */

.CTWhatsAppTemplates-module-action-content .col-lg-5.padding0.pull-right {
  direction: ltr;
}

.CTWhatsAppTemplates-module-action-content
  .col-lg-5.padding0.pull-right
  .navbar-right#appnav {
  padding-right: 15px;
}

.addCondition button.btn.btn-default {
  color: #ffffff !important;
  background: #00ca72;
}

.facebookdashboardheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.facebookdashboardheader h4 {
  margin: 0;
}

.facebookdashboardheader #logout {
  margin: 0 !important;
}

.ofc365Details .ofc365Detailsbtn button {
  border: 1px solid #00ca72 !important;
  background: #00ca72 !important;
  color: #fff !important;
}

/* 10-03-2023 End */

/* 22-05-2023 */

.routeanalyticsbox #listview #example1_wrapper .col-sm-12 {
  overflow-x: auto;
}

.CTWhatsAppTemplates-module-action-content .col-lg-5.padding0.pull-right {
  max-width: fit-content;
}

.CTWhatsAppTemplates-module-action-content .col-lg-5.padding0.pull-right span {
  float: right;
}

.CTWhatsAppTemplates-module-action-content
  .col-lg-5.padding0.pull-right
  .navbar
  .navbar-nav
  li
  button {
  direction: rtl;
}

.reportHeader .btn-toolbar button.btn.btn-default,
#filterContainer .addCondition button.btn.btn-default,
.reportsDetailHeader #detailView .btn {
  font-size: 13px;
  font-weight: bold;
  padding: 8px 10px !important;
  border: none;
}

.reportsDetailHeader #detailView .btn strong {
  font-weight: bold;
}

/* 22-05-2023 */

/* 23-05-2023 */

.ofc365Detailsbtn .btn {
  color: #fff !important;
  text-shadow: none !important;
  padding: 7px 12px;
  border: 0 !important;
  font-size: 13px;
  font-weight: bold;
  outline: 0 !important;
}

.settingspagecontentwrapper
  .settingsPageDiv
  .block
  .detailViewButtoncontainer
  .btn {
  color: #fff !important;
  background: #00ca72 !important;
  text-shadow: none !important;
  padding: 7px 10px;
  border: 0 !important;
  font-size: 13px;
  font-weight: bold;
  outline: 0 !important;
  border-radius: 4px !important;
  opacity: 1 !important;
}

.settingspagecontentwrapper .settingsPageDiv .block .marginTop5px {
  margin: 0 !important;
}

.settingspagecontentwrapper .settingsPageDiv .block h4 {
  margin: 0 !important;
  height: auto;
}

.settingspagecontentwrapper .settingsPageDiv .block > .row {
  display: flex;
  align-items: center;
}

.settingspagecontentwrapper
  .settingsPageDiv
  .leadsFieldMappingListPageDiv
  .settingsHeader
  .btn {
  color: #fff !important;
  background: #00ca72;
  text-shadow: none !important;
  padding: 7px 10px;
  border: 0 !important;
  font-size: 13px;
  font-weight: bold;
  outline: 0 !important;
  border-radius: 4px !important;
}

#appnav .nav button.btn.module-buttons.importrecordmodule {
  background: #ffaa50 !important;
}

.configColumnsContainer .modal-footer button.btn.btn-success {
  margin: 0 0 0 10px !important;
}

.modal-footer button.btn.btn-success {
  padding: 8px 9px !important;
}

.modal-footer button.btn.btn-success strong {
  font-size: 13px;
  font-weight: bold;
}

.widget_header .btn,
.summaryWidgetContainer .btnSendNotification {
  color: #fff !important;
  background: #00ca72 !important;
  text-shadow: none !important;
  padding: 7px 10px !important;
  border: 0 !important;
  font-size: 13px;
  font-weight: bold;
  outline: 0 !important;
  border-radius: 4px !important;
}

.outlooksynkconfigurationbreadcrum p span {
  transform: rotate(180deg) !important;
  margin: 0 0 0 5px;
}

/* 23-05-2023 */

/* Icon Placement and Bread Crums Design new after developement code left End */

/* There is no horizontal scrolling at all in creating pdf template Start */

/* 10-03-2023 */

.PdfTemplatesDetails td.fieldValue > table {
  width: 100% !important;
}

/* 10-03-2023 End */

/* There is no horizontal scrolling at all in creating pdf template End */

/* CT Mobile Setting Page Issues - Not in demo start */

/* 20-03-2023 */

/*.main-container.settingspagecontentwrapper .settingsPageDiv.content-area.vtigerSetting > div {
  background: none;
}*/

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div.col-sm-12 {
  padding: 15px !important;
}

#listdiv
  #listview-actions
  .listViewActionsContainer
  .listViewMassActions
  .dropdown-menu {
  right: 0 !important;
}

/* 20-03-2023 */

/* 24-05-2023 */

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div.geocodingbox {
  margin: 15px 0 0 0;
}

.mobileapp_widget_header .btn,
.mobileapp-setting-container #geocodingReport,
#ctapivalidate,
.massEditContent
  #global_search_settings.summaryWidgetContainer
  button.btn.btn-success.saveButton {
  font-weight: bold;
}

.massEditContent
  #global_search_settings.summaryWidgetContainer
  button.btn.btn-success.saveButton
  strong {
  font-weight: bold;
}

.mobileapp-setting-container {
  border-top: none !important;
}

form#downloadForm button.btn.btn-success.btn-sm#searchbtn {
  font-weight: bold;
}

.ctleftshowessentials-toggle {
  position: absolute !important;
  top: 28px !important;
  left: auto !important;
  right: 20px !important;
}

.listViewPageDiv .floatThead-wrapper .ps-scrollbar-y-rail {
  left: 0 !important;
  /* comment below line because of vertical scrollbar issue in listview*/
  /*right: auto !important;*/
}

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting {
  /*  max-width: calc(100% - 286px);*/
  max-width: calc(100% - 19.5%);
  padding: 0 !important;
  padding-right: 15px !important;
  background: none;
  margin-right: auto;
}

.select2-container-multi .select2-search-choice-close {
  right: 0;
}

/* 24-05-2023 */

/* 25-05-2023 */

.mobileapp-setting-container h6 {
  font-size: 14px;
}

#geo_tracking h4 {
  font-size: 14px;
}

.global-actions .dropdown-menu .clearfix button.btn.btn-success {
  color: #fff !important;
  background: #00ca72 !important;
  text-shadow: none !important;
  padding: 7px 10px;
  margin: 0 10px 0 0;
  border-radius: 4px !important;
  border: 0 !important;
  font-size: 13px;
  font-weight: bold;
  outline: 0 !important;
}

.ctlanguageborder .fieldLabel {
  width: 210px !important;
}

#listViewContent #listdiv #listview-actions > .row > .col-md-6:first-child {
  float: right !important;
  text-align: right !important;
}

#listViewContent #listdiv #listview-actions > .row .col-md-6:last-child {
  text-align: left;
}

#listViewContent #listdiv #listview-actions > .row > .col-md-3:first-child {
  float: right !important;
  text-align: right !important;
}

#listViewContent #listdiv #listview-actions > .row > .col-md-3:nth-child(2) {
  float: right !important;
}

/* 25-05-2023 */

/* 26-06-2023 */

/* Not open in development so check in direct production */

.leaflet-container.leaflet-fade-anim
  .leaflet-map-pane
  .leaflet-popup
  .leaflet-popup-content-wrapper
  .leaflet-popup-content
  #bodyContent {
  text-align: right;
}

.leaflet-container.leaflet-fade-anim
  .leaflet-map-pane
  .leaflet-popup
  a.leaflet-popup-close-button {
  left: 0;
  right: auto;
  padding: 4px 0 0 4px;
}

/* Not open in development so check in direct production */

.module-action-bar .CTRoutePlanning-module-action-content .module-breadcrumb {
  padding: 0 10px 0 0;
}

.detailview-header-block .related-tabs ul {
  padding-bottom: 0;
}

.daterangepicker .drp-calendar {
  max-width: 405px !important;
}

/* 26-06-2023 */

/* 01-06-2023 */

.settingsPageDiv.vtigerSetting
  .ctlanguageborder
  #ct_language_settings
  table.blockContainer
  tbody
  tr
  td {
  width: auto !important;
}

/* 01-06-2023 */

/* CT Mobile Setting Page Issues - Not in demo End */

button.btn.endTimeTracker:focus,
button.btn.endTimeTracker:focus-visible {
  outline: none;
}

/* 22-05-2023 */

/* Time-tracker Leaf of a map should show the map and the leaf should show align little bit down Start */

p.current-filter-name span.fa.fa-angle-right.pull-left {
  float: right !important;
}

.module-action-bar .module-breadcrumb .module-title {
  margin-left: 5px;
}

.main-container-CTTimeTracker #mapdiv #map {
  margin: 15px 0 0 0 !important;
  z-index: 1;
}

.main-container-CTTimeTracker #mapdiv .ctlefthideessentials-toggle {
  top: 28px !important;
  z-index: 10;
}

/*.tooltip.fade.top  {
  white-space:nowrap;
}*/

/* Time-tracker Leaf of a map should show the map and the leaf should show align little bit down End */

/* 22-05-2023 */

/* Mail manager issue start */

/* 29-05-2023 */

#mails_container.col-lg-5 {
  border-left: 2px solid;
  border-right: none;
  width: 50%;
  float: right;
  margin-top: 15px;
  margin-bottom: 15px;
  border-color: #cccccc;
  padding-right: 15px;
  padding-left: 15px;
}

div#mailPreviewContainer {
  width: 50%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
}

#mails_container .mmSearchContainerOther {
  padding: 15px 5px 5px 5px;
}

#mails_container > .col-lg-12.padding0px:first-child {
  display: flex;
}

#mails_container
  > .col-lg-12.padding0px:first-child
  > span.col-lg-1.paddingLeft5px:first-child {
  padding-right: 5px;
}

#mails_container > .col-lg-12.padding0px:nth-child(2) {
  display: flex;
}

#mails_container #mmMarkAsRead {
  border-right: 1px solid #bbbbbb;
}

#mails_container .moveToFolderDropDown {
  margin-right: 5px;
}

#mails_container #mailManagerSearchbox {
  border-right: 1px solid #cccccc;
}

#mails_container #mailManagerSearchbox:hover {
  border: 1px solid #cccccc !important;
}

#mails_container .mmSearchDropDown {
  margin-left: 0;
  float: left;
}

#mails_container .mmSearchDropDown select {
  background-position: 5% 40% !important;
}

#mails_container .mailEntry {
  display: flex;
}

#mails_container .mailEntry > span.col-lg-1.paddingLeft5px:first-child {
  padding-right: 2px;
}

#mails_container
  .mailEntry
  > span.col-lg-1.paddingLeft5px:first-child
  input.mailCheckBox {
  border: 1px solid #aaaaaa;
}

#mails_container .mailEntry .mmfolderMails .nameSubjectHolder {
  font-size: 12px;
  color: #aaaaaa;
  float: right;
  margin: 0;
}

#mails_container .mailEntry .mmfolderMails .col-lg-4.padding0px {
  float: left;
}

div#modnavigator.module-nav
  #modules-menu.modules-menu.mmModulesMenu
  > div:first-child {
  display: flex;
  justify-content: space-between;
}

div#modnavigator.module-nav
  #modules-menu.modules-menu.mmModulesMenu
  span.pull-right.mmUnreadCountBadge {
  float: left !important;
}

div#modnavigator.module-nav
  #modules-menu.modules-menu.mmModulesMenu
  .mmOtherFolder {
  padding: 5px 10px;
}

#mailPreviewContainer #mailManagerActions > .col-lg-12:first-child {
  display: flex;
}

#mailPreviewContainer
  #mailManagerActions
  > .col-lg-12:first-child
  #relationBlock
  .col-lg-12
  .col-lg-5 {
  padding: 0;
}

#mailPreviewContainer
  #mailManagerActions
  > .col-lg-12:first-child
  #relationBlock
  .col-lg-12
  .col-lg-5
  select {
  background-position: 12% 40% !important;
  padding: 0 5px 0 0 !important;
}

#mailPreviewContainer .row.marginTop15px h5 {
  text-align: right;
}

#mailPreviewContainer .container-fluid .row {
  display: flex;
}

#mailPreviewContainer .container-fluid .row .mmFirstNameChar center strong {
  font-size: 32px;
}

#mailPreviewContainer .row:nth-child(3) .col-lg-4:last-child {
  float: left;
}

/*#mailPreviewContainer .mmDetailAction {
  border: 1px solid #bbbbbb;
}*/

#mails_container.col-lg-12 {
  width: 100%;
  border: none;
  margin: 15px 0;
}

#mails_container #mmSearchButtonContainer {
  padding: 15px 0px 0px 5px;
}

#mails_container .mmEmailContainerDiv#emailListDiv {
  padding: 0;
}

#mails_container
  .mmEmailContainerDiv#emailListDiv
  .mCustomScrollBox
  .mCSB_container {
  margin-left: 5px;
}

#mails_container
  .mmEmailContainerDiv#emailListDiv
  .mailEntry.mmReadEmail
  .draftEmail
  .col-lg-4 {
  float: left;
}

#mails_container
  .mmEmailContainerDiv#emailListDiv
  .mailEntry.mmReadEmail
  .draftEmail
  .col-lg-8.stepText {
  float: right;
}

#mails_container .mmActionIcon img {
  width: 14px;
  margin-bottom: 5px;
}

#mmSettingEditModal {
  background: #fff;
}

div#mCSB_1 {
  display: block !important;
}

div#modnavigator.module-nav
  #modules-menu.modules-menu.mmModulesMenu
  > div#mCSB_1:first-child
  #mCSB_1_container
  > div:first-child {
  display: flex;
  justify-content: space-between;
}

.mailmanager-delete {
  filter: brightness(0) invert(1);
  width: 15px;
}

#mailPreviewContainer
  #mailManagerActions
  > .col-lg-12
  .col-lg-4.padding0px
  span.pull-right {
  display: flex;
  flex-direction: row-reverse;
}

img.mailmanager-delete-black {
  width: 10px;
  margin-bottom: 2px;
}

@media (min-width: 1120px) and (max-width: 1920px) {
  .main-container-MailManager #listViewContent {
    width: calc(100% - 280px) !important;
  }
}

/* 29-05-2023 */

/* 14-06-2023 */

#mails_container .mmSearchDropDown select {
  background-color: #fff !important;
}

.module-nav .modules-menu {
  background: #33475b;
}

.highLightMail {
  background-color: #33475b;
}

/* 14-06-2023 */

/* Mail manager issue End */

/* CT Mobile new changes start */

/* 09-06-2023 */

#route_analytics_settings
  .tab-content
  #listview
  #EditConfigEditor
  .search-links-container
  .search-link {
  top: -2px;
}

.select2 {
  width: 180px !important;
}

/* .select2-container-multi.select2 {
  width: 60% !important;
} */

.table-borderless .fieldValue {
  width: 60% !important;
}

.table-borderless .fieldValue .select2-container-multi.select2 {
  width: 100% !important;
}

.googlemapbox #Settings table tbody tr td .select2-container.select2 {
  width: 180px !important;
}

div.dataTables_wrapper div.dataTables_info {
  text-align: left;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  padding-right: 0;
}

/* 09-06-2023 */

/* 12-06-2023 */

form#PipelineviewConfigure select.chzn-select2 {
  width: 20%;
}

.mobileapp_widget_header .btn:focus,
.mobileapp-setting-container #geocodingReport:focus,
#ctapivalidate:focus,
#exporttracking:focus,
.mobileapp_widget_header .btn,
.mobileapp-setting-container #geocodingReport,
#ctapivalidate,
#exporttracking {
  color: #fff !important;
}

#example1_wrapper #example1 thead tr th {
  font-weight: bold;
}

/*.listViewPageDiv .floatThead-wrapper .ps-scrollbar-y-rail {
  left: 0 !important;
  right: auto !important;
}*/

#workflow_action .open .dropdown-menu {
  right: 0;
}

.select2-drop.select2-drop-multi.select2-display-none.select2-drop-active#select2-drop {
  /*right: 460px;*/
}

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

button#remove_api_Key {
  font-size: 13px;
  font-weight: bold;
  padding: 7px 15px !important;
  border-radius: 4px;
  border-color: #287df2 !important;
}

button#remove_api_Key:focus,
button#remove_api_Key:focus-visible,
button#remove_api_Key:active {
  outline: none;
  color: #fff !important;
  box-shadow: none;
}

/* 12-06-2023 */

/* CT Mobile new changes End */

#fieldCalculation_Edit .table tr td .actionImages .deleteMapping {
  opacity: 0.25;
}

#fieldCalculation_Edit .table tr td .actionImages .deleteMapping:hover {
  opacity: 1;
}

/*Binal CSS start for mail converter 19-06-2023*/

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  > div.MailConverterBox {
  padding: 15px 15px 0 0 !important;
}

/*Binal CSS end for mail converter 19-06-2023*/

/*Binal CSS start for mail converter 20-06-2023*/

.MailConverterBox .btn-group > .btn:focus,
.MailConverterBox .btn-group > .btn:active {
  color: #ffffff !important;
}

/*Binal CSS end for mail converter 20-06-2023*/

/*Binal CSS start for mail converter 21-06-2023*/

.mailConverterBtn.open .dropdown-menu {
  right: -78px;
  z-index: 999 !important;
}

.addMailBoxStep .editview-table .row .inputElement.select2-container {
  padding-right: 0;
}

.addMailBoxStep
  .editview-table
  .row
  .inputElement.select2-container
  span.select2-chosen {
  padding: 0 !important;
}

/*Binal CSS end for mail converter 21-06-2023*/

.fieldValue .bx-wrapper {
  direction: ltr;
}

.searchRow .table-actions {
  text-align: right;
}

/* Preference icon issue start */

.settingspagecontentwrapper
  .settingsPageDiv
  .blockData
  .detailview-table
  tbody
  tr
  td.fieldValue:hover
  .action
  a {
  position: static !important;
}

.settingspagecontentwrapper
  .settingsPageDiv
  .blockData
  .detailview-table
  tbody
  tr
  td.fieldValue
  .action {
  left: 10px !important;
  top: 50%;
  transform: translateY(-50%);
}

/* Preference icon issue End */

/* Scalla new design start */

body {
  font-family: 'Arimo', sans-serif !important;
}

.main-container .content-area {
  min-height: auto;
  padding-left: 0px;
  padding-right: 0px;
}

#page {
  padding-bottom: 30px !important;
}

/* Scrollbar start */

@supports (-moz-appearance: none) {
  .select2-results,
  ul,
  div {
    scrollbar-color: #bdbdbd #e0e0e0;
    scrollbar-width: thin;
  }

  .sidebar-essentials .sidebar-menu .sidebar-inner-div {
    scrollbar-width: thin;
    scrollbar-color: #bdbdbd #e0e0e0;
  }
}
/*
::-webkit-scrollbar,
ul::-webkit-scrollbar,
.select2-results::-webkit-scrollbar,
.sidebar-essentials .sidebar-menu .sidebar-inner-div::-webkit-scrollbar {
  width: 8px !important;
  height: 8px;
  border-radius: 5px !important;
}

::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
.select2-results::-webkit-scrollbar-track,
.sidebar-essentials .sidebar-menu .sidebar-inner-div::-webkit-scrollbar-track {
  width: 8px !important;
  background: #e0e0e0 !important;
  border-radius: 5px !important;
}

::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
.select2-results::-webkit-scrollbar-thumb,
.sidebar-essentials .sidebar-menu .sidebar-inner-div::-webkit-scrollbar-thumb {
  width: 8px !important;
  background: #bdbdbd !important;
  border-radius: 5px !important;
}*/

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  border-radius: 5px;
  background-color: #e0e0e0 !important;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
  border-radius: 5px;
  background-color: #bdbdbd !important;
}

.ps-container > .ps-scrollbar-y-rail,
.ps-container > .ps-scrollbar-x-rail {
  background-color: #e0e0e0 !important;
  opacity: 1 !important;
}

.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y,
.ps-container > .ps-scrollbar-x-rail .ps-scrollbar-x {
  background: #bdbdbd;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  background: #f3f5fe;
}

.ps-container:hover > .ps-scrollbar-x-rail .ps-scrollbar-x,
.ps-container:hover > .ps-scrollbar-y-rail .ps-scrollbar-y {
  background: #f3f5fe;
}

/* Scrollbar end */

/* Listing screen start */

.listViewPageDiv .listview-actions-container .col-md-6.flotRightNone > div,
.listViewPageDiv .listview-actions-container .col-md-6.flotRightNone > div b {
  text-align: center;
  font-family: 'Arimo', sans-serif !important;
  color: #000;
}

.listViewPageDiv .listview-actions-container .col-md-6.flotRightNone > div a {
  color: #2846e0 !important;
}

.emptyRecordsDiv {
  height: auto;
}

.emptyRecordsDiv .emptyRecordsContent {
  text-align: center;
  font-family: 'Arimo', sans-serif !important;
  color: #000;
}

.emptyRecordsDiv .emptyRecordsContent a {
  color: #2846e0 !important;
}

.listViewPageDiv .listview-actions-container .col-md-6.flotRightNone {
  text-align: center;
}

.listViewPageDiv
  .listview-actions-container
  .listViewActionsContainer
  .btn[disabled],
.listViewPageDiv
  .listview-actions-container
  .listViewActionsContainer
  .btn[disabled]
  img,
div#listview-actions button.btn.btn-default img {
  opacity: 1 !important;
}

.listview-actions-container {
  margin-top: 15px;
}

.listpagewrapper,
div#listViewContent > div {
  border-radius: 10px;
  border: 1px solid #ccccd0;
  background: #fff;
  margin-top: 2px;
}

.floatThead-wrapper .floatThead-container {
  padding-bottom: 10px;
  z-index: 1 !important;
}

.table-container.ps-container {
  height: calc(100vh - 245px) !important;
}

.main-container.main-container-Calendar .table-container.ps-container {
  height: calc(100vh - 320px) !important;
}

.floatThead-wrapper .table-container#table-content #listedit {
  /* border-right: 5px solid #2846e0 !important; */
  border-bottom: 1px solid #ccccd0 !important;
  border-radius: 0px 5px 5px 0px;
}

/*.listview-table {
  border: 1px solid #ccccd0 !important;
  width: 100% !important;
  border-bottom: none !important;
}*/

.listview-table tr.listViewContentHeader {
  border-top: 1px solid #ccccd0 !important;
}

.listview-table tr.searchRow {
  position: relative;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.listview-table tr.listViewContentHeader th {
  border-bottom: 1px solid #ccccd0 !important;
  border-top: 1px solid #ccccd0 !important;
  background: #fff;
  border: none !important;
  padding: 15px !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #000;
  text-align: center;
}

.listview-table tr.listViewContentHeader th:first-child {
  text-align: right;
}

.listview-table tr.listViewContentHeader th a {
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: #000;
  text-align: center;
}
/*.listview-table tr.listViewContentHeader th:nth-child(2),
.listview-table tr.searchRow th:nth-child(2),
.listview-table tbody tr.listViewEntries td:nth-child(2) {
  border-left: 1px solid #ccccd0 !important;
}*/
.listview-table tr.listViewContentHeader .table-actions .dropdown {
  padding: 3px 0 0 0;
}

.listview-table
  tr.listViewContentHeader
  .table-actions
  #listColumnFilterContainer {
  padding: 2px 0 0 0;
}

.listview-table tr.searchRow {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.listview-table tr.searchRow th {
  border: none !important;
  padding: 5px !important;
}

.listview-table tr.searchRow th div > input,
.listview-table tr.searchRow th div > .select2-container,
tr.searchRow.listViewSearchContainer input[type='text'].inputElement {
  height: 40px !important;
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  background: #fff !important;
  padding: 5px;
  font-weight: 500;
}

.select2-container .select2-choices,
.select2-container-multi.select2-container-active .select2-choices {
  border: none !important;
  box-shadow: none !important;
}

.listview-table tr.searchRow th div > input:focus,
.listview-table
  tr.searchRow
  th
  div
  > .select2-container.select2-container-active,
.listview-table tr.searchRow th div > .select2-container:focus,
.listview-table tr.searchRow th div > .select2-container:visited,
.listview-table tr.searchRow th div > .select2-container:active,
tr.searchRow.listViewSearchContainer input[type='text'].inputElement:focus {
  border: 1px solid #0a2eeb !important;
}

.listview-table tr.searchRow th.inline-search-btn .table-actions {
  margin-left: 0;
}

.listview-table tr.searchRow th.inline-search-btn .table-actions button {
  border-radius: 4px;
  background: #2846e0 !important;
  padding: 12px 10px !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  max-width: 100% !important;
  width: 100%;
  border: none !important;
}

table.table.listview-table
  th
  .select2-container.select2-container-multi.select2 {
  height: auto !important;
}

table.table.listview-table
  th
  .select2-container.select2-container-multi.select2
  .select2-search-choice
  div {
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}

.listview-table tr.searchRow button.btn.btn-success {
  border-radius: 4px;
  background: #0a2eeb;
}

.listview-table tbody tr {
  border-top: 1px solid #ccccd0 !important;
  border-bottom: none !important;
}

.listview-table tbody tr td {
  border: none !important;
  height: auto;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #000;
  padding: 7px 10px !important;
  white-space: nowrap;
}

table.table.listview-table > tbody > tr:hover {
  background: #ebebec;
}

.listview-table tbody tr td span:not(.picklist-color),
.listview-table tbody tr td a {
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  color: #000 !important;
}

.listview-table tbody tr td .table-actions a.fa {
  font: normal normal normal 14px/1 FontAwesome !important;
}

.listview-table tbody tr td.picklist-color {
  display: table-cell;
  padding: 7px 0 !important;
}

.listview-table tbody tr td .fieldValue .value,
.listview-table tbody tr td .fieldValue .value span:not(.picklist-color),
.listview-table tbody tr td .fieldValue .value a {
  font-family: 'Arimo', sans-serif !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 600 !important;
  /*  line-height: normal;*/
  color: #000 !important;
}

.listview-table tbody tr td .fieldValue .value .picklist-color{
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600 !important;
  /*  line-height: normal;*/
  color: #000;
}

table.table.listview-table > tbody > tr:hover td .fieldValue .value .picklist-color{
  color: #000 !important;
}

.main-container .floatThead-wrapper .listview-table .fieldValue .value a {
  font-weight: 600 !important;
}

.main-container
  .floatThead-wrapper
  .listview-table
  .fieldValue
  .value
  a.phoneField {
  color: #0a2eeb !important;
}

.listview-table .table-actions span,
.listview-table .table-actions img,
#listview-table .table-actions a img,
.listViewEntries td div a img,
.listview-table .table-actions .fa-star-o::before {
  opacity: 1 !important;
}

.listview-table .table-actions .fa-star-o::before {
  color: #000;
}

table.table.listview-table > tbody > tr:hover .input input[type='checkbox'],
.checkbox-inline input[type='checkbox']:hover,
.checkbox input[type='checkbox']:hover{
  background: transparent !important;
  border: 1px solid #000000 !important;
}

.listview-table tbody tr td:nth-child(2) .fieldValue .value a {
  color: #2846e0 !important;
}

/*.listview-table tr.listViewContentHeader th:first-child,
.listview-table tr.listViewContentHeader th:nth-child(2),
.listview-table tr.searchRow th:first-child,
.listview-table tr.searchRow th:nth-child(2),
.listview-table tr td:first-child,
.listview-table tr td:nth-child(2) {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
}*/
/*
.listview-table tr.listViewContentHeader th:nth-child(2) {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}*/

.listview-table tr.listViewContentHeader th:nth-child(2) span,
.listview-table tr td:nth-child(2) span {
  width: 100%;
}

/*.listview-table tr.listViewContentHeader th:nth-child(2) a,
.listview-table tr td:nth-child(2) a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}*/

.listview-table tbody tr td.listViewRecordActions .table-actions {
  flex-wrap: inherit;
  align-items: center;
}

.listview-table tbody tr.listViewEntries td,
.listview-table tbody tr.listViewEntries td span,
.listview-table tbody tr.listViewEntries td span a {
  text-align: center;
  float: none !important;
}

table.table.listview-table > tbody > tr inpu[type='checkbox'] {
  border: 1px solid #000;
}

table.table.listview-table > tbody > tr input[type='checkbox']:checked,
table.table.listview-table
  > tbody
  > tr:hover
  .input
  input[type='checkbox']:checked {
  background: #0a2eeb !important;
  border-color: #0a2eeb !important;
}

.listview-table
  tr.listViewContentHeader
  th
  .table-actions
  .input
  input.listViewEntriesMainCheckBox {
  margin-top: 0 !important;
}

.listview-table tbody tr td .table-actions .input input[type='checkbox'] {
  margin-top: 0 !important;
  border: 1px solid #7a7b87;
}

.listview-table tbody tr td .table-actions a.fa-star-o::before {
  color: #7a7b87;
  font-size: 18px;
  margin-bottom: 3px;
  display: inline-block;
}

.listview-table tbody tr td .table-actions a.fa-star.active {
  color: #f9b900 !important;
}

.listview-table tbody tr td .table-actions a.fa-star.active:before {
  font-size: 17px;
  margin-bottom: 3px;
  display: inline-block;
}

.listview-table .fi.listViewEntryValue .input-groupeldValue,
.listview-table .listViewEntryValue .fieldValue {
  color: #000;
  background: transparent;
}

#listview-actions .listViewActions .btn-group {
  align-items: center;
  column-gap: 5px;
}

#listview-actions .listViewActions .btn-group .pageNumbers {
  color: #28293d;
}

#listview-actions .listViewActions .btn-group .pageNumbers .pageNumbersText {
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

table.table.listview-table > tbody > tr.edited {
  box-shadow: none;
}

#select2-drop {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1) !important;
  padding: 0;
  padding: 10px 0;
}

#select2-drop ul {
  margin: 10px 0;
}

#select2-drop .select2-search {
  padding: 8px;
}

#select2-drop .select2-results {
  padding: 0;
}

#select2-drop .select2-results .select2-result.select2-result-with-children {
  padding: 0;
}

#select2-drop .select2-results {
  margin: 10px 0;
}

#select2-drop .select2-results .select2-result {
  padding: 10px;
  font-family: 'Arimo', sans-serif !important;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

#select2-drop .select2-results .select2-result .select2-result-label {
  padding: 0;
}

#select2-drop
  .select2-results
  .select2-result.select2-result-with-children
  > div.select2-result-label {
  padding: 5px 10px;
}

ul.dropdown-menu {
  border-radius: 10px;
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
}

ul.dropdown-menu li a {
  padding: 3px 10px !important;
  color: #515262 !important;
  font-family: 'Arimo', sans-serif;
  font-size: 14px !important;
  font-weight: 400;
}

ul.dropdown-menu li a:hover {
  background: #f3f5fe;
}

.listview-table tbody tr td .edit .inputElement.select2-container {
  padding: 0;
}

.listview-table tbody tr td .edit .referencefield-wrapper .input-group {
  align-items: center;
}

.listview-table tbody tr td .edit .select2-container-multi.select2 {
  width: 90% !important;
}

.listview-table tbody tr td .edit .select2-choices .select2-search-choice {
  margin: 3px 5px 0 !important;
}

.listview-table tbody tr td .edit .select2-choices .select2-search-field input {
  padding: 4px 8px;
  height: auto;
}

.listview-table tbody tr td .edit .referencefield-wrapper .input-group,
.listview-table tbody tr td .edit > input.inputElement,
.listview-table tbody tr td .edit .select2-container {
  border-radius: 4px;
  border: 1px solid #ccccd0 !important;
  padding: 10px;
  margin: 0;
  font-weight: 600;
  color: #7a7b87 !important;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
}

.listview-table
  tbody
  tr.listViewEntries.edited
  td
  .edit
  .referencefield-wrapper
  .input-group,
.listview-table tbody tr.listViewEntries.edited td .edit > input.inputElement,
.listview-table tbody tr.listViewEntries.edited td .edit .select2-container {
  border: 1px solid #0a2eeb !important;
  box-shadow: 0px 0px 4px 4px rgba(10, 46, 235, 0.2) !important;
  width: 100% !important;
}

.listview-table
  tbody
  tr
  td
  .edit
  .select2-container
  .select2-search-choice
  div {
  color: #7a7b87 !important;
  font-size: 14px;
  font-family: 'Arimo', sans-serif !important;
}

.select2-drop.select2-drop-above .select2-search {
  border: none;
}

.listview-table tbody tr td .edit .select2-container {
  padding: 5px !important;
}

.listview-table
  tbody
  tr
  td
  .edit
  .referencefield-wrapper
  .input-group
  i.fa.fa-search {
  color: #7a7b87;
}

.listview-table tbody tr td .edit input,
.listview-table tbody tr td .edit .select2-container .select2-chosen {
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  color: #7a7b87 !important;
  text-shadow: none !important;
}

.listview-table tbody tr td .edit .select2-container .select2-choice {
  margin: 4px 0 3px 0 !important;
}

.listview-table tbody tr td .edit .select2-container .select2-arrow b {
  background-position: 0px 9px;
}

.listview-table tbody tr td .edit .referencefield-wrapper .input-group:focus,
.listview-table tbody tr td .edit .referencefield-wrapper .input-group:active,
.listview-table tbody tr td .edit > input.inputElement:focus,
.listview-table tbody tr td .edit .select2-container:focus,
.listview-table tbody tr td .edit .select2-container.select2-container-active {
  border: 1px solid #0a2eeb !important;
}

.listview-table
  tbody
  tr
  td
  .edit
  .referencefield-wrapper
  .input-group:focus
  input {
  color: #0a2eeb !important;
}

.listview-table
  tbody
  tr
  td
  .edit
  .referencefield-wrapper
  .input-group:focus
  i.fa.fa-search {
  color: #0a2eeb;
}

.ps-container > .ps-scrollbar-y-rail,
.ps-container > .ps-scrollbar-x-rail {
  background-color: #f3f5fe;
  opacity: 1 !important;
}

.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y,
.ps-container > .ps-scrollbar-x-rail .ps-scrollbar-x {
  background: #ccccd0 !important;
}

.listViewPageDiv .floatThead-wrapper .table-container {
  margin-top: 10px;
}

.listViewPageDiv #listview-actions.listview-actions-container {
  margin-top: 10px;
}

.listViewPageDiv #listview-actions .listViewActions {
  padding: 9px 0;
}

.listview-actions-container .listViewActionsContainer {
  position: relative;
  left: -20px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: start;
}

#listColumnFilterContainer .listColumnFilter {
  margin: 0;
}

.listview-actions-container
  .listViewActionsContainer
  #listColumnFilterContainer,
.listview-actions-container .listViewActionsContainer .PipeLineViewRecords,
.listViewPageDiv
  #listview-actions
  .listViewActionsContainer
  button.btn.btn-default {
  padding: 10px;
  border-radius: 50px;
}

.listview-actions-container
  .listViewActionsContainer
  #listColumnFilterContainer,
.listview-actions-container .listViewActionsContainer .PipeLineViewRecords {
}

.listview-actions-container
  .listViewActionsContainer
  #listColumnFilterContainer
  span,
.listview-actions-container
  .listViewActionsContainer
  .PipeLineViewRecords
  span {
  color: #28293d;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  margin: 0 3px 0 0 !important;
}

.listViewPageDiv
  #listview-actions
  .listViewActionsContainer
  .listViewMassActions
  button.btn.btn-default {
  margin-right: 0;
  padding: 10px 8px 10px 8px;
}

.listview-actions-container
  .listViewActionsContainer
  #listColumnFilterContainer:hover,
.listview-actions-container
  .listViewActionsContainer
  .PipeLineViewRecords:hover,
.listViewPageDiv
  #listview-actions
  .listViewActionsContainer
  button.btn.btn-default:hover {
  background-color: #ebebec !important;
}

.listview-actions-container
  .listViewActionsContainer
  #listColumnFilterContainer
  img {
  width: 14px;
}

.listview-actions-container .listViewActionsContainer .PipeLineViewRecords img {
  width: 18px;
}

.listViewPageDiv
  #listview-actions
  .listViewActionsContainer
  button.btn.btn-default
  img {
  width: 18px;
  margin: 0 !important;
  filter: invert(14%) sepia(100%) saturate(5822%) hue-rotate(237deg)
    brightness(90%) contrast(105%);
}

.listViewPageDiv
  #listview-actions
  .listViewActionsContainer
  button.btn.btn-default
  span {
  color: #0a2eeb;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  margin: 0 5px 0 0 !important;
}

@media (max-width: 1500px) {
  .listview-actions-container
    .listViewActionsContainer
    #listColumnFilterContainer,
  .listview-actions-container .listViewActionsContainer .PipeLineViewRecords,
  .listViewPageDiv
    #listview-actions
    .listViewActionsContainer
    button.btn.btn-default {
    padding: 10px 4px;
  }
  .listViewPageDiv
    #listview-actions
    .listViewActionsContainer
    button.btn.btn-default
    span {
    font-size: 14px;
    margin: 0 3px 0 0 !important;
  }
  .listview-actions-container
    .listViewActionsContainer
    #listColumnFilterContainer
    span,
  .listview-actions-container
    .listViewActionsContainer
    .PipeLineViewRecords
    span {
    font-size: 12px;
    margin: 0 3px 0 0 !important;
  }
  .listview-actions-container
    .listViewActionsContainer
    .PipeLineViewRecords
    img {
    width: 18px;
  }
  .listview-actions-container
    .listViewActionsContainer
    #listColumnFilterContainer
    img {
    width: 14px;
  }
  .listViewPageDiv
    #listview-actions
    .listViewActionsContainer
    button.btn.btn-default
    img {
    width: 16px;
  }

  .listViewPageDiv #listview-actions.listview-actions-container .row .col-md-2{
    width: 18%;
    padding-right: 5px;
    padding-left: 5px;
  }
  #listview-actions .listViewActions .btn-group .pageNumbers .pageNumbersText {
    font-size: 12px;
  }
}

@media (max-width: 1700px) {
  .listview-actions-container .row .col-md-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .listViewPageDiv #listview-actions.listview-actions-container .row .col-md-2 {
      padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 1300px) {
  .listview-actions-container
    .listViewActionsContainer
    #listColumnFilterContainer,
  .listview-actions-container .listViewActionsContainer .PipeLineViewRecords,
  .listViewPageDiv
    #listview-actions
    .listViewActionsContainer
    button.btn.btn-default {
    padding: 10px 3px;
  }

  .listview-actions-container .row .col-md-5 {
    padding-left: 0px;
    padding-right: 0px;
  }
  #listview-actions .listViewActions .btn-group {
    column-gap: 3px;
  }
  .listaction-button {
      margin-right: 4px;
  }
  .listViewPageDiv #listview-actions.listview-actions-container .row .col-md-2 {
      width: 19%;
      padding-right: 0px;
      padding-left: 0px;
  }

  .listaction-button a {
    gap: 3px;
  }
}

.dropdown-menu > li {
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  color: #4f4f4f;
}

.dropdown-menu > li.dropdown-header {
  color: #000;
}

.listview-table .table-actions .btn-group.inline-save {
  margin-left: 5px;
}

#listview-table .inline-save button {
  height: auto;
  width: auto;
  padding: 0;
  border: none;
  margin-left: 4px;
  box-shadow: none;
  background: none;
}

#listview-table .inline-save button img {
  width: 22px;
}

.Leads-module-action-content .module-breadcrumb.module-breadcrumb-List {
  display: flex;
  align-items: center;
}

ul.dropdown-menu {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%) !important;
  padding: 10px 0;
}

ul.dropdown-menu li a {
  padding: 8px 22px !important;
  color: #28293d !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: normal;
}

.listViewMassActions ul.dropdown-menu {
  min-width: 180px;
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 30%) !important;
}

table.table.listview-table > tbody > tr .recordaction_onhovershow,
table.table.listview-table > tbody > tr .record_quick_edit {
  visibility: hidden;
}

table.table.listview-table > tbody > tr:hover .recordaction_onhovershow,
table.table.listview-table > tbody > tr:hover .record_quick_edit {
  visibility: visible;
}

table.table.listview-table > tbody > tr.edited .recordaction_onhovershow,
table.table.listview-table > tbody > tr.edited .record_quick_edit {
  display: none;
}

.listview-table .listViewEntries.edited .clearReferenceSelection {
  bottom: -1px !important;
  left: 4px;
}

/*.record_quick_edit {
  display: none;
  cursor: pointer;
}

table.table.listview-table>tbody>tr:hover .record_quick_edit {
  display: block;
  position: absolute;
  right: 50%;
  margin-top: -30px;
  background: #FFF !important;
  padding: 9px 10px 11px 11px;
  border: 1px solid #7a7b8787;
  border-radius: 50%;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

table.table.listview-table>tbody>tr.edited .record_quick_edit {
  display: none;
}*/

/* Listing screen end */

/* Top bar start */

.app-fixed-navbar .global-nav {
  background: #fff;
  /*box-shadow: 0px 2px 10px 0px #d0d4e4;*/ /* changed by sam variance */
  height: 62px;
  padding-top: 2px;
  border-bottom: 1px solid #ccccd0; /* changed by sam variance */
}

.app-fixed-navbar .global-nav > .row {
  padding-top: 2px;
}

.app-fixed-navbar .global-nav .col-sm-3 {
  margin-right: 7%;
  margin-top: 7px;
}

.global-nav .search-links-container .search-link {
  border-radius: 50px !important;
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.global-nav .search-links-container .search-link .keyword-input {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  height: 31px;
}

.global-nav .search-links-container .search-link span img {
  width: 20px;
}

.global-nav
  .search-links-container
  .search-link
  .keyword-input::-webkit-input-placeholder {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}

.global-nav
  .search-links-container
  .search-link
  .keyword-input:-ms-input-placeholde {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}

.global-nav .search-links-container .search-link .keyword-input::placeholder {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}

.global-nav .navbar-nav > li div a {
  display: flex;
  align-items: center;
  padding: 7px !important;
  margin: 7px 0;
  background: transparent;
  border-radius: 50px;
}

.global-nav .navbar-nav li#quickCreateModules div a {
  padding: 0 !important;
  margin: 0 !important;
  background: none;
  border-radius: 0;
}

.global-nav .navbar-nav > li#quickCreateModules div.col-lg-12 {
  padding-right: 0;
}

.global-nav .navbar-nav > li.dropdown div a.dropdown-toggle {
  padding: 7px !important;
  margin: 7px 0;
}

.global-nav
  .navbar-nav
  > li.dropdown
  div
  a.dropdown-toggle
  .dropdown-menu
  .notifyIcons
  a {
  padding: 0 4px !important;
  margin: 0 !important;
  border-radius: none;
}

.global-nav
  .navbar-nav
  > li.dropdown
  div
  a.dropdown-toggle
  .dropdown-menu
  li
  a {
  margin: 0;
  background: none;
  border-radius: 0;
}

.global-nav .navbar-nav > li div a.userName.dropdown-toggle {
  margin: 4px;
}

.global-nav .navbar-nav > li.dropdown div a.dropdown-toggle span.counterMsgs {
  position: absolute !important;
  top: 9px !important;
  right: 0;
  left: auto !important;
  padding: 2px 4px !important;
  font-size: 7px !important;
}
.global-nav a.userName {
  width: 39px;
  height: 39px;
  margin: 7px 5px !important;
  background: #051152 !important;
  /*outline: 2px solid #fff;
  outline-offset: -4px;*/
}

.global-nav .logout-content .profile-img-container {
  background: #051152 !important;
  outline: 2px solid #fff;
  outline-offset: -4px;
}

.global-nav .navbar-nav > li .logout-content a {
  background: none;
  margin: 9px 5px;
}

.global-nav a.userName > span i.vicon-vtigeruser {
  top: 8px;
  left: -9px;
  font-size: 14px !important;
}

.global-nav .navbar-nav > li.dropdown {
  position: relative;
}

.global-nav .navbar-nav > li.dropdown > div.notification-content {
  left: 10px !important;
  top: 100% !important;
}

.global-nav .navbar-nav > li.dropdown > div {
  margin: 0 !important;
}

.global-nav .navbar-nav > li div a img {
  width: 22px;
  height: 22px !important;
}

.global-nav a.userName > span {
  top: 0px;
  left: 6px;
}
.global-nav .navbar-nav > li div a.userName img {
  width: 37px !important;
  height: 37px !important;
}

/* Top bar End */

/* Action Bar Start */

.navbar .container-fluid.app-nav {
  z-index: -1;
}

.app-nav .module-action-bar.module-action-bar {
  /*padding-right: 15px !important; 
  padding-left: 15px !important;*/ /*chnaged by sam variance*/
}

.app-nav .module-action-bar.leftMenuPanel {
  max-width: calc(100% - 80px);
  width: calc(100% - 80px);
  margin-right: 80px;
}

.app-nav .module-action-bar.settings-action-bar {
  width: 80%;
  margin-right: auto;
}

.app-nav .module-action-bar .module-action-content {
  /*border-radius: 10px;*/ /*chnaged by sam variance*/
  border: 1px solid #ccccd0;
  background: #fff;
  margin-top: 0 !important; /*chnaged by sam variance*/
  margin-bottom: 10px !important;
  height: 75px;
  padding: 15px 0;
}

div#appnav ul.navbar-nav li {
  margin-right: 1px;
}

div#appnav ul.navbar-nav li button {
  font-size: 15px;
  font-weight: 400;
  color: #28293d !important;
  border-radius: 50px !important;
  text-shadow: none !important;
  background: none !important;
  padding: 9px 15px !important;
  font-family: 'Arimo', sans-serif !important;
  display: flex;
  align-items: center;
  margin: 0;
}

div#appnav ul.navbar-nav li span {
  color: #28293d;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  margin-right: 6px;
}

div#appnav ul.navbar-nav li button div {
  width: fit-content;
}

#appnav .nav button.btn.module-buttons.importrecordmodule {
  background: none !important;
}

div#appnav ul.navbar-nav li > button img,
#appnav .nav button img {
  height: 22px !important;
  filter: inherit !important;
}

div#appnav ul.navbar-nav li > button.addButton.btn img {
  height: 18px !important;
  vertical-align: middle;
}

div#appnav ul.navbar-nav li:first-child {
  margin-left: 5px;
}

div#appnav ul.navbar-nav li:first-child > button {
  background: #2846e0 !important;
  color: #fff !important;
  padding: 9px 10px !important;
  flex-direction: row-reverse;
  gap: 5px;
}

.module-action-bar .module-title,
form#OutlookConfiguration h4 {
  margin: 7px 0;
  /* color: #2846e0; */
  font-family: 'Arimo', sans-serif !important;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}

.module-action-bar .module-breadcrumb a {
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  color: #28293d;
}

.module-action-bar .module-breadcrumb span.fa {
  color: #28293d;
}

/* Action Bar End */

/* Side Menu bar start */

.left-mn a.activeModule img.menuimage.activemenuimage {
  display: block !important;
}

.app-switcher-container .app-navigator {
  background: #051152 !important;
  width: 80px;
  height: auto;
  padding: 15px 0;
  --bs-gutter-x: 30px;
}

.app-switcher-container .app-navigator .app-icon {
  padding: 5px 5px 15px 5px !important;
  border-bottom: 1px solid #fff;
}

.app-switcher-container .app-navigator .app-icon#menu-toggle-action {
  padding: 0 10px 0 0 !important;
  border-bottom: none;
}

.app-nav .row .app-indicator-icon-container {
  position: relative;
  height: 0;
}

.app-nav .app-indicator-icon-container .left-mn {
    position: fixed;
    right: 0;
    top: 83px !important;
    width: 80px;
    bottom: 0;
    background: #051152 !important;
}

.app-nav .app-indicator-icon-container .left-mn #accordion {
  height: calc(100vh - 75px);
  background: #051152;
  overflow-y: auto;
  scrollbar-width: none;
}

.app-nav .app-indicator-icon-container .left-mn #accordion::-webkit-scrollbar {
  display: none;
}

.app-nav .app-indicator-icon-container .left-mn .panel {
  background: #051152;
}

.app-menu,
.settingsgroup,
.app-item,
.settingsgroup .panel-group .panel {
  background: #051152;
}

.app-menu .settingsgroup div.panel-collapse {
  background: #051152;
}

.app-nav
  .app-indicator-icon-container
  .left-mn
  .settingsgroup-panel
  .settingsgroup-accordion {
  line-height: normal;
}

.app-nav
  .app-indicator-icon-container
  .left-mn
  .settingsgroup-panel:first-child
  .settingsgroup-accordion {
  line-height: normal;
  height: auto;
  /*  margin-top: 15px;*/
}

.app-nav
  .app-indicator-icon-container
  .left-mn
  .settingsgroup-panel
  .settingsgroup-accordion
  a {
  padding: 10px 16px 10px 30px !important;
  margin: 0 12px 0 0;
  border: none !important;
}

.app-nav .settingsgroup-accordion a {
  padding: 10px 10px 10px 0;
}

.app-nav
  .app-indicator-icon-container
  .left-mn
  .settingsgroup-panel
  .settingsgroup-accordion
  a:hover {
  background: #ced5fb;
  border-radius: 0 20px 20px 0;
}

.app-nav
  .app-indicator-icon-container
  .left-mn
  .settingsgroup-panel
  .settingsgroup-accordion
  a:hover
  img {
  filter: invert(62%) sepia(79%) saturate(5162%) hue-rotate(204deg)
    brightness(67%) contrast(134%);
}

.app-menu .settingsgroup.app-list {
  width: 199px !important;
}

.app-menu .settingsgroup .menu-item {
  margin: 15px 10px 0 0;
  border: none !important;
}

.app-menu .settingsgroup .panel-group > .settingsgroup-panel {
  margin: 0 10px 0 0 !important;
  border: none;
}

.app-menu .settingsgroup .menu-item,
.app-menu
  .settingsgroup
  .panel-group
  > .settingsgroup-panel
  .settingsgroup-accordion
  a {
  border: none !important;
}

.app-menu .settingsgroup .menu-item:hover,
.app-menu
  .settingsgroup
  .panel-group
  > .settingsgroup-panel
  .settingsgroup-accordion
  a:hover {
  background: #ced5fb;
  border-radius: 0 20px 20px 0;
  color: #0a2eeb !important;
}

.app-menu .settingsgroup .menu-item:hover .module-name,
.app-menu
  .settingsgroup
  .panel-group
  > .settingsgroup-panel
  .settingsgroup-accordion
  a
  .module-name {
  padding: 10px 6px;
}

.app-menu .settingsgroup .menu-item:hover .module-name,
.app-menu
  .settingsgroup
  .panel-group
  > .settingsgroup-panel
  .settingsgroup-accordion
  a:hover
  .module-name {
  color: #0a2eeb !important;
}

.app-menu .settingsgroup .menu-item:hover .menuimage,
.app-menu
  .settingsgroup
  .panel-group
  > .settingsgroup-panel
  .settingsgroup-accordion
  a:hover
  .menuimage {
  filter: invert(62%) sepia(79%) saturate(5162%) hue-rotate(204deg)
    brightness(67%) contrast(134%);
}

.app-menu .panel-collapse ul li a:hover {
  background: #ced5fb;
  border-radius: 0 20px 20px 0;
  color: #0a2eeb !important;
}

.app-menu .panel-collapse ul li a:hover span.module-name {
  color: #0a2eeb !important;
}

.app-fixed-navbar
  .global-nav
  .row
  .app-navigator-container
  .row
  .app-switcher-container {
  top: 0;
}

/* Side Menu bar End */

/* sidebar-essentials start */

.essentials-toggle {
  transform: none !important;
  display: block;
  background: none;
  border: none;
  padding: 0 !important;
  width: auto;
  top: 15px;
}
.essentials-toggle.chevron-left {
  left: calc(85% + 10px);
  right: auto;
}
.essentials-toggle.chevron-right {
  left: auto;
  right: 0;
}
.essentials-toggle .essentials-toggle-marker {
  background: var(--Gray-100, #ebebec);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 10px;
  display: block;
}
.essentials-toggle.chevron-left .essentials-toggle-marker {
  border-radius: 0 50px 50px 0;
}
.essentials-toggle.chevron-right .essentials-toggle-marker {
  border-radius: 50px 0 0 50px;
  padding: 10px 5px 10px 10px;
}
.main-container .sidebar-essentials {
  margin-top: 2px;
}
.main-container .sidebar-essentials .sidebar-menu {
  border-radius: 10px;
  border: 1px solid #ccccd0;
  background: #fff;
  padding: 15px 0 6px 0;
  overflow: hidden;
  height: auto !important;
}

.sidebar-essentials .sidebar-menu .sidebar-inner-div {
  height: calc(100vh - 165px) !important;
  overflow-y: auto;
}

/*@supports(-moz-appearance:none) {
  .sidebar-essentials .sidebar-menu .sidebar-inner-div {
    scrollbar-width: thin;
    scrollbar-color: #CCCCD0 #F3F5FE;
  }
}*/
/*.sidebar-essentials .sidebar-menu .sidebar-inner-div::-webkit-scrollbar {
  width: 10px;
}
.sidebar-essentials .sidebar-menu .sidebar-inner-div::-webkit-scrollbar-track {
  background: #F3F5FE; 
}
.sidebar-essentials .sidebar-menu .sidebar-inner-div::-webkit-scrollbar-thumb {
  background: #CCCCD0; 
  border-radius: 50px;
}
.sidebar-essentials .sidebar-menu .sidebar-inner-div::-webkit-scrollbar-thumb:hover {
  background: #c1c1c1; 
}*/
.main-container .sidebar-essentials .sidebar-menu .module-filters hr {
  border-bottom: 1px solid #ccccd0;
}

.main-container .sidebar-essentials .sidebar-header.clearfix {
  padding: 0 4px;
  margin: 10px 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
}

.main-container .sidebar-essentials .sidebar-header.clearfix button#createFilter,
.main-container .sidebar-essentials .sidebar-header.clearfix button.rssAddButton {
  background: none;
  padding: 0;
  margin: 0 0 0 10px;
}

.main-container
  .sidebar-essentials
  .sidebar-header.clearfix
  button#createFilter
  img {
  width: 16px;
}

.main-container .sidebar-essentials .sidebar-header.clearfix h5.pull-left {
  color: #2846e0;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 15px;
  margin: 0;
  text-transform: capitalize;
}

.main-container .sidebar-essentials .listSearch {
  padding: 20px 12px 0 12px;
}

.main-container .sidebar-essentials .listSearch .search-list {
  padding: 10px 35px 10px 15px;
  color: #828282;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid #ccccd0;
  margin: 0;
}

.main-container .sidebar-essentials .listSearch img {
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  margin-top: 10px;
}

.main-container .sidebar-essentials .menu-scroller {
  padding: 0 !important;
}

.main-container .sidebar-essentials .menu-scroller .lists-header {
  margin: 25px 0;
  padding: 0 13px 10px 13px;
  border-bottom: 1px solid #ccccd0;
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

.main-container .sidebar-essentials .menu-scroller .lists-menu > li {
  margin: 0 0 5px 0;
  padding: 5px 0;
}

.main-container .sidebar-essentials .menu-scroller .lists-menu > li:hover {
  background: transparent;
}

.main-container .sidebar-essentials .menu-scroller .lists-menu > li:last-child {
  margin: 0;
}

.main-container .sidebar-essentials .menu-scroller .lists-menu > li > a {
  padding: 0;
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
}

.main-container
  .sidebar-essentials
  .menu-scroller
  .js-popover-container
  span.fa-angle-down {
  background: url('/layouts/v7/resources/Images/dotsthreevertical.svg')
    no-repeat;
  background-position: center;
  width: 10px;
}

.main-container .sidebar-essentials .menu-scroller div,
.main-container .sidebar-essentials .menu-scroller span {
  font-family: 'Arimo', sans-serif;
}

.main-container .sidebar-essentials .module-filters {
  /*padding: 0 12px !important;*/
  padding: 0 !important;
}

.main-container .sidebar-essentials .module-filters .lists-header {
  margin: 20px 0 10px 0;
  padding: 0 12px 10px 12px;
  border-bottom: 1px solid #ccccd0;
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
}

.main-container .sidebar-essentials .menu-scroller .toggleFilterSize,
.main-container .sidebar-essentials .module-filters .moreTags {
  color: #2846e0 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none !important;
  white-space: nowrap;
  padding: 0 2px 0 0;
}

.main-container .sidebar-essentials .menu-scroller #filterActionPopoverHtml {
  display: none;
}

.main-container .sidebar-essentials .module-filters .list-menu-content .tag {
  padding: 5px 14px;
  border-radius: 5px;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 10px 10px;
}

.main-container
  .sidebar-essentials
  .module-filters
  .list-menu-content
  .tag
  i.activeToggleIcon {
  display: none;
}

.popover {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}

.popover .popover-content,
.popover .popover-body {
  padding: 20px 10px;
}

.popover .popover-content .listmenu li a p,
.popover .popover-body .listmenu li a p {
  color: 28293D;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}

.popover .popover-content .listmenu li a img,
.popover .popover-content .listmenu li a i,
.popover .popover-body .listmenu li a img,
.popover .popover-body .listmenu li a i {
  width: 20px;
  margin: 0 5px;
  text-align: center;
}

.popover .popover-content .listmenu li a i:before,
.popover .popover-body .listmenu li a i:before {
  font-size: 20px;
}

span.parentHand {
  float: left;
  cursor: pointer;
}

span.childHand.filtercount {
  color: #0a2eeb;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 8px;
  border-radius: 5px;
  background: #ebebec;
}

/* sidebar-essentials popup start 14-08-2024 */

.listview-popup-container {
  width: auto;
  margin: 0 auto;
  left: -7% !important;
  margin-top: 15px !important;
}
.listview-popup-container .popover-content,
.listview-popup-container .popover-body {
  padding: 15px 20px 15px 25px;
  position: relative;
}
.listview-popup-container .popover-content:before,
.listview-popup-container .popover-body:before {
  content: '';
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  width: fit-content;
  margin: 0 auto;
  bottom: calc(100% - 5px);
  transform: rotate(90deg);
}
.listview-popup-container ul.listmenu li {
  padding: 0 0 10px 0 !important;
}
.listview-popup-container ul.listmenu li:last-child {
  padding: 0 !important;
}
.listview-popup-container ul.listmenu li a img,
.listview-popup-container ul.listmenu li a i {
  margin: 0 0 0 5px !important;
}
.listview-popup-container .listmenu li a i:before {
  font-size: 18px;
}

/* sidebar-essentials popup end 14-08-2024 */

/* sidebar-essentials End */

/* Profile detail section start */

.detailViewContainer .width100.profiledetail {
  border-radius: 10px;
  border: 1px solid #e0e0e0 !important;
  background: #fff;
  justify-content: space-between;
  box-shadow: none;
  margin-bottom: 10px;
}

.detailViewContainer .profiledetail .profileimagewrapper {
  width: auto;
  max-width: initial;
}

.detailViewContainer .profiledetail .record-header {
  width: auto !important;
  display: flex;
  align-items: center;
}

.detailViewContainer .profiledetail .recordImage {
  height: 40px;
  width: 40px;
  min-width: 40px;
}

.detailViewContainer .profiledetail .recordImage .name img {
  filter: brightness(0) invert(1);
}

.detailViewContainer .profiledetail .recordBasicInfo {
  padding: 0px 15px 0 0;
  line-height: 0.7;
}

.detailview-header .row .detailViewButtoncontainer .btn-toolbar {
  display: block !important;
}

.detailViewButtoncontainer .pull-right.btn-toolbar.moduleDetailView .btn-group.pull-right.addNewIcon {
  height: auto;
}

.detailViewButtoncontainer .pull-right.btn-toolbar.moduleDetailView .btn-group.pull-right.addNewIcon > .btn{
  flex:none;
}

.detailViewButtoncontainer .btn-toolbar.moduleDetailView .addNewIcon {
  display: flex;
  align-items: center;
}

.profileleftwrapper {
  display: block;
}

.detailViewButtoncontainer .btn-toolbar.moduleDetailView .addNewIcon .dropdown-menu.dropdown-menu-right {
  border-radius: 5px;
}

.detailViewButtoncontainer .btn-toolbar.moduleDetailView .addNewIcon ul.dropdown-menu.dropdown-menu-right li a{
  display: block;
}

.profileleftwrapper
  .detailViewButtoncontainer
  .moduleDetailView
  > .btn-group:first-child {
  margin: 4px 15px 0 0;
}

.profileleftwrapper .detailViewButtoncontainer .btn-default {
  height: auto;
  width: auto !important;
  opacity: 1 !important;
  padding: 0;
}

.profileleftwrapper .detailViewButtoncontainer .addNewIcon .btn-default,
.profileleftwrapper .detailViewButtoncontainer .addNewIcon #whatsappIcon {
  opacity: 1 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  margin: 0 10px 0 0 !important;
  position: relative;
  line-height: 40px;
  padding: 0;
  border: 1px solid #051152;
  background: #051152;
  text-align: center;
}

.profileleftwrapper .detailViewButtoncontainer .addNewIcon .btn-default img,
.profileleftwrapper .detailViewButtoncontainer .addNewIcon #whatsappIcon img {
  height: 26px !important;
  width: auto !important;
  margin-bottom: 5px;
}

.profileleftwrapper
  .detailViewButtoncontainer
  .addNewIcon
  .btn-default:first-child,
.profileleftwrapper
  .detailViewButtoncontainer
  .addNewIcon
  .btn-default:nth-child(3),
.profileleftwrapper
  .detailViewButtoncontainer
  .addNewIcon
  .btn-default:nth-child(4) {
  border: 1px solid #051152;
  background: #fff;
}

.profileleftwrapper
  .detailViewButtoncontainer
  .addNewIcon
  button
  .starredStatus
  .followMessage
  i.fa.fa-star.active {
  font-size: 22px;
  color: #33475b;
  top: 2px;
}

.profileleftwrapper .detailViewButtoncontainer #whatsappIcon span#smscounts {
  position: absolute;
  top: -4px;
  right: -2px;
  height: 15px;
  width: 15px;
  line-height: 15px !important;
  font-family: 'Arimo', sans-serif !important;
  background: #2846e0;
  padding: 0 !important;
  margin: 0 !important;
}

/* .profileleftwrapper .detailviewactionstags .tagContainer {
  padding-top: 20px;
} */

.profileleftwrapper #addTagContainer a#addTagTriggerer {
  background: #051152;
  padding: 0;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50% !important;
  margin: 0 8px;
  border: none !important;
}

.profileleftwrapper #addTagContainer a#addTagTriggerer img {
  width: 16px;
}

.profileleftwrapper .tagContainer .tag {
  padding: 6px 22px;
  border-radius: 5px;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  margin: 0 9px 0 0;
}

.profileleftwrapper .tagContainer .tag .tagLabel {
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}

.profileleftwrapper .tagContainer .tag .activeToggleIcon {
  display: none;
}

.profileleftwrapper .tagContainer .tag i.deleteTag {
  display: none;
}

.profileleftwrapper .tagContainer .tag:hover i.deleteTag {
  display: inline-block;
}

.profileleftwrapper .tagContainer .tag i.editTag {
  display: none;
}

.profileleftwrapper .tagContainer .tag:hover i.editTag {
  display: inline-block;
}

.profileleftwrapper .tagContainer .tag .activeToggleIcon {
  vertical-align: middle;
  margin: 0 0 2px 0;
}

.profileleftwrapper .tagContainer ul.dropdown-menu.othersTags {
  padding: 0;
}

.profileleftwrapper .tagContainer .detailTagList a.moreTags.dropdown-toggle {
  float: left;
}

.profileleftwrapper .markStar:hover .unfollowMessage {
  position: static;
  float: none;
}

.profileleftwrapper .markStar:hover .unfollowMessage i {
  font-size: 22px;
  color: #33475b;
}

.profileleftwrapper .markStar:hover .unfollowMessage i:before {
  opacity: 1;
  color: #33475b;
}

/* Profile detail section end */

/* Related header start */

#detailView
  .col-lg-12.resizable-summary-view
  .middle-block.col-lg-8
  div#documentRelated,
.resizable-summary-view div#relatedActivities,
#detailView .col-lg-12.resizable-summary-view .left-block .summaryView {
  margin-top: 8px !important;
}

.detailview-header-block .relatedHeader .related-tabs.row {
  position: static;
  height: auto;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: none;
  padding-right: 15px;
}

.related-tabs.row .nav > li,
.nav-tabs.nav > li {
  margin: 20px 5px;
  opacity: 1 !important;
  border: none;
  padding: 0;
}

.related-tabs.row .nav > li > a,
.subMenuTab .nav > li > a,.userFilter .btn-tabs {
  min-height: auto;
  padding: 0px 15px;
  color: #000 !important;
  text-align: center;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500;
  border-radius: 40px;
  border: 1px solid #e0e0e0;
  background: #fff;
  height: 40px;
  line-height: 40px;
  position: relative;
  overflow: visible;
}

.module-action-bar .subMenuTab .nav-tabs .tab-item .navActive,.userFilter .btn-tabs.navActive,.userFilter .btn-tabs.navActive:hover {
  background: #0a2eeb;
  color: #ffffff !important;
}

.related-tabs.row .nav > li > a span.tab-label {
  height: 40px;
}

.related-tabs.row .nav > li > a span.tab-label img {
  margin: 0 0 4px 0;
}

.related-tabs.row .nav > li > a .numberCircle,
.related-tabs.row .nav > li.related-tab-more-element > ul li a .numberCircle {
  position: absolute;
  margin: 0 !important;
  top: -10px;
  left: 2px;
  right: auto;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  line-height: 22px;
  font-family: 'Arimo', sans-serif;
  font-size: 10px;
  font-weight: 400;
  background: #0a2eeb; /* changed by sam variance */
  border: none;
}

.emailcampaigns-detail-container .related-tabs.row .nav > li > a .numberCircle{
  width: 30px;
}

.related-tabs.row .nav > li.related-tab-more-element > ul li a .numberCircle{
  right: 0 !important;
}

.related-tabs.row .nav > li:first-child > a,
.related-tabs.row .nav > li:nth-child(2) > a,
.related-tabs.row .nav > li:nth-child(3) > a {
  padding: 0 10px;
  border: 1px solid #2846e0;
  color: #2846e0 !important;
}

.related-tabs.row .nav > li:first-child > a img,
.related-tabs.row .nav > li:nth-child(2) > a img,
.related-tabs.row .nav > li:nth-child(3) > a img {
  filter: invert(62%) sepia(79%) saturate(5162%) hue-rotate(204deg)
    brightness(67%) contrast(134%);
}

.related-tabs.row .nav > li.active a,
.subMenuTab .nav > li.active a {
  border: 1px solid #2846e0;
  color: #fff !important;
  background: #2846e0 !important;
}

.related-tabs.row .nav > li.active a img,
.related-tabs.row .nav > li a:hover img,
.subMenuTab .nav > li.active a img,
.subMenuTab .nav > li a:hover img {
  filter: brightness(0) invert(1);
}

.related-tabs.row .nav > li:last-child > a {
  padding: 0 12px;
}

.related-tabs.row .nav > li.active,
.related-tabs.row .nav > li:hover,
.subMenuTab .nav > li.active,
.subMenuTab .nav > li:hover {
  border: none !important;
  opacity: 1 !important;
}

.related-tabs.row .nav > li > a img,
.subMenuTab .nav > li > a img {
  opacity: 1;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: 1 !important;
}

.related-tabs.row .nav > li.more-tab.moreTabElement.active a,
.related-tabs.row .nav > li.more-tab.moreTabElement.active a .tab-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

/* Related header start */

/* Summary view block start */

#detailView .left-block .summaryView {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: none !important;
}

#detailView .left-block .summaryView > div {
  padding: 0;
  background-color: transparent;
}

#detailView .left-block .summaryView div.summaryViewHeader {
  border-radius: 10px;
  border-bottom: 1px solid #ccccd0;
  background: #fff;
  margin-bottom: 25px;
  padding: 15px 20px;
}

#detailView .left-block .summaryView div.summaryViewFields {
  padding: 0 20px 15px 20px;
}

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

.summaryView .summaryViewHeader h4,
.summaryWidgetContainer .widget_header h4 {
  color: #2846e0;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 6px;
}

.resizable-summary-view
  .summaryView
  .summaryViewEntries.row
  > .summaryViewEntries.col-lg-6 {
  padding: 0 20px !important;
  margin-bottom: 5px;
  float: right;
}

.summaryView .fieldLabel {
  width: auto !important;
}

.summaryView .fieldLabel label {
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  float: none !important;
  margin-bottom: 0 !important;
}

.summaryView .fieldValue {
  position: relative;
}

.summaryView .fieldValue .value {
  margin-right: 0;
  width: 100% !important;
  max-width: 100%;
  border: 1px solid transparent;
  border-bottom: 1px solid #ccccd0;
  background: #fff;
  min-height: 40px;
  padding: 10px 10px 8px 10px;
}

.summaryView .fieldValue .value > span,
.summaryView .fieldValue .value > a {
  width: 80%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 2px;
}

.summaryView .fieldValue .row {
  margin: 0;
}

.summaryViewEntries .fieldValue:hover .value {
  background: none !important;
  border: 1px solid #ccccd0;
  border-radius: 4px;
}

.summaryView .summaryViewEntries .fieldValue .referencefield-wrapper {
  flex: 1 0 auto;
}

.summaryViewEntries .fieldValue .row .action {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.summaryViewFields .summaryViewEntries .fieldValue .row .action {
  right: 90%;
}

.summaryViewFields .summaryViewEntries .fieldValue .row .picklist_setting,
.summaryViewFields .summaryViewEntries .fieldValue .row .copy {
  right: 85%;
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  .select2-container
  .select2-choice {
  padding: 9px 0;
}

.summaryViewEntries .fieldValue:hover .row .action {
  display: block;
}

.summaryViewEntries .fieldValue .emptyfieldvalue {
  height: auto;
}

.summaryViewEntries .fieldValue .row .input-group.editElement {
  border: 1px solid #0a2eeb !important;
  box-shadow: 0px 0px 4px 4px rgba(10, 46, 235, 0.2) !important;
  border-radius: 4px !important;
  padding: 3px 10px !important;
  align-items: center;
  min-height: 40px;
}

.summaryViewEntries .fieldValue .row .input-group.editElement .inputElement,
.summaryView
  .summaryViewEntries
  .fieldValue
  .referencefield-wrapper
  .input-group {
  padding: 0 !important;
  width: calc(100% - 65px) !important;
  min-height: 40px !important;
  margin: 0 !important;
  border: none !important;
}

.summaryView
  .summaryViewEntries
  .fieldValue
  .referencefield-wrapper
  .input-group,
.summaryView
  .summaryViewEntries
  .fieldValue
  .referencefield-wrapper
  .input-group
  .inputElement {
  width: 100% !important;
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  .inputElement.select2-container {
  margin: 0 !important;
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  .inputElement.select2-container
  .select2-chosen {
  padding: 0 !important;
}

.summaryView
  .summaryViewEntries
  .fieldValue
  .referencefield-wrapper
  .input-group.date {
  align-items: center;
  margin-bottom: 0;
}

.summaryViewEntries
  .fieldValue
  .row
  .select2-container
  .select2-choice
  .select2-arrow
  b {
  /*background: none;*/
  background-position: 1px 9px;
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  .inputElement:focus,
.summaryView
  .summaryViewEntries
  .fieldValue
  .referencefield-wrapper
  .input-group:focus,
.summaryView
  .summaryViewEntries
  .fieldValue
  .referencefield-wrapper
  .input-group:focus-within,
.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  .inputElement.select2-container.select2-container-active {
  /*border: 1px solid #0a2eeb !important;*/
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  textarea.inputElement {
  flex: 1 0 auto;
  width: auto;
  max-height: 60px;
  margin-bottom: 10px;
  scrollbar-width: none;
}

.summaryView
  .summaryViewEntries
  .fieldValue
  .referencefield-wrapper
  .input-group
  input.inputElement,
.summaryView
  .summaryViewEntries
  .fieldValue
  .input-group.date
  input.inputElement.dateField {
  margin-bottom: 0;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.summaryView
  .summaryViewEntries
  .fieldValue
  .input-group.date
  input.inputElement.dateField {
  padding: 0 8px 0 0 !important;
}

.summaryView
  .summaryViewEntries
  .fieldValue
  .input-group.date
  .input-group-addon
  img {
  margin: 0 !important;
}

.summaryView
  .summaryViewEntries
  .fieldValue
  .referencefield-wrapper
  .input-group
  input.inputElement:focus,
.summaryView
  .summaryViewEntries
  .fieldValue
  .input-group.date
  input.inputElement.dateField:focus {
  border: none !important;
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  textarea.inputElement::-webkit-scrollbar {
  display: none;
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  textarea.inputElement
  .summaryView
  .summaryViewEntries
  .fieldValue
  .referencefield-wrapper
  .input-group
  .inputElement {
  border: none !important;
  padding: 0 !important;
}

.summaryView
  .summaryViewEntries
  .fieldValue
  .referencefield-wrapper
  .input-group {
  width: 95%;
}

.referencefield-wrapper .input-group {
  min-width: auto;
}

.referencefield-wrapper .input-group .input-group-addon {
  line-height: normal !important;
  position: static !important;
}

#detailView
  .summaryView
  .summaryViewFields
  .summaryViewEntries
  .referencefield-wrapper
  span.input-group-addon.relatedPopup {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#detailView
  .summaryView
  .summaryViewFields
  .summaryViewEntries
  span.input-group-addon.relatedPopup ,.quickPreview .referencefield-wrapper span.input-group-addon.relatedPopup {
  line-height: 38px !important;
  margin: 0 6px !important;
  border: 1px solid #28293d !important;
  padding: 0 8px !important;
}

#detailView .summaryView .summaryViewFields .summaryViewEntries span.input-group-addon.relatedPopup i,
.quickPreview .quickPreviewSummary .summaryViewEntries span.input-group-addon.relatedPopup i {
  color: #28293d;
  font-size: 14px;
}

.quickPreview .referencefield-wrapper .clearReferenceSelection {
  font-size: 16px !important;
}

.quickPreview .referencefield-wrapper .input-group  {
  margin: 0 !important;
  border-bottom: unset !important;
}

.quickPreview .referencefield-wrapper .input-group {
  justify-content: space-between;
}

#detailView
  .summaryView
  .summaryViewFields
  .summaryViewEntries
  .referencefield-wrapper
  .clearReferenceSelection , .quickPreview .referencefield-wrapper .clearReferenceSelection{
  line-height: 40px !important;
  width: fit-content !important;
  color: #28293d !important;
  position: static;
  border: 1px solid #28293d !important;
  padding: 0 9px !important;
}

#detailView
  .summaryView
  .summaryViewFields
  .summaryViewEntries
  .select2-container-multi
  .select2-choices
  .select2-search-choice,
#detailView
  .detailview-fullcontent
  .detailview-table
  .row
  .select2-container-multi
  .select2-choices
  .select2-search-choice {
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 10px 30px 10px 15px !important;
  margin: 5px !important;
}

#detailView
  .summaryView
  .summaryViewFields
  .summaryViewEntries
  .select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close,
#detailView
  .detailview-fullcontent
  .detailview-table
  .row
  .select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close {
  background-image: url('../images/select_close.svg');
  width: 14px;
  height: 14px;
  right: 6px;
}

#detailView
  .summaryView
  .summaryViewFields
  .summaryViewEntries
  .select2-container-multi
  .select2-choices
  .select2-search-choice
  div,
#detailView
  .detailview-fullcontent
  .detailview-table
  .row
  .select2-container-multi
  .select2-choices
  .select2-search-choice
  div {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}

#detailView
  .summaryView
  .summaryViewFields
  .summaryViewEntries
  .select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close:hover,
#detailView
  .detailview-fullcontent
  .detailview-table
  .row
  .select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close:hover {
  background-position: right top;
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  .select2-container
  .select2-choice {
  height: auto;
  margin: 0 !important;
  line-height: initial;
}

.summaryView .fieldValue input,
.summaryView .fieldValue span,
tr.summaryViewEntries .fieldValue .value a {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  font-weight: initial !important;
  opacity: 1 !important;
  line-height: normal;
  min-height: 20px;
}

.summaryView .fieldValue input,
.summaryView .fieldValue .select2-choice .select2-chosen {
  color: #000 !important;
}

.summaryView .fieldValue textarea {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: initial !important;
  width: 100%;
}

tr.summaryViewEntries .fieldValue .value a {
  color: #2f80ed !important;
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  .inputElement[type='checkbox'] {
  border: 1px solid #a3a3ab !important;
  width: 15px !important;
  height: 15px !important;
  min-height: 15px !important;
  background: transparent !important;
  padding: 0 !important;
  flex: inherit;
  border-radius: 2px !important;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  .inputElement[type='checkbox']:hover {
  border: 1px solid #515262 !important;
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  .inputElement[type='checkbox']:checked {
  border: 1px solid #0a2eeb !important;
  background: #0a2eeb !important;
}

.summaryViewEntries
  .fieldValue
  .row
  .input-group.editElement
  .inputElement[type='checkbox']:checked::after {
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  line-height: 0;
  transform: translateY(-50%);
}

.input-save-wrap .fa.fa-check {
  color: #2846e0;
}

.summaryViewEntries .input-group.editElement {
  position: relative;
}

.summaryView .summaryViewEntries .fieldValue .input-save-wrap {
  margin: 0 !important;
  width: auto;
  gap: 5px;
  margin-right: auto !important;
  /* position: absolute;
  left: 10px;
  top: 50%;
  z-index: 99;
  transform: translateY(-50%);*/
}

.summaryView .summaryViewEntries .fieldValue .input-save-wrap span {
  line-height: normal;
}

.summaryView .fieldValue .input-group.editElement .select2-container {
  max-height: inherit;
  flex: 1 0 auto;
}

.summaryView tr.summaryViewEntries .select2-container {
  padding-right: 0;
}

.resizable-summary-view div#relatedActivities > div.summaryWidgetContainer,
.resizable-summary-view div#commentRelated > div.summaryWidgetContainer,
.resizable-summary-view div#documentRelated > div.summaryWidgetContainer {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: none;
  padding: 0 !important;
}

.resizable-summary-view
  div#relatedActivities
  .summaryWidgetContainer
  div.widget_header,
.resizable-summary-view
  div#commentRelated
  .summaryWidgetContainer
  div.widget_header,
.resizable-summary-view
  div#documentRelated
  .summaryWidgetContainer
  div.widget_header {
  border-radius: 10px;
  border-bottom: 1px solid #ccccd0;
  background: #fff;
  margin-bottom: 25px;
  padding: 15px 20px;
}

.resizable-summary-view
  div#relatedActivities
  .summaryWidgetContainer
  div.widget_contents,
.resizable-summary-view
  div#commentRelated
  .summaryWidgetContainer
  div.widget_contents,
.resizable-summary-view
  div#documentRelated
  .summaryWidgetContainer
  div.widget_contents {
  padding: 0 22px 20px 22px;
}

.summaryWidgetContainer .widget_contents {
  margin-top: 12px;
}

.summaryWidgetContainer .commentTitle {
  padding: 0;
}

.detailview-content button.btn.addButton {
  border-radius: 50px !important;
  background: #2846e0 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  padding: 9px 16px !important;
}

.detailview-content button.btn.addButton img {
  width: 14px;
}

.detailview-content
  #relatedActivities
  .summaryWidgetContainer
  .widget_header
  .pull-right {
  margin: 0 !important;
}

.detailview-content #relatedActivities button.btn.btn-default {
  border-radius: 50px !important;
  background: #2846e0 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  padding: 6px 16px !important;
}

.detailview-content #documentRelated button.btn.btn-default {
  border-radius: 50px !important;
  background: #2846e0 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  padding: 8px 10px !important;
}

.detailview-content #documentRelated button.btn.btn-default img {
  width: 14px;
  margin-bottom: 2px;
}

div#documentRelated button.btn.btn-default.dropdown-toggle,
button.btn.addButton.createActivity,
.relatedHeader button.btn.btn-default.addButton,
.relatedHeader button.btn.btn-default.dropdown-toggle,
button.btn.selectpdfTemplates,
button.btn.addButton.btn-sm.btn-default.createRecord {
  font-family: 'Arimo', sans-serif !important;
}

#relatedActivities .activityEntries .media > .row {
  align-items: flex-start;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}

#relatedActivities .activityEntries .row .summaryViewEntries a {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
}

#relatedActivities .activityEntries .row .summaryViewEntries a img {
  width: 16px;
}

#relatedActivities .activityEntries .row .media-body span strong {
  color: #4f4f4f;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
}

#relatedActivities .activityEntries .row .activityStatus .pull-right strong {
  float: left;
}

#relatedActivities .activityEntries .row .activityStatus .pull-right span {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  font-weight: 400;
}

#relatedActivities .activityEntries .row .activityStatus .pull-right span img {
  width: 16px;
}

#relatedActivities
  .activityEntries
  .row
  .activityStatus
  .edit
  .select2-container {
  border-radius: 4px;
  border: 1px solid #ccccd0;
  background: #fff;
  padding: 5px 10px 8px 10px;
}

#relatedActivities
  .activityEntries
  .row
  .activityStatus
  .edit
  .select2-container:focus,
#relatedActivities
  .activityEntries
  .row
  .activityStatus
  .edit
  .select2-container.select2-container-active {
  border: 1px solid #0a2eeb !important;
}

#relatedActivities
  .activityEntries
  .row
  .activityStatus
  .edit
  .select2-container
  .select2-choice {
  margin: 0 !important;
}

#relatedActivities
  .activityEntries
  .row
  .activityStatus
  .edit
  .select2-container
  .select2-chosen {
  color: #7a7b87;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  margin: 0 !important;
  padding: 0 !important;
}

#relatedActivities
  .activityEntries
  .row
  .activityStatus
  .edit
  .select2-container
  .select2-arrow
  b {
  background-position: 5px 13px;
}

#relatedActivities .activityEntries .row .media-left .iconbg,
#commentRelated .commentDetails .media .recordImage,
#documentRelated .recentActivitiesContainer .iconbg {
  width: 30px !important;
  height: 30px !important;
  border: 1px solid #000;
  background: #fff !important;
}

#documentRelated .recentActivitiesContainer.row {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0;
  margin: 0;
}

#documentRelated .recentActivitiesContainer.row:last-child {
  border: none;
}

#documentRelated .recentActivitiesContainer.row ul {
  margin: 0;
}

#documentRelated .recentActivitiesContainer ul li .col-sm-4 img {
  opacity: 1 !important;
}

#documentRelated .recentActivitiesContainer ul li span a {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 17px;
  font-weight: 600;
}

#documentRelated .recentActivitiesContainer ul li span#DownloadableLink {
  color: #4f4f4f !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  font-weight: 400;
}

#documentRelated .widget_header .pull-right .dropdown .dropdown-menu {
  top: -20px !important;
}

#documentRelated .summaryWidgetContainer .widgetContainer_documents .row {
  text-align: center;
}

#documentRelated
  .summaryWidgetContainer
  .widgetContainer_documents
  .row
  .pull-right {
  float: none !important;
}

#commentRelated .commentDetails .media .recordImage .name {
  width: 30px;
  height: 30px;
  display: block;
}

#commentRelated .commentDetails .media .recordImage .name span {
  line-height: 28px !important;
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 17px !important;
  font-weight: 400;
}

#commentRelated .commentDetails .media .recordImage .name span strong {
  font-family: 'Arimo', sans-serif !important;
  font-size: 17px !important;
}

#commentRelated .summaryWidgetContainer hr {
  display: none;
}

.addCommentBlock .commentTextArea textarea {
  border-radius: 10px 10px 0 0;
  border: 1px solid #e0e0e0 !important;
  background: #fff;
  padding: 20px !important;
  color: #4f4f4f !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 17px;
  font-weight: 400;
  height: 110px;
}

.commentContainer .commentTitle .addCommentBlock .row:last-child {
  border-radius: 0 0 10px 10px;
  border: 1px solid #e0e0e0;
  border-top: none;
  background: #fff;
  padding: 10px 20px;
}

.commentContainer .commentTitle .addCommentBlock .row .fileUploadContainer {
  display: flex;
}

.commentContainer .commentTitle .addCommentBlock .row .fileUploadBtn,
.commentContainer .commentTitle .addCommentBlock .row .detailViewSaveComment {
  padding: 0;
}

.commentContainer .commentTitle .addCommentBlock .row .detailViewSaveComment {
  color: #2846e0;
  font-family: 'Arimo', sans-serif !important;
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
}

#commentRelated .summaryWidgetContainer .recentCommentsHeader {
  margin: 15px 0;
  padding: 0;
  flex-direction: row-reverse;
}

#commentRelated .summaryWidgetContainer .recentCommentsHeader h4 {
  padding: 8px 0 0 0;
  color: #2846e0;
  font-family: 'Arimo', sans-serif !important;
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
}

#commentRelated
  .summaryWidgetContainer
  .recentCommentsHeader
  .bootstrap-switch {
  box-shadow: none;
}

#commentRelated .summaryWidgetContainer .commentsBody {
  padding: 0;
}

#commentRelated .commentsBody .media .comment {
  margin-bottom: 0;
}

#commentRelated .commentsBody .media .comment span {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 17px;
  font-weight: 400;
}

#commentRelated .commentsBody .media .comment .creatorName {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 17px;
  font-weight: 400;
}

#commentRelated .commentsBody .media .comment span.commentTime,
#commentRelated .commentsBody .media .comment span.commentTime span {
  color: #4f4f4f;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
}

#commentRelated .commentsBody .media .comment a,
#commentRelated .commentsBody .media .comment a.toggleComment.showMore small {
  color: #2846e0 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
}

#commentRelated .commentsBody .media .comment a img {
  width: 18px;
}

#commentRelated
  .summaryWidgetContainer
  .commentsBody
  .recentCommentsBody
  .commentDetails
  .singleComment
  .comment-wrap {
  margin-top: 0;
}

#commentRelated .summaryWidgetContainer .commentsBody .commentDetails .row {
  padding: 0;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#commentRelated
  .summaryWidgetContainer
  .commentsBody
  .commentDetails
  .row.commentTextArea {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

#commentRelated
  .summaryWidgetContainer
  .commentsBody
  .commentDetails
  .singleComment
  .addCommentBlock {
  margin-right: -15px;
  margin-left: -15px;
}

#commentRelated
  .summaryWidgetContainer
  .commentsBody
  .commentDetails
  .singleComment
  .addCommentBlock
  .row {
  margin: 0;
  padding: 0 !important;
}
.commentsRelatedContainer
  .commentsBody
  .commentDetails
  .singleComment
  .addCommentBlock
  .pull-right.row:last-child,
#commentRelated
  .summaryWidgetContainer
  .commentsBody
  .commentDetails
  .singleComment
  .addCommentBlock
  .pull-right.row:last-child {
  width: 100%;
  padding: 12px 20px !important;
  margin-bottom: 20px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #e0e0e0;
}

.commentsRelatedContainer .addCommentBlock .pull-right .saveComment,
#commentRelated .addCommentBlock .pull-right .detailViewSaveComment {
  color: #2846e0;
}

.commentsRelatedContainer .addCommentBlock .pull-right .saveComment,
.commentsRelatedContainer .singleComment .addCommentBlock .closeCommentBlock,
#commentRelated .addCommentBlock .pull-right .detailViewSaveComment,
.summaryWidgetContainer .singleComment .addCommentBlock .closeCommentBlock {
  font-family: 'Arimo', sans-serif !important;
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 600;
  padding-top: 0;
  padding-bottom: 0;
  line-height: normal;
}

.summaryWidgetContainer .singleComment .addCommentBlock .closeCommentBlock {
  color: #eb5757;
}

#commentRelated .commentsBody .media .comment .commentActionsContainer {
  margin-top: 0 !important;
}

.summaryWidgetContainer .commentsBody .noCommentsMsgContainer.noContent {
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px;
  padding: 15px;
  margin-top: 10px;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}

a.moreRecentDocuments,
a.moreRecentComments,
a.moreRecentActivities {
  font-family: 'Arimo', sans-serif !important;
  color: #000 !important;
  text-transform: capitalize;
  border: none;
}

.singleComment .addCommentBlock .row:nth-of-type(1) .input-block-level {
  border-bottom: none !important;
  padding: 0;
  font-family: 'Arimo', sans-serif !important;
  color: #000;
}

footer.app-footer p {
  font-family: 'Arimo', sans-serif !important;
  color: #000;
}

footer.app-footer p a {
  font-family: 'Arimo', sans-serif !important;
}

span.action a.editAction img {
  width: 20px;
}

.bootstrap-switch {
  background-color: #0a2eeb;
  border: 3px solid #0a2eeb !important;
  width: 46px !important;
  margin-right: 10px;
}

.bootstrap-switch.bootstrap-switch-off {
  background-color: #d14641 !important;
  border: 3px solid #d14641 !important;
  width: 46px !important;
  margin-right: 10px;
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on
  .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
  background: #0a2eeb !important;
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off
  .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{
    background: #d14641 !important;
    width: 20px !important;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  background-color: #ffffff !important;
  border-radius: 12px !important;
  line-height: 22px !important;
  padding: 1px !important;
  width: 20px !important;
  height: 20px !important;
  background: #ffffff !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

#commentRelated .commentContainer .recentCommentsBody .comment-wrap .comment {
  width: 100%;
}

#commentRelated
  .commentContainer
  .recentCommentsBody
  .comment-wrap
  .comment
  .commentActionsContainer {
  width: 100%;
}

#commentRelated
  .commentContainer
  .recentCommentsBody
  .comment-wrap
  .comment
  .commentActionsContainer
  .summarycommemntActionblock {
  float: left;
}

#commentRelated
  .commentContainer
  .recentCommentsBody
  .comment-wrap
  .comment
  .commentActionsContainer
  .summarycommemntActionblock
  a
  > img {
  opacity: 1;
}

#documentRelated
  .summaryWidgetContainer
  .recentActivitiesContainer.row
  #documentRelatedRecord
  .col-sm-1 {
  padding: 0 0 0 15px;
}

#documentRelated
  .summaryWidgetContainer
  .recentActivitiesContainer.row
  #documentRelatedRecord
  .col-sm-7 {
  flex-direction: column;
  align-items: flex-start !important;
}

/* Summary view block end */

/* Detail screen start */

.fieldValue .value a {
  color: #2846e0 !important;
}

/* Detail screen end */

/* Dashboard Start */

/* New LID customers section start */

.customer_section {
  padding: 0 0 20px 0;
}

.customer_section .row {
  margin-right: -5px;
  margin-left: -5px;
}

.customer_box {
  text-align: center;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.4);
  margin-top: 30px;
}

.customer_header {
  padding: 15px 15px 5px 15px;
  border-bottom: 1px solid #bdbdbd;
}

.customer_header h3 {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*height: 50px;*/
}

.customer_body {
  /*padding: 10px 10px 20px 10px;
  text-align: center;*/
    text-align: center;
    padding: 15px;
    height: 134px;
    /*overflow-y: auto;*/
}

.customer_body h2.customer_1_text {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 10px 0;
}

.customer_body h2.customer_1_text span {
  color: #00ed95;
}

.customer_body .customer_2_text {
  color: #34b3f1;
  font-family: 'Arimo', sans-serif !important;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 5px 0;
}

.customer_body h2.customer_3_text {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 20px 0;
}

.customer_body h2.customer_4_text {
  color: #00ed95;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 5px 0;
}

.customer_body h2.customer_4_text.down {
  color: #d32238;
}

.customer_body h2.customer_4_text img {
  vertical-align: middle;
}

.customer_body h2.customer_5_text {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

.customer_body h2.customer_5_text a {
  color: #34b3f1;
}

/* New LID customers section end */

.sortable .dashboardTab a .name strong {
  font-family: 'Arimo', sans-serif !important;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  color: #333333;
}

.dashBoardTabContainer .dashboardHeading .btn-group .addButton,
.dashBoardTabContainer .dashboardHeading button#newButtonId {
  background: #2846e0;
  border-radius: 50px !important;
  padding: 12px 25px;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
}

.dashBoardWidgetFooter {
  padding: 10px 18px;
  border-bottom: 1px solid #bdbdbd;
  height: 60px;
}

.dashBoardContainer
  .dashBoardTabContents
  .dashBoardWidgetFooter
  .filterContainer.boxSizingBorderBox {
  right: 0;
}

.dashBoardContainer .dashBoardTabContents ul {
  padding: 0 !important;
}

.dashBoardContainer .dashBoardTabContents ul li {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.4);
  padding-top: 60px;
  margin: 10px 0 30px 0;
}

span.dashboardTitle.dashboardWidgetHeader b {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
}

.dashboardWidgetContent {
  margin-top: 15px;
  color: #333 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  min-width: auto;
  padding: 0 !important;
}

.jqplot-target {
  color: #333 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  left: 0;
}

.dashboardWidgetContent .row > .col-lg-11 {
  width: 100%;
  padding: 0;
}

.moreDashBoards li a.addNewDashBoard {
  color: #333 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
}

.dashBoardContainer .tabContainer .sortable {
  position: relative;
}

.dashBoardContainer .tabContainer .nav li a{
  padding: 10px 15px;
  display: block;
}

.dashBoardContainer .tabContainer .sortable .moreSettings{
  position: absolute;
  left: 0;
  top: 0;
  float: none !important;
  z-index: 2;
}

.dashBoardContainer .tabContainer .nav {
  margin: 0 0 15px 0;
  border-bottom: 1px solid #e0e0e0;
}

.dashBoardContainer .tabContainer .sortable button {
  margin-top: 15px;
}

.dashboardWidgetContent div span,
.dashboardWidgetContent div small,
.dashboardWidgetContent div a,
.dashboardWidgetContent div {
  color: #333;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
}

.dashboardWidgetContent div a.load-more {
  float: left;
  margin-left: 10px;
}

.dashboardWidgetContent div span.pull-right {
  color: #2846e0;
  font-weight: 600;
  font-size: 16px;
}

.dashboardWidgetContent .dashboardWidgetData .pull-right.muted {
  padding-left: 0 !important;
}

.dashboardWidgetContent .tagsContainer .tag {
  border-radius: 5px;
  height: auto;
  padding: 4px 20px;
  margin: 0 0 10px 7px;
  background-color: #fef4d9;
  border-color: #fef4d9;
}

.dashboardWidgetContent .tagsContainer .tag > span {
  color: #fff;
  display: inline;
  padding: 0;
  color: #000000 !important;
}

.dashboardWidgetContent .tagsContainer span.tag[data-type='public'] {
  background-color: #fde4e1;
  border-color: #fde4e1;
}

.dashboardWidgetContent .tagsContainer span.tag:first-child {
  background-color: #ced5fb;
  border-color: #ced5fb;
}

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

.dashboardWidgetContent .row b {
  font-size: 14px;
}

.dashboardWidgetContent hr {
  border-top: 1px solid #bdbdbd;
}

.dashboardWidgetContent .row .col-lg-4 {
  padding: 0 10px;
}

.dashboardWidgetContent .row .col-lg-4 b,
.dashboardWidgetContent .row .col-lg-4,
.dashboardWidgetContent .row .col-lg-4 a {
  font-size: 15px;
  word-break: break-all;
}

.dashboardWidgetContent .row .col-lg-4:nth-child(2) {
  color: #2846e0;
  font-weight: 600;
}

.dashboardWidgetContent .row:first-child .col-lg-4:nth-child(2) {
  color: #333;
  font-weight: 400;
}

.dashboardWidgetHeader .select2-container {
  border-radius: 5px;
  border: 1px solid #bdbdbd !important;
  background: #fff;
  padding: 8px 10px;
  margin: 15px 0 10px 0;
}

.dashboardWidgetHeader .select2-container .select2-choice {
  margin: 0;
}

.dashboardWidgetHeader .select2-container .select2-choice .select2-chosen {
  padding: 0;
  color: #333;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}

.dashboardWidgetHeader .select2-container .select2-choice .select2-arrow {
  width: 25px;
}

.dashboardWidgetHeader .select2-container .select2-choice .select2-arrow b {
  background-position: 0 8px;
}

.dashboardWidgetContent div .row {
  display: flex;
  align-items: flex-start;
}

.dashboardWidgetContent div .row .col-lg-10 div a,
.dashboardWidgetContent .row .col-lg-4 b {
  font-weight: 600;
}

.dashboardWidgetContent div .row div {
  font-size: 14px;
}

.dashboardWidgetContent div .row > div.col-lg-1.pull-left,
.dashboardWidgetContent div .row > div.col-lg-10.pull-left {
  width: auto;
  padding: 0 10px 0 0;
}

.dashboardWidgetContent div .row > p.pull-right.muted {
  padding: 0 0 0 10px !important;
  text-align: left;
  width: auto;
  margin-right: auto;
}

.dashboardWidgetContent div .row > p.pull-right.muted small {
  width: 80px;
  display: inline-block;
}

.dashboardWidgetContent div .row .col-lg-1 > span > img {
  max-width: 25px;
  max-height: 25px;
  border-radius: 50%;
  padding: 3px;
}

.dashboardWidgetContent div .row .col-lg-1 > span > img[title='Contacts'] {
  border: 1px solid #f9b900;
}

.dashboardWidgetContent div .row .col-lg-1 > span > img[title='Organizations'] {
  border: 1px solid #2846e0;
}

.dashboardWidgetContent div .row .col-lg-1 > span > img[title='Quotes'] {
  border: 1px solid #b519ff;
}

.dashboardWidgetContent div .row .col-lg-1 > span > img[title='Leads'] {
  border: 1px solid #f9b900;
}

.dashboardWidgetContent div .row .col-lg-1 > span > img[title='$title'] {
  border: 1px solid #2846e0;
}

.dashboardWidgetContent div .row .col-lg-1 > span > img[title='Invoice'] {
  border: 1px solid #b519ff;
}

.dashboardWidgetContent .dashboardWidgetData p.pull-right small {
  font-size: 15px;
}

.dashboardWidgetContent .dashboardWidgetData div .pull-left a {
  margin-top: 5px;
  display: inline-block;
}

.dashboardWidgetContent
  .dashboardWidgetData
  .pull-left
  span
  i.entryIcon.vicon-meeting {
  color: #b51aff;
  padding: 4px;
  font-size: 14px;
  border: 1px solid #b51aff;
  border-radius: 50%;
  margin-left: 10px;
}

.dashboardWidgetContent .row .col-lg-12,
.dashboardWidgetContent .row .col-lg-6 {
  padding: 0;
}

.dashboardWidgetContent div .row.miniListContent {
  margin-left: 0;
}

.dashboardWidgetContent div .row.miniListContent > div {
  padding: 0;
}

.dashboardWidgetContent .row .col-lg-6 strong,
.dashboardWidgetContent .row .col-lg-12 strong {
  font-weight: 600;
  font-size: 15px;
}

.dashBoardContainer .dashBoardTabContainer .dashboardHeading {
  padding: 10px 8px 0 8px;
}

.select2-drop.select2-drop-above .select2-search input {
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #ccccd0 !important;
  color: #7a7b87 !important;
  margin: 0;
}

.select2-drop.select2-drop-above .select2-search input::placeholder {
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
}

.select2-drop.select2-drop-above .select2-search input::-ms-input-placeholder {
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
}

#select2-drop .select2-results .select2-result,
#select2-drop .select2-results .select2-result .select2-result-label {
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
}

#select2-drop .select2-results .select2-result.select2-highlighted {
  color: #fff;
}

/*.dashBoardTabContainer .dashBoardTabContents .ready ul li[data-sizex="1"] {
  width: 32%;
}
.dashBoardTabContainer .dashBoardTabContents .ready ul li[data-sizex="2"] {
  width: 66%;
}
.dashBoardTabContainer .dashBoardTabContents .ready ul li[data-sizex="3"] {
  width: 66%;
}
.dashBoardTabContainer .dashBoardTabContents .ready ul li[data-col="1"] {
  left: 0;
}
.dashBoardTabContainer .dashBoardTabContents .ready ul li[data-col="2"] {
  left: 34%;
}
.dashBoardTabContainer .dashBoardTabContents .ready ul li[data-col="3"] {
  left: 68%;
}*/

/* Dashboard end */

/* Header part new UI start */
/*
.global-nav a.userName {
  background: #4f4f4f !important;
  outline: none;
}
.global-nav a.userName > span {
  position: static;
}
.global-nav .navbar-nav > li div a.notification {
  background: #c522b4;
}
.global-nav .navbar-nav > li div a.calendar {
  background: #f2c94c;
}
.global-nav .navbar-nav > li div a.taskManagement {
  background: #116681;
}
.global-nav .navbar-nav > li div a.qc-button {
  background: #2846e0;
}
.global-nav .navbar-nav > li div a.whatsapp {
  background: #11ac73;
}*/

/* Header part new UI end */

/* Detail view start */

.detailview-fullcontent .block {
  padding: 0;
  /* border-radius: 10px; */
  border: 1px solid #ccccd0;
  background: #fff;
}
.detailview-fullcontent .block div.detailview-fullcontent-header {
  padding: 20px 25px;
  /* border-radius: 10px; */
  border-bottom: 1px solid #ccccd0;
}
.detailview-fullcontent .block div h4 {
  color: #051152 !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: normal;
  margin: 0 !important;
}
.detailview-fullcontent .block .blockData {
  padding: 20px 25px;
}
.detailview-fullcontent .block .blockData .row {
  margin: 0 0 5px 0;
}
.detailview-fullcontent .block .blockData .fieldLabel span {
  padding: 0 !important;
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 5px 0;
}
.detailview-fullcontent .block .blockData .fieldValue {
  max-width: inherit;
}
.userPreferences .detailview-fullcontent .block .blockData .fieldValue {
  width: 100%;
}
.detailview-fullcontent .block .blockData .fieldValue .value {
  margin-right: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #ccccd0;
  min-height: 40px;
  padding: 10px;
  width: 100%;
  float: none !important;
  position: relative;
  display: inline-block;
}
.detailview-fullcontent .block .blockData .fieldValue:hover .value {
  border: 1px solid #ccccd0;
  border-radius: 4px;
}
.detailview-fullcontent .block .blockData .fieldValue .action {
  position: absolute;
  left: 10px;
  top: 65%;
  transform: translateY(-50%);
  display: none;
}
.detailview-fullcontent .block .blockData .fieldValue:hover .action {
  display: block;
}
.detailview-fullcontent .block .blockData .fieldValue input,
.detailview-fullcontent .block .blockData .fieldValue span,
.detailview-fullcontent .block .blockData .fieldValue .value a {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  opacity: 1 !important;
  line-height: normal;
  min-height: 20px;
}

/* Detail view end */

/* Commnent screen start */

.detailview-content .commentsRelatedContainer .commentTextArea {
  padding: 0;
}

.commentsRelatedContainer
  .singleComment
  .addCommentBlock
  .pull-right
  .saveComment {
  margin: 0 !important;
}

.commentsRelatedContainer .commentTitle .addCommentBlock .saveComment,
.commentsRelatedContainer
  .singleComment
  .addCommentBlock
  .pull-right
  .saveComment {
  color: #0a2eeb;
  font-family: 'Arimo', sans-serif !important;
  font-size: 18px;
  font-weight: 600 !important;
  line-height: normal;
  background: none !important;
  border: none !important;
  padding: 0;
  text-transform: capitalize;
}

.commentsRelatedContainer
  .singleComment
  .addCommentBlock
  .pull-right
  .saveComment
  strong,
.commentsRelatedContainer .commentTitle .addCommentBlock .saveComment strong {
  color: #0a2eeb;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 600 !important;
  line-height: normal;
  text-transform: capitalize;
}

.detailview-content .commentsRelatedContainer > .commentTitle,
.detailview-content .commentsRelatedContainer > .showcomments {
  border-radius: 10px;
  border: 1px solid #ccccd0;
  background: #fff;
  margin-top: 10px;
}

.showcomments .recentCommentsHeader .commentHeader .bootstrap-switch:not(.bootstrap-switch-off) {
  background-color: #0a2eeb;
  border: 3px solid #0a2eeb !important;
  width: 46px !important;
}

.showcomments
  .recentCommentsHeader
  .commentHeader
  .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on
  .bootstrap-switch-label,
.showcomments
  .recentCommentsHeader
  .commentHeader
  .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off
  .bootstrap-switch-label,
.showcomments
  .recentCommentsHeader
  .commentHeader
  .bootstrap-switch.bootstrap-switch-on
  .bootstrap-switch-label {
  background: #0a2eeb !important;
}

.showcomments
  .recentCommentsHeader
  .commentHeader
  .bootstrap-switch
  .bootstrap-switch-handle-off.bootstrap-switch-default {
  background-color: #ffffff !important;
  border-radius: 12px !important;
  line-height: 22px !important;
  padding: 1px !important;
  width: 20px !important;
  height: 20px !important;
}

.showcomments
  .recentCommentsHeader
  .commentHeader
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-success {
  background-color: #ffffff !important;
  border-radius: 12px !important;
  line-height: 22px !important;
  padding: 1px !important;
  width: 20px !important;
  height: 20px !important;
}

.commentContainer .showcomments .recentCommentsHeader.row {
  display: flex;
  padding: 10px 0px 5px 10px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.commentContainer .showcomments .recentCommentsHeader h4.display-inline-block {
  color: #0a2eeb;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-right: 18px;
}

.commentContainer .showcomments .commentsList .unstyled .commentDetails {
  border-bottom: 1px solid #ccccd0;
  padding: 20px 0;
}

.commentContainer .showcomments .commentsList .unstyled .media .media-left {
  padding: 0 !important;
  display: table-cell;
}

.commentContainer
  .showcomments
  .commentsList
  .unstyled
  .media
  .media-left
  .recordImage {
  height: 30px !important;
  width: 30px !important;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: transparent !important;
  margin-left: 18px;
}

.commentContainer
  .showcomments
  .commentsList
  .unstyled
  .media
  .media-left
  .recordImage
  .name {
  line-height: 25px;
}

.commentContainer
  .showcomments
  .commentsList
  .unstyled
  .media
  .media-left
  .recordImage
  .name
  span,
.commentContainer
  .showcomments
  .commentsList
  .unstyled
  .media
  .media-left
  .recordImage
  .name
  span
  strong {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
}

.commentContainer
  .showcomments
  .commentsList
  .unstyled
  .media
  .media-body
  .comment
  .creatorName {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}

.commentContainer
  .showcomments
  .commentsList
  .unstyled
  .media
  .media-body
  .comment
  span.text-muted,
.commentContainer
  .showcomments
  .commentsList
  .unstyled
  .media
  .media-body
  .comment
  .commentTime
  small {
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px;
}

.commentContainer
  .showcomments
  .commentsList
  .unstyled
  .media
  .media-body
  .comment
  .commentInfoContentBlock
  .commentInfoContent {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.commentContainer
  .showcomments
  .commentsList
  .unstyled
  .media
  .commentActionsContainer
  .commentActions {
  column-gap: 5px;
  align-items: center;
}

.commentContainer
  .showcomments
  .commentsList
  .unstyled
  .media
  .commentActionsContainer
  .commentActions
  .viewThreadBlock {
  color: #0a2eeb !important;
}

.commentContainer
  .showcomments
  .commentsList
  .singleComment
  .container-fluid.addCommentBlock {
  margin-top: 10px;
}

.commentContainer
  .showcomments
  .commentsList
  .singleComment
  .container-fluid.addCommentBlock
  .row
  input.input-block-level {
  border-bottom: 1px solid #ebeff2 !important;
  padding: 0 5px;
}

/* Commnent screen end */

/* Activity screen start */

.relatedContents #listview-table tr.listViewHeaders th,
.relatedContents #listview-table tr.listViewHeaders th a {
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  color: #000;
  text-align: center;
}

.relatedContents
  #listview-table
  tbody
  tr.listViewEntries
  td.related-list-actions:first-child {
  text-align: right;
}

.relatedContents
  #listview-table
  tbody
  tr.listViewEntries
  td.relatedListEntryValues
  .value {
  width: 100%;
}

/* Activity screen end */

/* Responsive start */

@media (max-width: 1600px) {
  .customer_header h3 {
    font-size: 17px;
    /*height: 40px;*/
  }

  .customer_header {
    padding: 15px 8px 5px 8px;
  }

  .customer_body .customer_2_text {
    font-size: 18px;
  }
}

/* Responsive end */

/* Scalla new design End */

.filterContainer .row {
  margin: auto;
}

/* quick view css start binal 03-07-2024 */

div#helpPageOverlay {
  width: 100% !important;
}

div#helpPageOverlay .quickPreview {
  position: absolute;
  top: 0;
  left: 0;
  transform: none;
  max-width: 650px;
  height: 100vh;
  margin: initial;
  border: 0 !important;
}

.quickPreviewActionsWrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.quickPreview .quickclose {
  font-size: 30px;
  font-weight: 300;
  color: #051152;
  opacity: 1;
}

.lr-btn-group {
  margin-left: 30px;
}

.quickPreview {
  border-radius: 0 20px 20px 0;
  /* box-shadow: 0 0 50px rgba(0, 0, 0, 0.3); */
  background: #ffffff;
}

.quickPreviewModuleHeader {
  padding: 15px 15px !important;
  border-bottom: 1px solid #ccccd0;
}

.quick-preview-modal .quickPreviewActions {
  padding: 20px 15px;
}

.quickview-iconbtn-group {
  display: flex;
  gap: 10px;
  align-items: center;
}

.quickview-icon-link {
  height: 40px;
  width: 40px;
  line-height: 40px;
  background: #ebebec;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}
.quickview-icon-link:hover {
  background: #6c81f3;
}

.quickview-icon-link:hover img:not(#whatsappBIcon img) {
  filter: brightness(0) invert(1);
}

.cust-group {
  display: flex;
  gap: 10px;
}

.cust-group .quickview-iconbtn-group .btn-default {
  padding: 0;
  border: none;
  background: none;
}

.userimg {
  background: none !important;
}

.qp-heading .record-header {
  display: flex;
  align-items: center;
}

.qp-heading .record-header .recordBasicInfo {
  width: auto;
  padding: 0;
  margin-right: 10px;
}

.quick-preview-modal .modal-body,
.quick-preview-modal.modal-content,
.quickPreviewModuleHeader {
  padding: 0;
}

.quick-preview-modal
  .modal-body
  .recordBasicInfo
  > .info-row
  h4
  .recordLabel.pushDown {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  color: #051152;
}

div#helpPageOverlay .quickPreviewSummary,
div#helpPageOverlay .engagementsContainer,
div#helpPageOverlay .quickPreviewComments {
  box-shadow: none;
  margin-bottom: 0 !important;
}

div#helpPageOverlay .quickPreviewSummary .panel,
div#helpPageOverlay .engagementsContainer .panel,
div#helpPageOverlay .quickPreviewComments .panel {
  margin-bottom: 0;
  border: 1px solid #ccccd0;
  border-radius: 10px;
  overflow: hidden;
}

.panel-group .panel-heading {
  border: none;
  background: none;
}

.panel-group .panel-heading h4 a {
  display: flex;
  align-items: center;
  font-size: 18px;
}

.panel-group .panel-heading h4 a span,
.panel-group .panel-heading h4 a #quickPreviewHeader .title {
  margin: 0 8px 0 0;
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
  background: none;
  color: #0a2eeb;
  padding: 0 !important;
}

.panel-group .panel-heading h4 .collapsed::before,
.panel-group .panel-heading a:before {
  content: ' ' !important;
}

.panel-group .panel-heading a:hover {
  background-color: transparent;
}

.more-less.fa-angle-up,
.more-less.glyphicon-plus {
  top: -2px;
}

/* Keep legacy glyphicon icon mapping for older templates. */
.more-less.fa-angle-up:before,
.more-less.glyphicon-plus:before {
  content: url('/layouts/v7/resources/Images/accordian-up.png');
}

.more-less.fa-angle-down:before,
.more-less.glyphicon-minus:before {
  content: url('/layouts/v7/resources/Images/accordian-down.svg');
}

.comment-wrap {
  display: flex;
  align-items: flex-start;
}

.comment-wrap .comment-circle {
  padding: 0 !important;
  text-align: center;
  height: 30px;
  width: 30px;
  min-width: 30px;
  border: 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-left: 17px;
}

.comment-wrap {
  display: flex;
  margin-top: 15px;
}

.comment .comment-content-wrap {
  display: flex;
  flex-direction: column;
}

.comment .comment-content-wrap .creatorName,
.comment .comment-content-wrap .commentTime {
  font-size: 14px;
  margin-bottom: 5px;
}

.comment .comment-content-wrap .commentInfoContentBlock {
  font-size: 16px;
}

.commentsBody hr {
  margin: 0 -15px;
}

/* quick view css end binal */

/* quick view css start Radhika */

/*12-08-2024*/

.quick-preview-modal #accordion {
  height: calc(100vh - 70px);
  overflow-y: auto;
}
.recordquickviewsummary {
  padding: 10px;
}
.recordquickviewsummary .summaryViewEntries.row {
  margin: 0;
  display: flex;
  flex-direction: row;
}
.recordquickviewsummary .summaryViewEntries.row > .col-lg-6 {
  margin-bottom: 15px;
}
.recordquickviewsummary .summaryViewEntries .fieldLabel {
  opacity: 1;
}
.recordquickviewsummary .summaryViewEntries .fieldLabel label {
  position: static !important;
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px !important;
  line-height: normal;
}
.recordquickviewsummary .summaryViewEntries .fieldValue .value {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 10px;
  /* border-radius: 4px; */
  border-bottom: 1px solid #ccccd0;
  background: #fff;
  width: 100%;
  line-height: normal;
  min-height: 40px;
}

.recordquickviewsummary .summaryViewEntries .fieldValue .row {
  margin: 0px !important;
  position: relative;
  width: 100%;
}

.recordquickviewsummary .summaryViewEntries .fieldValue .value:hover {
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
}
.recordquickviewsummary .summaryViewEntries .input-group.editElement {
  justify-content: space-around;
  flex-wrap: nowrap;
}
.recordquickviewsummary .summaryViewEntries .fieldValue .row .action {
  right: 85%;
  top: 50%;
}

.recordquickviewsummary
  .summaryViewEntries
  .input-save-wrap
  .input-group-addon {
  opacity: 1 !important;
}

.recordquickviewsummary .summaryViewEntries .fieldValue .value .picklist-color {
  padding: 5px 10px !important;
  border-radius: 5px;
}
.recordquickviewsummary .summaryViewEntries .fieldValue .value a {
  color: #0a2eeb !important;
  max-width: 90%;
}

.recordquickviewsummary .summaryViewEntries .fieldValue:hover .value {
  border: none;
  border-bottom: 1px solid #ccccd0;
}

/*13-08-2024 update section */

.quick-preview-modal .engagementsContainer .panel-body {
  padding-top: 0;
}
.updates_timeline.updates_new_timeline_view {
  margin-top: 0 !important;
}
.updates_new_timeline_view.updates_timeline:before {
  content: inherit;
}
.updates_new_timeline_view > li {
  border-bottom: 1px solid #ccccd0;
  padding: 20px 0 15px 0;
}
.updates_new_timeline_view > li:last-child {
  border-bottom: 0 !important;
}
.updates_new_timeline_view > li .update_info {
  padding: 0 50px 0 0 !important;
  position: static !important;
}
.updates_new_timeline_view > li .update_time {
  padding: 0;
  width: auto;
}
.updates_new_timeline_view > li .update_time small,
.updates_new_timeline_view > li .update_info h5 {
  font-family: 'Arimo', sans-serif !important;
  color: #000;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal !important;
  margin-top: 0 !important;
  width: auto !important;
}
.updates_new_timeline_view > li .update_info h5 span {
  color: #4eaf51 !important;
  font-family: 'Arimo', sans-serif !important;
}
.updates_new_timeline_view > li .update_icon {
  border: 1px solid #000;
  background-color: transparent;
  top: 15px;
}
.updates_new_timeline_view > li .update_image {
  color: #000;
  position: static !important;
}
.updates_new_timeline_view > li .updateInfoContainer {
  margin-bottom: 8px;
}
.updates_new_timeline_view > li .updateInfoContainer,
.updates_new_timeline_view > li .updateInfoContainer > div {
  font-family: 'Arimo', sans-serif !important;
  color: #28293d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px !important;
}
.updates_new_timeline_view > li .update_info a:hover {
  color: #fff;
}
.updates_new_timeline_view
  > li
  .update_info
  > .updateInfoContainer
  .field-name {
  color: #03c3ff !important;
}
.updates_new_timeline_view > li .update_info > .updateInfoContainer em {
  font-style: normal !important;
}
.updates_new_timeline_view #more_button {
  padding: 15px 0 0 0;
}
.updates_new_timeline_view #moreLink {
  position: static !important;
  margin: 0 !important;
  width: auto !important;
  text-align: left !important;
  border: none;
}
.updates_new_timeline_view #moreLink .moreRecentUpdates {
  background: #0a2eeb !important;
  border: 1px solid #0a2eeb !important;
  border-radius: 40px !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}
.quick-preview-modal .noContent {
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px;
  padding: 15px;
  margin-top: 10px;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
.quick-preview-modal .qp-heading .record-header .recordBasicInfo {
  width: 100%;
  text-align: right;
}

/* quick view css end Radhika */

/* css start binal 20-08-2024 */

.color-light-blue {
  color: #03c3ff;
}
.color-blue {
  color: #0a2eeb;
}
.color-green {
  color: #4eaf51;
}
.color-dark-blue {
  color: #051152;
}
.color-purple {
  color: #b51aff;
}

.border-right-light-blue {
  border-right: 5px solid #03c3ff;
}
.border-right-blue {
  border-right: 5px solid #0a2eeb;
}
.border-right-green {
  border-right: 5px solid #4eaf51;
}
.border-right-dark-blue {
  border-right: 5px solid #051152;
}
.border-right-purple {
  border-right: 5px solid #b51aff;
}

/* css end binal 20-08-2024 */

.detailViewContainer .width100.profiledetail.border-right-light-blue-10 {
  border-right: 10px solid #03c3ff !important;
}
.detailViewContainer .width100.profiledetail.border-right-blue-10 {
  border-right: 10px solid #0a2eeb !important;
}
.detailViewContainer .width100.profiledetail.border-right-green-10 {
  border-right: 10px solid #4eaf51 !important;
}
.detailViewContainer .width100.profiledetail.border-right-dark-blue-10 {
  border-right: 10px solid #051152 !important;
}
.detailViewContainer .width100.profiledetail.border-right-purple-10 {
  border-right: 10px solid #b51aff !important;
}
.detailViewContainer .width100.profiledetail {
  position: fixed;
  top: 145px;
  width: auto;
  z-index: 1;
  margin-left: 15px;
}

/* css start binal 27-08-2024 */

.detailview-table .row .fieldValue .input-group.editElement {
  border: 1px solid #0a2eeb !important;
  box-shadow: 0px 0px 4px 4px rgba(10, 46, 235, 0.2) !important;
  border-radius: 4px !important;
  padding: 3px 10px !important;
  align-items: center;
  min-height: 40px;
}

#detailView .detailview-table .input-group.editElement {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

#detailView .detailview-table .fieldValue .input-save-wrap {
  margin: 0 !important;
  width: auto;
  gap: 5px;
  margin-right: auto !important;
  display: flex;
  align-items: center;
}

#detailView .detailview-table .input-group.editElement .inputElement,
#detailView .detailview-table .fieldValue .referencefield-wrapper .input-group {
  padding: 0 !important;
  width: 100% !important;
  min-height: 40px !important;
  margin: 0 !important;
  border: none !important;
}
#detailView .detailview-table .fieldValue .referencefield-wrapper {
  width: 90%;
}
#detailView
  .detailview-table
  .fieldValue
  .referencefield-wrapper
  .input-group
  .inputElement {
  width: 100%;
}
#detailView
  .detailview-table
  .fieldValue
  .referencefield-wrapper
  .input-group
  .input-group-addon.relatedPopup {
  line-height: 38px !important;
  margin: 0 6px !important;
  border: 1px solid #28293d !important;
  padding: 0 8px !important;
}

#detailView
  .detailview-table
  .fieldValue
  .referencefield-wrapper
  .clearReferenceSelection {
  line-height: 40px !important;
  width: fit-content !important;
  color: #28293d !important;
  position: static;
  border: 1px solid #28293d !important;
  padding: 0 9px !important;
}
#detailView
  .detailview-table
  .fieldValue
  .select2-container
  .select2-choice
  .select2-arrow
  b {
  background-position: 7px 16px;
}

/* .listViewEntryValue.multipicklist .fieldValue .value {
  display: flex;
  flex-wrap: wrap;
} */
.listViewEntryValue.multipicklist .fieldValue .value .picklist-color {
  margin: 0;
  padding: 6px 11px !important;
  display: inline-block;
  border-radius: 5px;
}

.related-tabs.row .nav > li.tab-item a:hover,
.nav.nav-tabs > li.tab-item a:hover,.userFilter .btn-tabs:hover{
  background-color: #6c81f3;
/*  border: none;*/
  color: #ffffff !important;
}

.nav.nav-tabs.massEditTabs > li.tab-item a{
  color: #000 !important;
}
.nav.nav-tabs.massEditTabs > li.tab-item a.active{
  background-color: #6c81f3;
  color: #ffffff !important;
}
/* added by sam variance quick create start */

.detailview-content
  .relatedContents
  .listview-table
  tr.searchRow
  th.inline-search-btn
  button {
  border-radius: 4px;
  background: #2846e0 !important;
  padding: 12px 10px !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  max-width: 100% !important;
  width: 100%;
  border: none !important;
}

.detailview-content
  .relatedContents
  .listview-table
  .listViewEntries
  .related-list-actions
  a {
  text-align: right !important;
}

#QuickCreate .modal-footer,
#projectTaskQuickEditForm .modal-footer {
  background: #f3f5fe !important;
  height: 68px;
  border-radius: 0 0 20px 20px;
  display: block;
}

#QuickCreate .modal-content,
#projectTaskQuickEditForm .modal-content {
  border-radius: 20px;
}

#QuickCreate .fieldValue .inputElement,
#projectTaskQuickEditForm .fieldValue .inputElement,
#addDocumentsFolder .controls .inputElement {
  height: 40px;
  padding: 10px 16px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  display: block !important;
}

#QuickCreate .fieldValue .inputElement.customTimePadding{
  padding: 7px 16px !important;
}

#QuickCreate .modal-header,
#projectTaskQuickEditForm .modal-header {
  border-bottom: 1px solid #ccccd0 !important;
  height: 70px;
  padding: 15px 30px !important;
  color: #051152;
  border-radius: 20px 20px 0 0;
  flex-direction: row-reverse;
  justify-content: space-between;
}

#QuickCreate .btn-success,
#projectTaskQuickEditForm .btn-success {
  background: #0a2eeb !important;
  height: 40px;
  padding: 10.5px 40px 10.5px 40px !important;
  border-radius: 50px;
  margin-left: 10px;
  border: 1px solid #0a2eeb !important;
  display: flex;
  align-items: center;
}

#QuickCreate .cancelLink,
#projectTaskQuickEditForm .cancelLink{
  color: #f54336;
  height: 40px;
  padding: 10.5px 40px 10.5px 40px !important;
  gap: 8px;
  border-radius: 50px;
  border: 1px solid #f54336;
  display: flex;
  align-items: center;
}

#QuickCreate #goToFullForm,
#projectTaskQuickEditForm #goToFullForm {
  color: #0a2eeb !important;
  height: 40px;
  padding: 10.5px 40px 10.5px 40px !important;
  border-radius: 50px !important;
  border: 1px solid #0a2eeb !important;
  background: #ced5fb !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
}

/* added by sam variance quick create */

/* Quick create popup start Radhika */

.modal.in .modal-dialog {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
}
.modal.in .modal-dialog,
.modal-dialog .modal-content {
  border-radius: 20px;
}

/* Keep QuickCreate dialog fixed on open (avoid BS5 fade translate jump). */
#QuickCreate.modal.fade .modal-dialog {
  transition: none !important;
  transform: none !important;
  margin-top: 30px !important;
}
#QuickCreate.modal.show .modal-dialog,
#QuickCreate.modal.in .modal-dialog {
  transform: none !important;
  margin-top: 30px !important;
}
#QuickCreate .quickCreateContent,
#projectTaskQuickEditForm .quickCreateContent {
  margin: 0 !important;
  padding: 20px 30px 0 30px;
}
#QuickCreate .close span img {
  opacity: 1 !important;
}
#QuickCreate .modal-header h4,
#projectTaskQuickEditForm .modal-header h4 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
#QuickCreate .quickCreateContent .row,
#projectTaskQuickEditForm .quickCreateContent .row {
  display: flex;
  flex-wrap: wrap;
}
#QuickCreate .quickCreateContent .row .col-lg-6,
#projectTaskQuickEditForm .quickCreateContent .row .col-lg-6 {
  float: right;
  margin-bottom: 10px;
}
#QuickCreate .quickCreateContent .fieldLabel,
#projectTaskQuickEditForm .quickCreateContent .fieldLabel {
  width: auto !important;
  float: none !important;
  /*margin-bottom: 8px !important;*/
  padding: 0;
}
#QuickCreate .quickCreateContent .fieldLabel label,
#projectTaskQuickEditForm .quickCreateContent .fieldLabel label {
  float: none !important;
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
#QuickCreate .quickCreateContent .fieldValue,
#projectTaskQuickEditForm .quickCreateContent .fieldValue {
  width: 100% !important;
  display: block;
  padding: .5rem 0;
}
#QuickCreate .quickCreateContent .fieldValue .input-group,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .input-group {
  width: 100% !important;
}
#QuickCreate .quickCreateContent .fieldValue .inputElement,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .inputElement {
  width: 100% !important;
  margin: 0;
}
#QuickCreate .quickCreateContent .fieldValue textarea,
#projectTaskQuickEditForm .quickCreateContent .fieldValue textarea {
  height: 80px;
}
#QuickCreate .quickCreateContent .fieldValue input,
#QuickCreate .quickCreateContent .fieldValue textarea,
#QuickCreate .quickCreateContent .fieldValue .select2-container .select2-choice .select2-chosen,
#QuickCreate .quickCreateContent .fieldValue .input-group input.dateField,
#projectTaskQuickEditForm .quickCreateContent .fieldValue input,
#projectTaskQuickEditForm .quickCreateContent .fieldValue textarea,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .select2-container .select2-choice .select2-chosen,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .input-group input.dateField {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  height: auto;
}
#QuickCreate .quickCreateContent .fieldValue input::-ms-input-placeholder,
#QuickCreate .quickCreateContent .fieldValue textarea::-ms-input-placeholder,
#projectTaskQuickEditForm .quickCreateContent .fieldValue input::-ms-input-placeholder,
#projectTaskQuickEditForm .quickCreateContent .fieldValue textarea::-ms-input-placeholder {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
#QuickCreate .quickCreateContent .fieldValue input::placeholder,
#QuickCreate .quickCreateContent .fieldValue textarea::placeholder,
#projectTaskQuickEditForm .quickCreateContent .fieldValue input::placeholder,
#projectTaskQuickEditForm .quickCreateContent .fieldValue textarea::placeholder {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
#QuickCreate .quickCreateContent .fieldValue .select2-container .select2-choice,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .select2-container .select2-choice {
  margin: 0 !important;
}
#QuickCreate .quickCreateContent .fieldValue .select2-container .select2-choice .select2-chosen,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .select2-container .select2-choice .select2-chosen {
  padding: 0 !important;
  margin: 0 !important;
}
#QuickCreate .quickCreateContent .fieldValue .select2-container .select2-choice .select2-arrow b,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .select2-container .select2-choice .select2-arrow b {
  background-position: 0 8px;
  background-image: url(/layouts/v7/resources/Images/down-arrow.png) !important;
  background-size: auto !important;
}
#QuickCreate .quickCreateContent .fieldValue .referencefield-wrapper .input-group,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .referencefield-wrapper .input-group,
#convertLeadContainer #convertLeadForm .fieldValue .referencefield-wrapper .input-group {
  margin: 0 !important;
  border-bottom: none !important;
  position: relative;
  width: 100%;
}
#QuickCreate .quickCreateContent .fieldValue .referencefield-wrapper .input-group input,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .referencefield-wrapper .input-group input {
  width: 100% !important;
  display: block !important;
}
#QuickCreate .quickCreateContent .fieldValue .input-group .input-group-addon,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .input-group .input-group-addon,
#convertLeadContainer #convertLeadForm .fieldValue .input-group .input-group-addon{
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  right: auto;
  left: 10px;
  color: #000 !important;
  font-size: 16px;
  font-weight: 500;
}
#QuickCreate .quickCreateContent .fieldValue .referencefield-wrapper .input-group .relatedPopup.input-group-addon,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .referencefield-wrapper .input-group .relatedPopup.input-group-addon {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  right: auto;
  left: 10px;
}
#QuickCreate .quickCreateContent .fieldValue .referencefield-wrapper .input-group .clearReferenceSelection,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .referencefield-wrapper .input-group .clearReferenceSelection {
  position: absolute !important;
  left: 30px;
  right: auto;
  font-size: 20px;
  line-height: normal !important;
  top: 50%;
  transform: translateY(-50%);
}
#QuickCreate .quickCreateContent .fieldValue .input-group input.dateField,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .input-group input.dateField {
  padding: 0;
  width: 95%;
  float: right;
}
#QuickCreate .quickCreateContent .fieldValue .input-group .input-group-addon,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .input-group .input-group-addon {
  left: 10px;
  right: auto;
  z-index: 1;
  height: auto;
}
#QuickCreate .quickCreateContent .fieldValue .input-group .input-group-addon img,
#projectTaskQuickEditForm .quickCreateContent .fieldValue .input-group .input-group-addon img {
  max-width: 20px !important;
}
#QuickCreate .quickCreateContent .fieldValue .inputElement[type='checkbox'],
#projectTaskQuickEditForm .quickCreateContent .fieldValue .inputElement[type='checkbox'] {
  padding: 0 !important;
  display: block !important;
}
#QuickCreate .quickCreateContent .fieldLabel input[type='checkbox'],
#projectTaskQuickEditForm .quickCreateContent .fieldLabel input[type='checkbox'] {
  margin-left: auto;
  display: block !important;
}

/* Quick create popup end Radhika */

/* Edit screen start */

.editViewPageDiv.viewContent > div {
  border-radius: 10px;
  border: 1px solid #ccccd0;
  background: #fff;
  padding: 0;
}
.editViewPageDiv .editHeader,
.editViewPageDiv .editViewHeader {
  display: none;
}
.editViewPageDiv .editViewBody {
  margin: 0 !important;
}
.editViewPageDiv .editViewBody .fieldBlockContainer {
  padding: 0;
  margin: 0;
  border-radius: 10px;
}
.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockHeader {
  padding: 22px 30px;
  border-bottom: 1px solid #ccccd0;
}
.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockHeader h4 {
  margin: 0;
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent {
  padding: 30px 50px;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .col-lg-4 {
  margin-bottom: 20px;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldLabel {
  color: #515262 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
  width: 100% !important;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue {
  width: 100%;
  position: relative;
}
.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue input.inputElement,
.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue div.input-group.inputElement,
.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue .select2-container,
#TermsAndConditionsContainer .contents .fieldValue .select2-container,
.wrapper.bgb .card .select2-container{
  width: 100% !important;
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 10px 16px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  height: auto !important;
  margin: 0;
}

.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue textarea.inputElement{
  width: 100% !important;
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 10px 16px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  min-height: 100px !important;
  margin: 0;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .select2-container
  .select2-choice {
  margin: 0 !important;
  padding: 0;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: normal;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .select2-container
  .select2-choice
  .select2-chosen {
  padding: 0 !important;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .select2-container
  .select2-choice
  .select2-arrow
  b {
  background-position: 0px 8px !important;
  background-image: url(/layouts/v7/resources/Images/down-arrow.png) !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  input::-ms-input-placeholder {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: normal;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  input::placeholder {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: normal;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .inputElement
  input.dateField {
  padding: 0;
  width: 95%;
  float: right;
  height: auto;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: normal;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .input-group-addon {
  position: absolute;
  left: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #000 !important;
  top: 50%;
  transform: translateY(-50%);
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .inputElement
  .input-group-addon {
  left: 10px;
  right: auto;
  z-index: 1;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .inputElement
  .input-group-addon
  img {
  max-width: 20px !important;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .inputElement[type='checkbox'] {
  padding: 0 !important;
}

.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .select2-container-multi {
  padding: 3px 10px 8px 10px !important;
}

#filterContainer
  .customview-content
  .columnsSelectDiv
  .select2-container-multi
  .select2-search-choice,
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .select2-container-multi
  .select2-search-choice {
  border-radius: 4px;
  border: 1px solid #ccccd0;
  padding: 8px 25px 8px 15px !important;
  margin: 12px 7px 0 7px !important;
}

#filterContainer
  .customview-content
  .columnsSelectDiv
  .select2-container-multi
  .select2-search-choice
  div,
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .select2-container-multi
  .select2-search-choice
  div {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
#filterContainer
  .customview-content
  .columnsSelectDiv
  .select2-container-multi
  .select2-search-choice-close,
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .select2-container-multi
  .select2-search-choice-close {
  right: 6px;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .referencefield-wrapper {
  width: 100% !important;
}
.editViewPageDiv
  .editViewBody
  .fieldBlockContainer
  .fieldBlockContent
  .fieldValue
  .referencefield-wrapper
  .input-group {
  width: 100% !important;
  margin: 0 !important;
  border: none !important;
  align-items: center !important;
}
.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue .referencefield-wrapper .input-group-addon.createReferenceRecord {
  position: initial !important;
  background: #E5F4FF !important;
  border-radius: 5px !important;
  margin: 0 0px 0 8px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
  padding: 0 5px !important;
  height: 40px !important;
}
.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue .referencefield-wrapper .input-group-addon {
  /*left: 29px;
  top: 50%;
  transform: translateY(-50%);*/
  position: initial !important;
  background: #E5F4FF !important;
  border-radius: 5px !important;
  margin: 0 0px 0 8px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
  padding: 0 5px !important;
  height: 40px !important;
}
.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue .referencefield-wrapper .input-group-addon img {
  width: 18px;
}
.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue .referencefield-wrapper .input-group-addon.createReferenceRecord
  img {
  width: 14px;
}
.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue .referencefield-wrapper .clearReferenceSelection, #EditView .clearReferenceSelection {
  /*position: absolute;
  left: 55px;
  bottom: auto !important;
  line-height: normal !important;
  top: 49%;
  transform: translateY(-50%);
  right: auto !important;*/
  font-size: 24px !important;
  position: initial !important;
  background: #E5F4FF !important;
  border-radius: 5px !important;
  margin: 0 0px 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px !important;
  width: auto !important;
  height: 40px !important;
}
#EditView .editViewBody .editViewContents > div {
  overflow-y: auto;
  border-radius: 10px;
}
#EditView .editViewBody .editViewContents > div::-webkit-scrollbar {
  display: none;
}
.editViewPageDiv #EditView {
  position: relative;
}
#filterContainer .modal-overlay-footer,
.editViewPageDiv #EditView .modal-overlay-footer,
.editViewPageDiv #tks_modulevalidate .modal-overlay-footer,
.editViewPageDiv #dashboardEdit .modal-overlay-footer  {
  position: absolute;
  background: #f3f5fe;
  height: auto;
  border-radius: 0 0 10px 10px;
  bottom: 0 !important;
}
#filterContainer .modal-overlay-footer .col-lg-12 .saveButton,
.editViewPageDiv .modal-overlay-footer .col-lg-12 .saveButton {
  border-radius: 50px;
  background: #0a2eeb !important;
  border: 1px solid #0a2eeb !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px !important;
  margin: 0 0 0 5px !important;
}
#filterContainer .modal-overlay-footer .col-lg-12 .cancelLink,
.editViewPageDiv .modal-overlay-footer .col-lg-12 .cancelLink {
  border-radius: 50px;
  border: 1px solid #f54336;
  color: #f54336;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
}

/* Edit screen end */

#filterContainer .modal-header,
#filterContainer .form-group {
  padding: 20px 30px;
  margin-bottom: 0;
}
#filterContainer .filter_checkbox_container {
  padding: 10px 60px;
}
#filterContainer .viewnamecontainer .col-lg-2.col-md-2.col-sm-2 label {
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 23.44px;
  text-align: right;
  color: #051152;
}
#filterContainer .viewnamecontainer .checkbox-inline label {
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
  text-align: right;
  color: #000000;
}
#filterContainer input[type='checkbox']:hover,
#filterContainer
  input[type='checkbox']:checked
  #filterContainer
  .checkbox-inline
  input[type='checkbox']:checked {
  color: #ffffff !important;
  background: #0a2eeb !important;
  border-color: #0a2eeb !important;
}
#filterContainer .form-control {
  height: 40px !important;
  padding: 10px 16px 10px 16px !important;
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
}

#filterContainer .form-control.dateField{
  border: none !important;
  height: 20px !important;
}
#filterContainer .modal-header h4 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  margin: 0 !important;
}
.addCondition button.btn.btn-default {
  height: 40px;
  padding: 10px !important;
  border-radius: 50px !important;
  border: 1px solid #0a2eeb !important;
  color: #0a2eeb !important;
  background: #ffffff !important;
}
#advanceSearchContainer .addCondition button.btn.btn-default img,
#filterContainer .addCondition button.btn.btn-default img {
  width: 16px;
}
#filterContainer .modal-header .close {
  margin: 0;
  opacity: 1;
}
#filterContainer .modal-body,
#filterContainer .customview-content > .form-group {
  padding: 0;
}

/* list popup CSS binal 6-9-24 */

#filterContainer {
  height: 700px;
  border-radius: 10px;
  margin-top: 50px;
}
#filterContainer .modal-content {
  border-radius: 10px;
}
#filterContainer .modal-header {
  border-radius: 15px 15px 0 0;
}
.new-label {
  font-size: 16px;
  line-height: 18.75px;
  font-weight: 700;
  color: #051152;
  padding: 0 50px;
}
#filterContainer .advancefilterconditioncontainer {
  padding: 0 60px;
}
#filterContainer .columnsSelectDiv ul li.select2-search-field {
  border-bottom: none !important ;
}
.viewnamecontainer h4 {
  font-size: 20px;
  line-height: 23.44px;
  font-weight: 700;
  color: #051152;
}
.contentsBackground .conditionRow .fieldUiHolder input {
  float: right;
}
.delete-icon {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.filter_checkbox_container .select2-container-multi.select2 {
  width: 25% !important;
  border: 1px solid #ccccd0 !important;
  padding: 7px;
  border-radius: 4px;
}
.filter_checkbox_container .select2-container-multi.select2 li,
.filter_checkbox_container .select2-container-multi.select2 li input {
  width: auto !important;
}
#filterContainer .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-left: 0;
}
#filterContainer .viewnamecontainer {
  padding: 20px 50px !important;
}
#filterContainer .columnsSelectDiv {
  padding: 0 20px !important;
}
#filterContainer .radio-inline,
#filterContainer .checkbox-inline,
#filterContainer .checkbox label {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
}
#filterContainer .modal-body {
  height: auto !important;
  border-radius: 0 0 10px 10px;
}

/* Search Contaoner start */

body.openMenu #searchResults-container {
  max-width: calc(100% - 400px);
  margin-right: 300px;
  margin-left: 100px;
  border-radius: 10px;
  height: auto !important;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
  margin-top: 50px;
}
#searchResults-container .mCSB_inside > .mCSB_container {
  margin: 0;
}
#searchResults-container .modal-header {
  padding: 15px 50px 15px 20px;
  justify-content: space-between;
  flex-direction: row-reverse;
}
#searchResults-container .modal-header h4 {
  color: #28293d;
  font-family: 'Arimo', sans-serif !important;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
#searchResults-container .close {
  margin-top: 0;
  background: transparent;
  border: none;
}
#searchResults-container .close span img {
  opacity: 1 !important;
}
#searchResults-container .searchModuleComponent .col-md-12 .pull-left {
  color: #051152;
  font-family: 'Arimo', sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-top: 5px;
}
#searchResults-container .searchModuleComponent .select2-container {
  border: 1px solid #ccccd0 !important;
  padding: 7px;
  border-radius: 4px;
}
#searchResults-container
  .searchModuleComponent
  .select2-container
  .select2-choice {
  margin: 0;
}
#searchResults-container .select2-container .select2-chosen {
  color: #000000;
  font-family: 'Arimo', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
#searchResults-container .select2-container .select2-choice {
  margin: 2px 0;
}
#searchResults-container .select2-container .select2-arrow {
  left: 5px !important;
  top: 50%;
  transform: translateY(-50%);
}
#searchResults-container .select2-container .select2-choice .select2-arrow b {
  background-position: 5px 13px;
}
#searchResults-container .select2-container .inputElement {
  color: #000000;
  font-family: 'Arimo', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
#searchResults-container
  .select2-container
  .inputElement::-ms-input-placeholder {
  color: #000000;
  font-family: 'Arimo', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
#searchResults-container .select2-container .inputElement::placeholder {
  color: #000000;
  font-family: 'Arimo', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
#searchResults-container #advanceSearchContainer {
  padding: 0;
}
#searchResults-container .conditionList {
  padding-top: 30px;
}
#searchResults-container .conditionRow {
  padding-right: 35px;
  padding-left: 35px;
}
#searchResults-container .searchModuleComponent,
#searchResults-container .addCondition {
  padding-right: 50px;
  padding-left: 50px;
}
#searchResults-container #searchContainer .header {
  border-bottom: 1px solid #ccccd0;
  padding: 15px 50px;
}
#searchResults-container .conditionGroup .header span,
#searchResults-container .conditionGroup .header span strong {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 500;
}
#searchResults-container .modal-footer {
  background: #f3f5fe;
}
#searchResults-container .modal-footer .searchbutton {
  background: #0a2eeb !important;
  padding: 10px 25px !important;
  border: 1px solid #0a2eeb !important;
  border-radius: 50px;
}
#searchResults-container .modal-footer .searchbutton strong {
  color: #fff;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
}
#searchResults-container .modal-footer .saveasfilter {
  background: #ced5fb !important;
  padding: 10px 25px !important;
  border: 1px solid #0a2eeb !important;
  border-radius: 50px;
}
#searchResults-container .modal-footer .saveasfilter strong {
  color: #0a2eeb;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
}
#searchResults-container .modal-footer:before,
#searchResults-container .modal-footer:after,
#searchResults-container .container-fluid:before,
#searchResults-container .container-fluid:after,
#searchResults-container .container-fluid .row:before,
#searchResults-container .container-fluid .row:after {
  content: inherit;
  display: block;
}
#searchResults-container .modal-footer .btn-group {
  float: none;
}

/* Search Contaoner end */

/* Configure Columns start */

.configColumnsContainer .modal-header {
  padding: 10px 25px;
  border-bottom: 1px solid #ccccd0;
  border-radius: 10px 10px 0 0;
}
.configColumnsContainer .modal-header h4 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 500;
}
.configColumnsContainer .close span img {
  opacity: 1 !important;
}
.configColumnsContainer .selectedFieldsContainer {
  border-right: 1px solid #ccccd0;
}
.configColumnsContainer .selectedFieldsContainer h5,
.configColumnsContainer .availFiedlsContainer h5 {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 15px;
}
.configColumnsContainer .selectedFieldsContainer ul .item,
.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock {
  padding: 4% !important;
  width: 100% !important;
}
.configColumnsContainer .selectedFieldsContainer ul .item .fieldLabel,
.configColumnsContainer
  .availFiedlsContainer
  #accordion
  .availFieldBlock
  .fieldLabel
  span {
  color: #000000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
}
.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock img {
  float: left;
}
.configColumnsContainer .selectedFieldsContainer .selectedFieldsListContainer {
  margin-top: 3%;
}
.configColumnsContainer .availFiedlsContainer .search_container,
.configColumnsContainer .selectedFieldsContainer .selectFieldSortheading {
  padding: 8px 10px;
  border-radius: 4px;
  border: 1px solid #ccccd0 !important;
  display: flex;
  gap: 5px;
}
.configColumnsContainer .selectedFieldsContainer .selectFieldSortheading {
  color: #515262 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
}
.configColumnsContainer
  .availFiedlsContainer
  .search_container
  .searchAvailFields {
  padding: 0;
  border-bottom: 0 !important;
  color: #515262 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
}
.configColumnsContainer
  .availFiedlsContainer
  .search_container
  .searchAvailFields::-ms-input-placeholder {
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
}
.configColumnsContainer
  .availFiedlsContainer
  .search_container
  .searchAvailFields::placeholder {
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
}
.configColumnsContainer .modal-footer {
  background: #f3f5fe !important;
  border-radius: 0 0 20px 20px;
}
.configColumnsContainer .cancelLink {
  padding: 10px 30px !important;
  border-radius: 50px;
  border: 1px solid #f54336;
  color: #f54336;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  line-height: normal;
}
.configColumnsContainer .modal-footer button.btn.btn-success {
  background: #0a2eeb !important;
  padding: 10px 30px !important;
  border-radius: 50px !important;
  border: 1px solid #0a2eeb !important;
  font-family: 'Arimo', sans-serif !important;
}
.configColumnsContainer .modal-footer button.btn.btn-success strong {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

/* Configure Columns end */

/* Related popup start */

.modal {
  z-index: 1106;
}
.modal-dialog.modal-lg.relatedpopup_modal {
  width: 1100px;
  max-width: 1100px;
}
@media (min-width: 1400px) {
  .modal-dialog.modal-lg.relatedpopup_modal {
    width: 1200px;
    max-width: 1200px;
  }
}
@media (max-width: 1110px) {
  .modal-dialog.modal-lg.relatedpopup_modal {
    width: 1080px;
    max-width: 1080px;
  }
}
.relatedpopup_modal .modal-header {
  padding: 10px 25px;
  border-bottom: 1px solid #ccccd0;
  border-radius: 10px 10px 0 0;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.relatedpopup_modal .modal-header h4 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 500;
}
.relatedpopup_modal .modal-header .close span img {
  opacity: 1 !important;
}
.relatedpopup_modal .modal-body {
  border-radius: 0 0 10px 10px;
}
.relatedpopup_modal .popupEntriesTableContainer .listview-table {
  border-radius: 5px;
}
.relatedpopup_modal
  .popupEntriesTableContainer
  .listview-table
  > thead
  > tr:first-child
  > th {
  text-align: center;
  color: #000000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  padding: 15px;
}
.relatedpopup_modal
  .popupEntriesTableContainer
  .listview-table
  > thead
  > tr:first-child
  > th
  a {
  color: #000000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  padding: 15px;
}
.relatedpopup_modal
  .popupEntriesTableContainer
  .listview-table
  > tbody
  > tr.searchRow
  > td {
  width: auto !important;
  min-width: auto !important;
  max-width: inherit !important;
  padding: 5px !important;
}
.relatedpopup_modal
  .popupEntriesTableContainer
  .listview-table
  > tbody
  > tr.searchRow
  > td
  .btn-success {
  border-radius: 4px;
  border: 1px solid #0a2eeb !important;
  background: #0a2eeb !important;
  color: #fff !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  width: auto !important;
  height: 40px !important;
  padding: 5px 40px !important;
}
.relatedpopup_modal
  .popupEntriesTableContainer
  .listview-table
  > tbody
  > tr.searchRow
  > td
  .listSearchContributor {
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 5px 8px;
  height: 40px !important;
}
.relatedpopup_modal
  .popupEntriesTableContainer
  .listview-table
  tr
  td:first-child,
.relatedpopup_modal
  .popupEntriesTableContainer
  .listview-table
  > thead
  > tr:first-child
  > th {
  width: auto !important;
  min-width: auto !important;
  /*max-width: inherit !important;*/
  text-wrap: nowrap;
}
.relatedpopup_modal .pageNumbers span {
  color: #28293d;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}

.relatedpopup_modal .mCSB_scrollTools_horizontal .mCSB_draggerContainer {
  height: 8px !important;
  background: rgb(232 232 232) !important;
  border-radius: 5px !important;
}
.relatedpopup_modal
  .mCSB_scrollTools_horizontal
  .mCSB_draggerContainer
  .mCSB_dragger {
  background: rgb(205 205 205) !important;
  border-radius: 5px !important;
}
.overlayPageContent {
  background: transparent;
}

/* Related popup start */

.cust-btn {
  background: #0a2eeb !important;
  border-radius: 50px !important;
  padding: 10px 22px !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}

.quickPreview .cust-btn{
  flex: none;
} 

.cust-btn:hover {
  background: #6c81f3 !important;
}

.cust-btn:focus {
  background: #051152 !important;
}

#PipelineviewConfigure .table .fieldValue .inputElement {
  background: #ced5fb;
  border-radius: 4px !important;
  border-bottom: none !important;
  padding: 3px 15px !important;
}

#PipelineviewConfigure
  .table
  .fieldValue
  .inputElement
  .select2-choice
  .select2-arrow {
  top: 10%;
}

#taskManagementContainer .modal-body .datacontent .data-header {
  display: flex;
  align-items: flex-end;
  margin-top: 25px;
}

#taskManagementContainer #gotolistview {
  margin-left: 20px;
  font-weight: 500;
  background: #ced5fb;
  border-radius: 40px !important;
  padding: 9px 15px !important;
}
#gotolistview img {
  margin-left: 2px;
  width: 22px;
}

#taskManagementContainer .close img {
  opacity: 1 !important;
}

#taskManagementContainer .modal-body .datacontent .data-header .dateFilters {
  display: flex !important;
  justify-content: flex-end !important;
  flex-direction: row-reverse !important;
}
#taskManagementOtherFilters {
  display: flex !important;
  justify-content: space-between;
}

#taskManagementOtherFilters .field.taskseach_container {
  display: flex !important;
  align-items: flex-end;
}

#taskManagementOtherFilters .field.taskseach_container .search {
  margin: 0 10px 0 0 !important;
}
#taskManagementContainer button.btn.btn-default:hover img {
  filter: brightness(0) invert(1);
}

div#taskManagementOtherFilters
  .select2-container.select2-container-multi.select2 {
  min-width: 350px;
  min-height: 45px;
  max-width: 450px;
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  color: #000 !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  height: auto !important;
  margin: 0;
  padding: 4px 4px 4px 4px !important;
}

#taskManagementOtherFilters .field:nth-of-type(1) {
  margin-left: 10px;
}

div#taskManagementOtherFilters
  .select2-container.select2-container-multi.select2
  .select2-search-choice {
  border-radius: 4px;
  border: 1px solid #ccccd0 !important;
  padding: 5px 24px 5px 17px !important;
  margin: 4px 2px 4px 3px !important;
}

div#taskManagementOtherFilters
  .select2-container.select2-container-multi.select2
  .select2-search-choice
  .select2-search-choice-close {
  right: 6px;
}

div#taskManagementOtherFilters .select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  display: none;
}

div#taskManagementOtherFilters
  .select2-container.select2-container-multi.select2
  .select2-search-choice
  div {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}

#taskManagementContainer .input-group {
  display: flex;
  padding: 10px 0 0 0;
  float: none;
  align-items: center;
}

#taskManagementContainer .input-group span.quickTask.input-group-addon {
  background: #0a2eeb;
  height: 40px;
  width: 40px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50% !important;
}

#taskManagementContainer .input-group input {
  color: #515262;
  font-size: 14px;
  font-weight: 500;
}
#taskManagementContainer .entries .task-body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#taskManagementContainer .entries .task-body .task-actions {
  display: flex;
  opacity: 0;
}
#taskManagementContainer .entries .task:hover .task-actions {
  opacity: 1;
  transition: all 0.3s;
}

#taskManagementContainer .entries .task-body .task-actions .quickTask {
  margin-left: 5px;
}
#taskManagementContainer .entries .taskSubject {
  display: flex;
  cursor: pointer;
  max-width: 85%;
  width: auto;
}
#taskManagementContainer .entries .taskSubject .quickPreview {
  font-size: 14px;
  font-weight: 700;
  min-width: auto;
  max-width: 100%;
}

#taskManagementContainer .entries .other-details {
  align-items: flex-end;
  display: flex;
  margin-top: 10px;
}

#taskManagementContainer .entries .more.related_container {
  width: 50%;
}

#taskManagementContainer .entries .more.related_container > span {
  display: flex;
  justify-content: center;
  border: 1px solid;
  padding: 5px 12px;
  border-radius: 50px;
  width: 80%;
  margin: 0 auto 0px auto;
  cursor: pointer;
  align-items: center;
  gap: 5px;
}
#gotolistview strong {
  font-size: 15px;
  font-weight: 500;
}
#taskManagementContainer .modal-header .clearfix {
  margin: 15px auto;
}

#taskManagementContainer
  .entries
  .more.related_container
  > span.related_contact {
  margin-top: 10px !important;
}
/*#taskManagementContainer
  .entries
  .more.related_container
  > span
  > span:nth-of-type(1) {
  width: 16%;
}*/

#taskManagementContainer
  .entries
  .more.related_container
  > span
  > span:nth-of-type(2) {
  width: 65%;
  line-height: normal;
}

#taskManagementContainer
  .entries
  .more.related_container
  span
  .recordName
  .quickPreviewOpen,
#taskManagementContainer .entries .other-details .task-details .taskStatus {
  font-size: 14px;
  color: var(--Gray-600, #28293d);
  font-weight: 500;
}

#taskManagementContainer .entries .task:hover {
  box-shadow: 0px 0px 10px 0px #2846e0;
  border: 1px solid #0a2eeb;
}

#taskManagementContainer .entries .other-details .task-details .taskStatus {
  padding: 5px 10px;
  border-radius: 5px;
}

#taskManagementContainer .entries .taskSubject .task-status .statusCheckbox {
  cursor: pointer;
}

/* Related list quick detail popup start */

#overlaydetailview_modal .modal-content {
  right: auto;
  left: 0;
  background: #ffffff;
  padding: 0;
  width: 60%;
}
#overlaydetailview_modal .overlayDetailHeader {
  padding: 12px 15px;
  border-bottom: 1px solid #ccccd0;
  margin-bottom: 20px;
}
#overlaydetailview_modal .overlayDetailHeader .close {
  margin-top: 6px;
}
#overlaydetailview_modal .overlayDetailHeader .col-lg-6 {
  padding: 0;
}
#overlaydetailview_modal .overlayDetailHeader .record-header {
  display: flex;
  align-items: center;
}
#overlaydetailview_modal .overlayDetailHeader .record-header .recordBasicInfo {
  padding: 0;
  text-align: right;
}
#overlaydetailview_modal
  .overlayDetailHeader
  .record-header
  .recordBasicInfo
  h4 {
  display: initial;
  margin: 0 8px 0 0;
}
#overlaydetailview_modal .overlayDetailHeader h4 .recordLabel span {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  font-family: 'Arimo', sans-serif !important;
  color: #051152;
}
#overlaydetailview_modal .quickPreviewActions {
  padding: 12px 15px;
}
#overlaydetailview_modal .quickPreviewActions > .fullDetailsButton {
  margin-left: 5px;
}
#overlaydetailview_modal .modal-body {
  background: #ffffff;
  padding: 10px 18px;
}
#overlaydetailview_modal .block .blockData .fieldValue span.picklist-color {
  padding: 4px 8px !important;
  border-radius: 5px;
}

/* Related list quick detail popup end */

/* Related list edit popup design start */

.overlayEdit {
  max-width: calc(100% - 400px);
  margin-right: 200px;
  margin-left: 200px;
  border-radius: 10px;
  height: auto !important;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
  margin-top: 50px !important;
}
.overlayEdit .overlayHeader .modal-header {
  padding: 10px 15px;
  flex-direction: row-reverse;
}
.overlayEdit .overlayHeader .modal-header h4 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 700;
}
.overlayEdit .editViewBody {
  padding: 0 !important;
  background: #fff !important;
}
.overlayEdit .editViewBody .editViewContents > div {
  height: auto !important;
  border-radius: 0 !important;
}
.overlayEdit .editViewBody .fieldBlockContainer .fieldBlockHeader {
  padding: 18px 20px;
}
.overlayEdit .editViewBody .fieldBlockContainer .fieldBlockHeader h4 {
  font-size: 17px;
}
.overlayEdit .overlayFooter.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  background: #f3f5fe;
  border-radius: 0 0 10px 10px;
  height: auto;
  align-items: center;
  justify-content: center;
}
.overlayEdit .modal-footer button.btn.btn-success {
  padding: 9px 40px !important;
  border-radius: 50px !important;
  margin-left: 8px !important;
}

/* Related list edit popup design end */

/* Invoices edit view start */
.entityModuleEditView .editViewBody .editViewContents {
/*  height: calc(100vh - 178px);
  overflow-y: auto;*/
  border-radius: 10px;
}

.entityModuleEditView .editViewBody .editViewContents::-webkit-scrollbar {
  display: none;
}

.inventoryrecordEditView .editViewBody .editViewContents {
/*  height: calc(100vh - 178px);
  overflow-y: auto;*/
  border-radius: 10px;
}

.inventoryrecordEditView .editViewBody .editViewContents::-webkit-scrollbar {
  display: none;
}
.inventoryrecordEditView .editViewBody .editViewContents > div {
  height: auto !important;
  overflow-y: inherit !important;
}
.inventoryrecordEditView .lineitemsblockrow {
  padding: 30px 40px 40px 40px;
}
.inventoryrecordEditView .lineitemsblockrow .fieldLabel {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.inventoryrecordEditView .lineitemsblockrow .fieldLabel label {
  color: #515262 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
.inventoryrecordEditView .lineitemsblockrow .fieldValue {
  width: 100%;
}
.inventoryrecordEditView .lineitemsblockrow .fieldValue a {
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
}
.inventoryrecordEditView .lineitemsblockrow .fieldValue .select2-container {
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 8px 16px 10px 16px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  width: 90% !important;
}
.inventoryrecordEditView .lineitemsblockrow .fieldValue .select2-container a {
  margin: 0 !important;
}
.inventoryrecordEditView
  .lineitemsblockrow
  .fieldValue
  .select2-container
  a
  .select2-chosen {
  padding: 0 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
}
.inventoryrecordEditView
  .lineitemsblockrow
  .fieldValue
  .select2-container
  .select2-choice
  .select2-arrow
  b {
  background-image: url(/layouts/v7/resources/Images/down-arrow.png) !important;
  background-position: 3px 10px !important;
  background-size: auto !important;
}
.inventoryrecordEditView .lineitemTableContainer {
  padding: 0 55px;
}
.inventoryrecordEditView .lineitemTableContainer table.table {
  margin-bottom: 10px;
}
.inventoryrecordEditView .lineitemTableContainer table tr td {
  padding: 15px;
}
.inventoryrecordEditView .lineitemTableContainer table tr td,
.inventoryrecordEditView .lineitemTableContainer table tr td strong {
  color: #515262 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
.inventoryrecordEditView .lineitemTableContainer table tr td input,
.inventoryrecordEditView .lineitemTableContainer table tr td textarea {
  width: 100%;
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 6px 16px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  height: auto;
}
.inventoryrecordEditView .listPriceContainer {
  display: flex;
  width: 100%;
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 6px 16px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.inventoryrecordEditView
  .lineitemTableContainer
  table
  tr
  td
  .listPriceContainer
  input {
  padding: 0 !important;
  height: auto;
  margin: 0 !important;
}
.inventoryrecordEditView .lineItemModulebuttons {
  padding: 0 55px;
  width: 100% !important;
  margin: 15px 0 20px 0 !important;
}
.inventoryrecordEditView .lineItemModulebuttons .btn-group {
  margin-left: 0;
}
.inventoryrecordEditView .lineItemModulebuttons .btn-toolbar {
  padding-left: 0;
}
.inventoryrecordEditView .lineItemModulebuttons .btn-toolbar .btn,
.inventoryrecordEditView .lineItemModulebuttons .btn-toolbar #addService,
.inventoryrecordEditView .lineItemModulebuttons .btn-toolbar #addProduct {
  border-radius: 50px !important;
  background: #0a2eeb !important;
  border: 1px solid #0a2eeb !important;
  padding: 10px 18px 8px 25px !important;
}
.inventoryrecordEditView .lineItemModulebuttons .btn-toolbar .btn strong {
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  margin-right: 7px;
}
.inventoryrecordEditView .lineItemModulebuttons .btn-toolbar .btn img {
  width: 16px;
  margin-bottom: 3px;
}
.inventoryrecordEditView .lineItemResultContainer {
  padding: 0 55px;
}
.inventoryrecordEditView .lineItemResultContainer table {
  margin-bottom: 10px;
}
.inventoryrecordEditView .lineItemResultContainer table tr td {
  padding: 15px;
}
.inventoryrecordEditView .lineItemResultContainer table tr td,
.inventoryrecordEditView .lineItemResultContainer table tr td strong {
  color: #515262 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
.inventoryrecordEditView .lineItemResultContainer table tr td input,
.inventoryrecordEditView .lineItemResultContainer table tr td textarea {
  width: 100%;
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 6px 16px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  height: auto;
}
.inventoryrecordEditView
  .lineItemResultContainer
  table
  tr
  td
  input[type='radio'] {
  padding: 0 !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50px !important;
}
.inventoryrecordEditView
  .lineItemResultContainer
  table.table-bordered.lineItemTable
  div.pull-right
  span {
  align-items: center;
}
.inventoryrecordEditView .lineitemsblockrow {
  padding: 15px 55px 60px 55px;
}
.inventoryrecordEditView .lineitemsblockrow .addpayment {
  border-radius: 50px;
  background: #0a2eeb !important;
  border: 1px solid #0a2eeb !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 18px !important;
  margin-right: 10px;
  width: auto;
}
.inventoryrecordEditView .lineitemsblockrow .addpayment img {
  width: 16px;
  margin-top: 1px;
  margin-right: 4px;
}
.inventoryrecordEditView .paymentblocktable {
  padding: 30px 30px 0 30px;
}
.inventoryrecordEditView .paymentblock .fieldBlockHeader {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700;
}
.inventoryrecordEditView .paymentblock table .fieldLabel {
  color: #515262 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  padding: 0 20px;
}
.inventoryrecordEditView .paymentblock table tr td > div {
  margin: 10px 0 20px 0;
}
.inventoryrecordEditView .paymentblock table tr:last-child td > div {
  margin: 10px 0 0 0;
}
.inventoryrecordEditView .paymentblock table .fieldValue {
  margin-top: 8px;
}
.inventoryrecordEditView .paymentblock table .inputElement {
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 10px 15px !important;
  height: auto !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  width: 100% !important;
  line-height: normal;
}
.inventoryrecordEditView
  .paymentblock
  table
  .select2-container
  .select2-choice {
  margin: 0 !important;
}
.inventoryrecordEditView
  .paymentblock
  table
  .select2-container
  .select2-chosen {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  padding: 0 !important;
}
.inventoryrecordEditView
  .paymentblock
  table
  .select2-container
  .select2-arrow
  b {
  background-position: 0px 8px;
}
.inventoryrecordEditView .paymentblock table .payment-datepicker .dateField {
  padding: 0;
}
.inventoryrecordEditView .paymentblock .input-group .input-group-addon + input {
  height: auto !important;
  margin-right: 0;
}
.inventoryrecordEditView .paymentblock input.form-control {
  height: auto !important;
  float: right;
}
.inventoryrecordEditView .paymentblock table tr td .input-group-addon {
  left: 15px;
  right: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000 !important;
  font-size: 18px;
}

.copyHeaderContainer {
  margin: 5px 0 15px 0;
}
.copyHeaderContainer .col-lg-6 {
  padding-left: 40px;
  width: auto !important;
  margin-left: 0px !important;
  float: right !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
}
.copyHeaderContainer .fieldLabel > label {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 18px;
  font-weight: 500 !important;
  margin-bottom: 18px !important;
}
.copyHeaderContainer .fieldLabel .radio {
  min-height: auto;
  padding: 0;
  margin-bottom: 15px;
  margin-right: 20px;
}
.copyHeaderContainer .fieldLabel .radio label {
  color: #515262 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
.copyHeaderContainer .fieldLabel .radio input {
  vertical-align: middle;
  width: 16px !important;
  height: 16px !important;
  margin-bottom: 5px;
  margin-left: 3px;
}
.copyHeaderContainer .fieldLabel .radio input[type='radio']:checked::after {
  width: 8px;
  height: 8px;
}

/* Invoices edit view end */

/* Task management popup start */

#taskManagementContainer .entries .task-details {
  margin-right: 25px;
  align-items: flex-start;
}

/* Task management popup end */

/* Related product popup start */

.relatedpopup_modal #popupContents .select.btn.btn-default,
.relatedpopup_modal .listview-table tbody tr.searchRow .searchBtn .btn-success {
  margin: 0;
  border-radius: 4px;
  background: #0a2eeb !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  padding: 11px 30px !important;
  border: 1px solid #0a2eeb;
}
.relatedpopup_modal .listview-table thead tr:first-child > th,
.relatedpopup_modal #popupContents .listview-table tbody tr td:first-child {
  width: auto !important;
  min-width: auto !important;
  max-width: inherit !important;
}
.relatedpopup_modal .listview-table thead tr:first-child > th {
  text-align: center;
}
.relatedpopup_modal #popupContents .listview-table tbody tr td:first-child {
  text-align: right;
}
.relatedpopup_modal .listview-table tbody tr.searchRow td {
  padding: 5px !important;
}
.relatedpopup_modal tr.searchRow input[type='text'].inputElement,
.relatedpopup_modal tr.searchRow input[type='password'].inputElement,
.relatedpopup_modal tr.searchRow select.select2,
tr.searchRow .listSearchContributor,
.relatedpopup_modal
  .listview-table
  tr
  .select2-container.select2-container-multi.select2 {
  height: 40px !important;
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  background: #fff !important;
  padding: 5px;
  font-weight: 500;
}

/* Related product popup end */

/* Popover start */

.popover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.popover .popover-title {
  border-bottom: 1px solid #ccccd0 !important;
  padding: 15px !important;
  border-radius: 10px 10px 0 0;
  background: #fff;
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 18px;
  font-weight: 500;
}
.popover input[type='radio'],
.inventoryrecordEditView
  .lineitemTableContainer
  .popover
  table
  tr
  td
  input[type='radio'] {
  padding: 0 !important;
}
.popover .modal-footer {
  background: #f3f5fe !important;
  height: auto;
  border-radius: 0 0 10px 10px;
  padding: 8px 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.popover .modal-footer .popoverButton {
  margin: 0 0 0 4px !important;
  border: 1px solid #0a2eeb !important;
  color: #fff;
}
.popover .modal-footer .popoverButton strong {
  color: #fff !important;
}
.popover .modal-footer .popoverButton,
.popover .modal-footer .popoverCancel {
  display: inline-block;
  padding: 8px 9px !important;
  font-size: 14px;
  border-radius: 50px !important;
}
.inventoryrecordEditView .lineitemTableContainer .popover table tr td {
  padding: 10px 15px;
}

/* Popover end */

/* PDF maker export button design start */

div#PDFMakerContentDiv button,
.profileleftwrapper .detailViewButtoncontainer .addNewIcon .ctpaymentbutton {
  background: #2846e0 !important;
  color: #fff !important;
  padding: 8px 15px !important;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Arimo', sans-serif !important;
  border-radius: 50px !important;
  margin: 0 0 0 0 !important;
}

/* PDF maker export button design end */

/* Key metrics box design start */

.keymetrics_box {
  margin-top: 30px;
  padding: 0 10px;
}
.summaryViewFields .keymetrics_box:last-child {
  margin-bottom: 12px;
}
.keymetrics_box div[class*='col-'] {
  padding: 0 15px !important;
}
.keymetrics_box .well {
  margin: 0;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 23%);
  min-height: inherit !important;
}
.keymetrics_box .keymetrics_box_header {
  padding: 15px 12px 8px 12px;
  border-bottom: 1px solid #bdbdbd;
}
.keymetrics_box .keymetrics_box_header label {
  color: #000;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.keymetrics_box .keymetrics_box_content {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.keymetrics_box .keymetrics_box_content label {
  color: #34b3f1;
  font-family: 'Arimo', sans-serif !important;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 5px 0;
}
.customChart .btn.textual.zoomOut.module-buttons,
.customChart .btn.textual.zoomIn.module-buttons,
.customChart .btn.reportActions.btn-default.module-buttons {
  background: #2846e0;
  color: #fff !important;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Arimo', sans-serif !important;
  border-radius: 50px !important;
  display: inline-block;
}
.customChart .btn.textual.zoomOut.module-buttons,
.customChart .btn.textual.zoomIn.module-buttons {
  padding: 10px;
}
.customChart .btn.textual.zoomOut.module-buttons span,
.customChart .btn.textual.zoomIn.module-buttons span {
  font-size: inherit;
  color: #fff !important;
}

/* Key metrics box design end */

/* send to customer popup start */

.modal-dialog.CustomerSignature {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
}
.modal-dialog.CustomerSignature .modal-header button.close {
  margin-top: 0;
}
.modal-dialog.CustomerSignature .modal-header {
  height: auto;
  min-height: inherit;
  border-bottom: 1px solid #ccccd0 !important;
  padding: 22px 30px !important;
  border-radius: 15px 15px 0 0;
}
.modal-dialog.CustomerSignature .modal-header h4 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
.modal-dialog.CustomerSignature .modal-body {
  padding: 20px 30px;
}
.modal-dialog.CustomerSignature .modal-body label,
.modal-dialog.CustomerSignature .modal-body label strong {
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
.modal-dialog.CustomerSignature .modal-body .form-group {
  display: flex;
  align-items: center;
}
.modal-dialog.CustomerSignature #massEdit .modal-body .form-group .fieldLabel {
  width: 300px !important;
}
.modal-dialog.CustomerSignature .modal-body .form-group .fieldLabel,
.modal-dialog.CustomerSignature .modal-body .form-group .controls {
  float: none !important;
}
.modal-dialog.CustomerSignature .modal-body .inputElement {
  height: auto;
  padding: 10px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  display: block !important;
  float: none !important;
  cursor: pointer;
}
.modal-dialog.CustomerSignature .modal-body .inputElement .select2-choice {
  margin: 0 !important;
  height: auto;
}
.modal-dialog.CustomerSignature
  .modal-body
  .inputElement
  .select2-choice
  .select2-chosen {
  padding: 0 !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.modal-dialog.CustomerSignature
  .modal-body
  .inputElement
  .select2-choice
  .select2-arrow {
  left: 10px !important;
  top: 16%;
}
.modal-dialog.CustomerSignature .modal-body .btn {
  border-radius: 50px !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  padding: 5px 15px !important;
}
.modal-dialog.CustomerSignature .modal-body .btn strong {
  font-size: 17px !important;
  font-weight: 400 !important;
}
.modal-dialog.CustomerSignature .modal-body .form-group div .btn {
  margin-left: 10px;
}
.modal-dialog.CustomerSignature .modal-footer {
  background: #f3f5fe !important;
  border-radius: 0 0 15px 15px;
}

/* send to customer popup end */

/* Calendar screen start */

#CalendarViewContent.CalendarViewPageDiv.content-area.full-width {
  width: 100% !important;
}
.CalendarModuleView .essentials-toggle {
  top: 58px;
}
.CalendarModuleView .essentials-toggle.chevron-right,
.main-container.main-container-Calendar .essentials-toggle.chevron-right{
  top: 3px !important;
}
.CalendarModuleView .essentials-toggle[chevron-right] {
  right: 0;
}
.CalendarModuleView .essentials-toggle.chevron-left[chevron-right] {
  right: auto;
}
.CalendarModuleView
  .essentials-toggle[chevron-right]
  .essentials-toggle-marker {
  border-radius: 50px 0 0 50px;
}
.CalendarModuleView
  .essentials-toggle.chevron-left[chevron-right]
  .essentials-toggle-marker {
  border-radius: 0 50px 50px 0;
}
.CalendarModuleView .cldr-hdr-d ul {
  padding-right: 35px;
}
.CalendarModuleView .calendarSideBar div#appnav ul.navbar-nav li button {
  background: #2846e0 !important;
  color: #fff !important;
  padding: 9px 10px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  display: inline-block;
  margin-left: 5px;
}
.CalendarModuleView
  .calendarview
  .fc-header-toolbar
  .fc-left
  .fc-button-group
  button {
  background: #fff !important;
  border: 1px solid #2846e0 !important;
  color: #2846e0 !important;
  padding: 8px 12px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  height: auto !important;
}
.CalendarModuleView
  .calendarview
  .fc-header-toolbar
  .fc-left
  .fc-button-group
  button.fc-state-active {
  background: #2846e0 !important;
  color: #fff !important;
}
.CalendarModuleView
  .calendarSideBar
  .calendar-sidebar-tabs
  .sidebar-widget-header
  .add-calendar-feed {
  background-color: #2846e0 !important;
  border-radius: 50px;
  margin-left: 10px;
}

/* Calendar screen end */

/* Import popup start */

.fc-overlay-modal.modal-content.overlayImportView,
.fc-overlay-modal.modal-content.overlayExportView {
  margin: 50px 80px 0 279px !important;
  border: 0 !important;
  box-shadow: 0px 8px 32px rgb(0 0 0 / 12%);
  border-radius: 15px;
  width: auto !important;
}
.overlayImportView .modal-header,
.overlayExportView .modal-header{
  padding: 20px 30px;
  border-bottom: 1px solid #ccccd0 !important;
  flex-direction: row-reverse;
}
.ImportAdvanceSection .modal-header{
  padding: 20px 30px;
  flex-direction: row-reverse;
}
.overlayImportView .overlayHeader .modal-header .close {
  margin: 0;
}
.overlayImportView .overlayHeader.importHeaderView h4.pull-left {
  margin: 0 !important;
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.overlayImportView .importview-content {
  width: auto;
  margin: 0;
}
.overlayImportView #importContainer .breadcrumb,
.overlayImportView #importContainer .importBlockContainer {
  box-shadow: none;
  padding: 0;
}
.overlayImportView #importContainer .importBlockContainer h4 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
}
.overlayImportView #importContainer .crumbs li a span.stepText {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
}
.overlayImportView .importBlockContainer hr {
  border-bottom: 1px solid #ccccd0 !important;
}
.overlayImportView .importBlockContainer .table tbody tr td,
.overlayImportView .importBlockContainer .table tbody tr label.radio-group {
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
.overlayImportView .importBlockContainer .table .fileUploadBtn.btn.btn-primary,
.overlayImportView .importBlockContainer .table .select2-container {
  padding: 10px 16px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  background: transparent;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  height: auto;
}
.overlayImportView
  .importBlockContainer
  .table
  .select2-container
  .select2-choice {
  margin: 0 !important;
}
.overlayImportView
  .importBlockContainer
  .table
  .select2-container
  .select2-chosen {
  padding: 0 !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
}
.overlayImportView .modal-overlay-footer,
.overlayExportView .modal-overlay-footer {
  position: static;
  background: #f3f5fe;
  height: auto;
  border-radius: 0 0 15px 15px;
  width: 100%;
}
.overlayImportView .modal-overlay-footer #importStepOneButtonsDiv .btn-success {
  border-radius: 50px;
  font-size: 16px;
  padding: 10px 30px !important;
}
.overlayImportView .modal-overlay-footer #importStepOneButtonsDiv .cancelLink {
  border-radius: 50px;
  border: 1px solid #f54336;
  color: #f54336;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
}
.overlayImportView .importBlockContainer .table tr td strong,
.overlayImportView .importBlockContainer .table tr td b {
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 10px;
}
.overlayImportView .importBlockContainer .table tr td select {
  padding: 5px 10px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  background: transparent;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  overflow-y: auto;
}
.overlayImportView .importBlockContainer .table tr td option {
  padding: 5px 0;
}
.overlayImportView .importBlockContainer .table tr td .left_arrow,
.overlayImportView .importBlockContainer .table tr td .right_arrow {
  padding: 4px;
}
.overlayImportView .importBlockContainer .table tr td .left_arrow img,
.overlayImportView .importBlockContainer .table tr td .right_arrow img {
  width: 25px;
}
.overlayImportView .modal-overlay-footer button.btn.btn-default {
  background: #ced5fb !important;
  border: 1px solid #0a2eeb !important;
  color: #0a2eeb !important;
  border-radius: 50px !important;
  padding: 10px 30px !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: normal;
  margin: 0 !important;
}
.overlayImportView .modal-overlay-footer button.btn.btn-success {
  border-radius: 50px !important;
  padding: 10px 30px !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  line-height: normal;
}
.overlayImportView .modal-overlay-footer .btn-primary,
button#skipDuplicateMerge {
  background: #6c81f3 !important;
  border: 1px solid #6c81f3 !important;
  border-radius: 50px !important;
  padding: 10px 30px !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: normal;
}
.overlayImportView .modal-overlay-footer .cancelLink {
  border: 1px solid #f54336;
  color: #f54336;
  border-radius: 50px !important;
  padding: 10px 30px !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  line-height: normal;
}

.ImportAdvanceSection {
  width: 85%;
  margin: 0 auto;
  box-shadow: 0px 8px 32px rgb(0 0 0 / 12%);
  margin-left: 170px;
  margin-top: 40px !important;
  border-radius: 15px;
}
.ImportAdvanceSection .overlayHeader {
  border-radius: 15px 15px 0 0;
  padding: 20px 30px;
  border-bottom: 1px solid rgb(51 71 91 / 10%);
}
.ImportAdvanceSection .overlayHeader .modal-header .close {
  margin: 0;
}
.ImportAdvanceSection .overlayHeader .modal-header {
  padding: 0;
  height: auto;
  border-bottom: none;
}
.ImportAdvanceSection .overlayHeader .modal-header h4 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  margin: 0 !important;
}
.ImportAdvanceSection .importview-content {
  width: 100%;
  margin: 0 auto;
}
.ImportAdvanceSection .importBlockContainer {
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}
.ImportAdvanceSection .importBlockContainer .table > tbody > tr > td {
  padding: 0;
}
.ImportAdvanceSection
  .importBlockContainer
  .table
  > tbody
  > tr
  > td
  > span
  > h4 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 18px;
  font-weight: 700;
}
.importview-content .stepText {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
}
.ImportAdvanceSection label {
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
.ImportAdvanceSection input,
.ImportAdvanceSection .select2-container {
  padding: 10px 12px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  height: auto;
}
.ImportAdvanceSection .fieldIdentifier input.inputElement,
.ImportAdvanceSection .fieldIdentifier input.width75per {
  padding: 10px 16px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  height: auto;
  margin: 0;
}
.ImportAdvanceSection input[type='checkbox'] {
  padding: 0 !important;
}
.ImportAdvanceSection .select2-container .select2-choice {
  margin: 0 !important;
}
.ImportAdvanceSection .select2-container .select2-chosen {
  padding: 0 !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
}
.ImportAdvanceSection .table thead tr th {
  color: #000;
  font-family: 'Arimo', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 15px;
}
.ImportAdvanceSection .table tbody tr.fieldIdentifier {
  border: 1px solid #ddd;
}
.ImportAdvanceSection .table tbody tr.fieldIdentifier td {
  color: #000;
  font-family: 'Arimo', sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
}
.ImportAdvanceSection .modal-overlay-footer {
  position: absolute;
  background: #f3f5fe;
  height: auto;
  border-radius: 0 0 15px 15px;
  bottom: 0 !important;
}
.ImportAdvanceSection .modal-overlay-footer .cancelLink {
  border-radius: 50px !important;
  border: 1px solid #f54336 !important;
  color: #f54336 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 8px 30px !important;
}
.ImportAdvanceSection .modal-overlay-footer button.btn.btn-success {
  border-radius: 50px !important;
  font-size: 16px !important;
  padding: 8px 30px !important;
}

/* Import popup end */

/* User password popup design start */

.userPasswordModelContainer {
  box-shadow: 0px 8px 32px rgb(0 0 0 / 12%);
  border-radius: 15px;
}
.userPasswordModelContainer .modal-header {
  padding: 20px 30px;
  border-bottom: 1px solid #ccccd0 !important;
  border-radius: 15px 15px 0 0;
}
.userPasswordModelContainer .modal-header .close {
  margin-top: 0;
}
.userPasswordModelContainer .modal-header h4.pull-left {
  margin: 0 !important;
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 700;
}
.userPasswordModelContainer .modal-body {
  padding: 15px 35px;
}
.userPasswordModelContainer label {
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
.userPasswordModelContainer .form-group input[type='text'],
.userPasswordModelContainer .form-group input[type='password'] {
  padding: 10px 16px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  height: auto;
}
.userPasswordModelContainer .modal-footer {
  position: static;
  background: #f3f5fe;
  height: auto;
  border-radius: 0 0 15px 15px;
}
.userPasswordModelContainer .modal-footer .cancelLink {
  border-radius: 50px;
  border: 1px solid #f54336;
  color: #f54336;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
}
.userPasswordModelContainer .modal-footer button.btn.btn-success {
  border-radius: 50px !important;
  font-size: 16px !important;
  padding: 10px 30px !important;
  margin: 0 0 0 8px !important;
}
.userPasswordModelContainer .modal-footer button.btn.btn-success strong {
  font-size: 16px !important;
}

/* User password popup design end */

/* Calendar setting popup start */

.modal.in .modal-dialog.calendarSettingsContainer {
  width: 840px !important;
}
.calendarSettingsContainer .modal-content {
  box-shadow: 0px 8px 32px rgb(0 0 0 / 12%);
  border-radius: 15px;
}
.calendarSettingsContainer .modal-header {
  border-radius: 15px 15px 0 0;
  height: auto;
  padding: 20px 30px;
  border-bottom: 1px solid #ccccd0 !important;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.calendarSettingsContainer .modal-header .close {
  margin-top: 0;
}
.calendarSettingsContainer .modal-header h4 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  margin: 0 !important;
}
.calendarSettingsContainer .form-group .fieldLabel,
.calendarSettingsContainer .form-group .fieldValue {
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
.calendarSettingsContainer .form-group .fieldLabel {
  width: 30% !important;
  margin: 9px 0;
}
.calendarSettingsContainer .form-group .fieldValue {
  width: 68.333% !important;
}
.calendarSettingsContainer .form-group .fieldValue .select2-container {
  padding: 8px 14px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
}
.calendarSettingsContainer
  .form-group
  .fieldValue
  .select2-container
  .select2-choice {
  margin: 0 !important;
  height: auto;
}
.calendarSettingsContainer
  .form-group
  .fieldValue
  .select2-container
  .select2-chosen {
  padding: 0 !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
}
.calendarSettingsContainer
  .form-group
  .fieldValue
  .select2-container
  .select2-choice
  .select2-arrow
  b {
  background-position: 0px 8px;
}
.calendarSettingsContainer .form-group input[type='radio'] {
  vertical-align: middle;
}
.calendarSettingsContainer
  form#CalendarSettings
  input[type='radio']:checked::after {
  transform: inherit !important;
  top: 2px !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
}
.calendarSettingsContainer .modal-footer {
  background: #f3f5fe;
  height: auto;
  border-radius: 0 0 15px 15px;
  justify-content: center;
}
.calendarSettingsContainer .modal-overlay-footer .cancelLink {
  border-radius: 50px;
  border: 1px solid #f54336;
  color: #f54336;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
}
.calendarSettingsContainer .modal-footer button.btn.btn-success {
  border-radius: 50px !important;
  font-size: 16px;
  padding: 10px 30px !important;
  margin: 0 0 0 10px !important;
}
.calendarSettingsContainer .modal-footer button.btn.btn-success {
  font-size: 16px;
}
.overlayPageContent.full-width
  .main-container.main-container-Calendar
  .cldr-hdr-d.cldrListing {
  max-width: calc(100% - 15px);
}

/* Calendar setting popup end */

/* Import calendar information popup start */

.overlayImportView .modal-header h4 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  margin: 0 !important;
}
.overlayImportView .modal-body {
  border-radius: 0 0 15px 15px;
}
.landingPage.importServiceSelectionContainer {
  min-height: 300px;
  margin-top: 15px;
}
.overlayImportView .modal-body .importServiceSelectionContainer .col-lg-12 {
  color: #051152;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
}
.overlayImportView .importServiceSelectionContainer #icsImport {
  float: right !important;
}
.overlayImportView .importServiceSelectionContainer .app-item {
  border-radius: 15px;
  padding: 20px 10px !important;
}
.overlayImportView .importServiceSelectionContainer .app-item h4 {
  margin: 15px 0 0 0;
}

/* Import calendar information popup end */

/* Automation popup start */

.wtaskoverlaymodal {
  width: 85%;
  margin: 50px auto 0 auto !important;
  border: 0;
  box-shadow: 0px 8px 32px rgb(0 0 0 / 12%);
  border-radius: 15px;
}
.wtaskoverlaymodal .modal-content {
  border-radius: 15px;
}

.wtaskoverlaymodal .modal-content .form-group{
  margin-bottom: 15px;
}

.wtaskoverlaymodal .modal-header {
  border-bottom: 1px solid #ccccd0 !important;
  padding: 18px 20px !important;
  border-radius: 15px 15px 0 0 !important;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.wtaskoverlaymodal .modal-header h4 {
  color: #051152 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  margin: 0;
}
.wtaskoverlaymodal .modal-header button.close {
  margin: 0 !important;
}
.wtaskoverlaymodal .modal-header button.close span img {
  opacity: 1 !important;
}
.wtaskoverlaymodal .modal-body {
  padding: 20px 30px 0 30px !important;
  position: relative;
  overflow-y: auto;
  border-radius: 0 0 15px 15px;
}
.wtaskoverlaymodal .modal-body label,
.wtaskoverlaymodal .modal-body .addcclink {
  color: #515262;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
.wtaskoverlaymodal .form-group input[type='text'],
.wtaskoverlaymodal .form-group textarea,
.wtaskoverlaymodal .form-group .select2-container,
.wtaskoverlaymodal .select2-container {
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  padding: 10px 16px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
}

.wtaskoverlaymodal .form-group textarea{
  min-height: 150px;
}

.wtaskoverlaymodal .form-group input[type='text'],
.wtaskoverlaymodal .form-group .select2-container,
.wtaskoverlaymodal .select2-container{
  height: auto !important;
}
.wtaskoverlaymodal .form-group .select2-container .select2-choice,
.wtaskoverlaymodal .select2-container .select2-choice {
  margin: 0 !important;
}
.wtaskoverlaymodal .form-group .select2-container .select2-chosen,
.wtaskoverlaymodal .select2-container .select2-chosen {
  padding: 0 !important;
  margin: 0 !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: normal !important;
}
.wtaskoverlaymodal .modal-overlay-footer {
  position: absolute;
  z-index: 99;
  bottom: 0 !important;
  top: auto !important;
  height: auto !important;
  background: #f3f5fe !important;
  border-radius: 0 0 15px 15px;
}
.wtaskoverlaymodal .modal-overlay-footer button.btn.btn-success {
  margin: 0 0 0 10px !important;
  padding: 10px 25px !important;
  border-radius: 50px;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px !important;
}
.wtaskoverlaymodal .modal-overlay-footer a.cancelLink {
  padding: 10px 25px !important;
  border-radius: 50px;
  border: 1px solid #f54336;
  color: #f54336;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px !important;
}
.wtaskoverlaymodal .time .input-group-addon {
  padding-left: 0 !important;
  right: auto !important;
  left: 15px;
  border: none !important;
  color: #000 !important;
  font-size: 16px;
}
.wtaskoverlaymodal .cwebhookbutton {
  margin: 0 0 0 10px !important;
  padding: 9px 20px !important;
  border-radius: 50px;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px !important;
  background: #0a2eeb !important;
  border: 1px solid #0a2eeb !important;
  color: #fff;
  font-weight: 400;
  text-shadow: none;
}

/* Automation popup end */

/* Sidebar essentials design in document module start */

.document-sidebar-container .search-list {
  padding: 8px 10px;
  color: #828282;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid #ccccd0;
}
.document-sidebar-container .menu-scroller .lists-menu > li > a {
  float: none;
}
.document-sidebar-container button#createFolder {
  background: none;
  box-shadow: none;
  margin: 0 0 0 10px;
  padding: 0;
}
.document-sidebar-container .menu-scroller .lists-menu .listViewFilter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.document-sidebar-container
  .menu-scroller
  .lists-menu
  .listViewFilter
  .filterName {
  width: auto;
}

/* Sidebar essentials design in document module end */

.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting
  .editViewPageDiv
  > div.col-lg-12 {
  border-radius: 15px;
}
.settingsPageDiv .modal-overlay-footer {
  margin-right: 0 !important;
}

@media screen and (min-width: 1200px) {
  nav.navbar.navbar-inverse.navbar-fixed-top.app-fixed-navbar
    .app-nav
    .row
    .module-action-content
    .col-lg-5 {
    width: 61.666667%;
  }
  nav.navbar.navbar-inverse.navbar-fixed-top.app-fixed-navbar
    .app-nav
    .row
    .module-action-content
    .col-lg-7 {
    width: 38.333333%;
  }
}
@media screen and (max-width: 1400px) {
  #taskManagementContainer .title {
    font-size: 16px;
    line-height: 23px;
  }
  #taskManagementContainer .entries .taskSubject .quickPreview {
    font-size: 14px;
    line-height: 21px;
  }
  #taskManagementContainer
    .entries
    .more.related_container
    span
    .recordName
    .quickPreview,
  #taskManagementContainer .entries .other-details .task-details .taskStatus,
  #taskManagementContainer .entries .task-details .taskDueDate {
    font-size: 11px;
    line-height: 19px;
  }
  #taskManagementContainer .entries .more.related_container > span img {
    width: 18px;
    height: 18px;
  }
  #taskManagementContainer .entries .task-body .taskSubject {
    width: 80%;
  }
  #taskManagementContainer
    .entries
    .more.related_container
    > span
    > span:nth-of-type(1) {
    width: 22%;
    display: flex;
  }
  .settingsgroup.settingsSubMenu
    .settingsgroup-accordion-container
    > div
    span.settingsgroup-subheading {
    max-width: 160px;
  }
  .app-fixed-navbar .global-nav .col-sm-3 {
    margin-right: auto;
    width: 385px !important;
  }
  .related-tabs.row .nav > li > a,
  .subMenuTab .nav > li > a {
    padding: 0 8px;
    font-size: 12px !important;
  }
  .related-tabs.row .nav > li > a img,
  .subMenuTab .nav > li > a img {
    width: 16px;
  }
  .related-tabs.row .nav > li,
  .nav-tabs.nav > li {
    margin: 10px 5px;
  }
  .settings-action-bar .subMenuTab ul.nav.nav-tabs {
    padding: 15px;
  }
  /*.main-container.settingspagecontentwrapper
  .settingsPageDiv.content-area.vtigerSetting{
    max-width: calc(100% - 20%);
  }*/
  div#taskManagementOtherFilters .select2-container.select2-container-multi.select2 .select2-search-choice div {
    font-size: 13px;
  }

  #taskManagementContainer .dateFilters button.btn.btn-default {
    padding: 8px 10px !important;
    font-size: 13px;
  }
  div#taskManagementOtherFilters .select2-container.select2-container-multi.select2 .select2-search-choice {
      border-radius: 4px;
      border: 1px solid #ccccd0 !important;
      padding: 5px 20px 5px 10px !important;
      margin: 5px 2px 5px 3px !important;
  }
  #taskManagementContainer .entries .task-details {
    width: 55%;
  }
  #taskManagementContainer .entries .task-details {
    margin-right: 2px;
  }
}

.vt-notification-danger {
  border: 1px solid #f54336;
  border-right: 5px solid #f54336;
  border-radius: 5px;
  background: #fde4e1;
}
.vt-notification-success {
  border: 1px solid #4eaf51;
  border-right: 5px solid #4eaf51;
  border-radius: 5px;
  background: #e6f3e5;
}
.vt-notification-danger .notificationHeader [data-notify='title'],
.vt-notification-success .notificationHeader [data-notify='title'] {
  color: #000;
}
.vt-notification-danger [data-notify='message'],
.vt-notification-success [data-notify='message'] {
  color: #000;
}
.vt-notification-danger .fa-warning {
  color: #f54336;
}
.vt-notification-incomingcall {
  background: #ffffff;
  box-shadow: 0px 4px 20px 2px #4665b5;
  height: 251px;
  width: 370px;
  border-radius: 5px;
  border-right: 5px solid #4665b5;
}
.vt-notification-incomingcall .notificationHeader [data-notify='title'] {
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  line-height: 26.16px;
  text-align: right;
}
.vt-notification-incomingcall [data-notify='message'] {
  margin-right: 30px;
}
.vt-notification-incomingcall .pbxcall #caller {
  font-size: 17px;
  font-weight: 500;
  line-height: 22.24px;
  color: #000000;
}
.vt-notification-incomingcall .pbxcall #caller a {
  color: #000000;
}
.vt-notification-incomingcall .quickCreateModule_custom {
  width: 140px !important;
  height: 35px;
  padding: 6px 12px 7px 12px;
  border-radius: 50px;
  border: 1px solid #333333;
}
.vt-notification-incomingcall .quick-create-module {
  color: #000000;
}
.vt-notification-Events {
  width: 500px;
  height: 180px;
  border-radius: 5px;
  background: rgb(255, 255, 255);
  border: 1px solid #b51aff;
  box-shadow: 0px 0px 5px 0px #b51aff;
  border-right: 5px solid #b51aff;
}
.vt-notification-Events .notificationHeader [data-notify='title'] {
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  line-height: 23.44px;
  text-align: right;
  display: inline;
}
.vt-notification-Events .event_reminder {
  margin-left: 5px;
}
.vt-notification-Events [data-notify='message'] {
  color: #000000;
  margin-right: 15px !important;
}
.vt-notification-Events .status {
  width: 95px;
  height: 30px;
  padding: 10px;
  border-radius: 5px;
  background: #fde4e1;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 10px;
  text-align: center;
}
.vt-notification-Events .font16px {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  text-align: right;
}
.vt-notification-Events .fieldvalue {
  color: #0a2eeb;
}
.vt-notification-Calendar {
  width: 500px;
  height: 145px;
  border-radius: 5px;
  background: rgb(255, 255, 255);
  border: 1px solid #4eaf51;
  box-shadow: 0px 0px 5px 0px #5bb82f;
  border-right: 5px solid #4eaf51;
}
.vt-notification-Calendar .notificationHeader [data-notify='title'] {
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  line-height: 23.44px;
  text-align: right;
  display: inline;
}
.vt-notification-Calendar .event_reminder {
  margin-left: 5px;
}
.vt-notification-Calendar [data-notify='message'] {
  color: #000000;
  margin-right: 15px !important;
}
.vt-notification-Calendar .status {
  width: 95px;
  height: 30px;
  padding: 10px;
  border-radius: 5px;
  background: #fde4e1;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 10px;
  text-align: center;
}
.vt-notification-Calendar .font16px {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  text-align: right;
}
.vt-notification-Calendar .fieldvalue {
  color: #0a2eeb;
}
.vt-notification-Events .notificationHeader [data-notify='title'] a,
.vt-notification-Calendar .notificationHeader [data-notify='title'] a{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
}
#listview-actions .label-success.badge {
  background-color: #0a2eeb;
}
#listview-actions .searchWorkflows {
  width: 90%;
}
#listview-actions .fa-search {
  font-size: 20px;
}
#listview-table .listViewContentHeader th {
  text-align: center;
}
.foldersContainer .select2-container {
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  height: auto !important;
  margin: 0;
}
.foldersContainer .select2-container .select2-choice .select2-arrow {
  top: 10%;
}
#workflow_edit .editViewContents .form-group .control-label {
  color: #515262 !important;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
}

#workflow_edit .editViewContents .form-group .form-control#summary{
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 10px 16px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  min-height: 100px !important;
  margin: 0;
  width: 100% !important;
}

#workflow_edit .editViewContents .form-group .form-control.inputElement,
#workflow_edit .editViewContents .form-group .select2-container,
#workflow_edit .editViewContents .form-group .inputElement {
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 10px 16px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  height: auto !important;
  margin: 0;
  width: 100% !important;
}

#workflow_edit .editViewContents .form-group .controls span {
  text-align: right !important;
}
.settingspagecontentwrapper .settingsPageDiv .detailViewButtoncontainer .btn-group .btn,
.settingspagecontentwrapper .settingsPageDiv .outlookconfigurationboxheader .btn-group .btn,
.editbutton-container button#updateCompanyDetails,
.settingspagecontentwrapper .settingsPageDiv .leadsFieldMappingListPageDiv .settingsHeader .leadmappingeditbtn {
  opacity: 1 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  margin: 0 10px 0 0 !important;
  position: relative;
  line-height: 40px;
  padding: 0;
  text-align: center;
  border: 1px solid #051152 !important;
  background: #fff !important;
}
.modal-overlay-footer button.btn.btn-success,
.modal-footer button.btn.btn-success,
.editViewContainer button.btn.btn-success.saveButton,
.CTPaymentNewEmailTemplates button.btn.btn-success,
.CTPayemntSignatureTemplate button.btn.btn-success,
.modal-overlay-footer button.btn.btn-danger.backStep,
.CTPaymentDefaultTemplates button.btn.btn-success,
.forecaststep1 #step1next button.btn.btn-success,
#deleteItemForm .modal-footer button.btn.btn-danger,
.editViewPageDiv button.btn.btn-success#nextButton,
.myModal button.btn.btn-success#submitbutton {
  border-radius: 50px !important;
  font-size: 16px !important;
  padding: 10px 30px !important;
  margin-left: 5px;
  line-height: unset;
}

.modal-overlay-footer button.btn.btn-success strong,
.modal-footer button.btn.btn-success strong,
.editViewContainer button.btn.btn-success.saveButton strong,
.CTPaymentNewEmailTemplates button.btn.btn-success strong,
.CTPayemntSignatureTemplate button.btn.btn-success strong{
   font-size: 16px !important;
}

.CTPaymentNewEmailTemplates center div,
.CTPaymentDefaultTemplates center div,
.CTPayemntSignatureTemplate center div,
.modal-overlay-footer div.textAlignCenter,
.modal-footer center{
  display: flex;
  justify-content: center;
  align-items: center;
}

#CompanyDetailsContainer .fieldLabel {
  width: 25% !important;
}
#detailView .contents .block_LBL_CALENDAR_SETTINGS .row div a {
  opacity: 1 !important;
}
#TaxCalculationsContainer .marginBottom10px button {
  background: #0a2eeb;
  border: 1px solid #0a2eeb !important;
}
.settingsPageDiv form#EditView .addButton,
.settingspagecontentwrapper
  .settingsPageDiv
  .leadsFieldMappingListPageDiv
  .settingsHeader
  .btn,
.treeView li .toolbar-handle .btn.app-MARKETING {
  background: #0a2eeb !important;
  border-color: #0a2eeb !important;
}
#listview-actions .btn-group.userFilter button.btn.btn-default.btn-primary {
  background: #0a2eeb !important;
}

.ds-con.DashboardsubMain:hover .ds-det div b center {
  color: #2846e0 !important;
}

.settingspagecontentwrapper .detailViewContainer .btn.btn-success,
.CTPowerBlocksFields-wrapper #showbutton .btn-success {
  margin-left: 10px;
}
.layoutContent .fieldsListContainer .addCustomBlock,
.layoutBlockHeader .addCustomField,
.layoutBlockHeader .inActiveFields,
.settingspagecontentwrapper .detailViewContainer .btn.btn-success,
.CTPowerBlocksFields-wrapper #showbutton .btn-success,
.digitasignature-container .widget_header .btn-success,
.layoutContent li.dummyRow button.addButton,
.editFieldsTable .deleteCustomBlock,
.ctpowerblockfieldheader button {
  padding: 8px 20px !important;
  border-radius: 50px !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 14px !important;
  background: #0a2eeb !important;
  border: 1px solid #0a2eeb !important;
  font-weight: 400 !important;
}
.layoutContent li.dummyRow button.addButton {
  /*padding: 8px 15px !important;*/
  background: none !important;
  background-color: none !important;
  border: none !important;
}
.settingspagecontentwrapper .detailViewContainer .btn.btn-success strong,
.CTPowerBlocksFields-wrapper #showbutton .btn-success strong,
.ctpowerblockfieldheader button b {
  font-size: 16px !important;
}
.listViewEntries.edited .listViewEntryValue {
  background-color: transparent !important;
}
.listview-table tbody tr td .fieldValue .value .picklist-color {
  padding: 6px 11px;
}

button#Reports_listView_basicAction_Add,
.reportsDetailHeader button.btn.btn-default.customReportBtn,
.reportsDetailHeader button.btn.btn-default.customReportBtnpinToDashboard,
.reportsDetailHeader button.btn.btn-default[name='modify_condition'] {
  background: #2846e0 !important;
  border-radius: 4px;
}

.listview-table tbody tr td .table-actions a.fa.pinToDashboard,
.listview-table tbody tr.listViewEntries td span.vicon-detailreport,
.listview-table tbody tr.listViewEntries td span.fa {
  font-family: 'Vtiger-icons' !important;
}

.listview-table tbody tr.listViewEntries td span.fa-pie-chart {
  font-family: 'FontAwesome' !important;
}

.leadduplicate {
  font-family: Roboto;
  font-size: 8px;
  font-weight: 500;
  line-height: 9.38px;
  text-align: center;
  width: 43px;
  /* height: 13px; */
  top: 20px;
  left: 18px;
  padding: 7px;
  border-radius: 5px;
  background: var(--Gray-100, #ebebec);
  margin: 0 !important;
}

.leadduplicate:hover {
  border: 1px solid #0a2eeb !important;
}

#menubar_quickCreate {
  background: var(--Blue-600, #0a2eeb);
  border-radius: 4px;
  padding: 8px 21px !important;
}
#menubar_quickCreate img {
  width: 16px;
  height: 16px;
}

.menu_calendar {
  border-radius: 4px !important;
  border: 1.5px solid var(--Gray-200, #ccccd0);
  padding: 5px 7px !important;
}
.menu_calendar span {
  margin-right: 8px;
  font-size: 16px;
  font-weight: 500;
}

.menu_taskManagement {
  padding: 5px 7px !important;
  border-radius: 4px !important;
  border: 1.5px solid var(--Gray-200, #ccccd0);
}
.navbar-fixed-top #navbar .navbar-nav > li {
  margin: 0 5px;
  float: right;
}
.menu_taskManagement span {
  margin-right: 8px;
  font-size: 16px;
  font-weight: 500;
}

.global-nav .navbar-nav > li.dropdown div a.dropdown-toggle.whatsapp img {
  width: 26px !important;
  height: 26px !important;
}
/*.global-nav .navbar-nav > li.dropdown div a.dropdown-toggle.whatsapp {
  margin-left: -10px;
}*/
.global-nav
  .navbar-nav
  > li.dropdown
  div
  a.dropdown-toggle.whatsapp
  .counterMsgs {
  padding: 4px 3px !important;
}

.listViewPageDiv
  #listview-actions
  .flotRightNone
  .flotRightNonecontainer
  .flotRightNoneanchor {
  border-radius: 5px;
  border: 1px solid var(--Blue-600, #0a2eeb);
  background: var(--Blue-200, #ced5fb);
  padding: 8px 10px;
}

.listViewPageDiv #listview-actions .flotRightNone .flotRightNonecontainer{
  display: flex;
  align-items: center;
  gap: 5px;
}

.listViewPageDiv #listview-actions .flotRightNone .flotRightNonecontainer span {
  border-radius: 5px;
  background: var(--Gray-100, #ebebec);
  padding: 8px 10px;
  display: inline-block;
  max-width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listViewPageDiv #listview-actions .flotRightNone .flotRightNonecontainer span b {
  font-weight: bold;
}

.listViewPageDiv #listview-actions .row {
  flex-direction: row-reverse;
  align-items: center;
  display: flex;
}

.emptyRecordsDiv .emptyRecordsContent .addRecordButton {
  width: 135px;
  height: 41px;
  padding: 10.5px 20px 10.5px 20px;
  gap: 10px;
  border-radius: 50px;
  background: #0a2eeb;
  color: #ffffff !important;
}
.emptyRecordsDiv .emptyRecordsContent .importRecordButton {
  width: 135px;
  height: 41px;
  padding: 10.5px 20px 10.5px 20px;
  gap: 10px;
  border-radius: 50px;
  border: 1px solid #0a2eeb !important;
  background: #ced5fb !important;
  margin-right: 15px;
}

.emptyRecordsDiv .emptyRecordsContent div {
  margin-bottom: 20px;
}

.emptyRecordsMessage span {
  color: #0a2eeb !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}
.accessdenied-container {
  background: #fff;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.accessdenied-container > div{
  width: auto;
}
.accessdenied-text {
  margin-bottom: 35px;
  line-height: 28.3px;
  font-weight: 600;
  color: var(--Blue-600, #0a2eeb);
  font-size: 24px;
}
.accessdenied-backbutton {
  background: #ced5fb;
  color: #0a2eeb;
  border-radius: 50px;
  padding: 10px 20px;
  border: 1px solid var(--Blue-600, #0a2eeb);
  margin-bottom: 35px;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  display: flex;
  font-size: 16px;
}
.accessdenied-backbutton img {
  margin-left: 10px;
}
.logout-footer-container {
  display: flex;
  justify-content: space-between;
}

#logout-footer .user-mypreference,
#logout-footer .user-mypreference-container {
  display: flex;
  align-items: center;
}

#logout-footer .signout-container {
  display: flex;
  align-items: center;
}
#logout-footer .signout-container a {
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
}
.detailViewContainer span.tab-icon img,
span.tab-icon i {
  /* min-width: 22px; */
  min-height: 22px;
  max-width: 22px !important;
}

.detailViewContainer .related-tabs.row .nav > li > a span.tab-label img {
  max-width: 22px;
  min-height: 22px;
}

.detailViewContainer .related-tab-more-element a:hover {
  background-color: #6c81f3 !important;
  border: none;
  color: #ffffff !important;
}

.detailViewContainer .related-tab-more-element a .tab-label {
  height: 22px !important;
}

.detailViewContainer .related-tabs.row .nav > li.active a {
  display: flex;
  align-items: center !important;
}
.detailViewContainer .related-tabs.row .nav > li > a {
  display: flex;
  align-items: center !important;
}
.detailViewContainer .related-tabs .tab-label {
  display: inline-block;
  height: 26px !important;
  line-height: 0 !important;
}
.detailViewContainer .related-tabs.row .nav > li.moreTabElement > a:hover {
  background-color: #6c81f3;
  border: none;
  color: #ffffff !important;
}
.detailViewContainer .related-tabs.row .nav > li.detailviewtab a .tab-label {
  height: 22px !important;
}

.settingsgroup-heading-panel {
  border-bottom: 1px solid #ebeff2;
  text-align: center;
  padding: 11px 0;
}

.settings-action-bar .module-action-content .current-filter-name,
.settings-action-bar .module-action-content .fa-angle-right {
  font-size: 24px;
  font-weight: 600;
  color: #051152;
}
.settings-action-bar .module-action-content .col-lg-7 {
  display: flex;
  align-items: center;
}

.settings-action-bar .addNewIcon button.btn.btn-default.editButtonNew {
  border: 1.5px solid #ccccd0;
  color: #28293d !important;
  background: transparent !important;
  text-shadow: none;
  padding: 10px 12px;
  margin: 0 10px 0 0;
  border-radius: 50px !important;
  font-size: 13px;
  font-family: 'Arimo', sans-serif !important;
  font-weight: bold;
  outline: 0 !important;
}

.settings-action-bar .addNewIcon button.btn.btn-default.editButtonNew img {
  margin-left: 5px;
}

.settings-action-bar .addNewIcon button.btn.btn-default.dropdownbutton {
  margin-right: 10px;
  padding: 9px 15px;
  border-radius: 50px;
  border: 1px solid #ccccd0;
  background: #fff !important;
}

.settings-action-bar .addNewIcon button.addButton {
  background: #0a2eeb;
  color: #ffffff !important;
  padding: 9px;
}

.userPreferences .detailview-fullcontent .block .blockData .fieldValue .action {
  top: 44% !important;
}

.userPreferences
  .detailview-fullcontent
  .block
  .blockData
  .fieldValue
  span.ajaxEdited {
  width: 100%;
}

.settingsPageDiv .select2-container{
  border-radius: 4px !important;
  border: 1px solid #ccccd0 !important;
  padding: 5px 16px !important;
  color: #000 !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  height: auto !important;
  margin: 0;
}

.settingsPageDiv .select2-container .select2-choice .select2-arrow b {
    background-position: 0px 8px !important;
    background-image: url(/layouts/v7/resources/Images/down-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}

.mailConverterBtn.btn-group{
  float: left;
  gap: 10px;
}
.settingspagecontentwrapper .settingsPageDiv .leadsFieldMappingListPageDiv .settingsHeader .btn.leadmappingeditbtn{
    border: 1.5px solid #ccccd0 !important;
    color: #28293d !important;
    background: transparent !important;
    text-shadow: none;
    margin: 0 10px 0 0;
    border-radius: 50px !important;
    font-size: 13px;
    font-family: 'Arimo', sans-serif !important;
    font-weight: bold;
    outline: 0 !important;
}

.listViewPageDiv #listview-actions .workflowListContainer .row,
.listViewPageDiv #listview-actions.FieldCalculationDiv .row,
.listViewPageDiv #listview-actions.WebformsDiv  .row{
  flex-direction: row !important;
}

.settingsPageDiv #listview-actions button.btn.btn-default.addButton{
  background: #0a2eeb !important;
  color: #ffffff !important;
  padding: 9px 10px;
  border-radius: 4px !important;
}

.settingsPageDiv #layoutEditorContainer .select2-container{
  width: 50% !important;  
}

.settingsPageDiv #layoutEditorContainer .duplicateHandlingContainer .select2-container,
.settingsPageDiv #layoutEditorContainer #addRelationContainer .select2-container{
  right: 0px;
}
#addRelationContainer .modal-overlay-footer{
  z-index: 1000;
  bottom: 0 !important;
}

.addpicklistvalue-form .select2-container .select2-choices .select2-search-field input,
.createFieldModal .select2-container .select2-choices .select2-search-field input,
#findDuplicate .select2-container .select2-choices .select2-search-field input,
#composeEmailContainer .select2-container .select2-choices .select2-search-field input,
.reportContents .select2-container .select2-choices .select2-search-field input,
.basicCreateView .select2-container .select2-choices .select2-search-field input,
#detailView .select2-container .select2-choices .select2-search-field input,
.editViewPageDiv.webformeditview .select2-container .select2-choices .select2-search-field input,
.editViewPageDiv .entityModuleEditView .select2-container .select2-choices .select2-search-field input,
#filterContainer .select2-container .select2-choices .select2-search-field input,
.listViewPageDiv .select2-container .select2-choices .select2-search-field input,
#workflow_edit .select2-container .select2-choices .select2-search-field input,
#taskManagementContainer .select2-container .select2-choices .select2-search-field input,
form[name="EditGroup"] .select2-container .select2-choices .select2-search-field input{
  display: block !important;
}

.selectEmailTemplateListPopup .popupEntriesDiv::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f7f8fb;
}

.selectEmailTemplateListPopup .popupEntriesDiv::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 20px;
  border: 3px solid #C2CFE0;
}

#composeEmailContainer input#signature:not(.no-hover) {
  background: transparent !important;
  border: 1px solid #000000 !important;
}

#composeEmailContainer input#signature:checked{
  border: 1px solid #c2cfe0;
  background: #0a2eeb !important;
  border-color: #0a2eeb !important;
}

::-webkit-scrollbar{
  width: 6px;
  height: 6px;
  background-color: #f7f8fb;
}
::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 20px;
  border: 3px solid #C2CFE0;
}
.editViewContents input.form-control {
    height: unset !important;
    padding: 0 !important;
}

.detailViewButtoncontainer .btn.startTimeTracker.dnTimeTracker {
  color:#4EAF51 !important; 
  background:#E6F3E5;
  border:1px solid #4EAF51;  text-shadow:none;
  border-radius:20px !important;
  font-family:Assistant, sans-serif !important;
  margin-left:15px !important;
  margin-right:15px !important;
  float:right;
  font-size:16px;
  font-weight:500;
  float:initial;
  width: 140px;
  height: 40px;
}

.detailViewButtoncontainer .btn.endTimeTracker.dnTimeTracker{
  color:#F54336 !important;
  background: #FDE4E1;
  border:1px solid #F54336;
  font-size:16px;
  font-weight:500;
  float:initial;
  border-radius:20px !important;
  font-family:Assistant, sans-serif !important;
  margin-left:15px !important;
  margin-right:15px !important;
  float:right;
  height: 40px;
}

.navbar .btn.endTimeTracker{
  color:#F54336 !important;
  background: #FDE4E1;
  border:1px solid #F54336;
  font-size:16px;
  font-weight:500;
  float:initial;
  border-radius:20px !important;
  font-family:Assistant, sans-serif !important;
  margin-left:15px !important;
  margin-right:15px !important;
  float:left;
  height: 40px;
}

.navbar .btn.endTimeTracker .rlabel{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 52px;
  /*float: left;*/
  font-size: 14px;
  direction: ltr;
  margin-top: -1px;
}

.reportContents .modal-overlay-footer{
  height: 90px !important;
}

.emailTemplatesDetails .open .dropdown-menu{
  right: 0px !important;
}

#taskManagementContainer .dateFilters button.btn.btn-default.rangeDisplay{
  top: -55px;
  position: absolute;
}

.editViewPageDiv #EditView .modal-overlay-footer {
  position: fixed !important;
}

.ModuleCreater-container #layoutEditorContainer.container-fluid{
  max-width: calc(100% - 150px) !important;
}

.ModuleCreater-container #layoutEditorContainer.container-fluid .modal-overlay-footer{
  z-index: 1006 !important;
  bottom: 5px !important;
}

#detailView .detailview-table .input-group.editElement input[type='checkbox']{
  border: 1px solid #ddd !important;
  min-height: unset !important;
  height: 20px !important;
  width: 20px !important;
  flex: none;
}

#EditRecordCreator .modal-overlay-footer{
  z-index: 1006 !important;
}

.settingsPageDiv  button.btn.btn-success.saveButton,
.settingsPageDiv  button.btn.btn-success.editButton,
.settingsPageDiv #WooCommerceConfiguration button.btn.btn-success,
.duplicateHandlingContainer .formFooter.show button.btn.btn-success,
.EditCTPayment button.btn.btn-success.MyOfficeGuy,
.EditCTPayment button.btn.btn-success.Paypal,
.CTPowerBlocksFields-wrapper .row-fluid.btn-wrapper button.btn,
.editViewPageDiv #step1 button.btn.btn-success
{
  border-radius: 50px !important;
  font-size: 16px !important;
  padding: 7px 30px !important;
  margin-left: 5px;
  line-height: unset;
  border: none !important;
}

.duplicateHandlingContainer .formFooter.show{
  display: flex !important;
}

#WooCommerceConfiguration center{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#EditConfigEditor .contents .row-fluid div.pull-right{
  display: flex;
}

.ctmobilelicensesetup .row-fluid div.pull-right{
  display: flex;
}

.settingsPageDiv.vtigerSetting .listViewPageDiv #listview-actions .row {
    /* Your CSS properties here */
    flex-direction: row !important;
}

#fieldCalculation_Edit .listview-table-norecords .table-actions {
  top:-7px !important;
}
.settingspagecontentwrapper .detailViewContainer .calendarsettingdetailview #Users_detailView_fieldValue_dayoftheweek
{
  width: 100% !important;
}

.settingspagecontentwrapper .detailViewContainer .calendarsettingdetailview .fieldValue.td .edit{
  width: 100% !important;
}

#dashboardEdit .modal-overlay-footer{
  position: fixed !important;
}

#dashboardEdit .editViewBody .editViewContents {
    overflow-y: auto;
    height: calc(100vh - 80px);
}

.editViewPageDiv #dashboardEdit .editViewBody .dashboardEditcontent .select2-container .select2-choice .select2-arrow b {
    background-position: 0px 8px !important;
    background-image: url(/layouts/v7/resources/Images/down-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}

.editViewPageDiv #dashboardEdit .editViewBody .dashboardEditcontent .inputElement,
.currencyModalContainer  #editCurrency .form-group .inputElement{
    width: 100% !important;
    border-radius: 4px !important;
    border: 1px solid #ccccd0 !important;
    padding: 10px 16px !important;
    height: auto !important;
    font-size: 16px;
}

.editViewPageDiv #dashboardEdit .editViewBody .dashboardEditcontent .form-control.jscolor{
  height: 30px !important;
}

/*.inactiveFieldsModal .inactiveFieldsForm .modal-footer{
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}*/

.EditCTPayment input[type='checkbox']{
  border: 1px solid rgb(51 71 91 / 27%) !important;
}

.currencyModalContainer  #editCurrency .form-group .controls.fieldValue{
  width: 300px !important;
}

#pickListDependencyForm .listview-table tbody tr td{
  white-space: break-spaces !important;
}

.settingsPageDiv.vtigerSetting .listViewPageDiv.ManageUsers #listview-actions .row {
  flex-direction: row-reverse !important;
}

.module-action-content .module-buttons#Users_listView_basicAction_LBL_ADD_RECORD:active,
.module-action-content .module-buttons#Users_listView_basicAction_LBL_ADD_RECORD:hover,
.module-action-content .module-buttons#Users_listView_basicAction_LBL_ADD_RECORD.focus,
.module-action-content .module-buttons#Users_listView_basicAction_LBL_ADD_RECORD.active,
.PBXManager-module-action-content .module-buttons:active,
.PBXManager-module-action-content .module-buttons:hover,
.PBXManager-module-action-content .module-buttons.focus,
.PBXManager-module-action-content .module-buttons.active
{
  background: #2846e0 !important;
}

.PBXManager-module-action-content .module-buttons.addButton{
  border-radius: 50px !important;
}

.picklistDependencyPageDiv.listViewPageDiv #listview-actions .row:not(.list-content) {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}

.main-container-Calendar .listview-popup-container {
  /*z-index: 1 !important;*/
  left: 0% !important;
}

#importModules .modal-overlay-footer{
  position: fixed;
  z-index: 1006;
  bottom: 5px !important;
}

.detailViewContainer .updates_timeline .update_icon img.update_image,
.quickPreview .updates_timeline .update_icon img.update_image{
  width: 32px !important;
  border-radius: 50% !important;
  height: 32px !important;
}


.profileleftwrapper .detailViewButtoncontainer .addNewIcon .btn-default#Documents_detailView_basicAction_LBL_VIEW_FILE{
  border: 1px solid #051152 !important;
  background: #fff !important;
}

.detailview-fullcontent .block .blockData .fieldValue#Documents_detailView_fieldValue_filename .value a{
  color: #2846e0 !important;
}

/* CSS by Viraj Start's */
.amount-container {
    display: inline-block;
    padding: 6px 28px;
    border-radius: 10px;
    color: black;
    font-weight: bold;
}

.amount-container span {
    color: white !important;
}


.total-payable {
    background-color: #AC8000;
}

.paid-so-far {
    background-color: #61877B;
}

.remains-to-be-paid {
    background-color: #BE4500;
}
.total-view {
  display: inline-block;
  padding: 6px 28px;
  border-radius: 10px;
  color: white !important;
  font-weight: bold;
}

.total-sum {
  background-color: #AC8000;
}

.total-rec {
  background-color: #61877B;
}

.total-pay {
  background-color: #BE4500;
}
/* CSS by Viraj end's */

#detailView .reference-with-icon-detail,
.quickPreview .reference-with-icon-detail,
.relatedContainer .reference-with-icon-detail{
  border-radius: 5px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  background: #E5F4FF;
  color: var(--Blue-600, #0A2EEB) !important;
  display: inline-flex;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 25px;
  gap: 5px;
}

#detailView .reference-with-icon-detail-multiple{
  border-radius: 5px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  background: #E5F4FF;
  color: var(--Blue-600, #0A2EEB) !important;
  display: inline-flex;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 25px;
  gap: 5px;
  margin: 4px 0;
}


.referencefield-wrapper .input-group {
    flex-flow: row-reverse;
}
#detailView .detailview-table .fieldValue .referencefield-wrapper a.clearReferenceSelection , #detailView .detailview-table .fieldValue .referencefield-wrapper .input-group span.input-group-addon.relatedPopup,
#detailView .summaryView .summaryViewFields .summaryViewEntries .referencefield-wrapper .clearReferenceSelection,
#detailView .summaryView .summaryViewFields .summaryViewEntries .referencefield-wrapper span.input-group-addon.relatedPopup,
.quickPreview .summaryViewEntries .referencefield-wrapper .clearReferenceSelection,
.quickPreview .summaryViewEntries .referencefield-wrapper span.input-group-addon.relatedPopup{
    background: #E5F4FF;
    border-color: #E5F4FF !important;
    border-radius: 5px;
     margin: 0 6px !important;
}
#detailView .detailview-table .fieldValue .referencefield-wrapper a.clearReferenceSelection,
#detailView .summaryView .summaryViewFields .summaryViewEntries .referencefield-wrapper .clearReferenceSelection,
.quickPreview .summaryViewEntries .referencefield-wrapper .clearReferenceSelection {
  margin-right: 0 !important;
}
.detailview-table .row .fieldValue .input-group.editElement:has(.referencefield-wrapper),
.summaryView .fieldValue .input-group.editElement:has(.referencefield-wrapper),
.quickPreview .fieldValue .input-group.editElement:has(.referencefield-wrapper) {
    padding: 4px 10px !important;
}
#detailView .detailview-table .fieldValue .referencefield-wrapper .input-group .inputElement,
.summaryView .summaryViewEntries .fieldValue .referencefield-wrapper .input-group input.inputElement,
.quickPreview .summaryViewEntries .fieldValue .referencefield-wrapper .input-group input.inputElement  {
    background: #E5F4FF !important;
    border-radius: 5px !important;
    padding: 0 10px !important;
    color: #0A2EEB !important;
    margin-left: 8px !important;
}

.detailview-fullcontent .block .blockData .fieldValue .value a.reference-with-icon-detail {
  color: #0A2EEB !important;
}

#detailView a.reference-with-icon-detail:hover,
.quickPreview a.reference-with-icon-detail:hover,
.relatedContainer a.reference-with-icon-detail:hover{
  box-shadow: 0px 0px 5px 0px #0A2EEB;
}

#detailView a.reference-with-icon-detail-multiple:hover{
  box-shadow: 0px 0px 5px 0px #0A2EEB;
}

.phoneField .phoneFieldIcon{
  background: #E5F4FF;
  padding: 7px;
  border-radius: 50px;
}

.phoneField .phoneFieldIcon:hover{
  box-shadow: 0px 0px 5px 0px #0A2EEB;
}
#listview-table .fieldValue:has(.js-reference-display-value) {
    border-radius: 5px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  background: #E5F4FF;
  color: var(--Blue-600, #0A2EEB) !important;
  display: inline-block;
}

#listview-table .fieldValue .js-reference-display-value {
  color: var(--Blue-600, #0A2EEB) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
#listview-table .fieldValue:has(.js-reference-display-value):hover {
 box-shadow: 0px 0px 5px 0px #0A2EEB;
 background: #E5F4FF;
}

.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue:has(.referencefield-wrapper){
    border: 1px solid #0a2eeb !important;
    box-shadow: 0px 0px 4px 4px rgba(10, 46, 235, 0.2) !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
    align-items: center;
    min-height: 40px;
    display: flex;
    align-items: center;
}

.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue .referencefield-wrapper .input-group .inputElement{
    border-radius: 5px !important;
    padding-top: 10px !important;
    padding-right: 15px !important;
    padding-bottom: 10px !important;
    padding-left: 15px !important;
    background: #E5F4FF !important;
    color: var(--Blue-600, #0A2EEB) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 25px !important;
    gap: 5px !important;
    height: 40px !important;
}

.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue .referencefield-wrapper .input-group .inputElement::placeholder{
  color: var(--Blue-600, #0A2EEB) !important;
}

.listview-table .listViewEntryValue .fieldValue.qqphoneedit{
  overflow: visible !important;
}

#sendEmailContainer.modal-dialog .modal-body #multiEmailContainer{
  overflow: auto;
  max-height: 500px;
}

#multiEmailContainer input[type='checkbox']:hover{
  background: inherit !important;
}
#multiEmailContainer input[type='checkbox']:checked {
  color: #ffffff !important;
  background: #0a2eeb !important;
  border-color: #0a2eeb !important;
}

.dropdown .dropdown-menu.quickcreate-dropdown{
  border-radius: 20px !important;
  box-shadow: 0px 0px 50px 0px #0000004D !important;
}

.dropdown .dropdown-menu.quickcreate-dropdown img.pull-left{
  margin-left: 15px;
}

.dropdown .dropdown-menu.quickcreate-dropdown #quickCreateModules .quickCreateModulesHeader{
    display: block;
    padding-top: 0px;
    padding-right: 16px;
    padding-bottom: 5px;
    padding-left: 16px;
/*    font-family: Roboto;*/
    font-weight: 500;
    font-size: 20px;
    line-height: 23.44px;
    letter-spacing: 0px;
    text-align: right;
    color: var(--Blue-600, #0A2EEB);
}

.dropdown .dropdown-menu.quickcreate-dropdown #quickCreateModules .col-lg-4.col-xs-4{
  padding: 10px;
}

.dropdown .dropdown-menu.quickcreate-dropdown #quickCreateModules hr{
  border: 1px solid #CCCCD0;
}

.quickcreate-dropdown #quickCreateModules .quick-create-module{
  white-space: nowrap;
}

.quickcreate-dropdown li.title{
  padding: 12px 15px 8px 0px !important;
}

.quickcreate-dropdown.dropdown-menu li.title > strong{
  font-size: 20px;
}

.listViewEntries .relatedListEntryValues .value:has(.reference-with-icon-detail){
  display: inline !important;
}

.listViewPageDiv .listViewRecordActions .table-actions a.recordaction_task.action img:hover,
.listViewPageDiv .listViewRecordActions .table-actions a.recordaction_activity.action img:hover{
  box-shadow: 0px 0px 5px 0px #0A2EEB;
}

.listViewPageDiv .listViewRecordActions .table-actions a.recordaction_task.action img,
.listViewPageDiv .listViewRecordActions .table-actions a.recordaction_activity.action img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
.listViewPageDiv .table-actions .recordaction_task_div,
.listViewPageDiv .table-actions .recordaction_activity_div{
  position: relative;
}

.listViewPageDiv .listViewRecordActions .table-actions a.recordaction_task.action,
.listViewPageDiv .listViewRecordActions .table-actions a.recordaction_activity.action {
  height: 100%;
  width: 100%;
  display: block;
}

.listViewPageDiv .table-actions .activity_number{
  position: absolute;
  top: -5px;
  left: 5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: #fff !important;
  background: #F54336;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  font-size: 8px;
}

.main-container .sidebar-essentials .sidebar-header.clearfix button#createFilter{
    background: #EBEBEC !important;
    color: #0A2EEB !important;
    font-size: 15px;
    padding: 12px 25px;
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.main-container .sidebar-essentials .sidebar-header.clearfix {
  margin-top: 0 !important;
}

.main-container .sidebar-essentials .menu-scroller .toggleFilterSize{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #0A2EEB !important; 
  font-weight: 500 !important;
  padding: 0 15px;
}

.module-filters .settings-sidebar, .module-filters .sidebar-container {
    padding: 0px !important;
}

.pageNumbers .totalNumberOfRecords , #listview-actions .listViewActions .btn-group .pageNumbers {
  align-items: center;
}


.listaction-button a {
  display: flex;
  align-items: center;
  gap: 5px;
}

.listaction-button.active a span {
  color: #0A2EEB !important;
}

.listaction-button.active {
  background: #D9F6FF ;
}

/*.sidebar-essentials .sidebar-menu .sidebar-inner-div {
    height: calc(100vh - 228px) !important;
}*/

/*.listSearchMenuContainer {
    height: calc(100vh - 228px) !important;
    overflow-y: auto;
    padding-right: 12px;
    padding-left: 12px;
}*/

/*.main-container .sidebar-essentials .module-filters {
  padding: 0 !important;
}*/

.main-container .sidebar-essentials .sidebar-header.clearfix {
    padding-right: 12px;
}

.listaction-button .blue-img {
  display: none;
}



.listaction-button.active .black-img {
  display: none;
}

.listaction-button.active .blue-img {
  display: block;
}

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

.listaction-button:last-child {
  margin-right: 0;
}

.main-container .sidebar-essentials .sidebar-menu .module-filters hr {
  margin-bottom: 0;
}

ul.dropdown-menu#waNotifyb,
ul.dropdown-menu#waNotify,
ul.dropdown-menu#fbNotifyb{
  border-radius: 20px;
}

ul.dropdown-menu#waNotifyb li.boxHead,
ul.dropdown-menu#waNotify li.boxHead,
ul.dropdown-menu#fbNotifyb li.boxHead {
    border-bottom: 1px solid var(--Gray-200, #CCCCD0);
    display: inline-block;
    height: 57px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-width: 1px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items:center;
/*    vertical-align: middle;*/
}

ul.dropdown-menu#waNotifyb li.boxHead span.NotificationHeader,
ul.dropdown-menu#waNotify li.boxHead span.NotificationHeader,
ul.dropdown-menu#fbNotifyb li.boxHead span.NotificationHeader{
  padding: 10px;
  color: var(--Gray-600, #28293D);
  font-size: 18px;
}

ul.dropdown-menu#waNotifyb li.boxHead .notifyIcons,
ul.dropdown-menu#waNotify li.boxHead .notifyIcons,
ul.dropdown-menu#fbNotifyb li.boxHead .notifyIcons
{
  display: flex;
  flex-direction: row;
  gap: 7px;
  padding: 10px;
  align-items: center;
}

ul.dropdown-menu#waNotifyb li.boxHead .notifyIcons a,
ul.dropdown-menu#waNotifyb li.boxHead .notifyIcons span,
ul.dropdown-menu#waNotify li.boxHead .notifyIcons a,
ul.dropdown-menu#waNotify li.boxHead .notifyIcons span,
ul.dropdown-menu#fbNotifyb li.boxHead .notifyIcons a,
ul.dropdown-menu#fbNotifyb li.boxHead .notifyIcons span{
  display: inline-block;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

ul.dropdown-menu#waNotifyb li.boxHead .notifyIcons img,
ul.dropdown-menu#waNotify li.boxHead .notifyIcons img,
ul.dropdown-menu#fbNotifyb li.boxHead .notifyIcons img{
  width: 22px !important;
  height: 22px !important;
}

ul.dropdown-menu#waNotifyb li a.allMessageTab,
ul.dropdown-menu#waNotify li a.allMessageTab{
  color: var(--Green-600, #4EAF51) !important;
  text-align: center !important;
  display: flex;
  flex-direction: column;
  font-size: 16px !important;
  font-weight: 600;
  padding-top: 25px !important;
  padding-bottom: 15px !important;
}

ul.dropdown-menu#fbNotifyb li a.showAllMessages{
  color: #1877f2 !important;
  text-align: center !important;
  display: flex;
  flex-direction: column;
  font-size: 16px !important;
  font-weight: 600;
  padding-top: 25px !important;
  padding-bottom: 15px !important;
}

ul.dropdown-menu#waNotifyb li.whatsapp_new_messages,
ul.dropdown-menu#waNotify li.whatsapp_new_messages,
ul.dropdown-menu#fbNotifyb li.facebook_new_messages {
  opacity: 1 !important;
/*  margin: 0 20px !important;*/
  position: relative;
}

ul.dropdown-menu#waNotifyb li.whatsapp_new_messages span.dropdown-datetime,
ul.dropdown-menu#waNotify li.whatsapp_new_messages span.dropdown-datetime,
ul.dropdown-menu#fbNotifyb li.facebook_new_messages span.dropdown-datetime{
  color: var(--Gray-400, #7A7B87);
  font-size: 14px;
  font-weight: 500;
}

ul.dropdown-menu#waNotifyb li.whatsapp_new_messages .pic,
ul.dropdown-menu#waNotify li.whatsapp_new_messages .pic,
ul.dropdown-menu#fbNotifyb li.facebook_new_messages .pic{
  border: 1px solid var(--Gray-400, #7A7B87) !important;
  margin-top: 4px !important;
}

ul.dropdown-menu#waNotify li.whatsapp_new_messages .pic img,
ul.dropdown-menu#fbNotifyb li.facebook_new_messages .pic img{
  width: 33px !important;
  height: 33px !important;
}

ul.dropdown-menu#waNotifyb li.whatsapp_new_messages .pic .imagename,
ul.dropdown-menu#waNotify li.whatsapp_new_messages .pic .imagename{
  font-size: 16px !important;
  font-weight: 300;
  color: var(--Gray-500, #515262) !important;
}

ul.dropdown-menu#fbNotifyb li.facebook_new_messages .pic .imagename{
  font-size: 16px !important;
  font-weight: 300;
  color: #fff !important;
}

ul.dropdown-menu#waNotifyb li a.whatsapp_new_messages_container,
ul.dropdown-menu#waNotify li a.whatsapp_new_messages_container {
  padding: 13px 20px !important;
  margin:0 !important;
/*  border-bottom: 1px solid #CCCCD0 !important;*/
}

ul.dropdown-menu#waNotifyb li hr,
ul.dropdown-menu#waNotify li hr {
  background: #CCCCD0;
  margin: 0 20px;
  opacity: 1;
}

ul.dropdown-menu#waNotify li a.whatsapp_new_messages_container{
  border-radius: 0 !important;
}

ul.dropdown-menu#waNotifyb span.messagename b,
ul.dropdown-menu#waNotify span.messagename b,
ul.dropdown-menu#fbNotifyb span.messagename b {
  margin-bottom: 10px;
}

ul.dropdown-menu#waNotifyb li.whatsapp_new_messages .messagebody,
ul.dropdown-menu#waNotify li.whatsapp_new_messages .messagebody,
ul.dropdown-menu#fbNotifyb li.facebook_new_messages .messagebody{
  color: #515262 !important;
  margin-bottom: 0 !important;
}

ul.dropdown-menu#waNotifyb li.boxHead .notifyIcons img:hover,
ul.dropdown-menu#waNotify li.boxHead .notifyIcons img:hover,
ul.dropdown-menu#fbNotifyb li.boxHead .notifyIcons img:hover{
      box-shadow: none !important;
}

ul.dropdown-menu#waNotifyb li.boxHead .notifyIcons a:hover , ul.dropdown-menu#waNotifyb li.boxHead .notifyIcons span:hover,
ul.dropdown-menu#waNotify li.boxHead .notifyIcons a:hover , ul.dropdown-menu#waNotify li.boxHead .notifyIcons span:hover,
ul.dropdown-menu#fbNotifyb li.boxHead .notifyIcons a:hover , ul.dropdown-menu#fbNotifyb li.boxHead .notifyIcons span:hover {
      box-shadow: 0px 0px 5px 0px #0A2EEB !important;
      background: #E5F4FF !important;

}

ul.dropdown-menu#waNotifyb li.whatsapp_new_messages a:hover, ul.dropdown-menu#waNotify li.whatsapp_new_messages a:hover {
  background: #ebebec;
}

ul.dropdown-menu#fbNotifyb li.facebook_new_messages a:hover{
  background: #ebebec;
}

#workflow_edit .editViewContents .form-group .row.conditionRow .fieldUiHolder .referencefield-wrapper .input-group.date .inputElement{
  border:none !important;
  min-width: 100%;
}

.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue .referencefield-wrapper .input-group .select2-container.select2-container-multi#s2id_contact_id_display{
    display: block !important;
    padding: 5px 6px !important;
    height: auto !important;
}

.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue .select2-container-multi#s2id_contact_id_display .select2-search-choice{
  margin: 0px 7px 7px 7px !important;
} 

.editViewPageDiv .entityModuleEditView .select2-container#s2id_contact_id_display .select2-choices .select2-search-field input{
  color: #0A2EEB !important;
}

.editViewPageDiv .entityModuleEditView .select2-container#s2id_contact_id_display .select2-choices .select2-search-field input::placeholder{
  color: #0A2EEB !important;
}

.editViewPageDiv .editViewBody .fieldBlockContainer .fieldBlockContent .fieldValue .select2-container-multi#s2id_contact_id_display .select2-search-choice div{
  color: #0A2EEB !important;
}


.billing-expiry-div .billing-link h6{
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1.5px solid #0A2EEB;
    padding: 5px 20px 5px 20px;
    gap: 5px;
    font-size: 14px;
}

.billing-expiry-div .billing-link h6 .red-color-span{
  color: #F54336;
  font-weight: 800;
}

.billing-expiry-div .billing-link h6 .blue-color-span{
  color: #0A2EEB;
  font-weight: 800;
}


.reports-content-area .reportsDetailHeader #detailView #filterContainer{
  height: auto !important;
}

.quickview-iconbtn-group-container{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 90px;
}

.day_increase_container{
    display: inline-flex;
    gap: 5px;
    margin-right: 5px;
}

.day_increase_container .day_increase{
  background: #fff;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px;
  border: 1px solid #ccccd0 !important;
  padding: 10px;
  border-radius: 4px !important;
  height: 40px;
  cursor: pointer;
}

.container-fluid.global-nav ul.nav.navbar-nav li.dropdown div a.dropdown-toggle.showTimelineMessage:hover,
.container-fluid.global-nav ul.nav.navbar-nav li.dropdown div a.dropdown-toggle.whatsapp:hover,
.container-fluid.global-nav ul.nav.navbar-nav li.dropdown div.facebookb a.dropdown-toggle:hover{
  box-shadow: 0px 0px 5px 0px #0A2EEB !important;
  background: #E5F4FF !important;
}

.container-fluid.global-nav ul.nav.navbar-nav li.dropdown div a img:hover{
  box-shadow:none !important;
}

@media (max-width: 1280px) {
  .CalendarModuleView .calendarSideBar div#appnav ul.navbar-nav li button {
    padding: 8px 6px !important;
    font-size: 13px !important;
    margin-left: 1px;
  }

  .essentials-toggle .essentials-toggle-marker {
    padding: 10px 5px;
  }
}

@media (max-width: 1600px) {
  .app-fixed-navbar .global-nav .col-sm-3 {
    margin-right: 0 !important; 
  }

  #taskManagementContainer .dateFilters button.btn.btn-default {
    padding: 10px 10px !important;
    font-size: 14px;
    margin: 0 2px !important;
  }

  #taskManagementContainer .entries .task-details {
    margin-right: 20px;
    width: 55%;
  }

  #taskManagementContainer .entries .task-details .taskDueDate {
    font-size: 14px;
  }

  .main-container .sidebar-essentials .sidebar-header.clearfix button#createFilter {
    font-size: 15px;
    padding: 12px 20px;
  }
}

@media (min-width: 1600px) and (max-width: 1799px) {
  div#taskManagementOtherFilters .select2-container.select2-container-multi.select2 {
    min-width: 425px;
    max-width: 450px;
  }
  #taskManagementContainer .dateFilters button.btn.btn-default {
    padding: 13px 15px !important;
  }
}

@media (min-width: 1800px) and (max-width: 1899px) {
  div#taskManagementOtherFilters .select2-container.select2-container-multi.select2 {
    min-width: 500px;
    max-width: 500px;
  }
}

@media (min-width: 1900px) {
  div#taskManagementOtherFilters .select2-container.select2-container-multi.select2 {
    min-width: 525px;
    max-width: 525px;
  }
}

@media (max-width: 1500px) {
  .CalendarModuleView .calendarSideBar div#appnav ul.navbar-nav li button {
    padding: 8px 8px !important;
    font-size: 14px !important;
    margin-left: 2px;
  }

  .essentials-toggle .essentials-toggle-marker {
    padding: 10px 8px;
  }
}



#taskManagementOtherFilters .field label{
  display: block !important;
}


@media (max-width: 1440px) {

  .sidebar-essentials .sidebar-menu .sidebar-inner-div {

    height: calc(100vh - 200px) !important;

  }

  .table-container.ps-container {

    height: calc(100vh - 200px) !important;

  }

  .essentials-toggle .essentials-filter-icon{
    display: none;
  }

}

.editViewPageDiv #dashboardEdit .editViewBody .dashboardEditcontent .inputElement.dateField{
  border: none !important;
}

.floatThead-table {
  width: 100%; /* or omit entirely */
  table-layout: fixed; /* enable dynamic width */
  margin-right: 5px !important;
}

form.facebookUserGroup_Popup .select2-container.select2-container-multi.inputElement.select2.row {
  width: 180px !important;
}

.modal .select2-container .select2-choice .select2-arrow b {
  background-position: 0px 10px !important;
  background-image: url(/layouts/v7/resources/Images/down-arrow.png) !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
}

.modal-dialog.CustomerSignature .modal-body .inputElement{
  width: 200px !important;
}

.notificationBell:hover {
  color: #15c;
}

.SendEmailFormStep2#composeEmailContainer .modal-content .modal-footer{
    display: flex;
    align-items: center;
    justify-content: center;
}

.SendEmailFormStep2#composeEmailContainer .modal-footer .cancelLinkContainer{
  line-height: unset;
}

.SendEmailFormStep2#composeEmailContainer .modal-footer .cancelLinkContainer .cancelLink{
  padding: 12px 40px !important;
}

.SendEmailFormStep2#composeEmailContainer .modal-footer button#saveDraft{
    border-radius: 50px !important;
    background: #ced5fb !important;
    padding: 11px 30px !important;
    border: 1px solid #0a2eeb !important;
}
.SendEmailFormStep2#composeEmailContainer .modal-footer button#saveDraft strong{
  color: #0a2eeb !important;
  font-family: 'Arimo', sans-serif !important;
  font-size: 16px;
  font-weight: 500;
}

ul.dropdown-menu.calendarthreedotaction li.dropdown-item{
  text-align: center !important;
  cursor: pointer !important;
}
ul.dropdown-menu.calendarthreedotaction li.dropdown-item:hover{
  background-color:#f6f6f6;
}

ul.dropdown-menu.calendarthreedotaction li h6.dropdown-header{
    text-align: center !important;
    color: #4f4f4f !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border-bottom: 1px solid #4f4f4f !important;
}

tr.searchRow button.btn.btn-success{
  margin:0 !important;
}

.listview-table tr.searchRow th.inline-search-btn .table-actions button.searchAndClearButton {
  background: #f54336 !important;
  margin:0 !important;
}

td.listViewRecordActions,
th.listViewRecordActionsHeader{
  position: sticky !important;
  right: 0 !important;
  z-index: 1;
  border-top: 1px solid #ccc !important;
  background: #fff !important;
}

th.listViewRecordActionsHeader{
  z-index: 2;
  border: 1px solid #ccc !important;
}

#listview-table tbody.overflow-y {
  z-index: 0;
  position: relative;
}

.listViewRecordActions span.recordaction_onhovershow a,
.listViewRecordActions span.record_quick_edit img,
.listViewRecordActions span.dropdown-toggle img{
  padding: 5px !important;
  background: transparent;
  border-radius: 50px;
}

.listViewRecordActions span.recordaction_onhovershow a:hover,
.listViewRecordActions span.record_quick_edit img:hover,
.listViewRecordActions span.dropdown-toggle img:hover{
  box-shadow: 0px 0px 5px 0px #0A2EEB !important;
  background: #E5F4FF !important;
}

.listViewPageDiv .listpagewrapper .listview-table tr.listViewContentHeader th:nth-child(2),
.listViewPageDiv .listpagewrapper .listview-table tr.searchRow th:nth-child(2),
.listViewPageDiv .listpagewrapper .listview-table tbody tr.listViewEntries td:nth-child(2) {
  position: sticky !important;
  right: 170px !important;
  z-index: 1;
  border-top: 1px solid #cccc !important;
  background: #fff !important;
}

.listViewPageDiv:has(#listView_advancedAction_LBL_SHOW_ACTIVITIES.active) .listview-table tr.listViewContentHeader th:nth-child(2),
.listViewPageDiv:has(#listView_advancedAction_LBL_SHOW_ACTIVITIES.active) .listview-table tr.searchRow th:nth-child(2), 
.listViewPageDiv:has(#listView_advancedAction_LBL_SHOW_ACTIVITIES.active) .listview-table tbody tr.listViewEntries td:nth-child(2) {
  right: 220px !important;
}

.listViewPageDiv .listview-table tr.listViewContentHeader th:nth-child(2)::after,
.listViewPageDiv .listview-table tr.searchRow th:nth-child(2)::after,
.listViewPageDiv .listview-table tbody tr.listViewEntries td:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background-color: #ccc;
}

.listViewPageDiv .listview-table tr.listViewContentHeader th:after,
.listViewPageDiv .listview-table tr.searchRow th:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  border-left: 1px solid #ccc !important;
}


.listViewPageDiv .listview-table tbody tr.listViewEntries:hover td.listViewEntryValue{
  background: #ebebec !important;
}

.settingsPageDiv.content-area.vtigerSetting #listview-table tr.listViewEntries:hover td{
  background: #ebebec !important;
}

.listViewPageDiv .listview-table tbody tr.listViewEntries:hover td.listViewEntryValue .fieldValue .value .picklist-color{
  background: #ebebec !important;
}

.listViewPageDiv .listview-table tbody tr.listViewEntries:hover td.listViewRecordActions{
  background: #ebebec !important;
}

/* added css for datepicker cut issue by sam */
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left{
  overflow: auto;
  height: 250px;
}

#listViewContent.listViewPageDiv #listview-table.listview-table-norecords tr.size-row,
#listViewContent.listViewPageDiv #listview-table.listview-table-norecords tr.size-row th{
  height: 100px !important;
}

/*Layout Editor New Deisgn CSS Start*/
#layoutEditorContainer .widget_header .row .col-sm-6.moduleSelectDiv{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 35px;
}

#layoutEditorContainer .widget_header .row .col-sm-6 .nav-tabs{
  float: left;
  border-bottom:none;
  padding: 0 15px;
  gap: 10px;
}

#layoutEditorContainer .widget_header .row .col-sm-6 .nav-tabs li{
  border-radius: 5px;
  border: 1px solid #0A2EEB;
  background: #FFF;
  padding: 10.5px 22px;
  margin: 0;
}

#layoutEditorContainer .widget_header .row .col-sm-6 .nav-tabs li a{
  color: #0A2EEB;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0;
}

#layoutEditorContainer .widget_header .row .col-sm-6 .nav-tabs li.active{
  background: #0A2EEB;
}

#layoutEditorContainer .widget_header .row .col-sm-6 .nav-tabs li.active a,
#layoutEditorContainer .widget_header .row .col-sm-6 .nav-tabs li.active a:focus{
  color:#FFF !important;
  background: #0A2EEB !important;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout{
  padding: 0 30px;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable{
  border-radius: 10px;
  border: 1px solid  #CCCCD0 !important;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px #DDD;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable > div.col-sm-12{
  padding-right: 0;
  padding-left: 0;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .layoutBlockHeader.row{
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  background: #E5F4FF;
  padding: 10px;
  margin-right: 0;
  margin-left: 0;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .layoutBlockHeader.row .col-sm-9.padding10.marginLeftZero{
  padding: 0;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .layoutBlockHeader.row .blockLabel .translatedBlockLabel{
  color: #0A2EEB;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .layoutBlockHeader .addCustomField{
  border-radius: 50px !important;
  /*border: 1.5px solid #CCCCD0 !important;
  background: #E5F4FF !important;*/
  padding: 10px 15px !important;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .layoutBlockHeader .inActiveFields,
#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .layoutBlockHeader .deleteCustomBlock{
  border-radius: 50px !important;
  border: 1.5px solid #7A7B87 !important;
  background: #E5F4FF !important;
  padding: 10px 12.5px !important;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .layoutBlockHeader .blockLabel{
  word-break: break-all;
  display: flex;
  align-items: center;
  gap: 5px;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .blockFieldsList ul li{
  border-radius: 10px;
  border: 1px solid #CCCCD0 !important;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .blockFieldsList ul li .FieldImageDiv{
  display: flex;
  width: 40px;
  height: 40px;
  padding: 9px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 1.5px solid #7A7B87;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .blockFieldsList ul li .editFields .fieldLabelContainer.row{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .blockFieldsList ul li .fieldPropertyContainer .fieldLabel b{
  color:#28293D;
  font-size: 15px;
  font-weight: 600;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .blockFieldsList ul li .fieldPropertyContainer .fieldProperties{
  border-right: 1px solid #CCCCD0;
  padding-right: 20px;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .blockFieldsList ul li .fieldPropertyContainer .fieldProperties .fieldProperties-buttons{
  display: inline-flex;
  gap: 10px;
  margin-top: 10px;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .blockFieldsList ul li .row.border1px{
  display: flex;
}

.fieldProperties-buttons span.switch{
  width: 28px;
  height: 27px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fieldProperties-buttons span.switch.greyborder{
  border:1px solid #CCCCD0;
}

.fieldProperties-buttons span.switch.bluefill{
  background: #E5F4FF;
  box-shadow:0px 0px 5px rgba(10, 46, 235, 0.50);
}

.fieldProperties-buttons span.switch.redfill{
  background: #FDE4E1;
  box-shadow:0px 0px 5px rgba(245, 67, 54, 0.50);
}

.tabbable .blockFieldsScallSortable .connectedSortable li .fieldPropertyContainer .actions .actions-buttons{
  display: flex;
  flex-direction: row-reverse;
  gap: 5px;
}

.blockFieldsScallSortable .connectedSortable .border1px .col-sm-3.fieldtypecontainer{
  width: 22%;
}

.fieldProperties-buttons span.switch.greyborder.disabled.cursorPointerNotAllowed{
  opacity: 1;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .blockFieldsList{
  margin-right: 15px;
}

#layoutEditorContainer .tabbable .blockFieldsScallSortable .connectedSortable li .fieldPropertyContainer .actions .dragdiv img{
  float: left;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout #moduleBlocks .editFieldsTable .blockFieldsList ul li.dummyRow{
  border: 1px dashed #CCCCD0 !important;
  background: #F6F6F6;
}

.inactiveFieldsModal.modal-dialog .modal-header,
.addBlockModal.modal-dialog.modal-content .modal-header,
.createFieldModal.modelContainer.modal-dialog .modal-header,
.clonedPopupUi.modal-dialog .modal-content .modal-header{
  border-radius: 20px 20px 0 0;
  padding: 10px;
}

.createFieldModal.modelContainer.modal-dialog .modal-header,
.clonedPopupUi.modal-dialog .modal-content .modal-header{
  padding: 15px;
  justify-content: space-between;
  flex-direction: row;
}

.clonedPopupUi.modal-dialog .modal-content .modal-header{
  flex-direction: row-reverse;
}

.inactiveFieldsModal.modal-dialog .modal-header .clearfix,
.addBlockModal.modal-dialog.modal-content .modal-header .clearfix,
.createFieldModal.modelContainer.modal-dialog .modal-header .clearfix,
.clonedPopupUi.modal-dialog .modal-content .modal-header .clearfix{
  padding: 0 25px;
}

.inactiveFieldsModal.modal-dialog .inactiveFieldsForm .modal-footer,
.addBlockModal.modal-dialog.modal-content .addCustomBlockForm .modal-footer,
.createFieldModal.modelContainer.modal-dialog .modal-content .createCustomFieldForm .modal-footer,
.clonedPopupUi.modal-dialog .modal-content .modal-footer{
  border-radius: 0 0 20px 20px;
  background: #F3F5FE;
  display: block;
}

.createFieldModal.modelContainer.modal-dialog .modal-content .createCustomFieldForm .well.fieldProperty{
  background: transparent;
  border-top: 1px solid #CCCCD0;
}

.addBlockModal.modal-dialog.modal-content .addCustomBlockForm .modal-body,
.createFieldModal.modelContainer.modal-dialog .modal-content .createCustomFieldForm .modal-body,
.clonedPopupUi.modal-dialog .modal-content .modal-body{
  padding: 25px 40px 0 40px;
}

.createFieldModal.modelContainer.modal-dialog .modal-content .createCustomFieldForm .modal-body .form-group .control-label.fieldLabel.col-sm-5 {
  width: 280px !important;
  margin-bottom: 0px !important;
}

.createFieldModal.modelContainer.modal-dialog .modal-content .createCustomFieldForm .modal-body .form-group .control-label.fieldLabel.col-sm-5 {
  font-size: 16px;
  font-weight: 500 !important;
  color: #28293D;
  opacity: 1 !important;
}

.createFieldModal.modelContainer.modal-dialog .modal-content .createCustomFieldForm .modal-body .properties .form-group .control-label.fieldLabel.col-sm-5 {
  font-size: 16px;
  font-weight: 800 !important;
  color: #28293D;
}

.createFieldModal.modelContainer.modal-dialog .modal-content .createCustomFieldForm .modal-body .properties .form-group .control-label.fieldLabel.col-sm-10{
  font-size: 16px;
  font-weight: 500;
  color: #28293D;
  width: 200px !important;
  opacity: 1 !important;
}

.addBlockModal.modal-dialog.modal-content .addCustomBlockForm .modal-body .form-group .inputElement,
.createFieldModal.modelContainer.modal-dialog .modal-content .createCustomFieldForm .modal-body .form-group .inputElement,
.clonedPopupUi.modal-dialog .modal-content .modal-body .inputElement{
  border-radius: 4px;
  border: 1px solid #CCCCD0 !important;
  height: 40px;
  width: 100% !important;
  margin-bottom: 0px !important;
  padding: 7px 16px;
}
.addBlockModal.modal-dialog.modal-content .addCustomBlockForm .modal-body .form-group .controls.col-sm-6{
  width: 50%;
}

.createFieldModal.modelContainer.modal-dialog .modal-content .createCustomFieldForm .modal-body .form-group .controls.col-sm-7{
  width: 58.33%;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout .addCustomBlockContainer{
  display: flex;
  flex-direction: column;
  padding: 35px 0px 68px 0px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: 1px dashed #CCCCD0;
  background: #E5F4FF;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout .addCustomBlockContainer .addButton.addCustomBlock{
  background-color: none !important;
  background: none !important;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout .addCustomBlockContainer .addCustomBlockText{
  display: flex;
  flex-direction: column;
  align-items: center;
}

#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout .addCustomBlockContainer .addCustomBlockText .addCustomBlockTitle{
  font-size: 16px;
  color:#28293D;
  font-weight: 600;
}
#layoutEditorContainer .contents.tabbable .tab-content .tab-pane#detailViewLayout .addCustomBlockContainer .addCustomBlockText .addCustomBlockDescription{
  font-size: 16px;
  color:#515262;
  font-weight: 500;
}

#layoutEditorContainer .duplicateHandlingDiv .vt-default-callout {
  border: 1px solid #CCCCD0 !important;
  border-right: 5px solid #50ABC5 !important;
}

#layoutEditorContainer .duplicateHandlingDiv .duplicateHandlingContainer .formFooter{
  margin-top: 25px;
}

#layoutEditorContainer .duplicateHandlingDiv .col-lg-6 .duplicateHeader{
  float: right;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#layoutEditorContainer .duplicateHandlingDiv .col-lg-6 .duplicateHeader .duplicateHandlerText{
  color: #28293D;
  font-size: 15px;
  font-weight: 600;
}

#layoutEditorContainer .duplicateHandlingDiv .col-lg-6 .duplicateHeader .bootstrap-switch{
  float: left;
  margin-left: 15%;
}

#layoutEditorContainer .duplicateHandlingDiv .duplicateHandlingContainer .select2-container {
  width: 90% !important;
}

#layoutEditorContainer .duplicateHandlingDiv .duplicateHandlingContainer .fieldsBlock b,
#layoutEditorContainer .duplicateHandlingDiv .duplicateHandlingContainer .ruleBlock b{
  color: #28293D;
  font-size: 15px;
  font-weight: 500;
}

.inactiveFieldsModal.modal-dialog .inactiveFieldsForm .inActiveList .checkbox label{
  display: flex;
  gap: 10px;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .col-sm-6#ONE_MANY_RELATIONSHIPP,
#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .col-sm-6#ONE_ONE_AND_MANY_ONE_RELATIONSHIP{
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px #DDD;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .relatedModulesListHeader h6{
  color:  #0A2EEB;
  font-size: 16px;
  font-weight: 500;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 25px;
    margin-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .relatedModulesListHeader{
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  background: #E5F4FF;
  padding: 10px 10px 10px 21px;
  margin-right: 0;
  margin-left: 0;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .relatedModulesListHeader .col-sm-12{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .relatedModulesListHeader .col-sm-12 .addButton{
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10.5px 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 50px !important;
  background: #0A2EEB;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .relatedModulesList{
  padding: 50px;
  list-style: none;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .oneonemanyonelists{
  padding: 50px;
  list-style: none;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .relatedModulesList li.relatedModule,
#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .oneonemanyonelists .contentsBackground{
  width: 100% !important;
  border-radius: 10px !important;
  border: 1px solid #CCCCD0 !important;
  padding: 15px !important;
  height: auto;
  background: #fff;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .relatedModulesList li.relatedModule{
  margin: 20px !important;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .oneonemanyonelists .contentsBackground{
  margin: 10px !important;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .moduletranslatedLabelImage{
  display: flex;
  padding: 8px 20px 0px 0px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 2px;
  margin: 0 0 0 20px;
  border-left: 1px solid #CCCCD0;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .oneonemanyonelists .contentsBackground .row{
  margin-right: 0 !important;
  flex-wrap: nowrap;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .moduletranslatedLabel{
  color: #28293D !important;
  font-size: 12px;
  font-weight: 700;
  opacity: 1;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .relationImageContainer{
    border-radius: 10px;
    background: #F9F9F9;
    padding: 5px 25px;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .relationImageContainer .pull-right{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 60px;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .actionbuttons{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  opacity: 0;
  padding-left: 20px;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .actionbuttons div{
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .actionbuttons .deleteRelationButton{
  cursor: pointer;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .relatedModulesList li.relatedModule:hover .actionbuttons,
#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .oneonemanyonelists .contentsBackground:hover .actionbuttons{
  opacity: 1;
}

#addRelationForm .controls .row.relationImages a{
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin: 7px;
  padding: 7px;
}

#addRelationForm .controls .row.relationImages a .relationImagesContainer{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #F9F9F9;
  padding: 8px 17px 8px 15px;
  gap: 20px;
  width: 100%;
}

#addRelationForm .controls .row.relationImages .radio-group input[type='radio'] {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#addRelationForm .controls .row.relationImages .radio-group input[type='radio']:checked::after{
  left: 0px !important;
  top: 0px !important;;
}

#addRelationForm.form-horizontal .control-label.fieldLabel{
  width: 100% !important;
  color: #28293D;
  font-size: 15px;
  font-weight: 400;
  opacity: 1;
  margin-bottom: 20px;
}

#addRelationForm .controls .inputElement{
  border-radius: 5px;
  padding: 5px 10px 5px 10px;
  height: 40px;
  border: 1px solid #ccccd0 !important;
}

.relatedTabModulesList .relationListInfo .relatedListWarningHeader {
  color: #F54336;
  font-size: 15px;
  font-weight: 600;
}

#layoutEditorContainer .cursorPointerMove{
  cursor: url('../../../../layouts/v7/resources/Images/Hand.svg'), auto;
}

#layoutEditorContainer #detailViewLayout .fieldsListContainer .saveFieldSequence{
  margin: 0 0 10px 0;
  border-radius: 5px;
  padding: 10.5px 22px;
}

#layoutEditorContainer .relatedTabModulesList .modal-overlay-footer.saveRelatedListContainer{
  z-index: 999999;
  bottom: 0px !important;
}

#layoutEditorContainer .relatedTabModulesList .modal-overlay-footer.saveRelatedListContainer .textAlignCenter,
#layoutEditorContainer #addRelationForm .modal-overlay-footer .textAlignCenter {
  bottom: 5px;
}

.settingspagecontentwrapper .settingsNav .height100Per{
  height: 100% !important;
}

.settingspagecontentwrapper .settingsNav .height100Per .settingsgroup.settingsSubMenu{
  max-height: 105vh !important;
}

#layoutEditorContainer .layoutBlockHeader .customBlockButtons{
  opacity : 0;
}
#layoutEditorContainer .layoutBlockHeader:hover .customBlockButtons{
  opacity: 1;
}

#layoutEditorContainer .widget_header label.textAlignCenter{
  font-size: 16px;
  font-weight: 900;
  padding: 0 20px;
}

#layoutEditorContainer .fieldProperties .row.defaultValueContent span.data-defaultvalue{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60%;
}

#layoutEditorContainer .fieldProperties .row.defaultValueContent{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.bootbox.modal .modal-content .modal-header .bootbox-close-button{
  margin-top: 0 !important;
  background: url('/layouts/v7/resources/Images/LayoutEditor/Close.svg') center center no-repeat;
  background-size: contain;
  color: transparent; /* hides the '×' character */
  border: none;
  width: 20px;  /* or whatever size fits your image */
  height: 20px;
  font-size: 0;  /* also hides text */
  padding: 0;
  cursor: pointer;
}

#createFieldForm .form-group .controls .referencefield-wrapper{
  width: 100% !important;
}

#createFieldForm .form-group .controls .referencefield-wrapper .input-group,
#createFieldForm .form-group .controls .input-group.percentage-input-group{
  border-radius: 4px;
  border: 1px solid #CCCCD0 !important;
  height: 40px;
  width: 100% !important;
  margin-bottom: 0px !important;
  padding: 7px 16px;
}

#createFieldForm .form-group .controls .referencefield-wrapper .input-group .input-group-addon,
#createFieldForm .form-group .controls .input-group.percentage-input-group .input-group-addon{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000 !important;
}

#createFieldForm .form-group .controls .referencefield-wrapper .input-group.time .input-group-addon{
  transform: translateY(0%);
}

#createFieldForm .form-group .controls .referencefield-wrapper .input-group .inputElement,
#createFieldForm .form-group .controls .input-group.percentage-input-group .inputElement{
  border: none !important;
}

#createFieldForm .form-group .controls .input-group.percentage-input-group .inputElement{
  padding: 0 !important;
}

#createFieldForm .form-group .controls input[type='checkbox'].inputElement{
  padding: 0 !important;
  width: 14px !important;
}

#relatedTabOrder .row.hiddenModulesContainer .col-sm-12{
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
}
/*Layout Editor New Deisgn CSS End*/

.pull-right.toggleComment{
  padding: 0 10px;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #0a2eeb !important;
  float: right !important;
}

.WebformsDiv .listview-table tr.listViewEntries:hover .table-actions span a{
  opacity: 1 !important;
}

.WebformsDiv .listview-table tr.listViewEntries td.listViewEntryValue:hover{
  cursor:pointer;
}

.modal-dialog.modelContainer #webformCopyClipboard{
    padding: 0 10px;
    font-size: 14px;
    color: #0a2eeb !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 500;
}

.modal-dialog.modelContainer.modal-content .modal-header{
  border-radius: 20px 20px 0 0;
}

.modal-dialog.modelContainer.modal-content .modal-footer{
  border-radius: 0 0 20px 20px;
  background: #f3f5fe !important;
}

.WebformsDiv .listview-table tr.listViewEntries td.listViewEntryValue:hover{
  cursor:pointer;
}

.detailview-fullcontent .block .blockData .fieldValue .copy {
  float: left;
  position: absolute;
  left: 35px;
  top: 65%;
  transform: translateY(-50%);
  display: none;
  cursor: pointer;
}

.detailview-fullcontent .block .blockData .fieldValue:hover .copy {
  display: block;
}

.summaryViewEntries .fieldValue .row .copy {
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    cursor: pointer;
}

.quickPreview .summaryViewEntries .fieldValue .row .copy {
  right: 78%;
  top: 50%;
}


.summaryViewEntries .fieldValue:hover .row .copy {
  display: block;
}

/* Workflow new style start*/
.editViewPageDiv #workflow_edit .editViewHeader {
  display: block !important;
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  background: #E5F4FF;
}

.editViewPageDiv #workflow_edit .editViewContents .form-group{
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.editViewPageDiv #workflow_edit .editViewContents .form-group label.control-label{
  color: #28293D;
  font-size: 16px;
  font-weight: 900;
}

.editViewPageDiv #workflow_edit .editViewBody{
  margin: 50px 19% !important;
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px #DDD;
}

.editViewPageDiv #workflow_edit .editViewContents > div{
  padding: 50px;
}

.editViewPageDiv #workflow_edit .editViewHeader > div{
    padding: 10px;
}

.editViewPageDiv #workflow_edit .editViewHeader h4{
  color: #0A2EEB;
  font-size: 16px !important;
  font-weight: 600;
  padding: 10.5px 30px;
}

.editViewPageDiv #EditView #workflow_edit .modal-overlay-footer .textAlignCenter{
  width: 80%;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer{
  position: absolute;
  top: 2.5%;
  right: 15%;
  height: 95%;
  width: 15px;
  border-radius: 20px;
  background: #EBEBEC;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer .stepgridprogress{
  border-radius: 20px;
  background: #38A2E3 !important;
  height: 25%;
  width: 15px;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer .step-number .step-number-text{
  width: 40px;
  height: 40px;
  display: flex;
  padding: 9px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: #CCCCD0;
  font-size: 18px;
  color: #fff;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer .step-number{
  position: absolute;
  right: -70px;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer .step-number.step-1{
  top: 2.7%;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer.step-1 .step-number.step-1{
  top: 7%;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer .step-number.step-2{
  top: 29%;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer.step-1 .step-number.step-2{
  top: 82%;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer.step-2 .step-number.step-2{
  top: 40%;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer.step-3 .step-number.step-2{
  top: 37%;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer.step-1 .stepgridprogress,
.editViewPageDiv #EditView #workflow_edit .stepgridCotainer.step-2 .stepgridprogress{
  height: 75%;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer.step-3 .stepgridprogress{
  height: 100%;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer .step-number.step-3{
  top: 90%;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer .step-number .step-number-line{
  height: 5px;
  width: 30px;
  background: #CCCCD0;
  position: absolute;
  right: 40px;
  top: 17px;
}

.editViewPageDiv #EditView #workflow_edit .stepgridCotainer .step-number.active .step-number-line,
.editViewPageDiv #EditView #workflow_edit .stepgridCotainer .step-number.active .step-number-text{
  background: #38A2E3;
}

.editViewPageDiv #EditView #workflow_edit #workflow_action .customAddAction{
  border-radius: 5px;
  border: 1px solid #0A2EEB;
  background: #FFF;
  color: #0A2EEB !important;
  font-size: 15px;
  font-weight: 900;
  display: inline-flex;
  padding: 10.5px 22px !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.editViewPageDiv #EditView #workflow_edit #workflow_action > div {
  overflow-y: unset;
}

.editViewPageDiv #EditView #workflow_edit #workflow_condition .addCondition button{
  border-radius: 5px !important;
  padding: 10.5px 22px !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.editViewPageDiv #EditView #workflow_edit #workflow_condition #advanceFilterContainer .table.table-bordered{
  border: none !important;
}

.editViewPageDiv #EditView #workflow_edit #workflow_condition #advanceFilterContainer .contentsBackground .conditionList .row {
  align-items: center;
  justify-content: center;
}

.editViewPageDiv #EditView #workflow_edit .WorkFlowTriggerBlock .select2-container .select2-choice .select2-arrow b,
.editViewPageDiv #EditView #workflow_edit #workflow_condition #advanceFilterContainer .select2-container .select2-choice .select2-arrow b{
  /*background-image: url(/layouts/v7/resources/Images/Automation/CaretDown-Blue.svg) !important;*/
  background-image: url(/layouts/v7/resources/Images/Automation/CaretDown-Black.svg) !important;
}

.editViewPageDiv #EditView #workflow_edit .editViewBody.LBL_BASIC_INFORMATION .editViewContents .select2-container .select2-choice .select2-arrow b{
  background-image: url(/layouts/v7/resources/Images/Automation/CaretDown-Black.svg) !important;
}

.editViewPageDiv #EditView #workflow_edit .WorkFlowTriggerBlock .select2-container .select2-choice .select2-arrow,
.editViewPageDiv #EditView #workflow_edit #workflow_condition #advanceFilterContainer .select2-container .select2-choice .select2-arrow,
.editViewPageDiv #EditView #workflow_edit .editViewBody.LBL_BASIC_INFORMATION .editViewContents .select2-container .select2-choice .select2-arrow{
  top: 15%;
}

.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .inputElement:not(.dateField),
.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .referencefield-wrapper .input-group.date,
.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .select2-container,
.editViewPageDiv #EditView #workflow_edit .WorkFlowTriggerBlock .editViewContents .form-group .inputElement{
  border-radius: 5px !important;
  /*border: 1px solid #0A2EEB !important;*/
  border: 1px solid #28293D !important;
}

.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .select2-container.select2-value-selected,
.editViewPageDiv #EditView #workflow_edit .WorkFlowTriggerBlock .editViewContents .form-group .select2-container.select2-value-selected{
  border: 1px solid #0A2EEB !important;
}

.editViewPageDiv #EditView #workflow_edit #workflow_condition #advanceFilterContainer .select2-container.select2-value-selected .select2-choice .select2-arrow b,
.editViewPageDiv #EditView #workflow_edit .WorkFlowTriggerBlock .editViewContents .form-group .select2-container.select2-value-selected .select2-choice .select2-arrow b{
  background-image: url(/layouts/v7/resources/Images/Automation/CaretDown-Blue.svg) !important;
}

.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .inputElement:not(.dateField),
.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .referencefield-wrapper .input-group.date{
  padding: 13px 16px !important;
}

.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .inputElement.select2-container-multi{
  padding: 8px 16px !important;
}

.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .inputElement.select2-container-multi li.select2-search-choice div{
  color: #000 !important;
}

.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .inputElement.select2-container-multi .select2-choices .select2-search-choice {
  border: 1px solid #00000057 !important;
}

.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .referencefield-wrapper .input-group.date{
  height: 45px !important;
  margin-right: 0 !important;
}

.editViewPageDiv #EditView #workflow_edit .WorkFlowTriggerBlock .select2-container .select2-chosen,
.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .inputElement,
.editViewPageDiv #EditView #workflow_edit #workflow_condition #advanceFilterContainer .select2-container .select2-chosen {
  font-size: 15px !important;
  color:#515262 !important;
  font-weight: 500 !important;
}

.editViewPageDiv #EditView #workflow_edit .editViewBody.LBL_BASIC_INFORMATION .editViewContents .form-group .inputElement {
  border: 1px solid #28293D !important;
}

.editViewPageDiv #EditView #workflow_edit .hr-line{
  height: 1px;
  background: #CCCCD0;
  margin: 0px 19%;
}

.editViewPageDiv #EditView #workflow_edit .referencefield-wrapper .input-group .input-group-addon img{
  content: url(/layouts/v7/resources/Images/Automation/Calendar-Blue.svg);
}

@media (max-width: 1450px) {
  .editViewPageDiv #EditView #workflow_edit .hr-line{
    margin: 0px 15%;
  }
  .editViewPageDiv #workflow_edit .editViewBody{
    margin: 50px 15% !important;
  }

  .editViewPageDiv #EditView #workflow_edit .stepgridCotainer{
    right: 11%;
  }

  .editViewPageDiv #EditView #workflow_edit .stepgridCotainer.step-1{
    height: 80%;
    top: 8%;
  }
  .editViewPageDiv #EditView #workflow_edit .stepgridCotainer.step-2{
    top: 4%;
    height: 95%;
  }

  .editViewPageDiv #EditView #workflow_edit .stepgridCotainer.step-3{
    top: 3.5%;
    height: 95%;
  }
}

.clonedPopupUi.modal-dialog .modal-content .modal-body .alert.alert-info.helpmessagebox{
  width: 100%;
  display: none !important;
}

.clonedPopupUi.modal-dialog .modal-content .modal-body .row{
  display: flex;
}

.editViewPageDiv #EditView #workflow_edit .WorkFlowTriggerBlock .select2-container .select2-results .select2-highlighted {
  background: #F3F5FE;
}

.editViewPageDiv #EditView #workflow_edit .editViewBody.LBL_BASIC_INFORMATION .editViewHeader .row > div{
  display: flex;
  justify-content: space-between;
}

.editViewPageDiv #EditView #workflow_edit .editViewBody.LBL_BASIC_INFORMATION .editViewHeader .action-buttons{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.editViewPageDiv #EditView #workflow_edit .editViewBody.LBL_BASIC_INFORMATION .editViewHeader .action-buttons button{
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10.5px 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 50px;
  border: 1.5px solid #7A7B87;
  background: transparent;
}

.hr-line.first-hr-line,
.hr-line.second-hr-line{
  margin-bottom: 200px !important;
}

.editViewPageDiv #EditView #workflow_edit .WorkFlowTriggerBlock .editViewContents .well{
  background-color: transparent;
}

.editViewPageDiv #EditView #workflow_edit .WorkFlowTriggerBlock .editViewContents .input-group .input-group-addon{
  color: #000 !important;
  padding-right: 5px !important;
}

.editViewPageDiv #EditView #workflow_edit .WorkFlowTriggerBlock .editViewContents .input-group.time .inputElement{
  height: 40px !important;
}

.editViewPageDiv #EditView #workflow_edit .WorkFlowTriggerBlock .editViewContents .input-group .dateField{
  border-bottom: none !important;
}

.editViewPageDiv #EditView #workflow_edit .form-group#scheduledWeekDay .weekDaySelect{
    width: 100% !important;
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.editViewPageDiv #EditView #workflow_edit .form-group#scheduledWeekDay .weekDaySelect .ui-state-default{
  border-radius: 5px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.editViewPageDiv #EditView #workflow_edit .form-group#scheduledWeekDay .weekDaySelect .ui-selected{
  background:#38A2E3;
}

.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .header span{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.editViewPageDiv #EditView #workflow_edit .editViewContents .form-group #advanceFilterContainer .header span b{
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
}

.editViewPageDiv #EditView #workflow_edit .editViewBody .editViewContents{
  padding-bottom: 0 !important;
}

.Worflowlist .listViewEntryValue .module_name > img {
  height: 30px;
  width: 30px;
}

.Worflowlist tr.listViewEntries .listViewEntryValue .module_name{
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.Worflowlist tr.listViewEntries a.deleteRecordButton{
  position: relative !important;
  transform: translate(0px, 0px) !important;
  left: auto !important;
}
.Worflowlist tr.listViewEntries .listViewEntryValue > div{
  display: flex;
}

.Worflowlist tr.listViewEntries .listViewEntryValue .action-count{
  border-radius: 3px;
  background: #E5F4FF;
  padding: 5px;
}

.Worflowlist tr.listViewEntries td.listViewEntryValue .condition_statements{
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.Worflowlist tr.listViewEntries td.listViewEntryValue .condition_statements .condition_exists strong{
  color: #28293D !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.Worflowlist tr.listViewEntries td.listViewEntryValue .condition_statements .no_condition{
  color: #28293D !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.Worflowlist tr.listViewEntries td.listViewEntryValue .condition_statements .condition_span{
  color: #28293D !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 3px;
  background: #E5F4FF;
  display: flex;
  height: 18px;
  padding: 10.5px 5px;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

#workflow_edit #workflow_action .btn-group .dropdown-menu{
  overflow: scroll;
  max-height: 250px;
}

/* Workflow new style end */

.commentDetails .singleComment .comment-content-wrap span.text-muted.wordbreak.display-inline-block{
  display: flex;
  gap: 10px;
}

.open .dropdown-menu.calendarthreedotaction.taskmanagement{
  left: 0 !important;
  right: auto !important;
}

.main-container.main-container-Documents .listview-table .listViewEntries .table-actions span {
  padding-left: 0px;
}

/* Report New CSS start by Sam */
.reportContents .recordEditView .form-group .inputElement{
  border-radius: 4px !important;
  border: 1px solid #CCCCD0 !important;
  height: 40px;
  width: 100% !important;
  margin-bottom: 0px !important;
  padding: 7px 16px !important;
}

.reportContents .recordEditView .filterConditionContainer .conditionRow .col-lg-12 ,
.reportContents .recordEditView .filterConditionContainer .conditionRow input.inputElement{
  padding: 7px !important;
  border-radius: 4px !important;
}

.reportContents .recordEditView .contentsBackground .select2-container,
.reportsDetailHeader .well.filterConditionContainer .select2-container{
  border-radius: 4px !important;
  border: 1px solid #CCCCD0 !important;
  height: 40px;
  width: 100% !important;
  margin-bottom: 0px !important;
  padding: 7px 16px !important;
}

.editViewPageDiv.viewContent > div.reports-content-area .breadcrumb {
  width: 97% !important;
  margin: 10px 20px !important;
}

.editViewPageDiv.viewContent > div.reports-content-area .breadcrumb .crumbs li {
  width: 33% !important;
}

.editViewPageDiv.viewContent > div.reports-content-area .breadcrumb .crumbs li.step .stepNum{
  background: #CCCCD0 !important;
}

.editViewPageDiv.viewContent > div.reports-content-area .breadcrumb .crumbs li.step .stepText{
  color: #000 !important;
}

.editViewPageDiv.viewContent > div.reports-content-area .breadcrumb .crumbs li.step.active .stepNum{
  background: #0a2eeb !important;
}

.editViewPageDiv.viewContent > div.reports-content-area .breadcrumb .crumbs li.step.active .stepText{
  color: #0a2eeb !important;
}

.reports-content-area .crumbs li:after {
  width: 70% !important;
}
/* Report New CSS End by Sam */

/* Documents Add Dropdown new Design CSS Start By Sam */
.dropdown-menu.add-document-dropdown > li.dropdown-header {
  border-bottom: 1px solid #CCCCD0 !important;
}

.dropdown-menu.add-document-dropdown > li > a img {
  max-height: 22px !important;
}

.dropdown-menu.add-document-dropdown{
  padding: 14px 19px 14px 20px;
}

.dropdown-menu.add-document-dropdown li{
  display: flex;
  height: 50px;
  padding: 5px 10px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  font-size: 14px;
  font-weight: 400;
  color: #051152;
}

.dropdown-menu.add-document-dropdown li.dropdown-header{
  font-size: 15px;
  font-weight: 600;
  color: #051152;
}

.dropdown-menu.add-document-dropdown li a{
  padding: 4px 0px !important;
}

.relatedContainer .dropdown-menu.add-document-dropdown{
  min-width: fit-content;
}
/* Documents Add Dropdown new Design CSS End By Sam */

/* EmailTemplates New Design CSS start by Sam */
.table-container.gridlistcontainer ul.thumbnails li {
    background: #fff;
    padding: 0px;
    border: 1px solid #eaeaea;
    border-left-width: thin;
    box-shadow: 0px 2px 10px rgb(51, 71, 91, 0.1);
    border-radius: 10px;
    margin: 10px !important;
    max-width: 23.4%;
}

.table-container.gridlistcontainer ul.thumbnails li:hover{
  box-shadow: 0px 0px 10px 0px #2846e0;
}

.table-container.gridlistcontainer ul.thumbnails li .templateName p{
  font-size: 16px;
  font-weight: 600;
}

.table-container.gridlistcontainer ul.thumbnails li .thumbnail.positionRel {
  border: 1px solid #eaeaea;
  border-radius: 10px;
}

.table-container.gridlistcontainer ul.thumbnails li .thumbnail.positionRel .imageDiv img{
  border-radius: 10px;
}

.table-container.gridlistcontainer ul.thumbnails li .thumbnail.positionRel .imageDiv button{
  background: #2846e0 !important;
  color: #fff !important;
  padding: 12px 8px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 50px;
}

.table-container.gridlistcontainer ul.thumbnails li .thumbnail.positionRel .imageDiv .templateActions{
  border-radius: 0 0 10px 10px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.emailTemplatesListView .listview-table tr.listViewContentHeader,
.main-container-PdfTemplates .listview-table tr.listViewContentHeader{
  border-bottom: 1px solid #ccccd0 !important;
}
/* EmailTemplates New Design CSS End by Sam */

/* EmailTemplates Preview Popup Design CSS Start by Sam */
#templateContainer{
  width: 85%;
  margin: 0 auto;
  border: 0;
  box-shadow: 0px 8px 32px #2846e05e;
  height: 700px;
  border-radius: 10px;
  margin-top: 50px !important;
}

#templateContainer .modal-header{
  border-radius: 15px 15px 0 0;
  padding: 20px 30px;
  margin-bottom: 0;
}

#templateContainer .modal-header h4 {
    color: #051152;
    font-family: 'Arimo', sans-serif !important;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    margin: 0 !important;
}

#templateContainer .modal-body{
  border-radius: 0 0 15px 15px;
}
/* EmailTemplates Preview Popup Design CSS End by Sam */

div[name="editContent pdfTemplateEditView"] .fieldBlockContainer .inputElement,
div[name="editContent pdfTemplateEditView"] .fieldBlockContainer .select2-container,
div[name="editContent pdfTemplateEditView"] .blockContainer.showInlineTable .select2-container{
    width: 100% !important;
    border-radius: 4px !important;
    border: 1px solid #ccccd0 !important;
    padding: 10px 16px !important;
    color: #000 !important;
    font-family: 'Arimo', sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    height: auto !important;
    margin: 0;
}

/* Create New Filter Popup Design CSS Start by Sam */
#filterContainer{
  border: 1px solid #CCCCD0;
  background: #FFF;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.50);
}

#filterContainer .modal-overlay-footer{
  background: #E5F4FF !important;
}

#filterContainer .modal-header{
  border-radius: 10px 10px 0 0;
  border: 1px solid #CCCCD0;
  box-shadow: 0 1px 10px 0 #000;
  flex-direction: row-reverse;
}

#filterContainer .block{
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  background: #FFF;
  box-shadow: 0 0 20px 0 #DDD;
  margin: 20px 60px;
  padding: 0 0 0 0 !important;
}

#filterContainer .block .block-header{
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  background: #E5F4FF;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#filterContainer .block .block-header h4{
  display: inline-flex;
  height: 40px;
  padding: 10.5px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  color: #0A2EEB;
}

#filterContainer .block .blockContent{
  padding: 15px 60px;
}

#filterContainer div#s2id_viewColumnsSelect{
  border: none !important;
}

#filterContainer .customview-content .columnsSelectDiv .select2-container-multi .select2-search-choice{
  border-radius: 5px;
  border: 1px solid #CCCCD0 !important;
  padding: 10px 25px 10px 30px !important;
}

#filterContainer .customview-content .columnsSelectDiv .select2-container-multi .select2-search-choice-close{
  background: url(/layouts/v7/modules/CustomView/X.svg) no-repeat;
  width: 15px;
  height: 15px;
  top: 45%;
}

#filterContainer .advancefilterconditioncontainer {
  padding: 0 20px;
}

#filterContainer .addCondition button.btn.btn-default{
  border-radius: 5px !important;
}

#filterContainer .filter_checkbox_container .checkbox{
  display: flex;
  gap: 50px;
  padding: 0 20px;
}

#filterContainer .select2-container.select2-container-multi.columnsSelect .select2-search-field{
    position: relative;
    padding-left: 25px !important; /* leave space for left arrow */
    padding-right: 30px !important; /* leave space for search icon */
    min-height: 38px;
    border: 1px solid #ccccd0 !important;
    border-radius: 5px !important;
    margin-top: 10px;
}

/* Left arrow */
#filterContainer .select2-container.select2-container-multi.columnsSelect .select2-search-field::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;  /* adjust size */
    height: 18px;
    background-image: url('/layouts/v7/resources/Images/Caretdown.svg');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none; /* so it doesn’t block clicks */
}

/* Right search icon */
#filterContainer .select2-container.select2-container-multi.columnsSelect .select2-search-field::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px; /* adjust size */
    height: 18px;
    background-image: url('/layouts/v7/resources/Images/search_columns.svg');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

.select2-container.select2-container-multi.columnsSelect li.select2-search-choice::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;  /* adjust size */
  height: 18px;
  background-image: url('/layouts/v7/resources/Images/LayoutEditor/Drag.svg');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none; /* so it doesn’t block clicks */
}
/* Create New Filter Popup Design CSS End by Sam */

/* Manage Columns Popup Design CSS Start by Sam */
.configColumnsContainer #selectedFieldsList .item{
  border-radius: 5px;
  padding: 0 10px !important;
  border: 1px solid #CCCCD0;
  margin: 10px;
  width: 17% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.configColumnsContainer ul#selectedFieldsList{
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.configColumnsContainer .selectedFieldsContainer ul .item .fieldLabel{
  display: inline-block;
  width: 70% !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.modal-dialog.configColumnsContainer{
  width: 1000px !important;
  max-width: 1000px;
}

@media (min-width: 1900px) {
  .modal-dialog.configColumnsContainer{
    width: 1200px !important;
    max-width: 1200px;
  }
}

.configColumnsContainer .modal-header {
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  box-shadow: 0 1px 10px 0 #000;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}

.configColumnsContainer .modal-footer {
  background: #E5F4FF !important;
  border-radius: 0 0 10px 10px;
  justify-content: center;
}

.configColumnsContainer .avialFieldsListContainer{
  position: fixed;
  z-index: 99999;
  border-radius: 5px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;
  width: 450px;
  top: 90px;
  margin-right: 10px;
  height: 350px !important;
}

.configColumnsContainer .avialFieldsListContainer #avialFieldsList .instafilta-target.item{
  border-radius: 5px;
  border: 1px solid #CCCCD0;
  margin: 5px;
}
.instafilta-section .fieldLabel .right_column{
  transform: rotate(90deg);
}
.configColumnsContainer .modal-header h4 {
  color:#28293D;
  font-size: 20px;
  font-weight: 600;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.configColumnsContainer .availFiedlsContainer .search_container{
  margin: 0 10px;
}
/* Manage Columns Popup Design CSS End by Sam */

/* Picklist Seeting New Design CSS Start by SAM */
.PicklistCreateView.modal-dialog  .modal-body .form-group .controls.col-sm-8 {
  width: 66.66666667% !important;
}

.PicklistCreateView.modal-dialog  .modal-body .form-group .controls.col-sm-8 .select2-container.select2-container-multi {
  width: 90% !important;
}

.PicklistCreateView.modal-dialog  .modal-body .form-group .controls.col-sm-8 .select2-container.select2-container-multi .select2-search-choice {
    display: flex;
    height: 30px;
    padding: 10px 25px !important;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    color: #28293D !important;
    border-radius: 5px;
    background: #E5F4FF;
    font-size: 15px;
    font-weight: 500;
}

.PicklistCreateView.modal-dialog  .modal-body .form-group .controls.col-sm-8 .select2-container.select2-container-multi .select2-search-choice-close {
  background: url(/layouts/v7/modules/CustomView/X.svg) no-repeat;
  top: 45%;
  width: 20px;
  height: 20px;
}

.PicklistCreateView.modal-dialog .color-picker-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin: 0 0 20px 0;
}
.PicklistCreateView.modal-dialog .color-picker-box-row {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 17px;
}

.PicklistCreateView.modal-dialog .color-square {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.PicklistCreateView.modal-dialog .color-square:hover {
  box-shadow: 0px 0px 10px 4px #2846e0ad;
}

.PicklistCreateView.modal-dialog  .modal-body .form-group .control-label {
  color:#28293D;
  font-size: 16px;
  font-weight: 500;
}

.PicklistCreateView.modal-dialog .custom-color-picker {
  color: #0A2EEB;
  font-size: 15px;
  font-weight: 500;
}

.PicklistCreateView.modal-dialog .color-square.selected {
  border: 2px solid #28293D;
}

.PicklistCreateView.modal-dialog .modal-header {
  border-radius: 20px 20px 0 0;
  height: 60px;
  padding: 10px 30px;
  border-bottom: 1px solid #CCCCD0;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.PicklistCreateView.modal-dialog .modal-header h4 {
  color: #051152;
  font-weight: 900;
}

.PicklistCreateView.modal-dialog .modal-footer {
  border-radius: 0 0 20px 20px;
  background: #E5F4FF;
  justify-content: center;
}

.picklistDetailViewContainer .detailViewInfo .row.form-group .control-label{
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.picklistDetailViewContainer .detailViewInfo .row.form-group .control-label .fieldLabel{
  width: 100% !important;
  color: #28293D !important;
  font-size: 15px;
  font-weight: 900;
  opacity: 1;
}

.picklistDetailViewContainer .detailViewInfo .row.form-group .control-label .fieldValue .select2-container{
    width: 100% !important;
    padding: 5px 15px !important;
    height: 40px !important;
}
.picklistDetailViewContainer .detailViewInfo .row.form-group .control-label .fieldValue .select2-container .select2-choice .select2-arrow b{
  background-image: url(/layouts/v7/resources/Images/Automation/CaretDown-Black.svg) !important;
  background-position: 0px 4px !important;
}

.picklistDetailViewContainer #modulePickListValuesContainer .nav-tabs li:hover{
  border-bottom:none;
}
.picklistDetailViewContainer #modulePickListValuesContainer .nav-tabs li a{
    display: flex;
    padding: 10px 30px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 5px;
    border: 1px solid #0A2EEB !important;
    background: #FFF;
}

.picklistDetailViewContainer #modulePickListValuesContainer .nav-tabs li a{
  color: #0A2EEB;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}

.picklistDetailViewContainer #modulePickListValuesContainer .nav-tabs li a.active,
.picklistDetailViewContainer #modulePickListValuesContainer .nav-tabs li a.active{
  background: #0A2EEB;
}
.picklistDetailViewContainer #modulePickListValuesContainer .nav-tabs li a.active,
.picklistDetailViewContainer #modulePickListValuesContainer .nav-tabs li a.active:focus{
  color: #fff !important;
}

.picklistDetailViewContainer #allValuesLayout .pickListValuesContainer{
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  background: #FFF;
  box-shadow: 0 0 20px 0 #DDD;
}

.picklistDetailViewContainer #allValuesLayout .pickListValuesContainer .pickListValuesHeading{
  display: flex;
  border-radius: 10px;
  border-bottom: 1px solid #CCCCD0;
  padding: 10px 25px;
  align-items: center;
  justify-content: space-between;
}

.picklistDetailViewContainer #allValuesLayout .pickListValuesContainer .pickListValuesHeading button#addItem{
  border-radius: 50px;
  background: #0A2EEB;
  color: #FFF;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
}

#pickListValuesTable td{
  border-top: none;
  border-bottom: none;
}

#pickListValuesTable .table-flex-container{
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: flex-start;
}

#pickListValuesTable .table-flex-container span.pull-left{
  display: flex;
  align-items: center;
  gap: 5px;
}

#pickListValuesTable .table-flex-container span.pull-left .picklist-color{
  display: flex;
  height: 40px;
  padding: 10.5px 15px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}

#AssignedToRoleLayout .form-group.row .select2-container{
  width: 100%  !important;
}

#AssignedToRoleLayout .form-group.row .select2-container#s2id_rolesList{
  padding: 5px 15px !important;
  height: 40px !important;
}

#AssignedToRoleLayout .form-group.row .select2-container .select2-choice .select2-arrow b,
.PicklistCreateView.modal-dialog .form-group .select2-container .select2-choice .select2-arrow b{
  background-image: url(/layouts/v7/resources/Images/Automation/CaretDown-Black.svg) !important;
  background-position: 0px 4px !important;
}

#AssignedToRoleLayout #pickListValeByRoleContainer .select2-container .select2-search-choice {
    display: flex;
    height: 30px;
    padding: 10px 25px !important;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    color: #28293D !important;
    border-radius: 5px;
    background: #E5F4FF;
    font-size: 15px;
    font-weight: 500;
}

#AssignedToRoleLayout #pickListValeByRoleContainer  .select2-container .select2-search-choice-close {
  background: url(/layouts/v7/modules/CustomView/X.svg) no-repeat;
  top: 45%;
  width: 20px;
  height: 20px;
}

#AssignedToRoleLayout .form-group.row .control-label label {
  color: #28293D;
  font-size: 15px;
  font-weight: 500;
}

.PicklistCreateView.modal-dialog .form-group .select2-container {
    width: 90% !important;
    height: 40px !important;
    border: 1px solid #ccccd0 !important;
    padding: 5px 0px !important;
    border-radius: 5px;
}

.PicklistCreateView.modal-dialog .form-group .select2-container.select2-container-multi {
  height: auto !important;
}

.PicklistCreateView.modal-dialog .form-group .controls {
  width: 33.33%;
}

.PicklistCreateView.modal-dialog .form-group input.form-control{
    width: 90% !important;
    height: 40px !important;
    border: 1px solid #ccccd0 !important;
    padding: 5px 20px !important;
    border-radius: 5px;
}

#pickListValuesTable .pickListValue .cursorDrag{
  cursor: url(/layouts/v7/resources/Images/Hand.svg), auto;
}

#pickListValuesTable .pickListValue.dragging {
  cursor: url(/layouts/v7/resources/Images/Hand.svg), auto;
}

.modal-dialog.createFieldModal .picklistFieldDetails{
  display: inline-flex;
  height: 30px;
  padding: 10px;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  border-radius: 50px;
  background:#E5F4FF;
  color: #0A2EEB;
  font-size: 16px;
  font-weight: 500;
}
/* Picklist Seeting New Design CSS End by SAM */

.recordquickviewsummary .summaryViewEntries .fieldValue .value audio{
    position: absolute;
    top: -7px;
    right: 0;
    z-index: 9999;
    width: 100%;
    padding: 10px;
}

#overlaydetailview_modal .detailview-fullcontent .block .blockData .fieldValue .value[data-field-type="text"]{
  padding: 10px 10px 10px 45px !important;
}

.detailview-fullcontent .block .blockData .fieldValue .picklist_setting {
  float: left;
  position: absolute;
  left: 35px;
  top: 65%;
  transform: translateY(-50%);
  display: none;
  cursor: pointer;
}

.detailview-fullcontent .block .blockData .fieldValue:hover .picklist_setting {
  display: block;
}

.summaryViewEntries .fieldValue .row .picklist_setting {
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    cursor: pointer;
}

.summaryViewEntries .fieldValue:hover .row .picklist_setting {
  display: block;
}

.summaryViewEntries .fieldValue .picklist_setting img,
.detailview-fullcontent .block .fieldValue .picklist_setting img,
.summaryViewEntries .fieldValue .copy img,
.detailview-fullcontent .block .fieldValue .copy img{
  opacity: 0.25;
}

.summaryViewEntries .fieldValue .picklist_setting img:hover,
.detailview-fullcontent .block .fieldValue .picklist_setting img:hover,
.summaryViewEntries .fieldValue .copy img:hover,
.detailview-fullcontent .block .fieldValue .copy img:hover{
  opacity: 1;
}
#moduleManagerContents .moduleManagerInfoContainer{
  border: 1px solid #CCCCD0;
  border-right: 7px solid #50ABC5;
  border-radius: 5px;
  padding: 10px;
  color: #28293D !important;
  font-size: 14px;
  font-weight: 400;
  margin: 15px 0;
}
#moduleManagerContents .moduleManagerInfoContainer > div{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}
#moduleManagerContents .moduleManagerInfoContainer .moduleManagerInfoHeader{
  color: #50ABC5;
  font-size: 15px;
  font-weight: 600;
}
#moduleManagerContents .moduleManagerInfoContainer a{
  color: #0a2eeb;
}

#moduleManagerContents #listview-actions .clearfix h4 {
  color: #051152;
  font-size: 16px !important;
  font-weight: 900;
}


/* Calendar New design CSS start by SAM */
.activitytypes #calendarview-feeds .activitytype-indicator {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 15px;
  padding: 0 15px;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #CCCCD0;
  background-color:#fff !important;
}

.activitytypes #calendarview-feeds .activitytype-indicator .module-fieldname{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

.activitytypes #calendarview-feeds .activitytype-indicator .activitytype-actions{
  /*flex: 1;*/
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 10px;
  justify-content: center;
  width: 60px !important;
}

.activitytypes #calendarview-feeds .activitytype-indicator .activitytype-actions .actions-buttons{
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.activitytypes #calendarview-feeds .activitytype-indicator:hover .activitytype-actions .actions-buttons{
  opacity: 1;
}

.activitytypes #calendarview-feeds .activitytype-indicator .module-fieldname .modulename{
  color: #28293D;
  font-size: 15px;
  font-weight: 800;
}
.activitytypes #calendarview-feeds .activitytype-indicator .module-fieldname span:not(.modulename){
  font-size: 14px;
  font-weight: 500;
}


.cldr-hdr-d ul {
  display: inline-flex;
  padding: 15px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.cldr-hdr-d li{
  display: flex;
  height: 40px;
  padding: 10.5px 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 50px;
  border: 1.5px solid #CCCCD0;
}

.cldr-hdr-d li.active{
  background:#0A2EEB;
}

.cldr-hdr-d li.active a{
  color: #fff;
}

.cldr-hdr-d li.active a img{
  filter: brightness(0) invert(1);
}

.fc-center h2 {
  color: #0A2EEB !important;
}

.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number {
  padding: 2px 15px !important;
}
.fc-month-view .fc-row .fc-content-skeleton td{
  border-bottom:1px solid #CCCCD0 !important;
}

.activitytypes #calendarview-feeds .activitytype-indicator .module-icon .recordImage{
  width:35px; 
  height:35px; 
  font-size: 15px;
  font-weight: 500;
  border-radius: 50px;
  border: 1px solid #28293D;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #28293D;
}

.activitytypes #calendarview-feeds .activitytype-indicator .module-icon .recordImage img{
  border-radius: 50px;
}

.activitytypes #calendarview-feeds .activitytype-indicator .userName{
  font-size: 15px;
  font-weight: 900;
  width: 100%;
}

#sharedcalendar .fc-toolbar .fc-prev-button, 
#sharedcalendar .fc-toolbar .vt-goto-date, 
#sharedcalendar .fc-toolbar .fc-next-button{
  background: transparent;
  border: 0;
  box-shadow: unset;
}

#sharedcalendar .fc-toolbar > * > :first-child {
  margin-left: 0;
  background: transparent;
  border: 0px;
  float: right;
}

.calendarview .agendaListView {
  border-right: 1px solid #CCCCD0;
  border-bottom: 1px solid #CCCCD0;
  border-left: 1px solid #CCCCD0;
  padding: 30px;
}

.calendarview .agendaListView .agendaListDay{
  padding: 0;
  width: 100%;
}

.calendarview .agendaListView .agendaListDay:first-of-type .agendaListViewHeader{
  border-top: 1px solid #CCCCD0;
  border-radius: 15px 15px 0 0;
}

.calendarview .agendaListView .agendaListDay:last-of-type .agendaListViewBody{
  border-radius: 0 0 15px 15px;
}

.calendarview .agendaListView .agendaListDay .agendaListViewHeader {
  background: #E5F4FF;
  border-right: 1px solid #CCCCD0;
  border-bottom: 1px solid #CCCCD0;
  border-left: 1px solid #CCCCD0;
  padding: 10px 20px;
  color: #0A2EEB;
  font-size: 16px;
  font-weight: 900;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody {
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #CCCCD0;
  border-bottom: 1px solid #CCCCD0;
  border-left: 1px solid #CCCCD0;
  color: #28293D;
  font-size: 14px;
  font-weight: 500;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-status {
  display: inline-flex;
  height: 20px;
  padding: 10.5px 20px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  margin-left: 20px;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-parent_id {
  display: inline-flex;
  height: 20px;
  padding: 10.5px 20px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  margin-left: 20px;
  width: auto;
  min-width: 15%;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-parent_id div{
  display: flex;
  height: 30px;
  padding: 10.5px 20px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  border: 1px solid #CCCCD0;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-parent_id div:hover{
  box-shadow: 0px 0px 5px 0px #0A2EEB;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-parent_id .reference-with-icon-detail{
  color: #0A2EEB !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-title {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  min-width: 20%;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-blank {
  width: auto;
  min-width: 25%;
}

.calendarview .agenda-event-wrapper .agenda-event-details .agenda-table.details {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 35px 10px 10px;
}

.calendarview .agenda-event-wrapper .agenda-event-details .agenda-table.details .agenda-details{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.calendarview .agenda-event-wrapper .agenda-event-details .agenda-table.details .agenda-details .detailLabel,
.calendarview .agenda-event-wrapper .agenda-event-details .agenda-table.details .agenda-details .fieldValue,
.calendarview .agenda-event-wrapper .agenda-event-details .agenda-table.details .agenda-details .separator{
  color: #28293D;
  font-size: 14px;
  font-weight: 500;
}

.calendarview .agenda-event-wrapper .agenda-event-details .agenda-table.details .agenda-details .fieldValue .user-img{
  width: 30px;
  height: 30px;
  border-radius: 50px;
  padding: 1px;
  border: 1px solid #051152;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.calendarview .agenda-event-wrapper .agenda-event-details .agenda-table.details .agenda-details .detailLabel{
  font-weight: 700;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-time{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-more-details,
.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fc-vtAgendaList-view .agendaListView .agendaListDay .agendaListViewBody .agendaNoEvents {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.fc-day-grid-event .fc-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-actions .cursorPointer img{
  opacity: 0;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-info:hover .agenda-event-actions .cursorPointer img{
  opacity: 1;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-more-details i.minus-square-o img{
  transform: rotate(180deg);
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-more-details i.plus-square-o img{
  transform: rotate(0deg);
}

.webui-popover-content .reference-with-icon-detail{
  color: #0A2EEB !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  opacity: 1 !important;
}

.webui-popover-content .reference-with-icon-detail img{
  opacity: 1 !important;
}

.settingsPageDiv.content-area.vtigerSetting .leadsFieldMappingListPageDiv td .select2-container{
  display: inline-block;
  float: right;
}

.settingsPageDiv.content-area.vtigerSetting .leadsFieldMappingListPageDiv thead th{
  position: sticky;
  top: 0;              /* stick to top */
  background: #fff;    /* give background so text doesn’t overlap */
  z-index: 2;          /* ensure it stays above table body */
  border: 1px solid #ccc;
}

.fc-event-container .fc-time-grid-event.testdayevent {
  margin-left: 5px !important;   /* pushes event slightly to the right */
}

.fc-widget-content .fc-event-container span.fc-title,
.fc-event-container .fc-content .fc-title,
.fc-time-grid-event.fc-short .fc-content .fc-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
}

.fc-widget-content .fc-event-container span.fc-title .user-icon,
.fc-time-grid-event.fc-short .fc-content .fc-title .user-icon,
.fc-event-container .fc-content .fc-title .user-icon{
  float:right; 
  margin-left:5px;
  border: 1px solid #051152;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  width: 10px;
  height: 10px;
}

.fc-widget-content .fc-event-container span.fc-title .user-icon img,
.fc-time-grid-event.fc-short .fc-content .fc-title .user-icon img,
.fc-event-container .fc-content .fc-title .user-icon img{
  width: 10px !important;
  height: 10px !important;
}
/* Calendar New design CSS end by SAM */

/* MailManager New CSS start by SAM */
.module-nav .modules-menu {
  background: #FFF;
}

.mmModulesMenu {
  color: #28293D;
}

.modules-menu ul li.active {
  background:#FFF;
}

.mmUnreadCountBadge {
  background-color: #B8E1FF;
  color: #0A2EEB;
  display: flex;
  height: 30px;
  padding: 10.5px 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
}

.modules-menu ul li.mm_folder {
  display: flex;
  height: 60px;
  padding: 15px 15px 15px 15px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--Gray-200, #CCCCD0);
  /*box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);*/
}

.modules-menu ul li.mm_folder b{
  color: #28293D !important;
  font-size: 15px;
  font-weight: 800;
}

.mmDisplaySubject{
  font-size: 14px;
  color: #28293D;
  font-weight: 700;
}

.mmDisplayName{
  font-size: 15px;
  color: #28293D;
  font-weight: 900;
}

#folders_list.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-left: 0px;
}

.main-container-MailManager .modules-menu .mCSB_scrollTools .mCSB_draggerContainer{
  left: -10px;
}

.main-container-MailManager #mail_compose{
  display: inline-flex;
  height: 40px;
  padding: 10.5px 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  border-radius: 50px;
  background: #0A2EEB;
  color: #fff;
  cursor: pointer;
}

.main-container-MailManager #mail_username{
  color: #0A2EEB;
  font-size: 15px;
  font-weight: 500;
}

#mailmanagerContainer .mmActionIcon,
#mailmanagerContainer .moveToFolderDropDown {
  border-radius: 5px;
  border: 1.5px solid #0A2EEB;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modules-menu ul li.mm_folder img{
  display: flex;
  width: 30px;
  height: 30px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 1px solid #28293D;
}

#outlook_mails_container .col-lg-5.padding0px{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

#mailmanagerContainer{
  display: flex;
  flex-direction: row-reverse;
}

.mmReadEmail {
  background-color: #fff;
}

.mmUnreadEmail {
  background-color: #E5F4FF;
}

.highLightMail{
  background-color: #B8E1FF;
}

#mailManagerActions > .col-lg-12{
  display: flex;
  align-items: center;
}

#mailManagerActions #relationBlock .recordScroll .mCSB_container{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;          /* ⬅ allow wrapping when full width reached */
}

#mailManagerActions #relationBlock .recordScroll .mCSB_container .col-lg-12.padding0px{
  display: flex;
  align-items: center;
  flex: 1;
}

#mailManagerActions #relationBlock .recordScroll .recordLabel{
  color: #28293D;
  font-size: 15px;
  font-weight: 500;
  flex: 1;
}

#mailManagerActions .mailPagination {
  background: transparent;
  border: none;
}
/* MailManager New CSS End by SAM */

/* added by SAM for summary view Icons placement issue */
.summaryView .summaryViewHeader .display-inline-block,
.summaryWidgetContainer .widget_header .display-inline-block{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

/* added by SAM for folder dropdown issue */
#mailmanagerContainer ul#mmMoveToFolder{
  right: 0px;
  top: 0 !important;
  width: 200px;
  overflow: scroll;
  max-height: 250px;
}


/*label manager new css start by SAM */
/*#mailManagerActions #relationBlock .recordScroll .recordLabel{
  color: #28293D;
  font-size: 15px;
  font-weight: 500;
}*/

.createFieldModal .createCustomFieldForm .form-group .controls .label_config{
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  cursor: pointer;
}

.createFieldModal .createCustomFieldForm .form-group .controls:hover .label_config{
  display: block;
}

.ctlabelupdateEditView{
  height: auto;
  min-height: 70vh;
}

.ctlabelupdateEditView .editViewBody{
  margin: 50px 10% !important;
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px #DDD;
}

.ctlabelupdateEditView .editViewBody .editViewHeader {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #CCCCD0;
  background: #E5F4FF;
  height: 60px;
  border-radius: 10px;
}

.ctlabelupdateEditView .editViewBody .editViewHeader h3{
  color: #0A2EEB;
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  height: 40px;
  padding: 0px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.ctlabelupdateEditView .editViewBody .editViewContents{
  padding: 50px;
}

.ctlabelupdateEditView .stepgridCotainer{
  position: absolute;
  top: 11.5%;
  right: 25%;
  height: 85%;
  width: 15px;
  border-radius: 20px;
  background: #EBEBEC;
}

.ctlabelupdateEditView .stepgridCotainer .step-number .step-number-line {
    height: 5px;
    width: 30px;
    background: #CCCCD0;
    position: absolute;
    right: 40px;
    top: 17px;
}

.ctlabelupdateEditView .stepgridCotainer .step-number .step-number-text {
  width: 40px;
  height: 40px;
  display: flex;
  padding: 9px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: #CCCCD0;
  font-size: 18px;
  color: #fff;
}

.ctlabelupdateEditView .stepgridCotainer .step-number {
  position: absolute;
  right: -70px;
}

.ctlabelupdateEditView .stepgridCotainer .step-number.active .step-number-line, 
.ctlabelupdateEditView .stepgridCotainer .step-number.active .step-number-text {
  background: #38A2E3;
}

.ctlabelupdateEditView .stepgridCotainer .stepgridprogress {
    border-radius: 20px;
    background: #38A2E3 !important;
    height: 25%;
    width: 15px;
}

.ctlabelupdateEditView .stepgridCotainer .step-number.step-1{
  top: 15%;
}

.ctlabelupdateEditView .stepgridCotainer .step-number.step-2{
  top: 65%;
}

.ctlabelupdateEditView .editViewBody .editViewContents .stickey-footer{
    position: fixed;
    bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CCCCD0;
    background: #E5F4FF;
    box-shadow: 0 0 20px 0 #DDD;
    padding: 11px 0 10px 0;
    width: 100%;
    right: 10%;
}

.ctlabelupdateEditView .editViewBody .editViewContents .stickey-footer.step-2{
  bottom: 2px;
}

.ctlabelupdateEditView .editViewBody .editViewContents .stickey-footer.step-2 .btn.btn-success{
  padding: 11.2px 20px !important;
}

.ctlabelupdateEditView .stepgridCotainer.step-2{
  top: 1.4%;
  height: 97%;
}

.ctlabelupdateEditView .stepgridCotainer.step-2 .stepgridprogress{
  height: 10%;
}

.ctlabelupdateEditView .stepgridCotainer.step-2 .step-number.step-1 {
  top: 2%;
}

.ctlabelupdateEditView .stepgridCotainer.step-2 .step-number.step-2 {
  top: 5%;
}

.ctlabelupdateEditView .editViewBody .editViewContents .fieldBlockContainer .inputElement{
  width: 160px;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  padding: 5px 16px !important;
  height: 40px;
}

.ctlabelupdateEditView .editViewBody .editViewContents #fieldBlockContainer .blockLabel {
  display: flex;
  width: 100%;
  padding: 20px;
}

.ctlabelupdateEditView .editViewBody .editViewContents #fieldBlockContainer .blockLabel strong{
  color: #28293D;
  font-size: 16px;
  font-weight: 900;
}

.ctlabelupdateEditView .editViewBody .editViewContents .editFieldsTable{
  border-bottom: 1px solid #CCCCD0 !important;
  box-shadow: none;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  display: inline-block;
}

.ctlabelupdateEditView .editViewBody .editViewContents #fieldBlockContainer .fieldValue .inputElement{
  border-radius: 5px;
  border: 1px solid #CCCCD0 !important;
  padding: 5px;
  height: 40px;
}

.ctlabelupdateEditView .editViewBody .editViewContents .editFieldsTable td.fieldValue{
  width: 40%;
}

.ctlabelupdateEditView .editViewBody .editViewContents #fieldBlockContainer td.fieldLabel span.fieldLabel{
  color: #7A7B87 !important;
  font-size: 15px;
  font-weight: 500;
}

.ctlabelupdateEditView .editViewBody .editViewContents .fieldBlockContainer label.fieldValue b{
  color: #0A2EEB;
  font-size: 15px;
  font-weight: 500;
}

/*#listViewTagContainer .tagLabel {
  max-width: 120px;
}*/

.main-container .sidebar-essentials .module-filters .list-menu-content .tag {
  padding: 5px 12px;
}

/*.profileleftwrapper .tagContainer .tag .tagLabel {
  max-width: 120px;
}*/
.profileleftwrapper .tagContainer .tag {
  padding: 6px 16px;
}
/*label manager new css start by SAM */
span.apiLimitMessage{
  color: #ff0000;
  margin-right: 0;
  font-size: 18px;
  line-height: 20px;
  display: inline-block;
  padding: 20px;
  position: relative;
  margin-top: -10px;
}

span.apiLimitMessage::before {
    content: '';
    background: url('../images/warning.png') no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: -12px;
    transform: translateY(-52%);
}

.custom-notification-body{
  max-height: 300px;
  overflow-y: auto;
}


@media (max-width: 1440px) {
  .sidebar-essentials .sidebar-menu .sidebar-inner-div {
    height: calc(100vh - 200px) !important;
  }
  .table-container.ps-container {
    height: calc(100vh - 200px) !important;
  }
  .essentials-toggle .essentials-filter-icon{
    display: none;
  }
}

#storageLimitPopup {
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 9999; 
  display: flex; 
  align-items: center; 
  justify-content: 
  center; opacity: 0; 
  visibility: hidden; 
  transition: opacity 0.3s ease-in-out;
}
 
#storageLimitPopup table.table.table-bordered{
  width: 50%; 
  border-radius: 10px;
  border: none !important;
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(245, 67, 54, 0.50); 
  font-family: Assistant, sans-serif !important; 
  text-align: center;
}
 
#storageLimitPopup .storageLimitTitle{
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
 
#storageLimitPopup .storageLimitPercentage{
  color: var(--Red-600, #F54336);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
 
#storageLimitPopup thead tr.closerow th{
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  gap: 10px;
}
 
#storageLimitPopup thead tr.titlerow th{
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
 
#storageLimitPopup td.gobtntd{
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
 
#storageLimitPopup .displayText h3{
  font-size: 16px !important;
  font-style: normal;
  font-weight: 100 !important;
  line-height: normal;
}
 
#storageLimitPopup .gobackbtn{
  display: flex;
  width: 120px;
  padding: 10.5px 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 50px;
  background: #0A2EEB;
  color:#fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
 
#storageLimitPopup table tr td,
#storageLimitPopup table tr th{
  border: none !important;
}
.custom-notification-modal {
    display: none;
    position: absolute;
    top: 50px;
    right: 10px;
    width: 320px;
    background: white;
    border-radius: 10px;
    border: 1px solid #EBEBEC;
    background: #FFF;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.50);
    z-index: 1000;
}

.custom-notification-header {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.custom-notification-modal .custom-notification-title{
  display: flex;
  padding: 8px 0px 7px 233px;
  justify-content: flex-end;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #CCCCD0;
  background: #FFF;
}

.custom-notification-modal .custom-notification-title span{
  color: #28293D;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 10px;
}

.custom-notification-modal .custom-notification-body{
  padding: 22px;
}

.custom-close-btn {
    cursor: pointer;
    color: red;
    font-size: 16px;
    font-weight: bold;
}

/* Notification Item */
.custom-notification-modal .custom-notification-item {
    padding: 10px;
    border-radius: 8px;
    margin: 10px 0;
    border-radius: 5px;
    border: 1px solid #CCCCD0;
    position: relative;
}

.custom-notification-modal .custom-notification-item .custom-notification-item-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

/* Upgrade Button */
.custom-notification-modal .custom-notification-item .upgrade-btn {
    background: transparent;
    color: #4EAF51;
    padding: 5px 12px;
    border-radius: 20px;
    border: 2px solid #4EAF51;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    position: absolute;
    left: 40px;
    margin-top: -35px;
}

.custom-notification-modal .custom-notification-item .usage_warning {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.custom-notification-modal .custom-notification-item .usage_warning.red{
  color: #D02457;
}

.custom-notification-modal .custom-notification-item .usage_warning.orange{
  color: #FF6109;
}

.custom-notification-modal .custom-notification-item .notification-content .notification-title{
  color: #28293D;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
}

/* Notification Content */
.notification-content {
    flex-grow: 1;
    margin-left: 10px;
}

/* Progress Bar */
.progress-container {
    font-size: 12px;
    color: #666;
}

.progress-bar {
    width: 100%;
    background: #ddd;
    height: 5px;
    border-radius: 5px;
    margin-top: 5px;
    position: relative;
}

.progress-fill {
    height: 5px;
    background: #00c896; /* Default green */
    border-radius: 5px;
    width: 40%;
}

.progress-fill.red-bg {
    background: red !important; /* Red when prog > 90 */
}
.progress-info {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}
/* Billing Listing Page New Design Start */

.price-wrapper .price-sec .image-container{
  display: flex;
  align-items: center;
  justify-content: center;
  /*width: 140px;
  height: 140px;
  border-radius: 140px;
  background: #FFF;
  box-shadow: 0 0 4px 4px rgba(10, 46, 235, 0.20);*/
  width: 90px;
  height: 90px;
  border-radius: 90px;
  border: 1px solid #051152;
}

.price-wrapper .price-sec .image-container img{
  width:88px;
}

.price-wrapper .section-head h1{
  color: #141A63;
  font-size: 32px;
  font-weight: 800;
}

.price-wrapper .section-head h4{
  color: #141A63;
  font-size: 32px;
  font-weight: 400;
}

.price-wrapper .price-sec-wrapper-main{
  margin: 50px 250px;
}

.price-wrapper .price-sec-wrapper{
    margin-top: 50px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    gap: 50px;
}

.price-wrapper .price-sec center{
  padding: 40px 40px 0 40px;
}

.price-wrapper .price-sec-wrapper .price-sec{
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 0 15px 7px #E4EBF5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.price-wrapper .price-sec-wrapper .price-sec.active{
  border: 1px solid #0A2EEB;
  background: #F3F8FF;
}

.price-wrapper .price-sec-wrapper .price-sec:not(.active):hover{
  background: #F2F2F2;
}

.price-wrapper .price-sec-wrapper .price-sec ul{
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.price-wrapper .price-sec-wrapper .price-sec ul li{
  display: flex;
  padding: 10.5px 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color:#051152;
  font-size: 15px;
  font-weight: 500;
}

.price-wrapper .price-sec-wrapper .price-sec ul li.heading{
  font-size: 16px;
  font-weight: 800;
}

.price-sec .price-btn{
  display: flex;
  padding: 10.5px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  background: #0A2EEB;
  border: none;
}

/*.price-btn-container{
  display: flex;
  align-items: center;
  justify-content: center;
}*/

.price-sec .watch-container{
  display: inline-flex;
  padding: 10.5px 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.price-sec .watch-container span{
  color: #0A2EEB;
  font-size: 16px;
  font-weight: 400;
}

.price-sec .centralise-message{
  align-self: stretch;
  text-align: center;
  padding: 25px;
  color: #051152;
  font-size: 16px;
  font-weight: 500;
}

.price-sec .price-btn strong,
.price-sec .price-btn #myplanstatus{
  color: #FFF;
  font-size: 21px;
  font-weight: 500;
}

.price-sec .price-btn #myplanstatus{
  margin: 0 !important;
  background: transparent !important;
}

.price-sec h2{
  color: #051152;
  font-size: 24px;
  font-weight: 800;
}

.price-sec h3{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.price-sec h3 .per_user_month_text{
  color: #141A63;
  font-size: 12px;
  font-weight: 600;
}

.price-sec h3 .per_user_month_text .per_month_text{
  font-weight: 600;
}

.price-sec h3 span p {
  color: #141A63;
  font-size: 32px;
  font-weight: 600;
}

.price-sec p {
  font-size: 16px;
  color: #051152;
  font-weight: 600;
}

.price-sec p span{
  font-weight: 400;
}

.price-wrapper .price-sec-wrapper .price-sec .price-btn-container{
  margin: 25px;
}
.pricing-compare-wrapper .pricing-compare-wrapper-main{
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  align-self: stretch;
  /*border-radius: 20px;*/
  background: #FFF;
  /*box-shadow: 0 0 30px 15px #E4EBF5;*/
}

.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-head{
  display: flex;
  width: 100%;
  padding: 10px;
  border-bottom: 2px solid #E4EBF5;
  border-left: 2px solid #E4EBF5;
  background: #E4EBF5;
}

.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-head h4{
  color: #141A63;
  font-size: 16px;
  font-weight: 700;
  padding: 0 20px 0 0;
}

.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row{
  display: flex;
  justify-content: space-between;
}

.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row > div{
  display: flex;
  padding: 16px 0;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #E4EBF5;
  border-left: 2px solid #E4EBF5;
  gap: 10px;
}

.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-basic,
.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-advantage,
.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-premium{
 width: 20%;
}

.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-title{
  width: 40%;
  justify-content: space-between;
  padding: 16px 30px;
  border-right: 2px solid #E4EBF5;
}
.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-title,
.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-basic,
.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-advantage,
.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-premium{
  color: #141A63;
  font-size: 15px;
  font-weight: 500;
}

.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-basic.heading,
.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-advantage.heading,
.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-premium.heading,
.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .pricing-compare-row .pricing-compare-row-title.heading{
  color: #0A2EEB;
  font-weight: 400;
  border-top: 2px solid #E4EBF5;
  flex-direction: column;
  padding: 15px 55px 16px 55px !important;
}

.pricing-compare-wrapper .pricing-compare-wrapper-main .pricing-compare-sec .heading .heading-button .activate-button{
  border-radius: 50px;
  border: 1px solid #051152;
  font-size: 16px;
  font-weight: 500;
  color: #051152;
  background: #FFF;
  padding: 8px 22px;
}

.price-sec .hr-div{
  height: 1px;
  background: rgba(219, 226, 241, 0.80);
  width: 75% !important;
  margin: 20px 50px !important;
}

.price-sec-wrapper-main .hr-div{
  width: 100%;
  height: 1px;
  background: #D0D4E4;
  margin: 80px 0;
}

.pull-right.toggleComment{
  padding: 0 10px;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #0a2eeb !important;
  float: right !important;
}

.billingview #orderSummary .upgrade_note{
  color: #D02457;
  font-size: 15px;
  font-weight: 400;
}

.billingview #orderSummary button#paypalpayment{
  height: 40px;
  padding: 10.5px 30px !important;
  border-radius: 60px;
  border: 1.5px solid #0A2EEB !important;
  background: #fff !important;
  color: #0A2EEB !important;
  font-size: 16px;
  font-weight: 500;
}

.billingview #orderSummary .priceContent .textAlignCenter{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10.5px 0;
}

/* Billing Listing Page New Design End */

/* Quick Help View ( Tooltip ) design css start by SAM */
div#helpPageOverlay .quickHelpPreview {
  position: absolute;
  top: 0;
  left: 0;
  transform: none;
  max-width: 560px;
  height: 100vh;
  margin: initial;
  border: 0 !important;
  border-radius: 10px;
  background: #E5F4FF;
  box-shadow: 0 0 30px 0 rgba(81, 82, 98, 0.50);
  width: 560px;
}

div#helpPageOverlay .quickHelpPreview .quick--help-preview-modal {
  width: 100%;
}

div#helpPageOverlay .quickHelpPreview .quick--help-preview-modal .modal-body {
  background: #E5F4FF;
  overflow-y: auto;
  height: calc(100vh - 0px);
  padding: 15px;
}

div#helpPageOverlay .quickHelpPreview .quickHelpPreviewModuleHeader .qp-heading {
  display: flex;
}

div#helpPageOverlay .quickHelpPreview .quickHelpPreviewModuleHeader .qp-heading h4 {
  color: #28293D;
  font-size: 18px;
  font-weight: 900;
}

div#helpPageOverlay .quickHelpPreview .quickHelpPreviewModuleHeader .quickHelpPreviewActionsWrap.search_container {
  padding: 8px 10px;
  border-radius: 4px;
  display: flex;
  gap: 5px;
  border-radius: 5px;
  border: 1px solid #CCCCD0;
  background: #FFF;
}

div#helpPageOverlay .quickHelpPreview .quickHelpPreviewModuleHeader .quickHelpPreviewActionsWrap.search_container input.inputElement {
  border: none !important;
}

div#helpPageOverlay .quickHelpPreview .accordion {
  height: auto;
  overflow-y: hidden;
  background: #FFF;
  border-radius: 5px;
  border: 1px solid #CCCCD0;
  margin-top: 15px;

  display: flex;
  padding: 20px 19px 18px 19px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
}

div#helpPageOverlay .quickHelpPreview .accordion .quickhelp_chatbox_header {
  display: flex;
  height: 80px;
  padding: 10px 15px 10px 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #CCCCD0;
  background: #E5F4FF;
  margin-top: 20px;
}

div#helpPageOverlay .quickHelpPreview .accordion .quickhelp_chatbox_header span {
  color: #28293D;
  font-size: 15px;
  font-weight: 700;
}

div#helpPageOverlay .quickHelpPreview .accordion .quickhelp_chatbox_header .quickhelp_chatbutton {
  display: flex;
  height: 40px;
  padding: 10.5px 22px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 50px;
  background: #0A2EEB;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  border: none;
}

.quickHelpPreview .quickhelp_progress_box{
  border-radius: 5px;
  border: 1px solid #CCCCD0;
  background: #FFF;
  width: 100%;
}

.quickHelpPreview .quickhelp_progress_box .progress_box_wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  padding: 15px 15px 0 15px;
}

.quickHelpPreview .quickhelp_progress_box .progress_bar_outer {
  display: flex;
  width: 95%;
  height: 18px;
  align-items: center;
  justify-content: end;
  flex-shrink: 0;
  border-radius: 60px;
  border: 1px solid #28293D;
  margin: 0 15px 15px;
}

.quickHelpPreview .quickhelp_progress_box .progress_bar_inner {
  border-radius: 60px;
  background: #0A2EEB;
  height: 18px;
  flex-shrink: 0;
}

.quickHelpPreview .quickhelp_progress_box .progress_box_title_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  width: 100%;
}

.quickHelpPreview .quickhelp_progress_box .progress_box_title_wrapper .progress_box_title {
  color: #28293D;
  font-size: 15px;
  font-weight: 700;
}

.quickHelpPreview .quickhelp_progress_box .progress_box_title_wrapper .progress_box_description {
  color: #7A7B87;
  font-size: 14px;
  font-weight: 400;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.quickHelpPreview .quickhelp_single_row_box,
.quickHelpPreview .quickhelp_single_row_bottom_box {
    display: flex;
    height: 50px;
    padding: 15px 19px 15px 19px;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    border: 1px solid #CCCCD0;
    background: #FFF;
    width: 100%;
    margin-top: 10px;
    color: #28293D;
    font-size: 15px;
    font-weight: 500;
}

.quickHelpPreview .quickhelp_single_row_bottom_box {
  justify-content: space-between;
  height: 55px;
  padding: 11px 19px 11px 19px;
}

.quickHelpPreview .quickhelp_bottom_button_box {
    display: flex;
    align-items: center;
    gap: 6px;
}

.quickHelpPreview .quickhelp_bottom_button_box .bottom-blue-btn {
  display: flex;
  width: 30px;
  height: 30px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid #0A2EEB;
  background: transparent;
}

.quickHelpPreview .quickhelp_middle_contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.quickHelpPreview .quickhelp_middle_contents .accordion-item{
  width: 100%;
}

.quickHelpPreview .quickhelp_middle_contents .card {
  border-bottom: 1px solid #CCCCD0;
}

.quickHelpPreview .quickhelp_middle_contents .card .card-header {
  padding: 10.5px 15px;
  cursor: pointer;
}

.quickHelpPreview .quickhelp_middle_contents .card .card-header .mb-0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #28293D;
  font-size: 15px;
  font-weight: 500;
}

.quickHelpPreview .quickhelp_middle_contents .accordion.checked  .card .card-header .mb-0 {
  color: #0A2EEB;
}

.quickHelpPreview .quickhelp_middle_contents .card .youtube-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #CCCCD0;
  margin-bottom: 10px;
}

.quickHelpPreview .quickhelp_middle_contents .card .youtube-container .youtube-left-container {
  /*display: flex;
  align-items: center;
  justify-content: center;*/
  width: 160px;
  height: 80px;
  flex-shrink: 0;
  border-radius: 5px;
  border: 1px solid #CCCCD0;
  background: #E0E0E0;
  cursor: pointer;
}

.quickHelpPreview .quickhelp_middle_contents .card .youtube-container .youtube-left-container .img-container{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.quickHelpPreview .quickhelp_middle_contents .card .youtube-container .youtube-left-container .youtube-time{
  position: relative;
  top: -20px;
  left: -10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: #7A7B87;
  font-size: 11px;
  font-weight: 500;
}

.quickHelpPreview .quickhelp_middle_contents .card .youtube-container .youtube-right-container {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

.quickHelpPreview .quickhelp_middle_contents .card .youtube-container .youtube-right-container p{
  color: #28293D;
  font-size: 14px;
  font-weight: 300;
}

.quickHelpPreview .quickhelp_middle_contents .card .youtube-container .youtube-right-container a{
  color: #0A2EEB;
  font-size: 14px;
  font-weight: 300;
}

.quickHelpPreview .quickhelp_middle_contents .card .youtube-container .youtube-right-container .right-button-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.quickHelpPreview .right-blue-btn{
  display: inline-flex;
  height: 30px;
  padding: 10.5px 15px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 50px;
  background: #CED5FB;
  color: #0A2EEB;
  font-size: 14px;
  font-weight: 400;
  border: none;
}

.quickHelpPreview .right-app-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #CCCCD0;
}

.quickHelpPreview .right-app-btn img{
  width: 90px;
  height: 27px;
}

.quickHelpPreview .highlight {
  background-color: #ff9632;
  padding:0 !important;
}

.quickHelpPreview .complete_check_container {
  display: flex;
  height: 38px;
  padding: 10.5px 0;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
}

.quickHelpPreview .complete_check_container a {
  color:#0A2EEB;
}
.quickHelpPreview .complete_check_container div{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.quickHelpPreview input[type='checkbox'].complete_checkbox {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  border: 1px solid #7A7B87 !important;
  background-color: white !important;
  cursor: pointer !important;
}

.quickHelpPreview input[type='checkbox'].complete_checkbox:checked::after {
  content: url(/layouts/v7/resources/Images/QuickHelpIcons/checkmark.svg);
  top: 1px;
  left: 2.5px;
}

.quickHelpPreview input[type='checkbox'].complete_checkbox:checked {
  border: 1px solid #0A2EEB !important;
}

.quickHelpPreview .card-header .heading_right_icon{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.quickHelpPreview .quickhelp_middle_contents .accordion.checked  .card .complete_check_container div {
  color: #0A2EEB;
}

.quickHelpPreview .quickhelp_middle_contents .card .card-header .mb-0.collapsed img.caretIcon{
  transform: rotate(180deg);
}
.quickHelpPreview .quickhelp_middle_contents .card .card-header .mb-0 img.caretIcon{
  transform: rotate(0deg);
}

.quickHelpPreview .dropdown-content {
  display: none;
  position: absolute;
  left: 0;
  right: auto;
  margin-top: 10px;
  padding: 20px;
  text-align: center;
  min-width: 350px;
  border-radius: 10px;
  border: 1px solid #CCCCD0;
  background: #FFF;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.50);
}

.quickHelpPreview .dropdown-content span {
  color: #28293D;
  font-weight: 900;
  margin-bottom: 15px;
}

.quickHelpPreview .option-btn {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  margin: 5px;
  color: white;
}

.quickHelpPreview .option-btn.sales {
  background: #0056ff;
}

.quickHelpPreview .option-btn.support {
  background: #001a66;
}

.quickHelpPreview .dropdown-content .dropdown-btn-container{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}

div#helpPageOverlay .quickHelpPreview .accordion .quickhelp_chatbox_header .quickhelp_chatbutton:active,
div#helpPageOverlay .quickHelpPreview .accordion .quickhelp_chatbox_header .quickhelp_chatbutton:focus,
.quickHelpPreview .option-btn.support:active,
.quickHelpPreview .option-btn.support:focus,
.quickHelpPreview .option-btn.sales:active,
.quickHelpPreview .option-btn.sales:focus,
.quickHelpPreview .dropdown-btn-container a:active,
.quickHelpPreview .dropdown-btn-container a:focus {
  color: #FFF !important;
}

.quickHelpPreview .right-blue-btn:active,
.quickHelpPreview .right-blue-btn:focus{
  color: #0A2EEB !important;
}

.quickHelpPreview .complete_check_container a:active,
.quickHelpPreview .complete_check_container a:focus {
  color: #0A2EEB !important;
}


.quickHelpPreview .quickhelp_middle_contents .card .youtube-container .youtube-right-container a:active,
.quickHelpPreview .quickhelp_middle_contents .card .youtube-container .youtube-right-container a:focus {
  color: #0A2EEB !important;
}
/* Quick Help View ( Tooltip ) design css End by SAM */

.navbar-fixed-top #navbar .navbar-nav > li.dropdown,
.navbar-fixed-top #navbar .navbar-nav > li.billing-expiry-div {
  margin: 0 0px;
}


@media (max-width: 1700px) {
  .app-fixed-navbar .global-nav .col-sm-3 {
    margin-right: 0%;
  }

  .navbar-fixed-top #navbar .navbar-nav > li.dropdown,
  .navbar-fixed-top #navbar .navbar-nav > li.billing-expiry-div {
    margin: 0 0 0 0px;
  }

  .billing-expiry-div .billing-link h6{
    padding: 5px 15px 5px 15px;
  }
}

@media (max-width: 1450px) {
  .app-fixed-navbar .global-nav .col-sm-3 {
    margin-right: -2%;
  }

  .navbar-fixed-top #navbar .navbar-nav > li.dropdown,
  .navbar-fixed-top #navbar .navbar-nav > li.billing-expiry-div {
    margin: 0 0 0 -2px;
  }

  .billing-expiry-div .billing-link h6{
    padding: 5px 10px 5px 10px;
  }

  .app-navigator-container{
    width: 10% !important;
  }
}

@media (max-width: 1350px) {
  .app-navigator-container{
    width: 5% !important;
  }
}


#detailView .detailview-table .fieldValue .referencefield-wrapper .input-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* New css start by SAM for Global Search Changes */
body.closeMenu #searchResults-container {
  box-shadow: 0 0 30px 0 rgba(81, 82, 98, 0.50);
  border-radius: 20px;
}

#searchResults-container .searchResults{
  margin: 0 20px;
}

#searchResults-container .searchResults #searchResults-container{
  box-shadow: none;
  border-radius: none;
}

#searchResults-container .searchResults #listview-table .listViewContentHeader th {
  border: 1px solid #ccccd0 !important;
}

#searchResults-container .searchResults #listview-table .fieldValue:has(.reference-with-icon-detail) {
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    background: #E5F4FF;
    color: #0A2EEB !important;
    display: inline-block;
}

#searchResults-container .searchResults #listview-table .fieldValue .reference-with-icon-detail {
  color: #0A2EEB !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

#searchResults-container .searchResults #listview-table .fieldValue:has(.reference-with-icon-detail):hover {
    box-shadow: 0px 0px 5px 0px #0A2EEB;
    background: #E5F4FF;
}

#searchResults-container {
    height: auto !important;
    max-height: calc(100vh - 10vh);
}
/* New css End by SAM for Global Search Changes */

#navbar .nav.navbar-nav li .notificationBell,
#navbar .nav.navbar-nav li .QuickHelpGuide,
#navbar .nav.navbar-nav li #adv-search{
  padding: 7px;
  background: #fff;
  border-radius: 50px;
  border:2px solid transparent;
}

.container-fluid.global-nav ul.nav.navbar-nav li.dropdown div a.dropdown-toggle.showTimelineMessage,
.container-fluid.global-nav ul.nav.navbar-nav li.dropdown div a.dropdown-toggle.whatsapp,
.container-fluid.global-nav ul.nav.navbar-nav li.dropdown div.facebookb a.dropdown-toggle{
  border:2px solid transparent;
}

#navbar .nav.navbar-nav li .notificationBell img{
  box-shadow: none !important;
}

.container-fluid.global-nav ul.nav.navbar-nav li.dropdown div a.dropdown-toggle.showTimelineMessage:hover,
.container-fluid.global-nav ul.nav.navbar-nav li.dropdown div a.dropdown-toggle.whatsapp:hover,
.container-fluid.global-nav ul.nav.navbar-nav li.dropdown div.facebookb a.dropdown-toggle:hover,
#navbar .nav.navbar-nav li .notificationBell:hover,
#navbar .nav.navbar-nav li .QuickHelpGuide:hover,
#navbar .nav.navbar-nav li #adv-search:hover{
  border:2px solid #CCCCD0;
}

.app-nav .app-indicator-icon-container .left-mn .settingsgroup-panel .settingsgroup-accordion a.activeModule{
  background: #ced5fb;
  border-radius: 0 20px 20px 0;
}

.app-menu .settingsgroup .menu-item.activeModule , 
.app-menu .settingsgroup .panel-group > .settingsgroup-panel .settingsgroup-accordion a.activeModule {
  background: #ced5fb;
  border-radius: 0 20px 20px 0;
  color: #0a2eeb !important;
}

.settingsgroup.app-list a.activeModule span.module-name {
  color: #0a2eeb !important;
}

.app-menu .panel-collapse ul li a.activeModule {
  background: #ced5fb;
  border-radius: 0 20px 20px 0;
  color: #0a2eeb !important;
}

.widget-custom-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.custom-circle-spinner {
    width: 36px;
    height: 36px;
    border: 4px solid #ccc;
    border-top: 4px solid #2a8cff; /* primary color */
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.modal-dialog.modelContainer .modal-header,
.modal-dialog#addNotePadWidgetContainer .modal-header{
  border-radius: 20px 20px 0 0;
  border-bottom: 1px solid #ccccd0 !important;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  height: 60px;
}

.modal-dialog.modelContainer .modal-footer,
.modal-dialog#addNotePadWidgetContainer .modal-footer{
  border-radius: 0 0 20px 20px;
  background: #f3f5fe !important;
  align-items: center;
  justify-content: center;
}

.modal-dialog.modelContainer .modal-content .form-group .fieldValue .select2-container,
.modal-dialog#addNotePadWidgetContainer .modal-content .form-horizontal .fieldValue .inputElement{
  height: 40px;
  padding: 10px 16px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  display: block !important;
}

.modal-dialog#addNotePadWidgetContainer .modal-content .form-horizontal .fieldValue textarea[name="notePadContent"]{
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
}

.settingspagecontentwrapper .editViewPageDiv .editViewContents .fieldValue .inputElement{
  height: 40px;
  padding: 10px 16px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  display: block !important;
}

.settingspagecontentwrapper .editViewPageDiv .editViewContents .fieldBlockContent.form-group .fieldValue {
  width: 75%;
}

.settingspagecontentwrapper .editViewPageDiv .editViewContents .fieldBlockContent.form-group .fieldValue .select2-container#s2id_memberList{
  min-width: 200px !important;
}

.dashboardWidgetContent .product-div table{
  width: 100%;
  height: 100%;
}
.dashboardWidgetContent .product-div table td,
.dashboardWidgetContent .product-div table th{
  padding: 5px;
  min-width: 25px;
}


div#helpPageOverlay .quickHelpPreview .quickHelpPreviewModuleHeader .record-header{
  justify-content: space-between;
}

div#helpPageOverlay .quickHelpPreview .quickHelpPreviewModuleHeader .record-header .onboardingVideo{
  margin-left: 10px;
}

.dashboardWidgetContent strong.miniListContent-Header{
  color: #000000 !important;
  font-size: 17px;
  font-weight: 500;
}

.dashboardWidgetContent .miniListContent .actiondiv{
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.dashboardWidgetContent .miniListContent .dashboard_quick_preview{
  cursor: pointer;
}

.dashboardWidgetContent .miniListContent .dashboard_quick_preview img{
  top: 0 !important;
}

.dashboardWidgetContent div .row.miniListContent > div{
  padding: 9px;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}

.dashboardWidgetContent div .row.miniListContent > div a{
  font-size: 15px;
  color: #000;
}

.dashboardWidgetContent .miniListContent .picklist-color{
  padding: 9px 21px !important;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

.detailViewButtoncontainer .pbxbutton{
    height: 40px !important;
    border-radius: 50px !important;
    background: #2846e0;
    padding: 10px 20px !important;
    font-size: 15px;
    font-weight: bold;
    color: #fff !important;
}

.editViewPageDiv.webformeditview .fieldBlockContainer-webform .fieldValue .referencefield-wrapper{
  border: 1px solid #0a2eeb !important;
  box-shadow: 0px 0px 4px 4px rgba(10, 46, 235, 0.2) !important;
  border-radius: 4px !important;
  padding: 5px 10px !important;
  align-items: center;
  min-height: 40px;
  display: flex;
  align-items: center;
  width: 100% !important;
}

.editViewPageDiv.webformeditview .fieldBlockContainer-webform .fieldValue .referencefield-wrapper .input-group{
  width: 100% !important;
  margin: 0 !important;
  border: none !important;
  align-items: center !important;
}

.editViewPageDiv.webformeditview .fieldBlockContainer-webform .fieldValue .referencefield-wrapper .input-group .inputElement{
  border-radius: 5px !important;
  padding-top: 10px !important;
  padding-right: 15px !important;
  padding-bottom: 10px !important;
  padding-left: 15px !important;
  background: #E5F4FF !important;
  color: var(--Blue-600, #0A2EEB) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 25px !important;
  gap: 5px !important;
  height: 40px !important;
  width: 100%;
}

.editViewPageDiv.webformeditview .fieldBlockContainer-webform .fieldValue .referencefield-wrapper .input-group-addon{
  position: initial !important;
  background: #E5F4FF !important;
  border-radius: 5px !important;
  margin: 0 0px 0 8px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
  padding: 0 5px !important;
  height: 40px !important;
}

.editViewPageDiv.webformeditview .select2-container.select2-container-multi.select2#s2id_fieldsList{
  width: 100% !important;
}

/* Bootstrap 5 topbar compatibility fixes (scoped) */
.app-fixed-navbar .global-nav .navbar-header .navbar-toggler {
  border: 0;
  box-shadow: none;
  padding: 4px 8px;
}

.app-fixed-navbar .global-nav .navbar-header .navbar-toggler:focus {
  box-shadow: none;
}

/* Keep BS5 topbar dropdowns anchored correctly */
.app-fixed-navbar .global-nav .dropdown .dropdown-menu {
  top: 100% !important;
  right: 0;
  left: auto;
}

.app-fixed-navbar .global-nav .dropdown .dropdown-menu[data-bs-popper] {
  top: 100% !important;
  right: 0;
  left: auto;
  margin-top: 2px;
}

/* BS5 uses .show (not .open) for dropdown state */
.app-fixed-navbar .global-nav .dropdown.show > .dropdown-menu.logout-content,
.app-fixed-navbar .global-nav .dropdown.show > .dropdown-menu.notification-content {
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  margin-top: 2px;
}

/* Keep topbar actions horizontal on all screen sizes */
.navbar-fixed-top #navbar .navbar-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.navbar-fixed-top #navbar .navbar-nav > li {
  float: right;
}

/* Keep legacy topbar layout with BS5 at all breakpoints (same view as desktop) */
.app-fixed-navbar #navbar.collapse,
.app-fixed-navbar #navbar.navbar-collapse {
  display: flex !important;
  visibility: visible !important;
  height: auto !important;
}

.app-fixed-navbar #navbar .nav.navbar-nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

.app-fixed-navbar #navbar .nav.navbar-nav > li {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

.app-fixed-navbar .global-nav .navbar-header {
  display: none !important;
}

/* Mobile/tablet: keep global-actions inline like desktop (no 3-dot collapse menu) */
@media (max-width: 991px) {
  .app-fixed-navbar .global-nav > .row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }

  .app-fixed-navbar .global-nav .app-navigator-container {
    flex: 0 0 auto;
    max-width: none;
  }

  .app-fixed-navbar .global-nav #navbar.global-actions {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    max-width: none;
    padding-right: 8px;
    padding-left: 4px;
  }

  .app-fixed-navbar #navbar .nav.navbar-nav {
    flex-wrap: nowrap !important;
    /*overflow-x: auto;*/
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .app-fixed-navbar #navbar .nav.navbar-nav::-webkit-scrollbar {
    display: none;
  }

  .navbar-fixed-top #navbar .navbar-nav > li {
    margin: 0 2px;
    flex-shrink: 0;
  }

  .navbar-fixed-top #navbar .navbar-nav > li .menu_taskManagement span,
  .navbar-fixed-top #navbar .navbar-nav > li .menu_calendar span {
    font-size: 14px;
  }
}

/* Bootstrap 5 navbar container compatibility for legacy v7 topbar */
.app-fixed-navbar {
  width: 100% !important;
  padding-top: 0 !important;
  z-index: 10;
}

.app-fixed-navbar > .container-fluid.global-nav {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.app-fixed-navbar .global-nav > .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
  --bs-gutter-x: 0 !important;
}

.app-fixed-navbar .global-nav > .row > [class*='col-'] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* keep old RTL distribution: app switcher right, actions left */
.app-fixed-navbar .global-nav {
  direction: rtl;
}

.app-fixed-navbar .global-nav .app-navigator-container {
  float: right !important;
}

.app-fixed-navbar .global-nav #navbar.global-actions {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
}

/* Bootstrap 3 compatibility: BS5 removed .hide utility */
.hide {
  display: none !important;
}

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

/* Bootstrap modal visibility compatibility (BS3 <-> BS5) */
.modal.show,
.modal.in {
  display: block !important;
}

.fade.show,
.fade.in {
  opacity: 1;
}

/* Select2 v4 compatibility styling for legacy vtiger forms */
.editViewContents .select2-container,
.quickCreateContent .select2-container,
.fieldBlockContainer .select2-container,
#taskManagementContainer .select2-container {
  width: 100% !important;
  max-width: 100%;
}

.select2-container--default .select2-selection--single {
  height: 40px !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  border-radius: 0 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px !important;
  padding-right: 0 !important;
  padding-left: 20px !important;
  color: #333 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px !important;
  left: 0 !important;
  right: auto !important;
}

.select2-container--default .select2-selection--multiple {
  min-height: 40px !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(51 71 91 / 27%) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 4px 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #e9eef4 !important;
  border: 1px solid #d7dee8 !important;
  border-radius: 12px !important;
  color: #33475b !important;
  padding: 2px 8px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 6px !important;
  margin-right: 0 !important;
}

.select2-dropdown {
  z-index: 1000002 !important;
  border: 1px solid #d7dee8 !important;
}

.select2-search--dropdown .select2-search__field {
  border: 1px solid #d7dee8 !important;
  border-radius: 4px !important;
}

/* Bootstrap 3 float compatibility after BS5 upgrade */
.pull-right,
.float-right {
  float: right !important;
}

.pull-left,
.float-left {
  float: left !important;
}

/* Keep old float behavior in common wrappers */
.clearfix::before,
.clearfix::after {
  display: table;
  content: " ";
}

.clearfix::after {
  clear: both;
}

/* Bootstrap 3 utility class compatibility */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.navbar-right { float: right !important; }
.navbar-left { float: left !important; }

.hidden {
  display: none !important;
}

.show {
  display: block !important;
}

tr.show {
  display: table-row !important;
}

td.show,
th.show {
  display: table-cell !important;
}

.modal-body .close {
  background: transparent;
  border: none;
}

.commentContainer .commentTitle .addCommentBlock .row > div{
  padding-right:0;
  padding-left:0;
}

.fullscreencontents.modal-dialog .modal-header {
  justify-content: space-between;
  flex-direction: row-reverse;
}

.click2callModal .modal-header{
  border-radius: 20px 20px 0 0;
  height: 50px;
  border-bottom: 1px solid #ccccd0 !important;
}

.click2callModal .modal-footer{
  border-radius: 0 0 20px 20px;
  background: #f3f5fe !important;
  height: 50px;
}

.click2callModal .modal-body{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  width: 100%;
  flex-wrap: wrap;
}

.click2callModal .modal-body a.maskyoono {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #93a2ef;
  border-radius: 5px;
  padding: 5px 20px;
  color: #0a2eeb !important;
  background: #E5F4FF;
  flex-direction: row-reverse;
}

.click2callModal .modal-body a.maskyoono:hover{
  box-shadow: 0px 0px 5px 0px #0A2EEB;
}

td.listViewRecordActions.calendar-actions-dropdown-open {
  z-index: 10050 !important;
}

.calendar-table-actions .dropdown-menu.calendarthreedotaction {
  width: auto !important;
  min-width: 11rem;
  max-width: 240px;
}

.calendar-table-actions .dropdown-menu.calendarthreedotaction.show,
.calendar-table-actions .dropdown-menu.calendarthreedotaction[data-bs-popper] {
  z-index: 10051 !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  min-width: 11rem;
  max-width: 240px;
}

.modal-dialog.calendarSettingsContainer .form-group.mb-3 .fieldValue{
  display: flex;
  align-items: center;
}

.bootbox  .modal-dialog .modal-content .modal-footer {
  border-radius: 0 0 20px 20px;
  align-items: center;
  justify-content: flex-start;
}

.bootbox  .modal-dialog .modal-content .modal-body{
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 10px;
}

/*.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

.form-group {
    margin-bottom: 15px;
}*/

#searchResults-container .modal-footer center{
  padding: 10px;
}

.modal-dialog.mailbox_settings .modal-header{
  border-radius: 20px 20px 0 0;
  height: 70px;
  border-bottom: 1px solid #ccccd0 !important;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.modal-dialog.mailbox_settings .modal-footer{
  align-items: center;
  justify-content: center;
  background: #f3f5fe !important;
  border-radius: 0 0 20px 20px;
}

.modal-dialog.mailbox_settings .modal-footer #deleteMailboxBtn{
  border-radius: 50px !important;
  font-size: 16px !important;
  padding: 10px 30px !important;
}

.modal-dialog.mailbox_settings .fieldValue .inputElement{
  height: 40px;
  padding: 10px 16px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  display: block !important;
  width: 100% !important;
}

.mail-action-buttons{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    overflow: hidden;
    background-color: #ebebeb;
}

ul.dropdown-menu.widgetsList li a {
  display: block;
}

/* Bootstrap 5 profile dropdown compatibility (user menu only) */
.app-fixed-navbar .global-nav .dropdown-menu.logout-content {
  min-width: 350px;
  width: 350px;
  padding: 10px;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
  --bs-gutter-x: 0 !important;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content [class*='col-'] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.app-fixed-navbar .global-nav .navbar-nav > li .dropdown-menu.logout-content a {
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  line-height: 1.35;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content .profile-container h4 {
  margin: 0 0 4px;
  font-size: 14px;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content .profile-container h5 {
  margin: 0 0 4px;
  font-size: 13px;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content .profile-container p {
  margin: 0;
  font-size: 12px;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content #logout-footer .logout-footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content #logout-footer .user-mypreference-container {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content #logout-footer .user-mypreference {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content #logout-footer .user-mypreference-container > a {
  padding-right: 10px !important;
  margin-right: 10px !important;
  border-right: 1px solid #d7dee8;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content #logout-footer .signout-container {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding-right: 10px;
  border-right: 1px solid #d7dee8;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content #logout-footer a {
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
}

.app-fixed-navbar .global-nav .dropdown-menu.logout-content #logout-footer .proIcon img {
  width: 14px;
  height: 14px;
}

.global-nav a.userName.show > span {
  top: -6px;
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.AddDashBoardTabFormModel #AddDashBoardTab input[type='text'].inputElement {
  height: 40px;
  padding: 10px 16px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  display: block !important;
}

.listViewMassActions .dropdown-menu li a,
.detailViewButtoncontainer ul.dropdown-menu li a{
  display: block;
}

.commentContainer.recentComments .commentDetails .singleComment{
  display: flex;
  flex-direction: column;
}

#commentRelated .summaryWidgetContainer .commentsBody .commentDetails .singleComment .addCommentBlock .pull-right.row,
.commentsRelatedContainer .commentsBody .commentDetails .singleComment .addCommentBlock .pull-right.row{
  flex-direction: row-reverse;
}

.modal-dialog #paymentdata .modal-header,
.detailShowAllModal.MultiFile-intercepted .modal-header,
#sendWhatsappSmsContainer .modal-header,
#click2callModal .modal-header,
#sendSmsContainer .modal-header,
#convertLeadContainer .modal-header,
.SendEmailFormStep2 .modal-header,
#massEditContainer .modal-header,
.fc-overlay-modal.MergeRecords .modal-header,
#findDuplicate .modal-header,
.taxModalContainer .modal-header,
.taxRegionContainer .modal-header,
.chargeModalContainer .modal-header,
#changeOwner .modal-header,
.modal-dialog .detailShowAllModal .modal-header,
.modal-dialog#sendEmailContainer .modal-header,
.modal-dialog:has(#IssueActionForm) .modal-header,
.modal-dialog:has(.popupPageContainer) .modal-header,
.modal-dialog.findandreplace .modal-header,
.modal-dialog #recipientsForm .modal-header{
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  border-radius: 20px 20px 0 0;
  height: 70px;
  border-bottom: 1px solid #ccccd0 !important;
}

.modal-dialog #paymentdata .modal-footer,
.detailShowAllModal.MultiFile-intercepted .modal-footer,
#sendWhatsappSmsContainer .modal-footer,
#sendSmsContainer .modal-footer,
#convertLeadContainer .modal-footer,
#massEditContainer .modal-footer,
.fc-overlay-modal.MergeRecords .modal-footer,
#findDuplicate .modal-footer,
.taxModalContainer .modal-footer,
.taxRegionContainer .modal-footer,
.chargeModalContainer .modal-footer,
#changeOwner .modal-footer,
.modal-dialog .detailShowAllModal .modal-footer,
.modal-dialog#sendEmailContainer .modal-footer,
.modal-dialog #IssueActionForm .modal-footer,
.modal-dialog.findandreplace .modal-footer,
.modal-dialog #recipientsForm .modal-footer{
  justify-content: center;
  align-items: center;
  background: #f3f5fe !important;
  border-radius: 0 0 20px 20px;
}

.SendEmailFormStep2 .modal-content .modal-body#emailPreviewScroll{
  border-radius: 0 0 20px 20px;
}

#changeOwner .modal-body .form-group{
  margin-bottom: 10px;
}

.modal-dialog #paymentdata .inputElement,
#sendWhatsappSmsContainer .commentblock .inputElement,
#convertLeadContainer #convertLeadForm .inputElement,
.taxModalContainer #editTax .inputElement,
#changeOwner .modal-body .form-group .select2-container{
  height: 40px;
  padding: 10px 16px !important;
  border: 1px solid #ccccd0 !important;
  border-radius: 4px !important;
  display: block !important;
}

#convertLeadContainer #convertLeadForm .inputElement{
  width: 100%;
}

#sendWhatsappSmsContainer .commentblock .inputElement{
  display: inline-block !important;
}

li#quickCreateModules{
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: column;
}

.summaryView .fieldValue span.edit.ajaxEdited,
.quickPreviewSummary .summaryViewEntries .fieldValue span.edit.ajaxEdited{
  padding: 0;
}

.app-menu .settingsgroup.app-list .panel-group#accordion{
  padding: 0;
}

.quickPreview .quickPreviewModuleHeader .quickPreviewActionsWrap .btn-group{
  flex-direction: row-reverse;
}

.relatedContainer .relatedHeader .btn-toolbar{
  justify-content: space-between;
  flex-wrap: nowrap;
}

.commentContainer .showcomments .commentsList .unstyled .media {
  display: flex;
}

.commentContainer .showcomments .commentsList ul.unstyled{
  list-style-type: none;
}

.commentContainer .showcomments .commentsList ul.unstyled .commentDiv .singleComment{
  display: flex;
  flex-direction: column;
}

.detailview-content .details.row .relatedHeader .relatedViewActions{
  width: auto;
}

#massEditContainer .editViewPageDiv.viewContent {
  width: 100% !important;
  max-width: 100% !important;
}

#massEditContainer.modal-content{
  border-radius: 20px;
}

#massEditContainer .modal-footer{
  height: auto;
  width: 100%;
}

.fc-overlay-modal.MergeRecords{
  border-radius: 20px;
}

#findDuplicate .select2-container.select2-container-multi.select2{
  display: inline-block;
}

.panel-body {
    padding: 15px 20px;
}

#dragandrophandler .fileUploadBtn{
  padding: 5px 12px;
  font-size: 13px;
}

.taxRegionsContainer .tab-content.row.overflowVisible{
  flex-wrap:nowrap;
}

.PicklistCreateView.modal-dialog  .modal-body{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.listViewPageDiv #listview-actions .listViewActionsContainer button.btn.btn-default{
  text-wrap: nowrap;
  flex: none;
}

.modal-dialog.modal-lg .modal-header,
.modal-dialog.modal-xs .modal-header{
  justify-content: space-between;
  flex-direction: row-reverse;
  border-radius: 20px 20px 0 0;
  height: 60px;
  border-bottom: 1px solid #ccccd0 !important;
}

.modal-dialog.inactiveFieldsModal .modal-header,
.modal-dialog.modal-content.addBlockModal .modal-header{
  justify-content: space-between;
  border-radius: 20px 20px 0 0;
  height: 60px;
  border-bottom: 1px solid #ccccd0 !important;
}

.modal-dialog.modal-content.addBlockModal .modal-header{
  flex-direction: row-reverse;
}

.modal-dialog.modal-lg .modal-footer,
.modal-dialog.modal-xs .modal-footer{
  justify-content: center;
  background: #f3f5fe !important;
  border-radius: 0 0 20px 20px;
}

.modal-dialog .modal-body:has(#popupPageContainer){
  border-radius: 0 0 20px 20px;
}

ul.dropdown-menu.reportSubMenu li a{
  display: block;
}

.contentsBackground .conditionList .row.conditionRow .fieldUiHolder{
  width: 31%;
}

.reportContents .form-group{
  margin-bottom: 15px;
}

.reportContents .form-group .row.sortFieldRow > span{
  width: 50%;
}

.detailview-header-block .related-tabs ul#relatedmenuList li.more-tab {
  display: inline-flex;
  width: 100%;
}

.main-container.clearfix.CTPdfTemplates #EditView .editViewBody .editViewContents > div .fieldValue  .filterContainer .select2-container{
  max-width: 40%;
}

.main-container.clearfix.CTPdfTemplates #EditView .editViewBody .editViewContents > div .fieldValue  .filterContainer .col-sm-8 .select2-container{
  max-width: 83%;
}

.app-nav .module-action-bar .subMenuTab.module-action-content{
  width: 99% !important;
}

.bootbox.modal.bootbox-confirm .modal-content .modal-header{
  justify-content: space-between;
  flex-direction: row-reverse;
  border-radius: 20px 20px 0 0;
  height: 60px;
  border-bottom: 1px solid #ccccd0 !important;
}

.taxModalContainer #editTax .block.compoundOnContainer #s2id_compoundOn{
  width: 100% !important;
}

.editViewPageDiv.viewContent.emailtemplateeditcontainer .cke_editor_templatecontent{
  width: 100%;
}

.currencyModalContainer  #editCurrency .modal-footer,
.currencyTransformModalContainer #transformCurrency .modal-footer {
  width: 100%;
}
.currencyModalContainer  #editCurrency .modal-body .form-group,
.currencyTransformModalContainer #transformCurrency .modal-body .form-group{
  display: flex;
  margin-bottom: 15px;
}

.detailViewContainer #EditView #customRecordNumbering .form-group,
#ScallaAPISettingsContainer .form-horizontal .contents.row.form-group{
  display: flex;
  margin-bottom: 15px;
  flex-wrap: nowrap;
}

.modal-dialog.modal-xs .modal-body.configContent .col-lg-12 .form-group,
.modal-dialog.modal-content.addBlockModal .addCustomBlockForm .modal-body .form-group,
.modal-dialog.createFieldModal.modelContainer #createFieldForm .modal-body .form-group,
.modal-dialog.modal-xs #deleteItemForm .modal-body.tabbable .form-group,
#pickListDependencyForm .editViewContents .form-group,
.modal-dialog.modelContainer .modal-content #addDocumentsFolder .form-group,
.modal-dialog.findandreplace .modal-body .form-group,
.modal-dialog #recipientsForm #multiEmailContainer .form-group{
  display: flex;
  margin-bottom: 15px;
}

.createFieldModal.modelContainer.modal-dialog .modal-content .createCustomFieldForm .modal-body .form-group .controls.col-sm-7 .checkbox.row{
  flex-wrap: nowrap;
  margin-right: 5px;
}

.main-container.settingspagecontentwrapper div#layoutEditorContainer .widget_header h4,
.main-container.settingspagecontentwrapper .settingsPageDiv.content-area.vtigerSetting > div.detailViewContainer h4{
  font-size: 18px;
}
#addRelationForm .controls .row .relationImagesContainer h5{
  font-size: 14px;
}

.relatedTabModulesList .relatedModule .row{
  flex-wrap: nowrap;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container > div.col-sm-6{
  padding-left: 0;
  padding-right: 0;
}

#layoutEditorContainer .relatedTabModulesList .relatedModulesList-Container .relationImageContainer h5{
  font-size: 14px;
}

#fieldCalculation_Edit .table.table-bordered,
#CompanyDetailsContainer .table.table-bordered{
  border: 1px solid #ddd;
}

#fieldCalculation_Edit .editViewContents .select2-container{
  width: 180px !important;
}

#layoutEditorContainer #duplicationContainer .duplicateHandlingForm .row{
  flex-direction: row-reverse;
}

.modal-dialog.modal-xs #deleteItemForm .modal-footer,
.modal-dialog.modelContainer .modal-content #editCustomRule .modal-footer,
.modal-dialog.modelContainer .modal-content #deleteUser .modal-footer,
.modal-dialog.modelContainer .modal-content #addDocumentsFolder .modal-footer {
  width: 100%;
}

.leadsFieldMappingListPageDiv #leadsMapping .editViewContents .select2-container,
.settingsPageDiv.content-area.vtigerSetting #EditView .editViewBody .editViewContents > div.targetFieldsTableContainer .fieldBlockContainer .select2-container,
.settingsPageDiv.vtigerSetting .editViewPageDiv.webformeditview table.table.table-bordered .select2-container,
.settingsPageDiv form#EditView.calendarsettingeditview .editViewContents table.table.table-borderless .select2-container,
.CTPowerBlocksFields-wrapper .contentsBackground .conditionRow .select2-container {
    width: 180px !important;
}

.editViewPageDiv .recordEditView h4,
.settingsPageDiv.content-area.vtigerSetting .container-fluid.editViewContents .blockData h4,
.settingsPageDiv.content-area.vtigerSetting .main .name1 h4,
.settingsPageDiv.content-area.vtigerSetting #EditView .editViewBody .editViewContents > div .fieldBlockContainer h4,
.settingsPageDiv.content-area.vtigerSetting #EditView .editViewBody .editViewContents > div .fieldBlockContainer h4,
.overlayImportView #importContainer .importBlockContainer h4,
.module-action-content.clearfix h4.module-title{
  font-size: 18px;
}

.groupsdetailwrapper .detailViewInfo #detailView .form-group{
  margin-bottom: 15px;
}

.groupsdetailwrapper .collectiveGroupMembers ul {
  flex-direction: column;
}

.groupsdetailwrapper .collectiveGroupMembers ul li{
  width: 100%;
}

.editViewPageDiv #EditView #workflow_edit .modal-overlay-footer .row.clearfix{
  justify-content: end;
}

#workflow_edit .editViewContents .form-group .controls{
  padding-right: 0;
  padding-left: 0;
}

.settingsPageDiv .editViewPageDiv #EditView .editViewContents .form-group,
.modal-dialog.modelContainer .modal-content #editCustomRule .modal-body .form-group,
.modal-dialog.modelContainer .modal-content #cronJobSaveAjax .modal-body .form-group,
.modal-dialog.modelContainer .modal-content #deleteUser .modal-body .form-group,
.settingsPageDiv .editViewPageDiv #EditView .editViewBody .form-group{
  display: flex;
  margin-bottom: 15px;
}

.settingsPageDiv .editViewPageDiv #EditView .editViewContents .form-group .profileData h5,
.settingsPageDiv .editViewPageDiv #EditView .editViewContents .row h5,
.settingsPageDiv.content-area.vtigerSetting .container-fluid.editViewContents h5,
.settingsPageDiv.content-area.vtigerSetting h5.module-title.pull-left.text-uppercase,
#dashboardEdit .editViewBody .editViewContents h5,
#convertLeadForm .header.accordion-heading h5 {
  font-size: 14px;
} 

#dashboardEdit .editViewBody .editViewContents button{
  font-size: 13px;
}
.table.table-bordered.profilesEditView .blockHeader th{
  background: #474747;
}

.table.table-bordered.profilesEditView td.row,
.main.dashboard1.fbBox .contents .facebookPageData td.row{
  display: table-cell;
}

.table.table-bordered.profilesEditView .table.table-bordered.no-border tr,
.main.ofc365Details.ofc365ctoutlookbox .formBox #WooCommerceConfiguration .table.editview-table tr,
.main.ofc365Details.ofc365ctoutlookbox .formBox #WooCommerceConfiguration .table.editview-table tr td,
#CompanyDetailsContainer  .table.table-bordered table tr,
#CompanyDetailsContainer  .table.table-bordered table tbody,
#CompanyDetailsContainer  .table.table-bordered table tr td{
    border-width: 0;
}

.modal-dialog.modelContainer .modal-content #editCustomRule .modal-body .form-group .controls.fieldValue.col-sm-5{
  display: flex;
  flex-direction: column;
}

.settingsPageDiv.vtigerSetting .listViewPageDiv #listview-actions .row:has(.usersListDiv){
  flex-wrap: nowrap;
}

.settingsPageDiv.vtigerSetting .listViewPageDiv #listview-actions .row:has(.usersListDiv) .col-md-3{
  width: 18.33% !important;
}

.settingsPageDiv.vtigerSetting .listViewPageDiv #listview-actions .row .col-md-6.usersEntryFilter,
.settingsPageDiv.vtigerSetting .listViewPageDiv #listview-actions .row .col-md-6.pull-right{
  width: 32%;
}

#updateVoiceCenterIntegration .block .blockData .form-group{
  display: flex;
  margin-bottom: 15px;
}

.mailConverterRuleBlock .details.border1px .ruleHead.modal-header.ui-sortable-handle,
.mailConverterRuleBlock .details.border1px .ruleHead.modal-header.ui-sortable-handle strong{
  width: 100%;
}

.mailConverterRuleBlock .details.border1px fieldset .col-lg-12{
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 5px;
}

#WhatsappConfiguration .clearfix-col-pad h3,
.settingsPageDiv.vtigerSetting .listViewPageDiv #listview-actions .row.Webhooks-header h3{
  font-size: 24px;
}

.mailConverterBtn.btn-group ul.dropdown-menu li a{
  display: block;
}
.taskTypeUi button#addFieldBtn.btn.btn-default{
  background-color: #f3f3f3;
}

.bootbox.modal .modal-dialog .modal-content .modal-footer .btn.btn-primary[data-bb-handler="ok"]{
  text-shadow: none !important;
  border: 1px solid #dbdde0 !important;
  margin: 0 5px !important;
  padding: 6px 12px !important;
  font-size: 13px;
  border-radius: 4px;
  background: #0a2eeb;
  color: #fff !important;
}
.workFlowContents.EmailCampaignsStep1 .table-borderless .fieldValue .referencefield-wrapper,
.workFlowContents.EmailCampaignsStep1 form#EmailCampaigns_step2 .form-group .referencefield-wrapper {
  display: inline-flex;
}

.workFlowContents.EmailCampaignsStep1 form.recordEditView .form-group{
  margin-bottom: 15px;
}

.container-fluid.editViewContainer.DetailSignatureTemplate .DetailSignatureTemplate-innercontainer table.table.table-bordered.blockContainer.showInlineTable tr,
.container-fluid.editViewContainer.CTPayemntSignatureTemplate .CTPayemntSignatureTemplate-innercontainer table.table.table-bordered.blockContainer.showInlineTable tr,
.container-fluid.editViewContainer.EditCTPayment .editViewContainer table.table.table-bordered.blockContainer.showInlineTable.equalSplit tr,
.container-fluid.editViewContainer.CTPaymentNewEmailTemplates .editViewContainer table.table.table-bordered.blockContainer.showInlineTable tr,
.container-fluid.editViewContainer.CTPaymentDefaultTemplates .editViewContainer table.table.table-bordered.blockContainer.showInlineTable tr{
  border-width: 0;
}

/* Keep profile trigger fixed while dropdown is open (BS3/BS5 states) */
.app-fixed-navbar .global-nav .navbar-nav > li.dropdown > div > a.userName.dropdown-toggle,
.app-fixed-navbar .global-nav .navbar-nav > li.dropdown.show > div > a.userName.dropdown-toggle,
.app-fixed-navbar .global-nav .navbar-nav > li.dropdown.open > div > a.userName.dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 39px !important;
  height: 39px !important;
  margin: 7px 5px !important;
  padding: 0 !important;
  position: relative;
  top: 0 !important;
}

.app-fixed-navbar .global-nav .navbar-nav > li.dropdown > div > a.userName.dropdown-toggle > span {
  position: static !important;
}

.app-fixed-navbar .global-nav .navbar-nav > li.dropdown > div > a.userName.dropdown-toggle img,
.app-fixed-navbar .global-nav .navbar-nav > li.dropdown.show > div > a.userName.dropdown-toggle img,
.app-fixed-navbar .global-nav .navbar-nav > li.dropdown.open > div > a.userName.dropdown-toggle img,
.app-fixed-navbar .global-nav .open .userName img {
  width: 37px !important;
  height: 37px !important;
  border-radius: 50%;
  display: block;
}

.commentContainer .commentTitle .addCommentBlock .row > div{
  padding-right:0;
  padding-left:0;
}

.fullscreencontents.modal-dialog .modal-header {
  justify-content: space-between;
  flex-direction: row-reverse;
}

.settingsPageDiv table.dataTable thead input.form-control,
div.dataTables_wrapper div.dataTables_filter input.form-control{
  font-size: 14px;
}

.fullscreencontents.modal-dialog.modal-lg .modal-body:has(#fullscreenpreview){
  border-radius: 20px;
}

.settings-action-bar .subMenuTab ul.nav.nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.col-lg-12.col-md-12.col-sm-12.custom-table-container:has(.apilogs){
  margin-top: 80px;
}

.datepicker-custom-btns .btn{
  font-size: 13px;
}

.dropdown .dropdown-menu.currentTagMenu {
  width: 100%;
}

/*.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{
  background: #d14641 !important;
}*/

/* List view sidebar-essentials: desktop layout */
@media (min-width: 992px) {
  .main-container .sidebar-essentials {
    position: relative !important;
    top: auto !important;
    right: 0 !important;
    left: auto !important;
    width: 15% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    z-index: 98 !important;
    padding: 0 8px !important;
    margin-top: 2px;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible;
  }

  .main-container:has(.sidebar-essentials:not(.hide))::before {
    display: none !important;
    content: none !important;
  }

  div#listViewContent {
    width: 85% !important;
    float: left !important;
    padding: 0 0 0 15px !important;
  }

  div#listViewContent.full-width {
    width: 100% !important;
    float: none !important;
  }

  .essentials-toggle {
    position: absolute !important;
    top: 15px !important;
    z-index: 111 !important;
    width: auto !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
  }

  .essentials-toggle.chevron-left {
    left: calc(85% + 10px) !important;
    right: auto !important;
  }

  .essentials-toggle.chevron-right {
    right: 0 !important;
    left: auto !important;
  }

  body.sidebar-essentials-mobile-open {
    overflow: auto !important;
  }
}

/* List view sidebar-essentials: mobile & tablet */
@media (max-width: 991px) {
  .main-container {
    left: 0 !important;
    margin-top: 50px;
  }

  div#listViewContent {
    width: 100% !important;
    float: none !important;
    padding: 0 10px !important;
  }

  div#listViewContent.full-width {
    width: 100% !important;
    padding: 0 10px !important;
  }

  .module-action-content .col-lg-5.col-md-6.col-sm-7.col-xs-1.padding0.pull-right{
    width: 70%;
  }

  .module-action-bar .module-action-content  .col-lg-7.col-md-6.col-sm-5.col-xs-11.padding0.module-breadcrumb.module-breadcrumb-List{
    width: 30%;
  }

  .module-action-bar .module-breadcrumb-List .module-title{
    font-size: 18px;
  }

  nav.navbar .container-fluid.app-nav > .row{
    width: 100%;
  }
  .app-nav .module-action-bar.leftMenuPanel{
    max-width: 100%;
    width: 100%;
  }

  .app-nav .module-action-bar.leftMenuPanel .module-action-content{
    margin-left: 50px;
  }

  .app-nav .module-action-bar:not(.leftMenuPanel) .module-action-content{
    width: 86%;
  }

  .container-fluid.main-container .detailViewContainer.viewContent.clearfix::before{
    display: none;
  }

  .container-fluid.main-container .detailViewContainer.viewContent.clearfix .content-area.full-width,
  .main-container.clearfix .editViewPageDiv.viewContent .content-area.full-width{
    width: 100% !important;
  }

  div#appnav ul.navbar-nav li button{
    font-size: 12px;
    font-weight: 300;
    padding: 7px 5px !important;
  }

  .listViewPageDiv.content-area.full-width {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
  }

  .main-container .sidebar-essentials {
    position: fixed !important;
    top: 55px !important;
    right: 0 !important;
    left: auto !important;
    width: min(320px, 100vw) !important;
    max-width: 100vw !important;
    height: calc(100vh - 55px) !important;
    min-height: 0 !important;
    z-index: 1060 !important;
    padding: 0 8px !important;
    margin: 0 !important;
    background: #fff !important;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.18) !important;
    border-radius: 0 !important;
    overflow: hidden;
  }

  .main-container .sidebar-essentials.hide {
    display: none !important;
  }

  .main-container .sidebar-essentials .sidebar-menu {
    height: 100%;
    border-radius: 0;
    border: none;
    padding: 10px 0 6px 0;
  }

  .sidebar-essentials .sidebar-menu .sidebar-inner-div {
    height: calc(100vh - 130px) !important;
    max-height: none !important;
  }

  .main-container:has(.sidebar-essentials:not(.hide))::before {
    content: '';
    position: fixed;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1055;
  }

  body.sidebar-essentials-mobile-open {
    overflow: hidden !important;
  }

  body.sidebar-essentials-mobile-open .floatThead-wrapper,
  body.sidebar-essentials-mobile-open .floatThead-container,
  body.sidebar-essentials-mobile-open .listview-table tr.searchRow {
    z-index: auto !important;
  }

  .essentials-toggle {
    position: fixed !important;
    top: 130px !important;
    right: 0 !important;
    left: auto !important;
    z-index: 1061 !important;
    width: auto !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
  }

  .essentials-toggle.chevron-left {
    left: auto !important;
    right: min(260px, 100vw) !important;
  }

  .essentials-toggle.chevron-right {
    right: 80px !important;
    left: auto !important;
  }

  .listViewPageDiv #listview-actions .row {
    flex-wrap: nowrap;
  }

  .essentials-toggle .essentials-toggle-marker {
    padding: 10px 8px;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .essentials-toggle .essentials-filter-icon {
    display: inline-flex !important;
    align-items: center;
  }

  .listViewFilterElipsis {
    width: calc(100% - 36px) !important;
    white-space: normal;
    word-break: break-word;
    line-height: 1.4;
  }

  #myList .lists-menu .listViewFilter,
  #sharedList .lists-menu .listViewFilter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 8px 12px;
  }

  .main-container .sidebar-essentials .sidebar-header.clearfix {
    padding: 0 12px;
    margin: 0 0 12px 0;
  }

  .main-container .sidebar-essentials .sidebar-header.clearfix button#createFilter {
    font-size: 14px;
    padding: 10px 16px;
    white-space: nowrap;
  }

  .main-container .sidebar-essentials .listSearch {
    padding: 12px 12px 0 12px;
  }

  .main-container .sidebar-essentials .listSearch .search-list {
    width: 100%;
    box-sizing: border-box;
  }

  .main-container .sidebar-essentials .module-filters .lists-header {
    margin: 16px 0 8px 0;
    padding: 0 12px 8px 12px;
  }

  .popover {
    max-width: calc(100vw - 40px);
  }

  .main-container .sidebar-essentials .listSearch img {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    margin-top: 0;
  }

  .listview-table tr.searchRow th.inline-search-btn .table-actions {
    min-width: auto !important;
    max-width: 52px !important;
    white-space: nowrap;
  }

  .listview-table tr.searchRow th.inline-search-btn .table-actions button {
    width: auto !important;
    min-width: 44px;
    max-width: 52px !important;
    padding: 10px 12px !important;
  }

  .main-container-Documents .sidebar-essentials,
  .main-container-RecycleBin .sidebar-essentials,
  .main-container-Reports .sidebar-essentials {
    left: auto !important;
    right: 0 !important;
    width: min(320px, 100vw) !important;
    max-width: 100vw !important;
  }

  .app-fixed-navbar .global-nav .navbar-nav > li.dropdown > div > a.userName.dropdown-toggle > span{
    position: absolute !important;
    top: 1px;
    left: 1px;
  }

  .app-fixed-navbar .global-nav .navbar-nav > li.dropdown > div > a.userName.dropdown-toggle > span.hidden-lg{
    display: none;
  }

  .modal-dialog{
    width: 600px;
  }

  html{
    overflow: auto;
  }
  .dashBoardTabContainer .customer_section .row .col-md-2{
    width: 50%;
  }
}

@media (max-width: 575px) {
  .main-container .sidebar-essentials {
    width: min(280px, 100vw) !important;
  }

  .essentials-toggle.chevron-left {
    right: min(280px, 100vw) !important;
  }

  .essentials-toggle {
    top: 115px !important;
  }

  .main-container .sidebar-essentials .sidebar-header.clearfix button#createFilter {
    font-size: 13px;
    padding: 8px 12px;
  }
}