/*/*
Document   : ms_navigation
Created on : Feb 20, 2015, 6:00:00 PM
Author     : MangoApps
Description: Purpose of the stylesheet - new navigation ui
*/

/*
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

msbody {
  display: flex;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
}

.new-navigation-ui .layout-container {
  margin: 0px 0 0 67px;
  padding: 0 15px 0 0px;
  flex: 1 1 auto;
  min-width: 0;
}
.mdrn-lyt-mn {
  flex: 1 1 auto;
  min-width: 0;
}

/* Course Readings Mobile CSS - Start */
.mango-lms-body-wrapper.request-from-mobile .yui-overlay-hidden,
.mango-lms-body-wrapper.request-from-mobile #ms_global_dialog,
.mango-lms-body-wrapper .yui-overlay-hidden,
.mango-lms-body-wrapper #ms_global_dialog {
  display: none !important;
}

body.mango-lms-body-wrapper.request-from-mobile {
  padding: 0;
  background: #fff;
}

body.mango-lms-body-wrapper.request-from-mobile .ms-main-contain {
  height: 100%;
  overflow-y: auto !important;
}

/* Course Readings Mobile CSS - End */

.new-navigation-ui .sub-filter-container .narrow-by-container,
.new-navigation-ui .filter-container .narrow-by-container,
.new-navigation-ui .module-search .internal-search {
  background-color: transparent;
}

.sidebar-wrapper {
  position: absolute;
  background: #222933;
  width: 200px;
  height: 92%;
  padding-bottom: 1.6%;
  z-index: 5;
}

ul.sidebar-menu {
  margin: 0 0 30px 0;
}

ul.sidebar-menu li {
  display: block;
  cursor: pointer;
}

ul#primary-lhs-basket li {
  width: 100%;
  height: inherit;
}

ul.sidebar-menu li a {
  display: block;
  padding: 11px 0px 11px 50px;
  text-decoration: none;
  line-height: 120%;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid rgba(15, 18, 23, 0.52);
  box-sizing: border-box;
  transition: all 0.2s ease;
  padding-right: 10px;
}

.sidebar-menu .lhs-dd-parent>.sidebar-more-sub-menu {
  left: 200px !important;
}

.sub-menu-arrow>a:before {
  content: "\f105";
  width: 16px;
  height: 20px;
  font-family: "Font Awesome 7 Pro";
  position: absolute;
  right: 0px;
  top: 11px;
  display: block;
  text-align: center;
  line-height: 1;
  z-index: 9;
}

.active-mini-navbar .sub-menu-arrow:before {
  right: 0px;
}

.fixed-navigation_slide .sub-menu-arrow:before {
  right: 10px;
}

.sidebar-more-menu ul {
  width: 250px;
  max-height: 73vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.sub-menu-arrow ul li {
  position: static;
}

.sidebar-more-menu ul li .sub-menu-arrow {
  position: absolute;
  z-index: 10;
  display: none;
}

.sidebar-more-menu ul li:hover>.wrapper {
  display: block;
}

.mtrl-lnk-fd {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  transform: scale(0);
}

.mtrl-lnk-fd-animate {
  -webkit-animation: mtrlCircle 0.65s linear;
  -moz-animation: mtrlCircle 0.65s linear;
  -ms-animation: mtrlCircle 0.65s linear;
  -o-animation: mtrlCircle 0.65s linear;
  animation: mtrlCircle 0.65s linear;
}

@-webkit-keyframes mtrlCircle {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}

@-moz-keyframes mtrlCircle {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
  }
}

@-o-keyframes mtrlCircle {
  100% {
    opacity: 0;
    -o-transform: scale(2.5);
  }
}

@keyframes mtrlCircle {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

ul.sidebar-menu li a .icon-sidebar {
  width: 39px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: left;
  padding: 9px 0 9px 14px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.actionbutton.template-slider {
  top: 50%;
  background: #fff;
  padding: 4px 10px;
  font-size: 20px;
  text-align: center;
}

.actionbutton.template-slider:focus {
  background: #fff;
}

.template-slider-prev {
  left: -110px;
}

.template-slider-next {
  right: -110px;
}

.icon-sidebar.fa-home {
  padding: 10px 0 10px 0;
}

.icon-sidebar-survey {
  left: 2px !important;
}

.sidebar-more-menu .master-lhs .lhs-dd-parent .fa-bookmark {
  top: 0;
  padding-top: 10px !important;
}

ul.sidebar-menu li .sidebar-more-menu li a:hover .fa-certificate,
ul.sidebar-menu li .sidebar-more-menu li.active a .fa-certificate {
  color: inherit;
}

.sidebar-more-menu .icon-sidebar-survey .fa-chart-pie,
.sidebar-more-menu .icon-sidebar-survey .fa-calendar {
  top: 11px;
}

ul.sidebar-menu li .sidebar-more-menu li a .icon-sidebar.icon-sidebar-survey {
  margin-left: -4px;
}

.item-img-box-survey-icon {
  padding-top: 7px;
}
/*Toggle Nav */

.user-top-nav .menu_toggle_main {
  width: auto;
  height: auto;
  padding: 0px;
  line-height: 30px;
  height: 30px !important;
  font-size: 30px;
  font-family: "Font Awesome 7 Pro";
  float: right;
  opacity: 1;
  -webkit-transition: -webkit-transform .3s ease-in-out .1s;
  transition: -webkit-transform .3s ease-in-out .1s;
  transition: transform .3s ease-in-out .1s;
  transition: transform .3s ease-in-out .1s, -webkit-transform .3s ease-in-out .1s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.new-navigation-ui #modules-top-nav {
  display: none;
}

#ms-main-nav .nav>li.sidebar-toggle a {
  font-size: 21px;
  color: #fff !important;
  padding: 10px 11px 6px 11px;
}

.new-navigation-ui .admin_header #ms-main-nav .nav>li.sidebar-toggle a {
  margin: 0 5px;
}

#ms-main-nav .nav>li.flip-logo {
  padding: 0 5px 0 55px;
  float: left;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#ms-main-nav .nav>li.sidebar-toggle {
  border-left: 0px;
  border-right: 1px solid #0f1217;
  height: 53px;
  position: absolute;
  width: 200px;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.new-navigation-ui .topbar-inner {
  background-color: #333c49;
}

.navbar-static-side,
.new-navigation-ui .layout-container,
ul.sidebar-menu>li>a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/*End toggle Nav*/

/*Mini Nav Bar*/
.active-mini-navbar #ms-main-nav .nav>li.sidebar-toggle {
  position: absolute;
  width: 49px;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.fixed-navigation_slide.active-mini-navbar #ms-main-nav .nav>li.sidebar-toggle,
.fixed-navigation_slide #ms-main-nav .nav>li.sidebar-toggle {
  position: absolute;
  width: 200px;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  float: left;
}

.getting_started_model.fixed-navigation_slide.active-mini-navbar #ms-main-nav .nav>li.flip-logo,
.getting_started_model.fixed-navigation_slide #ms-main-nav .nav>li.flip-logo,
.getting_started_model #ms-main-nav .nav>li.flip-logo {
  padding: 0 5px 0 5px;
}

.getting_started_model .fullscreen_button,
.getting_started_model .takeUserToTop {
  display: none !important;
}

.active-mini-navbar .sidebar-wrapper {
  width: 50px;
}

.is_admin_portal.active-mini-navbar .sidebar-wrapper .lhs-dd-parent>a,
.active-mini-navbar .sidebar-wrapper a.edit_modules,
.active-mini-navbar .sidebar-wrapper a.toggle_more,
.active-mini-navbar .sidebar-wrapper a.lhs-dd-parent {
  padding-right: 0px;
}

.fixed-navigation_slide.active-mini-navbar .sidebar-wrapper a.lhs-dd-parent {
  padding-right: 10px;
}

.fixed-navigation_slide .sidebar-wrapper {
  width: 200px !important;
}

.new-navigation-ui.active-mini-navbar .v-navbar-container.nav-fixed-with-breadcrumb {
  left: 65px;
}

.new-navigation-ui.fixed-navigation_slide .v-navbar-container.nav-fixed-with-breadcrumb,
.new-navigation-ui.fixed-navigation_slide .v-navbar-container.nav-fixed-with-breadcrumb {
  left: 215px !important;
}

ul.sidebar-menu>li>a>span {
  overflow: hidden;
  /* text-transform: capitalize; */
}
.sidebar-wrapper {
  position: absolute;
  top: 53px;
  box-sizing: border-box;
}
.sidebar-wrapper--top-bar-1200 {
  position: absolute;
  height: auto;
}

.sidebar-toggle {
  position: absolute;
  width: 50px;
  height: 53px;
  background: #222933;
  top: 0;
}

ul.sidebar-menu li.sidebar-toggle a.toggle_lhs_slide {
  position: absolute;
  top: -53px;
  width: 50px;
  display: inline-block;
}

ul.sidebar-menu li.sidebar-toggle a {
  padding: 0;
  color: #fff !important;
  z-index: 15;
  background: #222933 !important;
}

.madn-button-inset:hover {
  box-shadow: inset 0 0 0 3px #48c2fc;
  fill: #48c2fc;
}

.sidebar-toggle .menu_toggle_main {
  height: 25px;
  width: 25px;
  border-radius: 100px;
  font-family: "Font Awesome 7 Pro";
}

.ico_arrow_an {
  width: 24px;
  height: 22px;
}

.ico_arrow_main {
  width: 100%;
  height: 100%;
}

.ico_arrow_main path {
  fill: #fff;
}

.sidebar-toggle a .menu_toggle_main {
  color: #fff !important;
  width: 100%;
  height: 100%;
}

.new-navigation-ui.active-mini-navbar .layout-container {
  margin: 0 0 0 67px;
}

.new-navigation-ui .topnavbar-container {
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
  height: 53px
}

.zoom-80-percent.new-navigation-ui .breadcrumb_container.fixed,
.zoom-80-percent.new-navigation-ui .breadcrumb_container_admin.fixed {
  top: 52px;
}

.new-navigation-ui .nav a {
  line-height: 32px;
}

/* v-navbar-container style */
.new-navigation-ui .v-navbar-container.nav-fixed-with-breadcrumb {
  left: 67px;
  -webkit-transition: left .3s;
  -moz-transition: left .3s;
  -o-transition: left .3s;
  transition: left .3s;
}

.new-navigation-ui.active-mini-navbar .v-navbar-container.nav-fixed-with-breadcrumb {
  left: 67px;
  -webkit-transition: left .3s;
  -moz-transition: left .3s;
  -o-transition: left .3s;
  transition: left .3s;
}

.new-navigation-ui .v-navbar-container {
  background: #ffffff;
  border-right: 1px solid #c5c5c5;
  padding-bottom: 0px;
}
.new-navigation-ui .v-navbar-container, #project_lhs_menu_container {
  position: sticky;
  top: 113px;
  z-index: 6;
  align-self: flex-start;
}
.new-navigation-ui .v-navbar-container .lhs_dynamic_menu {
  background-color: #f6f8fa;
}

.new-navigation-ui .media-gallery-team-lhs #project_lhs_menu_container .v-navbar-container {
  position: fixed;
}

.new-navigation-ui .v-navbar-container div>ul.thumb-links>li {
  border-left: 0;
  border-right: 0;
}

.new-navigation-ui .v-navbar-container div>ul.thumb-links>li.selected,
.new-navigation-ui .v-navbar-container div>ul.thumb-links>li.current {
  background-color: #fff;
  padding: 0;
}

.new-navigation-ui .thumb-links>li:hover {
  background-color: #fff;
}

.new-navigation-ui .v-navbar-container .nav-icon,
.new-navigation-ui .v-navbar-container .settings,
.new-navigation-ui .v-navbar-container .download-icon,
.new-navigation-ui .v-navbar-container .apps {
  display: none;
}

.new-navigation-ui .v-navbar-container div>ul.thumb-links>li>a,
.new-navigation-ui .v-navbar-container div>ul.thumb-links>li.current>a,
.new-navigation-ui .v-navbar-container div>ul.thumb-links>li.selected>a {
  padding: 10px 0 10px 12px;
  border-bottom: 1px solid #e5e5e5;
}

.new-navigation-ui .v-navbar-container #moreFlyout ul.thumb-links>li>a,
.new-navigation-ui .v-navbar-container #moreFlyout ul.thumb-links>li.current>a,
.new-navigation-ui .v-navbar-container #moreFlyout ul.thumb-links>li.selected>a {
  border-bottom: 0px solid #e5e5e5;
}

.new-navigation-ui .v-navbar-container div>ul.thumb-links>li.selected>a {
  background: #fff;
  margin: 0px -1px 0px 0px;
}

.new-navigation-ui .ms-overlay-container .one-child-container .column-one {
  border: 0;
}

.new-navigation-ui .v-navbar-container div>ul.thumb-links>li .ms-dd-new ul.thumb-links li.selected a,
.new-navigation-ui .v-navbar-container div>ul.thumb-links>li .ms-dd-new ul.thumb-links li a {
  padding: 8px 0 8px 15px;
}

.new-navigation-ui .v-navbar-container div>ul.thumb-links>li .ms-dd-new ul.thumb-links li.selected,
.new-navigation-ui .v-navbar-container div>ul.thumb-links>li .ms-dd-new ul.thumb-links li.current {
  border-bottom: 0;
}

.new-navigation-ui .thumb-links>li .ms-dd-new ul.thumb-links li:hover,
.new-navigation-ui .v-navbar-container div>ul.thumb-links>li .ms-dd-new ul.thumb-links li.selected,
.new-navigation-ui .v-navbar-container div>ul.thumb-links>li .ms-dd-new ul.thumb-links li.current {
  margin-right: 0px;
}

.sidebar-more-menu {
  bottom: 0px;
  position: absolute;
  left: 200px;
  width: 250px;
  background: #fff;
  z-index: 99999;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
  display: none;
  transition: all ease-in-out 0.160s;
}

li#more.sidebar-more.master_admin_lhs {
  position: relative;
}

.sidebar-more .toggle_more:before {
  content: "\f105";
  width: 16px;
  height: 20px;
  font-family: "Font Awesome 7 Pro";
  position: absolute;
  right: 3px;
  top: 11px;
  display: block;
  text-align: center;
  line-height: 1;
  z-index: 9;
}

.master-lhs .edit_modules {
  text-overflow: initial;
}

.fixed-navigation_slide.active-mini-navbar .sidebar-more-menu {
  left: 200px;
}

.active-mini-navbar .sidebar-more-menu {
  left: 50px;
  transition: all ease-in-out 0.250s;
}

ul.sidebar-menu li .sidebar-more-menu li a {
  border-bottom: 0;
  padding: 0;
  display: flex;
  height: 40px;
  padding: 0 10px;
  transition: none;
}

ul.sidebar-menu li .sidebar-more-menu li a .icon-sidebar {
  padding: 0;
  width: 30px;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  min-width: 30px;
}

ul.sidebar-menu li .sidebar-more-menu li a>span.feed-count-display {
  position: static;
  padding: 2px 5px;
  line-height: 12px;
  align-self: center;
  text-overflow: inherit;
  overflow: visible;
}

ul.sidebar-menu li .sidebar-more-menu li a>span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px 5px 0px 0;
}

.sidebar-more-sub-menu {
  display: none;
  position: absolute;
  left: 100%;
  top: auto;
  width: 250px;
  background: #fff;
  z-index: 9999999;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
  max-height: 300px;
  overflow-y: auto;
}

.sidebar-more-sub-menu.openup {
  top: auto;
  bottom: auto;
}

.sidebar-sub-menu {
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
}

ul.sidebar-menu ul.sidebar-sub-menu li a,
ul.sidebar-menu>li ul.sidebar-sub-menu li.active a {
  border-bottom: 0;
}

.new-navigation-ui .lhs-links-divider {
  margin: 12px 0px 10px 15px;
  border-bottom: 0 !important;
}

.new-navigation-ui .v-navbar-container>div>ul {
  width: 200px;
}

.new-navigation-ui .btm-module-links a {
  width: 24.5%;
}

.new-navigation-ui .thumb-links>li .nav-label,
.new-navigation-ui .thumb-links.email_notification>li .nav-label {
  width: 92%;
}

/* end v-navbar-container style */
.new-navigation-ui #ms-main-nav .user-top-nav li+li {
  border-right: 0;
  border-left: 0;
}

.ms-compose-holder {
  float: left;
}

/*End Mini Bar*/
.breadcrumb_container .narrow-by-container .actionbutton.ma-action-menu,
.actionbutton.ma-action-menu {
  padding: 4px 4px 4px 4px;
}

.ms-overlay .breadcrumb_container .narrow-by-container .actionbutton.ma-action-menu {
  padding: 4px 4px 4px 4px;
}

.actionbutton.ma-action-menu.smallbutton {
  font-size: 6px;
  width: 31px;
  height: 30px;
  box-sizing: border-box;
  padding: 12px 0 0 3px !important;
}

.wk-tree-project-tabs-btn .actionbutton.ma-action-menu.smallbutton {
  width: 33px;
}

.ma-action-menu .fa-circle {
  padding-left: 2px;
  font-weight: 800;
}

body.non-logged-in .download-main-page-container{
  padding-left: 15px;
  margin: 0 0 0 0;
}
body.non-logged-in .download-main-page-container .people-top-action.breadcrumb_container{
  display: none;
}
/*narrow_by drop-menu*/
/* .sub-filter-container.nui-filter,
.filter-container.nui-filter {
  width: 100%;
  position: static;
  padding-bottom: 20px;
  height: 22px;
  margin: 0 0px 32px 0;
}

.filter-container.nui-filter .narrow-by-container {
  margin: 0px 5px 0 0;
}

.nui-filter .top-actions-indicators {
  color: #717171;
  padding: 5px 10px 0 0px;
}*/

.narrow_by.drop-menu,
.people-top-action .narrow_by.drop-menu {
  padding: 0px;
  position: relative;
  cursor: pointer;
  display: flex;
}

.narrow_by.drop-menu.disable-menu,
.people-top-action .narrow_by.drop-menu.disable-menu {
  opacity: 0.7;
  cursor: default;
}

.narrow_by.drop-menu .label>span {
  text-transform: inherit;
  text-align: left;
}

.narrow_by .label > span.ma_Post_Label {
  max-width: 530px;
}
.narrow_by.drop-menu>.arrow {
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  right: 8px;
  top: 10px;
}

.narrow_by.drop-menu ul,
.people-top-action .narrow_by.drop-menu li>ul {
  display: block;
  right: -14px;
  top: 32px;
  min-width: 260px;
}

.narrow_by.drop-menu ul li a {
  padding: 5px 28px 8px 13px;
}

.narrow_by.drop-menu .label {
  padding: 0 8px 0 8px;
}

.narrow_by.drop-menu .label.label-p-4-10 {
  padding: 4px 10px;
}

.narrow_by.drop-menu .sort-it {
  float: right;
  z-index: 1;
  text-align: right;
  order: 2;
}

.narrow_by.drop-menu .sort-it i {
  padding-top: 9px;
}

.menu-divider {
  float: right;
  display: block;
  height: 34px;
  border-right: solid 1px #cfd4d8;
  margin: 0 5px 0 5px;
  border-left: solid 1px #fff;
}


.menu-divider.secnd {
  border-left: 0;
  float: left;
  margin: 0 5px 0 0px;
  height: 28px;
}

.drop-menu .fa-angle-down {
  padding: 9px 6px 7px 0;
  color: #4a4a4a;
  font-size: 1.2em;
}

.people-top-action .narrow-filter .narrow_by {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

.breadcrumb_container .narrow-by-container.narrow-filter .actionbutton {
  margin: 0;
  padding: 7px 9px 5px 8px;
}

.narrow-filter .fa-long-arrow-up,
.narrow-filter .fa-long-arrow-down {
  font-size: 18px;
  color: #8b98a9;
}

.people-top-action .narrow_by.drop-menu .label {
  padding: 4px 10px 4px 5px;
  display: inherit !important;
  order: 1;
}

.people-top-action .narrow-filter .narrow_by li>ul {
  top: 30px;
  right: 0;
}

/* End narrow_by drop-menu*/


.dimension-view {
  max-height: 560px;
  float: left;
  margin: 0 -15px 0 0;
  padding: 0 15px 0 0;
  width: 100%;
  overflow-y: auto;
}

.narrow_by.drop-menu ul li a.non-selected,
.narrow_by ul li a.non-selected {
  background: #F5F5F5;
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  cursor: default;
  font-weight: bold;
}

.ma-no-content {
  min-height: 250px;
  text-align: center;
}

.ms-more-actions {
  position: absolute;
  top: 5px;
  right: 5px;
  left: auto;
  cursor: pointer;
}

.ms-more-actions .narrow_by .label>span,
.dim-options .narrow_by .label>span,
.ms-doc-actions .per_file_actions>span {
  border: solid 1px transparent;
  padding: 3px 0px 2px 7px;
  width: 17px;
  height: 22px
}

.orgchart-user .ms-more-actions .narrow_by .label>span {
  padding: 1px 0 0 1px;
  width: 12px;
  height: 20px;
}

.orgchart-user-container li.user-informns {
  height: 54px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.ms-doc-actions .per_file_actions>span {
  position: relative;
  display: block;
  text-align: left;
  right: 8px;
  top: -1px;
}

.dim-options .fa-ellipsis-v {
  padding-right: 10px;
}

.people-grid-view .mango-grid-view:hover .ms-more-actions .narrow_by .label>span,
.people-list-view .mango-grid-view:hover .ms-more-actions .narrow_by .label>span,
.dim-options:hover .narrow_by .label>span,
.attachment-others:hover .ms-doc-actions .per_file_actions>span,
.certificate-card:hover .narrow_by .three-dots-menu {
  border: solid 1px #dce1e7;
}

.people-container .people-grid-view .mango-grid-view:hover .ms-more-actions .narrow_by .label>span {
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #95A0AD;
}

.ms-doc-actions .per_file_actions .fa-ellipsis-v {
  font-size: 19px;
  margin-left: 3px;
}

.people-list-view .ms-more-actions {
  margin-top: 30%;
}

.ms-more-actions .fa-ellipsis-v {
  font-size: 19px;
  margin-left: 3px;
}

.people-container .people-grid-view .ms-more-actions .fa-ellipsis-v {
  margin: 0;
  font-size: 14px;
  color: #95A0AD !important;
}

.ms-more-actions .narrow_by li ul li a {
  background-repeat: no-repeat;
  padding: 5px 25px 8px 36px;
}

.people_dir_mn_grid .ms-more-actions .narrow_by li ul li a {
  background: transparent !important;
  padding: 5px 22px 8px 34px !important;
}

.ma-submission {
  background-position: 3px -2325px
}

.ma-submit {
  background-position: 3px -2788px;
}

.ma-share {
  background-position: 3px -2357px;
}

.ma-delete {
  background-position: 0px -2830px;
}

.ma-link {
  background-position: 0px -492px;
}

.ma-invite-more {
  background-position: 0px -2908px;
}

.new-navigation-ui .people-top-action .actionbutton {
  margin-left: 0px;
}

/* end temp font change*/
.fa-ellipsis-v {
  color: #717171;
}

.v-navbar-container div>ul.thumb-links>li.current>a .nav-label,
.v-navbar-container div>ul.thumb-links>li>a:hover .nav-label,
.v-navbar-container div>ul.thumb-links>li.selected>a .nav-label,
.zip-f-container .file_attached_list ul li:hover span.file_name,
.ms-post-reader .grid-title:hover,
.all-post-content .ms-post-reader h2:hover,
.post-grid-box .ms-post-reader .grid-title:hover,
.intranet-mustread-box .must-post-title:hover {
  color: #1497d5;
}

.actionbutton.opport_dropdown {
  padding: 8px 6px 8px 10px !important;
  margin: -1px 0px -7px 0px !important;
  background: transparent;
  font-size: 22px;
}

.widget_block_content .userFlyoutImage a,
.widget_block .userFlyoutImage a,
a.inherit-color {
  color: inherit !important;
}

.colleague_list_view table tr th.current {
  border-bottom: 2px solid #717171;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  background: transparent;
}

#ms_global_dialog_body {
  background: transparent;
  padding: 0px;
  border: 0px;
}

.no-background {
  background: transparent;
}

.select_list_option .narrow_by.drop-menu .label {
  padding: 6px 38px 4px 13px;
  line-height: inherit;
  height: auto;
  font-weight: normal;
  width: 121px;
}

.select_list_option .narrow_by.drop-menu .sort-it {
  float: right;
  width: 28px;
  background: transparent;
  height: 32px;
  z-index: 1;
  text-align: right;
}

.select_list_option .narrow_by.drop-menu ul,
.select_list_option .people-top-action .narrow_by.drop-menu li>ul {
  min-width: 185px;
}
.new-navigation-ui .breadcrumb_container .none-breadcrumb-container.narrow_by {
  z-index: auto!important;
}
table.twoColumnTbl tr td,
.content table tr td {
  padding: 0 10px 10px 0 !important;
  min-height: 34px;
  vertical-align: middle;
}

.event_all_opt table tr td img,
.ma-cmps-evnt-dlg-icn table tr td img {
  display: block;
}

#create_project_tbl label.control-label {
  padding-top: 7px;
  white-space: nowrap;
  color: #4E5661;
}

#create_project_tbl .controls {
  padding-left: 40px;
}

#create_project_tbl .existing-categories-text {
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}

#create_project_tbl .project-img-text {
  left: 300px;
}

#create_project_tbl select.template-chooser {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%2395A0AD%22%20d%3D%22M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z%22%20%2F%3E%3C%2Fsvg%3E") no-repeat right center;
  background-size: 15px;
  background-position: right 10px center;
}

#create_project_tbl .ma-s-theme {
  color: #4E5661;
}

.advanced_search_layout .search_lhs_menu,
.new-navigation-ui .v-navbar-container.advanced_search_layout {
  width: 208px !important;
}

.adv_search_big_lhs {
  margin-left: 208px !important;
}
.adv_search_big_lhs.mdrn-lyt-mn {
  margin-left: 0 !important;
}
.new-navigation-ui .advanced_search_layout .thumb-links>li .nav-label {
  width: 82%;
}

/* Getting started Style start */
.getting_started_footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  background: #1d99dd;
  height: 64px;
  display: table;
  z-index: 10;
}

.previousbtn,
.nextbtn,
.done_btn {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  padding: 0px !important;
  width: 215px;
  font-weight: bold;
  margin: 0px;
}

.previousbtn {
  left: 0;
}

.previousbtn.disabled,
.nextbtn.disabled,
.nextbtn.disabled a,
.previousbtn.disabled a {
  cursor: default;
}

.nextbtn,
.done_btn {
  right: 0;
  text-align: right;
}

.previousbtn i,
.nextbtn i {
  font-size: 18px;
}

.previousbtn a,
.nextbtn a,
.done_btn a {
  font-weight: bold;
  display: block;
}

.previousbtn a,
.nextbtn a.previous_step {
  height: 47px;
  padding-top: 26px;
  padding-left: 20px;
  text-align: center;
  padding-right: 20px;
}

.nextbtn a,
.done_btn a {
  height: 47px;
  padding-top: 26px;
  padding-left: 20px;
  text-align: center;
  padding-right: 20px;
}

.footer_menu_gt {
  width: 97%;
  margin: 0px auto;
  padding: 25px 20px 19px 20px;
  text-align: center;
  font-weight: normal !important;
}

.footer_menu_gt ul {
  margin: 0px;
  padding: 0px;
}

.footer_menu_gt span {
  margin: 0px;
  padding: 0px 12px 0 0;
  display: inline;
}

.footer_menu_gt span {
  color: #fff;
  opacity: 0.5;
}

.footer_menu_gt span.selected,
.footer_menu_gt span.is_clickable:hover,
#page_create_footer .footer_menu_gt span.linked_mode:hover {
  color: #fff;
  opacity: 1;
}

.getting_start_layout {
  width: 100%;
  height: 100%;
  background: #fff;
}

.getting_start_layout .right_panel_aria .getting_started {
  padding: 0px 5%;
}

.getting_started.started-with-profile .o_hidden_scroll {
  margin-right: -28px;
  padding-right: 28px;
}

.getting_start_layout .right_panel_aria .getting_started.started-with-profile {
  padding: 45px 10px 0px 29px;
  width: 100%;
  vertical-align: text-bottom;
}

.getting_started.started-with-profile .o_hidden_scroll {
  max-height: 80vh;
}

.started-with-profile .user_profile_dialog .change_photo_container tr td {
  width: auto !important;
}

.started-with-profile .accordion_content {
  margin-bottom: 0;
}

.right_panel_aria #reset_password_table td {
  padding: 0 0 27px 0;
}

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

.getting_start_layout .time_date_format>input[type="checkbox"] {
  margin-top: 0px;
}

.right_panel_aria .leftsectionprofile select {
  height: 34px;
}

.right_panel_aria .getting_started .leftsectionprofile select {
  width: 362px;
}

.right_panel_aria .two_grid .first_column,
.right_panel_aria .two_grid .second_column {
  width: 100%;
}

.right_panel_aria .first_column .getting_started_upload_company,
.right_panel_aria .second_column .setup_own_profile {
  width: 352px;
  margin: 0px auto;
}

.gs_small_img_box {
  height: 172px;
}

.lft_panel_aria {
  width: 33%;
  float: left;
  background: #e0eef9;
  height: 87vh;
  display: table;
  border-right: solid 1px #dce1e7;
}

.right_panel_aria {
  width: 66%;
  float: left;
  background: #fff;
  height: 89vh;
  display: table;
}

.v-middle {
  vertical-align: middle;
  display: table-cell;
}

.spacing-20 {
  padding: 0% 18%;
  text-align: center;
}

.lft_panel_aria i {
  font-size: 120px;
  color: #a0a5ab;
  text-align: center;
  padding-bottom: 20px;
}

table.getting_started_profile td {
  width: 100% !important;
  float: left;
  text-align: left !important;
}

.getting_start_layout .setup_own_profile tr td input#full_name,
.getting_start_layout .setup_own_profile tr td input#last_name {
  width: 90% !important;
  float: left;
}

.getting_start_layout .setup_own_profile tr td input#last_name {
  width: 96% !important;
}

.getting_start_layout .setup_own_profile tr td input.profile_personal_contact_field {
  width: 58% !important;
  float: right;
}

.getting_started .o_hidden_scroll {
  padding: 0 0 12px 0;
  max-height: 73vh;
  overflow: auto;
  margin-top: -43px;
  min-height: 43%;
}

.getting_start_layout .recommend_wrapper>div.recommendation {
  width: 48%;
}

.getting_started_upload_company .change_photo_container {
  margin: 0px auto 10px auto;
}

.getting_start_layout .setup_own_profile tr td {
  vertical-align: middle;
  padding: 0px 6px 10px 6px;
}

.getting_start_layout .setup_own_profile tr td.first {
  padding: 0 6px 0px 6px;
}

.getting_started_profile select {
  height: 34px;
}

.getting_started .content_title {
  padding: 0 33px 0 12px;
  border-top: 1px solid #eee;
  overflow: hidden;
  overflow-y: auto;
  height: 75vh;
  margin: -43px 0 0 0;
  background: transparent;
  border: 0px;
}

.getting_start_layout .setup_own_profile input.invite_employess {
  width: 300px !important;
}

.getting_start_layout .setup_own_profile {
  width: 100%;
  padding-bottom: 15px;
}

.getting_start_layout .setup_own_profile input.invite_employess {
  height: 2.33rem;
}

.getting_start_layout .invite-section_main {
  margin: 0 15px;
  padding: 12px;
  width: 550px;
  margin: 0px auto;
}

.getting_start_layout .invite-section_main .setup_own_profile input {
  text-align: right;
}

.getting_start_layout .setup_own_profile input {
  width: 98% !important;
  margin: 0 0px 0 0;
  text-align: left;
  float: left;
}

.getting_start_layout .setup_own_profile span {
  background: #eeeeee;
  padding: 6px 44px 7px 2px;
  float: left;
  width: 150px;
  border-radius: 0 0px 2px 2px;
  border: 1px solid #d7d7d7;
  border-left: 0;
}

.getting_start_layout ul.box li.module-list-item {
  cursor: default;
}

.getting_start_layout .change-photo-container-big .change_photo_container .change_photo_container_show,
.getting_start_layout .change-photo-container-big .change_photo_link {
  width: 170px;
  height: 216px;
}

.getting_start_layout .change-photo-container-big span.change_photo_link {
  height: auto;
}

.getting_start_layout .gs_small_img_box {
  height: 170px;
}

.getting_start_layout .leftsectionprofile .imgbox table tr td {
  height: 170px;
  width: 170px;
}

.getting_start_layout .leftsectionprofile .imgbox table tr td.stup-prof-imgbox {
  height: 170px;
}

.getting_start_layout .leftsectionprofile .imgbox table tr td.stup-prof-imgbox {
  height: 170px;
}
.getting_started_model #ms-main-nav .setting-navigation .user_profile_nav .user-setting-icon {
  border-left: none;
}

.getting_started_model .user_profile_nav .user_profile_p,
.getting_started_model #guest-ms-top-def-nav .user_profile_p {
  color: #717171;
  padding: 2px 0 2px 8px;

}

.getting_started_model #ms-main-nav .user-top-nav>li.user_profile_nav.active-it {
  background-color: transparent;
  border-right: 0px !important;
}

.getting_started_model .user_profile_nav.active-it .user_profile_p {
  color: #717171;
}

.getting_started_footer a {
  font-weight: normal;
}

/*end getting started ui*/


.narrow_by.n-icn ul li a,
.tools_dd .narrow_by.n-icn ul li a,
.tools_dd.ms-intra-tool-contr .narrow_by.n-icn ul.post-tools-menu li a {
  padding: 5px 25px 5px 13px;
}

.filter-container.main-title-container .top-actions-indicators {
  margin-top: 5px;
  padding-top: 0;
}

.filter-container.main-title-container .narrow-by-container {
  margin-top: 4px;
}

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

.getting_started_model .user_profile_nav a {
  cursor: default;
}

.main-title-container .view-type-btn,
.main-title-container .view_style_icon {
  width: 30px;
  height: 28px;
}

.main-title-container .grid_icon {
  padding: 4px 0 0 5px;
}

.main-title-container .list_icon {
  padding: 4px 0 0 5px;
}

.main-title-container .narrow-by-container.narrow-filter .actionbutton {
  margin: 0;
  padding: 5px 7px 3px 8px;
}

.main-title-container .narrow-by-container.narrow-filter .ma-srt-btn {
  padding: 4px 9px 3px 10px;
  margin-right: 10px;
  height: 30px;
}

.filter-container .narrow-filter .narrow_by ul li a,
.narrow-filter .narrow_by ul li a {
  padding: 5px 28px 8px 13px;
}

/*font fixes*/
.ms-font-verdhana .filter-container.main-title-container .narrow-by-container {
  margin-top: 7px
}

.ms-font-verdhana .filter-container .project_group_filters .narrow-by-container,
.ms-font-verdhana .dash-top-actions>.filter-container .action-button-container .narrow-by-container {
  margin-top: 1px;
}
.actionbutton .fa-angle-down {
  margin-left: 6px;
  float: right;
  margin-top: 2px;
  margin-right: -3px;
}
.calendar_filter_container .actionbutton .fa-angle-down {
  margin-right: 0px;
}

.main-title-container ul.event-dropdown-menu i.event-drop-menu.export_icon {
  background-position: 0 -3114px;
}

.actionbutton.add-folder {
  padding: 6px 7px 4px 7px;
  position: relative;
}

.actionbutton.add-folder .fa-folder-o {
  color: #8b98a9;
  font-size: 21px;
}

.actionbutton.add-folder .fa-plus {
  font-size: 10px;
  position: absolute;
  margin: 0 0 0 -14px;
  color: #8b98a9;
  bottom: 11px;
}

.main-title-container .actionbutton.add-folder .fa-plus {
  bottom: 8px;
}

.main-title-container .actionbutton.add-folder {
  padding: 6px 7px 4px 7px;
}

.dwnd-file .fa-download {
  position: relative;
  bottom: -1px;
  right: 2px;
}

.other_box .mango-grid-view .mango-grid-img-box {
  margin-left: 0px;
}

.other_box .mango-big-avatar {
  margin-left: 10px;
  width: 174px;
  height: 174px;
}

.grid-bottom-container.deprt {
  height: 68px;
  position: relative;
  border-top: solid 1px #dce1e7;
  padding: 5px 12px 0 10px;
  background: #fff;
  border-bottom: solid 1px #dce1e7;
}

.actionbutton.ma-share {
  padding: 4px 7px 4px 10px;
}

.actionbutton.ma-share .fa-share-square-o {
  color: #8d98a7;
  /* font-size: 18px; */
}

.main-title-container .actionbutton .fa-angle-down {
  margin-left: 5px;
  /* font-size: 16px; */
}

.item-img-box {
  float: left;
  width: 45px;
  height: 40px;
  background: #8d8d8d;
  color: #fff;
  font-size: 22px;
  padding: 5px 0 0 0px;
  text-align: center;
}

.item-img-box span {
  font-size: 22px;
}

.item-desc {
  margin-left: 54px;
  margin-right: 144px;
  display: table;
}

.mdl-cont {
  display: table-cell;
  height: 46px;
  vertical-align: top;
  line-height: 16px;
}

.mdl-cont .ma-h5 {
  padding-bottom: 3px;
}

.middle-mdl-cont .mdl-cont {
  vertical-align: middle;
}

ul.box>li:hover {
  background-color: #f7f8fa;
}

.module-drag-it {
  display: block;
  width: 9px;
  left: 6px;
  background: url(/ce/pulse/images/drag_dot.png)2px 0px;
  background-repeat: repeat-y;
  position: absolute;
  height: 45px;
  box-sizing: border-box;
  border-left: 2px solid #1497d5;
  cursor: move;
  visibility: hidden;
}

.draggable-custom-fields {
  position: inherit;
  height: 35px;
}

tr.module-list-item:hover {
  background: #f7f7f7;
}

.module-list-item:hover .module-drag-it {
  visibility: visible;
}

.line-h-18 {
  line-height: 18px;
}

.line-h-23 {
  line-height: 23px;
}

.disabled-item .module-list-item {
  opacity: 0.7;
  background: transparent !important;
}

.ico-opt_li .far.font-400 {
  font-weight: 400 !important;
}

/*css switch*/
.onoffswitch {
  position: relative;
  width: 62px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

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

.file_breadcrumb ul li:last-child {
  background: none;
}

.title-span.w90 {
  width: 90%
}

.seprator_line {
  line-height: 1px;
  height: 1px;
  clear: both;
  border-bottom: 1px solid #e5e5e5;
}

.yui_dialog_content_b {
  background: #fff;
  padding: 20px;
}

#select_colleague_panel_popup .colleague-search-contr .token-input-list-facebook {
  width: 690px;
}

.opport_dropdown.text-truncation {
  max-width: 100%;
  width: auto;
}

.opport_dropdown.actionbutton .fa-angle-down {
  margin-left: 0;
  float: none;
  margin-top: 0px;
}

.onoffswitch.yesn {
  width: 62px
}

.yesn .onoffswitch-switch {
  right: 33px;
}

/* end css switch*/

.settings-to-module {
  width: 20px;
  float: left;
  margin-top: -2px;
  padding-right: 8px;
  border-right: solid 1px #d3d9e7;
  margin-right: 10px;
}

.theme_class .settings-to-module {
  color: #717171;
}

.actionbutton.ma-action-smn {
  padding: 4px 10px 7px 2px;
  border-left: 1px solid #fff !important;
  border-radius: 0 2px 2px 0;
  min-height: 17px;
}

.narrow_by.drop-menu:hover,
.people-top-action .narrow_by.drop-menu:hover {
  border-color: #a8b8bb;
}

.valign_top {
  vertical-align: top !important;
}

/*Help Center styles*/
.srtc-menu li a.box-contr {
  display: block;
  float: left;
  width: 218px;
  height: 258px;
  border: solid 1px #dce1e7;
  margin: 5px 10px 15px 0;
  color: #8d99a7;
  cursor: pointer;
  position: relative;
}

.srtc-menu .icn-box {
  background-color: #f7f8fa;
  height: 147px;
  padding-top: 48px;
  text-align: center;
  border-bottom: solid 1px #dce1e7;
}

.srtc-menu li .content-holdr {
  display: table;
}

.srtc-menu li .content-holdr span {
  vertical-align: middle;
  height: 62px;
  display: table-cell;
  text-align: center;
  width: 218px;
  color: #4a4a4a;
  font-weight: bold;
}

.icn-box .far {
  font-size: 100px;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.box-contr:hover .icn-box .far {
  font-size: 108px;
}

.srtc-menu li a.box-contr:hover {
  color: #1497d5;
}

.srtc-menu li a.box-contr:hover .icn-box {
  background-color: #eff3fd;
}

.auto-save-show {
  float: left;
  margin: 4px 10px 0 0;
  padding: 4px 5px;
  background: #f8f5c0;
  height: 17px;
  color: #4a4a4a;
}

/* End Help Center styles*/

.narrow_by ul li.narrow-menu-head {
  padding: 7px 25px 9px 13px;
  border-bottom: #ccc solid 1px;
  font-weight: bold;
}

.watch-dash-top-actions.dash-top-actions>.filter-container {
  top: -50px;
  right: -15px;
}

.prefrance_all {
  background: url(/ce/pulse/images/v2/mangosprite_16.png) no-repeat 1px -85px !important;
}

/*Help Center link styles*/
.link-srtc-menu {
  margin: 5px 0 0 0;
}

.link-srtc-menu li a.link-box-contr {
  display: block;
  float: left;
  width: 120px;
  height: 154px;
  margin: 5px 30px 15px 0;
  border: solid 1px #dce1e7;
}

.link-srtc-menu .link-icn-box {
  background-color: #f7f8fa;
  height: 83px;
  text-align: center;
  padding-top: 25px;
  border-bottom: solid 1px #dce1e7;
  position: relative;
}

.link-srtc-menu.browser-extensions .link-icn-box {
  padding-top: 0px;
  height: 109px;
}

.link-srtc-menu li .link-content-holdr {
  display: table;
  padding: 0 5px;
}

.link-srtc-menu li .link-content-holdr span {
  vertical-align: middle;
  height: 46px;
  display: table-cell;
  text-align: center;
  width: 218px;
  word-wrap: break-word;
  line-height: 18px;
  word-break: break-word;
}

.non-logged-in .link-srtc-menu li a.link-box-contr:hover,
.dwln-btn li:hover .link-content-holdr span {
  color: #1497d5;
}

.link-icn-box .fa {
  font-size: 60px;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.link-box-contr:hover .link-icn-box .fa {
  font-size: 67px;
}

.link-box-contr:hover .link-icn-box {
  background-color: #eff3fd;
  color: #1497d5;
}

.link-icn-box-survey-icon {
  width: 56px !important;
}

.link-icn-box-survey-icon .fa-chart-pie {
  font-size: 24px;
  line-height: 75px;
}

.link-box-contr:hover .link-icn-box .link-icn-box-survey-icon {
  width: 64px !important;
}

.link-box-contr:hover .link-icn-box .link-icn-box-survey-icon .fa-chart-pie {
  font-size: 27px;
  line-height: 83px;
}

/* End Help Center link styles*/
/* Start Help Center Download link styles */
.new-navigation-ui.active-mini-navbar .layout-container.app-download-page {
  margin: 0 0 0 50px;
}

.new-navigation-ui.fixed-navigation_slide.active-mini-navbar .layout-container.app-download-page,
.new-navigation-ui.fixed-navigation_slide .layout-container.app-download-page {
  margin: 0 0 0 200px;
}

.non-logged-in .login_page_body .layout-container.app-download-page {
  margin: 0 0 0 55px;
  padding: 0;
}

.non-logged-in .login_page_body .layout-container.app-download-page {
  margin: 0;
  padding: 0;
}

.layout-container.app-download-page .all-in-one-img {
  max-width: 922px;
  margin: 0 auto 20px;
  float: none;
}

.link-srtc-menu li a.link-box-contr-nw {
  display: block;
  float: left;
  width: 145px;
  height: 125px;
  margin: 5px 30px 15px 0;
  border: solid 1px #eee;
  border-radius: 10px;
  background: #fff;
  color: #8d99a7;
  padding: 20px 10px;
  box-shadow: 0 0 5px 0px #eee;
  text-align: center;
}

.link-srtc-menu li a.link-box-contr-nw.browser-extensions-sec {
  height: auto;
  min-height: 125px;
}

.link-srtc-menu li .link-icn-box-nw img {
  width: 77px;
  height: 70px;
  display: block;
  margin: auto;
}

.link-srtc-menu li .link-content-holdr-nw {
  word-wrap: break-word;
  word-break: break-word;
  color: #4a4a4a;
  margin-top: 15px;
}

.link-srtc-menu li .link-content-holdr-nw span {
  line-height: 1.5;
  padding: 0 0px;
  display: inline-block;
}

.download-inr-page-wrap {
  min-height: calc(98vh - 49px) !important;
  height: 100%;
  padding-bottom: 0 !important;
  position: relative;
  overflow: hidden;
  background: #f7fafc !important;
}

.download-inr-page-wrap.login-download-inr-page-wrap {
  margin-bottom: 0 !important;
  min-height: 88vh !important;
}

.login-download-inr-page-wrap .download-loader-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(119, 119, 119, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11;
  pointer-events: none;
}

.download-inr-page-wrap.download-main-page {
  height: auto;
  padding-bottom: 40px !important;
  min-height: 86vh !important;
  padding-left: 20px;
  padding-top: 20px;
}

.non-logged-in .download-inr-page-wrap.download-main-page {
  min-height: 94vh !important;
  padding-left: 5px;
}

.actionbutton.app-down-button-nw {
  font-size: 22px !important;
  padding: 12px 60px 12px;
}

.app-wind7-button-nw {
  padding: 8px 18px !important;
  margin: 0 15px 0 0 !important;
}

.app-mac-button-nw,
.app-linux-button-nw {
  padding: 6px 25px !important;
}

.icon-align-item-center {
  align-items: center;
  justify-content: center;
}

.nw-installer-btn-wrap {
  margin-left: 30px;
}

.nw-installer-btn {
  margin: 20px 5px 5px 5px !important;
}

.app-wind-button-nw {
  cursor: pointer;
  display: inline-block;
  color: #fff !important;
  border-radius: 4px;
  padding: 8px 36px;
  line-height: 1.1;
  text-decoration: none !important;
  border: solid 1px #ccc;
  background-color: #000;
}

.installer-link {
  padding-bottom: 2px;
  display: inline-block;
  border-bottom: 1px solid;
  line-height: 1;
}

.download-cont-wrap {
  position: relative;
  z-index: 10;
}

.wave-wrap {
  position: absolute;
  right: -3%;
  bottom: -5%;
  width: 60%;
  height: 60%;
}

.login-download-inr-page-wrap .wave-wrap {
  bottom: 0;
}

.screenshot-img-wrap {
  position: relative;
  z-index: 10;
}

.non-logged-in .layout-container.app-download-page .download-inr-page-wrap {
  margin: 0 auto;
}

@media only screen and (max-width: 1700px),
screen and (max-height: 720px) {
  .login-download-inr-page-wrap .wave-wrap.for-wind {
    bottom: 0%;
  }
}

/* End Help Center Download link styles  */
.divider-style {
  margin: 0 15px 0 10px;
  width: 1px;
  border-right: solid 1px #ABABAB;
}

.mdl-slider {
  width: 220px;
  margin: 5px 0 25px 0;
  position: relative;
}

.edit-module-item {
  cursor: default;
  margin: -10px -10px -10px -20px;
  padding: 20px 10px 10px 20px;
  background-color: #f7f8fa;
}

.edit-module-item .mdl-name {
  width: 400px;
  margin-bottom: 15px;
  background: #fff;
}

.edit-module-item .mdl-url {
  width: 530px;
  margin-bottom: 15px;
  background: #fff;
}

.edit-module-item .mdl-select-menu {
  width: 340px;
  margin-bottom: 15px;
  display: block;
}

.edit-module-item .mdl-select-menu.inline-block {
  display: inline-block;
}

.mdl-slider .owl-item {
  display: inline-block;
  background: #e7e7e7;
}

.mdl-slider .item {
  padding: 15px;
  background: #fff;
  margin: 15px;
  text-align: center;
  border: solid 1px #BFC8D3;
}

.mdl-slider-btn {
  width: 34px;
  height: 29px;
  border: solid 1px #C8D1DB;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 5px 0 0 1px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  margin-top: -17px;
}

.mdl-slider-btn .fa {
  font-size: 22px;
}

.mdl-slider-btn:hover {
  box-shadow: 0 1px 4px rgba(163, 163, 163, 0.2);
}


/*Slider for custom integration popup*/

.custom-slider {
  width: 220px;
  margin: -10px 0 -30px 0;
  position: relative;
}

.custom-slider .owl-item {
  display: inline-block;
  background: #e7e7e7;
}

.custom-slider .item {
  padding: 3px;
  width: 45px;
  margin: 6px;
  text-align: center;
  border: solid 1px #BFC8D3;
}

.custom-slider-btn {
  width: 34px;
  height: 29px;
  border: solid 1px #C8D1DB;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 5px 0 0 1px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  margin-top: -17px;
}

.custom-slider .home_link_slider .owl-item {
  background: #fff !important;
}

.custom-slider-btn .fa {
  font-size: 22px;
}

.custom-slider-btn:hover {
  box-shadow: 0 1px 4px rgba(163, 163, 163, 0.2);
}

.ext-sys-left .home_link_slider .owl-buttons {
  height: 34px;
  width: 160px;
}

.custom-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
  background: url("/ce/pulse/images/next_gt_fa.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
  opacity: 1;
}

.custom-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
  background: url("/ce/pulse/images/previous_gt_fa.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  opacity: 1;
}

.custom-slider .home_link_slider {
  width: 10 0px !important;
}

.custom-slider .owl-wrapper-outer {
  margin-right: 40px;
}

.custom-slider .item {
  background: #e6e6e6;
}

.iwm-tinytake {
  background: url(/ce/pulse/images/sprite_apps.png) no-repeat;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-position: 0px -22px;
  background-size: 24px;
  position: absolute;
  right: 3px;
  top: 4px;
}

.iwm-tinytake.imac {
  background-position: 0px -110px;
  background-size: 28px;
}

.fa-icon {
  background: url(/ce/pulse/images/sprite_apps.png) no-repeat;
  display: inline-block;
  height: 64px;
  width: 64px;
}

.fa-icon.fa-tinytake {
  background-position: -8px -8px;
}

.fa-icon.fa-ios {
  background-position: -8px -141px;
}

.fa-icon.fa-ma-windows {
  background-position: -8px -79px;
}

.fa-icon.fa-ma-apple {
  background-position: -8px -312px;
}

.fa-icon.fa-ma-android {
  background-position: -8px -224px;
}

.non-animated .link-box-contr:hover .link-icn-box .far {
  font-size: 60px;
}

.link-srtc-menu .link-icn-box.windows-app {
  height: 86px;
  padding-top: 22px;
  background-color: #00a1f1;
}

.link-srtc-menu .link-icn-box.tinytake-app {
  background-color: #f05125;
}

.link-srtc-menu .link-icn-box.mac-app {
  background-color: #484848;
}

.link-srtc-menu .link-icn-box.ios-app {
  background-color: #2a2a2a;
}

.link-srtc-menu .link-icn-box.android-app {
  background-color: #94bd31;
}

.link-icn-box .fa-bookmark {
  top: 49px;
  font-size: 42px;
}

.link-icn-box .fa-certificate {
  top: -4px;
  text-shadow: 0px 1px 1px #CFCFCF;
  font-size: 60px;
}

.link-box-contr:hover .link-icn-box .far.fa-certificate {
  font-size: 67px;
}

.link-box-contr:hover .link-icn-box .far.fa-bookmark {
  font-size: 48px;
}

.master-lhs .lhs-dd-parent .fa-bookmark {
  top: 4px;
}
.master-lhs .lhs-dd-parent[data-link-type="CHAT"] span, .master-lhs .lhs-dd-parent[data-link-type="CHAT"] i{
  pointer-events: none;
}

.module-list-item[data-id='GAMIFICATION'] .item-img-box,
.gamification_class {
  position: relative;
}

[data-id='GAMIFICATION'] .item-img-box .fa-bookmark,
.gamification_class .fa-bookmark {
  left: 0px;
  top: 15px;
  font-size: 22px;
}

[data-id='GAMIFICATION'] .item-img-box .fa-certificate,
.gamification_class .fa-certificate {
  top: 2px;
  text-shadow: 0px 2px 0px #8D8D8D;
}

.master-lhs .sidebar-sub-menu .lhs-dd-parent .fa-certificate {
  height: 18px !important;
  top: inherit;
  font-size: 18px;
}

.yui-skin-sam .yui-button button,
.yui-skin-sam .yui-button a,
.yui-skin-sam .yui-button a:visited {
  font-size: 16px !important;
}

.actionbutton.ma-primary.second-action,
.actionbutton.second-action {
  padding: 5px 20px 5px 20px;
  font-size: 14px;

}

.home_link_slider {
  width: 107px !important;
  left: 48px;
}

.home_link_slider .owl-wrapper {
  height: 104px;
}

.home_link_slider.task-owl-slider .owl-wrapper {
  height: 122px;
}

.home_link_slider.task-owl-slider .owl-buttons {
  top: 24%;
}

.home_link_slider {
  min-height: 96px;
}

.owl-wrapper-outer {
  overflow: hidden;
}

.custom_integration_dialog .home_link_slider .owl-wrapper {
  top: 18px;
}

#add_home_link_shortcut .home_link_slider .owl-item {
  display: inline-block;
  margin-top: 0px !important;
}

.home_link_slider .owl-item {
  display: inline-block;
}

.home_link_slider .item img {
  display: block;
  width: 100%;
  height: auto;
}

#add_home_link_shortcut .home_link_slider .owl-buttons {
  top: 30% !important;
}

.home_link_slider .owl-buttons {
  position: absolute;
  top: 25%;
  width: 191%;
  left: -48px;
  height: auto;
}

.home_link_slider .owl-controls .owl-buttons div.owl-prev,
.home_link_slider .owl-controls .owl-buttons div.owl-next {
  height: 50%;
  width: 0px !important;
}

.home_link_slider .owl-pagination {
  display: none;
}

.mango-grid-view:hover {
  background-color: #f7f8fa
}

.input_mid_size {
  width: 72%;
}

.fa-angle-right.ma-arw {
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 2px;
  position: absolute;
  right: 15px;
}

.jstree-classic .jstree-unchecked>a>.jstree-checkbox {
  margin-right: 2px;
}

.btn-visibility {
  visibility: hidden;
}

.module-list-item:hover .btn-visibility {
  visibility: visible;
}

#add_home_link_shortcut.edit-module-item,
#help_menu_add.edit-module-item,
#add_task_property_detail.edit-module-item {
  border: solid 1px #dce1e7;
  margin: 0 0 20px 0;
}

.edit-module-item .owl-theme .owl-controls .owl-buttons div.owl-prev {
  background: url("/ce/pulse/images/next_gt_fa.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
  opacity: 1;
}

.edit-module-item .owl-theme .owl-controls .owl-buttons div.owl-next {
  background: url("/ce/pulse/images/previous_gt_fa.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  opacity: 1;
}

.edit-module-item .owl-theme .owl-controls .owl-buttons div {
  padding: 8px 17px 7px 17px;
}

.jstree-classic .jstree-checked>a>.jstree-checkbox {
  margin-right: 2px;
}

/*Huddle Styles*/

.hdl-join-contr {
  margin: 0px 0 25px 0px;
}

.hdl-join-frm {
  overflow: hidden;
  height: 40px;
}

.hdl-join-frm label {
  margin-bottom: 0px;
}

.hdl-joinme {
  width: 60px;
  height: 40px;
  background: url(/ce/pulse/images/huddle_user_img.png) -6px -3px no-repeat;
  display: inline-block;
  background-size: 88px;
  margin-left: 10px;
}

.hdl-join-inpt {
  margin-top: 8px;
  float: left;
}

.hdl-join-help {
  margin: -3px 0 0 25px;
}

.hdl-gotomeeting {
  width: 140px;
  height: 34px;
  background: url(/ce/pulse/images/huddle_user_img.png) -11px -138px no-repeat;
  display: inline-block;
  margin-left: 10px;
}

.hdl-mangoapps {
  width: 190px;
  height: 34px;
  background: url(/ce/pulse/images/ma_beta.png) 0px 0px no-repeat;
  display: inline-block;
  margin-left: 10px;
}

.hdl-join-wh-contr {
  overflow: hidden;
  width: 342px;
  margin: 0 auto;
}

.show_options .hdl-join-contr {
  display: block;
}

.hdl-join-contr {
  display: none;
}

.whmango {
  width: 100px;
  height: 80px;
  display: block;
  float: left;
  background: url(/ce/pulse/images/huddle_user_img.png) -28px -219px no-repeat;
}

.pls-icn {
  float: left;
  font-size: 50px;
  margin: 0 30px;
  color: #717171;
}

.hdl-join-logo {
  width: 140px;
  height: 80px;
  display: block;
  float: left;
  background: url(/ce/pulse/images/huddle_user_img.png) -10px -2px no-repeat;
}

.hdl-join-logo.gotomeet {
  background-position: -10px -112px;
}

.login-hdl {
  background: #fafafa;
  border: solid 1px #cccccc;
  padding: 20px;
}

.login-hdl-ex {
  background: #fafafa;
  border-top: solid 1px #ccc;
  padding-top: 27px;
  margin-top: 22px;
  padding-bottom: 0;
}

.login-hdl label {
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
}

.login-hdl .usr-ipt {
  width: 400px;
}

.login-hdl .lg-rw {
  margin-bottom: 15px;
}

#wikis_page_settings .span.input-cont {
  margin-top: 0px;
}

.ma-action-gear,
.actionbutton.ma-action-gear {
  padding: 5px 8px 3px 6px;
  text-align: center;
}

.ma-action-gear .fa-cog {
  font-size: 18px;
}

.manage-sub-navigation.reorder-page-list {
  width: 99%;
  float: none;
}

.manage-sub-navigation .li-edit-module-item {
  margin: -10px -10px -10px 0px;
}

.manage-sub-navigation ul.box>li .item-buttons {
  top: 8px;
}

.manage-sub-navigation ul.box>li .dd-handle {
  padding: 2px 0;
  border: none;
  margin: 0;
  background: transparent;
}

.manage-sub-navigation ul.box>li:hover .dd-handle {
  background: transparent;
}

.manage-sub-navigation ul.box ol>li .dd-handle {
  margin: 0 10px 10px 0;
  padding: 0px 0px 0px 20px;
  border: solid 1px #dce1e7;
}


.manage-sub-navigation .sub-set-visible {
  margin-right: 80px;
  float: none;
}

.manage-sub-navigation .item-img-box {
  line-height: 1.6;
}

.manage-sub-navigation .dd-handle .module-drag-it {
  left: 5px;
  top: 0px;
  height: 100%;
}

.manage-sub-navigation #mobile_widget_list .dd-handle .module-drag-it {
  left: 5px;
  top: 8px;
  height: 70%;
}

.manage-sub-navigation .dd-handle .icon_lhs {
  min-width: 22px;
  text-align: center;
}

.manage-sub-navigation ul.dd-list ol.dd-list {
  margin-top: 5px;
}
.manage-sub-navigation:not(#reorder_modules_shortcuts_div_top_nav) ul.dd-list ol.dd-list{
  margin-bottom: 20px;
}

.manage-sub-navigation ol .dd-handle .module-drag-it {
  left: 25px;
  height: 65%;
  top: 5px;
}

.catgr-disbld {
  font-size: 14px;
  vertical-align: middle;
  margin: 0 7px 0 3px;
}
.manage-sub-navigation #mobile_widget_list .mobile-widget.module-list-item {
  position: relative;
}
div#mobile-widget-Wrapper [id^="media"] .editable-widget {
    text-align: center;
    padding-top: 20px;
}
#mobile-widget-Wrapper .edit-overview-actions,
#mobile-native-view-container .edit-overview-actions {
  padding-left: 16px;
}
#mobile-native-view-container .mw-edt-sctn .edit-overview-widget,
#mobile-widget-Wrapper .mw-edt-sctn .edit-overview-widget {
  border-top: 0;
  padding: 0 0 16px;
  border-radius: 4px !important;

}
.manage-sub-navigation #mobile_widget_list .edit-widget-details .edit-rich-text,
#mobile-native-widget-Wrapper .manage-sub-navigation .edit-widget-details .edit-rich-text {
  background: #fbfbfb;
  cursor: pointer;
  display: inline-block;
  padding: 2px 10px 3px 9px;
  border: 1px solid #dedede;
  font-size: 14px;
  border-radius: 2px;
  position: absolute;
  top: 12px;
  right: 50px;
}
#mobile-native-widget-Wrapper .manage-sub-navigation .edit-widget-details .edit-rich-text {
  right: 130px;
}
.manage-sub-navigation #mobile_widget_list.mobile-widget-last-item>li.mobile-widget.module-list-item:last-child ul.narrow_by ul {
  top: auto;
  bottom: 100%;
}

.manage-sub-navigation #mobile_widget_list .edit-widget-details .edit-rich-text:before {
  content: "\f040";
  font: normal normal normal 14px/1 "Font Awesome 7 Pro";
  font-size: inherit;
  text-rendering: auto;
  padding-right: 5px;
}

.item-buttons .manage-sub-menu-arrow {
  cursor: pointer;
  font-size: 15px;
  margin-top: 10px;
}

.manage-sub-navigation .itemshtct-style {
  font-size: 11px;
  line-height: 1.4;
}

.manage-sub-navigation ol.dd-list .itemshtct-style {
  right: 10px;
}
.adv-mega-menu-section .manage-sub-navigation ol.dd-list .itemshtct-style {
  visibility: hidden;
}

ol.dd-list .manage-sub-menu-onoffswitch {
  margin-right: 13px;
}
.dd-dragel .dd-collapse, .dd-dragel .dd-expand{
  display: none;
}

.manage-sub-menu-onoffswitch .onoffswitch-label {
  width: 44px !important;
  height: 16px;
}

.manage-sub-menu-onoffswitch .onoffswitch-switch {
  width: 20px;
  height: 20px;
  z-index: 0;
}

.manage-sub-menu-onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  left: 25px;
}

ul.box>li:hover .dd-handle {
  background-color: #f7f8fa;
}

.manage-sub-navigation .module-list-item:hover .module-drag-it {
  visibility: hidden;
}

.manage-sub-navigation ul.box>li {
  padding: 0;
  margin-bottom: 8px;
}
.adv-mega-menu-section .manage-sub-navigation ul.box>li:last-child {
  margin-bottom: 0;
}
#reorder_modules_shortcuts_div>ul.box li {
  float: none;
}

.manage-sub-navigation .box-item-wrap {
  padding: 0 0 0 20px;
}
.dd-item.expanded-list .dd-list{
  margin-left: 0;
}

.set-visible,
.sub-set-visible {
  margin-right: 15px;
  margin-top: 2px;
  float: right;
  visibility: hidden;
}

ul.box>li:hover .set-visible,
ul.box>li .box-item-wrap:hover .sub-set-visible,
ol.box>.box-item-wrap:hover .sub-set-visible,
.manage-sub-navigation .box-item-wrap:hover .module-drag-it{
  visibility: visible;
}

#reorder_modules_shortcuts ol li .manage_sub_menus {
  display: none;
}
#reorder_adv_mega_menu_modules_shortcuts ol li .manage_sub_menus {
  display: none;
}

#reorder_modules_shortcuts_div>ul.box>.dd-placeholder {
  margin: 5px 0px !important;
}

.manage-sub-menus-dialog .dd-handle .module-drag-it {
  top: 7px;
  left: 7px;
}

.manage-sub-menus-dialog li.dd-item {
  cursor: move;
}

.manage-sub-menus-dialog .navigation-sub-menus-label {
  /* margin-top: -5px; */
}

.or-type-divider {
  border-top: solid 1px #dce1e7;
  padding: 25px 0 0;
  margin: 20px 0 25px 230px;
  position: relative;
  width: 400px;
}

.or-type-divider-seprt {
  position: absolute;
  top: -20px;
  left: 50%;
  background: #fff;
  display: block;
  color: #717171;
  padding: 8px 0px 0px 9px;
  font-size: 14px;
  font-style: normal;
  transform: translate(-50%, 0);
  border: solid 1px #dce1e7;
  border-radius: 100%;
  height: 29px;
  width: 29px;
}

.desktop-preview-layout .ms-doc-component {
  width: auto;
}

.private-message-show .ms-doc-component,
.private-message-show .embeded-link-preview {
  margin-bottom: 15px;
}

.private-message-show .bulk-share-attachments .ms-doc-actions.madn-button,
.message-container .bulk-share-attachments .ms-doc-actions.madn-button {
  top: 10px !important;
  right: 9px !important;
}

.private-message-show .bulk-share-attachments a.attachment_file.document_thumnail span.doc_dtls,
.message-container .bulk-share-attachments a.attachment_file.document_thumnail span.doc_dtls {
  padding: 15px 0 8px 0;
}

.private-message-show .bulk-share-attachments .wdgt-fl-icn i,
.message-container .bulk-share-attachments .wdgt-fl-icn i {
  font-size: 3em;
}

.colleague_list_view .user_status {
  color: #717171;
  font-weight: normal;
}

.projectcase-ipt .internal-search input.search-inpt,
.wiki_search_all .internal-search input.search-inpt,
.breadcrumb_container .internal-search input.search-inpt {
  border-left: 0;
  box-shadow: none;
  padding: 0px 12px 0 10px;
  border: 0;
  background-color: #fff;
  border-radius: 2px;
  width: 132px;
}

.breadcrumb_container .internal-search .search_all_icon {
  left: 4px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  right: auto;
}

.breadcrumb_container .internal-search .search_all_icon i {
  margin-top: 3px;
}

#notification_container .notification_container a.hide_user_bday {
  cursor: pointer;
  float: right;
  padding: 0 3px;
  line-height: 14px;
  margin-left: 3px;
  margin-right: -6px !important;
  border: solid 1px #d5d5d5;
  color: #7f7f7f;
  font-size: 13px;
  font-weight: normal;
  transition: opacity 0.2s linear;
  visibility: hidden;
  opacity: 0;
}

#notification_container>li:hover a.hide_user_bday {
  visibility: visible;
  opacity: 1;
}

#ms-dash-mark-all-read-notification,
.wk-tab-link.ma-primary {
  color: #1497d5 !important;
}

#ms-dash-mark-all-read-notification:hover {
  color: #1ca2da !important;
}

#notificationPreferenceContent .ma-help-container,
#notification_preferences .ma-help-container {
  text-align: left;
  cursor: help;
}

#notificationPreferenceContent .ma-help-container ul,
#notification_preferences .ma-help-container ul {
  margin: 0px 0 0 30px;
  padding: 0px;
}

#notificationPreferenceContent .ma-help-container ul li,
#notification_preferences .ma-help-container ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: disc;
}

.module-search .internal-search.search-expand-all {
  z-index: 11;
}

.v-navbar-container div>ul.thumb-links>li>a i.fa-ellipsis-h {
  display: inline-block;
  color: inherit !important;
  margin-right: 9px;
  font-size: 21px;
  margin-top: 2px;
}

.rhsContentbox_content .download_file_sec .actionbutton {
  margin-left: 10px;
}

.rhsContentbox_content .download_file_sec {
  border: 0;
  padding: 0;
  margin: 10px 0 12px 0;
}

.content.show-edit-profile table tr td {
  vertical-align: top;
}

.active-mini-navbar ul.sidebar-menu li .feed-count-display {
  position: absolute;
  right: 3px;
  top: 2px;
  padding: 2px 3px 0px 3px;
  height: 13px;
}

.active-mini-navbar.fixed-navigation_slide ul.sidebar-menu li .feed-count-display {
  position: static;
  right: 4px;
  top: 4px;
  line-height: 13px;
}

.actionbutton.disable-it {
  opacity: 0.5;
  cursor: default;
}

.actionbutton.disable-anchor {
  opacity: 0.5;
  cursor: none;
  pointer-events: none;
}

.disable-event,
.actionbutton.actionbutton--disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.page_forms_layout {
  width: 100%;
}

table.table_forms_style {
  width: 100%;
}

table.table_forms_style tr td {
  padding: 4px 0 4px 0;
  vertical-align: top;
}

table.table_forms_style tr td:first-child {
  width: 300px;
  min-width: 251px;
  padding-right: 15px;
}

table.table_forms_style tr:first-child .heading_title {
  margin-top: 0px !important;
}

table.table_forms_style .heading_title {
  margin-top: 30px;
  margin-bottom: 0px;
}

table.table_forms_style .filter-container {
  border-bottom: 0px;
  height: auto;
  width: 100%;
}

table.table_forms_style #select_field.share_options li {
  margin-left: 0px;
}

table.table_forms_style .filter-container {
  margin-bottom: 0px !important;
  height: auto;
}

.div_forms_style .filter-container {
  margin-bottom: 8px !important;
  height: auto;
}

.actionbutton.rss-btn {
  padding: 4px 7px 3px 8px;
}

.rss-btn .fa-rss {
  font-size: 24px;
  color: #8b98a9;
}

.hide_feed_type_tabs .navCont ul li {
  border-top: 0;
}

.nav-no-cont {
  min-height: 172px;
  line-height: 172px;
  color: #717171;
  text-align: center;
}

.narrowby-submenu .narrowby-submenu-dd.sub_menu_left_dd {
  top: -1px !important;
  min-width: 150px !important;
  right: 210px !important;
}

.narrowby-submenu .narrowby-submenu-dd.sub_menu_left_fix {
  top: 0 !important;
  min-width: 164px !important;
  right: auto !important;
  left: -164px;
}
.narrowby-submenu-dd.sub-menu-right-dd {
  left: 100%;
}
.divide-it {
  border-right: solid 1px #dce1e7;
  width: 1px;
  content: "";
  height: 18px;
  margin-top: 3px !important;
}

.module_tracker_sec .mango-grid-item-container {
  margin-left: 0px;
}

.dash-icn {
  float: left;
  width: 50px;
  height: 39px;
  background: #8d8d8d;
  color: #fff;
  font-size: 20px;
  border-radius: 100%;
  text-align: center;
  padding: 10px 0 0 0;
  line-height: 30px;
}

.role-rhs .colleague_list_view table tr td {
  padding: 24px 0px 24px 5px;
}
.ms-more-actions-row:hover .ms-more-actions .narrow_by .label>span {
  border: solid 1px #dce1e7;
}

.ms-more-actions-row .ms-more-actions .narrow_by li ul li a {
  background-image: none;
  background-repeat: no-repeat;
  padding: 5px 28px 8px 13px;
  margin: 0 !important;
}

.start-container-headr {
  border: 1px solid #e8e8e8;
  padding: 9px 10px;
  overflow: hidden;
  position: relative;
}

.start-container-modules {
  border: 1px solid #e8e8e8;
  padding: 20px 0px 0px 7px;
  border-top: 0;
  overflow: hidden;
  margin-bottom: 20px;
}

.start-mdl-box {
  float: left;
  width: 80px;
  margin: 0 10px 10px 10px;
  text-align: center;
  height: 94px
}

.start-mdl-box .item-img-box {
  float: none;
  margin: 0 auto;
}

.title-start {
  word-wrap: normal;
  line-height: 16px;
  margin-top: 10px;
}

.start-mdl-type {
  float: left;
  font-weight: bold;
}

.start-container-headr .item-buttons {
  top: 8px;
  right: 10px;
  position: absolute;
}

.user-setting-detail {
  background-color: #f7f8fa;
  border: solid 1px #dce1e7;
  padding: 10px 0px 20px 20px;
  width: 620px;
  position: relative;
  float: left;
}

.form-elnt-style {
  margin-bottom: 10px;
  margin-left: 100px;
}

.form-rw label {
  width: 98px;
  display: inline-block;
}

.form-rw input[type=text],
.form-rw input[type=password] {
  width: 392px;
}

.btn-frm {
  margin-left: 93px;
  margin-top: 20px;
}

.user-setting-detail .edit-lnk {
  position: absolute;
  right: 10px;
  top: 7px;
}

.user-join-wh-contr {
  float: left;
  margin-top: 5px;
}

.user-join-wh-contr .hdl-join-wh-contr {
  width: auto;
}

.user-join-wh-contr .hdl-join-logo {
  width: 110px;
  margin-right: 25px;
}

.user-join-wh-contr .hdl-join-logo.gotomeet {
  width: 140px;
  background-position: -10px -122px;
}

table.startup_dialog_style tr td:first-child {
  width: 170px !important;
  min-width: 170px !important;
}

.extnl-repostr {
  float: left;
  width: 100px;
  height: 100px;
  background: url('/ce/pulse/images/external_repositories_sprite.png');
  margin-right: 25px;
}

.icn-share-point {
  background-position: -4px -9px;
}

.icn-office {
  background-position: -1px -130px;
}

.icn-googledoc {
  background-position: -1px -244px;
}

.icn-boxdotnet {
  background-position: -1px -347px;
}

.icn-dropbox {
  background-position: -1px -461px;
}

.icn-skydrive {
  background-position: -1px -585px;
  height: 70px;
}

.icn-windows {
  background-position: -1px -791px;
}

.icn-gapps {
  background-position: -1px -899px;
}

.icn-probox {
  background-position: -1px -674px;
}

ul.sidebar-menu li.edit-main-nav {
  position: fixed;
  bottom: 29px;
  background: transparent;
  width: 200px;
  color: #fff;
  transition: all 0.3s;
  padding: 5px 0px;
  border-bottom: 1px solid #0f1217;
}

ul.sidebar-menu li.lhs-edit.has_top_banner {
  position: static;
}

ul.sidebar-menu>li.edit-main-nav>a {
  border-radius: 100%;
  border: 1px solid #475668;
  width: 40px;
  height: 40px;
  margin: 0px auto;
  padding: 9px;
  color: #c4ccd7;
}

ul.sidebar-menu li.edit-main-nav a .icon-sidebar {
  padding: 8px 11px;
}

ul.sidebar-menu>li.edit-main-nav>a:hover,
ul.sidebar-menu>li.edit-main-nav.active>a {
  color: #fff;
}

ul.sidebar-menu>li.edit-main-nav.active>a:after,
ul.sidebar-menu>li.edit-main-nav.active>a:before {
  display: none;
}

.active-mini-navbar ul.sidebar-menu li.edit-main-nav {
  width: 50px;
}

.fixed-navigation_slide ul.sidebar-menu li.edit-main-nav {
  width: 200px;
}

.slider-itip-style {
  position: absolute;
  top: 41px;
  right: -13px;
}

.itemshtct-style {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #EBE9E9;
  padding: 0 5px;
}

.ma-grey {
  color: #717171;
}

.dashboard-top-actions .narrow_by ul {
  transition: .1s visibility !important;
  transition-delay: .2s !important;
}

.read-all .fa-check {
  font-size: 20px;
  color: #8b98a9;
}

.people-top-action .narrow_by li>ul.set-top-postn {
  top: 30px;
}

#feedback-form-panel.tags-dialog li input.ui-widget-content {
  width: auto;
}

.wiki-pin-links .widget-row:hover,
.wiki-pin-links .widget-row {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.search_toggle_style .filter-container {
  height: 30px !important;
  margin: 0 -5px 32px 0;
}

.related-content-main .project-list-container {
  margin-top: 10px;
}

.colleague_list_view.related_content_table table tr:hover {
  background-color: #f7f8fa;
}

.colleague_list_view.related_content_table table tr:first-child:hover {
  background-color: transparent;
}

.task_fltr .narrow_by.n-icn ul li a,
.task_fltr .tools_dd .narrow_by.n-icn ul li a {
  padding: 5px 35px 8px 13px;
}

.department_grid .mango-grid-view .grid-bottom-container .grid-link-width {
  text-align: center;
}

.new-navigation-ui .profileSetting .ui-multiselect {
  padding: 8px 0 8px 4px;
}

.new-navigation-ui .profileSetting .ui-state-default,
.new-navigation-ui .profileSetting .ui-widget-content .ui-state-default,
.new-navigation-ui .profileSetting .ui-widget-header .ui-state-default {
  background: linear-gradient(to bottom, #fff 5%, #f2f2f2 100%);
  color: #4a4a4a
}

.new-navigation-ui .profileSetting .ui-state-hover,
.new-navigation-ui .profileSetting .ui-widget-content .ui-state-hover,
.new-navigation-ui .profileSetting .ui-widget-header .ui-state-hover,
.new-navigation-ui .profileSetting .ui-state-focus,
.new-navigation-ui .profileSetting .ui-widget-content .ui-state-focus,
.new-navigation-ui .profileSetting .ui-widget-header .ui-state-focus {
  border: 1px solid #C4C4C4;
  background: linear-gradient(to bottom, #fff 5%, #f2f2f2 100%);
  color: #4a4a4a;
}

.new-navigation-ui .profileSetting .ui-widget-header {
  background: #f7f8fa;
  color: #4a4a4a;
}

.admin_role_actions {
  position: absolute;
  right: 0px;
  top: -1px;
}

.actionbutton.ma-share {
  background-position: 0;
}

.mangostream-content .ackt-box {
  margin: 5px;
  border: 0;
  text-align: left;
  padding: 0px;
  background: none;
}

.tools_setting_icon {
  display: flex;
}

.adv_search_big_lhs .v-navbar-container-search.filter_name i {
  text-align: left;
  box-sizing: border-box;
  font-size: 27px !important;
  margin: 0 5px 0px 0px !important;
  display: block;
  float: left;
  width: 32px;
}

.adv_search_big_lhs .v-navbar-container-search.filter_name .fa-users {
  margin-right: 10px !important;
}

/*Post feed preview*/
#post_list_ms_section {
  overflow: hidden;
  position: relative;
  text-align: left;
}

#timeline-right-cont #post_list_ms_section.must-read-section {
  width: 100%;
}

.mobile_intranet_page #post_list_ms_section {
  margin: 0px !important;
}

.mobile_intranet_page li.ms-gridbox .ms-gridbox-content #post_list_ms_section {
  padding: 0px !important;
  margin: 0px !important;
}

.mobile_intranet_page .timeline-post-preview .post_preview_content,
.widget-post-preview .post_preview_content {
  max-height: 180px !important;
}

#post_list_ms_section .ms-more-actions {
  display: none;
}

#post_list_ms_section.editmode .ms-more-actions {
  display: block;
}

div.carousel_edit_btns {
  display: none !important;
}

#post_list_ms_section .wrapper {
  width: 100%;
  height: 316px;
}

#post_list_ms_section .wrapper ul.carousel ul,
#post_list_ms_section .wrapper ul.carousel ol,
.dialog_body .c-slide-preview ul,
.dialog_body .c-slide-preview ol {
  margin-left: 20px;
}

#post_list_ms_section .wrapper ul.carousel ul li,
#post_list_ms_section .wrapper ul.carousel ol li,
.dialog_body .c-slide-preview ul li,
.dialog_body .c-slide-preview ol li,
#private-message-container .cke_textarea_inline ul li,
#private-message-container .cke_textarea_inline ol li,
#dm_compose .cke_textarea_inline ul li,
#dm_compose .cke_textarea_inline ol li,
.email-feed-type aside ul li,
.email-feed-type aside ol li,
#private-msg-show aside ul li,
#private-msg-show aside ol li {
  list-style: inherit;
}

#post_list_ms_section .wrapper ul.carousel {
  padding: 0px;
  position: relative;
  left: 0px;
  margin-top: 0;
  margin-bottom: 0px;
}

#post_list_ms_section .wrapper ul.carousel>li {
  position: relative;
  display: inline-block;
  margin: 0px !important;
}

#post_list_ms_section .wrapper ul.carousel li,
#post_list_ms_section .wrapper ul.carousel {
  width: 100% !important;
  z-index: 1;
}

#post_list_ms_section .wrapper div.pagination>p {
  width: 4px !important;
  height: 4px !important;
  background-color: #ccc;
  display: inline-block !important;
  margin-right: 3px !important;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  padding: 0px !important;
}

#post_list_ms_section .wrapper div.pagination>p.show {
  background-color: #1497D5;
  border: 1px solid #1497D5;
}

#widget_dashboard_announcements.rhs_dropdown_widget .grid-title>.grid-footer-title {
  /* font-size: 18px; */
  max-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pagination span {
  display: none;
}

.pagination li span,
#post_list_ms_section .wrapper div.pagination>p.show,
#post_list_ms_section .wrapper div.pagination>p {
  border-radius: 5px;
  background: #c3c9d0;
  display: block;
  color: transparent;
  float: left;
  margin-left: 5px;
  cursor: pointer;
  border: none;
}

.pagination>span:first-child {
  margin-left: 0;
}

.pagination>span.cycle-pager-active,
#post_list_ms_section .wrapper div.pagination>p.cycle-pager-active {
  background: #1497d5;
}

.post_tags {
  padding: 1px 8px;
  color: #fff !important;
  display: inline-block;
  position: relative;
  font-weight: normal;
  border-radius: 5px;
  margin-right: 3px;
  margin-bottom: 15px;
}

.pst-wdgt-tgs .post_tags {
  margin-bottom: 0;
}
.nws-fd-rhs-cntnr .user_widget .post_tags.ma-h6 {
  line-height: 1.7;
}
.post_tags.gray_tag {
  background-color: rgb(165, 165, 165);
}

.post_tags.archived_tag {
  background-color: #565656;
}

.ms-all-post-list .post_tags {
  font-weight: normal;
}

.gray_tag {
  margin-right: 10px;
  padding-right: 7px;
}

.gray_tag:after {
  width: 0;
  height: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #a5a5a5;
  content: "";
  position: absolute;
  left: 100%;
  top: 0px;
  margin: 0;
}

.event_feed_container .feed-post-preview-holder {
  overflow: hidden;
}

.event_feed_container .feed-post-preview-holder div[id^="event_feed_"],
.event_feed_container .feed-post-preview-holder>div:first-child {
  overflow-x: auto;
  overflow-y: hidden;
}

.post_preview_content {
  line-height: 18px !important;
  max-height: 90px !important;
  overflow: hidden;
  position: relative;
  min-height: 36px;
}

#mangoCKeditorContent.post_preview_content {
  overflow: hidden;
}

.news-feed-search-result .truncate-feed {
  max-height: 100px;
  overflow: hidden;
  flex-grow: 1;
}

.post_preview_content:after,
.news-feed-search-result .truncate-feed:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 28px;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.editmode .post_preview_content:after,
.post-summary.post_preview_content:after {
  display: none;
}

.post-summary,
.responsive-posts-feed .post_preview_content.post-summary {
  max-height: none !important;
}

.post_preview_content .c-slide-more {
  position: absolute;
  bottom: -3px;
  right: 0px;
  left: 0px;
  margin: 0 auto;
  max-width: 90px;
  text-align: center;
  z-index: 1;
  text-decoration: underline;
}

.c-slide-preview {
  overflow: auto;
  margin-right: -20px;
  padding-right: 20px;
  height: 344px;
}

.c-slide-preview img {
  max-width: 100%;
  vertical-align: top;
}

.widget-post-preview .grid-container {
  margin: 0;
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.widget-post-preview.with_image {
  padding: 0;
  height: 100% !important;
}

#post_list_ms_section .pagination.theme_bg,
.widget-post-preview.with_image .grid-title,
.ms-gridbox .ms-gridbox-content div.pagination {
  background: #222933;
}

.widget-post-preview.with_image .grid-title>.grid-footer-title {
  margin: 10px 15px 5px 15px;
  color: #fff;
  font-weight: normal;
  line-height: 24px;
  overflow: hidden;
  height: auto !important;
}

.grid-footer-info {
  color: #fff;
  font-weight: normal;
  overflow: hidden;
  margin: 0 15px 5px;
}

.grid-footer-info a,
a.actionbutton.ma-primary.actionblue.ma_edit_post,
.w_color,
.prflpp-hdr-actns a,
.app-wind-icon-clr,
.sidebar-toggle a:hover .menu_toggle_main {
  color: #fff !important;
}

.grid-footer-info .divr-dot {
  color: #d4d4d4;
}

.grid-footer-info span.grey-light {
  color: #fff;
}

.theme_class .ms-gridbox .ms-gridbox-content .grid-footer-info div,
.theme_class .ms-gridbox .ms-gridbox-content .grid-footer-info span {
  color: inherit;
}

.widget-post-preview.with_image .ma-grey {
  position: absolute;
  bottom: 0;
  left: 15px;
}

.timeline-post-preview .grid-info,
.widget-post-preview .grid-info {
  margin: 0 15px 0 15px;
}

.timeline-post-preview .media-contr,
.widget-post-preview .media-contr {
  border: solid 1px #eeeeee;
  background-color: #faf9f9;
  background-origin: content-box;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  height: 10px;
  width: 100%;
  line-height: 10px;
  text-align: center;
  background-position-y: 5px;
}

.timeline-post-preview .media-contr .playbutton,
.widget-post-preview .media-contr .playbutton {
  margin: auto;
}

.timeline-post-preview .post_preview_content,
.widget-post-preview .post_preview_content {
  margin: 0px 15px 10px 15px;
  max-height: 140px !important;
}

.carousel-widget-item .widget-post-preview .post_preview_content,
.widget-post-preview .post_preview_content {
  min-height: 0 !important;
  flex: 1;
  max-height: none !important;
}

.must-read-section.editmode .carousel.editable .post_preview_content {
  max-height: inherit !important;
  overflow-y: hidden;
}

.must-read-section.editmode .carousel.editable .t-editable {
  min-height: 140px;
  max-height: 100%;
  overflow-y: auto;
}

.must-read-section.editmode .widget-post-preview .post_preview_content {
  overflow-y: auto;
  /*margin-right: 30px;*/
}

.must-read-section.editmode .widget-post-preview .post_preview_content li {
  margin-left: 20px;
}

.timeline-post-preview .ma-read-more-act,
.widget-post-preview .ma-read-more-act {
  margin-left: 15px;
}

.feed-post-preview {
  margin-bottom: 20px !important;
  width: 100% !important;
  background: #fff !important;
  padding: 0 !important;
  border: 0 !important;
  float: left;
  margin-top: -20px !important;
}

.mango-timeline .feed-post-preview {
  margin-top: -10px !important;
}

.feed-post-preview .media-contr {
  float: left;
  display: block;
  margin-right: 15px;
  text-align: center;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.feed-post-preview .media-contr .playbutton {
  width: 30px;
  height: 30px;
  top: 40%;
  left: 40%;
  position: absolute;
}

.mda-img-wrp {
  width: 210px;
  height: 130px;
  position: relative;
  background: #dce0e7;
  box-sizing: border-box;
}

.img-vd-play-wrap:before,
.img-vd-play-wrap:after,
.mda-img-wrp.mda-img-vd-wrp:before,
.mda-img-wrp.mda-img-vd-wrp:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -7px 0 0 -2px;
  border-width: 8px 10px;
  transition: all 0.2s linear;
  pointer-events: none;
}

.img-vd-play-wrap:before,
.mda-img-wrp.mda-img-vd-wrp:before {
  width: 28px;
  height: 28px;
  border: 2px solid rgba(0, 0, 0, 0.6);
  border-radius: 100%;
  margin: -15px 0 0 -15px;
  background: rgba(255, 255, 255, 0.4);
}

.img-vd-play-wrap:hover:after,
.mda-img-wrp.mda-img-vd-wrp:hover:after {
  border-left-color: rgba(255, 255, 255, 0.8);
}

.img-vd-play-wrap:hover:before,
.mda-img-wrp.mda-img-vd-wrp:hover:before {
  border-color: rgba(0, 0, 0, 0.0);
  background: rgba(0, 0, 0, 0.7);
}

.feed-post-preview .media-contr .mda-img-wrp .playbutton {
  display: none
}

.feed-post-preview .media-contr img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.media-contr.post-list-media {
  float: right;
  width: 288px;
  height: 188px;
  line-height: 188px;
  margin-top: -50px;
  margin-left: 15px;
  margin-right: 15px;
}

.timeline-post-preview .media-contr {
  margin-bottom: 10px;
}

.timeline-post-preview .media-contr.post-list-media {
  margin-bottom: 0px;
}

.widget-post-preview.with_image .media-contr {
  border: none !important;
}

.must-read-section {
  overflow: hidden;
}

.must-read-post-container {
  height: 160px;
  padding: 7px 15px 20px 15px;
}

#mangoCKeditorContent.post_preview_content ul li {
  list-style-type: disc;
}

/*Post feed preview*/
.embeded-link-preview {
  width: auto;
}

.ms-intranet-tab ul.tabs li ul.site_page_side_ul li .fa-subtab-down {
  display: none;
}

/* push notification settings*/
.push-notif-sett {
  margin-top: 6px;
  margin-left: 20px;
  width: 600px;
}

.push-notif-sett .notif-sett-row {
  overflow: hidden;
  margin-bottom: 15px;
}

.notif-sett-row .switch-ttl {
  float: right;
}

.notif-sett-row .notif-sett-title {
  float: left;
}

.notif-sett-title-lbl {
  width: 140px;
  display: inline-block;
}

.ms-font-arial .notif-sett-title-lbl {
  width: 128px;
}

.notif-sub-content {
  margin-left: 20px;
}

.notif-sub-content-rw {
  margin-bottom: 25px;
}

.int-rdo {
  margin-right: 5px;
  margin-top: -2px;
}

/*end push notification settings*/

/*cke new UI*/
.cke_chrome {
  border: 1px solid #d7d7d7 !important;
  z-index: 29 !important;
}
.ps-inline-cke-toolbar .cke_chrome {
  z-index: 3!important;
}
.cke_inner .cke_top {
  background: transparent !important;
  border-bottom: 1px solid #d7d7d7;
}

.cke_top .cke_toolgroup,
.cke_top .cke_combo_button {
  background: #ebebeb;
  border: 0;
  box-shadow: none;
  background-image: none;
}

.cke_top .cke_button_on {
  box-shadow: none;
  background: #d2d2d2;
  background-image: none;
}

.cke_top a.cke_button_on:hover,
.cke_top a.cke_button_on:focus,
.cke_top a.cke_button_on:active {
  box-shadow: none;
}

.cke_top a.cke_button_off:hover,
.cke_top a.cke_button_off:focus,
.cke_top a.cke_button_off:active,
.cke_top a.cke_button_disabled:hover,
.cke_top a.cke_button_disabled:focus,
.cke_top a.cke_button_disabled:active,
.cke_top .cke_combo_off a.cke_combo_button:hover,
.cke_top .cke_combo_off a.cke_combo_button:focus,
.cke_top .cke_combo_off a.cke_combo_button:active,
.cke_top .cke_combo_on a.cke_combo_button,
.cke_top .cke_combo_on a.cke_combo_button:hover,
.cke_top .cke_combo_on a.cke_combo_button:focus,
.cke_top .cke_combo_on a.cke_combo_button:active {
  box-shadow: none;
  background: #d2d2d2;
  background-image: none;
  border: 0;
}

ul.ckeditor-list-menu li:hover,
ul.ckeditor-list-menu li.selected {
  background: #f5f5f5 !important;
}

/*end cke new UI*/

.comps-post-title_autosuggest ul {
  margin-right: 0px !important;
}

input.comps-post-title-inpt[type=text] {
  width: 100%;
  box-sizing: border-box;
  height: 34px;
  background: transparent !important;
}

.narrow_by.compact-pin-feed-filter ul li a {
  padding: 5px 28px 8px 30px;
}

.icon-pin-feed {
  background: url(/ce/pulse/images/v2/mangosprite_16.png) no-repeat;
  background-position: 0px -3945px;
}

.icon-pin-feed.pin-urgent {
  background-position: 0px -57px;
}

.icon-pin-feed.pin-important {
  background-position: 0px -85px;
}

.icon-pin-feed.pin-follow-up {
  background-position: 0px -114px;
}

.icon-pin-feed.pin-read-leter {
  background-position: 0px -141px;
}

.poll-count-sprt {
  padding: 0 5px;
  color: #717171;
}

.create-wizard-main-container {
  margin: 0 15px;
}

.wizard-content {
  background-color: #fff;
  padding: 20px;
}

/*tags breadcrumb*/
.tags-breadcrumb {
  list-style: none;
  display: inline-block;
  overflow: hidden;
}

.tags-breadcrumb li {
  float: left;
  margin-top: 2px;
}

.tags-breadcrumb li a {
  color: #fff;
  display: block;
  background: #a5a5a5;
  text-decoration: none;
  position: relative;
  height: 20px;
  line-height: 20px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 22px;
  font-size: 11px;
  text-transform: uppercase;
}

.tags-breadcrumb li:first-child a {
  padding-left: 15px;
}

.tags-breadcrumb li:first-child a:before {
  border: none;
}

.tags-breadcrumb li a:before,
.tags-breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #a5a5a5;
  border-width: 10px 10px;
  width: 0;
  height: 0;
}

.tags-breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}

.tags-breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #a5a5a5;
}

.tags-breadcrumb li a:hover {
  color: #fff;
}

.post-tags-top {
  position: absolute;
  top: -2px;
  left: -1px;
}

.grid-title.has-post-tag,
.ms-all-post-list .grid-title.has-post-tag {
  padding-top: 22px;
}

.tag-holder-list-view {
  margin: 15px 0 -5px -15px;
}

/* end tags breadcrumb*/


/*Apps styles*/
.categories-table {
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.categories-table_header {
  display: table-header-group;
  font-weight: bold;
}

.categories-table_row {
  display: table-row;
}

.categories-table_row-group {
  display: table-row-group;
}

.categories-table_cell {
  display: table-cell;
  vertical-align: top;
  padding: 8px 10px;
  position: relative;
}

.categories-table_header .categories-table_cell:nth-child(1) {
  width: 280px;
}

.categories-table_header .categories-table_cell:nth-child(2) {
  width: 370px;
}

.categories-table_header .categories-table_cell:nth-child(3) {
  width: 100px;
}

.categories-table_cell:nth-child(2) {
  width: 380px
}

.categories-table_cell:nth-child(3) {
  width: 102px;
}

.categories-table_input {
  width: 246px;
}

.categories-table_select {
  width: 360px;
}

.module-drag-it.award-drag {
  left: 0px;
  background: url(/ce/pulse/images/drag_dot.png)2px 0;
  height: 34px;
  background-repeat: repeat-y;
}

.categories-table_row:hover .award-drag {
  visibility: visible;
}

.categories-table_row-group .categories-table_cell:nth-child(1) {
  padding-left: 10px;
  width: 270px;
}

.categories-table_row:hover {
  background-color: #f7f8fa;
}

.categories-table_header .categories-table_cell {
  padding: 0px 0 2px 0;
}

.categories-table_scroll {
  max-height: 350px;
  overflow-y: auto;
  margin-right: -20px;
  padding-right: 20px;
}
.overflw-out.categories-table_scroll {
  max-height: initial;
  overflow: initial;
}
.overflw-out .token-input-dropdown-facebook {
  margin-top: 44px;
}
.categories-table.divr-it {
  border-bottom: solid 1px #dce1e7;
  margin-bottom: 10px;
}

.rw-delet-link {
  display: block;
  margin-top: 3px;
}

.catg-tle-add-ppl {
  width: 350px;
  margin-top: 10px;
}

.categories-table_cell .onoffswitch {
  margin-top: 4px;
}

table.dataTable.glbdta-table-list thead th:last-child,
table.dataTable.glbdta-table-list thead td:last-child {
  border-right: 0;
}

table.glbdta-table-list tr th {
  padding: 10px 24px 10px 10px !important;
  cursor: text;
}

table.glbdta-table-list tr td {
  vertical-align: middle;
}

.colleague_list_view table.dataTable.glbdta-table-list {
  table-layout: inherit;
}

.glbdta-table-list th.current {
  border-bottom: 2px solid #717171;
  font-weight: bold;
  color: inherit;
}

table.dataTable.glbdta-table-list thead th {
  padding: 0px 24px 8px 0px !important;
}

.colleague_list_view table.dataTable.glbdta-table-list tr td {
  padding: 9px 0 9px 0px !important;
}

.colleague_list_view table.glbdta-table-list tr td .small_img_box tr td {
  text-align: center;
  border-bottom: 0;
}

table.dataTable.glbdta-table-list thead .sorting {
  background-position: right 1px;
}

table.dataTable.glbdta-table-list thead .sorting_desc,
table.dataTable.glbdta-table-list thead .sorting_asc {
  background-position: right 9px;
}

.categories-table_cell .token-input-list-facebook {
  width: 329px;
  margin-top: 10px;
}

.recog-textarea {
  min-height: 70px;
  width: 100%;
  box-sizing: border-box;
}

.recog-textarea.mango-emoji-picker--ready {
  padding-right: 25px;
}

/* Ends Apps styles*/
#configure_external_systems ul.box>li {
  padding-left: 15px;
}

#configure_external_systems .item-img-box {
  height: 45px;
  padding-top: 0;
  background: #aeaeae;
}

#configure_external_systems .item-img-box img {
  max-width: 100%;
}

#configure_external_systems .item-desc {
  margin-left: 60px;
  margin-right: 200px;
}

.ext-sys-left {
  width: 58%;
  float: left;
  border-right: 1px solid #dbdee2;
  padding-right: 15px;
}

.ext-sys-left ul.token-input-list-facebook li input {
  width: 440px
}

.ext-sys-right {
  width: 40%;
  float: right;
}

.ext-sys-left .ext-sys-left-tbl {
  margin-left: 18px;
}

.ext-sys-left td {
  padding: 5px 0;
}

.ext-sys-left tr td:first-child {
  vertical-align: middle;
  padding-right: 10px;
}

.textbox-block {
  width: 97%;
  margin: 0;
  padding-left: 1% !important;
  padding-right: 1% !important;
}

.ext-sys-left input {
  color: #555555;
}

.blue-box {
  background: #f6f8fa;
  border: 1px solid #dbdee2;
  padding: 10px;
  position: relative;
}

.ext-sys-help {
  padding: 0 17px;
  overflow: auto;
  overflow-x: hidden;
}

.ext-sys-help p {
  font-size: 13px;
  line-height: 1.2 !important;
}

.ext-sys-help .ext-sys-help-head {
  padding-bottom: 5px;
  border-bottom: 1px solid #dbdddf;
  margin-bottom: 10px;
}

#external_systems_popup .module_dialog_title,
#save_search_wrapper .module_dialog_title {
  font-size: 18px;
  float: left;
  text-transform: capitalize;
}

#external_systems_popup .breadcrumb-indicator {
  line-height: 1.3;
}

#save_search_wrapper .search-exclamation {
  color: #ffae00;
  font-size: 20px
}

#savedSearchesList .width-full {
  box-sizing: border-box;
  height: 32px;
}

#helpsteps {
  margin: 0 auto;
  position: relative;
}

#helpsteps .step-content {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  position: absolute;
  display: none;
}

#helpsteps .step-content:first-of-type,
#external_systems_popup label {
  display: block;
}

#helpsteps .step-content img {
  max-width: 100%;
  max-height: 162px;
  border: 1px solid #dbdddf;
}

/*progressbar*/
#helpsteps #progressbar {
  margin-bottom: 10px;
  overflow: hidden;
  counter-reset: step;
}

#helpsteps #progressbar li {
  list-style-type: none;
  color: white;
  text-transform: uppercase;
  font-size: 9px;
  float: left;
  position: relative;
  text-align: center;
}

#helpsteps.airbrake_help_steps #progressbar li {
  width: 33.33%;
}

#helpsteps.new_relic_help_steps #progressbar li {
  width: 20%;
}

#helpsteps.pingdom_help_steps #progressbar li {
  width: 10%;
}

#helpsteps #progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 10px;
  color: #333;
  background: #dbdddf;
  border-radius: 3px;
  margin: 0 auto 5px auto;
  position: relative;
  z-index: 1
}

#helpsteps #progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #dbdddf;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: 0
}

#helpsteps #progressbar li:first-child:after {
  content: none;
}

#helpsteps #progressbar li.active:before,
#progressbar li.active:after {
  background: #333c49 !important;
  color: white !important;
}

#helpsteps .actionbutton {
  padding: 6px 10px;
}

.ext-sys-help .steps-buttons {
  position: absolute;
  right: 17px;
  bottom: 13px;
}

.ext-sys-help .actionbutton {
  padding: 6px 10px;
}

.selectBox-options {
  min-width: 100px
}

#fancybox-content>div {
  overflow: visible !important;
}

.ma-number {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #8d8d8d;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
  font-style: normal;
  margin-top: -1px;
}

.errorHighlight {
  border: 1px solid red !important;
}

.ma-red {
  color: #ff1814;
}

.settings-to-module.module-setting-colored {
  color: #1497d5 !important;
}

.sts_lhs .far.icon-check-vote {
  font-size: 15px;
  margin: 1px 4px 0 0;
  left: -15px;
}

.sts_lhs .q-accepted {
  margin-left: 14px;
}

.mango-comment-row.ans-accepted-item {
  padding-bottom: 15px;
}

.dot-dvr {
  display: inline-block;
  line-height: 11px;
  vertical-align: top;
  height: 9px;
  margin: 0 5px;
  color: #717171;
}

.far.icon-wid-vote {
  color: #fff;
  width: 22px;
  height: 22px;
  background-color: #acacac;
  border-radius: 100%;
  text-align: center;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: 0 auto 3px auto;
}

.far.wid-vote-up {
  background-color: #8eca27;
}

.far.wid-vote-down {
  background-color: #cf4c4c
}

#award_table_list th.sorting_asc,
#award_table_list th.sorting_desc,
#award_category_list th.sorting_asc,
#award_category_list th.sorting_desc,
#greeting_table th.sorting_asc,
#greeting_table th.sorting_desc,
#greeting_categories_table th.sorting_asc,
#greeting_categories_table th.sorting_desc,
#events-popup-table th.sorting_asc,
#events-popup-table th.sorting_desc,
#open_shifts_schedule th.sorting_asc,
#open_shifts_schedule th.sorting_desc,
#award-given-out_wrapper th.sorting_asc,
#award-given-out_wrapper th.sorting_desc,
#reward_points_allocation_list th.sorting_asc,
#reward_points_allocation_list th.sorting_desc,
#import-reward-point-logs_wrapper th.sorting_asc,
#import-reward-point-logs_wrapper th.sorting_desc,
#email_domain_table th.sorting_asc,
#email_domain_table th.sorting_desc,
.data-table-ui th.sorting_asc,
.data-table-ui th.sorting_desc {
  border-bottom: 2px solid #717171;
}

.tos_btm {
  margin: 10px 15px 0 15px;
  clear: both;
  position: relative;
  overflow: hidden;
}

.tos_btm-lbl label {
  padding-left: 28px !important;
  line-height: 24px !important;
}

#tos {
  margin: 4px 5px 0 -20px;
  z-index: 1;
  position: relative;
}

.tos_btm-lbl.errorTOS {
  color: #f00
}

#tab1.awardsUpload {
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.categories_sec .arrow_td {
  text-align: right;
  background-color: #a4a4a4;
  color: white;
  white-space: nowrap;
  float: left;
  margin: 4px 10px 4px 0px;
}

.cat_name {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}

.cat_name .arrow_rgt {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  line-height: 0%;
  border: none;
  border-left: 10pt solid #a4a4a4;
  border-bottom: 12pt solid white;
  border-top: 12pt solid white;
  border-image: initial;
  margin-left: 10px;
  color: #fff;
}

.categories_sec,
.tags_sec {
  width: 100%;
  float: left;
}

.feeds-mn .narrow_by.custm-menu {
  padding: 4px 15px 4px 12px;
}

.feeds-mn .narrow_by.custm-menu ul {
  right: -16px;
  margin-top: 6px;
}

.disable_all_optn #domain_setting_notify_email_on,
.disable_all_optn .changing_email_id,
.disable_all_optn .ma-cstm-email-ntfcn {
  opacity: 0.5;
  pointer-events: none;
}

.narrow_by.custm-menu.ma-cstm {
  padding: 6px 12px 6px 6px;
}

.narrow_by.custm-menu.ma-cstm>.arrow {
  top: 14px;
  border-width: 5px;
}

.narrow_by.custm-menu.ma-cstm ul {
  left: -7px;
}

.narrow_by.custm-menu.ma-cstm .label>span {
  min-width: 170px;
}

#ms-def-feed-view-detail-page #que_ans_type .narrow_by.custm-menu ul {
  margin-top: -94px;
}

.feeds-mn .narrow_by.custm-menu>.arrow {
  right: 13px;
  top: 12px;
}

body.container-rounded-corner .feeds-mn .narrow_by.custm-menu {
  border-radius: 17px;
}

.feeds-mn .narrow_by .label {
  padding: 0 10px 0 0px;
  line-height: 20px;
}

.ans_votes_report {
  padding: 4px 2px 4px 4px;
}

.ans_votes_report:hover {
  border-bottom: 1px solid #E5E5E5;
  box-shadow: 0px 0px 5px #D9D2D2;
  padding: 4px 2px 4px 4px;
}

.award-row {
  clear: both;
}


.dialog_body ul.dailog-tabs li {
  margin-bottom: 0;
}

.narrow_by.ma-notification {
  background-color: transparent;
  width: 40px;
  position: relative;
  height: 53px;
}

.far.icon-notif {
  color: #fff;
  font-size: 21px;
  height: 38px;
  width: 31px;
  padding: 15px 0 0px 9px;
}

.ma-notification .icon-holder {
  width: 40px;
  height: 53px;
}

#refreshCntImg ul.ma-notification-cont, #privateMsgCounter ul.ma-notification-cont{
  z-index: 5;
  width: 400px !important;
  display: block !important;
  transition-delay: 0s !important;
  border-bottom: 1px solid #e5e5e5;
}

#privateMsgCounter ul.ma-notification-cont{
  border-bottom: 0;
}

#refreshCntImg .hover-wrapper,
#privateMsgCounter .hover-wrapper,
.ms-compose-holder .composebox_menu {
  display: flex;
  flex-direction: column;
  text-align: left;
  visibility: hidden;
  transition: all 0s;
  top: 52px;
  right: 0;
  transition: visibility ease-in-out 0.3s;
}

.ms-mega-menu-holder .mega_menu_container{
  visibility: hidden;
  transition: all 0s;
  transition: visibility ease-in-out 0.3s;
}
body.lhs-on-hover .ms-mega-menu-holder:hover .mega_menu_container{
  visibility: visible;
}
#privateMsgCounter .hover-wrapper{
  top: 53px;
}

#refreshCntImg .scroll-wrapper,
#privateMsgCounter .scroll-wrapper {
  max-height: 560px;
  overflow-y: auto;
}
#privateMsgCounter .no-notifications-now{
  border-bottom: 0;
}

#ms-all-chat-notifications-list {
  max-height: 560px !important;
}

.scroll-wrapper .team-chat,
.scroll-wrapper .user-chat {
  background: #f6f8fa;
}

.hover-wrapper .chat-notification-wrapper {
  order: 2;
}

.hover-wrapper .ma-notification-tiitle {
  display: flex;
}

.hover-wrapper.dropdown-menu li {
  max-width: 100%;
}

.hover-wrapper .ma-notifications {
  max-height: calc(100vh - 415px);
}

.hover-wrapper .chat-time-wrapper {
  right: 0;
  top: 0;
}

.hover-wrapper .no-notifications-now,
.hover-wrapper .no-msgs-now {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 5px !important;
}

.hover-wrapper .far.no-more-msgs {
  margin: 0 10px 0 0;
  font-size: 32px;
}

.hover-wrapper .notification-item-holder {
  line-height: 1.5;
}

.hover-wrapper .notification_bar .notification-setting-icon {
  padding: 5px 0 0 0;
}

#refreshCntImg:hover .hover-wrapper, #privateMsgCounter:hover .hover-wrapper,
.ms-compose-holder:hover .composebox_menu {
  visibility: visible;
  transition-delay: 0.3s;
}
body.mega-menu-on-hover .ms-mega-menu-holder:hover .mega_menu_container{
  visibility: visible !important;
}

.advnce-mega-menu #topbar_more:hover .toggle_topbar_more + .mega_menu_container, .advnce-mega-menu #topbar_more:hover .toggle_topbar_more + .mega_menu_container .horizantal-more-sub-menu, .horizontal-top-menu #topbar_more:hover .toggle_topbar_more + .mega_menu_container, .horizontal-top-menu #topbar_more:hover .toggle_topbar_more + .mega_menu_container .horizantal-more-sub-menu, #topbar_more .child-menu-visible .horizantal-more-sub-menu{
  visibility: visible;
}

.hover-wrapper .notification_bar {
  background-color: #fafbfc;
}

.ma-notification-tiitle {
  background-color: #fafbfc;
  border-bottom: 1px solid #eaeef2;
  border-top: 1px solid #eaeef2;
  padding-left: 10px;
  text-align: left;
  color: #717171;
}

.ma-notification-item {
  overflow: hidden;
  padding: 5px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  position: relative;
}

.ma-notification-item:hover,
#ms-all-notifications-list-footer-new:hover,
#ms-all-notifications-list-footer:hover {
  background-color: #f7f7f7;
}

.notification-item-containt {
  margin-left: 60px;
}

.noti-item-info {
  overflow: hidden;
}

.notification-alert {
  font-weight: normal;
  color: #fff;
  background: #df1213;
  position: absolute;
  text-transform: uppercase;
  font-style: normal;
  width: 20px;
  height: 20px;
  padding: 0;
  line-height: 22px;
  border-radius: 100%;
  text-align: center;
  top: 7px;
  left: 21px;
  border: 2px solid #333C49;
}

.notification-alert.no_chat_count {
  border: 0px !important;
  width: auto;
  height: auto;
  min-width: 20px;
}

.ma-notification-filter {
  float: right;
}

.narrow_by_sub {
  display: block !important;
  right: 2px !important;
  position: absolute !important;
  top: 5px;
  border: 0 !important;
  box-shadow: none !important;
}

.notif-label {
  display: block;
  position: relative;
  z-index: 1;
  cursor: auto;
}

.narrow_by.narrow_by_sub ul li a {
  margin: 0 !important;
  line-height: 20px;
}

.ma-notification-item:last-child {
  border-bottom: 0;
}

.no-notifications-now,
.no-history-now {
  text-align: center;
  padding: 30px 5px 30px 5px;
  border-bottom: 1px solid #eaeef2;
  color: #a4a9b1;
}

.no-history-now {
  border: 0;
  padding: 37px 15px 30px;
}

.recent-access .no-history-now {
  padding: 28px 15px 30px;
}

.no-msgs-now {
  text-align: center;
  padding: 34px 5px 30px 0px !important;
  border-bottom: 0 !important;
  color: #a4a9b1;
  font-size: 16px;
}

.far.no-more-msgs {
  color: #d7dbe1;
  font-size: 50px;
  display: block;
  text-align: center;
  margin: 0px 0px 7px 0px;
}

.narrow_by.small-menu li>ul {
  right: 8px;
  margin-top: 4px;
}

.narrow_by.small-menu ul li a {
  padding: 3px 24px 3px 10px;
}

.narrow_by.small-menu ul li a.selected {
  background-position: right -704px;
}

.read_list-item {
  background: url(/ce/pulse/images/v2/mangosprite_13.png) no-repeat 0 -369px;
  display: block;
  height: 13px;
  width: 13px;
  top: 50%;
  position: absolute;
  right: 10px;
  margin-top: -6px;
}

.read_list-item:hover {
  background-position: 0 -392px;
}

.noti-user-content {
  padding-right: 30px;
  word-wrap: break-word;
  word-break: break-word;
}

.app-main-cont {
  padding: 15px 15px 0;
}

#app_main_actions.app-main-actions {
  text-align: right;
  margin: 20px -15px 0 -15px;
  background: #f7f8fa;
  padding: 17px 15px;
}

#opportunity_access_table.dataTable tr th.sorting_desc,
#opportunity_access_table.dataTable tr th.sorting_asc {
  border-bottom: 2px solid #717171;
  padding: 15px 24px 10px 10px !important;
}

#opportunity_access_table.dataTable tr th {
  padding: 15px 24px 10px 10px !important;
}

#crm_accounts_table_container .ms-more-actions .narrow_by li ul li a {
  background-image: none;
  padding: 5px 45px 8px 15px;
}

#crm_accounts_table_container .ms-more-actions {
  top: 20px;
}

#crm_accounts_table_container .ms-more-actions .narrow_by li {
  margin-bottom: 0px !important
}

.people-grid-view .mango-grid-view:hover,
.project-group-box-container .team-view-height:hover {
  z-index: 1;
}

.opportunity_admin_search.module-search .internal-search {
  margin-left: 0;
}

.opportunity_admin_search.module-search .internal-search.search-expand-all {
  right: 0;
  padding-right: 0;
  margin-right: 0;
}

.opportunity_admin_search .internal-search input.search-inpt {
  border: 0;
  box-shadow: none;
}

.badge-contr {
  background: #8d8d8d;
  color: #fff;
  border-radius: 20px;
  padding: 0 8px;
  line-height: 22px;
  display: inline-block;
  margin-left: 5px;
}

.awardsUpload {
  margin: 0 14px;
}

.awards-dialog {
  width: 783px !important;
}

.awards-dialog-action {
  border-bottom: 0 !important;
}

.recog-step-body ul.token-input-list-facebook li input {
  width: 380px;
}

.full-height {
  height: 100% !important;
}

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

.idea-leaderboard-container .leftSection {
  float: left;
  width: 50%;
  border-right: 1px solid #dedede;
  padding-right: 30px;
  box-sizing: border-box;
}

.idea-leaderboard-container .rightSection {
  float: left;
  width: 50%;
  padding-left: 30px;
  box-sizing: border-box;
}

.notification_data .notification_icon.reply_comment {
  background: url(/ce/pulse/images/v2/mangosprite_13.png) no-repeat 3px -1967px;
}

.ma-green {
  color: green;
}

.ma-red {
  color: red;
}

body.non-logged-in {
  min-width: 100%;
  width: 100%;
  height: 91% !important;
  margin: 0px;
  padding: 0px;
}

.select2-container .select2-choice>.select2-chosen {
  float: left !important;
}

.tick_bullet::before {
  padding-right: 8px;
  content: "\f111";
  font: normal normal normal 6px/1 "Font Awesome 7 Pro";
  vertical-align: middle;
  float: left;
  line-height: 22px;
}

.tick_bullet span {
  padding-left: 3px;
  margin: 0px 0px 0px 1px;
  display: block;
}

.exist_account {
  padding: 2px 2px 2px 13px !important;
  border-radius: 25px !important;
  font-size: 15px !important
}

.exist_account .times {
  display: inline-block;
  border: 1px solid #fff;
  padding: 0 5px;
  border-radius: 25px;
}

#app_main_actions.app-compose-actions {
  background: #fbfbfb;
  padding: 17px 10px;
  border-top: 0 solid #dce1e7;
  margin: 25px -21px 0 -21px;
  width: auto;
}

/*New CRM Style*/
.crm-container {
  table-layout: fixed;
  width: 100%;
  padding: 0px;
  margin: 0px;
  background-color: #fbfbfb;
  border-left: solid 1px transparent;
}

.crm-container.buckets_container {
  border-left: solid 1px #dce1e7;
}

.crm-container tr>th {
  padding: 0 15px 0 15px;
  border-bottom: 0;
  border-width: 1px 1px 0 0;
  background: #fff;
}

.crm-container tr>td {
  border: solid 1px #dce1e7;
  padding: 5px 15px 0 15px;
  border-top: 0;
  border-width: 1px 1px 0 0;
  vertical-align: top;
}

.crm-total {
  margin: 0 -15px 0px -15px;
  background-color: #fff;
  padding: 7px 15px;
  border-bottom: solid 1px #dce1e7;
  text-align: center;
}

.crm-indicator {
  border-top: solid 2px #80D6FF;
  color: #717171;
  text-align: center;
  padding: 7px 15px 9px 15px;
  margin: -1px -17px 0 -15px;
  position: relative;
  border-bottom: solid 2px #80D6FF;
  background: #fff;
}

.crm-indicator:after {
  width: 26px;
  height: 45px;
  font-family: "Font Awesome 7 Pro";
  position: absolute;
  right: 0;
  font-size: 63px;
  top: 0px;
  z-index: 1;
  line-height: 43px;
  content: "\f105";
  font-weight: 100;
}

.crm-container tr>th:last-child .crm-indicator:after {
  display: none;
}

.crm-box {
  background-color: #fff;
  padding: 10px 10px 10px 10px;
  border: solid 1px #dce1e7;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: move;
  transition: all ease-out 0.2s;
  position: relative;
  height: 50px;
  margin-top: 10px;
}

.crm-box:hover {
  box-shadow: 0 0px 6px rgba(149, 148, 148, 0.2);
}

.crm-box:active {
  border: solid 1px #939292;
  opacity: 0.5;
}

.crm-container tr>th:first-child .crm-indicator {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-left: solid 2px #80D6FF;
}

.crm-container tr>th:last-child .crm-indicator {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-right: solid 2px #80D6FF;
}

.crm-container-scroll {
  border-bottom: solid 1px #dce1e7;
}

.opprt-edit-actions {
  margin: 0 0 0 5px;
  float: right;
  background-color: #ececec;
  border-radius: 100%;
  width: 16px;
  line-height: 16px;
  height: 16px;
  padding: 5px;
  text-align: center;
  color: #4a4a4a !important;
  display: none;
}

.tabs-element .opprt-edit-actions {
  margin: 2px 15px 0 0;
  position: absolute;
  right: 0;
  top: 5px
}

.crm-rhs-tab .tabs-element>ul>li.ui-state-active {
  border-width: 2px;
  color: #4a4a4a;
  margin-bottom: 0px;
}

.crm-box:hover .opprt-edit-actions,
.crm-tab-cont:hover .opprt-edit-actions,
.crm-rhs-tab:hover .opprt-edit-actions {
  display: block;
}

.none {
  display: none;
}

.video-container {
  position: relative
}

.play-btn {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  width: 100px;
  height: 75px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.opprt-help {
  width: 847px;
  margin: 0px auto 0 auto;
  text-align: center;
}

.opprt-help.qs-hlp {
  margin-top: -10px;
}

.column-one-contents .qs-hlp:first-child {
  margin-top: 45px;
}

.create-opp .input_mid_size {
  width: 76.5%;
}

.crm-rhs-tab {
  background-color: #f3f3f3;
  padding: 0 !important;
}

.crm-tab-cont {
  font-size: 13px;
  position: relative;
}

.crm-rhs-tab .ui-tabs-nav {
  padding: 5px 10px 10px 10px !important;
  background-color: #fff !important;
}

.crm-rhs-tab .ui-tabs-panel {
  padding: 17px 10px 40px 10px !important;
}

.project_milestone_status.mango-meta li {
  margin: 0 0 12px;
}

.ma-meta-text {
  margin-top: -2px;
  font-weight: bold;
}

.ma-meta-text2 {
  margin-left: 126px;
}

.ma-meta-divdr {
  border-bottom: 1px solid #D9D9D9;
  margin: 20px 0 20px 0 !important;
}

.project_milestone_status.mango-meta li .ma-meta-lable {
  width: 126px;
  float: left;
}

.crm-notes-list {
  font-size: 13px;
  margin-top: 20px;
  clear: both;
  overflow: hidden;
}

.crm-notes-list li {
  border-top: 1px solid #d9d9d9;
  margin: 12px 0 0px 0;
  padding-top: 13px;
}

.crm-notes-list li .delete_note {
  display: none;
}

.crm-notes-list li:hover .delete_note {
  display: inline-block;
}

.crm-notes-list li:last-child {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 13px;
}

.crm-rhs-tab .tabs-element>ul>li {
  margin-left: 20px !important;
}

/* .crm-one-col {
  width: 50%;
  margin: 0 auto;
} */

.crm-rhs-tab .mentions-input {
  background-color: transparent;
  padding-bottom: 0;
  padding-left: 0;
}

.delete_note {
  background-color: #fff;
  border-radius: 100%;
  width: 16px;
  line-height: 14px;
  height: 16px;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  color: #4a4a4a !important;
  float: right;
  margin: -4px 14px 0 0
}

.crm-container .ui-state-highlight {
  height: 120px;
  border-radius: 5px;
  border-style: dashed;
  border-width: 2px;
  border-color: #f0e28b;
}

.bcrm-link {
  max-width: 74%;
  float: left;
  height: 26px;
}

.bcrm-link.text-truncation {
  width: auto;
}

.far.icn-bcrm {
  margin: 1px 0 0 1px;
  vertical-align: middle;
}

.nodata-box {
  margin: 100px 0 0 0;
}

.add-owners ul.token-input-list-facebook {
  width: 70%;
  float: left;
  margin-right: 8px;
}

.ac-row .ma-link {
  display: none;
}

.ac-row:hover .ma-link {
  display: block;
}

/*End New CRM Style*/

/*post attachment fixes*/
.post-attachments .ms-dd-new.up-arrow,
.post-attachments-data .ms-dd-new.up-arrow,
#tab-content .ms-dd-new.up-arrow {
  top: 28px !important;
}

.post-attachments .ms-dd-new,
.post-attachments-data .ms-dd-new,
#tab-content .ms-dd-new {
  right: -14px;
  left: auto !important;
}

.post-attachments .ms-dd-new.left-arrow-css:before,
.post-attachments-data .ms-dd-new.left-arrow-css:before,
#tab-content .ms-dd-new.left-arrow-css:before {
  right: 16px !important;
  left: auto !important;
}

.post-attachments .ms-dd-new.left-arrow-css:after,
.post-attachments-data .ms-dd-new.left-arrow-css:after,
#tab-content .ms-dd-new.left-arrow-css:after {
  right: 17px !important;
  left: auto !important;
}
.ms-overlay .ps-view-dlg  .post-attachments .ms-dd-new,
.ms-overlay .ps-view-dlg  .post-attachments-data .ms-dd-new, #tab-content .ms-dd-new {
  right: -68px;
}
.ms-overlay .ps-view-dlg .post-attachments .ms-dd-new.left-arrow-css:before,
.ms-overlay .ps-view-dlg .post-attachments-data .ms-dd-new.left-arrow-css:before
{
  right: 68px !important;
}
.ms-overlay .ps-view-dlg  .post-attachments .ms-dd-new.left-arrow-css:after,
.ms-overlay .ps-view-dlg  .post-attachments-data .ms-dd-new.left-arrow-css:after{
  right: 68px !important;
}
.post_attachments .attachment_ids span span.more_file_action {
  width: auto;
}

/* End post attachment fixes*/

/*modern button styles*/
.madn-button,
.madn-button-inset,
.actionbutton,
.ma-read-more-act,
.ma-read-more-act,
.more_link,
.is_actionbutton,
.project-feed-share-options,
.user-setting-icon .mango-comments-avatar-container,
.ms-more-actions,
.view-type-btn,
.post-wiki-fullscreen,
.ms-doc-actions .per_file_actions>span {
  -webkit-transition: border 200ms, box-shadow 200ms;
  -moz-transition: border 200ms, box-shadow 200ms;
  transition: border 200ms, box-shadow 200ms;
}

.madn-button:hover,
.actionbutton:hover,
.ma-read-more-act:hover,
.more_link:hover,
.is_actionbutton:hover,
.project-feed-share-options:hover,
.ms-more-actions:hover,
.box-item-wrap .dd-handle.no-margin:hover .ms-more-actions,
.view-type-btn:hover,
.ms-doc-actions .per_file_actions>span:hover,
.madn-button:focus,
.ma-read-more-act:focus,
.more_link:focus,
.is_actionbutton:focus,
.project-feed-share-options:focus,
.ms-more-actions:focus,
.view-type-btn:focus,
.ms-doc-actions .per_file_actions>span:focus,
.takeUserToTop:hover,
.takeUserToTopwiki:hover,
.fullscreen_button:hover,
.ms_theme_grey #tracker_template_container .mango-grid-view--item:hover .ms-more-actions,
.ms_theme_black #tracker_template_container .mango-grid-view--item:hover .ms-more-actions {
  box-shadow: 0 0 0 3px #48c2fc;
  fill: #48c2fc;
}

.private-message-hldr .ms-doc-actions {
  position: absolute;
  transition: bottom .5s ease .2s;
  background: rgb(255 255 255 / 70%);
  color: #fff;
  text-align: center;
  width: 20px !important;
  height: 23px !important;
  top: 3px !important;
  right: 5px !important;
  display: block !important;
  background: none !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0;
  padding-top: 0px;
  border: solid 1px transparent;
}

.active-shadow {
  box-shadow: 0 0 0 2px #48c2fc;
  fill: #48c2fc;
}

.theme_class.keyboard-accessibility .el-lght-fcs:focus {
  box-shadow: 0 0 0 2px #ffffff70;
  -moz-box-shadow: 0 0 0 2px #ffffff70;
  -webkit-box-shadow: 0 0 0 2px #ffffff70;
  fill: #ffffff70;
}

.search-box-container.top-nav-search .box-search-section.madn-button {
  border-radius: 2px;
}

.tb_of_con {
  position: absolute;
  left: 10px;
  top: -66px;
  display: block;
  padding: 7px 0 7px 17px;
  background: #fff;
  width: 100%;
  text-align: left;
}

.tb_of_con .title_heading_table {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 9px 5px;
}

.table_of_contents .action-button-container {
  display: block;
  padding: 0px 10px;
}

.table_of_contents #wiki_toc {
  display: block;
  position: static;
  top: 0px;
  padding: 0px !important;
  margin: -10px 0 0 0;
  float: left;
  border: 0px;
  box-shadow: none;
}

.column-one.container-to-be-fullscreen.fullView .table_of_contents {
  display: block;
  width: 20%;
}

.column-one.container-to-be-fullscreen #wiki_content_description {
  float: initial !important;
}

.column-one.container-to-be-fullscreen .postTtl-container .post-wiki-fullscreen .fa-times,
.column-one.container-to-be-fullscreen .postTtl-container .post-wiki-fullscreen.active .fa-expand-alt,
.column-one.container-to-be-fullscreen .table_of_contents,
.strech-wiki .column-two {
  display: none;
}

.column-one.container-to-be-fullscreen .postTtl-container .post-wiki-fullscreen.active .fa-times,
.column-one.container-to-be-fullscreen .postTtl-container .post-wiki-fullscreen .fa-expand-alt {
  display: block;
}

#ms-overlay-content #wiki_dashboard_content .wiki_tree.two-child-containers {
  background: transparent;
  padding-top: 0px !important;
}

.layout-container.full-column #wiki_dashboard_content #wiki-content.column-one {
  margin: 0 297px 25px 1px;
}

.cke-cntnt-cntnr p{
  overflow: hidden;
}

#wiki_dashboard_content #wiki-content.column-one.fullView {
  margin: 0 297px 25px 1px;
}

#wiki_dashboard_content #wiki-content.column-one {
  margin: 0 295px 0 165px;
}

.column-one.container-to-be-fullscreen.fullView #wiki_content_description {
  width: auto !important;
}

.wiki-team-internal-view #wiki_dashboard_content #wiki-content.column-one {
  margin: 0 295px 0 165px;
}

.wiki-team-internal-view #wiki_dashboard_content.strech-wiki #wiki-content.column-one {
  margin: 0 295px 0 165px;
}

.ohidden .wiki-team-internal-view #wiki_dashboard_content #wiki-content.column-one,
.ohidden.wiki-team-internal-view #wiki_dashboard_content.strech-wiki #wiki-content.column-one,
.user-broadcast-message .cast-content,
.user-broadcast-message .cast-ck-content, .timeline-post-preview .grid-container,
.dialog_body ul li.uploading-file-list,
.dialog_body .c-slide-preview ul li,
#select_colleague_panel_popup .colleague-search-contr {
  margin: 0;
}

.wiki-team-internal-view .one-child-container .column-one,
#mangoCKeditorContent .cast-ck-content p,
.widget-post-preview.with_image .grid-title,
.ms-gridbox .ms-gridbox-content div.pagination,
.carousel--single-slide .widget-post-preview.with_image .grid-title,
.new-navigation-ui .layout-container.app-download-page,
#select_colleague_panel_popup .yui_dialog_content_b,
.main-title-container .narrow-filter .narrow_by .label,
.people-top-action .narrow-filter .narrow_by .label {
  padding: 0;
}

.intranet-home-index .box-search-section.madn-button:hover,
.box-search-section.madn-button:focus {
  border-radius: 2px;
}

.madn-ovrl:hover,
.madn-ovrl:focus,
.view-type-btn:hover,
.view-type-btn:focus {
  z-index: 3;
  position: relative;
}

.is_actionbutton {
  display: inline-block;
}

.feed-post-preview .ma-read-more-act {
  margin: 3px;
}

.ms-timeline-item .ma-read-more-act {
  margin-bottom: 3px;
}

/* End modern button styles*/

.color-link {
  color: #1497d5!important;
}

.color-link:hover {
  color: #1ca2da;
}

#showButtonsOnNormalScreen .wiki-full-view-mode {
  background-image: none !important;
  background-color: #F9F9F9 !important;
  border: 1px solid #c3c3c3;
  margin: 0px 0;
  padding: 4px 0 7px 10px;
  height: 20px !important;
  width: 23px !important;
  color: #8b8b8b !important;
  font-size: 16px;
}

.post-titl-contet.wikis_brand .wiki-content-full-view-mode,
.post-titl-contet.wikis_brand .wiki_tree a.wiki-content-full-view-mode,
.fullscreen_btn_style .post-wiki-fullscreen {
  background-image: none !important;
  background-color: #F9F9F9 !important;
  border: 1px solid #c3c3c3;
  margin: 0px 0;
  padding: 8px 0 7px 10px;
  height: 19px !important;
  width: 23px !important;
  color: #8b8b8b !important;
  font-size: 16px;
  margin-top: 63px;
}

.post-titl-contet .post-action-btn {
  margin-right: 20px;
}

.post-titl-contet .post-action-btn .post-fullscreen,
.page-fullscreen,
.post-fullscreen.page-fullscreen {
  background-image: none !important;
  background-color: #F9F9F9 !important;
  border: 1px solid #c3c3c3;
  margin: 0px 0;
  padding: 8px 0 7px 10px;
  height: 19px !important;
  width: 23px !important;
  color: #8b8b8b !important;
  font-size: 16px;
}

.container-to-be-fullscreen .action-button-container .post-fullscreen.page-fullscreen {
  margin-top: 0 !important;
  height: 24px !important;
  padding: 3px 0 3px 10px !important;
}

.page-fullscreen,
.post-fullscreen.page-fullscreen {
  height: 24px !important;
  padding: 3px 0 3px 10px !important;
}

.page-fullscreen:before {
  content: "\f065";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 7 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.post-fullscreen.page-fullscreen.active {
  background: #F9F9F9 !important;
}

.page-fullscreen.active:before {
  content: "\f00d";
}

#showButtonsOnFullScreen .normal-wiki-mode,
.post-titl-contet.wikis_brand .wiki-content-normal-view-mode,
.fullscreen_btn_style .post-wiki-fullscreen.active {
  background-image: none !important;
  background-color: #F9F9F9 !important;
  border: 1px solid #c3c3c3;
  margin: 0;
  padding: 8px 0 7px 10px;
  height: 20px !important;
  width: 23px !important;
  color: #8b8b8b !important;
  font-size: 16px;
}

#showButtonsOnFullScreen .normal-wiki-mode {
  padding-top: 4px;
}

.post-titl-contet.wikis_brand .wiki-content-normal-view-mode,
.wiki_tree a.wiki-content-normal-view-mode {
  margin-top: -5px !important;
}

.post-titl-contet.wikis_brand .wiki-content-normal-view-mode i.fa-expand-alt,
.post-titl-contet.wikis_brand .wiki-content-full-view-mode i.fa-times,
.fullscreen_btn_style .post-wiki-fullscreen.active i.fa-expand-alt,
.fullscreen_btn_style .post-wiki-fullscreen i.fa-times,
.column-one.container-to-be-fullscreen .action-button-container .post-wiki-fullscreen.active i.fa-expand-alt {
  display: none;
}

.wiki-content-full-view-mode.post-wiki-fullscreen {
  margin-top: -6px;
  padding-bottom: 5px;
}

.column-one.container-to-be-fullscreen .action-button-container .post-wiki-fullscreen.active {
  margin-top: -6px;
  padding-bottom: 5px;
  background-image: none !important;
  background-color: #f9f9f9 !important;
  border: 1px solid #c3c3c3;
  width: 23px !important;
  color: #8b8b8b !important;
  font-size: 16px;
  margin-top: -7px !important;
  padding: 6px 0 13px 12px;
  height: 17px !important;
}

.post-titl-contet.wikis_brand .wiki-content-full-view-mode i.fa-expand-alt,
.post-titl-contet.wikis_brand .wiki-content-normal-view-mode i.fa-times,
.fullscreen_btn_style .post-wiki-fullscreen i.fa-expand-alt,
.fullscreen_btn_style .post-wiki-fullscreen.active i.fa-times {
  display: block;
}

.getting_started_model .ui-tabs .ui-tabs-panel {
  border-width: 0px !important;
}

.sync-files-onweb-contr .sort_asc,
.sync-files-onweb-contr .sorting_asc .title_sort {
  background: none;
  padding-right: 25px;
  font-weight: bold !important;
  display: inline-block;
  position: relative;
}

.sync-files-onweb-contr .sort_asc:before,
.sync-files-onweb-contr .sorting_asc .title_sort:before {
  content: "\f0de";
  float: right;
  position: absolute;
  right: 10px;
  color: #737373;
  top: 7px;
  font: normal normal normal 14px/1 "Font Awesome 7 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.sync-files-onweb-contr .sort_desc,
.sync-files-onweb-contr .sorting_desc .title_sort {
  background: none;
  padding-right: 25px;
  font-weight: bold !important;
  display: inline-block;
  position: relative;
}

.sync-files-onweb-contr .sort_desc:before,
.sync-files-onweb-contr .sort_desc .title_sort:before {
  content: "\f0dd";
  float: right;
  position: absolute;
  right: 10px;
  color: #737373;
  top: 2px;
  font: normal normal normal 14px/1 "Font Awesome 7 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.gp-status-lable {
  width: 110px;
  position: relative;
  float: left;
}

.gp-status-content {
  margin-left: 120px;
  display: block;
}

#admin_user_table_list .sort_asc,
#admin_user_table_list .sorting_asc .title_sort {
  background: none;
  padding-right: 25px;
  font-weight: bold !important;
  display: inline-block;
  position: relative;
}

#admin_user_table_list .sort_asc:before,
#admin_user_table_list .sorting_asc .title_sort:before {
  content: "\f0de";
  float: right;
  position: absolute;
  right: 10px;
  color: #737373;
  top: 5px;
  font: normal normal normal 14px/1 "Font Awesome 7 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

#admin_user_table_list .sort_desc,
#admin_user_table_list .sorting_desc .title_sort {
  background: none;
  padding-right: 25px;
  font-weight: bold !important;
  display: inline-block;
  position: relative;
}

#admin_user_table_list .sort_desc:before,
#admin_user_table_list .sort_desc .title_sort:before {
  content: "\f0dd";
  float: right;
  position: absolute;
  right: 9px;
  color: #737373;
  top: 0px;
  font: normal normal normal 14px/1 "Font Awesome 7 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* Help container*/
.ma-help-container {
  position: relative;
  cursor: pointer;
}

.ma-help-content {
  position: absolute;
  width: 440px;
  right: 0px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background-color: #fff;
  z-index: 6;
  margin-top: 5px;
  box-shadow: 0px 1px 4px rgba(87, 87, 87, 0.1);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .1s linear .2s;
  -moz-transition: all .1s linear .2s;
  -ms-transition: all .1s linear .2s;
  -o-transition: all .1s linear .2s;
  transition: all .1s linear .2s;
  line-height: 18px;
}

.ma-help-content:before {
  content: '';
  display: none;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #c1cece;
  position: absolute;
  top: -7px;
  right: 31px;
}

.ma-help-content:after {
  content: '';
  display: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  right: 32px;
}

/* Modifier class to show tooltip on top of element */
.ma-help-content.cmps.show-on-top {
  transform: translateY(-100%);
  margin-top: -24px;
  margin-bottom: 5px;
  left: 0 !important;
}

.ma-help-content.cmps.show-on-top:before {
  display: none;
  top: auto;
  bottom: -14px;
  border-top: 7px solid #c1cece;
  border-bottom-color: transparent;
  left: 21px;
}

.ma-help-content.cmps.show-on-top:after {
  display: none;
  top: auto;
  bottom: -12px;
  border-top: 6px solid #fff;
  border-bottom-color: transparent;
  left: 22px;
}

.ma-help-container:hover .ma-help-content {
  visibility: visible;
  opacity: 1;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.opp_info.mango-new-widget .ma-help-content {
    width: 220px;
    left: 0;
    right: auto;
}
.opp_info.mango-new-widget .ma-help-content::before {
    left: 12px;
    right: auto;
}
.opp_info.mango-new-widget .ma-help-content::after {
    left: 13px;
    right: auto;
}
/* End help container*/
.ma-bxlnk-cntr .ma-bxlnk {
  color: inherit;
  transition: ease-in-out 0.2s;
}

.ma-bxlnk-cntr:hover .ma-bxlnk {
  color: #1497d5;
}

.help_templates_tab .ma-help-content:before {
  left: 48.1%;
  right: auto;
}

#page_template_select_tab .help_templates_tab .ma-help-content:after {
  left: auto;
  right: auto;
}

#page_template_select_tab .help_templates_tab .ma-help-content:before {
  left: auto;
  right: auto;
}

.help_templates_tab .ma-help-content:after {
  left: 48%;
  right: auto;
}

.texttruncate.mini-status {
  margin: 0;
  max-width: 100px;
  width: auto;
}

.ma-help-content.with-bullet ul {
  margin: 5px 0;
}

.ma-help-content.with-bullet li {
  list-style-type: disc;
  margin: 0 0 8px 20px;
}

/*Emoji syle*/

.reaction-menu ul li:nth-child(1) {
  margin: 0 5px;
}

.reaction-menu ul li:nth-child(2) {
  padding: 10px;
  overflow: hidden;
}

.reaction-menu ul li:nth-child(3) {
  padding: 10px 10px 12px 10px;
  border-top: 1px solid #e4e4e4;
  background-color: #f7f7f7;
}

.reaction-menu li ul {
  font-size: 13px;
  right: auto;
  min-width: 232px;
  color: #4a4a4a;
  display: block !important;
  top: -8px;
  border-radius: 42px;
  left: 0 !important;
}

.message-action-drop-ul-wrapper ul,
.message-action-drop-ul-wrapper ul.moreMenu {
  position: relative;
  border-radius: 4px;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
}

.moreMenu li.message-action-list-item a {
  padding: 9px 18px 10px 23px !important;
}
.message-action-drop-ul-wrapper .moreMenu li.message-action-list-item a {
  padding: 8px 16px 8px 24px !important;
}

.reaction-menu li ul,
.emj-show ul {
  position: relative;
  border-radius: 22px;
  display: block !important;
  top: -7px;
  left: 0 !important;
  float: left;
  background: #fff;
  border: 0;
  border-radius: 40px;
  bottom: 5px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 2px 2px rgba(0, 0, 0, .15);
  display: block;
  left: 10px;
  right: 10px;
  transition: height 200ms ease;
  display: none;
}

.message-action-list-item.emj-show .result_all_list .result_all {
  top: -1px;
}

.mangostream-actions-ul-wrapper,
.message-action-drop-ul-wrapper {
  position: absolute;
  left: 10px;
  transform: translateX(-50%);
  top: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 4;
}

.mangostream-actions-ul-wrapper.testww,
.message-action-drop-ul-wrapper.testww {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  visibility: visible;
  opacity: 1;
  z-index: 4;
}

.reaction-menu .mangostream-actions-ul-wrapper,
.reaction-menu .message-action-drop-ul-wrapper {
  bottom: 100%;
  top: auto;
  min-width: 262px;
}

.message-action-drop-ul-wrapper {
  top: 100%;
  margin-top: -9px;
}
/*
#message-list .thread-list-item:last-of-type:not(:first-of-type) .message-action-drop-ul-wrapper {
  top: auto;
  bottom: 100%;
}

#message-list .thread-list-item:last-of-type:not(:first-of-type) .moreMenu.menuSpace {
  margin-bottom: 14px;
}

#message-list .thread-list-item:last-of-type:not(:first-of-type) .message-action-drop-ul-wrapper:before {
  position: absolute;
  bottom: -4px;
  border-bottom-color: transparent;
  border-top-color: #bdc5c7;
}

#message-list .thread-list-item:last-of-type:not(:first-of-type) .message-action-drop-ul-wrapper:after {
  border-top-color: #fff;
  border-bottom-color: transparent;
  bottom: -1px;
  top: auto;
}
*/
.message-action-drop-ul-wrapper:before,
.message-action-drop-ul-wrapper:after,
.mangostream-actions-ul-wrapper:before,
.mangostream-actions-ul-wrapper:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-bottom: 8px solid #bdc5c7;
  margin-left: 12px;
  position: relative;
  z-index: 5;
}

ul.moreMenu.calendarMoreMenu {
  top: 22px !important;
}

.message-action-drop-ul-wrapper:before,
.mangostream-actions-ul-wrapper:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  left: 40%;
  border: 9px solid transparent;
  border-bottom: 9px solid #bdc5c7;
  margin-left: 12px;
  position: relative;
  z-index: 5;
}

.message-action-drop-ul-wrapper:after,
.mangostream-actions-ul-wrapper:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 40%;
  border-bottom-color: #fff;
}
.mangostream-actions-ul-wrapper:before,
.mangostream-actions-ul-wrapper:after {
  left: 50%;
  margin-left: 0;
  transform: translate(-50%, 0);
}

.reaction-menu li .mangostream-actions-ul-wrapper:before,
.reaction-menu .mangostream-actions-ul-wrapper:before,
.reaction-menu .message-action-drop-ul-wrapper:before,
.reaction-menu li .mangostream-actions-ul-wrapper:after,
.reaction-menu .mangostream-actions-ul-wrapper:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top: 9px solid #BDC5C7;
  margin-left: 12px;
  position: relative;
  z-index: 5;
  bottom: -46px;
  left: 5px;
  top: auto;
  display: none;
}

.reaction-menu li .mangostream-actions-ul-wrapper:after,
.reaction-menu .mangostream-actions-ul-wrapper:after {
  position: absolute;
  bottom: -3px;
  left: 5px;
  border-top-color: #fff;
  top: auto;
}

.reaction-menu:hover li .mangostream-actions-ul-wrapper,
.emj-show:hover .mangostream-actions-ul-wrapper,
.message-action-drop-item:hover .message-action-drop-ul-wrapper,
.message-action-drop-ul-wrapper.shown {
  visibility: visible;
  opacity: 1;

  -webkit-transition: all 0.1s linear 0.2s;
  -moz-transition: all 0.1s linear 0.2s;
  -ms-transition: all 0.1s linear 0.2s;
  -o-transition: all 0.1s linear 0.2s;
  transition: all 0.1s linear 0.2s;
}

#private-message-container .reaction-menu .mangostream-actions-ul-wrapper.reaction-overlay-down,
.mmail_private_message_container .reaction-menu .mangostream-actions-ul-wrapper.reaction-overlay-down,
.msg-dtls .reaction-menu .mangostream-actions-ul-wrapper.reaction-overlay-down {
  bottom: auto;
  top: 100%;
  margin-top: 10px;
}

.msg-reaction .mango-comment-actions,
.msg-reaction .mangostream-actions,
.wk-reaction-row .wk-reaction-act {
  float: left;
  position: relative;
}

.msg-reaction .mango-comment-actions:after,
.msg-reaction .mangostream-actions:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 12px;
  height: 13px;
  background: transparent;
}

.msg-reaction .nested_comment_feed_list:after,
.msg-reaction .nested_comment_feed_list:after,
.wk-reaction-row .wk-reaction-act:after {
  background: transparent;
}

.narrow_by ul li a.emoji-lik label {
  padding: 3px 8px 3px 8px;
  position: relative;
  top: -33px;
  border-radius: 10px;
  font-size: 11px;
  color: #FFF;
  visibility: hidden;
  left: -4px;
  text-transform: capitalize;
}

.theme_background {
  background: #333;
}

.narrow_by ul li a.emoji-lik:hover label {
  visibility: visible;
  padding: 1px 8px 3px 8px;
  font-size: 10px;
}

.mango-timeline .mangostream-actions.nested_comment_feed_list {
  height: 0px;
}

.mangostream-actions.nested_comment_feed_list {
  min-height: 16px;
  float: none;
  display: inline-block;
}

ul.moreMenu li.message-action-copylink-item {
  display: block;
}

.message-action-drop-item.like-list ul {
  background: #fff;
  max-width: 140px;
  padding: 7px 10px;
  border-radius: 2px;
  color: #4a4a4a;
  z-index: 4;
  border: 1px solid #bdc5c7;
  box-shadow: 0 0 4px rgba(87, 87, 87, 0.2);
}

.emoji {
  width: 37px;
  height: 38px;
  display: inline-block !important;
  background: url(/ce/pulse/images/sprite_emoji_new.png) no-repeat;
  vertical-align: middle;
}

.mango-emoji-picker--list .mango-emoji {
  background-color: transparent !important;
}

.narrow_by ul li a.emoji-lik {
  display: block !important;
  padding: 6px 4px !important;
  border-radius: 5px;
  float: left;
  box-sizing: border-box;
  overflow: visible;
  min-height: 41px;
  line-height: 41px;
  margin-right: 7px;
}

.narrow_by ul li a.emoji-lik:last-child {
  margin-right: 0px;
}

li.reaction_counter_all {
  margin: 0 7px 0 10px !important;
}

.reaction_counter_all .mangostream-actions-ul-wrapper {
  display: none;
}

.emj-preview {
  min-height: 44px;
}

.emj-preview .emoji {
  width: 46px;
  height: 46px;
  -webkit-transition: all ease-in 0.4s;
  transition: all ease-in 0.4s;
}

.emj-preview-text {
  margin: 0px 0 0 54px;
  box-sizing: border-box;
}

.react_cnt {
  color: #717171;
  padding: 0 0 0 4px;
}

.emj-show .emoji {
  width: 18px;
  height: 18px;
  margin: -2px -8px 0 0;
  border: 1px solid #f7f7f7;
  border-radius: 100%;
  background-color: #fff;
}

.reaction-menu .emoji.emoji-like {
  background: url(/ce/pulse/images/add_a_reaction/like_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.reaction-menu .emoji.emoji-superlike,
.reaction-menu .emoji.emoji-super-like,
.reaction-menu .emoji.emoji-super_like {
  background: url(/ce/pulse/images/add_a_reaction/superlike_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.reaction-menu .emoji.emoji-haha {
  background: url(/ce/pulse/images/add_a_reaction/haha_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.mangostream-actions-ul-wrapper .emoji.emoji-haha label {
  left: -7px;
}

.reaction-menu .emoji.emoji-yay {
  background: url(/ce/pulse/images/add_a_reaction/yay_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.reaction-menu .emoji.emoji-wow {
  background: url(/ce/pulse/images/add_a_reaction/wow_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.reaction-menu .emoji.emoji-sad {
  background: url(/ce/pulse/images/add_a_reaction/sad_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.reaction-menu .emoji.emoji-insightful {
  background: url(/ce/pulse/images/add_a_reaction/insightful_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.reaction-menu .emoji.emoji-heart {
  background: url(/ce/pulse/images/add_a_reaction/heart_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.reaction-menu .emoji.emoji-thumbs_down,
.reaction-menu .emoji.emoji-thumbs-down {
  background: url(/ce/pulse/images/add_a_reaction/thumbs-down_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.reaction-menu .emoji.emoji-done {
  background: url(/ce/pulse/images/add_a_reaction/done_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.reaction-menu .emoji.emoji-support {
  background: url(/ce/pulse/images/add_a_reaction/support_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.reaction-menu .emoji.emoji-taking_a_look,
.reaction-menu .emoji.emoji-taking-a-look {
  background: url(/ce/pulse/images/add_a_reaction/taking-a-look_dec_22.svg) no-repeat 0 1px;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}

.emj-show .emoji.emoji-like {
  background-position: -148px -9px;
}

.emj-show .emoji.emoji-superlike,
.emj-show .emoji.emoji-super-like {
  background-position: -148px -46px;
}

.emj-show .emoji.emoji-haha {
  background-position: -148px -83px;
}

.emj-show .emoji.emoji-yay {
  background-position: -148px -121px;
}

.emj-show .emoji.emoji-wow {
  background-position: -148px -157px;
}

.emj-show .emoji.emoji-sad {
  background-position: -148px -194px;
}

.emj-show .emoji.emoji-heart {
  background-position: -148px -231px;
}

.emj-show .emoji.emoji-support {
  background-position: -148px -268px;
}

.emj-show .emoji.emoji-insightful {
  background-position: -148px -305px;
}

.emj-show .emoji.emoji-taking-a-look {
  background-position: -148px -342px;
}

.emj-show .emoji.emoji-done {
  background-position: -148px -379px;
}

.emj-show .emoji.emoji-thumbs-down {
  background-position: -148px -416px;
}

.emj-preview .emoji.emoji-like {
  background-position: -5px -6px;
}

.emj-preview .emoji.emoji-superlike,
.emj-preview .emoji.emoji-super-like {
  background-position: -5px -69px;
}

.emj-preview .emoji.emoji-haha {
  background-position: -6px -134px;
}

.emj-preview .emoji.emoji-yay {
  background-position: -5px -199px;
}

.emj-preview .emoji.emoji-wow {
  background-position: -5px -263px;
}

.emj-preview .emoji.emoji-sad {
  background-position: -5px -328px;
}

.emj-preview .emoji.emoji-heart {
  background-position: -5px -6px;
}

.emj-preview .emoji.emoji-support {
  background-position: -5px -6px;
}

.emj-preview .emoji.emoji-insightful {
  background-position: -5px -6px;
}

.emj-preview .emoji.emoji-taking-a-look {
  background-position: -5px -6px;
}

.emj-preview .emoji.emoji-done {
  background-position: -5px -6px;
}

.emj-preview .emoji.emoji-thumbs-down {
  background-position: -5px -6px;
}

.emoji.emoji-superlike:hover label,
.emoji.emoji-super-like:hover label {
  margin-left: -13px;
}

.like_unlike_tab .emoji {
  width: 22px;
  height: 22px;
  position: absolute;
  bottom: 1px;
  border-radius: 100%;
  left: 6px;
  top: 10px;
}

.like_unlike_tab .emoji.emoji-like {
  background-position: -90px -9px;
}

.like_unlike_tab .emoji.emoji-super_like {
  background-position: -90px -52px;
}

.like_unlike_tab .emoji.emoji-haha {
  background-position: -90px -94px;
}

.like_unlike_tab .emoji.emoji-yay {
  background-position: -90px -135px;
}

.like_unlike_tab .emoji.emoji-wow {
  background-position: -90px -177px;
}

.like_unlike_tab .emoji.emoji-sad {
  background-position: -90px -220px;
}

.like_unlike_tab .emoji.emoji-heart {
  background-position: -90px -262px;
}

.like_unlike_tab .emoji.emoji-support {
  background-position: -90px -304px;
}

.like_unlike_tab .emoji.emoji-insightful {
  background-position: -90px -345px;
}

.like_unlike_tab .emoji.emoji-taking_a_look {
  background-position: -90px -387px;
}

.like_unlike_tab .emoji.emoji-done {
  background-position: -90px -429px;
}

.like_unlike_tab .emoji.emoji-thumbs_down {
  background-position: -90px -471px;
}

.emoji-lik.emoji-disable:hover {
  background-color: #eeecec;
}

.emj-preview.emoji-disable {
  opacity: 1;
}

.crm_setting_panel .disabled,
.crm_setting_panel td.disabled,
.crm_setting_panel input[disabled],
.selectBox-disabled,
.emoji-disable,
.emj-preview.emoji-disable .emj-preview-text,
.emj-preview.emoji-disable .emoji {
  opacity: 0.5;
}

.emj-preview .remove-emoji-txt {
  display: none;
}

.emj-preview.emoji-disable .emj-preview-text {
  margin-top: 5px
}

.emj-preview.emoji-disable .remove-emoji-txt {
  display: block;
}

.emj-preview-help {
  margin: 7px 0 0 0px
}

.reacted-dropdown #reactions-in-dropdown {
  top: 30px;
  min-width: 145px;
}

.reacted-dropdown ul li.avtive::after {
  content: "\f00c";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  position: absolute;
  right: 6px;
  top: 8px;
}

.like_unlike_tab .dropdown-dot {
  padding: 0 3px;
}

.like_unlike_tab .user_list_platform {
  display: flex;
  align-items: center;
}

.far.fa-ractn {
  font-size: 16px;
  vertical-align: middle;
  margin-top: -4px;
}

.post-header-items .far.fa-ractn,
.psh-headphones .fa-headphones,
.actionbutton.chats-unread-count-btn span,
.fa.verified-check {
  font-size: inherit;
}

/* changes for hover effects */
.emj-show {
  position: relative
}

.emj-show ul,
.dialog_body .emj-show ul {
  background: rgb(255, 255, 255);
  max-width: 140px;
  padding: 7px 10px;
  border-radius: 2px;
  color: #4A4A4A;
  z-index: 4;
  border: 1px solid #BDC5C7;
  box-shadow: 0 0 4px rgba(87, 87, 87, 0.2);
}
.ps-column .post-header-items .emj-show ul {
  padding: 7px 10px;
}
.emj-show ul li,
.message-action-drop-item.like-list li {
  display: block !important;
  cursor: default;
  margin-top: 5px
}

.emj-show ul li.hand,
.message-action-drop-item.like-list li.hand {
  cursor: pointer;
}

.emj-show ul li:first-child,
.message-action-drop-item.like-list li:first-child {
  margin-top: 0
}

.emj-show ul li a {
  padding: 0 !important;
  color: #4a4a4a
}

/* end chagnes for hover effects*/

/* reaction box animation */

.reaction-menu .mangostream-actions-ul-wrapper {
  left: -16px;
  transform: none;
}

.reaction-menu:hover li .mangostream-actions-ul-wrapper {
  -webkit-transition: all 0.4s linear 0.2s;
  -moz-transition: all 0.4s linear 0.2s;
  -ms-transition: all 0.4s linear 0.2s;
  -o-transition: all 0.4s linear 0.2s;
  transition: all 0.4s linear 0.2s;
}

.reaction-menu.narrow_by ul ul li a.emoji-lik {
  transform: scale(2);
}

.reaction-menu.narrow_by:hover ul li a.emoji-lik {
  transform: scale(1) translateY(0px);
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.reaction-menu.narrow_by:hover ul li a.emoji-lik:hover {
  background-color: transparent;
  transform: scale(1.28);
  transform-origin: bottom;
  text-align: center;
}

.reaction-menu.narrow_by .emj-preview-help {
  opacity: 0
}

.reaction-menu.narrow_by:hover .emj-preview-help {
  opacity: 1;
  transition: all 0.4s linear 0.3s
}

/* reaction box animation */

/*Emoji syle end*/
.wizard-content .header-preview-cont .change-photo-container-big .project-img-box {
  border-width: 1px !important;
}

.ms-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 32;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s linear;
}

.ms-modal-content {
  background: #fff;
  border-radius: 4px;
  width: 60%;
  position: absolute;
  top: 50px;
  left: 20%;
  border: 1px solid #e1e1e1;
}

.prfl_prvw_rght .ms-modal-content {
  transform: translateX(-50%);
}

.ms-modal-cls {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px !important;
  cursor: pointer;
  padding: 3px 5px;
}

#userProfilePopup .ms-modal-cls {
  top: 3px;
  right: 5px;
}

.ms-modal-body {
  padding: 20px;
  word-break: break-word;
}

.ms-modal-footer {
  border-radius: 0 0 4px 4px;
  padding: 7px 0;
  margin: 0
}

#userProfilePopup .ms-modal-body {
  padding: 15px 0 15px 15px
}

.prflpp-prsn-pic {
  width: 110px;
  height: 110px;
  position: absolute;
  top: -55px;
  left: 50%;
  margin-left: -55px;
  border-radius: 5px;
  display: block;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
}

.prflpp-prsn-pic img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.prflpp-prsn-presence-flag:not(.socialBar-disable)::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background: #ddd;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  border: 1px solid #fff;
  transition: all 500ms ease-out;
}

.prflpp-prsn-presence-flag.mango-online::after {
  background: #0CBC41;
}

.prflpp-prsn-presence-flag.mango-idle::after {
  background: #FF9900;
}

.prflpp-prsn-presence-flag.mango-busy::after {
  background: #FF0000;
}

.circular-images .prflpp-prsn-pic,
.circular-images .prflpp-prsn-pic img,
.circular-images .prflpp-prsn-pic div {
  border-radius: 100%;
}

.circular-images .prflpp-prsn-presence-flag::after {
  bottom: 0;
  right: 20px;
}

.prflpp-hdr {
  padding-top: 55px;
}

.prflpp-hdr a.prflpp-flwng-btn.follow,
.copy_link_style .ma-help-container a,
.copy_link_style .ma-help-container a:hover,
.notification-type-bell .greytext,
.ma-color,
.actions-circlebar-item:hover,
.theme_class .has-more-menu .tab-more-menu-items a:hover,
.clear-search-action:hover,
#matches_log_tables_widget_wrapper #matches_log_tables_widget,
tr.action-rollhover td .sa-post-content a,
tr.action-rollhover td a.social-shares-tracking-link,
.people-grid-view .mango-grid-view:hover .fa-ellipsis-v,
.people-list-view .mango-grid-view:hover .fa-ellipsis-v,
.mstt-img-box:hover .fa-ellipsis-v,
.dwln-btn li .link-content-holdr span,
.non-logged-in .link-srtc-menu li a.link-box-contr,
.ma-text,
.theme_class .view-type-btn,
.theme_class .actionbutton.ma-action-gear,
.message-action-drop-item.like-list li a {
  color: #4a4a4a;
}

.msbg-default,
.cke_dialog_body .cke_dialog_title {
  background: #1f8fe8;
}

.prflpp-hdr a.prflpp-flwng-btn {
  position: absolute;
  left: 10px;
  top: 4px;
  width: auto !important;
  cursor: default;
}

.prflpp-hdr .is-gst-usr {
  /* position: absolute; */
  top: 30px;
  text-align: center;
  width: 100%;
}

.ms-modal-hover .prflpp-hdr .is-gst-usr {
  font-size: 11px;
}

.prflpp-hdr-actns a:not(.default-cursor):hover {
  text-decoration: underline
}

.prflpp-awrds {
  background: rgba(0, 0, 0, 0.08);
  line-height: 50px;
  padding: 0 10px 0 20px
}

.prflpp-awrds ul {
  width: 434px;
}

.prflpp-awrds ul li {
  padding: 0 7px;
  cursor: default;
  text-align: left;
  float: left;
  box-sizing: border-box;
}

.prflpp-awrds ul li:last-child {
  padding-right: 0
}

.prflpp-awrds-icn {
  display: inline-block;
  width: 27px;
  height: 22px
}

.lft-fxd-120-tbl,
.lft-fxd-140-tbl {
  table-layout: fixed
}

.lft-fxd-120-tbl tr td {
  padding: 5px 0
}

.lft-fxd-120-tbl tr td:first-child {
  width: 120px
}

#userProfilePopup .lft-fxd-120-tbl tr td {
  padding: 2px 0
}

#userProfilePopup .lft-fxd-120-tbl tr td.prfl-spc-td {
  padding: 4px 0
}

#userProfilePopup .ms-modal-content {
  width: 460px;
  top: 150px;
  left: 50%;
}

#userProfilePopup.ms-modal-click .ms-modal-content {
  border: 0;
  width: 500px;
  border-radius: 12px;
}

#userProfilePopup .prflpp-awrds-icn {
  float: left;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}

.prflpp-hdr-actns #ms_profile_send_im_link {
  background: none !important
}

.profile-card-social #ms_profile_send_im_link {
  background: transparent !important;
  width: auto;
}

.prflpp-body,
.prflpp-body1 {
  max-height: 200px;
  overflow: auto;
  padding-right: 10px
}

.ms-modal-click .prflpp-body .lft-fxd-120-tbl,
.ms-modal-click .prflpp-body1 .lft-fxd-120-tbl {
  margin: 0 auto;
  max-width: 100%
}

.prflpp-body .gamf-user-profile-level,
.prflpp-body1 .gamf-user-profile-level {
  width: 255px;
}

.ms-modal.ms-modal-hover .prflpp-body .gamf-user-profile-level {
  width: auto;
  font-size: inherit
}

.editor_content ul li {
  list-style-type: disc;
  margin-left: 16px;
}

.editor_content ul li {
  list-style-type: disc;
  margin-left: 16px;
}

.editor_content ol li {
  list-style-type: decimal;
  margin-left: 19px;
}

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px 0;
  border-radius: 4px;
  height: 64px;
  width: 130px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin-left: -28px;
  padding: 0;
  width: 75px;
  height: 54px;
  text-align: center;
  line-height: 20px;
}

#slider ul li img {
  height: 40px;
  width: 42px;
}

a.control_prev,
a.control_next {
  position: absolute;
  top: 10%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  color: #ccc;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

.extim_relative {
  position: relative;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.ms-hide,
.narrow_by ul li a.ms-hide {
  display: none !important;
}

.ma-help-content.cmps {
  left: -20px;
  margin-top: 4px;
  width: 450px;
}

.ma-help-content.pbi {
  right: -20px;
  margin-top: 4px;
  width: 180px;
}

.ma-help-content.pbi::before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #c1cece;
  position: absolute;
  top: -7px;
  right: 18px;
}

.ma-help-content.pbi::after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  right: 19px;
}

.ma-help-content.bottom-sided {
  transform: translate(0, -100%);
  margin-top: -24px;
}

.ma-help-content.bottom-sided:before {
  top: auto;
  bottom: -14px;
  border-top: 7px solid #c1cece;
  border-bottom-color: transparent;
}

.ma-help-content.bottom-sided:after {
  top: auto;
  bottom: -12px;
  border-top: 6px solid #fff;
  border-bottom-color: transparent;
}

.ma-help-content.cmps:before,
.ma-help-content.left-sided:before {
  left: 19px;
  right: auto;
}

.ma-help-content.cmps:after,
.ma-help-content.left-sided:after {
  left: 20px;
  right: auto;
}

/* modal hover css */
.ms-modal.ms-modal-hover {
  position: absolute;
  bottom: auto;
  right: auto;
  width: 500px;
  min-height: 218px;
  border-radius: 2px;
  background: #aaa;
}

#userProfilePopup.ms-modal.ms-modal-hover .ms-modal-content {
  position: static;
  margin: 0;
  background: #fff;
  overflow: hidden;
  border-radius: 12px;
  width: auto;
  height: 258px;
  border: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.ms-modal.ms-modal-hover .ms-modal-header {
  float: left;
  width: 170px;
  border-right: 1px solid #DEDEDE;
  box-sizing: border-box;
  padding-right: 4px;
  padding-left: 4px;
}

.ms-modal.ms-modal-hover .prflpp-hdr {
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  min-height: 218px
}

.ms-modal.ms-modal-hover .prflpp-prsn-pic {
  position: relative;
  margin: 18px auto 8px;
  left: 0;
  top: 0;
  width: 118px;
  height: 118px
}

#userProfilePopup.ms-modal.ms-modal-hover .ms-modal-body {
  box-sizing: border-box;
  float: right;
  width: 340px;
  box-sizing: border-box;
  padding: 16px 16px 0 16px;
  overflow-y: auto;
  height: 252px;
  /* Firefox scrollbar - always visible */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

/* Webkit browsers (Chrome, Safari) - always visible scrollbar */
#userProfilePopup.ms-modal.ms-modal-hover .ms-modal-body::-webkit-scrollbar {
  width: 6px;
  background: transparent;
  -webkit-appearance: none;
}

#userProfilePopup.ms-modal.ms-modal-hover .ms-modal-body::-webkit-scrollbar-track {
  background: transparent;
}

#userProfilePopup.ms-modal.ms-modal-hover .ms-modal-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  -webkit-appearance: none;
}

/* Scrollbar darker on hover */
#userProfilePopup.ms-modal.ms-modal-hover .ms-modal-body:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
}

#userProfilePopup.ms-modal.ms-modal-click .ms-modal-body {
  padding: 16px;
}

#userProfilePopup.ms-modal.ms-modal-hover .ms-modal-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0 0 0 12px;
  width: 231px;
  height: 41px;
  box-sizing: border-box;
}

#userProfilePopup.ms-modal-hover .cstm_stts_msg .far {
  display: none;
}

.ms-modal-click .gamification-points,
.ms-modal-hover .gamification-points {
  font-weight: 400;
}

.ms-modal-hover .gamification-points-tooltip-wrapper .gamification-points {
  display: block;
}

.ms-modal-hover .gamification-points-tooltip-wrapper .separator {
  display: none;
}

.ms-modal-click .ms-modal-content {
  transform: translateX(-50%);
}

#userProfilePopup .cstm_stts_msg .status-content {
  width: auto;
  max-width: 90%;
  white-space: normal;
}

#userProfilePopup.ms-modal-hover .cstm_stts_msg .status-content {
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  width: 100%;
  overflow: hidden;
  font-size: 12px
}

.ms-modal.ms-modal-hover .prflpp-body {
  max-height: 155px;
}

.ms-modal.ms-modal-hover:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -4px;
  left: 20px;
  background: #fff;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
  width: 10px;
  height: 10px;
}

.ms-modal.ms-modal-hover.ms-modal-down:after {
  bottom: auto;
  top: -4px;
  box-shadow: -2px -2px 1px rgba(0, 0, 0, 0.2);
}

.ms-modal.ms-modal-hover.ms-modal-right:after {
  left: auto;
  right: 20px;
}


.ms-modal.ms-modal-hover .ms-modal-cls,
.ms-modal.ms-modal-hover .prflpp-awrds div:first-child,
.ms-modal.ms-modal-hover .prflpp-awrds ul li img+span,
.ms-modal.ms-modal-hover .prflpp-hdr a.prflpp-flwng-btn span {
  display: none;
}
/*
.ms-modal.ms-modal-hover .prfl-hvr-hide {
  display: none !important;
} */

.ms-modal.ms-modal-hover .prflpp-prsn-nm .ma-h3{
  line-height: 22px;
}

.ms-modal.ms-modal-click .prflpp-prsn-status {
  padding: 0 5px;
}

.ms-modal .ms-modal-header .cus-line-height {
  line-height: 1.3;
}

.ms-modal.ms-modal-hover .prflpp-hdr-actns {
  margin: 0 0 5px !important;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.ms-modal-click .prflpp-hdr-actns {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.ms-modal-click .prflpp-body .gamf-user-profile-level {
  width: auto;
}

.ms-modal.ms-modal-hover .prflpp-awrds {
  padding: 0
}

.ms-modal.ms-modal-hover .prflpp-awrds ul {
  width: auto;
  float: none;
}

.ms-modal.ms-modal-hover .prflpp-awrds ul li {
  float: none;
  display: inline-block;
  padding: 0 5px
}

.ms-modal.ms-modal-hover .prflpp-hdr-actns>a,
.ms-modal.ms-modal-hover .prflpp-hdr-actns>div {
  padding-right: 0;
  margin-right: 0;
  width: auto !important;
  height: auto !important;
  font-size: 14px;
}

.ms-modal.ms-modal-hover .prflpp-hdr-actns>a.project_chat,
.ms-modal.ms-modal-hover .prflpp-hdr-actns>a.group_chat {
  max-width: 60px;
}

.ms-modal.ms-modal-hover .prflpp-hdr-actns a .far {
  display: none
}

.ms-modal.ms-modal-hover .prflpp-hdr-actns a span {
  margin-left: 0 !important
}

#userProfilePopup.ms-modal.ms-modal-hover .lft-fxd-120-tbl tr td:first-child {
  width: 100px;
  padding-right: 8px;
}
#userProfilePopup.ms-modal.ms-modal-click .lft-fxd-120-tbl tr td:first-child {
  padding-right: 8px;
}
#userProfilePopup.ms-modal-hover .user-deact {
  margin: 20px 0 0 20px
}

.ms-modal .ms-modal-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 25px;
  margin: -32px 0 0 70px;
  color: #777;
}

.ms-modal.ms-modal-click {
  top: 0 !important;
  left: 0 !important;
}

.ms-modal.ms-modal-click .ms-modal-loading {
  margin: -12px 0 0 -14px;
}

.ms-modal.ms-modal-click .ms-modal-loading-wrap {
  position: relative;
  height: 150px
}
.ms-modal.ms-modal-click .prflpp-hdr-actns {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.ms-modal-preview .prflpp-hdr a.prflpp-flwng-btn {
  left: auto;
  right: 10px
}

#peopleDirectoryPpl .people-grid-view .mango-grid-view {
  margin: 65px auto 0;
  float: none;
  height: auto
}

#peopleDirectoryPpl .people_dir .grid-bottom-container {
  margin: 12px -12px -12px -12px;
  padding: 1px 12px 8px 10px;
  height: auto
}

.cstm_stts_msg i {
  font-size: 7px;
  vertical-align: super;
  color: #818181
}

.cstm_stts_msg {
  color: #818181
}

#peopleDirectoryPpl .prfl_prvw_rght a {
  color: #1497d5
}

.copy_link_style .ma-help-container .ma-help-content {
  width: auto !important;
  right: 48%;
  left: auto !important;
  -webkit-transform: translate(48%, 0);
  -moz-transform: translate(48%, 0);
  -ms-transform: translate(48%, 0);
  transform: translate(48%, 0);
  padding: 10px;
  visibility: visible;
  opacity: 1;
  font-size: 11px
}

#ui-datepicker-div {
  z-index: 9999 !important;
}

.opprt-help .video_head {
  margin: 0px auto;
  width: 839px;
}

.opprt-help .msg-text-grey {
  text-align: center;
  width: 839px;
  margin: 0px auto;
}

.video-container {
  padding: 20px;
  border: 1px solid #e5e5e5;
  margin: 0px auto;
  text-align: center;
  box-shadow: 0px 0px 4px #e9e9e9;
}

#toc_wrapper .takeUserToTopwiki {
  background: rgba(220, 225, 231, 0.61) url(/ce/pulse/images/sprite_maximize_minimize_grey.png) repeat -14px 0px;
  padding: 5px 0 0 6px;
  color: #fff;
  display: none;
  position: fixed;
  right: 43px;
  bottom: 61px;
  width: 25px;
  height: 26px;
  line-height: 30px;
  text-align: center;
  z-index: 10;
  border: solid 1px #cacfd5;
  text-indent: -99999px;
}

#toc_wrapper .fullView .takeUserToTopwiki {
  bottom: 38px;
}

#org_members_results .colleague_row .collegues_list_t {
  float: right;
}

#milestone_details .additionalDetailsHeading {
  position: relative;
}

#milestone_details .additionalDetailsHeading .collapsedTask:before {
  content: "\f0dd";
  position: absolute;
  top: 15px;
  right: 10px;
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 7 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#milestone_details .additionalDetailsHeading .expandedTask:before {
  content: "\f0de";
  position: absolute;
  top: 19px;
  right: 10px;
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 7 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.loading-content {
  display: block;
  text-align: center;
  padding-bottom: 5px;
  line-height: 32px;
}

#edit_news_page_dialog .mdl-cont .jColorSelect {
  width: auto !important;
}

#toc_wrapper .blog-post-attachments,
#show_site_page_container_slider .posts_brand .blog-post-attachments {
  display: inline-block;
}

.approved-status {
  color: green !important;
  cursor: text;
}

.rejected-status {
  color: red !important;
  cursor: text;
}

.approved-status:before,
.rejected-status:before {
  margin: 0px 4px 0 0;
  content: "\f00c";
  font: normal normal normal 14px/1 "Font Awesome 7 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rejected-status:before {
  content: "\f00d";
}

.dc-vrsn-img {
  max-width: 50px;
  max-height: 50px;
}

.skype-actn-btn {
  background: #fff;
  float: left;
  color: #077db4;
  line-height: 25px;
  font-size: 14px;
  position: relative;
}

.skype-actn-btn>.skype-actn-call {
  color: #077db4 !important;
  float: left;
  padding: 0 10px;
  border: 1px solid #00aff0;
  border-radius: 2px;
  transition: all 0.2s linear;
}

.people-container .skype-actn-btn>.skype-actn-call {
  display: flex;
  align-items: center;
  padding: 0 7px;
  font-size: 11px;
}

.people-list-view .people_dir_more .user-type .skype-actn-btn>.skype-actn-call {
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.skype-actn-call .far {
  margin-right: 5px;
  font-size: 14px;
}

.skype-drop-ico {
  position: static !important;
}

.skype-drop-ico>span {
  padding: 0 7px;
  border: 1px solid #00aff0;
  display: block;
  border-left: 0;
  border-radius: 0 2px 2px 0;
  transition: all 0.2s linear;
}

.info_container tr td+td .skype-drop-ico>span {
  border: 1px solid #00aff0 !important;
  border-left: 0 !important;
}

#ip_setting_wrapper {
  background: #f5f5f5;
  padding: 10px 10px 10px 0;
}

#ip_setting_table {
  table-layout: fixed;
}

#ip_setting_table td {
  width: 21% !important;
  padding: 5px 0 !important;
}

#ip_setting_table td:nth-child(3) {
  width: auto !important;
}

#ip_setting_table tr td:last-child {
  width: 40px !important;
  vertical-align: middle;
}

#ip_setting_table tbody tr:first-child td {
  border: 0;
}

#ip_setting_table td .remove {
  float: right;
  margin: 8px 0 0;
}

#ip_setting_table .smallTxtField {
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box;
  height: 34px;
}

#ip_setting_table ul.token-input-list-facebook.data-group-deleted {
  border-color: #aa0000 !important;
}

.ip-shw {
  padding: 5px 10px 5px 0;
  color: #333;
}

#ip_setting_table tr>td:first-child .ip-shw {
  padding-left: 10px;
}

.ip-td-actns {
  padding: 0 5px;
  text-align: right;
}

.content table tr td ul.ipRangeSetting li.token-input-token-facebook {
  padding: 0px 18px 0px 6px;
}

.awards-tag-list {
  margin: 8px 0 -5px;
  font-size: 13px;
}

.feeds-tag-list,
.cc-tag-list {
  margin: 20px 0 15px;
  font-size: 13px;
}

.mango-timeline .feeds-tag-list {
  margin-left: 15px;
}

.feeds-tag-list .feed-hashtag-item {
  line-height: inherit;
  padding: 1px 7px 2px 23px;
  font-size: 13px;
  margin-bottom: 0;
}

.feeds-tag-list .feed-hashtag-item .far.feed-hashtag-icon {
  margin: 2px 0 0 -17px;
  font-size: 14px;
  text-shadow: 0 1px 3px #9a9898;
}

.feeds-tag-list .feed-hashtag-item .fa-tag.super-tag {
  margin: 1px 0 0 -21px;
}

.feeds-tag-list .fa-tag.super-tag:before {
  content: "";
  background: url("/ce/pulse/images/supertag_sprite.png");
  height: 18px;
  display: inline-block;
  background-position: 0px -70px;
  width: 17px;
  background-size: 17px;
}

.non-logged-in .fullscreen_button {
  display: none;
}

.fullscreen_button {
  position: fixed;
  bottom: 38px;
  right: 3px;
  z-index: 16;
  width: 25px;
  height: 26px;
  background: #dce1e7;
  padding: 5px 0 0 6px;
  color: #fff;
  border: solid 1px #cacfd5;
}

.fullscreen_button:hover {
  background-color: #dce1e7;
}

.fullscreen_button a#view-fullscreen i,
.fullscreen_button a#cancel-fullscreen i {
  font-size: 20px;
}

.fullscreen_button a#view-fullscreen i,
.fullscreen_button a#cancel-fullscreen i {
  background: url(/ce/pulse/images/sprite_maximize_minimize_grey.png) repeat -24px -2px;
  width: 20px;
  height: 20px;
  display: block;
}

.fullscreen_button a#view-fullscreen i.ico-expand {
  background-position: -21px -37px;
}

.fullscreen_button a#cancel-fullscreen i.ico-compress {
  background-position: -21px -67px;
  transform: rotate(90deg);
}

.vw-fl-prfl {
  margin: 15px 15px 0 0;
  text-align: center;
}

.ms-modal.ms-modal-hover .vw-fl-prfl {
  margin: 0;
  position: absolute;
  bottom: 36px;
  left: 171px;
  right: 0;
}

.link-hvr-underline:hover {
  text-decoration: underline;
}

.ma-srt-btn {
  overflow: hidden;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
}

.ma-srt-btn:before {
  display: block;
  width: 14px;
  height: 20px;
  content: "\f1de";
  font-family: "Font Awesome 7 Pro";
}

.list-container .quick_find_search {
  width: 330px;
  position: relative;
  top: -6px;
}

.list-container .quick_find_search.member_search {
  width: 220px;
  padding-right: 58px;
}

#search_count {
  position: absolute;
  top: 2px;
  right: 10px;
  opacity: .6;
  text-align: left;
}

.mmbrs-ldng {
  text-align: center;
  position: static !important;
  background: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  color: #4a4a4a;
  font-weight: normal;
  margin: 10px 0 20px;
}

.mmbrs-ldng img {
  display: inline-block;
  margin: 0 3px 0 0;
}

.has-guest-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--portal-background-gray-color);
  border: 1px solid var(--portal-border-color);
  padding: 4px 10px;
  color: var(--portal-secondary-text-color);
  position: relative;
  clear: both;
}

.as-guest-ico-Class .has-guest-indicator {
  line-height: 25px;
  padding: 2px 7px;
}

.as-guest-ico-Class .has-guest-indicator~.mango-emoji-picker,
.as-guest-ico-Class .has-guest-indicator~.mango-gif-picker {
  bottom: 45px;
}

.as-guest-ico-Class .has-guest-indicator .has-guest-ico {
  display: inline-block;
  width: 21px;
  height: 16px;
  margin-top: 3px;
}

.has-guest-ico {
  display: inline-block;
  width: 21px;
  height: 16px;
  background: url(/ce/pulse/images/v2/miscellaneous_sprite.png) no-repeat;
  background-position: -5px -4341px;
  vertical-align: text-bottom;
}

.input-dflt-txt {
  color: #777;
}

.moreblock #mangoCKeditorContent.post_preview_content {
  overflow-x: hidden;
  overflow-y: hidden;
}

.plan_section_type_ma .new_plan_details {
  width: 100%;
  float: left;
  margin: 10px 0 16px 0;
  text-align: center;
}

.plan_section_type_ma .new_plan_details .current_heading {
  font-size: 18px;
  color: #333333;
  text-decoration: underline;
}

.plan_section_type_ma .new_plan_details .plan_type {
  font-size: 34px;
  color: #141414;
  text-align: center;
  margin: 4px 0px 8px 0px;
}

.plan_section_type_ma .new_plan_details .plan_details_domain {
  font-weight: bold;
  font-size: 17px;
  color: #333333;
  text-align: center;
  line-height: 16px;
}

.plan_section_type_ma .new_plan_details .plan_details_domain span {
  display: block;
  font-weight: normal;
}

.plan_section_type_ma .plan_details_domain .discount_price_get {
  margin: 19px 30px;
  color: #b9b9b9;
  font-style: italic;
}

.plan_section_type_ma .activeusers {
  text-transform: uppercase;
  color: #2091df;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 10px;
}

.plan_section_type_ma .activeusers .activeuser_number {
  color: #565656;
}

.plan_section_type_ma .plan_details_domain .user-plan-yrl {
  font-size: 14px;
  color: #666666;
  margin-top: 7px;
}

.sync_setting .onoffswitch-inner:before {
  content: " ";
  padding-left: 11px;
  color: #FFFFFF;
}

.sync_setting .onoffswitch-inner:after {
  content: " ";
  padding-right: 9px;
  color: #717171;
  text-align: right;
}

.sync_setting .onoffswitch-inner:before,
.sync_setting .onoffswitch-inner:after {
  font-size: 14px;
}

.onoffswitch.sync_setting {
  width: 101px;
}

.sync_setting .onoffswitch-switch {
  right: 72px;
}

.leaderboard-item {
  cursor: pointer;
}

.pnnd_elements {
  max-height: calc(100vh - 180px);
  overflow-x: hidden;
  overflow-y: auto;
  margin: 9px -13px 0;
  border-top: 1px solid #dbdbdb;
  padding: 10px 13px 0;
}

.pinned-header-fixed {
  position: sticky;
  top: 113px;
  align-self: flex-start;
}

.pinned-header-fixed .pnnd_elements {
  overflow-y: auto;
  left: 0
}

.column-two .pnnd_elements .rhsContentbox_content {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

#tag_search_result_container.pagination-added .view_all_text {
  display: none;
}

.btn-close-header {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 27px;
  height: 26px;
  z-index: 1;
  font-size: 22px;
  text-align: center;
  line-height: 25px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  padding: 2px 0 0 1px;
  visibility: hidden;
  opacity: 0;
  transition: all ease-out .2s;
  cursor: pointer;
}

#ms-custom-header-cont:hover .btn-close-header {
  visibility: visible;
  opacity: 1;
}

.ms-flex {
  display: flex;
}

.ms-inline-flex {
  display: inline-flex;
}

.ms-flex-auto {
  flex: 0 0 auto;
}

#gamification_tabs .people-leaderboard .people_dir .grid-bottom-container {
  height: 71px;
}

.people-grid-view.people-leaderboard .mango-grid-view {
  height: 261px;
  overflow: hidden;
}

#gamification_tabs .levels-leaderboard-wrapper.people-leaderboard .people_dir .grid-bottom-container,
.levels-leaderboard-wrapper.people-grid-view.people-leaderboard .mango-grid-view {
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.people-top-action.alter-top-action.level-badges {
  position: sticky;
  top: 53px;
}

.ripplelink {
  display: block;
  float: left;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
  z-index: 0;
}

.ripplelink:hover {
  z-index: 1000;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
}

.ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  transform: scale(0);
}

.animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}

@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
  }
}

@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2.5);
  }
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

#saveNotificationSettings {
  margin: 20px 0 0 0;
}

#team_specific label input {
  width: 99%;
  border-top: 0px;
  border-left: 0;
  border-right: 0;
  padding: 0px !important;
}

#team_specific .dataTables_filter {
  top: -61px;
  left: 350px;
  background: transparent;
}

.ms-font-verdhana #team_specific .dataTables_filter {
  left: 410px;
}

.otr-mn-contr .Select-menu-outer,
.otr-mn-contr .Select--single {
  width: 182px;
}

.notfns-list {
  position: absolute;
  margin-left: -70px;
}

.email-notication-content .accordion_title {
  font-weight: bold;
}

#team_specific table.dataTable thead th:last-child,
#team_specific table.dataTable thead td:last-child {
  border-right: 0px solid #dadada;
}

#team_specific table.dataTable thead th {
  padding: 8px 24px 8px 10px !important;
}

#notifyDataTable .notification_save {
  text-align: center;
  margin-top: 10px;
  border-radius: 100px;
  padding-top: 0;
  font-size: 13px;
  cursor: pointer;
}

#notifyDataTable .Select.Select--single {
  float: left;
  width: 182px;
}

#notifyDataTable_wrapper label input {
  height: 32px;
  margin-top: 21px;
}

#notifyDataTable_wrapper .dataTables_filter label:after {
  background: url(/ce/pulse/images/mediagallery/search.png) no-repeat scroll 98% 10px rgba(0, 0, 0, 0);
  display: block;
  position: absolute;
  width: 16px;
  height: 30px;
  content: "";
  right: 8px;
  top: 21px;
}

table#notifyDataTable thead th.sorting_asc,
#notifyDataTable th.sorting_asc,
table#notifyDataTable thead .sorting_desc {
  border-bottom: 2px solid #717171;
  font-weight: bold;
  color: inherit;
}

table#notifyDataTable tbody tr.odd:hover,
table#notifyDataTable tbody tr.even:hover {
  background-repeat: repeat-x;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  background-color: #f7f8fa;
}

/* datatable pagination style for dialog */
.dialog_body .dataTables_wrapper .dataTables_paginate a,
.dialog_body:not(.full-size-paginate) .admin-list .pagination a,
.dialog_body:not(.full-size-paginate) .admin-list .pagination span,
.dialog_body:not(.full-size-paginate) .admin-list .pagination em.current {
  padding: 4px 6px !important;
}

/* datatable pagination style for dialog ends */

.dstrcn-scrn,
.dstrcn-top-bar {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 13;
  background: rgba(234, 238, 242, 0.7);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-in-out all;
}

.dstrcn-top-bar {
  top: 0;
  height: 53px;
  bottom: auto;
  background: rgba(51, 60, 73, 0.7);
  z-index: 15;
  position: absolute;
}

.dstrctn-md-enbld .dstrcn-top-bar {
  visibility: visible;
  opacity: 1;
}

.dstrctn-md-enbld .sidebar-wrapper {
  transition: 0.3s ease-in-out all;
  transform: translate(-200px, 0);
}

.dstrctn-md-enbld #shell-header-navigation,
.dstrctn-md-enbld .people-top-action {
  z-index: 15;
}

.counter-static {
  width: auto;
  height: 20px;
  line-height: 21px;
  font-size: 13px;
  min-width: 20px;
  background-color: #f00;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #D60901, #B50600);
  background-image: -ms-linear-gradient(top, #D60901, #B50600);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D60901), color-stop(100%, #B50600));
  background-image: -webkit-linear-gradient(top, #D60901, #B50600);
  background-image: -o-linear-gradient(top, #D60901, #B50600);
  color: #ffffff;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  padding: 1px;
}

.align-self {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

#task_header_section .ico-button .ico-remider-f.reminder-button {
  margin-right: 0px !important;
}

.milestone-task-reminder .ico-button .ico-remider-f.reminder-button {
  margin-right: 0px !important;
}

#task_header_section .actionblue.ico-button .ico-remider-f.reminder-button,
.milestone-task-reminder .actionblue.ico-button .ico-remider-f.reminder-button {
  background-position: -3px -4506px !important;
}

.add_reminder .ico-remider-f,
.grey_reminder_icon .fa-stack.ico-remider-f {
  width: 17px !important;
  height: 17px !important;
  padding: 0px !important;
  margin: 0 0px 0 0px;
  background-position: -3px -4379px;
  margin-top: 2px;
}

.reminderIcon .ico-remider-f,
.reminderIconLabel .ico-remider-f {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 7 Pro";
  font-size: 19px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.reminderIconLabel .ico-remider-f:before,
.reminderIcon .ico-remider-f:before {
  content: "\f017";
}

.grey_reminder_icon .fa-stack.ico-remider-f {
  background: url("/ce/pulse/images/v2/miscellaneous_sprite.png") no-repeat scroll left top;
  background-position: -3px -4379px;
}

.grey_reminder_icon .fa-stack.ico-remider-f:before {
  display: none;
}

.message-action-list-item .reminderIconLabel .ico-remider-f {
  margin: 3px 9px 0 0px !important;
}

.moreMenu .message-action-list-item .reminderIconLabel .ico-remider-f {
  margin: -1px 9px 0 0 !important;
  color: #4a4a4a;
  font-size: 17px;
  position: relative;
  top: 2px;
}

.reminderIconLabel .fa-stack {
  top: -2px !important;
}

.actionbutton .reminder-button {
  margin-top: 0px !important;
  top: -2px !important;
}

.add_reminder.reminderIconLabel.actionblue .fa-stack.ico-remider-f {
  background: url("/ce/pulse/images/v2/miscellaneous_sprite.png") no-repeat scroll left top;
  background-position: -3px -4379px;
}

.add_reminder.actionblue .fa-stack.ico-remider-f {
  background: url("/ce/pulse/images/v2/miscellaneous_sprite.png") no-repeat scroll left top;
  background-position: -3px -4506px;
}

.reminder_head.add_reminder {
  float: left;
  margin-left: 10px;
  line-height: 24px;
}

.reminder_head.add_reminder .ico-remider-f.reminder-button {
  margin: 5px 3px 1px 3px;
}

.message-action-list-item .reminderIconLabel .ico-remider-f i,
.reminder_notification_s .fa-stack.ico-remider-f i {
  display: none;
}

.list-type-div {
  display: list-item;
  margin: 0px 0 0 30px;
  padding: 0px;
}

.if_input_disabled {
  color: inherit !important;
}

.shuffle.active_c {
  background-color: #e5e5e5;
  border: initial;
}

.left-widget-li .attachment_reference .bluetext.more_file_action {
  position: relative !important;
}

#close_poll_hour_edit {
  margin-top: -4px;
}

.opportunities-dashboard-list,
.leftsectionprofile.column-two {
  margin-bottom: 40px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.leftsectionprofile.collapsible-rhs-section {
  max-width: 283px;
  min-width: 283px;
}

audio::-internal-media-controls-download-button {
  display: none;
}

audio::-webkit-media-controls-enclosure {
  overflow: hidden;
}

audio::-webkit-media-controls-panel {
  width: calc(100% + 30px);
  /* Adjust as needed */
}

.quiz_players {
  font-weight: bold;
}

#rhsNoWidgets {
  text-align: center;
  padding: 20px 13px;
}

.actionbutton.feeds-moremenu {
  padding: 3px 7px 9px 7px;
}

.far.circle-moremenu {
  font-size: 6px;
  padding-left: 2px;
  font-weight: 800;
}

.user-broadcast-message.broadcast-message {
  padding: 0;
  margin: 0 -15px;
}

.user-broadcast-message .broadcast-close {
  position: absolute;
  top: 3px;
  right: 3px;
  background: none;
  opacity: 1;
  border: 0;
  transition: none;
  width: auto;
  height: auto;
  border-radius: 26px;
  text-decoration: none !important;
  color: #fff !important;
  padding: 2px 8px 3px 22px;
  font-size: 13px;
  background: rgba(0, 0, 0, 0.2);
}

.user-broadcast-message .broadcast-close:before,
.user-broadcast-message .broadcast-close:after {
  content: '';
  display: block;
  position: absolute;
  left: 7px;
  height: 2px;
  background: rgba(255, 255, 255, 0.9);
  top: 10px;
  width: 12px;
  transform: rotate(45deg);
}

.user-broadcast-message .broadcast-close:after {
  height: 12px;
  top: 5px;
  left: 12px;
  width: 2px;
}

.user-broadcast-message-fixed {
  display: none;
}

#userBraodcastAnchor {
  display: block;
  text-align: center;
}

#userBraodcastBannerImage {
  max-width: 100%;
  vertical-align: top;
}

#userBraodcastTitle,
#userBroadcastContent {
  display: none !important;
}

#userBroadcastImage {
  display: block;
  margin: -20px;
}

.share_link_pg .copiedMsg {
  margin-top: 18px;
  width: 167px;
  background: #00d519;
  background: #ddf9dd url(/ce/images/tick.png) no-repeat 5px 5px;
  padding: 3px 10px 5px 26px !important;
  margin-left: -15px;
  display: none;
}

#delete_all_over_messages .delete_all_messages,
#delete_all_my_messages .delete_all_messages {
  background: url(/ce/pulse/images/delete-all.png) no-repeat -1px -42px;
}

#delete_all_over_messages .delete_all_my_messages,
#delete_all_my_messages .delete_all_my_messages {
  background: url(/ce/pulse/images/delete-all.png) no-repeat -1px -23px;
}

/*Moved Inline style from views/pages*/
.edit-nav-container li+li.over span {
  border-color: #8B6F1B !important;
  background: none !important;
  color: #333;
  background-image: none !important;
}

.edit-nav-container li {
  position: relative;
}

#fancybox-content>div {
  overflow: visible;
}

.module-info-dialog {
  padding-left: 20px !important;
  width: 500px !important;
  display: block;
}

.rsvp-error {
  color: #f00 !important;
}

.rsvp-dialog-error {
  background: none repeat scroll 0 0 #f6c8c1;
  border: 1px solid #d9bcbc;
  min-height: 20px;
  width: 94%;
  padding: 2px 5px;
  text-align: center;
  left: 10px;
  vertical-align: middle;
  display: none;
}

.rsvp_event_img {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f6;
  overflow: hidden;
  min-width: 50px;
  height: 50px;
  border: 2px solid #efefef;
}

.event-feeds-img-cont {
  border: solid 1px #e4e4e4;
  overflow: hidden;
  background-color: #fff;
}

.circular-images .rsvp_event_img {
  border-radius: 50px;
}

.mangoapps-event-box #crop_container_flyout .flyout-body {
  border-radius: 0;
}

.circular-images .mangoapps-event-box #crop_container_flyout .flyout-body,
.circular-images .event-feeds-img-cont {
  border-radius: 100%;
}

.mangoapps-event-box .change_photo_container {
  margin: 0px auto;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  background: #efefef;
}

.theme_class .no-shadow-cke-focus .cke_focus {
  box-shadow: none;
}

.crm_footer {
  background: none transparent;
  border: none;
}

.crm_footer,
.crm_footer .beta,
.crm_footer .language {
  color: #a7a7a7;
}

.theme_class ul.token-input-list-facebook.token-input-disabled-facebook {
  background: url("/ce/pulse/images/tokenizer1.png") no-repeat scroll 5px 9px #ffffff !important;
}

.theme_class ul.token-input-list-facebook.token-input-disabled-facebook input {
  background-color: transparent;
}

.theme_class ul.token-input-list-facebook.token-input-disabled-facebook input {
  background-color: transparent;
}

.event-people-selector .token-input-list-facebook {
  width: 91.7%;
}

.event-people-selector .token-input-list-facebook,
#dashboardUpdateStatus #msgBoxContainer .group_tokenizer .token-input-list-facebook {
  width: 96%;
}

.compose-dialogbox-content #date_select_start_hour,
.compose-dialogbox-content #date_select_end_hour,
.compose-dialogbox-content #date_select_start_min,
.compose-dialogbox-content #date_select_end_min {
  width: 65px !important;
}

li {
  list-style: none;
}

/*End moved Inline style from views/pages*/
/*New Notification */
.ma-notifications {
  margin: 0;
  line-height: 17px;
}

.photo-container {
  width: 52px;
  height: 52px;
  margin-right: 15px;
}

.ma-notifications-item {
  padding: 17px;
  border-bottom: solid 1px #e9e9e9;
  display: flex;
}

.ma-notifications-item:first-child {
  border-top: 0;
}

.user-photo {
  width: 50px;
  height: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid #efefef !important;
  background: #f6f6f6;
  padding: 0 !important;
}

.user-photo a {
  display: inline-flex;
}

.user-photo img {
  max-width: 50px;
  max-height: 50px;
}

.circular-images .user-photo {
  border-radius: 50px;
  overflow: hidden;
  border: 0px !important;
}

.circular-images .mango-big-avatar {
  border-radius: 100%;
}

.user-containet {
  text-align: left;
  word-wrap: break-word;
  word-break: break-word;
}

.user-containet.notification_row .dark-grey {
  color: #717171;
}

aside.hide_notif_comment {
  max-height: 200px;
  overflow: hidden;
  position: relative;
}

aside.hide_notif_comment:before {
  background: #fff no-repeat;
  content: ' ';
  width: 97%;
  height: 140px;
  display: block;
  position: absolute !important;
  bottom: 0px;
  left: 0;
  mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
}

.ma-notifications-unread {
  background: #f6f8fa;
}

.setting-navigation .ms-more-actions .narrow_by .label>span {
  padding: 4px 4px 0 3px;
}

.clck-to-wsh {
  padding: 0 !important;
  display: inline !important;
  font-weight: normal !important;
  background: none !important;
}

#ms-all-notifications-list li div.on_up {
  padding: 5px;
}

.actionbutton.ma-red-link {
  color: #bf3f42 !important;
}

.actionbutton.ma-green-link {
  color: #34a986 !important;
}

.actionbutton.ma-red-link:hover {
  box-shadow: 0 0 0 2px #bf3f42 !important;
  fill: #bf3f42 !important;
}

.actionbutton.ma-green-link:hover {
  box-shadow: 0 0 0 2px #f1a152 !important;
  fill: #34a986 !important;
}

.ma-notifications-item .stream-container {
  /* max-width: 550px; */
  background: #fff;
  margin: 0;
  min-width: 550px;
}

.actionbutton.ma-red-link,
.actionbutton.ma-green-link {
  padding: 6px 20px 6px 20px;
}

.far.ikon-notfn {
  font-size: 30px;
  color: #9a9797;
}

#ms-all-notifications-list .ma-notifications-item:last-child {
  border: 0;
}

.dropdown-menu .photo-container {
  margin-right: 10px;
}

.dropdown-menu .ma-notifications-item {
  padding: 5px;
}

.todo-feed-close,
.hide_user_bday {
  padding: 1px 7px !important;
  color: #848a96 !important;
  border: solid 1px #b1b6bf !important;
  border-radius: 100px !important;
  line-height: 19px !important;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}

.ma-aligner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.user-containet .approved-status {
  margin-left: 0 !important;
}

.user-containet .attachment_file {
  width: auto;
}

.team-notification-item {
  padding: 10px;
  border-bottom: solid 1px #efefef;
}

.team-notification-item:hover {
  background-color: #f6f8fa;
}

.team-notification-item:first-child {
  border-top: solid 1px #dbdddf;
  margin-top: 10px;
}

.close-notification-item {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: solid 1px #999;
  cursor: pointer;
  color: #444;
  display: block;
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  visibility: hidden;
}

.confirm_restore_settings {
  min-width: 400px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.team-notification-item:hover .close-notification-item {
  visibility: visible;
}

.team-row-ntfcn {
  border-bottom: solid 1px #efefef;
  padding: 12px 0;
}

.team-row-ntfcn.ntfcn-first {
  border-bottom: solid 1px #dbdddf;
  padding: 0px 0 10px 0;
}

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

.far.ntfcn-icn {
  color: #999;
  margin-right: 7px;
  font-size: 17px;
  width: 20px;
}

.ntfcn-icn.fa-mobile {
  font-size: 26px;
  margin-top: -3px;
  float: left;
}

.ntfcn-icn.fa-desktop {
  margin-top: 3px;
  float: left;
}

.inpt-alignr {
  margin-left: 22px;
}

.inpt-alignr1 {
  margin-left: 41px;
}

.inpt-alignr2 {
  margin-left: 18px;
}

.ms-font-verdhana .inpt-alignr {
  margin-left: 34px;
}

.ms-font-verdhana .inpt-alignr1 {
  margin-left: 56px;
}

.ms-font-verdhana .inpt-alignr2 {
  margin-left: 26px;
}

.nth-style {
  background: #f6f8fa;
  padding: 10px 0 2px 10px;
  margin-top: 20px;
}

.nn-style {
  background: #f6f8fa;
  padding-bottom: 10px;
  padding-left: 10px;
}

.notf-slct select {
  width: 100%;
}

.holiday-content-item {
  position: relative;
  right: 55px;
}

/*End New Notification */

.post-edit-panel {
  overflow: auto;
  box-sizing: border-box;
}

.post-edit-panel .fixed-cke-topbar {
  position: absolute;
  left: 0;
  right: 0;
}

.fixed-cke-topbar-blank-page {
  position: fixed !important;
  width: 1200px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: auto;
  top: 0;
  right: 21px;
  left: 21px;
  z-index: 1;
}

.post-edit-title-box,
.post-edit-panel .post-edit-title-box,
input.post-edit-title-box[type=text] {
  width: 100%;
  box-sizing: border-box;
  height: auto !important;
  border: 2px dashed #f7f7f7 !important;
  background: transparent !important;
  /* font-size: 32px; */
  text-align: left;
}

.form-input--dashed {
  border: 2px dashed #f7f7f7 !important;
}

.post-edit-panel .cke_chrome {
  box-sizing: border-box;
  border-width: 1px 0 !important;
}

.post-edit-wrapper-box {
  margin: 0 -20px !important;
}
body .ui-tooltip {
  word-wrap: break-word;
}

.post-action-help {
  position: absolute;
  z-index: 2;
  left: 115px;
  top: 3px;
}

.post-action-help-or {
  position: relative;
  margin-right: 16px;
}

.compose-action-help-or {
  margin-left: 16px;
}

.post-action-help-or:before {
  content: '';
  display: block;
  height: 1px;
  background: #cfd3d7;
  position: absolute;
  top: 50%;
  left: -7px;
  right: -7px;
}

.post-action-help-or>span {
  background: #ffffff;
  position: relative;
  z-index: 1;
  display: inline-block;
  text-transform: uppercase;
  width: 24px;
  height: 24px;
  border: 1px solid #cfd3d7;
  border-radius: 100%;
  line-height: 25px;
  text-align: center;
  font-size: 10px;
  color: #b1b1b1;
}

#livechat-compact-container {
  bottom: 74px !important;
}

ul.narrow_by li.events-four ul li a {
  padding: 5px 25px 8px 11px !important;
}

/* Setting layout css */
.setting-lhs {
  background: #f6f8fa;
  margin: -20px 25px -20px -20px;
}

.setting-lhs-link {
  padding: 12px 15px;
  display: block;
  border-bottom: solid 1px #dbdddf;
}

.setting-lhs-link:last-child {
  border-bottom: 0px;
}

.new-navigation-ui a.setting-lhs-link {
  color: #333c49;
}

.new-navigation-ui a.setting-lhs-link.is_selected,
.new-navigation-ui a.setting-lhs-link:hover {
  background-color: #fff;
  color: #1497d5;
}

.setting-rhs {
  margin: -8px 0 0 0;
}

.setting_rhs {
  overflow: auto;
  margin-right: -21px;
  padding-right: 21px;
}

.setting_rhs_content {
  display: none;
}

.setting_lhs_scroll .nicescroll-rails-vr:hover,
.setting_lhs_scroll .nicescroll-rails.nicescroll-rails-vr .nicescroll-cursors:hover,
.setting_lhs_scroll .nicescroll-rails.nicescroll-rails-vr:hover .nicescroll-cursors,
.setting_lhs_scroll .activeScroll.nicescroll-rails-vr>.nicescroll-cursors {
  width: 6px !important;
}

.setting_lhs_scroll .nicescroll-rails-vr .nicescroll-cursors {
  opacity: 0 !important;
}

.setting_lhs_scroll:hover .nicescroll-rails-vr .nicescroll-cursors {
  opacity: 1 !important;
}

.setting-rhs .col-md-12.right-p-0 {
  margin-top: 7px;
  padding-left: 0;
}

/* Setting layout css */

.linkser.ma-help-content:before,
.linkser.ma-help-content:after {
  left: auto;
  right: auto;
}

.linkser.ma-help-content:before,
.linkser.ma-help-content:after {
  left: 11.1%;
  right: auto;
}

.display-block,
.ms-show,
.reaction-menu ul>li,
.widget-post-preview.with_image>div.ackt-box:not(.media-contr),
.my-recording-team-breadcrumb,
.hastag-seach-breadcrumb-container,
.sub-menu-arrow:hover .sidebar-more-sub-menu,
.sub-menu-arrow:focus .sidebar-more-sub-menu,
div.carousel_edit_btns.editmode   {
  display: block !important;
}

.feed_edit_mode textarea.feed-edit-text {
  border: 0;
}

.actionbutton.rsvp-btns {
  padding-left: 0;
  padding-right: 0;
  width: 175px;
}

.uppercase {
  text-transform: uppercase;
}

em#my_projects_count {
  font-style: normal;
}

.save-feed_settings {
  max-width: 660px;
}

.save-save_feeds_tab_order {
  max-width: 625px;
}

.ntfct-link {
  padding: 0px !important;
  display: inline !important;
}

.button-link-cursor {
  cursor: default !important
}

.narrow_by ul.ptions_top,
.page_options_menu.hover-dropdown {
  transition: 0.1s visibility !important;
  transition-delay: .2s !important;
}

.smart_reminders_settings .email_list_view .select2-container {
  min-width: 104px !important;
}

.new-navigation-ui .tracker_footer_style .nextbtn_last {
  background: #146b9a;
}

a.reader-link.reader-action img {
  vertical-align: middle;
  margin-top: 1px;
}

.private-message-actions .dm_reminder .add_reminder {
  background-image: none;
  padding: 8px 8px 8px 7px;
}

.private-message-actions .dm_reminder .add_reminder .ico-remider-f {
  margin: 3px 12px 0 0px !important;
  color: #808080;
}

.bell-accept-link,
.bell-reject-link {
  color: #34a986 !important;
  margin-right: 10px !important;
  font-weight: normal;
}

.bell-reject-link {
  color: #bf3f42 !important;
}

.far.big-grey-smiley {
  font-size: 200px;
  line-height: 1;
  color: #dedede;
}

.no-content-with-smiley,
.no-content-img  {
  text-align: center;
  padding: 105px 0 0px 0;
}

.no-content-img {
  width: 500px;
  margin: 0 auto;
}

.feed-preview-content,
.update-preview-content {
  max-height: 150px;
  overflow: hidden;
  position: relative;
  min-height: 36px;
}

.update-preview-content {
  max-height: 85px;
}

.feed-preview-content:after,
.update-preview-content:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 28px;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(247, 248, 250, 0) 0%, rgba(247, 248, 250, 0.8) 50%, rgba(247, 248, 250, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(247, 248, 250, 0) 0%, rgba(247, 248, 250, 0.8) 50%, rgba(247, 248, 250, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(247, 248, 250, 0) 0%, rgba(247, 248, 250, 0.8) 50%, rgba(247, 248, 250, 1) 100%);
}

.intranet-mustread-box #post_list_ms_section .wrapper,
.intranet-mustread-box .widget-post-preview.with_image,
.intranet-mustread-box #post_list_ms_section .wrapper ul.carousel>li {
  height: 599px !important;
}

.intranet-mustread-box .timeline-post-preview .media-contr,
.intranet-mustread-box .widget-post-preview .media-contr {
  height: 537px !important;
  line-height: 537px !important;
  background-position: center center;
}

.intranet-mustread-box .widget-post-preview .post_preview_content {
  max-height: 350px !important;
}

.intranet-mustread-box ul.tabs li a {
  font-size: 18px;
}

.timeline-post-media-cntnr {
  text-align: center;
  position: relative;
}

.timeline-post-media-cntnr img {
  max-width: 100%;
}

.timeline-post-media-cntnr .playbutton {
  width: 52px;
  height: 39px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.timeline-post-preview .media-contr.timeline-post-media-list-cntnr {
  background-position: center center;
  width: 200px;
  height: auto;
  top: -1px;
  right: -1px;
  bottom: -1px;
  position: absolute;
  margin: 0;
  line-height: 1;
  background-repeat: no-repeat;
}

.timeline-post-media-list-content {
  padding-right: 210px;
}

.timeline-post-media-list-cntnr .playbutton {
  width: 52px;
  height: 39px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* slider changes */
#post_list_ms_section .pagination>span.cycle-pager-active,
#post_list_ms_section .wrapper div.pagination>p.cycle-pager-active {
  background: #ffffff;
}

#post_list_ms_section .wrapper div.navigation>p,
.pv-tmln-itm--cntnr div.navigation>p,
.ms-gridbox-content .ps-carousel.ma-slick-slider .slick-arrow {
  background-color: rgba(0, 0, 0, .5);
  color: #ffffff;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 32px !important;
  height: 32px !important;
  line-height: 24px !important;
  border-radius: 100%;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  padding: 0;
  text-indent: -9999px;
}

#post_list_ms_section .wrapper div.navigation>p.goprev:before,
.pv-tmln-itm--cntnr div.navigation>p.goprev:before,
#post_list_ms_section .wrapper div.navigation>p.gonext:before,
.pv-tmln-itm--cntnr div.navigation>p.gonext:before,
.ms-gridbox-content .ps-carousel.ma-slick-slider .slick-next:before,
.ms-gridbox-content .ps-carousel.ma-slick-slider .slick-prev:before,
.rhs-main-contr .ps-carousel.ma-slick-slider .slick-prev:before,
.rhs-main-contr .ps-carousel.ma-slick-slider .slick-next:before {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  content: "\f104";
  font-family: "Font Awesome 5 Pro" !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  bottom: 0;
  font-weight: 400 !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  text-indent: 0;
}

#post_list_ms_section .wrapper div.navigation>p.gonext:before,
.pv-tmln-itm--cntnr div.navigation>p.gonext:before,
.ms-gridbox-content .ps-carousel.ma-slick-slider .slick-next:before {
  content: "\f105";
  left: 3px;
  right: 0px;
}

.rhs-main-contr .ps-carousel.ma-slick-slider .slick-prev:before {
  content: "\f104";
}
.rhs-main-contr .ps-carousel.ma-slick-slider .slick-next:before {
  content: "\f105";
}
.rhs-main-contr .ps-carousel.ma-slick-slider .slick-prev, 
.rhs-main-contr .ps-carousel.ma-slick-slider .slick-next {
    text-indent: -999px;
    width: 32px !important;
    height: 32px !important;
}

#post_list_ms_section:hover .navigation,
.pv-tmln-itm--cntnr:hover .navigation {
  display: block;
}

#post_list_ms_section .wrapper div.navigation>p.goprev,
.pv-tmln-itm--cntnr div.navigation>p.goprev {
  left: 12px;
}

#post_list_ms_section .wrapper div.navigation>p.gonext,
.pv-tmln-itm--cntnr div.navigation>p.gonext {
  right: 12px;
}

/* do not display prev next on mobile. */
.mobile_pages_style .navigation p.goprev,
.mobile_pages_style .navigation p.gonext,
#post_list_ms_section .navigation,
.pv-tmln-itm .navigation {
  display: none;
}

.widget-post-preview.with_image {
  display: flex !important;
  flex-direction: column;
}

.widget-post-preview.with_image .media-contr,
.widget-post-preview.with_image>div:first-child {
  flex: 1 0 auto;
  height: auto;
}

.widget-post-preview.with_image>div:first-child:not(.media-contr) {
  display: flex !important;
}

.widget-post-preview.with_image .grid-title {
  flex: 0 0 auto;
}

.media-contr-colm,
.media-contr-colm .i-t-editable,
.media-contr-colm p,
.carousel-widget-item--media-wrap,
.carousel-widget-item--media-wrap .mp-audio-player {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.media-contr-colm:not(.no-image-cont) p,
.media-contr-colm:not(.no-image-cont) p>a {
  /*display: flex;*/
  overflow: hidden;
}

.media-contr-colm:not(.no-image-cont) img {
  /* Check this sytle where used */
  width: auto !important;
  margin: auto !important;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.media-contr-colm:not(.no-image-cont) img.video-place-holder {
  min-width: 0;
  min-height: 0;
  position: static;
}

.media-contr-colm:not(.no-image-cont) .carousel-widget-item--first-img {
  max-width: 100%;
  min-width: 100%;
  min-height: 10px;
}

.intranet-mustread-box .media-contr-colm:not(.no-image-cont) .carousel-widget-item--first-img {
  max-width: initial;
  min-width: 100%;
  min-height: 100%;
}

#post_list_ms_section .carousel .embed-iframe-container,
#post_list_ms_section .carousel .embed-iframe-container iframe,
#post_list_ms_section .carousel .mp-video-player {
  width: 100%;
  height: 100%;
  background: #000;
}

#post_list_ms_section .carousel .embed-iframe-container iframe {
  display: block;
  border: 0;
}

#post_list_ms_section .carousel .mp-video-player {
  display: flex !important;
  flex-direction: column;
}

#post_list_ms_section .carousel .mp-video-player:not(.fs_only_cont) video {
  width: 100%;
  flex: 1;
  max-width: none;
  min-width: initial;
  height: 100%;
}

.carousel-widget-item--media-wrap .mp-audio-player:not(.fs_only_cont) {
  display: block !important;
  max-width: none;
  min-width: initial;
}

.carousel-widget-item--media-wrap .mp-audio-player:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 32px;
  left: 0;
  background-image: url(/ce/pulse/images/slider_widget_video_ndicator.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.carousel-widget-item--media-wrap .mp-controls {
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}
.carousel-widget-item--media-wrap .mp-controls .mp-speed{
  margin-left: 8px;
}

.carousel-widget-item--media-wrap .mp-audio-player .mp-controls {
  position: absolute;
}

.widget-post-preview .media-contr {
  background: #fff !important;
}

.widget_content_container_div.widget-content-container--posts[data-widget_settings="T"] .media-contr-colm:not(.no-image-cont) img,
.widget_content_container_div.widget-content-container--posts[data-widget_settings="T"] .media-contr-colm:not(.no-image-cont) .carousel-widget-item--first-img {
  max-width: 100%;
  min-width: 10px;
  min-height: 10px;
  position: static;
  margin: 0 !important;
}

.widget_content_container_div[data-widget_settings="R"] .media-contr-colm:not(.no-image-cont) img:not(.carousel-widget-item--first-img),
.widget_content_container_div.widget-content-container--posts[data-widget_settings="T"] .media-contr-colm:not(.no-image-cont) img:not(.carousel-widget-item--first-img) {
  max-height: 100%;
}

.widget_content_container_div[data-widget_settings="R"] .media-contr-colm:not(.no-image-cont) p,
.widget_content_container_div[data-widget_settings="R"] .media-contr-colm:not(.no-image-cont) p>a,
.widget_content_container_div.widget-content-container--posts[data-widget_settings="T"] .media-contr-colm:not(.no-image-cont) p,
.widget_content_container_div.widget-content-container--posts[data-widget_settings="T"] .media-contr-colm:not(.no-image-cont) p>a {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.widget_content_container_div[data-widget_settings="R"] .media-contr-colm:not(.no-image-cont) p>a img {
  position: absolute !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.ms-gridbox .ms-gridbox-content img {
  filter: blur(0);
  -webkit-filter: blur(0);
  /*transform: translateZ(0);*/
  /*-webkit-transform: translateZ(0);*/
  transform: revert;
  -webkit-transform: revert;
  image-rendering: -webkit-optimize-contrast;
}

.ms-gridbox .ms-gridbox-content .user-photo img {
  transform: none;
  -webkit-transform: none;
  image-rendering: auto;
}

.widget_content_container_div[data-widget_settings="R"] .intrnt-anncmnt-cntnr .media-contr-colm:not(.no-image-cont),
#announcement-message-container-rhs.widget_content_container_div[data-widget_settings="R"] .media-contr-colm:not(.no-image-cont),
.widget_content_container_div.widget-content-container--posts[data-widget_settings="T"] .intrnt-anncmnt-cntnr .media-contr-colm:not(.no-image-cont),
#announcement-message-container-rhs.widget_content_container_div.widget-content-container--posts[data-widget_settings="T"] .media-contr-colm:not(.no-image-cont) {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*override for lhs manage navigation button*/
ul.sidebar-menu li.lhs-edit {
  position: fixed;
  bottom: 29px;
}

ul.sidebar-menu li.lhs-edit a {
  border-bottom: 0;
  width: 200px;
  padding-right: 15px;
}

.active-mini-navbar ul.sidebar-menu li.lhs-edit a {
  width: 50px;
}

.fixed-navigation_slide ul.sidebar-menu li.lhs-edit a,
.fixed-navigation_slide.active-mini-navbar ul.sidebar-menu li.lhs-edit a {
  width: 200px;
}

ul#primary-lhs-basket li.lhs-edit {
  position: static !important;
}

ul.sidebar-menu li .sidebar-more-menu li.lhs-edit a {
  width: auto !important;
}

/*End override for lhs manage navigation button*/
.onoffswitch-label {
  width: 55px !important;
  height: 20px;
  background: white;
  border: 1px solid #dadde1;
  display: inline-block;
  position: relative;
  border-radius: 50px;
  cursor: pointer;
}

.onoffswitch-switch {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: white;
  position: absolute;
  top: -4px;
  left: -1px;
  border-radius: 50%;
  border: 1px solid #ccd0d6;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
  -moz-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -moz-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -o-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -webkit-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  z-index: 1;
}

.onoffswitch-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 50px;
  z-index: 0;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  content: ' ';
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  width: 55px;
  -moz-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -webkit-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  background: #e6e6e6;
}

.onoffswitch-inner:after {
  content: ' ';
  right: auto;
  left: -45px;
  background: #1497d5;
}

.onoffswitch-label:hover .onoffswitch-switch {
  border-color: #b5bbc3;
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}

.onoffswitch-label:active .onoffswitch-switch {
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner:after {
  right: auto;
  left: -7px;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner:before {
  right: -56px;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  left: 30px;
}

.onoffswitch-checkbox:disabled + .onoffswitch-label {
  cursor: not-allowed;
}

.col-md-12.has-add-action {
  position: absolute !important;
  margin-top: 53px !important;
  padding-right: 57px !important;
}

.admin-moduale-list.admin-moduals+.admin-moduale-list.admin-moduals {
  margin-bottom: 0;
}

/* loader CSS */
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -668px 0
  }

  100% {
    background-position: 468px 0
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -268px 0
  }

  100% {
    background-position: 468px 0
  }
}

.timeline-wrapper {
  background-color: #fff;
  color: #141823;
  padding: 20px;
  border: 0px solid #ccc;
}

.timeline-item {
  background: #fff;
  border: 1px solid;
  border-color: rgba(229, 230, 233, 0.3) rgba(223, 224, 228, 0.3) rgba(208, 209, 213, 0.3);
  border-radius: 3px;
  padding: 12px;
  margin: 0 auto;
  max-width: 100%;
  min-height: 150px;
}

.animated-background {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: #eeeeee;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}

.background-masker {
  background: #fff;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.background-masker.avatar {
  float: left;
  position: absolute;
  z-index: 1;
  height: 42px;
  width: 40px;
  display: block;
  top: 3px;
  background: #f6f7f8;
  background: #eeeeee;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
}

.circular-images .background-masker.avatar {
  float: left;
  position: absolute;
  z-index: 1;
  height: 42px;
  width: 40px;
  display: block;
  top: 3px;
  background: #f6f7f8;
  background: #eeeeee;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  border-radius: 100%;
}

.outlined .background-masker {
  border: 1px solid #ddd;
}

.outlined:hover .background-masker {
  border: none;
}

.outlined:hover .background-masker:hover {
  border: 1px solid #ccc;
  z-index: 1;
}

.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
  top: 0;
  left: 40px;
  right: 0;
  height: 10px;
}

.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
  top: 10px;
  left: 40px;
  height: 8px;
  width: 10px;
}

.background-masker.header-left,
.background-masker.subheader-left {
  top: 0px;
  left: 0px;
  height: 50px;
  width: 50px;
}

.background-masker.header-bottom {
  top: 18px;
  height: 6px;
}

.background-masker.subheader-left,
.background-masker.subheader-right {
  top: 24px;
  height: 6px;
}

.background-masker.header-right,
.background-masker.subheader-right {
  width: auto;
  left: 17%;
  right: 0;
}

.background-masker.subheader-right {
  left: 11%;
}

.background-masker.subheader-bottom {
  top: 30px;
  height: 10px;
}

.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
  top: 40px;
  left: 0;
  right: 0;
  height: 6px;
}

.background-masker.content-top {
  height: 20px;
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end {
  width: auto;
  left: 49%;
  right: 0;
  top: 60px;
  height: 8px;
}

.background-masker.content-second-line {
  top: 68px;
}

.background-masker.content-second-end {
  left: 47%;
  top: 74px;
}

.background-masker.content-third-line {
  top: 82px;
}

.background-masker.content-third-end {
  left: 400px;
  top: 88px;
}

.background-masker.content-top1 {
  left: 0px;
  background: #fff;
  height: 40px;
  top: 58px;
  width: 51px;
}

.fb-page-loader {
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  border: 0px;
}

/* Profile style*/
.field-has-error input[type=text],
.field-has-error textarea,
.profileSetting .field-has-error .cke_chrome {
  border-bottom: 1px solid #cd1415 !important;
  box-shadow: 0 1px 0 0 #cd1415 !important;
}

.field-has-error .reqd-err {
  color: #cd1415;
  clear: both;
  margin-top: 5px;
}

.field-has-error select,
.field-has-error select:focus,
.field-has-error select:hover,
.field-has-error .ui-multiselect {
  outline: 1px solid #cd1415;
}

/* End profile style*/
.event_feed_container .post_preview_content:after {
  background: -moz-linear-gradient(top, rgba(247, 248, 250, 0) 0, rgba(247, 248, 250, 0.8) 50%, rgba(247, 248, 250, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(247, 248, 250, 0) 0, rgba(247, 248, 250, 0.8) 50%, rgba(247, 248, 250, 1) 100%);
  background: linear-gradient(to bottom, rgba(247, 248, 250, 0) 0, rgba(247, 248, 250, 0.8) 50%, rgba(247, 248, 250, 1) 100%);
}

.item-img-box.ma-aligner {
  padding: 0;
  height: 45px;
}

.module-list-item.display-flex {
  overflow: visible;
}

.icon-custom {
  width: 40px;
  height: 40px;
  background: url(/ce/pulse/images/sprite_reports.png) no-repeat;
}

.icon-c-user {
  background-position: 0px 2px;
}

.icon-c-users {
  background-position: 0px -54px;
}

.icon-c-controller {
  background-position: -1px -113px;
}

.icon-c-arrow {
  background-position: -1px -172px;
}

.icon-c-star {
  background-position: 0px -230px;
}

.icon-c-tbl {
  background-position: 0px -287px;
}

.icon-c-eye {
  background-position: -1px -346px;
}

.icon-c-qusn {
  background-position: -2px -404px;
}

.icon-c-doc {
  background-position: 0px -462px;
}

.icon-c-sun {
  background-position: -2px -521px;
}

.icon-c-batteri {
  background-position: 0px -579px;
}

.icon-c-nobr {
  background-position: -1px -637px;
}

.icon-c-fa {
  background: none;
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-c-media:before {
  content: "\f03d";
}

.icon-c-trophy:before {
  content: "\f091";
}

.icon-c-medal:before {
  content: "\f5a2";
}

.icon-c-team-uses:before {
  content: "\f759";
}

.icon-c-dashboard:before {
  content: "\f015";
}

.icon-c-page:before {
  content: "\f15c";
}

.inline-copy-url {
  background: #ece9d8;
  color: #4a4a4a;
  padding: 5px 15px 0px 10px;
  border: 1px solid #dce1e7;
  display: inline-block;
  height: 27px;
  vertical-align: middle;
  font-weight: bold;
}

.actionbutton.ma-icon-button {
  padding: 4px 6px 4px 6px;
}

.actionbutton.ma-icon-button .far {
  color: #8d98a7;
  font-size: 18px;
}

.help-cursor {
  cursor: help;
  color: var(--portal-secondary-text-color);
}

.align-flex-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: flex-end;
  align-self: flex-end;
}

.form-field250 {
  min-width: 250px;
}

.applied-date-range {
  font-style: normal;
}

.narrow_by.custm-menu ul.no-lpos {
  left: -13px;
}

.is-list-item li {
  list-style: inherit;
  margin-left: 10px;
}

.shortcut-tabs {
  border: solid 1px #cfcfcf;
  border-radius: 20px;
  margin: 0 0 25px 0;
  display: inline-flex;
  background: #fff;
  overflow: hidden;
}

.shortcut-tabs a {
  padding: 6px 0px;
  min-width: 154px;
  text-align: center;
}

.shortcut-tabs a{
  color: #999;
}

.shortcut-tabs a:hover {
  background: #1497d5;
  color: #fff;
}

.shortcut-tabs .active,
.shortcut-tabs a.active:hover {
  color: #fff;
  background: #1497d5;
}

.is-tab-1 {
  border-right: solid 1px #cecece;
}

.shortcut-tabs .active:hover {
  color: #fff;
  cursor: default;
}

.ma-short-label {
  width: 60px;
  align-self: center;
}

.ma-field-item {
  margin-right: 10px;
  align-self: center;
  width: 250px;
}

.ma-field-item2 {
  align-self: center;
  margin-right: 12px;
}

.edit-module-item .ma-field-item .mdl-name,
input[type=text].ma-input-100p,
.ps-sp-row input[type=text].ma-input-100p,
input[type=password].ma-input-100p {
  width: 100%;
  box-sizing: border-box;
  height: 34px;
}

.changable-flds {
  max-height: 160px;
  overflow: auto;
}

.multiple-flds-row {
  display: flex;
  box-sizing: border-box;
  border: solid 1px transparent;
  padding: 7px 12px 7px 7px;
  margin: 0 0 0px -7px;
  position: relative;
}

.multiple-flds-row:hover {
  background: #f5f5f5;
  border: solid 1px #dce1e7;
}

.changable-flds .multiple-flds-row {
  width: 99%;
  margin: 0;
}

.remove-shrtcut-btn {
  visibility: hidden;
  cursor: pointer;
  position: absolute;
  right: -6px;
  top: -10px;
  padding: 2px;
  color: #4a4a4a;
}

.multiple-flds-row:hover .remove-shrtcut-btn {
  visibility: visible;
}

.multiple-flds-row .mdl-name {
  margin: 0;
  width: 100%;
}

.shortcut-link-holder {
  max-width: 880px;
}

.multiple-flds-row select {
  height: 34px;
  max-width: 250px;
}

.shortcut-link-holder .mdl-select-menu {
  width: 310px;
  display: inline-block;
}

.shortcut-link-holder .mdl-slider {
  margin-left: -5px;
}

@-moz-document url-prefix() {

  .widget-post-preview.with_image .media-contr,
  .widget-post-preview.with_image>div:first-child {
    flex-basis: auto;
  }

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

  .widget_content_container_div.widget-content-container--posts[data-widget_settings="T"] .media-contr-colm:not(.no-image-cont) img,
  .widget_content_container_div.widget-content-container--posts[data-widget_settings="T"] .media-contr-colm:not(.no-image-cont) .carousel-widget-item--first-img {
    min-width: initial;
    min-height: initial;
  }

}

.mango-grid-view--container {
  display: flex;
  flex-wrap: wrap;
}

.mango-grid-view--item {
  width: 256px;
  border: 1px solid #dce1e7;
  margin: 0 16px 25px 2px;
  box-sizing: border-box;
}

/* Todo Actions Style*/
.widget_heading_title-12 .todo_checkbox {
  margin: 2px 5px 0 0;
}

.mytodos_container.action-widget {
  padding: 0;
  font-size: 14px;
  color: #4a4a4a;
  clear: both;
}

.action-status {
  padding: 10px 0;
  margin: 20px 0 0 0;
}

.action-widget .todo_list li {
  border-top: solid 1px #edeff1;
  padding: 10px 0px 10px 0px;
  color: #4a4a4a;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
}

.action-widget .todo_list li:first-child {
  border-top: 0;
}

.action-desc {
  max-width: 84%;
}

.action-indicator,
.far.action-indicator {
  color: #75b62c;
  box-shadow: 0 0 2px 0 rgba(109, 108, 108, 0.7);
  padding: 3px;
  font-size: 15px;
  border-radius: 2px;
}

.actions-circlebar-container {
  display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  margin: -15px -15px 0 -15px;
  flex-wrap: wrap;
}

.actions-circlebar.icon-circlebar {
  min-width: 10px;
  max-width: 10px;
  height: 10px;
  border-width: 3px;
}

.team-actions .action-status {
  margin-top: -1px;
}

.actions-circlebar-item {
  cursor: pointer;
  width: 130px;
  margin: 25px 5px 0 5px;
  color: #4a4a4a;
}

.actions-circlebar {
  min-width: 64px;
  max-width: 64px;
  border: solid 10px #1497d5;
  border-radius: 100%;
  height: 64px;
  display: flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.actions-label {
  box-shadow: 0 2px 7px 0px rgba(216, 215, 215, 0.5);
  border-radius: 14px;
  text-align: center;
  border: solid 1px #e2e0e0;
  margin-top: 10px;
  padding: 4px 5px;
  box-sizing: border-box;
}

.ms-intranet-tab.widget-data-tabs {
  margin: -5px -15px 10px -15px;
  float: none;
  width: inherit;
}

.widget-data-tabs .tabs .tab {
  line-height: 34px;
  max-width: 50%;
}

.ms-intranet-tab.widget-data-tabs ul.tabs li a {
  overflow: hidden;
  padding: 0 15px !important;
}

.small-size-avtar .photo-container {
  width: 34px;
  height: 34px;
  margin-right: 10px
}

.small-size-avtar .user-photo {
  width: 32px;
  height: 32px;
}

.small-size-avtar .user-photo img {
  max-width: 32px;
  max-height: 32px;
}

.action-comnt,
.far.action-comnt {
  font-size: 18px;
  color: #b0b4b7;
}

.light-pagination {
  display: flex;
  box-sizing: border-box;
  padding: 10px 0;
}

.ms-gridbox[data-sizex="2"] .light-pagination,
.ms-gridbox[data-sizex="3"] .light-pagination {
  margin-left: 2%;
  margin-right: 2%;
  width: 96%;
  min-width: 96%;
  max-width: 96%;
}

.team-actions .user-info-holder .action-status:first-child {
  margin-top: 20px;
}

.open-chat-box {
  padding: 4px 5px 6px 5px;
  border: solid 1px transparent;
  height: 18px;
}

.open-chat-box:hover {
  border-color: #dbdee0
}

.ms-gridbox[data-sizex="2"] .team-actions-type-2 #overdue_shared_users_list,
.ms-gridbox[data-sizex="2"] .team-actions-type-2 #approach_shared_users_list,
.ms-gridbox[data-sizex="3"] .team-actions-type-2 #overdue_shared_users_list,
.ms-gridbox[data-sizex="3"] .team-actions-type-2 #approach_shared_users_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2%;
}

.ms-gridbox[data-sizex="2"] .team-actions-type-2 .user-info-holder,
.ms-gridbox[data-sizex="3"] .team-actions-type-2 .user-info-holder {
  display: block;
  margin: 0;
}

/* Ends Todo Actions Style*/
#files_metadata_form {
  overflow-y: auto;
  margin-right: -20px;
  padding-right: 25px;
  min-height: 380px;
  max-height: 470px;
}

.set_custom_style_dialog {
  overflow-y: auto;
  min-height: 380px;
  max-height: 470px;
}

.no-events, .active:hover a.no-events {
  opacity: 0.5;
  pointer-events: none;
}

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

.ckeditor-full--element {
  opacity: 0;
}

.ckeditor-content ul,
.ckeditor-content ol {
  padding-left: 10px;
  margin-bottom: 10px;
}

.ckeditor-content li {
  list-style: disc;
  margin-left: 24px;
}

.ckeditor-content ol li {
  list-style: decimal;
}

.ckeditor-content p {
  margin-bottom: 0;
}

.mark-btn {
  border: 1px solid #e70101;
  padding: 0 5px;
  border-radius: 2px;
  color: #e70101 !important;
  text-decoration: none;
  line-height: 1;
  margin-left: 5px;
}

.mark-btn:hover {
  background-color: #e70101;
  color: #fff !important;
}

.notification-item-holder div.ma-notification-item--border {
  background: #fff;
  cursor: auto;
}

.notification-item-holder div.ma-notification-item--border:first-child {
  margin-top: 0;
}

.im-imp-msg {
  background: #ff0000;
  color: #ffffff;
  position: relative;
  display: block;
  border-radius: 2px;
  width: 80px;
  height: 19px;
}

.im-imp-msg-icon {
  background: url(/ce/images/socialbar-msg-settings.png) no-repeat;
  background-position: -4px -66px;
  padding-left: 22px;
  position: absolute;
  font-size: 11px !important;
  line-height: 18px !important;
  font-weight: bold;
}

.fat-html-comment img {
  max-width: 100%;
}

.loader-circle.loader-circle--blue {
  border-color: #8b98a9;
  border-top-color: transparent;
}

.settings-to-module.only-setting {
  border: 0;
  margin: 0;
  padding: 0;
}

.intigration-tble img {
  max-width: 100%;
}

/* Tenor Gif */
.mango-gif--edit {
  background: var(--portal-background-gray-color);
  border: 1px solid var(--portal-border-color);
  margin-top: 12px;
  display: none;
}

.mango-feed-edit-textbox--container .mango-gif--edit,
.rply-bx .mango-gif--edit {
  margin: 24px 12px 12px 12px;
}

.mango-gif--edit.shown {
  display: flex;
}

.mango-gif--edit-icon {
  flex: 0 0 auto;
  width: 80px;
}

.mango-gif--edit-icon img {
  max-width: 100%;
  vertical-align: top;
}

.mango-gif--edit-details {
  flex: 1 1 auto;
  padding: 12px 0 0 12px;
  color: #8b98a9;
  font-size: 13px;
  font-weight: bold;
  word-break: break-all;
}

.mango-gif--edit-close.cross-ico {
  width: 16px;
  height: 16px;
  margin: 10px 10px 0 10px;
  cursor: pointer;
  flex: 0 0 auto;
  transform: rotate(45deg);
}

.mango-gif--edit-close.cross-ico:before,
.mango-gif--edit-close.cross-ico:after {
  background: #8b98a9;
}

.mango-gif--edit-close.cross-ico:before {
  left: 2px;
  right: 2px;
}

.mango-gif--edit-close.cross-ico:after {
  top: 2px;
  bottom: 2px;
}

.feed-comment-view-tenor-gif {
  max-width: 398px;
  max-height: 398px;
  width: 100%;
}

/* Tenor Gif */

/* embed popup css */

.embed-code-box {
  min-height: 90px;
}

.dialog_actions .copied-msg-link-dialog {
  left: auto;
  top: 16px;
  right: 260px;
}

.codespan {
  color: crimson;
  background-color: #f1f1f1;
  padding-left: 4px;
  padding-right: 4px;
}

/* Code seperation Start */

.yui-panel-container.yui-dialog.z-index-40-important {
  z-index: 40 !important;
}
.yui-panel-container.yui-dialog.z-index-33-important {
  z-index: 33 !important;
}

.z-index-35-important,
.yui-skin-sam .mask.z-index-35-important {
  z-index: 35 !important;
}


.width-100-important, .width100-important,
.column-one.container-to-be-fullscreen #wiki_content_description,
.my-recording-container .gallery-container,
.admin-add-select-usersWrap ul.token-input-list-facebook,
.opp_list .opp-search-box input {
  width: 100% !important;
}

.prevent-navigation {
  pointer-events: none;
  opacity: 0.6;
}

.rhs-widget-shadow {
  box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 15%);
}

.label-flex {
  flex: 0 0 auto;
  padding-right: 10px;
}

.orgchart-user.orgchart-selected-user,
.orgchart-user.orgchart-selected-user:hover {
  background-color: #cee5ff;
}

.orgchart-selected-user .view-remove-strip,
.remove-arrow-right {
  left: 215px;
}

.rightsectionprofile .setMaxHeight {
  overflow-x: auto;
  display: flex;
  padding-bottom: 30px;
  margin-left: -20px;
}

.ico-opt_li .ms-more-actions .fa-ellipsis-v {
  font-weight: 400 !important;
}

.getting_started_profile .ma-two-cal-section {
  padding: 0;
  margin-right: 10px;
  margin-bottom: 0;
}

#fancybox-content .ma-two-cal-section {
  padding: 0;
  margin: 0;
}

.getting_started_profile .section-title,
#fancybox-content .section-title {
  border-bottom: 1px solid #d7d7d7;
  padding: 10px 0;
  cursor: pointer;
  text-transform: none;
  position: relative;
  margin-bottom: 0;
}

.getting_started_profile .accordion_section_content,
#fancybox-content .accordion_section_content {
  display: block;
  margin: 30px 0 20px 0;
}

.acrd-angle {
  font-size: 30px;
  position: absolute;
  right: 0;
  color: #999;
}

.acrd_up .acrd-angle:before {
  content: "\f106";
}

#fancybox-content .ma-two-cal-section:first-of-type .section-title {
  padding-top: 0;
}

#fancybox-content .ma-two-cal-section:last-of-type {
  margin-bottom: 15px;
}

/*recent access*/
.recent-access {
  position: relative;
  margin-left: 5px;
  transition: 0s visibility;
  transition-delay: 0.3s;
}

.recent-access-menu {
  min-width: 300px;
  position: absolute;
  top: 53px;
  border: solid 1px #bdc5c7;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  border-top: 0;
  background-color: #fff;
  left: -1px;
  visibility: hidden;
  transition: visibility ease-in-out 0.3s;
}

.recent-access:hover .recent-access-menu {
  visibility: visible;
  transition-delay: 0.3s;
}

.notifications-access-link {
  height: 53px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-flow: column;
  padding: 0 12px;
  /* font-size: 18px; */
  cursor: pointer;
}

.access-menu-header {
  border-bottom: solid 1px #e5e5e5;
  background-color: #f8f8f8;
  padding: 10px 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ms-main-nav .nav>li a.access-clear,
.access-clear {
  margin: 0;
  line-height: 14px;
  padding: 0;
  display: inline-block;
}

.access-menu-items {
  min-height: 100px;
  overflow: auto;
}

.pin-menu-items {
  min-height: 100px;
}
.pin-menu-items #pinned_content_tab_data{
  padding-bottom: 30px;
}
.access-menu-items .access-extension-wrap,
.pin-menu-items .access-extension-wrap,
#recent_history_no_content .access-extension-wrap {
  color: #fff;
  padding: 6px 10px;
  white-space: nowrap;
}

.access-extension-wrap a {
  margin: 0 !important;
  line-height: 1.5 !important;
  color: #fff !important;
  width: auto;
}

.access-extension-wrap .add-to-btn {
  border: 1px solid;
  padding: 0px 5px;
  border-radius: 5px;
}

.access-timestamp {
  display: flex;
  justify-content: center;
  font-size: 13px;
  color: #999;
  margin: 12px 15px 0px 15px;
  position: relative;
  text-transform: uppercase;
}

.access-item {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

#ms-main-nav .nav>li a.access-item-link,
.access-item-link {
  padding: 6px 0 6px 15px;
  margin: 0;
  line-height: inherit;
  margin-right: 5px;
  display: flex;
  flex: 1;
  align-items: center;
}

.access-menu-items.chrome-scrollbar {
  overflow-x: hidden;
}

.access-item:hover {
  background-color: #f8f8f8;
}

.access-item-text {
  color: #4a4a4a;
  white-space: nowrap;
  max-width: 306px;
  flex: 1;
}

.access-item-icon {
  font-size: 17px;
  width: 26px;
  margin-top: -3px;
}

.save-access-item,
.remove-star-item,
.pin-access-item {
  cursor: pointer;
  padding: 6px 10px 3px 10px;
  color: #717171;
  margin-right: 5px;
  position: absolute;
  right: 0;
  top: 2px;
  display: none;
}

.access-item:hover .remove-star-item,
.access-item:hover .pin-access-item {
  display: block;
}

.access-item-content {
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: 30px;
}

.access-item-icon.sml-icn {
  font-size: 15px;
}

.pinned-link {
  display: none;
  position: absolute;
  top: 0px;
  right: 0;
  background: #ddf9dd;
  padding: 0px 10px 0px 10px;
  line-height: 34px;
  z-index: 1;
}

.pinned-link .fa-check {
  margin-right: 5px;
  color: #008000;
}

/*end recent access*/
/*Notification button*/
.nav .dropdown-menu li a.ntfct-link,
.nav .dropdown-menu li a.clck-to-wsh {
  border: solid 1px #ccc;
  padding: 6px 20px !important;
  text-align: center;
  border-radius: 2px;
  font-size: 13px !important;
  line-height: 19px;
  color: #4a4a4a !important;
  display: inline-block !important;
  margin: 3px 0px !important;
  transition: border 200ms, box-shadow 200ms
}

.nav .dropdown-menu li a.ntfct-link:hover,
.nav .dropdown-menu li a.clck-to-wsh:hover {
  color: #1497d5 !important;
  box-shadow: 0 0 0 3px #48c2fc;
  fill: #48c2fc;
}

/* End Notification button*/
.tabs .tab.tab-more-menu,
.tab-more-menu {
  overflow: visible;
  position: relative;
}

.tabs .tab .tab-more-menu-items a {
  font-weight: normal;
  padding: 0 !important;
  line-height: 16px;
  padding: 8px 25px 8px 13px !important;
  color: #4a4a4a !important;
  text-align: left;
  float: none;
}

.theme_class .has-more-menu .tab-more-menu-items a {
  color: #4a4a4a;
  white-space: nowrap;
  line-height: 17px;
  padding: 8px 25px 10px 13px;
  display: block;
}

.tab-more-menu-items a:hover {
  background-color: #F5F5F5;
}

.tab-more-menu-items {
  position: absolute;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 4px rgba(87, 87, 87, 0.2);
  border: solid 1px #bdc5c7;
  visibility: hidden;
  transition: visibility ease-in-out 0.3s;
}

.tab-more-menu:hover .tab-more-menu-items {
  visibility: visible;
  transition-delay: 0.1s;
}

.thin-line {
  float: none;
  height: 1px;
  background: #F0F0F0;
}

.tabs .tab a.tab-more-menu-link:after,
.tabs .tab .tab-more-menu-items a:after {
  display: none;
}

.ms-intranet-tab.has-more-menu {
  display: flex;
}

.ms-intranet-tab.has-more-menu .tabs {
  width: auto;
  margin: 0;
}

.has-more-menu .tab-more-menu-link {
  color: #4a4a4a;
  text-align: center;
  line-height: 41px;
  height: 41px;
  font-weight: bold;
  padding: 0 20px;
}

.has-more-menu .tab-more-menu-link:hover {
  color: #1497d5;
}

.clear-search-action {
  position: absolute;
  right: -31px;
  top: 0;
  cursor: pointer;
  padding: 10px;
  color: #717171;
}
.data-search-box.input_bdr{
  border: 1px solid #dbdbdb !important;
  border-radius: 4px;
}

.theme_class .light-button {
  border: solid 1px #ccc;
  padding: 4px 15px 4px 15px;
  text-align: center;
  border-radius: 2px;
  display: inline-block;
  color: #4a4a4a;
}

.light-button:hover {
  color: #1497d5;
}

.theme_class .actionbutton.light-button {
  background: #fff;
  padding: 6px 10px 6px 10px;
}

.theme_class .light-button.hide {
  display: none;
}

.chat_loader {
  background: #00000085;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 111;
  top: 0;
  left: 0;
}

.chat_loader .loader_search_chat {
  display: block;
  color: #fff;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: -50;
  width: 39px;
  height: 39px;
}

#ms-overlay-wrapper .wiki_dialog_tb {
  overflow-y: hidden;
}

#ms-overlay-wrapper .mango-fullscreen .wiki_dialog_tb {
  overflow-y: hidden;
  padding-bottom: 50px;
}

.flex-table-head {
  display: flex;
  background: #eaeef2;
}

.flex-table-th,
.flex-table-td {
  flex: 1;
  border-right: 1px solid #d3d3d3;
  margin-right: -1px;
  padding: 5px 15px;
}

.flex-table-row {
  display: flex;
  border-top: 1px solid #d3d3d3;
}

.flex-table-th:first-child,
.flex-table-td:first-child {
  min-width: 190px;
  max-width: 190px;
  word-wrap: break-word;
}

.dashboard-flex-table .merge-section-left {
  width: 54%;
}

.dashboard-flex-table .merge-section-right {
  width: 46%;
}

.post_preview_content table,
.c-slide-preview table {
  border-collapse: collapse !important;
}

.post_preview_content table td,
.c-slide-preview table td {
  display: table-cell;
  border: 1px solid #333 !important;
  padding: 0.2em;
  border-spacing: 0;
}

.intl-tel-input .country-list .divider {
  display: none;
}

.edit-rich-text {
  text-decoration: none !important;
}

.actionbutton.white-btn {
  background-color: #fff;
}

#configure_external_systems #email_settings .item-img-box {
  background: #ececec;
}

#configure_external_systems .item-img-box i {
  color: #6e6e6e;
  font-size: 25px;
  margin-top: 9px;
}

#mangoCKeditorContent.web-email table[border],
#mangoCKeditorContent.web-email table[border] td {
  border: 0px;
}

.theme_class div.DTE div.DTE_Form_Buttons button.btn.ma-primary {
  color: #4a4a4a !important;
}

div.DTE div.DTE_Form_Buttons button.btn.ma-primary:hover {
  color: #1497d5 !important;
}

.narrow_by.custm-menu.default-select {
  border: 1px solid #f2f2f2;
  padding: 7px 20px 7px 5px;
  width: 100%;
  max-width: 266px;
}

.narrow_by.custm-menu.default-select>.arrow {
  border-top: 6px solid #494949;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  right: 10px;
  top: 15px;
}

.narrow_by.custm-menu.default-select ul.mdl-select-menu {
  right: -21px;
  margin-top: 7px;
  left: -5px;
}

.chart-arr {
  font-size: 19px;
  margin-left: 10px;
}

.light-font {
  font-weight: lighter;
  font-size: smaller;
}

.ma-tplft {
  padding: 3px 0;
}

.ma-tplft .pv-tmln-itm--tplft-tg {
  margin-right: 0;
  float: none;
}

.feed-post-preview .msbg-default.mda-img-wrp {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Blank message for all Pages start */

.blankMessage {
  width: 100%;
  height: 100%;
  min-height: inherit;
}

.new-navigation-ui .blankMessageUI {
  min-height: 100%;
  width: 100%;
  background: url(/ce/pulse/images/building_transp_img.png)no-repeat left bottom;
  display: block;
  margin-bottom: 0px !important;
  text-align: center;
}

/* Arrow */
.blnkarrow {
  position: absolute;
  margin: 0 auto;
  width: 60px;
  transform: rotate(-140deg);
  right: 89px;
  top: -15px;
  overflow: hidden;
}

.blnkarrow .blnkcurve {
  border: 2px solid #8e8e8e;
  border-color: transparent transparent transparent #8e8e8e;
  height: 130px;
  width: 210px;
  border-radius: 230px 0 0 150px;
}

.blnkarrow .blnkpoint {
  position: absolute;
  left: 13px;
  top: 113px;
}

.blnkarrow .blnkpoint:before,
.blnkarrow .blnkpoint:after {
  border: 1px solid #8e8e8e;
  height: 25px;
  content: "";
  position: absolute;
}

.blnkarrow .blnkpoint:before {
  top: -11px;
  left: -11px;
  transform: rotate(-74deg);
  -webkit-transform: rotate(-74deg);
  -moz-transform: rotate(-74deg);
  -ms-transform: rotate(-74deg);
}

.blnkarrow .blnkpoint:after {
  top: -20px;
  left: 5px;
  transform: rotate(12deg);
  -webkit-transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
}

.cntrText {
  margin: 8% 8% 3% 8%;
  display: block;
}

.blnkFlexContr {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}

.blnkFlexContr div.itmCntr {
  border-right: 1px solid #e5e5e5;
  margin: 0 0 0 10px;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  padding: 2vh 5%;
  position: relative;
  color: #7a7a7a;
  min-width: 22%;
}

.blnkFlexContr div.itmCntr:last-child {
  border-right: 0px solid #e5e5e5;
}

.itmCntr:before {
  content: ' ';
  display: block;
  position: absolute;
  top: -30px;
  left: 0;
  border: 1px solid #1497d5;
  left: 50%;
  padding: 10px;
  border-radius: 300px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #1497d5;
  line-height: 30px;
  transform: translate(-50%, -50%);
}

.itmCntr.fir:before {
  content: '1';
}

.itmCntr.sec:before {
  content: '2';
}

.itmCntr.thr:before {
  content: '3';
}

.postblnkmssg.blankMessageUI {
  position: relative;
  bottom: 8px;
  height: 684px;
  margin: 0 -23px;
  top: 20px;
  max-width: fit-content !important;
  overflow: hidden;
  min-width: 100%;
}

.mssgHeadblnk {
  color: #4a4a4a;
  width: 70%;
  text-align: center;
  margin: 0px auto;
}

.glblPageUI {
  min-height: inherit;
  height: 79vh;
  bottom: 0;
  overflow: hidden;
  min-height: 580px;
}

.new-navigation-ui .glblPageUI .blankMessageUI {
  min-height: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.glblPageUI .optnlHeading {
  width: 72%;
  text-align: center;
  margin: 0px auto;
}

.ext_space {
  padding: 15px 20px 20px;
  box-sizing: border-box;
  height: 55px;
  display: block;
}

/* Blank message for all Pages end */

.informn-resp-row .highcharts-axis-labels span {
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  width: auto;
  overflow: hidden;
  max-width: 250px;
}

.ms-max-hset {
  max-height: 550px;
  overflow-y: auto;
  overflow-x: hidden;
}

.fixed-spa-btn {
  position: fixed;
  width: 925px;
  bottom: 90px;
}

.narrowbylabel {
  line-height: 32px;
}

.embed_sec_opt {
  padding: 20px 30px;
  border: solid 1px #dce1e7;
  background: #f7f8fa;
}

.share-link-wrapper {
  border: 1px solid #dce1e7;
  padding: 40px 50px 50px;
  min-width: 386px;
  margin: 0px auto;
}

.disable_grp_invite_container {
  text-align: center;
  width: 41%;
  margin: 0px auto;
}

div.inner_share_container {
  max-width: 385px;
  margin: 0px auto;
}

#embed_popover_container #button-color,
#embed_popover_container #background-color-button {
  width: 75px;
}

.share-link-input-text {
  margin: 0px;
  position: relative;
  z-index: 0;
  font-size: 14px;
  margin-top: 5px;
}

.new-navigation-ui .share-link-input-text input {
  width: 378px !important;
  background: #fff;
}

.share-link-invite-btn {
  width: 384px;
  height: 42px;
}

#share_link_input {
  background: #f2f2f2;
}

.external-invite-divider {
  min-width: 46%;
}

.external-invite-divider #cke_embed_code_content .cke_toolbar {
  margin: 0 7px 8px;
}

.external-invite-divider #cke_embed_code_content .cke_button__source_icon:before,
.external-invite-divider #cke_embed_code_content .cke_button__sourcedialog_icon:before {
  margin-right: 0px;
}

.external-invite-divider #cke_embed_code_content .cke_button__sourcedialog_icon:after,
.external-invite-divider #cke_embed_code_content .cke_button__source_icon:after {
  display: none;
}

.embed_preview_rgt {
  min-width: 536px;
}

.share-invite-divider {
  min-width: 536px;
}

.share-invite-divider .shareLinkSection.previewwrap {
  width: 488px;
  margin: 0px auto;
  min-height: 740px;
}

.email-statis-preview-rhs {
  order: 1;
  max-width: 700px;
  box-sizing: border-box;
  margin-top: 8px;
}

.email-statis-preview-contr {
  background-color: #f7f7f7;
  padding: 5px 25px 25px;
}

.email-statis-preview-lhs {
  min-width: 290px;
  padding-right: 20px;
}

.fixed_size_display_opt .radio-label input {
  margin-top: -5px;
}

.text-link-wrapper .share-link-wrapper {
  padding: 20px;
  text-align: center;
}

.text-link-wrapper .share-link-wrapper a {
  text-decoration: underline;
}

.section_nt_fnd {
  position: absolute;
  width: 100%;
  margin-top: 8%;
  text-align: center;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

#share_link_container .copiedMsg_link,
#embed_popover_container .copiedMsg_link {
  width: 80%;
  bottom: -45px;
  top: auto;
}

.share-link-wrapper .simple_captcha .simple_captcha_field input {
  width: 379px !important;
}

.share-link-wrapper .simple_captcha .simple_captcha_label {
  margin-top: 5px;
}

#share-link-align-center h2 {
  margin: 0.83em 0;
  padding: initial;
}

#share-link-align-center h1 {
  margin: 0.67em 0;
  padding: initial;
}

#share-link-align-center h3 {
  margin: 1em 0;
  padding: initial;
}

#share-link-align-center h4 {
  margin: 1.33em 0;
  padding: initial;
}

#share-link-align-center h5 {
  margin: 1.67em 0;
  padding: initial;
}

#share-link-align-center h6 {
  margin: 2.33em 0;
  padding: initial;
}

#share-link-align-center img {
  max-width: 100% !important;
  max-height: 100% !important;
}

.add-shortcut-icons-wrap {
  background: #fff;
  position: absolute;
  z-index: 9;
  top: 34px;
  right: 0px;
  left: 90px;
  overflow-y: auto;
}

.colleague_list_view .green_button,
.new-navigation-ui .colleague_list_view .actionbutton.green_button {
  background: #3e9d14;
  color: #fff !important;
}

.actionbutton.green_button:focus {
  background: #3e9d14;
}

.colleague_list_view .green_button.rejected-status {
  background: transparent;
  color: red !important;
}

.colleague_list_view .green_button.approved-status {
  background: transparent !important;
  color: #3e9d14 !important;
}

.colleague_list_view .red_button {
  background: #cc3916;
  color: #fff !important;
}

.actionbutton.red_button:focus {
  background: #cc3916;
}

.colleague_list_view .red_button.rejected-status {
  background: transparent;
  color: red !important;
}

#reward_points.reward-userinfo-menu {
  border: 0;
}

.admin-media-cart .prfl_prvw_rght {
  right: auto;
  top: auto;
  width: auto;
}

.admin-media-cart .prfl_prvw_rght:after {
  content: "";
  height: 400px;
  position: absolute;
  bottom: 0;
  top: 50px;
  left: -50px;
  right: 0;
}

.ppt-attachment-wrap .ppt-attachment-img {
  margin-right: 0px !important;
  display: block;
}

.ppt-attachment-wrap img.thumbnail {
  max-width: 100%;
}

.ppt-attachment-wrap .ppt-attachment-title {
  margin-left: 0 !important;
}

.narrow_by.custm-menu.parent-category-box {
  max-width: 338px;
  padding: 6px 12px 6px 0px;
}

.narrow_by.custm-menu.parent-category-box .arrow {
  top: 15px;
}

.parent-category-box .selectedText {
  max-width: 305px;
}

.mg-filter-container {
  flex-basis: 15%;
  max-width: 280px;
  min-width: 220px;
}

.mg-filter-container .narrow_by.drop-menu li.label {
  max-width: 80%;
}

.mg-filter-container .narrow_by.drop-menu .sort-it i {
  font-weight: bold !important;
}

.mg-filter-container .hashtag-filter-wrap.relative .ui-autocomplete.hashtag-autocomplete {
  top: 100% !important;
  left: 0 !important;
}
.mg-filter-container .hashtag-filter-wrap.relative ul.tagit{
  padding: 0 0 0 30px !important;
}

.mg-filter-container .hashtag-filter-wrap.relative ul.tagit li.tagit-choice{
  margin: 3px 5px 0px 2px !important;
}

.mg-filter-container .hashtag-filter-wrap.relative ul.tagit li.tagit-choice .close{
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.mg-filter-container .hashtag-filter-wrap.relative ul.tagit li.tagit-choice .close .ui-icon.ui-icon-close{
  display: block !important;
}

.mg-card-container {
  flex-basis: 85%;
}

.mg-current-filter-tags ul li {
  border: 1px solid #dedede;
  border-radius: 3px;
  padding: 2px 8px;
}

.mg-grids-btns a {
  margin-right: -1px;
}

body.site-width-1200.topnav-full-width.new-navigation-ui.lhs-in-view #media_gallery_module .column-one {
  margin-left: 0px;
}
body.domain_banner_disbled.site-width-1200.new-navigation-ui .layout-container .media-gallery-team-layout-container,
body.site-width-1200.topnav-full-width.new-navigation-ui.lhs-in-view .media-gallery-team-layout-container #media_gallery_module .column-one{
  padding-top: 0px;
}
.layout-container.media-gallery-team-layout-container {
  margin: 0px !important;
}

#media_gallery_module .filter-search-input {
  padding: 0 0 0 10px;
  width: 95%;
}

#media_gallery_module .filter-search-input.filter-input-pad {
  padding: 0 30px 0 10px;
}

#media_gallery_module .sort-drop-menu {
  left: -15px;
  top: 25px;
}

#media_gallery_module .sort-drop-menu label.right {
  position: absolute;
  top: 5px;
  right: 10px;
}

.mg-filter-label-level-0,
.mg-filter-label-level-1,
.mg-filter-label-level-2 {
  position: relative;
}

.mg-filter-label-level-0 {
  max-width: 225px;
}

.mg-filter-label-level-1 {
  max-width: 210px;
}

.mg-filter-label-level-2 {
  max-width: 195px;
}

.mg-filter-label-level-0 label {
  max-width: 195px;
}

.mg-filter-label-level-1 label {
  max-width: 180px;
}

.mg-filter-label-level-2 label {
  max-width: 165px;
}

.mg-category-scroll {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}

.mg-assign-categories-wrap .customize-columns-cont.with-maxh {
  max-height: 100%;
}

.mg-assign-categories-wrap ul#attachment_categories li {
  position: relative;
}

.mg-assign-categories-wrap #attachment_categories label {
  cursor: pointer;
}

.mg-filter-divider {
  height: 1px;
  background: #d6d8df;
}

.filter-search-icon {
  display: inline-block;
  border: 1px solid #dce1e7;
  border-left: none;
  width: 30px;
  height: 34px;
  padding: 0 7px;
  line-height: 34px;
  box-sizing: border-box;
}

.filter-search-close {
  position: absolute;
  right: 30px;
  background: #fff;
  height: 10px;
  top: 2px;
}

.clear-filter-tags a,
.clear-filter-tags a:hover {
  text-decoration: underline;
}

.media-gallery-team-layout-container {
  padding-right: 0px !important;
}

.media-gallery-team-layout-container .media-gallery-column-one {
  margin-left: 0 !important;
}
.my-recording-team-breadcrumb {
  display: block !important;
}
body.site-width-1200.topnav-width-1200.new-navigation-ui .media-gallery-team-layout-container .people-top-action.media-gallery-team-breadcrumb,
body.site-width-1200.new-navigation-ui .media-gallery-team-layout-container .people-top-action.media-gallery-team-breadcrumb {
  position: initial !important;
}
.media-gallery-team-layout-container .media-gallery-team-breadcrumb {
  background: #fff !important;
  margin-left: 1px !important;
  margin-right: 1px !important;
  z-index: 1 !important;
}

.media-gallery-team-layout-container .media-gallery-team-breadcrumb>ul.mango-breadcrumb-new {
  display: none;
}

#galleryMg {
  display: grid;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: auto;
}

#galleryMg.galleryMgVarWrap {
  grid-auto-rows: 8px;
}

.mg-card-description {
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mg-card-checked {
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: 9;
}

.mg-card-checked [type="checkbox"].filled-in:not(:checked)+label:after {
  background-color: #fff;
}

.mg-card-fields {
  flex: 0 1 80%;
  max-width: 80%;
}

.mg-card-pinned {
  width: 20px !important;
  flex: 0 1 20px;
}

.mg-card-action {
  width: 20px;
  height: 22px;
  flex: 0 1 20px;
}

.mg-card-action i.far {
  color: #999;
  font-size: 6px;
  display: block;
  margin: 1px 0 0;
}

.gallery-container .mg-dropdown-pin {
  -ms-transform: rotate(38deg);
  -webkit-transform: rotate(38deg);
  transform: rotate(38deg);
  top: 10px;
  left: 4px !important;
}

.gallery-container ul#file_actions.document_action_list li a i.mg-dropdown-unpin {
  width: 20px;
  height: 2px;
  border-top: 2px solid #999;
  display: block;
  top: 12px;
  position: absolute;
  left: 8px;
  -ms-transform: rotate(38deg);
  -webkit-transform: rotate(38deg);
  transform: rotate(38deg);
}

.mg-mdiume-var-card .mg-card-fields,
.mg-mdiume-card .mg-card-fields {
  flex: 0 1 85%;
  max-width: 85%;
}

.mg-large-var-card .mg-card-fields,
.mg-large-card .mg-card-fields {
  flex: 0 1 90%;
  max-width: 90%;
}

#media_card_attribute_list .filled-in+label:after,
#media_card_attribute_list .filled-in+label:before {
  cursor: pointer;
}

.galleryMgIe .mg-card-item {
  margin-right: 15px;
}

.mg-card-item .madn-button:hover {
  box-shadow: none !important;
  cursor: pointer;
}

.mg-card-item .mstt-img-box .image_div {
  margin: 0 auto;
  cursor: pointer;
}

.mg-card-item:hover .mg-card-action .ms-more-actions {
  border: none;
  box-shadow: none;
}

.gallery-container .mstt-img-box:hover .mg-card-action .three-dots-wrap {
  background: #eaeef2;
  transition: 0.2s all linear;
}

.mg-card-item:hover .mg-card-action i.fa-circle {
  font-weight: bold !important;
}

.galleryMgIe .mg-small-var-card .mstt-img-box {
  width: 273px;
}

.galleryMgIe .mg-small-var-card .mstt-img-box {
  width: 310px;
}

.galleryMgIe .mg-small-var-card .mstt-img-box {
  width: 420px;
}

.mg-small-var-card .mstt-img-box .image_div>a {
  max-width: 222px;
}

.mg-mdiume-var-card .mstt-img-box .image_div>a {
  max-width: 292px;
}

.mg-large-var-card .mstt-img-box .image_div>a {
  max-width: 402px;
}

.mg-small-card .mstt-img-box .image_div>a {
  width: 222px;
  height: 137px;
}

.mg-mdiume-card .mstt-img-box .image_div>a {
  width: 292px;
  height: 180px;
}

.mg-large-card .mstt-img-box .image_div>a {
  width: 402px;
  height: 248px;
}

.mg-small-var-card .mg-audio-player-card .mp-audio-player,
.mg-small-card .mg-audio-player-card .mp-audio-player {
  min-width: 222px;
  max-width: 222px;
}

.mg-mdiume-var-card .mg-audio-player-card .mp-audio-player,
.mg-mdiume-card .mg-audio-player-card .mp-audio-player {
  min-width: 292px;
  max-width: 222px;
}

.mg-large-var-card .mg-audio-player-card .mp-audio-player,
.mg-large-card .mg-audio-player-card .mp-audio-player {
  min-width: 402px;
  max-width: 222px;
}

.mg-audio-player-card {
  height: 50px;
  margin: 0 auto;
  text-align: center;
}

.mg-video-player-card {
  height: auto;
}

.mg-video-player-card video {
  min-width: auto;
  max-width: 100% !important;
  max-height: 200px;
  width: auto !important;
}

.media_gallery_w_class .mg-video-player-card video {
  max-height: 180px;
  margin: 0 auto;
}

.media_gallery_w_class .mg-video-player-card .mp-player-fullscreen video {
  max-height: 100%;
  margin: 0 auto;
}

.mobile_intranet_page .media_gallery_w_class .mg-video-player-card video {
  margin: auto;
}

.mg-card-item .mstt-img-box .image_div>a {
  overflow: hidden;
  margin: 0 auto;
  border-radius: 6px;
}

.mg-card-item .mstt-img-box .image_div .img_resize {
  max-width: 100%;
  width: 100%;
  border-radius: 6px;
  position: relative;
  align-self: flex-start;
}

.mg-card-item .mstt-img-box .image_div .img_resize.img_auto {
  width: auto;
}

#media_gallery_module .mg-files-dock {
  top: 10px;
  width: 84%;
  right: 15px;
  left: auto;
  padding: 9px 20px 9px 40px;
  display: flex;
  align-items: center;
  z-index: 99;
  position: absolute;
}

#media_gallery_module .files-dock-actions>a {
  white-space: nowrap;
}

#media_gallery_module .files-dock-close-btn.hand {
  position: initial;
  white-space: nowrap;
  margin-left: 10px;
}

#media_gallery_module .files-dock-close-btn {
  position: absolute;
  top: 10px;
  right: 12px;
}

.media-gallery-team #media_gallery_module .mg-files-dock {
  right: 15px;
  left: auto !important;
  z-index: 99;
  position: fixed;
}

#media_gallery_module .top-action-fixed .mg-files-dock {
  top: 60px;
  right: auto;
}

body.site-full-width .media-gallery-team #media_gallery_module .mg-files-dock{
  top: 135px;
}

.mg-card-item-selected {
  position: relative;
}

.mg-card-item-selected:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 11;
}

.mg-no-items-found {
  padding-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 480px;
}

.upload_folders_common_tree #upload_tree_select {
  background: #fff;
  padding: 4px 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
}

.upload_folders_common_tree #all_folders_label {
  width: 94%;
  font-weight: normal;
  padding-left: 4px;
}

.upload_folders_common_tree .folderTreeDownArrow {
  margin-right: 3px;
}

.dialog_body .advance-folder-change {
  background: #fff;
  padding: 4px 10px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  color: #4a4a4a;
}

.new-media-upload {
  max-height: 100% !important;
  overflow: auto !important;
  min-height: 56vh;
}

.new-media-upload.tabContentWrapper .Upcont-inrwrp {
  height: 56vh !important;
}

.new-media-upload.tabContentWrapper .bulk-vault-Upcont-inrwrp {
  height: 30vh !important;
}

.new-media-upload .file-drag-details {
  height: 100% !important;
}

.new-media-upload .drag-file {
  height: 99%;
  width: 99% !important;
}

.new-media-upload #uploaded-file-list {
  height: 99%;
  overflow-y: auto !important;
}

.tabContentWrapper .Upcont-inrwrp .drag-file-content-row {
  max-width: 155px;
  margin: 3px;
}

.tabContentWrapper .bulk-vault-Upcont-inrwrp .drag-file-content-row {
  max-width: 155px;
  margin: 3px;
}

#SetPropertiesTab .file-details-right {
  background: #fff !important;
  border: none;
}

#SetPropertiesTab .Dis-flxWrp .InrFlx2 {
  overflow: visible;
}

#SetPropertiesTab .custom-user-typeahead .InrFlx2 {
  display: flex;
  flex-direction: column;
}

#SetPropertiesTab .custom-user-typeahead .red-text {
  order: 2;
}

#SetPropertiesTab .custom-user-typeahead .tagit-new .red-text {
  display: none
}

#SetPropertiesTab .Dis-flxWrp textarea {
  width: 448px !important;
}

#SetPropertiesTab .Dis-flxWrp input {
  width: 430px !important;
}
.new-media-upload #SetPropertiesTab ul.tagit {
  padding: 0 0 0 30px !important;
}
.new-media-upload #SetPropertiesTab ul.tagit li.tagit-choice {
  margin: 3px 5px 0 2px !important;
}

#SetPropertiesTab .Dis-flxWrp select,
#SetPropertiesTab .file-details-right .ui-multiselect {
  width: 460px !important;
}

#SetPropertiesTab .Dis-flxWrp .intl-tel-input-custom-field {
  width: 402px !important;
}

#SetPropertiesTab #attachment_categories {
  width: 422px !important;
}

#SetPropertiesTab .Dis-flxWrp .bold.InrFlx1 {
  width: 140px;
  margin-right: 10px;
}

#SetPropertiesTab .Dis-flxWrp .flag-container {
  height: 34px;
}

#SetPropertiesTab .Dis-flxWrp select,
#SetPropertiesTab .file-details-right .ui-multiselect {
  border: 1px solid #dce1e7 !important;
  height: 34px;
  padding: 2px 0 2px 4px;
  text-transform: capitalize;
}

#SetPropertiesTab .select_category_dropdown {
  top: 15px;
  right: 5px;
}

#SetPropertiesTab .select_category_input input::placeholder {
  color: #222;
  font-size: 13px;
}

#SetPropertiesTab .Fir-Lane {
  position: relative;
}

#SetPropertiesTab .Fir-Lane .selected_category {
  position: absolute;
  left: 150px;
  width: 440px !important;
  top: 34px;
  z-index: 10;
  background: #fff;
}

#SetPropertiesTab .file-details-right ul.tagit {
  width: 430px !important;
}

#SetPropertiesTab ul.tagit li {
  width: auto !important;
  background: #e8e8e8 !important;
}

#SetPropertiesTab .ui-multiselect span.ui-icon {
  background-image: none;
}

#SetPermissionsTab .folderTreeContentContainer {
  left: 88px;
  min-height: 400px;
  width: 515px;
}

.zoom-80-percent #SetPermissionsTab .folderTreeContentContainer {
  left: 87px;
}

#SetPermissionsTab #notify_file_upload label {
  display: block;
}

#SetPermissionsTab #tree_view_container .jstree-clicked:after {
  content: "\f00c";
  position: absolute;
  right: 30px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 20px;
  font-family: "Font Awesome 7 Pro" !important;
}

.grey-box-upload {
  display: inline-block;
  padding: 6px 10px;
  background: #efeff0;
}

.unassign-categories-list-delete {
  display: none;
}

.unassign-categories-list li {
  padding: 5px 20px;
}

.unassign-categories-list li:hover {
  background: #efefef;
}

.unassign-categories-list li:hover .unassign-categories-list-delete {
  display: block;
  white-space: nowrap;
}

.user-add-categories {
  display: inline-block;
  width: 96%;
}

#tags_filter_options_category {
  max-height: 450px;
  overflow: hidden auto;
}

.mg-replace-image-wrap {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}

.media-ftrd-img-holder:hover .mg-replace-image-wrap {
  display: flex;
}

.media-ftrd-img-holder #mfi_img {
  max-width: 508px;
}

.mg-replace-image {
  background: #fff;
  border-radius: 2px;
  padding: 5px 10px;
  color: #717171;
  line-height: 1.3;
  cursor: pointer;
  font-size: 16px;
  border: 1px solid #e5e5e5;
}

.mg-action-help-or:before {
  content: '';
  display: block;
  height: 1px;
  background: #333;
  position: absolute;
  top: 50%;
  left: -7px;
  right: -7px;
  width: 180px;
}

.mg-action-help-or>span {
  width: 50px;
  display: inline-block;
  background: #fff;
  text-align: center;
  padding: 0 10px;
  z-index: 2;
  position: relative;
  margin-left: 55px;
}

.mg-vedio-icon.mp-init {
  display: block;
  border-radius: 8px 8px 0 0;
}

.file-type-label,
.mg-file-type-label {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #ec1c2b;
  color: #fff;
  padding: 4px 6px;
  line-height: 1;
  font-weight: bold;
}

.mg-small-card .mg-file-type-label {
  left: 9px;
}

.file-type-label {
  top: 0;
  left: 0;
}

.pdf-type-label {
  background: #ec1c2b;
}

.ppt-type-label {
  background: #f37e21;
}

.mango-timeline .media_gallery_reference_show,
.mango-timeline .mg-viewall-feed {
  margin-left: 30px;
}

.search-ppt-wrap img.thumbnail {
  max-width: 398px;
}

.dd-handle-edit {
  display: block;
  margin: 5px;
  color: #4a4a4a;
  text-decoration: none;
  background: #fff;
  border: solid 1px #dce1e7;
  position: relative;
}

.dd-handle-edit .dd-handle-edit-btns {
  position: absolute;
  top: 15px;
  right: 20px;
}

.dd-handle-edit input {
  padding: 8px 27% 11px 20px !important;
  line-height: 26px !important;
  border: none !important;
  width: 70% !important;
  min-height: 26px !important;
}

html body .fab {
  font-family: "Font Awesome 5 Brands" !important;
}

.list-view-hidden .hover-list-view {
  z-index: 1;
  background: #fff;
  width: auto;
  transform: translateX(0);
}

.select-action-holder {
  display: flex;
  box-shadow: 0px 0px 3px #d6dae1;
  padding: 10px;
  background: #f6f8fa;
  border: 1px solid #c7c8ca;
  margin-bottom: 15px;
  align-items: center;
}

.checkbox-select {
  height: 26px;
  margin-right: 10px;
}

.unsubscribed-user-link {
  visibility: hidden;
}

.data-table-ui tr:hover .unsubscribed-user-link {
  visibility: visible;
}

.data-table-ui td .filled-in+label {
  margin-top: -3px;
}

.dstrctn-lhs-collapsed .sidebar-wrapper,
.dstrctn-lhs-collapsed .sidebar-toggle,
.wiki_edit_view .sidebar-toggle,
.dstrctn-md-enbld .sidebar-toggle {
  display: none;
}

.ms-gridbox-content .dataTables_wrapper .dataTables_paginate a {
  padding: 3px 6px;
}

.ms-gridbox-content .dataTables_wrapper .dataTables_info {
  padding-top: 5px;
}

#rule-based-users .ma_isEmpty_Check {
  max-width: 270px;
}

/* My Recordings css start */
.my-recording-team-breadcrumb.people-top-action {
  z-index: 10;
}

.my-recording-team-breadcrumb.top-action-fixed {
  z-index: 11;
}

.my-recording-team-breadcrumb.people-top-action .narrow_by li>ul.narrow_by_prjct {
  top: 36px;
  z-index: 13;
}

.my-recording-team-breadcrumb .ma-action-gear i.theme_color {
  font-weight: bold !important;
}

.recording-search-wrap .search-inpt {
  width: 200px !important;
}

.recording-search-wrap .filter-search-close {
  right: 1px;
  border-radius: 0 5px 5px 0;
}

body.container-rounded-corner .recording-search-wrap .filter-search-close {
  border-radius: 0 15px 15px 0;
}

.recording-search-wrap .filter-search-icon {
  border: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 34px;
}

.recording-search-wrap .filter-search-input {
  /* border-left: none !important; */
  padding-left: 30px;
  padding-right: 30px;
}

.files-dock.recording-files-dock {
  height: 48px;
  background: rgb(54, 141, 207);
  color: rgb(255, 255, 255);
  position: fixed;
  /* top: 26px;
  left: 0; */
  top: 58px;
  left: 85px;
  z-index: 10;
  margin-left: 0;
  width: calc(100% - 115px);
}

.recording-files-dock .files-dock-close-btn {
  position: absolute;
  top: 15px;
  right: 12px;
}

.recording-files-dock .files-dock-close-btn i,
.recording-files-dock span,
.recording-files-dock a {
  color: rgb(255, 255, 255) !important;
}

#my-recording-root.product-licenses .files-dock.recording-files-dock {
  top: 108px;
}

.topnav-full-width.site-width-1200.fixed-navigation_slide.lhs-in-view #my-recording-root .files-dock.recording-files-dock {
  left: 200px;
}

.my-recording-container .mg-card-action {
  flex: 0 1 50px;
}

.my-recording-container .mg-card-action i.fa-link {
  font-size: inherit;
}

.mr-privacy-icon {
  position: relative;
  width: 20px;
  height: 20px;
}

.mr-privacy-icon::before {
  content: "";
  position: relative;
  font-family: "Font Awesome 7 Pro" !important;
}

.mr-privacy-icon.mr-privacy-private::before {
  content: "\f023";
}

.mr-privacy-icon.mr-privacy-public::before {
  content: "\f0ac";
}

.mr-privacy-icon.mr-privacy-team::before {
  content: "\f500";
}

.mr-privacy-icon.mr-privacy-shared::before {
  content: "\f500";
}

.mr-privacy-icon.mr-privacy-full_company::before,
.mr-privacy-icon.mr-privacy-everyone::before {
  content: "\f1ad";
}

.mr-caption-icon {
  position: relative;
  width: 20px;
  height: 20px;
}

.mr-caption-icon:before {
  content: "\f20a";
  position: relative;
  font-family: "Font Awesome 7 Pro" !important;
}

.mr-card-checked {
  width: 20px;
  height: 20px;
}

.mg-card-container .ms-dd-new .fileActions {
  width: 165px !important;
}

.my-recording-container .mstt-img-box .image_div {
  overflow: unset;
}

.my-recording-container .gallery-container .mstt-update {
  padding: 0 0 8px;
}

.my-recording-container .mg-large-card .mstt-img-box .image_div>a {
  width: 402px;
  height: 248px;
}

.my-recording-container .mg-large-var-card .mg-card-fields,
.my-recording-container .mg-large-card .mg-card-fields {
  flex: 0 1 85%;
  max-width: 85%;
}

.my-recording-list-container.colleague_list_view table tr th {
  padding: 0 0 10px 10px !important;
}

.my-recording-list-container .ms-dd-new.left-up-arrow,
.my-recording-list-container .ms-dd-new.left-down-arrow {
  border: none;
  top: 0;
}

.my-recording-list-container .ms-dd-new.left-up-arrow:before,
.my-recording-list-container .ms-dd-new.left-up-arrow:after,
.my-recording-list-container .ms-dd-new.left-down-arrow:before,
.my-recording-list-container .ms-dd-new.left-down-arrow:after {
  display: none;
}

.my-recording-list-container .ms-dd-new .fileActions {
  top: 28px !important;
  width: 185px !important;
}

.my-recording-list-container .edit-cc-wrap .edit-cc-hover {
  left: auto;
  right: 100%;
}

.my-recording-list-container .rdt_Table {
  min-height: 550px;
  padding-bottom: 20px;
  overflow-y: auto;
}

.my-recording-list-container>div:first-child {
  overflow: hidden;
}

.mg-card-container .card-item>span:nth-last-child(-n+3) ul.fileActions {
  bottom: 100%;
}

.my-recording-list-container .rdt_Table [type="checkbox"].filled-in:not(:checked),
.my-recording-list-container .rdt_Table [type="checkbox"].filled-in:checked {
  left: 0;
}

.my-recording-list-container .rdt_Table [type="checkbox"].filled-in+label {
  height: 25px;
}

.recording-blank-screen {
  min-height: 575px;
}

.mr-new-media-upload.new-media-upload {
  min-height: auto;
}

.mr-new-media-upload.tabContentWrapper .Upcont-inrwrp {
  height: 300px !important;
  max-height: 300px;
}

.mr-new-media-upload.tabContentWrapper .bulk-vault-Upcont-inrwrp {
  height: 300px !important;
  max-height: 300px;
}

.upload_form #file_upload_btn:disabled,
.upload_form #file_upload_btn[disabled] {
  pointer-events: none;
}

.narrow_by ul.recording-setting-dropdown {
  width: 450px !important;
  right: auto !important;
  left: -13px;
  top: 25px;
}

table#export-insights-all.dataTable thead th,
table#export-insights-images.dataTable thead th,
table#export-insights-videos.dataTable thead th {
  padding: 8px 24px 8px 10px !important;
  border-bottom: 1px solid #d0d0d0 !important;
}

.my-recording-container .fileActions.openTop {
  top: auto !important;
  bottom: 100% !important;
}

.my-recording-container .ms-more-actions .three-dots-wrap {
  min-height: 20px;
}

.mr-card-item-top-sec {
  visibility: visible;
}

.mr-card-item-link {
  visibility: hidden;
}

.my-recording-container .mr-card-wrapper.visible-info .mr-card-item-top-sec,
.my-recording-container .mr-card-item:hover .mr-card-item-top-sec,
.my-recording-container .mr-card-item:hover .mr-card-item-link {
  visibility: visible;
}

.my-recording-container .mr-card-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin-top: 0px;
}

.mr-card-wrapper .mg-card-item {
  flex-basis: 33.3333%;
  -webkit-box-flex: 0;
  flex-grow: 0;
  max-width: 33.3333%;
}

.my-recording-container .mr-card-item .mstt-img-box .image_div>a {
  width: auto;
  height: 208px;
}

.mr-card-wrapper .mstt-img-box {
  margin: 10px;
}

@media only screen and (max-width: 2400px) {
  .mr-card-wrapper .mg-card-item {
    flex-basis: 20%;
    max-width: 20%;
  }

  body.site-width-1200 .mr-card-wrapper .mg-card-item {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (max-width: 1800px) {
  .mr-card-wrapper .mg-card-item {
    flex-basis: 25%;
    max-width: 25%;
  }

  body.site-width-1200 .mr-card-wrapper .mg-card-item {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (max-width: 1500px) {
  .mr-card-wrapper .mg-card-item {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  body.site-width-1200 .mr-card-wrapper .mg-card-item {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (max-width: 1240px){
  .mac-sync-img img,
  .windows-sync-img img,
  .mac-messenger-img img,
  .windows-messenger-img img,
  .mac-recorder-img img,
  .windows-recorder-img img {
    width: 100%;
    max-width: 960px;
  }
}

@media only screen and (max-width: 1200px) {
  .mr-card-wrapper .mg-card-item {
    flex-basis: 50%;
    max-width: 50%;
  }

  body.site-width-1200 .mr-card-wrapper .mg-card-item {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media screen and (max-width:960px) {
  .ms-intranet-tab.widget-data-tabs ul.tabs li a {
    padding: 0 7px !important;
    font-size: 13px !important;
  }
  .mac-sync-img img,
  .windows-sync-img img,
  .mac-messenger-img img,
  .windows-messenger-img img,
  .mac-recorder-img img,
  .windows-recorder-img img {
    width: 100%;
  }
}

@media only screen and (max-width: 860px) {
  .my-recording-container .mr-card-item .mstt-img-box .image_div>a {
    height: 180px;
  }
}

@media only screen and (max-width: 767px) {
  .mr-card-wrapper .mg-card-item {
    flex-basis: 100%;
    max-width: 100%;
  }

  body.site-width-1200 .mr-card-wrapper .mg-card-item {
    flex-basis: 100%;
    max-width: 100%;
  }

  .my-recording-container .mr-card-item .mstt-img-box .image_div>a {
    height: 218px;
  }

  .my-recording-team-breadcrumb .action-button-container,
  .my-recording-team-breadcrumb .mg-grids-btns,
  .rdt_TableCell[data-column-id="menus"],
  .rdt_TableCell[data-column-id="menus"] {
    display: none;
  }
  .wave-wrap {
    display: none;
  }
}

/* admin */
.mr-appearance-wrap {
  position: relative;
  max-width: 956px;
}

.mr-header-bg {
  width: 768px;
  height: 45px;
  position: absolute;
  top: 10px;
  left: 3px;
  background: #fff;
  z-index: 4;
  border-radius: 5px 5px 0 0;
}

.mr-appearance-bg {
  position: absolute;
  width: 770px;
  height: 540px;
  background-color: #eaeef2;
  left: 2px;
  bottom: 8px;
  z-index: 1;
  border-radius: 0 0 12px 0;
}

.mr-mob-appearance-bg {
  position: absolute;
  width: 245px;
  height: 420px;
  background-color: #eaeef2;
  right: 2px;
  bottom: 30px;
  z-index: 1;
}

.mr-button {
  background-color: #eaeef2;
  color: #474747;
  border-radius: 3px;
}

.mr-logo-web {
  background-color: #eaeef2 !important;
  color: #717171 !important;
  position: absolute;
  top: 6px;
  left: 10px;
  padding: 5px 28px;
  font-weight: bold;
  font-size: 14px;
}

.mr-fullscreen-web {
  position: absolute;
  top: 6px;
  right: 170px;
  padding: 4px 8px;
  text-align: center;
  font-size: 15px;
}

.mr-download-web {
  position: absolute;
  top: 6px;
  right: 10px;
  text-align: center;
  padding: 5px 16px;
  font-size: 14px;
}

.mr-header-bg-mob {
  width: 242px;
  height: 38px;
  position: absolute;
  top: 144px;
  right: 3px;
  background: #fff;
  z-index: 4;
}

.mr-logo-mob {
  background-color: #eaeef2 !important;
  color: #717171 !important;
  position: absolute;
  top: 6px;
  right: 184px;
  padding: 4px 12px;
  font-weight: bold;
  z-index: 4;
}

.mr-fullscreen-mob {
  position: absolute;
  top: 6px;
  right: 134px;
  padding: 4px 6px;
  text-align: center;
  z-index: 1;
}

.mr-download-mob {
  position: absolute;
  top: 6px;
  right: 4px;
  padding: 4px 10px;
  text-align: center;
  z-index: 1;
}

.mr-play-btn {
  position: absolute;
  width: 95px;
  height: 95px;
  top: 274px;
  left: 338px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.mr-mob-play-btn {
  position: absolute;
  width: 95px;
  height: 95px;
  top: 290px;
  right: 76px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.mr-appearance-img {
  position: relative;
  z-index: 3;
}

.recording-export-insights {
  max-height: 500px;
  overflow: hidden auto;
}

.recording-export-insights table.dataTable thead th:first-child.sorting_asc,
.recording-export-insights table.dataTable thead th:first-child.sorting_desc {
  background-position-y: 50%;
}

/* My Recordings css end */
.cta-wrapper .btn-preview-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 220px;
  background: #474747;
  pointer-events: none;
}

.cta-btn-preview {
  max-width: 260px;
  min-width: 30px;
  min-height: 18px;
  background: #138CCF;
  color: #fff;
  box-shadow: 0px 0px 10px 2px #4d4d4d;
  border: 2px solid transparent;
}

.cta-btn-preview:hover {
  border-color: #1497d570;
}

.cta-btn-color {
  min-width: 115px;
}

.cta-btn-text-color {
  min-width: 140px;
}

.cta-btn-text-color #cta-btn-text-color {
  width: 88%;
}

.cta-btn-color .colorPicker,
.cta-btn-text-color .colorPicker {
  display: block !important;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.cta-btn-color .sp-replacer,
.cta-btn-text-color .sp-replacer {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
}

.product-link-container {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  display: flex;
  align-items: center;
}

.product-link-static {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin: -16px -16px 25px 0;
}
.title-line-wrap .error{
    display: block;
    top: 36px;
    transform: translateX(0%) !important;
}
.icn-trn {
  color: #555;
  margin-right: 5px;
  /* font-size: 16px; */
}

.link-trn-dvt {
  margin: 0 11px 0 8px;
  border-right: solid 1px #ababab;
  height: 16px;
  width: 1px;
}

.link-trn {
  display: flex;
  align-items: center;
}

.product-link-intabs {
  top: 28px;
  right: 20px;
}

.product-link-intabs2 {
  top: 19px;
  right: 19px;
}

.product-link-branding {
  top: 18px;
  right: 0;
}

.product-link-help {
  top: -7px;
  right: 0;
}

.product-link-recognition {
  top: 28px;
  right: 20px;
}

.product-link-help-prd {
  right: 20px;
  top: 30px;
}

#rejected_list_container {
  margin-top: 12px;
}

.product-link-static-st {
  position: relative;
  float: right;
  top: 3px;
  left: 0px;
  margin-left: 15px;
}

.aws-translate-wrap {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#ps-see-translation {
  position: absolute;
  right: 10px;
  bottom: 5px;
}

#ps-see-translation a {
  font-size: 12px !important;
  text-decoration: none !important;
}

#ps-see-translation a i {
  font-style: normal !important;
}

#ps-see-translation a .twit-loader {
  visibility: visible;
}

/*13.1*/
.ma-wistia-embed {
  width: 74%;
  margin: 0px auto 30px auto;
  padding: 20px 20px 20px 20px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 4px #e9e9e9;
}

.product-link-infiles {
  top: 10px;
  right: 7px;
}

.product-link-dashboard {
  margin: -3px 15px 0 0;
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.product-link-infeeds {
  right: 0;
  top: 14px;
}

.show_training_content,
.ma_Help_Link_container {
  display: flex;
}

.product-link-inpost {
  top: 6px;
  right: 25px;
}

.product-link-inpost.hide,
.notes_training_content,
.product_link_intodo.hide,
.wikis-in-profile .blnkcurve,
.wiki-in-profile .blnkcurve {
  display: none;
}

.product-link-container.user_rank_ui {
  float: right;
  position: static;
}

.product-link-container.user_has_rank {
  border-right: 1px solid #ccc;
  padding-right: 10px;
  margin-right: 12px;
  margin-top: -1px;
}

.gamf-page-title i.icn-trn {
  margin-top: 0;
}

.product-link-profile {
  float: right;
  margin: 6px 10px 0 0;
}

.product-link-survey {
  margin: -5px 0px 8px 0;
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.product_link_intodo {
  border-right: 1px solid #ccc;
  padding-right: 0px;
  margin-right: 15px;
}

.product-link-container.over-indexed {
  z-index: 3;
  top: 10px;
  right: 15px;
}

.product_link_wik,
.product-link-flex {
  display: flex;
  align-items: center;
}

/*end 13.1*/
.app-flyout {
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: #f7f7f7;
  z-index: 26;
}

.app-flyout-content {
  display: flex;
  padding: 8px 17px 8px 10px;
  box-sizing: border-box;
  align-items: center;
}

.app-flyout-logo {
  max-width: 50px;
  vertical-align: middle;
}

.app-mangoapps .app-flyout-logo {
  border-radius: 7px;
  border: solid 1px #e1dfdf;
}

.app-flyout-close {
  font-size: 15px;
  margin-right: 5px;
  padding: 5px;
  box-sizing: border-box;
  font-weight: normal;
  color: #999;
}

.app-flyout-name {
  margin: 0 15px 0 10px;
  width: 40%;
}

.app-vendor {
  color: #4a4a4a;
  line-height: 16px;
}

.app-ms {
  font-size: 11px;
  color: #717171;
}

.app-flyout-text {
  font-size: 11px;
}

.new-navigation-ui .v-navbar-container div>ul.thumb-links>li .ms-dd-new ul.thumb-links li a.edit_lesson {
  padding: 9px;
}

/*Top Nav icons hover effect*/
.new-beta-search-link .fa-search,
.recent-access-link .fa-history,
.recent-star-link .fa-thumbtack,
.far.btn-lesson,
.icon-bell {
  height: 21px;
}

/* Comment it out this property for now; it is causing the chat icon in the top header navigation to be misaligned */
/* .notifications-access-link>.fa-comment {
  height: 21px;
  width: 16px;
  padding-left: 0px;
} */

a.topnav-menu.topnav-menu-link.activities-access-link.ma-h6 {
  padding: 0 12px !important;
  width: 16px;
}

.topnav-menu.recent-star-link.ma-h6 {
  width: 16px;
}

.new-navigation-ui .nav a.activities-access-link {
  line-height: 1.3em;
  text-align: center;
}

.activities-access-link>.fa-running {
  height: 21px;
  width: 20px;
  font-size: 16px !important;
  color: #ffffff;
}

/*Branding classes*/

/*End Branding classes*/
.recent-access .topnav-menu,
#refreshCntImg .notifications-access-link,
.lesson-node .topnav-menu,
#ms-main-nav .nav>li>a.your-avatar,
.matop-nav-link.hover-object, 
#ma-assistant-header-button.ma-assistant-header-button,
#ms-main-nav .nav>li:hover>a.admin-top-nav-item {
  transition: 0.2s background-color linear, 0.2s color linear;
  transition-delay: 0.2s;
}

/* End top Nav icons hover effect*/
p.story_post_label {
  background: #f6f8fa;
  padding: 17px 0 !important;
  margin: 0px auto;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

.link-mode-gallery .wdt-50.mg-col-title {
  width: 50px;
}

.link-mode-gallery .wdt-md-12 {
  width: 100%;
}

.text-m-width {
  width: 240px;
}

.ms-font-verdhana .text-m-width {
  width: 270px;
}

#custom-ms-overlay-replica {
  background: rgba(119, 119, 119, 0.5);
  width: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 20;
}

.widthfxs {
  width: 93px !important;
  padding-right: 33px;
}

.star-access .ms-intranet-tab {
  margin: -10px 0 -11px 0;
  border: 0;
}

.star-access .ms-intranet-tab .tabs {
  background: transparent;
}

.star-access .tabs .tab {
  line-height: 42px;
  height: 42px;
}

.search-expanded+.recent-access,
.search-expanded+.recent-access+div+.recent-access,
.search-expanded+.recent-access+script+.recent-access,
.search-expanded+.recent-access+script+.recent-access+div+.recent-access {
  visibility: hidden;
  transition-delay: 0.001s;
}

.star-access {
  margin-left: 0;
}

.remove-star-item {
  padding: 6px 10px 3px 10px;
  box-sizing: border-box;
}

.remove-star-item .fa-thumbtack,
.pin-access-item .fa-thumbtack {
  font-size: 18px;
}

.remove-star-item .unpin {
  position: absolute;
  top: 12px;
  right: 8px;
  font-size: 8px;
}

.theme_class .remove-star-item .unpin {
  font-weight: 800 !important;
}

.empty-help-menu {
  width: 250px;
  padding: 15px;
  cursor: text;
}

.ma-info-circle {
  font-size: 14px;
  margin-left: 5px;
  vertical-align: middle;
  color: #8d8d8d;
}

.attach-file-dialog-new .ma-info-circle {
  margin-left: 4px;
}

#login_activity_container {
  max-width: 88%;
}

.notif-date-ellipsis {
  max-width: 93%;
  width: 78%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.trn-img {
  max-width: 100%;
  vertical-align: middle;
  margin: 10px 0 15px 0;
}

.theme_class .fas.star-stc {
  color: #f9b439;
  font-size: 15px;
  margin-left: 3px;
  font-weight: 900 !important;
}

.star-stc.left-15 {
  margin-left: 10px !important;
}

.rew-node {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eff1f5;
  padding: 12px 0;
  justify-content: space-between;
}

.rew-node:last-child {
  border: 0;
}

.float-flex-fix {
  display: flex;
  flex-direction: column !important;
  flex-flow: column;
}

.hlps-icn {
  margin-right: 10px;
  font-size: 20px;
  margin-bottom: 2px;
  color: #999;
}

.hlps-txta {
  line-height: 15px;
}

.hlps-hsnd {
  font-size: 45px;
  color: #c3c2c2;
  margin-right: 15px;
}

.itip-access-tabs {
  position: absolute;
  right: 12px;
  top: 13px;
}

/* CSM widget*/
.ma-usercard {
  display: flex;
  align-items: center;
}

.usercard-info,
#media_gallery_module .files-dock-actions,
li[name*="g_suite_app_links"] .edit-overview-widget .appContainer .appName,
li[name*="office_365_links"] .edit-overview-widget .appContainer .appName,
.widget_list .edit-overview-widget .widgetApps .appContainer .appName,
.edit-mobile-properties[name*="g_suite_app_links"] .edit-overview-widget .appContainer .appName,
.edit-mobile-properties[name*="office_365_links"] .edit-overview-widget .appContainer .appName,
.ms-flex-1 {
  flex: 1;
}

.usercard-title,
.action-widget .todo_duedate  {
  color: #999;
}

.usercard-img {
  width: 90px;
  height: 90px;
  overflow: hidden;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #efefef;
}

.circular-images .usercard-img {
  border-radius: 100%;
}

.usercard-img img {
  max-width: 90px;
}

.usercard-links {
  display: flex;
  flex-flow: column;
  flex-direction: column;
  margin: 8px 0;
}

.usercard-links a {
  margin-top: 8px;
}

.usercard-links a i {
  margin-right: 10px;
  font-size: 20px;
  margin-bottom: 2px;
  color: #999;
}

/*CSM widget*/
/* g suit widgets*/
.g-suite-container {
  display: grid;
  align-items: start;
  align-content: start;
  gap: 4px;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}

.suspended_user #ms-main-nav .nav>li.flip-logo,
.p-0,
.message-action-drop-item.like-list li a,
.content.crm_contr table tr td .small_img_box tr td,
.event_all_opt table tr td,
.ma-cmps-evnt-dlg-icn table tr td,
.mobile_intranet_page li.ms-gridbox .ms-gridbox-content,
.message-action-list-item ul.reaction-menu a {
  padding: 0 !important;
}

.g-suite-box {
  display: block;
  min-width: 80px;
  box-sizing: border-box;
  padding: 8px;
  -webkit-box-align: center;
}

.g-suite-img-wrap {
  min-height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.g-suite-box .g-suite-imgs {
  margin: auto;
  max-width: 100%;
  max-height: 52px;
}

.g-suite-text {
  color: #4a4a4a !important;
  margin-top: auto;
  text-align: center;
}

.widget_list .edit-overview-widget .widgetApps {
  display: block;
}

.widget_list .edit-overview-widget .widgetApps .edit-overview-textlbl {
  margin-bottom: 5px;
}

li[name*="g_suite_app_links"] .edit-overview-widget .appContainer,
li[name*="office_365_links"] .edit-overview-widget .appContainer,
.widget_list .edit-overview-widget .widgetApps .appContainer {
  height: 200px;
  overflow: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
}

li[name*="g_suite_app_links"]:not([data-sizex="1"]) .edit-overview-widget .appContainer,
li[name*="office_365_links"]:not([data-sizex="1"]) .edit-overview-widget .appContainer {
  flex-wrap: wrap;
}

li[name*="g_suite_app_links"] .edit-overview-widget .appContainer .appWrapper,
li[name*="office_365_links"] .edit-overview-widget .appContainer .appWrapper {
  margin: 6px 30px 6px 0;
}

li[name*="g_suite_app_links"][data-sizex="3"] .edit-overview-widget .appContainer .appWrapper,
li[name*="office_365_links"][data-sizex="3"] .edit-overview-widget .appContainer .appWrapper {
  margin: 6px 110px 6px 0;
}

.widget_list .edit-overview-widget .widgetApps .appContainer .appWrapper {
  margin: 6px 0;
}

/* g suit widgets end*/
.video-cc-icon {
  color: #fff;
  font-size: 24px;
  height: 18px;
  line-height: 18px !important;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.circular-images .ms-modal-header .prflpp-prsn-presence-flag::after {
  top: auto;
  right: 13px;
  bottom: 11px;
  left: auto;
}

.ms-modal-header .prflpp-prsn-presence-flag::after {
  top: auto;
  right: 0px;
  bottom: 0px;
  left: auto;
}

.mandatory-mark {
  top: -2px;
  color: #f00;
  font-size: 14px;
}

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

.show-space-in-team-draft-box {
  height: 38px;
}

.widget_list .g-suite-container {
  margin: 0 -12px;
}

.signatureField .signatureWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-all;
}

.signatureField .userSignature {
  border: 1px solid #dce1e7;
  position: relative;
  overflow: hidden;
}

.signatureField .textSignature {
  padding: 8px 15px;
  min-width: 268px;
}

.signatureField .textSignature .signatureWrapper span {
  font-size: 40px !important;
}

.signatureField .imgSignature {
  width: 300px;
  height: 100px;
}

.signatureField .imgSignature .signatureWrapper {
  height: 100%;
}

.signatureField .profileSignature {
  width: auto;
  display: flex;
  align-items: center;
  min-width: auto;
  padding: 0 10px 0 0;
  overflow: visible;
}

.signatureField .imgSignature.profileSignature {
  height: 80px;
}

.signatureField .profileSignature .signatureWrapper {
  align-items: flex-start;
}

.signatureField .imgSignature img {
  max-width: 300px;
  height: auto;
  max-height: 100%;
}

.show-edit-profile .signatureField .userSignature .changeSignature {
  background: rgba(0, 0, 0, .5);
  color: #fff !important;
  position: absolute;
  bottom: 0;
  z-index: 1;
  text-align: center;
  transform: translateY(25px);
  transition: transform ease-out 300ms;
  padding: 3px 0;
  left: 0;
  right: 0;
  text-transform: capitalize;
}

.show-edit-profile .signatureField .userSignature:hover .changeSignature {
  transform: translateY(0);
}

.signatureModal .signatureOptionsWrapper {
  border-bottom: 1px solid #dedede;
  margin-bottom: 15px;
}

.signatureModal .typeWrapper,
.signatureModal .drawContainer,
.signatureModal .imageContainer {
  border: 1px solid #dedede;
  height: 240px;
}

.signatureModal .imageContainer {
  justify-content: center;
  align-items: center;
}

.signatureModal #drawContainer,
.signatureModal #typeContainer,
.signatureModal #imageContainer {
  display: none;
  flex-direction: column;
}

.signatureModal .typeContainer input {
  border-width: 0 0 1px 0 !important;
  border-style: dashed !important;
  border-color: #707070 !important;
  font-size: 80px;
  height: auto;
  min-height: auto;
  padding: 0;
  text-indent: 15px;
  box-shadow: none !important;
}

.signatureModal .drawSignature {
  width: 100%;
  height: 100%;
}

.signatureModal .orBlock::before {
  left: -35px;
}

.signatureModal .orBlock::after {
  right: -35px;
}

.signatureModal .orBlock::before,
.signatureModal .orBlock::after {
  content: "";
  width: 25px;
  height: 1px;
  background: #eee;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.signatureModal .orBlock span {
  padding: 8px;
  color: #ccc;
  border: 1px solid #eee;
  border-radius: 100%;
  display: inline-block;
}

.signatureModal .imageContainer h4 {
  color: #a4a4a4;
}

.signatureModal .imageContainer .sizeInfo {
  color: #a1a1a1;
}

.signatureModal .imageContainer input {
  display: none;
}

.signatureModal .imageContainer img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.signatureModal #clearImgSignature {
  display: none;
}

.signatureModal .imageContainer .dragHoverContainer,
.signatureModal .imageContainer {
  position: relative;
}

.signatureModal .imageContainer .dragHoverContainer::before {
  background: rgba(204, 204, 204, 0.3);
  content: attr(title);
  position: absolute;
  font-size: 40px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  color: grey;
  border: 1.5px dashed #ccc;
}

.must-read-section.editmode .grid-title {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.signatureModal .imageContainer .uploadingImage {
  opacity: 0.3;
}

.signatureModal .imageContainer .progressBar {
  position: absolute;
  z-index: 1;
  transition: all 300ms ease;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  fill: none;
  stroke: #666;
  stroke-width: 4;
  stroke-dasharray: 0 999;
}

/*newly added email icon*/
li.email-icon-hover .topnav-menu {
  font-size: 20px;
}

.email-spacing-list li {
  padding: 5px 10px;
}

/*module css*/
.modules-list-wrapp li.module-list-item .item-desc {
  max-width: 65%;
}

.view-button-module {
  position: absolute;
  top: 19px;
  right: 100px;
  border-right: solid 1px #d3d9e7;
  padding-right: 20px;
}

.mudules-filter-wrapp {
  right: auto;
  left: 0;
}

.view-button-module-itip {
  position: absolute;
  top: 24px;
  right: 80px;
}

/*module css*/

/* dlp policy css */
select#selectPatterns {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

select#selectPatterns option {
  background: #fff;
  padding: 5px 0;
  position: relative;
}

select#selectPatterns option.selected:after {
  content: "\f00c";
  position: absolute;
  top: 2px;
  right: 5px;
  width: 15px;
  height: 15px;
  color: green;
  font-family: "Font Awesome 7 Pro";
}

.create_policy_form .tabContentWrapper {
  max-height: 365px;
  overflow: hidden auto;
  padding: 5px 30px;
}

.create_policy_form .tabContentWrapper.dlp-policy-admin-form {
  max-height: max-content;
  padding: 20px;
}

#policy_rules_container .colleague_list_view table tr td,
#matches_logs_container .colleague_list_view table tr td {
  padding-right: 10px !important;
  word-break: break-word;
}

.colleague_list_view table tr .dlp-name-th,
.colleague_list_view table tr .dlp-name-td {
  max-width: 400px;
}

.colleague_list_view table tr .dlp-item-title-th,
.colleague_list_view table tr .dlp-item-title-td {
  max-width: 300px;
  word-break: break-all;
}

.ma-character-limit-progress {
  color: #717171;
  width: 100%;
  text-align: right;
}

#dlpNameData,
#dlpDescriptionData,
#regularExpressionsData,
.word-break-all {
  word-break: break-all;
}

#regularExpressionsData{
  max-height: 100px;
  overflow: hidden auto;
}

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

.matches-log-selectbox {
  border: solid 1px #dce1e7;
  max-width: 300px;
}

#matches_log_table_wrapper table.dataTable thead th:first-child.sorting_asc,
#matches_log_table_wrapper table.dataTable thead th:first-child.sorting_desc,
#policy_table_wrapper table.dataTable thead th:first-child.sorting_asc,
#policy_table_wrapper table.dataTable thead th:first-child.sorting_desc {
  background-position-y: 8px;
}

#matches_log_tables_widget thead tr th {
  font-weight: normal;
}

#matches_log_tables_widget tbody tr td {
  padding: 10px 0 10px 10px;
}

#matches_log_tables_widget tbody tr td {
  padding-right: 10px !important;
}

#matches_log_tables_widget tbody tr td.action-menu {
  padding-right: 0px !important;
}

#matches_log_tables_widget tbody tr td.dlp-item-policy-td,
#matches_log_tables_widget tbody tr td.dlp-item-title-td {
  padding: 10px 10px 10px 0;
}

#matches_log_tables_widget.for-last-item tbody tr:last-child .action-menu {
  bottom: 100%;
}

#setting-mobile-tab-container .overview-settings .edit-overview-display label {
  width: 100%;
}

/* dlp policy end */
body.mobile_pages_preview #ui-datepicker-div {
  display: none;
}

#widgets-tabs-ul .left-border-round {
  border-radius: 10px 0 0 10px;
}

#widgets-tabs-ul .right-border-round {
  border-radius: 0 10px 10px 0;
}

.edit-mobile-properties .edit-overview-widget {
  display: block;
  position: relative;
}

.edit-mobile-properties .ms-gridbox-heading {
  border-bottom: 1px solid #d7d7d7;
  padding: 10px 15px;
  width: auto;
  display: block;
  font-weight: bold;
}

.edit-mobile-properties[name*="g_suite_app_links"] .edit-overview-widget .appContainer,
.edit-mobile-properties[name*="office_365_links"] .edit-overview-widget .appContainer {
  height: 200px;
  overflow: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.edit-mobile-properties[name*="g_suite_app_links"] .edit-overview-widget .appContainer .appWrapper,
.edit-mobile-properties[name*="office_365_links"] .edit-overview-widget .appContainer .appWrapper {
  margin: 6px 30px 6px 0;
}

.reorder-page-list li.edit-mobile-properties label {
  position: relative !important;
  top: auto !important;
  right: auto !important;
}

.hashtag-widget-settings .tags-in-widget .tagit {
  width: 95%;
  max-width: 575px;
}

.ms-gridbox[data-sizex="1"] .hashtag-widget-settings .tags-in-widget .tagit {
  width: 90%;
}

.edit-mobile-properties .tags-in-widget .tagit {
  max-width: 575px;
}

/*admin role css */
.admin-roale-tabs-wrapper {
  position: relative;
}

.abmin-roles-btnswrapp {
  right: 100px;
  top: -38px;
  z-index: 2;
}

.admin-role-LHS {
  background: #f6f8fa;
  margin-left: -15px;
  margin-top: -10px;
  padding-top: 15px !important;
  border: 1px solid #e3e7ed;
}

.admin-role-LHS .rhsContentbox_content .widget_lists.tabs-roleadmin li a {
  color: #333c49;
}

.admin-role-LHS .rhsContentbox_content .widget_lists.tabs-roleadmin.addAdminBtn li a {
  color: var(--primary-color)
}

.admin-role-LHS .rhsContentbox_content .widget_lists.tabs-roleadmin li a {
  position: relative;
  padding-left: 20px;
}

.admin-role-LHS .rhsContentbox_content .widget_lists.tabs-roleadmin li a i {
  position: absolute;
  top: 3px;
  left: 0;
}

.admin-role-LHS .rhsContentbox_content .widget_lists.tabs-roleadmin li a span {
  margin-left: 0 !important;
}

.lhs_admin_role {
  box-shadow: 0 0 0 transparent !important;
}

ul.permission-bredcrumb li {
  color: #4a4a4a;
  margin: 0 !important;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}

.admin-role-LHS .rhsContentbox_content .widget_lists.tabs-roleadmin li {
  border-bottom: solid 1px #dbdddf;
}

.admin-role-LHS .rhsContentbox_content .widget_lists li.selected:after {
  content: "";
  background: #f6f6f6;
  position: absolute;
  height: 100%;
  width: 5px;
  top: 0;
  right: -2px;
}

.admin-role-LHS .rhsContentbox_content .widget_lists li.selected {
  position: relative;
}

span.admin-permission-removebtntext i {
  left: 10px !important;
  color: #4a4a4a;
  top: 10px !important;
}

span.admin-permission-removebtntext span {
  padding-left: 22px !important;
}

@media only screen and (max-width: 1400px) {
  .admin-roale-tabs-wrapper .ui-tabs-nav.ui-helper-reset li a {
    padding: 0 10px !important;
    font-size: 12px !important;
  }

}

/*admin role css */

@media only screen and (max-width: 1400px) {
  .is_admin_portal .prfl_prvw_rght .ms-modal-content {
    transform: translateX(-50%) scale(0.8);
    top: 40px !important;
  }

  .is_admin_portal #userPeopleDrctryPreview .people-grid-view {
    transform: scale(0.8);
  }
}

.new-navigation-ui .two-child-containers .blk_lhs_section {
  margin: 0 0px 0 165px;
  border: solid 0px #e3e7ed;
}

.levels-leaderboard-wrapper.people-grid-view .mango-grid-view {
  background-color: #fff;
}

.levels-bg {
  background-color: #ffffff;
}

.archive_date_enldsl:not(:checked)+label+.archive_date_cont {
  pointer-events: none;
  opacity: 0.6;
}

.el-dvd {
  display: block;
  float: left;
  color: #717171;
  margin: 1px 8px 0 8px
}

.itip.el-itip {
  vertical-align: middle;
  background-position: 0 0px;
  width: 14px;
  height: 14px;
  margin: 0;
  padding: 0
}

.flex-lhs {
  flex-basis: 85%;
  max-width: 85%;
}

.flex-rhs {
  flex-basis: 15%;
  max-width: 15%;
}

/* .cke-post-attachment {
  display: flex;
  align-items: center;
} */
.post-attachments-actn {
  display: flex;
  align-items: center;
}

.cke-post-attachment .post-action-help {
  position: initial;
  order: 1;
  margin-left: 20px;
}

textarea.height-initial {
  height: 94px;
  box-sizing: border-box;
  width: 100%;
}

.cursor-default {
  cursor: default;
}

/*GROUP AUTOMATION CSS*/
.clear-float-cls {
  content: "";
  display: block;
  clear: both;
}

.light_gray_color {
  color: #a1a1a1;
}

ul.automation_dialog_list_wrapp {
  list-style: disc;
  margin-left: 15px !important;
}

ul.automation_dialog_list_wrapp li {
  list-style: disc;
  margin-bottom: 1px !important;
  padding-left: 0;
}

/*GROUP AUTOMATION CSS*/

/* SSO CSS */
.enterprise-schema-modal,
.enterprise-schema-alert-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
}

.enterprise-schema-modal::after,
.enterprise-schema-alert-modal::after {
  content: "";
  background-color: rgb(119, 119, 119);
  opacity: 0.7;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.enterprise-schema-modal .modal-wrapper,
.enterprise-schema-alert-modal .modal-wrapper {
  width: 700px;
  margin: 40px auto;
  position: relative;
}

.enterprise-schema-alert-modal .modal-wrapper {
  width: 500px;
}

.enterprise-schema-modal .dialog_body {
  background: #000;
  border: 0;
}

.enterprise-schema-modal .dialog_body code {
  color: #fff;
  background: #000;
  padding: 0;
}

/* SSO CSS */
/* Suspended User css START*/

.new-navigation-ui.active-mini-navbar.suspended_user .layout-container {
  margin: 0 0 0 10px;
}

/*Suspended User css END*/
/* for scrom change only */
.scorm_chapter .topbar.user_header {
  display: none;
}

.scorm_chapter #mango-lms .chapter-type- .d-flex.mt-4 {
  margin: 0px !important;
  padding: 0px;
}

.scorm_chapter #chapter-root-wrapper {
  height: calc(98vh);
}

.scorm_chapter iframe {
  border: 0px;
}

.assigned-userList .ms-more-actions .narrow_by li ul li a {
  background-repeat: no-repeat;
  padding: 5px 45px 8px 15px;
}

div#ms-font-color-container input,
.color_palette input,
.basic-branding input {
  max-width: 133px;
}

a.template-slider {
  background: #fff !important;
}

.body_cal_sec #editor-description li {
  list-style: disc;
  margin-left: 20px !important;
}

.body_cal_sec #editor-description ul,
.body_cal_sec #editor-description ol {
  padding-left: 20px;
}

.body_cal_sec #editor-description ol > li {
  list-style: decimal;
}

.body_cal_sec #editor-description ul > li {
  list-style-type: disc;
}

.body_cal_sec #editor-description ol ul > li,
.body_cal_sec #editor-description ul ul > li {
  list-style: circle;
}

.body_cal_sec #editor-description ol ol ul > li,
.body_cal_sec #editor-description ul ol ul > li {
  list-style: square;
}

.ma-form-label {
  display: inline-block;
  margin: 8px 0;
}

.ma-form-control {
  margin: 8px 0;
}

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

.sa-post-image {
  display: flex;
  justify-content: center;
  width: 124px;
  min-height: 82px;
  margin-right: 16px;
  background-color: #f2f2f2;
  border: 1px solid #e8e8e8;
  font-size: 48px;
}

.sa-post-image img {
  max-width: 100%;
}

.ms-more-actions .narrow_by li ul li a.no-icon {
  padding-left: 16px;
  min-width: 80px;
}

table.ma-table tr th {
  font-weight: normal;
  border-bottom: solid 1px #dce1e7;
  border-top: 0 none;
  border-left: 0 none;
  border-right: 0 none;
  padding: 8px 16px;
}

table.ma-table tr td {
  border-bottom: 1px solid #dadada;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding: 20px 16px;
  text-align: left;
}

table.ma-table tr th a {
  border-bottom: none;
  border-top: none;
  border-left: 0px none;
  border-right: 0px none;
  color: inherit;
}

table.ma-table .action-rollhover {
  transition: background-color linear 0.23s;
}

table.ma-table .action-rollhover:hover {
  background-color: #f7f8fa;
}

table.ma-table tr th.current {
  border-bottom: 2px solid #717171;
}

table.ma-table tr.action-rollhover .action-list {
  visibility: hidden;
  opacity: 0;
  transition: opacity linear 0.23s;
}

table.ma-table tr.action-rollhover:hover .action-list {
  visibility: visible;
  opacity: 1;
}

.sa-insight-box {
  padding: 36px 24px;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  text-align: center;
}

.viewport-based-popup-content {
  max-height: calc(70vh - 40px);
  overflow: auto;
}

.sa-post-item--image,
.sa-post-ambassadors--image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-right: 16px;
  position: relative;
}

.sa-post-ambassadors--image>img {
  min-width: 100%;
  min-height: 100%;
  border-radius: 4px;
}

.sa-post-item--image>img {
  max-width: 42px;
  max-height: 42px;
  border-radius: 4px;
}

.sa-post-ambassadors--image>img {
  border-radius: 50%;
}

a.sa-post-item--team-name {
  padding: 2px 4px;
  background-color: #eff1f3;
  color: #8392a5 !important;
}

.sa-post-item-shares {
  color: #8392a5 !important;
}

.sa-post-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E5E5E5;
  padding: 8px 0;
}

.sa-post-item:last-child {
  border-bottom: 0;
}

.sa-list-box {
  padding: 16px 24px;
}

.sa-post-badge {
  width: 16px;
  height: 16px;
  background: #3d85d7;
  color: #ffffff;
  border: 1px solid #ffffff;
  text-align: center;
  line-height: 16px;
  border-radius: 50%;
  position: absolute;
  font-size: 11px;
  top: -4px;
  left: -4px;
}

.insights-last-updated {
  background-color: #e9fbec;
  color: #6e7878;
  padding: 8px 12px;
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translate(-50%, 0);
}

.table.ma-table tr th a.sort_desc {
  background-position: right -198px;
}

.table.ma-table tr th a.sort_asc {
  background-position: right -2564px;
}

table.ma-table.ma-table-small tr th,
table.ma-table.ma-table-small tr td {
  padding-top: 8px;
  padding-bottom: 8px;
}

table.ma-table.ma-table-body-border-0 tr td {
  border-bottom: 0;
}

/* Social advocacy - Click through count pop-up::start */
#social-tracking-table_wrapper table thead th {
  border-right: none;
  border-left: none;
  border-top: none;
  color: #474747;
}

#social-tracking-table_wrapper table thead .sorting_desc,
#social-tracking-table_wrapper table thead .sorting_asc {
  border-bottom: 2px solid #717171;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
}

#social-tracking-table_wrapper table tbody td {
  border: none;
  padding: 10px 24px 10px 18px !important;
}

#social-tracking-table_wrapper table.dataTable.no-footer {
  border-bottom: 1px solid #dadada !important;
}

/* Social advocacy - Click through count pop-up::end */

.lhs-on-hover .sidebar-wrapper {
  overflow: hidden;
  opacity: 0;
  width: 0px !important;
}
.nav-preview-enabled.lhs-on-hover .advanced_mega_menu_nav ~ .sidebar-wrapper, 
.nav-preview-enabled.lhs-in-view .advanced_mega_menu_nav ~ .sidebar-wrapper,
.nav-preview-enabled.lhs-flyout .advanced_mega_menu_nav ~ .sidebar-wrapper{
  padding-top: 50px;
}
.lhs-on-hover .sidebar-wrapper.nav-hover{
  overflow: visible;
  opacity: 1;
  width: 200px !important;
}
.nav-preview-enabled.lhs-on-hover .advanced_mega_menu_nav ~ .sidebar-wrapper,
.nav-preview-enabled.lhs-in-view .advanced_mega_menu_nav ~ .sidebar-wrapper,
.nav-preview-enabled .horizantal-menu-li:hover .horizantal-more-sub-menu {
  visibility: hidden;
}


li.master-lhs.inbox a[title="News Feed"] span:not(#ms-dash-news-feeds-count) {
  max-width: 110px !important;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  overflow: hidden;
}

/* for main header */

.domain_banner_disbled div#ms-main-nav {
  width: 100%;
  top: 0;
}

.topnav-width-1200.domain_banner_disbled div#ms-main-nav {
  top: 0;
  max-width: 1200px;
  margin: 0px auto;
  left: auto;
}

.is_admin_portal.topnav-width-1200.domain_banner_disbled div#ms-main-nav {
  width: 100%;
  max-width: 100%;
}

body.site-width-1200.topnav-width-1200.domain_banner_disbled .ms-main-header-top {
  width: 100%;
  z-index: 19;
  height: 53px;
}
body.site-width-1200.search-overlay-display.topnav-width-1200.domain_banner_disbled .ms-main-header-top:after{
  content: '';
  width: 100%;
  height: 53px;
  position: fixed;
  left: 0;
  top: 0;
  background: #333C49!important;
  z-index: 13;
}
body.search-overlay-display.site-width-1200.topnav-width-1200.domain_banner_disbled .ms-main-header-top{
  position: unset;
}

body.search-overlay-display.site-width-1200.topnav-width-1200.domain_banner_disbled .layout-container{
  padding-top: 0;
  transition: none;
}
body.site-width-1200.topnav-width-1200.domain_banner_disbled .layout-container{
  transition: none;
}

.domain_banner_disbled.is_admin_portal .people-top-action.breadcrumb_container {
  position: sticky;
  top: 53px;
}

.domain_banner_disbled.lhs-on-hover .sidebar-wrapper:not(.nav-hover) li.lhs-edit a {
  display: none;
}

/* .domain_banner_disbled.site-width-1200.vertical-top-menu .dashboard_hero_view {
  padding-top: 53px;
} */

.domain_banner_disbled.people-top-action.breadcrumb_container {
  position: sticky !important;
}

.domain_banner_disbled.site-width-1200.topnav-width-1200 .second-column.one-child-container .column-one.dashboard-main-container {
  margin-top: 0px;
}

.topnav-width-1200.domain_banner_disbled.dashboard_hero_view_layout.darkHeader.horizontal-top-menu div#ms-main-nav {
  max-width: inherit;
  left: 0px;
}

body.domain_banner_disbled.site-width-1200.new-navigation-ui .layout-container {
  margin: 0 0 0 0px;
}

body.domain_banner_disbled.site-width-1200.new-navigation-ui #mango-lms .layout-container.layoutSec {
  padding-top: 0px;
}

@media only screen and (max-width:1200px) {
  body.domain_banner_disbled.topnav-full-width.site-width-1200.new-navigation-ui .layout-container {
    margin: 0 0 0 0px;
    padding-top: 0px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 390px) {
  div[widget-name*="todo_summary"] .actions-circlebar {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
  }

  div[widget-name*="todo_summary"] .actions-circlebar-item {
    width: 90px;
  }
}

.collapsible-rhs-section .lContentbox.mango-new-widget {
  width: 100%;
  box-sizing: border-box;
}
#intranet_tab.ms-intranet-tab {
  float: none;
}
.get-tabs-width {
  visibility: hidden;
  height: 1px;
}
.horizantal-menu-enabled .beta-search-header #web-search-box {
  -webkit-transition: width .1s linear;
  -moz-transition: width .1s linear;
  transition: width .1s linear !important;
  line-height: normal !important;
}

.user_profile_nav .translate_options_menu .selected i {
  display: block;
}

.user_profile_nav .translate_options_menu i {
  display: none;
}

.leftsectionprofile #has-ms-social-bar-utils.flex-column {
  flex-direction: column !important;
}

.reward-points {
  padding: 5px 6px 8px 13px;
  color: #4a4a4a;
}

.reward-points-icon {
  width: 23px;
  height: 18px;
  font-size: 18px;
}

.reward-message-wrapper * {
  margin: revert;
  padding: revert;
  list-style: revert;
}

.reward-message-wrapper + div .mangostream-attachments,
.reward-message-wrapper + div a + div {
  display: none;
}

.reward-message-wrapper .gift-card-help-text p,
.reward-message-wrapper .gift-card-help-text span{
  margin: 0 !important;
  padding: 0 !important;
}
.reward-message-wrapper .redeem-coupon-wrapper a{
  display: inline-block;
  word-break: break-all;
}
.redeem-message-bg{
  background: #F9F9F9;
}
.campaign-animated-container {
  margin-top: 20px;
}

.campaign-animated-background {
  width: 665px;
  height: 140px;
  animation-duration: 4s !important;
  margin-left: 15px;
  border-radius: 5px;
}
/*RHS Menu issue fix - */
.rhs-main-contr .widget-menu-cont.rhs-menu-open-up {
    top: auto;
    bottom: 100%;
}
.rhs-main-contr .widget-menu-cont.rhs-menu-open-up:before {
    bottom: -10px;
    border-top: 9px solid #bdc5c7;
    margin: 0;
    border-bottom: 0;
}
.rhs-main-contr .widget-menu-cont.rhs-menu-open-up:after {
    bottom: -9px;
    top: auto;
    border-top: 9px solid #fff;
    margin: 0;
    border-bottom: 0;
}
/*RHS Menu issue fix - End */
.r-custom-scrollbars {
  overflow: auto;
}

.announcement_widget_w_class ul.carousel > li:not(:first-child),
.top_posts_w_class ul.carousel > li:not(:first-child),
.carousel_widget_w_class ul.carousel > li:not(:first-child),
#post_list_ms_section .wrapper ul.carousel > li:not(:first-child) {
  position: absolute;
  top: 0;
}
/* post summary style */
.sumry-contr .narrow_by.custm-menu.ma-cstm {
  padding: 6px 12px 6px 6px;
}
.sumry-contr .narrow_by.custm-menu {
  border-radius: 4px;
  border: 1px solid #dce1e7;
  box-sizing: border-box;
  user-select: none;
}
.cutm-arw {
  position: absolute;
  right: 8px;
  top: 9px;
  font-size: 13px;
}
body.container-rounded-corner .sumry-contr .narrow_by>li>ul{
  border-radius: 0;
}
.wdth-medm {
  max-width: 150px;
}
.send-mail-time {
  width: 150px;
}
.wdth-sml {
  max-width: 70px;
}
.wdth-lrg  {
  max-width: 400px;
}
.wdth-medmx {
  max-width: 200px;
}
.wdth-lrg input[type=text]{
  min-height: 34px;
  box-sizing: border-box;
}
.sumry-contr .narrow_by.custm-menu.ma-cstm .label>span {
  min-width: auto;
}
.sumry-contr .ma-help-content ul li {
  list-style: initial;
  margin-bottom: 2px;
}
.sumry-contr .ma-help-content ul {
  padding-left: 15px;
}
.ma-help-content.left-sider:before {
  left: 10px;
  right: auto;
}
.ma-help-content.left-sider:after {
  left: 11px;
  right: auto;
}
.ps-summary-catg {
  margin: 10px 0 -2px -12px;
  max-width: 80%;
  overflow: hidden;
}
.summary-catg-item {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
}
.category-drag-it {
  width: 9px;
  background: url(/ce/pulse/images/drag_dot.png)2px 0;
  background-repeat: repeat-y;
  height: 23px;
  box-sizing: border-box;
  border-left: 2px solid #1497d5;
  cursor: move;
  visibility: hidden;
}
.summary-catg-item:hover .category-drag-it{
  visibility: visible;
}
.summary-category-tag {
  background: #E6E9ED;
  border-radius: 28px;
  padding: 4px 10px;
  line-height: 1.2;
  margin: 3px 0 3px 3px;
  word-break: break-word;
}
.fa-regular.no-category-icon {
  width: 80px;
  background: #F8F8F8;
  border-radius: 100%;
  font-size: 30px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.digest_tab_container {
  display: none;
}
.send_on_day_wrapper {
  min-width: 250px;
}
.smpl-rect-ps-title {
  height: 6px;
  margin: 0 7px 6px 0;
}
.smpl-rounded .smpl-rect-ps-title {
   border-radius: 10px;
}
.ps-smpl-rect5w {
   width: 8%;
}
.ps-smpl-rect1w {
  width:20%;
  margin-top: 10px;
}
.ps-img-smpl {
  background: #E0E0E0;
}
.ps-smpl-mrg {
   margin-bottom: 11px;
   height: 7px;
}
/* end post summary style */
.team-icn-hldr .add-shortcut-icons-wrap{
  left: 116px;
  max-height: 204px;
  width: 418px;
  border: 1px solid #dce1e7;
  box-shadow: rgb(0 0 0 / 10%) 0 8px 16px 0;
  border-radius: 2px;
  margin-top: -1px;
}
.team-icn-hldr .icons_list .ico_box_list {
  border: 0;
}
body.dstrctn-lhs-collapsed.site-width-1200.topnav-full-width.new-navigation-ui.fixed-navigation_slide.lhs-in-view div.body {
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
}
.trophy-icon-alignment{
  padding-left: 7px !important;
}
.width-250px {
  width: 250px;
}
/* search box ui for small screen */
.group-search-wrap-input .responsive-search-icon {
    display: none;
}
@media only screen and (max-width: 740px){
  .group-search-wrap-input .responsive-search-icon {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
  }
  .group-search-wrap-input input#breadcrumb_search {
    width: 10px;
  }
  .group-search-wrap-input input#breadcrumb_search::placeholder {
    font-size: 0;
  }
  .group-search-wrap-input.search-expand-all input#breadcrumb_search {
    width: 240px !important;
    padding-left: 30px;
  }
  .group-search-wrap-input.search-expand-all a.gl-search-dropdown.cl-dropdown-wrap {
    right: 0 !important;
  }
}

.auto-follow .ma-help-content:before{
  left: 31px;
  right: initial;
}
.auto-follow .ma-help-content:after {
  left: 32px;
  right: initial;
}
/* search box ui for small screen */
.ms-more-actions .narrow_by li ul.team-slack-menu-options li a {
  padding: 5px 15px 5px 10px;
}
.post-as-banner-enabled .load-beta-search-bar.team-search,
.post-as-banner-enabled .load-beta-search-bar.module-search{
  position: sticky;
}
.post-as-banner-enabled .load-beta-search-bar.team-search .beta-search-header,
.post-as-banner-enabled .load-beta-search-bar.module-search .beta-search-header{
  padding-top: 0;
}
.dlg-bck-mrgn {
  margin-left: -20px;
  margin-right: -20px;
}

.select2-parent .select2-dropdown {
  z-index: 5;
}
.shadow-none {
  box-shadow: none !important;
}
.beta-search-header .search-input::placeholder {
  color: #717171;
}
#reorder_modules_shortcuts_top_nav{
  flex-wrap: wrap;
}
#reorder_modules_shortcuts_top_nav li{
  flex-basis: calc(50% - 12px);
  margin-right: 10px;
}
#reorder_modules_shortcuts_top_nav li.dd-placeholder{
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
}
.ms-more-actions .narrow_by ul .actions-li{
  display: flex;
}
.ms-more-actions .narrow_by ul .actions-li a {
  padding: 5px 13px;
  width: 100%;
  display: flex;
  align-items: center;
}
.ms-more-actions .narrow_by ul .actions-li a i{
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}
.ms-more-actions .narrow_by ul .actions-li a:hover {
  background: #EFEFEF;
}
ul.box>li.expanded-list:hover{
  background-color: transparent;
}
.manage-sub-navigation ul.box li ol>li .dd-handle{
  border: none;
  margin-bottom: 0;
}
.manage-sub-navigation ul.box li ol>li{
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.manage-sub-navigation ul.box li ol>li .dd-handle:hover{
  background-color: #E9E9ED;
}
.manage-sub-navigation ul.box li ol>li:hover{
  background-color: transparent;
}
.manage-sub-navigation.reorder-page-list ul.box>li{
  overflow: unset;
}
.manage-sub-navigation#reorder_modules_shortcuts_div ol.dd-list{
  margin: 5px 5px 20px 20px;
}
.manage-sub-navigation#reorder_modules_shortcuts_div ol.dd-list:not(:has(li)),
.manage-sub-navigation#reorder_adv_mega_menu_shortcuts_div ol.dd-list:not(:has(li))
{
  display: none !important;
}
.manage-sub-navigation#reorder_modules_shortcuts_div ol .dd-handle {
  margin-right: 0;
}
.manage-sub-navigation#reorder_modules_shortcuts_div ol.dd-list .box-item-wrap{
  padding-left: 0;
}
.manage-sub-navigation#reorder_modules_shortcuts_div ol .dd-handle .module-drag-it{
  left: 5px;
  top: 8px;
}
.main_action_icon_wrap .add-shortcut-icons-wrap{
  max-height: 250px;
  left: -50px;
  width: 430px;
}
#add-shortcut-icons.menu-item-icon-wrap{
  left: 120px;
}
.menu-item-icon-wrapper .menu-item-icon-wrap{
  max-height: 250px;
}
.empty-menu-section{
  border-color: #e6e9ed;
}
#home_link_shortcut_container .accordion-item{
  /* margin-bottom: 20px; */
}
#home_link_shortcut_container .accordion-item--title{
  padding-top: 12px;
  padding-bottom: 12px;
}
.adv-mega-menu-section .manage-sub-navigation .sub-set-visible{
  margin-right: 26px;
}
/* start chat css */
.startchat-modal-body ul.chat_tagit_lists li.tagit-choice {
  padding-left: 5px !important;
}
.chat_tagit_lists .profile-image{
  width: 22px;
  height: 22px;
  overflow: hidden;
}
.chat_tagit_lists .profile-image img{
  width:100%;
}
ul.tagit.border.chat_tagit_lists:before{
  content: "\f007";
}
li.startchat-user-item:hover {
  background: #f6f6f6;
}
button#start_chat_ai {
  height: 34px;
}
#startchat-user-list .user_list_all {
  padding: 7px 0;
}
#startchat-user-list .small_img_box tr img {
  max-height: 33px;
  max-width: 33px;
}
#startchat-user-list .small_img_box tr td, #startchat-user-list .small_img_box tr a {
  height: 33px;
  width: 33px;
}
.presenceFlag:before {
  border: .5px solid #646468cc;
}
.presenceFlag:before {
  position: absolute;
  content: "";
  pointer-events: none;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  bottom: 1px;
  left: 22px;
  background-color: #a4a4a4;
  border: .5px solid #646468cc;
}

#startchat-user-list .presenceFlag:before {
  bottom: -1px;
  left: 25px;
  border-radius: 50%;
}
.onlineFlag:before {
  background-color: #0abe51;
}
.offlineFlag::before {
  background-color: #a4a4a4;
}
.idleFlag::before {
  background-color: #ffb821;
}
.busyFlag::before {
  background-color: #ff0000;
}
.idleDot {
  color: #ffb821;
}
ul#startchat-user-list{
  max-height: calc(100vh - 281px);
  overflow-y: auto;
}

#staff_learning_pagination .pagination.my-staff-learning span {
  display: block;
}
.advanced-mega-menu .mega-menu-bg.ms-scrollbar::-webkit-scrollbar {
    width: 10px;
}
/* Alias user */
.top-level-notification {
  background-color: #fff;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Alias user end */

#ms-main-nav .nav>li>a.admin-top-nav-item{
  height: 53px;
  padding-top: 0 !important;
}

#ms-main-nav .nav>li>a.admin-top-nav-item > i{
  font-size: 20px;
}
#ms-main-nav .nav>li>a.admin-top-nav-item i.help-down-arrow{
  font-size: 12px !important;
}

a.no-anchor-url{
  pointer-events: none;
}

.filter_by_catgegories .category-filter-text,
.filter_by_catgegories .filter-by-categories span {
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* Modal banner styles */
#userProfilePopup.ms-modal-click .ms-modal-banner {
  width: 500px;
  height: 68px;
  position: relative;
  border-radius: 12px 12px 0 0;
}

#userProfilePopup.ms-modal.ms-modal-hover .profile-theme-gradient,
#userProfilePopup.ms-modal-hover .ms-modal-banner {
  width: 231px;
  height: 48px;
  position: absolute !important;
  border-radius: 8px 0 0 0;
}

#userProfilePopup.ms-modal-click .prflpp-prsn-pic {
  position: absolute;
  top: 16px;
  left: 68px;
  z-index: 10;
}
#userProfilePopup.ms-modal.ms-modal-hover .prflpp-prsn-pic {
  display: block;
  align-items: center;
  width: 104px;
  height: 104px;
  margin: 24px auto 0;
}

.prflpp-prsn-pic img,
.prflpp-prsn-pic div {
  width: 100px;
  height: 100px;
  border: 2px solid white;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  border-radius: 8px;
}
#userProfilePopup.ms-modal-click .prflpp-hdr {
  margin-left: 16px;
  text-align: left;
  margin-top: 0;
}
#userProfilePopup.ms-modal-click .prflpp-body table tr > td:first-child,
#userProfilePopup.ms-modal-click .prflpp-body1 table tr > td:first-child {
  width: 150px;
}
#userProfilePopup.ms-modal-hover .prflpp-body {
  margin-top: 12px;
  max-height: none !important;
}
#userProfilePopup.ms-modal-click .prflpp-body {
  margin-top: 8px;
}
#userProfilePopup.ms-modal-click .lft-fxd-120-tbl tr td {
  padding: 0 0 4px 0;
}
#userProfilePopup.ms-modal-click .prflpp-flwng-btn {
  margin-top: 90px;
  margin-left: 120px;
}

a.prflpp-flwng-btn {
  border-radius: 20px !important;
  padding: 2px 8px !important;
  color: white !important;
  text-decoration: none !important;
  align-items: center !important;
  gap: 6px !important;
}
a.prflpp-flwng-btn i {
  font-weight: 600 !important;
}
.ms-modal-hover a.prflpp-flwng-btn {
  padding: 4px 8px !important;
}
#userProfilePopup.ms-modal-click .vw-fl-prfl {
  margin: 0;
}
#userProfilePopup.ms-modal-click .ms-modal-footer {
  height: 41px;
  padding: 0;
  border-radius: 0 0 12px 12px;
  margin: 0 -1px -1px -1px;
}
#userProfilePopup .ms-modal-footer .prflpp-hdr-actns {
  height: 100%;
}
#userProfilePopup .prflpp-hdr-actns a:hover {
  text-decoration: none !important;
}
#userProfilePopup.ms-modal-click .prflpp-hdr-actns a {
  max-width: 450px;
}
#userProfilePopup.ms-modal-hover .prflpp-hdr-actns a {
  max-width: 220px;
}
#userProfilePopup.ms-modal-click .prflpp-action-icons {
  position: absolute;
  top: 85px;
  right: 16px;
}
#userProfilePopup.ms-modal-hover .prflpp-action-icons {
  width: 100%;
  justify-content: center;
  margin-top: 12px;
}
/* Icon Styles */
.prflpp-action-icons {
  display: flex;
  gap: 12px;
}

#userProfilePopup a.prflpp-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#userProfilePopup .prflpp-icon i {
  font-size: 14px;
  font-weight: 400 !important;
}
/* Hover effects for prflpp-action-icons (not in ms-modal-preview) */
#userProfilePopup:not(.ms-modal-preview) .prflpp-action-icons a.prflpp-icon {
  transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
}

#userProfilePopup:not(.ms-modal-preview) .prflpp-action-icons a.prflpp-icon:hover {
  transform: scale(1.1);
  opacity: 0.9;
}

#userProfilePopup:not(.ms-modal-preview) .prflpp-action-icons a.prflpp-icon:hover i {
  transform: scale(1.1);
}
#userProfilePopup.ms-modal-click .cros-btn {
  top: 12px;
  right: 12px;
  width: 12px;
  height: 16px;
  border-radius: 50%;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
}
#userProfilePopup .cros-btn.fa-times {
  color: #fff !important;
  font-size: 16px;
}
#userProfilePopup.ms-modal-hover .cros-btn {
  display: none;
}
#userProfilePopup.ms-modal-hover .vw-fl-prfl {
  position: inherit;
  font-size: inherit;
}
#userProfilePopup.ms-modal-hover .prflpp-hdr-actns a .far {
  display: inline;
}
#userProfilePopup.ms-modal-hover .prflpp-hdr a.prflpp-flwng-btn {
  position: relative;
  top: 0;
  left: 0;
}
#userProfilePopup.ms-modal-hover .prflpp-hdr a.prflpp-flwng-btn span {
  display: inline;
}
#userProfilePopup.ms-modal-hover .following-btn-container {
  margin-top: 14px;
}
#userProfilePopup.ms-modal.ms-modal-hover { 
  width: 572px;
  height: 258px;
  border-radius: 12px;
}
#userProfilePopup.ms-modal.ms-modal-hover .ms-modal-header {
  width: 232px;
  padding: 0;
}
#userProfilePopup.ms-modal.ms-modal-hover:after {
  left: var(--arrow-left, 50%);
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
}
#userProfilePopup.ms-modal.ms-modal-hover .prflpp-hdr {
  height: 258px;
}
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-down:after {
  width: 10px;
  height: 10px;
}
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-down.ms-modal-left:after {
  z-index: -2;
}
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-right:after {
  right: var(--arrow-right, 20px);
}
#userProfilePopup.ms-modal .profile-theme-gradient {
  border-radius: 12px 12px 0 0;
}
#userProfilePopup.prfl_prvw_rght {
  right: 120px;
}
#userProfilePopup.prfl_prvw_rght:after { 
  right: 630px;
  bottom: 5px;
}
body.fixed-navigation_slide #userProfilePopup.prfl_prvw_rght {
  right: 68px;
}
body.fixed-navigation_slide #userProfilePopup.prfl_prvw_rght:after {
  right: 600px;
}
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-team,
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-team .ms-modal-content { 
  width: 540px;
  height: 233px;
}
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-team .ms-modal-header,
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-team .ms-modal-footer {
  width: 200px;
}
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-team .ms-modal-footer {
  border-right: 1px solid #DEDEDE;
}
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-team .ms-modal-banner,
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-team .profile-theme-gradient {
  width: 199px;
}
#userProfilePopup.ms-modal-hover.ms-modal-team .prflpp-hdr-actns a {
  max-width: 168px;
}
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-team .ms-modal-content,
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-team .ms-modal-header,
#userProfilePopup.ms-modal.ms-modal-hover.ms-modal-team .prflpp-hdr {
  height: 233px;
}
#userProfilePopup.ms-modal-hover.ms-modal-team .prflpp-action-icons {
  margin-top: 12px;
}
#userProfilePopup.ms-modal-team .banner-html-message span {
  display: block;
}
#userProfilePopup.ms-modal-team .banner-html-message img {
  display: inline-block;
}
.circular-images #userProfilePopup.ms-modal-click .ms-modal-header .prflpp-prsn-presence-flag::after {
  right: 20px;
  bottom: 12px;
}
.circular-images #userProfilePopup.ms-modal-hover .ms-modal-header .prflpp-prsn-presence-flag::after {
  right: 15px;
}
#userProfilePopup.ms-modal-click .ms-modal-header .prflpp-prsn-presence-flag::after {
  right: 12px;
  bottom: 12px;
}
#userProfilePopup.ms-modal-hover .ms-modal-header .prflpp-prsn-presence-flag::after {
  right: 6px;
  bottom: 6px;
}
.full-width-banner-image.mango_profile:before {
  content: '';
  display: block;
  height: 240px;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  right: 0;
}
.sidebar-nav li.sidebar-item i.icon-sidebar {
    width: 22px;
}
#page_options_menu.new-page-options-menu {
  margin-top: 2px !important;
}
#page_options_menu.new-page-options-menu li a {
  padding: 4px 8px;
}
.search-bar-position {
  position: absolute !important;
  z-index: 999 !important;
}