/*
    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/
*/
html.non-logged-in body.ms_theme_blue {
    background: transparent;
}
.new-navigation-ui .breadcrumb_container,
.new-navigation-ui .wiki_breadcrumb_container,
.new-navigation-ui .people-top-action,
.new-navigation-ui .people-top-action.breadcrumb_container {
    margin-left: -15px;
    background: none;
    box-shadow: none;
    border: 0;
    padding: 10px 15px 13px 15px;
    margin-bottom: 0;
}
.new-navigation-ui .layout-container{
    margin: 0px 0 0 67px;
    padding: 0 15px 0 0px;
}
.new-navigation-ui .breadcrumb_container.fixed,
.new-navigation-ui .wiki_breadcrumb_container.fixed,
.new-navigation-ui .people-top-action.top-action-fixed,
.new-navigation-ui .people-top-action.dashboard-top-actions.top-action-fixed{
    margin-right: 0px;
    background: #eaeef2;
    border-bottom: 1px solid #d3d3d3;
    box-shadow: 2px 0px 5px #ccc;
    margin-bottom: 15px;
}
.new-navigation-ui .v-navbar-container.nav-fixed-with-breadcrumb {
    top: 106px;
    width: 165px;
}
.new-navigation-ui .sub-filter-container .narrow-by-container,
.new-navigation-ui .filter-container .narrow-by-container {
    background-color: transparent;
}
.new-navigation-ui .module-search .internal-search {
    background-color: transparent;
}
.sidebar-wrapper {
    position: absolute;
    background: #222933;
    width: 200px;
    height: 92%;
    float: left;
    margin: 0em;
    padding-top: 0px;
    z-index: 5;
}
.font-30{
    font-size: 30px!important;
}
.font-32{
    font-size: 32px;
}
.fixed_position{
    position: fixed!important;
}
.absolute_position{
    position: absolute;
}
ul.sidebar-menu {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
}
ul.sidebar-menu li {
    display: block;
    color: #76808d;
    position: relative;
}
ul#primary-lhs-basket li {
    color: #76808d!important;
    position: relative!important;
    width: 33.33%!important;
    max-width: 33.33%!important;
    float: left!important;
    height: inherit;
}
ul#primary-lhs-basket {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 15px;
    max-height: 400px;
    overflow: auto
}
ul.sidebar-menu li a {
    display: block;
    color: #8d98a7;
    height: 51px;
    padding: 15px 0px 14px 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;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.mtrl-lnk-fd {
  display: block;
  position: absolute;
  background:rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          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: 51px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    padding: 14px 0 10px 15px;
    box-sizing: border-box;
    font-size: 21px
}
ul.sidebar-menu li a:hover{
    color: #fff;
    background: #1497d5;
}
ul.sidebar-menu li .sidebar-more-menu li a:hover,
ul.sidebar-menu li .sidebar-more-menu li.active a,
ul.sidebar-menu li .sidebar-more-menu li.active a:hover{
    color: #1497d5;
    background: none;
}

ul.sidebar-menu > li.active > a,
ul.sidebar-menu > li.active > a:hover {
    color: #fff;
    background: #1497d5;
}
ul.sidebar-menu > li ul li.active a,
ul.sidebar-menu > li ul li.active a:hover {
    color: #fff;
    background: #1497d5;
}
ul.sidebar-menu > li.active > a:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #dddddb;
    border-width: 12px;
    margin-top: -12px;
    box-sizing: border-box;
}
ul.sidebar-menu > li.active > a:after,
ul.sidebar-menu > li.active > a:before {
    right: -1px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
}
ul.sidebar-menu > li.active > a:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #eaeef2;
    border-width: 10px;
    margin-top: -11px;
}
.icon-sidebar.fa-home {
    font-size: 23px;
    padding: 10px 0 10px 0;
}
.icon-sidebar-survey {
    left: 4px !important;
}
.icon-sidebar-survey .fa-calendar-o {
    font-size: 21px;
}
.icon-sidebar-survey .fa-pie-chart {
    line-height: 28px;
    font-size: 9px;
}
.sidebar-more-menu .master-lhs .lhs-dd-parent .fa-bookmark {
    top: 0;
    padding-top: 10px!important;
}
.sidebar-more-menu  .master-lhs .lhs-dd-parent .fa-certificate {
    left: 5px;
    top: 8px;
    color: #8d99a7;
}
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-pie-chart,
.sidebar-more-menu .icon-sidebar-survey .fa-calendar-o {
    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;
}
.item-img-box-survey-icon .fa-calendar-o {
    font-size: 22px;
}
.item-img-box-survey-icon .fa-pie-chart {
    line-height: 28px;
    font-size: 9px;
}

/*Toggle Nav */
.sidebar-wrapper .sidebar-toggle {
    background: #1a2029;
}
/*.sidebar-wrapper .sidebar-toggle a{
  background: transparent!important;
}*/
.sidebar-wrapper .sidebar-toggle, .sidebar-wrapper .sidebar-toggle a{
  height: 53px
}
.user-top-nav .menu_toggle_main{
    width:auto;
    height: auto;
    padding: 0px;
    line-height: 30px;
    height: 30px!important;
    font-size: 30px;
    font-family: FontAwesome;
    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!important;
}
.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;
}
/*.fixed-navigation_slide.active-mini-navbar #ms-main-nav .nav>li.flip-logo,
.fixed-navigation_slide #ms-main-nav .nav>li.flip-logo {
    padding: 0 5px 0 205px;
}*/
.active-mini-navbar .sidebar-wrapper {
    width: 50px;
}
.fixed-navigation_slide .sidebar-wrapper {
    width: 200px!important;
}
.new-navigation-ui.fixed-navigation_slide.active-mini-navbar .layout-container, .new-navigation-ui.fixed-navigation_slide .layout-container {
    margin: 0 0 0 215px;
}
.new-navigation-ui.fixed-navigation_slide.active-mini-navbar .v-navbar-container.nav-fixed-with-breadcrumb,
.new-navigation-ui.fixed-navigation_slide .v-navbar-container.nav-fixed-with-breadcrumb {
    left:215px!important;
}
.new-navigation-ui.active-mini-navbar .v-navbar-container.nav-fixed-with-breadcrumb{
    left:65px;
}
.new-navigation-ui.fixed-navigation_slide.active-mini-navbar .breadcrumb_container.fixed,
.new-navigation-ui.fixed-navigation_slide.active-mini-navbar .wiki_breadcrumb_container.fixed,
.new-navigation-ui.fixed-navigation_slide.active-mini-navbar .people-top-action.top-action-fixed
.new-navigation-ui.fixed-navigation_slide .breadcrumb_container.fixed,
.new-navigation-ui.fixed-navigation_slide .wiki_breadcrumb_container.fixed,
.new-navigation-ui.fixed-navigation_slide .people-top-action.top-action-fixed {
    margin-left:200px;
}
.new-navigation-ui .breadcrumb_container.fixed,
.new-navigation-ui .wiki_breadcrumb_container.fixed,
.new-navigation-ui .people-top-action.top-action-fixed {
    margin-left:52px;
}
.new-navigation-ui.fixed-navigation_slide.active-mini-navbar .breadcrumb_container,
.new-navigation-ui.fixed-navigation_slide.active-mini-navbar .wiki_breadcrumb_container,
.new-navigation-ui.fixed-navigation_slide.active-mini-navbar .people-top-action,
.new-navigation-ui.fixed-navigation_slide .breadcrumb_container,
.new-navigation-ui.fixed-navigation_slide .wiki_breadcrumb_container,
.new-navigation-ui.fixed-navigation_slide .people-top-action {
    margin-left: -15px;
}

.new-navigation-ui.active-mini-navbar:not(.fixed-navigation_slide) .breadcrumb_container.fixed,
.new-navigation-ui.active-mini-navbar:not(.fixed-navigation_slide) .wiki_breadcrumb_container.fixed,
.new-navigation-ui.active-mini-navbar:not(.fixed-navigation_slide) .people-top-action.top-action-fixed {
    margin-left:52px;
}
.new-navigation-ui.active-mini-navbar:not(.fixed-navigation_slide) .people-top-action.dashboard-top-actions.top-action-fixed{
    margin-left: 52px;
}
ul.sidebar-menu > li > a > span {
    overflow: hidden;
}
#search_page_bx{
  float: left;
}
.sidebar-wrapper.sidebar-fixed {
    position: fixed;
    top: 53px;
}
ul.sidebar-menu > li > a span.search_ico_menu{
    height: 27px;
    width: 35px;
    display: inline-block;
    margin-right: 9px;
    color: #fff;
    position: relative;
    top: -4px;
    padding: 5px 0 0 0;
    left: -4px;
    border-radius: 19px;
}
ul.sidebar-menu > li > a span.search_ico_menu .fa-align-left{
    position: absolute;
    font-size: 23px;
    left: 7px;
}
ul.sidebar-menu > li > a span.search_ico_menu .fa-search{
    position: absolute;
    left: 14px;
    background: #222933;
    padding: 3px;
    font-size: 14px;
    top: 0px;
    border-radius: 23px;
}
.menu_text_lhs{
    top: 17px;
    position: absolute;
    color: #fff;
    font-size:15px;
}
ul.sidebar-menu li:first-child {
    height: 0px;
}
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;
    /*box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);*/
    z-index: 15;
    background: #222933!important;
}
.madn-button-inset:hover{
    box-shadow: inset 0 0 0 3px #48c2fc;
    -moz-box-shadow: inset 0 0 0 3px #48c2fc;
    -webkit-box-shadow: inset 0 0 0 3px #48c2fc;
    fill: #48c2fc;
}
.sidebar-toggle .menu_toggle_main {
    height: 25px;
    width: 25px;
    display: block;
    border-radius: 100px;
    font-family: fontAwesome;
}
.new-navigation-ui.active-mini-navbar .sidebar-toggle .menu_toggle_main{
    top: 0px;
    float: right;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    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(0);
}
.sidebar-toggle a:hover .menu_toggle_main{
    color:#fff!important;
}
.ico_arrow_an{
    width: 24px;
    height: 22px;
    position: absolute;
    display: block;
    top: 18%;
    left: 25%;
}
.ico_arrow_main{
  width: 100%;
  height: 100%;
}
.ico_arrow_main path{
  fill:#fff;
}
.sidebar-toggle a .menu_toggle_main{
    color:#fff!important;
    padding: 0px;
    width: 100%;
    height: 100%;
}
.new-navigation-ui .sidebar-toggle .menu_toggle_main,
.new-navigation-ui.fixed-navigation_slide .sidebar-toggle .menu_toggle_main{
    top:0px;
    float: left;
    -webkit-transition: opacity .3s ease-in-out .2s,-webkit-transform .3s ease-in-out .1s;
    transition: opacity .3s ease-in-out .2s,-webkit-transform .3s ease-in-out .1s;
    transition: transform .3s ease-in-out .1s,opacity .3s ease-in-out .2s;
    transition: transform .3s ease-in-out .1s,opacity .3s ease-in-out .2s,-webkit-transform .3s ease-in-out .1s;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.new-navigation-ui.fixed-navigation_slide .sidebar-toggle .menu_toggle_main{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.new-navigation-ui.active-mini-navbar .layout-container {
    margin: 0 0 0 67px;
}
.new-navigation-ui .topnavbar-container {
    border-bottom: 1px solid #0f1217;
    box-sizing: border-box;
    height: 53px
}
.new-navigation-ui .nav a {
   line-height: 32px;
}
.new-navigation-ui .flip-logo,
.new-navigation-ui .flip-logo .ms-logo,
.new-navigation-ui #domain_logo_img,
.new-navigation-ui .nav {
     height: 53px;
}
/* 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: #f6f8fa;
    border: 1px solid #e3e7ed;
    padding-bottom: 12px;
    border-right: 0;
    z-index: 4;
}
.new-navigation-ui  .v-navbar-container div>ul.thumb-links>li {
    border-bottom: solid 1px #dbdddf;
    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;
    border-bottom: solid 1px #dbdddf;
    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: 12px 0 12px 15px;
}
.new-navigation-ui .two-child-containers .column-one{
    margin: 0 295px 0 165px;
    border: solid 1px #e3e7ed;
}
.new-navigation-ui .one-child-container .column-one{
    margin-left: 165px;
    border: solid 1px #e3e7ed;
}
.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: 0;
    position: absolute;
    left: 200px;
    width: 710px;
    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;
}
.sidebar-more-menu:before {
    left: -20px;
    bottom: 17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
    border-color: rgba(255,255,255,0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -12px;
}
.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;
    color: #4a4a4a;
    padding: 0;
    display: flex;
    height: 46px;
    border: solid 1px #dce1e7;
    margin: 10px 15px;
    transition: none;
}
ul.sidebar-menu li .sidebar-more-menu li a .icon-sidebar {
    padding: 0;
    width: 50px;
    height: auto;
    position: relative;
    display: flex;
    background-color: #f7f8fa;
    -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;
    margin-right: 10px;
    min-width: 50px;
    color: #8d99a7;
    border-right: solid 1px #dce1e7;
}
ul.sidebar-menu li .sidebar-more-menu li a>span.feed-count-display {
    position: static;
    padding: 0px 5px 0px 5px;
    line-height: 16px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-overflow: inherit;
    overflow: visible;
}
ul.sidebar-menu li .sidebar-more-menu li a:hover .icon-sidebar,
ul.sidebar-menu li .sidebar-more-menu li.active a .icon-sidebar,
ul.sidebar-menu li .sidebar-more-menu li.active a:hover .icon-sidebar{
    color: inherit;
}
ul.sidebar-menu li .sidebar-more-menu li a>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 13px 5px 0px 0;
    font-size: 14px;
}
.new-navigation-ui .lhs-links-divider {
    margin: 12px 0px 10px 15px;
    border-bottom: 0!important;
}
.new-navigation-ui .breadcrumb_container .narrow_by,
.new-navigation-ui .people-top-action .narrow_by{
    background: transparent;
}
.new-navigation-ui .v-navbar-container > div > ul {
    width: 165px;
}
.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%;
}
.new-navigation-ui .breadcrumb_container.fixed,
.new-navigation-ui .breadcrumb_container_admin.fixed {
    top: 53px;
    padding: 10px 15px 10px 15px;
}
.new-navigation-ui.guest-user-control .v-navbar-container.nav-fixed-with-breadcrumb {
    top: 102px;
}
.new-navigation-ui.guest-user-control .breadcrumb_container.fixed, .new-navigation-ui.guest-user-control .breadcrumb_container_admin.fixed {
    top: 52px;
}
/* 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 {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
/*End Mini Bar*/
.breadcrumb_container .narrow-by-container .actionbutton.ma-action-menu,
.actionbutton.ma-action-menu {
    font-size: 6px;
    padding:13px 7px 12px 7px;
    color: #8d98a7!important;
}
.actionbutton.ma-action-menu.smallbutton {
    font-size: 6px;
    width: 31px;
    height: 30px;
    box-sizing: border-box;
    padding: 12px 0 0 3px !important;
}
.actionbutton.small_admin_act_ico {
    font-size: 6px;
    padding:11px 7px 10px 7px!important;
    color: #8d98a7!important;
}
.ma-action-menu .fa-circle {
    padding-left: 2px;
}

/*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 {
    border: solid 1px #bdc5c7;
    padding:0px;
    position: relative;
    cursor: pointer;
    margin-left: 13px;
}
.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.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: -1px;
    top: 32px;
    min-width: 160px;
}
.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 .sort-it{
    float: right;
    width: 28px;
    background: #dce1e7;
    z-index: 1;
    text-align: right;
}
.menu-divider {
    float: right;
    display: block;
    height: 34px;
    border-right: solid 1px #cfd4d8;
    margin: 0 10px 0 10px;
    border-left: solid 1px #fff;
}
.menu-divider.ml-2x {
    margin-left: 2px;
}
.menu-divider.mr-2x {
    margin-right: 2px;
}
.menu-divider.secnd {
    border-left: 0;
    float: left;
    margin: 0 5px 0 0px;
     height: 28px;
}
.drop-menu .fa-angle-down {
    padding: 5px 6px 5px 0;
    color: #4a4a4a;
    font-size: 1.6em;
}
 .people-top-action  .narrow-filter .narrow_by{
     border-right: 0;
     margin-right: 0;
     padding-right: 0;
}
.people-top-action .narrow-filter .narrow_by .label {
    padding: 0;
}
.breadcrumb_container .narrow-by-container.narrow-filter .actionbutton {
    margin: 0;
    padding: 7px 9px 5px 10px;
}
.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: 6px 38px 6px 10px;
    background-color: #f6f8fa;
    display: inherit!important;
}
.people-top-action .narrow-filter .narrow_by li>ul {
      top: 33px;
      right: 0;
}
/* End narrow_by drop-menu*/
/* Goble font heading */
.ma-title {
    font-size: 32px;
    font-weight: bold;
}
.ma-h1 {
    font-size: 22px;
    font-weight: bold;
}
.ma-h2 {
    font-size: 18px;
    font-weight: bold;
}
.ma-h3, .actionbutton {
    font-size: 16px;
}
.font-size-16 {
  font-size: 16px !important
}
.ma-h4,
.actionbutton.actionblue.ma-h4{
    font-size: 14px;
}
.font-size-14 {
  font-size: 14px !important
}
.font-size-13 {
    font-size: 13px;
}
.ma-h5 {
    font-size: 12px;
}
.ma-h5-fixed{
    font-size: 12px !important;
}
.ma-h6 {
    font-size: 11px;
}

.layout-container h4.ma-h2 {
    font-size: 18px;
    font-weight: bold;
}
#mangoCKeditorContent.ma-h4,
.layout-container h4.ma-h4 {
    font-size: 14px;
}
/* End goble font heading */
.dialog_body .ms-nui-tab ul li {
    margin: 0;
}
/* New Tab */
.ms-nui-tab {
    border-bottom: solid 1px #dce1e7;
    margin: 0 0px 30px 0;
    float: left;
    width: 100%;
}
.ms-nui-tab ul.tabs li {
    float: left;
    margin-left: 35px;
}
.ms-nui-tab ul.tabs li:first-child {
    margin-left: 0px;
}
.ms-nui-tab ul.tabs li a {
    color: #717171;
    display:inline-block;
    overflow: visible;
    padding: 0px 0px 8px 0px;
}
.ms-nui-tab ul.tabs li.active > a {
    border-bottom: solid 3px #2091df;
    font-weight: bold;
    color: #4a4a4a;
}
/* End New Tab */

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

.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 {
    color: #4a4a4a;
    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: 4px 0px 0px 7px;
    width: 17px;
    height: 22px
}
.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 {
   border: solid 1px #dce1e7
}
.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;
}
.ms-more-actions .narrow_by li ul li a {
    background-image: url(/ce/pulse/images/document/files-16-16-sprite-new4.png);
    background-repeat: no-repeat;
    padding: 5px 25px 8px 36px;
}
.ma-view-profile{
    background-position: 5px -2433px;
}
.ma-unfollow{
    background-position: 3px -2470px;
}
.ma-follow{
    background-position: 3px -2587px;
}
.ma-send-im{
    background-position: 5px -2508px;
}
.ma-send-dm{
    background-position: 3px -2548px;
}
.ma-cross{
    background-position: 5px -34px;
}
.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;
}
.msg-pin-action{
    position: absolute;
    top: 0;
    right: 5px;
}
.msg-pin-action form ul.pin_icon{
    visibility: visible !important;
    top: 0;
}
/*temp font change*/
.mango-breadcrumb-new.ma-h1 > li{
    font-size: inherit;
}
.ma-h3 .actionbutton {
    font-size: inherit;
}
.new-navigation-ui .people-top-action .actionbutton{
    margin-left: 0px;
}
.right-13 {
    margin-right: 13px!important
}
.left-13 {
    margin-left: 13px!important
}
.left-8 {
    margin-left: 8px;
}
.float-nn {
    float: none !important
}
/* end temp font change*/
.fa-ellipsis-v {
    color: #717171;
}
.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 {
     color: #4a4a4a;
}
.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;
}
.crm_setting_panel .disabled, .crm_setting_panel td.disabled, .crm_setting_panel input[disabled], .selectBox-disabled{
    opacity: 0.5;
}
.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;
}
.table_middle{
    vertical-align: middle;
    display: table-cell;
}
table.twoColumnTbl tr td, .content table tr td{
    padding: 0 10px 10px 0!important;
    min-height: 34px;
    vertical-align: middle;
}
.v-align_sub{
    vertical-align: sub;
}
#create_project_tbl label.control-label{
    padding-top:7px;
}
.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;
}
.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;
}
.previousbtn, .nextbtn, .done_btn{
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding: 0px!important;
    width: 155px;
    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{
    color: #fff!important;
    font-weight: bold;
    display: block;
}
.previousbtn a{
    height: 47px;
    padding-top: 26px;
    padding-left: 20px;
    text-align: center;
    padding-right: 20px;
}
.nextbtn a.previous_step {
    height: 47px;
    padding-top: 26px;
    padding-left: 20px;
    text-align: center;
    padding-right: 20px;
}
.nextbtn a{
    background: #146b9a;
    height: 47px;
    padding-top: 26px;
    padding-left: 20px;
    text-align: center;
    padding-right: 20px;
}
.done_btn a{
    background: #146b9a;
    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 .toc_content_area .terms-cont-preview{
    height: 300px!important;
    overflow-y: auto;
    margin: 0px 20px 20px 20px;
}
.right_panel_aria .toc_content_area .terms-cont-preview p{
    line-height: 1.9em !important;
}
.right_panel_aria .terms-cont-preview{
    background: #fff;
}
.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: #f7f8fa;
  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:200px;
  color:#a0a5ab;
  text-align: center;
}
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 .recommend_wrapper {
    overflow: auto;
    margin: auto;
    width: 62%;
    text-align: center;
}
.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;
}

/*new getting started ui*/
.new-navigation-ui .user-start-topbar .topbar-inner  {
    background: #f7f8fa!important;
}
.getting_started_model.new-navigation-ui .topnavbar-container {
    border-bottom: 1px solid #dce1e7;
    height: 54px;
}
.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{
    padding: 5px 25px 8px 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: 5px;
}
.narrow_by .label {
    font-weight: bold;
}
.actionbutton.ma-primary {
      padding: 6px 20px 6px 20px;
      color: #1497d5!important;
}
.actionbutton.ma-primary:hover {
    color: #1ca2da!important;
}
 .main-title-container .actionbutton.ma-primary {
      padding: 5px 20px 5px 20px
}
.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;
}
.main-title-container .narrow-filter .narrow_by .label {
  padding: 0;
}
.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;
}
.new-navigation-ui .people-top-action .actionbutton.ma-primary {
      padding: 6px 20px 6px 20px;
      display: inline-block;
}
.actionbutton.ma-secondry {
    padding: 5px 20px 5px 20px;
}
.actionbutton .fa-angle-down {
    margin-left: 4px;
    font-size: 18px;
    float: right;
    margin-top: 1px;
}
.main-title-container ul.event-dropdown-menu i.event-drop-menu.export_icon {
  background-position: 0 -3114px;
}
.rhsContentbox_content .suggested_rhs_right a{
    color:inherit;
}
.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: 4px 7px 1px 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;
    margin: 12px -12px 0 -12px;
    padding: 1px 12px 0 10px;
    background: #fff;
}
.actionbutton.ma-share{
    padding: 8px 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;
}
.main-title-container .actionbutton.ma-share {
    padding: 6px 8px 3px 9px;
}
.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-desc {
    margin-left: 54px;
    margin-right: 144px;
    display: table;
}
.mdl-cont {
  display: table-cell;
  height: 46px;
  vertical-align: top;
  line-height: 16px;
}
.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;
}
/*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 .yui_dialog_content_b {
    padding: 0;
}
#select_colleague_panel_popup .colleague-search-contr {
    margin: 0;
}
#select_colleague_panel_popup .colleague-search-contr .token-input-list-facebook {
    width: 690px;
}
.opp_list .opp-search-box input{
    width: 100%!important;
}
.opport_dropdown.text-truncation{
    max-width: 400px;
    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;
    font-size: 17px;
    color: #717171!important;
    margin-top: -2px;
    padding-right: 8px;
    border-right: solid 1px #d3d9e7;
    margin-right: 10px;
    font-size: 20px;
}
.lvl-filtr .narrow_by.drop-menu {
    border: 0;
    margin: 0!important;
    color: #717171;
}
.lvl-filtr .narrow_by.drop-menu .label {
    font-weight: normal;
    padding: 0 22px 0 5px;
}
.lvl-filtr .narrow_by.drop-menu>.arrow {
    border-top: 6px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: 8px;
}
.lvl-filtr .narrow_by.drop-menu ul {
    top: 23px;
    right: -5px;
}
.actionbutton.ma-action-smn {
    padding: 6px 8px 7px 4px;
    border-left: 1px solid #fff !important;
    border-radius: 0 2px 2px 0;
}
.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;
}
.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 .fa{
    font-size: 100px;
    -webkit-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
}
.box-contr:hover .icn-box .fa{
    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;
    font-size: 12px;
}
/* End Help Center styles*/

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

.feeds-tabs ul.watch-dash-top {
      margin-top: 10px;
}
.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: 10px 0 0 10px;
}
.link-srtc-menu li a.link-box-contr{
    display: block;
    float: left;
    width: 120px;
    height: 154px;
    margin: 5px 10px 15px 0;
    border: solid 1px #dce1e7;
    color: #8d99a7;
}
.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 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;
    color: #4a4a4a;
    font-size: 14px;
}

.dwln-btn li .link-content-holdr span {
     color: #4a4a4a;
}
.dwln-btn li:hover .link-content-holdr span {
    color: #1497d5;
}
.non-logged-in .link-srtc-menu li a.link-box-contr {
    color: #4a4a4a;
}
.non-logged-in .link-srtc-menu li a.link-box-contr:hover {
    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-pie-chart {
    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-pie-chart {
    font-size: 27px;
    line-height: 83px;
}
/* End Help Center 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;
    /*background: #fff;*/
    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 .fa {
    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 .fa.fa-certificate{
    font-size:67px;
}
.link-box-contr:hover .link-icn-box .fa.fa-bookmark {
    font-size: 48px;
}
.master-lhs .lhs-dd-parent .fa-bookmark{
    top: 4px;
}
.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 .lhs-dd-parent .fa-certificate{
    left: 3px;
    width: 39px;
    height: 51px;
    position: absolute;
    font-size: 23px;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.26);
    top: 9px;
}
.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
}
.hidden_scroll_list{
    max-height: 450px;
    overflow: auto;
}
.input_mid_size{
    width:72%;
}
.fa-angle-right.ma-arw {
    display: inline-block;
    font-size: 19px;
    margin-left: 10px;
    margin-top: 1px;
    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-joinme {
    width: 60px;
    height: 40px;
    background: url(/ce/pulse/images/huddle_user_img.png) -6px -3px no-repeat;
    display: inline-block;
    background-size: 88px;
    float: left;
    margin-left: 10px;
}
.hdl-join-inpt {
    margin-top: 8px;
    float: left;
}
.hdl-join-help {
    margin: 5px 0 0 25px;
    color: #717171;
}
.hdl-gotomeeting {
    width: 140px;
    height: 34px;
    background: url(/ce/pulse/images/huddle_user_img.png) -11px -138px no-repeat;
    display: inline-block;
    float: left;
    margin-left: 10px;
}
.hdl-join-wh-contr {
    overflow: hidden;
    width: 342px;
    margin: 0 auto;
}
.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;
}
.msg-hdl {
    text-align: center;
    margin: 25px 0 10px 0;
}
.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: 7px 9px 5px 10px;
}
.ma-action-gear .fa-cog{
    font-size: 18px;
    color: #8b98a9;
}
.set-visible {
    margin-right: 15px;
    margin-top: 2px;
    float: right;
    visibility: hidden;
}
ul.box>li:hover .set-visible {
    visibility: visible;
}

.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;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  border: solid 1px #dce1e7;
  border-radius: 100%;
  height: 29px;
  width: 29px;
}
.desktop-preview-layout .ms-doc-component{
    width: auto;
}
.non-logged-in.new-navigation-ui .layout-container {
      margin: 0px 0 0 15px;
}
.non-logged-in.new-navigation-ui .login_page_body .layout-container {
      margin:21px 0 0 67px;
}
.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-left: 5px;
    border:0px;
    background-color: #eaeef2;
}
#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 {
  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: 6;
}
.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: 4px;
    top: 4px;
    line-height: 15px;
}
.active-mini-navbar.fixed-navigation_slide ul.sidebar-menu li .feed-count-display {
    position: static;
    right: 4px;
    top: 4px;
    line-height: 15px;
}
ul.sidebar-menu li.active .feed-count-display {
      border: 1px solid #fff;
}
.actionbutton.disable-it{
    opacity: 0.5;
    cursor: default;
}
.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.small_resolution_width tr td:first-child{
    width: 25%!important;
    min-width: inherit!important;
    padding-right: 15px;
}
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;
}

.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;
}
.n-table_list{
    width:100%;
}
table.n-table_list tr td{
    float:left;
}
table.n-table_list tr td:first-child{
    width:50%!important;
}
.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;
}
.right_button_admin{
    position: absolute;
    right: 0px;
    top: -29px;
}
.role-rhs .colleague_list_view table tr td{
    padding:24px 0px 24px 5px;
}
.ui-widget-content{
    color: inherit;
}
.dm-filter-container {
    margin: 12px 20px 10px 20px;
    border-bottom: 2px solid #dce1e7;
    padding-bottom: 11px;
}
.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;
    font-size: 12px;
    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 {
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 100px;
}
.form-rw label{
    width: 98px;
    display: inline-block;
}
.form-rw {
    margin-top: 10px;
}
.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-text{
    color: #4a4a4a;
}
.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: 33px;
}
#invite_people .user-credential span{
    font-size: 12px;
}
 #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;
}
.dept-start-main .grid-bottom-container {
    height: 64px;
    position: relative;
    border-top: solid 1px #dce1e7;
    margin: 12px -12px 0 -12px;
    padding: 1px 12px 0 10px;
    background: #fff;
}
.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;
}
/*Post feed preview*/
  #post_list_ms_section{
    overflow: hidden;
    position: relative;
    text-align: left;
    /*width: 100%;*/
  }
  #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{
    padding: 0!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;
  }
  div.carousel_edit_btns.editmode{
    display: block !important;
  }
  #post_list_ms_section .wrapper{
    width: 100%;
    height: 288px;
  }
  #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 {
    list-style: inherit;
  }
  #post_list_ms_section .wrapper ul.carousel{
    padding: 0px;
    position: relative;
    left: 0px;
    margin-top: 0;
  }
  #post_list_ms_section .wrapper ul.carousel > li{
    float: left;
    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.navigation{
    position: absolute;
    bottom: 110px;
    right: 15px;
    z-index: 2;
  }
  #post_list_ms_section .wrapper div.navigation > p{
    width: 12px !important;
    height: 14px !important;
    background-color: #1497d5;
    display: inline-block !important;
    color: #FFF;
    font-size: 11px;
    line-height: 14px !important;
    text-align: center;
    cursor: pointer;
    padding: 0px !important;
    margin: 0;
  }
  #post_list_ms_section .wrapper div.navigation > p.show{
    background-color: #1497D5;
  }
  #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>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;
    height: 16px;
    display: inline-block;
    position: relative;
    font-weight: normal;
}
.post_tags.gray_tag{
    background-color: rgb(165, 165, 165);
}
.post_tags.cyan_tag{
    background-color:#1497d5;
}
.post_tags.red_tag{
    background-color: red;
}
.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 {
    color: #4a4a4a;
    line-height: 18px !important;
    max-height: 90px !important;
    overflow: hidden;
    position: relative;
    min-height: 36px;
}
.post_preview_content:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 28px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.8+50,1+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{
    display: none;
}
.post_preview_content .c-slide-more {
    position: absolute;
    bottom: -3px;
    right: 0px;
    z-index: 1;
    font-size: 12px;
    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: 0px;
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.widget-post-preview.with_image{
    padding: 0px;
    height: 288px;
}
.widget-post-preview.with_image .grid-title{
    background: rgba(20,151,213,0.8);
    padding: 0 0 30px;
}
.carousel--single-slide .widget-post-preview.with_image .grid-title {
    padding: 0;
}
.widget-post-preview.with_image .grid-title > .grid-footer-title{
    margin: 10px 15px;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    max-height: 72px;
    line-height: 24px;
    overflow: hidden;
    height: auto !important;
}
.grid-footer-info {
  color: #fff;
  font-weight: normal;
  overflow: hidden;
  margin: -5px 15px 5px;
}
.grid-footer-info a {
    color: #fff!important;
}
.grid-footer-info .divr-dot{
    color: #d4d4d4;
}
.grid-footer-info span.grey-light {
    color: #fff;
}
.widget-post-preview.with_image .ma-grey{
    position: absolute;
    bottom: 0px;
    left: 15px;
}
.timeline-post-preview .grid-container{
    margin: 0px;
}
.timeline-post-preview .grid-info, .widget-post-preview .grid-info{
    margin: 0px 15px 0px 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 should be equal to margin-top of the template image in
     * ce/pulse/teams/project_teams/templates/_carousel_item.html.erb
     */
    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: 140px !important;
    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;
    width: 212px;
    height: 152px;
    display: block;
    margin-right: 15px;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
}
.feed-post-preview .media-contr .playbutton{
    width: 30px;
    height: 30px;
    top: 40%;
    left: 40%;
    position: absolute;
}

.mda-img-wrp {
    width: 210px;
    height: 150px;
    position: relative;
    border: 1px solid #dce0e7;
    background: #dce0e7;
}
.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%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.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;
}
/*this is a bad fix need to re-visit pls raju #r11939*/
#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;
}
.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;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
}
.cke_top .cke_button_on {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    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 {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    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 {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    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 {
      margin-left: 25px;
}
.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;
}
.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;
}
.ma-box-add {
    text-align: center;
    height: 272px;
    overflow: auto;
    margin-right: -20px;
    padding-right: 20px;
}
.ma-box-add_holder {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.icon-ma-add {
    background-color: #8d99a7;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    font-size: 46px;
    display: inline-block;
    color: #fff;
    overflow: hidden;
    line-height: 43px;
    padding: 1px 1px 0 0;
    font-family: "Arial",verdana!important;
}
.uploading-file-list {
    border-bottom: solid 1px #dce1e7;
    padding: 15px 0;
    overflow: hidden;
}
.uploading-file-list:first-child {
    padding-top: 0;
}
.dialog_body ul li.uploading-file-list {
    margin: 0;
}
.fa.icon-uploading-file-list{
    font-size: 40px;
    color: #8d99a7;
    float: left;
}

.uploading-file-list_name {
    float: left;
    margin: 10px 10px 0 10px;
    font-weight: bold;
    width: 320px;
    text-align: left;
}
.uploading-file-list_status {
    float: left;
    margin: 11px 0px 0 0px;
    width: 113px;
    text-align: left;
}
.fa.icon-check-circle{
    float: right;
    color: #8eca27;
    font-size: 20px;
    margin-top: 10px;
}
.icon-file-close{
    float: right;
    color: #4a4a4a;
    font-size: 18px;
    margin-top: 6px;
}
.ma-edit-content .small_img_box tr img {
    max-height: 80px;
    max-width: 80px;
}
.ma-edit-content .small_img_box tr td{
    height: 94px;
    vertical-align: middle;
    text-align: center;
    width: 94px;
}
.ma-edit-content_form {
    margin-left: 120px;
}
.change-award-container tr a.change-award-link {
    background: rgba(5,5,5,0.7);
    color: #fff;
    font-size: 12px;
    padding: 2px 3px 3px;
    width: 87px;
    display: block;
    height: auto;
    position: absolute;
    margin-top: 25px;
    display: none;
    cursor: pointer;
}
.change-award-container:hover .change-award-link{
    display: block;
    cursor: pointer;
}
.categories-table_cell .token-input-list-facebook{
    width: 329px;
    margin-top: 10px;
}

.recog-step-body {
    margin: 0 0 0 18px;
}
.recog-textarea {
    min-height: 70px;
    width: 100%;
    box-sizing: border-box;
}
.recog-textarea.mango-emoji-picker--ready {
    padding-right: 25px;
}
.media-award-update {
         width: 40%;
    }
/* Ends Apps styles*/
#configure_external_systems ul.box>li {
    padding-left: 15px;
}
#configure_external_systems .item-img-box {
    height: 45px;
    padding-top: 0;
    background: #ffffff;
}
#configure_external_systems .item-img-box img {
    max-width: 100%;
}
#configure_external_systems .item-desc {
  margin-left: 60px;
}
.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;
}
#external_systems_popup label {
    display: block;
}
#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{
  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;
    float: left;
    margin-top: -1px;
}
.errorHighlight{
    border: 1px solid red !important;
}
.ma-red{
    color:#ff1814;
}
.settings-to-module.module-setting-colored {
    color: #1497d5!important;
}
.sts_rhs {
    float: right;
    width: 90px;
    margin-top: 7px;
}
.sts_lhs .fa.icon-check-vote {
    font-size: 15px;
    margin: 1px 4px 0 0;
    left: -15px;
}
.fa.feeds-ans-accepted {
    color: #8eca27;
    font-size: 20px;
    position: absolute;
    left: 9px;
    top: 40px;
}
.mango-timeline .fa.feeds-ans-accepted {
    left: 20px;
    top: 44px;
}
.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;
}
.fa.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;
}
.fa.wid-vote-up {
    background-color: #8eca27;
}
.fa.wid-vote-down {
    background-color:#cf4c4c
}
#award_table_list th.sorting_asc, #award_table_list th.sorting_desc{
    border-bottom: 2px solid #717171;
}
.tos_btm {
    margin: 0px 15px 0px 15px;
    clear: both;
    position: relative;
    overflow: hidden;
}
.tos_btm-lbl {
    position: absolute;
    top: 8px;
    left: 0;
}
#tos {
  margin: 4px 5px 0 1px;
  z-index: 1;
  position: relative;
}
.tos_btm-lbl.errorTOS {
  color: #f00
}
.tos_btm-lbl.errorTOS:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: #EA0000;
  position: absolute;
  top: 3px;
  left: 0;
  border-radius: 2px;
}
#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-right: 10px;
}
.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: 13px solid #a4a4a4;
    border-bottom: 13px solid white;
    border-top: 13px solid white;
    border-image: initial;
    margin-left: 10px;
    color:#fff;
}

.tags_b{
    background-color: #def1f6;
    padding: 3px 7px;
    color: #1497d5;
}
.categories_sec, .tags_sec{
    width: 100%;
    float: left;
}
.feeds-mn .narrow_by.custm-menu {
    padding: 6px 8px 6px 5px;
}
.feeds-mn .narrow_by.custm-menu ul {
    right:-16px;
    margin-top: 6px;
}

#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: 6px;
    top: 14px;
}
.feeds-mn  .narrow_by .label {
    padding: 0 10px 0 0px;
}
.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;
}
.feed-img-holder {
    width: 98px;
    height: 80px;
    background-color: #f6f8fa;
    border: solid 1px #e9e9e9;
    float: left;
}
.feed-img-cont {
    width: 98px;
    height: 80px;
    table-layout: fixed;
    vertical-align: middle;
    text-align: center;
}
.feed-img-cont img{
    max-width: 98px;
    max-height: 80px;
    text-align: center;
    vertical-align: middle;
}
.feed-imgv-content {
    margin: 0px 0 0 110px;
}
.award-row {
    clear: both;
}
.widget-row.award-row:hover {
    margin: 0px -13px;
    padding-left: 13px;
    padding-right: 13px;
    border-bottom: solid 1px #edeff1;
}
.dialog_body ul.dailog-tabs li {
    margin-bottom:0;
}
.narrow_by.ma-notification {
    background-color: transparent;
    width: 40px;
    position: relative;
    height: 53px;
}
.fa.icon-notif {
    color: #fff;
    font-size: 21px;
    height: 38px;
    width: 31px;
    padding: 15px 0 0px 9px;
}
.ma-notification .icon-holder {
    width: 40px;
    height: 53px;
}
.narrow_by.ma-notification ul.ma-notification-cont {
    z-index: 5;
    width: 400px!important;
    display: block!important;
    visibility: hidden;
    transition-property: visibility;
    transition-delay: 0s!important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
 .narrow_by.ma-notification:hover ul.ma-notification-cont{
    visibility: visible;
    transition-delay: 0.4s!important;
}
.ma-notification-tiitle {
    border-bottom: 1px solid #eaeef2;
    padding: 5px 10px 5px 10px;
    text-align: left;
    color: #717171;
}
.ma-notification-item {
    overflow: hidden;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    position: relative;
}
.ma-notification-item: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;
    font-size: 12px;
    top: 7px;
    left: 21px;
    border: 2px solid #333C49;
}
.notification-alert.no_chat_count{
    border:0px!important;
    width: auto;
    height: auto;
    min-width: 20px;
}
.is_alert-seen{
    color: #fff;
    background: #787878;
    border: 1px solid #313131;
}
.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;
}
.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 {
    text-align: center;
    padding: 30px 5px 30px 5px;
    border-bottom: 1px solid #eaeef2;
    color: #a4a9b1;
    font-size: 16px;
}
.no-msgs-now {
    text-align: center;
    padding: 34px 5px 30px 0px !important;
    border-bottom: 0!important;
    color: #a4a9b1;
    font-size: 16px;
}
.fa.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;
}

#crm_accounts_table_container table.dataTable thead th:last-child{
    border-right: 0px!important;
    border-left: 0px!important
}
#crm_accounts_table_container table.dataTable tr th.sorting_desc,
#crm_accounts_table_container table.dataTable tr th.sorting_asc,
#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 table.dataTable tr th{
    padding: 15px 24px 10px 10px !important;
    border-bottom:1px solid #dadada;
}
#crm_accounts_table_container table.dataTable tr td{
    height:50px;
    vertical-align: middle;
}
#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
}
#crm_accounts_table_container table.dataTable tr:hover .ms-more-actions .label>span{
    border: solid 1px #dce1e7;
}
#crm_accounts_table_container table.dataTable thead .sorting{
    background: none;
}
#post_list_ms_section .wrapper ul.carousel>li:hover .grid-title{
    background: rgba(20,151,213,0.8);
}
.people-grid-view .mango-grid-view:hover, .project-group-box-container .team-view-height:hover {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(51, 51, 51, 0.15);
    z-index: 1;
}
.opportunity_admin_search.module-search .internal-search{
    margin-left: 0px;
}
.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;
  }
  .content.crm_contr table tr td .small_img_box tr td{
    padding: 0!important;
  }
  .badge-contr {
      background: #8d8d8d;
      color: #fff;
      font-size: 12px;
      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;
  }
  .recom-size-text{
    position: absolute;
    left: 21px;
    top: 119px;
    width: 94px;
    font-size:13px;
    text-align: center;
  }
.recog-step-body ul.token-input-list-facebook li input {
      width: 380px;
  }
.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;
}
.grey-light {
    color: #999 !important;
}
body.non-logged-in {
    min-width: 100%;
    width: 100%;
    height: 91%!important;
}
.select2-container .select2-choice > .select2-chosen {
    float: left!important;
}
.tick_bullet::before {
    padding-right: 8px;
    content: "\f111";
    font: normal normal normal 6px/1 FontAwesome;
    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;
    font-size: 28px;
    text-align: center;
}
.crm-indicator {
    border-top: solid 2px #80D6FF;
    color: #717171;
    text-align: center;
    padding: 7px 15px 9px 35px;
    margin: -1px -17px 0 -15px;
    position: relative;
    font-size: 18px;
    border-bottom: solid 2px #80D6FF;
    background: #fff;
}
.crm-indicator:after {
    width: 26px;
    height: 45px;
    font-family: FontAwesome;
    position: absolute;
    right: -22px;
    font-size: 98px;
    top: 0px;
    z-index: 1;
    background: url("/ce/pulse/images/icon_crm_arrow.png")no-repeat 0px 0px;
    content: "";
}
.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 {
    -webkit-box-shadow: 0 0px 6px rgba(149, 148, 148, 0.2);
    -moz-box-shadow: 0 0px 6px rgba(149, 148, 148, 0.2);
    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: 14px;
    height: 16px;
    padding: 5px;
    font-size: 14px;
    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 {
    background-color: #f3f3f3!important;
    padding: 17px 10px 40px 10px!important;
}
.mango-meta {
    margin: 0!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;
}
.fa.icn-bcrm{
    margin: 1px 0 0 1px;
    vertical-align: middle;
}
.opprt-help.col2-help {
    width: 100%;
}
.col2-help .video-container,
.col2-help .video-container+.video-container{
    width: 50%;
    float: left;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    padding: 0;
}
.col2-help .video-container video {
    width: 96%;
}
.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: -44px;
    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;
}
.post-attachments .attachment_reference .texttruncate {
    max-width: 300px!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,
.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
{
    box-shadow: 0 0 0 3px #48c2fc;
    -moz-box-shadow: 0 0 0 3px #48c2fc;
    -webkit-box-shadow: 0 0 0 3px #48c2fc;
    fill: #48c2fc;
}
.active-shadow {
    box-shadow: 0 0 0 2px #48c2fc;
    -moz-box-shadow: 0 0 0 2px #48c2fc;
    -webkit-box-shadow: 0 0 0 2px #48c2fc;
    fill: #48c2fc;
}
/*.madn-button-inset:hover,
.madn-button-inset:focus,
.post-wiki-fullscreen:hover{
    box-shadow: inset 0 0 0 3px #48c2fc;
    -moz-box-shadow: inset 0 0 0 3px #48c2fc;
    -webkit-box-shadow: inset 0 0 0 3px #48c2fc;
    fill: #48c2fc;
}*/
/*#wiki-content.fullView .wikitflr .wiki-content-normal-view-mode:hover{
    box-shadow: 0 0 0 3px #48c2fc;
    -moz-box-shadow: 0 0 0 3px #48c2fc;
    -webkit-box-shadow: 0 0 0 3px #48c2fc;
    fill: #48c2fc;
}*/
.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 .table_of_contents{
    display: none;
}
.column-one.container-to-be-fullscreen #wiki_content_description{
    width: 100%!important;
}
.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{
    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{
    display: block;
}
.strech-wiki .column-two{
    display: none;
}
#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;
}
#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 #wiki_content_description{
    width:100%!important;
}
.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{
    margin: 0px;
}
.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;
}
/*.new-navigation-ui .actionbutton.red-btn:hover {
    border-color: #fc6352;
    box-shadow: 0 0 0 3px #fc8582;
    -moz-box-shadow: 0 0 0 3px #fc8582;
    -webkit-box-shadow: 0 0 0 3px #fc8582;
    fill: #fc8582;
}*/
.ms-timeline-item .ma-read-more-act{
     margin-bottom:3px;
}
.rhs-slid-content .more_link {
   box-shadow: none!important;
}
/* End modern button styles*/

.color-link {
    color: #1497d5;
}
.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 FontAwesome;
    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: 0px 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,
.post-titl-contet.wikis_brand .wiki-content-full-view-mode i.fa-times,
.fullscreen_btn_style .post-wiki-fullscreen.active i.fa-expand,
.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 {
    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,
.post-titl-contet.wikis_brand .wiki-content-normal-view-mode i.fa-times,
.fullscreen_btn_style .post-wiki-fullscreen i.fa-expand,
.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;
    font-size: 12px;
    top: 7px;
    font: normal normal normal 14px/1 FontAwesome;
    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;
    font-size: 12px;
    top: 2px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.gp-status-lable {
    width: 110px;
    position: relative;
    display: inline-block;
    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;
    font-size: 12px;
    top: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    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;
    font-size: 12px;
    top: 0px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* Help container*/
.ma-help-container {
    position: relative;
}
.ma-help-content {
    position: absolute;
    width: 440px;
    right: 0px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background-color: #fff;
    z-index: 6;
    margin-top: 5px;
    -webkit-box-shadow: 0px 1px 4px rgba(87,87,87,0.1);
    -moz-box-shadow: 0px 1px 4px rgba(87,87,87,0.1);
    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;
}
.ma-help-content: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: 31px;
}
.ma-help-content: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: 32px;
}
.ma-help-container:hover .ma-help-content {
    visibility: visible;
    opacity: 1;
}
/* 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;
}

/*Emoji syle*/
.message-action-list-item ul.reaction-menu a {
    padding: 0!important;
}
.reaction-menu ul>li{
    display: block!important;
}
.reaction-menu ul li:nth-child(1) {
    margin: 0 10px ;
    border-bottom: 1px solid #e4e4e4;
}
.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: 238px;
    color: #4a4a4a;
    display: block !important;
}
.reaction-menu li ul,
.emj-show ul,
.message-action-drop-ul-wrapper ul,
.message-action-drop-ul-wrapper ul.moreMenu {
    position: relative;
    border-radius: 2px;
    display: block !important;
    top: 0 !important;
    left: 0 !important
}
.mangostream-actions-ul-wrapper,
.message-action-drop-ul-wrapper {
    position: absolute;
    left: -7px;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 4;
}
.message-action-drop-ul-wrapper {
    top: 95%
}
.reaction-menu li .mangostream-actions-ul-wrapper:before,
.emj-show .mangostream-actions-ul-wrapper:before,
.message-action-drop-ul-wrapper:before,
.reaction-menu li .mangostream-actions-ul-wrapper:after,
.emj-show .mangostream-actions-ul-wrapper:after,
.message-action-drop-ul-wrapper:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 7px solid #BDC5C7;
    margin-left: 12px;
    position: relative;
    z-index: 5;
}
.reaction-menu li .mangostream-actions-ul-wrapper:after,
.emj-show .mangostream-actions-ul-wrapper:after,
.message-action-drop-ul-wrapper:after {
    position: absolute;
    top: 2px;
    left: 0;
    border-bottom-color: #fff;
}
.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;
}
.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,
.wk-reaction-row .wk-reaction-act:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
    height: 13px;
    background: #fff;
}
.wk-reaction-row .wk-reaction-act:after {
    background: #f6f8fa;
}
ul.moreMenu li.message-action-copylink-item {
    display: block;
}
.message-action-drop-item.like-list li a {
    padding: 0 !important;
    color: #4a4a4a;
}
.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;
    -webkit-box-shadow: 0 0 4px rgba(87,87,87,0.2);
    -moz-box-shadow: 0 0 4px rgba(87,87,87,0.2);
    box-shadow: 0 0 4px rgba(87,87,87,0.2);
}

.rectn-close {
    font-size: 17px;
    position: absolute;
    right: -3px;
    color: #999;
    top: 8px;
    cursor: pointer;
    padding: 0 3px;
    line-height: 15px;
    border: solid 1px transparent;
    height: 18px;
}
.rectn-close:hover {
    border: solid 1px #dfdfdf;
}
.emoji {
    width: 36px;
    height: 34px;
    display: inline-block!important;
    background: url("/ce/pulse/images/sprite_emoji.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 7px !important;
    border-radius: 5px;
    vertical-align: middle;
    float: left;
    box-sizing: border-box;
}
.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;
}
.emj-show .emoji {
    width: 18px;
    height: 18px;
    margin: -2px 5px 0 0;
}
.emoji.emoji-like {
    background-position: -80px -2px;
}
.emoji.emoji-super-like {
    background-position: -80px -46px;
}
.emoji.emoji-haha {
    background-position: -81px -90px;
}
.emoji.emoji-yay {
    background-position: -81px -135px;
}
.emoji.emoji-wow {
    background-position: -81px -180px;
}
.emoji.emoji-sad {
    background-position: -80px -224px;
}

.emj-show .emoji.emoji-like {
    background-position: -140px -10px;
}
.emj-show .emoji.emoji-super-like {
    background-position: -141px -48px;
}
.emj-show .emoji.emoji-haha {
    background-position: -140px -88px;
}
.emj-show .emoji.emoji-yay {
    background-position: -140px -128px;
}
.emj-show .emoji.emoji-wow {
    background-position: -141px -166px;
}
.emj-show .emoji.emoji-sad {
    background-position: -140px -206px;
}

.emj-preview .emoji.emoji-like {
    background-position: -5px -6px;
}
.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;
}
.emoji-disable{
    opacity: 0.5;
}
.emoji-lik.emoji-disable:hover {
    background-color: #eeecec;
}
.emj-preview.emoji-disable {
    opacity: 1;
}
.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
}
.fa.fa-ractn {
    font-size: 16px;
    vertical-align: middle;
    margin-top: -4px;
    color: #999;
}

/* changes for hover effects */
.emj-show {
    position: relative
}
.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;
    -webkit-box-shadow: 0 0 4px rgba(87,87,87,0.2);
    -moz-box-shadow: 0 0 4px rgba(87,87,87,0.2);
    box-shadow: 0 0 4px rgba(87,87,87,0.2)
}
.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
}
.mangostream:hover {
    z-index: 4 !important;
}
/* end chagnes for hover effects*/

/* reaction box animation */

.reaction-menu .mangostream-actions-ul-wrapper {
    left: -10px;
}
.reaction-menu:hover li .mangostream-actions-ul-wrapper {
    -webkit-transition: opacity 0.4s linear 0.2s;
    -moz-transition: opacity 0.4s linear 0.2s;
    -ms-transition: opacity 0.4s linear 0.2s;
    -o-transition: opacity 0.4s linear 0.2s;
    transition: opacity 0.4s linear 0.2s;
}
.reaction-menu.narrow_by ul li a.emoji-lik {
    transform: scale(2) translateY(60px);
    will-change: transform;
}
.reaction-menu.narrow_by:hover ul li a.emoji-lik {
    transform: scale(1) translateY(0px);

    -webkit-transition: transform .3s linear .3s;
    -moz-transition: transform .3s linear .3s;
    -ms-transition: transform .3s linear .3s;
    -o-transition: transform .3s linear .3s;
    transition: transform .3s linear .3s;
}
.reaction-menu.narrow_by:hover ul li a.emoji-lik:nth-child(2) {
    transition-delay: 0.34s;
}
.reaction-menu.narrow_by:hover ul li a.emoji-lik:nth-child(3) {
    transition-delay: 0.38s;
}
.reaction-menu.narrow_by:hover ul li a.emoji-lik:nth-child(4) {
    transition-delay: 0.42s;
}
.reaction-menu.narrow_by:hover ul li a.emoji-lik:nth-child(5) {
    transition-delay: 0.46s;
}
.reaction-menu.narrow_by:hover ul li a.emoji-lik:nth-child(6) {
    transition-delay: 0.50s;
}
.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: 30;
    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;
}
.ms-modal-cls {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px !important;
    cursor: pointer;
    padding: 3px 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;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
    background: #fff;
    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;
    margin: auto;
}
.circular-images .prflpp-prsn-pic {
    border-radius: 100%;
}
.prflpp-hdr {
    padding-top: 55px;
}
.prflpp-hdr a.prflpp-flwng-btn.follow {
    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: 0;
    left: 3px;
    font-size: 12px;
}
.ms-modal-hover .prflpp-hdr .is-gst-usr {
    font-size: 11px;
}
.prflpp-hdr-actns > a,
.prflpp-hdr-actns > div {
    border-right: 1px solid rgba(255,255,255,0.5);
    padding-right: 15px;
    margin-right: 15px;
}
.prflpp-hdr-actns a {
    color: #fff !important;
}
.prflpp-hdr-actns a:not(.default-cursor):hover {
    text-decoration: underline
}
.prflpp-hdr-actns > a:last-child,
.prflpp-hdr-actns > div:last-child {
    border-right: 0;
    padding-right: 0 !important;
    margin-right: 0 !important
}
.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;
    /*max-width: 133px;*/
    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 {
    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: 420px;
    top: 150px;
    left: 50%;
    margin-left: -210px;
}

#userProfilePopup.ms-modal-click .ms-modal-content {
    border: 0
}

#userProfilePopup .prflpp-awrds-icn {
    float: left;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}
.prflpp-hdr-actns #ms_profile_send_im_link {
    background: none !important
}
.prflpp-body {
    max-height: 200px;
    overflow: auto;
    padding-right: 10px
}
.ms-modal-click .prflpp-body .lft-fxd-120-tbl {
    margin: 0 auto;
    max-width: 100%
}
.prflpp-body .gamf-user-profile-level {
    width: 270px;
}
.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;
  /*background: #ccc;*/
  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;
  /*background: #2a2a2a;*/
  color: #ccc;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}
/*
a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}*/

.extim_relative{
    position: relative;

}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12{
    font-family: inherit!important;
}

.ms-hide{
    display: none !important;
}
.ms-show{
    display: block !important;
}
.ma-help-content.cmps {
    left: -20px;
    margin-top: 4px;
    width: 450px;
}
.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: 450px;
    height: 218px;
    border-radius: 2px;
    background: #aaa;
    font-size: 12px
}

#userProfilePopup.ms-modal.ms-modal-hover .ms-modal-content {
    position: static;
    margin: 0;
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
    width: auto;
    height: 218px;
    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;
}
.ms-modal.ms-modal-hover .prflpp-hdr {
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    height: 218px
}
.ms-modal.ms-modal-hover .prflpp-prsn-pic {
    position: relative;
    margin: 18px auto 5px;
    left: 0;
    top: 0;
    width: 118px;
    height: 118px
}
#userProfilePopup.ms-modal.ms-modal-hover .ms-modal-body {
    float: right;
    width: 278px;
    box-sizing: border-box;
    padding: 5px 0 0 10px
}

#userProfilePopup.ms-modal.ms-modal-hover .ms-modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0 0 2px;
    width: 280px;
    height: 34px;
    box-sizing: border-box;
}
#userProfilePopup.ms-modal-hover .cstm_stts_msg .fa {
    display: none;
}
#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;
    transform: rotate(45deg);
}

.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-right:not(.ms-modal-down):after {
    box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
    background: #1f8fe8;
}

.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 {
    font-size: 16px
}

.ms-modal.ms-modal-hover .prflpp-hdr-actns {
    margin: 0 0 5px !important;
    display: flex
}

.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;
    flex: 1
}
.ms-modal.ms-modal-hover .prflpp-hdr-actns #ms_profile_send_im_link,
.ms-modal.ms-modal-hover .prflpp-hdr-actns>#follow_unfollow_profile {
    max-width: 80px
}
.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 .fa {
    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
}

#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-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
}

#userProfilePopup.ms-modal-preview a,
#peopleDirectoryPpl .prfl_prvw_rght a {
    color: #1497d5
}

.copy_link_style .ma-help-container a, .copy_link_style .ma-help-container a:hover{
    color:#4a4a4a;
}
.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;
    /* border-radius: 15px; */
    text-align: center;
    z-index: 10;
    border:solid 1px #cacfd5;
    text-indent: -99999px;
}
#toc_wrapper .fullView .takeUserToTopwiki{
    bottom: 38px;
}
.rhs_widget_class{
    margin-right: 295px;
}
#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 FontAwesome;
    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 FontAwesome;
    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;
}
.only_for_feeds_page .rhs-slid-content{
    border:0px;
    right:0px!important;
}
.only_for_feeds_page .rhs-slid-close{
    background-color: #C5C5C5!important;
    margin: -11px -11px 0px -1px!important;
}
#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 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.rejected-status:before{
    content: "\f00d";
}
#mediaspace_preview_controlbar .jwrailgroup.Rail {
    overflow: hidden;
}

a.link-imp,
#taskDetails .bluetext {
    color: #2996cc!important;
}
.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;
    font-size: 12px;
    padding: 0 10px;
    border: 1px solid #00aff0;
    border-radius: 2px;
    transition: all 0.2s linear;
}
.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 .fa {
    margin-right: 5px;
    font-size: 14px;
}
.skype-actn-drop {
    cursor: pointer;
    float: left;
    background: none !important;
}
.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;
}
.skype-actn-drop.narrow_by ul {
    border-color: #00aff0 !important;
    margin: -1px 0 0;
}
.skype-actn-drop ul li a {
    padding: 2px 10px !important;
    color: #077db4 !important;
    background: #fff !important;
    font-size: 12px;
    transition: all 0.2s linear;
}
.skype-actn-drop ul li a:hover,
.skype-actn-btn > .skype-actn-call:hover,
.skype-drop-ico > span:hover {
    background: #00AFF0 !important;
    color: #fff !important;
}
.skype-actn-drop.narrow_by ul li a i {
    position: static;
    height: auto;
    width: auto;
    margin: -2px 5px 0 0;
    font-size: 14px;
}
#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-shw.ip-dltd-grp {
    background: #ffa2a2;
    margin-right: 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;
}
.feeds-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 .fa.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: 34px;
    height: 34px;
    box-sizing: border-box;
}
.ma-srt-btn:before {
    display: block;
    content: '';
    width: 14px;
    height: 20px;
    background: url(/ce/pulse/images/v2/mangosprite_24.png) no-repeat center -3336px !important;
}
.list-container .quick_find_search{
    width: 330px;
    position: relative;
    top: -6px;
}
.list-container .quick_find_search.member_search{
  width: 280px;
  padding-right: 58px;
}
#search_count{
  position: absolute;
  top: 2px;
  right: 10px;
  opacity: .6;
  text-align: left;
  font-size: 12px;
}
.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 {
    line-height: 25px;
    background: #e4e4e4;
    border: 1px solid #bdbdbd;
    padding: 0 7px;
    font-size: 12px;
    color: #777;
    margin-top: -1px !important;
    position: relative;
    clear: both;
}
.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_ma {
    width: 100%;
}
.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;
    /* background: url("/ce/pulse/images/tick_green_new.png") no-repeat 230px 4px !important; */
}
.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: 2500px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 9px -13px 0;
    border-top: 1px solid #dbdbdb;
    padding: 10px 13px 0;
}
.pinned-header-fixed.pinned-lhs-fixed{
    position: fixed;
    top: 106px;
}
.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);
    font-family: "verdhana",arial !important;
    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-flex-1 {
    flex: 1;
}
.ms-flex-auto {
    flex: 0 0 auto;
}
#gamification_tabs .people-leaderboard .people_dir .grid-bottom-container{
    height: 56px;
}
.people-grid-view.people-leaderboard .mango-grid-view {
    height: 236px;
}
.ripplelink{
  display:block;
  float:left;
  text-align:center;
  color:#fff;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index:0;
}

.ripplelink:hover{
  z-index:1000;
  box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
  -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
  -moz-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%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          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{
    font-size: 14px;
    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;
}
.edit-user-important {
    border: solid 1px #dce1e7;
    padding: 7px 15px 6px 15px;
    float: left;
    margin: 0 0 0 10px;
    background: #f7f8fa;
    width: 365px
}
.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;
}
.tabl-specific {
    table-layout: fixed;
    width: 100%;
    border-collapse: inherit;
    box-sizing: content-box;
}
#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 {
    font-size: 14px;
    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;
}
#notifyDataTable  th.sorting_asc{
    border-bottom: 2px solid #717171;
    font-weight: bold;
    color: inherit;
}
table#notifyDataTable thead th.sorting_asc{
    border-bottom: 2px solid #717171;
    font-weight: bold;
    color: inherit;
}
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;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.075);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.075);
    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 .admin-list .pagination a,
.dialog_body .admin-list .pagination span,
.dialog_body .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-scrn,
.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-shw-pnl {
    position: relative;
    z-index: 14;
}
.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 FontAwesome;
    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: 3px 7px 0 2px!important;
    color: #4a4a4a;
    font-size: 17px;
}
.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;
}
video::-webkit-media-controls-fullscreen-button {
   margin-right: -32px;
   z-index: 10;
   position: relative;
   background: #fafafa url(/ce/pulse/images/video_fullscreen_sprite.png) center 4px no-repeat;
}
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;
}
.fa.circle-moremenu {
    font-size: 6px;
    color: #8d98a7;
    padding-left: 2px;
}
.user-broadcast-message.broadcast-message {
    padding: 0;
    margin: 0 -15px;
}
.user-broadcast-message .cast-content,
.user-broadcast-message .cast-ck-content {
    margin: 0;
}
#mangoCKeditorContent .cast-ck-content p {
    padding: 0;
}
.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{
  background: url(/ce/pulse/images/delete-all.png) no-repeat -1px -42px;
}
#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{
  background: url(/ce/pulse/images/delete-all.png) no-repeat -1px -23px
}
#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;
    *padding-top:5px;
    /*line-height:0px\9;*/
    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: inline-block;
    position: absolute;
    top: 5px;
    left: 0px;
}
.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 5px 5px #d7d7d7 !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{
      background: url("/ce/pulse/images/v2/mangosprite_16.png") no-repeat scroll 5px -1684px transparent !important;
  }
  .theme_class ul.token-input-list-facebook.token-input-disabled-facebook input{
      background-color: transparent;
  }
  .event-people-selector .token-input-list-facebook{
      width:413px;
  }
  .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: -15px -20px 15px -20px;
    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 img{
    max-width: 50px;
    max-height: 50px;
}
.circular-images .user-photo {
    border-radius: 50px;
    overflow: hidden;
}
.user-containet {
    text-align: left;
    word-wrap: break-word;
    word-break: break-word;
}
.user-containet.notification_row .dark-grey{
    color: #717171;
}
.ma-notifications-unread {
    background: #f6f8fa;
}
.setting-navigation .ms-more-actions .narrow_by .label>span {
    padding: 4px 4px 0 3px;
}
.clck-to-wsh {
  font-size: 12px !important;
  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;
    -moz-box-shadow: 0 0 0 2px #bf3f42!important;
    -webkit-box-shadow: 0 0 0 2px #bf3f42!important;
    fill: #bf3f42!important;
}
.actionbutton.ma-green-link:hover{
    box-shadow: 0 0 0 2px #f1a152!important;
    -moz-box-shadow: 0 0 0 2px #34a986!important;
    -webkit-box-shadow: 0 0 0 2px #34a986!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;
}
.fa.ikon-notfn {
    font-size: 30px;
    color: #9a9797;
}

.dropdown-menu .ma-notifications {
    font-size: 12px;
}
#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: 0px 10px!important;
color: #717171!important;
}
.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;
    /* min-height: 24em; */
    -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;
}
.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;
}
.fa.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%;
}
/*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;
}
.post-edit-wrapper-box .cke_top {
    padding-left: 12px !important;
    padding-right: 12px !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{
    display: block!important;
}
.feed_edit_mode textarea.feed-edit-text {
    border: 0;
}
.actionbutton.rsvp-btns {
    padding-left: 0;
    padding-right: 0;
    width: 150px;
}
.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;
}
.notification-type-bell .greytext{
    color: #4a4a4a;
}
.ma-color {
    color: #4a4a4a;
}
.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{
    color: #34a986!important;
    margin-right: 10px !important;
    font-weight: normal;
}
.bell-reject-link{
    color: #bf3f42!important;
    margin-right: 10px !important;
    font-weight: normal;
}
.fa.big-grey-smiley {
    font-size: 200px;
    line-height: 1;
    color: #dedede;
}
.no-content-with-smiley {
    text-align: center;
    padding: 105px 0 0px 0;
}


.feed-preview-content {
    max-height: 150px;
    overflow: hidden;
    position: relative;
    min-height: 36px;
}
.feed-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 {
    left: 15px;
    bottom: 3px;
    right: auto;
}
#post_list_ms_section .wrapper div.navigation > p {
    width: 20px !important;
    height: 20px !important;
    background-color: #ffffff;
    color: #4a4a4a;
    line-height: 20px !important;
    border-radius: 100%;
    margin-right: 4px;
}
#post_list_ms_section .wrapper div.navigation {
    display: none !important;
}
.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 > div.ackt-box:not(.media-contr) {
    display: block !important;
}
.widget_content_container_div[data-widget_settings="F"] .widget-post-preview.with_image .media-contr,
.widget_content_container_div[data-widget_settings="F"] .widget-post-preview.with_image > div:first-child {
    /*height: auto !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;
}
.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 {
    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% !important;
    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/post_audio_default_preview.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.carousel-widget-item--media-wrap .mp-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.widget-post-preview .media-contr {
    background: #fff !important;
}
.widget_content_container_div[data-widget_settings="R"] .media-contr-colm:not(.no-image-cont) img,
.widget_content_container_div[data-widget_settings="R"] .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) {
    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 {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.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) {
    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;
}
.active-mini-navbar ul.sidebar-menu li.lhs-edit a {
    width: 50px;
}
.fixed-navigation_slide ul.sidebar-menu li.lhs-edit a {
    width: 200px;
}
.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;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
  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;
}
.col-md-12.has-add-action{
    position: absolute!important;
    margin-top: 65px!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;
    /* background: #000000; */
    position: absolute;
    z-index: 1;
    height: 42px;
    width: 40px;
    display: block;
    top: 3px;
    /* background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); */
    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;
    /* background: #000000; */
    position: absolute;
    z-index: 1;
    height: 42px;
    width: 40px;
    display: block;
    top: 3px;
    /* background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); */
    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;
}
.bottom-100 {
    margin-bottom: 100px!important;
}
.inline-copy-url {
    background: #ece9d8;
    color: #4a4a4a;
    padding: 5px 15px 0px 10px;
    border: 1px solid #dce1e7;
    display: inline-block;
    height: 27px;
    float: left;
    vertical-align: middle;
    font-weight: bold;
}
.actionbutton.ma-icon-button {
    padding: 8px 7px 4px 10px;
}
.actionbutton.ma-icon-button .fa {
    color: #8d98a7;
    font-size: 18px;
}
.help-cursor {
    cursor: help;
}
.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;
}
.lhs-n-indctr {
    color: #fff;
    margin-left: 7px;
    font-size: 14px;
}
.sidebar-more-menu .lhs-n-indctr {
    color: inherit;
}
.left-12 {
    margin-left: 12px !important;
}
.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,
.ms_theme_green .shortcut-tabs a,
.ms_theme_blue .shortcut-tabs a,
.ms_theme_brown .shortcut-tabs a,
.ms_theme_grey .shortcut-tabs a,
.ms_theme_navy_blue .shortcut-tabs a,
.ms_theme_orange .shortcut-tabs a,
.ms_theme_pink .shortcut-tabs a,
.ms_theme_purple .shortcut-tabs a,
.ms_theme_tangerine .shortcut-tabs a,
.ms_theme_red .shortcut-tabs a,
.ms_theme_black .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{
    width: 100%;
    box-sizing: border-box;
    height: 34px;
}
.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;
}
.remove-shrtcut-btn {
    visibility: hidden;
    cursor: pointer;
    position: absolute;
    right: -6px;
    top: -10px;
    padding: 2px;
    color: #4a4a4a
    /*border: 1px solid #dce1e7;background: #f7f8fa;*/
}
.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[data-widget_settings="R"] .media-contr-colm:not(.no-image-cont) img,
    .widget_content_container_div[data-widget_settings="R"] .media-contr-colm:not(.no-image-cont) .carousel-widget-item--first-img {
        min-width: initial;
        min-height: initial;
    }

}
grammarly-btn {
    display: none;
}
.ma-link-underline {
    text-decoration: underline;
}
.ma-link-underline:hover,
.ma-link-underline:active,
.ma-link-underline:focus {
    text-decoration: none;
}
.mango-grid-view--container {
    display: flex;
    flex-wrap: wrap;
}
.mango-grid-view--item {
    width: 250px;
    border: 1px solid #dce1e7;
    margin: 0 16px 16px 0;
}
/* 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 {
    background: #ebeff3;
    padding: 10px 10px;
    margin: 20px -15px 0 -15px;
}
.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_duedate {
    color: #999;
    font-size: 12px;
}
.action-widget .todo_list li:first-child {
    padding-top: 0;
    border-top: 0;
}
.action-desc{
    max-width: 84%;
}
.action-indicator, .fa.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: 120px;
    margin: 25px 5px 0 5px;
    color: #4a4a4a;
}
.ms_theme_green .actions-circlebar-item,
.ms_theme_blue .actions-circlebar-item,
.ms_theme_brown .actions-circlebar-item,
.ms_theme_grey .actions-circlebar-item,
.ms_theme_navy_blue .actions-circlebar-item,
.ms_theme_orange .actions-circlebar-item,
.ms_theme_pink .actions-circlebar-item,
.ms_theme_purple .actions-circlebar-item,
.ms_theme_red .actions-circlebar-item,
.ms_theme_tangerine .actions-circlebar-item,
.ms_theme_black .actions-circlebar-item {
    color: #4a4a4a;
}
.actions-circlebar-item:hover {
    color: #1497d5;
}
.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;
    font-size: 12px;
    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, 
.fa.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
}
/* 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 {
    opacity: 0.5;
    pointer-events: none;
}
.ckeditor-full--element {
  opacity: 0;
}
.word-break {
    word-break: break-word;
    word-wrap:break-word;
}
.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 {
    border-bottom-width: 8px;
    margin-top: -7px;
    background: #fff;
}
.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;
    font-family: "arial","sans-serif","lucida grande",tahoma,verdana;
}
.fat-html-comment img {
    max-width: 100%;
}
.top-12 {
    margin-top: 12px;
}
.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%;
}