@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
  font-family: 'Inter', sans-serif;
}

html {
  font-family: 'Inter';
  font-size: 16px;

  --primary-bg-color: #2ea6f7;
  --secondary-bg-color: #f3fafe;
  --third-bg-color: #cce1ed;
}

.contentCaption,
.contentTitle,
.contentSubtitle {
  visibility: hidden;
}

.forceCommunityThemeHeaderCompact {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.forceCommunityThemeNav .citizenInnerHeader .mainNavItem .linkBtn {
  color: black;
  text-shadow: none;
}

.forceCommunityCarousel .slds-scrollable_none {
  border-radius: 10px;
}
comm-user-profile-menu__trigger-p.slds-text-align_right.slds-truncate {
  font-weight: bold;
}

.forceCommunityCarousel {
  margin-left: 6px;
}

.comm-navigation__top-level-item-link {
  font-weight: 550;
  font-size: 0.8rem;
  line-height: 1.2rem;
  color: #0c283d !important;
}

.forceCommunityThemeHeaderCompact .themeUtils .themeUtilsContainer {
  /* padding-right: 5px; */
}
.unsNotificationsCounter {
  transform: scale(1.5);
}
.comm-user-profile-menu__trigger-ctn[community_user-userProfileMenu_userProfileMenu]
  .comm-user-profile-menu__trigger-p[community_user-userProfileMenu_userProfileMenu] {
  font-size: 14px;
  color: white !important;
}
.comm-user-profile-menu__trigger-ctn[community_user-userProfileMenu_userProfileMenu]
  .comm-user-profile-menu__trigger-p[community_user-userProfileMenu_userProfileMenu]:hover {
  color: rgb(46, 166, 247) !important;
}

.slds-template__container .bannerLayoutButton {
  position: absolute;
  left: 0;
  top: 0;
  right: 2em;
  bottom: 4em;
}

.slds-icon-utility-chevronleft.slds-icon_container {
  background-color: #e5e5e5;
  position: relative;
  left: -10px;
  opacity: 0.5;
  transition: all 0.2s;
}

.slds-icon-utility-chevronright.slds-icon_container {
  background-color: #e5e5e5;
  position: relative;
  right: -10px;
  opacity: 0.5;
  transition: all 0.2s;
}

.slds-icon.slds-icon-text-default {
  /*padding: 5px;*/
}

.slds-icon-utility-chevronleft.slds-icon_container:hover,
.slds-icon-utility-chevronright.slds-icon_container:hover {
  background-color: #2ea6f7;
  opacity: 1;
}
.forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active {
  color: #1286cf !important;
}
.comm-navigation__top-level-item-link {
  padding: 0 !important;
}
a.js-content-title.js-content-navlink.slds-text-heading_medium {
  font-weight: 550;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #0c283d !important;
}

.siteforceThemeLayoutStarter > .body.isPageWidthFixed-true {
  overflow-x: unset;
}

.forceCommunitySection .cb-section_column:first-child {
  padding-right: 16px !important;
}

.forceCommunitySection .cb-section_column:last-child {
  padding-left: 16px !important;
}

@media only screen and (min-width: 767px) {
  .siteforceThemeLayoutStarter > .body.isPageWidthFixed-true {
    margin-top: 42px !important;
  }
}
@media only screen and (max-width: 767px) {
  .siteforceThemeLayoutStarter > .body.isPageWidthFixed-true {
    margin-top: 49px !important;
  }
}
/*update menuheader 18/10*/
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .siteforceThemeLayoutStarter > .body.isPageWidthFixed-true {
    margin-top: 64px !important;
  }
}
/*update menuheader 18/10*/
/*
 .siteforceThemeLayoutStarter>.body.isPageWidthFixed-true {
    margin-top: 41px !important;
	}
*/
.siteforceContentArea .cb-section_column .ui-widget:not(:last-child) {
  margin-bottom: 0px !important;
}
/*
@media only screen and (max-width: 820px){
	
}
*/
@media only screen and (min-width: 767px) and (max-width: 820px) {
}

.siteforceDynamicLayout,
.themeHeader.forceCommunityThemeHeaderBase.forceCommunityThemeHeaderCompact .themeHeaderInner {
  width: 1440px;
  max-width: 90%;
}
.body {
  display: flex;
  justify-content: center;
}
.slds-avatar_circle img {
  border: solid 1px black;
  border-radius: 50%;
}
.slds-button_icon-inverse {
  width: 21px !important;
}

.js-content .slds-hyphenate {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-top: -16px !important;
  z-index: 1;
  height: 6.8rem;
}
/*sửa height cho bằng bên phải*/

.js-content-image {
  border-radius: 6px;
}
.forceCommunityThemeHeaderCompact .themeHeaderInner {
  /* padding: 15px 13rem 15px 13em; */
}
/*.header  .themeProfileMenu .comm-user-profile-menu__trigger-p {
padding: 0 7px 0 17px;
}*/

/*hoanff todo*/
.forceCommunityThemeHeaderCompact .themeHeaderInner {
  width: 100%;
  margin: 0 auto;
  /* padding: 0 12.5% 0 calc(12.5% + 47px); */
}
@media only screen and (max-width: 1024px) {
  .forceCommunityThemeHeaderCompact .themeHeaderInner {
    /* padding-left: calc(12.5% + 13px); */
  }
}
@media only screen and (min-width: 481px) and (max-width: 820px) {
  .forceCommunityThemeHeaderCompact .themeHeaderInner {
    /* padding-left: calc(5% + 13px); */
  }
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
  .forceCommunityThemeHeaderCompact .themeHeaderInner {
    /* padding-right: 10%; */
  }
}
/*hoanff todo*/
/* @media screen and (min-width: 820px) {
   .forceCommunityThemeHeaderCompact .themeHeaderInner {
    padding-left: 23px;
} 
} */
.comm-user-profile-menu__trigger-p.slds-text-align_right.slds-truncate {
  font-size: 1rem;
  line-height: 1.5rem;
}
.slds-avatar.slds-avatar_circle.slds-avatar_small {
  width: 2.375rem;
  height: 2.375rem;
}
.comm-user-profile-menu__trigger {
  max-width: 15rem !important;
}
.forceCommunityThemeNav.citizenHomeHeader .mainNavItem .linkBtn {
  /* css header custom hidden navmenu */
  /*font-size: 1rem;*/
  display: none;
}
.forceCommunityThemeNav .mainNavItem .linkBtn {
  /* css header custom hidden navmenu */
  /*font-size: 1rem;*/
  display: none;
}
.slds-is-relative {
  z-index: 3;
}
.forceCommunitySection .cb-section_column:only-child {
  /* padding: 16px 16px 16px 10px; */
}

.js-content-title.js-content-navlink.slds-text-heading_medium p {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.forceCommunitySection .forceCommunityDynamicCollectionGrid .slds-text-heading_medium {
  line-height: 1;
}
.forceCommunitySection .forceCommunityDynamicCollectionGrid .slds-text-heading_medium span {
  font-size: 16px;
}

/*sửa cỡ chữ ở bài viết ở điện thoại*/
@media screen and (max-width: 414px) {
  .forceCommunitySection .forceCommunityDynamicCollectionGrid .slds-text-heading_medium span {
    font-size: 16px;
  }
}
/*kết thúc*/
/* .forceCommunitySection .cb-section_column:only-child {
  padding: 16px 16px 16px 10px !important;
} */

.js-content-eyebrow.slds-m-top_small.slds-text-body_small {
  margin-bottom: 6px;
  font-size: 14px;
}
.forceCommunitySection .bannerLayoutButton:focus {
  width: 101%;
  height: 101%;
}

.slds-icon.slds-icon-text-default {
  width: 25px;
  height: 25px;
  padding: 5px;
  fill: #000;
}

.slds-icon.slds-icon-text-default:hover {
  fill: white;
}
.slds-carousel__indicator-action {
  width: 1.8rem !important;
}
.slds-carousel__indicators {
  margin-top: 0rem !important;
}
.forceCommunityThemeHeaderCompact .themeUtils .themeUtil lightning-icon.slds-icon_container {
  width: 15px;
  height: 15px;
}
@media screen and (min-width: 1600px) {
  .cb-section_column .slds-m-bottom_medium p.js-content-eyebrow {
    /* font-size: 18px;*/
  }
}
.forceCommunitySection .forceCommunityDynamicCollectionGrid .slds-text-heading_medium p.js-content-eyebrow {
  margin-bottom: -10px;
}
.forceCommunityThemeHeaderCompact .themeUtils {
  /* padding-bottom: 0.8rem; */
}

@media screen and (max-width: 1440px) {
  .forceCommunityThemeLogo .logoImage {
    width: 90px !important;
  }
  .forceCommunityThemeHeaderCompact div.themeHeaderInner {
    /* padding-bottom: 19px; */
  }
  .forceCommunityThemeNav.citizenHomeHeader .mainNavItem .linkBtn {
    font-size: 15px;
  }
}

.comm-user-profile-menu__trigger-p.slds-text-align_right.slds-truncate {
  font-weight: bold;
}
.forceCommunitySection .slds-is-relative .js-content-title {
  font-size: 1rem;
}
@media only screen and (max-width: 1870px) {
  .forceCommunitySection .slds-m-bottom_small:last-child .slds-is-relative div.js-content.slds-align-bottom {
    display: -webkit-box;
  }
}
.forceCommunitySection .slds-is-relative .js-content .slds-m-top_medium.slds-shrink-none {
  margin-top: 10px;
}
.forceCommunitySection .slds-is-relative .js-content ul.js-content-metadata {
  margin-top: unset;
}
.forceCommunitySection .slds-is-relative .js-content button.js-content-navButton {
  width: 100%;
  height: 100%;
}
.forceCommunitySection .cb-section_background {
  border-radius: 10px;
}

/*spinner*/
.siteforceLoadingBalls .loadingBall.third {
  display: none;
}

.siteforceLoadingBalls.global {
  margin-left: 0 !important;
  margin-top: 0 !important;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  /* padding:0px */
}
.siteforceSpinnerManager .mask {
  margin: 0 !important;
  position: fixed !important;
  opacity: 1;
  transition: opacity 0.2s ease, visibility 0s;
  transition-delay: 0s, 0.3s;
  background-color: hsla(0, 0%, 100%, 0.75);
}
.siteforceSpinnerManager .loadingCon {
  width: 2rem;
}
.loadingBall.first,
.loadingBall.second {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.siteforceLoadingBalls .loadingBall {
  animation: none;
  height: 0rem;
}
.siteforceLoadingBalls.global,
.loadingBall.first,
.loadingBall.second {
  transform-origin: 50% 50%;
  will-change: transform;
}

.siteforceLoadingBalls.global:after,
.siteforceLoadingBalls.global:before,
.loadingBall.first:after,
.loadingBall.first:before,
.loadingBall.second:after,
.loadingBall.second:before {
  content: '';
  position: absolute;
  background: #b0adab;
  border-radius: 50%;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  transform: translateZ(0);
  background-color: #2ea6f7;
}
.loadingBall.first {
  transform: rotate(60deg);
}
.loadingBall.second {
  transform: rotate(120deg);
}
.siteforceLoadingBalls.global:before,
.siteforceLoadingBalls .first:before,
.siteforceLoadingBalls .second:before,
.siteforceLoadingBalls.global:before,
.siteforceLoadingBalls .first:before,
.siteforceLoadingBalls .second:before {
  animation-name: dotsBounceBefore-medium;
  top: -0.25rem;
  left: -0.25rem;
}
.loadingBall.first:before {
  animation-delay: 83.33333ms;
  animation-name: dotsBounceBefore-medium;
  top: -0.25rem;
  left: -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
}
.loadingBall.first:after {
  animation-delay: 583.33333ms;
  animation-name: dotsBounceAfter-medium;
  top: -0.25rem;
  right: -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
}
.loadingBall.second:before {
  animation-delay: 0.25s;
  animation-name: dotsBounceBefore-medium;
  top: -0.25rem;
  left: -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
}
.loadingBall.second:after {
  animation-delay: 0.75s;
  animation-name: dotsBounceAfter-medium;
  top: -0.25rem;
  right: -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
}
.siteforceLoadingBalls.global:before {
  animation-delay: -83.33333ms;
  animation-name: dotsBounceBefore-medium;
  top: -0.25rem;
  left: -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
}
.siteforceLoadingBalls.global:after {
  animation-delay: 0.41666667s;
  animation-name: dotsBounceAfter-medium;
  top: -0.25rem;
  right: -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
}
/*end spiner*/

/* notification */
/*li.notification-row.notification-read.unsNotificationsListRow, li.notification-row.notification-unread.unsNotificationsListRow {
    position: relative;
}

li.notification-row.notification-read.unsNotificationsListRow::after, li.notification-row.notification-unread.unsNotificationsListRow::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000000;
}*/
/* end notification */

.slds-button.slds-no-space.slds-m-bottom_xx-small {
  outline: none;
}
.slds-media__figure.slds-m-horizontal_xx-small.comm-user-profile-menu__trigger-icon {
  margin-left: 10px;
}
.themeLayoutStarterWrapper .siteforceDynamicLayout .forceCommunityManagedContentDetail .js-header h3 {
  margin: 5px 0 20px;
}

/* padding cac van ban huong dan */
@media only screen and (min-width: 820px) {
  .isPageWidthFixed-false .ui-widget:nth-child(5) div.cb-section_row {
    max-width: 100%;
    margin-left: 30px;
    width: 98.5%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .isPageWidthFixed-false .ui-widget:nth-child(4) div.cb-section_row {
    /* padding-left: 0; */
  }
  .forceCommunityCarousel {
    margin-left: 0;
  }
}
/* disabled hover info */
.themeHeader .themeUtils .themeProfileMenu .slds-button.slds-no-space.slds-m-bottom_xx-small,
.themeHeader .themeUtils .themeProfileMenu .slds-button.slds-no-space.slds-m-bottom_xx-small:active,
.themeHeader .themeUtils .themeProfileMenu .slds-button.slds-no-space.slds-m-bottom_xx-small:hover {
  border-color: #fff !important;
}
/* Style avatar site info */
.siteforceDynamicLayout .forceCommunityUserProfileHeader img.circularPhoto {
  margin-top: 55px;
  border: 3px solid #2ea6f7;
  height: 8rem;
  width: 8rem;
}
/* Add height input site info, create ticket */
.siteforceDynamicLayout .slds-form-element__control .slds-input {
  height: 42px;
  line-height: 42px; /* add line height input create ticket*/
}
.siteforceDynamicLayout .slds-form-element__control .slds-input_faux {
  height: 42px;
  line-height: 42px;
}
/*button xem thêm*/
.slds-button.slds-button_brand.viewMoreButton {
  padding: 0.3rem 2.7rem;
  background: #2ea6f7;
  outline: none;
  border: none;
  border-radius: 10px;
}
/*end button xem thêm*


/*style page search result*/
.siteforceSldsOneColLayout.siteforceContentArea {
  width: 75%;
}
@media only screen and (max-width: 820px) {
  .siteforceSldsOneColLayout.siteforceContentArea {
    width: 100%;
  }
}

/*end style page searcg result*


/*calendar*/
.slds-button.slds-button_neutral.new-event-button {
  display: none;
}

.slds-button.slds-button_neutral.today-button {
  height: 2rem;
}

.troughContainer.slds-is-relative.slds-scrollable_y {
  display: none;
}

.forceCalendarTimeRuler .block.slds-border_top.slds-text-align_center {
  border-top: none;
}

.forceCalendarTimeRuler .block.slds-border_top.slds-text-align_center span {
  top: 0;
}
/*end calendar*/

/* start banner indicators */
.slds-grid.slds-grid_align-center.slds-grid_vertical-align-center.slds-p-horizontal_x-large.slds-m-top_large {
  margin-top: 8px !important;
}
/* end banner indicators */

div.themeNavTriggerContainer {
  display: none;
}

/* start search header */
.forceCommunityThemeSearch.citizenHomeHeader .search-input,
.forceCommunityThemeSearch.citizenHomeHeader
  .search-box
  .slds-button.slds-button_icon.search-inputSearchButton.search-inputSearchButton--left.slds-button_icon-border {
  border: none !important;
}
.forceCommunityThemeSearch.citizenHomeHeader .search-input,
.forceCommunityThemeSearch.citizenInnerHeader .search-input {
  font-size: 15px;
}
/* end search header */

/*start reposive header */
@media only screen and (max-width: 820px) {
  /*  .forceCommunityThemeHeaderCompact .themeUtils{
        padding-left: 5rem ;
    } 
     */
  /*hoanff todo*/
  /* .forceCommunityThemeHeaderCompact .themeHeaderInner {
        width: calc(90% - 0px);
    } */
}
@media only screen and (max-width: 767px) {
  .forceCommunityThemeHeaderCompact .themeHeaderInner[style] {
    /* padding: 10px 0px !important;  */
  }
  .forceCommunityThemeHeaderCompact .themeNotifications .unsNotificationsCounter svg {
    width: 14px !important;
    height: 18px !important;
  }
  .slds-media__figure span.slds-avatar {
    width: 1.7rem;
    height: 1.7rem;
    /* margin-right: 5px; */
  }
  .forceCommunityThemeHeaderCompact .themeUtils {
    /* padding-bottom: 0; */
  }
  .forceCommunityThemeHeaderCompact .themeUtils .themeUtil {
    margin-right: 5px;
    margin-top: 5px;
  }
  .forceCommunityThemeHeaderCompact .themeLogo {
    /* left: 7rem !important; */
    padding-top: 15px !important;
    /* transform: translate(-100%, 3.5%) !important; */
  }
  .forceCommunityThemeLogo .logoImage {
    max-height: 64px !important;
    background-position: unset !important;
  }
  .slds-media__figure.slds-m-horizontal_xx-small.comm-user-profile-menu__trigger-icon {
    margin-left: 0px !important;
  }
  .forceCommunityThemeHeaderCompact .themeUtils .themeUtilsContainer {
    /* padding-right: 0px; */
  }
  .unsNotificationsCounter .countDot {
    width: 0.9rem;
    height: 0.9rem;
  }

  /* set width content mobile in newdetail screen*/
  /* .siteforceDynamicLayout.siteforceContentArea {
    width: 90%;
	} */

  /* reposive notification in mobile*/
  .uiPanel.uiPanel--notificationsPanel {
    width: calc(100vw - 30px) !important;
    left: 15px !important;
  }
  .unsNotificationsPanel > div.titleContainer,
  .unsNotificationsPanel > div.listContainer {
    width: 100% !important;
  }
  .spacer {
    height: 0px !important;
  }
}
@media only screen and (max-width: 47.9375em) {
  .forceCommunityThemeHeaderCompact .themeUtils .themeCartIcon {
    margin-top: 3px;
  }

  .comm-user-profile-menu__dropdown-ctn {
    width: 20vw !important;
    top: 54px !important;
    right: 30px;
  }

  .comm-user-profile-menu__nubbin {
    right: 29px !important;
    left: unset !important;
  }
}
/* end notification mobile*/
@media only screen and (max-width: 1440px) {
  .forceCommunityThemeLogo .logoImage {
    width: 64px !important;
  }
}
/*end reposive header */

/* set width notification in PC */
.unsNotificationsPanel > div.titleContainer,
.unsNotificationsPanel > div.listContainer {
  width: 375px;
}

.unsNotificationsVirtualList.native.uiScroller::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  height: 9px;
}

.unsNotificationsVirtualList.native.uiScroller::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(137, 195, 227, 0.55);
}

.unsNotificationsVirtualList .unsNotificationsListRow .notification-text {
  margin-bottom: 5px;
}
/*end set width notification in PC */

/* set overflow content new detail - loi scroll o trang detail bai viet */
/* .siteforceDynamicLayout.siteforceContentArea .js-featured-body.slds-rich-text-editor__output{
  overflow-x: scroll;
} */
/* set height header */

@media only screen and (min-width: 48em) {
  .forceCommunityThemeHeaderCompact .themeLogo {
    margin-bottom: 17px;
  }
  .spacer {
    height: 76px !important;
  }
  .themeHeader.forceCommunityThemeHeaderBase.forceCommunityThemeHeaderCompact .themeHeaderInner {
    /* padding-bottom: 0px !important; */
  }
  .forceCommunityThemeHeaderCompact
    .themeHeaderInner.centerAlignLogo-false.searchStyle-expanded
    .themeUtils
    .themeUtilsContainer {
    max-width: 60vw !important;
  }
}
/* set height header */
/* set reposive screen login */
@media only screen and (max-width: 767px) {
  /* 
    .siteforceSldsOneColLayout.siteforceContentArea{
        transform: scale(85%);
        margin-top: 15px;
	}
     */
  .salesforceIdentityCommunityLogo2 .communityLogo {
    width: 100px !important;
    height: 64px;
    margin-bottom: 12px;
  }
}

@media only screen and (max-height: 767px) {
  .salesforceIdentityLoginBody2 .cCenterPanel:before {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }
  .salesforceIdentityLoginBody2 .cCenterPanel {
    margin-top: 14.5vw !important;
  }
}

@media only screen and (min-width: 48em) {
  .cCenterPanel div.siteforceSldsOneColLayout {
    width: 100% !important;
    margin-top: 1.5rem;
  }
}
/* set reposive screen login */

/* set width video in news detail */
.siteforceDynamicLayout.siteforceContentArea .js-featured-body.slds-rich-text-editor__output > span > iframe {
  width: 100% !important;
}

/* hidden tooltip notification when mobile */
@media only screen and (max-width: 768px) {
  .tooltip.advanced-wrapper.forceHeaderButton.header-tooltip.transition-start {
    display: none;
  }
}
/* css header custom hidden navmenu */
.themeHeader.forceCommunityThemeHeaderBase.forceCommunityThemeHeaderCompact .themeHeaderInner {
  justify-content: space-between;
  padding: 0 16px;
}

/* .themeHeader.forceCommunityThemeHeaderBase.forceCommunityThemeHeaderCompact .themeHeaderInner .themeNav {
  display: none;
} */
/* z index header  -hoanff disabled
.siteforceThemeLayoutStarter.isHeaderPinned-true>.header{
    z-index: 4 !important;
}
*/
@media only screen and (max-width: 47.9375em) {
  .forceCommunityThemeSearchSection .search-region {
    width: 88% !important;
  }
}
/* z index header*/

/* disabled hover notification icon*/
.forceCommunityThemeHeaderCompact .themeUtil .slds-button:focus:active:focus-visible {
  border: none;
  outline: none;
}
.slds-global-actions__item-action:active:not(:disabled) {
  border: none;
}

/* end disabled hover notification icon*/
/* custom vmpcd*/
.slds-col.slds-is-relative.slds-hyphenate.slds-text-align_left.slds-p-around_medium.slds-container_left span a {
  font-weight: 550;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #0c283d !important;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.js-content-title.js-content-navlink.slds-text-heading_medium p {
  -webkit-line-clamp: 2;
}
/* custom vmpcd*/

/* end screen alignment new detail */

/* set border radius iframe video card */
iframe.js-content-video.slds-grid {
  border-radius: 6px;
}

/* set line notification text*/
.unsNotificationsVirtualList .unsNotificationsListRow .notification-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* end set line notification text */
/* fix max height header logo search */
.themeHeader.forceCommunityThemeHeaderBase.forceCommunityThemeHeaderCompact {
  max-height: 76px;
  /* padding-left: 0;
    padding-right: 0; */
}
/* fix max height header logo search */

/* fix width of table */
.siteforceDynamicLayout .forceCommunityManagedContentDetail .slds-rich-text-editor__output table {
  max-width: 100%;
}
/* end fix width of table */

/* fix icon size in home page */
.siteforceDynamicLayout .js-dynamic-collection .forceCommunityCarousel lightning-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
.siteforceDynamicLayout .js-dynamic-collection .forceCommunityCarousel lightning-icon svg {
  width: 12px;
  height: 12px;
  padding: 0;
}
.siteforceDynamicLayout .js-dynamic-collection .forceCommunityCarousel lightning-icon.slds-icon-utility-chevronleft {
  padding: 0 0 2px;
}
.siteforceDynamicLayout .js-dynamic-collection .forceCommunityCarousel lightning-icon.slds-icon-utility-chevronright {
  padding: 0 0 2px 2px;
}
/* end fix icon size in home page */
/* hide icon left menu */
@media only screen and (max-width: 767px) {
  .forceCommunityThemeHeaderCompact .themeHeaderInner .themeNavTriggerContainer {
    display: none !important;
  }
}
/* hide icon left menu */

/* fix border grid card */
.forceCommunityDynamicCollectionGrid .forceCommunityTileLayout.forceCommunityFlexTileLayout > div {
  overflow: hidden;
  border-radius: 6px;
}
/* end fix border grid card */

/* fix card title line */
.forceCommunityCarousel .forceCommunityTileLayout.forceCommunityFlexTileLayout h1 > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: break-spaces;
}
/* end fix card title line */

/* fic crop text */
.forceCommunitySection .forceCommunityDynamicCollectionGrid .slds-text-heading_medium span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: break-spaces;
  line-height: 1.4rem;
}
/* end fix crop text */
/* fix min height E-LEARNING COURSES */
.cb-section.forceCommunitySection div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap {
  min-height: unset !important;
}
/* fix min height E-LEARNING COURSES */

/* fix bug noti issue 726 */
.uiPanel--notificationsPanel {
  position: fixed !important;
  top: 70px !important;
}

@media screen and (max-width: 600px) {
  .uiPanel--notificationsPanel {
    top: 59px !important;
  }
}

/* end fix bug noti issue 726 */

/* tăng size cho chữ ở 2 tab ở trong trang vinmec chuyển động*/
.forceCommunityTabset > .uiTabBar .uiTabItem .tabHeader {
  font-size: 19px;
}
/* end*/

/* fix bug hover bị sai lệch */
.forceCommunityTileLayout.zoomIn.transitionEase:hover {
  transform: unset;
}

.forceCommunityTileLayout.zoomIn.transitionEase:hover > div {
  transform: scale(1.05);
  transition: 0.3s all ease;
}

.forceCommunityBannerLayout.zoomIn.transitionEase,
.forceCommunityBannerLayout.imageZoomIn.transitionEase,
.forceCommunityTileLayout.zoomIn.transitionEase {
  overflow: hidden;
  border-radius: 8px;
}
/*end*/
/*fix user details img avatar 21/10*/
@media screen and (max-width: 1440px) {
  .siteforceDynamicLayout .forceCommunityUserProfileHeader img.circularPhoto {
    margin-left: 18px;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1100px) {
  .siteforceDynamicLayout .forceCommunityUserProfileHeader img.circularPhoto {
    height: 7.5rem;
    width: 7.5rem;
    margin-left: -8px !important;
  }
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
  .siteforceDynamicLayout .forceCommunityUserProfileHeader img.circularPhoto {
    margin-top: -45px;
    height: 6.5rem;
    width: 6.5rem;
  }
}
@media screen and (max-width: 767px) {
  .forceCommunityUserProfileHeader img.profileIconSmall {
    margin-top: -50px;
  }
}
.slds-dropdown-trigger_click.slds-is-open .slds-dropdown {
  z-index: 3;
}
/*fix user details img avatar 21/10*/
/*fix slds-carousel 25/10*/
@media screen and (min-width: 1023px) and (max-width: 1100px) {
  .slds-carousel__indicator-action {
    width: 1.5rem !important;
  }
  .slds-carousel__indicator {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}
/*fix slds-carousel 25/10*/

:root .list-calendar-boundary .header-panel .slds-form-element__label {
  display: none;
}

:root .birthday-screen .slds-modal__header,
:root .birthday-screen .slds-modal__content {
  font-weight: 700;
  font-size: 18px;
  border: none;
  background: #f4f6f9;
  color: #0c283d;
}

:root .birthday-screen .slds-modal__container {
  max-width: 60rem;
}

:root .onboard-screen .slds-modal__header {
  padding: 0;
  border: none;
}

:root .onboard-screen .common-modal {
  max-width: 100%;
}

:root .onboard-screen .slds-modal__footer {
  display: flex;
  justify-content: center;
  border: none;
}

:root .slds-spinner_container {
  margin-top: -54em;
}

:root .slds-spinner.slds-spinner_medium {
  position: fixed;
}

:root .search-cmp .slds-form-element__control {
  width: 20em;
}

:root .slds-carousel__content {
  display: none;
}

:root .slds-carousel__autoplay {
  display: none;
}

:root .slds-carousel__indicators {
  margin-top: -2em;
  z-index: 2;
}

:root .slds-carousel__indicator-action {
  border: #89c3e3 !important;
  border-radius: 5px;
  width: 4rem;
  height: 5px;
  background: #89c3e3 !important;
}

.forceCommunityThemeHeaderCompact .themeUtil .slds-button:focus:focus-visible:active {
  box-shadow: none !important;
  outline: none !important;
}

button:active {
  border-color: none !important;
}

.forceCommunityCarousel a.slds-carousel__indicator-action.slds-is-active {
  background: #2ea6f7 !important;
  border: #2ea6f7 !important;
}

.forceCommunityCarousel .slds-carousel__indicator-action:focus {
  background: #2ea6f7 !important;
}

:root .slds-carousel__image {
  border-radius: 10px;
}

:root .slds-carousel__panel-action {
  border: none;
}

:root .slds-carousel__stage {
  border: none;
  border-radius: 15px;
}

.common-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 23px;
  color: #2ea6f7;
  border-bottom: solid 2px #2ea6f7;
  padding-bottom: 9px;
  /* min-width: 375px; */
}

.see-more {
  display: flex;
  justify-content: flex-end;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #2ea6f7;
  padding-bottom: 1em;
}

/* comment for icon button */
.see-more span {
  display: flex;
  gap: 7px;
  /* padding: 10px 1.5rem; */
  /* border: 1px solid #2ea6f7; */
  /* border-radius: 10px; */
  margin-right: 10px;
  align-items: center;
}
/* for icon button */
.see-more img {
  /* height: 0.7em; */
  /* margin-bottom: 1px; */
}

.see-more span {
  cursor: pointer;
}

.btn-see-more {
  padding: 10px 2.4rem;
  background: #2ea6f7;
  border-radius: 10px;
  color: white;
  cursor: pointer;
}

.no-ticket {
  text-align: center;
  font-style: italic;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 23rem;
  border-radius: 10px;
  background: #f4f6f9;
}

/* Calendar component */
:root .calendar-panel .slds-card__header {
  padding-left: 10px;
}

:root .slds-text-heading_small {
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  color: #0c283d;
}

:root .fc-header-toolbar .fc-button-group {
  display: flex;
  gap: 1em;
}

:root .fc-header-toolbar .fc-button-group button {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

:root .fc-today-button {
  background: rgba(120, 150, 167, 0.12);
  border-radius: 2px;
}

:root .fc-today-button span {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #adadad;
}

:root .fc-center {
  font-weight: 400;
  font-size: 26px;
  line-height: 31px;
  padding: 0 1em;
  color: #0c283d;
}

:root .fc-header-toolbar .fc-right .fc-button-group {
  gap: 0;
}

:root .fc-month-button,
:root .fc-agendaWeek-button,
:root .fc-agendaDay-button,
:root .fc-listMonth-button {
  background: #faeed6 !important;
  border-radius: 2px !important;
  padding: 0 1em !important;
}

:root .fc-state-active {
  background: #f8bc39;
  box-shadow: 0px 4px 15px rgba(12, 40, 61, 0.08);
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #ffffff;
}

.see-more .add-new-detail {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration-line: underline;
  color: #2b6ba5;
}

.see-more .add-new {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #2b6ba5;
}

:root .slds-icon.slds-icon-text-default.slds-icon_xx-small,
:root .slds-icon.slds-icon-text-default.slds-icon_x-small {
  width: unset;
  height: unset;
  padding: 0;
}

.themeBgImage {
  box-shadow: 0px 4px 14px rgba(120, 150, 167, 0.12);
}

div.themeHeaderInner {
  /* padding-bottom: 0 !important; */
}

div.spacer {
  height: 76px;
}

@media only screen and (max-width: 768px) {
  .common-title {
    line-height: 1.5rem;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  /* .siteforceDynamicLayout.siteforceContentArea {
        width: 95%;
    } */
  .common-title {
    font-size: 0.9rem;
  }
  .headline-boundary .btn {
    margin-left: 20px;
    padding: 10px 20px;
  }
  .headline-boundary .btn a {
    white-space: nowrap;
  }
  div.spacer {
    height: 50px;
  }
  .see-more span {
    display: block;
  }
}

@media only screen and (min-width: 481px) and (max-width: 820px) {
  .siteforceDynamicLayout.siteforceContentArea {
    /* width: 90%; */
  }
  .forceCommunitySection .cb-section_column:first-child,
  .forceCommunitySection .cb-section_column:last-child {
    /* padding: 16px; */
    /* margin-bottom: 24px; */
  }
  .headline-boundary .btn {
    padding: 10px 20px;
  }
  .common-title {
    font-size: 1rem;
  }
  .headline-boundary .btn a {
    white-space: nowrap;
  }
  .see-more span {
    display: block;
  }
}

@media only screen and (min-width: 821px) and (max-width: 1440px) {
  .forceCommunitySection .cb-section_column:first-child {
    /* padding: 16px; */
  }
  .forceCommunitySection .cb-section_column:last-child {
    /* padding: 16px; */
  }
  .common-title {
    font-size: 20px;
  }

  .see-more span {
    display: block;
  }
}
/* start css calendar lisst event */
.calendar-list__event .fc-view-container {
  padding: 0 20px 20px;
  background-color: #fff;
  border-radius: 5px;
}

.calendar-list-event-wrapper .slds-card.slds-card_narrow {
  border: none;
}

.calendar-list__event .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.calendar-list__event .fc-toolbar.fc-header-toolbar .fc-left,
.calendar-list__event .fc-toolbar.fc-header-toolbar .fc-right {
  margin-bottom: 1rem;
}

.calendar-list__event .fc-toolbar.fc-header-toolbar .fc-center,
.calendar-list__event .fc-toolbar.fc-header-toolbar .fc-clear {
  display: none;
}

.calendar-list__event .fc-toolbar .fc-left {
  font-size: 1rem !important;
  line-height: 31px;
}
.calendar-list__event .fc-right .fc-prev-button,
.calendar-list__event .fc-right .fc-next-button {
  height: 32px;
  width: 32px;
  margin-right: 5px;
  background: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid #e5e5e5;
  border-radius: 5px !important;
  z-index: 0;
}

/* .calendar-list__event .fc-right .fc-next-button */

.calendar-list__event .fc-right .fc-next-button span::after,
.calendar-list__event .fc-right .fc-prev-button span::after {
  font-size: 220%;
  top: 0;
}

.calendar-list__event .fc-right .fc-today-button,
.calendar-list__event .fc-right .fc-month-button,
.calendar-list__event .fc-right .fc-agendaDay-button,
.calendar-list__event .fc-right .fc-agendaWeek-button,
.calendar-list__event .fc-right .fc-listMonth-button {
  height: 32px;
  background: #e9eef3 !important;
  border-radius: 5px !important;
  border: none;
  min-width: 85px;
  padding: 0 1rem !important;
  font-weight: 500;
  font-size: 1rem;
  line-height: 20px;
  color: #adadad;
  z-index: 0;
}

.calendar-list__event .fc-today-button {
  border: 1px solid #2ea6f7 !important;
}

.calendar-list__event .fc-today-button.fc-state-disabled {
  border: none !important;
}
.calendar-list__event .fc-button.fc-state-active {
  color: #fff !important;
  background: #2ea6f7 !important;
}

.calendar-list__event .fc-right .fc-month-button,
.calendar-list__event .fc-right .fc-agendaDay-button,
.calendar-list__event .fc-right .fc-agendaWeek-button,
.calendar-list__event .fc-right .fc-listMonth-button {
  margin-left: 10px;
}

@media screen and (max-width: 1366px) {
  .calendar-list__event .fc-right .fc-month-button,
  .calendar-list__event .fc-right .fc-agendaDay-button,
  .calendar-list__event .fc-right .fc-agendaWeek-button,
  .calendar-list__event .fc-right .fc-listMonth-button {
    margin-left: 5px;
  }
}

.calendar-list__event .fc-head-container.fc-widget-header {
  border: none;
}

.calendar-list__event .fc-day-header {
  padding: 20px 0 10px;
  font-weight: 550;
  font-size: 1.125rem;
  line-height: 27px;
  color: #c4c4c4;
  border: none;
}

.calendar-list__event .fc-agendaDay-view .fc-day-header {
  font-size: 1.375rem;
}

.calendar-list__event .fc-sun,
.calendar-list__event .fc-sat {
  background: #fff !important;
}

.calendar-list__event .fc-month-view .fc-row.fc-week {
  border-bottom: 1px solid #ccc;
}

.calendar-list__event .fc-month-view .fc-bg .fc-day.fc-widget-content {
  border-color: #f4f6f9;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-style: solid;
}

.calendar-list__event .fc-day-top .fc-day-number {
  font-weight: 550;
  font-size: 1rem;
  line-height: 20px;
  text-align: right;
  color: #0c283d;
}

.calendar-list__event .fc-event-container,
.calendar-list__event .fc-day-top {
  padding: 5px 5px 0;
}

.calendar-list__event .fc-widget-content .fc-bg td.fc-today {
  background: rgba(43, 107, 165, 0.12);
}
.calendar-list__event .fc-month-view .fc-content-skeleton td.fc-day-top {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.calendar-list__event .fc-widget-content .fc-content-skeleton td.fc-today a {
  color: #2b6ba5 !important;
}

.calendar-list__event .fc-event-container .fc-day-grid-event {
  background: rgba(56, 104, 210, 0.2);
  margin: 0;
  max-height: 26px;
  padding: 5px 10px;
  border: none;
  border-left: 2px solid #3868d2;
  font-weight: 550;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #0c283d;
  border-radius: 0px 5px 5px 0px;
}

.calendar-list__event .fc-event-container .fc-day-grid-event .fc-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
}

.calendar-list__event .fc-month-view .fc-scroller.fc-day-grid-container {
  height: auto !important;
  overflow: hidden !important;
}

.calendar-list__event .fc-agendaWeek-view .fc-scroller.fc-time-grid-container {
  height: 626px !important;
}
.calendar-list__event .fc-agendaWeek-view .fc-scroller.fc-time-grid-container::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  height: 9px;
}

.calendar-list__event .fc-agendaWeek-view .fc-scroller.fc-time-grid-container::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(137, 195, 227, 0.55);
}

.calendar-list__event .fc-month-view .fc-row.fc-week.fc-widget-content.fc-rigid {
  height: 110px !important;
}

.calendar-list__event .fc-agendaWeek-view .fc-time-grid .fc-slats td {
  height: 5.25rem;
}
.calendar-list__event .fc-agendaWeek-view .fc-axis.fc-widget-header {
  border: none;
}

.calendar-list__event .fc-agendaWeek-view .fc-body > tr > td.fc-widget-content {
  border-style: none solid none none;
}

.calendar-list__event .fc-agendaWeek-view .fc-axis.fc-time.fc-widget-content {
  font-weight: 550;
  font-size: 1rem;
  line-height: 20px;
  color: #0c283d;
  vertical-align: text-top;
  text-align: right;
  border: none;
}

.calendar-list__event .fc-agendaWeek-view .fc-content-skeleton .fc-content-col {
  border-top: 1px solid #ccc;
}

.calendar-list__event .fc-agendaWeek-view hr.fc-divider.fc-widget-header {
  display: block !important;
  margin-left: 58px; /* width column time; */
  padding: 0;
  border: none;
  height: 1px;
}

.calendar-list__event .fc-agendaWeek-view .fc-head-container.fc-widget-header .fc-row.fc-widget-header {
  margin-right: 0;
  border-right: none;
}

.calendar-list__event .fc-agendaWeek-view .fc-day-header.fc-widget-header a {
  font-weight: 550;
  font-size: 1.125rem;
  line-height: 28px;
  color: #c4c4c4;
}
.calendar-list__event .fc-agendaWeek-view .fc-day-header.fc-widget-header.fc-today a {
  color: #0c283d !important;
}

/* fc-agendaDay-view  */

.calendar-list__event .fc-agendaDay-view .fc-scroller.fc-time-grid-container {
  height: 626px !important;
}
.calendar-list__event .fc-agendaDay-view .fc-scroller.fc-time-grid-container::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  height: 9px;
}

.calendar-list__event .fc-agendaDay-view .fc-scroller.fc-time-grid-container::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(137, 195, 227, 0.55);
}
.calendar-list__event .fc-agendaDay-view .fc-row.fc-widget-header .fc-axis.fc-widget-header {
  border: none;
}

.calendar-list__event .fc-agendaDay-view .fc-row.fc-widget-header .fc-day-header.fc-widget-header.fc-today {
  font-weight: 550;
  font-size: 1.375rem;
  line-height: 28px;
  color: #0c283d;
}

.calendar-list__event .fc-agendaDay-view .fc-body > tr > td.fc-widget-content {
  border: none;
}

.calendar-list__event .fc-agendaDay-view .fc-body .fc-slats {
  border-right: 1px solid #ccc;
}

.calendar-list__event .fc-agendaDay-view .fc-content-skeleton .fc-content-col {
  border-top: 1px solid #ccc;
}

.calendar-list__event .fc-slats .fc-axis.fc-time.fc-widget-content {
  border: none;
  font-weight: 550;
  font-size: 1rem;
  line-height: 20px;
  color: #0c283d;
  vertical-align: text-top;
  height: 82px;
}

.calendar-list__event .fc-slats .fc-axis.fc-time.fc-widget-content span {
  padding-right: 3px;
}

.calendar-list__event .fc-agendaDay-view .fc-bg .fc-day.fc-widget-content.fc-today {
  background-color: #fff;
}

.calendar-list__event .fc-agendaDay-view hr.fc-divider.fc-widget-header {
  display: block !important;
  margin-left: 59px; /* width column time; */
  margin-right: 5px; /* width scroll */
  padding: 0;
  border: none;
  height: 1px;
}

.calendar-list__event .fc-agendaDay-view .fc-axis.fc-widget-content,
.calendar-list__event .fc-agendaDay-view .fc-day.fc-widget-content.fc-today {
  border: none;
}

.calendar-list__event .fc-more {
  color: #2ea6f7;
}

.calendar-list__event .fc-agendaWeek-view .fc-content-col .fc-time-grid-event.fc-v-event.fc-event,
.calendar-list__event .fc-agendaDay-view .fc-content-col .fc-time-grid-event.fc-v-event.fc-event {
  background-color: #cfebfe;
  color: #000;
  border-color: #2ea6f7;
}
.calendar-list__event .fc-agendaDay-view .fc-content-col .fc-time-grid-event.fc-v-event.fc-event {
  margin-top: 0;
}

.calendar-list__event .fc-agendaDay-view .fc-day-grid-event.fc-h-event.fc-event,
.calendar-list__event .fc-agendaWeek-view .fc-day-grid-event.fc-h-event.fc-event {
  background-color: #cfebfe;
  color: #000;
}

.calendar-list__event .fc-widget-content .fc-axis.fc-widget-content {
  border-radius: 1px solid #ccc;
  font-weight: 550;
  font-size: 0.8rem;
  line-height: 20px;
  color: #0c283d;
  vertical-align: text-top;
}

.calendar-list__event .fc-agendaDay-view .fc-row.fc-widget-header {
  border: none;
}

.calendar-list__event .fc-agendaDay-view .fc-day-grid.fc-unselectable > .fc-row.fc-week.fc-widget-content {
  margin-right: 5px !important;
}

.calendar-list__event
  .fc-agendaDay-view
  .fc-day-grid.fc-unselectable
  > .fc-row.fc-week.fc-widget-content
  .fc-bg
  .fc-day.fc-widget-content {
  border-left: 1px solid #ccc;
}

.calendar-list__event .fc-agendaWeek-view .fc-day-grid.fc-unselectable > .fc-row.fc-week.fc-widget-content {
  margin-right: 5px !important;
  border: none;
}

@media (max-width: 768px) {
  .calendar-list__event .fc-agendaWeek-view .fc-day-grid.fc-unselectable > .fc-row.fc-week.fc-widget-content {
    margin-right: unset !important;
  }
}

.calendar-list__event .fc-agendaWeek-view .fc-content-skeleton .fc-time-grid-event.fc-v-event.fc-event {
  margin-top: 0;
  margin-bottom: 2px;
}

.calendar-list__event
  .fc-agendaDay-view
  .fc-day-grid.fc-unselectable
  > .fc-row.fc-week.fc-widget-content
  .fc-event-container {
  padding-right: 20px;
}
.calendar-list__event .fc-agendaDay-view .fc-content-skeleton .fc-content-col .fc-event-container,
.calendar-list__event .fc-agendaWeek-view .fc-content-skeleton .fc-content-col .fc-event-container {
  padding-top: 1px;
}

.calendar-list__event
  .fc-agendaWeek-view
  .fc-content-skeleton
  .fc-time-grid-event.fc-v-event.fc-event:not(:first-child),
.calendar-list__event
  .fc-agendaDay-view
  .fc-content-skeleton
  .fc-time-grid-event.fc-v-event.fc-event:not(:first-child) {
  margin-left: 1px;
}

.calendar-list__event .fc-time-grid-event .fc-time,
.calendar-list__event .fc-time-grid-event .fc-title {
  padding: 0 0.5em;
  font-size: 14px;
  font-weight: 550;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.calendar-list__event .fc-center {
  padding: 0 !important;
}

.calendar-list__event .fc-month-view .fc-popover.fc-more-popover .fc-body.fc-widget-content > .fc-event-container {
  max-height: 260px;
  overflow-y: scroll;
}

.calendar-list__event
  .fc-month-view
  .fc-popover.fc-more-popover
  .fc-body.fc-widget-content
  > .fc-event-container::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  height: 9px;
}

.calendar-list__event
  .fc-month-view
  .fc-popover.fc-more-popover
  .fc-body.fc-widget-content
  > .fc-event-container::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(137, 195, 227, 0.55);
}

.btn-control.carousel-control-btn-custom lightning-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}

.btn-control.carousel-control-btn-custom lightning-icon svg {
  width: 12px;
  height: 12px;
  padding: 0;
}

.btn-control.carousel-control-btn-custom lightning-icon.slds-icon-utility-chevronleft {
  padding: 0 0 2px;
}

.btn-control.carousel-control-btn-custom lightning-icon.slds-icon-utility-chevronright {
  padding: 0 0 2px 2px;
}

.hr-page--custom
  .cb-section.forceCommunitySection
  .cb-section_row
  > div:first-child
  > div
  > div:last-child
  .forceCommunityCarousel
  > div:nth-child(2)
  > div {
  margin-top: 0;
}

.hr-page--custom
  .cb-section.forceCommunitySection
  .cb-section_row
  .cb-section_column.slds-size_12-of-12.slds-max-medium-size_12-of-12.slds-large-size_4-of-12 {
  align-items: stretch;
}

.hr-page--custom
  .cb-section.forceCommunitySection
  .cb-section_row
  .cb-section_column.slds-size_12-of-12.slds-max-medium-size_12-of-12.slds-large-size_4-of-12
  > div,
.hr-page--custom
  .cb-section.forceCommunitySection
  .cb-section_row
  .cb-section_column.slds-size_12-of-12.slds-max-medium-size_12-of-12.slds-large-size_4-of-12
  > div
  > div {
  height: 100%;
}

.hr-page--custom
  .cb-section.forceCommunitySection
  .cb-section_row
  .cb-section_column.slds-size_12-of-12.slds-max-medium-size_12-of-12.slds-large-size_4-of-12
  > div
  > div {
  padding-top: 63px;
}

.hr-page--custom
  .cb-section.forceCommunitySection
  .cb-section_row
  .cb-section_column.slds-size_12-of-12.slds-max-medium-size_12-of-12.slds-large-size_4-of-12
  > div
  > div
  c-vmp_-my-task {
  flex: 1;
}

.vinmecblog-page--custom .forceCommunityManagedContentDetail lightning-formatted-rich-text {
  overflow-x: auto;
}

.vinmecblog-page--custom .forceCommunityManagedContentDetail lightning-formatted-rich-text * {
  max-width: 100%;
}

@media screen and (max-width: 1600px) {
  .calendar-list__event .fc-agendaWeek-view .fc-scroller.fc-time-grid-container {
    height: 595px !important;
  }
}

@media screen and (max-width: 1409px) {
  .calendar-list__event .fc-agendaDay-view .fc-scroller.fc-time-grid-container {
    height: 625px !important;
  }
  .calendar-list__event .fc-toolbar .fc-left {
    font-size: 22px;
  }
  .calendar-list__event .fc-right .fc-today-button,
  .calendar-list__event .fc-right .fc-month-button,
  .calendar-list__event .fc-right .fc-agendaDay-button,
  .calendar-list__event .fc-right .fc-agendaWeek-button,
  .calendar-list__event .fc-right .fc-listMonth-button {
    min-width: 60px;
    padding: 0 4px !important;
  }
  .fc .fc-toolbar > * > * {
    margin-left: 5px !important;
  }
  .calendar-list__event .fc-day-header {
    font-size: 14px;
  }
}
/* @media screen and (max-width:1366px) {
     .calendar-list__event .fc-agendaWeek-view .fc-scroller.fc-time-grid-container{
        height: 548px !important;
    } 
}
@media screen and (max-width:1280px) {
     .calendar-list__event .fc-agendaWeek-view .fc-scroller.fc-time-grid-container{
        height: 548px !important;
    } 
} */
/* hai todos
 .ui-widget:nth-child(5) {
    margin-left: 32px;
} */

:root .slds-input[disabled] {
  --lwc-colorTextInputDisabled: black;
}

@media screen and (max-width: 1024px) {
  .hr-page--custom
    .cb-section.forceCommunitySection
    .cb-section_row
    .cb-section_column.slds-size_12-of-12.slds-max-medium-size_12-of-12.slds-large-size_4-of-12
    > div
    > div {
    padding-top: 0;
  }
}

@media screen and (max-width: 1155px) {
  .calendar-list__event .fc-month-view .fc-row.fc-week.fc-widget-content.fc-rigid {
    height: 102px !important;
  }
  .calendar-list__event .fc-agendaWeek-view .fc-scroller.fc-time-grid-container {
    height: 550px !important;
  }
  .calendar-list__event .fc-agendaDay-view .fc-scroller.fc-time-grid-container {
    height: 578px !important;
  }
}

@media screen and (max-width: 1048px) {
  .calendar-list__event .fc-month-view .fc-row.fc-week.fc-widget-content.fc-rigid {
    height: 97px !important;
  }
  .forceCommunityCarousel {
    margin-left: 0;
  }
  .ui-widget:nth-child(5) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 374px) {
  /* .siteforceDynamicLayout.siteforceContentArea {
        width: 95%;
    } */
}

.comment-section textarea {
  height: 7rem;
}

.tooltip.advanced-wrapper.forceHeaderButton.header-tooltip.south.uiTooltipAdvanced
  > .tooltip.advanced-wrapper.forceHeaderButton.header-tooltip
  > .tooltip-advanced.tooltip-body,
.tooltip.advanced-wrapper.forceHeaderButton.header-tooltip.south.uiTooltipAdvanced
  > .tooltip.advanced-wrapper.forceHeaderButton.header-tooltip
  > .pointer.pointer-advanced {
  display: none !important;
}

.forceCommunityDynamicCollectionGrid
  > .slds-grid.slds-wrap.slds-grid_vertical-stretch.resetMarginLeft.slds-grid_pull-padded-medium.pull-padded-bottom-medium {
  /* padding-left: 32px; */
}

@media screen and (max-width: 768px) {
  .forceCommunityDynamicCollectionGrid
    > .slds-grid.slds-wrap.slds-grid_vertical-stretch.resetMarginLeft.slds-grid_pull-padded-medium.pull-padded-bottom-medium {
    /* padding-left: 0; */
  }
}

.tooltip.advanced-wrapper.forceHeaderButton.header-tooltip.transition-start.south > .pointer.pointer-advanced,
.tooltip.advanced-wrapper.forceHeaderButton.header-tooltip.transition-start.south > .tooltip-advanced.tooltip-body {
  display: none;
}

@media screen and (max-width: 767px) {
  .forceCommunityDynamicCollectionGrid
    > .slds-grid.slds-wrap.slds-grid_vertical-stretch.resetMarginLeft.slds-grid_pull-padded-medium.pull-padded-bottom-medium
    .slds-is-relative.slds-grid.slds-grid_vertical-stretch.transitionEase.imageZoomIn.forceCommunityBannerLayout,
  .forceCommunityDynamicCollectionGrid
    > .slds-grid.slds-wrap.slds-grid_vertical-stretch.resetMarginLeft.slds-grid_pull-padded-medium.pull-padded-bottom-medium
    .slds-is-relative.slds-grid.slds-grid_vertical-stretch.transitionEase.imageZoomIn.forceCommunityBannerLayout
    > .slds-is-relative {
    height: 280px !important;
  }
}

.detail-container .slds-form-element__label {
  font-size: 1rem !important;
}

@media only screen and (max-width: 960px) {
  .forceCommunityDynamicCollectionGrid
    .js-content.slds-is-relative.transitionEase.zoomIn.forceCommunityTileLayout.forceCommunityFlexTileLayout:hover {
    transform: unset;
  }
  .forceCommunityDynamicCollectionGrid
    > .slds-grid.slds-wrap.slds-grid_vertical-stretch.resetMarginLeft.slds-grid_pull-padded-medium.pull-padded-bottom-medium {
    /* padding-left: 0; */
  }
}

:root c-vmp_-internal-apps .slds-icon.slds-icon-text-default.slds-icon_xx-small,
:root c-vmp_-internal-apps .slds-icon.slds-icon-text-default.slds-icon_x-small {
  width: unset;
  height: 1.5rem;
  padding: 5px;
  padding-left: 0;
}

.helpdesk-btn-group.slds-button-group-row div[part='button-group'] {
  display: flex;
}

c-vmp_-login .slds-icon.slds-icon-text-default,
c-vmp_-forgot-password-page .slds-icon.slds-icon-text-default {
  padding: unset;
}

c-vmp_-case-view_-a-f .slds-icon.slds-icon-text-default {
  width: 15px;
  fill: #068fc7 !important;
}

c-vmp_-case-view_-a-f lightning-file-upload .slds-file-selector,
c-vmp_-case-view_-a-f lightning-file-upload .slds-file-selector .slds-file-selector__dropzone,
c-vmp_-case-view_-a-f lightning-file-upload .slds-file-selector .slds-file-selector__dropzone slot {
  width: 100%;
}

c-vmp_-case-view_-a-f lightning-file-upload.file-upload-input .slds-form-element__control {
  opacity: 0;
}

c-vmp_-case-view_-a-f lightning-file-upload .slds-form-element .slds-form-element__help {
  position: absolute;
}

.socialOptionsContainer button {
  width: 100%;
  height: 50px;
  border: none;
  color: #a6a6a6;
  font-size: 16px;
  font-weight: 500;
  outline: none;
}

.socialOptionsContainer button:focus {
  box-shadow: none;
}

lightning-formatted-rich-text a {
  color: var(--primary-bg-color);
  text-decoration: underline;
}

lightning-input-rich-text table,
lightning-input-rich-text th,
lightning-input-rich-text td,
lightning-formatted-rich-text table,
lightning-formatted-rich-text th,
lightning-formatted-rich-text td {
  border: 1px solid black;
  border-collapse: collapse;
}

c-vmp_-case-record-detail lightning-textarea[data-id='inputReason'] textarea {
  height: 250px;
}

c-vmp_-case-record-detail * {
  color: black;
}